/*
++++++++++++++ 
search module - updated 20050914 - zF.
++++++++++++++
*/
/* 
++++ master elements ++++
 */
#buy #search {/* text-align: center;*/
	background-color: #eeeeee;
	background-image: url(/images/search_box_back_image_large2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px; 
	position: relative;
	}
	
#index #search {
	background-color: #ffffff;
	background-position: 0 36px;
	}
	
	/* right edge of buy box */
#searchCapRt {
	background-image: url(/images/search_box_back_rt_cap2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#index #searchCapRt {
	background-position: right 36px;
	}
	/*lower left corner of buy box */
#searchCapLowerLeft {
	background-image: url(/images/search_box_back_lower_lft_cap.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	/* lower right corner of buy box */
#searchCapLowerRight {
	background-image: url(/images/search_box_back_lower_rt_cap.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 15px 15px 10px 15px;

	}
#index #searchCapLowerRight {
	padding-top: 0px;
	}
	

#search h1 { text-align: left; margin: 0; padding: 0; }

#index #search h1 {
	margin-bottom: 25px;
	}


	/* home page header */
#home #search { /*width: 390px;*/ }
	/*#home #search h1 {background: 
url(/images/top_cap_back_new.gif) #EDEDED repeat-x; background-position: top; }*/
	/* index page header */
	#index #search { /*width: 430px;*/ }
	/*#index #search h1 { background: 
url(/images/search_bkgd_top_index.gif) white no-repeat; background-position: bottom; }*/
	#index #search h1 img {/* margin-bottom: 16px; margin-top: 0px; margin-left: 12px;*/ }
	
.searchModule {padding: 0; }
	/* hide from IE/Mac \ */
.searchModule {/* margin: auto; */} 
 	#home .searchModule { /*width: 376px;*/ }
	#index .searchModule { /*width: 416px;*/ }
#search h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding-bottom: 0px; }
	#search #used h2, #search #new h2 { font-size: 140%; color: #DF4600; }
#search p { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 7px; clear: both;}
/* 
++++ table and structural elements ++++
 */
table.searchModule {
	border-bottom: 1px solid #cccccc;
}
#index table.searchModule {
	border: none;
	}
.searchModule td { 
	vertical-align: top;
	}
	
	/* adjusts home page widths */
#home .searchModule td.usedCol  { width: 50%; }
#home .searchModule td.newCol { width: 50%; padding-left: 15px; }

	/** html #home .searchModule td.newCol, * html #home .searchModule td.usedCol  { width: 165px; w\idth: 175px; }*/
		/* used only */
		/*#home .searchModule td.usedColAdjust  { width: 366px; }
		* html #home .searchModule td.usedColAdjust  { width: 366px; w\idth: 376px; }*/
	/* adjusts index page widths */
#index .searchModule td.usedCol  { width: 50%;}
#index .searchModule td.newCol {width: 50%; padding-left: 25px;}

* html #index .searchModule td.newCol, * html #index .searchModule td.usedCol  { width: 50%;}
		
		/* used only */
/*#index .searchModule td.usedColAdjust  { width: 406px; border: 1px solid pink;} */
/** html #index .searchModule td.usedColAdjust  { width: 406px; w\idth: 416px; border: 1px solid orange; }		*/
	
	/* spacer width stays the same */
.searchModule td.spacer { 
	width: 10px; 
	max-width: 10px; 
	background-image: url(/images/vertical_divider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	
	/* container to force height so buttons line up correctly */
#home .inner { height: 185px; }
#index .inner { height: 185px; }
	
	/* required to clear all floats */
	.inner:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } 
/* ++++ form elements ++++ */
	
	/* note: select and input widths defined in globalBeta */
#search label { margin: 0 0 1px 0; }
#search div.label { margin: 0 0 1px 0; }
#search select, #search input { 
	font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 7px; 
	font-size: 110%;
	}

/*
++++++++++++++ 
used & new car search (home and index pages)
++++++++++++++
*/
/* 
+++ used car fields ++++ 
*/
#home #used {/* width: 174px;*/}
#index #used { /*width: 192px;*/ }
/* zip code */
	/* within zip code */
#search .zip .within { float: left; width: 102px; }
#search .within select { float: left; }
#search .within span { float: left; padding: 4px 5px 0 5px; font-size: 90%;}
#search .zip .yourzip { float: left; }
	/* price range */
.pricerange span { float: left; padding: 4px 4px 0 4px; font-size: 90%; }
.pricerange select {width: 160px; }
	/* advanced and pre-1982 */
#search .options {clear: both; font-size: 85%; margin-bottom: 15px; }
	/** html #search .options { padding-top: 7px; }*/
#search .options span { padding: 0 3px; }

#used .BttnPill { position: relative; display: block; margin: 0 0 5px 0; padding: 0; overflow: hidden; clear: both;}
	/* 
	+++ used only ++++
	*/
#home .usedColAdjust #used { width: 366px;}
#index .usedColAdjust #used { width: 400px;}
#index .usedColAdjust .inner, #home .usedColAdjust .inner { height: 95px; } 
.usedColAdjust .make { float: left; width: 185px; }
.usedColAdjust .pricerange { float: left; padding-bottom: 0; width: 185px; }
/* 
++++ new car fields ++++ 
*/
#home #new { /*width: 179px;*/ }
#index #new {/* width: 196px;*/ }
	/* changes height to account for multiple buttons */
	#new .innerAdjust { height: 149px; }
/* zip adjustments */
#new .zip input { margin-right: 5px; }
#new .zip div.note { font-size: 90%; float: left; width: 95px; margin-bottom: 0; padding-bottom: 0; padding-top: 12px;line-height: 120%;}
#new .zip .within { width: 80px; margin-left: 15px;}
div.or { clear: both; margin: 0 0 5px 60px; font-weight: bold; }
	* html div.or { position: relative; top: 2px; } /* fixes position for IE/Win */
#new .BttnPill { position: relative; display: block; clear: both; margin: 0; padding: 0; overflow: hidden; }
/* 
++++ bottom cap ++++ 
*/
	/*#home .searchBtm { width: 390px; clear: both;}*/
.cpo { clear: both; padding: 10px; background-color: #EDEDED; text-align: left; }
.cpo .head { margin-bottom: -1px; }
.cpo .head a { font-size: 110%; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.cpo .head span { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 5px; }
.cpo a.listlink { font-size: 90%; background-image: url(/images/bullet_orange.gif); background-repeat: no-repeat; padding: 0 10px 0 8px; background-position: -5px -2px; }
	#search p.underbtn { font: 90%/140% Verdana, Arial, Helvetica, sans-serif; padding: 3px 0 0 0; margin: 0; }

.cap {
	font-size: 90%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right top;
	overflow: visible;
}
#index .cap {
	display: none;
	}
.cap a{
	background-image: url(/images/homepage/bullet_bttn_purp.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 5px 0 5px 23px;
}

.dlLink {
	padding: 6px 0 0 0;
	border-top: 1px solid #ffffff;
	}
	
/*div.roundedboxfooter {background: url(/images/homepage/cornerLowerLeft.gif) bottom left no-repeat; display:block; padding: 0; margin: 0;}*/
/*div.roundedboxfooter div {display:block; width:100%; padding:4px 0; margin:0; background:url(/images/homepage/cornerLowerRight.gif) bottom right no-repeat;}*/
	
/* extra cpo module */ 
.cpoSearch {padding-left: 5px; margin-bottom: 15px;}
.cpoSearch h2 { font-size: 150%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 0; padding: 0;}

.cpoSearch p { margin: 5px 0; padding: 0; font-size: 110%; font-family: Arial, Helvetica, sans-serif; }
.cpoSearch .make, .cpoSearch .zip { float: left; margin-right: 10px; margin-bottom: 7px; margin-top: 12px;}
.cpoSearch .make select, .cpoSearch .zip input { font-family: Arial, Helvetica, sans-serif; font-size: 110%; margin-bottom: 0;}
/* fixes weird offset issue in IE */
	/* html .cpoSearch .zip .label { margin-left: 4px; }*/
.cpoSearch .BttnPill {margin-top: 10px; padding-top: 5px; display: block;}

.cpoSearch .links { clear: both; font-size: 90%; margin-top: 0;}
/* fixes spacing issue in IE */
	/** html .cpoSearch .links { padding-top: 0; }*/
.cpoSearch .links a { font-weight: normal; }

/*
++++++++++++++ 
new & used buying guides (crp index)
++++++++++++++
*/
#crp #search { background-color: transparent; background: none;}
#crp #index #search h1 { background: 
url(/crp/images/search_bkgd_top_crp.gif) white no-repeat; background-position: bottom; padding-bottom: 18px; margin-bottom: 0;}
	#crp #index #search h1 img { margin-left: 17px; }
#crp #index .searchModule  { width: 430px; padding: 0; background: url(/crp/images/search_bkgd_fade_crp.gif) white repeat-x;}
.searchModule td.crpCol { padding: 0 17px; background-color: transparent; }
#search #guides h2 { font-size: 150%; }
/* 
++++ iframe ++++ 
*/
/* size of iframes */
iframe.crpIndex { width: 396px; height: 66px; }
iframe.crpErr { width: 230px; height: 185px; }
iframe.crpAlt { width: 182px; height: 160px; }

/* adjusts body padding */
#iframeCRPIndex, #iframeCRPErr, #iframeCRPAlt { padding: 0; margin: 0; }
#iframeCRPIndex { background-color: #E3E3E3; }
#iframeCRPAlt { background-color: white; }
	/* index-specific */
#iframeCRPIndex #search { width: 405px; text-align: left; margin: 0; padding: 0; background-color: transparent; }
#iframeCRPIndex .make { float: left; }
#iframeCRPIndex .year { float: left; margin-left: 7px; } 
#iframeCRPIndex .model { float: left; margin-left: 7px; }
#iframeCRPIndex .BttnPill { display: block; clear: both; margin: 0; padding: 4px 0 0 0; }
	/* alternate-specific (e.g. similar.jsp) */
#iframeCRPAlt #search { width: 230px; text-align: left; background-color: white; }
	
	/* error-specific */
#iframeCRPErr #search { width: 230px; text-align: left; background: url(/images/error_box_bg_top.gif) #EFEFEF no-repeat; padding: 10px 0 0 0; }
	#iframeCRPErr #search:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
#iframeCRPErr .make, #iframeCRPErr .year, #iframeCRPErr .model { margin-left: 10px; }
#iframeCRPErr .BttnPill { display: block; margin: 5px 0 0 10px; }

/* 
++++ by type ++++ 
*/
.byType { width: 396px; margin-top: 15px; border-top: dotted 2px #999; }
	/* required to clear all floats */
	.byType:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }  
.byType h3 { font-size: 100%; margin: 5px 0; padding: 0; }
.byType ul.horiz li { width: 79px; text-align: center; background: none; }
.byType ul.horiz li a { display: block; margin: 0; font-size: 90%; line-height: 130%; font-weight: bold; }
/* Add additional style for icons since there are three in the row versus five in the row above */
/* Note: 396/5 = 79 whereas 396/3 = 132 */
.byType .lCol2, .byType .mCol2, .byType .rCol2 { float: left; vertical-align: top; width: 132px; }
.byType .lCol2 img.icon, .byType .mCol2 img.icon, .byType .rCol2 img.icon { margin: 0px 3px 0px 0; vertical-align: middle; }
.byType .lCol2 a, .byType .mCol2 a, .byType .rCol2 a { float: left; display: block; margin: 0; font-size: 90%; line-height: 130%; font-weight: bold; vertical-align: middle;}

/* category icons no longer in lcol rcol table
.byType .lCol img.icon, .byType .rCol img.icon { margin: 3px 5px -4px 0; }
*/
.byType #researchByCategory { margin-top: 10px; }
.byType .lCol, .byType .rCol { float: left; width: 198px; margin: 5px 0 0px 0; }
.byType .new { font-weight: bold; }
.byType p { padding-top: 10px; font-size: 100% !important; font-family: Verdana, Arial, Helvetica, sans-serif !important;  }
/* lCol3 and rCol3 are for the new Research by Category */
.byType .lCol3, .byType .rCol3 { float: left; width: 198px; margin: 0px 0 0px 0;}
.byType .lCol3 ul.typeGroup, .byType .rCol3 ul.typeGroup { margin: 0; padding: 0;}

/* 
++++ Row Wrapper for new index page layout: by type ++++ 
*/

.byType div.rowWrapper {
	width: 100%;
	margin: 13px 0 0px 0;
}

#search .inner {
margin-bottom: 0;
}

/*ss*/
#zipError {display:none;position:absolute;top:25px;left:-10px; background:#fff; border:solid 1px #333; width:411px;height:205px;}
#zipError #zipErrorHeader {height:52px;text-align:right; background:#f1f1f1 url(/crp/images/logoPopup.gif) no-repeat;}
#zipErrorHeader .closeLink {padding:5px;}
#zipError #zipErrorBody {margin:10px;height:100px;}
#zipErrorBody p {font-size:11px}
#zipErrorBody h2 {color:#DF4600;font-size:140%;margin:10px 0; line-height:100%;}
#miniZip label {float:left; margin:0 10px 0 0; font-weight:normal;font-size:100%;}
#okbutton {clear:both;margin-left:60px;height:17px;position:relative;}
#okbutton #cancel{position:absolute;top:2px;left:54px;}

/*ss: new crp widget*/
#researchDropdowns {width:100%; border:0; padding:0;}
#researchDropdowns fieldset{border:0; padding:0;}
#researchDropdowns select {width:100%}
#researchDropdownsMake, #researchDropdownsModel {width:140px; margin:10px 6px 0 0; float:left;}
#researchDropdownsYear {width:96px; margin:10px 5px 0 0; float:left;}