body {
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
margin:0 auto;
border: 0px;
width:760px;
min-height: 100%; 
height: 100%;
clear:both;
}
#bg{
width:760px;
margin:0px;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
float:left;
}
#bgbottom{
width:760px;
height:20px;
background-image:url(../images/gl_bft.jpg);
background-position:left;
background-repeat:repeat-x;	
margin-left:1px;
clear:both;
}
#bgbottomleft{
height:20px;
width:20px;
background-image:url(../images/gl_ltft.jpg);
float:left;
}
#bgbottomright{
height:20px;
width:20px;
background-image:url(../images/gl_rtft.jpg);
float:right;
}

/*.......................................................*/

#container{
width:720px;
padding:10px 20px 0px 20px;
margin:0px;
clear:both;
}

/*...........................header............................*/

#headerarea{
width:719px;
height:166px;
min-height:166px;	
float:left;
padding-left:1px;
margin:0px;
}
#topnav{
width:720px;
height:37px;
min-height:37px;
margin:0px;
border-top:1px solid #ffffff;  
background-color:#eff0e0;
background-image:url(../images/subhead_corner.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;
clear:both;
}
#topnav #left{
width:210px;
height:30px;
border-right:2px solid #F6F7EF;
padding-left:10px;
padding-top:7px;
float:left;
}
#topnav #left a:link      { text-decoration:none; color:#000000; font-size:14pt; font-weight:bold; }
#topnav #left a:visited   { text-decoration:none; color:#000000;font-size:14pt; font-weight:bold;}
#topnav #left a:hover     { text-decoration:none; color:#cccc9a;font-size:14pt; font-weight:bold;}
#topnav #left a:active    { text-decoration:none; color:#cccc9a;font-size:14pt; font-weight:bold;}

#topnav #right{
width:440px;
height:27px;
margin-left:30px;
border-left:2px solid #F6F7EF;
float:left;
text-align:right;
font-size:10pt;
padding-top:10px;
font-weight:bold;
}
#topnav #right #loginarea { width:auto; float:right;}
#topnav #right #logoutarea { width:auto; float:right; padding-left:5px;}
#topnav #right a{ text-decoration:underline; font-weight:bold;}

#payload{
width:720px;
margin-top:20px;
background-image:url(../images/leftnavbg3.gif);
background-repeat:repeat-y;
background-position:left;
float:left;
padding-bottom:10px;
}
#payload.cart{background:none; width:700px; padding-left:10px; padding-right:10px;}

/*...........................leftcol............................*/

#leftcol {
width: 220px;
padding: 0px;
float: left;
font-size:9pt;
}
#nav{
width:220px;
float:left;
margin:0px;
}
.leftnav{
width:205px;
float:left;
border-bottom:2px solid #e5e5cd;
padding-left:15px;
padding-top:2px;
padding-bottom:2px;
background-color:#cccc9a;
margin:0px;
}
.leftnav#order{background-color:#b68632;padding-top:4px; padding-bottom:4px;}
.leftnav#last{border-bottom:2px solid #ffffff;}
a.leftnav:link       { color:#000000; text-decoration:none; font-weight:normal; }
a.leftnav:visited    { color:#000000; text-decoration:none; font-weight:normal; }
a.leftnav:hover      { color:#808080; text-decoration:none; font-weight:normal; background-color:#e5e5cd;}

a.leftnav#order:link       { color:#ffffff; text-decoration:none; font-weight:bold; }
a.leftnav#order:visited    { color:#ffffff; text-decoration:none; font-weight:bold; }
a.leftnav#order:hover      { color:#fcfcfc; text-decoration:none; font-weight:bold; background-color:#6d5745;}


.leftnav1{
width:220px;
float:left;
text-indent:15px;
padding-top:2px;
padding-bottom:2px;
background-color:#cccc9a;
}
a.leftnav1:link       { color:#000000; text-decoration:none; font-weight:normal; }
a.leftnav1:visited    { color:#000000; text-decoration:none; font-weight:normal; }
a.leftnav1:hover      { color:#808080; text-decoration:none; font-weight:normal; background-color:#e5e5cd;}
a.leftnav1:active     { color:#808080; text-decoration:none; font-weight:normal; background-color:#e5e5cd;}

#info{
width:205px;
background-color:#cccc9a;
border-bottom:2px solid #ffffff;
padding-left:15px;
padding-top:15px;
padding-bottom:20px;
float:left;
margin:0px;
}
#info.loginNav {padding-top:2px;}
#info a:link       { text-decoration:none; color:#000000; font-weight:normal;}
#info a:visited    { text-decoration:none; color:#000000; font-weight:normal;}
#info a:hover      { text-decoration:underline; color:#3399ca; font-weight:normal;}
#info a:active     { text-decoration:underline; color:#3399ca; font-weight:normal;}

/*...........................rightcol............................*/

#rightcol {
width: 470px;
height: 100%;
min-height: 100%;
background: url("../images/rt_.jpg");
background-repeat: repeat-y;
padding: 0px;
float: right;
}
#rightcol center { font-size:12pt; font-weight:bold; margin-bottom:10px;} 
/*...........................footer............................*/

#clear {
clear:both;
}
#footerarea{
width:720px;
margin:2px auto;
text-align:center;
font-size:8pt;
color:#808080;
}
#footerarea a      { color: #808080; text-decoration: none; font-weight: normal; font-size: 8pt;  }
#footerarea a:link       { color: #808080; text-decoration: none; font-weight: normal; font-size: 8pt;  }
#footerarea a:visited    { color: #808080; text-decoration: none; font-weight: normal; font-size: 8pt;  }
#footerarea a:active     { color: #3399ca; text-decoration: underline; font-weight: normal; font-size: 8pt; }
#footerarea a:hover      { color: #3399ca; text-decoration: underline; font-weight: normal; font-size: 8pt; }

#subfooterarea{
width:720px;
margin:10px auto;
padding-bottom:20px;
text-align:center;
font-size:7.5pt;
color:#808080;
}
#subfooterarea a      { color: #808080; text-decoration: none; font-weight: normal; font-size: 7.5pt;  }
#subfooterarea a:link       { color: #808080; text-decoration: none; font-weight: normal; font-size: 7.5pt;  }
#subfooterarea a:visited    { color: #808080; text-decoration: none; font-weight: normal; font-size: 7.5pt;  }
#subfooterarea a:active     { color: #3399ca; text-decoration: none; font-weight: normal; font-size: 7.5pt; }
#subfooterarea a:hover      { color: #3399ca; text-decoration: none; font-weight: normal; font-size: 7.5pt; }

/*...........................others............................*/
li {
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #606060;
}
p{
font-size: 10pt;
font-weight: normal;
color: #606060;

}
h1{
font-size: 13pt;
font-weight: bold;
color: #3399ca;
margin-top:5px;
}
h2{
font-size: 11pt;
font-weight: bold;
color: #3399ca;
font-style: italic;
}
h3{
font-size: 10pt;
font-weight: bold;
color:#000000;
}
h4{
font-size: 11pt;
font-weight: bold;
color: #EF3F35;
}
a      { color: #3399ca; text-decoration: none; font-weight: normal; }
a:link       { color: #3399ca; text-decoration: none; }
a:visited    { color: #3399ca; text-decoration: none; }
a:active     { color: #3399ca; text-decoration: none; }
a:hover      { color: #000000; text-decoration: underline; }

form#info {font-size: 10pt; padding: 10px; width: 448px; border:1px solid #cccc9a; margin:0px auto 10px auto; height:430px; background:none;}
form#info label {display: block; width: 180px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#info input, form#info select, form#info textarea {display: block; width: 190px; float: left; margin-bottom: 10px; border:1px solid #cccc9a;}
form#info input.sub { border:1px solid #cccc9a; width:60px; margin-right:5px; background-color:#ffffff;}
form#info input.sub:hover { background-color:#eff0e0;}
form#info input.hide { display:none;}
form#info textarea { height:60px;}
form#info p {display: block; float:left; width:420px; font-size:8pt;}

form#coupon {font-size: 10pt; padding: 10px; width: 448px; border:1px solid #cccc9a; margin:0px auto 10px auto; height:140px; background:none;}
form#coupon label {display: block; width: 180px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#coupon input, form#coupon select, form#coupon textarea {display: block; width: 190px; float: left; margin-bottom: 10px; border:1px solid #cccc9a;}
form#coupon input.sub { border:1px solid #cccc9a; width:60px; margin-right:5px; background-color:#ffffff;}
form#coupon input.sub:hover { background-color:#eff0e0;}
form#coupon input.hide { display:none;}
form#coupon textarea { height:60px;}
form#coupon p {display: block; float:left; width:420px; font-size:8pt; }

.checkOut{ float:left; border-bottom:2px solid #e5e5cd; padding-top:2px; padding-bottom:2px; background-color:#cccc9a; border:1px solid #ffffff; font-size:10pt; margin-top:5px; padding-left:10px; padding-right:10px; }
a.checkOut:link      	{color:#000000; text-decoration:none;}
a.checkOut:visited  {color:#000000; text-decoration:none;}
a.checkOut:hover     {color:#000000; text-decoration:none; font-weight:normal; background-color:#ffffff;border:1px solid #cccc9a;}
a.checkOut:active    {color:#000000; text-decoration:none;}

.calculatorTitle{ border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:433px; font-weight:bold;}
form.calculator { float:left;}
form.calculator .Box {float:left; width:428px; border:1px solid #cccc9a; font-size:11px; padding:5px 5px 15px 5px; margin-bottom:10px;}
form.calculator #btn {float:left;width:125px; padding-left:218px;}
form.calculator #btn2 {float:left;width:195px; padding-left:157px;}
form.calculator label {display: block; width: 150px; float: left;margin-bottom: 10px; padding-right:20px; font-size:9pt; padding-top:5px; text-align:right;}
form.calculator input {display: block; width: 190px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form.calculator span { display:block; width:40px; float:left; padding-left:5px; padding-top:5px;}
form.calculator input.sub { border:1px solid #afafaf; width:60px; margin-right:2px; }
form.calculator input.hide { display:none;}
form.calculator input.cart{ width:80px;border:1px solid #cccc9a; margin-right:2px; background-color:#ffffff; background-color:#eff0e0;}
form.calculator input.recal{ width:100px;border:1px solid #cccc9a;background-color:#ffffff; background-color:#eff0e0; text-align:center;}
form.calculator p { display:block; width:310px; font-weight:bold; margin-bottom:10px; margin-left:0px; margin-top:10px; float:left;}
form.calculator p.red {color:#FF0000;}

form.hide {display:none;}

.prodboxr {margin:0px;float:right; font-size:12px;font-weight:bold;}
.prodboxl {margin:0px;float:left; font-size:12px;font-weight:bold;}
.prodboxlrg {margin:10px auto 10px auto;float:none; font-size:12px; border:1px solid #cccc9a;height:245px;}
.prodboxlrg img {float:left;margin:10px;}
.prodboxlrg span {color:#ff0000; font-weight:bold;}
.prodboxlrg span.shipping {color:#ff0000; font-size:10px;}

.prodboxlrg1 {margin:10px auto 10px auto;float:none; font-size:12px; border:1px solid #cccc9a;height:260px;}
.prodboxlrg1 img {float:left;margin:10px;}
.prodboxlrg1 span {color:#ff0000; font-weight:bold;}
.prodboxlrg1 span.shipping {color:#ff0000; font-size:10px;}