* { margin:0;padding:0; }
html{margin:0;padding:0; height:100%;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#2F2F2F; background-image:url(../images/background4.gif); background-repeat:repeat; background-color:#FFF; margin:0; padding:0; height:100%;}
th {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
h1 {font-size:1.5em; font-variant:small-caps; font-weight:normal; margin-bottom:5px;}
h2 {font-size:1.3em; font-variant:small-caps; font-weight:normal; margin-bottom:10px;}
h3 {font-size:1.1em; font-weight:normal;  margin-bottom:10px;}
h4 {font-size:1em; font-weight:normal;  margin-bottom:10px;}
p {font-size:0.8em; margin:0;}
a {color:#006699;}
a:hover {color:#CC0000; text-decoration:none;}	
img {border:0; margin:0; padding:0;}
html>#background {width:929px;}

#container {margin:auto; padding:10px 0px; width: 980px; background:url(../images/page_back.png) bottom repeat-y;}
#header	{/*background-image:url(../images/head2.jpg); background-position:top; background-repeat:no-repeat;*/ color: #333; border: 1px solid #14214E; width:940px; margin:10px 20px 0 20px; padding: 0; text-align:center; height:150px;}
#header a img{margin:0; padding:0; border:0; top:0;}
#menu {width:940px; margin:4px 20px; padding:0; background:#506D8F; z-index:1; border:1px solid #14214E; height:30px;}

/* Start of nav */
	#nav{clear: left;}
	
	/* all lists */
	#nav, #nav ul{padding: 0; margin: 0; list-style: none; line-height: 1;}
	#nav ul li a{display: block; padding-left:1em; padding-right:1em; padding-top: 0.1em; padding-bottom: 0.15em; margin-top: 0.1em; color:#FFF;}
	
	/* all list items */
	#nav li{float: left; width:188px;}
	#nav ul li{width:188px;/* 10em; /* width needed or else Opera goes nuts */}
	#nav li .menuheader{display: block; padding-top: 0.4em; padding-bottom: 0.4em; padding-left:1em; padding-right:1em; height: 17px; text-align: center; font-weight:normal;}
	
	/* second-level lists */
	#nav li ul{ position: absolute; width:188px; left: -999em; padding-top: 0.5em; padding-bottom: 0.7em; margin-left:1px; font-size:0.85em; font-weight: normal;}
	
	/* third-level lists */
	#nav li ul ul {margin: -18px 0 0 188px; border: 1px solid #14214E; padding:1px 0; font-size:0.9em;}
	
	/* lists nested under hovered list items */
	#nav li:hover ul, #nav li.sfhover ul{left: auto; display: block;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; display:block;}
	
	#nav a {color:#FFF;}
	#nav a:visited{color: #FFF;}	
	#nav li:hover a, #nav a:hover{color:#FFF;}
	#nav li .menuheader{color: #FFF;}		
	#nav ul li{background: none;}	
	#nav ul li:hover{background: none;}
	#nav a{text-decoration: none;}
	#nav ul li a{display: block; border: solid 1px transparent;}	
	* html #nav ul li a{border: none;}	
	#nav ul a:link{color: #FFF;}	
	#nav ul a:visited{color: #FFF;}
	#nav ul{background:#506D8F; border: solid 1px #14214E;}
	#nav ul a:hover, #nav ul a:active{background: url(../images/menu-item-background1.jpg) repeat-x #14214E; border: solid 1px #14214E; color: #FFF;}
		
/* End of nav*/

#pagetitle {clear:left; width:940px; margin:0 20px; padding:5px 10px; text-align:left;}
#pagetitle h1{padding:0; margin:0; margin-top:5px; font-size:0.9em;}
#flashban {padding:0; z-index:3; width:940px; margin-left:20px; background-color:#14214E; border:1px solid #14214E;}

#maincontent {clear:left; text-align:left; padding:5px 22px; margin:0; width:940px; }
#maincontent h1 {padding:5px 10px;}
#maincontent h2 {padding:5px 10px;}
#maincontent h3 {padding:5px 10px;}
#maincontent h4 {padding:5px 10px;}
#maincontent ul {margin:0 0 15px 0; font-size:0.8em; list-style-type:circle;}
#maincontent ul li {margin-left:30px;}
#maincontent p {padding:5px 10px;}
#designprofile ul {font-size:0.8em;}
#manufprofile ul {font-size:0.8em;}
#engineprofile ul {font-size:0.8em;}

.firstpara {font-size:12pt; color:#102C4E; line-height:130%;}

#leftside{width:630px; float:left; padding-bottom:10px;}
#rightside {float:right; width:280px; background: url(../images/rightside_bg.jpg) repeat-x; border:1px solid #14214E; margin:10px 0 10px 15px; padding:0; text-align:center; color:#fff;}
#rightside h4 {margin:0; background: url(../images/menu-item-background1.jpg) repeat-x #14214E; margin-bottom:5px;}
#rightside img {border:1px solid #CCC;}
#rightside .picture {margin:2px 0 5px 1px; padding:5px 0;}

#bannerimg{margin:5px auto; text-align:center;}

#searchbox {width:280px; float:right; background: url(../images/menu-background.jpg) repeat-x #355274; border:1px solid #14214E; margin:10px 0 10px 15px; padding:0; text-align:center; color:white;}
#searchbox h4 {margin:0; background: url(../images/menu-item-background1.jpg) repeat-x #14214E; margin-bottom:5px;}
#searchbox form {padding:2px; padding-right:0px; position:relative; height:40px;}
#searchbox label {display:none;}

#extract{width:280px; float:right; background: url(../images/menu-background.jpg) repeat-x #355274; border:1px solid #14214E; margin:10px 0 10px 12px; padding:0; text-align:center; color:white;}
#extract h4{margin:0; background: url(../images/menu-item-background1.jpg) repeat-x #14214E;}
/*#extract p{}*/
#extract p a{color:white;}

#base {margin:0 20px 10px 20px; width:940px; height:85px; background:#506D8F/*url(../images/menu-background.jpg) repeat-x*/; border:#14214E 1px solid; clear:left;}
#bleft {text-align:left; float:left; width: 330px; font-size:0.8em; padding:6px 10px;}
#bleft p {margin:0;	padding:0px 0px 5px 0px; color:#FFF;}
#bleft strong {font-size:1em;}
#bright {float:right; width: 330px; font-size:0.8em; text-align:right; padding:6px 10px;}
#bright p {color:#FFF; margin:0; padding:0px 0px 5px 0px; vertical-align:top;}
#base a {color:#FFF; font-weight:bold;}
#base a:hover {text-decoration:none;}

#homepanels {background:url(../images/homepanelsBG.gif) repeat-x; padding:10px 0 50px 10px;}
#pan01 {background:url(../images/tabDesign.jpg) no-repeat;}
#pan02 {background:url(../images/tabMould.jpg) no-repeat;}
#pan03 {background:url(../images/tabEngine.jpg) no-repeat;}
#pan01:HOVER, #pan02:HOVER, #pan03:HOVER {background-position:0 -57px;}

#contactpanels {padding:10px 0 50px 10px;}
#contactpanels h1{padding:5px;}
#contactpanels p{padding:5px;}
#enquiryfrm {float:left; width:50%;	margin:10px 0 0 60px; text-align:left;}
#enquiryfrm legend{background: #9D8A48; border: #595959 solid 1px; padding: 1px 10px; font-size:0.9em; color:#000000;}
#enquiryfrm label{width:14em; float: left; text-align: right; margin: 0 1em 10px 5px; font-size:0.8em; padding-left:2px; clear: both;}
#enquiryfrm fieldset{padding-top:5px; margin-bottom:10px;}

#enquiryfrm input {margin-bottom:3px;}
#enquiryfrm textarea{margin-bottom:3px;}
#enquiryfrm select{margin-bottom:3px;}

#colorList {margin:10px auto; border:1px solid #426893; color:#333; width:300px;}
#colorList p {font-weight:bold; border-bottom:1px solid #426893; padding:3px; text-align:center; background:url(../images/background.gif) repeat #EEE;}
#colorList ul {font-size:0.8em; padding:0; margin:5px 0;  text-align:center;}
#colorList li {list-style:none; margin:0; padding:2px;}

#mouldtable{margin:10px auto; border:1px solid #426893; border-right:0; color:#333;}
#mouldtable th{border:solid #426893; border-width:0 1px 1px 0; padding:3px; text-align:center; background:url(../images/background.gif) repeat #EEE;}
#mouldtable td{text-align:center; border-right:1px solid #426893; padding:2px;}

.panel {width:241px; float:left; margin:0 1px 0 0;}
.panelEnd {background: url(../images/greyshadow.gif) repeat-x; padding:5px;}
.panelTab {display:block; text-indent: -9000px; width:241px; height:57px; text-decoration:none; border-bottom:1px solid #fff;}
.panelPic {display:block; border:2px solid #DCDEDF; margin:0 0 1px 0;}
.panelPic img {border:2px solid #FFF;}
.panelPic:HOVER {border:2px solid #DCDEDF;}
.addresspnl {float:left; width:33%; margin:0 1px 0 0; text-align:left; padding-left:10px;}
.aeroimages {margin: 20px 10%; padding:5px; text-align:center; vertical-align:middle; border:1px solid #426893;}
.alignc {text-align:center;}
.alignl {text-align:left;}
.alignr {text-align:right;}
.wideleftcolumn {float:left; width:400px; padding: 0 0 20px 0;}
.wideleftcolumn h4 {padding-left:15px;}
.narrowrightcolumn {text-align:center; float:right;	/*width:200px;*/ padding: 5px;}
.clear { clear:both;}