/* Reset All CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Basic Global */
body {margin:0; font:80% Tahoma, Geneva, sans-serif; color:#3d3d3d; background:#fff url(../images/bg.jpg) repeat-x center top;}
a, object { outline:none;}
a {color:#000; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
p {padding:0; margin:0 0 20px 0;}
hr { clear:both; display:block; height:1px; border-top:none; border-left:none; border-bottom:1px solid #d9d9d9; border-right:none; padding:0; margin:20px 0 20px 0;}
big { font-size:1.3em;}

.midTinyDiv { width:1px; height:700px; float:left; overflow:hidden;}

/* Headings */
h1, h2, h3, h4{font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0;}
h1 { color:#cc0000; font-size:3.0em; font-weight:bold; margin:0 0 12px 0;}
h2 { color:#000; margin:0; padding:0 0 12px 0; font-size:1.4em; font-weight:bold;}
h3 { font-size:1.6em; font-weight:normal; letter-spacing:-1px; margin:0; padding:0 0 10px 0; color:#cc0000;}
h3 a{color:#cc0000; text-decoration:none;}
h4 {font-size:1.3em; margin:0; padding:0 0 10px 0; color:#936553;}
h5, h6 {font-size:1.0em; color:#fff;}
td { vertical-align:top;}

table { clear:both; margin:10px 0 0 0;}
td.alt1 { padding:8px; border-bottom:1px solid #e6e6e6;}
td.alt2 { background:#F4F4F4; padding:8px;border-bottom:1px solid #e6e6e6;}

table.carMatrix {width:100%; border-spacing:1px;}
table.carMatrix tr{ padding:3px; background:#fff;}
table.carMatrix tr td{ padding:4px 4px 4px 6px;}
table.carMatrix tr td.title { background:#065290; font-weight:bold; padding:6px; color:#fff;}
table.carMatrix tr.Alternate { background:#ddf1ff;}

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalign_left { text-align:left;}
.textalign_right { text-align:right;}
.red { color:#cc0000;}
.blue { color:#2E7DC0;}
.horispacer { width:960px; height:15px; clear:both;}
.horispacerHeavy { width:960px; height:30px; clear:both;}
h4.heavyphone { color:#cc0000; font-weight:bold; font-size:1.8em; letter-spacing:-1px;}

h2.lowprices { background:url(../images/service_prices.jpg) no-repeat; text-indent:-99999px; width:262px; height:63px;}

a#bookmarkSite { width:45px; height:162px; background:url(../images/bookmark.jpg) no-repeat; position:fixed; top:174px; right:0; text-indent:-99999px;}

h1.title-home { width:620px; height:52px; background:url(../images/title_home.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-about { width:620px; height:52px; background:url(../images/title_about.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-how-it-works { width:620px; height:52px; background:url(../images/title_howitworks.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-fleet-servicing { width:620px; height:52px; background:url(../images/title_fleet-servicing.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-vehicle-prices { width:620px; height:52px; background:url(../images/title_vehicle-prices.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-vehicle-repairs { width:620px; height:52px; background:url(../images/title_vehicle-repairs.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-contact { width:620px; height:52px; background:url(../images/title_contact.jpg) no-repeat 0 0; text-indent:-99999px;}
h1.title-sitemap { width:620px; height:52px; background:url(../images/title_sitemap.jpg) no-repeat 0 0; text-indent:-99999px;}

/* Share This */
div.shareInfo {width:940px; height:30px; line-height:30px; clear:both; background:url(../images/navbg.jpg) repeat-x; margin:15px 0; padding:0 10px; display:none;}
div.shareInfo h2{ float:left; font-size:1.3em; color:#fff; margin:0; padding:0; line-height:29px;}
div.shareInfo h2 strong{ font-weight:bold;}
div.shareInfo h2 span.left {}
div.shareInfo h2 span.right { padding:0 0 0 10px; font-weight:bold;}
div.shareInfo ul{text-align:right; padding:0;}
div.shareInfo ul li{ margin:0 0 0 4px; padding:0 0 0 20px; display:inline; height:16px;}
div.shareInfo ul li.print { background:url(../images/icon_002.png) no-repeat left top;}
div.shareInfo ul li.contact { background:url(../images/icon_001.png) no-repeat left top;}
div.shareInfo ul li a{ text-decoration:none; color:#fff;}
div.shareInfo ul li a:hover{ text-decoration:underline;}
div.shareInfo ul li a.addthis_button{ vertical-align:middle;}

/* Main Containers */
div#page_container { width:960px; padding:0 10px; min-height:450px; margin:0 auto; position:relative; background:#fff url(../images/containerbg.jpg) no-repeat top center;}

div#ticker-area { width:940px; height:30px; background:#fff url(../images/ticker_bg.jpg) repeat-x; margin:10px 0; line-height:30px; padding:0 10px; color:#fff;}
div#ticker-area div{ margin:0; padding:0; float:right; width:450px;}
div#ticker-area p{ margin:0; padding:0;}
div#ticker-area strong{ font-weight:bold;}

/* Header Stuff */
div#header_container { width:960px; margin:0 auto; }
div#header_container .logo { width:350px; height:88px; float:left;}
div#header_container .phone { width:369px; height:86px; margin:2px 0 0 0; float:right; background:url(../images/phone_new.jpg) no-repeat; text-align:left; text-indent:-99999px; overflow:hidden;}

div#header_container .phone ul { margin:10px 0 0 0; display:none;}
div#header_container .phone ul li { line-height:19px; margin:0 85px 0 0;}
div#header_container .phone ul li a{ text-decoration:none;}
div#header_container .phone ul li.line1 a{ font-size:1.3em; letter-spacing:-1px; color:#cc0000; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
div#header_container .phone ul li.line2 a{ font-size:1.3em; letter-spacing:-1px;  color:#4c4c4c;}
div#header_container .phone ul li.line3 a{ font-size:1.8em; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}

div#header_container .links { width:211px; float:left; margin:12px 0 0 10px; height:65px;}
div#header_container .links ul li a{ width:211px; height:65px; text-indent:-99999px; overflow:hidden; display:block;}
div#header_container .links ul li a.contact { background:url(../images/btn_emailus.jpg) no-repeat; }
div#header_container .links ul li a:active.contact { background:url(../images/btn_emailus.jpg) no-repeat 0 -65px; }
/*div#header_container .links ul li a.contact { background:url(../images/btn_contact.jpg) no-repeat; }
div#header_container .links ul li a.friend {background:url(../images/btn_tellafriend.jpg) no-repeat;}*/

/* Navigation Area */
div#navigation { width:960px; clear:both; border-bottom:6px solid #e5e5e5; background:url(../images/navbg.jpg) repeat-x; overflow:hidden;}

ul.mainNav { margin:0; padding:0; overflow:hidden; float:left;}
ul.mainNav li{ list-style:none; text-align:center; float:left; text-transform:uppercase; font-weight:bold;}
ul.mainNav li.divider { width:1px; height:36px; background:#f85f5f; margin:0;}
ul.mainNav li a{display:block; float:left; height:36px; line-height:36px; padding:0 10px; text-decoration:none; color:#fff;}
ul.mainNav li a.on, ul.mainNav li a:hover{ background:url(../images/navbg_on.jpg) repeat-x; color:#fff;}

div#navigation div.dropDown { overflow:hidden; float:right; margin:6px 6px 0 0;}
div#navigation div.dropDown span#carselected {}
div#navigation div.dropDown span#carselected a{ padding:0 0 0 10px; width:180px; height:24px; line-height:24px; background:url(../images/carselect.jpg) no-repeat right top; display:block; text-decoration:none;}
div#navigation div.dropDown span#carselected a:hover{}
div#navigation div.dropDown ul{ margin:0; width:250px; padding:4px; display:none; position:absolute; right:16px; z-index:99999; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:200px; overflow:auto;}
div#navigation div.dropDown ul li{ list-style:none; width:224px; float:left; }
div#navigation div.dropDown ul li a{ width:224px; height:18px; padding:2px 0 2px 6px; float:left; text-decoration:none; border-bottom:1px solid #f8f8f8; margin:1px 0; overflow:hidden;}
div#navigation div.dropDown ul li a:hover{background:url(../images/carselect_page.jpg) no-repeat -5px -15px; color:#fff;}

/* Content Stuff */
div#homeFeatured { width:960px; height:263px; position:relative;}
div#pageBanner { width:960px; height:163px; position:relative; background:url(../media/images/page_banner.jpg) no-repeat; margin:0 0 15px 0;}

div#pageBannerCars {width:960px; height:213px; position:relative; margin:0 0 10px 0;}
div#pageBannerCars .nationwide{ width:299px; height:213px; float:left; background:url(../images/nationwide_cars.jpg) no-repeat;}
div#pageBannerCars .carimage { width:661px; height:213px; float:right;}
div#pageBannerCars .carimage h1{ text-indent:-99999px; position:absolute; left:0; top:0;}

div#carPhone {width:600px; float:right; height:30px; line-height:30px; background:url(../images/navbg.jpg) repeat-x; margin:0 0 15px 0; padding:0 10px; display:none;}
div#carPhone span.left, div#carPhone span.right {display:block;font-size:1.4em;font-weight:bold;text-shadow:0 1px 0 #EB5959;text-transform:uppercase;} 
div#carPhone span.left {color:#fff;}
div#carPhone span.right {color:#000;}

/* Column Ads */
/*div#columnAds { width:330px; float:left; overflow:hidden; clear:both;}
div#columnAds div.advert {width:325px; height:90px; padding:10px 10px 10px 10px; margin:0 0 10px 0; position:relative; overflow:hidden; text-align:left;}
div#columnAds div.advert .advert_text { width:205px;}
div#columnAds div.advert h2 {color:#cc0000; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; margin:0; padding:0; font-size:1.5em;}
div#columnAds div.advert h3 {color:#010101; font-size:1.1em; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:normal; margin:0; padding:0 0 3px 0;}
div#columnAds div.advert a { width:296px; height:105px; position:absolute; display:block; top:2px; left:2px; overflow:hidden; text-indent:-99999px;}
div#columnAds div.advert p { margin:0; padding:0; font-size:11px; color:#010101;}

.car { background:url(../images/ad_car.jpg) no-repeat left top;}
.mot { background:url(../images/ad_mot.jpg) no-repeat left top;}
.repair { background:url(../images/ad_repair.jpg) no-repeat left top;}
.bodywork { background:url(../images/ad_body.jpg) no-repeat left top;}
.bodywork .advert_text_lg { width:240px;}
.rental { background:url(../images/ad_rental.jpg) no-repeat left top;}*/

div#MainContainer { position:relative; overflow:hidden; width:960px; clear:both;}
div#columnAds { width:330px; left:0;}
div#columnAds div.advert {width:300px; padding:0; margin:0 0 10px 0;  overflow:hidden; text-align:left; text-indent:-99999px;}
div#columnAds div.advert .advert_text { width:205px; overflow:hidden; display:none;}
div#columnAds div.advert h2 {color:#cc0000; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; margin:0; padding:0; font-size:1.5em;}
div#columnAds div.advert h3 {color:#010101; font-size:1.1em; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-weight:normal; margin:0; padding:0 0 3px 0;}
div#columnAds div.advert a { width:296px; height:105px; display:block; overflow:hidden;}
div#columnAds div.advert p { margin:0; padding:0; font-size:11px; color:#010101;}

.car { background:url(../images/ad_car_new.jpg) no-repeat left top; height:120px;}
.mot { background:url(../images/ad_mot_new.jpg) no-repeat left top; height:120px;}
.repair { background:url(../images/ad_repair_new.jpg) no-repeat left top;width:325px; height:133px;}
.bodywork { background:url(../images/ad_body_new.jpg) no-repeat left top; height:120px;}
.bodywork .advert_text_lg { width:240px;}
.rental { background:url(../images/ad_rental_new.jpg) no-repeat left top; height:120px;}

/* Content Stuff */
div#contentArea { width:620px; float:right; overflow:hidden; position:relative; background:url(../images/content_bg.jpg) repeat-x 0 -16px;}
div#contentArea strong { font-weight:bold;}
div#contentArea ul { margin:0 0 15px 20px; color:#3d3d3d;}
div#contentArea ul li{ margin:0 0 5px 0; list-style:disc; }

div#contentArea ul.list_blue { margin:0 0 15px 0;}
div#contentArea ul.list_blue li{ margin:0 0 5px 0; padding:0 0 5px 20px; list-style:none; background:url(../images/bpoint_blue.jpg) no-repeat left top;}

div#contentArea ul.list_red { margin:0 0 15px 0;}
div#contentArea ul.list_red li{ margin:0 0 5px 0; padding:0 0 5px 20px; list-style:none; background:url(../images/bpoint_red.jpg) no-repeat left top;}

div#contentArea ul.numbers { margin:0; padding:20px 0 20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
div#contentArea ul.numbers li.one { margin:0 0 5px 0; padding:8px 80px 25px 40px; list-style:none; background:url(../images/numberbpoints_1.jpg) no-repeat left top;}
div#contentArea ul.numbers li.two { margin:0 0 5px 0; padding:0 80px 15px 40px; list-style:none; background:url(../images/numberbpoints_2.jpg) no-repeat left top;}
div#contentArea ul.numbers li.three { margin:0 0 5px 0; padding:0 80px 15px 40px; list-style:none; background:url(../images/numberbpoints_3.jpg) no-repeat left top;}
div#contentArea ul.numbers li.four { margin:0 0 5px 0; padding:0 80px 20px 40px; list-style:none; background:url(../images/numberbpoints_4.jpg) no-repeat left top;}
div#contentArea ul.numbers li.five { margin:0 0 5px 0; padding:0 80px 15px 40px; list-style:none; background:url(../images/numberbpoints_5.jpg) no-repeat left top;}
div#contentArea ul.numbers li.six { margin:0 0 5px 0; padding:0 80px 0 40px; list-style:none; background:url(../images/numberbpoints_6.jpg) no-repeat left top;}

div#contentArea a.booknow{ width:157px; height:40px; background:url(../images/btn_booknow.jpg) no-repeat; text-indent:-99999px; overflow:hidden; display:block; float:right;}
div#contentArea a:hover.booknow{ background:url(../images/btn_booknow.jpg) no-repeat 0 -40px;}

div#contentArea a.btnSchedule { width:180px; height:40px; float:right; margin:0 0 0 6px; background:url(../images/btn_schedule.jpg) no-repeat; text-indent:-99999px; overflow:hidden; display:block; float:right;}
div#contentArea a:hover.btnSchedule { background:url(../images/btn_schedule.jpg) no-repeat 0 -39px;}

div#contentArea div.dropDown { overflow:hidden; margin:6px 6px 15px 0; width:343px; float:left;}
div#contentArea div.dropDown span#carselected2 {}
div#contentArea div.dropDown span#carselected2 a{ padding:0 0 0 10px; width:343px; height:40px; line-height:40px; color:#fff; font-weight:bold; background:url(../images/carselect_page.jpg) no-repeat; display:block; text-decoration:none;}
div#contentArea div.dropDown span#carselected2 a:hover{background:url(../images/carselect_page.jpg) no-repeat 0 0;}
div#contentArea div.dropDown ul{ margin:0; width:329px; padding:4px; display:none; position:absolute; z-index:600; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:200px; overflow:auto;}
div#contentArea div.dropDown ul li{ list-style:none; width:224px; float:left; }
div#contentArea div.dropDown ul li a{ width:290px; height:18px; padding:2px 0 2px 6px; float:left; text-decoration:none; border-bottom:1px solid #f8f8f8; margin:1px 0; overflow:hidden;}
div#contentArea div.dropDown ul li a:hover{ background:url(../images/carselect_page.jpg) no-repeat -5px -15px; color:#fff;}

/* Footer Stuff */
div#footer_container { width:960px; padding:10px 0; clear:both; overflow:hidden;  margin:0 0 10px 0; color:#5f5f5f; font-size:11px; position:relative;}
a.sitemap { position:absolute; right:10px; top:20px;}

div#footer_container a{text-decoration:none; color:#5f5f5f;} 
div#footer_container a:hover{text-decoration:underline;}

div#footer_container .ftnav {background:#e5e5e5 url(../images/footer.jpg) repeat-x; padding:10px 20px 25px 20px; overflow:hidden;}
div#footer_container .ftnav h2 { color:#525252; margin:0; padding:0 0 14px 0; font-size:1.8em;}
div#footer_container .ftnav ul { float:left; padding:0 10px 0 0; margin:0 6px 0 0; border-right:1px solid #c8c8c8;}
div#footer_container .ftnav ul li { padding:0 0 5px 0}

div#footer_container .notice {padding:10px; clear:both; background:#5f5f5f; overflow:hidden; color:#fff;}
div#footer_container .notice a {color:#fff; text-decoration:underline;}
div#footer_container .right ul{ margin:0; padding:0;}
div#footer_container .right ul li{ margin:0; padding:0 2px; display:inline;}
div#footer_container .right a{ text-decoration:none;}

div.footerPhone { clear:both; width:960px; height:28px; background:url(../images/footer_phone.jpg) no-repeat 0 6px; }
div.footerPhone a.openTimes { width:181px; height:40px; background: url(../images/opening_times.jpg) no-repeat; display:block; text-indent:-99999px; float:right; overflow:hidden;}
div.footerPhone a:hover.openTimes { width:181px; height:40px; background: url(../images/opening_times.jpg) no-repeat 0 -39px;}


/* Form and Validation */
form#Form {padding:0; overflow:hidden; margin:15px 0 0 0;}
form#Form h3{font-size:1.4em; border-bottom:none; color:#666; padding:0; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight: normal;}
form#Form ol { margin:0; padding: 0; }
form#Form li { padding:5px; list-style: none; margin: 0 0 2px 0; overflow:hidden; clear:both;}
form#Form li.end {margin:10px 0; clear:both;}
form#Form li.section {padding:0; margin:10px 0 10px 0;width:639px; height:20px; overflow:hidden; font-size:1.4em;}

form#Form p{ font-weight:bold; margin:0; padding:0 0 10px 5px;}
form#Form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height:2em;vertical-align: top; font-weight:bold; width:190px;float: left; padding:0 0 0 20px;}
form#Form label.checklabel {display: block;line-height: 1.5;vertical-align: top;width:30px;}
form#Form label.large {display: block;line-height: 1.2;vertical-align: top;width:450px; margin:0 20px 0 0;float: left;}

form#Form input.checkboxsmall {width:20px; float:left; border:1px solid #d6d6d6; padding:0;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:300px;border: 1px solid #d6d6d6; padding:5px;color: #333;font:9pt Tahoma, Geneva, sans-serif;background-color: #fff; float:left;}
form#Form input.txtinput:focus, textarea.txtinput:focus {color: #000;border: 1px solid #797A75;}
form#Form .require{ color:#ca3a34; font-weight:bold;}
form#Form .buttonsubmit { float:left; margin:0;}
div.form_error_text {font-weight:bold; color:#b9021e; float:left; line-height:2.0em; margin:0 0 0 10px;}
div#formcompleted { background:#6DBF2F; padding:10px; color:#fff; margin:20px 0}
div#formcompleted strong{ display:block; font-size:1.4em; color:#fff;}
div#errorMessage {display:block; color:#fff; margin:5px 0 10px 0; padding:8px; background:#B9021E;}

form.genericForm {}
form.genericForm label { display:block; font-size:0.9em;}
form.genericForm input { display:block; font-size:0.9em; margin:3px 0}
form.genericForm div.form_error_text  {color:#cc0000; font-size:80%; float:none; line-height:normal; margin:0 0 0 0;}
