/* CSS Document */
<style type="text/css" media="screen">
 
body {
margin: 0;
padding: 0;
background: images/bg.jpg;
font: 30%  arial, helvetica, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/* CSS For the products dropdown navigation */
#product {
position: relative; 
top: -2px;
left: 10px;
}
#product {
width: 180px;
}
#product dt {
cursor: pointer;
margin: 0px 0;
height: 5px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 0px;
}
#product dd {
font: 80% helvetica,arial, sans-serif;
width: 150px;
position: absolute;
left: 20px;
top: 20px;
line-height: 20px;
margin: 1px solid gray;
}
#product li {
text-align: center;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background: #999999;
}
#product li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#product li a:hover, #menu dt a:hover {
background: #000000;
}

/* CSS For the athleats dropdown navigation */
#athlete {
position: relative; /* Menu position that can be changed at will */
top: 0px;
left: 0px;
}
#athlete {
width: 180px;
}
#athlete dt {
cursor: pointer;
margin: 4px 0;
height: 5px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 0px;
}
#athlete dd {
font: 80% helvetica,arial, sans-serif;
width: 150px;
position: absolute;
left: 45px;
top: 20;
line-height: 20px;
margin: 1px solid gray;
}
#athlete li {
text-align: center;
text-align: center;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background: #999999;
}
#athlete li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#athlete li a:hover, #menu dt a:hover {
background: #000000;
}

/* CSS For the Media dropdown navigation */
#media {
position: relative; 
top: 0px;
left: 0px;
}
#media {
width: 180px;
}
#media dt {
cursor: pointer;
margin: 4px 0;
height: 5px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 0px;
}
#media dd {
font: 80% helvetica,arial, sans-serif;
width: 150px;
position: absolute;
left: 45px;
top: 20px;
line-height: 20px;
margin: 1px solid gray;
}
#media li {
text-align: center;
text-align: center;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background: #999999;
}
#media li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#media li a:hover, #menu dt a:hover {
background: #000000;
}
/* CSS For the dealers dropdown navigation */
#dealers {
position: relative; 
top: 0px;
left: 0px;
}
#dealers{
width: 180px;
}
#dealers dt {
cursor: pointer;
margin: 4px 0;
height: 5px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 0px;
}
#dealers dd {
font: 80% helvetica,arial, sans-serif;
width: 150px;
position: absolute;
left: 45px;
top: 20px;
line-height: 20px;
margin: 1px solid gray;
}
#dealers li {
text-align: center;
text-align: center;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background: #999999;
}
#dealers li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#dealers li a:hover, #menu dt a:hover {
background: #000000;
}
/* CSS For the shop dropdown navigation */
#shop{
position: relative;
top: 0px;
left: 0px;
}
#shop{
width: 180px;
}
#shop dt {
cursor: pointer;
margin: 4px 0;
height: 5px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 0px;
}
#shop dd {
font: 80% helvetica,arial, sans-serif;
width: 150px;
position: absolute;
left: 45px;
top: 20px;
line-height: 20px;
margin: 1px solid gray;
}
#shop li {
text-align: center;
text-align: center;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background: #999999;
}
#shop li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#shop li a:hover, #menu dt a:hover {
background: #000000;
}
</style>