* {
	margin: 0;
	padding: 0;
	}

body {
	
	background: #009ddc url(../images/global/back-water.jpg) no-repeat 50% top; 	
	text-align: center;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


#container {
	margin: auto;
	background: #ffffff;
	width: 990px;
	position: relative;
	text-align: left;
	}

#container-inside {
	margin: auto;
	background: #ffffff url(../images/global/inside-page-back.gif) repeat-y;
	width: 990px;
	position: relative;
	text-align: left;
	}


#nav {
	padding-left: 30px;
	background: url(../images/nav/nav-back.gif) no-repeat;
	height: 40px;
	margin-bottom: 15px;
	}

#nav ul {
	list-style-type: none;  
	display: inline;
	}

#nav ul li {
	float: left;  
	}

#nav ul li a {
	display: block;  
	text-indent: -9000px;
	height: 40px;
	}

#nav .guide {
	background: url(../images/nav/new/guide.gif) no-repeat;
	width: 129px;
	}

#nav .guide a:hover, #nav .guide .currentpage {
	background: url(../images/nav/new/guide-hover.gif) no-repeat;	
	}

#nav .about {
	background: url(../images/nav/new/about.gif) no-repeat;	
	width: 157px;
	}

#nav .about a:hover, #nav .about .currentpage {
	background: url(../images/nav/new/about-hover.gif) no-repeat;	
	}


#nav .careers {
	background: url(../images/nav/new/careers.gif) no-repeat;
	width: 80px;
	}

#nav .careers a:hover, #nav .careers .currentpage {
	background: url(../images/nav/new/careers-hover.gif) no-repeat;
	width: 80px;
	}

#nav .contactus {
	background: url(../images/nav/new/contact.gif) no-repeat;
	width: 80px;
	}

#nav .contactus a:hover, #nav .contactus .currentpage {
	background: url(../images/nav/new/contact-hover.gif) no-repeat;
	width: 80px;
	}

#nav .suppliers {
	background: url(../images/nav/new/suppliers.gif) no-repeat;
	width: 163px;
	}

#nav .suppliers a:hover, #nav .suppliers .currentpage {
	background: url(../images/nav/new/suppliers-hover.gif) no-repeat;
	width: 163px;
	}

#nav .studies {
	background: url(../images/nav/new/studies.gif) no-repeat;
	width: 116px;
	}

#nav .studies a:hover, #nav .studies .currentpage {
	background: url(../images/nav/new/studies-hover.gif) no-repeat;
	width: 116px;
	}

#nav .home {
	background: url(../images/nav/new/home.gif) no-repeat;
	width: 74px;
	}

#nav .home a:hover, #nav .home .currentpage {
	background: url(../images/nav/new/home-hover.gif) no-repeat;
	width: 74px;
	}
	
	
#nav .promos {
	background: url(../images/nav/new/promos.gif) no-repeat;
	width: 104px;
}
#nav .promos a:hover, #nav .promos .currentpage {
	background: url(../images/nav/new/promos-hover.gif) no-repeat;	
	width: 104px;
}

#leftcol {
	float: left;
	width: 715px;
	background: url(../images/global/main-content-back.gif) repeat-y;
	/*background-position: 1px 0;*/
	margin-left: 12px !important;
	margin-left: 7px;
	margin-bottom: 20px;
	}

.inner-leftcol {
	width: 450px;
	float: left;
	}

#leftcol-inside {
	float: left;
	width: 715px;
	margin-left: 12px !important;
	margin-left: 7px;
	margin-bottom: 20px;
	}

#leftcol-inside p {
	font-size: 12px;
	margin: 20px;
	line-height: 18px;
	}

#leftcol-inside a {
	color: #009DDC;
	}

.break {
	border-bottom: #8f8d8d 1px dashed;
	margin: 20px;
	}

#leftcol-inside p span {
	color: #063B5E;
	}

#leftcol-inside h2 {
	font-size: 15px;
	color: #73C167;	
	margin: 20px;
	}

#leftcol-inside h1 {
	font-size: 18px;
	color: #0187bc;	
	margin: 20px;
	}

#leftcol-inside ul {
	margin:  20px 0 20px 30px;
	}

#leftcol-inside ul li {
	list-style-type: none;
	background: url(../images/global/drop-bullet-inside.gif) no-repeat;
	background-position: 0 0px;
	padding-left: 20px; 
	font-size: 12px;
	margin-bottom: 5px !important;
	margin-bottom: 0px;
	}

#leftcol-inside ul li span {
	color: #666666;
	font-size: 11px;
	}


#leftcol-inside .news {
	list-style-type: none;
	background: url(../images/global/drop-bullet-inside.gif) no-repeat;
	background-position: 0 7px;
	padding-left: 20px; 
	font-size: 12px;
	margin-bottom: 10px !important;
	margin-bottom: 10px;
	}



#leftcol-inside ol {
	margin:  20px 0 20px 30px;
	}

#leftcol-inside ol li {
	color: #73C167;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 20px;
	}

#leftcol-inside ol li span {
	color: #333333;
	font-weight: normal;
	}


#rightcol {
	float: left;
	width: 252px;
	margin-bottom: 20px;
	}

#rightcol ul {
	margin: 20px;
	}

#rightcol ul li {
	list-style-type: none;
	font-size: 10px;
	color: #009DDC;
	font-weight:bold;
	margin-bottom: 5px
	}

#rightcol ul li a {
	font-weight: bold;
	font-size: 12px;
	color: #73C167
	}

#rightcol ul li a:hover {
	color: #1A3F14;
	}

#rightcol .login-header{
	background: url(../images/headers/member-back.gif) no-repeat;
	height: 33px;
	width: 229px;
	font-size: 14px;
	color: #063b5e;
	padding-top: 7px;
	margin-left: 17px !important;
	margin-left: 10px;
	}

#rightcol .study-header {
	background: url(../images/headers/case-back.gif) no-repeat;
	height: 33px;
	width: 229px;
	font-size: 14px;
	color: #063b5e;
	padding-top: 7px;
	margin: 15px 0 0 17px !important;
	margin: 15px 0 0 10px;
	}

.locality-header {
	background: url(../images/headers/locality-header.gif) no-repeat;
	text-indent: -90000px;
	height: 19px;
	margin: 20px 20px 0 20px;
	}

.about-header {
	background: url(../images/headers/about-header.gif) no-repeat;
	text-indent: -90000px;
	height: 15px;
	margin: 20px 20px 0 20px;
	}

.careers-header {
	background: url(../images/headers/careers-header.gif) no-repeat;
	text-indent: -90000px;
	height: 15px;
	margin: 20px 20px 0 20px;
	}

.contact-header {
	background: url(../images/headers/contact-header.gif) no-repeat;
	text-indent: -90000px;
	height: 15px;
	margin: 20px 20px 0 20px;
	}

.suppliers-header {
	background: url(../images/headers/suppliers-header.gif) no-repeat;
	text-indent: -90000px;
	height: 19px;
	margin: 20px 20px 0 20px;
	}

.case-header {
	background: url(../images/headers/case-header.gif) no-repeat;
	text-indent: -90000px;
	height: 15px;
	margin: 20px 20px 0 20px;
	}

.member-header {
	background: url(../images/headers/member-header.gif) no-repeat;
	text-indent: -90000px;
	height: 19px;
	margin: 20px 20px 0 20px;
	}


#rightcol h2 {
	font-size: 14px;
	color: #66b859;
	margin: 15px 0 5px 15px
	}

#rightcol h2 span {
	color: #666666;
	}

#rightcol p {
	color: #666666;
	font-size: 11px;
	line-height: 18px;
	margin: 0 15px 0 15px;
	border-bottom: 1px dashed #b2b2b2; 
	padding-bottom: 15px;
	}

#rightcol a {
	color: #1e411a;
	}

#inner-leftcol {
	width: 370px;
	float: left;
	}

#leftcol-inside img {
	border: 1px solid #73C167;
	margin: 0 10px 10px 10px; 
	}


#inner-leftcol p {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin:  20px 0 20px 30px;
	}

#inner-leftcol h2 {
	font-size: 14px;
	color: #063B5E;
	margin:  20px 0 20px 30px;
	}
	
#leftcol-inside h3{
	background-color:#AEDBA7;
	font-size:1em;
	line-height:1.2em;
	margin: 20px;
	padding:5px 0 5px 5px;
}

#inner-leftcol .main-header {
	background: url(../images/headers/header-think-water.gif) no-repeat;
	height: 45px;
	text-indent: -9000px; 
	margin:  20px 0 20px 30px;
	}

#inner-leftcol ul {
	margin:  20px 0 20px 30px;
	}

#inner-leftcol ul li {
	list-style-type: none;
	background: url(../images/global/drop-bullet.gif) no-repeat;
	background-position: 0 0px;
	padding-left: 20px; 
	font-size: 12px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	}


#inner-rightcol {
	width: 330px;
	float: left;
	margin-left: 10px;
	background: #ffffff;
	}

#franchise-ad {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 330px;
	background-color: #73C167;
	position: absolute;
	top: 213px;
	left: 392px !important;
	left: 394px;
	}

#flash-map {
	margin-top: 320px;
	}

.home-table {
	margin-left: 17px !important;
	margin-left: 10px;
	}

input, select, text-area {
	border: 1px solid #7fcbeb;
	}

.home-table tr {
	
	font-size: 12px;
	font-weight: bold;
	color: #009ddc;
	padding: 5px; 
	}

.home-table td {
	padding: 5px; 
	}

.promo-ad {
	margin: 10px 0 0 15px;
	}

#footer {
	background: #063b5e;
	border-top: #73c167 solid 4px;       
	padding: 20px 15px 20px 0;
	}

#footer p {
	font-size: 12px;
	color: #ffffff;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#footer a {
	color: #dff4f5;
	font-weight: bold;
	}

/*--Contact Table--*/

.contact {
	margin-left: 20px;	
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 12px;
	}

.contact td {
	padding: 5px;
	}

.contact td span {
	color: #FF0000;
	}


.contact .other {
	background: #BEDF7D;
	padding: 15px 0 15px 10px;
	}

.contact .padded {
	padding: 15px;
	}


#content-products-other .contact p {
	margin: 0;
	line-height: 0;
	}

#content-products-other .contact p span {
	color: #FF0000;
	}


.contact-title {
	color: #063b5e;
	margin: 0;
	}

.member-form .guide-title {
	color: #063b5e;
	padding-right: 30px;
	}

#container-inside .member-form p {
	margin-left: 0;
	}

.member-form .state {
	font-size: 15px;
	color: #73C167;
	font-weight: bold;
	padding-bottom: 15px;
	}

.member-form .line {
	border-bottom: 1px solid #AFDFA7;
	height: 1px;
	padding: 0;
	}

.contactsend {
	background: #73C167;
	color: #ffffff;
	font-weight: bold;
	border: none;
	margin-top: 10px;
	}

input, select, text-area {
	border: 1px solid #7fcbeb;
	}

/*--End Contact Table --*/

#contact-holder {
	position: relative;
	/*border-top: 1px dashed #666666;*/
	}

.contact-location {
	position: relative;
	visibility: hidden;
	position: absolute;
	top: 240px !important;
	top: 240px;
	left: 275px !important;
	left: 280px;
	}

.contact-store {
	position: absolute;
	left: 400px; 
	top: -380px !important;
	top: -330px;
	visibility:hidden;
	}

.logos {
	float: left;
	margin-right: 0px;
	}

.member-form {
	margin-left: 20px;	
	margin-bottom: 30px;
	font-size: 12px;
	
	}

.member-form td {
	padding: 5px 5px 5px 0;
	}


.member-form .other {
	background: #BEDF7D;
	padding: 15px 0 15px 10px;
	}

.member-form .padded {
	padding: 15px;
	}

.contact-details {
	margin: 30px 0 0 0;
	font-size: 12px;
	}
	
.logo-holder {
	margin-left: 20px;
	}	
	
.news-image {
	margin: 10px;
	border: 1px solid #73C167;
	}
	
.dotted-line {
	border-bottom: 1px dashed #73C167;
	height: 1px;
	}		

.contactsend {
	background: url(../images/global/butt-back.gif) no-repeat;
	width: 69px;
	padding-bottom: 3px;
	height: 32px;
	text-align: center;
	}
	
.careers-table {
	margin-left: 17px;
	margin-bottom: 30px;
	font-size: 12px;
	width: 700px;
	}

.careers-table td {
	padding: 2px 0 2px 0; 
	line-height: 18px;
	}


.careers-table .other {
	background: #BEDF7D;
	padding: 15px 0 15px 10px;
	}

.careers-table .padded {
	padding: 15px;
	}

#leftcol-inside .contact-map {
	border: none;
	margin: 0 0 0 20px;
	}
	
.logos td {
	padding: 20px 10px;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px dashed #73C167;
	}	
				
#flash-promo {
	margin-left:15px; 
	margin-top:15px; 
	}
	
	#flash-promo img {
	margin-left:6px; 
	margin-top:0px; 
	}
	
	
#leftcol-inside .gallery-col h2{
        border-bottom: 1px solid #73C167;
		padding-bottom: 10px;
}
#leftcol-inside .gallery-box{
        float: left;
		width: 340px;
		height: 100px;
        margin: 0px 10px 5px 0px;
}
#leftcol-inside .gallery-box img{
        float: left;
        margin: 0px 10px 5px 20px;
		width: 80px;
        height: 70px;
}
#leftcol-inside .gallery-box p{
        margin-top: 3px;
        font-size: 11px;
		line-height: 15px;
}
#leftcol-inside .gallery-box h3{
		font-size: 14px;
		float: none;
        padding-left: 20px;
}


#thinkwater-tvc {
	padding: 10px 5px;
	background: #73c167;
}

.prev-tvc {
	float: right;
	text-align: center;
}

.inner-prev-tvc a {
		background: url(../images/global/thinkwater-tvc-01-btn.jpg) no-repeat left top;
	height: 165px;
	width: 288px;
	display: block;
	margin: 0 20px;
	padding: 0;
}

.inner-prev-tvc a:hover {
	background: url(../images/global/thinkwater-tvc-01-btn.jpg) no-repeat left bottom;
}

#user-login-form {
	font-size: 12px;
	color: #009DDC;
	font-weight: bold;
	margin-left:25px;
}
#user-login-form .form-item {
	margin-bottom:10px;
}
#user-login-form .form-item label {
	width:90px;
	display:block;
	float:left;
}
#user-login-form .form-submit {
	background:url("http://www.thinkwater.co.nz/sites/all/themes/zen/ireckon/images/butt-back.gif") no-repeat scroll 0 0 transparent;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	height:32px;
	padding-bottom:3px;
	text-align:center;
	width:69px;
}