﻿@media screen
{
	#CMCHolder
	{
		width: 890px;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		padding: 0px 14px;
	}

	#CMCTop
	{
		background-image: url(/Images/CMC/CurveTop.gif);
		width: 920px;
		height: 9px;
		overflow: hidden;
	}

	#CMCBottom
	{
		background-image: url(/Images/CMC/CurveBottom.gif);
		width: 920px;
		height: 9px;
		overflow: hidden;
	}
	
	#FeatureCategories
	{
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		width: 886px;
	}
	
	.HelpDialogHolder
	{
		width: 25px;
		height: 25px;
		position: relative;
		display: block;
		float: right;
		padding-left: 6px;
		color: #666666;
	}

	* html .HelpDialogHolder
	{
		margin-right: 0px;
	}
	
	.HelpDialogHolder .HelpIcon
	{
		display: block;
		width: 25px;
		height: 25px;
		background-image: url(/Images/CalcHelpIcon.gif);
		cursor: pointer;
	}

	.DialogPopup
	{
		width: 401px;
		position: absolute;
		/* display: none;*/
		z-index: 30;
		float: left;
		text-align: left;
	}
	
		.DialogTop
	{
		height: 11px;
		overflow: hidden;
		background-image: url(/Images/Dialog/DialogTop.png);
	}

	.DialogBody
	{
		background-image: url(/Images/Dialog/DialogBg.png);
		background-repeat: repeat-y;
		padding: 10px 23px;
		font-size: 0.85em;
	}

	.DialogBottom
	{
		height: 11px;
		overflow: hidden;
		background-image: url(/Images/Dialog/DialogBottom.png);
	}

	.HelpTitle
	{
		font-weight: bold;
		color: #000;
		margin-bottom: 4px;
	}

}

@media print
{
	#CMCTop,
	#CMCBottom,
	#CMCNav,
	.BrowseBackBtn,
	#ModelNavHolder,
	#Controls,
	#StandardFeaturesNav
	{
		display: none;
	}
	
	.ModelLinkHolder
	{
		width: 320px !important;
	}
	
	.CategoryHolder
	{
		display: block !important;
	}
	
	#OptionsSpecUpHolder ul li span, #AdvantageFeatures ul li span, .CategoryHolder ul li span
	{
		width: auto !important;
	}
	
	#VehicleHolder
	{
		width: auto !important;
	}
	
	#VehicleDescriptionHolder
	{
		width: 290px !important;
	}
}

@media screen, print
{
	#CMCNav
	{
		margin: 0px;
		margin-bottom: -1px;
		margin-left: 16px;
		padding: 0px;
		overflow: hidden;
		z-index: 20;
		position: relative;
	}

	#CMCNav ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#CMCNav ul li, #CMCNav ul li a
	{
		margin: 0px;
		padding: 0px;
		width: 145px;
		height: 48px;
		float: left;
		display: block;
	}

	#CMCNav ul li
	{
		margin-right: -1px;
		margin-bottom: -1px;
	}

	#CMCNav ul li a
	{
		background-position: 0px -48px;
		background-repeat: no-repeat;
	}

	#CMCNav ul li#SearchNav a
	{
		background-image: url(/Images/CMC/SearchTab.gif);
	}

	#CMCNav ul li#SelectNav a
	{
		background-image: url(/Images/CMC/SelectTab.gif);
	}

	#CMCNav ul li#BrowseNav a
	{
		background-image: url(/Images/CMC/BrowseTab.gif);
	}

	#CMCNav ul li#MyCarsNav a
	{
		background-image: url(/Images/CMC/MyCarsTab.gif);
	}

	#CMCNav ul li a.Selected, #CMCNav ul li a:hover
	{
		background-position: 0px 0px;
		z-index: 20;
	}

	#CMCBottom.SearchHolder
	{
		background-image: url(/Images/CMC/SearchCurveBottom.gif);
		width: 920px;
		height: 8px;
		overflow: hidden;
	}

	.MakeMaxMin
	{
		font-size: 0.7em;
		font-weight: normal;
		color: #808080;
		display: block;
		margin-top: 4px;
		margin-bottom: 10px;
	}

	.ModelLinkHolder
	{
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		width: 430px;
	}

	.ModelLinkHolder img
	{
		float: left;
		display: block;
	}

	.ModelLinkHolder h2
	{
		margin-top: 20px;
		padding-left: 10px;
		float: left;
		color: #409a36;
	}

	.ModelLink
	{
		border: 4px solid #def1d1;
		display: block;
		height: 62px;
		cursor: pointer;
	}

	.ModelLink:hover
	{
		text-decoration: none;
	}

	#VersionListHolder
	{
		float: right;
		width: 659px;
		border-top: 4px solid #def1d1;
	}

	.VersionLinkHolder
	{
		border-left: 4px solid #def1d1;
		border-right: 4px solid #def1d1;
		border-bottom: 4px solid #def1d1;
		display: block;
		height: 62px;
	}

	.VersionLinkHolder a
	{
		display: block;
		height: 62px;
		cursor: pointer;
	}

	.VersionLinkHolder a:hover
	{
		text-decoration: none;
	}

	.VersionLinkHolder img
	{
		float: left;
		display: block;
	}

	.VersionHeaderHolder
	{
		float: left;
		color: #409a36;
		width: 426px;
		font-weight: bold;
		font-size: 1.2em;
		margin-left: 15px;
	}

	.VersionTextMiddle
	{
		display: table-cell;
		vertical-align: middle;
		height: 62px;
	}

	.VersionPrice
	{
		width: 95px;
		color: #000;
		float: right;
		margin-top: 22px;
		margin-right: 12px;
		font-weight: bold;
		font-size: 1.2em;
		text-align: right;
	}

	#ModelNavHolder
	{
		float: left;
		width: 201px;
		border-top: 4px solid #def1d1;
	}

	#ModelNavHolder ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#ModelNavHolder ul li
	{
		border-left: 4px solid #def1d1;
		border-right: 4px solid #def1d1;
		border-bottom: 4px solid #def1d1;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
	}

	#ModelNavHolder ul li a
	{
		width: 193px;
		height: 31px;
		display: block;
		cursor: pointer;
	}

	#ModelNavHolder ul li a.Selected
	{
		color: #000;
	}

	#ModelNavHolder ul li img
	{
		float: left;
		display: block;
	}

	#ModelNavHolder ul li span
	{
		display: block;
		float: left;
		font-weight: bold;
		margin-top: 8px;
		margin-left: 5px;
	}

	#CMCBrowseTitle
	{
		padding-top: 15px;
		padding-bottom: 12px;
	}

	#CMCBrowseTitle h2
	{
		padding-top: 2px;
	}

	.BrowseBackBtn
	{
		float: left;
		height: 25px;
		width: 87px;
		margin-right: 15px;
	}

	#VehicleHeader
	{
		background-image: url(/Images/CMC/VehiclePageHdrBg.gif);
		height: 48px;
		width: 920px;
	}

	#VehicleHeader .BrowseBackBtn
	{
		margin-left: 16px;
		margin-top: 12px;
	}

	#VehicleHolder
	{
		width: 890px;
		margin: 32px 15px 0px 15px;
	}

	#VehicleDescriptionHolder
	{
		width: 498px;
		float: left;
		margin-bottom: 15px;
	}

	#VehicleImageHolder
	{
		width: 350px;
		float: right;
	}

	#StandardFeatures
	{
		margin-top: 12px;
	}

	#SearchFiltersNav, #StandardFeaturesNav
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
	}

	#SearchFiltersNav li, #StandardFeaturesNav li
	{
		margin: 0px -1px -1px 0px;
		padding: 0px;
		float: left;
		display: block;
		height: 48px;
	}

	#SearchFiltersNav li a, #StandardFeaturesNav li a
	{
		margin: 0px;
		padding: 0px;
		float: left;
		display: block;
		height: 48px;
		background-position: 0px 0px;
		cursor: pointer;
	}

	#SearchFiltersNav li a.Selected, #StandardFeaturesNav li a.Selected
	{
		background-position: 0px -48px;
	}

	#StandardFeaturesNav .AudioCommTab
	{
		background-image: url(/Images/CMC/AudioCommTab.gif);
		width: 110px;
	}

	#StandardFeaturesNav .EquipmentTab
	{
		background-image: url(/Images/CMC/EquipmentTab.gif);
		width: 84px;
	}

	#StandardFeaturesNav .InteriorAmbianceTab
	{
		background-image: url(/Images/CMC/InteriorAmbianceTab.gif);
		width: 79px;
	}

	#StandardFeaturesNav .ExternalDesignTab
	{
		background-image: url(/Images/CMC/ExternalDesignTab.gif);
		width: 68px;
	}

	#StandardFeaturesNav .PrimarySafetyTab
	{
		background-image: url(/Images/CMC/PrimarySafetyTab.gif);
		width: 66px;
	}

	#StandardFeaturesNav .SecondarySafetyTab
	{
		background-image: url(/Images/CMC/SecondarySafetyTab.gif);
		width: 82px;
	}

	#StandardFeaturesNav .EngineTransmissionTab
	{
		background-image: url(/Images/CMC/EngineTransmissionTab.gif);
		width: 96px;
	}

	#StandardFeaturesNav .DimensionWeightTab
	{
		background-image: url(/Images/CMC/DimensionWeightTab.gif);
		width: 89px;
	}

	#StandardFeaturesNav .GeneralFeaturesTab
	{
		background-image: url(/Images/CMC/GeneralFeaturesTab.gif);
		width: 72px;
	}

	#StandardFeaturesNav .SecurityTab
	{
		background-image: url(/Images/CMC/SecurityTab.gif);
		width: 68px;
	}

	#StandardFeaturesNav .WarrantyServicingTab
	{
		background-image: url(/Images/CMC/WarrantyServicingTab.gif);
		width: 84px;
	}

	#StandardFeaturesNav .OptionsTab
	{
		background-image: url(/Images/CMC/OptionsTab.gif);
		width: 84px;
	}

	#SearchFiltersNav .GeneralSearchTab
	{
		background-image: url(/Images/CMC/SearchGeneralFeaturesTab.gif);
		width: 178px;
	}

	#SearchFiltersNav .EquipmentSearchTab
	{
		background-image: url(/Images/CMC/SearchEquipmentTab.gif);
		width: 179px;
	}

	#SearchFiltersNav .EconomySearchTab
	{
		background-image: url(/Images/CMC/SearchEconomyTab.gif);
		width: 178px;
	}

	#SearchFiltersNav .SafetySearchTab
	{
		background-image: url(/Images/CMC/SearchSafetyTab.gif);
		width: 179px;
	}

	#SearchFiltersNav .EngineTransSearchTab
	{
		background-image: url(/Images/CMC/SearchEngineTransTab.gif);
		width: 178px;
	}

	.CategoryHolder
	{
		padding: 16px 20px;
		display: none;
	}

	#OptionsSpecUpHolder
	{
		margin-top: 10px;
	}

	#OptionsSpecUpHolder ul, #AdvantageFeatures ul, .CategoryHolder ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#OptionsSpecUpHolder ul li, #AdvantageFeatures ul li, .CategoryHolder ul li
	{
		margin: 0px;
		padding: 0px;
		width: 100%;
		float: left;
		display: block;
		background-color: #f5f5f5;
	}

	#OptionsSpecUpHolder ul li.Alt, #AdvantageFeatures ul li.Alt, .CategoryHolder ul li.Alt
	{
		background-color: #fff;
	}


	#AdvantageFeatures ul li img, .CategoryHolder ul li img
	{
		margin-right: 13px;
		margin-left: 7px;
		margin-top: 6px;
		display: block;
		float: left;
	}

	#OptionsSpecUpHolder ul li img
	{
		margin-right: 10px;
		margin-top: 6px;
		display: block;
		float: left;
	}

	#OptionsSpecUpHolder ul li span, #AdvantageFeatures ul li span, .CategoryHolder ul li span
	{
		display: block;
		float: left;
		margin-top: 6px;
		margin-bottom: 6px;
		font-size: 0.85em;
		width: 802px;
	}

	.BenchFeatures .CategoryHolder ul li span, .CompareFeatures .CategoryHolder ul li span
	{
		width: 374px;
	}

	.BenchFeatures .CategoryHolder
	{
		padding: 16px 0px 16px 20px;
	}

	.CompareFeatures .CategoryHolder
	{
		padding: 16px 20px 16px 0px;
	}

	.VehicleHeader
	{
		display: block;
		font-size: 1.7em;
		color: #000;
		font-weight: bold;
	}

	.VehiclePrice
	{
		font-size: 1.7em;
		color: #000;
		font-weight: bold;
	}
	
	.Price
	{
		float: right;
		text-align: right;
		margin-left: 12px;
	}
	
	.VehiclePriceHint
	{
		font-size: 0.8em;
		color: #666666;
	}
	
	.Title
	{
		float: left;
	}

	.VehicleVersion
	{
		display: block;
		font-size: 1.2em;
		color: #000;
		margin: 15px 0px 10px 0px;
		font-weight: bold;
	}

	.VehicleFeatures
	{
		font-size: 0.9em;
	}

	#Calculate, #Compare, #ContactDealer
	{
		float: left;
		width: 154px;
		font-size: 0.85em;
	}

	.CompareButtonLink
	{
		background-image: url(/Images/CMC/CompareBtn.gif);
		background-repeat: no-repeat;
		display: block;
		height: 32px;
		cursor: pointer;
	}

	#Controls input
	{
		display: block;
	}

	#Controls div div
	{
		padding: 5px 3px;
	}

	#Compare, #ContactDealer
	{
		margin-left: 18px;
	}

	#SelectHeader
	{
		background-image: url(/Images/CMC/SelectPageHdrBg.gif);
		height: 85px;
		width: 920px;
	}

	.Label, label
	{
		display: block;
		font-weight: bold;
		color: #000;
		margin-bottom: 5px;
		margin-top: 10px;
		font-size: 0.9em;
	}

	.SelectInputHolder
	{
		float: left;
		margin: 12px 0px 0px 15px;
	}

	.MakeInput
	{
		margin-left: 30px;
	}


	#PriceRangeSliderWrapper
	{
		background-image: url(/Images/Slider/CMCRail.gif);
		background-repeat: no-repeat;
		width: 584px;
		padding-bottom: 3px;
	}

	#CMCSliderWrapper
	{
		float: left;
		margin-top: 10px;
	}

	.CMCSliderHdr
	{
		width: 584px;
	}

	.CMCSliderHdr .Label
	{
		width: 200px;
	}

	.CMCSliderValue
	{
		color: #3f9c35;
		font-weight: bold;
	}

	#SearchHeader
	{
		height: 135px;
		width: 920px;
		background-image: url(/Images/CMC/SearchPageHdrBg.gif);
		width: 892px;
		padding: 24px 14px 0px 14px;
		margin-bottom: 20px;
	}

	#SearchHeader select
	{
		width: 180px;
	}


	#SearchHeader .FilterPanel
	{
		margin-right: 20px;
	}

	.FilterPanel
	{
		float: left;
		margin-right: 15px;
	}

	.FilterPanel table label
	{
		display: block;
		margin: 2px 0px 0px 4px;
		font-size: 0.9em;
		float: left;
		font-weight: normal;
	}

	.FilterPanel input[type='checkbox']
	{
		float: left;
	}

	.FilterPanel select
	{
		display: block;
		float: left;
	}


	#SafetyFilters .FilterPanel
	{
		margin-right: 44px;
	}

	.FilterPanel .SearchFormLabel
	{
		font-weight: bold;
		color: #000;
		display: block;
		margin: 4px 0px 5px 0px;
	}

	.SearchButtonHolders
	{
		float: right;
		width: 270px;
	}

	.SearchCMCHolder
	{
		background-image: url(/Images/CMC/SearchAdvancedBg.gif);
		background-repeat: repeat-x;
		background-position: bottom;
	}

	#FilterTabs
	{
		background-color: #fff;
		width: 888px;
	}

	.Filters
	{
		display: none;
		min-height: 188px;
		padding: 25px 16px;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		width: 854px;
	}

	* html .Filters
	{
		height: 188px;
	}

	.Filters table td
	{
		padding-bottom: 5px;
	}

	.Filters .SearchFormLabel
	{
		width: 100%;
	}

	.Filters .EquipmentVertical
	{
		width: 220px;
		float: left;
	}

	#GeneralFilters .FilterPanel
	{
		width: 137px;
	}

	#EquipmentFilters .FilterPanel
	{
		margin-bottom: 15px;
		padding-right: 18px;
	}

	#EquipmentFilters .EquipmentVertical .FilterPanel
	{
		margin-bottom: 15px;
		margin-left: 0px;
		width: 220px;
	}

	#EngineTransFilters .FilterPanel
	{
		margin: 0px 30px 20px 0px;
	}

	#EngineTransFilters .FilterPanel select
	{
		margin-right: 15px;
	}

	#EconomyFilters .FilterPanel select
	{
		margin-right: 15px;
	}


	#CMCResultsTitle
	{
		background-image: url(/Images/CMC/CMCResultsTitleBg.gif);
		height: 24px;
		width: 904px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 16px;
		margin-bottom: 15px;
	}

	#CMCResultsTitle h2
	{
		margin-top: 3px;
	}

	#ResultsHolder
	{
		border-top: 4px solid #def1d1;
	}

	#ResultsHolder .VersionLinkHolder h3
	{
		width: 660px;
	}

	#SearchResultSummary
	{
		margin-bottom: 10px;
		float: left;
		width: 230px;
	}

	#SearchResultsPager
	{
		margin-bottom: 10px;
		float: right;
		width: 650px;
		text-align: right;
	}

	#SearchResultsPager a
	{
		font-weight: bold;
	}

	#MyCarsInstructionHolder
	{
		float: left;
		width: 201px;
	}

	#MyCarsInstructionHolder p
	{
		margin-top: 0px;
	}

	#MyCarsContent .VersionHeaderHolder
	{
		float: left;
		color: #409a36;
		width: 342px;
	}

	#ResultsHolder .VersionHeaderHolder
	{
		float: left;
		color: #409a36;
		width: 642px;
	}


	#MyCarsContent .CompareBtnHolder
	{
		float: right;
		width: 77px;
		height: 62px;
		padding-right: 8px;
	}

	#MyCarsContent .MyCarCompareBtn
	{
		margin-top: 17px;
		background-image: url(/Images/CMC/MyCarCompareBtn.gif);
		width: 77px;
		height: 25px;
	}

	#MyCarsContent a.Selected
	{
		background-image: url(/Images/CMC/MyCarCompareBtnDisabled.gif);
	}

	#BenchmarkCarBox
	{
		width: 261px;
		float: right;
		height: 30px;
		margin-top: 2px;
		border: 4px solid #e0f1d1; /*display:none;*/
		font-size: 0.9em;
		position: relative;
	}

	#BenchmarkCarBox img.CarImage
	{
		width: 51px;
		height: 31px;
		float: left;
		display: block;
	}

	.RemoveBenchLink
	{
		height: 17px;
		width: 17px;
		display: block;
		position: absolute;
		right: 4px;
		top: 6px;
		z-index: 20;
		cursor: pointer;
	}

	.CompareVehicleImageHolder
	{
		float: left;
		display: block;
		width: 125px;
	}

	.CompareVehicleInfoHolder
	{
		float: left;
		display: block;
		width: 290px;
		margin-left: 10px;
		color: #000;
		font-size: 1.1em;
	}

	.CompareVehicleTitle
	{
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 4px;
	}

	.CompareVehicleSubTitle
	{
		font-size: 1.0em;
		margin: 0px 0px 12px 3px;
		color: #000;
		display: block;
	}

	.CompareVehicleVersion
	{
		margin: 6px 0px;
	}

	.CompareVehicleFeatures
	{
		display: block;
		margin-top: 8px;
		margin-bottom: 15px;
	}
	
	.VehiclePriceAsterisk
	{
		font-weight:normal;
		font-size:0.9em;
		color: #000;
		display:inline;
	}

	/*** Compare page small buttons ***/
	.SmallControls input
	{
		display: block;
	}

	.SmallCalculate
	{
		float: left;
		width: 130px;
	}

	.SmallCompare
	{
		float: left;
		width: 130px;
	}

	.SmallCompareButtonLink
	{
		background-image: url(/Images/CMC/SmallCompareBtn.gif);
		background-repeat: no-repeat;
		display: block;
		height: 24px;
		cursor: pointer;
	}

	.SmallContactDealer
	{
		float: left;
		width: 130px;
	}

	.CompareButtonLink
	{
		background-image: url(/Images/CMC/CompareBtn.gif);
		background-repeat: no-repeat;
		display: block;
		height: 32px;
		cursor: pointer;
	}

	/*** Popup stuff ***/

	#PopupHolder
	{
		position: absolute;
		display: none;
	}

	#PopupDataHolder
	{
		width: 549px;
		height: 289px;
		position: absolute;
		left: 170px;
	}

	#PopupDataHolder .PopupBackground
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#PopupCloseBtn
	{
		position: absolute;
		top: 14px;
		right: 14px;
		display: block;
		z-index: 20;
		width: 41px;
		height: 41px;
		cursor: pointer;
	}

	#PopupCarDetail
	{
		width: 421px;
		height: 147px;
		z-index: 20;
		position: absolute;
		top: 70px;
		left: 64px;
		line-height: 1.5em;
	}

	#PopupCarDetail h3
	{
		margin-top: 0px;
		margin-bottom: 10px;
	}

	#PopupOkBtn
	{
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-image: url(/Images/CMC/PopupOkBtn.gif);
		width: 77px;
		height: 25px;
		cursor: pointer;
	}

	#PopupCarText
	{
		float: right;
		width: 166px;
		font-size: 0.85em;
		position: relative;
	}
	
	#PopupCarTextHolder
	{
		position:absolute;
		top:0px;
		display:none;
	}
		
	#CarPopupLoader
	{
		position:absolute;
		width:166px;
		height:56px;
		text-align:center;
		padding-top:15px;
		background-color:#fff;
		border:!px solid red;
	}

	#PopupCarText img.Car
	{
		display: block;
		margin-bottom: 4px;
		height: 55px;
	}

	.GreenRating
	{
		font-size: 1em;
	}
	
	/*** Vehicle Copare Tool bar ***/
	
	#VehicleToolBar
	{
		width:888px;
		height:33px;
		background-image:url(/Images/CMC/VehicleToolbarBg.gif);
		background-repeat:no-repeat;
		margin-top:22px;
		position:relative;
	}
	
	#CompareToolBtnHolder
	{
		position:absolute;
		left:5px;
		top:4px;
		width:226px;
	}
	
	#CompareToolBtnHolder a
	{
		float:left;
		display:block;
		background-repeat:no-repeat;
		background-position:0px 0px;
		height:25px;
		cursor:pointer;
	}
	
	#CompareToolBtnHolder a.Selected
	{
		background-position:0px -25px;
	}
	
	#CompareToolBtnHolder a.FeaturesBtnLink
	{
		width:95px;
		background-image:url(/Images/CMC/VehicleFeatureBtn.gif);
		margin-right:4px;
	}
	
	#CompareToolBtnHolder a.AdvantagesBtnLink
	{
		width:99px;
		background-image:url(/Images/CMC/VehicleAdvantageBtn.gif);
	}
	
	#ComparablyEquipHolder
	{
		position:absolute;
		right:0px;
		top:0px;
		width:150px;
	}
	
	#ComparablyEquipHolder input,
	#ComparablyEquipHolder label
	{
		float:left;
		display:block;
		color:#3f9c35;
	}
	
	#ComparablyEquipHolder input
	{
		margin-top:12px;
		margin-right:8px;
	}
}
