body { margin: 0; font: 11px Verdana, sans-serif; color: #b6b6b6; background-color: #000; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll; }
a, a:visited { color: #839eb4; text-decoration: none; outline: none; }
a:hover { color: #fff; }
a:active { color: #6ff; outline: none; }
#maincontainer { width: 1412px; margin: -53px auto; }
#header-bkg-home { background-image: url(img/header_home.jpg); background-repeat: no-repeat; background-position: top center; width: 980px; margin: 0 auto; overflow: hidden; }
#header-bkg-other { background-image: url(img/header_other.jpg); background-repeat: no-repeat; background-position: top center; width: 980px; margin: 0 auto; }
#header-left { width: 350px; display: inline; float: left; }
#header-right { width: 546px; display: inline; float: right; padding-top: 54px; text-align: right; text-align: right; }

h2 { font: normal 23px Verdana, sans-serif; letter-spacing: 1px; margin: 0 0 15px; padding: 0; }
h3 { font: bold 13px Verdana, sans-serif;  color: #fff; border-bottom: dotted 1px #555; padding: 0 0 4px 0; margin: 0 0 10px 0; }
h4 { font: bold 15px Verdana, sans-serif;  color: #fff; border-bottom: solid 1px #444; padding: 0 0 4px 8px; margin: 0 0 1px 0; }

ul,ol { margin: 0 0 15px 30px; padding: 0; }
li { color: #fc3; margin: 5px 0; line-height: 150%; }

.paginate-bottom { font-size: 12px; border-top: solid 1px #3a505c; padding: 5px 0 0 1px; margin: 10px 0 15px 0; }
.paginate-top { font-size: 12px; border-bottom: solid 1px #3a505c; padding: 0 0 5px 1px; margin: 15px 0 20px 0; }

#main-menu ul { margin: 0; padding: 0; }
#main-menu li { margin: 0; padding: 0; list-style: none; display: inline; float: left; padding: 0 20px;  border-right: solid 1px #ffeb6e; }
#main-menu .first { padding: 0 20px 0 0; }
#main-menu .last { border: none; padding: 0 0 0 20px; }

#nav-home a { display: block; width: 43px; height: 10px; background-image: url(img/nav_home.png); background-repeat: no-repeat; background-position: top; }				
#nav-home a:hover { background-position: bottom; }

#nav-about a { display: block; width: 52px; height: 10px; background-image: url(img/nav_about.png); background-repeat: no-repeat; background-position: top; }			
#nav-about a:hover { background-position: bottom; }

#nav-resources a { display: block; width: 88px; height: 10px; background-image: url(img/nav_resources.png); background-repeat: no-repeat; background-position: top; }	
#nav-resources a:hover { background-position: bottom; }

#nav-faq a { display: block; width: 30px; height: 10px; background-image: url(img/nav_faq.png); background-repeat: no-repeat; background-position: top; }				
#nav-faq a:hover { background-position: bottom; }

#nav-contact a { display: block; width: 72px; height: 10px; background-image: url(img/nav_contact.png); background-repeat: no-repeat; background-position: top; }		
#nav-contact a:hover { background-position: bottom; }


#midsection { overflow: hidden; width: 1412px; margin: 0 auto; background-image: url(img/midsection_span.jpg); background-position: top center; background-repeat: no-repeat; height: 566px; }
#midsection-content { width: 980px; margin: 0 auto; }

#product-left { display: inline; float: left; }
#product-middle { display: inline; float: left; }
#product-right { display: inline; float: left; }

label { color: #63727f; font-size: 10px; font-weight: bold; }
.form-txt { background: #191919; border: solid 1px #333; color: #ccc; padding: 2px; font-size: 11px; }
.form-button { font-weight: bold; font-size: 11px; }

#midsection-nav { height: 54px; width: 980px; margin: 0 auto; }

#nav-product-left a { width: 326px; height: 54px; background-image: url(img/nav_product_left.jpg); background-repeat: no-repeat; background-position: bottom; display: inline; float: left; }
#nav-product-left a:hover { background-position: top !important; }

#nav-product-middle a { width: 328px; height: 54px; background-image: url(img/nav_product_middle.jpg); background-repeat: no-repeat; background-position: bottom; display: inline; float: left;  }
#nav-product-middle a:hover { background-position: top !important; }

#nav-product-right a { width: 326px; height: 54px; background-image: url(img/nav_product_right.jpg); background-repeat: no-repeat; background-position: bottom; display: inline; float: left;  }
#nav-product-right a:hover { background-position: top !important; }

#midsection-text { width: 805px; margin: 20px auto 25px auto; }
#midsection-text p { line-height: 160%; color: #858585; font-size: 10px; margin: 0 0 15px 0; padding: 0; }

.column-left { width: 240px; display: inline; float: left; }
.column-middle { width: 240px; display: inline; float: left; margin-left: 43px; }
.column-right { width: 240px; display: inline; float: right; }

.separation { clear: both; width: 1380px; margin: 0 auto; background-image: url(img/mid_separation.gif); background-repeat: no-repeat; background-position: top center; height: 7px; }
#footer { clear: both; width: 1380px; margin: 0 auto; background-image: url(img/footerbkg.gif); background-repeat: no-repeat; background-position: top center; height: 149px; }
#footer-info { width: 805px; margin: 12px auto 50px auto; }
#footer-info p { line-height: 160%; color: #3a505c; letter-spacing: 1px; font-size: 10px; }
#footer-info a { color: #57788a; }
#footer-info a:hover { color: #fc6; }

#prefooter { background-image: url(img/prefoot_bkg.gif); background-repeat: no-repeat; background-position: top center; height: 116px; width: 805px; margin: 10px auto 0 auto; }
#prefooter p { line-height: 145%; color: #9c9c9c; font-size: 10px; margin: 0 0 15px 0; padding: 0; }
#prefooter h2 { color: #fff; margin: 0 0 5px 0; padding: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; }

#indstudy-bkg { background-image: url(img/indstudy_chart.jpg); background-repeat: no-repeat; background-position: bottom left; height: 125px; }
#indstudy img { display: inline; float: left; margin: 0 10px 0 0; width: 107px; }
#indstudy p { margin: 7px 0 0 0; padding: 0; display: inline; float: right; width: 120px; }

#testimonial-box { border: solid 1px #fff; }
#testimonial-quote { display: inline; float: left; font: bold 10px Georgia, Times, serif; color: #f9fcf7; background: #000; margin: -2px 5px -2px 5px; padding: 5px 14px 2px; text-indent: -0.55em; line-height: 140%; }
#recentads { background-image: url(img/advertising_prefoot.jpg); background-repeat: no-repeat; background-position: bottom right; height: 125px; }

#product-container { background-image: url(img/normal_productbase_bkg.jpg); background-repeat: no-repeat; background-position: bottom; width: 1410px; }
#product-splash { width: 980px; margin: 0 auto; }
#product-splash .left { width: 631px; display: inline; float: left; margin: 0; padding: 0; }
#product-splash .right { width: 349px; display: inline; float: right; margin: 0; padding: 0; }

#product-description { width: 980px; margin: 0 auto; }
#product-description .left { width: 500px; display: inline; float: left; margin: 0 0 15px 65px; padding: 0 23px 25px 23px; }
#product-description .right { width: 340px; display: inline; float: right; color: #63727f; }
#product-description p { color: #63727f; line-height: 160%; font-size: 10px; margin: 0 0 14px 0; padding: 0; }

#product-description .left h1 { font: normal 20px Verdana, sans-serif; color: #ccc; margin: 0 0 5px 0; padding: 0; letter-spacing: 1px; }
#product-description .left h2 { font: normal 18px Verdana, sans-serif; color: #ccc; margin: 0 0 25px 0; padding: 0; letter-spacing: 1px; }
#product-description .left h3 { font: bold 13px Verdana, sans-serif; color: #fff; margin: 5px 0 9px 0; padding: 0 0 7px 0; border-bottom: solid 1px #3a505c; }

#product-description .left ul { margin: 0 0 30px 17px; padding: 0; }
#product-description .left li { padding: 0; }

#product-description .left p { color: #858585; line-height: 160%; font-size: 11px; margin: 0 0 14px 0; padding: 0; }

#product-description .right h3 { color: #bbb; padding: 0 0 4px 1px; margin: 0 0 5px 0; border-bottom: solid 1px #3a505c; font-weight: bold; font-size: 11px; }
.product-datatable { margin: 0 0 15px 0; }
.product-datatable th { text-align: left; font-weight: bold; font-size: 11px; padding: 0 0 2px 0; color: #5f788d; }
.product-datatable td { font-size: 10px; padding: 3px 20px 3px 1px; }

#purchasebox { width: 275px; margin: 0 0 20px 0; }
#purchasebox a { color: #63c1e8; background: #2b434f; border: solid 1px #436577; padding: 9px 15px; text-align: center; font-size: 10px; display: block; }
#purchasebox a:hover { background: #325363; color: #ffd800; }

#pageheader { background-image: url(img/pageheader_bkg.jpg); background-repeat: no-repeat; background-position: top center; margin: 0 auto; width: 1390px; text-align: center; }
#pageheader h1 { margin: 0; padding: 0; border: none; background: none; }
.gray { color: #63727f; }

img { border: none; }
form { margin: 0; padding: 0; }


.clear { clear: both; height: 0; font-size: 0; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.size11 { font-size: 11px; }
.clear15 { height: 15px; clear: both; }
.white { color: #fff; }
.size10 { font-size: 10px; }
.size15 { font-size: 15px; }
.size17 { font-size: 17px; }

p { margin: 0 0 14px 0; padding: 0; line-height: 160%; color: #858585; }

#content { width: 550px; margin: 15px auto 25px auto; padding-right: 265px; }
#content-wide { width: 802px; margin: 15px auto 25px auto; }


.contact { width: 805px; margin: 15px auto; }
.contact .left { width: 150px; display: inline; float: left; background-image: url(img/whitearrowright.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 0 0; font-weight: bold; }
.contact .right { width: 620px; display: inline; float: right;}
.contact .right p { margin: 0 0 14px 0; padding: 0; line-height: 140%; color: #5e8295; }

.resource { width: 798px; margin: 15px auto; }
.resource .left { display: inline; float: left; width: 91px; text-align: center; }
.resource .right { display: inline; float: left; width: 435px; margin: 0 0 0 20px; }
.resource .right h2 { border: none; background: 0; font-weight: bold; font-size: 13px; margin: 0 0 3px 0; padding: 0; }
.resource .right p { margin: 0; padding: 0; line-height: 135%; }
.resource .right a { color: #84b3cc; }
.resource .right a:hover { color: #ffd800; }

#faqcat li { margin: 5px 0; font-size: 13px; font-weight: bold; list-style: square; color: #fc7; }
#faqcat ol { margin: 4px 0 14px 35px; }
#faqcat ol li { font-size: 11px; font-weight: normal; list-style: decimal; margin: 3px 0; }
#faqcat ol li a { color: #6f8aa0; }
#faqcat ol li a:hover { color: #fff; }

#faq { margin: 30px 0 0 0; }
#faq h3 { font-size: 12px; margin: 0 0 5px 0; padding: 0; color: #708596; line-height: 150%; }
#faq .answer { line-height: 160%; font-size: 11px; color: #858585; margin: 0 0 25px 22px; }

.back-top { font-size: 10px; padding: 0 0 4px 0; margin: 0 0 15px 0; border-bottom: solid 1px #333; }
.back-bottom { font-size: 10px; padding: 4px 0 0 0; margin: 15px 0 0 0; border-top: solid 1px #333; }

#faqjump { display: inline; float: right; width: 150px; background: #141c1f; border: solid 1px #364349; padding: 8px; margin: 0 -200px 10px 20px; }
#faqjump h4 { font-size: 12px; margin: 0 0 4px 0; padding: 0 0 4px 0; }
#faqjump ul { margin: 0 0 0 20px; padding: 0; }
#faqjump li { margin: 3px 0; font-size: 10px; color: #858585; }


#toc { display: inline; float: right; width: 200px; background: #141c1f; border: solid 1px #364349; padding: 8px; margin: 0 -245px 10px -200px; }
#toc h4 { font-size: 11px; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: solid 1px #3a505c; color: #858585; }
#toc ol,ul { margin: 0 0 0 28px; padding: 0; }
#toc li { margin: 3px 0; font-size: 10px; color: #858585; line-height: 140% }

#drjohnson-head { margin: 0 0 20px 0; padding: 0 0 10px 0; }
#drjohnson-left { width: 50px; display: inline; float: left; margin-right: 15px; }
#drjohnson-right { display: inline; float: left; line-height: 140%; color: #bbb; padding-top: 7px; }

.general-table { background: #363636; font-size: 10px; }
.general-table th { background: #262e36; color: #ccc; padding: 3px 6px; font-size: 11px; }
.general-table tbody td { background: #000; color: #a7a7a7; padding: 3px 6px; }
.general-table tfoot td { background-color: #363636; color: #888; font-size: 10px; }
.general-table tbody td strong { color: #bbb; }

.box150 { width: 160px; display: inline; float: left; margin: 0 15px 0 0; }
.box150 img { border: solid 5px #3a505c; }
.box150 p { line-height: 140%; color: #aaa; padding: 5px; font-size: 10px; color: #888; }

#other { margin: 15px 0; padding: 0; }
#other h4 { font-size: 11px; color: #ccc; border-bottom: solid 1px #3a505c; margin: 0 0 6px 0; padding: 0 0 5px 0; }
#other ul { margin: 0 0 15px 25px; padding: 0; }
#other li { font-size: 10px; list-style: square; margin: 7px 0; }

#error { border: solid 1px #500; color: #c00; padding: 6px 9px; margin: 0 0 15px 0; line-height: 135%; }