/* ----------- Generic Classes ------------- */

.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.alignleft {
	text-align: left;
	font-weight: normal;
	color: #414141;
	
}
.alignright {
	text-align: right;
	color: #696969;
}
.aligncenter {
	text-align: center;
}
.verticalsepDotted {
	width: 3px;
	float: left;
	margin: 5px;
}

.nobackground {
	background: none;
}

.horizontal-sep {
	width: 100%;
	margin: 5px auto 1px auto;
	height: 5px;
	border-top: 1px dotted #c1c1c1; 
}
.horizontalSeperatorFull {
	border-top: 1px solid #e3e3e3;
	width: 99%;
	margin: 0.7em auto;
	height: 1px;
}
.hor-zebra {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:12px;
	width:100%;
	text-align:left;
}
.hor-zebra td {
	padding:5px;
}

.hor-zebra .odd {
	background: #ebebeb;
}

/* ------------- End Generic Classes ------------- */

/* ------------- Structural Items ------------ */

#container {
	background: #fff;
	margin:0 auto;
	padding: 0;
	width: 960px;
	border: 0px;
}

#pageBody {
	width: 950px;
	margin: 0 auto;
}

#vehicleDetailsLeft {
	float: left;
	width: 660px;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline;
}
#vehicleDetailsRight {
	float: right;
	width: 270px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline;
}

/* -------------- End Structural Items ------- */

/* -------------- Vehicle Heading ----------------- */

#vehicleHeading {
	width: 99%;
	margin: 5px auto;
	background: url(../images/details/heading-bg-blue.jpg) repeat-x;
}
#vehicleHeading h2 {
	font-family: Arial, sans-serif;
	font-style: normal;
	float: left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
}

#vehicleHeading ul {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

#vehicleHeading li {
	display: inline;
	margin-right: 10px;
}

#vehicleHeading a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#vehicleHeading a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ------------ End Vehicle Heading ----------------- */

/* ------------ Vehicle Photos and Media ------------ */

#mediaContainer {
	width: 400px;
	float: left;
	margin-left: 5px;
	display: inline;
	background: #ebebeb;
	border: 1px solid #dedede;
}
#photoContainer {
	padding: 5px;
	background: #fff;
	width: 380px;
	margin: 5px auto;
	border: 1px solid #dddfdc;
}
#photoContainer img {
	width: 380px;
	height: auto;
}
#theaterLinks {
	margin: -6px 0 5px 10px;
	padding: 0;
	float: left; 
	width: 270px;
}

#theaterLinks li {
	display: inline;
	margin: 0;
	padding: 0;
}

#theaterLinks li img {
	padding: 0;
	margin: 0;
	width: 81px;
	height: 29px;
}

#yt_video {
	 margin-right: 5px; 
	 margin-bottom: 0.4em; 
	 text-align: right;
	 float: right; 
	 width: 56px;
}

#vehicleThumbnails {
	margin: 0 auto;
	width: 390px;
	height: auto;
	max-height: 150px;
	overflow: auto;
}
#vehicleThumbnails li {
	display: inline;
	overflow-x: auto;
}
#vehicleThumbnails img {
	width: 65px;
	height: auto;
	padding: 2px;
	background: #fff;
	border: 1px solid #dddfdc;
}
#certifiedLogo {
	margin-top: -50px;
	margin-left: 270px;
	margin-bottom: 10px;
}
#certifiedLogo img {
	width: 120px;
	height: 40px;
}

/* --------- End Vehicle Photos and Media -------- */

/* ---------- Vehicle Details Top --------------- */

#vehicleDetailsTop {
	width: 265px;
	float: left;
	margin-left: 10px;
	display: inline;
	color: #070b4d;
}
#vehicleDetailsTop h3 {
	color: #070b4d;
	font-size: 14px;
	font-weight: normal;
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
}
#vehicleDetailsStock {
	float: right;
	font-size: 11px;
	margin-bottom: 0;
	line-height: 3em;
}
.carfaxautocheck {
	float: right;
	width: 115px;
	margin-right: 20px;
}

a#windowSticker {
	font-family: Georgia, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

#pricingPaymentContainer {
	margin-top: 8px;
	width: 250px;
	float: left;
	display: inline;
}
.msrp {
	float: left;
	margin-top: 5px;
	width: 100px;
	height: 20px;
	background: url(../images/details/msrp-bg.jpg) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 2em;
}

.msrpRebate {
	float: left;
	margin: 5px 0 0 5px;
	width: 150px;
	height: 20px;
	background: url(../images/details/msrp-bg.jpg) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 2em;
}

.msrpPrice {
	margin-top: 6px;
	float: right;
	color: #790a00;
	text-decoration: line-through;
	font-size: 16px;
	font-weight: 600;
}
.price {
	float: left;
	margin-top: 2px;
	width: 100px;
	height: 20px;
	background: url(../images/details/price-bg.jpg) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 1.95em;
}

.priceRebate {
	float: left;
	margin: 3px 0 0 5px;
	width: 150px;
	height: 20px;
	background: url(../images/details/price-bg.jpg) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 2em;
}

.ourPrice {
	margin-top: 3px;
	float: right;
	color: #060543;
	font-size: 16px;
	font-weight: 600;
}
.rebate {
	float: left;
	margin-top: 0;
	width: 100px;
	height: 20px;
	background: url(../images/details/rebate-bg.jpg) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 2em;
}

.rebateCalculator {
	float: left;
	margin-top: 5px;
	margin-left: 0;
	width: 100px;
	height: 20px;
	background: url(../images/details/rebate-bg.png) center left no-repeat;
	text-indent: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 2em;
}

#rebateLink {
	float: right;
}
#rebateLink a {
	color: green;
	text-decoration: none;
	line-height: 1.9em;
}
#rebateLink a:hover {
	text-decoration: underline;
}
.depSpecial {
	float: right;
	width: 260px;
	height: 60px;
	background: url(../images/details/dep-special.gif) center right no-repeat;
}

#depSpecialPrice {
	font-size: 28px;
	margin-left: 75px;
	line-height: 2em;
	color: #002b71;
}

#vehiclempg {
	float: left;
	width: 150px;
	height: 70px;
	margin: 0 0 5px 60px;
	background: url(../images/details/mpg-bg.gif) 0 0 no-repeat;
}
#mpgcity {
	float: left;
	margin: 17px 0 0 12px;
	width: 35px;
	font-size: 24px;
	font-weight: bold;
	color: #2b407d;
}
#mpghighway {
	float: right;
	margin: 17px 8px 0 0;
	width: 35px;
	font-size: 24px;
	font-weight: bold;
	color: #2b407d;
}

.dealerimage {
	margin: 10px 0 0 0px;
	float: left;
}

/* ---------- End Vehicle Details Top --------------- */

/* ------------ Sales Leads  ----------------- */

#leadContainer {
	float: left;
	width: 254px;
	margin-left: 10px;
}
#leadContainer h2 {
	display: block;
	width: 229px;
	padding: 5px 10px;
	color: #646464;
	font-size: 18px;
	background: #ebebeb;
	border: 1px dotted #dadada;
	font-family: Arial, sans-serif;
	font-style: normal;
}
.leadbutton {
	border-left: 1px dotted #dadada;
	border-right: 1px dotted #dadada;
	border-bottom: 1px dotted #dadada;
	width: 245px;
	padding: 2px;
}

.leadbutton:hover {
	cursor: pointer;
}
.leadbutton dt {
	margin-top: 5px;
	margin-left: 65px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: 600;
	color: #777;
}
.leadbutton dt a {
	color: #646464;
	text-decoration: none;
}
.leadbutton dt a:hover {
	text-decoration: underline;
}
.leadbutton dd {
	margin-left: 65px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: normal;
	color: #777;
}
#scheduleTestDrive {
	background: url(../images/details/calendar.gif) 13px 9px no-repeat;
}
#makeAnOffer {
	background: url(../images/details/makeoffer.gif) 13px 9px no-repeat;
}
#getDirections {
	background: url(../images/details/get-directions.gif) 13px 9px  no-repeat;
}
#requestInformation {
	background: url(../images/details/request-info.gif) 13px 9px no-repeat;
}
#getPreApproved {
	background: url(../images/details/pre-approved.gif) 13px 9px no-repeat;
}
#sendToMobile {
	background: url(../images/details/send-to-mobile.gif) 13px 9px no-repeat;
}
#valueTradeIn {
	background: url(../images/details/value-trade-in.gif) 13px 9px no-repeat;
}

/* ------------ End Sales Leads  ----------------- */

/* ------------ Vehicle Info Body ----------------- */

#vehicleInfoBody {
	width: 100%;
}

#vehicleInfoBody h3 {
	color: #414141;
	font-size: 18px;
}

#vehicleInfoBody p {
	padding: 5px 20px;
}

#vehicleInfoBody li {
	color: #414141;
}

.toggleHeading {
	width: 100%;
	padding: 0;
	height: 40px;
	margin: 5px auto 0 auto;
}

.toggleHeading:hover {
	cursor: pointer;
}

.toggleHeading a, .toggleHeading a:hover {
	font-size: 14px;
	font-weight: bold;
	margin-left: 25px;
	padding: 10px;
	line-height: 3em;
	color: #4a4a4a;
	text-decoration: none;
}

.bluetoggle {
	background: url(../images/details/blue-toggle-bg.png) no-repeat;
}

.greentoggle {
	background: url(../images/details/green-toggle-bg.png) no-repeat;
}

.yellowtoggle {
	background: url(../images/details/yellow-toggle-bg.png) no-repeat;
}

.orangetoggle {
	background: url(../images/details/orange-toggle-bg.png) no-repeat;
}

.redtoggle {
	background: url(../images/details/red-toggle-bg.png) no-repeat;
}

.pinktoggle {
	background: url(../images/details/pink-toggle-bg.png) no-repeat;
}

.yellowbox {
	background: #ffc;
	padding: 5px;
	width: 98%;
	margin: 3px auto;
	border: 1px solid #e8e8b8;
}

.toggleBox {
	width: 658px;
	margin: -5px auto 0 auto;
	background: #fff;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	
}

.toggleBox ul {
	margin: 5px 0 5px 35px;
}

.toggleBox li {
	list-style-image: url(../images/details/list-item-arrows.gif);
	line-height: 2em;
	font-size: 12px;
}

.toggleInfo {
	width: 97%;
	margin: 5px auto;
	background: #f9f8ed;
	border: 1px solid #e2dec4; 
}

.toggleRebateInfo {
	width: 97%;
	margin: 5px auto;
	background: #a9ffa9;
	border: 1px solid #e2dec4; 
}


.closeToggleLink {
	float: left;
	padding: 5px;
}

.closeToggleLink a {
	font-size: 14px;
}

.closeToggleLink ul {
	margin-left: 10px;
}

.closeToggleLink li {
	display: inline;
	list-style-image: none;
}

.toggleRequestInfo {
	float: right;
	margin: 5px;
}

.toggleRequestInfo ul {
	margin-right: 10px;
}

.toggleRequestInfo li {
	display: inline;
	margin-right: 3px;
	list-style-image: none;
	font-size: 14px;
}

.toggleRequestInfo a {
	font-size: 14px;
	color: green;
	text-decoration: none;
}

/* ------------ Vehicle Info Body ----------------- */


/* ------------- Rebate Division --------------------- */


#rebateInfo {
	background: transparent;
	color: #000;
}

#rebateInfo h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 1em;
}

#rebateInfo .rebatesNumber {
	background: #0095fb;
	color: #fff;
	font-weight: bold;
	padding: 5px 8px;
	font-size: 14px;
	margin-left: 10px;
	border: 1px solid #fff;
}

#rebateInfo .rebatesP {
	color: #414141;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
}

#rebateInfo table {
	margin: 15px 0 10px 50px;
}

#rebateInfo tr th {
	color: #fff;
	background: url(../images/details/rebate-heading-bg.jpg) repeat-x;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
}

#rebateInfo tr {
	border: 1px solid #007efa;
}

#rebateInfo td {
	padding: 5px;
	border: 1px solid #007efa;
	text-align: center;
	color: #414141;
	font-weight: bold;
	font-size: 12px;
	background: #fff;
}

#rebateInfo .odd {
	background: #ebebeb;
}

#rebateInfo hr {
	width: 98%;
	margin: 0.5em auto;
	height: 5px;
	border-top: 1px dotted #a7b48a; 
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#bigadd {
	margin-left: 5px;
	margin-bottom: -8px;
}

#loadingRebate {
	width: 100%;
	height: 200px;
}

#loadingRebate img {
	margin: 80px 0 0 305px;
}

.rebateSpecialContainer {
	width: 95%;
	margin: 0.5em auto;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #fff;
}

.rebateSpecialBody {
	font-size: 11px;
	color: #5F5F5F;
	line-height: 1.75em;
	border: 1px dotted #bbb;
	background: #f0f0f0;
	padding: 5px;
	width: 90%;
	margin: 0 auto 1em auto;
}

.rebatesP {
	font-size: 10px;
	color: #5F5F5F;
}

.rebateHeadingText {
	font-size: 18px;
	font-weight: bold;
	color: #414141;
	margin: 0 5px;
	line-height: 1.5em;
}

.rebatetag {
	margin-left: 10px;
}

.militaryRebateHeading {
	background: url(../images/details/military-rebate-heading.jpg) no-repeat;
}

.collegeGradHeading {
	background: url(../images/details/college-grad-rebate-heading.jpg) no-repeat;
}

.redTagHeading {
	background: url(../images/details/red-tag-rebates-heading.jpg) no-repeat;
}

.genericRebatesHeader {
	background: url(../images/details/generic-rebates-heading.jpg) no-repeat; 
}

#rebateSpecials h3 {
	margin: 0;
	padding: 0;
	line-height: 2.45em;
}

#rebateSpecials .rebateSpecialCash {
	color: #666;
	margin-left: 15px;
	line-height: 2.5em;
	font-weight: bold;
}

.rebatesHeading {
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 40px;
	height: 40px;
}

/* ------------- End Rebate Division --------------------- */


/* ---------- Payment Calculator ----- */

.calculatePayments {
	color: #515151;
	font-size: 11px;
	font-weight: bold;
	float: right;
	padding-top: 2px;
	margin-left: 2px;
}

#calculatorHeading {
	display: block;
	float: left;
	width: 100%;
	background: #ebebeb;
	border-top: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
	color: #4a4a4a;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 10px 0;
	text-indent: 10px;
}

#calculatePaymentLink a {
	color: red;
	margin-left: 3px;
	margin-bottom: -3px;
	padding-bottom: -3px;
	line-height: 2em;
}

#calculatePaymentLink a:hover {
	color: blue;
}

#calculatorContainer {
	width: 100%;
}

#fm_calc label {
	float: left;
	color: #777;
	width: 135px;
	font-size: 12px;
	margin: 5px 0;
	text-align: left;
}

#fm_calc input {
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

#fm_calc select {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

/* ---------- End Payment Calculator ----- */

/* ------------ Get Financed  ----------------- */

#financeCheck {
	width: 25px;
	height: 25px;
	float: left;
}
#financeText {
	width: 220px;
	float: left;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 5px;
}
#financeText p {
	margin: 0 0 3px 0;
	padding: 0;
	color: #505050;
}
#financeLink {
	font-size: 11px;
	font-weight: bold;
	color: green;
	float: left;
	margin-left: 5px;
	line-height: 1.5em;
	text-decoration: none;
}
#financeCircle {
	float: left;
	margin-left: 3px;
}

/* ------------ End Get Financed  ----------------- */

/* --------- Similar Vehicles ---------------- */

#similarVehiclesLink {
	float: right;
	margin-right: 1em;
	line-height: 2.5em;

}
#similarVehiclesLink a {
	color: #fff;
	text-decoration: none;
}
#similarVehiclesLink a:hover {
	color: #fff;
	text-decoration: none;
}
#similarVehiclesHeading {
	display: block;
	width: 100%;
	background: #fbf9fa;
	border-top: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
	color: #4a4a4a;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
}
.similarVehicleContainer {
	float: left;
	width: 322px;
	height: 105px;
	background: #ebebeb;
	border: 1px dotted #d9d9d9;
	margin:  4px 2px;
	display: inline;
}
.similarVehiclePhoto {
	float: left;
	margin: 5px;
	border: 1px solid #d9d9d9;
	background: #fff;
	padding: 3px;
	display: inline;
}
.similarVehicleInfo {
	float: left;
	margin: 5px;
	width: 190px;
	overflow: hidden;
	display: inline;
}
.similarVehicleInfo a {
	color: #414141;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.similarVehicleInfo a:hover {
	text-decoration: underline;
}
.similarVehicleInfo ul {
	margin: 3px 0 3px 3px;
}
.similarVehicleInfo li {
	list-style-image: none;
	line-height: 1.5em;
}

/* ---------- End Similar Vehicles ------------*/

/* ---------- Disclaimer ------------- */

#disclaimerHeading {
	width: 100%;
	background: #ebebeb;
	border-top: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
	color: #4a4a4a;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
}
#disclaimerText {
	line-height: 1.75em;
	font-size: 12px;
	font-weight: normal;
	color: #5f5f5f;
	padding: 5px;
}

/* ----------- End Disclaimer ------------- */