body {
background:url(../images/bg.jpg) repeat-x fixed;
color:#000;
padding:0;
margin: 0;
font-size: small;
font-family: Arial, Helvetica, sans-serif;
behavior: url(csshover.htc);}
/*----------------------ALL-------------------------------*/
#all {
background: #fff;
width: 980px;
height: auto;
padding: 10px;
margin: 0 auto;}

#all p a:link {color: #036; text-decoration: none; font-weight: bold;}
#all p a:hover {color: #036; text-decoration: underline; font-weight: bold;}
#all p a:visited{color: #036; text-decoration: none; font-weight: bold;}
p.error { color:#CC3300; font-weight:bold;}
/*----------------------HEADER----------------------------*/
#header {
background: #fff;
width: 980px;
height: 94px;
padding: 0;
margin: 0 auto 3px auto;}

#nav-tr {
float:right;
padding:0;
margin: 0;
font-size: 11px;
text-align: center;
font-weight:bold;
color:#06c;}

#nav-tr table {
font-size: 10px; 
padding:0; 
margin:0; 
width: 100px; 
text-align: center;}

#nav-tr a{
padding: 0 5px;
margin: 0;
font-size: 11px;
font-weight:bold;
color:#036;
text-decoration: none;}

#nav-tr a .up{
padding: 0 5px;
margin: -25px 0 0 0;
font-size: 11px;
font-weight:bold;
color:#036;
text-decoration: none;}

#nav-tr a:hover {
padding:0 5px;
margin: 0;
font-size: 11px;
font-weight:bold;
color:#036;
text-decoration: underline;}
/*----------------------NAV-------------------------------*/
#nav-all {
background: #036;
width: 980px;
height: 25px;
padding: 0;
margin: 0 auto 10px auto;}

div#nav-blue #viewcart{float: right; padding: 0; margin: 2px 5px 0 0;}
div#nav-blue #viewcart p{float: right; padding: 0; margin: 0; color: #ffffff; text-transform: capitalize; vertical-align: middle; font-size: small; font-weight: bold;}

#nav-blue {
background: #036;
padding:0;
margin: 0 auto;
width: 980px;
color: white;
position: absolute;
text-align: left;
z-index: 1;}

div#nav-blue ul {
list-style: none;
margin: 0; 
padding: 0; 
background: none;
border: 1px solid #fff; 
border-width: 0 1px;}

div#nav-blue li {
position: relative; 
list-style: none; 
margin: 0;
padding: 5px 12px 4px 12px;
float: left;}

div#nav-blue ul li a {
color: #fff;
text-transform: capitalize;
text-decoration: none;}

div#nav-blue ul.level2 {
background:#9c6;
color: #030;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 12px;}

div#nav-blue ul.level2 li{
width: 150px;
color: #030;
text-decoration: none;
padding:3px;
margin: 0;
border-bottom: 1px solid #9c6;}

div#nav-blue ul.level2 li a{
color: #030;
text-transform:none;}

div#nav-blue ul.level2 li:hover {
color: #030;
background:#fff;
text-decoration: none;
padding: 3px;
margin: 0;}

div#nav-blue li.submenu:hover {background-color: none;}

div#nav-blue ul.level2 li {border-bottom: 1px solid #fff;}

div#nav-blue li a {
display: block; 
padding: 0;
margin: 0;
text-decoration: none;}

div#nav-blue>ul.level2 a {width: 150px;}

div#nav-blue ul ul {
position: absolute; 
display: none;}

div#nav-blue ul ul li {border-bottom: 1px solid #fff;}

div#nav-blue li.submenu li.submenu:hover {background:#fff;}
div#nav-blue li.submenu li.submenu:hover {background:#fff;}
div#nav-blue ul.level1 li.submenu:hover ul.level2, 
div#nav-blue ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav-blue ul.level2 {top: 25px; left: 10px;}

div#nav-blue ul.level3 {
top: 0%;
left: 100%;
background: white;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;}
/*----------------------CONTENT---------------------------*/
#content{
background: #fff;
width: 1000px;
height: auto;
padding: 0;
margin: 0 0 0 -10px;}

legend { font-size:24px; font-weight:bold;}

#content h1 {
padding: 5px 0;
margin: 0;
font-size: 11pt;}

#content h3 {
padding: 0;
font-style:normal;
font-weight:bold; 
color:#003366;
font-size: 10pt;}

#content p a:link {color: #036; text-decoration: none; font-weight: bold;}
#content p a:hover {color: #036; text-decoration: underline; font-weight: bold;}
#content p a:visited{color: #036; text-decoration: none; font-weight: bold;}

#content table td .left { border-right: #039 solid 1px;}

#content .state-box { float: left; width: 240px; padding:0; margin: 0 0 10px 10px; }

#content table#map { width: 240px; padding: 0 10px; margin:0; color: #036; }
#content table#map th{background: #d4ecfb; color: #036;  padding: 3px 0 3px 15px; margin: 5px 0 0 0;}
#content table#map th a {color: #036; text-decoration: none; padding:0; margin:0; font-size:12pt; font-style:normal; }
#content table#map th a:hover {color: #036; padding:0; margin:0; font-size:12pt; font-style:normal; }
#content table#map td { background: #fff; padding: 2px 0; margin: 0;}
#content table#map td a {  color: #036; text-decoration: none;}
#content table#map td a:hover {color: #036; text-decoration: underline;}
#content table#map td { font-size:11px; text-transform:capitalize;}

#content table#admin { padding: 5px 10px; margin-right:-20px; font-size: small;}
#content table#admin th {background: #d4ecfb; padding: 3px 0 3px 15px; margin: 0; font-size:14pt;}
#content table#admin td { padding: 3px 0; margin: 0; text-transform:capitalize; border-right: 1px solid #d4ecfb; border-bottom: 1px solid #d4ecfb;}
#content table#admin td.text { padding: 3px 0 3px 10px;}
#content table#admin td a { color: #036; text-decoration: none; font-weight: bold;}
#content table#admin td a:hover {color: #036; text-decoration: underline; font-weight: bold;}


#content ul {
color: #000;
padding: 5px 0 ;
margin: 0;
list-style:disc;}

#content ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding: 0;
margin: 0 10px 3px 25px;
list-style:disc;}

#con-left {
float:left;
background:url(../images/tile.jpg) repeat-y;
width: 200px;
height: auto;
padding: 0;
margin: 0 0 10px 0;
border-left: 10px solid white;}

#con-left p {
text-align:left;
padding: 5px;
margin: 0;
font-size: small;
color: #000;}

#con-left #logo {
padding: 5px 0 0 0;
margin: 0;} 

#con-left h3 { text-align:center;
padding: 5px;
margin: 0;}
 
#con-left p#img {
text-align: center;
padding: 5px 0 0 0;
margin:0;
background: #036;
color: #fff;}

#con-left p#img img {
padding:5px 2px;
margin:0;}

#con-left p#img strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
padding: 0;
margin:-2px 0 0 0;}

#con-left p.header {
padding: 5px;
font-size: 12pt;
text-align: center;
color: #000;
font-weight: bold;
border-top: 1px solid #036;
border-bottom: 1px solid #036;}

#con-left a:link {color: #036; font-weight: bold; text-decoration: none;}
#con-left a:hover {color: #036; text-decoration: underline; font-weight: bold;}
#con-left a:visited {color: #036; font-weight: bold; text-decoration: none;}

#con-left #products{
width:199px;
height: auto;
padding: 0;
margin:0;}

#con-left #products h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background-color: #036;
padding: 0 0 10px 0;
margin: 0;
font-size: 11pt;
text-align: center;
line-height: 1.5em;}

#con-left #products p {
padding:0;
margin: 10px 0;
line-height: 1.5em;
text-align: center;}

#con-left #products a:link {color: #036;}
#con-left #products a:hover {color: #036; text-decoration: underline;}
#con-left #products a:visited {color: #036;}

#con-mid2 {
float:left;
width: 730px;
height: auto;
padding: 0 0 0 10px;
margin: 0 0 10px 10px;}

#con-mid2 h3 { font-size:14px; padding: 5px 0; margin:0;}

#con-mid2 #site-pack { width:725px; padding-bottom:10px; margin: 0;}
#con-mid2 #site-pack .sp { float:left; width:240px;}
#con-mid2 #site-pack .sp ul {width: 215px; height: 230px;}
#con-mid2 .moreinfo { margin: 0; padding:0; vertical-align:top;}
#con-mid2 .moreinfo a { font-weight:bold; text-decoration:none;}

#con-mid2 #e-com { width:725px; padding-bottom:10px; margin: 0;}
#con-mid2 #e-com .ec { float:left; width:350px;}
#con-mid2 #e-com .ec ul {width: 325px; height: 85px; margin-bottom:10px;}

#con-mid2 #wrap-left {
float: left;
padding: 0 10px 10px 0;
margin: 0;}

#con-mid2 #wrap-right {
float: right;
padding: 5px;
margin: 0;}


#con-mid2 ol li ol {
	width: 690px;
	background: #d4ecfb;
	color: #036;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#con-mid2 ol li ol p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 22px;
}


#con-mid2 ol li ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #036;
font-family: 11pt;
padding: 0;
margin: 0 10px 5px 25px;}

#con-mid2 ol {
	width: 730px;
	background: #d4ecfb;
	color: #036;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#con-mid2 ol p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 22px;
}


#con-mid2 ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #036;
font-family: 11pt;
padding: 0;
margin: 0 10px 5px 25px;}

#con-mid2 ul {
width: 730px;
background: #d4ecfb;
color: #036;
padding: 10px 0 10px 5px;
margin: 0;
list-style:disc;}

#con-mid2 ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #036;
padding: 0;
margin: 0 10px 5px 25px;
list-style:disc;}

#con-mid2 a {
color: #036;
text-decoration: none;}

#con-mid2 a:hover {
color: #036;
text-decoration: underline;}

#con-mid2 p {
padding: 5px 0;
margin: 0;}

#con-mid2 p.blue {
background: #d4ecfb;
width: 730px;
color: #036;
padding: 2px 0 2px 10px;
margin: 0 0 -5px 0;
font-size: 11pt; 
font-weight:bold;}

#con-mid2 p img{
padding: 5px;
margin: 0;}

#con-mid2 p strong {color: #000; font-size: 11pt; padding: 5px 0; margin:0;}
#con-mid2 .dealer { height:230px; padding: 0; margin: 0 0 20px 0;}
#con-mid2 .dealer-pc {height: 195px;}
#con-mid2 .info {float: left; padding: 5px; margin:0; height: 225px;}
#con-mid2 h1, h3,{
padding: 0;
margin: 0;
font-style:normal;
font-weight:bold; 
color:#003366;
font-size: 11pt;}

#con-mid2 h2 {
color: #036;
font-family: "Times New Roman", Times, serif;
font-size: 24pt;
padding: 0 0 0 5px;
margin: 0;}

#con-mid2 h4 {
padding: 5px 0;
margin: 0;}

/*----------------------FOOTER----------------------------*/
#footer {
background: #fff;
width: 980px;
height: auto;
padding:0;
margin: 0 auto;}

#top-links {
width: 980px;
height:auto;
padding:0;
margin: 0 auto 10px auto;
font-size: 9pt;}

#top-links .l-inner {
float: left;
width: 140px;
background: #036;
padding: 2px 0;
margin:0;}

#top-links .l-inner ul {
padding:0;
margin: 10px 0 0 10px;
list-style: none;
border-right: 1px solid #ffffff;}

#top-links #l-inner {
float: left;
width: 140px;
background: #036;
padding: 2px 0;
margin:0;}

#top-links #l-inner ul {
padding:0;
margin: 10px 0 0 10px;
list-style: none;}

#top-links ul, li, a{color: white;}
ul li a:hover {color: white; text-decoration: underline;}

#top-links .l-inner .title {
font-size: 10pt;
font-weight:bold;
width:115px;
padding:0 0 5px 0;
margin:0 0 0 10px;
border-bottom: 1px dotted #ffffff;}

#top-links .l-inner .title strong {
font-size: 10pt;
font-weight:bold;
color: #fff;
width:115px;
padding:0 0 5px 0;
margin:0 0 0 10px;
border-bottom: 1px dotted #ffffff;}

#top-links .l-inner .title img {
float: right;
padding: 0;
margin:-18px 0 0 0;}

#top-links #l-inner .title {
font-size: 10pt;
font-weight:bold;
width:115px;
padding:0 0 5px 0;
margin:0 0 0 10px;
border-bottom: 1px dotted #ffffff;}

#top-links #l-inner .title strong {
font-size: 10pt;
font-weight:bold;
color: #fff;
width:115px;
padding:0 0 5px 0;
margin:0 0 0 10px;
border-bottom: 1px dotted #ffffff;}

#top-links #l-inner .title img {
float: right;
padding: 0;
margin:-18px 0 0 0;}

#top-links strong a:link, a:hover, a:visited{
text-decoration: none;}

#links {
background:url(../images/footer-tile.jpg) repeat-y;
width: 980px;
height: auto;
padding: 0;
margin: 0;}

#links img.link {
padding: 0 15px;
margin: 0;}

#l-footer {
background: url(../images/footer-footer.jpg) no-repeat;
width: 980px;
height: 14px;
padding:0;
margin:0;}
