@charset "utf-8";
/* CSS Document */
html {
	min-height: 100%;
	height: auto;
}
body{
	background:url(../images/oilfield-bg.jpg) no-repeat right bottom fixed #333F3E;
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS", Tahoma, "MS Sans Serif";
	font-size:12px;
	line-height:20px;
	color:#CFD8D8;
}
a{
	color:#FF8000;
}
a img{
	border:0;
}
.introHead{
	width:800px;
	margin:auto;
	margin-top:40px;
}
.introHead h2{
	font-size:26px;
	font-weight:normal;
	margin:0;
	text-align:center;
	color:#E20E15;
}
#red-corner{
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/red-corner.jpg) no-repeat;
	z-index:3;
}
#red-corner2{
	width:300px;
	height:80px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/dunlop-logo2.jpg) no-repeat;
	z-index:6;
}

#wraper{
	min-height:100%;
	width:100%;
	z-index:9999;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.introButtonContainer{
	width:105px;
	margin:auto;
	text-align:center;
	padding-top:30px;
}
.introButtonContainer .btnEnter{
  cursor:pointer;
  height:24px;     
  overflow:hidden; 
  width:103px;  
  display:block;
  text-align:center;
}
.introButtonContainer .btnEnter:hover img{
  margin-top:-24px;
}
.btnSend{
  cursor:pointer;
  height:22px;     
  overflow:hidden; 
  width:83px;  
  display:block;
  margin-left:190px;
}
.btnSend:hover input{
  margin-top:-21px;
}

#logo h1{
  		margin: 0;
  		padding: 0;
		}		
		
#logo h1 a {
  		padding-top: 50px;
  		height: 0px;
  		width: 315px;
  		background: url('../images/dunlop-logo.jpg') no-repeat;
  		float: left;
  		overflow: hidden;
		border:0px none;
		text-decoration:none;
		font-size:0px; 
		position:absolute;
		top:-50px;
		right:50px;
		z-index:2;
		}
#meggitt-logo h1{
	margin:0;
}
#flashIntro{
	width:800px;
	margin:auto;

}
#flashBanner2{
	position:absolute;
	top:-130px;
	left:-20px;
	z-index:1;
	background:#333F3E;

}

#meggitt-logo h1 a {
  		padding-top: 75px;
  		height: 0px;
  		width: 175px;
  		background: url('../images/meggitt-logo.gif') no-repeat;
  		float: left;
  		overflow: hidden;
		border:0px none;
		text-decoration:none;
		font-size:0px; 
		position:absolute;
		bottom:5px;
		right:5px;
		z-index:3;
		}
#bannerNav{
	height:24px;
	padding:4px;
	padding-left:120px;
	right:-100px;
	width:800px;
	position:relative;
	z-index:5;
}

#bannerNav span{
	display:inline-block;
	width:120px;
	background:url(../images/banner-nav-button.jpg) no-repeat bottom;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	text-decoration:none;
	color:#333;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	margin-bottom:0;
}
#bannerNav span.active{
background:url(../images/banner-nav-button-over.jpg) no-repeat bottom;
color:#fff;
cursor:default;
}

#banner{
	height:150px;
	background:url(../images/banner-bg.jpg) no-repeat;
	width:950px;
	padding:5px;
	right:-100px;
	position:relative;
}
#banner2{
	height:150px;
	background:url(../images/banner-bg2.jpg) no-repeat;
	width:950px;
	padding:5px;
	position:relative;
	margin-top:10px;
	z-index:3;
	right:-100px;

}
#banner2 img{
	position:absolute;
	right:150px;
	top:10px;
}
#container{
	width:960px;
	margin-top:90px;
	width:960px;
	margin-top:80px;
	margin-left:20px;
	border:0px solid #fff;
	
}

#container2{
	width:960px;
	margin-top:130px;
	margin-left:20px;
	border:0px solid #fff;
	position:relative;
}

#navbar{
	position:absolute;
	top:0;
	right:0;
	width:680px;
	height:40px;
	background:url(../images/nav-bg.jpg) no-repeat;
	padding-top:10px;
	padding-left:15px;
	z-index:999;
}
h2{
	color:#E20E15;
	font-size:28px;
	font-weight:normal;
	margin:0;
	margin-left:20px;
}
h4{
	color:#fff;
	font-size:18px;
	margin-top:7px;
	margin-bottom:3px;
	font-weight:normal;
}
.noShow{
	display:none;
}

#innerFooter{
	position:absolute;
	bottom:0px;
	left:10px;
	z-index:10;
	color:#ccc;
	font-size:11px;
	background:url(../images/footer-bg.jpg) no-repeat;
	display:block;
	margin:0;
	padding:5px;
	width:640px;
	padding-left:75px;

}
#innerFooter p a{
	text-decoration:none;
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
}
#innerFooter p{
	margin:0;
}
.lat{
	font-size:11px;
	color:#FFFF00;
}
.lat a{
	color:#FFFF00;
	text-decoration:underline;
}
.lat a:hover{
	text-decoration:none;
}
.brClear{
	clear:both;
	height:0px;
}
#contents{
	margin-top:10px;
	padding-bottom:30px;
}
#contentsLeft{
	width:650px;
	float:left;
	border-right:1px dotted #999;
	padding-right:10px;
}
#contentsLeft p{
	margin-bottom:8px;
	margin-top:8px;
	line-height:18px;
}
#contentsRight{
	margin-left:670px;
	width:260px;
	padding-left:15px;
}
h3{
color:#E7CA4F;
	font-size:17px;
	font-weight:normal;
}
a.newsHeading{
	display:block;
	background:url(../images/newsHeading-Bg.png) no-repeat;
	padding-left:40px;
	width:360px;
	height:90px;
	padding-top:10px;
	line-height:24px;
	font-size:16px;
	text-decoration:none;
	color:#957D2F;
	font-weight:bold;
	margin-bottom:10px;
}
a.newsHeading:hover{
	background:url(../images/newsHeading-Bg-over.png) no-repeat;
	color:#415E2F;
}
#contentsRight h3{
	color:#E7CA4F;
	font-size:17px;
	font-weight:normal;
}
.news a{
	color:#E10E17;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
.news a:hover{
	text-decoration:none;
}
.news p{
	margin:3px;
	margin-left:0;
}

.btnPDF{
  cursor:pointer;
  height:36px;     
  overflow:hidden; 
  width:130px;  
  display:block;
}
.btnPDF:hover img{
  margin-top:-35px;
}
.quoteMark{
	width:16px;
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
}
form{
	margin:0;
}
form p{
	margin:0;
	display:inline;
}
form label{
	width:70px;
	display:inline-block;
	font-weight:bold;
}
form .lbr{
	height:1px;
	display:block;
	margin-bottom:5px;
}
.txtField{
	background:#425150;
	padding:2px;
	font-family:"Trebuchet MS", Tahoma, "MS Sans Serif";
	font-size:12px;
	color:#CCC;
	border:1px solid #626D5F;
}
.sList{
	background:#425150;
	padding:2px;
	font-family:"Trebuchet MS", Tahoma, "MS Sans Serif";
	font-size:12px;
	color:#CCC;
	border:1px solid #626D5F;
	width:192px;
}
/* Menu Style Starts */



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:pointer;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 17px 5px 3px;
		margin:0px 5px 0px 0px;
		color:#fff;
		font-size:12px;
		font-family:"Trebuchet MS", Tahoma, "MS Sans Serif";
		text-decoration:none;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#666666;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#fff;
		border-color:#FF0000;
		
		
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#fff;
		border-color:#FF0000;
		
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		background-repeat:no-repeat;
		background-position:95% 50%;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#000000;
		text-decoration:none;
		border-color:#FF0000;
		
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:1px;
		background-color:#EEEEEE;
		border-width:0px;
		border-style:solid;
		border-color:#FF0000;

	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px;
		padding-left:4px;
		background-color:transparent;
		color:#000000;
		font-size:11px;
		font-weight:normal;
		border-width:0px;
		border-style:none;
		border-color:#000000;
		
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#E10E15;
		text-decoration:none;
		
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#E10E15;
		text-decoration:none;
		width:auto;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		/*background-image:url(arrow_0.gif);*/
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#666666;
		/*background-image:url(qmimages/arrow_1.gif);*/
		color:#FFFFFF;
		
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#fff;
		font-size:11px;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		width:auto;
	}
ul#qm0 ul li{
	background:url(../images/b_generic.gif) no-repeat left;
	padding-left:8px;
	margin-left:2px;
	}

	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		/*background-image:url(qmimages/arrow_1.gif);*/
		
	}


/* Slide Style */

/* Sample 4*/
#box4{
	position:absolute;
	z-index:8;
}
#box4 div{
	float:left;
	width:930px;
	padding:10px;
	z-index:9;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 img{
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}
/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask3{
	position:relative;
   min-height:150px;
	overflow:hidden;

}
.mask4{
	position:relative;
   height:450px;
	overflow:hidden;

}

span img{
	display:block;
	border:none;
}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}