/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header & Footer

3: - Main Nav

4: - Content

*/

/* Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1.25;font-size:75%;font-family:Arial,Helvetica,sans-serif;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}
body{ font-size:75%; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; }
strong { font-weight: bold; }

/* 1 :-------- Global Styles ------------ */
	body {
		margin:0;
		padding: 0;
		font-size:75%;
		font-family:Arial, Helvetica, sans-serif;
		background:url('/Images/generic/bg_aug2011.jpg') repeat top center;
		}
	#skipLinks {
		position: absolute;
		margin-top: -9999px;
		}
	.clear {
		clear:both;
		height: 1px;
		margin-top: -1px;
		}
	hr { display:none; }
	a { text-decoration:none;}
	
	.ir span{
		display:block;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		}

/* 2 :-------- Header & Footer ------------ */	
#header{
	height:131px;
	position:relative;
	z-index:1000; /* to fix shop nav & shop listing rollover */
	width:100%
	}
	#header .mainLogo{
		position:absolute;
		z-index:0;
		top:26px;
		left:35px;
		}
		#header .mainLogo a{
			position:relative;
			display:block;
			text-align:center;
			float:left;
			margin:0 18px 0 0;
			overflow:hidden;
			}
		.mainLogo #surfDiveSki{
			width:155px; height:34px;
			}
		.mainLogo #jettySurf{
			height:36px; width:99px;
			}
			#header .mainLogo span{	background:url('/images/generic/mainLogo.png') no-repeat; }
				.mainLogo #surfDiveSki span{ width:155px; height:34px; background-position:0 0; }
				.mainLogo #jettySurf span{ height:36px; width:99px; background-position:0 -34px; }

/* 3 :-------- Main nav ------------ */
#mainNav{
	position:absolute;
	right:30px;
	top:52px;
	}
	#mainNav ul{
		float:left;
		list-style:none;
		margin:0;
		padding:0; 
		
			background:url('/images/nav/bg-shopNav.png') 0 0 no-repeat;
			
		}
		#mainNav ul li{
			float:left;
			margin:0 !important;
			padding:0 5px 0 5px !important;
			}
		#mainNav ul li.level01On{
			padding: 0 3px 0 0 !important;
			background:url(/Images/nav/bg-mainNav-right.png) right 2px no-repeat;
			}
		#mainNav ul li.level01On a,
		#mainNav ul li.level01On a:hover{
			color:#fff;
			background:url(/Images/nav/bg-mainNav-left.png) 0 2px no-repeat;
			padding:5px 2px 5px 5px !important;
			margin:0 0 0 5px !important;
			}
			#mainNav ul li a{
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
				font-size:0.917em;
				line-height:1.4em !important;
				font-weight:bold;
				display:block;
				margin:0 !important;
				padding:5px !important;
				}
			#mainNav ul li a:hover{
				color:#e6e6e6;
				}
				
/* 4 :-------- ShopNav ------------ */
#shopNav{
	background:url('/images/nav/bg-shopNav.png') 0 0 no-repeat;
	height:40px;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	}
	#shopNav ul{
		position: relative;
		float:left;
		margin:0 30px 0 25px;
		padding:5px 0 0;
		list-style:none;
		}
		#shopNav ul li{
			float:left;
			margin:0 3px 0 0;
			padding:0 0px;
			}
			#shopNav ul li a{
				color:#b1b1b1;
				font-size:1.33em;
				line-height:12px;
				text-decoration:none;
				display:block;
				}
				#shopNav ul li a strong{
					display:block;
					font-weight:normal;
					background:url('/images/nav/shopNav-rnd.gif') -9999em -9999em no-repeat;
					}
					#shopNav ul li a span{
						padding:9px 10px 14px;
						display:block;
						background:url('/images/nav/shopNav-rnd.gif') -9999em -9999em no-repeat;
						}
				
		#shopNav ul li.on{
			}
			#shopNav ul li.on a{
			color: #b1b1b1;
				/*background:#3e3e3e url('/images/nav/mainNav-on2-herringbone.jpg') 0 0 no-repeat;*/
				background:url('/images/nav/mainNav-on2.jpg') 0 0 no-repeat;
				}
				#shopNav ul li.on a strong{
					background-position:0 0;
					}
					#shopNav ul li.on a span{
						padding-bottom:9px;
						background-position:100% 0;
						}
			#shopNav ul li.on a.home { background-position:-25px 0px;}
			#shopNav ul li.on a.mens { background-position:-25px 0px;}
			#shopNav ul li.on a.womens { background-position:-87px 0px;}
			#shopNav ul li.on a.girls { background-position:-173px 0px;}
			#shopNav ul li.on a.accessories { background-position:-228px 0px;}
			#shopNav ul li.on a.surf { background-position:-337px 0px;}
			#shopNav ul li.on a.skate { background-position:-390px 0px;}
			#shopNav ul li.on a.gift-vouchers { background-position:-453px 0px;}
			#shopNav ul li.on a.watches { background-position:-572px 0px;}
			#shopNav ul li.on a.new { background-position:-658px 0px; }
			
			/* make 'new' bold */
			#shopNav ul li a.highlight strong span, 
			#shopNav ul li.on a.highlight strong span { 
				font-weight:bold !important;
				}
			
		#shopNav ul li a:hover,
		#shopNav ul li.over a{
			color:#000000;
			background:#f1f1f1;
			}
		#shopNav ul li a:hover strong,
		#shopNav ul li.over a strong{
			background-position:0 -30px;
			}
		#shopNav ul li a:hover span,
		#shopNav ul li.over a span{
			padding-bottom:14px;
			background-position:100% -30px;
			}
			
		/* maybe 'Home' doesn't have dropdown */
		#shopNav ul li.over a.home strong,
		#shopNav ul li a.home:hover strong,
		#shopNav ul li.over a.highlight strong,
		#shopNav ul li a.highlight:hover strong{
			background-position:0 0;
			}
		#shopNav ul li.over a.home span,
		#shopNav ul li a.home:hover span,
		#shopNav ul li.over a.highlight span,
		#shopNav ul li a.highlight:hover span{
			padding-bottom:9px;
			background-position:100% 0px;
			}
		
		/* browseby drop downs */
		#shopNav .browseBy{
			position:absolute;
			z-index: 100;
			top:40px;
			padding-bottom:6px;
			background:url('/images/generic/browseBy-shadeB.png') 0 100% no-repeat;
			width:357px;
			display:none;
			}
			#shopNav .browseByInner{
				padding-right:7px;
				float:left;
				zoom:1;
				background:url('/images/generic/browseBy-shadeR.png') 100% 0 repeat-y;
				}
			#shopNav .browseByInner-2{
				float:left;
				zoom:1;
				background:url('/images/generic/shopNav-dropdown.gif') 0 0 repeat;
				}
				#shopNav .browseBy .col{
					width:145px;
					float:left;
					padding:30px 15px 24px;
					background:url('/images/generic/shopNav-dd.png') 0 0 no-repeat;
					min-height:236px;
					}
				#shopNav .browseBy .colalt{
					background-position:-175px 0;
					}
					#shopNav .browseBy p,
					#shopNav .browseBy span{
						width:91px;
						height:33px;
						display:block;
						margin:0;
						}
					#shopNav .browseBy p{
						position:relative;
						overflow:hidden;
						margin-bottom:13px;
						}
					#shopNav .browseBy span{ 
						position:absolute;
						top:0;
						left:0;
						background:url('/images/titles/browseBy.png') 0 0 no-repeat; 
						}
					#shopNav .browseBy .brand span { background-position:-91px 0;}
					#shopNav .browseBy ul{
						margin:0 !important;
						padding:0 !important;
						float:left;
						width:100%;
						}
						#shopNav .browseBy li{
							float:none;
							padding:0;
							margin:0;
							}
					#shopNav div.browseBy ul li a,
					#shopNav div.browseBy a.more{
						padding:2px 9px 2px 15px;
						font-size:1.16em;
						line-height: 1.1em;
						color:#666666;
						display:inline-block;
						background-color:none;
						background:url('/images/icons/browseBy-icon.gif') 5px 7px no-repeat;
						}
					#shopNav div.browseBy a.more{
						float:left;
						}
						#shopNav .browseBy ul li a:hover,
						#shopNav .browseBy a.more:hover{
							background:#03a8e6 url('/images/icons/browseBy-icon.gif') 5px -50px no-repeat;
							color:#fff;
							padding-bottom:2px;
							}
					#shopNav .browseBy a.more{
						margin-top:21px;
						}
				
/* 5 :-------- Header Links ------------ */
#headerLinks{
	font-family:Helvetica, Arial, sans-serif;
	position:relative;
	z-index:1001;
	right:30px;
	float: right;
	top:0;
	width:30%;
	font-weight:bold;
	}
	/* bag status - see ecomm.css */
	ul.accountLinks{
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
		top:11px;
		right:205px;
		font-weight:bold;
		}
		ul.accountLinks li{
			float:left;
			margin:0;
			padding:0;
			color:#fff;
			font-size:0.917em;
			}
			ul.accountLinks li a{
				color:#fff;
				padding:5px;
				}

/* search */
#searchBar,
.searchBar {
	position: absolute;
	z-index: 2;
	right: 32px;
	top: 102px;
	}
	.searchbox {
		background-color: none !important;
		background: url(/Images/elements/bg-keyword.png) 0 0 repeat-y !important;
		border: none;
		font-size: .917em;
		color: #333;
		padding: 3px 3px 2px;
		margin: 0 !important;
		float: left;
		}
	.searchbtn {
		margin: 0 0 0 -1px;
		}	

#container{
	width:963px;
	}
	/* --remove full width from homepage
	#homePage {
		min-width: 963px;
		width: 100%;
		}
	#homePage #container {
		width: 100%;
		width:expression(document.body.clientWidth < 963? "963px" : document.body.clientWidth > 1200? "100%" : "auto");
		}
	*/

#body{
	overflow:hidden;
	background:#fff background: url(/Images/generic/bg_wood.gif) 0 0 repeat;
	padding: 0 0 28px;
	}
	#homePage #body,
	#homePage #bodyPromo {
		position: relative;
		z-index:1;
		width: 100%;
		padding: 0;
		}
	#homePage #bodyPromo {
		padding:0 0 17px;
		background: url(/images/elements/bg-whatsNew-footer.gif) right bottom no-repeat;
		}
	#ecomm #body {
		padding: 30px 0 28px;
		background: #fff;
		width: 100%;
		}
	#checkout #body {
		padding: 30px 0 28px;
		background: #fff url(/Images/elements/bg-checkout.gif) 0 0 repeat-y;
		width: 100%;
		display: block;
		}
	#blackBg #body { 
		background: url(/Images/elements/bg-news.png) 0 0 repeat-x;
		padding: 0;
		}
	
	/* Main section */
	#main,
	#mainWhiteBg {
		float:left;
		min-height: 500px;
		padding: 0 24px 28px 36px;
		background: #fff;
		}
		#ecomm #main,
		#ecomm #mainWhiteBg {
			background: #fff url(/Images/elements/bg-shopDetail.gif) right 30px repeat-y;
			padding: 0 0 0 36px !important;
			margin: 0 !important;
			float: left;
			width:925px;
			}
		#ecomm #mainWhiteBg {
			background: none;
			}
			#ecomm #main .left,
			#ecomm #mainWhiteBg .left {
				float: left;
				display:block;
				/*width: 100%;*/
				width:675px;
				background:#fff;
				}
			#ecomm.fullWidth #mainWhiteBg {
				width: 940px !important;
				}
			#ecomm.fullWidth #mainWhiteBg .left,
			#ecomm.fullWidth #mainWhiteBg .left .wysiwyg {width: 100% !important;}
		#blackBg #main {
			background: url(/Images/elements/bg-blackBg.png);
			width: 100%;
			float: left;
			}
		#checkout #main {
			width: 1140px !important; 
			background:none;
			position: relative;
			}
		#checkout #main .left {
			background: transparent;
			width: 410px !important;
			overflow: hidden;
			}
		#checkout #main .rightCol {
			margin: 0;
			position: absolute;
			left: 480px;
			top: -52px;
			float: left;
			}
			
		.productDetail{
			width:675px;
			float:left;
			margin: -35px 0 0;
			}
		.mightAlsoLike{
			float:left;
			position:relative;
			padding: 0 0 19px 10px;
			background: url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x;
			width:655px;
			}
		.fullWidth .mightAlsoLike {background:#fefefe url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x;}
		#blackBg .athletesDetail .mightAlsoLike {right:-222px; background: #fefefe url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x; }
		.fullWidth .mightAlsoLike.recentlyViewed {float:left;}
	
	/* Sub nav */
	.subNav {
		float: left;
		width: 100%;
		padding: 13px 0 27px;
		margin: 0 0 0 -7px !important;
		}
		.subNav ul {
			margin:0;
			padding:0;
			}
			.subNav ul li,
			.subNav ul li.on{
				list-style: none;
				float:left;
				margin:0;
				padding:0;
				font-size:0.917em;
				}
				.subNav ul li a{
					font-weight: bold;
					color:#7a7a7a;
					padding: 5px 7px 4px;
					display: block;
					text-transform: uppercase;
					text-decoration: none;
					float:left;
					}
				.subNav ul li a:hover{
					color: #acacac;
					text-decoration: none;
					}
				.subNav ul li.on a{
					background: url(/Images/nav/bg-subNav.png) 0 0 repeat-x;
					color: #acacac;
					}
					
	/* sub nav on white bg */
	#ecomm .subNav {	
		margin: -17px 0 0 29px !important;
		padding: 0 0 50px !important;
		width:100%;
		}
		#ecomm .subNav ul li.on a {
			color:#343434;
			}
					
	/* Product filters */
	.productNav {
		padding: 0 30px 0 10px;
		display: block;
		background: #fff;
		position: relative;
		z-index:0;
		}
	.productFiltersCol,
	.shoppingBagLinks {
		width:198px;
		height:400px;
		background:#b7b7b7;
		float:right;
		}
	
	/* Sharelinks // Paging */
	.grayBar { 
		clear:both; 
		}
	
/* x :-------- Footer styles ------------ */	
	#footer{
		height:178px;
		width:100% !important;
		float:left;
		margin:0 !important;
		padding:0 !important;
		}
		/*#homePage #footer{margin-top:-17px !important;}*/
		#blackBg #footer{width:963px !important;}
		#blackBg.fullWidth #footer{width:1200px !important;}
	
	/* Footer Links */
	#footerLinks{
		padding:33px 0 27px 412px;
		background: url('/images/generic/footerLinks-bg2.png') 0 0 repeat-y;
		float:left;
		height:30px;
		}
	#ecomm #footerLinks,
	#blackBg #footerLinks,
	#checkout #footerLinks {
		width:551px;
		}
	#ecomm #footerNotes,
	#blackBg #footerNotes,
	#checkout #footerNotes{
		width:641px;
		}
	#ecomm.fullWidth #footerLinks,
	#blackBg.fullWidth #footerLinks,
	#checkout.fullWidth #footerLinks{
		width:788px;
		}
	#ecomm.fullWidth #footerNotes,
	#blackBg.fullWidth #footerNotes,
	#checkout.fullWidth #footerNotes {
		width:878px;
		}
	#homePage #footerLinks,
	#homePage #footerNotes {
		float:none;
		}
	#homePage #footerNotes {height:33px;}
	#footerLinks p.top {margin: 0 0 0 -60px;}
	#footerLinks p {margin:0 0 0 -60px;}
	#footerLinks ul.promo{
		float:left;
		list-style:none;
		margin:-17px 0 -17px -385px;
		padding:0;
		display:block;
		width:320px;
		}
	#footerLinks ul.promo li,
	#footerLinks ul.promo li a,
	#footerLinks ul.promo li a:hover {
		float:left;
		position:relative;
		}
	#footerLinks ul.promo li a,
	#footerLinks ul.promo li a:hover {
		cursor:pointer !important;
		}
	#footerLinks ul.promo li.first{
		margin-right:36px;
			}
	#footerLinks p{
		color:#a7a4a0;
		font-size:0.92em;
		font-weight:bold;
		float:left;
		width:100%;
		}
	#footerLinks span { text-transform:uppercase; font-size:0.9em;}
	#footerLinks a{ color:#a7a4a0; }
	#footerLinks p.top, #footerLinks p.top a{ color:#dbdbd9;}
	#footerLinks p.top a:hover { color:#f3f3f3; }
	#footerLinks a:hover { color:#c8c8c8; }
	
	/* Footer Notes */
	#footerNotes{
		padding:31px 0 28px 322px;
		background:url('/images/generic/footerNotes-bg2.png') 0 0 repeat-y;
		float:left;
		}
	.fullWidth #footerNotes	{
		width:641px;
		}
	.fullWidth #footerNotes{width:878px;}
		#footerNotes ul{
			list-style:none;
			padding:0;
			margin:0 0 0 -289px;
			}
			#footerNotes ul li{
				display:block;
				position:relative;
				float:left;
				overflow:hidden;
				margin-right:5px;
				height:30px; 
				text-indent:-9999em; 
				}
			#footerNotes ul li.vs{ width:60px; margin-top:-4px;}
			#footerNotes ul li.pp{ width:50px; }
			#footerNotes ul li.mc{ width:37px; }
			#footerNotes ul li.visa{ width:39px; }
			#footerNotes ul li.amex{ width:37px; }
			#footerNotes ul li.diners{ width:35px; }
				#footerNotes ul li span{
					background:url('/images/icons/acceptedPayment.png') 0 0 no-repeat;
					height:30px;
					}
			#footerNotes ul li.vs span{ width:60px; background-position:0 0; }
			#footerNotes ul li.pp span{ width:50px; background-position:-60px 0; }
			#footerNotes ul li.mc span{ width:37px; background-position:-110px 0; }
			#footerNotes ul li.visa span{ width:39px; background-position:-147px 0; }
			#footerNotes ul li.amex span{ width:37px; background-position:-186px 0; }
			#footerNotes ul li.diners span{ width:35px; background-position:-223px 0; }
			
		#footerNotes p{
			color:#666666;
			font-size:0.92em;
			width:338px;
			float:left;
			padding: 0 0 0 30px;
			}
	
	/* Social Media Icons */
	#footerNotes .socialMediaIcons {
		float:right;
		margin:0 30px 0 0;
		width:110px;
		}
	#footerNotes .socialMediaIcons .icon {
		display:block;
		height:32px;
		float:left;
		background:url(../Images/Icons/icon-socialMedia.png) 0 0 no-repeat;
		text-indent:-9999em;
		}
	#footerNotes .socialMediaIcons .icon.tw {
		width:32px;
		margin:0 5px 0 0;
		}
	#footerNotes .socialMediaIcons .icon.fb {
		background-position: 0 -32px;
		margin:0 5px 0 0;
		width:32px;
		}
	#footerNotes .socialMediaIcons .icon.yt {
		background-position: 0 -64px;
		width:32px;
		}

/* LOOKBOOK
********************************/
	
	/* 
	
		To add the white option back in, remove comments from the white properties & add the .black selector to the uncommented css properties 
	
		eg: .lookbookBox.lookbookLanding would be change to .lookbookBox.lookbookLanding.black
	
	*/ 
	
	body.lookbook #container {
		min-width: 1200px !important;
	}
	.lookbookBox {
		background: #fff;
		float: left;
		padding: 20px;
		position: relative;
		width: 1160px;
	}
	.lookbookBox h1 {
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px !important;
		font-weight: bold;
		left:15px;
		margin-top:2px;
		position: relative;
		text-transform: uppercase;
	}
	.lookbookBox h1 span.lookType {
		color: #a1a0a0;
		font-size: 24px !important;
		text-transform: capitalize !important;
	}
	.lookbookBox hr {
		border-color:#d5d5d5;
		border-style:solid none none;
		display:block;
		float:left;
		height:1px;
		margin-bottom:11px;
		margin-top:10px;
		width:100%;
	}
	.lookbookBox .navArrows {
		float: left;
		height: 10px;
		left: 93px;
		overflow: hidden;
		position: relative;
		width: 36px;
	}
	.lookbookBox .navArrows a {
		cursor: pointer;
		float: left;
		height: 10px;
		overflow: hidden;
		position: relative;
		text-indent: -9999px;
		width: 18px;
	}
	.lookbookBox .navArrows a img { 
		left: 0;
		top: 0;
		position: absolute;
	}
	.lookbookBox .navArrows a.navDown img {
		left: -18px;
	}
	.lookbookBox .pageNumbers {
		float: right;
		position: relative;
		top: -2px;
	}
	.lookbookBox .pageNumbers a, .lookbookBox .pageNumbers span {
		color: #fff;
	}
	.lookbookBox .pageNumbers a {
		/* color: #000; */
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
	}
	.lookbookBox .pageNumbers span {
		/* color: #000; */
		font-size: 11px;
		margin: 0 20px;
	}
	.lookbookContent {
		background: #fff;
		float: left;
		margin-top: 5px;
		padding: 21px;
		position: relative;
		width: 1118px;
	}
	.lookbookItems ul li a.active {
		opacity: 1 !important;
	}
	/* LOOKBOOK - LANDING
	*************************/	
		/* .lookbookBox.lookbookLanding {
			background: #fff;
		} */
		.lookbookBox.lookbookLanding, .lookbookBox {
			background: url(/Images/lookbook/boackground-blackBox.png) repeat !important;
		}
		.lookbookBox.lookbookLanding .lookbookContent {
			padding: 21px 0;
			width: 1160px;
		}
		/* .lookbookBox.lookbookLanding h1 {
			color: #000;
		} */
		.lookbookBox.lookbookLanding h1, .lookbookBox h1 {
			color: #fff !important;
		}
		.lookbookBox.lookbookLanding .lookbookContent {
			background: none !important;
		}
		.lookbookLanding .landingLeft, .lookbookLanding .landingRight, .lookbookLanding .landingWide {
			float: left;
			height: 739px;
			position: relative;
			width: 580px;
		}
		.lookbookLanding .landingWide {
			width: 1160px;
		}
		.lookbookLanding .landingLeft img, .lookbookLanding .landingRight img, .lookbookLanding .landingWide img {
			left: 0;
			position: absolute;
			top: 0;
		}
		.lookbookLanding .landingLeft img, .lookbookLanding .landingRight img {
			max-width: 580px;
		}
		.lookbookLanding .landingWide img {
			max-width: 1160px;
		}
		.lookbookLanding a {
			color: #fff;
		}
		.lookbookLanding .catoType {
			background: url(/Images/lookbook/background-catoType.png) no-repeat;
			height: 70px;
			padding-left: 20px;
			padding-top: 6px;
			position: absolute;
			top: 339px;
			width: 240px;
		}
		.lookbookLanding .catoType span {
			color: #fff;
			clear: both;
			float: left;
		}
		.lookbookLanding .catoType .catoName {
			font-size: 24px;
			font-weight: bold;
		}
		.lookbookLanding .catoType .browseNow {
			font-size: 18px;
			font-weight: normal;
			width: 105px;
		}
		.lookbookLanding .catoType img {
			left:130px;
			top:41px;
		}
	
	/* LOOKBOOK - SECTIONS
	*************************/
	.lookbookContent .lookbookItems {
		float: left;
		height: 648px;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 180px;
	}
	.lookbookContent .lookbookItems ul {
		float: left;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		width: 180px;
	}
	.lookbookContent .lookbookItems ul li {
		float: left;
		height: 128px;
		list-style-type: none;
		margin-bottom: 2px;
		position: relative;
	}
	.lookbookContent .lookbookItems ul li a {
		float: left;
		height: 128px;
		overflow: hidden;
		position: relative;
	}
	.lookbookContent .lookbookItems ul li a img {
		float: left;
	}
	.socialNetworks {
		color: #FFFFFF;
		float: left;
		left: 19px;
		position: relative;
		width: 900px;
	}
	.socialNetworks h3 {
		font-size: 24px !important;
		font-weight: bold;
		margin-bottom: -5px;
	}
	.socialNetworks h4 {
		font-size: 14px !important;
	}
	
	/* LOOKBOOK - THE LOOK
	*************************/
		.theLook {
			float: left;
			height: 648px;
			margin: 0 26px 0 17px;
			position: relative;
			width: 491px;
		}
		#blackBg .theLookItems h2 {
			color: #5d5c5c;
			font-size: 15px !important;
			font-weight: bold;
			margin: 0;
		}
		.theLookItems h2 span.modelPosition {
			color: #a4a4a4;
			float: left;
			font-size: 11px !important;
			margin-right:7px;
			margin-top:2px;
		}
		.modelsWrap {
			float: left;
			width: 404px;	
		}
		.theLookItems {
			float: left;
			margin-bottom: 25px;
			width: 404px;
		}
		.theLookItems ul {
			float: left;
			margin: 5px 0 0;
			padding: 0;
			width: 404px;
		}
		.theLookItems ul li {
			border: 1px solid #e8e8e8;
			height: 109px;
			float: left;
			list-style-type: none;
			margin-bottom: -1px;
			margin-right: -1px;
			overflow: hidden;
			position: relative;
			width: 100px;
		}
		.theLookItems ul li a {
			float: left;
			height: 109px;
			position: relative;
			text-decoration: none;
			width: 100px;
		}
		.theLookItems ul li a .itemColours,
		.theLookItems ul li a .itemSizes,
		.theLookItems ul li a .itemQuantity,
		.theLookItems ul li a .prodIndex,
		.theLookItems ul li a .lookIndex,
		.theLookItems ul li a .itemSellPrice,
		.theLookItems ul li a .itemMarkDownPrice
		 {
			display: block;
			position: absolute;
			left:-9999px;
			top: -9999px;
		}
		.theLookItems ul li a img {
			left: 0;
			position: absolute;
			top: 0;
		}
		.theLookItems ul li a span.itemDetails {
			background: url(/Images/lookbook/itemOverlay.png) no-repeat;
			color: #FFFFFF;
			cursor: pointer;
			display: block;
			height: 77px;
			line-height: 16px;
			padding: 16px 6px;
			position: absolute;
			top: -109px;
			width: 88px;
			z-index: 2;
		}
		.theLookItems ul li a span.itemDetails .itemBrand {
			clear: both;
			float: left;
			font-size: 12px;
			font-weight: bold;
			width: 88px;
		}
		.theLookItems ul li a span.itemDetails .itemName, .theLookItems ul li a span.itemDetails .itemPrice {
			clear: both;
			float: left;
			font-size: 12px;
			font-weight: normal;
			width: 88px;
		}
		.theLookItems .buyThisLook {
			border: none;
			text-align: center;
		}
		.theLookItems .buyThisLook a {
			background: url(/Images/lookbook/buyThisButton.png) no-repeat;
			clear: both;
			float:left;
			height:55px;
			margin: 22px 0 7px 22px;
			position:relative;
			text-indent:-9999px;
			width:73px;
		}
		.theLookItems .buyThisLook a:hover {
			background-position: 0 -55px;
		}
		.buyThisLook .discount {
			color: #fe8400;
			font-size: 11px;
			font-weight: bold;
			text-transform:  uppercase;
		}
	
	/* LOOKBOOK - HOT SPOTS
	*************************/
		.lookbookHotSpots {
			float: left;
			height: 648px;
			margin-left: 17px;
			position: relative;
			width: 921px;
		}
		.lookbookHotSpots > img {
			left: 0;
			position: absolute;
			top: 0;
		}
		.lookbookHotSpots div.hotSpot {
			position: absolute;
			min-height: 28px;
			min-width: 28px;
			z-index: 2;
		}
		.lookbookHotSpots div.hotSpot > span {
			background: url(/Images/lookbook/hotSpot.png) no-repeat;
			cusor: pointer;
			float: left;
			height: 28px;
			text-indent: -9999px;
			width: 28px;
		}
		.lookbookHotSpots div.hotSpot a.hotSpotProduct {
			background: url(/Images/lookbook/hotSpotProduct.png) no-repeat;
			color: #fff;
			display: none;
			height: 200px;
			left: -60px;
			position: absolute;
			text-decoration: none;
			top: -78px;
			width: 151px;
		}
		.lookbookHotSpots div.hotSpot a.hotSpotProduct > img {
			height: 131px;
			left:11px;
			position:relative;
			top:11px;
			width: 130px;
		}
		.lookbookHotSpots div.hotSpot a.hotSpotProduct span.itemDetails {
			float: left;
			height: 45px;
			left: 11px;
			overflow: hidden;
			position: relative;
			top: 11px;
			width: 130px;
		}
		.lookbookHotSpots div.hotSpot a.hotSpotProduct span.itemDetails .itemBrand {
			clear:both;
			float:left;
			font-size:12px;
			font-weight:bold;
		}
		.lookbookHotSpots div.hotSpot a.hotSpotProduct span.itemDetails .itemName, .lookbookHotSpots div.hotSpot a.hotSpotProduct span.itemDetails .itemPrice {
			clear:both;
			float:left;
			font-size:12px;
			font-weight:normal;
		}
		.lookbookHotSpots .shopThis {
			background: url(/Images/lookbook/shopThis.png) no-repeat;
			height: 41px;
			position: absolute;
			text-indent: -9999px;
			top: 592px;
			width: 265px;
		}
	
	/* LOOKBOOK - LAYOUT C
	*************************/
		.lookbookLayoutC {
			float: left;
			height: 648px;
			margin-left: 17px;
			position: relative;
			width: 921px;
		}
		.lookbookLayoutC > img {
			left: 0;
			position: absolute;
			top: 0;
		}
		#blackBg .lookbookLayoutC .videoTitle {
			color:#FFFFFF;
			font-size:21px !important;
			left:50%;
			position:absolute;
			top:75px;
		}
		.lookbookLayoutC .videoDescription {
			background: #000;
			color: #fff;
			left: 50%;
			margin-top: -4px;
			padding: 15px;
			position: absolute;
		}
		.lookbookLayoutC .layoutTextBox {
			top: 50%;
			left: 50%;
			position: absolute;
			background: #000;
			color: #fff;
			padding: 15px;
			width: 600px;
			margin-left: -300px;
		}
		.youtube-player {
			z-index: 0; 
		}
	
	/* LOOKBOOK - BUY THIS LOOK
	********************************/
	
	#fade { /*--Transparent background layer--*/
		display: none; /*--hidden by default--*/
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 9999;
	}
	.popup_block{
		display: none; /*--hidden by default--*/
		background: #fff;
		float: left;
		font-size: 1.2em;
		max-height: 621px;
		padding-bottom: 10px;
		position: fixed;
		top: 50%; left: 50%;
		z-index: 99999;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		
	}
	
	img.btn_close {
		float:right;
		position:absolute;
		right:-13px;
		top:-25px;
		z-index:5000;
	}
	/*--Making IE6 Understand Fixed Positioning--*/
	*html #fade {
		position: absolute;
	}
	*html .popup_block {
		position: absolute;
	}
	
	.buyLookHeader {
		background: #f3f3f3;
		float: left;
		height: 64px;
		margin-top: -13px;
		position: relative;
		width: 410px;
	}
	.buyLookHeader h5 {
		color: #000000;
		font-size: 18px !important;
		font-weight: bold;
		left: 17px;
		position: absolute;
		top: 13px;
	}
	.buyLookHeader h6 {
		color: #787878;
		font-size: 13px !important;
		font-weight: normal;
		left: 17px;
		position: absolute;
		top: 32px;
	}
	.itemSellPrice {
		float: left;
		margin-right: 3px;
	}
	a.addLook {
		background: url(/Images/lookbook/addLookToCart.png) no-repeat;
		cursor: pointer;
		height: 30px;
		position: absolute;
		right: 17px;
		text-indent: -9999px;
		top: 17px;
		width: 156px;
	}
	a.addLook:hover {
		background-position: 0 -30px;
	}
	#singleProduct a.addLook {
		background: url(/Images/lookbook/addToCartSingle.png) no-repeat;
		width: 116px;
	}
	#singleProduct .buyLookHeader h5 {
		top: 21px;
	}
	.lookProducts, .lookSingle {
		float: left;
		height: 549px;
		margin-top: 18px;
		position: relative;
		overflow: auto;
		width: 410px;
	}
	.lookSingle { height: 200px; }
	.lookProduct {
		border-bottom: 1px solid #ececec;
		float: left;
		left: 10px;
		margin-bottom: 20px;
		min-height: 162px;
		position: relative;
		width: 364px;
	}
	.lookProduct .lookImage {
		float: left;
		height: 162px;
		text-align: center;
		width: 118px;
	}
	.lookProduct .itemDetails {
		float: left;
		width: 245px;
	}
	.lookProduct .itemBrand {
		clear: both;
		float: left;
		font-weight: bold;
		width: 245px
	}
	.lookProduct .itemName {
		clear: both;
		float: left;
		width: 245px
	}
	.lookProduct .itemPrice {
		color: #5b5b5b;
		position: absolute;
		top: 0;
		right: 0;
	}
	.lookProduct .itemSize, .lookProduct .itemQuantity {
		float: left;
		margin: 5px 10px 9px 0;
		width: 84px;
	}
	.lookProduct .itemSize label, .lookProduct .itemQuantity label {
		font-size: 11px;
	}
	.lookProduct .itemSize select, .lookProduct .itemQuantity select {
		color: #797979;
		width: 84px;
		font-size: 12px;
	}
	.colourSelect {
		float: left;
		width: 245px;
	}
	.colourSelect p {
		font-size: 12px;
	}
	.colourSelect div {
		margin: 3px 0 7px;
		float: left;
		padding: 0;
		position: relative;
	}
	.colourSelect img {
		cursor: pointer;
		float: left;
		margin-right: 2px;
	}
	.colourSelect div.colours img:hover, .colourSelect div.colours img.active {
		border:2px solid #000;
		height: 11px !important;
		width: 11px !important;
	}
	.itemMarkDownPrice {
		color: red;
		float: left;
	}
	#sizeError {
		color:red;
		font-size: 0.917em;
		float:left;
		display:block;
		margin:0 0 8px !important;
		}
	#sizeError .label {
		background: #fff79a url(/Images/Icons/icon-formError.gif) 5px 3px no-repeat !important;
		padding: 2px 1px 2px 15px;
		width:131px !important;
		float:left;
		}	
	
	/* LOOKBOOK - LIGHTBOX GALLERY
	****************************************/
	.hotSpot .itemColours,
	.hotSpot .itemSizes,
	.hotSpot .itemQuantity {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	#hotspotProduct .itemDetails {
		position: relative;
		margin-top: 10px;
		width: 155px;
	}
	#hotspotProduct .itemDetails .itemName {
		font-size: 18px;
	}
	#hotspotProduct .itemDetails .itemPrice {
		color: #000;
		position: relative;
	}
	#hotspotProduct .itemDetails > span {
		font-size: 14px;
		width: 175px;
	}
	#hotspotProduct .itemDetails span.markdown {
		color: red;
		margin-left: 5px;
	}
	#hotspotProduct .lookProduct {
		border-bottom: 1px solid #ececec;
		float: left;
		height: 290px;
		left: 0px;
		position: relative;
		width: 482px;
	}
	#hotspotProduct .lookHotSpotWrap {
		float: left;
		height: 290px;
		overflow: hidden;
		position: relative;
		width: 482px;
	}
	#hotspotProduct .lookHotSpot {
		left: 0;
		position: absolute;
		top: 0;
	}
	#hotspotProduct .lookImage {
		height: 263px;
		margin: 5px 3px;
		width: 267px;
	}
	#hotspotProduct .colourSelect {
		width: 209px;
	}
	#hotspotProduct .addToCart {
		background: url(../Images/lookbook/addToCart.png) no-repeat;
		float: left;
		height: 23px;
		margin-top: 10px;
		text-indent: -9999px;
		width: 93px;
	}
	#hotspotProduct .addToCart:hover {
		background-position: 0 -23px;
	}
	#hotspotProduct img.btn_close {
		top: -15px;
		right: -15px;
	}
	#hotspotProduct .colourSelect div.colours img:hover, #hotspotProduct .colourSelect div.colours img.active {
		border:2px solid #000;
		height: 26px;
		width: 26px;
	}
	#hotspotProduct .galleryNumber {
		bottom: -25px;
		color: #fff;
		left: 202px;
		position: absolute;
	}
	#hotspotProduct .prevItem {
		background: url(../Images/lookbook/prevArrow.png) no-repeat;
		cursor: pointer;
		height:38px;
		left:-50px;
		position:absolute;
		text-indent:-9999px;
		top:130px;
		width:27px;
	}
	#hotspotProduct .nextItem {
		background: url(../Images/lookbook/nextArrow.png) no-repeat;
		cursor: pointer;
		height:38px;
		right:-50px;
		position:absolute;
		text-indent:-9999px;
		top:130px;
		width:27px;
	}
	#hotspotProduct .nextItem.disabled, #hotspotProduct .prevItem.disabled {
		cursor: default !important;
		opacity: 0.3 !important;
	}
	.waiting {
		background: #fff;
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index:4999;
		left: 0;
		top: 0;
	}
	.waiting img {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -16px;
		margin-top: -16px;
	}
	.fbComments {
		color: #FFFFFF;
		float: left;
		min-height: 187px;
		padding: 25px 15px;
		position: relative;
		width: 1128px;
	}
	.fbComments span.like, .fbComments span.thoughts {
		position: absolute;
		left: 0;
	}
	.fbComments span.like {
		font-size: 24px;
		font-weight: bold;
	}
	.fbComments span.thoughts {
		font-size: 14px;
		left:1px;
		top:55px;
	}
	.lookProduct #sizeError {
		margin: 0 0 5px !important;
		position: relative;
	}
	.lookProduct #sizeError .label {
		width: 163px !important;
	}
	#fbHolder {
		float:left;
		margin-left:375px;
		margin-top:5px;
		position:relative;
	}
	.fb_iframe_widget body {
		color: #ffffff !important;
	}
	#hotspotError a, #modelsMsg a, #hotspotMsg a, #modelsError a, #lookSingleMsg a, #lookSingleError a  {
		background: url(../images/lookbook/messages.gif) no-repeat 0 -100px;
		color:#666;
		font-size:13px;
		left:8px;
		padding-left:24px;
		padding-top:3px;
		position:absolute;
		top:7px;
	}
	#hotspotError span, #modelsMsg span, #hotspotMsg span, #modelsError span, #lookSingleMsg span, #lookSingleError span  {
		background: url(../images/lookbook/messages.gif) no-repeat;
		color:#666;
		float:left;
		font-size:13px;
		margin-left:49px;
		margin-top:60px;
		padding:3px 0 1px 25px;
		width: 275px;
	}
	#hotspotError span, #modelsError span, #lookSingleError span {
		background-position: 0 -44px;
	}
	#hotspotMsg,  {
		background-position: 0 0;
	}
	span.lookIndex, span.prodIndex {
		display: none !important;
	}