﻿* {
	margin:0px;
	padding:0px;
}
body {
	margin:0 auto 0 auto;
	padding:0px;
	background:#efefef;
}
.clear {
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*-------------------------Header-------------------------*/
#header {
	margin:0 auto 0 auto;
	width:800px;
	background:#fff url('images/bg.gif') repeat-y;
}
#header h1 {
	margin:0 20px 1px 20px;
	padding:0 10px 0 10px;
	height:28px;
	background:#505050;
	font:normal normal normal 16px/28px Arial;
	color:#fff;
}
#header p.footer {
	width:800px;
	height:14px;
	background:#fff url('images/footer.gif') no-repeat;
}
#header p.logo {
	padding:20px 0 10px 40px;
	height:40px;
	float:left;
}
#header p.contact {
	padding:20px 40px 10px 0;
	height:40px;
	float:right;
	font:normal normal normal 11px Arial;
	color:#505050;
	text-align:right;
}
/*-------------------------Navigation-------------------------*/
#navigation {
	margin: 0 auto 0 auto;
	background:#f26100 url('images/navbg.gif') repeat-x;
	width: 760px;
	height: 28px;
}
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	width:760px;
}
#navigation ul li {
	float: left;
}
#navigation ul a {
	font: normal normal bold 11px/28px Arial;
	color: #ffffff;
	display: block;
	padding: 0 10px 0 10px;
	text-decoration: none;
}
#navigation ul a:hover{
	background:#fff url('images/navbghover.gif') repeat-x;
	color:#505050;
}
#navigation ul .currentpage a {
	background:#fff url('images/navbghover.gif') repeat-x;
	color:#505050;
}
/*-------------------------Font Spans-------------------------*/
.bold {
	font-weight:bold;
}
.miniheading {
	font: normal normal bold 12px/36px Arial;
	color:#505050;
}
/*-------------------------Wrapper-------------------------*/
#wrapper {
	margin:5px auto 0 auto;
	width:800px;
	background:#fff url('images/bg.gif') repeat-y;
}
#wrapper p.header {
	width:800px;
	height:14px;
	background:#fff url('images/header.gif') no-repeat;
}
#wrapper p.footer {
	padding:0 0 40px 0;
	width:800px;
	height:14px;
	background:#efefef url('images/footer.gif') no-repeat;
}
/*-------------------------Content-------------------------*/
#content {
	margin:10px 40px 10px 40px;
	width:720px;
}
/*-------------------------Wrapper-------------------------*/
#subwrapper {
	width:200px;
	float:left;
}
/*-------------------------Sub Navigation-------------------------*/
#subnavigation {
	background:#ffffff;
	width: 200px;
	float:left;
}
#subnavigation h2 {
	padding: 0 10px 0 10px;
	font: normal normal normal 14px/40px Arial;
	color:#505050;
	background:#efefef;
	width: 178px;
	height:40px;
	border:1px #dedede solid;
}
#subnavigation ul {
	margin:0;
	padding:0;
	list-style:none;
	width:200px;
}
#subnavigation ul li {
	margin:0;
	padding:0;
	border-right:1px #dedede solid;
	border-bottom:1px #dedede solid;
	border-left:1px #dedede solid;
}
#subnavigation ul a {
	padding: 0 10px 0 10px;
	height:30px;
	font: normal normal bold 11px/30px Arial;
	color: #505050;
	display: block;
	text-decoration: none;
}
#subnavigation ul a:hover {
	background:#fff;
	color:#f26100;
}
#subnavigation ul .currentpage a {
	background:#fff;
	color:#f26100;
}
/*-------------------------Related Websites-------------------------*/
#relatedwebsites {
	margin:20px 0 0 0;
	background:#ffffff;
	width: 200px;
	float:left;
}
#relatedwebsites h4 {
	padding: 0 10px 0 10px;
	font: normal normal normal 14px/40px Arial;
	color:#505050;
	background:#efefef;
	width: 178px;
	height:40px;
	border:1px #dedede solid;
}
#relatedwebsites p {
	margin:0;
	padding:0 10px 10px 10px; 
	border-right:1px #dedede solid;
	border-bottom:1px #dedede solid;
	border-left:1px #dedede solid;
	font: normal normal normal 10px Arial;
	color: #505050;
}
#relatedwebsites a {
	color:#505050;
	text-decoration:none;
}
#relatedwebsites a:hover {
	color:#f26100;
	text-decoration:underline;
}
/*-------------------------Main Content-------------------------*/
#maincontent {
	width:500px;
	float:right;
	font: normal normal normal 12px/18px Arial;
	color:#505050;
}
#maincontent h3 {
	font: normal normal bold 12px/42px Arial;
	color:#f26100;
	height:42px;
}
#maincontent p {
	margin:0 0 20px 0;
}
#maincontent a {
	font: normal normal normal 12px/18px Arial;
	color:#505050;
	text-decoration:none;
}
#maincontent a:hover {
	font: normal normal normal 12px/18px Arial;
	color:#f26100;
	text-decoration:underline;
}
/*-------------------------Product Box-------------------------*/
#productbox {
	margin:0 0 20px 0; 
	border:1px #dedede solid; 
}
#productboximg {
	float:left; 
	width:130px;
}
#productboxcontent {
	float:right; 
	width:350px;
}
#infoleft { 
	float:left;
	width:170px;
}
#infoleft2 { 
	float:left;
	width:170px;
}
#inforight { 
	float:right;
}

/* always visible */
#outer .holder {
	padding:10px; 
	margin:0 0 10px 0;
}
#outer .holder h2 {
	color:#505050; 
	font: normal normal normal 14px Arial;
}
#outer .holder h2 a {
	color:#505050; 
	font: normal normal normal 14px Arial; 
	text-decoration:none;
}
#outer .holder h2 a:hover {
	color:#f26100; 
	font: normal normal normal 14px Arial; 
	text-decoration:underline;
}
#outer .holder p {
	padding:5px 0 0 0; 
	margin:0;
}
#outer .holder img {
	float:right;
}

/* unclicked style div.more */
#outer div.more i {
	margin:0 0 10px 0; 
	cursor:pointer; 
	color:#f26100; 
	font: normal normal bold 11px Arial;
}
#outer div.more i.hide {
	display:none;
}
#outer div.more p {
	display:none;
}

/* clicked style div.click */
#outer div.click i.show {
	display:none;
}
#outer div.click i.hide {
	display:block;
}
#outer div.click p {
	display:block; 
	padding:0 0 10px 0;
}
/*-------------------------Contact-------------------------*/
#contacttable {
	padding:0;
	height:40px;
	border-right:1px #dedede solid;
	border-bottom:1px #dedede solid;
	border-left:1px #dedede solid;
	font: normal normal normal 11px/40px Arial;
	color:#505050;	
}
td {
	padding:0 10px;
	border-top:1px #dedede solid;
}
.trgrey {
	background:#efefef;
}
input {
	border:1px #dedede solid;
	padding:4px;
	font: normal normal normal 11px Arial;
	color:#505050;	
	width:200px;
}
textarea {
	margin:10px 0;
	border:1px #dedede solid;
	padding:4px;
	font: normal normal normal 11px Arial;
	color:#505050;		
	width:200px;
	height:80px;	
}
.checkbox {
	border:1px #dedede solid;
	padding:4px;
	font: normal normal bold 11px Arial;
	color:#505050;	
	width:20px;
	height:20px;
	background:#ffffff;
}
.submit {
	margin:10px 0;
	border:1px #dedede solid;
	padding:4px;
	font: normal normal bold 11px Arial;
	color:#505050;	
	width:120px;
	background:#ffffff;
}
.enquiryextra {
	margin:0 0 10px 0;
	font: normal normal normal 10px Arial;
	color:#505050;	
}
.nodisplay {
	display:none;
	visibility:hidden;
}
.afterimg {
	margin-top:30px;
	text-align:center;
}
/*-------------------------Homepage Boxes-------------------------*/
#miniboxleft {
	margin:0 20px 10px 0;
	padding:10px;
	width:218px;
	height:58px;
	float:left;
	font: normal normal bold 11px Arial;
	color:#f26100;
	border:1px #dedede solid;
}
#miniboxleftimg {
	padding:0 10px 0 0;
	float:left;
}
#miniboxlefttext {
	font: normal normal bold 11px/58px Arial;
	color:#f26100;
	float:left;
}
#miniboxlefttext a {
	font: normal normal bold 11px/58px Arial;
	color:#f26100;
	text-decoration:none;
}
#miniboxlefttext a:hover {
	font: normal normal bold 11px/58px Arial;
	text-decoration:underline;
}
#miniboxright {
	margin:0 0 10px 0;
	padding:10px;
	width:218px;
	height:58px;
	float:left;
	font: normal normal bold 11px Arial;
	color:#f26100;
	border:1px #dedede solid;
}
#miniboxrightimg {
	padding:0 10px 0 0;
	float:left;
}
#miniboxrighttext {
	font: normal normal bold 11px/58px Arial;
	color:#f26100;
	float:left;
}
#miniboxrighttext a {
	font: normal normal bold 11px/58px Arial;
	color:#f26100;
	text-decoration:none;
}
#miniboxrighttext a:hover {
	font: normal normal bold 11px/58px Arial;
	text-decoration:underline;
}
/*-------------------------Footer Text-------------------------*/
#footertext {
	font: normal normal normal 11px/24px Arial;
	text-align:center;
}
#footertext p {
	height:24px;
}
#footertext a {
	font: normal normal bold 11px/24px Arial;
	color:#000000;
	text-decoration:underline;
}
#footertext a:hover {
	color:#000000;
	text-decoration:underline;
}







































