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

.topmenu {width:990px; height:69px; margin:0; position:relative; background-image: url(/images/navTop_bkg.jpg); 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:88px; 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.jpg); background-repeat: no-repeat; }
.topmenu a {width:88px; height:60px; display:block; text-decoration:none;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a {width:88px; w\idth:87px;}


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

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

/* style second level links */
.topmenu ul ul a {border:1px solid #000;}
.topmenu ul ul a {width:87px; 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:87px; w\idth:86px;}


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

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

/* style the second level 'enclose' background */
.topmenu ul ul a.enclose 	{}

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

/* style the second level 'enclose' click */
.topmenu ul ul a.enclose:active	{}


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

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

/* style the third level background */
.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' background */
.topmenu ul ul ul a.enclose	{background:#ddd; 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:100px; top:-9px; left:69px; padding: 10px 60px 60px 40px;}
/* yet another hack for IE5.5 */
* html .topmenu ul ul ul {top:-10px; t\op:-9px;}


/* 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:129px;}
#tn-dealer, #tn-dealer a		{width:245px;}

#tn-about	 	{z-index:1001;}
#tn-about ul a 	{width:180px;}

#tn-home a		{background-position: 0 0;}
#tn-seg19 a		{background-position: -129px 0;}
#tn-seg18 a		{background-position: -217px 0;}
#tn-seg20 a		{background-position: -305px 0;}
#tn-specials a	{background-position: -393px 0;}
#tn-video a		{background-position: -481px 0;}
#tn-brochure a	{background-position: -569px 0;}
#tn-about a		{background-position: -657px 0;}
#tn-dealer a	{background-position: -745px 0;}

/* OVER STATES */
#tn-home a:hover		{background-position: 0 -70px;}
#tn-seg19 a:hover		{background-position: -129px -70px;}
#tn-seg18 a:hover		{background-position: -217px -70px;}
#tn-seg20 a:hover		{background-position: -305px -70px;}
#tn-specials a:hover	{background-position: -393px -70px;}
#tn-video a:hover		{background-position: -481px -70px;}
#tn-brochure a:hover	{background-position: -569px -70px;}
#tn-about a:hover		{background-position: -657px -70px;}
#tn-dealer a:hover		{background-position: -745px -70px;}


/* PRESSED STATES */
#tn-home a:active		{background-position: 0 -140px;}
#tn-seg19 a:active		{background-position: -129px -140px;}
#tn-seg18 a:active		{background-position: -217px -140px;}
#tn-seg20 a:active		{background-position: -305px -140px;}
#tn-specials a:active	{background-position: -393px -140px;}
#tn-video a:active		{background-position: -481px -140px;}
#tn-brochure a:active	{background-position: -569px -140px;}
#tn-about a:active		{background-position: -657px -140px;}
#tn-dealer a:active		{background-position: -745px -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;}