/****************************************
START contents of navigation.css
****************************************/


.ext-links 
{
background:url(../images_new/ext.png) no-repeat 135px !important;
}

.ext-links:hover
{
background:url(../images_new/ext.png) no-repeat 135px #ff0000 !important;
}

.viewall a
{
color:red !important;
margin-top:10px !important;
}

.viewall a:hover
{
background-color:white !important;
}

.viewallwheels {
margin-top:200px !important;
color:red !important;
text-align:center;
padding:2px 0 !important;
}

.viewallwheels:hover {
background:white !important;
}

div#navigation {
	/*background: #2a2a2a;*/
	background: url(../images/mega_bg.jpg);
	height:23px;
	font-size: 10px;
	}

div#navigation h2 {
	display: none;
}

div#navigation ul {
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 10px;
	position: relative;
	text-transform: uppercase;
	z-index: 30;	
}	


div#navigation ul:hover {

}

div#navigation ul li {
	display: inline;
	float: left;
}

div#navigation ul li a {	
	color: #fff;
	display: block;	
	padding: 5px 0px 5px 0px;
	text-decoration: none;
}

div#navigation ul li a.highlight {
	color: #E32511;
}

div#navigation ul li a:hover {
	background:  #ff0000;
	color: #fff;
}

div#navigation ul li a span {
	padding: 5px 6px 5px 6px;
}

div#navigation ul li a:hover span {
	/*background: #222222 url(../img/nav_hover_right.gif) top right no-repeat;*/
	/*background:  #00a2a7;*/
	background:#000000;
	padding: 5px 6px 5px 6px;
}

div#navigation ul li.divider {
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
}


div#navigation ul li.selected {
	background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
	color: #fff;	
	display: inline;
	float: left;
	position: relative;
}

div#navigation ul li.selected a {
	background: #02A1A5 url(../images_new/nav_selected_right.gif) top right no-repeat;
	color: #fff;
	display: block;
	padding: 5px 0px 5px 0;
}

div#navigation ul li.selected a:hover {
	background: #02A1A5 url(../images_new/nav_selected_right.gif) top right no-repeat;
	color: #fff;
	display: block;
	padding: 5px 0px 5px 0;
}

div#navigation ul li.selected a span{
	background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
	padding: 5px 5px 5px 5px;
	display: inline;
}

div#navigation ul li.selected a:hover span {
	background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
	padding: 5px 5px 5px 5px;
}

div#navigation ul li ul {
	border-top: 8px solid #222;
	left: -999em;
	position: absolute;	
	text-transform: none;	
	z-index: 100;
}



div#navigation ul li ul 
{
	background:black;
	border:1px solid #666;
}


div#navigation ul li:hover ul li, 
div#navigation ul li.sfhover ul li {
	float: none;
}





div#navigation ul li:hover ul li.image a, 
div#navigation ul li.sfhover ul li.image a{
	padding: 20px 0 0 8px;
}

div#navigation ul li:hover ul li.image a:hover, 
div#navigation ul li.sfhover ul li.image a:hover {
	padding: 20px 0 0 8px;
}

/* styles for having an icon of home on the navigation */

div#navigation ul li.home{
	background: #000 url(../img/icon_home.gif) 5px 6px no-repeat;
	text-indent: -9999999em;
	overflow: hidden;
	padding: 0;
	width: 20px;
	height: 26px;
}

div#navigation ul li.home a{
	padding: 0;
}

div#navigation ul li.home a:hover{
	background: none;
}

/****************************************
END contents of navigation.css
****************************************/

/*** OTHER NAVIGATION STYLES PICKED UP IN PAGE**/
div#navigation ul li ul {
padding:0px;

}
div#navigation ul li.highlight {
background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
color: #fff;
}
div#navigation ul li.highlight a {
background: #02A1A5 url(../images_new/nav_selected_right.gif) top right no-repeat;
color: #fff;
padding: 5px 0px 5px 0;
}
div#navigation ul li.highlight a:hover {
background: #02A1A5 url(images_new/nav_selected_right.gif) top right no-repeat;
color: #fff;
padding: 5px 0px 5px 0;
}
div#navigation ul li.highlight a span{
background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
padding: 5px 5px 5px 5px;
display: inline;
}
div#navigation ul li.highlight a:hover span {
background: #02A1A5 url(../images_new/nav_selected_left.gif) top left no-repeat;
padding: 5px 5px 5px 5px;
}

div#navigation ul li ul span.text{color:#ffffff !important; padding: 5px 0;}
div#navigation ul li img {border:0 !important;} /*position:relative;left:-15px !important;*/
.CWBoy{color:red !important;text-transform:uppercase;font-weight:normal !important;text-align:right;padding:0 15px 0 0;margin: 0 10px 0 0}
.redonblue{border: 1px solid #ff0000 !important}
div#navigation ul li ul li a{margin: 0px; padding: 2px 0 2px 15px;font-weight:normal!important;display:block;}
div#navigation ul li ul li.mainheader{text-transform:uppercase;margin: 5px 0;color:#FF0000 !important;padding: 2px 5px 2px 15px !important;font-weight:bold !important; display:block;}
div#navigation ul li ul li a.redpromo:link{color:red !important}
div#navigation ul li ul li a.redpromo:active{color:red !important}
div#navigation ul li ul li a.redpromo:visited{color:red !important}
div#navigation ul li ul li a.redpromo:hover{color:white !important}





/*Menu positions for category1 COMPANY PROFILE (usually WW, currently WW)*/

div#navigation ul li:hover ul.companyprofile, 
div#navigation ul li.sfhover ul.companyprofile {
left: 56px;
width:159px !important;
}

/*
div#navigation ul li:hover ul.cat1col1, 
div#navigation ul li.sfhover ul.cat1col1 {
left: 0px;
width:159px !important;
}*/


div#navigation ul li:hover ul.cat1col2, 
div#navigation ul li.sfhover ul.cat1col2 {
left: 159px;
width:159px !important;
}

div#navigation ul li:hover ul.cat1col3, 
div#navigation ul li.sfhover ul.cat1col3 {
left: 317px;	
width:159px !important;
}

/*Menu positions for category2 ALLOY WHEELS (usually ACC, currently MW)*/

/****************** ALLOY WHEELS **********************/
div#navigation ul li.highlight02:hover ul
{
height:450px;
}

div#navigation ul li.highlight10:hover ul
{
height:300px;
}

div#navigation ul li.highlight01:hover ul
{
height:200px;
}

div#navigation ul li:hover ul.gb, 
div#navigation ul li.sfhover ul.gb {
left: 0px;	
width:160px !important;
}
div#navigation ul li:hover ul.eurosport, 
div#navigation ul li.sfhover ul.eurosport {
left: 160px;
width:160px !important;	
}
div#navigation ul li:hover ul.asiatec, 
div#navigation ul li.sfhover ul.asiatec {
left: 320px;
width:160px !important;
}

div#navigation ul li:hover ul.lightweight, 
div#navigation ul li.sfhover ul.lightweight {
left: 480px;
width:160px !important;
}

div#navigation ul li:hover ul.classic, 
div#navigation ul li.sfhover ul.classic {
left: 640px;
width:160px !important;
}

div#navigation ul li:hover ul.wolfdesign, 
div#navigation ul li.sfhover ul.wolfdesign {
left: 800px;
width:160px !important;
}
/*****************************************************/

/***    WHEEL WIZARD        **/
div#navigation ul li:hover ul.wizard, 
div#navigation ul li.sfhover ul.wizard {
left: 490px;
width:160px !important;
}
/***    EOF WHEEL WIZARD   **/

/** OTHER WHEELS **/
div#navigation ul li:hover ul.ats, 
div#navigation ul li.sfhover ul.ats {
left: 140px;
width:160px !important;
}

div#navigation ul li:hover ul.excite, 
div#navigation ul li.sfhover ul.excite {
left: 290px;
width:160px !important;
}
div#navigation ul li:hover ul.breyton, 
div#navigation ul li.sfhover ul.breyton {
left: 450px;
width:160px !important;
}
div#navigation ul li:hover ul.accessories, 
div#navigation ul li.sfhover ul.accessories {
left: 610px;
width:160px !important;
}
div#navigation ul li:hover ul.insurance, 
div#navigation ul li.sfhover ul.insurance {
left: 736px;
width:160px !important;
}
/**  OTHER WHEELS **/

/**     LIFESTYLE    **/
div#navigation ul li:hover ul.missfc, 
div#navigation ul li.sfhover ul.missfc {
left: 420px;
width:160px !important;
}
div#navigation ul li:hover ul.videos, 
div#navigation ul li.sfhover ul.videos {
left: 580px;
width:160px !important;
}
div#navigation ul li:hover ul.carclub, 
div#navigation ul li.sfhover ul.carclub {
left: 740px;
width:160px !important;
}
div#navigation ul li:hover ul.screensaver, 
div#navigation ul li.sfhover ul.screensaver {
left: 577px;
width:160px !important;
}
div#navigation ul li:hover ul.wallpaper, 
div#navigation ul li.sfhover ul.wallpaper {
left: 736px;
width:160px !important;
}
/** EOF LIFESTYLE ***/

/** GALLERIES **/
div#navigation ul li:hover ul.galleries, 
div#navigation ul li.sfhover ul.galleries {
left: 640px;
width:180px !important;
}

/** PRESS  **/
div#navigation ul li:hover ul.press, 
div#navigation ul li.sfhover ul.press {
left: 720px;	
width:159px !important;
}

/** NEWS  **/
div#navigation ul li:hover ul.news, 
div#navigation ul li.sfhover ul.news {
left: 750px;	
width:159px !important;
}

/** DEALERS  **/
div#navigation ul li:hover ul.dealers, 
div#navigation ul li.sfhover ul.dealers {
left: 805px;
width:159px !important;
background:url(../images_new/ukdealer-bg.jpg) no-repeat;
border:1px solid #041024;
}

div#navigation ul li:hover ul.dealers .mainheader
{
color:#041024 !important;
}

div#navigation ul li:hover ul.dealers li:hover a
{
background:white !important;
color:#041024;
}

/** BROCHURE **/
div#navigation ul li:hover ul.brochure, 
div#navigation ul li.sfhover ul.brochure {
left: 330px;
width:159px !important;
}

div#navigation ul li:hover ul.cat2col1, 
div#navigation ul li.sfhover ul.cat2col1 {
left: 639px;	
width:159px !important;
}


div#navigation ul li:hover ul.cat2col2, 
div#navigation ul li.sfhover ul.cat2col2 {
left: 219px;
width:159px !important;	
}
div#navigation ul li:hover ul.cat2col3, 
div#navigation ul li.sfhover ul.cat2col3 {
left: 378/*800*/px;
width:159px !important;
}




/* div#navigation .highlight11 a:hover {background:#00a2a7 !important;}*/

/****************************************
START contents of clearfix.css
****************************************/
* {
	margin: 0;
	padding: 0;
}

.clearfix {
	display: block;
} 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/****************************************
END contents of clearfix.css
****************************************/