/* Global declaration for all elements */
* {
    margin:0; 
    padding:0;
	background-color: transparent ;
}

html, body {
    margin:0;
    padding:0;
    height:100%;
}

body {
    font-family: arial, sans-serif;
    color: #1C4A75;
    font-size:12px;	
	background-color: #fff;
    background: url('images/bg_body.png') repeat-x  top center ;
}

fieldset {
	border: none;
}



#DIYDetailsForm {
	width:464px;	
}
#DIYDetailsForm .inputText {
	background:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	color:#fff;
	margin: 20px 0 20px 0;
	background: #B0DB4D;
	cursor: pointer;
	padding: 0 2px;
    clear:both;
	text-align:center;
	vertical-align:middle !important;
    float:right;
    width:140px;
}

input {
	color:#777;
	background-color:#FFFFFF;
}
label {
	display:block;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	
	
}

.hiddenBlock {
	display:none;
}
.visibleBlock {
	display:block;
}

input, textarea, label, select {
	display: block;
	float: left;
}
textarea {
	width: 270px;
	height: 100px;
}
.textfield {
	width:270px;
	margin:2px 0;
}
select {
	background: #fff;
	color: inherit;
	width:274px;
}

#contactform {
    width:464px;
}
#DIYDetailsForm {
	width:464px;	
}
#DIYDetailsForm .inputText {
	background:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	color:#fff;
	margin: 10px 0 20px 0;
	background: #B0DB4D;
	cursor: pointer;
	padding: 0 2px;
    clear:both;
	text-align:center;
	vertical-align:middle !important;
    float:right;
    width:140px;
}
.hiddenBlock {
	display:none;
}
.visibleBlock {
	display:block;
}

input, textarea, label, select {
	display: block;
	float: left;
}
textarea {
	width: 270px;
	height: 100px;
}
.textfield {
	width:270px;
	margin:2px 0;
}
select {
	background: #fff;
	color: inherit;
	width:274px;
}
.errorMessage {
	margin: 5px 10px;
	color:#000;
	background:inherit;
}
label {
	width: 170px;
	margin: 0 20px 0 0;
}

.errorMessage {
	margin: 5px 10px;
	color:#000;
	background:inherit;
}
label {
	width: 170px;
	margin: 0 20px 0 0;
}
.smallText {
	font-size:90%;
}
.required {
	color: #B0DB4D;
	background:inherit;
}
.clear {
    clear: both;
}
.errorMsg {
	color: #009BDE;
	font-weight:bold;
}

img {
    border:0;
}

h1 {
    font-size:120%;
}

h2 {
    font-size:120%;
}

h3 {
	font-size:110%;
	margin:20px 0 10px 0;
}

a {
	background-color: inherit;
    color:#2FAEE4;
    text-decoration:none;	
}
a:visited {
	text-decoration:none;
}
a:hover {	
	color: #1C4A75;
	text-decoration:underline;
	background-color: inherit;
}   



/*** Layout ***/
#pageContainer {	
    min-height: 500px;
    height:100%;
    width:1000px;
	
	margin:auto;   
}

/* Fixes Background Image Tiling */
#pageContainer, #globalContentWrapper, #footer {
	background: url('images/bg_content_blue_gradient.gif') repeat-y left top;
}

#homepageHeader {

}

#headerTopBar {
    height: 80px;
    background: url('images/bg_header_blue.gif') repeat-x left top;
	border-bottom:1px solid #08BBF1;
	z-index:-1;
}

#logo {
    position:absolute;
    top:0;
	height:143px;
	z-index: 100;
	padding: 0 0 0 75px;    
} 


#homepageHeader #headerImageArea {
	background: url('images/headerImageAreaHomePage.jpg') no-repeat left top;
	height:243px;
}

#homepageContentContainer {
	padding:  0 0 0 370px;
	/* IE Uses height and auto expands */
	height: 400px;	
	z-index:10;
	background: url('images/meet-rainwater-tank-family-2008-2.png') no-repeat center top;
}

/* CSS2 supported UAs will use this min-height */
#globalContentWrapper > #homepageContentContainer {
	min-height:400px;
	height:auto;
}

.homepageContentArea {
	width:250px; 
	float:left;
	z-index:20;
	padding: 50px 20px 0 20px;
}

.homepageContentArea h1, #defaultContentArea h1 {
	padding: 0 0 5px 0;
}

.homepageContentArea h2, #defaultContentArea h2 {
	padding: 0 0 5px 0;
}

.draft_content_for_approval {
	display: none;
}

#defaultContentContainer, #singleColumnContainer {
	height:450px;	
	background: url('images/wave.png') no-repeat center bottom;		
}

#globalContentWrapper > #defaultContentContainer, #globalContentWrapper > #singleColumnContainer {
	min-height:450px;
	height:auto;
}

a#launchWaterWizard {
	display:block;
	margin: 15px auto;
	height:19px;	
	width:193px;
	z-index:2000 !important;
	text-indent:-5000px;
	background: url('images/choose-your-diy-pack.gif') no-repeat left top;
}

a:hover#launchWaterWizard {	
	background-position: left bottom;
}

#defaultpageHeader #headerImageArea {
	background: url('images/headerImageAreaStandard.jpg') no-repeat left top;
	height:168px;
}

#singleColumnContainer #defaultContentArea {
	padding: 50px 70px 40px 90px;
} 

#defaultContentContainer #defaultContentArea {
	padding: 90px 70px 40px 380px;
}

#defaultContentContainer #ContactContentArea {
	padding: 90px 70px 40px 90px;
}

#defaultContentLeftArea {
	position:absolute;
	top:170px;
	margin: 0 0 0 50px;
}

/** Default Content Area with Bullet Ticks*/
#defaultContentArea ul li{
	padding: 0 0 0 5px;
}

#defaultContentArea ul {
	margin: 0 0 0 15px;
}
#defaultContentArea p {
	margin: 10px 0;
}

.top {
	margin: 5px 0 0 240px;
	display:block;	
	clear:both;
	font-size:90%;
}

.top a:visited {
	text-decoration:none;
}

#defaultContentArea ul#bulletList {
	list-style:none;	
}

#defaultContentArea ul#bulletList li {
	padding: 5px 0 0 22px;
	background: url('images/bulletTick.gif') no-repeat 0 3px;
}

a#readMore {  
	width:99px;
	margin: 5px 0 0 175px;
    background : url('images/text_readmore.gif') no-repeat left top;    
}
a:hover#startWaterWizard, a:hover#emailNow, a:hover#readMore, a:hover#diypack {
    background-position: left bottom;	
}



/** Footer **/

#footer {
	font-size:12px;
	text-align:right;
	padding-top: 50px;
	padding-right: 40px;
	padding-bottom:20px;
}

/*** Navigation Style ****/
#mainNav {
	position:absolute;
	top:0;
	z-index:12;
	height:80px;	
	padding: 0 0 0 720px;	
}

#mainNav ul {	
	height:80px;
	list-style: none;
}

#mainNav ul li {
	display: block;
	text-indent: -5000px;
	float: left;	
}

#mainNav ul li a{
	display: block;
	height: 80px;
	overflow:hidden;
}

/* sub nav */
#mainNav li ul {
	display: none;
	width:136px;z-index:12;
	height: 100px;
	list-style: none;	
	border-top:1px solid #08BBF1;
	margin:0 0 0 1px;
	clear: both;
}

#mainNav li li {
	display: block;	
	clear: both;
}
li.topSubNav {
	border-top:1px solid #fff;
}
#mainNav li.over ul,
#mainNav li:hover ul { display: block }

#mainNav li li a {
	width:136px;	
	overflow:hidden;
	height:34px;
}

a#home {
    background:  url('images/mainNav.png') no-repeat 0px 0px;
    width:77px;
}
a:hover#home, a.active#home {
    background:  url('images/mainNav.png') no-repeat 0px -80px;
}
a#about {
    background:  url('images/mainNav.png') no-repeat -77px 0;
    width:82px;
}
a:hover#about, a.active#about {
    background:  url('images/mainNav.png') no-repeat -77px -80px;
}
a#contact {
    background:  url('images/mainNav.png') no-repeat right top;
    width:87px;
}
a:hover#contact, a.active#contact {
    background:  url('images/mainNav.png') no-repeat right bottom;
}

/* Home page anchors and hovers for Tank Types*/
#homepageTankNames { 
	position:absolute;
	top: 660px;
	padding: 0 0 0 105px;	
}
#homepageTankNames ul li {
	display: block;
	float: left;
	text-indent: -5000px;
}

#homepageTankNames li a {
	display: block;
	width: 86px;
	height: 34px;
}

#homepageTankNames li a:hover{
    background-position: left bottom;
}

#homepageTankAnchors {
	position:absolute;
	top:475px;	
	z-index:11;
	height:185px;
	overflow:hidden;
	margin:0 0 0 104px;	
}

#homepageTankAnchors a {
	float:left;
	display:block;	
	text-indent: -5000px;
	overflow:hidden;
}

.corrugatedImg {
	width:95px;
	height:205px;
	margin:0 0 0 0;
	border:0px solid #f00;
}
.smoothImg {
	margin:30px 0 0 28px;
	width:135px;
	height:165px;
	border:0px solid #f00;
}
.polyslimlineImg {
	margin:40px 0 0 10px;
	width:90px;
	height:180px;
	border:0px solid #f00;
}
.undergroundImg {
	margin:25px 0 0 28px;
	width:90px;
	height:180px;
	border:0px solid #f00;
}
.steelslimlineImg {
	margin:45px 0 0 60px;
	width:95px;
	height:180px;
	border:0px solid #f00;
}
.slimlineImg {
	margin:45px 0 0 20px;
	width:75px;
	height:160px;
	border:0px solid #f00;
}
.bladderImg {	
	margin:95px 0 0 25px;
	width:200px;
	height:110px;
	border:0px solid #f00;
}

a#corrugated {
	margin:0 58px 0 0;
    background:  url('images/text_corrugated.gif') no-repeat left top;
}

a#smooth {
	margin:0 65px 0 0;
    background:  url('images/text_smooth.gif') no-repeat left top;
}
a#polyslimline {
	margin:0 36px 0 0;
	width:93px !important;
    background:  url('images/text_poly_slimline.gif') no-repeat left top;
}
a#underground {
	margin:0 50px 0 0;
	width:93px !important;
    background:  url('images/text_underground.gif') no-repeat left top;
}

a#steelslimline {
	margin:0 12px 0 0;
	width:93px !important;
    background:  url('images/text_steel_slimline.gif') no-repeat left top;
}

#homepageTankNames li a#slimline {
	margin:0 65px 0 0;
    background:  url('images/text_slimline.gif') no-repeat left top;
	width: 106px;
}
#homepageTankNames li a#slimline:hover {
	background-position: left bottom;
}

a#bladder {
    background:  url('images/text_bladder.gif') no-repeat left top;
}


/**** Blue Box Styles *****/
.blueBoxContainer {
	background-color: inherit;
    color: #fff;
    width: 300px;
    min-height: 80px;
	margin:0 0 13px 0;    
}

#defaultContentLeftArea >  .blueBoxContainer {
	margin: 0 0 18px 0 ;
}

.blueBoxBody {
    padding:5px 15px;
    background: url('images/blueBoxBg.gif') repeat-y 0 0;
}

.blueBoxHeader{
    font:bold 110% arial, sans-serif; 
    text-align:center;
    line-height:38px;
    background: url('images/blueBoxTop.gif') no-repeat 0 0;
    height:39px;
}

.blueBoxFooter {
    height:10px;
    background: url('images/blueBoxBottom.gif') no-repeat 0 0;
}


/* Big Blue Box */
.bigBlueBoxContainer, .formBoxContainer {
	background-color: inherit;
    width: 535px;
    min-height: 80px;
	line-height:20px;
	margin:0 0 13px 0;    
}
.bigBlueBoxContainer {
	color:#fff;
}


.bigBlueBoxBody {
    padding:5px 15px;
    background: url('images/bigBlueBoxBg.gif') repeat-y 0 0;
}

.bigBlueBoxHeader { 
	height:7px !important;
    background: url('images/bigBlueBoxTop.gif') no-repeat 0 0;    
}

.bigBlueBoxFooter {
    height:7px;
    background: url('images/bigBlueBoxBottom.gif') no-repeat 0 0;
}

#stepBoxes {
	clear:both;
	height:21px;
}

#stepBoxes ul {
	display:block;
	clear:both;
	height:21px;
	float:right;
	padding: 0 40px 0 0 ;
	margin:0 ;
	list-style-type:none;
}

#stepBoxes li {
	padding:0 2px 0 0 ;
	display:block;
	background: none;
	float:left;
}

#stepBoxes li a {
	padding:0;
	display:block;
	height:21px;
	background-repeat: no-repeat;
	background-position:left top;
	width:28px;
}

#step1 {
	background-image: url('images/number_1.gif');
}
#step2 {
	background-image: url('images/number_2.gif');
}
#step3 {
	background-image: url('images/number_3.gif');
}
#step4 {
	background-image: url('images/number_4.gif');
}

#stepBoxes a:hover, #stepBoxes a.active, a:hover#nextStep, a:hover#previousStep
,a:hover.nextTank, a:hover.previousTank {
	background-position:left bottom;
}

a#nextStep {
	display:block;
	width:91px;
	margin:15px 0 0 0;
	height:19px;
	float:right;
	background: url('images/text_nextstep.gif') no-repeat left top;
}

a#previousStep {
	display:block;
	width:117px;
	margin:15px 0 0 0;
	float:left;
	height:19px;
	background: url('images/text_previousstep.gif') no-repeat left top;
}


/**** Image Anchor Links ****/
.blueBoxContainer a {
	display:block;
	width:69px;
    height:19px;
    margin: 5px 0 0 85px;
}

/***Contact Form ***/
.contactLeftColumn {
	float:left; width:70px;
}
.contactRightColumn {
	float:left; width:430px;
}

/** DIY **/
#diyWizard table {
	width:100%;
}
#diyWizard h2 {
	margin:10px 0 0 0;
}
#diyWizard td {
	text-align:center;
	vertical-align:top;
}
#diyWizard td.topLeftTd {
	text-align:left;
	vertical-align:top;
}
#diyWizard .price {
	width:80px;
	background:#fff;
}
#diyWizard .priceStep2 {
	width:80px;
}
#diyWizard .lastCol {
	width:20px;
	background:#fff;
}
#diyWizard td.firstCol {
	width:150px;
}
#diyWizard td.textAlignLeft {
	text-align:left;
}
.bgWhite {
	background:#fff;
	font-weight:bold;
	display:block;
	float:right;
	padding:1px 5px;
	
}