html, body{
    margin: 0;
    padding: 0;
}

body{
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-y;
    background-position: top center;
}

.grn { color: #04464d; }

body, div, p, td{
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    line-height: 20px;
    font-size: 13px; 
    color: #000;
}

/* FIX LINE-HEIGHT IN ADDTHIS WIDGET */
#at20mc div div{
    line-height: 12px;
}

/*No Outlines FF*/
a:active, a:focus { outline: 0;}

form{ margin:0; padding:0; }

a{ color: #04464d; text-decoration: none; }
a:hover{ color: #ec4399; }
p a{ font-weight:bold; }

a.grnLink{ color: #04464d; text-decoration: none; }
a:hover.grnLink{ color: #E04091; }

.nowrap{ white-space: nowrap; }

sup{ 
    vertical-align: baseline;
    font-size: 0.8em;
    font-family: verdana;
    position: relative;
    top: -0.4em;
}

sub{ 
    vertical-align: baseline;
    font-size: 0.8em;
    font-family: verdana;
    position: relative;
    top: 0.4em;
}

h1{
    font-family: tahoma, sans-serif;
    margin-top: 25px;
    font-size: 26px;
    line-height: 26px;
    color: #04464d;
    text-transform: uppercase;
    position: relative;
    z-index: 15;
}

h1.subhead, h1.subheadNoMargin, h1.subheadMargin15{
    font-family: tahoma, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #00a1b1;
    text-transform: uppercase;
    padding: 0;
}

h1.legal { margin-top: 45px; }
h1.subhead { margin-top: 25px; }
h1.subheadNoMargin{ margin: 0 0 7px 0; }
h1.subheadMargin15{ margin: 15px 0 6px 0; }

h2{
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    margin: 25px 0px 25px 0px;
    font-size: 14px;
    color: #04464d;
    font-weight: normal;
}

h2 a{ font-weight: bold; }

.clearLeft, .clearBoth{
    margin: 0;
    padding: 0;
    height: 0px;
}
.clearLeft{ clear: left; }
.clearBoth{ clear: both; }

.floatLeft{ float: left; display: inline; }
.floatRight{ float: right; display: inline; }

.remove{ display: none; }
.hide{ visibility: hidden; }

.noMargin{ margin:0; }
.noMarginTop{ margin-top:0; }
.noMarginBot{ margin-bottom: 5px; }

ul span{ color: #04464d; font-weight:bold; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

.spacer10{ height: 10px; }
.spacer15{ height: 15px; }

.lyrRel{
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 3101;
}

.shiftLeft{ position: relative; left: -12px; }
.shiftLeftUp{ position: relative; left: -12px; top: -6px; }
.shiftUp{ position: relative; top: -10px; }

.printOnly{ display: none; }

.footnote{ font-size: 11px; line-height: 16px; }
.references{ font-size: 11px; padding-top: 25px; padding-right: 20px; line-height: 16px; }

/* SITE CONTAINER */

#outer, #outer1, #outer2, #outer3, #outer4{
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

#outer { background-image: url('../images/bg-gradient.jpg'); }
#outer1 { background-image: url('../images/bg-gradient1.jpg'); }
#outer2{ background-image: url('../images/bg-teal.jpg'); }
#outer3{ background-image: url('../images/bg-home-gradient.jpg'); }

#site{
    width: 1028px;
    margin: 0 auto;
    background-image: url('../images/site-top.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

#siteMain, #siteMainLegal{
    position: relative;
    width: 100%;
    background-repeat: repeat-y;
    background-position: top center;
    z-index: 1;
}

#siteMain{ background-image: url('../images/site-main-bg.jpg'); }
#siteMainLegal{ background-image: url('../images/site-main-legal-bg.jpg'); }

#siteMainBody{
    width: 1028px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

#siteLanding{
    float: left;
    display: inline;
    width: 665px;
    padding-bottom: 40px;
    position: relative;
    left: 20px;
    z-index: 5;
}

#siteLegal{
    float: left;
    display: inline;
    width: 665px;
    padding-bottom: 40px;
    position: relative;
    left: 180px;
    z-index: 5;
}

#siteInterior{
    float: left;
    display: inline;
    width: 760px;
    padding-bottom: 40px;
    position: relative;
    left: 20px;
    z-index: 5;
}

.siteLeftCol{
    float: left;
    display: inline;
    width: 515px;
}

.siteLeftCol ul { position: relative; left: -15px; }
.siteLeftCol ul li{ margin-bottom: 7px; padding-right: 20px; }
.siteLeftCol p{ padding-right: 20px; }
.siteLeftCol h2{ padding-right: 20px; }

.siteRightCol{
    float: right;
    display: inline;
    width: 245px;
}

.siteInnerCol{
    float: left;
    display: inline;
    width: 267px;
    padding-top: 9px;
    font-size: 13px;
    line-height: 20px;
    margin: 17px 0px 0px 40px;
}


.siteInnerColLine{
    float: left;
    display: inline;
    width: 3px;
    height: 103px;
    margin: 17px 0px 0px 23px;
}

.innerPic{
    float: left;
    display: inline;
    width: 100px;
}

.innerCol{
    float: left;
    display: inline;
    width: 565px;
}


/* TOP MASTHEAD AREA */

#top{
    width: 1028px;
    height: 108px;
    position: relative;
    margin: 0 auto;
}

#topNavLinkLt{
    position: absolute;
    top: 8px;
    left: 35px;
}

#topNavLinkRt{
    position: absolute;
    left: 540px;
    top: 8px;
}

#topNavLinkRt span span{
    padding: 0px 2px 0px 6px;
    font-size: 5px;
    position: relative;
    top: -2px;
}

#top div a {
    font-size: 10px;
    color: #04464d;
    text-transform: uppercase;
    text-decoration: none;
}
#top div a:hover{ color: #04464d; }

#topLogo{
    position: absolute;
    top: 45px;
    left: 30px;
    width: 125px;
    height: 52px;
}

#topProdShot{
    position: absolute;
    top: 0px;
    left: 871px;
    width: 156px;
    height: 108px;
    z-index: 4;
}

#topProdReflect, #topProdReflectLegal{
    width: 150px;
    height: 42px;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 875px;
}

#topProdReflectLegalWithID{
    width: 160px;
    height: 50px;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 870px;
}

#topProdReflect{ background-image: url('../images/top-prod-reflect.jpg'); }
#topProdReflectLegal{ background-image: url('../images/top-prod-reflect-legal.jpg'); }
#topProdReflectLegalWithID{ background-image: url('../images/top-prod-reflect-legalWithID.jpg'); }

#topNav{
    position: absolute;
    top: 66px;
    left: 175px;
}

#topNav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#topNav ul li{
    float: left;
    display: inline;
    margin-right: 32px;
    list-style-type: none;
}



/* LEFT COLUMN */

#left{
    position: relative;
    float: left;
    display: inline;
    width: 243px;
    z-index: 2;
}

#leftGradient{
    width: 103px;
    height: 230px;
    background-image: url('../images/left-gradient.jpg');
    position: absolute;
    z-index: 3;
    left: -95px;
    top: 0;
}

#leftNav{
    background-image: url('../images/left-nav-bg.png');
    background-repeat: repeat-y;
    position: relative;
    z-index: 3;
    width: 238px;
    padding: 24px 0px 10px 0px;

}

#leftNavBottom{
    position: relative;
    z-index: 3;
    width: 238px;
    height: 18px;
    background-image: url('../images/left-nav-bottom.png');
    background-repeat: no-repeat;
}

#leftNav ul{
    margin: 0px 0px 0px 9px;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 4;
}

#leftNav ul li{
    margin: 0;
    padding: 0;
    list-style-type: none; 
    float: left;
    clear: left;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    z-index: 4;
}

#leftNav ul li a{
    position: relative;
    font-family: tahoma, sans-serif;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 5;
}

 /* Top LeftNav Button Styles */
li.leftTop, li.leftTopLock{
    background-image: url('../images/nav-bg-top.gif');
    width: 211px; height: 40px;
    font-size: 12px;
}
li.leftTop{ background-position: 0px 0px; }
li.leftTopLock{ background-position: 0px 40px; }
li.leftTop a { top: 13px; }
li.leftTopLock a { top: 13px; }

li.leftTo2, li.leftTo2Lock{
    background-image: url('../images/nav-bg-to2.gif');
    width: 211px; height: 50px;
    font-size: 12px;
}
li.leftTo2{ background-position: 0px 0px; }
li.leftTo2Lock{ background-position: 0px 50px; }
li.leftTo2 a { top: 13px; }
li.leftTo2Lock a { top: 13px; }

 /* Default LeftNav Button Styles */
li.leftDef, li.leftDefLock{
    background-image: url('../images/nav-bg.gif');
    width: 211px; height: 40px;
    font-size: 11px;
}
li.leftDef{ background-position: 0px 0px; }
li.leftDefLock{ background-position: 0px 40px; }
li.leftDef a { top: 12px; }
li.leftDefLock a { top: 12px; }

 /* Tall (2 lines) LeftNav Button Styles */
li.leftBig, li.leftBigLock{
    background-image: url('../images/nav-bg-tall.gif');
    width: 211px; height: 51px;
    font-size: 11px;
}
li.leftBig{ background-position: 0px 0px; }
li.leftBigLock{ background-position: 0px 51px; }
li.leftBig a { top: 10px; }
li.leftBigLock a { top: 10px; }

 /* Bottom LeftNav Button Styles (extra space at bottom) */
li.leftBot, li.leftBotLock{
    background-image: url('../images/nav-bg-bot.gif');
    width: 211px; height: 51px;
    font-size: 11px;
}
li.leftBot{ background-position: 0px 0px; }
li.leftBotLock{ background-position: 0px 51px; }
li.leftBot a { top: 12px; }
li.leftBotLock a { top: 12px; }

 /* Bottom LeftNav Button Styles (for 2 lines plus extra space at bottom) */
li.leftBo2, li.leftBo2Lock{
    background-image: url('../images/nav-bg-bo2.gif');
    width: 211px; height: 57px;
    font-size: 11px;
}
li.leftBo2{ background-position: 0px 0px; }
li.leftBo2Lock{ background-position: 0px 57px; }
li.leftBo2 a { top: 12px; }
li.leftBo2Lock a { top: 12px; }

 /* Default LeftNav Subnav Button Styles */
li.leftSub, li.leftSubLock{
    background-image: url('../images/nav-bg-sub.gif');
    width: 211px; height: 30px;
    font-size: 11px;
}
li.leftSub{ background-position: 0px 0px; }
li.leftSubLock{ background-position: 0px 30px; }
li.leftSub a { top: 8px; }
li.leftSubLock a { top: 8px; }


#leftNav ul li a.leftLock{ color: #ec4399; }
#leftNav ul li a.left{ color: #04464d; }
#leftNav ul li a:hover.left{ color: #ffffff; }

#leftNav ul li.leftSub a{ text-transform: none; }
#leftNav ul li.leftSubLock a{ text-transform: none; }

.leftCallout1{ 
    padding-left: 10px;
}




/* RIGHT COLUMN */

.rightBoxCallout{
    padding-bottom: 6px;
    width: 236px;
    height: 194px;
}

.rightFacts{
    width: 178px;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    margin-left: 25px;
    padding-left: 4px;
}   

.rightFacts b{
    color: #04464d;
}

.rightFacts div{
    position: relative;
    left: -4px;
    padding-bottom: 10px;
}

.rightFactBtn{
    padding: 20px 0px 0px 0px;
}


/* FLASH */

#flashContainerHHV{
   position: relative;
   width: 734px;
}

#flashContainerCoaches{
   position: relative;
   width: 690px;
}

#flashContainerQuiz{
   position: relative;
   width: 700px;
}

.flashGetFlash{
   position: absolute;
   width: 159px; height: 41px;
}

#flashContainerHHV .flashGetFlash{
   left: 38px; top: 206px;
}

#flashContainerCoaches .flashGetFlash{
   left: 113px; top: 300px;
}

#flashContainerQuiz .flashGetFlash{
   left: 113px; top: 300px;
}


/* FOOTER */

#footer{
    width: 100%;
}

#footerShadow{
    width: 100%;
    height: 24px;
    position: relative;
    z-index: 4;
    top: -1px;
    background-image: url('../images/footer-shadow.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

#footerContent{
    width: 100%;
    margin: 0 auto;
    text-align: center;    
}

#footerContent div{
    padding: 0;        
    line-height: 14px;
}

#footer #disclaimer{
    padding-top: 10px;
    color: #17828d;
    font-size: 10px; 
    line-height: 14px;  
    width: 900px;
    margin: 0 auto;
}

#footer #footerLogo{
    width: 100%;
    height: 40px;
    padding-top: 7px;
}

#footerContent div span span{
    padding: 0px 2px 0px 6px;
    font-size: 5px;
    position: relative;
    top: -2px;
}

#footerContent div span a{
    font-size: 11px;
    color: #04464d;
    text-decoration: none;
}
#footerContent div span a:hover{ color: #04464d; }

#footerContent div a{
    font-size: 10px;
    color: #17828d;
    text-decoration: none;
}
#footerContent div a:hover{ color: #17828d; }



#shareNav{
    margin: 30px 0px 22px 0px;
    height: 54px;
    position: relative;
    left: -10px;
}
#shareNav div{float: left; display: inline;}

#nextPrev{
    display: block;
}

#nextPrev table td{
    font-size: 13px;
    line-height: 20px;
    color: #000;
}

#nextPrev table td a { color: #04464d; text-decoration: none; }


/*  OVERLAYS  */

div.site_overlay{
   position: absolute;
   left: 0; top: 0;
    background-image: url('../images/contentPattern.png');
  width: 100%; height: 100%;
  z-index: 200;
}

#drugFacts{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3000;
   visibility: hidden;
   width: 1000px;
   height: 708px;
}

#keyStudies{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3000;
   visibility: hidden;
   width: 776px;
   height: 708px;
}


.drugFactsClose, .videoClose, .keyStudiesClose{
   position: absolute;
   right: 17px;
   top: 15px;
   z-index: 3104;
}

#drugFactsBg{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1000px;
   height: 708px;
   z-index: 3102;
   background-image: url('../images/drug-facts-bg.png');
   background-repeat: no-repeat;
}


#keyStudiesBG{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 776px;
   height: 675px;
   z-index: 3102;
   background-image: url('../images/toolsResources/studies-bg.png');
   background-repeat: no-repeat;
}


#drugFactsContent{
   position: absolute;
   top: 15px;
   left: 27px;
   z-index: 3103;
}

#keyStudiesContent{
   position: absolute;
   top: 33px;
   left: 47px;
   width: 681px;
   z-index: 3103;
}

#keyStudiesContent .divider{
   width: 681px;
   height: 5px;
   margin: 15px 0px 15px 0px;
}

#drugFactsContent .hdr{
   padding-bottom: 25px;
   position: relative;
   top: 7px;
}

#drugFactsContent .button{
       width: 103px;
       margin: 4px auto 0 auto;
}

#keyStudiesContent .button{
   width: 103px;
   margin: 15px auto 0px auto;
}  


#videoOverlay{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3000;
   visibility: hidden;
   width: 549px;
   height: 428px;
}

#videoBg{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 549px;;
   height: 428px;
   z-index: 3102;
   background-image: url('../images/video-player-bg.png');
   background-repeat: no-repeat;
}

#videoContent{
   position: absolute;
   top: 23px;
   left: 33px;
   z-index: 3103;
   width: 478px;
}

#videoContent .hdr{
   padding: 0px 0px 15px 5px;
}


/* SIGN IN FORM */

#signin{
   position: absolute;
   visibility: hidden;
   left: 26%;
   top: -6px;
   z-index: 3100;
}

#signinBox{
   position: relative;
   width: 340px;
   height: 243px;
   z-index: 3100;
}

#signinBg{
   position: absolute;
   width: 340px;
   height: 243px;
   left: 0;
   top: 0;
   background-image: url('../images/signin-box.png');
   background-repeat: no-repeat;
   z-index: 3100;
}

#signinHdr{
   position: absolute;
   width: 63px;
   height: 19px;
   left: 22px;
   top: 14px;
   z-index: 3110;
}

#signinClose{
   position: absolute;
   width: 46px;
   height: 21px;
   left: 272px;
   top: 10px;
   z-index: 3110;
}

#signinForm{
   position: absolute;
   width: 285px;
   height: 70px;
   left: 20px;
   top: 59px;
   z-index: 3110;
}

#signinForm table td{
   color: #04464d; 
   font-size: 12px;
   font-weight: bold;
}

input.signin{
   width: 185px;
   font-size: 10px;
   font-family: arial;
}

#signinForgotpw{
   position: absolute;
   width: 285px;
   height: 31px;
   left: 29px;
   top: 182px;
   z-index: 3100;
   font-size: 11px;
   line-height: 14px;
}

#signinForgotpw a {
   text-decoration: none;
}

#signinError{
   position: absolute;
   width: 216px;
   height: 15px;
   left: 96px;
   top: 42px;
   color: #ff0000;
   font-size: 10px;
   z-index: 110;
}


/* SITE MAP */

.siteMap{
   float: left;
   display: inline;
}

.siteMap div{
   padding: 10px 0px 10px 0px;
   font-size: 12px;
   color: #e04091;
}

.siteMap div div{
   padding: 5px 0px 0px 30px;
   font-size: 10px;
   color: #04464d;
}

.siteMap div a{
   font-size: 15px;
   text-decoration: none;
   color: #e04091;
   font-weight: bold;
}

.siteMap div div a{
   font-size: 13px;
   text-decoration: none;
   color: #04464d;
   font-weight: normal;
}

.siteMap div div a:hover{
   color: #e04091;
}


/* SEND TO A FRIEND */
#sendToFriend{
   width: 486px;
   height: 254px;
   position: absolute;
   top: 0px;
   left: 0px;
   visibility: hidden;
   z-index: 2000;
}

#stf-close{
   position: absolute;
   left: 431px;
   top: 13px;
   z-index: 200;
}

#stf-hdr{
   position: absolute;
   left: 19px;
   top: 16px;
   z-index: 200;
}

#stf-bg{
   width: 486px;
   height: 284px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 100;
}

#stf-ifr{
   width: 445px;
   height: 198px;
   position: absolute;
   left: 21px;
   top: 55px;
   z-index: 200;
}


ul.faqlinks{
    margin: 0px 0px 0px 9px;
    padding: 0 0 20px 0;
    list-style: none;
}

ul.faqlinks li{
    margin: 10px 0 0 7px;
    padding: 0;
    list-style-type: none;
    line-height: 18px;
    font-weight: bold;
}

#messageBox{
   color: #ff0000;
}