/************************************************************/
/*	These styles are build for Lexus.com cpo Landing page		*/
/*	For more details on the functionalities specs,					*/
/*	See Wireframe Document 7.0 from Genex.									*/
/*	Author: Christian Dumais																*/
/************************************************************/

/* Global Container */
#ftArea				    { position: absolute; display: none; }
#cpoHead          { width: 1000px; display: block;}
#cpoHead span     { display:none; }
#cpo_bodyContent  { margin-top: 10px; width: 1000px; }
#flDiv            { display:none; }
#flashContent      { background-image:url('/cpo/images/cpo_flash_loading.jpg'); }
#flashContent a   { width: 1000px; display: block; }

/* General Style */
#ContentArea a        { text-decoration:none; }
#ContentArea a:hover  { text-decoration:none; }
div.cpo_lrnMore       { background: url(/images/cpo/vc_RHarrow.gif) no-repeat left 5px; text-decoration: none; padding-left: 10px; float: left; }
h2							      { font-size: 13px; font-weight: bold; }
th, td                { text-align: left;}

/* Tab Strip Component */
#ts_menu 						{ border-bottom: 3px solid #3C3C3C; height: 25px; left: 0; width: 462px; float: left; margin-top: 6px;  }
#ts_menu a 					{ text-decoration: none; }
#ts_menu a:hover 		{ text-decoration: none; }
#ts_btnTabHilite 		{ background: url(/images/cpo/ts_tabOverSdw.gif) no-repeat left; display: none; height: 25px; position: absolute; width: 115px; }
#ts_btnTabHilite a 	{ color: white; font-weight: bold;	text-align: left;	display: block; width: 105px;	line-height: 25px; padding-left: 10px; }
#ts_menu ul 				{ list-style: none; width: 462px; float: left; }
#ts_menu ul li 			{ background: #969696 url(/images/cpo/ts_tabOff.gif) repeat-x; float: left; height: 25px; width: 115px; }
#ts_menu ul li a 		{
	background: url(/images/cpo/ts_rightBorder.png) no-repeat right top;
	color: #2d2d2d;
	display: block;
	font-weight: bold;
	line-height: 25px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	width: 107px;
}

/* Left Content Footer */
#cpo_cpoPH 				{ margin-top: 15px; width: 452px; padding-left: 10px; }
#cpo_cpoPH h2 		{ background: #eeeeee; height: 25px; width: 462px; margin-left: -10px; }
#cpo_cpoPH h2 img { padding: 8px 0 0 10px; }
#cpo_cpoPH p 			{ padding: 6px 0 0 0; width: 452px; margin: 0; }

/* Default Search Module (Zip/Model) */
#cpo_leftContent 						{ float: left; width: 477px; padding-left: 246px; }
#cpo_srcModule 							{ width: 462px; float: left; }
#cpo_srcZip 								{ width: 453px; border-bottom: 1px solid #e1e1e1; padding: 0 0 9px 9px; margin: 12px 0 0 0; }
#cpo_srcZip table 					{ margin: 0; float: left; }
#cpo_srcZip table th				{ font-weight: normal; }
#cpo_srcZip table td 				{ padding: 0 0 0 1px; margin: 0; text-align: left; }
#cpo_srcZip table #cpo_C1		{ width: 114px; }
#cpo_srcZip table #cpo_C2		{ width: 176px; }
#cpo_srcZip table #cpo_C3		{ width: 150px; }
#cpo_srcZip table td input 	{ width: 100px; height: 14px; padding: 4px 0 0 5px; display: none; border: 1px solid #CBCBCB; }
#cpo_srcZip #cpo_privacy 		{ margin: 26px 0 0 0; }
#btn_cpoZip									{ float: left; }

/* Zip Drop Down */
#cpo_drDnHdZip 					{ float: left; border: 1px solid #CBCBCB; padding: 1px 0 1px; width: 155px; margin-right: 10px; display: none; }
#cpo_drDnHdTxtZipState 	{ float: left; width: 120px; height: 16px; line-height: 16px; margin: 0; padding-left: 5px; text-align: left; }
#cpo_goBtnZip 					{ float: right; margin: 0; padding-right: 1px; }

/* State Drop Down */
#cpo_drDnHdState 			{ float: left; border: 1px solid #CBCBCB; padding: 1px 0 1px; width: 165px; margin-right: 2px; }
#cpo_drDnHdTxtModel 	{ float: left; width: 130px; height: 16px; line-height: 16px; margin: 0; padding-left: 5px; text-align: left; }
#cpo_goBtnState 			{ float: right; margin: 0; padding-right: 1px; }

/* Model Selector tool Widget */
#cpo_slcModel 			              { border-bottom: 1px solid #e1e1e1; display: none; margin-top: 11px; padding: 0 0 0 10px; width: 452px; }/* position: absolute; top: 350px; left: 0; */
#cpo_slcModel h2 		              { font-weight: bold; font-size: 13px; }
#cpo_slcModel table	              { margin-top: 3px; }
#cpo_slcModel h3 		              { font-size: 11px; font-weight: bold; }
#cpo_slcModel tr		              { line-height: 29px; height: 29px; }
#cpo_slcModel th 		              { border-bottom: 1px solid #e1e1e1; font-weight: bold; width: 173px; }
#cpo_slcModel td  	              { border-bottom: 1px solid #e1e1e1; text-align: left; }
.cpo_col2,	.cpo_col3,	.cpo_col4, .cpo_col5, .cpo_col6 { width: 59px; }
/*.cpo_col5 												{ width: 41px; }*/
#cpo_lastRow td, #cpo_lastRow th	{ border-bottom: none; }
#cpo_slcModel input	              { margin: 0 6px 0 0; padding: 0; border: none; width: 16px; }
#btn_cpoModels			              { padding: 2px 0 16px 0; margin: 0; }

/* State Selection tool */
#cpo_srcState 					{ border-bottom: 1px solid #e1e1e1; display: none; padding-bottom: 10px; width: 462px; }/*  position: absolute; top: 600px; left: 0; */
#cpo_srcState p 				{ margin: 11px 0 0 9px; }
#cpo_stateSearchHeader 	{ font-weight: bold; }
#cpo_srcState table			{ margin-top: 3px; }
#cpo_srcState table td 	{ padding: 0 5px 5px 0; }

/* Body Content */
#searchSubHead h2 { font-size: 14px; }
#searchSubHead h3 { font-size: 13px; padding-top: 5px; padding-bottom: 10px; }
#cpo_cpoPH a { text-decoration: underline; }
#whatIsLexusCPOImg { margin-top: 7px; }

/* Right Content */
#cpo_rightContent 				{ width: 225px; float: right; border-left: 1px solid #e1e1e1; padding: 0 16px 10px; margin-bottom: 20px;}
#cpo_rightContent p 				{ margin: 3px 0 14px 0; padding: 0; width: 232px; }
#cpo_rightContent ul 				{ padding: 0 0 0 2px; margin: 3px 0 14px 0; }
#cpo_rightContent ul li			{ background: url(/images/cpo/vc_LHDot.jpg) no-repeat 0 6px; padding-left: 10px; list-style-type: none; }
#cpo_rightContent .cpo_lrnMore 	{ margin-top: 13px; float: left; text-align: left; }
#newEvent						{ margin:10px 0 15px 0; }
#certifiedPreOwnedProgram		{ text-align: center; }
#certifiedPreOwnedProgram h2		{ text-align: left; }
#dlBrochureButton				{ margin-top: 10px; }
#cpoLogoImg						{ margin-top: 40px; }
#seasonToChange p				{ margin:7px 0 14px 0; }