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);}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
/*----------------------ALL-------------------------------*/
#all {
background: #fff;
width: 980px;
height: auto;
padding: 10px;
margin: 0 auto;}

/*----------------------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;}
/*----------------------TOP-------------------------------*/
#top {
width: 984px;
height: 638px;
padding: 0;
margin: 0 auto 10px auto;}

#left {
float:left;
background: url(../images/top-left-blue.jpg) no-repeat;
width: 200px;
height: 350px;
padding: 0;
margin: 0;}

#find {
padding: 0;
margin: 4px 0;
text-align: center;
border-bottom: 1px solid #036;}
#find h1{
padding: 0;
margin:0 0 4px 0;
font-size: 14pt;}
#find img {
padding: 0;
margin: 0;}

#learn {
padding: 0 0 0 1px;
margin: 0;
border-bottom: 1px solid #036;}

#shop {
padding: 0 0 0 1px;
margin: 0;}

#flash {
float:left;
width: 580px;
height: 350px;
padding: 0;
margin: 0;}

#right {
float:left;
background: url(../images/top-right-form.jpg) no-repeat;
width: 204px;
height: 350px;
padding: 0;
margin: 0;}

#right form {
color: #036;
font-size: 10px;
font-weight: bold;
padding: 0;
margin: 75px 0 0 5px;}

#right form input#textbox {
background: #036;
color: #ffffff;
font-weight: bold;}

#right form p {
padding: 0;
margin: 0;}

#right form  input #submit  {
color: #fff;
font-size: 10px;
font-weight: bold;
text-transform:uppercase;
padding:3px 10px;
margin: 0;}

#bottom {
float: left;
background: #003366 url(../images/top-bot-bg-blue2.jpg) no-repeat;
width: 972px;
height: auto;
padding: 5px 0 0 8px;
margin: 0 0 10px 0;}

#bottom #bar {
padding:0; margin:-4px 0 0 -8px;}

#bottom .box {
float: left;
width: auto;
padding: 0;
margin: 0;}

.box p {
padding: 3px 0 0 3px;
margin: 0;
font-size: 10px;
font-weight: bold;}

.box img {
padding: 0;
margin: -82px 0 0 110px;}

.box strong{
text-transform:uppercase;
font-size: 10pt;}

.box p a:link{ color: #fff;}
.box p a:hover{ color: #fff;}

.box b{
font-size: 10pt; color:#fff;}

.box em {
background:url(../images/buy-button.png) no-repeat;
padding: 1px 5px 2px 5px;
height: 20px;
width: 65px;
color: #999999;
font-style:normal;
font-size: 10pt;}

.box em a:link {
color: #000;
text-decoration: none;}

.box em a:visited {
color: #000;
text-decoration: none;}

.box em a:hover {
color: #999;
text-decoration: none;}

#bottom #box {
float: left;
width: auto;
padding: 0;
margin: 0;}

#box p {
padding: 3px 0 0 3px;
margin: 0;
font-size: 10px;
font-weight: bold;}

#box img {
padding: 0;
margin: -90px 0 0 115px;}

#box strong{
text-transform:uppercase;
font-size: 10pt;}

#box b{
font-size: 10pt; color: #fff;}

#box em {
background:url(../images/buy-button.png) no-repeat;
padding: 1px 5px 2px 5px;
height: 20px;
width: 65px;
color: #999;
font-style:normal;
font-size: 10pt;}

#box em a:link {
color: #000;
text-decoration: none;}

#box em a:visited {
color: #000;
text-decoration: none;}

#box em a:hover {
color: #999;
text-decoration: none;}
/*----------------------CONTENT---------------------------*/
#content{
background: #fff;
width: 1000px;
height: auto;
padding: 0;
margin: 0 0 0 -10px;}

#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;}

#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#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 p {
text-align:left;
padding: 5px;
margin: 0;
font-size: small;
color: #000;}

#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-mid {
float:left;
background:#fff;
width: 560px;
height: auto;
padding: 0;
margin: 0 10px 10px 10px;
font-size: 9pt;}

#con-mid p {
padding: 0 0 10px 0;
margin: 0 ;}

#con-mid h1 {
padding: 0;
margin: 0;
font-style:normal;
font-weight:bold; 
color:#003366;
font-size: 11pt;}

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

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

#con-right p#norm {
padding:0 0 0 1px;
margin:0 0 -3px 0;
background: #036;}

#con-right p#img {
padding: 0 0 0 1px;
margin:0 0 0 0;}

#con-right p#img img {
width:198px;
border-bottom: 1px solid #036;}

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

#con-right a:link {color: #036; font-weight: bold; text-decoration: none;}
#con-right a:hover {color: #036; text-decoration: underline; font-weight: bold;}
#con-right a:visited {color: #036; font-weight: bold;text-decoration: none;}
/*----------------------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:link, a:visited{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 a:link {text-decoration: none;}
#top-links a:hover {text-decoration: underline;}
#top-links 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;}