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

html, body, #wrapper {min-height: 100%; width: 100%; height: 100%; margin: 0px; padding: 0px; background: #7da3ba url(images/bg.gif) center repeat-y; border: none;}
#wrapper {} 
html>body, html>body #wrapper {height: auto;  border: none;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: none; color: #000;} 
#wrapper {position: absolute; top: 0px; left: 0px;}

a {outline: none; border: none; color:#0000FF; font-size: 14px; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none; color: #0000ff;}

hr {color: #d4dee3; height: 1px; background: #d4dee3; display: block; padding: 0px; margin: 10px 0px 10px 0px; display: block; clear: both;}
img {outline: none; border: none; padding: 0px;}
strong {color: #2686b0; font-weight: bold; font-size: 14px;}

.hide {display: none; position: absolute; top: -1000px; height: 0px; width: 0px;}

.popup1 {display: block; max-width: 700px; height: 100%; margin: 0px auto 0px auto; padding: 30px; background: #FFF;}
.popup1 h1 {margin: 0px 0px 30px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -1px; color: #000; line-height: 28px;}
.popup1 h1 b {display: block; font-size: 35px; font-weight: bold;}
.popup1 h1 span {color: #2686b0; font-weight: bold; font-size: 24px;}

#base {display: block; width: 760px; margin: 0px auto 0px auto; padding: 0px;}
/* #base div {display: block; width: 760px; margin: 0px; padding: 0px;} */
/* #base span {display: block; margin: 0px; padding: 0px;} */

#top {height: 101px; background: url(images/top_bg.gif) no-repeat top center;}

#menu {height: 37px; background: url(images/menu_bg.gif) no-repeat top center;}
#menu a {padding: 0px; margin: 0px; background: none;}
#menu img {height: 37px; padding: 0px; margin: 0px;}
a#home:hover img {background: url(images/menu_on.gif) no-repeat 0px; width: 83px;}
a#howitworks:hover img {background: url(images/menu_on.gif) no-repeat -83px; width: 110px;}
a#faqs:hover img {background: url(images/menu_on.gif) no-repeat -193px; 58px;}
a#success:hover img {background: url(images/menu_on.gif) no-repeat -251px; width: 122px;}
a#medically:hover img {background: url(images/menu_on.gif) no-repeat -373px; width: 140px;}
a#comparison:hover img {background: url(images/menu_on.gif) no-repeat -513px; width: 104px;}
a#ordernow:hover img {background: url(images/menu_on.gif) no-repeat -617px; width: 143px;}

#top span {position: absolute; display: block; padding: 0px;}
#top span img {display: block; padding: 0px;}
#top span p {display: block; margin: 1px 0px 0px 30px; padding: 0px; }
#top_buttons a img {display: block; width: 123px; height: 18px; margin: 0px 0px 3px 0px; padding: 0px;}
a#email img {background: url(images/top_buttons.gif) no-repeat 0px 0px;}
a#email:hover img {background: url(images/top_buttons_on.gif) no-repeat 0px 0px;}
a#cs img {background: url(images/top_buttons.gif) no-repeat 0px -21px;}
a#cs:hover img {background: url(images/top_buttons_on.gif) no-repeat 0px -21px;}

#menu_bottom {height: 21px; background: url(images/menu_bottom.gif) repeat-x top center;}
#menu_bottom span {position: absolute; display: block; height: 0px; padding: 0px;}
#menu_bottom span img {position: relative; top: -37px; height: 58px; display: block; margin: 0px 0px 0px 0px;}

#left {width: 233px; float: left; background: url(images/left_bg.gif) repeat-y top center; line-height: 14px;}
#left img {display: block; margin: 0px; padding: 0px;}
#left span {display: block; position: absolute; margin: 0px 0px 0px 10px;}
#left span b {margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; background: none; border: none;}
#left span h5 {display: block; position: absolute; width: 85px; top: 85px; margin: 0px 0px 0px 33px; font-size: 12px; font-weight: normal;}
#left a span img {position: absolute; z-index: 1; display: block; width: 59px; height: 43px; margin: 3px 0px 0px 175px; padding: 0px; background: none;}
#left a:hover span img {background: url(images/order_on.png) no-repeat top right;}
a.oredr_online img {background: url(images/left_order_online.gif) no-repeat top left; width: 151px; height: 41px; padding: 0px; margin: 0px;}
a.oredr_online:hover img {background: url(images/left_order_online_on.gif) no-repeat top left;}

#left p {width: 151px; margin: 0px auto 0px auto; padding: 10px;}
#left form {width: 151px; margin: 0px auto 0px auto; padding: 0px; font-weight: bold;}
#left input {display: block; width: 140px; margin: 0px; padding: 3px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #284956; border: solid 1px #000; background: #f6f9fa url(images/input_bg.gif) top repeat-x;}
#left .button {display: block; width: 148px; margin: 0px; padding: 0px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: underline; font-weight: bold; color: #000; border: none; background: none; cursor: pointer;}

#right {position: relative; left: 25px; float: left; width: 450px; line-height: 20px;}
#right h1 {margin: 0px 0px 30px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; letter-spacing: -1px; color: #000; line-height: 23px;}
#right h1 b {display: block; font-size: 35px; font-weight: bold;}
#right h1 span {color: #2686b0; font-weight: bold; font-size: 24px;}
#right ul {display: block; margin: 0px; padding: 0px;}
#right li {margin: 5px 0px 0px 10px; padding: 5px 5px 7px 25px; list-style: none; background: url(images/arrow1.png) 7px no-repeat; line-height: 16px; vertical-align: top; border: solid 1px #c7d8e2; color: #990000; font-size: 14px; font-weight: bold;}
#right ol {padding: 0px; margin: 0px 0px 35px 20px;}

#right1 {position: relative; left: 40px; top: 20px; float: left; width: 680px; line-height: 20px;}
#right1 h1 {margin: 0px 0px 30px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; letter-spacing: -1px; color: #000; line-height: 23px;}
#right1 h1 b {display: block; font-size: 35px; font-weight: bold;}
#right1 h1 span {color: #2686b0; font-weight: bold; font-size: 24px;}
#right1 ul {display: block; margin: 0px; padding: 0px;}
#right1 li {margin: 5px 0px 0px 10px; padding: 5px 5px 7px 25px; list-style: none; background: url(images/arrow1.png) 7px no-repeat; line-height: 16px; vertical-align: top; border: solid 1px #c7d8e2; color: #990000; font-size: 14px; font-weight: bold;}
#right1 ol {padding: 0px; margin: 0px 0px 35px 20px;}

#right2 {position: relative; left: 80px; top: 35px; float: left; width: 640px; line-height: 20px; text-align: center;}
#right2 h1 {display: block; margin: 0px 0px 30px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; letter-spacing: -1px; color: #000; line-height: 23px; text-align: left;}
#right2 h1 b {display: block; font-size: 35px; font-weight: bold;}
#right2 h1 span {color: #2686b0; font-weight: bold; font-size: 24px;}
#right2 ul {display: block; margin: 0px; padding: 0px;}
#right2 li {}
#right2 ol {}
#right2 price {font-size: 16px; color: #CC0000;}

#li_faq li {padding: 0px; margin: 0px 0px 0px 20px; border: none; background: none; list-style: decimal; font-size: 18px; color: #DBDBDB; line-height: 20px;}
#li_faq li a {font-size: 13px; font-weight: normal; color: #000000; padding: 0px 20px 5px 0px; line-height: 20px; vertical-align: top;}
#li_faq li a:hover {color: #990000; background: url(images/arrow1.png) right bottom no-repeat;}

.style1 {color: #CC3300}
.style2 {color: #0033FF}

.table1 {background: url(images/table1_tl.gif) no-repeat top left;}
.table1_bl {background: url(images/table1_bl.gif) no-repeat bottom left;}
.table1_tr {background: url(images/table1_tr.gif) no-repeat top right;}
.table1_br {background: url(images/table1_br.gif) no-repeat bottom right;}
.table1 p {margin: auto; padding: 30px; max-width: 100%; max-height: 100%;}
.table1 b {font-size: 14px; color: #115979;}
.table2 {display: table; padding: 0px;}
.table2 td {display: table-cell; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 7px; line-height: normal; white-space: normal;}
.table2 .bg {background: #fff; font-weight: bold; color: #2686b0;}
.table2 .center { text-align: center;}
.table3 {background: #f9fcfd url(images/table3_bg.gif) repeat-x bottom center; border: solid 1px #b0c0c9; padding: 0px; margin: 10px 0px 30px 20px; display: table; text-align: left; width: 100%;}
.table3 input {margin: 0px; padding: 3px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #284956; border: solid 1px #000; background: #f6f9fa url(images/input_bg2.gif) top left no-repeat ;}
.table3 textarea {margin: 0px; padding: 3px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #284956; border: solid 1px #000; background: #f6f9fa url(images/input_bg2.gif) top left no-repeat ;}
.table3 .price1 {font-size: 12px; color: #666666; font-weight: normal;}
.table3 ul {font-weight: bold; padding: 0px; margin: 0px; font-size: 16px; float: right; width: 200px;}
.table3 li {padding: 0px; margin: 5px 0px 0px 15px; font-weight: normal; font-size: 11px;}
.table3 .order_b {font-size: 16px; margin: 0px; padding: 0px 0px 20px 0px; display: block; color: #990000; position: relative; left: -30px;}
.button2 {display: block; margin: 0px; padding: 5px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; border: solid 1px #000; background: #FFCC00; cursor: pointer;}

a.order_online1 img {background: url(images/order_online.gif) no-repeat top left; width: 152px; height: 141px; padding: 0px; margin: 0px;}
a.order_online1:hover img {background: url(images/order_online_on.gif) no-repeat top left;}
a.order_mail1 img {background: url(images/order_mail.gif) no-repeat top left; width: 137px; height: 141px; padding: 0px; margin: 0px;}
a.order_mail1:hover img {background: url(images/order_mail_on.gif) no-repeat top left;}
a.order_phone1 img {background: url(images/order_phone.gif) no-repeat top left; width: 139px; height: 141px; padding: 0px; margin: 0px;}
a.order_phone1:hover img {background: url(images/order_phone_on.gif) no-repeat top left;}

#footer {display: block; clear: both; width: 100%; margin: 0px; padding: 0px;}
#footer p {float: left; display: block; margin: 0px 0px 0px 1px; padding: 0px; width: 378px;}
#footer a {display: block; width: 100%; border-left: solid 1px #fff; margin: 0px; padding: 10px 0px 10px 0px; background: url(images/footer_bg.gif) repeat-x top #000; color: #FFF; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center;}
#footer a:hover {background: url(images/footer_bg_on.gif) repeat-x top #999; color: #000;}

<!--
/************************/
/*** Help Hover Style ***/
/************************/
div.niceTitle {background-color: #A1C5DB;color: #012849;font-weight: bold;font-size: 13px;font-family: "Trebuchet MS", sans-serif;width: 250px;left: 0;top: 0;padding: 4px;position: absolute;text-align: left;z-index: 120;-moz-border-radius: 0 10px 10px 10px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);-moz-opacity: .87;-khtml-opacity: .87;opacity: .87;word-wrap: break-word;}
div.niceTitle .contents {margin: 0;padding: 0 3px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
div.niceTitle p {color: #D17E62;font-size: 9px;padding: 3px 0 0 0;margin: 0;text-align: left;-moz-opacity: 1;}
div.niceTitle .emphasis {color: #D17E62;}
-->

#fotter_links p {display: block; clear: both; margin: 0px; padding: 10px; text-align: center;}
#fotter_links a { font-size: 11px; color: #000;}
#fotter_links a:hover {color: #CC0000;}
#soula {cursor: pointer; display: block; float: right;}

.spacer1 {display: block; clear: both; width: 100%;}
.line1 {display: block; clear: both; width: 100%; background: url(images/line1.gif) bottom repeat-x;}
.line2 {display: block; clear: both; width: 100%; background: url(images/line2.gif) bottom repeat-x;}
.redtext { font-size: 14px; color:#FF0000; font-weight: bold; text-align:center; padding: 0px;}

#right #nathan h1 {display: block; font-size: 35px; font-weight: bold; font-size: 18px; color:#2C2C2C;}
#right #nathan h1 strong {color: #2686b0; font-weight: bold; font-size: 18px;}


#limitedoffer { background:url(images/graphic-limited-time.gif) top left; width:480px; height:94px; display:block;}
#limitedoffer:hover{ background:url(images/graphic-limited-time.gif) top right; width:480px; height:94px; display:block;}