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

.topmenu {width:980px; height:30px; margin:5px 0 10px 5px; position:relative; z-index:1000; border:1px solid #000; background-color:#004A87; color:#fff;}
/* hack to correct IE5.5 faulty box model */
* html .topmenu {width:980px; w\idth:979px;}

.topmenu ul {padding:0; margin:0; list-style-type:none;}
.topmenu li {float:left; position:relative; border-right:1px solid #000;}


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

.topmenu a {height:31px; width:120px; display:block; text-decoration:none; text-align:center; color:#fff;}
.topmenu a:hover {background-color:#161616; color:#fff;}


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

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

/* style second level links */
.topmenu ul ul a {border:1px solid #333; text-align:left;}
.topmenu ul ul a {width:160px; height:15px; padding:5px 10px; color:#000; line-height:1em; background:#C6C8CA; 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:#161616;}
.topmenu ul ul :hover > a 	{color:#fff; background:#161616;}

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


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

/* *** 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-video, #tn-video a		{width:70px;}
#tn-about, #tn-about a		{width:160px;}
#tn-about ul						{left:-40px;}
#tn-about li a						{width:180px;}

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