/* CSS Document */

body#pg-vspecs #map_google{width:500px;height:300px;border:5px solid #d1d1d1}


body#pg-vspecs #detailPic1 img {margin:0px;border:0px;height:auto}
body#pg-vspecs #detailPic1 {margin-bottom:5px;border:5px solid #d1d1d1;width:320px;height:auto;}

body#pg-vspecs .wdgt{width:100%;min-height:30px;background-color:#d1d1d1;margin-bottom:5px;}
body#pg-vspecs .wdgt div.title{font-size:80%;font-weight:bold;margin-left:8px}

#pg-vspecs-header h2{font-size:153.9%;font-weight:bold;color:#666;}
#pg-vspecs-header h2.sold{color:#ff0000}

body#pg-vspecs #dlrInfo .org{font-weight:bold;}
body#pg-vspecs #dlrInfo .org .organization-name,
body#pg-vspecs #dlrInfo .street-address {display:inline}
body#pg-vspecs #dlrInfo .tel{margin-top:20px;font-size:138.5%;font-weight:bold}
body#pg-vspecs #dlrInfo .tel .type{position:absolute;left:-1000px}

body#pg-vspecs #vMPG {margin-top:20px;width:100%;height:45px;}
body#pg-vspecs #vMPG li{float:left;width:33%;text-align:center;}
body#pg-vspecs #vMPG li label{display:block;font-weight:bold;}
body#pg-vspecs #vMPG li span{font-size:189%;font-weight:bold;color:#333}
body#pg-vspecs #vMPG .icon{
    height:45px;
    background-image: url(/ui/img/vspecs/mpg_gaspump.png);
    background-repeat:no-repeat;
    background-position:center;
    }
    
*:first-child+html body#pg-vspecs #vMPG .icon{width:80px;}

body#pg-vspecs .vMdlLst{margin:20px 0px 0px 20px}
body#pg-vspecs .vMdlLst .trimlvl .mdlTrim{font-size:131%;font-weight:bold;color:#000}
body#pg-vspecs .vMdlLst .trimlvl ul{margin:5px 0px 5px 20px}
body#pg-vspecs .vMdlLst .trimlvl ul li a{color:#333;text-decoration:underline}
body#pg-vspecs .vMdlLst .trimlvl ul li a:hover{color:#000;text-decoration:none}
body#pg-vspecs .vMdlLst .trimlvl ul li span.mdlLbl{font-weight:bold;}
body#pg-vspecs .vMdlLst .trimlvl ul li span.mdlPrice{}
body#pg-vspecs .vMdlLst .trimlvl ul li span.mdlStyle{font-weight:normal;}
body#pg-vspecs .vMdlLst .currentlyViewing{text-decoration:none;color:#0000ff;font-weight:bold;}

body#pg-vspecs #vInfoLst {margin-top:20px}
body#pg-vspecs #vInfoLst li{font-size:100%}  
body#pg-vspecs #vInfoLst label{float:left;width:70px;font-weight:bold;}

.topCol1{clear:left;position:relative;width:330px;margin-bottom:5px;border:1px solid #d1d1d1;padding:20px 30px 20px 30px}
.topCol2{clear:both;float:right;margin-left:5px;width:515px;border:1px solid #d1d1d1;padding:20px 30px 20px 30px;margin-bottom:5px}
#vData{float:left}



#img_ext{padding-top:5px;text-align:center}

/*#img_ext ul li{
    display:inline;
    margin-left:5px;color:#333;
    border:1px solid #9e9e9e;
    padding:7px;
    font-size:85%;
    font-weight:bold;
    background-image:url(/ui/img/vspecs/bg_img_ext.png);
    background-repeat:repeat-x;
    }*/
    
#img_ext button,.toolbar button{
    margin-left:5px;
    color:#333;
    border:1px solid #9e9e9e;
    font-size:85%;
    height:24px;
    padding:0px 5px 0px 5px;
    font-weight:bold;
    background-image:url(/ui/img/vspecs/bg_img_ext.png);
    background-repeat:repeat-x;
    }
#img_ext button:hover,.toolbar button:hover{cursor:pointer}    
.toolbar{
    margin-top:-28px;
    display:inline;
    float:right
}
    
#img_ext button#swf_load_ext360{margin-left:0px}
#img_ext button{margin-bottom:3px}

#dImgInfo{font-size:77%;color:#666;}

#clr_swatch{text-align:left;padding-top:5px;height:45px;}
#clr_swatch ul {position:absolute;margin-left:5px;height:25px;}
#clr_swatch ul li{display:inline;}
#clr_swatch ul li span{position:absolute;left:-1000px}

.swatchClr_evox{margin:2px;width:10px;height:20px;border:1px solid #000;}

#origDetailPic{
    display:inline;
    /*float:right;
    margin-right:5px;
    margin-top:-5px;*/
    position:absolute;
    margin-left:230px;
    z-index:100;
    background-color:#fff;
    color:#333;
    border:1px solid #9e9e9e;
    font-size:85%;
    font-weight:bold;
    background-image:url(/ui/img/vspecs/bg_img_ext.png);
    background-repeat:repeat-x;
    padding:5px;
}

#origDetailPic a{text-decoration:none;color:#ff0000}

/* ######## OVERLAY  ######## */
/* the overlayed element  
#overlayImg.pmm.basic,#overlayGalleryEvox.pmm.basic,#overlayGalleryOEM.pmm.basic,#overlayGalleryDLR.pmm.basic {*/
.pmm.basic.gallery,#overlay_sendFriend{
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:640px;     
    /*min-height:480px;*/ 
    border:1px solid #666;
    padding:5px; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner  
#overlayImg .close,#overlayGalleryEvox .close,#overlayGalleryOEM .close,#overlayGalleryDLR .close { */
.pmm.basic.gallery .close{
    background-image:url(http://media.pmmsystem.net/assets/img/jquery.tools/overlay/close.png);
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

#overlay_sendFriend {
	z-index:12000;
	width:530px;
	color:#fff;
	}
#overlay_sendFriend form{margin:20px;}
#overlay_sendFriend table td{padding:5px;}
#overlay_sendFriend label{float:left;width:100px;}
#overlay_sendFriend h3{font-size:14px;font-weight:bold;text-align:left}
#overlay_sendFriend #submit{float:right;margin-top:10px;}
#overlay_sendFriend .close{
    background-image:url(http://media.pmmsystem.net/assets/img/jquery.tools/overlay/close.png);
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px;
}

#overlayGallery .next, #overlayGallery .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
#overlayGallery .progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 

/*#overlayGalleryEvox .galImgDetail,overlayGalleryOEM .galImgDetail,overlayGalleryDLR .galImgDetail {*/
.pmm.basic.gallery .galImgDetail{
    width:640px;
    height:auto;
    background-image:url(http://media.pmmsystem.net/assets/img/jquery.tools/loading.gif);
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom:5px;
}
.pmm.basic.gallery .galImgDetail img{width:640px;height:auto;}
.pmm.basic.gallery .thumbs img{
    border:1px solid #d1d1d1;
    width:50px;
}

.pmm.basic.gallery .thumbs img:hover{
    border:1px solid #fff;
    opacity:80;
    opacity:.8;
}



/*#gal_evox_sample ,#gal_dlr_sample ,#gal_oem_sample */
.sample_gal{height:60px;}

/*#gal_evox_sample:hover ,#gal_dlr_sample:hover ,#gal_oem_sample:hover{background-color:#0000ff;z-index:10;opacity:60;opacity:.6}*/

/*#gal_evox_sample img,#gal_dlr_sample img,#gal_oem_sample img {*/
.sample_gal img{
    width:50px;
    border:1px solid #9e9e9e;
    margin-left:5px;
}

#galTooltip { 
    display:none; 
    background:transparent url(http://media.pmmsystem.net/assets/img/jquery.tools/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

#calc_simple {height:170px}

.row{clear:both;margin-top:15px;border:1px solid #d1d1d1;padding:10px}
.row.section{border:0px;border-top:1px solid #d1d1d1;padding:10px}
.row.section h2,#vInfo h2,#factOpts h2,#vMdlTrmLst h2, .comments.dealer h2 {font-weight:bold;margin-bottom:10px;font-size:123.1%}
.row.section p{margin-bottom:10px}
#vInfo{height: 100%;}

.row.section.reviews cite {color:#666;font-weight:bold;margin-bottom:5px;font-size:108%}
.row.section.reviews blockquote{margin-left:20px;}
.row.section.reviews h4 {font-weight:bold;margin:10px 0px 0px 0px;font-size:93%;padding:3px;background-color:#d1d1d1}
.row.section.reviews p{font-size:85%;padding:5px;}
.row.section.reviews p.em {font-style:italic}

.comments.dealer{clear:both}
.contact.dealer.shortform{margin-top:20px;margin-bottom:30px;padding-top:5px;border-top:1px solid #d1d1d1;}
.contact.dealer.shortform h3{font-size:93%}
.contact.dealer.shortform span{font-weight:bold;}
.contact.dealer.shortform span.type{position:absolute;left:-1000px}
.contact.dealer.shortform span.value{font-size:153.9%}

.section{margin-bottom:20px}
.sectionHdr label {font-weight:bold;font-size:123.1%}
ul.vSpecsLst li{padding-bottom:5px;}

/* ### CTAs ### */
body#pg-vspecs ul.callsToAction{float:right;width:200px}
body#pg-vspecs ul.callsToAction li{background-color:#333;color:#fff;margin:2px;padding:5px;text-align:center;font-size:85%;font-weight:bold}
body#pg-vspecs ul.callsToAction li a{color:#fff;}
body#pg-vspecs ul.callsToAction li a:hover{color:#000;text-decoration:underline}
body#pg-vspecs ul.callsToAction li:hover{background-color:#999;}

/* ### TABS ### */
/* root element for tabs  */
ul.vSpecsTabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.vSpecsTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.vSpecsTabs a { 
	background: url(http://media.pmmsystem.net/assets/img/jquery.tools/tabs/blue.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.vSpecsTabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.vSpecsTabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.vSpecsTabs a.current, ul.vSpecsTabs a.current:hover, ul.vSpecsTabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.vSpecsTabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.vSpecsTabs a.w1:hover 	{ background-position: -519px -31px; }
ul.vSpecsTabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.vSpecsTabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.vSpecsTabs a.w2:hover 	{ background-position: -366px -31px; }
ul.vSpecsTabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.vSpecsTabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.vSpecsTabs a.w3:hover 	{ background-position: -193px -31px; }
ul.vSpecsTabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.vSpecsTabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.vSpecsTabs a.w4:hover 	{ background-position: -0px -31px; }
ul.vSpecsTabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* when not using tab layout we need to hide Tabs */
div.panes.showPanes div.pane {
	display:block;		
}

/* when not using tab layout we need to hide Tabs */
ul.vSpecsTabs.showNoTabs{display:none}

#Fuel_EPA_Auto_City, #Fuel_EPA_AutoHighway {font-size:100% !important;line-height:normal !important;padding:0px !important;font-weight:bold;color:#ff0000}

div.pane{float:left;width:215px;font-size:85%;margin-right:10px;margin-bottom:20px;padding:5px;}
div.pane h2{font-size:153.9% !important;margin-bottom:20px;border-bottom:1px solid #000}

/* factory options */

#factOpts ul.options{margin-left:1em;list-style:circle;}
#factOpts li.options{line-height:1.8em;font-weight:bold;font-size:108%;}
#factOpts li.options div{padding-left:5px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;background-color:#efefef}
#factOpts li.options label{color:#666;margin-left:20px}
#factOpts li.options span{color:#333;}
#factOpts li.content{text-indent:1em;line-height:1.5em;color:#000;font-weight:normal;list-style:none;}

/* vUpsell */
#vUpsell {padding-bottom:2px}
.vUpsellList {margin:10px 5px 10px 5px;}
.vUpsellList ul.vCompData{position:relative}
.vUpsellList ul.vCompData li.c1d,
.vUpsellList ul.vCompData li.c2d,
.vUpsellList ul.vCompData li.c3d {position:absolute}

.vUpsellList ul.vCompData li.c2d{left:65px}
.vUpsellList ul.vCompData li.c3d{right:0px}

.vUpsellList ul.vCompData li.c1d{width:65px;}
.vUpsellList ul.vCompData li.c2d{width:auto;overflow:hidden}
.vUpsellList ul.vCompData li.c3d{width:25px;float:right;margin-right:5px}

.vUpsellList ul.vCompInfo li {display:block;}
.vUpsellList li.vComp {height:45px;display:block;clear:left;background-color:#efefef;border-bottom:2px solid #d1d1d1;padding:5px}
.vCompData li.c1d img{border:1px solid #707070}
.vCompInfoName,.vCompInfoPrice{font-size:108%;font-weight:bold;color:#707070}
.vCompInfoVin{padding-top:4px;font-size:93%;}

body.toyotaplace .vCompInfoName, body.toyotaplace .vCompInfoPrice{font-size:93%;}
body.toyotaplace .vCompInfoVin{font-size:77%;}

/* vInfoExt */
.vInfoExt ul li{display:inline;vertical-align:top;margin-left:5px;}

#vCalc h3{color:#666;font-weight:bold;padding:10px 0px 0px 10px;font-size:14px}
#vCalc table{margin:10px}
#vCalc table td{padding:2px;color:#666;}
#vCalc table td label{display:block;font-weight:bold;font-size:12px}
#vCalc input{border:2px solid #efefef;padding:2px;margin:2px}
#vCalc input,#vCalc select{font-size:16px;color:#666}
#vCalc #down{width:90px}
#vCalc #apr{width:30px}
#vCalc #monthly{width:200px;background-color:transparent;border:0px;font-size:24px;color:#ff0000;font-weight:bold}