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

/*	--------------------------------------------------
	Global Reset
	--------------------------------------------------
*/

html{}header,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
	--------------------------------------------------
	Page Setup
	--------------------------------------------------
*/
	
html, body	{
	height: 100%;
	width: 100%;
	min-width: 1006px;
	color:#000;
	font: 100% Arial, Helvetica, sans-serif;
	line-height: 1.2;
	background: #1a1a1a url(../images/main.bg.jpg) no-repeat fixed center top;
}

.clearfloat	{
	clear: both;
}

#stretch-container	{
	width: 100%;
	min-height: 100%;
	background: url(../images/grid.png) repeat fixed center top;
	z-index:1
}

#content-position	{
	width: 1006px;
	margin: auto;
	text-align:center;
}

#header	{
	height: 60px;
	width: 100%;
}
	#logo	{
		width: 282px;
		height:54px;
		float: left;
		position:relative;
		top: 30px;
		left: 15px;
	}
	#milltek-logo	{
		width: 126px;
		height: 27px;
		float: left;
		position: relative;
		top: 43px;
		left: 330px;
	}
	#search	{
		width: 200px;
		height: 34px;
		position: relative;
		float: right;
		top: 37px;
		right: 20px;
		background: #fff;
		border: 1px solid #599104;
		overflow: hidden;
	}
		#search #frmSearch #txtKeyword	{
			background: none;
			border: none;
			padding: 9px 8px 8px 8px;
			color: #474747;
			font-size: 80%;
			width: 139px;
		}
		#search #frmSearch #btnSubmit	{
			width: 22px;
			height: 24px;
			margin: 0;
			padding: 0;
			border: 0;
			background: transparent url(../images/buttons/submit.png) no-repeat center 4px;
			overflow: hidden;
			text-indent: -9999em;
			cursor: pointer; /* hand-shaped cursor */
		}

#content-border	{
	width: 100%;
	background: url(../images/content.border.png) repeat;
	padding: 18px 0;
	margin-top: 35px;
}

#content	{
	padding-top: 0px;
	width: 970px;
	min-height: 700px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #dad8d8 0%, #ffffff 25%, #ffffff 75%, #dad8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dad8d8), color-stop(25%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#dad8d8));
	background: -webkit-linear-gradient(top, #dad8d8 0%,#ffffff 25%,#ffffff 75%,#dad8d8 100%);
	background: -o-linear-gradient(top, #dad8d8 0%,#ffffff 25%,#ffffff 75%,#dad8d8 100%);
	background: -ms-linear-gradient(top, #dad8d8 0%,#ffffff 25%,#ffffff 75%,#dad8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad8d8', endColorstr='#dad8d8',GradientType=0 );
	background: linear-gradient(top, #dad8d8 0%,#ffffff 25%,#ffffff 75%,#dad8d8 100%);
	margin: auto;
	z-index: 1
}
#content-bg	{
	z-index: 2;
	background: url(../images/content.bg.png) no-repeat scroll right bottom;
}
#content-bg.motocross	{
	z-index: 2;
	background-attachment: scroll;
	background-image: url(../images/Julien_Bill_jump.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content-container	{
	width: 100%;
	min-height: 700px; /* same as #content above */
	background: url(../images/rs6.bg.png) no-repeat 37% bottom;
	z-index: 3
}
#content-container.motocross	{
	background: none;
	
}

#content-container ul	{
	padding: 0px 20px;
	font-size: 90%
}
#content-container ul li	{
	list-style-position: inside;
	list-style-type: disc;
	padding: 3px 0
}

#footer	{
	width: 100%;
	text-align: right;
	padding: 10px;
}
	#facebook	{
		width: 60px;
		height: 22px;
	}

#menu-container	{
	width: 970px;
	text-align:center
}

#banner	{
	width: 970px;
	height: 201px;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
}

#menu-bar	{
	width: 708px;
	height: 30px;
	z-index:500;
	position: relative;
	margin: 0 auto;
	z-index: 9997
}
	#menu-items	{
		font-size: 13px;
		margin: -5px 0 0 0;
		padding-top: 0px;
		position:relative;
		float: left;
		z-index:9998
	}
	#menu-items ul	{
		list-style: none;
		z-index: 9999;
		padding: 0
	}
	#menu-items ul li	{
		display: inline;
		z-index: 9999;
		padding: 0
	}
	#menu-items ul li a, #menu-items ul li a:visited	{
	line-height:14px;
	background: #85a810 url(../images/mnu.button.bg.png) no-repeat center center;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
	
	-webkit-box-shadow:  1px 1px 2px 1px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px 1px rgba(0, 0, 0, 0.4);
	
	padding: 7px 15px;
	/**/color: #fff;
	text-decoration:none;
	border: 1px none;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius:4px;
	margin-right: 1px;
	z-index: 9999;
	font-weight: bold;
	font-size: 90%;
	position: relative;
	}
	#menu-items ul li a:hover, #menu-items ul li a:active {
		background: #599104 url(../images/mnu.button.bg.png) no-repeat center top;
		color:#fff;
		z-index: 9999;
		-webkit-transition: background 200ms ease-in-out;
		-moz-transition: background 200ms ease-in-out;
		-o-transition: background 200ms ease-in-out;
		transition: background 200ms ease-in-out;
	}
	
	/* products-specific button */
	#menu-items ul li a.main-link:hover, #menu-items ul li a.main-link.hoverit	{
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius:4px 4px 0 0;
		background: #599104 url(../images/mnu.button.bg.png) no-repeat center top;
		/*color: #fff;*/
		z-index: 9999;
		-webkit-transition: background 200ms ease-in-out;
		-moz-transition: background 200ms ease-in-out;
		-o-transition: background 200ms ease-in-out;
		transition: background 200ms ease-in-out;
	}
	
/*a, a:link, a:visited	{
	color:#003580;
	text-decoration: none
}
a:hover	{
	color: #15B1E4;
	text-decoration: underline;
}
a:focus	{
	color: #15B1E4;
	text-decoration: underline;
	outline: none
}*/
	
/* drop down menu */

div.popup
{
	visibility:hidden;
	width: 900px;
	position: absolute;
	left: -105px;
	top: 22px;
	font: normal 12px Verdana;
	z-index: 999;
	border: 1px solid #599104;
	padding: 0 0 15px 15px;
	background: #fff;
	-webkit-box-shadow: 2px 3px 2px 1px #8a8a8a;
	-moz-box-shadow: 2px 3px 2px 1px #8a8a8a;
	box-shadow: 2px 3px 2px 1px #8a8a8a; 
}
a.popup:hover + div.popup
{
	visibility: visible;
	z-index: 999
}
div.popup:hover
{
	visibility: visible;
	z-index: 999
}
div.popup dl	{
	margin: 0 0 12px 0;
	padding: 0;
	width: 90%;
}
div.popup dt	{
	clear: both;
	padding-top: 6px;
	margin-bottom: 6px;
	/*border-bottom: 1px dotted #CCC;*/
}
div.popup dt a, div.popup dt a:visited	{
	color: #333;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 100%;
}
div.popup dt a:hover, div.popup dt a:active	{
	text-decoration: underline;
	color: #000;
}
div.popup dd	{
	margin: 0 0 0 4px;
	display: inline;
	float: left;
}
div.popup dd a	{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	color: #333;
	-webkit-box-shadow:  none;
    box-shadow:  none;
}
div.popup dd a:hover	{
	text-decoration: underline;
	color: #333;
}
div.popup img	{
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
}
#mnuCol1, #mnuCol2, #mnuCol3, #mnuCol4 	{
	display: inline;  /* <---Solution for bug IE6 */
	text-align:left;
	float:left;
	width: 33%;
	margin-top: 20px;
}
#mnuCol1 dl dt a, #mnuCol1 dl dd a, #mnuCol2 dl dt a, #mnuCol2 dl dd a, #mnuCol3 dl dt a, #mnuCol3 dl dd a, #mnuCol1 dl dt a:visited, #mnuCol1 dl dd a:visited, #mnuCol2 dl dt a:visited, #mnuCol2 dl dd a:visited, #mnuCol3 dl dt a:visited, #mnuCol3 dl dd a:visited	{
	color:#333;
	text-decoration: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius:0;
	background: none;
	padding: 0;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	-webkit-box-shadow:  none;
    box-shadow:  none;
}
#mnuCol1 dl dt a:hover, #mnuCol1 dl dd a:hover, #mnuCol2 dl dt a:hover, #mnuCol2 dl dd a:hover, #mnuCol3 dl dt a:hover, #mnuCol3 dl dd a:hover, #mnuCol1 dl dt a:active, #mnuCol1 dl dd a:active, #mnuCol2 dl dt a:active, #mnuCol2 dl dd a:active, #mnuCol3 dl dt a:active, #mnuCol3 dl dd a:active	{
	background: #599104;
	color: #fff
}
#mnuCol1 dl dd a, #mnuCol2 dl dd a, #mnuCol3 dl dd a,#mnuCol1 dl dd a:visited, #mnuCol2 dl dd a:visited, #mnuCol3 dl dd a:visited	{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	color: #333;
}
#mnuCol1 dl dd a:hover, #mnuCol2 dl dd a:hover, #mnuCol3 dl dd a:hover, #mnuCol1 dl dd a:active, #mnuCol2 dl dd a:active, #mnuCol3 dl dd a:active	{
	background: #599104;
	color: #fff
}

.clearfloat	{
	clear: both;
}
	
/* main content area */	
#col-left, #col-right	{
	float: left;
	text-align:left;
	padding: 20px;
}
#col-left	{
	width: 639px;
	margin: 0 0 180px 0;
}
	#content-container.motocross #col-left	{
		margin: 0
	}
#col-right	{
	width: 251px;
	margin: 30px 0 60px 0;
	background: url(../images/news.div.gif) repeat-y left center;
}

#col-right #latest-news	{
	width: 100%;
	height: auto;
}

	#news-headlines-divider	{
		width: 180px;
		height: 1px;
		background: #FFF;
	}
	.news-headlines	{
		background: #A0BC19;
	}
	.news-headlines-alt	{
		background: #93B324;
	}
	.news-headlines a	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.news-headlines a:hover	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		background-color:#93B324;
		color: #FFFFFF;
	}
	.news-headlines a:link	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.news-headlines a:visited	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.news-headlines-alt a	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.news-headlines-alt a:hover	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		background-color:#A0BC19;
		color: #FFFFFF;
	}
	.news-headlines-alt a:link	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.news-headlines-alt a:visited	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	.fat	{
		padding: 10px;
	}
	
	a, a:visited	{
		text-decoration:none;
		font-weight: bold;
		color:#607517;
	}
	a:hover, a:active	{
		color:#ffffff;
		background-color:#87A521;
		font-weight: bold;
	}

#col-right #latest-models	{
	width: 100%;
	height: auto;
	margin-top: 30px;
}


/*  ---------------------------------------------------
	VEHICLE SELECTION
	--------------------------------------------------
*/
.make-table	{
	clear: both;
	background: #666;
	width: 100%;
	color: #fff;
	padding-bottom: 1px;
	font-size: 12px;
	margin-bottom: 30px;
}
.make-table	.model-heading	{
	font-weight: bold;
	font-size:14px
}
.make-table .vehicle	{
	float: left;
	padding: 6px 0 6px 24px;
	width: 65%;
}
.make-table .vehicle-year		{
	float: left;
	padding: 6px 0 6px 24px;
	width: 25%;
}
.make-table .vehicle a.white, .make-table .vehicle a:visited	{
	color: #fff;
	text-decoration:none
}
.make-table .vehicle a.white:hover, .make-table .vehicle a.white:active {
	color: #D9D9D9;
	text-decoration: underline;
	outline: none;
}

.vehicle img, .vehicle-year img	{
	padding: 6px 0 0px 0;
}
.topmarg	{
	margin-bottom: 12px;
}

#productinfo	{
	margin: 0 0 0 0px;
}

#productinfo h1	{
	padding: 0; margin: 0
}
#productinfo h2	{
	font-size:150%;
	color: #666;
	padding: 0; margin: 0 0 20px 0
}
	#productinfo h1 img	{
		float: right;
		margin-left: 20px;
	}
#productinfo p img	{
	float: right;
	margin-left: 20px;
}

#productinfo .panel-underline-grey	{
	height: 1px;
	width: 100%;
	background-color: #aeaeae;
	clear: left;
	margin-bottom: 6px;
	border: none
}
#productinfo .panel-underline-darkgrey	{
	height: 1px;
	width: 100%;
	background-color: #939393;
	clear: left;
	margin-bottom: 6px;
	border: none
}
#productinfo h3	{
	color: #BFBFBF;
	/*background-color: #939393;*/
	margin: 16px 0 0 14px;
}
#productinfo h4	{
	font-size: 28px;
	margin: 0 0 10px -10px;
	color: #333
}
#productinfo h4 img	{
	float: right;
}

/* GALLERY */

#gallery-container	{
	width: 100%;
}
#gallery-container ul	{
	clear: both;
	padding: 0 0 40px 0;
}
#gallery-container ul li	{
	display: inline;
	width: 150px;
	float: left;
	margin: 3px;
	overflow:hidden;
	border: 1px solid #ccc;
	background:#fff;
	height:100px;
}
#gallery-container ul li .img-container	{
	width: 150px;height: 100px;
	overflow:hidden;
}
#gallery-container ul li img.thumbnail	{
	width: 150px;
	position:relative;
	top: 0; left:0;
	z-index:9;
	clip:rect(0px,150px,100px,0px)
}
#gallery-container ul li .img-description	{
	width: 32px;
	height: 32px;
	position: relative;
	top: -65px;
	left: 58px;
	opacity: 0.75;
	-moz-opacity:0.75;
	z-index:10;
	background: url(../images/icons/play.png);	
}
#gallery-container ul li .img-description:hover	{
	background: url(../images/icons/play.over.png);
}
#gallery-container ul li a	{
	color: #fff;
}
#gallery-container ul li a:hover	{
	color: #15b1e4
}
#gallery-container ul li .img-description.movie	{
	background-color: #dd2626
}
#gallery-container .clearfloat	{
	margin-bottom: 0px;
}
	

/* text styles */

h1	{
	margin: 0 0 14px 0;
	font: 170% Arial, Helvetica, sans-serif;
}
h2 {
	font-weight: bold;
}
h3	{
	font: 21px Tahoma, Geneva, sans-serif;
	color: #000;
 }
h5	{
	font: bold 16px Tahoma, Geneva, sans-serif;
	color: #000;
}
p	{
	font: 90% Tahoma, Geneva, sans-serif;
	margin: 20px 0
}
	p.double	{
		font: 110% Tahoma, Geneva, sans-serif;
		margin: 20px 20px;
	}
strong	{
	font-weight: bold;
}


ul.latest-vehicles	{
	margin: 10px 0;
	font-size: 12px;
}
ul.latest-vehicles li	{
	list-style:url(../images/bullet.point.png) outside;
	margin: 5px 0 5px 20px;
}

  .no-space {
    margin: 0px;
    padding: 0px;
  }
.manufacturer-logo {
	float: right;
	margin: 0px 0px 15px 15px;
}
.model-table-header	{
	background: #A0BC19;
}
.model-table-header-ch	{
	background: #ff0000;
}
.padsix	{
	padding: 6px;
}
.model-table	{
	background: #F0F0F0;
}
.model-table-header td, .model-table-header-ch td	{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
#model-table-spacer	{
	height: 1.5px;
	background: #A0BC19;
}
.product-underline	{
	background: #CDCDCD;
}
.product-additional	{
	font-size: 12px;
	font-weight:normal;
}
.bgCurve	{
	background-color: #F0F0F3;
}
.bgProductsDivider	{
	background-color: #999;
}

.search-number	{
	padding-top: 4px;
}
.divtxt	{
	font-size:12px;
}
a:hover.nobackground	{
	background: none
}