
body {font:normal 13px Tahoma,Helvetica,Arial,sans-serif; line-height:1.5em; background:url(/images/bodyBkg.jpg) 0px 0px repeat-x #5FA1BF; padding:0; margin:0;}

#site 	{width:990px; margin:0 auto; padding:0 0 1px 0; position:relative;}

#header {position:relative; width:980px; margin:0 0 0 5px; background:url(/images/waterBkg.jpg) 0px -30px no-repeat #EFFAFF;padding:0px; border-bottom:1px solid #000;}
#header .dealerName {margin:0 0 0 10px; padding:30px 0 0 0; line-height:1em; color:#000; font-size:25px; font-weight:bold;}
#header .dealerPhone {margin:0 0 0 10px; line-height:2em; color:#000; font-size:20px; font-weight:bold;}
#header .tag24 {position:absolute; top:3px; right:10px; color:#888; font-size:13px; text-align:center;}
.headerBottom {width:990px; height:10px; background:url(/images/navBtm.png) 0px 0px no-repeat;}


.content4col1			{width:990px; margin:5px 0 10px 0;}
.content4col1 .top		{height:5px; overflow:hidden; background: url(/images/content4colTop.png) 0 0 no-repeat;}
.content4col1 .middle	{margin:0 5px; padding:0 5px; background:#fff;}
.content4col1 .bottom	{height:10px; overflow:hidden; background: url(/images/content4colBtm.png) 0 0 no-repeat;}

.content3col1			{width:740px; float:left; margin:5px 10px 10px 0}
.content3col1 .top		{height:5px; overflow:hidden; background: url(/images/content3colTop.png) 0 0 no-repeat;}
.content3col1 .middle	{width:720px; margin:0 5px; padding:0 5px; background:#fff;}
.content3col1 .bottom	{height:10px; overflow:hidden; background: url(/images/content3colBtm.png) 0 0 no-repeat;}

.content3col2			{width:740px; float:left; margin:5px 0 10px 0}
.content3col2 .top		{height:5px; overflow:hidden; background: url(/images/content3colTop.png) 0 0 no-repeat;}
.content3col2 .middle	{width:720px; margin:0 5px; padding:0 5px; background:#fff;}
.content3col2 .bottom	{height:10px; overflow:hidden; background: url(/images/content3colBtm.png) 0 0 no-repeat;}

.content2col1			{width:490px; float:left; margin:5px 10px 10px 0;}
.content2col1 .top		{height:5px; overflow:hidden; background: url(/images/content2colTop.png) 0 0 no-repeat;}
.content2col1 .middle	{width:470px; margin:0 5px; padding:0 5px; background:#fff;}
.content2col1 .bottom	{height:10px; background:url(/images/content2colBtm.png) 0 0 no-repeat}

.content2col2			{width:490px; float:left; margin:5px 0 10px 0}
.content2col2 .top		{height:5px; overflow:hidden; background: url(/images/content2colTop.png) 0 0 no-repeat;}
.content2col2 .middle	{width:470px; margin:0 5px; padding:0 5px; background:#fff;}
.content2col2 .bottom	{height:10px; overflow:hidden; background: url(/images/content2colBtm.png) 0 0 no-repeat;}

.content1col1			{width:240px; float:left; margin:5px 10px 10px 0;}
.content1col1 .top		{height:5px; overflow:hidden; background: url(/images/content1colTop.png) 0 0 no-repeat;}
.content1col1 .middle	{width:220px; margin:0 5px; padding:0 5px; background:#fff;}
.content1col1 .bottom	{height:10px; overflow:hidden; background: url(/images/content1colBtm.png) 0 0 no-repeat;}

.content1col2			{width:240px; float:left; margin:5px 10px 10px 0}
.content1col2 .top		{height:5px; overflow:hidden; background: url(/images/content1colTop.png) 0 0 no-repeat;}
.content1col2 .middle	{width:220px; margin:0 5px; padding:0 5px; background:#fff;}
.content1col2 .bottom	{height:10px; overflow:hidden; background: url(/images/content1colBtm.png) 0 0 no-repeat;}

.content1col3			{width:240px; float:left; margin:5px 10px 10px 0}
.content1col3 .top		{height:5px; overflow:hidden; background: url(/images/content1colTop.png) 0 0 no-repeat;}
.content1col3 .middle	{width:220px; margin:0 5px; padding:0 5px; background:#fff;}
.content1col3 .bottom	{height:10px; overflow:hidden; background: url(/images/content1colBtm.png) 0 0 no-repeat;}

.content1col4			{width:240px; float:left; margin:5px 0 10px 0}
.content1col4 .top		{height:5px; overflow:hidden; background: url(/images/content1colTop.png) 0 0 no-repeat;}
.content1col4 .middle	{width:220px; margin:0 5px; padding:0 5px; background:#fff;}
.content1col4 .bottom	{height:10px; overflow:hidden; background: url(/images/content1colBtm.png) 0 0 no-repeat;}

strong	{font-weight:bold;}
sup			{font:normal .6em Helvetica,Arial,sans-serif; line-height:.5em;}
.middle sup	{color:#bbb;}

h1 {margin:0px; line-height:1.3em;}

#brands {margin:0 auto;}
.brandBox	{width:190px; height:100px; text-align:center; line-height:1.2em; color:#888;}
.brandBox a img {padding:5px; border:1px solid #fff;}
.brandBox a:hover img {border:1px solid #5FA1BF;}

#elite {background:#D9D7D9; padding:15px; margin:20px 0 0 0; border:1px solid #bbb;}
#elite img {margin:0 10px 0 0;}

#dealerInfo {width:400px; margin:0 0 0 20px; font-size:14px; line-height:1.4em;}
#dealerInfo #hours		{font-size:12px; margin:10px 0 0 0; padding:0;}
#dealerInfo #hours td 	{padding:0;}
#dealerInfo .hoursName 	{font-weight:bold; text-align:center;}
#dealerInfo .hoursDay	{text-align:right; color:#666;}
#dealerInfo .hoursTime	{}
#dealerInfo .closed		{font-style:italic; color:#999;}


#promoBanner	{margin:0 0 10px 0;}
#promo 			{margin:0 0 10px 0; border-bottom:5px solid #00A2EF;}

#location {margin:0 0 20px 0; font-weight:bold; line-height:140%;}	

#footer .dealerName {margin:0 0 0 10px; line-height:1.5em; color:#000; font-size:15px; font-weight:normal;}
#footer .dealerAddy {margin:0 0 0 10px; line-height:1.5em; color:#000; font-size:15px; font-weight:normal;}
#footer .dealerPhone {margin:0 0 0 10px; line-height:1.5em; color:#000; font-size:15px; font-weight:normal;}

#footer #hours		{font-size:11px; margin:0; padding:0;}
#footer #hours td 	{padding:0;}
#footer .hoursName 	{font-size:14px;font-weight:bold; text-align:center;}
#footer .hoursDay	{text-align:right; color:#0F516F;}
#footer .hoursTime	{}
#footer .closed		{font-style:italic; color:#2F718F;}


#copyright {padding:10px; color:#3B5F70; text-align:center; font-size:12px;}

sup {font-size:.6em; line-height:.7em;}

/* *************************** header navigation **************************************** */
/* *** TOP LEVEL *** */
.topmenu {width:980px; margin:0 0 0 5px; height:26px; border-top:3px solid #3B5F70; border-bottom:1px solid #3B5F70; font-size:12px; letter-spacing:.05em; font-weight:bold; background:#3B5F70; position:relative;}

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

.topmenu li {float:left; width:130px; height:26px; position:relative; border-right:1px solid #1D3F52; border-left:1px solid #6E8Fa3;}
.topmenu li:first-child {border-left:none;}
.topmenu li:last-child {border-right:none;}


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

.topmenu a {display:block; text-decoration:none; width:130px; height:26px; line-height:24px; text-align:center; color:#EFFAFF;}
.topmenu a:hover {background:#000; color:#fff;}

/* *** SECOND LEVEL *** */
/* style second level links */
.topmenu ul ul {width:130px; position:absolute; top:26px; left:-1px;}
.topmenu li li {border-right:none; border-left:none;}

/* style second level links */
.topmenu ul ul a {border:1px solid #1D3F52; text-decoration:none;}
.topmenu ul ul a {width:130px; height:15px; padding:5px 0; color:#EFFAFF; line-height:1em; background:#3B5F70;}

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

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


/* *** THIRD LEVEL *** */
/* style the third level links */
.topmenu ul ul ul li,
.topmenu ul ul ul a		{width:230px;}

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

/* position the third level flyout menu */
.topmenu ul ul ul {height:auto; width:330px; top:-5px; left:109px; padding: 10px 60px 60px 40px;}


/*custom sizing top menu items */
#tn-home, #tn-home a {width:55px;}

/* custom sizing drop-downs */
#tn-about ul {width:200px}
#tn-about ul a {width:200px}




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


