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

* { padding: 0; margin: 0; }

body{
margin: 10px;
padding: 0;
background: #fff;
font-family: verdana;
font-size:12px;
}
h2 {text-align:center; padding:10px;}
h2 span {font-size:.56em; font-style:italic; font-weight:normal;}
h6 {font-size:1.1em;}
h5 {font-size:1.1em;}

#content h5 {padding:5px 0;}

#systemsInclude h3 {color:#f00; background:none;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.underline{text-decoration:underline;}

#header a:hover{text-decoration:none;}


#wrapper { 
 margin: 0 auto;
 width: 782px;
 border:#999 1px solid;
 background:#fff;
}
#content {padding: 5px 20px;}

#header {border-bottom:#6699CC 1px solid;}
#tagline {width:100px; float:right; text-align:right; padding:4px; background:#0033CC; color:#fff;}



.indentList {padding-left:30px; padding-bottom:10px;}
.indentList li {padding:2px;}
.indentList.whySell{float:left; width:500px;}


.border-top {border-top:#ccc 1px solid; padding-top:4px;}
.clear {clear:both; }
.featured {float:left; width:100%; padding: 5px 0 10px 0;}
.featured div {width:350px; float:left;}
div.thermal-list ul , .thermal-list ul li {list-style-type:none;}
div.thermal-list ul li { float:left; padding: 2px 0;}

.italic {font-style:italic;}
.featured {font-weight:bold; font-size:16px;}
.center{text-align:center;}
.box {border:#ccc 1px solid; padding:4px; width:360px; float:left; margin-right:20px; margin-bottom:20px;}
.box img {padding:0 20px; }
.sample {position:relative; top:30px;}
span.lg {font-size:1.3em;}





#footer { text-align:center; clear:both; border-top:#000 1px dotted; padding:10px; line-height:16px;}
#footer span {padding-left:10px;}
.clear { clear: both; background: none; }
.selected{font-weight:bold;}
.imgLeft{float:left;}
.distributorBox{float:left; margin-left:10px; padding:4px 10px;width:170px; height:80px;background-color:#e6e6e6; line-height:16px;}
.distributorBox.bottom{margin-right:30px; margin-bottom:40px;}
.middleBox{background-color:#D4E3FF;  border:#360 0px solid; padding:4px;}
.middleBox h3 {text-align:center;}
.middleBox .lists {width:400px; margin:0 auto; font-size:14px;}
.middleBox .logos {float:left; width:220px; text-align:center; margin-bottom:6px;}
.middleBox .logos.first{margin: 0 30px 0 0px; clear:left;padding-left:130px;}
.middleBox .logos span {font-size:18px;}

.devLabBox{float:left; width:460px; padding:4px; background-color:#B9C99F; padding:15px 10px; line-height:20px; margin-bottom:10px;}


table.howItWorks {width:596px;}
table.howItWorks tr th {font-weight:bold; margin-top:-2px;}
table.howItWorks tr td {width:25%; font-size:11px; padding:2px; vertical-align:top;}

#video, #videoFront {text-align:center; margin-bottom:14px;}

.leftLink{padding-right:60px;}