.clear { clear:both; }
/* Block Offer */
#content #widebar { overflow: hidden; position: relative; padding-bottom: 10px; }
#content #widebar #paneltop { min-height: 445px; margin: 5px 0 0 5px; }
#content #widebar #paneltop #offers { background: url( images/offers-box-bg.png ) repeat top left; border: 2px solid #646464; float: right; padding: 2px 0 0 0; }
#content #widebar #paneltop #offers div.offer { background: transparent url( images/offers-separator.gif ) no-repeat center left; float: left; padding: 0 10px; position: relative; text-align: center; width: 131px; }
#content #widebar #paneltop #offers div.offer p.bottom { clear: both; color: #fff; font-size: 10px; font-weight: bold; padding: 2px 0; text-transform: uppercase; }
#content #widebar #paneltop #offers div.offer p.desc { padding-bottom: 4px; }
#content #widebar #paneltop #offers div.offer p.price { color: #D31145; font-size: 28px; font-weight: bold; margin-top: -4px; }
#content #widebar #paneltop #offers div.offer p.price small { color: #FFF; display: block; float: right; font-size: 10px; line-height: 8px; padding: 9px 0 0 2px; text-align: left; text-transform: uppercase; width: 50px; }
#content #widebar #paneltop #offers div.apr p.price span { margin-left: -8px; }
#content #widebar #paneltop #offers div.lease p.price span,
#content #widebar #paneltop #offers div.msrp p.price span { margin-right: -5px; }
#content #widebar #paneltop #offers div.offer p.price span { font-size: 18px; position: relative; top: -9px; }
#content #widebar #paneltop #offers div.offer p.top { color: #FFF; font: bold 9px/9px Verdana; height: 9px; text-transform: uppercase; }
#content #widebar #paneltop #offers div.offer.first { background: none; }
#content #widebar #paneltop h2 { color: #000; float: left; font: bold 18px/23px Verdana; width: 175px; }
#content #widebar #paneltop table#title { float: left; width: 170px; }
#content #widebar #paneltop table#title td { height: 80px; padding: 0; vertical-align: top; }
#content #widebar a.see { color: #fff; font-size: 9px; font-weight: normal; text-transform: none; }
#content #widebar a.see:hover { text-decoration: underline; }
/* Lease Offer */
#content #widebar #paneltop #leaseoffer { background-color: #000; border: 2px solid #646464; border-collapse: collapse; color: #fff; float: right; margin-right: 12px; position: relative; width: 175px; }
#content #widebar #paneltop #leaseoffer table { border-collapse: collapse; margin: 2px 5px; }
#content #widebar #paneltop #leaseoffer table tr.bottom p.desc { line-height: 2px; margin: 0; padding: 8px 0 5px; text-align: center; }
#content #widebar #paneltop #leaseoffer table tr.bottom td { font-size: 9px; line-height: 10px; padding: 1px 5px 3px 0; text-align: left; text-transform: uppercase; }
#content #widebar #paneltop #leaseoffer table tr.total { }
#content #widebar #paneltop #leaseoffer table tr.total td.main { color: #D31145; font-size: 34px; font-weight: bold; padding: 0 5px 0 0; text-align: right; text-transform: uppercase; }
#content #widebar #paneltop #leaseoffer table tr.total td.main span { font-size: 18px; font-weight: normal; position: relative; top: -9px; }
#content #widebar #paneltop #leaseoffer table tr.total td.right { font-size: 9px; font-weight: bold; line-height: 11px; padding: 3px 0; text-align: left; text-transform: uppercase; }
/* Offer: Math Stack */
#content #widebar #paneltop #mathstack { background: url( images/offers-box-bg.png ) repeat top left; border: 2px solid #646464; border-collapse: collapse; color: #fff; float: right; margin-left: 9px; position: relative; width: 220px; } /* Check ie-fixes.css */
#content #widebar #paneltop #mathstack table { border-collapse: collapse; margin: 2px 5px; }
#content #widebar #paneltop #mathstack table td { padding: 0 0 2px 0; vertical-align: top; color: #fff; }
#content #widebar #paneltop #mathstack table td p.desc { padding: 0; text-align: center; }
#content #widebar #paneltop #mathstack table td span { vertical-align: top; }
#content #widebar #paneltop #mathstack table td.left { font-size: 15px; font-weight: bold; padding: 0 5px 3px 0; text-align: right; text-transform: uppercase; }
#content #widebar #paneltop #mathstack table td.left span.title-left { float: left; font-size: 10px; font-weight: normal; line-height: 18px; }
#content #widebar #paneltop #mathstack table td.left sup { _vertical-align: top; font-size: 12px; font-weight: normal; height: 0; line-height: 1; position: relative; top: 2px; vertical-align: top; }
#content #widebar #paneltop #mathstack table td.positive { font-size: 18px; }
#content #widebar #paneltop #mathstack table td.right { font-size: 9px; line-height: 10px; padding: 1px 5px 3px 0; text-align: left; text-transform: uppercase; }
#content #widebar #paneltop #mathstack table tr.subtotal td.left { border-top: 1px solid #FFFFFF; font-size: 22px; }
#content #widebar #paneltop #mathstack table tr.subtotal td.left sup { font-size: 18px; }
#content #widebar #paneltop #mathstack table tr.subtotal td.right { border-top: 1px solid #FFFFFF; padding-top: 3px; }
#content #widebar #paneltop #mathstack table tr.total td p { line-height: 2px; margin: 0; padding: 0; text-align: center; }
#content #widebar #paneltop #mathstack table tr.total td.left { border-top: 1px solid #fff; color: #D31145; font-size: 22px; font-weight: bold; padding: 0 5px 0 0; text-align: right; text-transform: uppercase; white-space:nowrap; }
#content #widebar #paneltop #mathstack table tr.total td.left p.titletop { color: #fff; font-size: 9px; font-weight: normal; padding-bottom: 2px; padding-top: 8px; text-align: left; }
#content #widebar #paneltop #mathstack table tr.total td.left sup { _vertical-align: top; color: #D31145; font-size: 14px; font-weight: bold; height: 0; line-height: 1; position: relative; top: 5px; vertical-align: top; }
#content #widebar #paneltop #mathstack table tr.total td.net { border-top: 1px solid #FFFFFF; }
#content #widebar #paneltop #mathstack table tr.total td.right { font-size: 9px; font-weight: bold; line-height: 11px; padding: 3px 0; }
/* Quote */
#content #widebar #paneltop #quote { background: url(images/icon-quote-open.png) top left no-repeat; color: #fff; float: right; margin-right: 10px; padding: 0 5px; position: relative; width: 250px; }
#content #widebar #paneltop #quote blockquote { font-size: 12px; font-style: italic; padding: 5px 20px 0 20px; }
#content #widebar #paneltop #quote blockquote img { display: inline; margin: 2px 0 0 10px; }
#content #widebar #paneltop #quote blockquote p { display: inline; }
#content #widebar #paneltop #quote cite { clear: both; float: right; margin: 5px 5px 0 0; }
/* Accolade */
#content #widebar #accolade { left: 20px; position: absolute; top: 115px; width: 230px;}
#content #widebar #accolade img { margin-right: 7px; }
#content #widebar #accolade p.summary { color: #fff; font-size: 11px; margin-bottom: 5px; margin-top: 1px; }
#content #widebar #accolade p.summary cite { display: block; font-size: 10px; margin-top: 5px; }
#content #widebar #disclaimer { color: #fff; font: 11px/15px Arial; left: 496px; position: absolute; text-align: right; top: 102px; width: 219px; }
/* Panel - Bottom */
#content #widebar #panelbottom { clear: both; float: right; position: relative; width: 721px; }
#content #widebar #panelbottom div h3.offers-end { color: #FFF; float: right; font: bold 18px Verdana; text-align: center; width: 162px; }
#content #widebar #panelbottom div.buttons { bottom: 0; position: absolute; right: 0; text-align: right; }
#content #widebar #panelbottom a.button-small { padding: 0 10px 0 0; color: red; }
#content #widebar #panelbottom div.text h2 { color: #000000; font: bold 12px Verdana; text-shadow: none; }
#content #widebar #panelbottom div.text img { display: block; display: none; float: left; margin-right: 10px; }
#content #widebar #panelbottom div.text p { color: #fff; font: 11px/15px Arial; }
#content #widebar #panelbottom div.right { float: right; height: 110px; position: relative; text-align: right; width: 310px; }
#content #widebar #panelbottom div.col-1 { }
#content #widebar #panelbottom div.col-2 { position: absolute; bottom: 0; left: 162px; padding: 5px 0 0 0; width: 297px; }
#content #widebar #panelbottom div.wide { position: absolute; bottom: 0; left: 10px; padding: 0; width: 400px; }
/* Button: Cash for Clunkers */
body a.button#clunkers { background: url( images/button-green.gif ) no-repeat top left; display: block; float: left; padding-left: 15px; }
body a.button#clunkers span { background: url( images/button-green.gif ) no-repeat top right; color: #000; cursor: pointer; display: block; font-size: 10px; height: 19px; line-height: 18px; padding-right: 5px; text-align: left; text-transform: uppercase; }
body a.button#clunkers:hover { background-position: bottom left; }
body a.button#clunkers:hover span { background-position: bottom right; color: #fff; }
/* Countdown Clock */
#content #widebar #panelbottom div.tentpromo { float: left; margin-top: 55px; padding: 0 0 0 16px; width: 450px; }
#content #widebar #panelbottom div.tentpromo p { color: #FFFFFF; font-family: Arial; font-size: 11px; }
#countdown { bottom: 25px; color: #D31145; font: bold 34px Verdana; position: absolute; right: 0; text-transform: uppercase; }
#container { position:absolute; text-align:center; top: 10px; right: 0; width:195px; }
#container .text_title { color:#000; font-size:14px; font-style:normal; font-weight:bold; text-align:center; text-transform: uppercase; width:195px; text-align: center; }
#container .todayLabel { color:#D31145; font-size:28px; font-weight:bold; margin:0 auto; text-shadow:1px 1px 1px #000; text-transform:uppercase; height: 46px; width:195px; background: url( /style/images/countdown-today-bg-en.png ) no-repeat top left; }
/* event logo */
div.promo_logo { position: absolute; left: 11px; bottom: 0; }
/* fix in vsp pages*/
body#vsp #wrapper { overflow: hidden; }
/* Special event image */
#paneltop { position: relative }
.special_event_a { position: absolute; top: 97px; left:0 }
#special_event_lightbox { overflow: hidden; }
#badge_special_event_lightbox { font-size: 11px; padding: 10px !important; }
/* dealers slideshow*/
#dealers_list_wrapper { width: 969px; margin-top: 8px; margin-bottom: 20px; background-image: url(images/dsp/dealer-footer-bg.gif); background-repeat:repeat-x; background-position: bottom left; }
#dealers_list_wrapper .dealer_list_title { width: 100%; height: 21px; line-height: 21px; background-color: #9c9c9c; color: white; font-weight:bold; font-size:12px; text-indent:10px; }
#dealers_list_wrapper .dealer_list_title span { color: #c4003b; }
#dealers_list { height: 135px; width: 969px; overflow: hidden; position: relative; outline:none;}
#dealers_list p { width: 185px; height: 135px; display:block; float: left; }
#dealers_list .next { position: absolute; top:47px; right: 0; margin-right:5px; z-index: 10; }
#dealers_list .previous { position: absolute; top:47px; left: 0; z-index: 10; }
/*Carousel styles */
#dealers_list .carousel-wrap { margin: 0 20px; }
#dealers_list .carousel-control { overflow:hidden; display:inline-block; margin-top:0; width:15px; height:65px; cursor:pointer; line-height:999px; border:0; text-indent:-9999px; }
#dealers_list .carousel-next { background:url(images/dsp/button_right.png) 0 0 no-repeat; background-position: -15px 0px;}
#dealers_list .carousel-previous { background:url(images/dsp/button_left.png) 0 0 no-repeat; background-position: -15px 0px;}
#dealers_list .disabled {background-position: 0px 0px}
#dealers_list .dealer { margin-top: 5px; overflow: hidden; position:relative; border: 1px none solid none #E5E5E5; font-size: 10px; border-right: 1px solid #ddd; }
#dealers_list .dealer .marker { float: left; width: 27px; margin: 0px 0 0 5px; }
#dealers_list .dealer .dealer-name  { font-weight: bold; }
#dealers_list .dealer .dealer-name .dealer_website { color: #000; font-weight: bold; text-decoration: underline; }
#dealers_list .dealer .details { color: #666; overflow: hidden; width: 150px; display:block; padding-top: 0px; line-height: 12px; }
#dealers_list .dealer .links { position:absolute; bottom: 10px; left: 25px; line-height: 12px; }
#dealers_list .dealer .links a { color: #D31145 }
#dealers_list .dealer .distance { color: #666; }
/*Zip entry form */
body.en div#zip_entry_form { width: 969px; height: 65px; margin-top: 0; margin-bottom: 15px; background: #000; background: url(images/dsp/dealers-footer-en.jpg) no-repeat scroll left top; position: relative; }
body.es div#zip_entry_form { width: 969px; height: 65px; margin-top: 0; margin-bottom: 15px; background: #000; background: url(images/dsp/dealers-footer-es.jpg) no-repeat scroll left top; position: relative; }
body.en div#zip_entry_form .zpaWrapper { background-color: transparent; float: left; margin: 18px 0 0 215px; _margin-left: 115px; position: relative; width: 400px; }
body.es div#zip_entry_form .zpaWrapper { background-color: transparent; float: left; margin: 9px 0 0 360px; _margin-left: 180px; position: relative; width: 360px; }
div#zip_entry_form .zpaInputBox { position:relative; }
div#zip_entry_form .zpaInputBox .textBox { font-size: 11px; padding: 1px 2px 0; }
div#zip_entry_form .zpaInputBox #Search1_FindZipCode { position:relative; left:-3px; top:4px; }
div#zip_entry_form span#instructions { color: white; position:relative; float: left; margin-top: 2px; }
div#zip_entry_form p.note { width: 205px; color:white; font-size:11px; position: absolute; right: 9px; bottom: 10px; }
div#zip_entry_form p.note span.orange { color: #FBC336; }
/* Custom Themes
body.dma_328 #content #widebar #panelbottom div.text p,
body.dma_346 #content #widebar #panelbottom div.text p,
body.dma_391 #content #widebar #panelbottom div.text p,
body.dma_453 #content #widebar #panelbottom div.text p { color: white;}
body.dma_328 #content #widebar #paneltop h2,
body.dma_346 #content #widebar #paneltop h2,
body.dma_391 #content #widebar #paneltop h2,
body.dma_453 #content #widebar #paneltop h2 { color: white;}
body.dma_328 #content #widebar #panelbottom div.text h2,
body.dma_346 #content #widebar #panelbottom div.text h2,
body.dma_391 #content #widebar #panelbottom div.text h2,
body.dma_453 #content #widebar #panelbottom div.text h2 { text-shadow:1px 1px 1px #000; }
*/
/* Beaumont-Port Arthur and Tyler-Longview */
body.dma_324 #content #widebar #paneltop h2,
body.dma_382 #content #widebar #paneltop h2,
body.dma_449 #content #widebar #paneltop h2  {    color: #FFFFFF; }
body.dma_324 #content #widebar #panelbottom div.text h2,
body.dma_382 #content #widebar #panelbottom div.text h2,
body.dma_449 #content #widebar #panelbottom div.text h2 { color: #FFFFFF;  text-shadow: 1px 1px 1px #666666;  font: bold 14px Verdana;}
body.dma_324 #content #widebar #panelbottom div.text p,
body.dma_382 #content #widebar #panelbottom div.text p,
body.dma_449 #content #widebar #panelbottom div.text p { color: #FFFFFF; }

/*SMS*/
.phone_short{width:30px; font-size: 12px; padding:5px; float:left;}
.carrier_select{font-size:12px; padding: 5px; float:left}
.carrier_select option{padding-left: 10px;}
.sms_info_phone{padding: 10px; font-weight:bold; width: 72px; float:left;}
.sms_info_carrier{padding: 10px; font-weight:bold; width: 72px; float:left; clear:both}
.sms_span {display:block; position:relative; margin-bottom:25px}
.sms_error{color:#d31145; font-weight: bold; width: 250px; margin-left: 65px; margin-top:5px; float:left;}
.sms_disclaimer{display:block; position:absolute; bottom:1px; padding-right:10px; padding-bottom:10px;}
.sms_disclaimer p{font-size:10px; border-top: 1px solid grey;}
.sms_content{line-height:1em; overflow:hidden;}
.sms_success{font-size:14px; font-family:Arial;}
.sms_success a{color: -webkit-link;text-decoration: underline;cursor: auto;}
.offer_tabs{background:#6C6D6F !important;font-size:11px !important;}
.selected_tab{background: background:#EEEEEE !important; color:#6C6D6F !important;}
.background_tab{background: background:#6C6D6F !important; color:#FFFFFF !important;}
.error{color:#d31145; font-weight: bold;}
a.sms_submit_en, a.sms_submit_es{
	background: url(../style/images/sms_submit_en.png) no-repeat 0 0;
	width: 80px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	float:left;
}
a.sms_submit_es{
    background: url(../style/images/sms_submit_es.png) no-repeat 0 0;
}
a.sms_back{cursor:pointer;}
a.sms_submit_en:hover , a.sms_submit_es:hover { background-position: -80px 0; }
a.sms_submit_en:active, a.sms_submit_es:active { background-position: 0 0; }
a.sms_offer_link_en{
	background: url(../style/images/text_offer_en.png) no-repeat 0 0;
	width: 183px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	margin-top:15px;
}
a.sms_offer_link_es{
	background: url(../style/images/text_offer_es.png) no-repeat 0 0;
	width: 271px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	margin-top:15px;
}
.ui-widget-header { border: none !important;}
.ui-tabs {padding:0 !important;}
.ui-tabs-hide { display: none !important; }
ul li.ui-state-active {
    background: #EEEEEE !important;
    color: #6C6D6F;
}

div .ui-state-default, div .ui-widget-content .ui-state-default, div .ui-widget-header .ui-state-default {
	background: #6C6D6F;
    background-image: none;
	color: #FFFFFF;
}

div .ui-state-default a, div .ui-state-default a:link, div .ui-state-default a:visited{
	color: #FFFFFF;
	font-weight:bold;
}

div .ui-state-active a, div .ui-state-active a:link, div .ui-state-active a:visited{
	color: #6C6D6F;
	font-weight:bold;
}

.offer_tabs .ui-icon-closethick{background-position: -96px -208px !important; z-index:100 !important;}

ul.ui-helper-reset{line-height: .8;}

.offer_details{padding: 10px;}

.value_add_ribbon{ float: left; display: block; background: url(images/award_ribbon.png) no-repeat left top; width:18px; height:23px; margin: 5px 8px 0 5px; cursor:pointer; clear: both}
div.dealer_value_add { border: 0;  padding: 3px 4px 0px 10px; background: url(images/dealer_va_bg.png) no-repeat; background-color: transparent !important; overflow: hidden}
div.dealer_value_add .ui-dialog-titlebar {display:none}
div.dealer_value_add div.ui-widget-content {background-color: transparent !important;}


/* div.no-title .added_value_diag .container { height: auto;} */
div.dealer_value_add .added_value_diag { overflow: hidden;}
div.dealer_value_add .added_value_diag .container { padding: 15px 10px 2px; background: white;color: #3d3d3d; font-size: 10px; border: 1px solid #817f7f; height: 275px; overflow: auto;}
div.dealer_value_add .added_value_diag .container img{ padding: 5px 0;}
div.dealer_value_add .added_value_diag .container h3{ color: #b51722; font-family:Arial; font-size: 13px; font-weight:bold; }
div.dealer_value_add .added_value_diag .container .separator{margin: 10px auto; height:1px; background: #c5c5c5;}

.diag_arrow{
	background: url(images/diag_arrow.png) center right no-repeat;
	width: 32px;
	height: 200px;
	position: relative;
	z-index: 9.99999;
	float: left
}

