/* NOTE: Styles from top_nav.css have been added to the bottom of this file */


/* TOP navigation - old styles
.logocell{
margin: 0;
padding: 0 0 6px 0;
}
#topnav{
margin: 0 0 6px 6px;
padding: 0;
width: 598px;
text-align: left;
}
 MAKE SURE TO use #topnav selector here. For some reason PC Firefox wigs out if you don't 
#topnav ul.topnavlist{
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
background: url(/images/shared/top_nav/top_nav_gradient.gif) left top repeat-x;
height: 32px;
}
#topnav ul.topnavlist li{
display: inline;
padding: 0 15px 0 15px;
margin: 0;
}
#topnav ul.topnavlist li.firstitem{
display: inline;
padding: 0 15px 0 30px;
margin: 0;
text-align: right;
}
#topnav ul.topnavlist li.lastitem{
display: inline;
padding: 0 15px 0 75px;
margin: 0;
}
* html #topnav ul.topnavlist li.lastitem{
display: inline;
padding: 0 15px 0 60px;
margin: 0;
}
#topnav ul.topnavlist li a, #topnav ul.topnavlist li a:link, #topnav ul.topnavlist li a:visited, #topnav ul.topnavlist li a:active{
font: 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: #505050;
text-decoration: none;
}
#topnav ul.topnavlist li a:hover{
color: #A90000;
}
*/

* {
	margin: 0;
	padding: 0;
	}


#header {
	text-align: left;
	margin-bottom: 6px;
	}

#header a, #header a:link, #header a:visited, #header a:active{
	font: 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #505050;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#header a:hover{
	color: #A90000;
	margin: 0;
	padding: 0;
}

#red_box {
	float: left;
	width: 147px;
	height: 47px;
	}

#red_box img, #red_box img a {
	border: none;
	}

#gray_box {
	float: right;
	width: 597px;
	height: 47px;
	background: url(/images/shared/top_nav/top_nav_gradient.gif) repeat-x;
	font: 11px/1em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif !important;
	color: #FFF;
	}

#gray_box ul#main_nav {
	float: left;
	display: inline;
	width: 435px;
	list-style: none;
	margin: 20px 0 0 25px;
	}

#gray_box ul#main_nav li, #gray_box ul#find_dealer li {
	display: inline;
	}

#gray_box ul#main_nav li.nav_spacer {
	margin-right: 1.5em;
	}

#gray_box ul#find_dealer {
	float: right;
	display: inline;
	width: 105px;
	font: 11px/1em "Trebuchet", Arial, Helvetica, Verdana, sans-serif !important;
	margin: 20px 25px 0 0;
	text-align: right;
	}

#flash_feature {
	display: block;
	height: 375px;
	border: 1px solid #FFF;
	}

.hide {
	display: none;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* specifically for region select page */
.regionlogo{
padding: 0 5px 0 0;
width: 193px;
}
*html .regionlogo{
width: 188px;
w\idth: 193px;
}
.regiongradient{
font: 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: #666;
padding: 15px 15px 0 15px;
text-transform: uppercase;
background: url(/images/index/language_select/region_gradient_bg.gif) top left repeat-x #DEDEDE;
}
.regiongradient b{
font: bold 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
letter-spacing: 3px;
}
.regionphoto{
margin: 3px 0 0 0;
padding: 0;
}
.flashbanner{
width: 100%;
background: #000;
margin: 3px 0 0 0;
padding: 0;
}

/* SIDE navigation*/
td#sidenavcell{
background: url(/images/shared/side_nav/side_nav_bottom_cap.gif) bottom no-repeat #818C95;
padding: 0 0 12px 0;
}

#sidenav{
width: 147px;
background-color: #EDE9E3;
}
.sidenavlv1{
list-style-type: none;
margin: 0;
padding: 6px 5px 6px 10px;
background: url(/images/shared/side_nav/side_nav_option_grad_bg.gif) repeat-x #818C95;
border-top: 1px solid #949BA1;
border-bottom: 1px solid #74797C;
}

#sidenav .sidenavlv1 a, #sidenav .sidenavlv1 a:link, #sidenav .sidenavlv1 a:visited, #sidenav .sidenavlv1 a:active{
font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
}
#sidenav .sidenavlv1 a:hover{
color: #A90000;
}
.navspace{
padding: 5px 0 5px 0;
}
#sidenavbottomcap{
width: 147px;
font-size: 1px;
height: 12px;
background: url(/images/shared/side_nav/side_nav_bottom_cap.gif) bottom no-repeat #818C95;
}

/* sidenavlv2 */
.sidenavlv2{
margin: 0;
padding: 0 0 0 10px;
background: #EDE9E3;
border: none;
}
.sidenavlv2 a, .sidenavlv2 a:link, .sidenavlv2 a:visited, .sidenavlv2 a:active{
margin: 0;
padding: 0;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #5E5750;
text-decoration: none;
text-transform: none;
}
.sidenavlv2 a:hover{
color: #A90000;
}


/* sidenavlv3 */
.sidenavlv3{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
background: url(/images/shared/blue_bullet.gif) no-repeat #EDE9E3;
}
.sidenavlv3 a, .sidenavlv3 a:link, .sidenavlv3 a:visited, .sidenavlv3 a:active{
margin: 0;
padding: 0;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #475262;
text-decoration: none;
text-transform: none;
border: none;
}
.sidenavlv3 a:hover{
color: #A90000;
}


/* sidenavlv4 */
.sidenavlv4{
margin: 0;
padding: 0 0 0 20px;
background: #EDE9E3;
border: none;
}
.sidenavlv4 a, .sidenavlv4 a:link, .sidenavlv4 a:visited, .sidenavlv4 a:active{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
color: #333;
text-decoration: none;
text-transform: none;
font-weight: normal;
}
.sidenavlv4 a:hover{
color: #000000;
}


/* subsidenav */

ul.subsidenav{
list-style-type: square;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #FFF;
text-transform: none;
margin-left: 25px;
padding: 0;
}
ul.subsidenav li a, ul.subsidenav li a:link, ul.subsidenav li a:visited, ul.subsidenav li a:active{
color: #FFF;
text-decoration: none;
}
ul.subsidenav li a:hover{
color: #CC0000;
}


/* accessory store specific navigation */
/* store top nav */
#storenav{
background-color: #7A0000;
border-top: 1px solid #FFF;
padding: 5px;
}
#storenav img{
margin-bottom: -1px;
}
#storenav a, #storenav a:link, #storenav a:visited, #storenav a:active{
margin-right: 15px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-decoration: none;
}
#storenav a:hover{
text-decoration: underline;
}

/* accessory store sidenavlv2 */
.accsidenavlv2{
margin: 0;
padding: 0 0 0 10px;
background: #EDE9E3;
}
.accsidenavlv2 a, .accsidenavlv2 a:link, .accsidenavlv2 a:visited, .accsidenavlv2 a:active{
margin: 0;
padding: 0;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
color: #5E5750;
text-decoration: none;
text-transform: none;
}
.accsidenavlv2 a:hover{
color: #A90000;
}

/* accessory store sidenavlv3 */
.accsidenavlv3{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
background: url(/images/shared/blue_10px_bullet.gif) no-repeat #EDE9E3;
}
.accsidenavlv3 a, .accsidenavlv3 a:link, .accsidenavlv3 a:visited, .accsidenavlv3 a:active{
margin: 0;
padding: 0;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #475262;
text-decoration: none;
text-transform: none;
border: none;
}
.accsidenavlv3 a:hover{
color: #A90000;
}


/* accessory store sidenavlv4 */
.accsidenavlv4{
margin: 0;
padding: 0 0 0 20px;
background: #EDE9E3;
border: none;
}
.accsidenavlv4 a, .accsidenavlv4 a:link, .accsidenavlv4 a:visited, .accsidenavlv4 a:active{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
color: #333;
text-decoration: none;
text-transform: none;
font-weight: normal;
}
.accsidenavlv4 a:hover{
color: #000;
}



/* This CSS code is a duplicate of the contents of top_nav.css - duplicate code is bad, but currently a necessary evil */

#header {
 text-align: left;
 margin: 0;
 padding: 0;
 margin-bottom: 6px;
 }
#header a, #header a:link, #header a:visited, #header a:active{
 font: 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
 color: #fff;
 text-decoration: none;
 margin: 0;
 padding: 0;
}
#header a:hover{
 text-decoration: underline;
 margin: 0;
 padding: 0;
}
#red_box {
 float: left;
 width: 147px;
 height: 47px;
 margin: 0;
 padding: 0;
 }
#red_box img, #red_box img a {
 border: none;
 margin: 0;
 padding: 0;
 }
#gray_box {
 float: right;
 width: 597px;
 height: 47px;
 background: #ee3224;
 font: 11px/1em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif !important;
 color: #FFF;
 margin: 0;
 padding: 0;
 }
#gray_box ul#main_nav {
 float: left;
 display: inline;
 width: 385px;
 list-style: none;
 margin: 0;
 padding: 0;
 margin: 20px 0 0 25px;
 }
#gray_box ul#main_nav li, #gray_box ul#find_dealer li {
 display: inline;
 margin: 0;
 padding: 0;
 }
#gray_box ul#main_nav li.nav_spacer {
 margin: 0;
 padding: 0;
 margin-right: 1.5em;
 }
#gray_box ul#find_dealer {
 float: right;
 display: inline;
 font: 11px/1em "Trebuchet", Arial, Helvetica, Verdana, sans-serif !important;
 margin: 0;
 padding: 0;
 margin: 20px 25px 0 0;
 text-align: right;
 }
 
.clearfix:after {
 content: "."; 
 display: block;
 margin: 0;
 padding: 0;
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* specifically for region select page */
.regionlogo{
padding: 0 5px 0 0;
width: 193px;
}
*html .regionlogo{
width: 188px;
w\idth: 193px;
}
.regiongradient{
font: 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: #666;
padding: 15px 15px 0 15px;
text-transform: uppercase;
background: url(/images/index/language_select/region_gradient_bg.gif) top left repeat-x #DEDEDE;
}
.regiongradient b{
font: bold 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
letter-spacing: 3px;
}
.regionphoto{
margin: 3px 0 0 0;
padding: 0;
}
.flashbanner{
width: 100%;
background: #000;
margin: 3px 0 0 0;
padding: 0;
}


/* add bikespulldown classes to topnav.css */
#bikespulldown
{
float: right;
display: inline;
width: 155px;
font: 11px/1em "Trebuchet", Arial, Helvetica, Verdana, sans-serif !important;
margin: 20px 25px 0 0;
text-align: right;
}
#bikespulldown select
{
width: 155px;
font: 10px verdana, arial, helvetica, sans-serif;
color: #333;
}