/**
 * PMM UI Added to enhance or supliment global UI code
 * At time of writing (09/27/2008) that global code is YUI
 * Updating 10/18/2009
 * This update will be used for any site using vsrch 2.4 or greater as well as new vspecs
/*


/*
To be used in aiding development but should not be live
*/

button:hover{cursor:pointer}

.pmm-dev1{border:1px solid #ccc; background-color:#FFFFCC;}
.pmmBlocked{background-color:red;color:#fff;text-align:center;vertical-align:middle;}

/*
To be used in combo with YUI CSS to aid in the layout of a page
*/
.pmm-c0{padding:5px;}
.pmm-c1{padding:10px;}

.pmm-flow1{height:340px;overflow:auto;margin-bottom:20px;}

/* toolbar */
#pmm-tb1{height:110px;}
#pmm-tb1 div.leftCol{width:130px;height:100px;float:left;}
#pmm-tb1 div.pmm-search{float:right;width:800px;}

#pmm-leftCol{}

#hiddenContent{
position:absolute;
left:-10000px;
display:none;
}

#pmm-doc-995, #pmm-doc-910{
margin:auto;
text-align:left; /* leave unchanged */
background-color:#fff;
}

#pmm-doc-995 {
width:76.54em;/* non-IE */
*width:74.63em;/* IE */
min-width:995px;/* optional but recommended */
}

#pmm-doc-910 {
width:70em;/* non-IE */
*width:68.25em;/* IE */
min-width:910px;/* optional but recommended */
}

#ft{clear:both}

/* 220px left w/ 10px space between left and content area */
.pmm-yui-t1 .yui-b{float:left;width:16.92307em;*width:16.50em;background-color:#000;} /* left col*/
.pmm-yui-t1 #yui-main{float:right;margin-left:-25em;}
/*.pmm-yui-t1 #yui-main .yui-b{margin-left:17.69230em;*margin-left:17.25em;}
.pmm-yui-t1 #yui-main .yui-b{margin-left:220px;background-color:#fff;}*/
.pmm-yui-t1 #yui-main .yui-b{margin-left:16.92307em;*margin-left:16.50em;background-color:#fff;}

 /* 10px padding right
.pmm-yui-t1 #yui-main .yui-b{padding-right:.76923em;*padding-right:.75em;}*/

#pmm-main-content{padding:.76923em;*padding:.75em;min-height:400px}

#pg-stnd #dynpage-content iframe#getPreApproved{width:98%;height:1020px;border:0px;overflow:none;}

/* Needs a better home but here for now*/
/* Used for color swatch squares on vspecs page*/
#vehicle_colors{clear:both}
#detailPic1 img {width:320px;height:240px;margin:2px;border:1px solid #000000}
.swatchClr,.swatchClr_evox{margin:1px;width:16px;height:16px;float:left;border:1px solid #000;}
#origDetailPic{font-size:.75em;font-weight:normal;text-decoration:underline;cursor:pointer}


div#qSrch {text-align:left;}

/* vspecials */
div.vsrch_pricing_savings{display:none}
body#pg-vspecials .adminEdit{margin:5px 5px 5px 10px;float:right;font-size:1em}
body#pg-vspecials .adminEdit a{color:#fff;}
body#pg-vspecials .adminEdit a:hover{text-decoration:underline}

/* THICKBOX */
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/* jQuery Tools Overlay */
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(../img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


/* #### FORMS #### */

form#frmLead{margin:10px;padding:0px;}

/* table base */
form#frmLead table tr td label{float:right;color:#666666;}
form#frmLead table tr td label .label2{float:left;display:block;}
form#frmLead table tr td th{padding:2px;font-weight:bold;text-align:left;text-indent:5px;background-color:#CCCCCC;color:#333333;}
form#frmLead table tr td td{font-size:11px;text-align:left;padding:2px;}
form#frmLead table tr td input, 
form#frmLead table tr td select, 
form#frmLead table tr td textarea
{font-size:11px;border:1px solid #CCCCCC;color:#000033;}
form#frmLead table tr td input:type=submit{font-weight:bold;}
/*form#frmLead table tr td .required{border:1px solid #FF0000;}*/
form#frmLead table tr td .commentBox{width:400px;height:100px;}
form#frmLead table tr td .example{font-style:italic;color:#999999;}
form#frmLead table tr td .notice1{color:#999999;padding:2px;}

/* ul based */
form#frmLead ul li {margin-bottom:5px;font-size:108%;}
form#frmLead ul li input, 
form#frmLead ul li input, 
form#frmLead ul li select, 
form#frmLead ul li textarea
{border:1px solid #ccc;font-size:108%;color:#000;width:200px}
form#frmLead ul li input:type=submit{font-weight:bold;}
/*form#frmLead ul li .required{border:1px solid #FF0000;}*/
form#frmLead ul li textarea{width:400px;height:100px;}
form#frmLead ul li .example{font-style:italic;color:#999999;}
form#frmLead ul li .notice{color:#999;}
form#frmLead .msg{margin-bottom:20px;font-size:131%;}
form#frmLead .btnSubmit{width:100%}
form#frmLead .msgReq{font-size:108%;color:#56A805}

form#frmLead.lblTop ul.frmValues li label{display:block;font-size:108%;color:#666;}
form#frmLead.lblTop ul.frmValues li {margin-bottom:10px}

form#frmLead.lblLeft ul.frmValues li label{float:left;width:220px;margin-right:20px;color:#666666;border-bottom:1px dashed #ccc;}
form#frmLead.lblLeft .btnSubmit{text-align:center}

form#frmLead .frmSection h4{margin:10px 0px 10px 0px;padding:5px 0px 5px 0px;font-size:116%;font-weight:bold;color:#333;border-bottom:1px dashed #ccc;border-top:1px dashed #ccc}
form#frmLead .frmSection div.sectionInfo {margin:10px 0px 10px 0px}
form#frmLead .frmSection div.sectionInfo .vDesc{font-size:108%;font-weight:bold}

form#frmLead ul.frmValues li label.error{margin-left:10px;display:inline;color:#ff0000;font-style:italic;}
form#frmLead .noteAsReq{color:#56A805}

form.getPreApproved{text-align:left}
form#frmLead ul li div#ssn-full input{margin-right:5px;}
form#frmLead ul li div#ssn-full input#cust_SSN1{width:35px}
form#frmLead ul li div#ssn-full input#cust_SSN2{width:25px}
form#frmLead ul li div#ssn-full input#cust_SSN3{width:45px}

.smallTxt{font-size:10px;}
.fltrt{float:right;margin-right:20px}

/*
form#frmLead th{font-size:12px;}

/* MODEL TRIM PAGE & WDGTS */
#model-selection li { display:inline; padding-right:30px; float:left;}
#model-selection ul { padding-left:90px;}
#model-selection li p{ padding-top:12px; padding-bottom:38px;}

.model-selection li { display:inline; padding-right:30px; float:left;}
.model-selection ul { padding-left:90px;}
.model-selection li p{ padding-top:12px; padding-bottom:38px;}

.model-selection .mdlYrHeader{font-size:14px; font-weight:bold;clear:left}

body#pg-framed{text-align:left}

/* SITE MAP */
body#pg-sitemap #pmm-bd-c div.totalFound{margin-bottom:20px;font-size:131%,font-weight:bold} 
body#pg-sitemap #pmm-bd-c ul li{margin-bottom:5px}
body#pg-sitemap #pmm-bd-c ul li a{text-decoration:underline}
body#pg-sitemap #pmm-bd-c ul li a:hover{text-decoration:none}
body#pg-sitemap #pmm-bd-c ul li span{font-size:80%}

/* Disclaimer */

.disclaimer{margin:20px;padding-bottom:20px;font-size:75%;text-align:left;}
.disclaimer label{font-weight:bold;}
.disclaimer p {line-height:1em}

/* ## OVERLAY ## */

#overlayImg.pmm.basic,#overlayGallery.pmm.basic {
    display:none;z-index:10000;background-color:#333;width:640px;border:1px solid #666;padding:5px;
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

#overlayIframe.pmm.basic{
    display:none;z-index:10000;background-color:#fff;min-width:325px;min-height:245px;border:1px solid #666;padding:5px;
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;  
}
 
/* close button positioned on upper right corner */ 
#overlayImg .close,#overlayGallery .close,#overlayIframe .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; 
}

/* 
#########################################
## Global formatting of VPrice Listing ## 
#########################################
*/
body#pg-vsrch.raychevrolet.preowned .vListStnd,
body#pg-vsrch.raysuzuki.preowned .vListStnd{height:166px}
body#pg-vsrch .vListStnd .comments{text-indent:10px;font-size:10px;height:20px}

body#pg-vsrch  ul.vsrch_pricing {margin-left:-30px;width:130px;height:70px;}
body#pg-vsrch  ul.vsrch_pricing li {width:auto;float:right;}
body#pg-vsrch ul.vsrch_pricing li label{display:inline !important;}

ul.vsrch_pricing li.price1 label,ul.vsrch_pricing li.price1 span 
{font-size:100%;font-style:italic;font-weight:normal;color:#666}

ul.vsrch_pricing li.price2 {font-weight:bold;padding-bottom:10px;}
ul.vsrch_pricing li.price2 label{color:#333;font-size:116%;}
ul.vsrch_pricing li.price2 span{color:#ff0000;font-size:138.5%;font-weight:bold;}

body#pg-vspecs ul.vsrch_pricing li{clear:both}
body#pg-vspecs ul.vsrch_pricing li label{display:inline}
body#pg-vspecs ul.vsrch_pricing li label{font-size:167%;}
body#pg-vspecs  ul.vsrch_pricing li {width:auto;text-align:left;}
body#pg-vspecs ul.vsrch_pricing {height:auto;}
body#pg-vspecs ul.vsrch_pricing li.price1 label,
body#pg-vspecs ul.vsrch_pricing li.price1 span 
{font-style:normal;}

body#pg-vspecs #purchasePrice,body#pg-vspecs #leasePrice{position:relative;float:left;width:175px;height:140px;padding-top:5px;margin-right:30px;}
body#pg-vspecs #leasePrice{height:60px;}
body#pg-vspecs #purchasePrice div.title,div.sp_tpl.pmm #leasePrice div.title{font-size:123.1%;font-weight:bold;text-transform: uppercase;}

body#pg-vspecs ul.vsrch_pricing {margin-top:5px}
body#pg-vspecs ul.vsrch_pricing li label{float:left;}
body#pg-vspecs ul.vsrch_pricing li{text-align:right;padding-right:10px} 
body#pg-vspecs div.vsrch_pricing_savings{display:block;margin-top:-75px}
body#pg-vspecs div.vsrch_pricing_savings label{font-size:200%;color:#ff0000;font-weight:bold}
body#pg-vspecs div.vsrch_pricing_savings span{font-size:210%;color:#333;}

body#pg-vspecs .vSpecTabs li { float:left; }
body#pg-vspecs .vSpecTabs { height:27px; border-bottom:1px solid #d1d1d1; margin:20px 0px 5px 0px;; }
body#pg-vspecs .vSpecTabs li {color:#555555; background-color:#e1e1e1; padding:5px 25px 5px 25px; margin-right:2px; font-weight:bold; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #e1e1e1; }
body#pg-vspecs .vSpecTabs li a { color:#555555; }
body#pg-vspecs .vSpecTabs li:hover { background-color:#d1d1d1; }

/* this is the "back to top" area */
body#pg-vspecs .vInfoToolbar{font-size:11px;padding-bottom:10px}
body#pg-vspecs .vInfoToolbar a{text-decoration:underline;color:#333}
body#pg-vspecs .vInfoToolbar a:hover{text-decoration:none;}

#pg-vspecs .topCol1 #clr_swatch { height:70px; }
#pg-vspecs .topCol1 #clr_swatch ul { width:220px; }

/*li.vsrch_pricing_savings{display:none}*/

/*
##########################################
## Global formatting for site footer    ##
##########################################
*/
#siteinfo ul { height:100px; padding:20px 0px 20px 0px; border-bottom:1px solid #666666; border-top:1px solid #666666; margin-bottom:30px; }
#siteinfo ul li { list-style:none; float:left; width:150px; margin-bottom:10px; }
#siteinfo h1 { font-size:12px; font-weight:bold; margin-top:35px; }

/*############*/
#img_ext.wdgt .carfax img{float:right;margin-top:-5px;height:35px;}
#img_ext.wdgt .eprice img{float:right;height:24px;margin-right:5px;}

/* IE7 */
*+html #img_ext.wdgt .carfax img{margin-top:-30px;}
*+html #img_ext.wdgt .eprice img{margin-top:-25px;}
*+html #img_ext.wdgt .certified img{margin-top:-25px;}

*+html body#pg-vsrch ul.vsrch_pricing {margin-left: -45px;}

/*
#############################################
## Admin Section                           ##
#############################################
*/
#adminToolbar{
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
	width:100%
}

/*
#############################################
## Landing Page SEO Items                  ##
#############################################
*/

div.se_cta-row {float:left;margin:0px 0px 22px 0px;width:100%;}
#pmm-bd-c div.se_cta-row a.se_cta {width:140px;height:23px;padding:8px 0px 0px 28px;margin:0px 12px 0px 0px;float:left;font-size:12px;background-image:url(http://media.pmmsystem.net/assets/img/common/sprite_bg_buttons_168x31.png);background-repeat:no-repeat;color:#fff;background-position: 0px 0px;}
#pmm-bd-c div.se_cta-row a.se_cta:hover {color:#fff;}
a.se_cta.red {background-position: 0px -31px !important;}
a.se_cta.grey {background-position: 0px -62px !important;}
a.se_cta.green {background-position: 0px -93px !important;}
a.se_cta.blue {background-position: 0px -124px !important;}
a.se_cta:hover {color:#fff;}

/*
#############################################
## Admin Tools                             ##
#############################################
*/
#adminToolbar{height:25px;background-color:red;color:white;font-size:11px;text-indent:5px;}