/*
 * Homepage Styles
 */
ul#hp-main-ul{
  display:inline-block;
}

ul#hp-main-ul{
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}

ul#hp-main-ul li{
  float:left;
  padding-right:14px;
  width:192px;
  height:226px;  
}

ul#hp-main-ul li a{
  display:block;
  width:192px;
  height:226px;
}

#centre-column h2{
  position: absolute;
  left: -9999px;
}


ul#hp-main-ul li#hp-main-ul-motor{
  background:url(/img/hp-motor.jpg) no-repeat;
}

ul#hp-main-ul li#hp-main-ul-home{
  background:url(/img/hp-home.jpg) no-repeat;
}

ul#hp-main-ul li#hp-main-ul-commercial{
  background:url(/img/hp-commercial.jpg) no-repeat;
  padding-right:0px;
}

div#arrows-to-360{
  background:url(/img/arrows-to-360.gif) top center no-repeat;
  margin:3px 0 6px 0;
  width:100%;
  height:59px;
}

div#relay-equote-ctr{
  cursor:pointer;
  background:url(/img/relay-quote-ctr-bottom.gif) bottom no-repeat;
  padding-bottom:18px;    
  width:602px;  
}

div#relay-equote-ctr ul.main{
  list-style:none;
  background:url(/img/relay-quote-ctr-top.jpg) top;  
  margin:0;
  padding:20px 0 0 0;
  overflow:hidden;
  height:102px;
}



div#relay-360-inner ul.main{
  list-style:none;
  margin:0;
  padding:20px 0 0 0;  
}

div#relay-360-inner ul.main ul,
div#relay-equote-ctr ul.main ul{  
  list-style:none;
  margin:0;
  padding:0;
}
div#relay-360-inner ul.main li.left,
div#relay-equote-ctr ul.main li.left {
  float:left;
  padding-left: 15px;
  width:45%;
}


div#relay-equote-ctr ul.main li.left {
  padding-left: 38px;
}
div#relay-360-inner ul.main li.left a{
  background:url(/img/hp-relay-360-tell-me-more.gif) bottom right no-repeat;
  padding:31px 0 0 19px;
}


div#relay-360-inner ul.main li.right,
div#relay-equote-ctr ul.main li.right{
  float:right;
  padding-right:15px;
  width:178px;  
}

div#relay-360-inner ul.main li.right{
   padding-right:0;
   width:163px;
}


div#relay-equote-ctr ul.main li ul{
  margin:0;
  padding:28px 0 0 0;
}

div#relay-360-inner ul.main li ul{
  margin:0;
  padding:6px 0 0 0;
}


div#relay-360-inner ul.main li ul li,
div#relay-equote-ctr ul.main li ul li{
  background:url(/img/relay-equote-ctr-li-right-bg.gif) no-repeat;
  color:#0380ac;
  font-size:1.1em;
  padding-left:27px;
  margin-bottom:8px;  
}
div#relay-360-inner ul.main li ul li{
  background:url(/img/relay-360-ctr-li-right-bg.gif) no-repeat;
  color:#ffffff;
}

div#relay-360-ctr{
  cursor:pointer;
  width:601px;
  background:url(/img/relay-360-bottom.jpg) bottom no-repeat #0380ac;
  padding-bottom:17px;
}

div#relay-360-inner{  
  background:url(/img/relay-360-ctr.jpg) top no-repeat;
  padding:22px 22px 5px 22px;
  min-height:99px;
  height:99px;  
}