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

.topmenu {width:990px; height:69px; margin:10px 0 0 0; position:relative; background-image: url(/images/navTop_bkg.gif); background-repeat: no-repeat; z-index:1000;}
/* hack to correct IE5.5 faulty box model */
* html .topmenu {width:991px; w\idth:990px;}

/* remove all the bullets, borders and padding from the default list styling */
.topmenu 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 */
.topmenu li {float:left; width:85px; position:relative;}

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

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


/* *** SECOND LEVEL *** */

/* style second level links */
.topmenu ul ul {width:160px; position:absolute; top:56px; left:0px;}
/* another hack for IE5.5 */
* html .topmenu ul ul {top:57px; t\op:56px;}

/* style second level links */
.topmenu ul ul a {border:1px solid #333;}
.topmenu ul ul a {width:160px; height:15px; padding:5px 10px; color:#000; line-height:1em; background:#ddd; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .topmenu ul ul a {width:161px; w\idth:160px;}

/* style the second level hover */
.topmenu ul ul a:hover		{color:#fff; background:#666;}
.topmenu ul ul :hover > a 	{color:#fff; background:#666;}

/* style the second level click */
.topmenu ul ul a:active	{color:#fff; background:#444;}

/* style the second level 'enclose' background */
.topmenu ul ul a#enclose 	{background:#ddd; border-width:1px;}

/* style the second level 'enclose' hover */
.topmenu ul ul a#enclose:hover	{background:#666;}
.topmenu ul ul :hover > a#enclose {background:#666;}

/* style the second level 'enclose' click */
.topmenu ul ul a#enclose:active	{background:#333; color:#fff;}

.topmenu .aboutDropDown 		{width:150px;}
.topmenu .aboutDropDown li 	{width:150px;}
.topmenu .aboutDropDown li a	{width:150px;}

/* *** THIRD LEVEL *** */

/* style the third level links */
.topmenu ul ul ul li,
.topmenu ul ul ul a		{width:180px;}
/* yet another hack for IE5.5 */
* html .topmenu ul ul ul a	{width:181px; w\idth:180px;}

/* style the third level */
.topmenu ul ul ul a		{border:1px solid #333; border-width:0 1px 1px 1px;}
.topmenu ul ul ul a 	{background:#ddd;}

/* style the third level hover */
.topmenu ul ul ul a:hover	{background:#666;}
/* style the second level click */
.topmenu ul ul ul a:active	{background:#444;}


/* style the third level 'enclose' */
.topmenu ul ul ul a#enclose	{border-width:1px;}

/* style the third level 'enclose' hover */
.topmenu ul ul ul a#enclose:hover	{background:#666;}

/* style the third level 'enclose' click */
.topmenu ul ul ul a#enclose:active	{background:#444;}



/* position the third level flyout menu */
.topmenu ul ul ul {height:auto; width:330px; top:-5px; left:89px; padding: 10px 60px 60px 40px;}
/* yet another hack for IE5.5 */
* html .topmenu ul ul ul {top:-10px; t\op:-9px; left:89px;}



/* TURNING LEVELS ON and OFF */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {visibility:hidden; height:0;}

/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.topmenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.topmenu ul :hover ul :hover ul{ visibility:visible;}




/* BUTTONS */
#tn-home, #tn-home a	{width:316px;}
#tn-dealer, #tn-dealer a{width:249px;}
#tn-spacer				{width:85px; display:block;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #tn-spacer a {width:86px; w\idth:85px;}

#tn-seg195 	{z-index:1001;}
#tn-about 	{z-index:1001;}


#tn-home a		{background-position: 0 0;}
#tn-seg195 a	{background-position: -316px 0;}
#tn-specials a	{background-position: -401px 0;}
#tn-video a		{background-position: -486px 0;}
#tn-brochure a	{background-position: -571px 0;}
#tn-about a		{background-position: -656px 0;}
#tn-dealer a	{background-position: -741px 0;}

/* OVER STATES */
#tn-home a:hover		{background-position: 0 -70px;}
#tn-seg195 a:hover		{background-position: -316px -70px;}
#tn-specials a:hover	{background-position: -401px -70px;}
#tn-video a:hover		{background-position: -486px -70px;}
#tn-brochure a:hover	{background-position: -571px -70px;}
#tn-about a:hover		{background-position: -656px -70px;}
#tn-dealer a:hover		{background-position: -741px -70px;}


/* PRESSED STATES */
#tn-home a:active		{background-position: 0 -140px;}
#tn-seg195 a:active		{background-position: -316px -140px;}
#tn-specials a:active	{background-position: -401px -140px;}
#tn-video a:active		{background-position: -486px -140px;}
#tn-brochure a:active	{background-position: -571px -140px;}
#tn-about a:active		{background-position: -656px -140px;}
#tn-dealer a:active		{background-position: -741px -140px;}


/* Dealer Search Input */
.topmenu #dealersearch						{width:120px; height:18px; position: absolute; top: 21px; left: 857px;}
.topmenu #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;}
.topmenu #dealersearch .searchButton		{width:25px; height: 18px; margin:0 0 0 -2px; border:none; cursor:pointer; background: none;}