body, html { background: url(../images/design-base-bg.jpg) 0 0 repeat #bfbfbf; }
* { margin: 0; padding: 0;}
.clear { clear:both}
img {border: none}
#main-wrap {height: auto; width: 990px; margin: 0 auto;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#000; text-align: left; text-transform:uppercase; margin-bottom: 10px}
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#FFFFFF; text-align: left; text-transform:uppercase; text-indent:25px; padding: 20px 0 0 0;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#000000; text-align: left; text-transform:uppercase; padding: 20px 0 0 50px;}
em { font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color: #00F; text-align: left; text-transform:uppercase; margin-bottom: 10px}
.normP, ol li {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: left; list-style-position: inside}
/** TOP SECTION STYLES **/
#top-section { width:988px; height: 370px;}
#header { background: url(../images/header-bg.jpg) center no-repeat; width:987px; height: 90px; text-transform:uppercase}
#top-tel { font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#FFF; text-align:left; font-weight:bold; text-transform:uppercase; width:250px; height:70px; float:left; padding: 35px 0 0 10px}
#top-add { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFF; text-align:right; font-weight:bold; width:250px; height:70px; float:right; padding: 10px}
#top-image { background: url(../images/top-image-rac.jpg) center no-repeat; width:987px; height: 242px}
/** TOP NAV STYLES **/
#top-nav { background: url(../images/nav-bg.jpg) center repeat-x; height:37px; width:987px;}
ul#top-nav li { display: inline; text-transform:uppercase; float: left; margin: 0 0 0 0; line-height: 37px; height:37px; text-align: center; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #666}
ul#top-nav li a {color: #ffffff; text-decoration:none; font-weight:bold; font-size:12px; width:auto; height: 37px; float: left; margin: 0 17px 0 17px}
ul#top-nav li a:hover {height:37px; width: auto; color: #FFFF00; border-style:none}
ul#top-nav li#HP { border:none}
ul#top-nav li#VS { margin-left:120px}
/** END TOP NAV STYLES **/
/** END TOP SECTION STYLES **/
#car-buts { width:987px; height:187px; background: url(../images/grey-stripe-bg.jpg) left center repeat-x; list-style-type: none;}
#car-buts li { float:left}
.large-buttons { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#FFF; display: block; margin-top: 22px; font-weight: bold; text-transform:uppercase; margin-left: 60px}
#view-stock-but a {background: url(../images/view-stock-bg.jpg) center top no-repeat; width:226px; height:166px; float:left; margin: 16px 0 0 27px; list-style-type: none; text-decoration:none}
li#view-stock-but a:hover {background: url(../images/view-stock-bg.jpg) center bottom no-repeat; list-style-type: none;}
#finance-but a {background: url(../images/finance-bg.jpg) center top no-repeat; width:225px; height:166px ;float:left; margin: 16px 0 0 10px; list-style-type: none; text-decoration:none}
li#finance-but a:hover {background: url(../images/finance-bg.jpg) center bottom no-repeat; list-style-type: none}
li#contact-us-but a {background: url(../images/contact-us-bg.jpg) center top no-repeat; width:226px; height:166px ; float:left; margin: 16px 0 0 10px; list-style-type: none; text-decoration:none}
li#contact-us-but a:hover {background: url(../images/contact-us-bg.jpg) center bottom no-repeat; list-style-type: none}
#location-but a {background: url(../images/location-bg.jpg) center top no-repeat; width:225px; height:166px; float:left; margin: 16px 0 0 10px; list-style-type: none; text-decoration:none}
li#location-but a:hover {background: url(../images/location-bg.jpg) center bottom no-repeat; list-style-type: none}
#transporter-but a {background: url(../images/transporter-back.jpg) center top no-repeat; width:225px; height:166px; float:left; margin: 16px 0 0 10px; list-style-type: none; text-decoration:none}
li#transporter-but a:hover {background: url(../images/transporter-back.jpg) center bottom no-repeat; list-style-type: none}
#transporter-but a span {
margin-top: 12px;
margin-left: 42px;
}
/** MIDDLE SECTION STYLES **/
#middle-section {background: url(../images/middle-section-bg.jpg) left center repeat-x; width:987px; height:479px;}
#spy {background: url(../images/spy-bg.jpg) center no-repeat; width:471px; height:467px; float:left; margin: 5px 0 0 20px}
#content { width: 420px; height: auto; float:left; margin: 35px 0 0 25px}
#hours { background: url(../images/hours-bg.jpg) center no-repeat; width: 448px; height:257px;float:left; margin: 5px 0 0 15px;}
/** END MIDDLE SECTION STYLES **/
#formtext {width:900px; height:auto; padding: 40px}
#vd-wrap {background: url(../images/grey-bg.jpg) left top repeat; width:987px; height:auto; overflow:hidden}
#large-section {background: url(../images/large-section-bg.jpg) left top repeat-x #bdbdbd; width:987px; height:auto}
#sales-wrap { width:900px; margin: 0 auto}
/** BOTTOM SECTION STYLES **/
#bottom-section {background: url(../images/bottom-section-bg.jpg) center left repeat-x; width: 987px; height:325px;}
#stock-count {background: url(../images/in-stock-bg.jpg) center no-repeat; width: 307px; height:310px; float:left; margin: 0 0 0 20px}
ul#current-stock { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; text-align:left; margin: 35px 0 0 20px; list-style-type: none}
ul#current-stock li { width:133px; float:left;}
ul#current-stock li a { color:#FFF; float:left; list-style-type: none; line-height: 1.5; text-decoration:none;}
ul#current-stock li a:hover { text-decoration:underline}
#stock-search {background: url(../images/stock-search-bg.jpg) center no-repeat; width: 307px; height:310px; float:left; margin: 0 0 0 10px}
#find-us {background: url(../images/stock-search-bg.jpg) center no-repeat; width: 307px; height:310px; float:left; margin: 0 0 0 10px}
#map-image { margin: 20px 0 0 18px}
.capsP {font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:uppercase; color:#FFFFFF; text-align: right; padding: 10px 20px 5px 0; font-weight:bold}
.whiteP {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-align: right; padding-right: 20px}
/** END BOTTOM SECTION STYLES **/
/** FOOTER STYLES **/
#footer { width:988px; float: left; height: 90px; margin: 10px 0 0 0}
#footnav {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#666666; cursor:pointer; width: 950px; height: 20px; float: left}
ul#footer-nav li { font-family:Arial, Helvetica, sans-serif; display: inline; text-transform:uppercase; float: left; padding: 0px 10px 0 0;}
ul#footer-nav li a { font-family:Arial, Helvetica, sans-serif; display: inline; text-transform:uppercase; float: left; padding: 0px 10px 0 0; ;color: #666666; text-decoration:none; font-size:11px; height: 20px; margin: 0 20px 0 20px; float: left}
ul#footer-nav li a:hover {color: #FF0 ; text-decoration:none; font-size:11px; height: 20px; float: left}
#footer-add { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-transform:uppercase; margin: 10px 0 0 20px; float:left; width:988px}
#ttt { float:left; text-align:right; width: 60px; height: 17px; margin: 0 20px 0 0; color: #666666; background: url(../images/top-arrow.jpg) top no-repeat; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-size:11px;}
.ukwebs { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; text-transform:uppercase; color: #666666; cursor:pointer; padding: 0px 40px 0 0; height: 20px }
.ukwebs a {color: #FF0; font-weight:bold}
#footer-logos { width:488px; height:81px; float:left; background: url(../images/footer-logos.jpg) center no-repeat; }
/** END FOOTER STYLES **/
#warlogo { float:right;}
#locmap iframe {width:440px; height:400px;}
#locmap {width:440px; height:400px; margin: 15px 0 0 17px}