/*********************************************************************/
/****************** PROJECT GREEN OCTOBER *************************/
/****************** Vehicle Browse/Results Page ************************/
/*******************************************************************/

/* GLOBALS */
body {font-size:12px; font-weight:normal;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

/* LAYOUT CONTAINERS */
/* Children of Root */
#compareVehiclesForm {width:600px;margin: 0px auto;}
#sortbox {position:relative; width:598px; height:89px; border-width:1px;border-style:solid; font-size:11px; font-weight:bold; background:#DCDCDC url('/InventoryHosting/Browse/images/sortbox_repeater.jpg') repeat-x top left; clear:both;}
#vehicles {width:600px;clear:both;}

/* This actually isnt a child of root - need to change this later just a bad ID use */
#footer {width:auto; margin-top:10px;}

/* VEHICLE LISTING */
/* Parents - the vehicle listing box itself */
div.vehicle {margin:0px 0px 5px 0px; border:1px solid; height:160px; clear:both; overflow:hidden;}
div.vehicle h2 { margin: 0; padding: 0; display: inline; }
div.vehicle div.vehicleTitle { overflow:hidden; background:url('/InventoryHosting/Browse/images/pgo_header_gradient.png') repeat-x top left; height: 27px; }
div.vehicle div.vehicleInner { position:relative; background:url('/InventoryHosting/Browse/images/browse_repeater.jpg') repeat-x top left; height: 133px; }
.alt {}
/* Children of Vehicle Listing Boxes */
div.vehicle div.vehicle_link {float:left; font-weight:bold; font-size:16px; padding: 3px 0 0 5px;}
div.vehicle .hnbw-box-header div.vehicle_link { float:left; font-weight:bold; font-size:16px; padding: 0; }
div.vehicle div.comments {position:absolute; left:12px; top:0px; width:460px; height:16px; line-height:16px; overflow:hidden; font-style:italic;}
div.vehicle div.vehicle_image {position:absolute; left:12px; top:20px;}
div.vehicle div.vehicle_image a img {border-width:1px;border-style:solid;}
div.vehicle div.vehicle_info {position:absolute; left:122px; top:20px;}
div.vehicle div.vehicle_info span.text_label {font-weight:bold; width:67px; float:left;}  
div.vehicle div.vehicle_info span.text_data {float:left;}
div.vehicle div.vehicle_media {position:absolute; bottom:7px; left:12px;}
div.vehicle div.vehicle_media span.media-photo {line-height:14px; cursor:pointer; text-decoration:underline;}
div.vehicle div.vehicle_media span.media-photo:hover {text-decoration:none;}
div.vehicle div.vehicle_media span.media-video {line-height:14px; cursor:pointer; text-decoration:underline;}
div.vehicle div.vehicle_media span.media-video:hover {text-decoration:none;}
div.vehicle div.vehicle_media span.media-video-none {line-height:14px; text-decoration:underline;}
div.vehicle div.vehicle_media span.amount {line-height:14px;}
div.vehicle div.certified_container {position:absolute; right:87px; bottom:0px;}
div.vehicle div.special_container {position:absolute; right:5px; bottom:0px; width:80px;}            
div.vehicle div.carfax_container {position:absolute; right:140px; top:23px; border-width:1px;border-style:solid; padding:2px;}            
div.vehicle div.carfax_container img {}

/* SORTBOX */
#sortbox a {text-decoration:underline;}
#sortbox a:hover {text-decoration:none;}
#sortbox div.rss {position:absolute; bottom:6px; right:8px;}
#sortbox div.search-results-title {position:absolute; left:6px; top:4px; font-size:18px;}
#sortbox div.matching {position:absolute; left:8px; top:25px;}
#sortbox div.current-page {position:absolute; left:8px; top:39px;}
#sortbox div.breadcrumb-pages-list {position:absolute; left:8px; top:53px;}
#sortbox div#modify-search {position:absolute; left:6px; bottom:1px; height:18px;}
#sortbox div#quick-links {position:absolute; left:115px; bottom:1px; height:18px;}
#sortbox div#quick-links-box {position:absolute; left:100px; top:90px; width:319px; text-transform:uppercase; height:47px;}
#sortbox div#quick-links-box span {position:absolute; margin:20px 0 0 20px; font-size:12px;}
#sortbox div#quick-links-box span a {}

#sortbox #compareTextLink {position:absolute; left:300px; top:10px; text-decoration:underline;}
#sortbox #compareTextLink:hover {text-decoration:none;}
#sortbox #sortby-label {position:absolute; left:255px; top:39px; text-align:right;}
#sortbox #sortby {position:absolute; left:300px; top:35px; width:145px; width:146px; padding:1px; font-size:11px; border-width:1px;border-style:solid;}
#sortbox #keyword-label {position:absolute; left:246px; top:64px; text-align:right;}
#sortbox #keyword-search {position:absolute; left:450px; top:64px; text-align:left;}
#sortbox #stock,
#sortbox #keyword-input {position:absolute; left:300px; top:60px; width:142px; padding:1px; font-size:11px; border-width:1px;border-style:solid;}
#sortbox #view-changer { text-align: center; position:absolute; right:7px; top:0px; width:105px; padding-left:1px; height:52px; background:url('/InventoryHosting/Browse/images/views/view_box.jpg') no-repeat top left;}
	#sortbox #view-changer div.view 
	{
		display: inline-block;
		cursor:pointer;
		width:27px;
		height:26px;
		margin-top:4px;
		border-width:1px;
		border-style:solid;
		/* IE6/7 hasLayout hack */
		zoom: 1;
		*display: inline;
		*margin-left: 4px;
	}
	#sortbox #view-changer div.view-on
	{
		display: inline-block;
		width:27px;
		height:26px;
		margin-top:4px;
		border-width:1px;
		border-style: solid;
		/* IE6/7 hasLayout hack */
		zoom: 1;
		*display: inline;
		*margin-left: 4px;
	}
	#sortbox #view-changer div.view:hover {border-width:1px;border-style:solid;}

/* SEARCH BOX */
#searchBox {position:absolute; left:50%; margin-left:-230px; z-index:2;width:473px;border-width:3px;border-style:solid;}
.searchfield {padding:10px 0px 10px 8px; cursor:pointer; font-size:14px;text-decoration:underline;}
.searchfield:hover {text-decoration:none;}
.on {background:white;}
.searchClose {cursor:pointer; text-decoration:none;}
.searchClose:hover {text-decoration:underline;}
#searchtitle {height:27px;clear:both; background:url('/InventoryHosting/Browse/images/pgo_header_gradient.png') repeat-x top left;}
#searchtitle > div.fleft {padding: 1px 0px 0px 10px;font-size:18px;}
#searchtitle  div.fright {padding:6px 7px 0px 0px;font-size:12px;}
span.modifySearchHeader {font-size:16px; font-weight:bold;}
span.button {padding:2px 19px; cursor:pointer; border-width:2px;border-style:solid;font-weight:bold;}
input.searchBoxInput {width:124px; height:20px; border:1px solid #ccc; font-size:16px;text-align:right;}
select.searchBoxInput {width:124px; height:20px; border:1px solid #ccc; font-size:16px;}
.makeDataCellLeft
{
	width: 49%;
	height: 20px;
	float: left;
}
.makeDataCellRight
{
	width: 49%;
	height: 20px;
	float: right;
}
.searchDataCellLeft
{
	width: 47%;
	height: 20px;
	float: left;
}
.searchDataCellRight
{
	width: 47%;
	height: 20px;
	float: right;
}

/* HEADINGS */
h1, h3 {display:inline !important; font-weight:bold !important; font-size:18px !important;}
h2 {font-size:16px !important;}
h4 {font-size:16px !important; font-weight:bold !important;}

/* PAGING BREADCRUMBS */
#breadcrumbNav {overflow:hidden;}
#breadcrumbNav #left  {margin: 12px 10px 0px 0px; float: left; cursor: pointer;}
#breadcrumbNav #right {margin: 12px 0px 0px; float: right; cursor: pointer;}
#breadcrumbs a {text-decoration:underline;}
#breadcrumbs a:hover {text-decoration:none;}

/* BREADCRUMB BOXES */
#breadcrumbs {padding:4px 7px 0px;overflow:hidden;width:530px;float:left;height:40px;}
#scroll {float:left;white-space:nowrap;}
span.box {height:38px; margin-left:6px; margin-bottom:4px; display:inline-block;} /* mbottom accounts for less padding now in #breadcrumbs - bug prior width:100px; */
span.box div.top {height:17px; font-size:12px; color:#fcfcfc; font-weight:bold; text-align:center; line-height:17px; background:url('/InventoryHosting/Browse/images/breadcrumb/top-repeater.jpg') repeat-x top left; clear:both;}
span.box div.top-left {height:17px; padding-left:9px; background:url('/InventoryHosting/Browse/images/breadcrumb/top-left.jpg') no-repeat top left;}
span.box div.top-right {height:17px; padding-right:9px; background:url('/InventoryHosting/Browse/images/breadcrumb/top-right.jpg') no-repeat top right;}
span.box div.bottom {height:21px; font-size:11px; font-weight:bold; text-align:center; line-height:21px; background:url('/InventoryHosting/Browse/images/breadcrumb/bottom-repeater.jpg') repeat-x top left;}
span.box div.bottom-left {height:21px; padding-left:9px; background:url('/InventoryHosting/Browse/images/breadcrumb/bottom-left.jpg') no-repeat top left;}
span.box div.bottom-right {height:21px; padding-right:9px; background:url('/InventoryHosting/Browse/images/breadcrumb/bottom-right.jpg') no-repeat top right;}
span.box img {padding-left:3px; cursor:pointer;}
.firstbox {margin-left:0px !important; margin-bottom:4px !important;}
a.crumb {text-decoration:none;}
a.crumb:hover {text-decoration:underline;}

/* tabs */
.not_selected .tab_left {background-image:url('/InventoryHosting/common/images/tabs/browse_tab_left_on.png');}
.not_selected .tab_middle {background-image:url('/InventoryHosting/common/images/tabs/browse_tab_middle_on.png');}
.not_selected .tab_right	{background-image:url('/InventoryHosting/common/images/tabs/browse_tab_right_on.png');}
.selected .tab_left {background-image:url('/InventoryHosting/common/images/tabs/browse_tab_left_on.png');}
.selected .tab_middle {background-image:url('/InventoryHosting/common/images/tabs/browse_tab_middle_on.png');}
.selected .tab_right {background-image:url('/InventoryHosting/common/images/tabs/browse_tab_right_on.png');}

#TB_iframeContent {overflow:hidden;}

/* classic search */
#advanced_search_panel .filter_panel  {border:1px solid #CDCDCD; font-weight:bold; background-color:#ffffff; clear:both;height:265px;margin:10px 0px;}
#advanced_search_panel .search_by_body_thumb           {padding:1px; width:85px; height:46px;}
#advanced_search_panel							{display:none;}
#advanced_search_panel #search_thumb_panel div 		{display:inline-block;width:90px;text-align:center;margin: 0 13px;}

#advanced_search_panel .search_by_vehicle_info         {position:relative; border:1px solid #333333; border-top:0px solid #333333;height:265px; width:598px;margin-bottom:18px; background-color:#F4F4F4;}
#advanced_search_panel .search_by_vehicle_info_header  {position:absolute; top:-10px; left:10px; width:300px;}
#advanced_search_panel .filter                         {width:165px; padding:0px 18px; margin-top:5px; font-size:8pt;}
#advanced_search_panel .filter_header                  {width:160px; color:#ffffff; font-weight:bold; background-image:url('/InventoryHosting/Browse/images/classic_search/subhead_200_17.jpg'); background-repeat:no-repeat; font-size:8pt; text-align:center;}
#advanced_search_panel .filter_select_large            {width:160px;}
#advanced_search_panel input.filter_select_large            {width:155px;}
#advanced_search_panel .filter_select_small            {width:70px;}
#advanced_search_panel .tab_content            {width:144px;text-align:center;margin-top:1px;}
#advanced_search_panel .tab_wrapper            {height:15px;}
#advanced_search_panel .tab_left		{background-image:url(/InventoryHosting/common/images/tabs/search_tab_left_on.png);}
#advanced_search_panel .tab_right	{background-image:url(/InventoryHosting/common/images/tabs/search_tab_right_on.png);}
#advanced_search_panel #search div div	{width:100px;}
#advanced_search_panel #search 	{text-align:center;margin-left:41px;}
#advanced_search_panel .tab_left 	{cursor:default;}
#advanced_search_panel .tab_right 	{cursor:default;}
#advanced_search_panel .tab_middle 	{cursor:default;}
#advanced_search_panel .button_middle 	{font-weight:normal;}

/* browser specific */
#ie6SearchBehind {display:none;}
.browserIE6 .goBehind {position:relative;z-index:-1;}
.browserIE6 #ie6SearchBehind {display:block;position:absolute; left:50%; margin-left:-230px; z-index:8887;width:473px;border-width:3px;border-style:solid;}
.browserIE6 #searchBox {z-index:8888;}