/*================================================================
    Inventory Hosting - Browse Page CSS =========================
=================================================================*/

/******************************************************************
    Sort Box
******************************************************************/
.page-browse .sort-box
{
	position: relative;
	height: 75px; 
	font-weight: bold; 
	/* background: url('images/sortbox_repeater.jpg') repeat-x top left; */
	background-color: #F4F4F4;
}
	.page-browse .sort-box a
	{
		text-decoration: underline; 
	}
	.page-browse .sort-box a:hover
	{
		text-decoration: none; 
	}
	.page-browse .sort-box .heading
	{
		display: none;
		position: absolute; 
		left: 6px; 
		top: 4px; 
		font-size: 18px;
	}
	.page-browse .sort-box .matching-vehicles
	{
		position: absolute; 
		left: 8px; 
		top: 10px; 
	}
	.page-browse .sort-box .current-page
	{
		position: absolute; 
		left: 8px; 
		top: 26px; 
	}
	.page-browse .sort-box .breadcrumb-page-list
	{
		position: absolute; 
		left: 8px; 
		top: 42px; 
	}
	.page-browse .sort-box .compare-vehicles
	{
		cursor: pointer;
		position: absolute; 
		left: 303px; 
		top: 10px; 
		text-decoration: underline;
	}
	.page-browse .sort-box .compare-vehicles:hover
	{
		text-decoration: none;
	}
	.page-browse .sort-box .rss-feed
	{
		position: absolute; 
		top: 56px; 
		right: 20px;
	}
	.page-browse .sort-box .view-changer
	{
		position: absolute; 
		right: 7px; 
		top: 0px; 
		width: 105px; 
		height: 52px; 
		background: url('images/views/view_box.jpg') no-repeat top left;
		background-color: #CACACA;
		text-align: center;
	}
		.page-browse .sort-box .view-changer .view
		{
			display: inline-block;
			vertical-align: middle;
			cursor: pointer; 
			width: 27px; 
			height: 26px; 
			overflow: hidden;
			margin-top: 4px; 
			margin-left: 1px; 
			border: 1px solid #BFBFBF;
		}
		.browserIE7 .page-browse .sort-box .view-changer .view,
		.browserIE6 .page-browse .sort-box .view-changer .view
		{
			display: inline;
			margin-left: 4px;
		}
		.page-browse .sort-box .view-changer .view.first-view
		{
			margin-left: 0px; 
		}
			.page-browse .sort-box .view-changer .view a
			{
				display: block;
			}
		.page-browse .sort-box .view-changer .view.view-on,
		.page-browse .sort-box .view-changer .view:hover
		{
			background-color: #DCE6F1;
			border: 1px solid #BFBFBF;
		}
		.page-browse .sort-box .view-changer .view.view-on
		{
			cursor: auto;
		}
	.page-browse .sort-box .sortby-label
	{
		position: absolute; 
		left: 233px; 
		top: 38px; 
		text-align: right;
	}
	.page-browse .sort-box .sortby-selector
	{
		position: absolute; 
		left: 312px; 
		top: 35px; 
		width: 145px; 
		padding: 1px; 
		font-size: 11px; 
		border: 1px solid #666666;
	}
	.page-browse .sort-box #quick-links
	{
		position: absolute; 
		left: 115px; 
		bottom: 1px; 
		height: 18px;
	}
	.page-browse .sort-box #quick-links-box
	{
		position: absolute; 
		left: 100px; 
		top: 90px; 
		width: 319px; 
		text-transform: uppercase; 
		height: 47px; 
		background: transparent url('images/quick_link_box.png') no-repeat scroll left top;
	}
		.page-browse .sort-box #quick-links-box .quick-links-box-contents
		{
			position: absolute; 
			margin: 20px 0 0 20px; 
			font-size: 12px;
			color: #ffffff;
		}
		.page-browse .sort-box #quick-links-box .quick-link
		{
			color: #ffffff;
		}

/******************************************************************
    Breadcrumb Bar
******************************************************************/
.page-browse .breadcrumb-bar-wrap
{
	overflow: hidden;
}
.page-browse .breadcrumb-bar-wrap img
{
	padding-left: 3px; 
	cursor: pointer;
}
	.page-browse .breadcrumb-bar-wrap .left-arrow
	{
		margin: 12px 10px 0px 0px; 
		float: left; 
		cursor: pointer;
	}
	.page-browse .breadcrumb-bar-wrap .breadcrumb-inner-wrap
	{
		padding: 4px 7px;
		overflow: hidden;
		width: 500px;
		float: left;
	}
		.page-browse .breadcrumb-bar-wrap .breadcrumb-contents
		{
			float: left;
			white-space: nowrap;
		}
			.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box
			{
				height: 38px; 
				display: inline-block; 
				margin-right: 5px;
			}
			.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .firstbox
			{
				margin-left: 0px !important; 
				margin-bottom: 4px !important;
			}
				.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .top
				{
					height: 17px; 
					font-size: 12px; 
					color: #fcfcfc; 
					font-weight: bold; 
					text-align: center; 
					line-height: 17px; 
					background: url('images/breadcrumb/top-repeater.jpg') repeat-x top left; 
					clear: both;
				}
					.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .top .top-left
					{
						height: 17px; 
						padding-left: 9px; 
						background: url('images/breadcrumb/top-left.jpg') no-repeat top left;
					}
						.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .top .top-left .top-right
						{
							height: 17px; 
							padding-right: 9px; 
							background: url('images/breadcrumb/top-right.jpg') no-repeat top right;
						}
				.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .bottom
				{
					height: 21px; 
					color: #668CB3; 
					font-size: 11px; 
					font-weight: bold; 
					text-align: center; 
					line-height: 21px; 
					background: url('images/breadcrumb/bottom-repeater.jpg') repeat-x top left;
				}
					.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .bottom .bottom-left
					{
						height: 21px; 
						padding-left: 9px; 
						background: url('images/breadcrumb/bottom-left.jpg') no-repeat top left;
					}
						.page-browse .breadcrumb-bar-wrap .breadcrumb-contents .box .bottom .bottom-left .bottom-right
						{
							height: 21px; 
							padding-right: 9px; 
							background: url('images/breadcrumb/bottom-right.jpg') no-repeat top right;
						}
	.page-browse .breadcrumb-bar-wrap .right-arrow
	{
		margin: 12px 0px 0px;
		float: right; 
		cursor: pointer;
	}

/******************************************************************
    Vehicle Listings
******************************************************************/
.page-browse .vehicle-results-wrap 
{
	margin-top: 5px;
}
	/* Detailed View */
	.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing
	{
		margin: 0px 0px 5px 0px; 
		border: 1px solid #cccccc; 
		color: #636363;
		overflow: hidden;
	}
		.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap
		{
			height: 27px;
			line-height: 27px;
			background: url('images/header-gradient-blue.jpg') repeat-x left top;
			/* background-color: #668CB3; */
		}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap h6
			{
				float: left; 
				font-weight: bold; 
				padding-left: 8px;
				font-size: 125%;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap h6 a
				{
					color: #ffffff;
					text-decoration: none;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap h6 a:hover
				{
					text-decoration: underline;
				}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap .compare-wrap
			{
				color: #fcfcfc; 
				float: right; 
				font-weight: bold; 
				padding-right: 8px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-title-wrap .compare-wrap span
				{
					padding-right: 5px;
				}
		.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap
		{
			position: relative; 
			cursor: pointer;
			background: url('images/browse_repeater.jpg') repeat-x top left; 
			height: 133px;
			border-top: 1px solid #AEAEAE;
		}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-photo
			{
				position: absolute; 
				left: 12px; 
				top: 20px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-photo img a
				{
					border: 1px solid #646464;
				}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-comments
			{
				position: absolute; 
				left: 12px; 
				top: 0px; 
				width: 460px; 
				height: 16px; 
				line-height: 16px; 
				overflow: hidden; 
				font-style: italic;
			}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-specs
			{
				position: absolute; 
				left: 122px; 
				top: 20px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-specs .spec-label
				{
					font-weight: bold; 
					width: 67px; 
					float: left;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .vehicle-specs .spec-data
				{
					float: left;
				}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure
			{
				position: absolute; 
				right: 10px; 
				top: 30px; 
				width: 135px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure span
				{
					display: block;
					text-align: right;
				}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-msrp-label
					{
						width: 80px; 
						float: left; 
						font-weight: bold; 
						margin-right: 5px;
					}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-msrp-value
					{
						width: 50px; 
						float: right; 
						font-weight: bold;
					}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-ourprice-label
					{
						display: none;
					}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-ourprice
					{
						float: right; 
						font-weight: bold; 
						font-size: 28px;
					}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-yousave-label
					{
						width: 80px; 
						float: left; 
						font-weight: bold;
						margin-right: 5px;
					}
					.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .pricing-structure .pricing-yousave-value
					{
						width: 50px; 
						float: right; 
						font-weight: bold;
					}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .carfax-report
			{
				position: absolute; 
				right: 140px; 
				top: 23px; 
				border: 1px solid #fcfcfc; 
				padding: 2px;
			}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .aculocity
			{
				position: absolute; 
				right: 140px; 
				top: 80px; 
				border: 1px solid #fcfcfc; 
				padding: 2px;
			}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .certified-wrap
			{
				position: absolute; 
				right: 180px; 
				bottom: 8px; 
				width: 100px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .certified-wrap img
				{
					border: 1px solid #222222;
				}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .special-wrap
			{
				position: absolute; 
				right: 5px; 
				bottom: 0px; 
				width: 80px;
			}
			.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap
			{
				position: absolute; 
				bottom: 7px; 
				left: 12px;
			}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap span.media-photo
				{
					color: #668CB3;
					line-height: 14px; 
					cursor: pointer; 
					text-decoration: underline;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap span.media-photo:hover
				{
					text-decoration: none;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap span.media-video
				{
					color: #668CB3;
					line-height: 14px; 
					cursor: pointer; 
					text-decoration: underline;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap span.media-video:hover
				{
					text-decoration: none;
				}
				.page-browse .vehicle-results-wrap.view-detailed .vehicle-listing .vehicle-inner-wrap .media-wrap span.amount
				{
					line-height: 14px;
				}
	/* Text View */
	.page-browse .vehicle-results-wrap.view-text .vehicle-listing
	{
		margin: 0px 0px 5px 0px; 
		position: relative;
		height: 60px;
		padding: 3px;
		background: url('images/browse_repeater.jpg') repeat-x 0px -20px; 
		border: 1px solid #cccccc; 
	}
		.page-browse .vehicle-results-wrap.view-text .vehicle-listing .vehicle-title-wrap
		{
			position: absolute;
			top: 2px;
			left: 3px;
		}
			.page-browse .vehicle-results-wrap.view-text .vehicle-listing .vehicle-title-wrap h6
			{
				font-weight: bold;
				font-size: 120%;
			}
		.page-browse .vehicle-results-wrap.view-text .vehicle-listing .vehicle-specs
		{
			position: absolute;
			top: 20px;
			left: 3px;
		}
		.page-browse .vehicle-results-wrap.view-text .vehicle-listing .vehicle-comments
		{
			position: absolute;
			top: 37px;
			left: 3px;
			width: 495px;
			font-style: italic;
			line-height: 13px;
			overflow: hidden;
		}
		.page-browse .vehicle-results-wrap.view-text .vehicle-listing .compare-wrap
		{
			position: absolute;
			top: 3px;
			left: 320px;
		}
			.page-browse .vehicle-results-wrap.view-text .vehicle-listing .compare-wrap span
			{
				padding-right: 5px;
				font-weight: bold;
			}
		.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure
		{
			position: absolute;
			top: 12px;
			right: 5px;
		}
			.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure span
			{
				display: block;
				font-weight: bold;
			}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-msrp-label
				{
					float: left; 
					text-align: right; 
					padding-right: 5px;
				}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-msrp-value
				{
					float: right; 
				}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-ourprice-label
				{
					display: none;
				}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-ourprice
				{
					float: right; 
					font-size: 18px;
				}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-yousave-label
				{
					float: left; 
					text-align: right; 
					padding-right: 5px;
				}
				.page-browse .vehicle-results-wrap.view-text .vehicle-listing .pricing-structure .pricing-yousave-value
				{
					float: right; 
				}
				
/******************************************************************
    Listings Footer / Bottom 
******************************************************************/
.page-browse .vehicle-results-footer
{}
	.page-browse .vehicle-results-footer .action-bar
	{
		margin-bottom: 8px;
	}
	.page-browse .vehicle-results-footer .listing-results-summary
	{
		font-weight: bold;
	}
	.page-browse .vehicle-results-footer .breadcrumb-paging-secondary
	{
		font-weight: bold;
	}
	
/******************************************************************
    No Results page
******************************************************************/
.browse-results-panel .no-results-container
{
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
	text-align: center;
	margin: 8px 0 15px;
	padding: 15px 5px;
}
	.browse-results-panel .no-results-container dl
	{
		padding: 15px 0 0;
	}
		.browse-results-panel .no-results-container dl dt
		{
			text-align: right;
		}

/******************************************************************
    jGrowl Alert Messages
******************************************************************/
#jGrowl .hn-browse-jgrowl 
{}
	#jGrowl .hn-browse-jgrowl.ui-state-highlight
	{
		background: none !important;
		background-color: #000000 !important;
		color: #ffffff !important;
	}
	#jGrowl .jGrowl-closer.ui-state-highlight
	{
		background: none !important;
		background-color: #000000 !important;
		color: #ffffff !important;
	}