@charset "UTF-8";
/* CSS Document */


body {
margin:0 auto;
margin-top:0.5%;
background-image:url(bg.jpg);
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px
}

img{margin:0;}
a img{border:none}
a{ text-decoration:none}

h1{
	font-size:16px;
	font-weight: bold;
	line-height:normal;
	border-bottom:thin dotted #000066;
	padding-top:4px;
		}
h2{ 
	text-align:left; 
	font-size: 18px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	padding: 6px 0px 0px 6px;
	text-decoration:underline
	}

#box1 h2{color:#FFFFFF;}

h3{
	font-size:14px;
	font-weight: bold;
	line-height:normal;
		}
h4{
	font-size:14px;
	font-weight: bold;
	line-height:normal;
	text-indent: 15px;
		}
		
h5{
	font-size:14px;
	font-weight: bold;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:underline;
	
		}
h6{
	font-size:14px;
	font-weight: bold;
	line-height:0pt;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		}
.models{
	font-size:16px;
	font-weight: bold;
	line-height:normal;
	border-bottom:thin dotted #000066;
	text-align: center; float:left; 
	width: 615px;
	margin:0px 35px 12px 35px}


#top{
width:687px;
height:12px;
margin:0 auto;}
			  
#wrapper{
width:773px;
background-color:#ffffff;
overflow:hidden; 
border-left: #fff 1px solid;
border-right: #fff 1px solid;
margin:0 auto;
}




/* ----- HEADER ----- */



#header {
width:775px;
height:82px;
background-color:#fff;
background-image:url(secondary_header.jpg);
}

/* ----- MAIN CONTENT ----- */



#content { 
width:687px;
min-height:350px; /* for modern browsers */
height:auto !important; /* for modern browsers */
background-color:#fff;
background:url(bg2.jpg) repeat-x;
 
}
#content2 { 
width:687px;
min-height:350px; /* for modern browsers */
height:auto !important; /* for modern browsers */
background-color:#fff;
background-image:url(bg_underline.jpg);
background-repeat:no-repeat;
}

.shortnav {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
line-height:normal;
margin:0px 0px 0px 350px}

.shortnav ul {
list-style:circle;
margin:0;
}

.shortnav li {
display:inline;
float:left;
margin:0;
padding:0 0 0 8px;
}

.shortnav a {
color:#036;
float:left;
text-decoration:none;
margin:0;
}

#headernav {
width:510px;
line-height:normal;
text-align:right;
padding-top:50px;
padding-left:250px
}

#headernav li {
display:inline;
margin:0;
padding:0;
}

#headernav a {
float:left;
text-decoration:none;
padding-left:15px;
background:url(dot.jpg) no-repeat left;
margin:0 0 0 15px;
}

#headernav a span {
display:block;
color:#036;
float:none;
}

#headernav a:hover span {
color:#000;
}

			
.thumbs{
	margin-top: 15px;	}

.text{
float:left;
font-size: 11px;
width:375px;
padding: 20px 0 0 20px;
height:60px;
}

#textbox{
padding:15px 0px 20px 0;
margin-left:20px;
width:600px;
float:left;
}

#filterchart { color:#000000}
.tablesec{
background-color:#CCEBF4; 
}

#welcome{
margin-top:20px;
margin-left:8px;
width:360px;
float:left;
}

#links{
float:left;
padding-top:18px;
width:300px;
margin-left:15px;
}

.logo{
float:right;
width:290px;
text-align:right;
padding: 0px 0px 11px 0px;
height:70px;
}

#features{
width:686px;
	height: 100%;
	float:left
	}

.list1{
font-size:11px;
width: 340px;
float:left}

.list2{
font-size:11px;
margin: 0px 0px 0px 340px;
width: 340px}

.tag{
background:url(pricetag.jpg) no-repeat;
background-position:center;
width:103px;
height:42px;
text-align:center;
margin:0 auto;
font-weight:bold;
line-height: 30pt
 }
 
 #packclmn1{float:left; width:200px; padding: 15px 0px 0px 15px; border-right: 2px solid #9FC1E3}
 #packclmn2{float:left; width:450px; padding: 15px 0px 0px 15px}
 
 
#leftnav{
float:left;
font-size: 12px;
width:130px;
padding:;
background:url(leftnav_bg.jpg) repeat-x;
min-height:350px
}

#leftnav ul{
list-style:none;
padding:0px 0px 0px 18px;
margin:0px}

#leftnav li{
padding:0px 0px 0px 0px;
list-style-image:url(arrow.gif);
margin-top:20px}

#spa_leftnav{
	float:left;
	font-size: 12px;
	width:130px;
	padding:;
	background:url(leftnav_bg.jpg) repeat-x;
	min-height:350px;
	padding:8px 0 0 4px}
#products{
float:left;
margin-left:30px;
padding:0 0 11px;
width:525px;}
.productbox{
	background:url(productbox.jpg) no-repeat top right;
	width:520px;
	text-align:left;
	font-size:11px;
	padding: 0px 0px 0px 0px;
	min-height:180px
	}
.currentproduct{
	font-size:13px;
	font-weight:bold;}

.info{
	width:226px;
	height:200px;
	float:left;
	padding-top: 12px;
	} 
.series{
	width:175px;
	background-image:url(seriesbg.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:6px;
	margin-top:12px;
	padding-top:6px;
	min-height:400px}
 .series ul{
 	padding-left:20px;
	margin:0px;} 
 .series li{
 	padding:0px;
	padding-bottom:10px;
	margin:0px;
	border-bottom:thin solid #D3ECE3;}
.buy{
	width:550px; padding-left:25px; float:left}
	
#navi {
  float:left;
  width:100%;
  background: url("bg.gif") repeat-x bottom;
  line-height:normal;
  padding-top:2px;
  }
#navi ul {
  margin:0;
  list-style:none;
  text-align:center;
  }
#navi li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#navi a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color: #0033CC;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navi a {float:none;}
/* End IE5-Mac hack */
#navi a:hover {
  color:#003366;
  }
#navi #current {
  background-image:url("left_on.gif");
  }
#navi #current a {
  background-image:url("right_on.gif");
  color: #003366;
  padding-bottom:5px;
  }

#viewcart{
height:23px; float:right; padding-right:5px}
  
#navi2 {
float:left;
  width:100%;
  line-height:normal;
  padding-left: 15%;
  padding-top:2px; 
  text-align:center

  }
#navi2 ul {
  margin:0;
  list-style:none;
  }
#navi2 li {
  float:left;
  margin:0;
  padding:0 0 0 9px;
  text-decoration:underline;
  }
 #esgroup{ float:left}
 .esbut{font-size:11px; text-align:left; padding-left:35px; padding-bottom:10px; width:335px; margin-top:0px; float:left}
 #copyright{
 float:left;
   width:100%;
   margin:auto 0;
   text-align:center;
   font-size:10px;
   padding-bottom:12px;
 }
 #payments{
 float:left;
   width:100%;
   margin:auto 0;
  padding-left: 25%;
padding-top:15px;
  font-size:10px
 }
 
 .nbor{
 font-size:13px;
 color:#330000;
 font-weight:bold;}
 
 .btmtext{
 loat:left; width:100%; text-align:center;}
 
.gallery form{
line-height:15pt}

.right{
text-align:right;
width:100%}
.left{
text-align:left;}
/* ----- FOOTER ----- */

#footer {
width:775px;
height:80px;
background-image:url(secondary_footer_bg.jpg);
float:left
}