/* Valentines Day page css 						*/
/* TODO: update image paths throughtout file	*/

/* Overide site width, to accomodate no border */
#main_content_wrapper{
	width: 944px !important;
	border: none !important;
}



/* TODO-CHEATSHEET: Comment the following two lines (#cheatsheet, line 13, #feat-looks, line 14 */
/* #cheatsheet{display: none;} */
/* #ft-looks{height: 475px !important;} */


/* css for fonts */
.font-replaced{
	visibility:hidden;
}
.wf-active .font-replaced{
	visibility:visible;
}


/* hero section */
#content .ft-hero {
    background: url('/wcsstore/SGH/experiences/vday2013/css/images/vday-hero.jpg') no-repeat scroll 0 0 #ffffff;
    height: 451px;
    padding: 0px;
    position: relative;
    width: 944px;
}

#exclusive-slideshow{
	position: absolute;
	width: 184px;
	height: 73px;
	bottom: 86px;
	left: 192px;
	
}

#exclusive-slideshow img{
	display: none;
}

/* signature section */

#ft-signature{
	height: 45px;
	background-color: #231F20;
	width: 100%;
	margin: 3px auto 0px;
	
}

#ft-signature img{
	margin: 2px 0px 0px 36px;
}

#ft-signature span{
	float: right;
	color: white;
	line-height: 45px;
	margin-right: 31px;

}
/* end signature section */

/* feature looks section */

#ft-looks{
	width: 100%;
	background-color: #E52C85;
	height: 763px;
	position: relative;
	
}

#cheatsheet{
	width: 593px;
	height: 155px;
	position: absolute;
	bottom: 90px;
	left: 272px;
}

#cheatsheet h2{
	font-size: 41px;
	margin: 0px;
	line-height: 43px;
}

#cheatsheet p{
	margin: 0px 0px 18px;
	font-size: 15px;
}

#content h2{
	font-family: "SGHUltComp",Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal !important;
}

/* video section */

#ft-video{
	width: 944px;
	height: 487px;
	background:url('/wcsstore/SGH/experiences/vday2013/css/images/vday-video-bg.jpg') no-repeat left top;
	position: relative;
	padding: 63px 0px 0px 79px;
}

.ft-video-start-card {
	height: 420px;
	left: 79px;
	position: absolute;
	top: 63px;
	width: 774px;
	z-index: 10000;
}

#ft-video-start {
	background: url('/wcsstore/SGH/experiences/vday2013/css/images/vday-ft-video-start.png') no-repeat;
	cursor: pointer;
	direction: ltr;
	height: 183px;
	left: 50%;
	margin: -100px 0 0 -235px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 470px;
	z-index: 100;
}
#ft-video-start:hover {
	background-position: 0 -183px;
}

#ft-video-container{visibility: hidden;}

/* used to get rid of black dots border in firefox on flash */
object, embed {
	outline: none !important;
} 

/* buttons */
#content .ft-hero-cta-her{
	background:url('/wcsstore/SGH/experiences/vday2013/css/images/vday-ft-cta-circles.png') no-repeat 100% 2px;
}

#content .ft-hero-cta-her{
	color:#000000;
	display:inline-block;
	font-size:33px;
	line-height:30px;
	padding:0 35px 0 0;
	margin-right: 32px;
}

#content .ie7 .ft-hero-cta-her{
	display:inline;
	zoom:1;
}
#content .ft-hero-cta-her:hover{
	background-position:100% -33px;
	color:#E52C85 !important;
}

#content .ft-hero-cta-him{
	background:url('/wcsstore/SGH/experiences/vday2013/css/images/vday-ft-cta-circles.png') no-repeat 100% 2px;
}
#content .ft-hero-cta-him{
	color:#000000;
	display:inline-block;
	font-size:33px;
	line-height:30px;
	padding:0 35px 0 0;
}
#content .ie7 .ft-hero-cta-him{
	display:inline;
	zoom:1;
}
#content .ft-hero-cta-him:hover{
	background-position:100% -68px;
	color:#33a4d7 !important;
}