@charset "utf-8";

/* CSS Document */

BODY{ font-family:Verdana, Geneva, sans-serif; color:#103180; line-height:18px; margin:0px; top: 0px;}
H1 { font-size:36px; color: #ff9600; line-height:42px; font-weight: normal; text-transform:uppercase; width:800px; margin-top:25px; float:left; margin-bottom:-5px;  }


ul{margin-top:10px; margin-left:8px; color:#ff9900; padding-left:8px; }

hr{background-color:#b7c1d9; height:1px; width:100%; float:left; border:none; margin-top:20px; margin-bottom:20px; }
p{float:left; margin-top:8px; margin-bottom:8px; }

/* formatting classes */

.margin6{height:6px;}
.body_text{font-size:12px; line-height:16px; float:left;}
.body_textSM{font-size:11px; line-height:13px; float:left;}
.color {color:#103180; text-decoration:none;}
.footer_color {color:#103180; text-decoration:none;}
.footer_color_on {color:#ff9900; text-decoration:none;}
.footer_color:hover { text-decoration:underline;}
.barker1{float:left;}
.insidelist {list-style:none; color:#103180; padding-left:0px; margin-left:0; margin-top:0; }
.insidelist li{background: transparent url(../images/inside_list_bullet.gif) no-repeat 0 3px; padding-left:15px;}

.internal_link{color:#f78f1e; font-size:12px; font-weight:bold;}
.insidelistR { color:#103180; padding-left:0px; margin-left:0px; margin-top:0px; list-style:none;  }



.insidelistR li{ background: transparent url(../images/inside_list_bullet.gif) no-repeat 0 3px; padding-left:15px; margin-bottom:10px;}


.list_indent{margin-left:30px; margin-top:0; float:left;}
.sublist{color:#103180; list-style-type:disc; margin-left:15px; margin-top:0px;}
.sublist li {background:none; padding-left:15px;}

.isilist{ color:#ff9900; float:left;  padding-left:15px; margin-left:5px; margin-top:0px; list-style:disc;}
.isilist li {padding-left:15px;}
.isi_subhead h2 {
font-size: 20px;
	}



/* Main Nav Styles */

#nav-interior{width:983px;height:68px;float:left;margin:-15px 0 0 0;}
#nav{width:983px;height:68px;float:left;margin:-10px 0 0 0;}
#nav ul, #nav-interior ul{list-style-type:none;margin:0;padding:0;}
#nav ul li, #nav-interior ul li{float:left;margin:0;padding:0;}
#nav ul li a, #nav-interior ul li a{display:block;height:59px;text-indent:-9999px;outline:none;}
#nav ul li a:hover, #nav-interior ul li a:hover{background-position:0 -59px;}
#nav-home{width:142px;background:url(../images/nav-home.png) no-repeat;overflow:hidden;}
.nav-current#nav-home{margin-top:-8px;height:67px;background:url(../images/nav-home-current.png) no-repeat;}
.nav-current#nav-home:hover{background:url(../images/nav-home-current.png) no-repeat;}

#nav-about{width:141px;background:url(../images/nav-about.png) no-repeat;}
.nav-current#nav-about{margin-top:-8px;height:67px;background:url(../images/nav-about-current.png) no-repeat;}
.nav-current#nav-about:hover{background:url(../images/nav-about-current.png) no-repeat;}
#nav-how-works{width:140px;background:url(../images/nav-how-works.png) no-repeat;}
.nav-current#nav-how-works{margin-top:-8px;height:67px;background:url(../images/nav-how-works-current.png) no-repeat;}
.nav-current#nav-how-works:hover{background:url(../images/nav-how-works-current.png) no-repeat;}
#nav-12-hours{width:139px;background:url(../images/nav-12-hours.png) no-repeat;}
.nav-current#nav-12-hours{margin-top:-8px;height:67px;background:url(../images/nav-12-hours-current.png) no-repeat;}
.nav-current#nav-12-hours:hover{background:url(../images/nav-12-hours-current.png) no-repeat;}
#nav-unique-delivery{width:140px;background:url(../images/nav-unique-delivery.png) no-repeat;}
.nav-current#nav-unique-delivery{margin-top:-8px;height:67px;background:url(../images/nav-unique-delivery-current.png) no-repeat;}
.nav-current#nav-unique-delivery:hover{background:url(../images/nav-unique-delivery-current.png) no-repeat;}
#nav-prescribed{width:140px;background:url(../images/nav-prescribed.png) no-repeat;}
.nav-current#nav-prescribed{margin-top:-8px;height:67px;background:url(../images/nav-prescribed-current.png) no-repeat;}
.nav-current#nav-prescribed:hover{background:url(../images/nav-prescribed-current.png) no-repeat;}
#nav-patient-savings{width:88px;background:url(../images/nav-patient-savings.png) no-repeat;}
.nav-current#nav-patient-savings{margin-top:-8px;height:67px;background:url(../images/nav-patient-savings-current.png) no-repeat;}
.nav-current#nav-patient-savings:hover{background:url(../images/nav-patient-savings-current.png) no-repeat;}

#nav-isi{width:141px;background:url(../images/nav-isi.png) no-repeat;}
.nav-current#nav-isi{margin-top:-8px;height:67px;background:url(../images/nav-isi-current.png) no-repeat;}
.nav-current#nav-isi:hover{background:url(../images/nav-isi-current.png) no-repeat;}

/* navigation classes */

.nav_home{ height:67px; float:left; width:88px;   }

.home_on {  width:88px;  height:67px; float:left; width:88px;  background:url(../images/nav_bg_home_on_88.png);   }

.home_on A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600; background:url(../images/nav_bg_home_on_88.png); line-height:15px; padding-left:17px; padding-top:15px; }
.home_on A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_bg_home_on_88.png); }
.home_off A{height:53px; width:71px; text-decoration:none; text-transform:uppercase; font-size:13px; color:#fff; padding-left:17px; padding-top:15px; background:url(../images/nav_bg_home_off_2.png); line-height:15px;}
.home_off A:hover{color:#fff; text-decoration:none; background:url(../images/nav_bg_home_over.png);}

.nav_tab_149 {height:67px; float:left; width:149px; }
.nav_tab_140 {height:67px; float:left; width:140px; }
.nav_tab_134 {height:67px; float:left; width:134px; }
.nav_tab_121 {height:67px; float:left; width:121px; }
.nav_tab_106 {height:67px; float:left; width:106px; }
.nav_tab_99 {height:67px; float:left; width:99px; }
.nav_tab {height:67px; float:left; width:90px; }
.nav_tab:hover {}

/*"How Tussionex works"*/
.tab_off_134 A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_bg_tab_over_134.png) no-repeat scroll right top transparent; }
.tab_off_134 A{text-decoration:none; text-transform:uppercase; color:#fff; padding-left:15px; padding-top:15px; font-size:13px; line-height:15px; height:53px; float:left; width:134px; background:url("../images/nav_bg_tab_off_134.png") no-repeat scroll right top transparent; display:block;}
.tab_on_134 A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600;  padding-left:15px; padding-top:15px; line-height:15px; height:53px; float:left; width:134px; background:url(../images/nav_bg_tab_on_148.png);}
.tab_on_134 A:hover{color:#fff; text-decoration:none;}

/* tabs "About cough supressants" and "up to 12 hours" */
.tab_off_125 A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_bg_tab_over.png); }
.tab_off_125 A{text-decoration:none; text-transform:uppercase; color:#fff; padding-left:15px; padding-top:15px; font-size:13px; line-height:15px; height:53px; float:left; width:125px; background:url(../images/nav_bg_tab_off.png); display:block;}
.tab_on_125, .tab_on_120:hover{  color:#ff9600;}
.tab_on_125 A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600;  padding-left:15px; padding-top:15px; line-height:15px; height:53px; float:left; width:125px; background:url(../images/nav_bg_tab_on_139.png);}
.tab_on_125 A:hover{color:#fff; text-decoration:none;}

/* tabs "innovative delivery" and "#1 prescribed." */
.tab_off_106 A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_bg_tab_over.png) no-repeat scroll right top transparent; }
.tab_off_106 A{text-decoration:none; text-transform:uppercase; color:#fff; padding-left:15px; padding-top:15px; font-size:13px; line-height:15px; height:53px; float:left; width:106px; background:url(../images/nav_bg_tab_off.png) no-repeat scroll right top transparent; display:block;}
.tab_on_106, .tab_on_106:hover{  color:#ff9600;}
.tab_on_106 A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600;  padding-left:15px; padding-top:15px; line-height:15px; height:53px; float:left; width:106px; background:url(../images/nav_bg_tab_on_120.png);}
.tab_on_106 A:hover{color:#fff; text-decoration:none;}

.tab_on, .tab_on:hover{ color:#ff9600;}
.tab_on A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600;  padding-left:15px; padding-top:15px; line-height:15px; height:53px; float:left; width:125px; background:url(../images/nav_bg_tab_on.png);}
.tab_on A:hover{color:#fff; text-decoration:none;}
.tab_off A{text-decoration:none; text-transform:uppercase; color:#fff; padding-left:15px; padding-top:15px; font-size:13px; line-height:15px; height:53px; float:left; width:75px; background:url(../images/nav_bg_tab_off.png);}
.tab_off A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_bg_tab_over.png); }

/* used for the "important safety information tab */
.nav_isi {height:67px; float:left; width:109px;  }
.nav_isi:hover {}
.nav_isi A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#fff; height:53px; float:left; width:110px;  padding-left:15px; padding-top:15px; background:url(../images/nav_bg_isi_off.png) right top; line-height:15px; padding-right:10px;}
.nav_isi A:hover{color:#fff; text-decoration:none;   background:url(../images/nav_bg_isi_over.png) right top; }
.nav_isi_on A{text-decoration:none; text-transform:uppercase; font-size:13px; color:#ff9600; background:url(../images/nav_isi_tab_on_134.png) no-repeat 0 0; line-height:15px; padding-left:15px; padding-top:15px; width:110px; padding-right:10px; }
.nav_isi_on A:hover{color:#fff; text-decoration:none;  background:url(../images/nav_isi_tab_on_134.png) no-repeat 0 0; width:110px;padding-right:10px; }

.sup{font-size:9px; line-height:7px; vertical-align:super; }
.subhead_sup{font-size:9px; line-height:13px; vertical-align:super;}
.nav_sup{font-size:8px; line-height:8px; vertical-align:super;}
.footnote_sup{font-size:5px; line-height:5px; vertical-align:super; }
.headline_sup{font-size:18px; line-height:22px; vertical-align:super; }
.popUp{color:#103180; font-size:22px; line-height:22px; text-transform:uppercase; float:left; width:100%; }

* html .tab_off {width: 90px;}
* html .tab_off a {width:90px;}
* html .nav_tab a {width:90px;}
* html .nav_isi a {width:94px;}

/* Site Structure */

#main_body { width:983px; margin-left:auto; margin-right:auto;}
#header{ width:983px; }
#logo{ float:left; width:530px;  }
#pi{ float:left; width:453px; padding-top:20px; text-transform:uppercase; font-size:13px; }

#nav_sub{ height:68px; width:983px; float:left; margin-top:-20px;}
#home_content {background:url(../images/home_main_bg.png) no-repeat; float:left; width:983px; height:513px; }
#home_main { float:left; width:983px; }
#home_main_left { padding-left:30px; padding-top:34px; width:650px; float:left; height:200px;}
#home_main_right { width:271px;  float:right; padding-right:12px; height:240px; margin-top:5px;}

#main_content {background:url(../images/main_copy_bg.png) no-repeat bottom; float:left; width:983px; margin-top:20px;  }
#main_content_terms {background:url(../images/main_terms_bg.png) no-repeat bottom; float:left; width:983px; margin-top:20px;  }
#sub_main{margin-left:40px; float:left; width:903px; margin-bottom:20px;}
#sub_main_left {width:600px; float:left; font-size:12px; border-right:#c7c7d0 solid 1px; padding-right:20px; padding-bottom:20px; margin-bottom:20px;}
#sub_main_right{ float:left; width:235px; margin-left:40px; font-size:12px;}
#sub_main_right a, .insidelistR a{font-weight:bold; color:#103180; text-decoration:none;}
#sub_main_right a:hover, .insidelistR a:hover{font-weight:bold; color:#f78f1e; text-decoration:none;}
#sub_main_left_small { float:left; width:290px; font-size:12px; padding-right:20px; margin-bottom:30px;  }
#sub_main_right_large{ float:left; width:540px;  padding-left:50px; font-size:12px; border-left:#c7c7d0 solid 1px; padding-bottom:20px; }

#sub_main_left_small2 { float:left; width:292px; font-size:12px; padding-right:20px; margin-bottom:30px; border-right:#c7c7d0 solid 1px;  }
#sub_main_right_large2{ float:left; width:550px;  padding-left:30px; font-size:12px;  padding-bottom:20px; }

#barkers{ float:left; padding-left:0px; padding-right:0px; height:308px; width:983px;}
#isi{ font-size:11px; line-height:16px; float:left; width:941px; padding-left:25px; margin-top:20px;}
#isi h2 { font-size:20px;}

#ucb_footer{margin-top:10px; float:left; width:941px;}
#footer_nav{ margin-bottom:20px; float:left;  width:983px; margin-left:auto; margin-right:auto;}
#ucb_logo{float:left;margin-right:10px;}
#ucb_copy{float:left;margin-right:10px; margin-top:-5px;}
#ucb_right{float:right; margin-top:-5px;}
#references{float:left;font-size:10px; line-height:14px; margin-top:20px; margin-bottom:20px; width:100%;}

.home_headline{ color:#ff9600; font-size:46px; line-height:52px; text-transform:uppercase; float:left; }
.home_subhead { color:#103180; font-size:20px;  line-height:24px; margin-top:10px; float:left;  }
.main_subhead_blue { color:#103180; font-size:14px; line-height:18px; text-transform:uppercase; float:left; width:100%;}
.home_main_div {  height:4px; width:614px; margin-top:6px; margin-bottom:4px; float:left;}
.home_body_div {  height:4px; width:100%; margin-top:14px; margin-bottom:4px; float:left;}
.home_body_div2 {  height:4px; width:100%; margin-top:4px; margin-bottom:4px; float:left;}
.main_subhead{  color:#ff9600; font-size:14px; line-height:18px; text-transform:uppercase; float:left;}
.click_enlarge{  color:#ff9600; font-size:11px; line-height:18px; text-transform:uppercase; text-decoration:none; }
.footnote{font-size:10px; margin-bottom:0px; margin-top:8px; line-height:13px; float:left; width:530px;}
.home_asterisknote{font-size:10px; margin-bottom:0px; margin-top:8px; line-height:13px; float:left; width:630px;}
.barker_text a { color:#103180; font-size:14px; line-height:18px; float:left; padding-top:113px;  text-decoration:none; font-family:Verdana, Geneva, sans-serif;}
.barker_text a:hover {color:#ff9600;}

.barker_text_right a{color:#103180;font-size:14px;line-height:18px;float:left;padding-top:95px;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}

.barker_text_right a:hover {color:#ff9600;}


/* Lightbox */

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {

}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left:0;
	top:0;
	overflow: hidden;
		padding:0;
	margin:0;
	background:none;


}

#mbCenter.mbLoading {


/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background:none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;
background:none;
/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
		padding:0;
	margin:0;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding:0;
	margin:0;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }

/* Enter Site Popup Styles */

#entersiteBackground{display:none;position:fixed;z-index:400 !important;top:0;left:0;width:100%;height:100%;background-color:#fff;}
* html #entersiteBackground{position:absolute;}
#popupEnterSite{display:none;width:348px;height:199px;position:absolute;z-index:9999 !important;}
#popupEnterSite-content{width:320px;float:left;margin:15px 0 0 20px;}
#popupEnterSite-content p{font-family:Arial, Helvetica, sans-serif;color:#595959;font-size:14px;}
* html #popupEnterSite-content{margin:15px 0 0 10px;}