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

body { margin:0; padding:0; background:url(/images/backgrounds/base.jpg) #000000 no-repeat center top;}

.bold {
font-weight: bold;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #323232;
line-height: 15px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table { margin:0; padding:0; }

#wrapper-outer {
	background:url(/images/bg-repeat.gif) repeat-x center top;
}
#wrapper-inner {
	background:url(/images/backgrounds/base.jpg) transparent no-repeat center top;
	
}
#content {
	position: relative;
	width: 980px;
	height:805px;
	margin: 0 auto;
	
}

#logo {
	position:absolute;
	top:20px;
	left:15px;
} 
#section-title {
	position:absolute;
	top:99px;
	left: 7px;
}

#navigation {
	position:absolute; 
	width:178px;
	height:546px;
	top:133px;
	left:14px;
	padding: 8px;
	background:transparent url(/images/nav-bg.gif) no-repeat center top;
	overflow:hidden;
}







/* main navigation and sub navigation on left side */
	#subnav ul.inactive, #subnav li.active ul.inactive ul.inactive, #subnav li.active ul.active ul.inactive {
		display:none;
	}
	#subnav li.active ul.inactive, #subnav li.active ul.active li.active ul.inactive {
		display:block;
	}



	#subnav li{
		list-style:none;
		line-height:21px;
		font-size:11px;
		padding-bottom:5px;

	}
	
	#subnav li li {
		padding:0px;
		margin:7px 0px 6px 9px;

	}

	#subnav li li a {
		font-weight:bold;
		font-size:11px;
		display:block;
		line-height:15px;
	}
	#subnav li li a.active {
		color: #000000;	
	}
	
	
	#subnav li li li{
		margin:5px 0px 5px 10px;
		line-height:12px;	}
	#subnav li li li a {
		font-weight:normal;
		background:url(/images/nav-bullet.gif) no-repeat top left;
		padding-left:10px;
		line-height:12px;
	}
	
	#subnav li li li a:hover, #subnav li li li a.active, #subnav li li li a.active:hover {
		color: #000000;
		background:url(/images/nav-bullet-down.gif) no-repeat top left;
	}
	
	#subnav li { vertical-align: bottom; zoom: 1; }
	#subnav a {
		color: #7d7d7d;
		text-decoration: none;
	}
	#subnav a:hover {
		text-decoration:underline;
	}
	
	#subnav a.mainitem {
		overflow:hidden;
		display:block;
		width:178px;
		height:0px;		
	}
	


	#nav-company {
		background:url(/images/nav/company.gif) transparent no-repeat top left;
		padding-top:21px;
	}
	#nav-company:hover, #nav-company.active { background:url(/images/nav/company-down.gif) transparent no-repeat top left; }

	
	#nav-offshore_survival_division {
		background:url(/images/nav/offshore_survival_division.gif) transparent no-repeat top left;
		padding-top:36px;
	}
	#nav-offshore_survival_division:hover, #nav-offshore_survival_division.active { background:url(/images/nav/offshore_survival_division-down.gif) transparent no-repeat top left; }
	
	
	#nav-drysuits_and_underwear {
		background:url(/images/nav/drysuits_and_underwear.gif) transparent no-repeat top left;
		padding-top:36px;
	
	}
	#nav-drysuits_and_underwear:hover, #nav-drysuits_and_underwear.active { background:url(/images/nav/drysuits_and_underwear-down.gif) transparent no-repeat top left; }

	
	#nav-accessories {
		background:url(/images/nav/accessories.gif) transparent no-repeat top left;
		padding-top:21px;
	
	}
	#nav-accessories:hover, #nav-accessories.active { background:url(/images/nav/accessories-down.gif) transparent no-repeat top left; }

	#nav-apparel {
		background:url(/images/nav/apparel.gif) transparent no-repeat top left;
		padding-top:21px;
	
	}
	#nav-apparel:hover, #nav-apparel.active { background:url(/images/nav/apparel-down.gif) transparent no-repeat top left; }
	
	#nav-metalsub_technical_lighting {
		background:url(/images/nav/metalsub_technical_lighting.gif) transparent no-repeat top left;
		padding-top:36px;
	
	}
	#nav-metalsub_technical_lighting:hover, #nav-metalsub_technical_lighting.active { background:url(/images/nav/metalsub_technical_lighting-down.gif) transparent no-repeat top left; }









#header {
	position: absolute;
	width:595px;
	height:28px;
	left:208px;
	top:157px;
}
	h1 {
	position: absolute;
	top:4px;
	left:24px;
	color:#ffbe00;
	font-size:18px;
	text-transform: uppercase;
	}
	#homebutton {
		position: absolute;
		top:6px;
		left:525px;
	}
		#homebutton a {
			display:block;
			background:url(/images/home-util-button.gif) transparent no-repeat top left; 
			padding-left:52px;
			width:0px;
			overflow:hidden;
			}
		#homebutton a:hover { background:url(/images/home-util-button-down.gif) transparent no-repeat top left; }
	





	
#bodyarea {
	width:547px;
	height:466px;
/*	padding: 14px 24px 25px 24px; */
	padding: 204px 24px 25px 232px;
/*	margin-left:208px;
	margin-top:190px; */
	
}
	h2 {
		color:#000000;
		font-size:18px;
		margin-bottom:14px;
	}
	
	h3 {

		color:#000000;
		font-size:14px;
		font-weight: bold;
		padding-left:1px;
		margin-bottom:6px;
	}
	
	#body-content {
		height:437px;
		overflow:hidden;
	}
	
	
	
	
/* calls to action on right side of page */		
#ctas {
	position:absolute;
	width:162px;
	height:428px;
	top:20px;
	left:803px;
	background:url(/images/rightcta-bg.gif) no-repeat center top;

}
	#monthly-specials {
		position:absolute;
		width:147px;
		height:124px;
		background:url(/images/monthlyspecials-bg.gif) no-repeat center top;
		top:77px;
		left:10px;
	}
		
		#monthly-special-content {
			position:absolute;
			width:124px;
			height:82px;
			left:8px;
			top:27px;
		}
		
		#monthly-special-button {
			position:absolute;
			width:21px;
			height:21px;
			left:116px;
			top:93px;
		}
		
		#monthly-special-itemphoto {
			position:absolute;
			width:65px;
			height:82px;
			left:0px;;
			top:0px;
		}
		#monthly-special-itemtext {
			position:absolute;
			width:59px;
			height:57px;
			left:65px;;
			top:9px;
			font-size: 11px;
			font-weight: bold;
			color:#323232;
		}
			#monthly-special-itemtext a { 
				font-size: 11px;
				font-weight: bold;
				color:#323232;
				text-decoration: none;
			}
			#monthly-special-itemtext a:hover {
				text-decoration: underline;
			}
			
			#monthly-special-itemtext .price, #monthly-special-itemtext .price a {
				font-size: 10px;
				font-weight:normal;
				color:#c81900;
				text-decoration:none;
			}
			#monthly-special-itemtext .price a:hover {
				font-size: 10px;
				color:#c81900;
				text-decoration:underline;
			}
		
		
	#topitems {
		position:absolute;
		width:127px;
		left:17px;
		top:12px;
	}
		#topitems li { list-style:none; display:block; padding-bottom:5px; }
		#topitems li a { background-image:url(/images/cta/top-ctas.gif); background-repeat:no-repeat; padding-left:127px; width:0; display:block; overflow:hidden;}
		#topitems li a:hover { background-image:url(/images/cta/top-ctas-down.gif); }
		
			#topitems li a.made2measure { height:22px; background-position:0px 0px; }
			#topitems li a.databank { height:24px; background-position:0px -22px; }
			#topitems li a.wheretobuy { height:22px; background-position:0px -46px; }
		
		
	#miditems {
		position:absolute;
		width:124px;
		left:18px;
		top:201px;
	
	}
	
	#news-box {
		position:absolute;
		background:url(/images/news-bg.gif) no-repeat center top;
		width:151px;
		height:165px;
		left:6px;
		top:254px;
		
	}
	
		#news-box-content {
			position:absolute;
			left:12px;
			top:38px;
			width:130px;
			height:120px;
			overflow:hidden;
			font-size:10px;
			color:#323232;
		}
		
			#news-box-content p {
				margin:0;
				padding:0 0 12px 0;
			}
			
			#news-box-content a { 
				color:#aa0f00;
				font-weight:bold;
				text-decoration:none;
			}
			#news-box-content a:hover { 
				text-decoration:underline;
			}
			#news-box-content .title, #news-box-content .title a {
					font-size: 11px;
					font-weight:normal;
					color:#aa0f00;
					text-decoration:none;
			}
			#news-box-content .title a:hover {
				text-decoration:underline;
			}
		
	#dtmag-button {
		position:absolute;
		left:10px;
		top:464px;
		
	}






	
#footer {
	position:absolute;
	width:924px;
	height:64px;
	left:30px;
	top:723px;
	
	font-size:10px;
	color:#9babad;
}

	#footer-links {
		position:absolute;
		top:25px;
	}
	
	#footer-gssilink {
		position:absolute;
		top:7px;
		left:769px;
		text-align:right;
	}
	
	#footer a { color:#9babad; text-decoration:none; line-height:16px;}
	#footer a:hover {  text-decoration:underline; }


/* links to other sub-sites and related sites */
	#section-links {
		height:21px;
		width:545px;
	}
	
		#section-links a {
			display:block;
			float:left;
			height:0px;
			overflow:hidden;
			padding-top:21px;
		}
	
		#sectionlink-scubadiving {
			background: url(/images/footer-nav/scubadiving.gif) transparent no-repeat top left;
			width:104px;
		}
		#sectionlink-scubadiving:hover, #sectionlink-scubadiving.active {
			background: url(/images/footer-nav/scubadiving-down.gif) transparent no-repeat top left;
		}
		
		#sectionlink-watersports {
			background: url(/images/footer-nav/watersports.gif) transparent no-repeat top left;
			width:112px;
		}
		#sectionlink-watersports:hover, #sectionlink-watersports.active {
			background: url(/images/footer-nav/watersports-down.gif) transparent no-repeat top left;
		}
		
		#sectionlink-fishing {
			background: url(/images/footer-nav/fishing.gif) transparent no-repeat top left;
			width:83px;
		}
		#sectionlink-fishing:hover, #sectionlink-fishing.active {
			background: url(/images/footer-nav/fishing-down.gif) transparent no-repeat top left;
		}
		
		#sectionlink-commercialsurvival {
			background: url(/images/footer-nav/commercialsurvival.gif) transparent no-repeat top left;
			width:161px;
		}
		#sectionlink-commercialsurvival:hover, #sectionlink-commercialsurvival.active {
			background: url(/images/footer-nav/commercialsurvival-down.gif) transparent no-repeat top left;
		}
		
	
	#amer-sports-link {
			display:block;
			position:absolute;
			background:url(/images/amer-sports.gif) transparent no-repeat top left;
			height:0px;
			overflow:hidden;
			padding-top:39px;
			left:458px;
			top:17px;
			
		}
			
			
/* product page styles */	

.thumbs h4 {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #aa0f00;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.img-border {
	background-color: #000000;
	padding: 1px;	
}
.landing td {
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aa0f00;
	line-height: 16px;
}
#landing-utilities {
		position:absolute;
		left:230px;
		top:655px;
}

.features td { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c4650;
}

.features h4 {
	font-size: 12px;
	color: #00233c;
	text-transform: uppercase;
	padding-bottom: 5px
}
#body-content ul {
	margin-left: 10px;
	list-style-type: disc;
}
#body-content ul li {
	list-style-type: disc;	
	padding-left: 5px;
	margin-left: 5px;
	padding-bottom: 2px
}
#body-content ol {
	margin-left: 10px;
}
#body-content ol li {
	padding-left: 5px;
	margin-left: 10px;
	padding-bottom: 1px
}
#body-content a {
	color: #3c4650;
	text-decoration: underline;}
#body-content a:hover {
	color: #3c4650;
	text-decoration: none;
	}

.size-colour td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3c4650;
	font-size: 11px;
	padding-bottom: 5px
}
.size-colour h4 {
	font-size: 12px;
	color: #aa0f00;
	text-transform: uppercase;
}

.size-colour h5 {
	font-size: 12px;
	color: #aa0f00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aa0f00;
}


/* find suit form */

#results {
	line-height: 20px;
}

/* wide template */
#ctas-wide {
	position:absolute;
	width:162px;
	height:100px;
	top:20px;
	left:803px;

}
#monthly-specials-wide {
		position:absolute;
		width:147px;
		height:124px;
		background:url(/images/monthlyspecials-bg-wide.gif) no-repeat center top;
		top:77px;
		left:10px;
	}
#bodyarea-wide {
	width:680px;
	height:466px;
/*	padding: 14px 24px 25px 24px; */
	padding: 204px 24px 25px 232px;
/*	margin-left:208px;
	margin-top:190px; */
	
}
#body-content-wide 
{
	width:800px;
		height:437px;
		overflow:auto;
	}

#body-content-wide a {
	color: #3c4650;
	text-decoration: underline;}
#body-content-wide a:hover {
	color: #3c4650;
	text-decoration: none;
	}	
	
/* news */

#news p {
	line-height: 13px;
	padding-bottom: 5px;
}