/* Pixel Motion Vehicle Detail Page */
/* Created: June 19, 2009 */
/* Author: jake@pixelmotion.net */
/* This is to be used as the base default inventory detail page */
/* Any CSS Ids or classes that needs to be changed must be made */
/* on the external CSS files for color, layout and typography */
/* IMPORTANT: DO NOT ADD/REMOVE VALUES/CONTENT ON THIS FILE */

/* Page Layout */
#invdt-container {width:995px;margin:0 auto;}
#invdt-container #ContractLength td {padding:2px!important;margin:0px!important;}

/* used detail */
#dtl-bd.used, #dtl-bd.new { padding:20px; width:955px; font-size:11px; } /* Vehicle content container. */
#dtl-bd.used p, #dtl-bd.new p { padding:0px; margin:0px; line-height:18px; } /* reset value */

#dtl-bd.used strong { font-weight:bold; }
#dtl-bd.used h3 { font-size:12px; font-weight:bold; }
#dtl-bd.used #hdr { border-bottom:1px solid #d1d1d1; padding-bottom:25px; } /* Container for vehicle name and back search button */
#dtl-bd.used #hdr span { font-weight:bold; font-size:18px; } /* Typography for header */
#dtl-bd.used #focus { position:absolute; margin-left:635px; width:315px; } /* Container for price, carfax and calls to action */
#dtl-bd.used #focus .right-btn { float:right; margin-right:55px; } /* Aligns 2nd column for the calls to action buttons */
#dtl-bd.used #img-gallery { margin-top:25px; border-bottom:1px solid #d1d1d1; padding-bottom:10px; height:465px; } /* Gallery content container */
#dtl-bd.used #dealer-info { width:607px; } /* Left colummn content */
#dtl-bd.used #calculator { border-top:1px solid #d1d1d1; margin-top:50px; padding-top:25px; } /* Calculator container */
#dtl-bd.used #details { margin-top:20px; } /* Container for content below the gallery images */
#dtl-bd.used #details #detail-table { margin-bottom: 35px; margin-top:2px; } /* Table layout for vehicle details ie. exterior color, etc. */
#dtl-bd.used #details #detail-table td { padding-bottom:4px; } /* Td spacing for detail-table */
#dtl-bd.used #details #options { float:right; width:318px;} /* Container for installed options */
#dtl-bd.used #details #options li { padding:0px 0px 4px 0px;} /* line spacing for installed options */
#dtl-bd.used #disclaimer { border-top:1px solid #d1d1d1; margin-top:50px; padding-top:20px; padding-bottom:40px; line-height:18px; } /* Container for the disclaimer */
#dtl-bd.used  .offSale {padding-top:2px;}

/* new detail */
#dtl-bd.new h3 {font-size:14px;font-weight:bold;}
#dtl-bd.new h2 {font-size:18px;font-weight:bold;}
#dtl-bd.new h1 {font-size:30px;font-weight:bold;}
#dtl-bd.new strong {font-weight:bold; }
#dtl-bd.new #tier1 { border-bottom:1px solid #d1d1d1; padding-bottom:10px; }
#dtl-bd.new #tier2, #dtl-bd.new #tier5, #dtl-bd.new #tier6 { margin-top:20px;border-bottom:1px solid #d1d1d1; padding-bottom:35px; }
#dtl-bd.new #bookmark { float:right; }
#dtl-bd.new #carinfo { float:right; width:610px; }
#dtl-bd.new #priceinfo { float:right; width:300px; }
#dtl-bd.new #gallery, #dtl-bd.new #ext-int-elec, #dtl-bd.new #specs, #dtl-bd.new #tour, #dtl-bd.new #mechanical { width:930px; }
#dtl-bd.new #map_google { float:right; width:400px; height:320px; } /* Google Map */
#dtl-bd.new #dtl-calc { margin-top:20px;border-bottom:1px solid #d1d1d1; padding-bottom:35px; }
#dtl-bd.new #dtl-calc h3 { margin-left:155px; }
#dtl-bd.new #dtl-specs { margin-top:20px;border-bottom:1px solid #d1d1d1; padding-bottom:35px; }
#dtl-bd.new #dtl-specs h1 { font-size:14px; }
#dtl-bd.new #dtl-specs h2 { font-size:18px; }
#dtl-bd.new #tier5 #located { padding:0px 175px 0px 175px; }

/* Content */
#dtl-bd.used #slide { width:620px; border:none!important; padding:0px 15px 20px 2px; } /* Attributes for the main sliding image */
#dtl-bd.used #back-search { float:right; } /* Attributes for back search button */
#dtl-bd.used #focus #carfax { float:right; } /* Calls to action Carfax button */
#dtl-bd.used #focus .onSale { font-size:20px; font-weight:bold; padding-left:3px; color:#A90818; } /* Calls to action price 1 */
#dtl-bd.used #focus .offSale { font-size:12px; padding-left:3px; } /* Calls to action price 2 */
#dtl-bd.used #focus .interested { font-size:11px; font-weight:bold; padding-top:10px; padding-left:3px; } /* Typography values for "Interested?" */
#dtl-bd.used #focus .contact { font-size:18px; font-weight:normal; padding-bottom:10px; padding-left:3px; } /* Typography values for "Contact us..." */
#dtl-bd.used #details #location #map_google { float:right; width:400px; height:300px; } /* Google Map */
#dtl-bd.used #img-gallery .gallerySlideThumb {padding:0px 1px 1px 1px;width:78px;} /* Size and image attributes for gallery thumbs */

/* initial trim listing */
.vSpecs li ul li a {font-weight:normal;text-decoration:none;}
.vSpecs li ul li a strong {font-weight:bold;}

/* misc */
#located p strong {font-weight:normal!important;}