body {
  margin: 0;
  padding: 0;
  background: #ccb48f;
  font-family :Verdana, Arial, Helvetica, sans-serif;
  color : #fff;
  font-size : 12px;
}

p {
  margin:0 10px 10px;
}

img.prodthumb {
  margin: 0;
  padding: 0;
  float: left;
  border: 0;
}

img.centering {
  margin: 0;
  padding: 0;
  border: 0;
}

table.nav {
  border-top: 1px solid #E6DCCF;
  border-left: 1px solid #E6DCCF;
  border-bottom: 1px solid #BF9960;
  border-right: 1px solid #BF9960;
}

td.menu {
  border-left: 1px solid #BF9960;
  border-top: 1px solid #BF9960;
  border-right: 1px solid #E6DCCF;
  border-bottom: 1px solid #E6DCCF;
}

#formcontent {
  margin: 0;
  margin-right: -6px;
  margin-bottom: 10px;
  padding: 0;
  width: 550px;
  height: 100%;
  float: left;
  background: #fff;
}

#formcontent h2 {
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
  color: #807059;
}

#formcontent .text {
  margin: 0;
  padding: 0;
  border: 1px solid #807059;
  text-align: left;
}

#formcontent h2.right {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  line-height: 1.4em;
  color: #807059;
}

#formcontent h2.left {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
  color: #807059;
}  

#formcontent a:link, #formcontent a:visited {
  margin: 0;
  padding: 0;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  color: #000;
}

#formcontent a:hover {
  margin: 0;
  padding: 0;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
  color: #000;
} 

#formcatbanner {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  width: 550px;
  height: 20px;
  background: #fff2bf;
} 

#formcatbanner p {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;         font-size: 14px; 
  font-style: bold; 
  text-align: center;	  
  font-weight: bold;
  color: #807059;
  text-decoration: none; 
}

#custform {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 530px;
  height: 485px;
  border-left: 1px solid #807059;
  border-right: 1px solid #807059;
  border-bottom: 1px solid #807059;
}

#custform h2 {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  padding-top: 3px;
  padding-left: 3px;
  width: 530px;
  height: 25px;
  background: #807059;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

#custform p {
  margin: 0;
  padding: 0;
  padding-left: 80px;
  text-align: left;
  text-decoration: underline;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
}

#custform p.value {
  margin: 0;
  padding: 0;
  width: 185px;
  text-align: left;
  text-decoration: none;
  font-size: 10px;
  color: #807059;
}

#custform p.label {
  margin: 0;
  padding: 0;
  padding-right: 5px;
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
}

#custform p.checkboxtext {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
  font-size: 9px;
  font-weight: bold;
  color: #807059;
}  

#custform p.label2 {
  margin: 0;
  padding: 0;
  padding-right: 5px;
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
} 

#custform .text {
  margin: 0;
  padding: 0;
  border: 1px solid #807059;
  text-align: left;
} 

td.label {
  margin: 0;
  padding: 0;
}

td.entry {
  margin: 0;
  padding: 0;
}

td.gap {
  margin: 0;
  padding: 0;
  width: 5px;
}    

#form {
  margin: 0;
  padding: 0;
  width: 530px;
  height: 500px;
  border-left: 1px solid #807059;
  border-right: 1px solid #807059;
  border-bottom: 1px solid #807059;
}

#form h2 {
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-left: 3px;
  width: 530px;
  height: 25px;
  background: #807059;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

#form h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: underline;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
}

#form h1.left {
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: underline;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
}

#form p {
  margin: 0;
  padding: 0;
  font-size: 9px;
  text-align: center;
}

#form p.total {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #807059;  
}

#form p.right {
  margin: 0;
  margin-right: 8px;
  padding: 0;
  float: right;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #807059;
}  

#form p.left {
  margin: 0;
  padding: 0;
  font-size: 9px;
  text-align: left;
}

#form p.quanvalue {
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #807059;
}

p.disclaim {
  margin: 0;
  margin-top: 5px;
  margin-left: 10px;
  padding: 0;
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: #807059;
}

p.finish {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  line-height: 1.4em;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #807059;
}

#form .text {
  margin: 0;
  margin-left: 6px;
  padding: 0;
  border: 1px solid #807059;
  text-align: center;
}

#form .totaltext {
  margin: 0;
  margin-top: 3px;
  padding: 0;
  border: 1px solid #fff;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #807059;
}

.btn {
  margin: 0;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 0;
  float: right;
  background: #807059;
  border: 2px solid #fff2bf;
  color: #fff2bf;
}

#form ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 185px;
  float: right;
  list-style: none;
  border-top: 1px solid #807059;
  font-size: 14px;
  color: #807059;
}

#form li {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  display: inline;
  text-align: right:
}

tr.titlespace {
  margin: 0;
  padding: 0;
  height: 25px;
}

tr.formspace {
  margin: 0;
  padding: 0;
  height: 30px;
}

td.model {
  margin: 0;
  padding: 0;
  width: 55px;
}

td.desc {
  margin: 0;
  padding: 0;
  width: 325px;
}

td.price {
  margin: 0;
  padding: 0;
  width: 60px;
}

td.field {
  margin: 0;
  padding: 0;
  width: 30px;
}

td.totallab {
  margin: 0;
  padding: 0;
  width: 95px;
}

td.total {
  margin: 0;
  padding: 0;
  width: 100px;
}  

td.space {
  margin: 0;
  padding: 0;
  width: 15px;
}

#header {
  margin: 0;
  padding: 0;
  width: 700px;
  height: 185px;
  line-height:50px;
  background-image: url(images/HatterasBanner.jpg);
  background-repeat: no-repeat; 
  border-left: 1px solid #e6dccf;
  border-right: 1px solid #e6dccf;
  color: #ffffff; 
  font: Georgia, Verdana, Helvetic, Arial, Times New Roman; 
  size: 4px;
}

#title {
  font: bold 24px "verdana", "arial", "times new roman";
  position: relative;
  top: 5px;
  left: 5px;
}

#text {
  color: #fffae6;
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
}

#wrapper {
  margin: 0;
  padding: 0;
  width: 700px;
  height: 100%;
  text-align: left;
}

#extra {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 100%;
  float: left;
  background: #807059;
}

#right {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 100%;
  float: right;
  background: #ffcc80;
  color: #000;
}

#contentstart {
  margin: 0;
  margin-right: -6px;
  margin-bottom: 10px;
  padding: 0;
  width: 400px;
  height: 100%;
  float: left;
  background: #fff;
}

#content {
  margin: 0;
  margin-right: -6px;
  margin-bottom: 10px;
  padding: 0;
  width: 400px;
  height: 100%;
  float: left;
  background: #fff;
}

#content h1 {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  color: #807059;
}  

#content h2 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  font-size: 10.3px;
  color: #807059;
}  

#content h3 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  text-decoration: underline;
  color: #807059;
}

#content ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  text-align: center;
  color: #000;
}

#content li {
  margin: 0;
  margin-left: 0px;
  margin-bottom: 5px;
  padding: 0;
  font-size: 11px;
}

#contenttop {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  width: 400px;
}

#contenttop h2 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  font-size: 10.3px;
  color: #807059;
}  

#contenttop a:link, #contenttop a:visited {
  margin: 0;
  margin-top: 10px;
  margin-left: 20px;
  padding: 0;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #807059;
}

#contenttop a:hover {
  margin: 0;
  margin-top: 10px;
  margin-left: 20px;
  padding: 0;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  color: #807059;
}

#contenttop h1 {
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  color: #807059;
}   

#catbanner {
  margin: 0;
  padding: 0;
  width: 400px;
  height: 20px;
  background: #fff2bf;
} 

#catbanner p {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;         font-size: 14px; 
  font-style: bold; 
  text-align: center;	  
  font-weight: bold;
  color: #807059;
  text-decoration: none; 
}

#colhold {
  margin: 0;
  padding: 0;
  width: 400px;
}

#catcolleft {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  width: 195px;
  float: left;
}

#catcolleft h1 {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
}

#catcolleft h2 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  font-size: 10.3px;
  color: #807059;
}

#catcolleft a:link, #catcolleft a:visited {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#catcolleft a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}
  
#catcolright {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  width: 195px;
  float: right;
}

#catcolright h1 {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
}

#catcolright a:link, #catcolright a:visited {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#catcolright a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#prodcolleft {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  width: 150px;
  float: left;
}

#prodcolleft h1 {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
}

#prodcolleft h2 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  font-size: 10.3px;
  color: #807059;
}

#prodcolleft a:link, #prodcolleft a:visited {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#prodcolleft a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#prodcolright {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 2px;
  padding: 0;
  width: 242px;
  float: right;
}

#prodcolright h1 {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
}

#prodcolright a:link, #prodcolright a:visited {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#prodcolright a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 10.3px;
  font-weight: bold;
  color: #807059;
}

#prodcolright ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #000;
}

#prodcolright li {
  margin: 0;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
  font-size: 11px;
}

#footer {
  margin: 0;
  padding: 0;
  width: 700px;
  height: 25px;
  background: #e6dccf; 
  text-align: center;
}

#footer p {
  font-weight:bold; 
  font-size: 6pt; 
  font-family:  verdana, helvetica, arial, times new roman;
  color: #807059;
}

a.menu{
	color: #fffae6;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;

}
a.menu active{
color: #bf9960;
font-weight: bold;
text-decoration:none;
font-size: 10px;
}
a.menu:visited{
color: ffee689;
font-weight: bold;
text-decoration: none;
font-size: 10px;
}
a.menu:hover{
color: #FFFF33;
font-weight: bold;
text-decoration: none;
font-size: 10px;
}

li.normal {
font-family :  Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style : normal;text-align:left;	font-variant :normal; 
list-style: square inside;
font-weight : normal;
height : auto;
letter-spacing : normal;
line-height : 1;
color : #fffae6;
text-decoration : none;
}
.thumb
{
width: 127px;
height: 142px;
}

input.formbutton {

font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f2f2f2;
margin : 5px;
border: solid 1px #ccc;
}


input.formfield {
font-size : 10px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f2f2f2;
}

P { font-family :  Verdana, Arial, Helvetica, sans-serif; font-size : 11px;font-style : normal;text-align:left; font-variant :normal;
font-weight : normal;
line-height : 1.5;
letter-spacing : normal;
color : #000000;
text-decoration : none;
}

P.banner { font-family : Georgia, Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-style : bold; text-align:center;	font-variant : normal;
font-weight : bold;
height : auto;
letter-spacing : normal;
line-height : 2.0;
color : #807059;
text-decoration : none;
}
p a:link{

color: #bf9960;
font-weight: normal;
text-decoration: underline;
font-size: 11px;
}


p a:active{
color: #bf9960;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}

p a:visited{
color: #ff9900;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}


p a:hover{
color: #ccb48f;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
}
P.menu { font-family :  Verdana, Arial, Helvetica, sans-serif; font-size : 11px;font-style : normal;text-align:left; font-variant :normal;
font-weight : normal;
line-height : 1.5;
letter-spacing : normal;
color : #fffae6;
text-decoration : none;
}

font.logo {color:#ffffff; font-weight:bold; font-size: 6pt; font-family:arial; font-weight: bold;}
font.heading {color:#000000; font-weight:bold; font-size: 12pt; font-family:verdana;}
font.main {font-weight:plain; font-size:10pt; font-family:arial;}
font.small {color:#ffffff; font-weight:plain; font-size:6pt; font-family:arial;}

.a{ font-weight:bold; font-size: 9pt; font-family:  verdana, helvetica, arial, times new roman;margin: 5px; float: left; padding: 5px; color: #807059;}
.b{background:#FFFFFF;}
.c{background:#FFC000;font-weight:bold}
.m{background:#acceff; font-size:13pt; font-family:verdana; line-height : 1.5;}
.p{background:#CCCCDD;}
.s{background:#acceff; font-size:10pt; font-family:verdana;}
.t{background:#900000;}
.r{background:#ffe680; font-weight:bold; font-size: 9pt; font-family:  verdana, helvetica, arial, times new roman;margin: 5px; float: left; padding: 5px;color: #000; 

}


}
h1 {

font-family:  Verdana, Arial, Helvetica, sans-serif; font-size : 20px;font-style :normal;text-align:center;	font-variant :normal;

	font-weight : bold;
	height : auto;
	line-height :1.5;
	color : #ffffff;
	text-decoration : none;
}