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

* {margin:0; padding:0;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#a7b6bf;
	}
.aural {text-indent:-9999px;}

p {
	font-size:11px;
	color:#222;
	padding-bottom:7px;
	line-height:16px;
	}
h2 {
	color:#9b0000;
	font-size:17px;
	padding-bottom:7px;
	}
	
/* Layout
--------------------- */

#wrapper {
	width:960px;
	height:auto;
	margin:10px auto 0;
	}
	#container {
		width:940px;
		height:auto;
		float:left;
		background:#fff;
		padding:10px
		}

/* Masthead
----------------------- */

#masthead {
	width:940px;
	height:auto;
	background:#9b0000 url(../images/bgHeader.png) no-repeat right top;
	position:relative;
	padding-bottom:40px;
	float:left;
	}
	#logo {
		width:334px;
		height:54px;
		float:left;
		padding:20px;
		}
		#logo h1 a {
			width:334px;
			height:54px;
			background:url(../images/logo.png) no-repeat;
			text-indent:-9999px;
			display:block;
			float:left;
			padding-bottom:10px;
			}
		#logo p {
			color:#fff;
			font-size:10px;
			text-indent:-9999px;
			}
		/*#note {
			width:206px;
			height:30px;
			float:left;
			color:#fff;
			font-size:12px;
			font-weight:bold;
			background:url(../images/note.png) no-repeat;
			text-indent:-9999px;
			}
			#note a {
				width:206px;
				height:30px;
				display:block;
				float:left;
				color:#fff;
				text-decoration:none;
				}
				#note a:hover {
					text-decoration:underline;
					}*/
					
		#note {
				width:206px;
				height:30px;
				position:absolute;
				top:53px;
				right:330px;
				color:#fff;
				font-size:12px;
				font-weight:bold;
				background:url(../images/note.png) no-repeat;
				text-indent:-9999px;
				}
				#note a {
					width:206px;
					height:30px;
					display:block;
					float:left;
					color:#fff;
					text-decoration:none;
					}
					#note a:hover {
						text-decoration:underline;
						}
						
			


	#nav {
		width:auto;
		height:auto;
		position:absolute;
		left:0;
		bottom:0;
		}
		#nav ul {
			float:left;
			padding-left:20px;
			}
			#nav ul li {
				float:left;
				list-style:none;
				padding-right:6px;
				}
				#nav ul li a {
					width:auto;
					padding:6px 17px;
					display:block;
					font-size:11px;
					color:#fff;
					background:#b04849 url(../images/navbg.png) repeat-x;
					text-decoration:none;
					border-left:1px solid #d79999;
					border-right:1px solid #d79999;
					border-top:1px solid #d79999;
					-moz-border-radius-topleft:9px;
					-webkit-border-top-left-radius:9px;
					border-top-left-radius:9px;

					}
					#nav ul li a:hover, #nav ul li a.active {
						background:#fff;
						color:#9b0000;
						}
				#nav ul li a.home {
					width:27px;
					height:27px;
					background:url(../images/home.png) no-repeat 6px 6px;
					padding:0;
					}
		#navSmall {
			width:auto;
			height:auto;
			position:absolute;
			top:10px;
			right:10px;
			}
			#navSmall ul {
				float:left;
				list-style:none;
				}
				#navSmall ul li {
					float:left;
					padding:0 5px;
					border-left:1px solid #fff;
					}
					#navSmall ul li a {
						color:#fff;
						text-decoration:none;
						font-size:11px;
						}
						#navSmall ul li a:hover {
							text-decoration:underline;
							}
						#navSmall ul li.end {
							border-left:none;
							}
		
		#siteSearch {
			width:300px;
			height:auto;
			position:absolute;
			top:50px;
			right:10px;
			}
			#cse-search-box {
				text-align:right;
				}
			
			
			#searchResults {
				width:100%;
				height:950px;
				float:left;
				overflow:hidden;
				position:relative;
				}
				#cse-search-results {
					width:800px;
					padding:0 10px;
					position:absolute;
					top:0px;
					left:0;
					}
					
					#searchResults iframe {
						width:910px!important;
						}
					
				#searchResults #productList {
					position:absolute;
					top:-30px;
					right:0;
					background:#fff;
					height:900px;
					padding-right:24px;
					padding-left:100px;
					}
			
/* MAIN HOME IMAGE
--------------------- */

#homeImage {
	width:900px;
	height:auto;
	float:left;
	position:relative;
	overflow:hidden;
	background:url(../images/home_image.jpg) 0 -50px no-repeat;
	padding:210px 20px 20px;
	border-top:1px solid #d79999;
	clear:both;
	}
	#homeImage #homeBullets {
		width:300px;
		height:auto;
		position:absolute;
		top:20px;
		right:20px;
		font-size:11px;
		}
		#homeBullets h2 {
			color:#fff;
			}
		#homeBullets p {
			padding-bottom:7px;
			color:#fff;
			}
		#homeBullets ul {
			margin-left:30px;
			}
			#homeBullets ul li {
				padding-bottom:5px;
				color:#fff;
				}

/* Main Content
------------------------ */

#mainContent {
	width:260px;
	height:auto;
	float:left;
	background:url(../images/whiteTrans.png) repeat;
	}
	#leftPanel {
		width:250px;
		height:auto;
		float:left;
		padding:15px 20px 15px;
		}
		#leftPanel ul {
			margin-left:20px;
			font-size:11px;
			color:#000;
			}
			#leftPanel ul li {
				padding-bottom:6px;
				}
		#productListHome {
			width:230px;
			height:auto;
			float:left;
			}
			#productListHome ul {
				float:left;
				padding-top:10px;
				overflow:hidden;
				margin-left:0px;
				}
			#productListHome li {
				width:auto;
				height:auto;
				float:left;
				list-style:none;
				padding:0 0 10px 5px;
				}
				#productListHome li a {
					width:170px;
					float:left;
					padding:6px 20px;
					background:#9b0000;
					color:#fff;
					text-decoration:none;
					font-size:12px;
					font-weight:bold;
					}
				#productListHome li a.offshore {background:#0074bc}
				#productListHome li a.rigging {background:#702c91}
				#productListHome li a.sheaves {background:#faa74a}
				#productListHome li a.sparkproof {background:#008562}
				#productListHome li a.mooring {background:#f37043}
				#productListHome li a.winches {background:#222}
				#productListHome li a.markets {background:#bc2d37}
					#productListHome li a:hover {
						color:#000;
						}

/* SECTION HOME ELEMENTS
------------------------------ */

#sectionImage {
	width:900px;
	height:auto;
	float:left;
	position:relative;
	overflow:hidden;
	padding:120px 20px 20px 20px;
	border-top:1px solid #d79999;
	border-bottom:10px solid #9b0000;
	clear:both;
	}
	

#sectionMessage, #markets {
	width:450px;
	height:auto;
	float:left;
	font-size:11px;
	}
	#markets  {width:900px;}
	#sectionMessage h2, #markets h2 {
		color:#fff;
		padding-bottom:30px;
		}
	#sectionMessage h3, #markets h3 {
		color:#9b0000;
		padding-bottom:6px;
		}
	#sectionMessage p, #markets p{
		padding-bottom:7px;
		color:#333;
		}

#aboutMain {
	width:550px;
	height:auto;
	float:left;
	font-size:11px;
	position:relative;
	}
	#aboutMain h2 {
		color:#fff;
		padding-bottom:30px;
		}
	#aboutMain h3 {
		color:#9b0000;
		padding-bottom:2px;
		}
	#aboutMain ul {
		padding:0 0 10px 20px;
		}
	#aboutMain ul li {
		color:#333;
		font-size:11px;
		padding-bottom:3px;
		}

#productList, #productList2 {
	width:270px;
	height:auto;
	float:right;
	padding-top:50px;
	}
	#productList2 {
		padding-top:0;
		}
	#productList h2, #productList2 h2  {
		width:250px;
		height:auto;
		font-size:13px;
		padding:5px 10px;
		background:#9b0000;
		color:#fff;
		-moz-border-radius-topleft:12px;
		-webkit-border-radius-topleft:12px;
		border-radius-topleft:12px;
		}
	#productList2 h2 {
		cursor:pointer;
		}
	#productList ul, #productList2 ul {
		width:268px;
		padding:10px 0 10px 0;
		border:1px solid #9b0000;
		list-style:none;
		}
		
		#aboutImage {
			width:270px;
			height:auto;
			float:right;
			padding-top:50px;
			position:relative;
			}
			#aboutImage img {border:1px solid #9b0000;}
			#aboutImage #title {
				width:270px;
				height:auto;
				position:absolute;
				bottom:-20px;
				left:0;
				background:#9b0000;
				color:#fff;
				padding:6px 0;
				text-align:center;
				font-size:11px;
				}
				
		
		#productList ul li, #productList2 ul li {
			padding:0 0 7px 10px;
			}
			#productList ul li a, #productList2 ul li a {
				width:260px;
				padding:0;
				font-weight:normal;
				font-size:11px;
				background:none;
				color:#9b0000;
				text-decoration:none;
				}
				#productList ul li a:hover, #productList2 ul li a:hover {
					color:#333!important;
					}
	

/* PRODUCT PAGES
--------------------------- */

/* Colour variations */
#sectionImage.blue {background:url(../images/offshoreHead.jpg) top no-repeat;}
.blue #productList h2, .blue #productList2 h2, .blue #prodImages ul li span, .blue td.tableHead {background:#0074bc;}
.blue #productList ul, .blue #productList2 ul, .blue #prodImages ul li {border:1px solid #0074bc;}
.blue #productList ul li a, .blue #productList2 ul li a, .blue #productDetail h2, .blue #productDetail h3, .blue #prodImages p.cta {color:#0074bc;}

#sectionImage.purple {background:url(../images/offshoreHead.jpg) top no-repeat;}
.purple #productList h2, .purple #productList2 h2, .purple #prodImages ul li span, .purple td.tableHead {background:#6f2b91;}
.purple #productList ul, .purple #productList2 ul, .purple #prodImages ul li {border:1px solid #6f2b91;}
.purple #productList ul li a, .purple #productList2 ul li a, .purple #productDetail h2, .purple #productDetail h3, .purple #prodImages p.cta {color:#6f2b91;}

#sectionImage.yellow {background:url(../images/offshoreHead.jpg) top no-repeat;}
.yellow #productList h2, .yellow #productList2 h2, .yellow #prodImages ul li span, .yellow td.tableHead {background:#faa74a;}
.yellow #productList ul, .yellow #productList2 ul, .yellow #prodImages ul li {border:1px solid #faa74a;}
.yellow #productList ul li a, .yellow #productList2 ul li a, .yellow #productDetail h2, .yellow #productDetail h3, .yellow #prodImages p.cta {color:#faa74a;}

#sectionImage.green {background:url(../images/offshoreHead.jpg) top no-repeat;}
.green #productList h2, .green #productList2 h2, .green #prodImages ul li span, .green td.tableHead {background:#008562;}
.green #productList ul, .green #productList2 ul, .green #prodImages ul li {border:1px solid #008562;}
.green #productList ul li a, .green #productList2 ul li a, .green #productDetail h2, .green #productDetail h3, .green #prodImages p.cta {color:#008562;}

#sectionImage.red {background:url(../images/offshoreHead.jpg) top no-repeat;}
.red #productList h2, .red #productList2 h2, .red #prodImages ul li span, .red td.tableHead {background:#f37042;}
.red #productList ul, .red #productList2 ul, .red #prodImages ul li {border:1px solid #f37042;}
.red#productList ul li a, .red #productList2 ul li a, .red #productDetail h2, .red #productDetail h3, .red #prodImages p.cta {color:#f37042;}

#sectionImage.about {background:url(../images/aboutHead.jpg) top no-repeat;}
.about #productList h2, .about #productList2 h2, .about #prodImages ul li span, .about td.tableHead {background:#9b0000;}
.about #productList ul, .about #productList2 ul, .about #prodImages ul li {border:1px solid #9b0000;}
.about#productList ul li a, .about #productList2 ul li a, .about #productDetail h2, .about #productDetail h3, .about #prodImages p.cta {color:#9b0000;}


#productWrap {
	width:900px;
	height:auto;
	float:left;
	position:relative;
	padding:20px 20px 20px 20px;
	border-top:1px solid #d79999;
	clear:both;
	}
	
	#productDetail {
		width:500px;
		height:auto;
		float:left;
		}
		#productDetail h2 {font-size:17px;}
		#productDetail h3 {font-size:14px;}	
		#productDetail ul {
			padding:10px 0 0 20px;
			font-size:11px;
			color:#333;
			}
			#productDetail ul li {
				padding-bottom:6px;
				}
			
	#prodImages {
		width:270px;
		height:auto;
		float:right;
		padding-top:10px;
		clear:right;
		}
		#prodImages ul {
			list-style:none;
			}
			#prodImages ul li {
				width:268px;
				height:auto;
				border:1px solid #9b0000;
				float:left;
				position:relative;
				}
				#prodImages ul li img {
					float:left;
					}
				#prodImages ul li span {
					width:268px;
					height:auto;
					float:left;
					text-align:center;
					color:#fff;
					background:#9b0000;
					padding:4px 0;
					}
		#prodImages p.cta {
			float:left;
			padding-top:10px;
			font-weight:bold;
			}

	#infoTable {
		width:100%;
		height:auto;
		float:left;
		padding-top:20px;
		}
		#infoTable table {
			width:600px;
			font-size:11px;
			text-align:center;
			padding:0;
			margin:0;
			border-left:1px solid #999;
			border-top:1px solid #999;
			}
		#infoTable h2 {
			width:100%;
			font-size:13px;
			color:#fff!important;
			padding:5px 0;
			}
			#infoTable h2.head1, #infoTable h2.head2, #infoTable h2.head3 {cursor:pointer;}
		#infoTable td {
			padding:3px 0 5px;
			border-right:1px solid #999;
			border-bottom:1px solid #999;
			}
		#infoTable .tableTitles td {
			font-weight:bold;
			width:100px;
			background:#eaeaea;
			color:#666;
			}
			#infoTable .on td {
				background:#eaeaea;
				}
			#infoTable td.divide {
				border-bottom:1px dashed #999;
				}
			#infoTable td.nodivide {
				border-bottom:none;
				}
				
		.newTable {
			width:100%!important;
			}
		.newTable .tableTitles td {
			font-weight:normal!important;
			padding:3px 5px!important;
			font-size:9px!important
			}
			.newTable .tableTitles td span {
				font-size:8px;
				}
			.newTable .tableTitles td sub {
				font-size:7px;
				}
				
		#key {margin:5px 0 0;}

/* OPERATING MARKETS
------------------------ */

.marketList {
	width:136px;
	height:auto;
	float:left;
	padding:5px;
	background:#e8d0d0;
	margin-right:4px;
	text-align:center;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	}
	.marketList h3 {
		font-size:12px;
		padding:3px 0 6px;
		width:100%;
		float:left;
		border-bottom:1px solid #9b0000;
		}
	.marketList ul {
		width:100%;
		list-style:none;
		float:left;
		padding-top:5px;
		}
		.marketList ul.products {
			height:50px;
			width:100%;
			}
		.marketList ul.products li {
			padding-bottom:3px;
			}
		.marketList ul.companies li {
			padding:10px 3px;
			color:#fff;
			background:#9b0000;
			margin-bottom:4px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			border-radius:8px;
			}
/* MAP */

#map {
	width:400px;
	height:250px;
	position:absolute;
	top:50px;
	right:-50px;
	border:1px solid #9b0000;
	}

#form {
	width:260px;
	height:250px;
	float:left;
	padding:50px 0 0 80px;
	}
	form p {
		width:100%;
		float:left;
		}
		form p label {
			width:70px;
			float:left;
			}
		form p input.text, form p textarea {
			width:180px;
			float:left;
			}
			form input.submit {
				background:#9b0000;
				color:#fff;
				border:none;
				float:right;
				margin-right:6px;
				cursor:pointer;
				}
				
#logos {
	width:100%;
	height:auto;
	position:absolute;
	text-align:right;
	bottom:10px;
	right:10px;
	}
	#logos a img {
		border:0;
		}


/*PMD*/
#ack {
	width:960px;
	height:auto;
	float:left;
	text-align:right
	}
	#ack p a {
		color:#333;
		}

/* Case Studies */

.study {
	float:left;
	width:93%;
	border:1px solid #9B0000;
	padding:3% 3% 5%;
	margin:0 0 10px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	border-top-left-radius:20px;
	position:relative;
	}
	.study h2 {
		color:#9b0000!important;
		padding:0 0 10px!important;
		border-bottom:1px solid #9b0000;
		margin:0 0 10px!important;
		}
	.study a {
		position:absolute;
		bottom:-1px;
		right:-1px;
		background:#9B0000;
		padding:0 20px;
		color:#fff;
		line-height:26px;
		-moz-border-radius-topleft:9px;
		-webkit-border-top-left-radius:9px;
		border-top-left-radius:9px;
		text-decoration:none;
		border:1px solid #9b0000;
		}
		.study a:hover {
			background:#fff!important;
			color:#9b0000;
			}

.pagination {
	float:left;
	list-style:none;
	width:100%;
	padding:0!important;
	}
	.pagination li {
		width:69%;
		text-align:center;
		float:left;
		padding:0!important;
		line-height:26px;
		}
		.pagination li.prev {
			width:15%;
			border:1px solid #9B0000;
			border-bottom-left-radius:10px;
			}
			.pagination li.prev a {border-bottom-left-radius:8px;}
		.pagination li.next {
			width:15%;
			border:1px solid #9B0000;
			border-bottom-right-radius:10px;
			}
			.pagination li.next a {border-bottom-right-radius:8px;}
			.pagination li a {
				width:100%;
				display:block;
				text-decoration:none;
				line-height:26px;
				background:#9B0000;
				color:#fff;
				}
				.pagination li a:hover {
					background:#fff;
					color:#9B0000;
					}
		.inactive {
			opacity:0.4;
			filter:alpha(opacity=40);
			}
			.inactive a:hover {
				background:#9b0000!important;
				color:#fff!important;
				cursor:default;
				}