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

body {
	margin: 0; padding: 0;
}
*{outline: none;}
img {border: 0;}
.container {
	width: 900px;
	padding: 0;
	margin: 0 auto;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	color: #ffffff;
	height: 25px;
}

/* moves the background to the bottom on hover */
/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/

/* moves the background to the bottom on hover */
ul#topnav li:hover a, ul#topnav li a:hover { background-position: 0px -62px; }

/* moves the background to the bottom on click */
ul#topnav li:active a, ul#topnav li a:active { background-position: left bottom; }

ul#topnav li .sub {
	position: absolute;	
	top: 25px; left: 0;
	background-color: #e6e7e8;
	background-image: url(/graphics/megamenu/sub_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #cccccc;
	
	padding: 20px 0px 20px 0px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	
	z-index: 50;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul
{
	list-style: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;
	width: 180px;
	height: 100%;
	float: left;
	border-width: 0px 1px 0px 0px;
	border-color: #cccccc;
	border-style:dotted;	
}
ul#topnav li .mega_sub_news ul
{
	width: 700px;
}
ul#topnav li .sub.row ul
{
	height: 100%;
}
ul#topnav li .sub ul a 
{
	
}
ul#topnav .sub ul li {
	width: 100%;
	color: #9a9c9f;
}

ul#topnav .sub ul li h2 {
	
	padding: 0;  margin: 0px 20px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	padding: 5px;
	
	background-color: #dddddd;
	
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 0px 1px 0px;
	
	text-align: center;
}
ul#topnav .sub ul li h2 a {
	
	padding: 0px;
	background-image: none;
	color: #666666;
}

ul#topnav .sub ul li h2, ul#topnav .sub ul li h2 a
{
	font-family: Impact, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/graphics/megamenu/navlist_arrow.png) no-repeat 5px 10px;
	padding: 5px 5px 1px 15px;
	display: block;
	text-decoration: none;
	color: #666666;
	font-size: 9px;
}

/* TWITTER */
ul#topnav .sub .row .mega_twitter
{
	margin: 10px 0px 0px 0px;
}
ul#topnav .sub .row .mega_twitter img
{
	float: left;
	margin: -5px 10px 0px 0px;
}
ul#topnav .sub .row .mega_twitter a
{
	text-indent: 0;
	color: #09C;
	text-decoration: none;
	
	margin: 0px 0px 0px 20px;
}
ul#topnav .sub .row .mega_twitter a:hover
{
	text-decoration: underline;
}

/* FLICKR */
ul#topnav .sub .row .mega_flickr
{
	margin: 10px 0px 0px 0px;
}
ul#topnav .sub .row .mega_flickr img
{
	float: left;
	margin: 0px 10px 0px 0px;
}
ul#topnav .sub .row .mega_flickr a
{
	text-indent: 0;
	color: #005ad9;
	text-decoration: none;
	
	margin: 0px 0px 0px 20px;
}
ul#topnav .sub .row .mega_flickr a:hover
{
	text-decoration: underline;
}

/* YOUTUBE */
ul#topnav .sub .row .mega_youtube
{
	margin: 10px 0px 0px 0px;
}
ul#topnav .sub .row .mega_youtube img
{
	float: left;
	margin: 0px 10px 0px 0px;
}
ul#topnav .sub .row .mega_youtube a
{
	text-indent: 0;
	color: #d4270f;
	text-decoration: none;
	
	margin: 0px 0px 0px 20px;
}
ul#topnav .sub .row .mega_youtube a:hover
{
	text-decoration: underline;
}


ul#topnav .sub ul li a:hover {color: #a31d21; background-position: 7px 10px ;}












/* RACE CAR BUTTONS */
ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dex410
{
	background-image: url(/graphics/megamenu/race_cars/dex410.png);
	background-position: 40px 0px;
	background-repeat: no-repeat;
}
ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dex410:hover
{
	background-position: 40px -42px;
}

ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dex410r
{
	background-image: url(/graphics/megamenu/race_cars/dex410r.png);
	background-position: 32px 0px;
	background-repeat: no-repeat;
}
ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dex410r:hover
{
	background-position: 32px -42px;
}

ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dnx408
{
	background-image: url(/graphics/megamenu/race_cars/dnx408.png);
	background-position: 35px 0px;
	background-repeat: no-repeat;
}
ul#topnav .mega_sub_cars ul li.racecar a.race-cars-dnx408:hover
{
	background-position: 35px -42px;
}


ul#topnav .mega_sub_cars ul li.racecar a 
{
	margin: 10px 0px 0px 0px;
	text-indent: -9999px;
	
	color: #ffffff;
	height: 25px;
	width: 140px;
}