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

.bottommenu {width:990px; height:50px; margin:5px 0 0 0; position:relative;}
/* 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:110px; 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 {width:980px; height:30px; margin:5px 0 10px 5px; position:relative; z-index:1000;}
/* hack to correct IE5.5 faulty box model */
* html .bottommenu {width:991px; w\idth:990px;}

.bottommenu ul {padding:0; margin:0; list-style-type:none;}

/* 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 {width:110px; height:30px; display:block; text-decoration:none; text-align:center; border:1px solid #000; background-color:#004A87; color:#fff;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .bottommenu a {width:110px; w\idth:109px;}

.bottommenu a:hover {background-color:#000; color:#fff;}



/* BUTTONS */

#bn-about, #bn-about a{width:160px;}

#bn-dealer, #bn-dealer a{width:260px;}
#bn-dealer a{padding:0 0 0 60px; text-align:left;}

/* 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:90px; font-size:11px; color:#fff; height:47px; line-height:300px; overflow: hidden;}

/* 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;}
*/






/* Dealer Search Input */
.bottommenu #dealersearch									{width:250px; height:30px; position: absolute; top: 1px; left: 820px;}
.bottommenu #dealersearch input.searchText	{width:90px; padding:2px; color:#877047;  }
.bottommenu #dealersearch .searchButton			{height: 25px; border:2px outset; cursor:pointer; }