/* New styles for full site */

body {
	/**BENZ-15 I changed background color to the dark blue at the bottom of bg_main.png - works for FF, IE6, IE7, etc. **/
    background: #10334E url(../images/bg_main.png) repeat-x;
    font-family: Arial;
    font-size: 12px;
}

#bodytext p, #hcp-msg p {
	margin-bottom: 10px;
}

/* color */

.darkBlue {
	color: #16507c;
}

sup {
	font-size:78%;
	height:0;
	line-height:1;
	position:relative;
	top:-0.4em;
	vertical-align:baseline !important;
}


/* Fonts */
.hn {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.bold, .strong {
    font-weight: bold;
}

.upper {
    text-transform: uppercase;
}

/* Floats and Clears */
.clear, .cb {
	clear: both;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

/* Links */

a {
    color: #ffba00;
    font-weight: bold;
    text-decoration: none;
}

a.white {
    color: #fff;
}

a.black {
    color: #000;
}

#bodytext a {
    color: #CF9700;
}

#hp_flash_container {
	height: 363px;
	width: 940px;
}

/* header */

#headerContainer {
	margin:0 0 12px 2px;
}

#wrapper {
    width: 960px;
    margin: 0 auto;
}

#logo {
    float: left;
    margin-bottom:8px;
}

#tagLine {
    float: left;
    margin: 36px 0 0 20px;
}

.tagline {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
}

#tagLine2 {
    margin-top: 7px;
    margin-left: 535px;
    font-size: 16px;
}

#onset_tab {
    float: right;
    margin-right: 14px;
}


/* main navigation */

#mainNav {
    font-size: 13px;
    clear: both;
	margin-bottom: 2px;
}

#mainNav ul {
    list-style: none;
	height: 36px;
	padding: 0;
	margin: 0;
}

#mainNav ul li {
    float: left;
    display: block;
    height: auto;
    position: relative;
    margin: 0;
    padding: 12px 14px 10px 12px;
    color: #fff;
}

#mainNav li a:link, #mainNav li a:visited {
    color: #fff;
    font-weight: normal;
    height: 100%;
	padding: 10px 0;
}

#mainNav li.first {
    padding-left: 27px;
}

#mainNav li#contactBtn {
    padding-right: 39px;
}

li#homeBtn {
    background: #16507c url(../images/nav.gif) no-repeat 0 -44px;
}

li#homeBtn:hover, li#homeBtn.hover, #home li#homeBtn {
    background: #16507c url(../images/nav.gif) no-repeat 0 0;
    color: #16507c;
	cursor: pointer;
}

li#benzBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px -44px;
}

li#benzBtn:hover, li#benzBtn.hover, #tough-on-acne li#benzBtn, #gentle-on-skin li#benzBtn , #easy-to-appy li#benzBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px 0px;
    color: #16507c;
	cursor: pointer;
}

li#howBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px -44px;
}

li#howBtn:hover, li#howBtn.hover, #how-to-use-benzefoam li#howBtn{
    background: #16507c url(../images/nav.gif) no-repeat -6px 0px;
    color: #16507c;
	cursor: pointer;
}

li#rebateBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px -44px;
}

li#rebateBtn:hover, li#rebateBtn.hover, #rebate li#rebateBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px 0px;
    color: #16507c;
	cursor: pointer;
}

li#patientBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px -44px;
}

li#patientBtn:hover, li#patientBtn.hover, #patient-information #patientBtn {
    background: #16507c url(../images/nav.gif) no-repeat -6px 0px;
    color: #16507c;
	cursor: pointer;
}

li#contactBtn {
    background: #16507c url(../images/nav.gif) no-repeat -694px -44px;
}

li#contactBtn:hover, li#contactBtn.hover, #contact-us li#contactBtn {
    background: #16507c url(../images/nav.gif) no-repeat -696px 0px;
    color: #16507c;
	cursor: pointer;
}

#mainNav ul li#hcpBtn {
    background: #16507c url(../images/nav.gif) no-repeat -813px -44px;
    width: 96px;
    text-align: center;
    padding: 5px 13px 5px 17px;
}

#mainNav ul li#hcpBtn:hover, #mainNav ul li#hcpBtn.hover, #rapid-results-in-p-acnes-reduction ul li#hcpBtn, #well-tolerated-with-low-rates-of-dryness-and-irritation ul li#hcpBtn, #advantages-of-a-foam ul li#hcpBtn, #hear-from-the-experts ul li#hcpBtn {
    background: #16507c url(../images/nav.gif) no-repeat -813px 0;
    color: #16507c;
	cursor: pointer;
}

/* Footer */

#footerContainer {
	clear: both;
    line-height:15px;
    color: #a7d8fc;
    margin-top: 10px;
    height: 190px;
}

#safetyInfo {
    /*margin: 30px 0 0 0px;*/
    width: 452px;
    float: left;
}

#safetyInfo  h3 {
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
}

#importantLine {
    font-size: 13px;
    margin-top: 10px;
}

#copyright {
    margin: 0px 0 0 70px;
    width: 395px;
    float: left;
    height: 200px;
}

#copyright img {
}

#footerPipe {
    color: #ffba00;
    margin: 0 3px;
}

img.left {
	float: left;
	margin-right:5px;
	border:none;
}

/* SUB PAGE DONE BY ANDY */

#mainpadding {
	padding: 0 10px 0 10px;
}
/* 960w */

/*MAIN CONTAINER*/
#maincontainer { margin-left: -8px;    }

/*BANNER CONTAINER*/
#bannercontainer {
    width: 940px;
	margin: 0;
	padding: 0;
}

/*BODY CONENT*/
#bodycontainer {
    width: 940px;
	background-color: #FFF;
}

/*BODY BLUE LINE*/
#bodyblueline {
	float:right;
	width:733px;
	height:6px;
	background-color:#6fb0e1;
}

#hcp_bodyblueline {
	float:right;
	width:940px;
	height:6px;
	background-color:#6fb0e1;
}

/*BODY NAVIGATION*/
#bodynavigation {
	text-align: center;
	margin-bottom: 30px;
}
#bodynavigation .box {
	float: left;
    width: 172px;
    height: 63px;
	position: relative;
	padding-top: 17px;
}
#bodynavigation a {

}
#bodynavigation a .text1 {
	font-weight: normal;
    font-size: 14px;
    color:#16507c;
    line-height: 1.2;
}

#bodynavigation a .text2 {
    font-size: 14px;
    color:#16507c;
    font-weight: bold;
}

/*btn_over_state
btn_off_state*/

#bodybtnbox1 {
	background:url(../images/btn_off_state.png) no-repeat 0 0;
}

	#tough-on-acne #bodybtnbox1 {
		background:url(../images/btn_over_state.png) no-repeat 0 0;
	}
    
    #proven-results #bodybtnbox1 {
		background:url(../images/btn_over_state.png) no-repeat 0 0;
	}
    
#bodybtnbox2 {
        background:url(../images/btn_off_state.png) no-repeat 0 0;
        margin-left: 10px;
}

	#gentle-on-skin #bodybtnbox2 {
		background:url(../images/btn_over_state.png) no-repeat 0 0;
	}
	
#bodybtnbox3 {
	background:url(../images/btn_off_state.png) no-repeat 0 0;
	margin-left: 10px;
}

	#easy-to-apply #bodybtnbox3 {
		background:url(../images/btn_over_state.png) no-repeat 0 0;
	}

/*BODY RIGHT MODULE*/
#sidebar_right {
	float:left;
	width: 176px;
	margin-top: 10px;
}
#rightsidemodule {
/*	height:382px;*/
	background-color:#74b7e9;
}
#rightsidemoduletop { }
#rightsidemoduleicons { padding-left: 10px;text-align: center; }
#rightsidemoduleicons .icon1 { padding: 12px 0 0 0; }
#rightsidemoduleicons p.icon1a { font-size: 11px; line-height: 1.1;}
#rightsidemoduleicons p.icon1b { font-size: 11px; font-weight: bold; line-height:inherit;}
#rightsidemoduleicons p.icon1c { color:#FFF; font-size: 11px; font-weight: bold; line-height:inherit;}
#rightsidemoduleicons .icon2 { padding:47px 0 0 0; }
#rightsidemoduleicons p.icon2 { font-size: 11px; }
#rightsidemoduleicons p.icon2a { font-size: 11px; font-weight: bold; line-height:inherit;}
#rightsidemoduleicons p.icon2b { font-size: 11px; line-height:inherit;}
#rightsidemoduleicons p.icon2c { color:#FFF; font-size: 11px; font-weight: bold; line-height:inherit;}
#rightsidemoduleicons .icon3 { padding:45px 0 0 0; }
#rightsidemoduleicons p.icon3a { font-size: 11px; line-height:inherit;}
#rightsidemoduleicons p.icon3b { font-size: 11px; font-weight: bold; line-height:inherit;}
#rightsidemoduleicons p.icon3c { color:#FFF; font-size: 11px; font-weight: bold; line-height:inherit;}

#rightsidemoduleicons a {
	padding: 50px 12px 0;
}

#rightsidemodulebottom { padding-top: 18px; }

/*BODY IMAGE*/
#bodyimage {
    float:right;
    width: 159px;
    height:202px;
    background:url(../images/img_feather.png) no-repeat 0 0;
    margin:50px 40px 0 0;
}

/*BODY TEXT*/
#bodywrapper {
	float: left;
	width: 557px;
	margin-top: 10px;
}

.sidebar #bodywrapper {
	width: 733px;
}

.sidebars #bodywrapper {
    width: 557px;
}

#bodytext {
    line-height: 1.2;
	padding: 0 20px 0 40px;
}

#bodytext h1 {
	font-size: 18px;
	font-weight: bolder;
	color:#6fb0e1;
	margin-bottom: 15px;
}
#bodytext ul {
	list-style-type: disc;
}
#bodytext ul li {
	margin-left: 15px;
	padding: 3px 0;
}

#bodytext .left_column {
	float: left;
	width: 308px;
}
#bodytext .right_column {
    float: left;
	width: 159px;
}

#bodytext #references {
	clear: both;
	margin-top: 30px;
}

/*BOTTOM CORNERS*/
#bodybottomcorners {
	width: 940px;
	height: 7px;
	margin: 0;
	padding: 0;
}

/*LEFT BOTTLE*/
#sidebar_left {
	float: left;
	width: 207px;
}

/* HCP */

#sidebar_right_hcp {
	float:left;
	width:200px;
	margin-top: 25px;
}

#sidebar_right_hcp img {
	margin-bottom: 6px;
}

#hcpNav {
	float: left;
	margin-top: 25px;
}

#hcpNav li {
	margin-bottom:3px;
	padding:7px 5px 7px 20px;
	width:148px;
	background: url(../images/bg_hcp_nav.png) repeat-y -8px 0;
}

#hcpNav li.hover {
	background: url(../images/bg_hcp_nav_over.png) repeat-y -8px 0;
}

#hcpNav a {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}

#hcp .left_column {
	margin: 20px 12px 0 0;
	width:200px;
}

#hcp .left_column ul {
	font-weight: bold;
	font-size: 14px;
}

#hcp #bodytext {
	padding-top: 12px;
}

#bodytext table td {
	vertical-align:top;
}

#hcp-msg {
	height: 135px;
	width: 330px;
	background-color: #fff;
	padding: 20px;
	line-height: 16px;
}

#hcp-msg #continue, #hcp-msg #goBack {
	margin:  10px 0 0 10px;
}

#hcp-msg #buttons {
	margin: 0 auto;
	width: 164px;
}

#well-tolerated-with-low-rates-of-dryness-and-irritation #bodytext img {
	margin: 10px 0;
}

/*HCP Right NAV*/

.hcpRightNav {
	width: 190px;
	height: 62px;
	margin: 0 0 6px 0;
	position: relative;
	text-align: right;
}

.hcpRightNav a {
	color:#17537F;
	padding:40px 0 0 100px;
	position:absolute;
	right:10px;
	top:4px;
}

.hcpRightNavLarge {
	width: 190px;
	height: 77px;
	margin: 0 0 6px 0;
	position: relative;
	text-align: right;
}

.hcpRightNavLarge a {
	color:#17537F;
	padding:55px 0 0 100px;
	position:absolute;
	right:10px;
	top:4px;
}

#btnRapidReslts {
	background: url(../images/hcp_callout_rapid_results.png) no-repeat;
}
	#btnRapidReslts.hover, #btnRapidReslts:hover, #rapid-results-in-p-acnes-reduction #btnRapidReslts {
		background: url(../images/hcp_callout_rapid_results_on.png) no-repeat;
	}

#btnWellTolerated {
	background: url(../images/hpc_callout_well_tolerated.png) no-repeat;
}
	#btnWellTolerated.hover, #btnWellTolerated:hover, #well-tolerated-with-low-rates-of-dryness-and-irritation #btnWellTolerated {
		background: url(../images/hpc_callout_well_tolerated_on.png) no-repeat;
	}
	
#btnAdvantages {
	background: url(../images/hcp_callout_advantage_foam.png) no-repeat;
}
	#btnAdvantages.hover, #btnAdvantages:hover, #advantages-of-a-foam #btnAdvantages  {
		background: url(../images/hcp_callout_advantage_foam_on.png) no-repeat;
	}
	
#btnIncidence {
	background: url(../images/hcp_callout_incidence.png) no-repeat;
}
	#btnIncidence.hover, #btnIncidence:hover {
		background: url(../images/hcp_callout_incidence_on.png) no-repeat;
	}
	
#btnHearFromExperts {
	background: url(../images/hcp_callout_experts.png) no-repeat;
}
	#btnHearFromExperts.hover, #btnHearFromExperts:hover, #hear-from-the-experts #btnHearFromExperts {
		background: url(../images/hcp_callout_experts_on.png) no-repeat;
	}

/** VIDEO width=970;height=384;*/
#wrapper #video_container {font-size:12px;width:970px;height:384px;padding:5px 0 7px 2px;}
#wrapper #video_container #video { float:left; width:684px; height:384px; }
#wrapper #video_container #description { float:left; width:263px; height:384px; }
#wrapper #video_container #description p { line-height:1.1em; padding-left:1em; padding-top:10px; padding-right:1em; }
#wrapper #video_container #description h1 { padding-left:2px; padding-right:2px; }

/** align close button and title on top of the shadwbox; if placed */
.sb-title-with-nav { float:left; }
.sb_title_nav_close {
    font-size:12px;
    cursor:pointer;
    display:block;
    float:right;
    height:16px;
    margin-left:3px;
    width:6%;
    color:#FFBA00;
    text-decoration:none;
    vertical-align:middle;
}

/*Rebate Form*/

label sup {
	
}

.form-required {
	color: #FF0000;
}

#address_wrapper .form-item {
	padding: 0 20px 5px 0;
}

#bodytext .form-item .radio_list li {
	padding-top: 6px;
}

#coupon_is_subscribed {

}

.referenceNote {
	font-size: 90%;
	padding-top: 50px;
}

#home .referenceNote {
	color: #fff;
	padding: 0 0 20px 0;
}

#orderingInfo th {
	padding: 13px 0 0 18px;
}

#orderingInfo td {
	padding: 4px 0 0 13px;
}

#orderingInfo tr {
	border-top: 1px solid #000;
}

#benzeFoam {
     width: 450px;
}

#benzeFoam tr {
    border-bottom: 1px solid #FFFFFF;
}

#benzeFoam td {
    background-color: #a7a9ac;
    padding: 8px;
}

#benzeFoam thead td {
    font-size: 14px;
    font-weight: bold;
}

#benzeFoam .white {
    color: #FFFFFF !important;
}

#hcpProvenResults {
    margin-top: 15px;
}

#hcpProvenResults td {
    padding: 8px;
}

#calloutNewFindings {
    background: url(/images/hcp_callout_new_findings.png) no-repeat;
    width: 250px;
    height: 68px;
    float: left;
    margin-top: 22px;
    margin-left: 110px;
}

#calloutNewFindings .new {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0 2px 45px;
    color: #000 !important;
}

#calloutNewFindings .short {
    font-size: 14px;
    padding-left: 20px;
    color: #000 !important;
}

#toughOnAcne td {
    padding: 8px;
}

#toughOnAcne td.va_middle {
    vertical-align: middle !important;
}