@charset "UTF-8";
/* CSS Document */

html{
	margin:0;
	padding:0;
}

body{
	margin:0 0 50px 0;
	padding:0;
	background:#eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}

a{
	color:#da0000;
	text-decoration:none;
	cursor:pointer;
}

a.buttonLink{
	display:block;
	text-align:center;
	padding:10px;	
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	color:black;
	width:150px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	margin:0 auto;
}

a.buttonLink:hover{
	background:url(../images/wobsessions_diag_stripes_black_bg.gif) repeat 0 0;
	color:white;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}
	

#obs_wrapper{
	position:relative;
	margin:0 auto;
	width:978px;
	overflow:auto;
	border:1px solid white;
	background:url(../images/wobsessions_speckle_bg.jpg);
	*overflow:hidden;
}

/*************HEADER ITEMS****************/

#header{
	position:relative;
	width:978px;
	height:124px;
}

#header_logo{
	position:absolute;
	width:200px;
	height:80px;
	background:url(../images/wobsessions_logo_w_bg.gif) no-repeat 0 0;
	top:20px;
	left:24px;
}

#header_logo a, #header_logo img{
	border:none;
	outline:none;
}

#header_nav{
	position:absolute;
	width:447px;
	height:15px;
	top:79px;
	right:46px;
}

#header_nav a{
	position:relative;
	display:block;
	background:url(../images/wobsessions_nav.gif) no-repeat 0 0;
	text-indent:-9000px;
	outline:none;
	border:none;
}

.full_shadow{
	position:absolute;
	width:978px;
	height:8px;
	background:url(../images/fullshadow_bg.png) repeat-x 0 0;
	top:0;
	left:0;
	z-index:100;
}

#n1 a{
	background-position:0 0;
	width:96px;
}

#n2 a{
	background-position:-96px 0;
	width:159px;
}

#n3 a{
	background-position:-255px 0;
	width:88px;
}

#n4 a{
	background-position:-343px 0;
	width:104px;
}

#n1 a:hover, #n1.active a{
	background-position:0 -15px;
	width:96px;
}

#n2 a:hover, #n2.active a{
	background-position:-96px -15px;
	width:159px;
}

#n3 a:hover, #n3.active a{
	background-position:-255px -15px;
	width:88px;
}

#n4 a:hover, #n4.active a{
	background-position:-343px -15px;
	width:104px;
}

#header ul{
	height:15px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#header li{
	display:inline;
	float:left;
	height:15px;
	list-style:none outside none;
	position:relative;
}



/*************HOME PAGE SPOTLIGHT ITEMS****************/

#spotlight{
	width:978px;
	height:388px;
	position:relative;
	display:block;
}

#spotlight_content{
	width:978px;
	height:360px;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	text-align:center;
}

#spotlight_ss{
	margin-left:169px;
	margin-bottom:6px;
}

#spotlight_ss li{
	list-style:none;
	position:absolute;
	top:0;
	left:169px;
}

#spotlight_ss img{
	border:none;
	outline:none;
}

#slide_nav{
	position:absolute;
	height:8px;
	text-align:center;
	display:block;
	width:978px;
	border:0px solid gray;
	overflow:auto;
	margin:0 auto;
}

#table{
	display:table;
	margin:0 auto;
	border:0px solid black;
}


#slide_nav a{
	display:block;
	width:81px;
	height:9px;
	float:left;
	background:url(../images/slideshow_nav.gif) no-repeat 0 -21px;
	margin:0 5px;
	text-indent:-9000px;
	border:0px solid red;
	padding:0;
	border:none;
	outline:none;
}

#slide_nav a:hover{
	background-position:-80px -21px;
}

#slide_nav a.activeSlide{
	background-position:0px 0px;
}


/************HOME PAGE FEATURED ITEMS******************/

#featured_block{
	position:relative;
	width:978px;
	height:368px;
}

.featured_item, .fff_featured_item{
	display:inline;
	position:relative;
	float:left;
	width:283px;
	height:306px;
	margin:10px 0 0 0;
	padding:20px;
}

.featured_item h3, .fff_featured_item h3{
	background:url(../images/wobsessions_diag_stripes_grey_bg.gif) repeat 0 0;
	padding:7px;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:4px;
	width:180px;
}

.featured_item h4, .fff_featured_item h4{
	font-size:18px;
	margin-top:0;
	height:30px;
}

.featured_item_image, .fff_featured_item_image{
	width:100%;
	display:block;
	text-align:center;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	padding:0;
	margin:0;
	*height:150px;
}

.featured_item_image img, .fff_featured_item_image img{
	height:150px;
	border:none;
	outline:none;
	margin:0;
	padding:0;
}

.featured_item_image a, .fff_featured_item_image a{
	border:0px solid gray;
	display:block;
	height:150px;
	width:150px;
	outline:none;
	margin:0 auto;
	padding:0;
}


.featured_item_image a:hover, .fff_featured_item_image a:hover{
	border-left: 44px solid rgba(0,0,0,0.7);
	border-right: 44px solid rgba(0,0,0,0.7);
		-moz-background-clip: border;     /* Firefox 3.6 */
        -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
        background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

        -moz-background-clip: padding;     /* Firefox 3.6 */
        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

        -moz-background-clip: content;     /* Firefox 3.6 */
        -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
        background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.featured_item_image a.homeImg:hover{
	border-left: 66px solid rgba(0,0,0,0.7);
	border-right: 66px solid rgba(0,0,0,0.7);
}


/*****FOOTER*******/

#footer_nav{
	position:relative;
	text-align:center;
	width:908px;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:20px 35px 20px 35px;
	overflow:auto;
}

.footer_item{
	position:relative;
	height:60px;
	float:left;
	border:0px solid gray;
	text-align:left;
	margin-right:30px;
}

.footer_item a{
	border:none;
	outline:none;
	color:black;
}

.footer_item#foot1{
	width:230px;
	background:url(../images/foot_mag.gif) no-repeat 0 0;
}

.footer_item#foot2{
	width:194px;
	background:url(../images/foot_w.gif) no-repeat 0 0;
}

.footer_item#foot3{
	width:194px;
	background:url(../images/foot_share.gif) no-repeat 0 0;
}

.footer_item#foot4{
	margin-right:0;
	width:188px;
	background:url(../images/foot_facebook.gif) no-repeat 0 0;
}


.footer_item_txt{
	margin-left:74px;
}

.footer_item h5{
	margin-bottom:0;
	margin-top:15px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

.footer_item p{
	margin-top:1px;
}

#footer{
	text-align:center;
	font-size:9px;
	line-height:14px;
	text-transform:uppercase;
	color:#b4b4b4;
	padding:20px;
}

#cover_image{
	width:43px;
	height:60px;
	position:absolute;
	top:0;
	left:12px;
	display:block;
	border:none;
	outline:none;
}

.standard_image{
	float:left;
	border:none;
	outline:none;
	display:none;
}

/*****Fashion Faces Finds*******/

#fashion_header{
	position:relative;
	font-size:12px;
	width:978px;
	color:#656565;
}

#fashion_header_text{
	position:relative;
	border-bottom:1px solid #efefef;
	font-size:12px;
	width:918px;
	margin:0 30px 0 30px;
	padding:30px 0 20px 0;
}

#fashion_header_text h2{
	margin:0;
}

#fashion_header_text p{
	margin:6px 0 6px 0;
}


/************FFF FEATURED ITEMS******************/

.fff_featured_block{
	position:relative;
	width:924px;
	height:338px;
	border-bottom:1px solid #efefef;
	margin:0 27px 0 27px;
	padding-top:15px;
}

.fff_featured_item{
	width:240px;
	padding:25px 0 0 0;
	margin:20px 30px 0 30px;
}


/*************GUEST GURU ITEMS****************/

#guru{
	width:978px;
	height:430px;
	position:relative;
	display:block;
}

#guru_content{
	width:978px;
	height:430px;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	text-align:center;
}	
	
#guru_bottom{
	width:978px;
	height:1px;
	position:relative;
}

#guru_slides{
	position:relative;
	margin:0 auto;
	background-color:white;
	background:url(../images/wobsessions_speckle_bg.jpg) repeat 0 0;
	height:430px;
	width:852px;
	
}

.guru_item{
	height:405px;
	width:752px;
	padding:25px 50px 0 50px;
	text-align:left;
    background:url(../images/wobsessions_speckle_bg.jpg) repeat 0 0;
    background-color:white;
}

.guru_item h3{
	background:url(../images/wobsessions_diag_stripes_grey_bg.gif) repeat 0 0;
	padding:7px;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:4px;
	margin-top:3px;
	width:100px;
}

.guru_item h4{
	font-size:18px;
	margin-top:6px;
	margin-bottom:10px;
	height:30px;
}

.guru_item h5{
	font-size:12px;
	margin:0;
	height:20px;
	text-transform:uppercase;
}

.guru_item h6{
	font-size:14px;
	margin:10px 0 0 12px;
	height:20px;
}

.guru_item p{
	font-size:12px;
	line-height:17px;
}

.guru_image{
	float:left;
	height:405px;
	width:150px;
}

.guru_text{
	float:left;
	width:570px;
	margin-left:30px;
}

.guru_prod_box{
	position:absolute;
	
	height:114px;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	bottom:42px;
	left:230px;
	text-align:left;
}

.guru_prod_box ul{
	height:68px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	margin-top:4px;
}

.product_list li{
	list-style:none inside none;
	float:left;
	margin-left:5px;
	margin-right:5px;
	width:68px;
}

.product_list img{
	border:none;
	outline:none;
}

#guru_control_left{
	position:absolute;
	left:25px;
	top:200px;
}

#guru_control_right{
	position:absolute;
	right:25px;
	top:200px;
}

a#prev {
	display:block;
	height:30px;
	width:30px;
	background:url(../images/guru_nav_arrows.gif) no-repeat 0 0;
	text-indent:-9000px;
	border:none;
	outline:none;
}

a#next {
	display:block;
	height:30px;
	width:30px;
	background:url(../images/guru_nav_arrows.gif) no-repeat -30px 0;
	text-indent:-9000px;
	border:none;
	outline:none;
}

a#prev:hover{
	background-position: 0 -30px;
}

a#next:hover{
	background-position: -30px -30px;
}
	






/***********SWEEPSTAKES***************/

#ws_about { 
	position: relative; 
	float: left; 
	width: 780px; 
	margin: 30px 0 0 70px; 
	clear: left;
	text-align:left;
	_margin:30px 0 0 30px;
}

#ws_about p, #ws_about a{ 
	font-size:12px;
	line-height:16px;
}

.ws_title { 
	position: relative; 
	width: 290px; 
	color: #000; 
	font-size: 12px;
	font-weight:bold; 
	line-height: 18px; 
	padding: 10px 10px 6px 0px; 
	margin: 0 0 10px 0; 
	left: 0px;
}

#ws_img { 
	position: relative; 
	float: left;
}

#ws_img img { 
	padding: 10px 20px 0 0;
}

#ws_exp { 
	position: relative; 
	float: left; 
	width: 415px; 
	font-size: 11px; 
	padding: 10px 0 10px 0;
}

.img_left { 
	position: relative; 
	float: left; border: 
	1px solid #c8c8c8; 
	margin: 10px 10px 10px 0px; 
	left: 10px;
}

.buttonLeft { 
	background-image: url('../images/btn_standard_left.gif'); 
	background-repeat: no-repeat; 
	float: left; height: 30px; 
	width: 3px; 
	_background-image: none;
}

.buttonContent { 
	float: left;
}

.button a { 
	background-image: url('../images/btn_standard_bg.gif'); 
	background-repeat: repeat-x; 
	color: #ba0c0c; display: block; 
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px; 
	font-weight: 100; 
	height: 14px; 
	padding: 7px 10px 9px; 
	text-transform: uppercase; 
	_background-image: none;
}

.buttonRight { 
	background-image: url('../images/btn_standard_right.gif'); 
	background-repeat: no-repeat; 
	float: left; height: 30px; 
	width: 3px; 
	_background-image: none;
}

.pageFeature { 
	position: relative; 
	float: left; 
	border: 0px solid #d7d7d7; 
	margin-bottom: 15px; 
	margin-top: 0; 
	width: 100%;
}

.sweepstakesSignup td { 
	padding: 0;
	font-size:12px;
	*border:0px solid orange;
}

td.ie_input  {
	*height:49px;	
}

.sweepstakesSignup p{ 
	padding: 0;
	font-size:12px;
	float:left;
	margin:10px 0 0 0;
}

.sweepstakesSignup input, .sweepstakesSignup select{ 
	border: 1px solid #CCCCCC; 
	margin: 12px; 
	width: 310px;
	height: 25px;
	padding-top:3px;
	float:left;
	*margin:0 0 8px 8px;
}

.sweepstakesSignup input.small{
	height:15px;
	margin:8px;
	border:none;
}

.sweepstakesSignup input.tiny{
	height:15px;
	margin:0 8px 0 0;
	border:none;
}

#sweeps{
	width:978px;
	
	position:relative;
	display:block;
}

#sweeps_content{
	width:978px;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	text-align:center;
	overflow:hidden;
}	
	
#sweeps_bottom{
	width:978px;
	height:1px;
	position:relative;
}

#sweeps_slides{
	position:relative;
	margin:0 auto;
	background:url(../images/wobsessions_speckle_bg.jpg) repeat 0 0;
	width:852px;
	overflow:hidden;
}

.stripes{
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
}

.sweepstakesSignup .submit{
	width:334px; 
	height:74px; 
	border:0;
	padding:0;
	margin:0;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	font-size:24px;
	font-weight:bold;
	color:black;
	cursor:pointer;
}

.sweepstakesSignup .submit:hover{
	background:url(../images/wobsessions_diag_stripes_black_bg.gif) repeat 0 0;
	color:white;
}






/**************W ORIGINALS ITEMS (copied from GURU basically)***************/

#originals{
	width:978px;
	position:relative;
	display:block;
}

#originals_content{
	width:978px;
	background:url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	text-align:center;
}	
	
#originals_bottom{
	width:978px;
	height:1px;
	position:relative;
}

#originals_slides{
	position:relative;
	margin:0 auto;
	background:url(../images/wobsessions_speckle_bg.jpg) repeat 0 0;
	width:852px;
	_background:white;
}

#originals_slides img{
	border:none;
	outline:none;
	margin-top:100px;
	margin-bottom:40px;
}







/*************POPUP DETAIL ITEMS****************/

#details {
    height: 529px;
    position: relative;
    width: 804px;
    z-index: 9000;
	
}
#details_bg {
    background: url("../images/overlay.png") no-repeat scroll 0 0 transparent;
    height: 529px;
    left: 50%;
    /*position: absolute;*/
    top: -1000px;
    width: 804px;
    z-index: 8000;
	position:fixed;
	margin-left:-402px;
	margin-top:-265px;
	display:none;
	_margin-top:0;
	_position:absolute;
	_top:1100px;
	_left:672px;
	_background:white;
	_border:2px solid gray;
	_width:788px;
	_height:499px;
}
#details_load {
    position: relative;
}
#details_container {
    border: 0 solid #000000;
    color: #444444;
    font-size: 11px;
    height: 466px;
    left: 26px;
    line-height: 26px;
    position: relative;
    top: 32px;
    width: 709px;
	padding:0 0 0 40px;
}
#details_close {
    background: url("../images/sprite.gif") no-repeat scroll -257px 0 transparent;
    border: 0 solid #000000;
    float: right;
    height: 18px;
    line-height: 16px;
    position: relative;
    right: 8px;
    text-indent: -9000px;
    top: 2px;
    width: 59px;
	border:none;
	outline:none;
}

#details_content img{
	width:300px;
	height:300px;
	float:left;
	margin-top:30px;
	margin-right:20px;
	margin-bottom:40px;
}

#details_content h4{
	float:left;
	margin:60px 0 0 0;
	font-size:24px;
	color:#737373;
	width:350px;
}

#details_content p{
	float:left;
	width:350px;
	font-size:14px;
	line-height:18px;
}

#details_content a{
	
}

#details_content a.learn{
	font-size:11px;
}

#dt_footer { 
	position: absolute; 
	height: 34px; 
	bottom: 27px; 
	left: 28px; 
	width: 748px; 
	color: #999; 
	border-top: 1px solid #f2f2f2;
	background: url(../images/wobsessions_diag_stripes_bg.gif) repeat 0 0;
	
}

#dt_loading { 
	display: none; 
	position: relative; 
	float: right; 
	padding: 8px 12px 0 0;
}

#dt_counter { 
	position: relative; 
	float: right; 
	padding: 10px 0 0 0;
	background:white;
	font-size:12px;
	height:24px;
	width:62px;
	text-align:center;
}

#dt_controls { 
	position: relative; 
	float: right; 
	width: 216px;
}

#dt_controls a { 
	position: relative; 
	float: left; 
	display: block; 
	height: 34px; 
	width: 107px; 
	text-indent: -9000px; 
	overflow: hidden; 
	border: 0px solid #000; 
	border-left: 1px solid #f2f2f2;
	outline:none;
}

#dt_previous { 
	background: url('../images/sprite.gif') no-repeat; 
	background-position: -39px 0px;
}

#dt_next { 
	background: url('../images/sprite.gif') no-repeat; 
	background-position: -150px 0px;
}

#details_cycle {
	position:relative;
	width:680px;
	height:400px;
	background:white;
	margin:0;
	padding-left:10px;
	_padding-left:0;
}

#details_cycle li{
	list-style:none;
	background:white;
}

#details_content p{
	*margin-top:12px;
}

#details_content p.caption{
	margin-bottom:4px;
}

#details_content p.credit{
	font-size:11px;
	margin-top:0px;
	margin-bottom:15px;
	width:300px;
	position:absolute;
	left:0px;
	top:330px;
}