html {
    background-image: url(../images/bkgrnd.jpg);
	height:100%;
	color: #000;
}

body {
	font: 1em/1.4em Helvetica, Arial, sans-serif;
	height:100%;
	position:relative;
}

img { vertical-align: middle; }

a { color:#0000FF; }

.hide {display:none;}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* kills font-boosting on Chrome Mobile */
.touch header *, .touch #btx-isi *, .touch footer * {	
	max-height:1000000px;
}


/* ==========================================================================
   HEADER STYLES
   ========================================================================== */

header {
	width:100%;
	margin:0 auto;
	background-color:#6b368e;
	border-bottom:1px solid #a083b6;
	background-color: #6b368e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#793e9a), to(#603185));
	background-image: -webkit-linear-gradient(top, #793e9a, #603185);
	background-image:    -moz-linear-gradient(top, #793e9a, #603185);
	background-image:      -o-linear-gradient(top, #793e9a, #603185);
	background-image:         linear-gradient(to bottom, #793e9a, #603185);
	z-index:2;
	position:relative;
}
	.no-cssgradients header { /*for old IE*/
		background-image: url(../images/bkgrnd-hdr.gif);
}

header div {
	width:870px;
	margin:0 auto;
	padding:10px 0;
	font: 0.75em/1.5em Helvetica, Arial, sans-serif;
	color: #ce7eff;
}

header div a {
	font-weight:bold;
	color: #FFF;
}

span.sup {
  font-size:75%;
	position:relative;
  top:-3px;
  display:inline-block;
  line-height:14px;
  height:14px;
  text-decoration:none;
  border-bottom-width:1px;
  border-bottom-style:solid;
  font-weight:normal;
}

.lt-ie8 a span.sup {
  top:-2px;
  display:inline;
  zoom:1;
  text-decoration:none !important;
}

/* ==========================================================================
   POPUP STYLES
   ========================================================================== */

.popwrap {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	width: 100%;
	height: 100%;
}
.videopop {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	width: 100%;
	height: 100%;
	background: transparent url("../images/videopop.png") no-repeat center 20px;
}
.videofile {
	position: absolute;
	overflow: hidden;
	top: 49px;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
	width: 593px;
	height: 333px;
}
.videocover {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
	width: 600px;
	height: 336px;
	background: url("../images/videocover-25th-anniversary.png") no-repeat center center;
	cursor: pointer;
}
.videoclose {
	position: absolute;
	top: 40px;
	right: 140px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

/* ==========================================================================
   CONTENT AREA STYLES
   ========================================================================== */

#content {	
	background-color:#fff;	
	width:1000px;
	position:relative;
	margin:-10px auto 0;
	-webkit-box-shadow: 0px 0px 7px -1px #000;
	box-shadow: 0px 0px 7px -1px #000;
}
	.no-boxshadow #content { /*for old IE*/
		background: url(../images/oldIEshdwBrdr.png) repeat-y;
		width:1018px;
}

#top {		
}

#leftCol {	
	width:480px;
	height:387px;
	float:left;
}

#rightCol {
	width:520px;
	float:left;
	background: url(../images/vr.png) no-repeat 16px 0;
}


/* ==========================================================================
   CONTENT AREA STYLES
   ========================================================================== 
	   BOTOX (LEFT) STYLES
	   ========================================================================== */

#btx {
	padding-left:24px
}
	.no-boxshadow #btx { /*for old IE*/
		padding-left:33px;
	}

#btx h1 {
	background: url(../images/logo-botox.png) no-repeat;
	width:190px;
	height:60px;
	margin:32px auto 0;
	cursor:pointer;
}

#btx p {
	width:355px;
	font-size:.750em;
	margin:10px auto 12px;
}

#btx ul {
	width:396px;
	list-style:none;
	margin:0 auto;
    padding:0;
}

#btx ul li,
#btx-cos .hvr-body .off {
	width:396px;
	height:39px;
	padding:0;
	background: url(../images/bg-btn-home.png) no-repeat 0 -39px;
	position:relative;
	color: #7d4199;
	text-shadow: 0px 1px 1px #fff;
	cursor:pointer;
}

#btx-cos .hvr-body .off
{
    background: url(../images/bkgrnd-btns.png) no-repeat 0 0;
}

    #btx ul li
    {
        text-shadow: none;
    }
	.lt-ie8 #btx ul li { /*for old IE*/
		margin:-4px 0 0 0;
}

#btx ul li.large {
	height:54px;
	background: url(../images/bg-btn-home.png) no-repeat 0 -156px;
}

#btx ul li:hover {
	text-shadow:none;
	color: #fff;
	background: url(../images/bg-btn-home.png) no-repeat 0 0px;
}

#btx ul li.large:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 -97px;
}

#btx ul li.active,
#btx ul li.active:hover {
	text-shadow: none;
}

#btx ul li.BS.active,
#btx ul li.BS.active:hover,
#btx ul li.ST.active,
#btx ul li.ST.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 0;
	color: #fff;
}

#btx ul li.CD.active,
#btx ul li.CD.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 0px;
	color: #fff;
}

#btx ul li.CM.active,
#btx ul li.CM.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 0px;
	color: #fff;
}

#btx ul li.OB.active,
#btx ul li.OB.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 0px;
	color: #fff;
}

#btx ul li.US.active,
#btx ul li.US.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 -97px;
	color: #fff;
}

#btx ul li.ULS.active,
#btx ul li.ULS.active:hover {
	background: url(../images/bg-btn-home.png) no-repeat 0 0px;
	color: #fff;
}

#btx ul li h2,
#btx-cos .hvr-body .off h2 {
	position:absolute;
	top:8px;
	left:21px;
	margin:0;
	font-size: 1.125em;
	line-height: 1em;
	font-weight: bold;
}

.ni {
	width:96px;
	height:19px;
	position:absolute;
	left:252px;
	top:8px;
	background-color:#794096;
	font-size:.688em;
	line-height:1.7em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-shadow: 0px 1px 1px #000;
	-webkit-box-shadow: inset 0px -1px 10px -2px #000;
          box-shadow: inset 0px -1px 10px -2px #000;
}
	.no-boxshadow .ni { /*for old IE*/
		background:#794096 url(../images/bkgrnd-ni.png) no-repeat;
}

li.active .ni {
	background-color:#b20838;
	color:#fff;
}

	/* ==========================================================================
	   BOTOX COSMETIC (RIGHT) STYLES
	   ========================================================================== */

#btx-cos {
	background: url(../images/vr_bottom.png) no-repeat 16px bottom;
}

#btx-cos h1 {
	background: url(../images/logo-botox_cosmetic.png) no-repeat;
	width:157px;
	height:71px;
	margin:32px auto;
}

#btx-cos .btx-cos-content {
	margin-left:60px;
}

#btx-cos .hvr-body .off {
	position:absolute;
	top:0;
	left:0;
	width:396px;
}

#btx-cos .hvr-body {
	width:396px;
	height:75px;
	padding:0;
	background: url(../images/bkgrnd-hvr.jpg) no-repeat left top;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}

#btx-cos .hvr-body a {
	text-decoration:none;
}

/*#btx-cos .hvr-body .hvr-content {
 
	display:none;
  padding:13px 0 0 18px;
  height:104px;
  cursor:pointer;
}*/

#btx-cos .hvr-bottom {
	width:396px;
	height:9px;
	background: url(../images/bkgrnd-hvr.jpg) no-repeat left bottom;
	margin:0 auto;
}

/*#btx-cos .hvr-body .style1 {
	font-size:1.20em;
	color:#7a7a7a;
	 
}*/

#btx-cos .hvr-body .style2 {
	font-size:1.938em;
	line-height:1.25em;
	color:#7b4198;
}

#btx-cos .hvr-body .btn-learn {
	width:101px;
	height:23px;
	margin-top:5px;
	padding-top:2px;
	background: url(../images/bkgrnd-btns.png) no-repeat -295px -600px;
	font-size:.688em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}

#btx-cos .hvr-body .btn-learn:hover {
	background: url(../images/bkgrnd-btns.png) no-repeat -295px -626px;
}

#btx-cos .btx-cos-content .copy {
	float:left;
	width:208px;
	padding-right:7px;
	margin-top:8px;
}

#btx-cos .btx-cos-content .copy p {
	font-size: .750em;
	line-height: 1.25em;
	margin:6px 0;
    padding-right: 39px;
}

#btx-cos .btx-cos-content .photo {
	float:left;
	width:182px;
	background: url(../images/Botox_home.jpg) no-repeat;
	padding-top:185px;
	text-align:center;
	font-size: .563em;
	line-height: 1.25em;
	margin-top:5px;	
}

	/* ==========================================================================
	   BOTOX ISI (BOTTOM) STYLES
	   ========================================================================== */

#btx-isi {
	width:920px;
	margin:50px auto 5px auto;
}

#floatingISI a[name="isi"] { display: none;}

#floatingISI ul { padding-left: 0;margin-left: 17px;}

.ISI {	
	color:#333;
	padding-bottom:25px;
    font-size:.750em;
}

.ISI a{	
	color:#7d4199;
}

.ISI h3,
.ISI-hdr h3 {	
	font-size:.875em;
	color:#7d4199;
}

.ISI .purple {	
	color:#7d4199;
    font-weight:bold;
  
}

.ISI ul {	
	padding-left:17px;
}

.ISI ul li {	
	padding-bottom:0px;
}

.ISI ul.indications {	
	padding-left:17px;
    margin-top:0
}

.ISI ul.indications li {	
	padding-bottom:0;
}

.ISI p {		
	
    margin-top:0;
    margin-bottom:10px
}

.ISI p.indications-text {
    margin-bottom:0
}

.ISI ul li.purple {	
	color:#7d4199;
}

.ISI ul li.purple span {	
	color:#333;
    font-weight:normal
}

.ISI ul li,
.ISI p {	
		
	line-height:1.25em;
	padding-right:10px;

    /*font-size:12px;	
	line-height:18px;
    padding-right:10px;*/
}

.ISI p.smallprint {	
	font-size:11px;	
	line-height:14px;
}

.ISI #references p {	
	display:none;
}

.nobr {
    white-space:nowrap
}

/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */

footer {
	width:100%;
	z-index:10;
	position:fixed;
	bottom:0;
	-webkit-box-shadow: 0px 0px 7px -1px #000;
	box-shadow: 0px 0px 7px -1px #000;
	display:none;
}
	.no-boxshadow footer { /*for old IE*/
	background: url(../images/oldIEshdwBrdrTop.png) repeat-x;
	padding-top:7px;
}

footer div {
	width:100%;
	background-color:#f3eff6;
}
	
footer .ISI {
	width:870px;
	height:222px;
	margin:0 auto;
	padding:0;
	border:none;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
}
	
footer .ISI-hdr h3 {
	color:#7d4199;
	margin:0 95px 0 0;
}
	
footer .ISI-hdr {
	width:870px;
	margin:0 auto;
	padding-top:5px;
  position:relative;
}
	
footer .ISI-hdr span {
	width:87px;
	height:21px;
	cursor:pointer;
  position:absolute;
  top:5px;
  right:0;
}
	
footer .ISI ul {
	margin-top:.5em;
  margin-bottom:.5em;
}
	
footer .ISI-hdr span.inactiveISI {
	background: url(../images/btn-expand.png) no-repeat;
}
	
footer .ISI-hdr span.activeISI {
	background: url(../images/btn-collapse.png) no-repeat;
}

/* ==========================================================================
   TREATMENT DETAIL SUBPAGE STYLES
   ========================================================================== */
   
#stage {
	/*position:absolute;
	top:10px;
	right:0px;*/
	background-color:#fff;
	width:520px;
	display:none;
	z-index:3;
	float:right;
	margin-top:10px;
	height:377px;
}
	.no-boxshadow #stage { /*for old IE*/
		margin-right:9px;
}

.topLinks {
	color:#fff;
	font-size:.750em;
	padding:10px 18px 17px;
}

.topLinks a {
	float:right;
	color:#fff;
	font-weight:bold;
}

.lt-ie8 .topLinks a {
	color:#fff;
	font-weight:bold;
  margin-left:248px;
  float:none;
}

.topLinks .btn-close {
	float:right;
	color:#7d4199;
	background-color:#fff;
	width:21px;
	height:23px;
	text-align:center;
	cursor:pointer;
	margin-left:10px;
	-webkit-border-radius: 3px;
          border-radius: 3px;
		  background-clip: padding-box;
}
	.lt-ie9 .topLinks .btn-close { /*for old IE*/
		background: url(../images/btn-close.png) no-repeat;
		background-color:transparent;
}
	
.info {
	min-height:356px;
	padding-left:26px;
	display:none;
}
	
.picture {
	width:139px;
	height:140px;
	float:right;
	margin:0px;
	margin:0 15px 15px 5px;
}
	
#stage h2 {
	font-size:1em;
	color:#333;
	font-weight:bold;
	margin-right:37px;
}
	
#stage p {
	font-size:.750em;
	line-height:1.250em;
	color:#000;
	margin-right:37px;
}

.cta-btn {
	height:42px;
	margin:20px auto;
	text-align:center;
}

.cta-btn a {
	color:#fff;
	font-size:.830em;
	font-weight:bold;
	text-shadow: 0px 1px 1px #000;
	height:35px;
	padding-top:7px;
	text-decoration:none;
	display:block;
}
	
#BS-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:377px;
}

#ST-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:377px;
}
	
#BS-photo {
	background: url(../images/background-eye.png) no-repeat -6px 0;
}

#ST-photo {
	background: url(../images/background-eye.png) no-repeat -6px -308px;
}
	
#BS-cta {
	background: url(../images/btn-purple.png) no-repeat 0 0px;
	width: 341px;
padding-top: 6px;
height: 43px;
}
	
#CD-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:377px;
}
	
#CD-photo {
	background: url(../images/background-eye.png) no-repeat  -6px -152px;
}
	
#CD-cta {
	background: url(../images/btn-purple.png) no-repeat 0 0px;
    width: 341px;
    padding-top: 6px;
    height: 43px;
}

#ST-cta {
	background: url(../images/btn-purple.png) no-repeat  38px -52px;
    width: 341px;
    padding-top: 6px;
    height: 43px;
}
	
#CM-info {
	background:#fff url(../images/bkgrnd-CM.jpg) no-repeat right top;
	height:391px;
}
	
#CM-photo {
	background: url(../images/treatment-photos.png) no-repeat 0 -280px;
}
	
#CM-cta {
	background: url(../images/bkgrnd-btns.png) no-repeat 0 -685px;
	width:291px;
    font-size:.99em
}

#OB-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:377px;
}
	
#OB-photo {
	background: url(../images/treatment-photos.png) no-repeat 0 -420px;
}
	
#OB-cta {
	background: url(../images/bkgrnd-btns.png) no-repeat 0 -769px;
	width:255px;
}
	
#US-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:463px;
}
	
#US-photo {
	background: url(../images/treatment-photos.png) no-repeat 0 -560px;
}
	
#US-cta {
	background: url(../images/bkgrnd-btns.png) no-repeat 0 -769px;
	width:254px;
}
	
#ULS-info {
	background:#fff url(../images/bkgrnd-US.jpg) no-repeat right top;
	height:483px;
}
	
#ULS-photo {
	background: url(../images/background-eye.png) no-repeat -7px -463px;
}
	
#ULS-cta {
	background: url(../images/btn-purple.png) no-repeat 38px -52px;
width: 341px;
padding-top: 6px;
height: 43px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.left {
    float:left;
}

.right {
    float:right;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   FDA Popup
   ========================================================================== */

.popup-bg {
    background-image: url(../images/popup-bg.png);
    background-repeat:no-repeat;
    width:819px;
    height:444px;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:170px;
    margin:0 auto
}

.popup-bg .content {
    color:#000;
    font-size:12px;
    line-height:15px;
    width:650px;
    margin:245px auto 0 auto
}

.popup-bg .content p{
    margin-top:0;
    margin-bottom:10px;
}

.popup-bg .content span {
    color:#872e9c;
    font-weight:bold
}

.popup-bg .headline {
    font-size:14px;
    color:#872e9c;
    font-weight:bold
}


.popup-close-button {
    background-image: url(../images/close-button.png);
    background-repeat:no-repeat;
    width:39px;
    height:39px;
    position:absolute;
    top:-15px;
    right:-15px;
    cursor:pointer
}
.btn-learn {
	width:101px;
	height:23px;
	margin-top:5px;
	padding-top:2px;
	background: url(../images/bkgrnd-btns.png) no-repeat -295px -600px;
	font-size:.688em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}
.hvr-content {
    padding: 12px 0 0 18px;
  cursor:pointer;
}
/*new*/
.callout-box-body {
	width:396px;
	height:75px;
	padding:0;
	background: url(../images/bkgrnd-hvr.jpg) no-repeat left top;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}
.callout-box-content {
    padding: 12px 0 0 18px;
    cursor: pointer;
}
.callout-box-bottom {
    width: 396px;
    height: 9px;
    background: url(../images/bkgrnd-hvr.jpg) no-repeat left bottom;
    margin: 0 auto;
}
.callout-box-body .style1 {
    font-size: 1.20em;
    color: #7a7a7a;
}
.callout-box-body .btn-learn {
    width: 101px;
    height: 23px;
    margin-top: 5px;
    padding-top: 2px;
    background: url(../images/bkgrnd-btns.png) no-repeat -295px -600px;
    font-size: .688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
.callout-box-body .btn-learn:hover {
	background: url(../images/bkgrnd-btns.png) no-repeat -295px -626px;
}

.headtxt span.sup{
    text-decoration:none;
    border:none;
}