@import "library/default.css";
html, body { margin:0; padding:0; height:100%; /* 100 % height */ background-color:#ffffff;color:#1A1A1A;background-image:url(../image/background/footerImage.gif); background-repeat:repeat-y;} 

html>body #Page {height:100%;} /* 100 % height */ 

html>body #PageBody_background {position:fixed; z-index:10; /* Prevent certain problems with form controls /* 100 % height */ }

html>body .PageFooter_background { position:fixed; bottom:0; z-index:10; /* Prevent certain problems with form controls */ } 

#BodyContent {}

#footerEnd {padding: 20px 0 10px 0; text-align:center; width: 800px; margin: 40px 0 0 60px;float:right;}



.Page {width:998px;margin:0;text-align:left;background-image:url(../image/background/footerImage.gif); background-repeat:repeat-y;}
.PageSpace {width:998px;clear:both;display:block; height:0px;}
.NextLine {clear:both;display:block; margin: 0 auto;}

.PageFooter_bar {font-size:1.1em; color:#ffffff;padding:20px 0 0 0;}
.PageFooter_text {font-size:0.9em;text-align:center;  }
.disclaimer {font-size:0.9em; }
.PageFooter_logo {text-align:right;float:right;padding:0 20px 0 0;}
.PageFooter_background {width:998px; background-image:url(../image/background/footerImage.gif);background-repeat:repeat-y; margin:0;text-align:left;padding: 20px 0 20px 0;}
.PageFooter_Links {font-size:0.8em;text-align: center;}
.PageFooter_Links a {text-transform:uppercase; text-align:center; text-decoration:none;}
.PageFooter_Links a:hover {text-decoration:none; color:#B3B3B3;}

.Registration a {text-align:center; text-decoration:none;}
.Registration a:hover {text-decoration:none; color:#B3B3B3;}
.RegistrationMandatory{color:#F89D57;}

.PageHeader_top {width:998px;height:117px;}
.PageTop_logo{text-align:left; float:left;}
.PageTop_orderNow{background-color:#F89D57; height:20px; color:#ffffff; font-size:1.1em; padding-left:5px;line-height: 17px;}
.PageTop_orderNow b{font-weight: bold;color:#ffffff;}
.PageTop_searchTab {color:#1a1a1a; font-size:1em;width:185px;padding:0;margin:0; height:16px }

.PageHeader_nav {width:998px;height:36px;background-color: #0076c0;float:left;}
#topnav {float: left;width:998px;padding:0; margin: 0;}
#topnav ul {list-style-type:none; margin-left: 153px;margin-top: 5px;width:832px;}
#topnav ul li{float: left;}
#topnav ul li a{color: #FFFFFF; background-color: #00bce4;border: 1px solid #FFFFFF;border-right: none;display: block;padding: 5px 7px 5px 7px;}
#topnav ul li a.end{border-right: 1px solid #FFFFFF;}
#topnav ul li a:hover {background-color: #0076c0;}
#topnav ul li a.active {background-color: #0076c0;}

.clientloginbutton a{color: #FFFFFF; background-color: #00bce4;border: 1px solid #FFFFFF;border-right: none;display: block;padding: 5px 7px 5px 7px;}
.clientloginbutton a:hover {background-color: #0076c0;}
.clientloginbutton a.active {background-color: #0076c0;}


#PageBody_background {width:998px;margin:0 auto;text-align:left; height: 6em;}
#PageBody_blue {}

/*#leftnav {width:165px;border-top:1px solid #FFFFFF; margin-left: 0px;background-color: #00bce4; float: left;padding:0;}
#leftnav ul{list-style-type:none;color: #FFFFFF;width:165px;padding: 0; margin:0;}
#leftnav ul li {color: #FFFFFF;padding:0; margin:0;border-bottom: 1px solid #FFFFFF;}
#leftnav ul li a{padding: 3px 0 3px 24px;color: #FFFFFF; display: block;background-color:#00bce4;font-weight: normal;}
#leftnav ul li a:hover{background-color: #0076C0;}
#leftnav ul li a.active{background-color: #0076C0;}
#leftnav ul li a.black {background-color:#1A1A1A;padding: 3px 0 3px 14px;font-weight: bold; margin:0;}
#leftnav ul li a.black:hover {background-color:#1A1A1A;padding: 3px 0 3px 14px;font-weight: bold; margin:0;}
#leftnav ul li a.black1 {background-color:#1A1A1A;background-image:url(../image/icon/trolley_ic.gif); background-repeat:no-repeat; background-position: 100px 2px; padding: 3px 0 3px 14px;font-weight: bold; margin:0;}
#leftnav ul li a.black1:hover {background-color:#1A1A1A;background-image:url(../image/icon/trolley_ic.gif); background-repeat:no-repeat; background-position: 100px 2px; padding: 3px 0 3px 14px;font-weight: bold; margin:0;}

#leftnav ul li.noborder {border:none;padding: 0 0 0 24px;}*/

#leftnav {
	width:165px;
	border-top:1px solid #FFFFFF; 
	margin-left: 0px;
	background-color: #00bce4; 
	float: left;
	padding:0;
}

#leftnav ul{
	list-style-type:none;
	color: #FFFFFF;
	width:165px;
	padding: 0; 
	margin:0;
}

#leftnav ul li {
	color: #FFFFFF;
	padding:0; 
	margin:0;
	
}

#leftnav ul li a {
	display: block;
	color: white;
	background-color:#1A1A1A;
	padding: 3px 0 3px 14px;
	font-weight: bold; 
	margin:0;
}

#leftnav ul li a:hover {
	background-color:#1A1A1A;
	margin:0;
}

#leftnav li.on ul{
	display: block;
}

#leftnav li.off ul{
	display: none;
}

#leftnav li.off{
	border-bottom: 1px solid #FFFFFF;
}

 

#leftnav ul ul li{
	color: #FFFFFF;
	padding:0; 
	margin:0;
	border-bottom: 1px solid #FFFFFF;
}

#leftnav ul ul li a{
	padding: 3px 0 3px 24px;
	color: #FFFFFF; 
	display: block;
	background-color:#00bce4;
	font-weight: normal;
}

#leftnav ul ul li a:hover{
	background-color: #0076C0;
}

#leftnav ul ul li a.active{
	background-color: #0076C0;
}

#leftnav ul li.last {
	border:none;
}

#leftnav ul li.noborder {
	border:none;
	padding: 0 0 0 24px;
}

#leftnav ul li a.cart {
	background-color:#1A1A1A;
	background-image:url(../image/icon/trolley_ic.gif); 
	background-repeat:no-repeat; 
	background-position: 100px 2px; 
	padding: 3px 0 3px 14px;
	font-weight: bold; 
	margin:0;
}

#leftnav ul li a.cart:hover {
	background-color:#1A1A1A;
	background-image:url(../image/icon/trolley_ic.gif); 
	background-repeat:no-repeat; 
	background-position: 100px 2px; 
	padding: 3px 0 3px 14px;
	font-weight: bold; 
	margin:0;
}


.blue {border: 1px solid #FFFFFF; background-color: #0076C0; color: #FFFFFF;padding: 2px;margin:0; width: 120px;}
.header_black{color:#000000; font-weight: bold;}
.linksContent p b, .header_blue{color:#0076C0; font-weight: bold;}

.header_blue_cap{color:#0076C0; font-weight: bold; text-transform: uppercase;}
.header_blue_cap a {color:#F89D57; font-weight: bold;}
.header_blue_cap a:hover {color:#FCC090;text-decoration: none;}

.sitemaplist a {text-align:center; text-decoration:none;}
.sitemaplist a:hover {text-decoration:none; color:#B3B3B3;}

.blue_text{color:#0076C0;}
.red {color: #FF0000;}
.green {color: #00A160;}
.purePlanet p b{color: #00A160; font-weight: bold;}
.purePlanet p a{color: #00A160; font-weight: bold;}
.orange {color: #F89D57;}

ul.listStyle_none{list-style: none;}
ul.inset0{padding-left: 0px; list-style: none;}
ul.inset_35{padding-left: 35px; list-style: none; line-height: 16px;}

ul.inset_35 a {text-align:center; text-decoration:none;color:#000000;}
ul.inset_35 a:hover {text-decoration:none; color:#B3B3B3;}


.ProductStart {padding-top: 33px;padding-left: 60px; font-size:1.0em;width: 444px;float:left; }
.ContentStart{padding-top: 33px;padding-left: 60px; font-size:1.0em;width: 444px;float:left; min-height:450px;line-height: 15px;} /*for ie6 used height:450px;*/

.ContentStart h2{background-image:url(../image/header/headingLogo.gif); background-repeat:no-repeat; background-position: 0px 2px;font-size: 2.0em;padding-top: 5px;padding-left: 30px;text-transform:uppercase;padding-bottom: 13px;font-weight:normal;color: #414142;}
.ContentStart h2.greenH2{background-image:url(../image/header/headingLogo_green.gif); background-repeat:no-repeat; background-position: 0px 2px;font-size: 2.0em;padding-left: 30px;text-transform:uppercase;padding-bottom: 13px;font-weight:normal;}
.ContentStart b{color: #F89D57; font-weight: bold;}
.ContentStart b a{color: #F89D57; font-weight: bold;}
.ContentStart a:hover {color:#FCC090;text-decoration: none;}
.ContentStart p {padding:7px 0 0 0;margin: 0;}
.ContentStart a{color:#F89D57; font-weight: bold;}
.ContentStart a:hover {color:#FCC090;text-decoration: none;}
.ContentStart a.black{color:#000000; font-weight: normal;}
.ContentStart a:hover.black{text-decoration: none;color:#B3B3B3;}
.ContentStart a.green_a {color: #00A160; font-weight: bold;}
.ContentStart a:hover.green_a {text-decoration: underline;}

/*.ProductStart h1{color: #0076BF; font-size: 4.3em; margin:0; padding:0; font-weight:normal; letter-spacing:-3px; }*/
.ProductStart h1{background-image:url(../image/header/headingLogo.gif); background-repeat:no-repeat; background-position: 0px 2px;font-size: 2.0em;padding-top: 5px;padding-left: 30px;text-transform:uppercase;padding-bottom: 2px;font-weight:normal;color: #414142; }

/*.ProductStart .sub{color: #1A1A1A; font-size: 1.7em; margin:0;font-weight:bold;padding-left:215px; }*/
.ProductStart .sub{color: #414142; font-size: 1.5em; margin:0;font-weight:bold;padding-left:65px; }

.ProductStart h3{color: #0076BF; font-size: 2.5em; margin:0; padding:0; font-weight:normal; }
.ProductStart a{color:#F89D57; font-weight: bold;}
.ProductStart a:hover {color:#FCC090;text-decoration: none;}
.productContent {padding-top: 0px;padding-left: 60px; font-size:1.0em;width: 730px;float: left;}
.productContent p {padding:20px 0 0 0;margin: 0;}
.productContent .bluetext {color: #0076BF; font-size:1.0em;padding-top: 3px; text-decoration:none;font-weight: normal;}
.productContent td a, .productContent div a {color: #0076BF; font-size:1.0em;padding-top: 3px; text-decoration:none;font-weight: normal;}
.productContent td a:hover {text-decoration: none;}
.productContent a{color:#F89D57; font-weight: bold;}
.productContent a:hover {color:#FCC090;text-decoration: none;}

#customStage2 ul{list-style-type:none;width:444px;margin: 0px;float: left;padding:0;}
#customStage2 ul li{padding:0; margin: 0;float: left;}
#customStage2 ul li a{color: #FFFFFF; border-right: 1px solid #ffffff;float: left;padding: 3px 0px;text-align:center;width:110px;background-color: #00BCE4; text-decoration: none;}
#customStage2 ul li a:hover{background-color: #0076C0;}
#customStage2 .customStageActive {background-color: #0076C0;}

.tableBorderWhite {border: 1px solid #ffffff;}
.tableBorderWhite td.darkBlue{background-color: #0076c0; color: #FFFFFF;padding:7px 7px;}
.tableBorderWhite td.lightBlue_whiteBorder{background-color: #00BCE4; color: #FFFFFF;padding:7px; border-left: #FFFFFF 1px solid;}

.tableBorder {border: 1px solid #76b1db;}
.tableBorder td.darkBlue{background-color: #0076c0; color: #FFFFFF;font-size: 1.2em;padding:7px;}
.tableBorder td.nomargin{background-color: #0076c0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px; height:0px; }
.tableBorder td {color: #000000; padding:0px; margin:0px; vertical-align:middle;}
.tableBorder td.padd {padding:7px;}
.productContent td a.addToCart{background-color: #fefcef; border: 1px solid #bbbbb9; padding:3px;color: #000000; text-decoration:none; font-size: 1.0em;}
.tableBorder .blueRow {background-color: #e7f1fa;border-top:1px solid #76b1db;border-bottom:1px solid #76b1db;}

.tableBorder_grey {border: 1px solid #B3B3B3;}
.tableBorder_grey td {color: #000000; padding:3px; font-size: 1.0em;}
.tableBorder_grey td.tableHeader {color: #FFFFFF; text-transform: uppercase; font-weight: bold; background:#FFFFFF; color: #1A1A1A; font-size: 1.0em;}
.tableBorder_grey .blueRow {background-color: #e7f1fa;border-top:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3;}
.whiteRow {background-color: #ffffff;border-top:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3;}
.whiteCell {background-color: #ffffff;border-top:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3; border-right:1px solid #B3B3B3;}
.blueCell {background-color: #e7f1fa;border-top:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3; border-right:1px solid #B3B3B3;}

.ProductStart h4{font-size: 1.6em;padding-left:215px;font-weight: bold;}

.ProductStart a.whiteLink {color:#0076BF;font-weight: normal;}
.ProductStart a.whiteLink:hover {color:#FCC090;font-weight: normal;}

.imgBorder{border: 1px solid #B3B3B3;}
.imgBorder_tb{border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3;}

#HomeRHS {width: 229px;float:left;margin-top: 10px; margin-left:100px; }
#HomeRHS2 {width: 229px;float:right;margin-top: 10px; margin-left:100px; }
.clientLogin{font-size:0.9em;color:#F89D57;}
.clientLogin .small{font-size:9px;}
.clientLogin b{font-weight: normal; font-size:1.1em;}
.clientLogin input {width: 185px; margin-bottom:2px; border: 1px solid #B3B3B3;}
.clientLogin a{color:#F89D57;}
.clientLogin a:hover{text-decoration: none;}

.clientloginbutton a{color:#FFFFFF;}
.clientloginbuttonnone {display: inline;}

.newsSnippet {padding: 10px 0 0 0;}
.newsSnippet .newsHeading{background-image:url(../image/icon/newsLogo.gif); background-repeat:no-repeat; background-position: 0px 4px; font-size:2.0em;padding-left: 30px;line-height: 50px;padding-bottom: 10px;font-weight:normal;color: #414142;}
.newsSnippet .newsBg b{font-size:1.2em;padding:0; margin:0;}
.newsSnippet .newsBg{background-image:url(../image/background/newsBg.gif); background-repeat:no-repeat; width:184px; height:50px;color: #FFFFFF; padding:10px;font-size: 0.9em;margin: 0;}

.FlashVideo {padding:0 10px;}

.DataTable_title {color:#ffffff; text-transform:uppercase; padding-left:10px; font-size:11px; background-image:url(../image/background/table-title-bg.gif); background-repeat:repeat-x; height:28px; vertical-align:middle;}
.DataTable_data {color:#cccccc; padding-left:10px; font-size:11px; height:27px; vertical-align:middle;}

.DataTable_data_Links {color:#cccccc; padding:0 10px; font-size:11px; height:27px; vertical-align:middle;}
.DataTable_data_Links a {color:#cccccc; font-size:11px; height:27px; vertical-align:middle; text-decoration:underline;}
.DataTable_data_Links a:hover {color:#cc9933; font-size:11px; height:27px; vertical-align:middle; text-decoration:underline;}
.DataTable_button {color:#cccccc; padding:6px 10px; font-size:11px; height:27px; vertical-align:middle; background-repeat:no-repeat;}
.DataTable_button a {display:block; text-align:center; color:#ffffff; vertical-align:middle;width:138px;height:24px;float:right;background-image:url(../image/button/button-search-result.gif);line-height:24px;}
.DataTable_button a:hover {color:#ffffff; text-decoration:underline;}

.checkoutDetail input.width152{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px 2px 10px; width: 152px;}

.checkoutDetail select.width152{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 10px; width: 156px;}

.checkoutDetailold .button{color:#1A1A1A; float: right; margin: 2px 10px 2px auto; width:auto;}
.checkoutDetail .button{padding: 2px; border:#B3B3B3 1px solid;}


.enquiryForm td { padding-bottom:0px; padding-top:0;}
.enquiryForm .small {font-size: 9px;}
.enquiryForm input, .enquiryForm select{width:125px;border:#B3B3B3 1px solid;}

.enquiryForm input.width140{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px; width: 140px;}

.enquiryForm input.width140_pad{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 5px 2px 0px; width: 140px;}

.registration input.width140_pad{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 5px 2px 0px; width: 140px;}


.enquiryForm input.width115{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px; width: 114px;}

.checkoutDetail select.width140{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 10px; width: 130px;}

.enquiryForm textarea.width367{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px; width: 361px;}

.enquiryForm textarea.width368{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px; width: 372px;}

.enquiryForm textarea.width360{background-color:#FFFFFF; color:#1A1A1A; border:#B3B3B3 1px solid; margin: 2px 0px; width: 356px;}
.enquiryForm .button{padding: 2px;width:50px;}
.enquiryForm td.blueCell{background-color: #0076C0; color: #FFFFFF; font-size:9px; border: none; padding: 3px 0px;margin:0px;}
.enquiryForm td.blueCell .padRight{padding-right:10px;}

.PDF_download {font-size:1.1em; color:#ffffff; text-align:left;}

#leftnav ul li{
	
	clear: both;
}

#leftnav ul ul {
	
	clear: both;
}

#leftnav a{
	outline: none;
}

#leftnav a.black, #leftnav a.cart{
	border-bottom: 1px solid white;
}

#leftnav ul li a.parent {
	float: left;
	width: 101px;
	padding: 0 0 0 14px;
	margin: 0;
	height: 19px;
	line-height: 19px;
	border-bottom: 1px solid #ffffff;
}

#leftnav ul li a.arrow{
	float: left;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 19px;
	line-height: 19px;
	text-indent: -9000px;
	border-bottom: 1px solid #ffffff;
	
}

#leftnav ul li a.open{
	background: black url(../image/icon/arrow_open.gif) no-repeat left center;
}

#leftnav ul li a.closed{
	background: black url(../image/icon/arrow_closed.gif) no-repeat left center;
}

.clientloginlink:hover 
{
	color:#F89D57;
	font-weight:bold;
}