/**
 * PMM UI Added to enhance or supliment global UI code
 * At time of writing (09/27/2008) that global code is YUI
/*


/*
To be used in aiding development but should not be live
*/
.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;}

#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;}

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; 
}

#overlayGallery .next, #overlayGallery .prev {position:absolute;top:40%;-moz-border-radius:5px;-webkit-border-radius:5px;} 
#overlayGallery .progress { position:absolute; top:45%; left:50%;display:none; } 
#overlayGallery #thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative;}

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