BODY, TH, TR, TD, P, UL, OL, LI, DL, DT, DD, MENU, DIR, BLOCKQUOTE, TT, H1, H2, H3, H4, H5, H6, SPAN{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

BODY {
	margin:0px;
	padding:0px;
	font-size: 0.7em;
	line-height:1.4em;
	color:#000;
	background-color:#FFF;
}
IMG {
	border:0px;
}

FORM {
	border:0px;
	margin:0px;
}

A {
	color: #e13a3e; /*#9cd31e*/
	background-color: #fff;
}

A.redArrow {
	background-image:url('../images/misc/red_arrow.gif');
	background-repeat:no-repeat;
	background-position: right center;
	padding-right:15px;
	text-decoration:none;
	color:#e13a3e;
	background-color:transparent;
}

A.redArrow:hover {
	text-decoration:underline;
}

H1 {
	font-size:1.4em;
	color:#a5a5a5;
	margin-bottom:0.5em;
}

H2 {
	font-size:1.2em;
	font-weight: bold;
	color: #e13a3e;	
	margin-bottom:0.7em;
	padding:0;
}

H3 {
	font-size:1.1em;
	color: #e13a3e;
	margin-bottom:0.5em;
}

H4 
{
	font-size:1em;
	font-weight: bold;
}

P {
	margin-top:0.5em;
}
/******* classes - general *******/
.fr {float:right;}
.fl {float:left;}
.fn {float:none;}
.br {clear:both;}
.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}
.vat {vertical-align:top}
.vam {vertical-align:middle}
.vab {vertical-align:bottom}
.hdn {display:none}
.block {display:block;}
.bold{font-weight:bold;}
.di{display:inline;}
.upper{text-transform:uppercase;}
.clear {clear:both;line-height:1px;height:1px;font-size:1px;margin:0;padding:0;}
.p0{padding:0;}
.m0{margin:0;}
.b0{border:none;}
.ml10{margin-left:10px;}
/* --- Layout -- */
div#logo {
	position:absolute;
	top:15px;
	left:66px;
	z-index:5;
}

div#headingBox {
	position:absolute;
	top:126px;
	left:0;
	color:#7b7d7e;
	background-color:#dbdada;
	text-transform:uppercase;
	width:201px;
	height:44px;
	text-align:center;
}

div#headingImage {
	height:130px;
	width:733px;
	border-top:5px solid #e13a3e;
	background-image:url('../images/layouts/home_main_joint.jpg');
	background-position: right bottom;
	background-repeat:no-repeat;
	z-index:0;
}

div#contentWrapper {
	margin:18px 0 10px 0;
	padding:0;
	width:733px;
}

div#leftContent {
	float:left;
	width:180px;
	margin: 0 10px;
	display:inline;/* IE double margin hack */
}


div#mainContent {
	float:right;
	border-left: 1px dotted #ccc;
	padding-left:9px;
	margin:0;
	width:523px;	
}

div#footer {
	width:733px;
	float:left;
	clear:both;
	text-align:center;
}

div#footer .main {
	padding: 5px 0;
	color:#FFF;
	background-color:#7b7d7e;
	text-transform:uppercase;
}

div#footer .main A{
	color:#FFF;
	background-color:#7b7d7e;
	text-decoration:none;
}

div#footer .main A:hover{
	color:#FFF;
	background-color:#7b7d7e;
	text-decoration:underline;
}

div#footer .sub {
	padding: 5px 0;
	color:#ccc;
	background-color:#fff;
}
/* -- Top Navigation -- */

ul#topNavigation {
	position:absolute;
	top:0px;
	left:309px;
	height:45px;
	margin:0;
	padding:0;
	list-style-type: none;
	display: block;
	z-index:1;
}

ul#topNavigation li {
	display:inline;
}

ul#topNavigation li a {
	border-top:5px solid #e13a3e;
	border-left:1px solid #e13a3e;
	display:block;
	float:left;
	color: #a4a4a4;
	height:22px;
	width:75px;/* need to get this right for IE */
	background-repeat:no-repeat;
	background-image:url('../images/menu/top/item.gif');
	text-transform:uppercase;
	padding-top:18px;
	padding-left:30px;
	text-decoration:none;
}

ul#topNavigation li.selected a {
	color: #000;
	border-top:5px solid #7b7d7e;
	border-left:1px solid #7b7d7e;
	background-image:url('../images/menu/top/item_selected.gif');
}

ul#topNavigation li a:hover{
	text-decoration:underline;
}

/* --- Country menu --- */

div#countryMenu {
	margin:0;
	width:733px;
	height:26px;
	color:#666;
	background-color:#7b7d7e;
}

div#countryMenu ul{
	float:right;
	list-style-type: none;
	display: block;
	margin-top:5px;
}

div#countryMenu li{
	display: inline;
	margin:0;
	padding:0;
}

div#countryMenu li a{
	float:left;
	display:block;
	color:#666;
	background-color:transparent;
	height:16px;
	margin:0;
	background-repeat:no-repeat;
	padding-left:2.5em;
	padding-right:1em;
}

div#countryMenu .au{
	background-image:url('../images/flags/aus.gif');	
}

div#countryMenu .nz{
	background-image:url('../images/flags/nz.gif');	
}

/* --- Left menu --- */
ul.leftMenu {
	list-style-type: none;
	display: block;
	color:#65685d;
	margin:10px 0;
	padding:0 0 0 10px;
}

ul.leftMenu li{
	display:block;
	background-image:url('../images/misc/green_arrow.gif');
	background-repeat:no-repeat;
	background-position: left center;
	margin:0;
	padding:0.25em 0 0.25em 15px;
}
ul.leftMenu li.sub {
	background:transparent;
	margin:0;
	padding:1px 0 0 15px; /* Stupid IE bug, without 1px and as 0px it makes it 10px */
}

ul.leftMenu LI A{
	color:#65685d;
	background-color:transparent;
	text-decoration:none;
}
ul.leftMenu LI A.current{
	color:#cbcec5;
	background-color:transparent;
	text-decoration:underline;
}

ul.leftMenu LI A.selected{
	color:#e13a3e;
	background-color:transparent;
}

ul.leftMenu UL{
	list-style-type: none;
	display: block;
	margin:0;
	padding:0;
	/*border:1px solid black;*/
}
ul.leftMenu li ul li{
	background:transparent;
	margin:0;
	padding:0.25em 0 0.25em 1em;
}

/* --- info boxes --- */

div.homepageBox {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

div.homepageBox P {
	margin:0;
}

div.infoBoxDivider {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.infoBox {
	width:180px;
	padding:0;
	background-image:url('../images/layouts/tiles/green_stripe.gif');
}

div.infoBox H1{
	padding: 8px 10px;
	margin:0;
	background-color:#dbdada;
	color:#7b7d7e;
	text-transform:uppercase;
	width:160px;
	font-weight:normal;
	font-size:1.0em;
}

div.infoBox P{
	display:block;
	width:160px;
	margin:0;
	padding:10px;
}

div.productSectionBox {
	width:250px;
	float:left;
	padding:0;
	margin-left:5px;
	background-image:url('../images/layouts/tiles/red_stripe.gif');
}

div.productSectionBox H1{
	padding: 8px 10px;
	margin:0;
	background-color:#e13a3e;
	color:#ffffff;
	text-transform:uppercase;
	width:230px;
	font-weight:normal;
	font-size:1.0em;
}

div.productSectionBox H1 A{
	background-color:#e13a3e;
	color:#ffffff;
	text-decoration:none;
}

div.productSectionBox IMG{
	width:250px;
}

div.productSectionBox P{
	display:block;
	width:220px;
	margin:0;
	padding: 8px 10px;
}
div.productPhoto IMG {
	float:right;
	margin: 0 0 5px 5px;
	padding:0;
	clear:right;
}
div.productBoxOverview {
	width:520px;
	float:left;
	padding:0;
	margin:0;
}
div.productBoxOverview P {
	margin:0 0 1em 0;
	display:inline-block;
}
div.productBoxOverview H2 {
	color:#e13a3e;
}
div.productBoxSteps {
	width:520px;
	float:left;
	padding:0;
	margin: 0 0 0.5em 0;
	border: 1px solid #e13a3e;
}
div.productBoxSteps H2 {
	margin:5px 0 0 5px;
}
/* --- Feature boxes --- */
div.featureBoxWrapper {
	margin-top:9px;
	width:512px;
}

div.featureBoxWrapper A {
	color:#e13a3e;
	background-color:Transparent;
}

div.fbWrapLeft {
	float:left;
}

div.fbWrapRight {
	float:right;
	border-left:1px dotted #ccc;
}

div.featureBoxLeft, div.featureBoxRight {
	
	width:245px;
	padding:0;
	background-image:url('../images/layouts/tiles/red_stripe.gif');
	border:10px solid #fff;
}
div.featureBoxLeft{
	border-width:0 10px 0 0;
}

div.featureBoxRight{
	border-width:0 0 0 10px;
}

div.featureBoxLeft H1, div.featureBoxRight H1{
	padding: 8px 10px;
	margin:0;
	background-color:#e13a3e;
	color:#ffffff;
	text-transform:uppercase;
	width:225px;
	font-weight:normal;
	font-size:1.0em;
}

div.featureBoxLeft P, div.featureBoxRight P{
	display:block;
	width:225px;
	margin:0;
	padding:10px;
}


/* --- Custom --- */

.dottedBorderRight {
	padding-right:9px;
	border-right:1px dotted #ccc;
}
	
div.productList {
	clear:both;
	margin-bottom:10px;
}

div.productList IMG{
	width:100px;
	float:left;
	margin-right:10px;
}

div.productList div.image{float:left;width:100px;margin:0;padding:0;}
div.productList div.image IMG{margin-bottom:15px;}
div.productList div.text {float:left;width:400px;}

div.productList H3{margin-top:0px;}

div.productList div.cad H3{
	float:left;
	background-image:url('../images/icons/dwg.gif');
	background-repeat:no-repeat;
	background-position: right center;
	padding-right:20px;
	background-color:transparent;
}
div.productList div.cad P{clear:left;}
/* ----------------------------------------------- */
.cookietrail {
	margin-left:0px;
	margin-bottom:5px;
	font-size:0.9em;
	padding:3px;
	border: solid 1px #dbdada;
	background-image:url('../images/layouts/tiles/green_stripe.gif');
	color:#dbdada;
	background-color:transparent;
}
.cookietrail A {
	color:#65685d;
	background-color:transparent;
}

H2.fullWidth, H3.fullWidth {
	margin:0 0 5px 0;
	padding:3px;
	border-bottom: solid 1px #dbdada;
	color:#000000;
	background-color:transparent;
}

div.cadHeading {margin-bottom:15px;margin-top:10px;}
div.cadHeading H1{margin:0;}

div.cadDlBox {
	border:1px solid #e13a3e;
	padding:2px 5px;
	background-image:url('../images/layouts/tiles/red_stripe.gif');
}
div.cadDlBox A{
	color:#e13a3e;
	background-color:Transparent;
	background-image:url('../images/icons/dwg.gif');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:21px;
}
div.stepsHeading {margin-bottom:15px;margin-top:10px;}
div.stepsHeading H1{margin:0;}

div.stepsDlBox {
	border:1px solid #e13a3e;
	padding:2px 5px;
	background-image:url('../images/layouts/tiles/red_stripe.gif');
}
div.stepsDlBox A{
	color:#e13a3e;
	background-color:Transparent;
	background-position: left center;
}
