/*

TITLE:			Isis-Ex Custom Styles
LAST UPDATED:	18th Aug 2009
AUTHOR:			Ed Fryer

*/

html {
	background:url(../images/html-bk.jpg) bottom center repeat-x #edeaea;
	overflow:scroll;
}

body {
	background:url(../images/main-bk.jpg) top center repeat-x #edeaea;	
}

a {
	font-weight:bold;
	color:#3d86d1;
}

h2 {
	font-weight:bold;
	font-size:18px;
}

h3 {
	font-weight:bold;
	font-size:15px;
}

h4 {
	font-weight:bold;
	font-size:12px;
}

.container {
	width:915px;
	margin:0 auto;
}

input {
	width:159px;
	height:29px;
	background:url(../images/input-bk.jpg) no-repeat;
	padding:5px 0 0 5px;
}

label {
	padding-top:5px;
	margin:0px;
	width:80px;
}

label.fixedwidth {
	padding-top:0px;
	margin:0px;
	height: 20px;
	width:150px;
}

/*------------------Home Page------------------*/

	.header {
		position:relative;
		width:915px;
		height:126px;
		background:url(../images/header-bk.jpg) no-repeat;
	}
	
		.logo {
			position:relative;
			left:-170px;
			width:493px;
			height:126px;
		}
		
		.enquireHolder {
			width:408px;
			position:absolute;
			z-index:99;
			top:0px;
			right:0px;
		}
		
			.enquireSlide {
				width:274px;
				height:200px;
				background:url(../images/enquire-slide.png) no-repeat bottom;
				margin-right:7px;	
				float:right;
				display:none;	
				overflow:hidden;		
			}
			
				.enquireSlide fieldset{
					padding:20px 0 0 15px;
				}
			
				.enquireSlide .button {
					width:164px;
					height:29px;
					margin-left:80px;
					background:url(../images/submit-but.jpg) no-repeat;	
				}
				
				.enquireSlide .button:hover {
					background:url(../images/submit-but-hover.jpg) no-repeat;	
				}
			
			.enquireBut {
				width:245px;
				height:43px;				
				background:url(../images/enquire-tab.png) no-repeat;
				cursor:pointer;
				position:absolute;
				right:0px;
				bottom:-43px;
			}
				
	.mainNav {
		height:34px;
		width:915px;
	}
		
		.mainNav ul li {
			float:left;	
			text-align:center;
			padding:10px;
			position:relative;
			z-index:10;	
		}
		
		.mainNav ul li.floatRight {
			position:relative;
			right:-18px;
			float:right;
			padding: 9px 10px 10px 10px;
			background:url(../images/contact-bk.jpg) no-repeat left;
			width:100px;
			height: 16px;
		}
		
			 .mainNav ul li a {
			 	color:#e0e0e0;
				font-weight:bold;
				font-size:14px;
				display: block;
			}
		
			.mainNav ul li a:hover {
				color:#fff;
			}
		
		.mainNav ul .active {
			background:url(../images/nav-active.jpg) repeat-x center;
		}
		
			.mainNav ul .active a {
				color:#515151;
			}
		
			.mainNav ul .active a:hover {
				color:#515151;
			}
			
		ul.subNav {
			background-color:#edeaea;
			position:absolute;
			top:34px;
			left:0px;
			width:135px;
			display:none;
		}
		
		.mainNav ul li:hover .subNav {
			display:block;
		}
				
			ul.subNav li {
				float:none;
				text-align:left;
				position:relative;
			}
			
			ul.subNav li:hover {
				background:url(../images/subnav-hover.jpg) no-repeat right;
			}	
				
				ul.subNav li a {
					font-size:12px;
					color:#000;
					font-weight:normal;
				}
				
				ul.subNav li a:hover {
					color:#000;
				}
				
				ul.subNav li ul {
					width:100px;
					position:absolute;
					top:0px;
					left:135px;
					background-color:#edeaea;
					display:none;
				}
				
				ul.subNav li:hover ul {
					display:block;
				}
				
		.featureArea {
			width:915px;
			height:238px;
			background:url(../images/feature-bk.jpg) repeat-x #bebebe;		
			float:left;	
		}
		
			.slider {
				width:888px;
				height:164px;
				background:url(../images/loader.gif) no-repeat center #fff;
				margin:0 auto;
				margin-top:20px;
				position:relative;
				overflow: hidden;
			}
			
			ol#controls {
				float:right;
				width:auto;
				height:22px;
				background-color:#939393;
				margin-right:13px;
			}
			
				ol#controls li {
					float:left;
					width:24px;
					height:27px;
					text-align:center;
					padding-top:2px;
				}
				
				ol#controls li.current {
					background:url(../images/current.png) no-repeat top center;
				}
			
					ol#controls li a {
						color:#4a4a4a;						
						font-size:17px;
					}
			
			.phoneNo {
				float:left;
				color:#fff;
				font-weight:bold;
				font-size:17px;
				padding:5px 0 0 12px;
			}
			
			.sliderNav {
				height:24px;
				width:auto;
				background-color:#939393;
				float:right;
				padding:2px 10px 2px 10px;
				color:#4a4a4a;
				font-weight:bold;
				font-size:17px;
				margin-right:14px;
				cursor:pointer;
			}
			
		.mainContentHolder {
			width:915px;
			font-size:12px;
			margin-top:10px;
			float:left;
			background:url(../images/main-content-holder-bk.jpg) repeat-y;
		}

			.mainContent {
				background-color:#fff;
				float:left;
				width:600px;
				overflow:hidden;
				padding-bottom:20px;
			}
			
				.mainContent h1 {
					height:19px;
					width:200px;
				}
				
				.mainContent h1+p {
					font-weight:bold;
				}
				
					.mainContent h1 .welcome {
						height:19px;
						width:200px;
						background:url(../images/welcome.jpg) no-repeat;
					}
					.misc h1 {
							font-size: 1.5em;
							font-weight:700;
							margin: 0px 0 10px 5px;
					}
					
		.sideBar {
			width:305px;
			float:left;
			margin-left:10px;
			background-color:#bebebe;	
		}
		
			.sideBar h1 {			
				height:19px;							
			}
			
				.sideBar h1 .oil {			
					height:19px;
					width:151px;
					background:url(../images/crude-oil-price.jpg) no-repeat;							
				}
				
			
				.sideBar h1 .news {			
					height:19px;
					width:113px;
					background:url(../images/newsfeed.jpg) no-repeat;							
				}

			.newsPod {
				width:282px;
				background-color:#fff;
				margin-bottom:10px;
			}
			
			.spacer {
				height:220px;
				position:relative;
			}
			
				.newsPod img {
					float:right;
					padding-bottom:10px;
				}
						
				.podTop {
					width:282px;
					height:8px;
					background:url(../images/news-pod-top.jpg) no-repeat;	
				}
				
				.podBot {
					width:282px;
					height:8px;
					background:url(../images/news-pod-bot.jpg) no-repeat;
					clear:both;	
				}
		
			.newsPod h2 {
				color:#a5a5a5;
				font-weight:bold;
				font-size:15px;
			}
			
			.scrollHolder {
				position:absolute;
				top:0px;
				left:0px;
				cursor:pointer;
			}
			
			.scroll h2 {
				text-transform:uppercase;
			}
			
			.scroll h2 + p {
				font-weight:bold; 
			}

			.oilPod p {
				width:125px;
				float:left;
			}
			
			.oilPlugin {
				width:200px;
				height:186px;
				background-color:#fff;
				border:1px solid #ccc;
				background:url(../images/loader.gif) center no-repeat;	
				margin:0 auto;
				margin-bottom:10px;			
			}	
			
.bottomContent {
	margin:10px 0 20px 0;
	width:100%;
	background:url(../images/bottom-content-bk.jpg) center top repeat-x #737373;
	float:left;			
}

	.footer {
		width:915px;
		height:27px;
		background:url(../images/footer-bk.jpg) repeat-x;
		margin-top:3px;
	}
	
		.footerLogo {
			float:left;
			position:relative;
			left:-60px;
		}
		
		.moreInfo {
			width:110px;
			height:24px;
			float:right;
			background:url(../images/more-info.jpg) no-repeat;
		}
		
			.moreInfo a {
				display:block;
				width:100%;
				height:100%;
			}
		
		.footer .active {
			background:url(../images/more-info-active.jpg) no-repeat;
		}
		
	.hiddenContent {
		display:none;
		overflow:hidden;
		width:915px;	
	}
		
	.moreInfoHolder {
		background-color:#8f8f8f;
		width:915px;
		height:100px;
		margin-top:40px;	
		float:left;
	}
	
		.moreInfoHolderTop {
			width:915px;
			height:9px;
			background:url(../images/more-info-pod-top.jpg) no-repeat;
			float:left;
		}
				
		.moreInfoHolderBot {
			width:915px;
			height:9px;
			background:url(../images/more-info-pod-bot.jpg) no-repeat;
			float:left;
		}		
				
	.subFooter {
		width:915px;
		height:39px;
		background:url(../images/sub-footer-bk.jpg) no-repeat;	
		margin:10px 0 0 0;	
		float:left;	
	}
	
		.subFooterPadder {
			padding:12px;
		}
	
			.subFooter ul li {
				float:left;
				margin-right:5px;
				color:#fff;
			}
			
				.subFooter ul li a {
					color:#fff;
					font-weight:normal;
				}

			.cleverClover a {
				color:#b1e26c;
				font-weight:normal;
				float:right;
			}		

/*------------------Product Page------------------*/	

.tabs {
	background:#edeaea;	
}

	.tabNav {
		width:100%;
		height:32px;
	}
		
		.tab {
			float:left;
		}
	
			.tab {
				float:left;
				display:block;
				width:106px;
				height:32px;
				text-align:center;
				line-height:27px;
				background:url(../images/tab-bk.jpg) no-repeat;	
				margin-right:5px;
				cursor:pointer;
				color:#000;
				font-weight:normal;
			}
					
			.selected {
				background:url(../images/tab-bk-on.jpg) no-repeat;	
				font-weight:bold;
			}
		
	.tabArea {
		background:#fff;
	}
	
		.tabContent {
			width:580px;		
			padding:30px 10px 30px 10px;
			display:none;
			float:left;
			overflow:hidden;
			background:#fff;
			min-height:374px;
		}
		
		.spec {
			width:895px;
		}
		
			.tabContent p {
				width:570px;
			}
	
			.tabContent h2 {
				font-weight:bold;
				font-size:18px;
			}
			
			.tabContent ul, .mainContent ul {
				list-style-type:disc;
				padding-left:30px;
				line-height:20px;
			}
			
			.tabContent table {
				width:895px;
				border:1px solid #9a9a9a;
			}
			
				.tabContent table td {
					text-align:center;
					padding:10px 5px 10px 5px;
			font-size: 11px;
				}
							
				.tabContent table thead {
					height:41px;
					padding:0;
					background:url(../images/thead-bk.jpg) repeat-x bottom;
					color:#fff;	
				}
							
					.tabContent table th {
						font-weight:bold;
						text-align:center;
						padding-top:10px;
						font-size:11px;
					}
				
				.tabContent tbody tr {
					background:#ebe19a;
				}
			
				.tabContent td {
					border-right:2px solid #fff;
				}

		.thumbHolder {
				width:600px;
		}
				
			.thumb {
				width:181px;
				height:136px;
				position:relative;
				float:left;
				margin:0 18px 10px 0;
			}
			
				.zoomer {
					width:32px;
					height:27px;
					position:absolute;
					top:0;
					right:0;
					background:url(../images/zoomer.png) no-repeat;
				}
		
.slider .prodInfo {
	position:absolute;
	top:0px;
	left:0px;
	color:#fff;
	padding:10px;
}

.slider .black {
	color:#383838;
}

	.slider .prodInfo h1 {
		font-weight:bold;
		font-size:25px;
	}

	.slider .prodInfo h2 {
		font-weight:bold;
		font-size:15px;
	}
	
	.slider .prodInfo ul {
		line-height:21px;
	}
	
		.slider .prodInfo span {
			font-weight:bold;
			padding-right:5px;
		}
		
.sideBar h1 .products {			
	height:19px;
	width:147px;
	background:url(../images/select-product.jpg) no-repeat;							
}

.relatedProduct h2 {
	color:#40403f;
}

.productList {
	list-style-type:none;
	margin-top:20px;
}

	.productList li {
		float:left;
		list-style-type:none;
		text-align:center;
		margin-right:20px;
	}	



/*------------------Our People------------------*/

.large {
	width:915px;
	background:#fff;
}

.mainContent h1 .ourPeople {
	width:200px;
	height:19px;
	background:url(../images/meet-team.jpg) no-repeat #fff;
	float:left;
}

.teamMember {
	width:440px;
	background:#edeaea;
	float:left;
	color:#515151;
	margin:10px 12px 0 0;
}

.end {
	margin-right:0px;
}

	.teamMember h2 {
		font-weight:bold;
		font-size:18px;
	}

	.teamMember h3 {
		font-weight:bold;
		font-size:15px;
	}

	.teamMember img {
		border:1px solid #ccc;
		float:left;
	}

	.teamMember p {
		float:left;
		width:265px;
	}
	
/*------------------Contact------------------*/

.mainContent h1 .contact {
	width:200px;
	height:19px;
	background:url(../images/contact-title.jpg) no-repeat #fff;
	float:left;
}

.mainContent fieldset {
	padding-top:20px;
}

	.mainContent textArea, .mainContent select {
		width:164px;
		float:left;
		margin-bottom:10px;
	}
	
	.mainContent .button {
		width:164px;
		height:29px;
		margin-left:80px;
		background:url(../images/submit-but.jpg) no-repeat;
		float:left;
	}
	
#map_canvas {
	margin-top:25px;
	height:260px;
	width:278px;
}
	
#directions {
	width:278px;
}

.column {
	width:278px;
	float:left;
}	

.moody {
	width:100%;
	height:58px;
	float:left;
	margin:80px 0 0 10px;
}	

.small {
	font-size:10px;
	color:#282828;
}

.mainContentDownloads {
	width:300px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}

	.mainContentDownloads img {
		margin:0 auto;
		width:200px;
	}

.imgBox {
	padding: 2px;
	margin: 0px 10px;
	border: 1px solid #CCC;
}