/*** HERO STYLES ***/

#HeroPromos
{
	height:286px;
	width:920px;
	overflow:hidden;
	margin:-1px 25px 0px 25px;
	position:relative;
	z-index:100;
}

.HeroPromo
{
	height:286px;
	width:920px;
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
}

.HeroPromo a
{
	display:block;
	height:286px;
	width:920px;
	color:#fff;
	position:relative;
}

.HeroPromo a:hover
{
	text-decoration:none;
}

.HeroTextHolder
{
	position:absolute;
	bottom:16px;
}

.HeroTitle
{
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:670px;
	margin-left:9px;
	margin-bottom:-2px;
}

.HeroDescription
{
	display:block;
	width:670px;
	margin-left:16px;
	line-height:1.5em;
	color:#fff;
}

/*** SIDE PANEL STYLES ***/

#HomeSidePanel
{
	height:266px;
	width:205px;
	background-image:url(/Images/HomeSidePanelBg.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:7px;
	top:8px;
	padding:4px 4px 0px 4px;
	overflow:hidden;
}

.SlidePanel
{
	padding-bottom:3px;
}

.SlidePanel a.Button
{
	height:28px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
}

.Slider
{
	background-image:url(/Images/SliderBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:153px;
	font-size:0.9em;
	padding:9px 7px 9px 7px;
	position:relative;
}

.SlidePanel a.Button:hover,
.SlidePanel a.SlideOn
{
	background-position:0px -28px;
	cursor:pointer;
}

#News a.Button
{
	background-image:url(/Images/NewsRollover.gif);
}

#Calc a.Button
{
	background-image:url(/Images/CalculatorRollover.gif);
}

#Calc .Slider
{
	background-image:url(/Images/SliderCalcBg.gif);
}

#Fuel a.Button
{
	background-image:url(/Images/FuelTrafficRollover.gif);
}

/*** NEW HOLDER STYLES ***/

.NewsHolder
{
	position:absolute;
	top:0px;
}

.NewsItem
{
	height:126px;
	overflow:hidden;
}

.NewsItem a
{
	display:block;
	font-weight:bold;
	margin:0px 0px 7px 0px;
}

.NewsItem span
{
	display:block;
}

#TrafficButtons,
#NewsButtons
{
	position:absolute;
	bottom:7px;
	width:191px;
}

.MoreTrafficLink,
.MoreNewsLink
{
	display:block;
	float:left;
	width:70px;
	height:21px;
}

#TrafficScrollBtns,
#NewScrollBtns
{
	width:51px;
	height:21px;
	float:right;
}

#TrafficScrollBtns #TrafficPrevious,
#NewScrollBtns #Previous
{
	width:25px;
	height:21px;
	float:left;
	display:block;
}

#TrafficScrollBtns #TrafficPrevious.Disabled,
#NewScrollBtns #Previous.Disabled
{
	cursor:default;
}

#TrafficScrollBtns #TrafficNext,
#NewScrollBtns #Next
{
	width:26px;
	height:21px;
	float:right;
	display:block;
}

#TrafficScrollBtns #TrafficNext.Disabled,
#NewScrollBtns #Next.Disabled
{
	cursor:default;
}

/** CALC SLIDER STYLES ***/

.MoreCalcLink
{
	display:block;
	float:left;
	width:70px;
	height:21px;
	position:absolute;
	bottom:7px;
}

/*** HOME FEATURE STYLES ***/

#HomeFeatures
{
	width:968px;
	height:166px;
	margin-top:12px;
	margin-left:1px;
	margin-right:0px;
	margin-bottom:12px;
	position:relative;
	overflow:hidden;
}

* html #HomeFeatures
{
	margin-left:2px;
}

#ScrollLeft
{
	z-index:10;
	width:24px;
	height:166px;
	position:absolute;
	left:0px;
	background-image:url(/Images/ArrowLeftBg.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	background-position:left;
}

#ScrollLeft a
{
	display:block;
	width:12px;
	height:34px;
	position:absolute;
	top:73px;
	left:0px;
	background-image:url(/Images/ArrowLeft.gif);
	background-repeat:no-repeat;
}

#ScrollRight
{
	z-index:10;
	width:24px;
	height:166px;
	position:absolute;
	right:0px;
	background-color:#fff;
	background-image:url(/Images/ArrowRightBg.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#ScrollRight a
{
	display:block;
	width:12px;
	height:34px;
	position:absolute;
	top:73px;
	right:0px;
	background-image:url(/Images/ArrowRight.gif);
	background-repeat:no-repeat;
}

#HomeFeatureScroller
{
	position:absolute;
	width:6000px;
	overflow:hidden;
	height:166px;
	padding:0px 24px 0px 24px;
}

.HomeFeatureHolder
{
	width:221px;
	height:166px;
	margin-right:12px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
}

.HomeFeatureHolder:hover
{
	text-decoration:none;
}

.CarCommentFeature
{
	background-image:url(/Images/HomeFeatureBlankBg.gif);
}

.CarCommentThumbWrapper
{
	padding: 6px 0;
}
.CarCommentThumbHolder
{
	margin:0px auto;
	border:1px solid #dedede;
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.CarCommentThumb
{
	margin:6px;
}

.CarCommentTitle
{
	color:#666666;
	font-size:0.9em;
	display:block;
	text-align:center;
}