@charset "utf-8";
/* CSS Document */
	
/*CSS fabric systems */

#fab-image-holder {
	background-image: url(../images/fabric-image-bg.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 271px;
	position: relative;
	float: left;
	display: inline;
	margin-top: 15px;
}

	#fab-image-holder .fab-image {
		width: 664px;
		height: 265px;
		position: absolute;
		top: 3px;
		left: 3px;
		z-index: 5;
	}

	#fab-image-holder .fab-title {
		position: absolute;
		top: 28px;
		left: 20px;
		z-index: 10;
		color:#FFFFFF;
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
#fab-nav-holder {
	width: 770px;
	min-height: 29px;
	height: auto !important;
	height: 29px;
	float: left;
	display: inline;
}

	ul#fab-nav-holder li {
		float: left;
		display: inline;
	}

	ul#fab-nav-holder li a.mid-tab-btn {
		background-image:url(../images/buttons/wide-tab-bg.jpg);
		background-position:center 0;
		background-repeat:no-repeat;
		color:#1B1B1B;
		display:block;
		float:left;
		font-size:12px;
		font-weight:bold;
		height:auto !important;
		line-height:14px;
		margin-bottom:0;
		min-height:14px;
		padding:6px 3px;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		width:120px;
		word-wrap: break-word;
	}
	
	#fab-nav-holder a.mid-tab-btn:hover {
		background-image:url(../images/buttons/wide-tab-bg.jpg);
		background-position:center -65px;
		background-repeat:no-repeat;
		display:block;
		float:left;
		height:auto !important;
		margin-bottom:0;
		min-height:14px;
		padding-top:9px;
		text-align:center;
		text-shadow:0 1px 0.2px #FFFD97;
		width:120px;
	}
	
	#fab-nav-holder a.mid-tab-btn-over {
		background-image:url(../images/buttons/wide-tab-bg.jpg);
		background-position:center -65px;
		background-repeat:no-repeat;
		color:#1B1B1B;
		display:block;
		float:left;
		font-size:12px;
		font-weight:bold;
		height:auto !important;
		line-height:14px;
		margin-bottom:0;
		min-height:14px;
		padding-bottom:6px;
		padding-top:9px;
		text-align:center;
		text-decoration:none;
		text-shadow:0 1px 0.2px #FFFD97;
		text-transform:uppercase;
		width:120px;
	}
	
#fab-content-holder {
	width: 770px;
	float: left;
	display: inline;	
}
	
	#fab-content-holder h1 {
		font-size: 	24px;
		line-height: 30px;
		margin-top: 18px;
		padding-bottom: 5px; 
	}
	
		/*#fab-content-holder h1 a img {
			padding-top: 7px;
		}*/
		
	#fab-content-holder .fab-section-holder {
		width: 770px;
		float: left;
		display: inline;
		padding-top: 11px;
		position: relative;
		height:0px;
		overflow:hidden;
	}
	
		#fab-content-holder .fab-section-holder .fab-slide-left {
			width: 40px;
			height: 41px;
			top: 200px;
			left: 0;
			position: absolute;
			z-index: 50;
			cursor: pointer;
			display: none;
		}
	
		#fab-content-holder .fab-section-holder .fab-slide-right {
			width: 40px;
			height: 41px;
			top: 200px;
			left: 730px;
			position: absolute;
			z-index: 50;
			cursor: pointer;
			display: none;
		}
	
	#fab-content-holder .fab-text {
		width: 430px;
		padding-right: 10px; 
		float: left;
		display: inline;
		overflow: hidden;
	}
	
		#fab-content-holder .fab-text p {
			padding-bottom: 15px;
		}
	
		#fab-content-holder .fab-text h3, .fab-image h3 {
			text-transform: none;
			font-size: 14px;
			line-height: 20px;
			padding-bottom: 15px;
			font-weight: normal;
		}
	
	#fab-content-holder .fab-image {
		width: 320px;
		padding-left: 10px; 
		float: left;
		display: inline;
		overflow: hidden;
	}
	
		.fab-slider-holder {
			width: 770px;
			float: left;
			display: inline;
		}
		
			 .fab-slide {
				width: 770px;
				float: left;
				display: inline;
			}
	
				.fab-slide .fab-text {
					width: 325px !important;
					padding-left: 50px;
					padding-right: 10px; 
					float: left;
					display: inline;
					overflow: hidden;
				}
				
					.fab-slide .fab-text p {
						padding-bottom: 10px !important;
					}
				
					.fab-slide.fab-text h3 {
						text-transform: none;
						font-size: 14px;
						line-height: 20px;
						padding-bottom: 15px;
						font-weight: normal;
					}
				
				.fab-slide .fab-image {
					width: 325px !important;
					padding-left: 10px;
					padding-right: 50px; 
					float: left;
					display: inline;
					overflow: hidden;
				}
	
/*CSS product care */	
	
#product-care-header {
	width: 770px;
	height: 380px;
	padding-top: 15px;
	float: left;
	display: inline;
	position: relative;	
}
	
	#product-care-header #fab-nav-holder {
		position: absolute;
		top: 285px;
		left: 0;
		z-index: 5;
	}
	
	#product-care-header h1{
		position: absolute;
		top: 315px;
		left: 0;
		z-index: 5;
	}
	
#product-care-holder {
	width: 770px;
	float: left;
	display: inline;	
}
	
		#product-care-holder p {
			padding-bottom: 15px;
			margin-bottom: 0;
		}
	
		#product-care-holder h3 {
			text-transform: none;
			font-size: 14px;
			line-height: 20px;
			padding-bottom: 15px;
			font-weight: normal;
		}
	
		#product-care-holder h3.noPadBottom {
			padding-bottom: 0;
		}
	
/*CSS gill guarantee */	
	
#gill-guarantee-header {
	width: 770px;
	height: 410px;
	padding-top: 15px;
	float: left;
	display: inline;
	position: relative;	
}

	#gill-guarantee-header .guarantee-title {
		position: absolute;
		top: 48px;
		left: 20px;
		width:540px;
		z-index: 10;
		color:#FFFFFF;
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	#gill-guarantee-header #fab-nav-holder {
		position: absolute;
		top: 285px;
		left: 0;
		z-index: 5;
	}
	
	#gill-guarantee-header h1{
		position: absolute;
		top: 315px;
		left: 0;
		z-index: 5;
	}
	
#gill-guarantee-holder {
	width: 770px;
	float: left;
	display: inline;	
}

/* CSS layering guide*/
	
#layer-content-holder {
	width: 770px;
	float: left;
	display: inline;
	position: relative;	
}
	
	#layer-content-holder .layer-holders {
		width: 235px !important;
		padding: 0 10px 20px 10px;
		float: left;
		display: inline;	
		overflow: hidden;
	}
	
		#layer-content-holder #layer-one {
			background-image: url(../images/layers/base-bg.png);
		}
	
		#layer-content-holder #layer-two {
			background-image: url(../images/layers/mid-bg.png);
		}
	
		#layer-content-holder #layer-three {
			background-image: url(../images/layers/outer-bg.png);
		}
	
		#layer-content-holder .layer-holders .layering-text {
			width: 235px;
			min-height: 200px;
			height: auto !important;
			height: 200px;
			float: left;
			display: inline;	
		}
		
/* CSS product care accordian */

ul.menu {
	width:770px;
	float: left;
	display: inline;
}

	ul.menu li {
		border-bottom:1px solid #515151;
		clear:both;
		color:#FFFFFF;
		display:inline;
		float:left;
		font-size:18px;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:5px;
		padding-bottom:11px;
		text-transform:uppercase;
		width:770px;
	}

	ul.menu li a {
		padding: 26px 0 26px 80px;
		width: 690px;
		float: left;
		display: inline;
		background-repeat: no-repeat;
		background-position: left center
	}
		
		a.waterproof {
			background: url(../images/product-care/water-proofs.gif);
		}
		
		a.drysuit {
			background: url(../images/product-care/dry-suits.gif);
		}
		
		a.dinghy-equip {
			background: url(../images/product-care/dinghy-equipment.gif);
		}
		
		a.dinghy-waterproofs {
			background: url(../images/product-care/dinghy-waterproofs.gif);
		}
		
		a.rash-vests {
			background: url(../images/product-care/rash-vests.gif);
		}
		
		a.gloves {
			background: url(../images/product-care/gloves.gif);
		}
		
		a.footwear {
			background: url(../images/product-care/footwear.gif);
		}
		
		a.tech-app {
			background: url(../images/product-care/tech-apparel.gif);
		}
		
		a.tech-app {
			background: url(../images/product-care/tech-apparel.gif);
		}
		
		a.base-layer {
			background: url(../images/product-care/base-layer.gif);
		}
		
		a.mid-layer {
			background: url(../images/product-care/mid-layer.gif);
		}
		
		a.fleece {
			background: url(../images/product-care/fleece.gif);
		}
		
		a.crosswind-mid {
			background: url(../images/product-care/crosswind-mid.gif);
		}
		
		a.soft-shell {
			background: url(../images/product-care/soft-shell.gif);
		}
		
		a.headwear {
			background: url(../images/product-care/headwear.gif);
		}
		
		a.crew-gear {
			background: url(../images/product-care/crew-gear.gif);
		}
		
		a.towels {
			background: url(../images/product-care/towel.gif);
		}
		
		a.luggage {
			background: url(../images/product-care/luggage.gif);
		}
		
		a.sunglasses {
			background: url(../images/product-care/sunglasses.gif);
		}
		
		a.watches {
			background: url(../images/product-care/watches.gif);
		}

	ul.menu li a.selected {
		color: #F0EC45;
	}

		ul.menu li ul {
			float: left;
			display: none;
			margin: 10px 0 5px 0;
		}
	
			ul.menu li ul li {
				padding: 0 0 0 20px;
				margin: 0 0 0 0;
				color: #B0B1B3;
				font-size: 12px;
				font-weight: normal;
				line-height: 18px;
				text-transform: none;
				border-bottom: 0px;
				width: 750px;
			}
	
			ul.menu li ul li a {
				padding: 0;
				padding-right: 4px;
				width: auto;
			}
	
			ul.menu li ul li span.sub-heading {
				color: #F0EC45;
				font-size: 12px;
				line-height: 24px;
				
			}
	
			ul.menu li ul li span.care-sub-list {
				padding: 0 0 0 10px;
				color: #FFFFFF;
			}
			
/* CSS size charts */

table.size-charts {
	margin:0;
	padding:0;
	width:100%;
}

table.size-charts th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height:14px;
	color: #1B1B1B;
	text-transform: uppercase;
	text-shadow:0 1px 0.2px #FFFFFF;
	text-align: center;
	padding: 6px 0;
	background: #fdfdfd url(../images/table-header-bg.jpg) no-repeat right bottom;
}

table.size-charts th.no-bg {
	border-top: 0;
	border-left: 0;
	background: none;
	color: #F0EC45;
	text-shadow: none;
	text-align: left;
	padding-left: 6px;
}

table.size-charts .border-bottom {
	border-bottom: 1px solid #B0B1B3;
}

table.size-charts td {
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #B0B1B3;
	text-align: center;
}

table.size-charts .border-left {
	border-left: 1px solid #B0B1B3;
}

table.size-charts td.spec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #B0B1B3;
	width: 95px;
	text-align: left;
}

table.size-charts td.spec span {
	color: #F0EC45;
}

.sizeChartImage {
	padding-left:18px;
	padding-top:20px;
}

/**/

table.foot-charts {
	margin:0;
	padding:0;
	width:100%;
}

table.foot-charts th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height:14px;
	color: #1B1B1B;
	text-transform: uppercase;
	text-shadow:0 1px 0.2px #FFFFFF;
	text-align: center;
	padding: 6px 0;
	background: #fdfdfd url(../images/table-header-bg.jpg) no-repeat right bottom;
}

table.foot-charts th.no-bg {
	border-top: 0;
	border-left: 0;
	background: none;
	color: #F0EC45;
	text-shadow: none;
	text-align: left;
	padding-left: 6px;
}

table.foot-charts td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #B0B1B3;	
	width: 15px;
	text-align: center !important;
}

table.foot-charts .border-left {
	border-left: 1px solid #B0B1B3;
}

table.foot-charts .border-bottom {
	border-bottom: 1px solid #B0B1B3;
}

table.foot-charts td.spec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #B0B1B3;
	text-align: left;
	padding: 6px;
}

table.foot-charts td.spec span {
	color: #F0EC45;
}
			
/* CSS buttons */

a.extra-wide-btn {
	background-color:#FAF74A;
	background-image:url(../images/buttons/wide-tab-bg.jpg);
	background-position:right -65px;
	background-repeat:no-repeat;
	color:#1B1B1B;
	cursor:pointer;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:auto !important;
	line-height:14px;
	margin-bottom:3px;
	margin-left:0;
	min-height:14px;
	padding-bottom:6px;
	padding-top:6px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0.2px #FFFFFF;
	text-transform:uppercase;
	width:180px;
}

.width121 {
	width:121px;
	float:left;
	display:inline;
}


.width276 {
	width:276px !important;
	float:left;
	display:inline;
	background-image:url(../images/table-header-bg-276.jpg) !important;
}

.width80 {
	width:80px !important;
	float:left;
	display:inline;
}

.width264 {
	width:264px !important;
	float:left;
	display:inline;
}


.width68 {
	width:68px !important;
	float:left;
	display:inline;
}



.width109 {
	width:109px;
	float:left;
	display:inline;
}

.width488 {
	width:488px !important;
	float:left;
	display:inline;
	
}

//next two where added for the greybox pop up on the product page

.width540 {
	width:540px !important;
	float:left;
	display:inline;
	
}

.width133 {
	width:133px !important;
	float:left;
	display:inline;
	
}

a.extra-wide-btn:hover {
	background-color: #fdfdfd;
	background-image:url(../images/buttons/wide-tab-bg.jpg);
	background-position:right 0;
	background-repeat:no-repeat;
	color:#1B1B1B;
	cursor:pointer;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:auto !important;
	line-height:14px;
	margin-bottom:3px;
	min-height:14px;
	padding-bottom:6px;
	padding-top:6px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0.2px #FFFFFF;
	text-transform:uppercase;
	width:180px;
}
	
h1.no-border {
	border: 0;
}

.center {
	margin-left: 27px !important;
}