/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, 
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#353535;	
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:center;
  line-height: 1.5; /* Unitless for proper inheritance */
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size).

	 percentage / 8.3333333 = font size in px
*/
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {color: #1434da; text-decoration:none;outline:none;}
a:hover {text-decoration:underline; background-repeat: no-repeat;}
a img {border:0;}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { margin: 0 0 1.5em 0; text-align:left; line-height: 1.5; color: #000; }
p.news-date { margin: 0; font-size: 80%; }
#right-cont p { font-size: 90%; }
#content p.subhead { margin: 0; float: left; font-size: 100%; color: #999; }
#subpage p.news-date-detail { font-size: 80%; }
#subpage p	{ font-size: 90%; }
#content-lower p { font-size: 90%; margin: 1em 0; color: #6d6e71; }
#conpro-caption p {
	font-size:160%;
	color:#1434da;
	font-weight:bold;
	padding:0 15px;
	margin-top:60px;
	}
#content .col li a {
	color:#6d6e71;
	}
#content .col li a:hover {
	color:#000;
	}
.col { color: #6d6e71; }
ul, ol      { margin: 0 0 1.5em 0; line-height: 1.3; color: #6d6e71; list-style: none; }
ul li				{ padding-left: 25px; background: url(/img/bullet.gif) no-repeat 2px 5px; padding-bottom: 0.5em; }
#subpage ul	{ color: #000; font-size: 90%; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

strong      { font-weight: bold; }
em        	{ font-style: italic; }

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  color:#111;
	}
h1, h2 { font-size: 1.25em; font-weight: normal; color: #656565; text-transform: uppercase; margin-bottom: 0.5em; }
#content-lower h2 { margin-top: 15px; }
#feature-text h2 { color: #fff; text-transform: none; padding: 5px 0 0 122px; margin: 0; }
h2.icon { float: left; }
#content h1 { color: #1434da; }
#content h2 { color: #797979; }
#sub-right-header h2 { color: #fff; padding: 15px 0 0 10px; }
.cart { width: 90px; height:57px; float: left; background:url(/img/cart-icon.gif) no-repeat; }
.where { width: 90px; height:57px; float: left; background:url(/img/where-icon.gif) no-repeat; }
h3 { font-size: 1em; color: #1434da; font-weight: bold; margin-bottom: 0.5em; }
h4 { font-size: 1em; line-height:1.25; font-weight:bold; margin-bottom: 0.5em; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
thead tr { background: #1434DA; color: #fff; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }
.std-form table, .std-form td { border: 0; vertical-align: top; }
table#guide-table {
	clear:left;
	width:614px;
	}
table#guide-table th {
	background:blue;
	color:#fff;
	}
table#guide-table td.anchor {
	background:#ddd;
	}
#guide-links {
	margin:0;
	list-style:none;
	}
#guide-links li {
	float:left;
	margin:0 4px 4px 0;
	width:2em;
	background:none;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:70%;
	}
#guide-links li a {
	display:block;
	width:inherit;
	}
#guide-links li a:link, #guide-links li a:visited, #guide-links li a:active {
	background:#ddd;
	color:black;
	}
#guide-links li a:hover {
	background:blue;
	color:#fff;
	}
#guide-links li a span {
	display:block;
	padding:2px 2px 4px 2px;
	}
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#header-outer {
	background: url(/img/header-bg.gif) repeat-x;
	}
#header {
	height: 127px;
	width: 950px;
	margin: 0 auto;
	position: relative;
	}
#feature-outer {
	background: url(/img/feature-bg.gif) repeat-x;
	position: relative;
	height: 228px;
	}
#feature {
	height: 189px;
	width: 950px;
	margin: 0 auto;
	}
#feature-text {
	height: 38px;
	width: 950px;
	margin: 0 auto;
	}
#content-outer {
	background: #fff url(/img/content-bg.gif) repeat-x;
	}
#content-lower-outer {
	background: #f2f2f2 url(/img/content-lower-bg.gif) repeat-x;
	}
#content, #content-lower {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	font-size: 120%;
	}
.col {
	margin: 15px 20px 10px 0;
	float: left;
	width:220px;
	}
.col.last {
	margin-right: 0;
	}
#content-lower .col.last h2 {
	margin-bottom: 1.5em;
	}
.col .padFix {
	width: 290px;
	}
.padFix-sub {
	padding: 20px 20px 20px 10px;
	}
#footer-outer {
	background: #353535 url(/img/footer-span.gif) repeat-x;
	}
#footer {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	}
#footer .left {
	float: left;
	padding: 20px 0;
	margin-left: 10px;
	}
#footer .right {
	float: right;
	padding: 20px 0;
	margin-right: 10px;
	}
#map-outer {
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	}
#map {
	width: 400px;
	height: 350px;
	}
div.slideshow {
	height: 208px;
}
.home-container{padding:22px 0;}
.padFix{min-height:1px;}
/*--------------------------------------------------------------
 Subpage styles 
-------------------------------------------------------------*/
#subpage {
	background: url(/img/subpage-bg.gif) repeat-y;
	padding-bottom: 25px;
	width: 100%;
	}
#left {
	width: 660px;
	float: left;
	}
#right {
	width: 290px;
	float: left;
	}
#left-cont {
	width: 500px;
	float: left;
	}
#right-cont {
	width: 420px;
	float: left;
	}
#left .padFix {
	padding: 20px 20px 20px 10px;
	}
#sub-right-header {
	background: #425dec url(/img/sub-right-header.gif) repeat-x;
	height: 45px;
	margin-bottom: 10px;
	}
/*--------------------------------------------------------------
 Subpage styles 
-------------------------------------------------------------*/
.content-col-1, .content-col-2 {
	float:left;
	width:315px;
	}
#sika {
	margin: 80px 0 0 55px;
}
/*

#right ul {
	margin: 0;
	padding: 0;
	}
#right ul li {
	background: 0;
	margin: 0;
	padding: 0;
	line-height: normal;
	border-bottom: 1px solid #f0f0f0;
	}
#right ul li a {
	display: block;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 110%;
	line-height: 1.5;	
	padding: 2px 15px;
	}
#right ul ul {
	margin-bottom: 0;
	}
#right ul ul li {
	border-bottom: 1px solid #e9e9e9;
	}
#right ul li li a {
	font-size: 100%;
	padding-left: 25px;
	}
#right ul li li li a {
	font-size: 100%;
	padding-left: 35px;
	}
#right ul li a:hover {
	background: #cacaca;
	}
#subpage #right ul li a.current {
	font-weight: bold;
	}
#subpage #right ul li ul li a.current {
	background: #314ee6;
	color: #fff;
	}
#subpage #right ul li ul li ul li a.current {
	background: #444;
	color: #fff;
	}

*/



/*---------------------------------
		Sub Nav styles
---------------------------------*/
ul#sub-nav {
	list-style:none;
	margin:0;
	padding:0;
}
#sub-nav li {
	margin:0;
	padding:0;
}
#sub-nav li a {
	display:block;
	height:26px;
	line-height:26px;
	padding-left:10px;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff #eeeeee #ededed #eeeeee;
	color:#4d4d4d;
	background:#f9f9f9;
	font-size:120%;
	}
#sub-nav li a:hover {
	background:#4d4d4d;
	border-color:#989898 #eeeeee #666666 #eeeeee;
	text-decoration:none;
	color:#fff
	}
#sub-nav li a.current {
	background:#0023D7 url(/img/sub-nav-down.gif) repeat-x bottom;
	color:#fff;
	font-weight:bold;
	}
#sub-nav li a.current:hover {
	border-color:#ffffff #eeeeee #ededed #eeeeee;
	}
#sub-nav li ul {
	padding:0;
	margin:0;
	list-style: none;
}
#sub-nav li ul li {

}
#sub-nav li ul li a {
	padding-left:12px;
	background:#f0f0f0 url(/img/sub-nav-dash.gif) no-repeat 14px 50%;
	color:#515151;
	border-width:1px;
	border-style:solid;
	border-color:#f6f6f6 #eeeeee #e4e4e4 #eeeeee;
	font-size:100%;
}
#sub-nav li ul li a:hover, #sub-nav li ul li a.current {
	color:#fff;
	background:#7e7e7e url(/img/sub-nav-dash.gif) no-repeat 14px 50%;
	border-color:#a1a1a1 #eeeeee #6d6d6d #eeeeee;
	font-weight:normal;
}
##sub-nav li ul li a.current {
	font-weight:bold;
}



#sub-nav li ul li a.current:hover {
	border-color:#a1a1a1 #eeeeee #6d6d6d #eeeeee;
	}

#sub-nav li ul ul li a {
	padding-left:24px;
	background:#f0f0f0 url(/img/sub-nav-dash.gif) no-repeat 14px 50%;
	color:#515151;
	border-width:1px;
	border-style:solid;
	border-color:#f6f6f6 #eeeeee #e4e4e4 #eeeeee;
	font-size:90%;
}

/*--------------------------------------------------------------
 Misc Link styles 
-------------------------------------------------------------*/
a.step {
	padding: 2px;
	border: 1px solid #ccc;
	display: block;
	float: left;
	margin: 0 10px 20px 0;
	}
a.step:hover {
	border: 1px solid #1434DA;
	}
a.step img {
	display: block;
	}
a.download-file {
	color: #666;
	font-weight: bold;
	display: block;
	background: url(/img/doc-icon.gif) no-repeat;
	height: 48px;
	padding: 6px 0 0 58px;
	line-height: normal;
	margin-top: 15px;
	}
a.download-file span {
	color: #ccc;
	display: block;
	font-weight: normal;
	font-size: 70%;
	}
a.download-file:hover {
	color: #0066FF;
	text-decoration: none;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header div {
	margin:0;
	position:absolute;
	top:25px; left:10px;
	}
#header div a {
	display:block;
	height:78px;
	}
#header p {
	float:right;
	width:300px;
	text-align:right;
	margin-top:20px;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	color: #727272;
	font-size: 90%;
	margin: 0 0 0.2em 0;
	}
#footer ul li {
	display: inline;
	padding: 0 10px;
	margin: 0;
	font-size: 90%;
	background: url(/img/footer-div.gif) no-repeat 100% 3px;
	}
#footer ul li.first {
	padding-left: 0;
	}
#footer ul li.last {
	background: 0;
	padding-right: 0;
	}
#footer ul li a {
	color: #E6E6E6;
	text-decoration: none;
	}
#footer ul li a:hover {
	text-decoration: underline;
	}
#sitescene {
	width: 38px;
	padding-top:13px;
	}
#sitescene a {
	display: block;
	height: 35px;
	background: url(/img/sitescene-logo.gif) no-repeat;
	}
#sitescene a:hover {
	background-position: 0 -35px;
	}
#sitescene a span {
	display: none;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 503px;
	height: 44px;
	position: absolute;
	right: 0;
	top:60px;
	}
#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#top-nav li a {
	display: block;
	height: 44px;
	}
#top-nav li a span {
	display: none;
	}
#top-nav li a:hover {
	background-position: 0 -44px;
	}
#top-nav li a.current {
	background-position: 0 -88px;
	}
#home a {
	width: 53px;
	background: url(/img/nav/home.gif) no-repeat;
	}
#products a {
	width: 84px;
	background: url(/img/nav/products.gif) no-repeat;
	}
#services a {
	width: 78px;
	background: url(/img/nav/services.gif) no-repeat;
	}
#advice a {
	width: 63px;
	background: url(/img/nav/advice.gif) no-repeat;
	}
#about a {
	width: 81px;
	background: url(/img/nav/about.gif) no-repeat;
	}
#news a {
	width: 51px;
	background: url(/img/nav/news.gif) no-repeat;
	}
#contact a {
	width: 93px;
	background: url(/img/nav/contact.gif) no-repeat;
	}
/*--------------------------------------------------------------
 Product styles 
-------------------------------------------------------------*/
.product {
	width: 315px;
	display: block;
	margin: 0 0 17px 0;
	float: left;
	}
.product img {
	border: 2px solid #ccc;
	display: block;
	}
.product span.title {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-right: 17px;
	}
a.product:hover img {
	border: 2px solid #1434DA;
	}
a.product:hover,
a.product:hover span.title {
	text-decoration: none;
	}
.det-right {
	width: 300px;
	margin: 0 0 20px 20px;
	float: right;
	}
.det-img, .det-img-small {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	}
a:hover .det-img, a:hover .det-img-small {
	border: 1px solid #1434DA;
	}
.det-img-small {
	margin-right: 6px;
	}
.det-img-small.last {
	margin-right: 0;
	}
a.add-to-cart {
	display: block;
	width: 147px;
	height: 24px;
	margin: 0 15px 0 0;
	background: url(/img/addtoenquirycart.gif) no-repeat;
	float: right;
	}
a.view-cart {
	display: block;
	width: 137px;
	height: 24px;
	margin-bottom: 15px;
	background: url(/img/view-enquiry-cart.gif) no-repeat;
	float: right;
	}
a.add-to-cart:hover, a.view-cart:hover {
	background-position: 0 -24px;
	}
a.add-to-cart span, a.view-cart span {
	display: none;
	}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid green;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
	font-size: 80%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

/*-----------------------------------------
	Form Styles
-----------------------------------------*/
form.std-form,  form.std-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 500px;
	}
fieldset p { margin: 0; }
form.std-form fieldset {
	padding-bottom: 20px;
	display: block;
	}
.std-form label {
	display: block;
	margin: 0;
	font-size: 110%;
	color: #4f4f4f;
	}
.std-form .input_text {
	width: 250px;
	padding: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccc;
	}
.std-form textarea.input_text {
	width: 350px;
	}
.ie_hover, ie_focus {
	background: #FDFDE2;
	}
.std-form .check { width: auto; }

/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
.video{float:left; margin:0 22px 22px 0;}

#footer .aus-made, #footer .aiw{margin-right:30px;}
#footer .aiw{padding-top:28px;}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active h1 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:23px;
	}
.sIFR-active h2 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:16px;
	}
.sIFR-active #conpro-caption p {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:24px;
	}
/*--------------------------------------------------------------
 Directors
--------------------------------------------------------------*/
#directors .col-1, #directors .col-2 {
	float:left;
	width:50%;
	text-align:center;
	}
#directors img {
	
	}
#directors p {
	text-align:center;
	font-weight:bold;
	}
/*--------------------------------------------------------------
 Project Sheets
--------------------------------------------------------------*/
ul.project-sheets {
	list-style:none;
	list-style-image:none;
	margin:0;
	border:1px solid #ccc;
	}
ul.project-sheets li {
	background:none;
	margin:0;
	padding:0;
	}
ul.project-sheets li a {
	display:block;
	width:298px;
	background:#f1f1f1;
	border-bottom:1px solid #ccc;
	}
ul.project-sheets li a.last {
	display:block;
	width:300px;
	background:#f1f1f1;
	border-bottom:0;
	}
ul.project-sheets li a:hover {
	background:#f7f7f7;
	}
ul.project-sheets li a span {
	display:block;
	padding:10px;
	}