@charset "UTF-8";
a{color:#777;text-decoration:none}
a:hover{text-decoration:underline}
h1{color:#2FAEFF;margin:0;margin-bottom:20px;font-weight:bold}
h2{color:#2FAEFF;margin:0 0 12px;font-weight:bold}
h3{color:#2FAEFF;margin:0 0 10px;font-weight:bold}
p{margin:0}
ul,ol{margin-bottom:0;padding-left:30px}
.clearBoth{clear:both}
.nowrapLink{white-space:nowrap}
.nowrap{white-space:nowrap;color:#BEEBFE}
a.links:link{color:#666;font-weight:700;text-decoration:none}
a.links:visited{color:#666;font-weight:700;text-decoration:none}
a.links:hover{color:#999;font-weight:700;text-decoration:underline}
a.links:active{color:#666;font-weight:700;text-decoration:underline}
a.intext:link{color:#666;text-decoration:underline;font-size:10px}
a.intext:visited{color:#666;text-decoration:underline;font-size:10px}
a.intext:active{color:#666;text-decoration:underline;font-size:10px}
a.intext:hover{color:#2FAEFF;text-decoration:underline;font-size:10px}
a.WebLink:link{color:#666;text-decoration:underline;font-size:12px}
a.WebLink:visited{color:#666;text-decoration:underline;font-size:12px}
a.WebLink:active{color:#666;text-decoration:underline;font-size:12px}
a.WebLink:hover{color:#2FAEFF;text-decoration:underline;font-size:12px}
.green{color:#33CC00}
.red{color:#CC0000}
.small-10{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;color:#000}
.highlight{background:#FF6;color:#333333}
.boxlight{text-align:justify;padding:10px;background-color:#f1f1f1;border:solid 1px #000}
.boxarticle{float:right;font-style:italic}
body{background-color:#FFF;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#666;margin:0;padding:0;font-size:12px}
#wrapper{width:1200px;margin:0 auto;background:#EAEAEA}
#header{padding-top:0px;clear:both;position:relative}

@media print{body{transform: scaleX(0.9);transform-origin: 0% 0%}}

#banner{clear:both;border:solid 1px #e1e1e1; height:140px; margin-top:0px; padding-left:20px; padding-right:20px; padding-top:10px;background-image:url(../images/waves.png);background-repeat:repeat-x;}
#content{margin-top:10px;clear:both;padding-left:20px;padding-right:20px}
#footer{margin-top:20px;padding-bottom:0px;text-align:center;font-size:10px;color:#000;clear:both;background-color:#BEEBFE;border-top:solid 1px #cecece}

body.home a.home,body.buy a.buy,body.dose a.dose,body.supp a.supp,body.patmon a.patmon,body.legal a.legal,body.versus a.versus,body.case a.case{color:#333;background-color:#BEEBFE}
#nav{padding-top:0;margin-right:15px;font-size:14px;height:37px;margin-top:-1px;margin-left:1px}
#nav .navItem{display:inline;float:left;border-left:solid 1px #cecece; /*border-top:solid 1px #cecece;*/ border-bottom:solid 1px #cecece;background-color:#fff}
#nav .navItem a{display:block;height:100%;cursor:pointer;padding:0 15px;text-decoration:none}
#nav .navItem a:hover{text-decoration:none;color:#2FAEFF;background-color:#CCC}
#nav .lastChild{border-right:solid 1px #cecece;padding-right:0}
#nav .lastChild a:hover{text-decoration:none;color:#2FAEFF}
#navCollapser{display:none}
.fluid {text-align:center}
.text-under-image {width:960px; margin-left:auto; margin-right:auto}

table.info{font-family:Arial,Helvetica,sans-serif;font-size:14px;width:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;border-left:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #000;border-top:1px solid #000;border-collapse:collapse;padding:0px}
table.info caption{background-repeat:repeat-x;color:#000;text-align:left;padding-left:10px;line-height:22px;font-weight:700;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000}
table.info th{font-size:14px;text-align:left;padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;vertical-align:top;font-weight:700}
table.info td{padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;font-size:14px;text-align:left;vertical-align:top;border-top:1px dotted #000}

.contactForm input,.contactForm select,.contactForm textarea{width:350px;border:solid 1px #cecece;padding:8px 5px;margin-top:5px;background:#f1f1f1}
.contactForm select{width:360px}
.contactForm textarea{width:95%}
.mid{vertical-align:middle}

.vid {width:50%;height:400px}

.msk-btn {
  background: #3cd934;
  background-image: -webkit-linear-gradient(top, #3cd934, #42b82b);
  background-image: -moz-linear-gradient(top, #3cd934, #42b82b);
  background-image: -ms-linear-gradient(top, #3cd934, #42b82b);
  background-image: -o-linear-gradient(top, #3cd934, #42b82b);
  background-image: linear-gradient(to bottom, #3cd934, #42b82b);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.msk-btn:hover {
  background: #3cfc63;
  background-image: -webkit-linear-gradient(top, #3cfc63, #34d13f);
  background-image: -moz-linear-gradient(top, #3cfc63, #34d13f);
  background-image: -ms-linear-gradient(top, #3cfc63, #34d13f);
  background-image: -o-linear-gradient(top, #3cfc63, #34d13f);
  background-image: linear-gradient(to bottom, #3cfc63, #34d13f);
  text-decoration: none;
}

@media only screen and (max-width: 1200px) {
.fluid img{width:80%}
.text-under-image {width:80%}
#wrapper{width:960px}
}

@media only screen and (max-width: 960px) {
.fluid img{width:80%}
.text-under-image {width:80%}
#wrapper{width:728px}
}

@media only screen and (max-width: 728px) {
.fluid img{width:100%}
.text-under-image {width:100%}
#wrapper{width:100%}
#nav{float:none;padding-top:0;z-index:100;font-weight:700;font-size:16px;margin:0}
#nav .navItem{display:block;float:none;text-align:center;border-right:none;border-bottom:solid 1px #e1e1e1;padding:0}
#nav .navItem a{display:block;width:100%;height:100%;cursor:pointer;padding:15px 0}
#nav .lastChild{border-right:none;padding-left:0;border-bottom:#000 3px solid}
#nav.collapsible{display:none;position:absolute;top:0;left:0;width:100%;background:#f1f1f1}
#navCollapser{display:none;cursor:pointer;width:100%;padding:15px 0;text-align:center;background:#f1f1f1;border-bottom:solid 1px #e1e1e1;color:#2FAEFF;font-weight:700;font-size:16px}
#content{width:90%;margin:20px auto 0}
#banner{width:100%;margin:0 auto}
.contactForm input, .contactForm select, .contactForm textarea{width:95%}
.contactForm select{width:100%}
.vid {width:100%;height:300px}
}
