body { background-color: #fafafa; font-size: 62.5%; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; background-image: url(/images/body_bg.png); background-repeat: repeat-x; }

img { border: 0px; }

h2 { font-size: 1.8em; line-height: 2.2em; }
h3 { font-size: 1.6em; line-height: 2.0em; }
h4 { font-size: 1.2em; line-height: 1.6em; }
p,#main_content li {font-size: 1.1em; line-height: 1.6em;  margin-bottom: 14px; }

a:link { color: #009fbf; font-weight: bold; text-decoration: none; }
a:visited { color: #009fbf; font-weight: bold; text-decoration: none; }
a:hover { color: #009fbf; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #009fbf; margin-bottom: 4px; }

a.tool:link { color: #c5c5c5; text-decoration: none; font-weight: normal; }
a.tool:visited { color: #c5c5c5; text-decoration: none; font-weight: normal; }
a.tool:hover { color: #fff; text-decoration: none; font-weight: normal; border: 0;}

hr { height:1px; color: #e8e6e6; background: #e8e6e6; border: none; }

.reglist { list-style-type: disc; line-height: 1.8em; margin-bottom: 20px; padding: 0 80px 0 20px; }
.termlist { list-style-type: decimal; font-size: 1.1em; line-height: 1.6em; margin-bottom: 20px; padding: 0 0px 0 20px; }

.pipes { color: #5a5a5a; padding: 0 10px 0 10px; }
.notes { font-size: 1.2em; line-height: 1.4em; width: 160px; margin: 10px 0 40px 10px; text-indent: -0.5em; }
.sidequote { width: 170px; margin-left: 10px;   }
.subfoottext { width: 250px; margin-top: 20px; }
.copytext { padding-left: 15px; }
.greenboxtext { color: #fafafa; text-shadow: #5e8a22 0px 1px 0px; }
.greenboxbigtext { color: #fafafa; text-shadow: #5e8a22 0px 1px 0px; font-size: 1.4em; }
.right-pad { margin-right: 20px; }
.addition { margin: 20px 0 20px 20px; }
.linepad { margin-bottom: 20px; }

#logo {
	background:url(/images/logo_bigger.png) no-repeat;
	width:264px;
	height:57px;
	display:block;
	margin: 30px 0 0 10px;
	}
	
.hidden {
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-500px;
	width:1px;
}

/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#wrap { 
width:960px;
margin:0 auto;
 }

#head {
width:960px;
margin:0 auto;
height:130px;
 }
 
#strip {
width:960px;
height: 20px;
padding: 1px 0 0 0;
margin:0 auto;
color: #c5c5c5;
text-align: right;
 }
 
#headleft {
width:250px;
float: left;
 }

#headright {
width:580px;
margin: 30px 0 0 0;
text-align: right;
float: right;
 }
 
#main {
background-color: #F0EFEE;
border: 1px solid #DEDDDC;
width: 960px;
float: left;
margin: 0;
padding: 0;
text-align: left;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}
 
#left {
float: left;
width: 720px;
margin-top: 20px;
text-align: left;
 }

#right {
float: right;
width: 240px;
margin-top: 20px;
text-align: left;
}

#fullcontain {
float: left;
width: 960px;
margin: 40px 0 0 0;
padding: 0;
text-align: left;
}

#footer { margin: auto; width: auto; padding: 0; background: #3D3D3D; height: 20px; }

.truebreak { clear: both; height: 1px; margin: 0; padding: 0; }

/***********************************************/

/* Container Divs                              */

/***********************************************/

.box200 {
width: 200px;
margin: 0 22px 20px 15px;
background-color: #FFF;
padding: 0;
float: left;
clear: right; 
border: 1px solid #E8E6E6;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.graybox {
background-color: #F0EFEE;
padding: 10px 0;
}

.nobordbox {
border: 0;
padding: 10px 0;
}

.sidebox {
padding: 5px 0;
}

.greenbox {
background-color: #6BA917;
border: 1px solid #669E1B;
padding: 10px 0;
}

.box200gray {
width: 200px;
margin: 0 10px 20px 15px;
background-color: #F0EFEE;
padding: 5px 0 0 10px;
float: left;
clear: right; 
border: 1px solid #E8E6E6;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.box200nobord {
width: 200px;
margin: 0 10px 20px 15px;
padding: 5px 0 0 10px;
float: left;
clear: right; 
}

.greenbox200 {
width: 200px;
margin: 0 20px 10px 20px;
padding-top: 10px;
float: left;
background-color: #6BA917;
border: 1px solid #669E1B;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.newwhitebox200 {
width: 200px;
margin: 0 20px 10px 20px;
padding: 10px 0 10px 0;
float: left;
background-color: #FFF;
border: 1px solid #E8E6E6;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.whitebox200 {
width: 200px;
margin: 0 20px 10px 0px;
padding: 10px;
float: left;
background-color: #FFF;
border: 1px solid #E8E6E6;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.box440 {
width: 440px;
display: block;
margin: 0;
padding: 20px;
float: left;
clear: right;
}

.creambox400 {
	width: 402px;
	height: 140px;
	display: block;
	background-image: url(/images/creamy_background.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 20px;
	float: left;
	clear: right;
	}

.trustbox400 {
	width: 402px;
	height: 140px;
	display: block;
	background-image: url(/images/geotrust_background.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin: 0 20px 20px 0;
	padding: 20px;
	float: right;
	clear: right;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.box660 {
width: 660px;
margin: 0 10px 20px 20px;
padding: 0 10px 30px 10px;
float: left;
background-color: #FFF;
border: 1px solid #E8E6E6;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

.thumbbox {
float: left;
clear: right;
}

.addbox {
float: right;
clear: right;
text-align: right;
}

.addbox_top {
float: right;
clear: right;
text-align: right;
margin-top: -50px;
}

.sideimg {
float:left;
margin: 10px 0 10px 10px;
}

.twit {
background-image: url(/images/twitter.png); background-repeat: no-repeat; padding: 2px 0 0 25px;
}

.calinfo {
background-image: url(/images/page_icon.png); font-weight: bold; font-size: 0.9em; background-repeat: no-repeat; padding: 4px 0 0 30px; height: 30px;
}

/***********************************************/

/* Nav                                         */

/***********************************************/

ul#main-nav { margin:0 0 0 75px; padding:0; float:left; width: 100%; }
ul#main-nav li { margin:0; padding: 10px; font-size: 1.2em; list-style:none; float:left; margin:0 0.3em 0 0; }
ul#main-nav li a { text-decoration:none; display:block; padding:0.8em; border:1px solid #FAFAFA; color:#AEAEAE; }
ul#main-nav li a:hover { color:#3D3D3D; }
ul#main-nav li a.current { border:1px solid #009FBF; color:#3d3d3d; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
ul#main-nav li a.current:hover { border:1px solid #009FBF; color:#3d3d3d; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

#shopping_cart {
 -moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: #F0EFEE;
border: 1px solid #dedddc;
padding: 1em;
margin-bottom: 1.4em;
}

tr.cart_head th {
padding: 0 .7em .5em .7em;
font-weight: bold; 
}

tr.item td {
background-color: #FFF;
padding: .7em;
vertical-align: middle;
}

tr.item td.two {
background-color: #fafafa;
}

/* tr.item input {
font-size: 1.1em;
} */

#cart_help {
width: 31em;
line-height: 1.6em;
float: left;
clear: left;
}

#subtotals {
width: 25em;
background-color: lemon-chiffon;
float: right;
clear: right;
 -moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: #F0EFEE;
border: 1px solid #dedddc;
padding: 1em;
}

#subtotals td {
padding: .5em;
}

.border {
-moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: #F0EFEE;
border: 1px solid #dedddc;
padding: 1em;
}


.field_label {
float:left; 
clear:left;
width:15em;
text-align: left;
padding: .7em 0 0 1em;
font-size: 1.2em;
font-weight: bold;
}

.field_field {
float: left;
clear: none;
width: 20em;
text-align: left;
padding: .4em 0 .8em 0;
}

.field_required {
float: left;
clear: right;
width: 15em;
padding: 1.2em 0 0 1em;
color: red;
}

.field_stretch {
float: left;
clear: right;
width: 30em;
padding: 1.2em 0;
line-height: 1.6em;
}

.white {
background-color: white;
}

#shipping_container .one {
display: inline-block;
height: 2.1em;
background-color: #F3F3F3;
margin: .1em 0;
}

#shipping_container .two {
display: inline-block;
height: 2.1em;
background-color: #FaFaFa;
margin: .1em 0;
}

#billing_container {
width: 56em;
height: 32em;
margin: 2em 5em;
clear: both;
}

#shipping_container {
width: 56em;
height: 32em;
margin: 2em 5em;
clear: both;
}

.box200 h4 {
margin-bottom: 10px;
padding: 0;
}

.box200 img {

}

.serif {
font-family: Georgia,"Times New Roman",Times,serif;
}

.outdent {
text-indent: -5px;
}

.lpadding {
padding-left: 5px;
}

.price {
font-size: 1.3em;
}

.product_description {
line-height: 1.6em;
margin-top: 10px;
}

h4.prodtitle {
margin-top: 5px;
line-height: 16px;
margin-bottom: 7px;
}

.product_description ul{
list-style-type: disc;
list-style-position: inside;
}

#main_content ul {
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
}

.larger {
font-size: 1.8em;
}

.pad200 {
width: 180px;
margin-left: 10px;
}

.contact_row {
display: table-row;
padding: 10px;
margin-bottom: 10px;
}

.contact_name {
display: table-cell;
width: 170px;
vertical-align: top;
}

.contact_error {
display: table-cell;
width: 200px;
padding-left: 20px;
color: #F00;
}

.contact_error p {
font-weight: bold;
font-size: 1.3em;
}

.contact_field {
display: table-cell;
width: 200px;
padding-bottom: 10px;
}

.contact_name p, .full_row p {
font-size: 1.3em;
font-weight: bold;
vertical-align: top;
padding-top: 7px;
}

.full_row {
display: table-cell;
width: 600px;
border: 1px solid black;
clear: both;
}

.contact_table {
display: table;
}

.contact_field input, .contact_field textarea {
-moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: #f0EFee;
padding: 10px;
border: 0;
}

.contact_field .button {
background-image:url(/images/menu_bg.png);
background-repeat:repeat-x;
border:1px solid #009FBF;
color: #3d3d3d;
height: 33px;
font-weight: bold;
padding: 0 20px 0 20px;
margin: 0;
text-shadow: #11afcf 1px 1px 0px;
line-height: 0;
}