@charset "UTF-8";
/* CSS Document */

#mainPromoBox{
	width:940px;
	height:242px;
	margin:0px 9px 20px;
	padding: 0px;
	overflow: hidden;
}

#heroBlock{
	width:469px;
	height:242px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#heroImage{
}



#heroLinks{
	width:471px;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: #FFFFFF;
	float: left;
}

#heroLinks a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 117px;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	text-align: center;
}

#heroLinks a:link, #heroLinks a:active, #heroLinks a:visited {
	color: #FFFFFF;
}

/* Border for the left of the link buttons to keep spacing equal*/
#heroLinks #herolink1, #heroLinks #herolink2, #heroLinks #herolink3 {
	border-left: 1px solid #FFFFFF;
}

#heroLinks a:hover {
	color: #CCCCCC;
}

#heroText{
	width:471px;
	margin:0px;
	background-color:transparent;
	padding: 0px;
	float: left;
	height: 217px;
}

/* Background controls for each of the hero text panels*/

#heroText, #heroset1, .content {
	margin: 0px;
	padding: 20px;
	height: 177px;
	width: 431px;
	color: #000000;
	background: #020262 url(../Assets/hero-knotts-bg.gif) no-repeat scroll left center;
}

#heroLinks a.herolinkknotts {
	background-color:#020262;
}
#heroLinks a.herolinksale {
	background: #000;
}

#heroText, #heroset2, .content {
	margin: 0px;
	padding: 20px;
	height: 177px;
	width: 431px;
	color: #000000;
	background: url(../Assets/hero-honda-bg.gif) no-repeat scroll left top;
}

#heroText, #heroset_sale, .content {
	margin: 0px;
	padding: 20px;
	height: 177px;
	width: 431px;
	color: #000000;
	background: #000;
}

#heroLinks a.herolinkhonda {
	background-color:#e6001b;
}

#heroText, #heroset3, .content {
	margin: 0px;
	padding: 20px;
	height: 177px;
	width: 431px;
	color: #000000;
	background: url(../Assets/hero-suzuki-bg.gif) no-repeat scroll left top;
}

#heroLinks a.herolinksuzuki {
	background-color:#0f4384;
}

#heroText, #heroset4, .content {
	margin: 0px;
	padding: 20px;
	height: 177px;
	width: 431px;
	color: #000000;
	background: url(../Assets/hero-tri-bg.gif) no-repeat scroll left top;
}

#heroLinks a.herolinktriumph {
	background: url(../Assets/hero-tri-link-bg.gif) no-repeat scroll right top;
}

#heroText h2 {
	font-size: 24px;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#heroText h3 {
	font-size: 18px;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#heroText p {
	color: #FFFFFF;
	font-size: 12px;
}

#heroText a:link, #heroText a:active, #heroText a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#heroText a:hover {
	color: #CCCCCC;
}