body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img{border:0;}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}
	
html {
	font-size: 100%;
}

body {
	font-family: arial, helvetica, sans-serif;
	background: white;
	font-size: 75%;
	min-width: 900px;
	min-height: 600px;
	text-align: center;
	line-height: 1.4em;
	font-family: arial, helvetica, sans-serif;
}

a, a:link {
	color: #47add2;
	text-decoration: underline;
}
		
a:visited {
	color: #00599a;
	text-decoration: underline;
}
		
a:hover {
	color: #7bc142;
	text-decoration: underline;
}

hr {
	display:none;
}

p {
	margin-bottom: 10px;
}

#header 
{
    position: relative;
	height: 219px;
	background: transparent url(Images/bg-menu.gif) repeat-x top left;
	z-index: 5000;
}

#home #header 
{
    height: 370px;
}

#container {
	background: white;
	text-align: left;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	min-height: 581px;
	line-height: 0;
}

#title 
{
	width: 359px;
	float: left;
	height: 157px;
	background: url(Images/bg-title.gif);
	overflow: hidden;
	line-height: 1.4em;
} 

#home #title {
	height: 82px;
	background: url(Images/bg-title_home.gif);
} 

#title h1 {
	display:block;
	background: url(Images/h1-logo.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 359px;
	height: 82px;
	clear: both;
	/*margin-bottom: 15px;*/
}

#title h2 {
	width: 359px;
	clear: both;
	text-transform: uppercase;
	font-size: 1.9em;
/*	padding-top: 4px;
	margin-left: 36px;
	margin-top: 0px;
*/
}

#home #title h2 
{
    display: none;
    /*
	display:block;
	background: url(Images/h2-home.gif) no-repeat;
	text-indent: -999px;
	width: 213px;
	height: 142px;
	clear: both;
	margin-top: 46px;
	padding-top: 0px;
	text-transform: uppercase;
	color: white;
	font-size: 1em;
	margin-left: 36px;
	padding-top: 4px;*/
}

#h2-rangeintegration,
#h2-tanks,
#h2-environmentalbenefitsrainwatermanagement,
#h2-findyournearestdealer,
#h2-warranty,
#h2-downloads,
#h2-contact,
#h2-privacy,
#h2-disclaimer,
#h2-dealers
{
    text-indent: -9999px;
    overflow: hidden;
    width: 359px;
    height: 75px;
    margin: 0;
    padding: 0;
}

#h2-rangeintegration { background: transparent url(Images/h2-rangeintegration.gif) no-repeat top left; }
#h2-tanks { background: transparent url(Images/h2-tanks.gif) no-repeat top left; }
#h2-environmentalbenefitsrainwatermanagement { background: transparent url(Images/h2-environmentalbenefits.gif) no-repeat top left; }
#h2-findyournearestdealer { background: transparent url(Images/h2-findyournearestdealer.gif) no-repeat top left; }
#h2-warranty { background: transparent url(Images/h2-warranty.gif) no-repeat top left; }
#h2-downloads { background: transparent url(Images/h2-downloads.gif) no-repeat top left; }
#h2-contact { background: transparent url(Images/h2-contact.gif) no-repeat top left; }
#h2-privacy { background: transparent url(Images/h2-privacy.gif) no-repeat top left; }
#h2-disclaimer { background: transparent url(Images/h2-disclaimer.gif) no-repeat top left; }
#h2-dealers { background: transparent url(Images/h2-dealers.gif) no-repeat top left; }

#login 
{
	width: 541px;
	height: 157px;
	float: left;
	background: url(Images/sub-back.gif) no-repeat left bottom;
	color: white;
	line-height: 1.4em;
}

#home #login {
	width: 541px;
	height: 82px;
	float: left;
	background: url(Images/img-home.jpg) no-repeat;
	color: white;
}

#login-panel {
	width: 494px;
	height: 41px;
	float: left;
	margin-top: 40px;
	margin-left: 21px;
	background: url(Images/bg-loginpanel.jpg) no-repeat;
	margin-bottom: 0;
}

#login-panel .btnLogin 
{
    vertical-align: bottom;
}

#login a, #login a:link {
	color: white;
}

#login-panel a.dealersarea, 
#login-panel a.managewebsite
{
    padding: 6px 0 6px 28px;
    white-space: nowrap;
    color: #7bc142;
    text-decoration: none;
}

#login-panel .dealersarea { background: transparent url(Images/btn-dealer.gif) no-repeat left center; }
#login-panel .managewebsite { background: transparent url(Images/btn-wcms.gif) no-repeat left center; }

#login-panel a.dealersarea:hover,
#login-panel a.managewebsite:hover
{
    text-decoration: underline;
}

#login-panel .tdlogout { width: 74px; padding-right: 10px; padding-top: 3px; }
#login-panel .tdlinks { text-align: right; padding-right: 10px; }
#login-panel .tdhello { padding-left: 10px; }


/* Content */
#content {
	width: 359px;
	float: left;
	line-height: 1.4em;
}

#content p {
	margin-left: 39px;
	margin-right: 25px;
}

#content h1,
#content h2,
#content h5,
#content h6 
{
    font-weight: bold;
    margin-left: 39px;
    margin-bottom: 15px;
}

#content h3 {
	margin-left: 39px;
	margin-bottom: 10px;
	margin-right: 25px;
	margin-top: 20px;
	font-weight: bold;
	color: #0f3c59;
}

#content h4 {
	color: #006fb7;
	padding-top: 5px;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-left: 39px;
}


#content ul 
{
    list-style-type: square;
}

#content ol 
{
    margin-left: 5px;
}

#content li 
{
    margin-left: 55px;
    margin-top: 0;
    margin-bottom: 5px;
}

#content table 
{
     border-collapse: collapse;
     margin-bottom: 15px;
     margin-left: 39px;
     margin-right: 20px;
}

#content td,
#content th
{
    padding: 2px 10px 2px 0;
}

#content th 
{
    text-align: left;
    font-weight: bold;
    padding: 4px 10px 4px 0;
}

#content .pdf,
#feature .pdf
{
    padding-left: 20px;
    background: transparent url(Images/icon-pdf.gif) no-repeat left center;
}

#content table p,
#content table ol,
#content table ul,
#content table h1,
#content table h2,
#content table h3,
#content table h4,
#content table h5,
#content table h6,
#feature table p,
#feature table ol,
#feature table ul,
#feature table h1,
#feature table h2,
#feature table h3,
#feature table h4,
#feature table h5,
#feature table h6
{
    margin-left: 0;
    margin-right: 0;
}

/* Feature */

#feature {
	width: 541px;
	min-height: 211px;
	float: left;
	background: #efefef url(Images/bg-feature.gif) no-repeat;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 20px;
	line-height: 1.4em;
}

#home #feature {
	padding-top: 0px;
}

#feature h3 {
	margin-left: 25px;
	margin-bottom: 10px;
	margin-right: 25px;
	margin-top: 20px;
	font-weight: bold;
	color: #0f3c59;
}

#feature h4 {
	color: #006fb7;
	padding-top: 5px;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-left: 25px;
}

#feature p {
	margin-left: 25px;
	margin-right: 25px;
}

#feature h1,
#feature h2,
#feature h5,
#feature h6 
{
    font-weight: bold;
    margin: 0 25px 15px 25px;
}

#feature table 
{
     border-collapse: collapse;
     margin-bottom: 15px;
     margin-left: 25px;
     margin-right: 25px;
}

#feature td,
#feature th
{
    padding: 2px 10px 2px 0;
}

#feature th 
{
    text-align: left;
    font-weight: bold;
    padding: 4px 10px 4px 0;
}

#feature img {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}

#feature h4#h4-productrange {
	display:block;
	background: url(Images/h3-productrange.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 172px;
	height: 29px;
	clear: both;
	margin-top: 20px;
	margin-left: 26px;
}

#feature ul 
{
    list-style-type: square;
}

#feature ol 
{
    margin-left: 5px;
}

#feature li 
{
    margin-left: 45px;
    margin-top: 0;
    margin-bottom: 5px;
}


#dealerlogin h3 {
	display:block;
	background: url(Images/h3-dealerlogin.gif) no-repeat left center;
	text-indent: -999px;
	overflow: hidden;
	width: 106px;
	height: 25px;
	margin-top: 6px;
	margin-left: 10px;
}

#login p {
	clear: both;
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

#btn-login {
	display:block;
	background: url(Images/btn-login.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 65px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px;
}

#navigation ul {
	height: 49px;
	margin-left: 36px;
	float: left;
	margin-top: 13px;
	line-height: 1.4em;
}

#navigation li {
	list-style: none;
	float: left;
	display: block;
	height: 49px;
	padding-right: 2px;
	background: url(Images/nav-div.gif) no-repeat top right;
}

#navigation li.nav-contact 
{
    padding-right: 0;
    background-image: none;
}

#navigation a {
	display:block;
	text-indent: -999px;
	overflow: hidden;
	height: 49px;
}

#navigation .navdiv {
	width: 2px;
	background: url(Images/nav-div.gif);
	height: 49px;
}

#navigation .nav-home a {background: url(Images/nav-home.gif); width: 43px;}
#navigation .nav-rangeintegration a {background: url(Images/nav-rangeintegration.gif); width: 106px;}
#navigation .nav-tanks a {background: url(Images/nav-tanks.gif); width: 46px;}
#navigation .nav-environmentalbenefitsrainwatermanagement a {background: url(Images/nav-benefits.gif); width: 277px;}
#navigation .nav-warranty a {background: url(Images/nav-warranty.gif); width: 64px;}
#navigation .nav-findyournearestdealer a {background: url(Images/nav-dealers.gif); width: 146px;}
#navigation .nav-downloads a {background: url(Images/nav-downloads.gif); width: 73px;}
#navigation .nav-contact a {background: url(Images/nav-contact.gif); width: 56px;}

#navigation a:hover { background-position: 0 -49px;}

#navigation a:active,
#navigation a.AspNet-Menu-Selected:active { background-position: 0 -98px;}

#navigation a.AspNet-Menu-Selected { background-position: 0 -147px;}

#subnavigation 
{
    display: block;
    width: 541px;
    height: 40px;
    overflow: hidden;
    position:absolute;
    bottom: 0;
    right: 0;
    z-index: 50;
    line-height: 1.4em;
}

#subnavigation ul 
{
	display: block;
	list-style-type: none;
}

#subnavigation li 
{
	display: block;
    width: auto;
    float: left;
    z-index: 200;
}

#subnavigation a 
{
	float: left;
    display: block;
    height: 40px;
    padding: 0 8px;
    line-height: 40px;
    text-decoration: none;
    color: #ccc;
    font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
}

#subnavigation a:hover,
#subnavigation a.AspNet-Menu-Selected
{
    color: #fff;
    background: transparent url(Images/bg-subnav.gif) no-repeat bottom center;
}

#feature .productrange ul {
	height: 137px;
	padding-left: 21px;
	float: left;
	margin: 0;
}

#feature .productrange li {
	list-style: none;
	float: left;
	margin: 0;
}

#feature .productrange a {
	display:block;
	text-indent: -999px;
	overflow: hidden;
	height: 137px;
}

.fea-frptanks a {background: url(Images/fea-frptanks.gif); width: 111px;}
.fea-polytanks a {background: url(Images/fea-polytanks.gif); width: 104px;}
.fea-undergroundtanks a {background: url(Images/fea-underground.gif); width: 114px;}
.fea-tankflush a {background: url(Images/fea-tankflush.gif); width: 84px;}
.fea-pumps a {background: url(Images/fea-pumps.gif); width: 95px;}
.productrange a:hover { background-position: 0 -137px;}


ol {
	margin-left: 40px;
}

li {
	margin-bottom: 12px;
}

#footer {
	width: 900px;
	height: 89px;
	clear: both;
	color: #c6c6c6;
	font-size: 0.95em;
	padding-top: 15px;
	line-height: 1.4em;
}

#footer img.twc 
{
    vertical-align: middle;
}

#footer a {
	color: #c6c6c6;
}

#footer a:hover {
	color: #47add2;
}

#details {
	margin-left: 39px;
}

#url {
	float: right;
	display:block;
	background: url(Images/url.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 333px;
	height: 42px;
	margin-top: -13px;
	margin-bottom: 5px;
	border: 0px;
}

#contactform 
{
    margin: 10px 25px;
}

#contactform label 
{
    font-weight: bold;
    white-space: nowrap;
}

#contactform td 
{
    border: none;
    padding-right: 15px;
}

#contactform img 
{
    float: none;
    margin: 0;
}


#feature img.imgmapAustralia 
{
    float: none;
    background: transparent url(Images/map-australia.gif) no-repeat 0 0;
}

#feature img.tas { background-position: -354px 0; }
#feature img.act { background-position: -708px 0; }
#feature img.wa { background-position: -1062px 0; }
#feature img.nt { background-position: -1416px 0; }
#feature img.qld { background-position: -1770px 0; }
#feature img.vic { background-position: -2124px 0; }
#feature img.sa { background-position: -2478px 0; }
#feature img.nsw { background-position: -2832px 0; }

#video-player 
{
	width: 400px;
	height: 237px;
	margin: 0 auto;
}

#content #swatches 
{
	margin: 0px 10px 10px 39px
}

#content #swatches .swatch
{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	color: #364750;
	font-size: 0.8em;
}

#content #swatches .swatch img
{
	display: block;
} 

#iefix 
{
	font-size: 0;
}

#dealers td,
#dealers th 
{
	padding: 0;
}

#dealers h3,
#dealers p 
{
	margin: 0;
}

#feature .accessories td ul li
{
	margin-left: 15px;
}