/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* IE PNG FIX 
* { behavior: url(iepngfix/iepngfix.htc) }*/

/*************************************************   TEXT   *************************************************/
h1{font-size:24px; margin-bottom:20px; color:#074472;}
h1 a{color:#074472;}
h1.logo{margin:0; background:url(images/logo_stressgard.gif) no-repeat 0 0; width:244px; height:101px; text-indent:-2000px;}
h2{font-size:18px; margin-bottom:20px; color:#0e6db0; line-height:normal;}
h2 a{color:#0e6db0;}
h3{font-weight:bold; margin-bottom:10px; color:#074472}
p{margin-bottom:20px; line-height:18px;}
a {color:#9c1212}
a.hide{color:#333; text-decoration:none}
a.hide-h2{text-decoration:none;}
a.hide-h1{text-decoration:none;}
a:hover{text-decoration:none;}
sup{font-size:10px; line-height:1px}


/*************************************************   LAYOUT   *************************************************/
html, body {font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; background:#eaf2fd}
#body1{background:url(images/bg_home.png) repeat-x #ffffff}
#body2{background:url(images/bg_main.png) repeat-x #ffffff}
#container{width:774px; margin:0 auto;}
#header{margin-bottom:30px}
#content{padding-bottom:30px}
#footer{}
.clear{height:1px; clear:both; font-size:1px; line-height:1px;}

/*************************************************   HEADER  *************************************************/
#nav-main{height:30px; background:url(images/bg_navmain.png) no-repeat 0 1px;}
#nav-main li{display:block; float:left; height:30px; line-height:30px; _width:110px; _overflow:hidden; _text-align:center; _font-size:11px;}
#nav-main a{color:#FFF; text-decoration:none; height:30px; display:block; line-height:30px; padding:0px 20px; background:url(images/bg_navmain.png) repeat-y top right;}
#nav-main a:hover, #nav-main a.active{background:url(images/bg_navmain.png) repeat-y top right #0e6db0;}

/*************************************************   CONTENT   *************************************************/
#column-left{width:570px; float:left; margin-right:30px}
#column-right{width:174px; float:left;}
#nav-secondary{padding:0 0 50px 10px; background:url(images/nav_line.png) repeat-x 0 24px}
#nav-secondary li{display:block; float:left; margin-right:3px;}
#nav-secondary li.active a{text-decoration:none; color:#9c1212; padding:5px 15px; line-height:25px; background:url(images/bg_nav2.png) no-repeat; border-right:1px solid #ccc;}
#nav-secondary a{text-decoration:none; padding:5px 15px; line-height:25px; color:#333; border-right:1px solid #fff;}
#nav-secondary a:hover{background:url(images/bg_nav2.png) no-repeat; border-right:1px solid #ccc;}
#faq-list{margin-bottom:30px}
#faq-list li{margin-bottom:5px}
#faq-answers a{color:#0e6db0;}
#column-right p{margin-bottom:10px}
#column-right a{font-size:10px}
.customer{font-weight:bold; margin-bottom:0; color:#0e6db0}
.sidebox-top{background:url(images/sidebox_top.png) no-repeat; height:10px}
.sidebox-bottom{background:url(images/sidebox_bottom.png) no-repeat bottom; padding:0 12px 10px 12px}
.sidebox2-top{background:url(images/sidebox2_top.png) no-repeat; height:10px;}
.sidebox2-bottom{background:url(images/sidebox2_bottom.png) no-repeat bottom; padding:0 12px 10px 12px}
.sidebox-order{margin-bottom:10px}
.testimonials{margin-bottom:20px; background:#fbf9e3; padding:20px; background:url(images/bg_testimonials.png) no-repeat}
.testimonials p{padding:0; margin-bottom:10px}
#stressgard-box{margin-bottom:10px;}
#contact-form label{display:block; float:left; width:70px; margin: 5px 10px 0 0; }
#contact-form input{width:200px; margin:5px 0 0 0;}
#contact-form textarea{width:400px; margin:5px 0 0 0; height:200px}
#contact-form input.send{width:auto}
#contact-form div.center{margin:5px 0 0 80px; text-align:center; width:400px}
#sitemap li {margin-bottom:5px; font-weight:bold; list-style:inside disc}
#sitemap li a{font-weight:bold; color:#0e6db0; text-decoration:underline}
#sitemap li a:hover{text-decoration:none}
#sitemap ul{padding-left:15px}
#sitemap ul li {list-style:inside disc}
#sitemap ul a{font-weight:normal; color:#333;}
#sitemap ul a:hover{text-decoration:underline}
#myofacial-tension1{width:285px; float:left; margin-bottom:20px; text-align:center}
#myofacial-tension2{width:285px; float:left; margin-bottom:20px; text-align:center}
#myofacial-tension1 p, #myofacial-tension2 p{margin:0}
#product-image{width:200px; float:left; margin-right:20px}
.order{margin-bottom:20px; padding:10px 0; border-bottom:1px solid #ccc;}
#order-info{width:350px; float:left;}
#guarantee{float:left; width:66px; margin-right:10px}
#why-stressgard{margin-bottom:20px}
#why-stressgard li{background:url(images/icon_check.png) no-repeat 0 0; padding-left:25px; margin-bottom:5px; font-weight:bold;}
#stressed{float:left; width:120px; margin-right:10px}
/*************************************************   HOMEPAGE   *************************************************/
#header-home{height:300px; background:url(images/bg_header1.png) no-repeat 0 0; margin-bottom:30px}
#action-call{height:169px;}
#stressgard-info{width:490px; float:left; margin-right:20px}
#testimonials{width:260px; float:left;}
#other-info{padding:20px 20px 0 20px; background:url(images/bg_otherinfo1.png) no-repeat 0 0;}
#other-info h2{margin-bottom:10px;}
#other-info p{margin:0;}
#other-info .image-insert{float:left; margin-right:10px}
#other-info a{color:#9c1212; font-weight:bold;}
#other-info a:hover{text-decoration:none;}
#other-info-bottom{height:20px; background:url(images/bg_otherinfo2.png) no-repeat 0 0;}
.other-box{width:224px; float:left; margin-right:30px;}
#order-button{width:126px; height:28; float:right; margin-top:110px}
#order-button img{ behavior: url(iepngfix/iepngfix.htc) }
#notes{text-align:center; background-color:#fffcdb; padding:4px; margin-bottom:20px}

/*************************************************   FOOTER   *************************************************/
#footer-container{width:774px; margin:0 auto; text-align:center; padding-top:20px;}
#nav-footer{margin-bottom:5px}
#nav-footer li{display:inline; padding:0 7px}
#nav-footer a{text-decoration:none; color:#0e6db0;}
#nav-footer a:hover{text-decoration:underline;}
#footer-container p{font-size:10px; margin-bottom:10px; }
#footnotes a{color:#333; }
#seals{margin-bottom:10px}