*{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
body{
	margin: 0;
	padding: 0;
	border: 0;
	background: #F2F2F2;
	font: 12px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}

.small {
    font-size: 10px;
}

body h1{
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 27px;	
}

body h2.h2_ruled{
	color: #000000;
	font-size: 14px;
	background: url(/images/v2/sidebar_right_divider.png);
	background-repeat: repeat-x;
	line-height: 16px;
	padding: 8px 0 16px 0;
	margin-top: 10px;
}

body h2{
	font-size: 16px;
	line-height: 16px;
	background: 0;
	padding-bottom: 10px;	
}

body h3{
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	padding-bottom: 10px;
}

body h4{
	font-size: 11px;
	color: #000000;
	font-style: italic;
	
}

body p{
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	padding-bottom: 10px;
}

body p.hp{
	font-size: 11px;
	line-height: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

a, a:active, a:visited {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

ul li{
	font-size: 12px;
	line-height: 16px;
}

ul.bb {
	font-size: 12px;
	line-height: 16px;
	list-style-type: disc;
	padding-left: 30px;
	color: #333333;
}

ul.dotted {
	margin-left:10px;
	padding-left:10px;
	list-style-type: disc;
	font-weight: normal;
	color: #333333;	
}

#wrapper{
	background: #F2F2F2;
}

#container{
	background: #FFFFFF;
}

#header{
	width: 940px;
	height: 70px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0 10px 0 10px;
	background: #FFFFFF;
	border-bottom: 2px solid #CCCCCC;	
	margin-bottom: 1px;
}

#logo_image{
	padding: 12px 0px 0px 22px;
	width: 384px;
	float: left;
}

#header_title{
	padding: 30px 0 0 13px;
	float: left;
	font-size: 18px;
	line-height: 20px;
	color: #666666;
}

#main{
	width: 940px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 20px 10px 0 10px;
	margin-bottom: 1px;
	border-bottom: 2px solid #CCCCCC;
}

#content{
	width: 520px;
	float: left;
	padding: 0 10px 0 20px;
	border: 0;
	margin-bottom: 10px;
}

#content_main{
	float: left;
	padding: 0 10px 0 20px;
	margin-bottom: 10px;
}


#content_hp{
	max-width: 520px;
	float: left;
	padding: 0 10px 0 20px;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
/*
#content_hp #hero{
	background: url(/images/v2/bg_content.png);
	background-repeat: repeat-x;
	width: 520px;
	height: 255px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	position: relative;	
}*/
/*
#hero h1{
	display: block;
	background: url(/images/v2/need_flu_relief.png) no-repeat;
	height: 80px;
	text-indent: -5000px;
	margin-left: 13px;
	margin-bottom: 0;
}

#hero p{
	padding: 15px 33px 0 13px;
	color: #333333;
	font-size: 12px;
	line-height: 13px;	
}

#hero #red_circle{
	position: absolute;
	top: 3px;
	right: 4px;	
}*/

/** TP-297 **/
/* #content_hp #hero{
    background: url(/images/v2/q2_2010/bg_hero.png) no-repeat;
} */

/*#hero h1{
    position: absolute;
    top: 0;
    left: 0;
    width: 310px;
    height: 100px;
    text-indent: -5000px;
    margin: 0;
} */

#hero .tagline{
    position: absolute;
    top: 180px;
    left: 12px;
    /*width: 270px;*/   
}

#hero .order{
    position: absolute;
    top: 235px;
    left: 12px;   
}
/** END TP-297 **/

/** START TP-361 **/
#content_hp #hero{
    background: url(/images/v2/q3_2010/bg_hero.png) no-repeat;
}

#content_hp #hero {
/*  background: url(/images/v2/bg_content.png); */
    background-repeat: repeat-x;
    width: 520px;
    height: 319px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative; 
}

#hero h1{
    position: absolute;
    top: 0;
    left: 0;
    width: 310px;
    height: 100px;
    text-indent: -5000px;
    margin: 0;
} 

#hero .use-as {
    font: trebuchet; 
    font-size:9px; 
    color:#333333; 
    position:absolute; top: 293px; left: 53px;
}

#hero .button {
    position:absolute; top: 257px; left: 172px;
}

/** END TP-361 **/

.hp_block{
	float: left;
	width: 260px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hp_block h3{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0;
	margin: 0;
}

.hp_block li{
	/*margin-left: 15px;
	*margin-left: 22px;*/
	margin-bottom: 10px;
	clear: left;
}

.hp_block li a {
    font-size: 11px;
    float: left;
    width: 245px;
}

li.decimal_list {
	color: #000000;
	margin-left: 0;
	padding-left: 0;		
}
li.decimal_list a, li.decimal_list a:active, li.decimal_list a:hover, li.decimal_list a:visited {
	font-weight: normal;
}
li.list1 a:active, a:hover, a:visited {
	font-weight: normal;
}

#home .hp_block li strong.num {
    float: left;
    display: block;
    width: 15px;   
}

.line_divider{
	padding-bottom: 10px;
	border-top: 1px solid #CCCCCC;	
}

#sidebar_left{
	float: left;
	margin-bottom: 10px;
}

.txt{
	padding: 7px;
	font-size: 11px;
}
	
#sidebar_right{
	float: left;
	padding: 0 0 0 9px;
	width: 210px;
}


#sidebar_right .block{
	background: url(/images/rp_title.gif) no-repeat;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 5px;
	width: 145px;
}

#sidebar_right .block .bottom{
	background: url(/images/rp_bottom.gif) no-repeat scroll 0 0;
	height: 6px;	
	overflow: hidden;
}

#sidebar_right .block h2{
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 2px;	
}
#sidebar_right .block .content{
	padding-left: 10px;
	padding-right: 6px;
}


#secondary_sidebar_right{
	float: left;
	width: 220px;	
}
body#product_details #secondary_sidebar_right {
    float: right;
}
#sidebar_right p{
	font-size: 11px;
	line-height: 14px;
	
}

#sidebar_right #callout{
	border: 1px solid #CCCCCC;
}

#callout #calout_top{
	padding: 12px 0 0px 8px;
	background-color: #f9f8f8;
}

#callout #calout_top_ped{
	padding: 12px 0 0px 8px;
	background-color: #ebf5f5;
}

#tyl_sample_txt{
	width: 130px; 
	float: right; 
	font-size: 11px; 
}

#callout #calout_bottom{
	padding: 0px 0 0px 0px;
	background: url(/images/v2/callout_bottom_bg.jpg);
	background-repeat: repeat-x;
	height: 97px;
	overflow: hidden;
}

#callout #calout_bottom_ped{
	padding: 0px 0 0px 0px;
	background: url(/images/v2/callout_bottom_ped_bg.png);
	background-repeat: repeat-x;
	height: 126px;
	overflow: hidden;
}

#callout #callout_btm_recall {
    padding: 0px 0 0px 0px;
    background: url(/images/tyl_prd_avail_bottom.jpg);
    background-repeat: no-repeat;
    height: 118px;
    width: 208px;
    overflow: hidden;   
}

#tyl_sample_txt_recall{
    float: right; 
    font-size: 11px; 
    padding-right: 10px;
}

#sidebar_right h3{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	/*padding-bottom: 16px;*/
}

#footer{
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0 10px 0 10px;
	background: #FFFFFF;
	width: 940px;
	clear: both;
}

#footer #ft_block{
	padding: 0 0 0 180px;
	width: 535px;	
}

#footer p {
	font-size: 10px;
	color: #333333;
	line-height: 13px;
	padding-bottom: 17px;
}

#ft_block ul {
	list-style: none;
	font-size: 10px;
	padding-top: 17px;
	float: left;
	
}
#ft_block li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	color: #666666;
	padding-bottom: 17px;
	display: block;
}

#ft_block ul li a, #ft_block ul li a:link, #ft_block ul li a:visited{
	color: #666666;	
	text-decoration: none;
	font-size: 10px;
}

#ft_block ul li a:hover{
	text-decoration: underline;
}

/* Utlity Nav Styles */
#header_right{
	float: right;
	margin: 15px 0px 0px 0;
}

#utility_nav{
	font-size: 10px;
	color: #666666;
	float: right;
	padding-bottom: 9px;
}

#utility_nav ul{
	float: left;
	display: block;
}

#utility_nav li{
	float: left;
	display: block;
	font-size: 10px;
}

#utility_nav ul li a:active, #utility_nav ul li a:link, #utility_nav ul li a:visited{
	color: #666666;
	text-decoration: none;
}

#utility_nav ul li a:hover{
	color: #666666;
	text-decoration: underline;
}

.un_divider{
	padding: 0 7px 0 7px;
}

/* Header login block */
#login_block{
	font-weight: bold;
	font-size: 11px;
	color: #CC0000;
	float: right;
	width: 100%;
}

#not_logged_in{
	float: right;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

#not_logged_in a, #not_logged_in a:link, #not_logged_in a:hover{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
	padding: 7px 3px 6px 3px;
	position: relative;
}

#not_logged_in a:hover{
	border-top: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
}

#logged_in{
	margin: 0;
	float: right;	
}

#logged_in ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}

#logged_in li{
    padding: 7px 3px 6px 3px;
    margin-right: 3px;
    border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	float: left;
    display: block;
    text-align: center;	
}

#logged_in li.first, #logged_in li.first:hover{
	border: 0;
	color: #666666;
	text-align: left;
}

#logged_in ul li.active{
	border-top: 3px solid #CC0000;
	padding: 5px 3px 6px 3px; 
}

#logged_in li:hover{
	border-top: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
}

#logged_in li a, #logged_in li a:link, #logged_in li a:active, #logged_in li a:hover{
    font-weight: bold;
}

.width_100{
	width: 100px;	
}

/* Index page styles */
#home p {
	font-size: 11px;	
}
/* Products page styles */
#products ul.rb {
	padding-left:10px;
	font-size: 12px;
	line-height: 16px;
}

#products ul li {
	margin-left:20px;
	list-style-type: disc;
	color: #CC0000;
}

#products ul li a, #products ul li a:link, #products ul li a:visited{
	color: #CC0000;
	text-decoration: none;	
}

#products ul li a:hover{
	text-decoration: underline;
	color: #CC0000;	
}

/* Pharmacology page styles */
#pharmacology h2{
	margin-top: 26px;	
}

#pharmacology .h2_ruled{
	font-size: 16px;
	padding-bottom: 10px;	
}
#pharmacology #left_content_block{
	width: 220px;
	float: left;
	padding-right: 40px;
	border-right: 1px solid #CCCCCC;	
}

#pharmacology #right_content_block{
	width: 220px;
	float: left;
	padding-left: 39px;	
}

.header{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 16px;	
}

/* Login-Register page styles */
#content.account_login{
	width: 750px;
}

h1.login_h1{
	margin-bottom: 23px;
	line-height: 18px;
	color: #000000; 	
}

.cb{
	clear: both;
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_90{
	margin-top: 90px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.pt_20{
	padding-top: 20px;
}

.pb_30{
    padding-bottom: 30px;
}

.pt_30{
    padding-top: 30px;   
}

.pt_10{
	padding-top: 10px;	
}

.pb_25{
	padding-bottom: 25px;
}

.black{
	color: #000000;
	font-weight: bold;
}

.strong{
	font-weight: bold;
	color: #333333;	
}

.s{
	font-weight: bold;	
}

.img{
	border: 0;
}

.italics, .italic {
	font-style: italic;
}

.footnotes{
	font-size: 11px;
	padding-top: 5px;	
}

#solubility_table {
	width: 220px;
	text-indent: 10px;
	padding-bottom: 10px;
}

#solubility_table tr{
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	width: 220px;
}

.tr_blue{
	background-color: #cce5e5;
}

.txt_upper{
	text-transform: uppercase;
}

.backtotop{
	margin: 10px 0 10px 0;
	padding: 0;
}

/* Styles for Patient Education page */
#patient_ed {
	font-size: 12px;
	line-height: 16px;
	width: 100%;
	color: #333333;	
}

.ped_ed_block {
	width: 57px;
	float: left;
	margin-top: 0;
	padding: 0;
}

.mr_58{
    margin-right: 58px;
    _margin-right: 57px; 
}

#patient_ed .h2_ruled{
	margin-top: 25px;	
}

.ped_ed_block_sub_title {
    font-size: 11px;
    line-height: 12px;   
}

.ped_ed_block_sub_title a:link, .ped_ed_block_sub_title a:visited {
	text-align:left;
	text-decoration:none;
	font-size: 11px;
	line-height: 12px;
}

.add-resource-img {
	float:left;
	width: 56px;
	padding-right:13px;
	padding-top: 20px;
}

.add-resource {
	float:left; 
	width: 450px; 
	padding-top: 19px;
	font-size: 11px;
}

.fl_rt{
	float: right;	
}

.fl_rt a, .fl_rt a:active, .fl_rt a:visited .fl_rt a:hover{
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;	
}

.left_140{
	width: 140px;
	float:  left;	
}

.left_360{
	width: 360px;
	float: left;
	padding-left: 16px;	
}

.pated {
    border-bottom: 1px solid #CCCCCC;
}

.desc{
	/*padding: 4px 0 6px 0;*/
	/* had to modify to work with some patient ed pieces that have more text */
	padding: 4px 0 3px 0;
	font-size: 11px;
	line-height: 14px;	
}

.h_150{
	height: 150px;	
}

.h_93{
	height: 93px;	
}

.h_120{
	height: 120px;	
}

.h_103{
	height: 103px;
}

.h_136{
	height: 136px;
}

.pt_40{
	padding-top: 40px;	
}

/* All common styles */

.pb_8 {
	padding-bottom:8px;	
}
.pt_23 {
	padding-top: 23px;	
}
.caption{
	font-size: 11px; 
	line-height: 12px	
}

.new {
	text-transform: uppercase;
	color: #CC0000;
	font-weight: bold;
}

.breadcrumb{
	font-size: 10px;
	color: #666666;
	padding-bottom: 10px;	
}

.red_bold{
	font-weight: bold;
	color: #CC0000;
	font-size: 14px;
	line-height: 16px;	
}

/* Styles for Products details*/

#content.page_height{
	min-height: 950px;
	/** Neema see if you can make min-height work instead of height.  You'll probably need an IE-specific CSS where you can set height directly.**/
}
#prodinfo_wrapper{
	border-right: 1px solid #CCCCCC;
}

#prodinfo_wrapper h2.h2_ruled{
	font-size: 18px;
	color: #666666;
	padding: 7px 0px 7px 0px;
	line-height: 20px;
}

.mr_10{
	margin-right: 10px;	
}

.ml_150 {
    margin-left: 150px;
}

.ml_156 {
    margin-left: 156px;
}

.ml_160 {
    margin-left: 160px;
}

h3.product_title{
	font-size: 14px;
	line-height: 16px;
	color: 000000;
	padding: 15px 0 13px 0;
	border-top: 1px solid #CCCCCC;
	margin: 0;
	margin-right: 10px;
}

.proddetails{
	/*padding: 18px 0 0 13px;*/
	padding: 18px 0 0 0px;
	color: #CC0000;
}

.hidden_prod, .hide_block{
	display: none;
}

.proddetails ul, .proddetails li{
	line-height: 20px;
	font-size: 11px;
	list-style-type: none;
}

ul.proddetails a, ul.proddetails a:active, ul.proddetails a:hover, ul.proddetails a:visited {
	font-weight: bold;
	color: #CC0000;
}

.as_directed {
	font-size: 10px;
	text-align: right;
}

.prod_img{
	float: right; 
	margin: 20px 0px 12px 20px;	
}

.pr_10{
	padding-right: 10px;	
}


.prodinfo ul{
	margin-bottom: 20px;	
}

.prodinfo ul, .prodinfo li{
	list-style-type: disc;
	margin-left: 15px;
}

.prodinfo li a, .prodinfo li a:active, .prodinfo li a:visited, .prodinfo li a:hover{
    font-weight: bold;
}

.prodinfo p{
	padding-bottom: 0;	
}

.font_11{
    font-size: 11px;
 }
 
.new_resrc{
    font-size: 11px;
    line-height: 16px;   
}

#view_all{
	width: 100%;
	text-align: right;
	padding: 0 0 3px 0; 
	line-height: 14px;
	font-size: 11px;	
}

dl {}

dl dt {
	background: url(/images/grey_bullet.gif) no-repeat;
	padding-left: 16px;
}

dl dd {
	margin: 0 0 15px 16px;	
}

/* Style for Adobe Acrobat Reader block */
.adobe_img{
	float: left;
	width: 34px;
	padding: 5px 10px 0px 0px;	
}

.adobe_desc{
	float: left;
	width: 470px;
	padding-top: 5px;
		
}

/* NDC page styles */
.ndc_center{
	width: 700px;
	padding: 5px;
	padding-bottom:25px;
}

#ndc_top_left {
	float: left;
	width: 490px;
}

#ndc_top_left ul {
    list-style-type:disc;
    padding-left: 20px;
}

#ndc_top_center {
    float: left;
    width: 80px;
}

#ndc_top_right {
	float: left;
	width: 130px;
}

.available_prd_block {
    width: 490px;
}

.available_prd_image {
    width: 75px;
    float: left;
}

.available_prd_desc {
    float: left;
    padding-top: 3px;
}

#ndc_top_right .txt-padding {
    padding: 3px 10px;
}

#ndc_middle_left{
	float: left;
}

#ndc_middle_right{
	float: right;
}

.ndc_block{
	width: 700px;
	border:1px solid #000; 
	padding-right: 20px;
	margin-bottom: 15px;
}

.ndc_prd_image{
	width: 67px;
	float: left;
}

.ndc_prd_desc{
	float: left;
	padding: 10px 0px 15px 10px;
}

.ndc_prod_desc_bkg {
    background-color: #f2f2f2;
    height:39px;
}

.ndc_prd_code{
	float: right;
	padding: 10px 0px 0px 0px;
}

.tips_desc{
	float: left; 
	width: 430px;
}

.tips_img{
	float: left; 
	width: 80px; 
	padding-left: 10px; 
	padding-bottom: 10px;
}	


#pe_block{
	width: 160px; 
	height: 30px; 
	border: 1px solid #E1E1E1; 
	margin-top: 10px;
	margin-bottom: 20px;
}
#pe_block_inner{
	margin: 2px;
}

#print_block{
	float: left; 
	padding: 5px 28px 5px 10px; 
	background-color: #E1E1E1;
}

#email_block{
	float: right; 
	padding: 5px 20px 5px 0px; 
	background-color: #E1E1E1;
}

#required_indicator{
	color: #666666;
	font-size: 9px;
	margin-bottom: 5px;
}
.note{
	color: #666666;
}

.breadcrumbs{
	font-size: 10px;
	padding-bottom: 18px;
}

.backtotop a {
    font-size: 11px;
    line-height: 14px;
}

#solubility_table td {
    padding: 2px 0;
}

.red {
    color: #CC0000;
}

/** Style for Guidelines and Studies page - TP-296 **/
.h2_guidelines{
    font-size: 16px !important;
    padding: 16px 0 16px 0 !important;
}

.ml_15 {
    margin-left: 15px;
}
/** END TP-296 **/

/** TP-320 **/
.order_samples_blk{
    width: 508px;
    background-color: #EDEDED; 
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC; 
    padding: 10px 0px 10px 12px; 
}

.keep_moving_preview{
    width: 46px;
    height: 55px;
}

.keep_moving_preview img{
   border-bottom: 1px solid #CCCCCC;
}

/**
.keep_moving_preview:hover img{
    border-bottom: 2px solid #CC0000;
}
**/

.keep_moving_preview a:hover img{
    border-bottom: 2px solid #CC0000;
}

#hero .kmp_1{
    position: absolute;
    left: 315px;
    top: 240px;
}

#hero .kmp_2{
    position: absolute;
    left: 365px;
    top: 240px;
}

#hero .kmp_3{
    position: absolute;
    left: 415px;
    top: 240px;
}

#hero .kmp_4{
    position: absolute;
    left: 465px;
    top: 240px;
}

#hero .kmg{
    position: absolute;
    left: 235px;
    top: 270px;
    width: 72px;
}

/* Style for Callout */
#sidebar_right #kmg_callout_bg{
    background: url(/images/v2/colorbox/kmg_callout_bg.jpg);
    background-repeat: repeat-x;
    height: 436px;
    border: 1px solid #CCCCCC;
}

.kmg_callout_spacer{
    padding: 10px 0px 0px 7px;   
}

h2.kmg_h2{
    font-size: 14px;
    font-weight: bold;
    color: #000000;   
}

.kmp_callout{
    float: left;
}

.pr_4{
    padding-right: 4px; 
}

.mt_15{
    margin-top: 15px;
}

.center_img{
    text-align: center;   
}
/** END TP-320 **/

/** TP-358 **/
.no-btm-padding {
    padding-bottom: 0px;
}

.callout-hp {
    border: 1px solid #cccccc; margin-top: 10px; margin-bottom:10px; background-color: #f8f7f6;
}

.callout-hp-h3 {
    padding: 7px 0 7px 10px;
    color: #000000;
}

.callout-hp-link {
    margin: 0 10px 7px 10px;
}


/** END TP-358 **/
