/* *******************************************

Master Stylesheet 
www.frenchconnection.com
January 2009

Main site / page layout styles only (Use fcuk-styles-temp.css for competitions etc)

********************************************* */

body {
	margin:0px;
	padding:0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background: #ffffff;
}


/* SEO H1 divs - hide text where there is a banner image with SAME text - text must be the same as what is on the image!!!!! */

div.image-replace-h1{	
	display: none;
}
div.image-replace-h1 h1{
	font-family: arial;
	font-size: 28px;
	color: #cecece;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-weight: bold;
}
div.image-replace-h1 p{
	font-size: 12px;
	color: #999;
	text-transform: lowercase;
}

div.image-replace h1{
	font-family: arial;
	font-size: 28px;
	color: #e0e0e0;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-weight: bold;
}
/* Page layout Divs */

#wrap{
	width:940px;
	margin: auto;
	text-align: left; 

}

#header
{
	font-size: 80%;
	
	width: 940px;
	height: 108px;
	margin: auto;
	background: url(../images/site/bg_header.jpg) 0 0 no-repeat;
}

	#header-top{
		width: 940px;
		height: 75px;
		margin: auto;
	}
	
		#logonew{
			display: inline-block;
			margin: 22px 0 0 0;
			float: left;
		}
		#country-select{
			display:inline-block;
			margin: 11px 0 0 14px;
			float: left;
			text-align: left;
			/*width:340px;*/
		}
		#header-right{
			width: 360px;
			display: inline-block;
			margin: 0 0 0 0;
			float: right; display:none;
		}
			#sign-in{
				display: inline-block;
				margin: 5px 0 0 0;
				float: right;
				height: 27px;
				vertical-align: middle;
			}
			#advanced-search{
				display: inline-block;
				margin: 10px 0 0 0;
				float: right;	
				height: 13px;	
			}
	
	#main-nav{
		width: 940px;
		height: 33px;
		margin: auto;
	}

#content{
	/*width: 940px;*/
	width: 960px;	
/*	min-height: 441px;*/
	margin: 0 auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#content img{
	border: 0;
	padding: 0;
	margin: 0;
}

	#left-col{
		width:150px;
		float: left;
		margin: auto;
		padding: 0 0 0 0px;	
	}
	
/* press collections */

#presscol-menu{
	position: absolute;
	min-width: 100px;
	min-height: 50px;	
	z-index: 300;
	padding: 0;
	}
	#presscol-menu ul{
		padding: 0 0 0 20px;
		margin: 0;
		list-style: none;
		list-style-image: url(/stormsites/fcuk/images/site/bullet.gif);
		}
		#presscol-menu ul li{
			padding: 0;
			margin: 0;
			list-style: none;
			list-style-image: url(/stormsites/fcuk/images/site/bullet.gif);
			}	
		#presscol-menu ul li a{
			display: block;
			padding: 2px;
			margin: 2px 2px 2px 0px;
			font-family: arial, verdana, tahoma;
			font-size: 10px;
			text-decoration: none;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			}	
		#presscol-menu ul li a:hover{
			color: #8d8c8c;
			}
			
		#presscol-menu ul li p{
			display: block;
			padding: 2px;
			margin: 2px 2px 2px 0px;
			font-family: arial, verdana, tahoma;
			font-size: 9px;
			text-decoration: none;
			font-weight: bold;
			color: #666;
			text-transform: uppercase;
			}
			
/* for collections */

#collection-wrap{
	padding: 8px 0 0 0;
	margin: 0;
	position: relative;
	text-align: center;
	background: #000;
	height: 498px;
}
	#collections-menu ul{
		padding: 0;
		margin: 0;
		list-style: none;
		}
		#collections-menu ul li{
			padding: 0;
			margin: 0;
			list-style: none;
			}	
		#collections-menu ul li a{
			display: block;
			padding: 2px;
			margin: 4px 2px 4px 2px;
			font-family: arial, verdana, tahoma;
			font-size: 10px;
			text-decoration: none;
			font-weight: bold;
			color: #dadada;
			text-transform: uppercase;
			}	
		#collections-menu ul li a:hover{
			color: #FFF;
			}		
	
	#left-nav{
		/* SEE /FC/STYLES/FCUK-STYLES-NAV.CSS */
		text-align:left;
	}
		
	#right-col{
		float: right;
		width: 740px;
		margin: 0;
		padding: 0 0 0 0;
	}		
	#right-col:after{
    content: ".";
    display: block; 
    height: 30px; 
    clear: both; 
    visibility: hidden;
}	
		#item-header{
			margin: 0;
			padding: 0;
			border: 0px;
		}
		
		#item-header  img{
			border: 0 none;
			margin: 0;
			padding: 0;
		}
		
		#breadcrumbs{
			width: 700px;
			height: 30px;
			clear: both;
			text-align: left;
			margin-bottom: 10px;		
		}
		
		.list-options{
			margin-bottom: 10px;
			width: 100%;
			text-align: right;
			height: 21px;
		}
		
		#results{
			padding: 0;
			margin: 0;
		}
			
			div.item{
				float: left;
				margin: 10px 0 0 10px;
				padding: 3px;
				background: none;
				display: inline-block;
				width: 345px;
				background: url(../images/site/bg_result.jpg) 0 bottom repeat-x;
				position: relative;
			}
			
				
				div.see-more{
					position: absolute;
					bottom: 10px;	
					right: 10px;					
				}
				
				div.result-image{
					float: left;
				}
				div.result-image img a{
					border: 0 none;					
				}
				a.result :hover{					
					opacity: .8;
					filter: alpha(opacity=80);
					zoom: 1;
				}
				
				div.result-details{
					width: 180px;
					margin: 20px 0 0 10px;
					float: left;
					display: inline-block;
				}
				
				
			#thumbs{
				float: left;	
				width: 60px;
				height: 360px;
				margin-top: 10px;
				position: relative;	
						
			}
			
				#thumbs img{
					margin: 20px 0 0 5px;
					padding: 2px;
				}
				
				#thumbs a:hover img{
					background: #dadada;
					padding: 2px;
				}
			
			#big-image{
				float: left;	
				padding: 5px;			
				margin: 20px 0 0 20px;
				background: url(../images/bg_product-shadow.jpg) 0 0 no-repeat;
			}
			
				#zoom{
					width: 266px;
					text-align: center;
					margin: 5px 0 0 0;							
				}
				
				#suggested{
					width: 266px;
					margin: 10px 0 0 0;
				}
				
				.suggestion{
					display: inline-block;
					width: 48px;
					height: 60px;
					background: url(../images/site/bg_suggestions.jpg) 0 0 no-repeat;
					padding: 3px 0 0 3px;
				}			
				
				#suggested img{
					padding:0;
					border: 1px solid #cecece;
				}
				#suggested img:hover{
					border: 1px solid #999;	
								
				}
			
			#more-detail{			
				float: left;
				width: 280px;
				margin: 20px 0 0 40px; 
			}
				
				#specs{
					width: 280px;				
					margin: 20px 0 0 0px;
				}
				
				.spec-type{
					display: block;
					text-align: right;
					margin-left: 0px;
					width: 280px;
					padding: 0 2px 0px 2px;					
				}
				
				.spec-inner{
					padding: 2px;
				}
				
				.spec-type p{
					border-bottom: 1px solid #999797;
				}
								
				.open{
					border-left: 1px solid #999797;
					border-right: 1px solid #999797;
				}
				
				#availability{
					width: 280px;				
					margin: 20px 0 0 0px;
					text-align: right;
				}
				
				.swatches{
					margin: 2px 0 0 2px;				
				}
				
				span.swatch-square{
					width: 25px;
					height: 25px;
					display: inline-block;	
					margin: 2px 0 0 4px;				
				}
				
				#add-to-cart{
					margin: 10px 0 0 0;
					padding: 0;
					height: 21px;
				}
			
/* Careers, Press etc pages */

#back-page-wrap{
	width: 938px;
	margin: 0px 0 0 2px;
}
	.copy-div{
		/*background: url(/stormsites/fcuk/images/site/bg_back-pages.jpg) right 0 no-repeat #000;*/
		background: url(../images/careers_bg.jpg) right bottom no-repeat #524d49;
		width: 928px;
		/*min-height: 400px;*/
		padding: 15px;
	}
	#back-page-menu-wrap{
		width: 938px;
		text-align: left;
	}
		ul.back-page-menu{
				margin: 0;
				padding: 0;				
				width: 938px;
				height: 30px;
				text-align: center;
			}
			ul.back-page-menu li{
					display: inline;
					list-style: none;
					margin: 0;
					padding: 0;		
					text-decoration: none;
				}
			ul.back-page-menu li a, ul.back-page-menu li a:visited{
					display: inline-block;
					float: left;
					width: 112px;
					height: 26px;
					margin: 0;
					padding: 2px 10px 2px 10px;
					line-height: 1.1em;
					color: #666;
					text-decoration: none;
					text-transform: uppercase;
					text-align: left;
					font-size: 11px;
					vertical-align: middle;
					border-left: 1px solid #dadada;					
			}
			ul.back-page-menu li a.selected{
					background: #000;
					text-decoration: none;
					color: #FFF;
				}
			ul.back-page-menu li a:hover{
					background: #524d49;
					text-decoration: none;
					color: #fff;
				}
	#back-page-wrap .copy-div h1{
		width: 708px;
		color: #dadada;
		font-size: 14px;
		display: block;
		padding: 0.1em;
		border-bottom: 1px solid #999;
		margin: 0 0 10px 20px;
	}
	#back-page-wrap .copy-div h2{
		color: #FFF;
		display: block;
		padding: 0.5em;
		margin: 0 0 0 30px;
	}
	.padded-cell{
		width: 650px;
		display: block;
		margin: 0 auto 15px 10px;
		padding: 5px;
		background: #fff;
	}

table.hoa img{
	margin-top: 20px;
	}
	
table.franchise{
	width: 708px;
	margin: 0 0 0 20px;
	padding: 5px;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	}
	
table.franchise th{
	color: #fff;
	font-weight: normal;
	}

table.franchise td, table.franchise th{
	border-top: 1px solid #fff;
	padding: 5px;
	}
table.franchise th{
	border-right: 1px solid #fff;
	height: 100px;
}
	
/* magazine */

#magazine-wrap{
	border:0; 
	width: 940px; 
	height: 500px;
	margin: auto; 
	position: absolute;
	z-index: 400;
	left: 0;
	top: 0;
}

/*  lookbook  */

#lookbook-wrap{
	border:0; 
	width: 920px; 
	height: 483px;
	margin: auto; 
}

/*  promo  */

#promo-wrap{
	border:0 none;
	width: 940px; 
	height: 483px;
	margin: auto; 
	position: relative;	
}
	
/* Video styles */
	
#video-intro{
	padding: 0 20px 0 20px;
	margin: 30px 0 0 0;
}	
			
#video-wrap{
	width: 920px; 
	height: 400px; 
	margin: auto; 
	background: #f5f5f5; 
	padding: 10px;
}

#video-wrap.aw09{
	height: 521px;
	width: 940px;
	padding: 0;
	background: none;
	background: url(../images/background.jpg) 0 0 no-repeat;;
}
	
#left-video{
	float: left;
	width: 405px;
	padding: 20px 10px 10px 10px;
	height: 330px;
	background: #fff;
}	
	
#video-holder{
	float: right;
	background: #000;	
}

#left-video.aw09{
	width: 370px;
	margin: 40px 0 0 20px;
	background: none;
	background: url(/stormsites/fcuk/images/aw09/bg_trans.png);
}	
	
#video-holder.aw09{
	margin: 40px 30px 0 0px;
}
			

#footer-wrap
{
	font-size: 80%;
	width: 940px;
	height: 58px;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	background: url(../images/site/bg_footer-wrap.gif) 0 0 repeat-x;
	text-align: left;
	clear:both;
}
#footer-wrap a{
	text-decoration: none;
}
	#footer-nav{
		float: left;
		width: 425px;
		margin: auto;
		margin-top: 10px;
	}
		#footer-nav ul{
			display: inline;
			margin: 0;
			padding: 0;
			list-style: none;	
		}
		#footer-nav ul li{
			display: inline;	
			list-style: none;
			margin: 0;
					
		}
		#footer-nav ul li.last{
			padding: 0;		
		}
		
		#footer-nav li a{
	display: inline-block;
	padding: 5px 5px 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #555555;
		}
		#footer-nav li a:hover{
			color: #000;		
		}
	
	#about-fc{
		float: left;

	}	
	#about-fc-link{
		width: 267px;
		height: 57px;
		display: block;
		background: url(/stormsites/fcuk/images/site/sprite_about-fc.jpg) 0 0 no-repeat;
		cursor: pointer;
	}
	span.about-link-text{
		color: #000;
		display: block;
		text-decoration: none;
		width: 200px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 15px 0 0 10px;
	}
	#about-fc-link:hover span.about-link-text,
	#request-cat-link:hover span.about-link-text{
		color: #FFF;
	}
	#about-fc-link:hover{
		background-position: 0 -57px;
	}
	
	#request-catalogue{
		float: right;

	}
	#request-cat-link{
		margin-left:11px;
		width: 236px;
		height: 57px;
		display: block;
		background: url(/stormsites/fcuk/images/site/sprite_request-cat.jpg) 0 0 no-repeat;	
		cursor: pointer;
	}
	#request-cat-link:hover{
		background-position: 0 -57px;
	}
	
/* sitemap */

ul.sitemap{
	width: 340px;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333;
	display: inline-block;
}
ul.sitemap li a{
	text-decoration: none;
	padding: 3px;
	display: block;
	border: 0 none;
	width: 250px;
}
ul.sitemap li a:hover{
	background: #333;
	color: #fff
}

ul.sitemap li{
	list-style-image: url("/stormsites/fcuk/images/aw09/sitemap/bullet1.gif");
}
ul.sitemap li ul li{
	list-style-image: url("/stormsites/fcuk/images/aw09/sitemap/bullet2.gif");
}
ul.sitemap li ul li ul li{
	list-style-image: url("/stormsites/fcuk/images/aw09/sitemap/bullet3.gif");
}
ul.sitemap li:hover{
	list-style-image: url("/stormsites/fcuk/images/aw09/sitemap/bullet4.gif");
}
/* ens sitemap */

/*  classes  */

img.scroll-down{
	position: absolute;
	bottom: 0;
	left: 0;
}

table.availability-chart{
	width: 280px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0;
}

table.availability-chart th{
	width: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #999797;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999;
}

table.availability-chart td{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 0 3px 0;
	color: #666;
	font-weight: normal;
	text-align: center;
}

table.availability-chart tr{
	
}

.hidden{
 display: none;
}

.linked-image{
	border: 0 none;
}

a.roll-trans:hover{
	opacity: .8;
	filter: alpha(opacity=80);
	/*zoom: 1;*/
}

/*.img{
	padding:1px;
	border:1px solid #666666;
}*/

.data{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.data td{
	border-bottom: 1px solid #e5e5e5;
	font-size: 11px;
	padding: 3px;	
}

.data th{
	font-size: 11px;
	padding: 3px;
	text-align:left;
}

.data td p, .data th p{
	margin: 0;	
	font-size: 11px;
}

/* self-clearing floats  */
#main:after,
.content-row:after,
.row:after,
.clearfix:after{
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #main,
*:first-child+html .content-row,
*:first-child+html .row,
*:first-child+html .clearfix{
	min-height: 1px;
	}