/*-------------------------RANGE--------------------------------------------*/	
	
/*NEEDS TO BE SET ON A INDERVIDAL BASES // HEIGHT WIDTH TOP*/	
	div.rightConner{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 224px;
		height: 598px;
		z-index: 0;		
	}
	
	div.thePageTop {
		position: relative;
		width: 775px;
		/*border: #00FF00 solid 1px;*/
		height: 22px;
		margin-top: 30px;
		background-repeat: no-repeat;
		
	}
		div.productIntroCopy {
		position: relative;
		float: left;
		width: 330px;
		padding: 6px 2px 6px 2px;
	}
	
	div.largeProductThumb {
		position:relative;
		float: left;
		width: 180px;
	}
	
	div.pageTitle {
		position: relative;
		clear: left;
		width: 266px;
		height: 33px;
		margin: 0px 0px 0px 430px;
	}
	div.largeSkinThumb {
		position:relative;
		float: left;
		width: 180px;
	}
	
	div.pgColorBand {
		position: relative;
		float:left;
		width: 100%;
		height: 2px;
		margin: 6px 0px 12px 0px;
		background: #cee7bf;
	}
	
	div.pgColorBand02 {
		position: relative;
		float:left;
		width: 100%;
		height: 3px;
		margin: 12px 0px 12px 0px;
		background: #edf7fb;
	}
	
	
	div.thePageMiddle {
		position: relative;
		width: 775px;
		background-repeat: repeat-y;
		text-align:left;		
	}
/*-----------------STYLE FOR LANDING PAGE--------------------*/	
	div.rightCon {
		position: relative;
		float:left;
		width: 522px;
	}
	
	
	div.testCon_imgBg {
		position: relative;
		width: 522px;
		background-image: url(/images/Clearasil_skincare_cap.jpg);
		margin-bottom: 20px;	
		float: left;
	}
	
	div.testCon_imgBg02 {
		position: relative;
		width: 522px;
		background-image: url(../../images/bg-mcc-wii2.jpg);
		background-repeat: no-repeat;
		background-color: #2E8534;
		margin-bottom: 20px;	
		float: left;
	}
	
		
	a.rangeTitle01 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 2.4em;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	a.rangeTitle02 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.7em;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	div.routineFrame {
		position:relative;
		clear: left;
		width: 522px;
		padding: 24px 0px 0px 0px;
		margin: 10px 0px 0px 0px;		
		background-image: url(../../images/rangeHero01.jpg);
		background-repeat:no-repeat;
	}
	div.routineFrame33 {
		position:relative;
		clear: left;
		width: 522px;
		padding: 24px 0px 0px 0px;
		margin: 10px 0px 0px 0px;		
		background-image: url(../../images/polaroid-01.jpg);
		background-repeat:no-repeat;
	}
		div.routineFrame34 {
		position:relative;
		clear: left;
		width: 144px;
		height:163px;
		padding: 24px 0px 0px 0px;
		margin: 10px 0px 0px 0px;		
		background-image: url(../../images/routineSub04.jpg);
		background-repeat:no-repeat;
	}
	
	div.routineFrame02 {
		position:relative;
		clear: left;
		width: 522px;
		padding: 8px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
	}
	
	div.routineTopLand {
		position: relative;
		clear: left;
		width: 498px;
	}
	
	div.routineCopyCon01 {
		position:relative;
		margin: 43px 0px 0px 105px;		
		width: 232px;
		background-image:url(../../images/routineSubBg.gif);
		background-repeat: repeat-x;
	}
	
	div.routineImg02 {
		position: absolute;
		top: -15px;
		left: 60px;
		z-index: 0;
	}
	
	div.routineImg03 {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 0;
		margin: 100px 0px 0px 0px;
	}
	
	div.routineCopyCon02 {
		position:relative;
		margin: 0px 0px 0px 14px;		
		width: 215px;
		background-image:url(../../images/routineSubBg02.gif);
		background-repeat: repeat-x;
	}	
	
	div.routineCopyCon03 {
		position:relative;
		margin: 0px 0px 0px 0px;		
		width: 270px;
		background-image:url(../../images/routineSubBg.gif);
		background-repeat: repeat-x;
	}
	
	div.routineCopyCon04 {
		position:relative;
		margin: 10px 0px 60px 119px;		
		width: 158px;
		background-image:url(../../images/routineSubBg.gif);
		background-repeat: repeat-x;	
	}
	
	p.routineCopy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #072568;	
		position: relative;
		clear: left;
		margin: 0px 12px 10px 12px;
		
	}
	
	h3.routineTitle01 {
		position: relative;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		margin: 0px 0px 8px 5px;
	}
	
	h3.routineTitle02 {
		position: relative;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		margin: 140px 0px 8px 52px;
	}
	
	div.routineLeftLand {
		position: relative;
		float: left;
		width: 235px;
	}
	
	div.routineRightLand {
		position: relative;
		float: left;
		width: 284px;
		margin: 10px 0px 0px 0px;
	}
	
	div.thePageBottom {
		position: relative;
		width: 775px;
		height: 33px;
		background-repeat: no-repeat;
		
	}
	
	
	div.homeContent {
		position: relative;
		width: 730px;
		margin: 0px 0px 0px 20px;
		/*border: #00FF00 solid 1px;*/
		
	}
	
	div.homeContent {
		position: relative;
		width: 715px;
		margin: 0px 0px 0px 35px;
		/*border: #00FF00 solid 1px;*/		
	}
	
	div.colorBlock {
		position: relative;
		width: 522px;
		clear: left;
		margin: 8px 0px 0px 0px;
		background-color: #cee7bf;
	}
	
	div.main-content{
		
		clear:both;
	}
	div.bullet{
		float:left;
		clear:both;
		vertical-align:middle;
	}
	
	div.bullet-number{
		float:left;
	}
	
	.purpTxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
	}
	
	div.bullet-copy{
		float:left;
		line-height:1.2em;
		vertical-align:middle;
	}
	
	div.bullets{
		clear:both;
	}
	
	div.main-content ul, li{
		padding:0;
		margin:0;
		list-style:none;
		clear:both;
	}
		
		
/*------------------INDERVIDUAL RANGE PAGES-----------------------*/

div.smallProductThumb {
		position:relative;
		float: left;
		width: 91px;
		margin: 8px 5px 0px 0px;
	}
	
	div.thumbBg {
		position: relative;
		float: left;
		width: 523px;
		background-color: #cee7bf;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
		div.thumbBg10 {
		position: relative;
		float: left;
		width: 178px;
		background-color: #cee7bf;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
		div.thumbBg20 {
		position: relative;
		float: left;
		width: 180px;
		background-color: #cee7bf;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		
	div.thumbCon {
		position: relative;
		float: left;
		width: 188px;
		padding: 8px 0px 7px 0px;
		margin: 0px 0px 0px 13px;
	}
	
	img.thumbBorder {
		border: 1px solid #5dae2c;
	}
	
	div.thumbCon02 {
		position: relative;
		float: left;
		width: 240px;
		padding: 0px 0px 4px 0px;
		margin: 0px 8px 0px 0px;
		background-image:url(../../images/productShot/blueArrowRight.gif);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	div.leftPhoto {
		position:relative;
		float: left;
		width: 145px;
	}
	
	div.leftPhoto02 {
		position:relative;
		float: left;
		width: 125px;
		border: #ecf1f5 solid 1px;
		margin: 0px 10px 0px 0px;
	}
	
	div.rightCopyCon {
		position: relative;
		float:left;
		width: 375px;
		margin: 40px 0px 0px 0px;
	}
	
	div.copyBand {
		clear: left;
		height: 2px;
		background-color: #cee7bf;	
		margin: 50px 0px 0px 0px;
	}
	
/*------------------INDERVIDUAL PRODUCTS PAGES-----------------------*/


	div.rightCopyCon02 {
		position: relative;
		float:left;
		width: 375px;
		margin: 0px 0px 0px 0px;
	}
	
	div.copyBand02 {
		clear: left;
		height: 2px;
		background-color: #cee7bf;	
		margin: 15px 0px 10px 0px;
	}
	
	h2.productTitle01 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	h3.productTitle02 {
		font-family: "Courier New", Courier, monospace;
		font-size: 1em;
		text-decoration: none;
	}
	
	div.routineInfoCon {
		position: relative;
		float:left;
		width: 375px;
		margin: 0px 0px 0px 0px;
		background-image: url(/images/greenArrowRight.gif);
		background-repeat: no-repeat;
	}
	
	div.routineInfoTitle {
		clear: left;
		margin: 0px 0px 0px 27px;
	}
	
	div.routineInfoCopy {
		clear:left;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 8px 27px;
		background-color: #cee7bf;	
		width: 349px;
	}
	
	p.productRoutCopy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #072568;	
		position: relative;
		float: left;
		margin: 8px 0px 0px 0px;
		padding: 0px 8px 0px 8px;
	
	}
	
	div.thumbBgClear {
		position: relative;
		float: left;
		width: 523px;
		/*background-image:url(/images/routineThumbBg01.gif);
		background-repeat:repeat-x;*/
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 522px;
	}
	
	div.greenBorder {
		float: left;
		position: relative;
		width: 130px;
	}
	
	div.thumbCon03 {
		position: relative;
		float: left;
		width: 128px;
		padding: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		border: #5dae2c solid 1px;
	}
	
	div.routineNo {
		position: absolute;
		top: -20px;
		left: 7px;
		width: 39px;
		height: 39px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-repeat: no-repeat;						
	}
	
	h3.routineNo {
		position: relative;
		font-family: "Courier New", Courier, monospace;
		font-size: 1.2em;
		color: #f3ffec;	
		position: relative;
		clear: left;
		margin: 12px 0px 0px 14px;
	}
	
	h3.routineSubLink {
		position: relative;
		clear: left;
		margin: 107px 0px 0px 0px;
		font-family: "Courier New", Courier, monospace;
		font-size: 1.1em;	
		text-transform: uppercase;	
	}
	
	p.routineInfoCopy02 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #072568;	
		position: relative;
		clear: left;
		margin: 8px 0px 0px 0px;
		
	}
	
	p.callRoutCopy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		width: 315px;
		color: #072568;	
		position: relative;
		float: left;
		margin: 8px 0px 0px 0px;
		padding: 0px 8px 0px 8px;
	
	}
	
	div.bottom-postit a, div.bottom-postit a:visited { color: #000; }
	div#ieworky div.bottom-postit a { position: relative; }