/* CSS Document for homePage defined styles on silvikrin sites. */
	div.homeContainer {
		position: relative;
		margin: 80px auto;
		width: 744px;		
	}
	
	div.homeContentContainer {
		position: relative;
		width: 744px;
		height: 623px;
		text-align:center;
		overflow: none;
	}

/*contains NAV include*/
	div.navContainer{
		position:relative;
		height: 68px;
		width: 744px;
		
	}
	
/*contains BG gradiant*/	
	div.greenBG {
		position: relative;
		width: 744px;
		background-image: url(/images/bg_tan.gif);
		
	}
	
/*contains homepage BG image*/	
	div.homeBG {
		position: relative;
		width: 743px;
		background-image: url(/images/bg_stylego.jpg);
		background-position:top;
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
	}
/*splits page in 2, contains left side content*/
	div.leftCon{
		width: 367px;
		position: relative;
		float: left;	
	}
/*splits page in 2, contains right side content*/
	div.rightCon{
		width: 342px;
		position: relative;
		float: left;	
	}
	
/*splits page in 2 Vertically, contains bottom spacer content*/
	div.bottomCon{
		width: 744px;
		position: relative;
		clear:left;
	}
/*container for main callout*/
	div.mainCall{
		width: 342px;
		position: relative;
		background-repeat:repeat-y;
	}
/*splits main callout on HOME into two sections this being left*/
	div.mainLeft{
		width: 186px;
		position:relative;
		float:left;
		margin-bottom:-3px;
	}
/*splits main callout on HOME into two sections this being right*/				
	div.mainRight{
		width: 156px;
		position:relative;
		float:left;
	}
/*splits main callout on HOME into two sections VERICALLY this being bottom*/					
	div.keyBottom{
		width: 342px;
		position: relative;	
		clear:left;	
	}



/* RM's styles */

* {behavior: url(/includes/iepngfix.htc); }

	div.callout{
		background:url(/images/homepage/bg-lookgood-cta.jpg) -1px 0 no-repeat;
		margin:0 0 0 367px; >margin-left:317px;
		min-height:160px;
		padding:5px 0 0 90px; >padding-left:80px;
		position:relative;
		text-align:left;
		width:325px;
	}
	
	div.callout h1#hdr-star{
		background:url(/images/homepage/hdr-what-a-star.png) no-repeat;
		height:48px;
		text-indent:-9999px;
		width:199px;
	}
	
	div.callout h2#hdr-rave-reviews{
		background:url(/images/homepage/hdr-rave-reviews.png) no-repeat;
		height:14px;
		margin:5px 0 0 10px;
		text-indent:-9999px;
		width:181px;
	}
	
	div.callout p{
		margin:10px 0 10px 10px; >margin-top:0;
		width:180px;
	}
	
	div.callout a{
		background:url(/images/bg-lookgood-learn-more.png) 0 1px no-repeat;
		color:#ea8300 !important;
		font-size:.7em;
		margin:0 0 0 10px;
		padding-left:15px;
	}
	
	#lookgood-cta-btm{
		margin:0 0 0 315px;
	}
	
	div.callout #mags{
		position:absolute;
		bottom:-20px; >bottom:-20px;
		right:70px; >right:-20px;
	}


/*	
	div.calloutTop{
		width: 342px;
		position:relative;
		float:left;
			}
			
	div.greenDiv{
		width: 342px;
		height: 1px;
		position:relative;
		clear:left;
		background:url(/images/bg_tan.gif);
	}

	h3.callOneTitle {
	 width: 186px;
	 height: 69px;
	 position: relative;
	 }
	 
	h3.callOneTitle2 {
	 width: 186px;
	 height: 50px;
	 position: relative;
	 }
	 
	div.callOutTwo{
		width: 342px;
		position: relative;
		text-align:left;
	}
	
	div.callTwoTop{
		width:342px;
		position: relative;
	
	}
	div.callTwoBottom{
		width:342px;
		position: relative;
	
	}
	
	div.callTwoLeft{
		width: 219px;
		position:relative;
		float:left;
	}
	
	div.callTwoRight{
		width: 100px;
		position:relative;
		float:right;
	}
	
	div.callTwopadding{
		width: 342px;
		height: 20px;
		position: relative;
		clear: left;
	}
	
	h3.callTwoTitle{
		width: 219px;
		height: 70px;
		position: relative;
		padding-top: 25px;
		padding-bottom: 0px;
	}	
		
	p.callOneCopy{
	text-align: left;
	width:  167px;
	margin-left: 17px;
	padding-top: 10px;
	}
	
	p.callTwoCopy{
	text-align: left;
	width:  167px;
	margin-left: 17px;
	padding-top: 0px;
	}
	
	div.callOneLink{
	width:  164px;
	margin:0 0 50px 21px;
	padding:10px 0 0 0;
	text-align:left;
	position:relative;
	clear:left;
	}
	
	*/
		
#hairsprayPromo {
	background-image:url(/images/homepage/promo_hairspray_bg.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 366px;
	_margin:0 0 0 329px;
	width:340px;
	height:178px;
	text-align:left;
	background-color:#FFFFFF;
	}

#hairsprayPromo p{
	padding:20px 50px 7px 140px;
	}
	
#hairsprayPromo a{
	padding:0 0 0 15px;
	margin:0px 0px 0 140px;
	background-image:url(/images/homepage/icon_link_red.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:0.7em;
	font-weight:bold;
	color: #C62026;	
	}


	
#primaPromo {
	background: url(/images/homepage/promo_prima_bg.png) no-repeat;
	margin:0 0 0 368px;
	_margin:0 0 0 319px;
	width:326px;
	height:186px;
	text-align:left;
	}

#primaPromo p{
	padding:5px 150px 10px 15px;
	text-align:left;
	}
	
#primaPromo a{
	padding:0 0 0 15px;
	margin:0 0 0 15px;
	background:url(/images/homepage/icon_link_red.gif) 0 1px no-repeat !important;
	font-size:0.7em;
	font-weight:bold;
	color:#d4585c;
	
	}

.homeBG .blockStyleGo { margin:0 0 0 360px; width:325px; height:185px; background: url(/images/bg-cta-gold.png) 0 0 no-repeat; }
.homeBG .blockSheMagazine { margin:0 0 0 360px; width:326px; height:192px; background: url(/images/bg-cta-wella.png) 0 0 no-repeat; }
.homeBG .blockHeigth { width:1px; height:374px;}

.blockStyleGo .blockStyleGoCopy { float:left; margin:10px 0 0 140px; width:163px; padding-top:27px; display:inline;}
.blockStyleGoCopy h2 {margin:0px; padding:0px; text-indent:-9000px; width:99px; height:24px; background: url(/images/homepage/bg_homestyleh2.jpg) no-repeat 0 0;}
.blockStyleGoCopy p {margin:0px; padding:0 12px 0 5px; font-size:0.7em; color:#000000; text-align:left;}
.blockStyleGoCopy .blockStyleLink {text-align:left;}
.blockStyleGoCopy .blockStyleLink a { display:block; margin:10px 0 0 5px; }
.blockStyleGoCopy .blockStyleLink a {}

.blockSheMagazine .blockSheMagazineLeft {float:left; width:164px; padding:48px 0 0 15px;}
.blockSheMagazine .blockSheMagazineRigth {float:left; width:137px; padding-top:19px;}
.blockSheMagazineLeft h2 {margin:0 0 5px 0; padding:0px; text-indent:-9000px; width:159px; text-align:left; height:19px; background:url(/images/hdr-hairspray.gif) no-repeat 0 0;}
.blockSheMagazineLeft p {margin:0px; padding:0 18px 0 0; font-size:0.7em; color:#000000; text-align:left;}
.blockSheMagazineLeft .blockStyleLink { margin:10px 0 0 0; text-align:left;}
























