@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {margin: 0; padding: 0; font-size: 13px; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; color: #141414; }

div, form {margin: 0;}
img {border: none;}

input, select, textarea {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {color: #3b5998; text-decoration: underline;}
a:hover {color: #f00;}

.nonLink { cursor: pointer; }

.small {font-size: 85%;}


/* header container */
#headerContainer {
     background-color: #f1f1f1;
     color: #393939;
     padding: 5px 0 8px 0;
     font-weight: bold;
     font-size: 14px;
     line-height: 30px;
     width: 100%;
     height: 45px;
     border-bottom: solid 1px #e5e5e5;
     margin-bottom: 40px;
}
#headerContainer a { text-decoration: none; color: #393939; margin-right: 15px; }
#headerContainer a:hover { text-decoration: underline; color: #393939;}

#headerContainer #innerBlock {
    margin: 0 auto;
    position: relative;
    width: auto;
    min-width: 999px;
    max-width: 1255px;

}

#headerContainer #logoBlock {
	float: left;
    margin: 10px 0 0 10px;
    vertical-align: middle;
}
#headerContainer #logoBlock a {
    display: block;
}
#headerContainer #logoBlock a.us {
	height: 29px;
	width: 244px;
	background: url('/images/sprites/header.png') 0 0 no-repeat scroll;
}
#headerContainer #logoBlock a.ca {
    height: 29px;
    width: 213px;
	background: url('/images/sprites/header.png') 0 -30px no-repeat scroll;
}



#headerContainer #logoBlock img.us {
    height: 27px;
    width: 225px;
}



#headerContainer #leftBlock {
    float: left;
    margin: 10px 0 0 10px;
}
#headerContainer #rightBlock {
    float: right;
    margin: 10px 10px 0 0;
}
#headerContainer #rightBlock #newPlusOne {
    background: url("/images/sprites/header.png") 0 -59px no-repeat scroll;
    cursor: pointer;
    height: 24px;
    width: 38px;
    float: left;
    margin: 0 10px 0 0;
    display: block;
    text-indent: -999px;
}
#headerContainer #rightBlock #newfb {
    background: url("/images/sprites/header.png") -39px -59px no-repeat scroll;
    cursor: pointer;
    float: left;
    height: 24px;
    margin: 0;
    width: 24px;
    display: block;
    text-indent: -999px;
}
#header-ad {
	margin: 0 0 10px 0;
	text-align: center;
}


#container {
    margin: 0 auto;
    position: relative;
    width: auto;
    padding: 0;
}

/* one column overrides */
#one-column {
    padding: 0 10px 0 10px;
    width: auto;
    min-width: 979px;
    max-width: 1235px;
    margin: 0 auto 30px auto;
}
#one-column #content { width: auto; float: none; }
#one-column #content h1 { font-size: 22px; padding-bottom: 10px; border-bottom: solid 1px #f4f4f4; }
#one-column #content h2 { font-size: 18px; }
#one-column #content p { line-height: 18px; margin: 0 0 8px 0;}
#one-column #content ul { line-height: 18px; }
#one-column #content ol { line-height: 18px; }
#one-column #content ol li {  margin-bottom: 10px; }

/* column layout base */

#columns {
margin: 20px auto 30px;
padding-top: 20px;
width:auto;}
#content {width: 750px; float: right;}
#columns #content h1 { font-size: 22px; color: #333333;}
#ad {width: 160px; float: right;}

.nav {
	height: 25px; 
	border: 1px solid #eeeeee; 
	padding: 8px; 
	border-radius: 5px;  
	margin-bottom: 15px; 
	position: relative; 
	zoom: 1;  
	font-weight: bold; 
	font-size: 95%; 
	background: #fff;
}

#content .breadcrumbs { margin:0 0 10px 0; padding: 0; width:100%; color:#757575; font-size:11px; }

/* footer */
#footerContainer {
    min-width: 999px;
    max-width: 1255px;
    margin: 0 auto;
    padding: 0;
    border-top: solid 1px #eeeeee;
}
#footer {
    padding: 15px 10px 0 10px;
    margin: 0 auto;
    font-size: 11px;
    color: #333333;
    padding-bottom: 20px;
    line-height: 16px;
}

#footer ul#links {margin: 0; padding: 0; list-style-type: none;}
#footer ul#links li {margin: 0 0 5px 0; padding: 0;}

#copyright {float: left; margin: 0;}
#development {float: right; padding-right: 10px;}

#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* clearing floats */

#nav-top:after, #columns:after, #recently-viewed li:after, .vehicle:after, .vehicle h2:after, .info ul:after, .block p:after, #insurance p:after, #details li:after, #contact-form p:after, .description:after, #searchbox_tabs:after, #wf_car_type_cont:after, #dealer p:after, #footer:after, .details li:after, #content:after, .nav:after, #options-details ul:after, #other-cars ul:after, .block:after, #image-sets:after, #thumbs:after, #info:after, #details-links:after, #details-columns:after, #details-columns li:after, #tools ul:after, .modal-fields:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearer {clear: both; margin: 0; height: 0 !important; overflow: hidden;}


/* select box styling (specifically the lhs search form -and- sort box on serp page ONLY!) */
/* courtesy of: http://www.cmacias.com/wp-content/uploads/demos/selectbox/selectBox.html */
label.searchLabel { float: left; line-height: 20px; margin-right: 5px; min-width: 40px; font-size: 12px; }
label.advancedSearchLabel { float: left; line-height: 20px; margin-right: 5px; width: 70px; overflow: hidden; }
label.searchLabel_small { width: 58px; }

div.selectBox {
   border: 1px solid #d5d5d5;
   position: relative;
   width: 139px;
   height: 22px;
   background: #ffffff url('/images/sprites/serp.png') 117px -289px no-repeat scroll;
   border-radius: 5px 5px 5px 5px;
    padding: 0;
    margin: 0;
    float: left;
}
   div.selectBox div.selectBoxDisplay {

      position: absolute;
      left: 3px;
      top: 3px;
      width: 135px;
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      color: #036;
      overflow: hidden;
   }
   div.selectBox select {
      position: absolute;
      left: -1px;
      top: -1px;
      width: 139px;
      height: 24px;
      border: 1px solid #d5d5d5;
      opacity: 0;
      filter: alpha(Opacity=0);
      -moz-opacity: 0;
      cursor: pointer;
      z-index:100;
   }
      div.selectBox select option{
         padding: 4px;
         font-size: 12px;
         cursor: pointer;
      }

div.selectBox_medium { width: 120px; background: #ffffff url('/images/sprites/serp.png') 98px -289px no-repeat scroll; }
div.selectBox_medium div.selectBoxDisplay { width: 116px; }
div.selectBox_medium select { width: 128px; }

div.selectBox_small { width: 83px; background: #ffffff url('/images/sprites/serp.png') 61px -289px no-repeat scroll; }
div.selectBox_small div.selectBoxDisplay { width: 80px; }
div.selectBox_small select { width: 84px; }

div.selectBox_xsmall { width: 61px; background: #ffffff url('/images/sprites/serp.png') 39px -289px no-repeat scroll; }
div.selectBox_xsmall div.selectBoxDisplay { width: 57px; }
div.selectBox_xsmall select { width: 61px; }

div.selectBox_advanced { width: 110px;  background: #ffffff url('/images/sprites/serp.png') 88px -289px no-repeat scroll; }
div.selectBox_advanced div.selectBoxDisplay { width: 106px; }
div.selectBox_advanced select { width: 110px; }




/* lightbox styles */



/* Kevin added */
.lightbox_header {
     background-color: #f1f1f1;
     color: #393939;
     padding: 10px;
     font-weight: bold;
     font-size: 14px;
     height: 35px;
     border-bottom: solid 1px #e5e5e5;
}

.lightbox_header .logoBlock {
    float: left;
    margin: 5px;
    vertical-align: middle;
}

.lightbox_header .logoBlock a {
    display: block;
}

.lightbox_header .logoBlock a.us {
    height: 29px;
    width: 244px;
    background: url('/images/sprites/header.png') 0 0 no-repeat scroll;;
}

.lightbox_header .logoBlock a.ca {
    height: 29px;
    width: 213px;
    background: url('/images/sprites/header.png') 0 -30px no-repeat scroll;
}

.lightbox_content.light {
    display:none; position: absolute; width:600px; top:50%; left:50%; z-index:1000002; margin:-250px 0 0 -300px; background:#FFFFFF; text-align:left; border:solid 2px #000000;
}

.lightbox_content.light .lfForm  label {
    font-size:16px;
    vertical-align: middle;
}

.lightbox_content.light .lfForm .select_container {
    display: inline-block;
    vertical-align:middle;
    margin-right:20px;
    margin-top: 3px;
}

.lightbox_content.light .small {
    font-size:12px;
}

.lightbox_content.light .submit_block {
    margin-top:10px;
    text-align:center;
}

.lightbox_contentBlock.light {
    padding:20px;
    font-size: 16px;
}

.lightbox_contentBlock.light .lightbox_form {
    background-color: #f1f1f1;
    color: #393939;
    padding:10px;
    border: solid 1px #e5e5e5;
}

.lightbox_contentBlock.light .lightbox_form .label_span {
    width:110px;
    display:inline-block;
    font-size:12px;
}

.lightbox_contentBlock.light .lightbox_form .row {
    min-height:30px;
    margin-bottom:6px;
}

.lightbox_contentBlock.light .lightbox_form input[type="radio"] {
    margin:10px 0;
}

.lightbox_form.sending {
    background: url('/images/sending.gif') center no-repeat scroll #f1f1f1;
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding: 0;
    margin: 0;
    opacity: 0.9;
    height: 100%;
    top: 0;
}

.lightbox_overlay.light{
    display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000001; background-color:#DDDDDD; -moz-opacity: 0.9;
    opacity:.90; filter: alpha(opacity=90);
}

/* /kevin added */




.lightbox_content {
    display:none; position: absolute; top:50%; left:50%; z-index:1000002; margin:-250px 0 0 -265px; background:#FDFCE9; text-align:left;
}
.lightbox_content[id] { position:fixed; }
.lightbox_overlay {
    display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000001; background-color:#000; -moz-opacity: 0.6;
    opacity:.60; filter: alpha(opacity=60);
}
.lightbox_overlay[id] { position:fixed; }
.lightbox_border {
    background: #3d3d3d;
    padding: 6px; border-radius: 10px 10px 10px 10px;
}
.lightbox_contentBlock { background-color: #ffffff; width: 540px; border-radius: 10px 10px 10px 10px; }
.lightbox_title {
    font-size: 20px;
    margin:0;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    padding: 15px 15px 5px 15px;
}
.lightbox_innerContentBlock { padding: 5px 15px 15px 15px; }
.lightbox_innerContentBlock p { padding: 0; margin: 0 0 15px 0; }
.lightbox_innerContentBlock ul { padding-bottom: 10px; margin: 0; }
.lightbox_innerContentBlock input, .lightbox_innerContentBlock textarea { border: solid 1px #cccccc; resize: none; padding: 5px; }
.lightbox_buttonBlock {
    background: #e5e5e5;
    padding: 15px;
    border-radius: 0 0 5px 5px;
}
.lightbox_buttonBlock_left { text-align: left; width: 50%; float: right; }

.vehicle .info .infoLink{
	float: right;
	height: 40px;
	width: 40px;
	margin-bottom: 10px;
	text-decoration: none;
	background: transparent url('/images/sprites/serp.png') -167px -170px no-repeat;
}


.lightbox_buttonBlock_left input.focus {
    color: #ffffff;
	background:#d43616;
	width:auto;
	height:auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: #ad270f 1px solid;
	font-size: 14px;
	font-weight: bold;
	text-align: center;

	cursor:pointer;
	padding: 5px;

}
.lightbox_buttonBlock_left input.focus:hover {
	background: #e37054;
}
.lightbox_buttonBlock_right { text-align: right; width: 50%; float: right; margin-top: 5px;}
.lightbox_buttonBlock_right a.lightbox_closeButton {
    cursor: pointer;
    background: url('/images/lightbox-close-button.png') no-repeat;
    width: 75px;
    height: 24px;
    display: block;
    float: right;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    padding-top: 3px;
}

/* Multi lead lightbox */
input.default {color:grey;}

#lightbox_questionsBlock {padding-left: 20px; margin: 20px 0;}
#lightbox_questionsBlock input, #lightbox_questionsBlock label { cursor:pointer; font-weight: normal; margin:10px 10px 0 0;}
#lightbox_leadSendingBlock {text-align: center; padding: 10px;}
#lightbox_leadSendingBlock div{margin: 0 0 10px;}
#lightbox_failedLeadsBlock {background: none repeat scroll 0 0 #FFEEEE; border-top: 1px dashed red; padding: 10px;}
#lightbox_failedImagesBlock {margin-top: 10px;text-align: center;}
#lightbox_failedImagesBlock img {width:60px;}
#lightbox_successfulImagesBlock {margin-top: 10px; text-align: center;}
#lightbox_successfulImagesBlock img {width: 60px;}
#lightbox_successfulLeadsBlock {background: none repeat scroll 0 0 #EEFFEE; border-top: 1px dashed green; padding: 20px;}
.interest-option { width: 170px; float:left; margin:0 !important;}
.interest-option label { font-weight: normal; }
.interest-option input[type="checkbox"] { border: none; padding: 0; margin: 0 2px 0 0; }

.multi-lead-user-consent-block {
	line-height: 14px;
	font-size: 10px;
	color: #808080;
}

/* LemonFree logo red color */
.lemonfree_red { color: #D80B1A; }



/* site-wide forms (hopefully) */
.lfForm .successBlock
{
    padding: 10px;
    margin: 0 0 10px 0;
    border: solid 1px #C6D880;
    background-color: #e6efc2;
    color: #264409;
    /*border-radius: 6px 6px 6px 6px;*/
}

.lfForm .errorMessagesBlock
{
    padding: 10px;
    /*margin: 1em 0 1em 0;*/
    margin: 0 0 10px 0;
    border: 1px solid #FBC2C4;
    background: #FBE3E4;
    color: #8a1f11;
    /*border-radius: 6px 6px 6px 6px;*/
}
.lfForm .errorMessagesBlock ul { list-style-type: none; margin: 0; padding: 0; }
.lfForm .errorMessagesBlock ul li { margin-bottom: 2px; }
.lfForm input.required, .lfForm select.required { background-color: rgb(255, 255, 160); }
.lfForm input.error, .lfForm select.error, .lfForm textarea.error, .lfForm div.error { background-color: #FBE3E4; border: solid 1px #FBC2C4; }

.lfForm #options { padding: 0; margin: 0; }
.lfForm #options li { list-style-type: none; width: 158px; float: left; padding-bottom: 10px; }
.lfForm #options input { margin-right: 4px; }

/* form */
.lfForm fieldset {
    background-color: #FFFFEB;
    border: 1px solid #FFEC9C;
    border-collapse: collapse;
    border-radius: 6px 6px 6px 6px;
    margin: 5px 0 20px;
    padding: 10px;
    color: #595454;
}
.lfForm hr { color: #ffec9c; background-color: #ffec9c; border: 0; margin: 0; }
.lfForm h2 { border-bottom: solid 1px #ffec9c; font-size: 14px; padding-bottom: 5px; }
.lfForm label { width: 120px; margin-bottom: 15px; font-size: 12px; vertical-align: top; text-align: left; padding-right: 5px; }
.lfForm input { border: solid 1px #e2e2e2; padding: 5px; }
.lfForm select { border: solid 1px #e2e2e2; padding: 5px; }
.lfForm textarea { font-size: 13px; border: solid 1px #e2e2e2; padding: 5px; }
.lfForm input.radio, .lfForm input.checkbox { border: none; }
.lfForm label.radioLabel { text-align: left; width: 200px; margin: 0; padding: 0 0 5px 0; vertical-align: right; border: none; }

.lfForm .column { float: left; margin-bottom: 10px; }
.lfForm .xlarge { width: 350px; }
.lfForm .large { width: 180px; }
.lfForm .medium { width: 100px; }
.lfForm .small { width: 50px; }

.lfForm .requiredIndicated { color: #f2000a; font-size: 12px; font-weight: bold; margin: 0 0 0 2px; padding:0; }

/* form submit buttons */
.lfForm .buttonBlock { text-align: right; margin: 20px 0 10px 0; }
.lfForm input.focus, a.focus {
	background:#d43616;
	width:auto;
	height:auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: #ad270f 1px solid;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	text-decoration:none;
}
.lfForm input.focus:hover, .lfForm a.focus:hover {
	background: #e37054;
}
.lfForm input.nonFocus {
    color: #595454;
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
}
.lfForm input.cancelFocus {
    float: left;
    margin-right: 5px;
}


/* styles for static pages */
.contactBlock { font-style: italic; }

.smallText { font-size: 10px; }

.fb_iframe_widget {
  margin-left: 11px;
  margin-right: 11px;
}

.page_listing_summary{
    color: #999999;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#dealerlistings{
    float: left;
    width: 570px;

}

/* popular searches block */
.popularSearches{
	padding: 0 10px 0 10px;
}

.popularSearchList{
    margin: 0 0 15px 0;
    padding: 0;

}

.popularSearchList li{
    float:left;
    list-style: none outside none;
    padding: 2px 2px 0 0;
    margin: 0;
    width: 16%; /*240px;*/
}

.popularSearchList a{
    font-size: 12px;
    text-decoration: none;
}

.popularSearches h3{
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 16px;
}

.popularSearchesContainer {
    border-top: solid 1px #eeeeee;
	min-width: 984px;
	max-width: 1242px;
	width: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
}


/* star ratings block */
.rating-block {
    display: block;
    width: 65px;
    height: 13px;
    background: url(/images/star-rating-sprite.png) no-repeat 0 0;
    margin-bottom: 5px;
}
.rating {
    display: block;
    width: 70%;
    height: 13px;
    background: url(/images/star-rating-sprite.png) no-repeat 0 -13px;
    text-indent: -9999px;
}

.rating-0 { width: 0%;  margin-right: 100px;}
.rating-0-5 { width: 10%;  margin-right: 90px;}
.rating-1 { width: 20%;  margin-right: 80px;}
.rating-1-5 { width: 30%;  margin-right: 70px;}
.rating-2 { width: 40%;  margin-right: 60px;}
.rating-2-5 { width: 50%;  margin-right: 50px;}
.rating-3 { width: 60%;  margin-right: 40px;}
.rating-3-5 { width: 70%;  margin-right: 30px;}
.rating-4 { width: 80%;  margin-right: 20px;}
.rating-4-5 { width: 90%; margin-right: 10px;}
.rating-5 { width: 100%; }

/* drive it now logo */
.affinityAdsContainer { margin-bottom: 5px; }
.affinityAdsContainer #logo { padding: 0; }


/* maintenance styles */
.maintenance-block { color: #000000; font-size: 14px; font-weight: bold; text-align: center }


/* live review survey lightbox */
#livereview_overlay, #livereview_content {
	display: block;
}
#livereview_title {
	width: 244px;
	height: 29px;
    background: url('/images/sprites/header.png') 0 0 no-repeat scroll;
    margin-bottom:10px;
}

#livereview_title_ca {
    width: 213px;
    height: 29px;
    background: url('/images/sprites/header.png') 0 -30px no-repeat scroll;
}

#livereview_innercontent div {
	margin-bottom: 10px;
}


#livereview_content a {
	cursor: pointer;
    width: 230px;
    background: #dddddd;
    border: solid 1px #cccccc;
    color: #000000;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
    margin-top: 15px;
}

#livereview_content a:hover {
	background: #eeeeee;
}

#livereview_content #livereview_closeButton {
	margin-right: 10px;
}

#livereview_content #livereview_surveyButton {
    margin-left: 10px;
}

/* live review survey lightbox end */


/* ux survey lightbox */
#uxsurvey_overlay, #uxsurvey_content {
    display: block;
}
#uxsurvey_title {
    width: 244px;
    height: 29px;
    background: url('/images/sprites/header.png') 0 0 no-repeat scroll;
    margin-bottom:10px;
}

#uxsurvey_title_ca {
    width: 213px;
    height: 29px;
    background: url('/images/sprites/header.png') 0 -30px no-repeat scroll;
}

#uxsurvey_innercontent div {
    margin-bottom: 10px;
}


#uxsurvey_content a {
    cursor: pointer;
    width: 149px;
    background: #dddddd;
    border: solid 1px #cccccc;
    color: #000000;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
    margin-top: 15px;
    margin-right: 10px;
}

#uxsurvey_content a:hover {
    background: #eeeeee;
}

#uxsurvey_content a.last {
	margin-right: 0;
}

#uxsurvey_noReasonBlock {
	display: none;
}

#uxsurvey_noReasonText {
	width: 98%;
	height: 100px;
	margin-top: 15px;
}