/* reset */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { display: block; }
/* ----- */

p.skiplink{ padding: 0; }
a#skiptocontent { position: absolute; left: -9999px; z-index: 500; }
a#skiptocontent:active, a#skiptocontent:focus { width: 100%; padding: 2px 0 4px; left: 0; top: 0; text-align: center; font-size: 1em; font-weight: bold; color: #000; border: none; background: #ff0; }

body { font: 12px/1.2 Georgia, serif; background: #232021; }
p strong, li strong, table strong {color: #C4CABF;}
#container { width: 960px; margin: 0 auto; padding: 64px 0 0; position: relative; }

#phone { padding: 0 20px 0 0; position: absolute; top: 0; left: 5px; color: #C4CABF; font-size: 26px; }
#nav { padding: 0 20px 0 0; position: absolute; top: 0; right: 5px; background: url(../images/navRight.gif) right 0 no-repeat; }
#nav ul { padding: 0 0 0 12px; background: url(../images/navLeft.gif) 0 0 no-repeat; }
#nav ul, #nav li, #nav a { float: left; }
#nav li a { height: 45px; padding: 12px 5px 0; display: block; text-transform: uppercase; font-size: 14px; color: #d1dbbd; background: url(../images/navStrip.gif) 0 0 repeat-x; }
#nav li a.feedicon { padding: 12px 2px 0; }
#nav li a.active {color: #fff;}

#header { width: 949px; margin: 0 auto; padding: 25px 0 20px; position: relative; clear: both; background: url(../images/headerBackground.png) 0 0 no-repeat; }

#header #logo { margin: 0 0 0 24px; float: left; display: inline; }
#header div#logo { width: 267px; height: 86px; text-indent: -9999px; background: url(../images/logo.png) 0 0 no-repeat; }
#header a#logo, #header a#logo span { display: block; }
#header a#logo span { height: 0; overflow: hidden; }
#header a#logo { width: 114px; height: 38px; background: url(../images/smallLogo.png) 0 0 no-repeat; }
#header #strap p { width: 600px; margin: 5px 0 0 36px; float: left; font-size: 21px; line-height: 26px; }
* html #header #strap p { width: 590px; letter-spacing: -1px; }
#header div#slider { width: 899px; height: 369px; margin: 17px auto 0; overflow: hidden; position: relative; }
#header ul { width: 100%; }
#header li { height: 369px; position: relative; }
#header .carTitleLink { width: 100%; height: 40px; padding: 7px 0 0 12px; display: block; position: absolute; bottom: 0; left: 0; font-size: 26px; text-transform: uppercase; color: #0d0d0d; background: url(../images/carTitleGrad.png) 0 0 repeat-y; }

h1#welcome { font-size: 17px; font-weight: normal; text-transform: uppercase; }

.down { color: #c4cabf; background: url(../images/downHeader.png) 0 0 no-repeat !important; }
.down h1 { height: 46px; line-height: 38px; margin: 0 0 0 12px; padding: 0 0 0 10px; float: left; position: relative; top: -2px; font-size: 38px; text-transform: uppercase; font-weight: normal; border-left: 1px solid #000; }
.down h1.detailTitle { text-transform: none !important; }
.down p { padding: 20px 27px 0; clear: both; float: none !important; font-size: 20px; display: inline-block; }


#main { width: 949px; margin: 0 auto; padding: 30px 0 20px; background: url(../images/shadow.gif) right 0 repeat-y; }

.carGrid ul, .carGrid li, .carGrid a { float: left; }
.carGrid li, .carGrid a { width: 289px; height: 217px; }
.carGrid li { margin: 0 0 27px 18px; display: inline; }
.carGrid a, .carGrid span { display: block; }
.carGrid a { position: relative; color: #0d0d0d; text-transform: uppercase; font-size: 16px; }
.carGrid span { width: 265px; padding: 8px 12px; position: absolute; bottom: 0; background: url(../images/carGridSpan.png) 0 0 repeat-y; }
.carGrid a:hover { color: #fff; }

.brands .carGrid li, .brands .carGrid a { width: 160px; height: 180px; }
.brands .carGrid li { margin: 0 0 0 25px; display: inline; }

#partners .carGrid li, .carGrid a { width: 250px; height: 217px; }
#partners .carGrid li { margin: 0 10px 0 25px; display: inline; }

#brands_text a { float: none; display: inline; color:#0D0D0D;
font-size: inherit;
text-transform: none ; color:#D1DBBD; font-weight: bold; }

#slider a { color: #000; }
#slider a:hover { color: #fff; }

.detail { width: 929px !important; padding-left: 20px !important; }
.detail #dImages, .detail #dContent, .detail #dImages ul, .detail #dImages li, .detail #dImages a { float: left; }
.detail #dImages { width: 558px; }
.detail #dImages ul { margin: 30px 0 0 -21px; }
.detail #dImages li { margin: 0 0 20px 21px; }
/* .detail #dImages #slider2 li { margin: 0; overflow: hidden;} */

.detail #dContent { width: 340px; padding: 18px 0 18px 22px; font: 14px/1.2 Arial, Verdana, Helvetica, sans-serif; background: url(../images/carDetailStrip.gif) 0 0 repeat-y; }
.detail #dContent, .detail #dContent a { color: #d1dbbd; }
.detail #dContent p { margin: 0 0 15px; }
.detail #dContent .section { padding: 15px 0 5px; border-top: 1px solid #d1dbbd; }
.detail #dContent h2 { margin: 0 0 10px; font: 17px/1.2 Georgia; text-transform: uppercase; }
.detail #dContent .description { padding: 0 20px 0 0; }

#features { width: 480px; margin: 0 20px; display: inline; }
#features, #features li, #features a { float: left; }
#features li { margin: 0 20px 20px 0; }
* html #features li { display: inline; }
#features a, #features span { display: block; }
#features a { width: 220px; font-size: 17px; text-transform: uppercase; color: #d1dbbd; }
#features span { margin: 5px 0 0; }

#news { width: 400px; padding: 15px 0 15px 20px; float: left; background: url(../images/newsStrip.gif) 0 0 repeat-y; }
#news h2 { font-size: 17px; font-weight: normal; text-transform: uppercase; }
#news p, #news a { font: 14px/1.2 Arial, Helvetica, Verdana sans-serif; }
#news p { margin: 18px 0 15px; }
#news, #news .description a { color: #d1dbbd; font-weight: bold;  }
#news .article { padding: 0 15px 15px 0; /* border-bottom: 1px solid #d1dbbd; */ }
#news .last { border: none; }
#news img { padding-left: 25px; }
#news .description { padding: 0 20px 0 0; }
#brands_text { font: 14px/1.2 Arial, Helvetica, Verdana sans-serif; color: #d1dbbd; margin: 0 20px; }
#brands_text p { margin: 0 0 15px; }

#footer { width: 948px; height: 45px; margin: 0 auto 20px; padding: 15px 0 0; position: relative; background: url(../images/footer.gif) 0 0 no-repeat; }
#footer ul { position: absolute; right: 35px; }
#footer, #footer a { color: #d1dbbd; }
#footer li, #footer a { float: left; }
#footer li { padding: 0 7px; }
#footer a { display: block; }
#footer ul li img { margin: -11px 0 0 0; float: left;}

#navcontainer { width: 200px; }
#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#navcontainer a { display: block; padding: 5px; width: 175px; color: #d1dbbd; }
#navcontainer a:link, .navlist a:visited { color: #d1dbbd; text-decoration: none; }
#navcontainer a:hover { background-color: #d1dbbd; color: #232021; text-decoration: none; }

.about #features ul, .news #features ul { margin: 0 0 20px 20px; list-style-position: outside; list-style-type: square; margin-top: 8px;}
.about #features ol, .news #features ol { margin: 0 0 20px 20px; list-style-position: outside; list-style-type: decimal; margin-top: 8px;}

.about #header, .cardetail #header, .cars #header, .contact #header, .news #header, .cars #header, .brands #header, .select #header { height: 40px !important; }
.about #features li {float: none; color: #d1dbbd; }
.about #news li {padding-bottom: 15px;}
.about #main p, .about #features li { font: 14px/1.2 Arial, Helvetica, Verdana sans-serif; margin: 0 0 18px 0; color: #d1dbbd; }
.about #news {float: left; width: 200px;}
.about #features {float: right; width: 680px; }
.about #features img {float: right; padding: 10px; }
.services #features ul li a { text-transform: none; font-size: 1em; color: #C4CABF; float: none; }
.services #features a { text-transform: none; font-size: 1em; color: #C4CABF; float: none; display: inline;}

.cardetail #image_main { width: 520px; height: 390px; position: relative; }
.cardetail #image_main a:hover { text-decoration: none; }
.cardetail #image_main span { width: 508px; height: 38px; padding: 9px 0 0 12px; display: block; position: absolute; bottom: 0; left: 0; font-size: 26px; text-transform: uppercase; color: #0d0d0d; background: url(../images/carTitleGrad.png) 0 0 no-repeat; }
.cardetail .section h2.testimonials_box { display: block; height: 42px; cursor: pointer; background-image: url(../images/detail/testimonials_button.png); background-repeat: no-repeat; text-indent: -9999px; }
.cardetail .section td, .cardetail .section th { border: 1px #ccc solid; padding: 7px 15px; width: 100px; }
.cardetail .section table { margin-bottom: 15px; }
.cardetail .quickquote td { padding: 0 0 8px 0; }

.news #features img {float: left; padding: 0 20px 25px 0; }
.news #news {float: right; width: 200px; margin-right: 25px; }
.news #main p, .news #features li { font: 14px/1.2 Arial, Helvetica, Verdana sans-serif; margin: 0 0 18px 0; color: #d1dbbd; }
.news #features {float: left; width: 660px; }
.news #features h2, .news #features h2 a { font-size: 30px; font-weight: normal; text-transform: uppercase; color: #d1dbbd; margin: 0 0 5px 0; }
.news #news h2 { margin: 0 0 15px 0; }
.news #features h3 { font-size: 13px; font-weight: bold; color: #C4CABF; margin: 0 0 15px 0; }
.news #features .article { float: left; margin: 0 0 25px 0; padding: 20px 0 20px 0; border-bottom: 1px solid #d1dbbd; }
.news .navlist { margin: 0 0 20px 0; }
.news a.article_heading { display: inline !important; float: none !important; }

.newscontainer { width: 200px; float: left; position: relative; display: inline; }
.newscontainer  ul { margin-left: 0; padding-left: 0; list-style-type: none; }
.newscontainer  a { display: block; padding: 5px; width: 175px; color: #d1dbbd; }
.newscontainer  a:link, .navlist a:visited { color: #d1dbbd; text-decoration: none; }
.newscontainer  a:hover { background-color: #d1dbbd; color: #232021; text-decoration: none; }

.tariffs table { color: #fff; margin-bottom: 45px; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 13px; border: none; width: 100%; }
.tariffs thead {margin: 0 0 50px 0; }
.tariffs td { vertical-align:top; border-bottom: 1px solid #444; padding: 10px 5px; text-align: center; }
.tariffs th { color: #d1dbbd; border: none; margin: 100px; }
.tariffs #features table a { text-transform: none; font-size: 1.1em; color: #C4CABF;  }
.tariffs .compare-col { border-left: 1px solid #444; width: 70px; }
.tariffs .compare-col.special { background: #3D3533; }
.tariffs .carname { text-align: left; font-weight: bold; }

.about table { color: #fff; margin-bottom: 45px; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 13px; border: none; width: 100%; }
.about thead {margin: 0 0 50px 0; }
.about td { vertical-align:top; border-bottom: 1px solid #444; padding: 10px 5px; text-align: center; }
.about th { color: #d1dbbd; border: none; margin: 100px; }
.about #features table a { text-transform: none; font-size: 1.1em; color: #C4CABF;  }
.about .compare-col { border-left: 1px solid #444; width: 200px; }
.about .carname { text-align: left; font-weight: bold; text-transform: uppercase; }


.holding #header { margin: 30px auto; }
.holding #footer a { padding: 10px 0 0 20px; }

ul.tags { margin: 0px!important; } 
ul.tags li { margin-right: 10px!important; list-style: none; }
#tag-cloud a { display: inline;}

/* VALIDATION */

.LV_validation_message { font-weight:bold; font-size: 14px; text-transform: uppercase; margin:0 0 0 5px; }
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00; }
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border: 1px solid #CC0000;}

/* PAGINATION */

div.pagination {float: left; }
.news #features a, .news #features span/* , .news #features strong */ { display: inline; font-size: 12px; font-weight: bold; text-transform: none; }
.news #features a {float: none; font-size: 1em; }
.news #features .pagination a { float: none; }
.news #features p.pagenumber { color: #d1dbbd; font-size: 13px; }
.news .news #features p.pagenumber a {display: inline; width: 150px; }
.news #features p.pagenumber a:link, 
.news #features p.pagenumber a:visited { background-color: none; border: 1px solid #C4CABF; padding: 2px 4px; }
.news #features p.pagenumber a:hover { background-color: #3D3533; color: #fff; border: 1px solid #C4CABF; padding: 2px 4px; text-decoration: none; }	
.news #features p.pagenumber strong { background-color: #d1dbbd; border: 1px solid #C4CABF; color: #000; padding: 2px 4px; }

/* CONTACT FORM */

.contact label { font-weight: normal; }
.contact label em { color: #C4CABF; }
.contact fieldset { padding: 0; margin: 0; }
.contact legend { font-weight: bold; font-size:1.2em; }
.contact form { margin-bottom: 25px; }
.contact form p { font-size: 1.2em; text-transform: uppercase; margin: 0 0 30px 5px; color: #d1dbbd; }
.contact form p.reqd { font-size: 1em; margin-bottom: 15px; }
.contact form input { border: 2px #bbb solid; width: 400px; height: 20px; font-size: 1.1em; }
.contact form textarea 	{ border: 2px #bbb solid;  width: 400px; height: 190px; font-size: 1.2em; font-family: Georgia, serif; }
.contact button.sendit{ float: left; border:0; padding:0; margin:0; width: 130px; height: 28px; cursor: pointer; background-color: #949489; color: #fff; font-family: Georgia, serif; font-size: 1em; text-transform: uppercase; }
.quickquote form input 	{ border: 2px #bbb solid; width: 227px; height: 20px; font-size: 1em; }
.quickquote label { font-size: 1em; }
h2.quickquote_box { display: block; height: 42px; cursor: pointer; background-image: url(../images/detail/quickquote_button.png); background-repeat: no-repeat; text-indent: -9999px; }

#navcontainer a.rssfeed {display: inline; font-size: 0.9em; text-transform: none; color: #C4CABF; }
#navcontainer a:hover.rssfeed {background: none; color: #C4CABF; display: inline;}
#navcontainer li .rssicon { background: url(../images/feed.png) 0 0 no-repeat; }


/* SOCIAL BOOKMARKS */


.news #features li.bookmarks { list-style-type: none; padding: 0 10px 0 0; margin: 0; }
.news #features li.bookmarks img { margin: 0; padding: 0 5px 8px 0; }
.social-bookmarks {clear: both;}



/* ----------------------  TAB  ------------------------------ */
#tab{margin:0;padding:0;text-align:right;white-space:nowrap;}
#tab li{display:inline;}
#this-content div{
	display: none;
	font-family: Arial, Helvetica, Verdana sans-serif;
	font-size: 13px;
	padding: 8px;
	color: #d1dbbd;
	text-align:justify;
}
#this-content div.selected {
	display: block;
}
#this-content {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float: left;
	width: 905px;
	background-color: #222021;
	border-top: solid 1px #fff;
	margin-top:-1px;
	color: #fff;
	margin-left: 16px;
	margin-bottom: 16px;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}

#tab {
	float: left;
	margin-top:16px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	margin-left: 14px;
}

ul#tab li a, ul#tab li a:visited {
	cursor: pointer;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
}
ul#tab li a:active {
	text-decoration: none;
}

#this-content h1,#this-content h2,#this-content h3{font:13px/1.5 Arial,Helvetica,sans-serif;font-weight:bolder;text-align:left;color:#d1dbbd;margin-top:5px; padding-bottom: 5px}

#tab li {
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	text-align: center;
	width: 299px;
	height: 24px;
	padding-top: 5px;
	
}
#tab li:hover {
	background: url("../../_assets/images/tab.jpg") repeat-x;
}
#tab .inactive {
	background: url("../../_assets/images/tab.jpg") repeat-x;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
}

#tab .active {
	background: url("../../_assets/images/tab.jpg") repeat-x;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	
}

#tab .active a {
	color: #fff;
}

#tab li a:hover {
	text-decoration: underline;
  
}

#tab .inactive a {
	color:#d1dbbd;
}