/* *** TOP LEVEL *** */

.bottommenu {width:990px; height:50px; margin:5px 0 0 0; position:relative; background-image: url(/images/navBottom_bkg.gif); background-repeat: no-repeat;}
/* hack to correct IE5.5 faulty box model */
* html .bottommenu {width:991px; w\idth:990px;}

/* remove all the bullets, borders and padding from the default list styling */
.bottommenu ul {padding:0; margin:0; list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.bottommenu li {float:left; width:85px; position:relative;}

/* style the table so that it takes no part in the layout - required for IE to work */
.bottommenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the links for the top level */
.bottommenu a {background-image: url(/images/navBottom_bkg.gif); background-repeat: no-repeat; }
.bottommenu a {width:85px; height:45px; display:block; text-decoration:none;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .bottommenu a {width:86px; w\idth:85px;}



/* BUTTONS */
#bn-home, #bn-home a	{width:146px;}
#bn-dealer, #bn-dealer a{width:249px;}

#bn-home a		{background-position: 0 0;}
#bn-sitemap a		{background-position: -146px 0;}
#bn-brochure a	{background-position: -231px 0;}
#bn-about a		{background-position: -316px 0;}
#bn-contact a	{background-position: -401px 0;}
#bn-gear a		{background-position: -486px 0;}
#bn-terms a		{background-position: -571px 0;}
#bn-privacy a	{background-position: -656px 0;}
#bn-dealer a	{background-position: -741px 0;}

/* OVER STATES */
#bn-home a:hover		{background-position: 0 -70px;}
#bn-sitemap a:hover		{background-position: -146px -70px;}
#bn-brochure a:hover	{background-position: -231px -70px;}
#bn-about a:hover		{background-position: -316px -70px;}
#bn-contact a:hover		{background-position: -401px -70px;}
#bn-gear a:hover		{background-position: -486px -70px;}
#bn-terms a:hover		{background-position: -571px -70px;}
#bn-privacy a:hover		{background-position: -656px -70px;}
#bn-dealer a:hover		{background-position: -741px -70px;}

/* PRESSED STATES */
#bn-home a:active		{background-position: 0 -140px;}
#bn-sitemap a:active		{background-position: -146px -140px;}
#bn-brochure a:active	{background-position: -231px -140px;}
#bn-about a:active		{background-position: -316px -140px;}
#bn-contact a:active	{background-position: -401px -140px;}
#bn-gear a:active		{background-position: -486px -140px;}
#bn-terms a:active		{background-position: -571px -140px;}
#bn-privacy a:active	{background-position: -656px -140px;}
#bn-dealer a:active		{background-position: -741px -140px;}

/* ON STATES
#globalheader.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-store a { background-position: -117px -114px !important; }
#globalheader.mac #globalnav li#gn-mac a { background-position: -234px -114px !important; }
#globalheader.ipoditunes #globalnav li#gn-ipoditunes a { background-position: -351px -114px !important; }
#globalheader.iphone #globalnav li#gn-iphone a { background-position: -468px -114px !important; }
#globalheader.downloads #globalnav li#gn-downloads a { background-position: -585px -114px !important; }
#globalheader.support #globalnav li#gn-support a { background-position: -702px -114px !important; }
*/


/* Get rid of the margin, padding and bullets in the unordered lists */
#bottommenu, #bottommenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#bottommenu a {display:block; width:85px; font-size:11px; color:#fff; height:47px; line-height:300px; overflow: hidden;}

/* Set up the sub level link size, color and background */
#bottommenu li ul li a {width:140px; height:15px; padding:5px; display:block; font-size:11px; color:#000; line-height:1em; text-decoration:none; outline:none;}
#bottommenu li ul li a {background: #ddd; border:1px solid #555;}
#bottommenu li ul li ul li a {width:200px;}

/* Set up the sub level borders */
#bottommenu li ul li a {border-width:0 1px 1px 1px;}
#bottommenu li ul li a.enclose {border-width:1px;}

/* Set up the sub level backgrounds */
#bottommenu li ul li a.enclose			{background-image:url(/images/navTopSub_bkg.gif); background-repeat:repeat-x;}
#bottommenu li ul li a.enclose	 		{background-position: 0 0;}
#bottommenu li ul li a.enclose:hover		{background-position: 0 -100px;}
#bottommenu li ul li a.enclose:active	{background-position: 0 -200px;}
#bottommenu li ul li ul li a.enclose		{background-image:none;}

/* Set up the list items */
#bottommenu li {float:left;}

/* For Non-IE browsers and IE7 */
#bottommenu li:hover {position:relative;}
/* Make the hovered list color persist */
#bottommenu li li:hover > a {color:#fff; background:#666;}
#bottommenu li ul li:hover > a.enclose {color:#fff; background-position: 0 -100px;}

#bottommenu li ul li a:active {background:#444;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#bottommenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#bottommenu li:hover > ul {width:200px; padding:0px 60px 60px 30px; display:block; position:absolute; top:5px; left:80px; background:transparent url(transparent.gif);}
/* Position the first sub level beneath the top level links */
#bottommenu > li:hover > ul {left:-31px; top:60px;}

/* get rid of the table */
#bottommenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #bottommenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing
#bottommenu li a:active, #bottommenu li a:focus {color:#c00; border:none;}
*/

/* Set up the pointers for the sub level indication */
#bottommenu li.fly {background:#7484ad url(fly.gif) no-repeat right center;}
#bottommenu li.drop {background:#7484ad url(drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #bottommenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#bottommenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#bottommenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#bottommenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#bottommenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#bottommenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#bottommenu li a:hover ul a:hover ul{
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#bottommenu li a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#bottommenu li a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#bottommenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */



/* Dealer Search Input */
.bottommenu .dealersearch					{width:120px; height:18px; position: absolute; top: 11px; left: 857px;}
.bottommenu .dealersearch input.searchText	{width:90px; height: 18px; border:none; padding:0 0 4px 2px; color:#888; font:normal 12px Tahoma, Helvetica, Arial, sans-serif; background: none;}
.bottommenu .dealersearch .searchButton		{width:25px; height: 18px; margin:0 0 0 -2px; border:none; cursor:pointer; background: none;}