body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin:0; background: #ddd}
a {font-weight: bold;}
a:link {color: #006600; text-decoration: none;}
a:visited {color: #006600; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
a:active {color: #D4D0C8; text-decoration: none;}
h1 {font-size: 16px; font-weight: bold; background: url('./images/bar.gif') left no-repeat; margin: 0 0 5px 0; padding: 0 0 0 8px;}
h1.promo {font-size: 18px; margin: 10px 0 25px 0; padding: 0 0 0 0;color: white;background-image:none}
h1.ticksheader {color:#9CCC5E;background: white;font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 0;}
h2 {font-size: 18px;}
h3 {font-size: 20px; font-weight: bold; background: url('./images/bar.gif') left no-repeat; margin: 0 0 5px 0; padding: 0 0 0 8px;}
h4 {color: #FF0000; padding: 0xp; margin: 0px;}
h5 {background: url('./images/blink.jpg') left top no-repeat; padding: 0 0 0 30px; line-height: 25px; margin: 0px;font-size: 10pt;}
td {padding: 0px;}
#tickbox{padding-left:10px;}
hr {color: #9CCC5E; margin: 40px 0;}

#container {width: 980px; margin: 0 auto 0 auto; background:#fff;}

.header {height: 103px;}
.banner1, .banner2 {float: left;}

.clear { height: 0; clear: both; }

#leftmenu {margin: 15px 0 0 2px; padding: 0 0 0 10px; width: 190px; float: left;}
#leftmenup {margin: 0 0 0 2px; padding: 0 0 0 10px; width: 190px; float: left;}
#main {width: 767px; margin: 15px 0 0 210px; position: relative; padding-right:10px}
#mainhome { margin: 25px 0 0 20px;  position: relative; padding-right:10px}
#maincontact {width: 940px; margin: 15px 0 0 20px; text-align: justify;}
#maingallery {width: 940px; background: black; text-align: left; color: white; font-size: 14px; font-weight: bold; padding: 20px; text-align: center;}
#footer {background: url('./images/low-green.jpg') top no-repeat #9CCC5E; height: 35px; width: 980px; padding: 25px 0 20px 0;}
.promohome {background: url('./images/backgroundn.png') no-repeat; width:940px; height:276px;}
.promotext {color: white; padding: 10px 50px 10px 240px; width: 390px; font-size: 13px;}
.promobox {float: right; width: 375px; margin-bottom:0px;}
.promofree {background: url('./images/free-ad.png') no-repeat; width:230px; height:107px; color: white; font-weight: bold; margin-right:10px; float:right;}
.monthly{float: right;  padding:40px 20px 0px 0px;}
.emptybox{height: 2px;clear:both;}
.largefont {font-size: 20px;}
.free {color: #faee0c; font-size: 25px; font-weight: bold;}
.hometext {width: 530px;margin-left: 25px;}
#tank{background: url('./images/watersavingtank.jpg') no-repeat; height:390px; width:365px;}
.mainpagesmen {background: #9CCC5E; padding: 10px 0 0 0; margin: 0 0 20px 0; height:10px; }
.productimg {float: left; width: 300px;}
.specs {margin: 10px;}
.special {float: right;background: url('./images/special.gif') no-repeat; height:144px; width:150px; }
.enquiry { float: right; width: 455px; border: 1px solid #006600; padding: 10px 0 10px 10px; }
.enquirys { float: left; width: 455px; border: 1px solid #006600; padding: 10px 0 10px 10px; }
.enquiryc { float: right; width: 305px; border: 1px solid #006600; padding: 10px; margin: 0 0 0 20px; }
.order { float: left; border: 1px solid #ddd; padding: 10px 0 10px 0px; }
.colorchart {margin: 40px 0 10px 0;}
.colorchartsml {margin: 10px 0 20px 0;}
.imgright {float: right; margin: 0 0 0 20px; font-weight: bold; font-style: italic; text-align: center;}
.imgleft {float: left; margin: 0px; font-weight: bold; font-style: italic; text-align: center;}
.centerimg {text-align: center; width:760px;}
#imagesc { float: left;}
.quote {padding: 10px 20px;}

ul.menu {list-style-type: none; color: #FF0000; text-align: left; margin: 0 0 20px 0; padding: 0px; font-weight: bold;}
li.menu {list-style-type: none; background: url('./images/arrow.gif') left top no-repeat; padding: 0 0 0 12px; }
ol.home { margin: 0px; padding: 0 0 0 20px;color: #FF0000; font-weight: bold; font-size: 14pt;}
ol p{color: #000;font-size: 12px; font-weight: normal;}
ul.install {margin: 0px; padding: 0px;}
li.install {list-style-type: none; background: url('./images/blink.jpg') left top no-repeat; padding: 0 0 0 30px; line-height: 25px; margin: 0px; }
ul.tickhome {margin: 0px;line-height: 21px; padding-left:0}
li.tick {list-style-type: none; background: url('./images/tick-bullet.png') left top no-repeat;padding: 0 0 0 30px; margin: 0px;}

a.menulink:link, a.menulink:visited {font-size: 12px; color: #006600; }
a.menulink:hover, a.menulink:active {color: #000000;text-decoration: underline;}

a.buttontanks:link, a.buttontanks:visited {background: url('./images/black-btn.png') no-repeat; color: white; padding: 8px 12px; width: 119px; height: 32px;}
a.buttontanks:hover, a.buttontanks:active {background: url('./images/black-btn.png') no-repeat; color: #9CCC5E; padding: 8px 12px; width: 119px; height: 32px;}
a.buttonmore:link, a.buttonmore:visited {background: url('./images/black-btn.png') no-repeat; color: white; padding: 8px 6px; width: 119px; height: 32px;}
a.buttonmore:hover, a.buttonmore:active {background: url('./images/black-btn.png') no-repeat; color: #9CCC5E; padding: 8px 6px; width: 119px; height: 32px;}
a.buttoncontact:link, a.buttoncontact:visited {background: url('./images/contact-btn.png') no-repeat; color: white; padding: 8px 17px; width: 119px; height: 32px;}
a.buttoncontact:hover, a.buttoncontact:active {background: url('./images/contact-btn.png') no-repeat; color: black; padding: 8px 17px; width: 119px; height: 32px;}
a.more:link, a.more:visited {font-size: 12pt; text-align: right; color: white;}

.mainmenu {color: #006600; font-size: 10px; text-align: center; background: #9CCC5E; text-transform:uppercase}
a.topmenu:link {color: #042F11;}
a.topmenu:visited {color: #006600;}
a.topmenu:hover {color: #fff; text-decoration:none}
a.topmenu:active {color: #042F11;}

a.redlink:link, a.redlink:visited {color: #FF0000;}
a.redlink:hover, a.redlink:active {color: #000000;text-decoration: underline;}

td.green {background: #c0db75; padding: 10px; text-align: center; font-weight: bold;}
td.red {background: #ed1c24; padding: 10px;  text-align: center;font-weight: bold;}
td.salmon {background: #fbb480; padding: 10px;  text-align: center;font-weight: bold;}
td.blue {background: #166491; padding: 10px;  text-align: center;font-weight: bold;}
.plus {color: white; font-size: 50pt; font-weight: bold; position: absolute; top: 150px; left: 172px;}
.plustwo {color: white; font-size: 50pt; font-weight: bold; position: absolute; top: 150px; left: 363px;}
.equals {color: white; font-size: 50pt; font-weight: bold; position: absolute; top: 150px; left: 554px;}

.green { color: #fff; font-family: Arial, Helvetica, sans-serif;}
.grey { font-size: 10pt; color: #666666; font-family: Arial, Helvetica, sans-serif;}
.boldblue {font-weight: bold; font-size: 14px;}
.style25 {color: #FF0000; font-weight: bold;}
.style26 {color: #000000; font-weight: bold;}
.style37 {font-size: 11px; color: #FFFF00; }
.style40 {font-size: 11px}
.style61 {color: #000000;}
.style76 {color: #FFFF00;}
.style78 {font-size: 11px; color: #000099;}
.style80 {color: #FF0000; font-size: 12px;}
.style81 {font-size: 18px; font-weight: bold;}
.style82 {font-size: 12px}
.style84 {color: #006600;}
.style85 { font-size: 32px;font-weight: bold;}
.style88 {color: #000099; font-size: 12px;}

/* added by nwagi.com */

.top{
height:200px;
background: url('./images/top-banner.jpg') no-repeat;
  
}

.top_writing{width: 350px; font-size:22px; padding: 52px 0 0 55px;color:#fff;}
.top_writing span{font-size:26px; color:#f8e600; }
.price{

  float:left;
  display:block;
  clear:both;
  width:250px;
  font:18px Arial, Helvetica, sans-serif;
  color:#FF6600;
  border:2px dotted #ddd;
  padding:50px 10px 10px 10px;
  text-align:left;
  background:url(images/hot.jpg) no-repeat #eee;

}

.price strong{
  font:20px Tahoma, "Times New Roman", Times, serif;
}

.price2{

  float: right;
  display:block;
  clear:both;
  width:200px;
  font:18px Arial, Helvetica, sans-serif;
  color:#FF6600;
  border:2px dotted #ddd;
  padding:50px 10px 10px 10px;
  background:url(/images/hot.jpg) no-repeat #eee;
  text-align:left;
  margin-right:10px;
}

.limited{
  padding:10px;
  display:block;
  float:left;
  width:400px;
}

.ads{
  background-color:#eee;
  padding:10px;
  overflow:hidden;
}


.ads img{

  border: solid 1px #ddd;
  padding:4px;
  margin:0 20px 0 0;
  float:left;
}