/* =Main 
-----------------------------------------------------*/
/*1.0 titles*/


.system #main #primaryContent.index  h1 {
}

#page_dermatologists #main #primaryContent h1 {
	background-image: transparent url(../../../img/titles_system-75.png) no-repeat scroll 0pt -450px;	
}

#page_dr-katie-rodan #main #primaryContent h1 {
	font-size:26px;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:32px;
}

#page_dr-kathy-fields #main #primaryContent h1  {
	font-size:26px;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:30px;
}

.system.guarantee #main #primaryContent h1 {

}

.system.activmember #main #primaryContent h1 {
	line-height:40px;
}

.system.tellafriend #main #primaryContent h1 {
}



/*Footer bonus*/

#footerOrderBonus {
	height: 165px;
}

#footerOrderBonus .blockContent {
	height:151px; 
	overflow:hidden;
}

#orderBonus{ 
	width:225px; 
	float:right; 
}
	
#orderBonus .blockContent .bonusContent { 
	position:relative;
}

#orderBonus .blockContent .bonusContent h4 { 
	text-indent: -99999px; 
	background: url(../../../img/customer-care/order-now-bonus-h4.png) top left no-repeat; 
	width:139px; 
	height:51px;
	margin:0 0 0 60px; 
}

#orderBonus .blockContent .bonusContent img { 
	position:absolute; 
	top:1px; 
	left:1px;
}

* html .body_customercare #orderBonus .blockContent .bonusContent img { 
	left:1px;
}
#orderBonus .blockContent .bonusContent ul {
	 margin:10px 0 0;
}

#orderBonus .blockContent .bonusContent ul li { 
	border-bottom:1px solid #d6d6d6; 
	padding:8px 10px 8px 40px; 
	line-height: 1.2em;
}

#orderBonus .blockContent .bonusContent ul li.l1 { 
	border-top:1px solid #d6d6d6; 
	background: url(../../../img/interface/bonus_1.png) no-repeat 12px 5px; 
}

#orderBonus .blockContent .bonusContent ul li.l2 { 
	background: url(../../../img/interface/bonus_2.png) no-repeat 12px 5px; 
}

#orderProactiv {
	/*margin:0 228px 0 0; */
	width: 437px;
}

#orderProactiv ul {
	margin-left: 10px;
}

#orderProactiv ul li {
	width: 195px;
	float: left;
	background: url(../../../img/interface/bullet-prodcolor.png) 60px 5px no-repeat;
}

#orderProactiv ul li.oilfree {
	background-position: 60px -295px;
}

#orderProactiv ul li.oilcontrol {
	background-position: 60px -95px;
}

#orderProactiv ul li img {
	float: left;
	margin: 0 5px;
}

#orderProactiv ul li a {
	font-weight: bold;
	display: block;
}

#orderProactiv ul li a,
#orderProactiv ul li p {
	margin-left: 75px;
	line-height: 1.3em;
}

#orderProactiv .blockContent h4 { 
	text-indent: -99999px; 
	background: url(../../../img/system/title_acnefighting.png) 0 0 no-repeat; 
	height: 15px;
	width: 184px;
	margin: 10px 0 6px 10px;

}

#orderProactiv .blockContent h5 { 
	text-indent: -99999px; 
	background: url(../../../img/system/title_enhance.png) 0 0 no-repeat; 
	height: 15px;
	width: 375px;
	margin: 0 0 12px 10px;

}


#main #primaryContent .contain .primaryBody h3.dermatologistBio{
	margin: 27px 0px 5px;
}


/* added stuff  */

#main #primaryContent .contain .primaryBody h3{
	margin: 27px 0pt 5px;
}

#main #primaryContent .contain .primaryBody{
	margin: -15px 230px 0px 0px;
}

#main #primaryContent .contain .primaryBody {
		width:675px;
		margin:-12px 0 0 0;
}


/* system/proactivsystem.php late additions */

	/* Overwrite css/pages/system/main.css (line 7) - system/proactivsystem.php */	
	#page_proactivsystem #main #primaryContent h1 {
		background-position:0 -750px;
	}
	
	/* Overwrite css/pages/system/main.css (line 63) - system/proactivsystem.php */	
	#page_proactivsystem .threeStep .step .altimg img {
		margin-bottom:0;
		margin-left:0;
	}

	/* Set Block Title's Width and Height - system/proactivsystem.php */
	#page_proactivsystem .threeStep .step h4.altimg {
		width:211px;height:18px;
	}
	#page_proactivsystem .threeStep .step h5.altimg {
		width:211px;height:18px;
	}
    /* Overwrite the 3 Blocks' height - system/proactivsystem.php */
	#page_proactivsystem .threeStep.step {
		height:460px;
	}
	/* Overwrite the 3 Blocks' height - system/proactivsystem.php */
	#page_proactivsystem .threeStepb .step {
		height:260px;
	}
	
	/* Overwrite the 3 Blocks' alignment - system/proactivsystem.php */	
	#page_proactivsystem .threeStepBlock .blockContent {
		padding:10px 0 12px 11px;
	}
	#page_proactivsystem .threeStepBlock .blockContent a.btnOrderYourSystem {
		position:relative;
		margin:15px auto 0;
	}
	
	/* Relocated the contents in the box at bottom - system/proactivsystem.php */
	#page_proactivsystem #footerOrderBonus {
		position:relative;
		height:198px;
	}
	#page_proactivsystem #orderProactiv {
		position:relative;
	}
	#page_proactivsystem #orderBonus {
		float:none;
		position:absolute;
		top:3px;
		right:3px;
	}	
	#page_proactivsystem #orderProactiv .blockContent h4 {
		margin:0 0 6px 10px;
	}
	#page_proactivsystem #orderBonus .blockContent {
		height:164px;
		padding-top:24px;
	}
	#page_proactivsystem #orderProactiv .blockContent {
		padding-top:13px;
		height:175px;
	}
	#page_proactivsystem #orderProactiv .blockContent h5 {
		height:49px;
	}



/* 	system/activmember.php late additions */

	#page_activmember #main #primaryContent .contain .primaryBody h3{
		margin: 27px 0pt 5px;
	}
	
	#page_activmember #main #primaryContent .contain .primaryBody{
		margin:-12px 0 0 0;
		width:450px;
	}
	
	/* add to left_nav */ 
	#page_activmember .block.nav .blockContent ul li.l5 a, 
	#page_activmember-ex_products .block.nav .blockContent ul li.l5 .sl3 a { 

	}
	.activmember .block.nav .blockContent ul li.l5 a, 
	.activmember .block.nav .blockContent ul li.l5 ul {
	}
	#page_activmember .block.nav .blockContent ul li.l5 li a {
		font-weight:normal;
	}
	#main .block.nav .blockContent ul ul li a:hover {
		background-position:10px -93px;
	}
	
	.system.activmember #main #primaryContent h1 {
		width:440px;
	}
	

/* Adjust footer alignment - system/popup_renewing_nojs.php */
	
	#page_popup_renewing_nojs #footer {
		width:786px;
	}
	#page_popup_renewing_nojs #footer #countryselector, 
	#page_popup_renewing_nojs #footer .copyright {
		left:0;
	}
	ul.paProducts{
		width:655px;
		list-style:none;
		
	}
	ul.paProducts li{
		border-bottom:1px solid #4e4d4b;
		margin-top:20px;
	}
	ul.paProducts li img{
		float:left;
		margin: 0 20px;
	}
	#main #primaryContent .paProducts li h4{
		font-size:26px;
		font-weight:normal;
		color:#4e4d4b;
		font-family:Helvetica, Arial, sans-serif;
		padding:20px 0;
		}
	ul.paProducts li p{
		font-size:14px;
		line-height:20px;
		color:#4e4d4b;
	}
	
    #howitworks{border-bottom:1px solid #4E4D4B;}
	
	#howitworks a{
		width:80%;
		color:#6C9973;
		font-size:14px;
		text-decoration:none;
		}

			
	#howitworks a.works {
		padding-left:170px;		
	}
	
	
	
	
	#main a.ordersystem{
		background:url(/img/aboutpa/ordersystem.png) no-repeat bottom;
		width:188px;
		height:22px;
		text-indent:-99999px;
		display:block;
		margin:0 auto;
		margin-top:-20px;
		margin-bottom:20px;
	}
	#main a.ordersystem:hover{
		background-position:top;
	}
	#systemBottom{
		padding:6px;
		background:#eee;
		margin:30px 0;
		width:650px;
	}
	#systemBottom ul li{
		display:block;
		float:left;
		width:196px;
		margin-right:4px;
		padding:15px 8px;
		background:#f7f7f7;
		border:1px solid #8f8c87;
		height:420px;
		text-align:center;
	}
	#systemBottom ul li h5{
		font-size:13px;
		font-weight:bold;
		}
	#systemBottom ul li p{
		text-align:left;
		line-height:17px;
		color:#4e4d4b;
	}
	
	#ogbtn{
		left:90px;
        height:51px;
        left:2px;
        position:relative;
        top:26px;
    }