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

/**************************************************
HEADER
**************************************************/
	#header_div{
		height:128px;
		position:relative;
	}
	
	#tag_line{
		position:absolute;
		bottom:33px;
		left:250px;
	}
	
	#logo{
		position:absolute;
		left:50px;
		top:100px;
		z-index:900;
	}
	
	/**************************************************
	NAV BAR
	**************************************************/
	#nav_bar{
		position:absolute;
		bottom:0px;
		width:100%;
		height:21px;
	}
	
	#nav_bar img{
		margin:0px;
		padding:0px;
	}
	
	#nav_bar span{
		float:left;
		line-height:21px;
		height:21px;
	}
	/**************************************************
	NAV BAR END
	**************************************************/
	
	/**************************************************
	LOGIN
	**************************************************/
	#login_box{
		position:absolute;
		right:10px;
		top:10px;
		width:180px;
		height:80px;
		text-align:right;
	}
	
	#login_box input{
		width:175px;
		line-height:1.6em;
		font-size:1.1em;
		margin-bottom:4px;
	}
	
	.login_button{
		text-transform:uppercase;
		margin-left:10px;
	}
	
	#header_avatar{
		position:absolute;
		top:5px;
		right:5px;
	}
	
	#header_user_links{
		position:absolute;
		top:5px;
		left:5px;
		text-align:left;
	}
	
	#header_user_links a{
		display:block;
		text-decoration:none;
		text-transform:uppercase;
	}
	/**************************************************
	LOGIN END
	**************************************************/
	
/**************************************************
HEADER END
**************************************************/

/**************************************************
FOOTER
**************************************************/
#footer{
	clear:both;
	position:relative;
	top:10px;
	margin-bottom:30px;
}

#footer_div{
}

#links_about_us, #links_education, #links_business, #links_quick_links, #links_get_in_touch, #links_mobile{
	width:193px;
	padding:0px 0px;
	height:150px;
	margin:0px;
	float:left;
}

.links{
	margin-top:30px;	
}

#footer_copyright{
	clear:both;
	width:100%;
	text-align:right;
	padding-top:10px;
	position:relative;
	right:5px;
	font-size:0.8em;
}

/**************************************************
FOOTER END
**************************************************/

/**************************************************
HOME PAGE
**************************************************/
	/**************************************************
	STEVIE B OUTFITS
	**************************************************/
	#stevie_b_outfits{
		float:right;
		width:370px;
		height:400px;
		position:relative;
	}
	
	#stevie_b_outfit_text{
		position:absolute;
		bottom:20px;
		height:57px;
		left:30px;
		width:310px;
	}
	
	#stevie_b_outfit_header_image{
		position:absolute;
		top:5px;
		left:2px;
	}
	
	#stevie_b_outfit_image{
		width:200px;
		height:270px;
		text-align:center;
		position:absolute;
		top:48px;
		left:30px;
	}
	
	#stevie_b_outfit_buttons{
		width:100px;
		text-align:center;
		position:absolute;
		top:120px;
		left:230px;
	}
	
	#stevie_b_outfit_buttons img{
		margin-bottom:5px;
	}
	
	#stevie_b_outfit_next_button{
		position:absolute;
		right:3px;
		top:185px;
	}
	
	#stevie_b_outfit_prev_button{
		position:absolute;
		left:3px;
		top:185px;
	}
	/**************************************************
	STEVIE B OUTFITS END
	**************************************************/
	
	/**************************************************
	SHOP NEW IN
	**************************************************/
	#home_shop_new_in{
		float:left;
		width:560px;
		height:220px;
		margin-left:10px;
		margin-bottom:10px;
		position:relative;
	}
		
	#shop_new_in_label{
		position:absolute;
		top:30px;
		left:210px;
	}
    
	#shop_new_in_text{
		position:absolute;
		top:80px;
		left:220px;
		width:350px;
		line-height:1.1em;
	}
	
	.shop_new_in_product{
		/*NOT SURE HOW float & position WORK TOGETHER, BUT WITHOUT THE
		POSITION VALUE THE IMAGES STACK SIDE-BY-SIDE */
		float:left;
		position:absolute;
	}
	
	.shop_new_in_price{
		/*z-index:10;*/
		position:absolute;
		bottom:29px;
		right:54px;
		height:16px;
		width:71px;
		text-align:center;
		font-weight:bold;
	}
	
	.shop_new_in_price_bg{
		/*z-index:9;*/
		position:absolute;
		bottom:25px;
		right:50px;
		height:20px;
		width:75px;
	}
	
	.shop_new_in_tag{
		/*z-index:15;*/
		position:absolute;
		bottom:0px;
		right:2px;
	}
	
	
	#shop_new_in_links{
		margin-top:10px;
		text-align:center; 
		width:100%; 
		display:block;
	}
	
	#shop_new_in_more_link{
		position:absolute;
		top:205px;
		left:0px;
		width:175px;
		text-align:center;
	}
	
	#newin_viewer{
		position:absolute;
		top:5px;
	}
	/**************************************************
	SHOP NEW IN END
	**************************************************/
	
	/**************************************************
	RETAILER MONTAGE
	**************************************************/
	#home_retailer_montage{
		float:left;
		width:560px;
		height:435px;
		margin-top:10px;
		margin-left:10px;
	}
	/**************************************************
	RETAILER MONTAGE END
	**************************************************/
	
	/**************************************************
	FASHION FIX
	**************************************************/
	#home_fashion_fix{
		float:right;
		width:340px;
		height:170px;
		margin-right:15px;
	}
	/**************************************************
	FASHION FIX END
	**************************************************/
	
	/**************************************************
	STYLE CATCHER
	**************************************************/
	#home_style_catcher{
		float:right;
		width:340px;
		height:195px;
		margin-right:15px;
	}
	/**************************************************
	STYLE CATCHER END
	**************************************************/
	
	#home_mobile_apps{
		float:left;
		margin-left:10px;
		margin-top:10px;
		width:380px;
		height:170px;
	}
	
	#home_social_links{
		float:right;
		margin-right:10px;
		margin-top:10px;
		height:85px;
	}
/**************************************************
HOME PAGE END
**************************************************/

/**************************************************
TABS
**************************************************/
.tab_bar{
	clear:both;
	position:relative;
	width:100%;
	z-index:1;
}
 
.tab_bar ul {
	position:relative;
	bottom:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:25px;
	line-height:25px;
}
 
.tab_bar li {
 	padding:0px;
	margin-right:2px;
	margin-left:0px;
	margin-bottom:-1px;
	display:inline;
}
 
.tab_bar li a {
 	text-decoration: none;
	font-size:0.8em;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
	border-bottom:none;
}
 
.tab_bar li a:hover{
	border-bottom:none;
}
 
.tab_bar li.current a {
}
 
.tab_boxes{
	border-top:1px solid #333333;
}
/**************************************************
TABS END
**************************************************/

/**************************************************
BANNER
**************************************************/
#header_ad{
	position:absolute;
	top:20px;
	left:275px;
}

.header_banner{
	position:absolute;
	float:left;
}
/**************************************************
BANNER END
**************************************************/

/**************************************************
IPHONE PAGE
**************************************************/
#app_details{
	float:right;
	margin-right:10px;
	width:580px;
	height:560px;
	position:relative;
}

#app_link{
	clear:right;
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:580px;
	height:70px;
}

#iphone_outer_div{
	position:relative;
	float:left;
	height:680px;
}

#iphone_div{
	position:absolute;
	top:0px;
	left:0px;
	height:680px;
	z-index:10;
}

#iphone_div img{
	width:365px;
	height:675px;
}

#iphone_flash_div{
	position:absolute;
	top:0px;
	left:0px;
	height:680px;
	z-index:20;
}

#app_information{
	height:490px;
	width:580px;
	padding:0px;
	overflow:auto;
}

#app_screenshots{
	height:510px;
	width:580px;
	overflow-x:auto;
}

#app_help{
	height:490px;
	width:580px;
	overflow:auto;
}

/**************************************************
IPHONE PAGE END
**************************************************/

/**************************************************
BUY LOOK 
**************************************************/

#buy_look_frame {
    display:block;
    margin-left:50px;
    margin-top:30px;
}

#buy_look_title {
    position:absolute;
    top:5px;
    left:2px;
    float:left;
    padding-left:50px;
}

#buy_look_outfit {
    float:left;
    height:600px;
}

#buy_look_text {
    position:absolute;
    top:450px;
    height:57px;
    left:50px;
    width:240px;
    text-align:left;  
}
.buy_look_product_details{
    float:left;    
    width:320px;
    height:175px;
    margin-left:20px;
    margin-bottom:20px;
    position:relative;
    text-align:left;    
    color:#666666;
    font-size:12px;
    border-bottom:solid 1px;
}

.buy_look_product_case {
    float:left;
    width:100px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

.buy_look_product_text {
    float:left;
    width:180px;
    padding-left:20px;
    text-align:left;
    line-height:20px;
}

.buy_look_retailer_name {
    color:#000000;
    line-height:20px;
    padding:0px;
}

.buy_look_prod_name {
    height:40px;
    line-height:20px;
}

/**************************************************
BUY LOOK END
**************************************************/

/**************************************************
MORE LOOKS 
**************************************************/

.more_look_outfits{

    width:300px;
    height:450px;
    position:relative;
}

.more_look_outfit_text{
    position:absolute;
    bottom:20px;
    height:57px;
    left:30px;
    width:250px;
    text-align:justify;
}

.more_look_outfit_header_image{
    position:absolute;
    top:5px;
    left:28px;
            
}

.more_look_outfit_image{
    width:250px;
    height:300px;
    text-align:center;
    position:absolute;
    top:48px;
    left:30px;
    -webkit-box-shadow: 0px 0px 6px #B7B7B7;
    -moz-box-shadow: 0px 0px 6px #B7B7B7;
    box-shadow: 0px 0px 6px #B7B7B7;
    padding: 5px 5px 5px 5px;
            
}

.more_look_outfit_buttons{
    width:100px;
    text-align:center;
    position:absolute;
    top:120px;
    left:200px;
}

.more_look_outfit_buttons img{
    margin-bottom:5px;
}

.more_look_frame{
    float:left;
    width:300px;
    height:450px;
    margin:4px;
    position:relative;
    text-align:center;
    color:#666666;
    font-size:12px;
}


/**************************************************
MORE LOOKS END
**************************************************/

/**************************************************
SHOP ALL NEW-IN
**************************************************/

ul#filter { 
    float:left;	
    font-size: 16px; 
    list-style: none; 
    margin-left: 70px;
    width: 90%;
        
}
ul#filter li { 
    border-right: 1px solid #999999;
    float: left;
    line-height: 10px;
    margin-right: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#shop_all_list li.hidden a { visibility:none; }

ul#shop_all_list { 
    float: left; 
    list-style: none; 
    margin-left: 0;
    position:relative;
    right:50px;
    width: 972px;
}
ul#shop_all_list li { 
    float: left; 
    width:170px;
    height:180px;
    margin-left:20px;
    margin-bottom:70px;
    padding-left:50px;
    position:relative;
    text-align:center;
    right:30px;
    color:#666666;
}

#shop_all_frame {
    display:block;
    margin-left:50px
}

#shop_all_space {
    clear:both;
    margin:50px
}

.shop_all_product_image{
    float:left;    
    width:170px;
    height:180px;
    margin-left:20px;
    margin-bottom:50px;
    padding-left:50px;
    position:relative;
    text-align:center;
    right:30px;
    color:#666666;
    font-size:12px;
    -webkit-box-shadow: 0px 0px 6px #666666;
    -moz-box-shadow: 0px 0px 6px #666666;
    box-shadow: 0px 0px 6px #666666;
    padding: 5px 5px 5px 5px;
    border:solid 1px;
}

.shop_all_case {
    float:left;
    width:100;
    text-align:center;
    color:#000000;
}
         
.shop_all_name {
    float:left;
    position:relative;
    width:170px;
    height:40px;
    text-align:center;
    line-height:18px;
    }
    
.shop_all_cost {
    float:left;
    position:absolute;
    bottom:0px;
    width:150px;
    height:20px;
    text-align:center;
    line-height:18px;
}

.shop_all_buttons {
    position:absolute;
    left:8px;
    top:195px;
}
    
.product_text{
    width:120px;
    height:100px;
    margin:4px;
    position:absolute;
    right:0;
    text-align:center;
    color:#666666;
    font-size:12px;
    
}

/**************************************************
SHOP ALL NEW-IN ENDS
**************************************************/

/**************************************************
PRESS
**************************************************/

.press_release{
	margin-bottom:10px;
	width:49%;
	float:left;
}
.press_image{
	width:200px;
	height:200px;
	text-align:center;
	float:left;
}
.press_data{
	margin-left:10px;
	width:250px;
	float:left;
}

.press_data .title{
	margin:0px;
	padding:0px;
	margin-bottom:-10px;
	font-size:1.1em;
	font-weight:bold;
}

.press_data .title a, .press_data .title a:visited{
	color:black;
	text-decoration:none;
}

.press_date{
	color:#999999;
	font-size:0.8em;
	text-transform:uppercase;
	margin:-2px 0px;
}

.press_text{
	font-size:0.9em;
}


/**************************************************
PRESS ENDS
**************************************************/

/**************************************************
MORE OUTFITS
**************************************************/
.outfit_border{
	border:none;
}

#outfitsBigBox{
	width:100%;
	float:left;
}

#recent_outfits{
	display:table;
	width:inherit;
	padding-top:10px;
	border:1px solid #333333;
}

#morerecent_outfits{
	display:table;
	width:inherit;
}


.small_outfit{
	text-align:center;
	font-size:0.9em;
	display:table-cell;
	float:left;
}

.large_outfit{
	text-align:center;
	font-size:0.9em;
	display:table-cell;
	float:left;
}

.outfitDetails{
	position:relative;
	top:5px;
	height:50px;
}

.styled_by{
	position:absolute;
	top:0px;
	left:10px;
	width:60px;
	background-color:#ff328c;
	color:white;
	font-size:10px;
	z-index:1;
}

.outfitUser a{
	color:white;
	text-decoration:none;
}

.outfitUser{
	position:absolute;
	top:15px;
	left:25px;
	width:100px;
	overflow:hidden;
	background-color:#000000;
	color:#ffffff;
	border:1px solid #000000;
	font-weight:bold;
	text-align:right;
	padding:0px 4px;
}

.outfitsAllBanner{
	color:#FF328C;
	background-color:#ff328c;
	background-color:black;
	display:block;
	font-size:16px;
	text-align:center;
	height:28px;
	line-height:28px;
}


/**************************************************
MORE OUTFITS ENDS
**************************************************/

/**************************************************
SITEMAP
**************************************************/
#sitemap_frame {
    margin-top:50px;
    margin-bottom:50px;
    position:relative;
    left:20px;
    width:600px;
}


.sitemap_list {
    position:relative;
    left:100px;
}


/**************************************************
SITEMAP ENDS
**************************************************/

/**************************************************
WORKING WITH US
**************************************************/

	#working_with_us_frame {
		width:920px;
		height:650px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
		
	#working_with_us_details {
		position:relative;
		top:0px;
		left:0px;
		width:920px;
		height:650px;	
	}
	
	#working_with_us_text {
		position:relative;
		left:50px;
		width:820px;
		margin-bottom:30px;
		height:200px;
	}
	
	
	#working_with_us_images {
		position:relative;
		top:0px;
		margin-top:20px;
		width:920px;
		height:350px;
	}
	
	.working_with_us_fr {
		float:left;
		position:relative;
		left:20px;
		top:30px;
		width:135px;
		height:300px;
	}
	.working_with_us_oasis {
		float:left;
		position:relative;
		left:200px;
		top:70px;
		width:80px;
		height:145px;
	}
	
	.working_with_us_karen {
		float:left;
		position:relative;
		left:230px;
		top:70px;
		width:80px;
		height:145px;
	}
	
	.working_with_us_warehouse {
		float:left;
		position:relative;
		left:260px;
		top:70px;
		width:80px;
		height:145px;
	}
	
	.working_with_us_video {
		float:left;
		position:relative;
		left:260px;
		top:30px;
		width:135px;
		height:300px;
	}

/**************************************************
WORKING WITH US ENDS
**************************************************/

/**************************************************
VIRTUAL FITTING
**************************************************/

		#vf_frame {
			width:920px;
			height:600px;
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		
		#vf_details {
			position:relative;
			top:0px;
			left:0px;
			width:910px;
			height:600px;
		}
		
		.vf_text {
			float:left;
			position:relative;
			left:50px;
			width:300px;
			height:400px;
		}
		
		.vf_image {
			float:right;
			position:relative;
			top:-40px;
			width:500px;
			padding-top:20px;
		}

/**************************************************
VIRTUAL FITTING ENDS
**************************************************/

/**************************************************
RICH INTERNET APPLICATIONS
**************************************************/


		#ria_frame {
			width:920px;
			height:700px;
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		
		#ria_details {
			position:relative;
			top:0px;
			left:0px;
			width:950px;
			height:700px;
			margin-top:20px;
		}
		
		#ria_images {
			float:right;
			position:relative;
			right:70px;
			top:0px;
			width:450px;
			height:400px;
		}
		
		#ria_text {
			float:left;
			position:relative;
			left:50px;
			top:0px;
			width:350px;
			height:400px;
		}
		
		.ria_store {
			float:right;
			position:relative;
			top:20px;
			right:0px;
			width:200px;
			height:200px;
		}
		
		.ria_video {
			float:right;
			position:relative;
			right:20px;
			top:20px;
			width:200px;
			height:200px;
		}
		
		.ria_catwalk {
			float:right;
			position:relative;
			right:0px;
			top:20px;
			width:200px;
			height:200px;
		}


/**************************************************
RICH INTERNET APPLICATIONS ENDS
**************************************************/

/**************************************************
IPHONE/MOBILE APPS
**************************************************/

        #ip_frame {
			width:920px;
			height:600px;
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		
		#ip_details {
			position:relative;
			top:0px;
			left:0px;
			width:820px;
			height:600px;
		}
		#ip_text {
			float:left;
			position:relative;
			left:50px;
			width:350px;
			margin-bottom:60px;
			height:400px;
		}
		#ip_images {
			float:right;
			position:relative;
			top:0px;
			width:400px;
			height:350px;
		}
		.ip_iphones {
			float:left;
			position:relative;
			left:0px;
			top:50px;
			width:400px;
			height:200px;
		}
        
/**************************************************
IPHONE/MOBILE APPS ENDS
**************************************************/

/**************************************************
CUSTOMERS
**************************************************/

#customers_frame {
			width:920px;
			height:2900px;
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		#customers_inner_frame {
			position:relative;
			top:0px;
			left:0px;
			width:920px;
			height:2900px;
		}
		#customers_logos_frame {
			position:relative;
			left:50px;
			width:820px;
			margin-bottom:60px;
			height:100px;
		}
		
		.customers_logos_align {
			float:left;
			width:130px;
			height:100px;
		}
		.customers_logos_valign {
			position:absolute;
			bottom:0px;
		}

		.customers_logos_valign_line2 {
            position:relative;
            top:30px;
		}
		
		#oasis_frame, #coast_frame, #matalan_frame, #hof_frame, #warehouse_frame, #karen_frame,#awear_frame,#lcf_frame,#derby_frame,#kurtgeiger_frame,#figleaves_frame,#lauraashley_frame {
			position:relative;
			top:0px;
			width:920px;
			height:210px;
			border-bottom:solid 1px #999999;
			padding-bottom:10px;
		}
		#matalan_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:220px;
		}

		#awear_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:220px;
		}
        #lcf_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:220px;
		}

        #derby_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:220px;
		}

        #kurtgeiger_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:220px;
		}

		
		#karen_frame {
			/*OVERRRIDE THE HEIGHT*/
			height:240px;
		}
		
		.retailer_logo_frame {
			float:left;
			position:relative;
			left:10px;
			width:100px;
			height:60px;
		}
		.retailer_logo_valign {
			position:absolute;bottom:0px;
		}
		.retailer_text_div {
			float:left;
			position:relative;
			left:10px;
			top:0px;
			width:380px;
			height:160px;
		}
	
		.karen_logo_frame {
			float:left;
			position:relative;
			left:10px;
			width:100px;
			height:100px;
		}
		
		.cust_retailer_iphone {
			float:left;
			position:relative;
			left:30px;
			top:20px;
			width:70px;
			height:125px;
		}
		.cust_matalan_fr_men {
			float:left;
			position:relative;
			left:40px;
			top:20px;
			width:135px;
			height:145px; 
		}
		.cust_retailer_fr {
			float:left;
			position:relative;
			left:20px;
			top:20px;
			width:135px;
			height:145px;
		}
		.cust_retailer_ria {
			float:left;
			position:relative;
			left:40px;
			top:20px;
			width:135px;
			height:145px;
		}
		.cust_karen_store {
			float:left;
			position:relative;
			left:50px;
			top:20px;
			width:135px;
			height:125px;
		}
        
/**************************************************
CUSTOMERS ENDS
**************************************************/
/**************************************************
Contact us
**************************************************/

	#contact_us_frame {
		width:920px;
		height:750px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
		
	#contact_us_details {
		position:relative;
		top:0px;
		left:0px;
		width:920px;
		height:750px;	
	}
	
	#contact_us_text {
		position:relative;
		left:50px;
		width:820px;
		margin-bottom:30px;
		height:400px;
	}
	
	
	#contact_us_images {
		position:relative;
		top:0px;
		margin-top:20px;
		width:920px;
		height:350px;
	}
	

/**************************************************
Contact us ENDS
**************************************************/

/**************************************************
TABS
**************************************************/
#tabs {
	font-size: 90%;
	width:100%;
	margin:0px;
}

#tab_list {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:36px;
	padding-top: 4px;
	overflow:hidden;
}

#tab_list li {
	margin-right: 8px;
	list-style: none;
	position:relative;
	top:3px;
}


#tab_list li.active {
	top:0px;
}

#tab_list li,
#tab_list li a {
	float: left;
}

#tab_list li a {
	text-decoration: none;
	padding: 8px;
	font-weight: bold;
}

#tabs div {
	clear: both;
	padding:5px;
}

#tabs div ul{
	margin-left:20px;
}

.tab_content{
	position:absolute;
	left:0px;
	top:41px;
	width:100%;
}

/**************************************************
TABS END
**************************************************/