body {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin:0px auto;
border: 0px;
min-height: 100%; 
height: 100%;
width:760px;
font-size:12px;
vertical-align: middle
}

/*.............................head...........................*/
#headerarea {
width: 760px;
height: 190px;
min-height: 190px;
background-image: url(../images/pondscape.jpg);
color: #000000;
padding: 0px 0px 0px 0px;
margin:0px;
border-bottom:5px solid #666666
}

#title{
width:200px;
background-image:url(../images/title_bg.gif);
background-repeat:no-repeat;
margin-left:10px;
height:65px;
float:left;
color:#005ebb;
font-size:24px;
font-weight:bold;
padding-left:10px;
padding-top:10px;
}
#title .smallFont{
font-size:12px;
line-height:13px;
}
#topnav{
display:block;
width:580px;
margin-top:94px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
padding:0px 0px 0px 0px;	
float:left;
}
.topNavLink{
width:99px;
text-align:center;
border-left:1px solid #666666;
border-top:1px solid #666666;
background-image:url(../images/nav_bg.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0px;
float:left;
font-size:12px;
padding-top:2px;
}

a.topNavLink:link      {color:#000000; text-decoration:none;}
a.topNavLink:visited   {color:#000000; text-decoration:none;}
a.topNavLink:hover     {color:#ff3d04; background-image:url(../images/nav_bg.gif); background-repeat:no-repeat;background-position:right top;}
a.topNavLink:active    {color:#ff3d04; background-image:url(../images/nav_bg.gif); background-repeat:no-repeat;background-position:right top;}


/*.............................left col...........................*/
#leftcol {
width: 504px;
padding: 0px;
float: left;
margin:0px;
}
#leftcolLink{
width:auto;	
margin:10px;
}
#leftcolLink a:link      {text-decoration:none; color:#000000;}
#leftcolLink a:visited   {text-decoration:none; color:#000000;}
#leftcolLink a:hover     {text-decoration:underline; color:#ff3d04;}
#leftcolLink a:active    {text-decoration:underline; color:#ff3d04;}

#leftcol_calculator{
width:760px;
padding:0px;
margin:0px;
float:left;
}
/*.............................right col...........................*/
#rightcol {
width: 236px;
background: url("../images/rt_.jpg");
background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
margin-left:10px;
float: left;
}
#rightcolLink{
margin:10px;
width:216px;
float:right;
text-align:right;
}

#rightcolLink a:link      { text-decoration:underline; color:#000000; font-weight:normal;}
#rightcolLink a:visited   { text-decoration:underline; color:#000000; font-weight:normal;}
#rightcolLink a:hover     { text-decoration:underline; color:#ff3d04;}
#rightcolLink a:active    { text-decoration:underline; color:#ff3d04;}

.rightcol-red{
width:235px;
height:36px;
float:left;
background-image:url(../images/call_bgred.jpg);
background-repeat:no-repeat;
color:#005EBB;
text-align:center;
font-size:19px;
font-weight:bold;
padding-top:5px;
}

a.rightcol-red:link      {text-decoration:none; color:#005ebb;}
a.rightcol-red:visited   {text-decoration:none; color:#005ebb;}
a.rightcol-red:hover     {text-decoration:underline;}
a.rightcol-red:active    {text-decoration:underline;}

.rightcol-grey{
width:225px;
background-image:url(../images/call_bgblu.jpg);
background-repeat:no-repeat;
height:100px;
float:left;
text-align:right;
color:#FF362F;
padding-right:10px;
font-weight:bold;
line-height:12px;
margin-top:10px;
padding-top:8px;
}
.rightcol-grey .bigRedFont{
color:#ff362f;
font-size:19px;
line-height:21px;
}

a.rightcol-grey:link      {text-decoration:none; color:#ff362f;}
a.rightcol-grey:visited   {text-decoration:none; color:#ff362f;}
a.rightcol-grey:hover     {text-decoration:underline;}
a.rightcol-grey:active    {text-decoration:underline;}

/*.............................footer...........................*/
#footerarea {
width: 760px;
border-top:5px solid #666666;
margin-top:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
clear: both;
float:left;
}
#subfooterarea {
width: 504px;	
color: #000000;
padding: 0px 0px 0px 0px;
clear: both;
text-align:center;
float:left;
margin:0px;
}
.footLogo{
width:256px;
float:left;
text-align:center;
margin:0px;
padding-top:5px;
}
.footer{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 8pt;
font-weight: normal;
COLOR: #808080;
background-color: #FFFFFF;
margin-top:3px;
}

a.footer      { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; }
a.footer:link       { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; }
a.footer:visited    { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt;  }
a.footer:active     { color: #ff3d04; text-decoration: underline; font-weight: normal; font-size: 8pt;}
a.footer:hover      { color: #ff3d04; text-decoration: underline; font-weight: normal; font-size: 8pt; }

.footer2{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #000000;
} 

a.footer2      { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; }
a.footer2:link       { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; }
a.footer2:visited    { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; }
a.footer2:active     { color: #ff3d04; text-decoration: none; font-weight: normal; font-size: 8pt;  }
a.footer2:hover      { color: #ff3d04; text-decoration: none; font-weight: normal; font-size: 8pt; }


/*...........................style used on other pages.............................*/
.box{
margin-left:30px;
width:420px;
background-color:#ececec;
padding:10px;
}
.box-small{
margin-left:30px;
width:300px;
background-color:#ececec;
padding:10px;
}
.sitemap{
padding-left:20px;
width:auto;
}
/*........................................................*/

li {
font-family:"Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #404040;
}
a:link      { color:#005ebb; text-decoration:none;}
a:visited   { color:#005ebb; text-decoration:none;}
a:hover     { color:#ff3d04; text-decoration:underline;}
a:active    { color:#ff3d04; text-decoration:underline;}
p{
font-size: 10pt;
font-weight: normal;
margin-left: 10px;
margin-right: 10px;
line-height:14px;
}
h1{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 16pt;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
}
h2{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 13pt;
margin-left: 10px;
font-weight: bold;
color: #ff3d04;
font-style: italic;
}
h3{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 12pt;
font-weight: bold;
margin-left: 10px;
color:#000000;
background-color: #FFFFFF;
}
h4{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11pt;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
color: #EF3F35;
background-color: #FFFFFF;
}
.fpimg {
border: 1px solid #606060;
margin-left: 5px;
}
textarea {
border-width: 1px;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 10px;
color: black;
background-color: #ECECEC;
border-color: black;
line-height: 19px;
}
select {
background-color: #ECECEC;
border-width:1px;
border-color: #797979;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Tahoma, sans-serif; 
font-size: 10px;
text-decoration: none;
}
.button {
border : 1px solid #EF3F35;
background : #DEDEDE;
font-family : "Trebuchet MS", Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size : 11px;
color: #5A5A5A;
font-weight: bold;
}
#table {
width:732px;
float:right;
border:1px solid #606060;
padding:0px;
margin-right:10px;
margin-left:13px;
margin-bottom:0px;
background-color:#ececec;
}
#result p.calculator_1{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 16pt;
font-weight: bold;
color: #ff3d04;
font-style: italic;
}
.calculator_0{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 16pt;
font-weight: bold;
color: #ff3d04;
font-style: italic;
}
.calculator_2{
font-family: "Trebuchet MS",Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #000000;
}
.cont_info{
background-color:#808080;
color:#ffffff;
font-weight:bold;
text-align:left;
}
#result{
float:left;
padding-left:80px;
width:600px;
padding-bottom:10px;
padding-top:10px;
margin:0px;
}
.result_font{
text-decoration:underline;
font-size:16pt;
color:#0051bb;
font-weight:bold;
}
#result p{
font-family:"Courier New", Courier, monospace;
font-size:13pt;
font-weight:bold;
font-style:italic;
color:#808080;
margin-top:12px;
margin-bottom:5px;
padding:0px;
}
#contact_form{
float:right;
background-color:#ececec;
border:1px solid #606060;
width:640px;
padding-top:20px;
margin-left:60px;
margin-right:60px;
text-align:center;
}
hr{
height:5px;
background-color:#606060;
}

#rss{width:auto; float:right;}
#viewCartTop #loginarea { width:auto; float:left;}
#viewCartTop #logoutarea { width:auto; float:left; padding-left:5px;}

#rightcolLink #loginarea { width:auto; float:right;}
#rightcolLink #logoutarea { width:auto; float:right; padding-left:5px;}


.calculatorTitle{font-size: 13pt;font-weight: bold;color: #ff3d04;font-style: italic;margin:0px; float:left; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:433px; font-weight:bold;}

form.calculator { float:left;padding-left:10px;}

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; margin-bottom:10px;}
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.cauculator p.break{margin:0px; font-size:9px;}
form.calculator p.red {color:#FF0000;}
form.calculator br{clear:both;}

p.linkback1{display:block; float:left;}
p.error{color:#FF0000;}

p.noterow{display:block; float:left; margin-bottom:10px; margin-top:10px; width:80%;}

.buynow{width:100px; float:left; border:1px solid #cccc9a; background-color:#eff0e0; text-align:center; padding-top:2px; padding-bottom:2px;  font-size:10pt; margin-top:0px; margin-left:10px;}

a.buynow:link { color:#000000; text-decoration:none;}
a.buynow:visited { color:#000000; text-decoration:none;}
a.buynow:hover { color:#808080; text-decoration:none; background-color:#e5e5cd;}
a.buynow:active { color:#000000; text-decoration:none;}

#leftcol center { font-size:12pt; font-weight:bold; margin-bottom:10px;}

form#coupon {font-size: 10pt; padding: 10px; width: 448px; border:1px solid #666666; 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.hide { display:none;}
form#coupon textarea { height:60px;}
form#coupon p {display: block; float:left; width:420px; font-size:8pt; margin-top:10px;}
form#coupon br {clear:both;}

form#coupon input.sub{ width:60px; text-align:center; border:1px solid #666666; background-image:url(../images/nav_bg.jpg); background-repeat:repeat-x; margin:0px 5px 0px 0px; float:left; font-size:12px; padding-top:2px;margin-top:10px;}