/*### Global ###*/

html, body {
	margin: 0; padding: 5px 0;
	font-family: 'Verdana', sans-serif;

}

body 
{
	font-size:62.5%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
}

ul, ol, form, fieldset {
	margin: 0; padding: 0;
	list-style-type: none;
}

p {
	margin: 1em 0;
}

a {
	color: #0068df;
	text-decoration: underline;
}
a:hover {
	color: #0068df;
	text-decoration: none;
}

::selection {
	background: #0068df;
	color: #ffffff;
}
::-moz-selection {
	background: #0068df;
	color: #ffffff;
}

.wysiwygleft {
	float: left;
	margin: 10px 10px 10px 0;
}
.wysiwygright {
	float: right;
	margin: 10px 0 10px 10px;
}

.textbox {
	background: url('../images/input_back.png') repeat-x #eaeaea !important;
	border: 1px solid #889196;
	border-left: 1px solid #7c8488;
	border-right: 1px solid #7c8488;
	border-top: 1px solid #687075;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 2px 2px;
	margin: 0;
	color: #505b62;
	font-family: sans-serif;
}
textarea.textbox {
	background: url('../images/textarea_back.png') repeat-x #eaeaea;
	padding: 3px 2px;
	line-height: 1.2em;
}

.red {
	color: #b51019;
}

.errorList , .error {
	color: #026fed;
	font-weight: bold;
	margin-bottom: 5px;
}

.content {
	color: #545454;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-size: 1.4em;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic; 
	line-height: 1em;
}

.content h1 {
	font-size: 1.8em;
}
.content h2 {
	font-size: 1.5em;
}
.content h3 {
	font-size: 1.3em;
}

.content ul {
	margin: 1em 0 1em 15px;
	list-style-type: disc;
}
.content li {
	padding: 2px 0;
}

/*### Generics ###*/

.button {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}

.button.calculate_savings {
	background: url('../images/button_calculate_savings.png') no-repeat;
	width: 140px;
	height: 25px;
}
.button.find_out_more {
	background: url('../images/button_find_out_more.png') no-repeat;
	width: 124px;
	height: 25px;
}
.button.download_now {
	background: url('../images/button_download_now.png') no-repeat;
	width: 133px;
	height: 25px;
}
.button.read_more {
	background: url(../images/button_read_more.png) no-repeat;
	width: 121px;
	height: 25px;
}


.box {
	background: url('../images/box_content_back.png') no-repeat bottom left #ffffff;
	overflow: hidden;	
	margin-bottom: 15px;
}
.box h1 {
	background: url('../images/box_h1_back.png') no-repeat #0068df;
	padding: 0 0 0 24px;
	overflow: hidden;	
}
.box h1 .title {
	background: url('../images/box_h1_back.png') no-repeat top right;
	display: block;
	color: #ffffff;
	padding: 11px 24px 10px 0;
	font-size: 1.5em;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic; 
	line-height: 1em;
	overflow: hidden;
}
.box .content {
	background: url('../images/box_content_back.png') no-repeat bottom right;
	padding: 23px 23px 23px 0;
	margin: 0 0 0 23px;
	overflow: hidden;
}
.box .content h1 {
	background: none;
	padding: 0;	
}

.box .content .list .content {
	background: none;
}

.small_box {
	background: url('../images/small_box_back.png') no-repeat bottom left #ffffff;
}
.small_box h1 {
	background: url('../images/small_box_back.png') top left;
	padding: 0 0 0 10px;
}
.small_box h1 .title {
	background: url('../images/small_box_back.png') top right;
	display: block;
	color: #0068df;
	font-size: 1.5em;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic; 
	line-height: 1em;
	padding: 10px 10px 5px 0;
}
.small_box h1 .title span {
	border-bottom: 1px solid #8cc642;
	display: block;
	padding: 0 0 7px 0;
}
.small_box .content {
	background: url('../images/small_box_back.png') no-repeat bottom right;
	padding: 5px 10px 10px 0;
	margin: 0 0 0 10px;
	overflow: hidden;
}

form .label {
	margin: 5px 0 2px 0;
}

.form label {
	float: left;
	display: block;
	width: 125px;
	padding: 4px 0 0 0;
}
.form .textbox {
	width: 185px;
	display: block;
	float: left;
}
.form .col {
	width: 50%;
	float: left;
	clear: both;
	padding: 0 0 30px 0;
}
.form .col.alt {
	overflow: hidden;
	float: none;
	clear: none;
	width: auto;
	padding-left: 16px;
}
.form .single {
	padding: 6px 0;
	*padding: 8px 0;
	overflow: hidden;
}
.form .checklist {
	overflow: hidden;
}
.form .checklist .single {
	padding: 3px 0;
	*padding: 0;
}
.form .checklist label,
.form .checklist input {
	display: inline;
	padding: 0 5px;
	float: none;
	vertical-align: middle;
	margin: 0;
}
	

.form .captcha label {
	width: auto;
	float: none;
	display: block;
}

/*### Structure ###*/

#holder {
	width: 762px;
	margin: 0 auto;
	font-size:1.1em;
}

#header {
	padding: 16px 0;
	overflow: hidden;
}

#sitelogo {
	float: left;
}

#logo a {
	background: url('../images/phs_washrooms.png') no-repeat;
	display: block;
	width: 190px;
	height: 48px;
	overflow: hidden;
	text-indent: -5000px;
}

#contact {
	float: right;
	font-weight: bold;
	font-style: italic;
	padding: 8px 0 0 0;
}
#contact .text {
	float: left;
	color: #84c037;
	font-size: 1.5em;
	margin: 0 5px 0 0;
}
#contact .number {
	float: left;
	color: #036adf;
	line-height: 1em;
	font-size: 1.8em;
}

#banner {
	overflow: hidden;
}
#banner .left {
	float: left;
	width: 485px;
	padding: 0 0 0 30px;
}
#banner .right {
	overflow: hidden;
	float: right;
	padding: 85px 30px 0 0;
}

#banner .inner {
	height: 101px;
	overflow: hidden;
}
#banner .inner h2 {
	color: #ffffff;
	font-size: 3em;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic;
	font-weight: bold;
	margin: 30px;
	line-height: 1em;
}
#banner img {
	display: block;
	border: none;
}
#banner .home {
	height: 256px;
	overflow: hidden;
	position: relative;
}
#banner .home h2 {
	color: #ffffff;
	font-size: 3.2em;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic;
	font-weight: bold;
	margin: 30px 0 20px 0;
	line-height: 1em;
}
#banner .home h2 span {
	display: block;
	margin: -4px 0 0 0;
}
#banner .home h2 .small {
	font-size: 0.7em;
	color: #9bda4a;
}
#banner .home p {
	font-weight: bold;
	line-height: 1.5em;
	padding: 0 40px 0 0;
	color: #ffffff;
}
#banner .home .find_out_more {
	position: absolute;
	bottom: 20px;
	left: 30px;
	background: url('../images/button_find_out_more_trans.png') no-repeat;
}


#nav {
	background: #84c037;
	padding: 0 0 3px 0;
	overflow: hidden;
}
#nav li {
	background: #ffffff;
	float: left;
	overflow: hidden;
}
#nav a {
	background: url('../images/nav.png') 0 0 no-repeat;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	height: 25px;
	margin: 0 1px 0 0;
}

#nav .contact_us a { 
	margin: 0;
}

#nav .home a  { 
	width: 56px; 
	background-position: 0 0;
}
#nav .water_saving_products a {
	width: 143px;  	
	background-position: -56px 0;
}
#nav .energy_saving_products a {
	width: 150px; 	
	background-position: -199px 0;
}
#nav .savings_calculator a { 
	width: 122px;
	background-position: -349px 0;
}
#nav .brochures a { 
	width: 79px;
	background-position: -471px 0;
}
#nav .news a { 
	width: 53px;
	background-position: -550px 0;
}
#nav .about_us a {
	width: 72px;
	background-position: -603px 0;
}
#nav .contact_us a { 
	width: 80px;
	background-position: -675px 0; 
}

#nav .home a:hover,
#nav .home .active {
	background-position: 0 -25px; 
}	
#nav .water_saving_products a:hover,
#nav .water_saving_products .active { 
	background-position: -56px -25px;
}
#nav .energy_saving_products a:hover,
#nav .energy_saving_products .active { 
	background-position: -199px -25px;
}
#nav .savings_calculator a:hover,
#nav .savings_calculator .active { 
	background-position: -349px -25px;
}
#nav .brochures a:hover,
#nav .brochures .active { 
	background-position: -471px -25px;
}
#nav .news a:hover,
#nav .news .active { 
	background-position: -550px -25px;
}
#nav .about_us a:hover,
#nav .about_us .active { 
	background-position: -603px -25px;
}
#nav .contact_us a:hover,
#nav .contact_us .active { 
	background-position: -675px -25px;
}


#site {
	background: url('../images/site_back.png') bottom left #d2d2d2;
	border-top: 9px solid #8cc642;
	padding: 0 0 0 23px;
	overflow: hidden;
}

#content {
	background: url('../images/site_back.png') bottom right;
	padding: 23px 23px 23px 0;
	overflow: hidden;
}

#page {
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 176px;
	padding: 0 0 0 20px;
	overflow: hidden;
}
#sidebar .item {
	margin: 0 0 23px 0;
}
#sidebar .item a {
	display: block;
}
#sidebar .item img {
	border: 0;
	display: block;
}


#footer {
	text-align: center;
}
#footer ul {
	text-align: center;
	padding: 15px 0 0 0;
	/*display:table;*/
	margin: 0 auto;
}
#footer li {
	background: url('../images/footer_splitter.png') no-repeat right center;
	color: #555555;
	/*display: table-cell;*/
	display: inline;
	line-height: 1em;
	padding: 0 7px 0 7px;
	white-space: nowrap;
}

#footer .last {
	background: none;
}

#footer li a {
	color: #555555;
}
#footer .copy {
	background: none;
}
#footer .copy span {
	background: url('../images/phs_group_plc.png') no-repeat;
	display: inline;
	display: -moz-inline-block;
	display: inline-block;
	width: 75px;
	height: 23px;
	overflow: hidden;
	text-indent: -5000px;
	vertical-align: middle;
	margin: 0 0 2px 3px;
}
#footer p {
	color: #818181;
	font-size: 0.8em;
}

/*### Page Specific ###*/

#product_detail {
	position: relative;
}
#product_detail .description {
	padding: 0 15px 40px 0;
}
#product_detail .info {
	float: right;
	width: 50%;
}
#product_detail .info .thumb {
	float: right;
}
#product_detail .info .awards {
	float: right;
	padding: 30px 0 0 0;
	list-style-type: none;
}
#product_detail .info .awards li {
	float: right;
	padding: 5px 8px;
}
#product_detail .info .awards img {
	border: 0;
}
#product_detail .button {
	position: absolute;
	bottom: 32px; left: 0;
	display: block;
}

.product_list .box {
	margin: 0 0 20px 0;
}
.product_list .box .content {
	position: relative;
}
.product_list .thumb {
	float: left;
}
.product_list .extra {
	float: right;
	width: 150px;
}
.product_list .button {
	position: absolute;
	bottom: 30px;
}
.product_list .calculate_savings {
	right: 30px;
}
.product_list .find_out_more {
	right: 46px;
}
.product_list .description {
	margin: 0 160px 0 160px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
.product_list .more {
	position: absolute;
	bottom: 30px;
	left: 160px;
}

.home .box {
	width: 344px;
	margin: 0 24px 22px 2px;
	float: left;
}
.home .alt {
	margin: 0 0 22px 0;
}
.home .box .content {
	height: 127px;
	position: relative;
}
.home .thumb {
	float: left;
}
.home .description {
	margin: 0 0 0 145px;
	overflow: hidden;
}
.home .extra {
	margin: 0 0 0 145px;
}
.home .extra img {
	display: block;
	margin: -15px 0 -5px 0;
	*margin-right: -100px;
}
.home .button {
	position: absolute;
	display: block;
	bottom: 15px; left: 145px;
}

#calculator .form {
	overflow: hidden;
	clear: both;
}
#calculator .form p {
	margin: 1em 0 2em 0;	
}
#calculator .label {
	margin: 0;
}
#calculator label {
	width: 255px;	
}
#calculator .textbox {
	width: 35px;
	margin: 0 0 0 5px;
}

#calculator .summary {
	clear:both;
	padding: 10px 0 19px 0;
	line-height: 1em
}
#calculator .summary span {
	display: block;	
	font-family: 'Gill Sans', sans-serif;
	font-size: 1.5em;
	color: #B30E1C;
	font-weight: bold;
	padding: 3px 0;
	line-height: 1em
}
#calculator .summary .sec {
	padding: 10px 0;	
}
#calculator .summary .sec span {
	padding: 0;	
}
#calculator .summary .amount {
	font-size: 1.5em;	
	line-height: 1.2em;
	margin: -4px 0 2px 0;
	display: inline;
}



/***NEWSLIST***/

.news_list .item {
	border-top: 1px solid #8CC642;
	overflow: hidden;
	padding: 15px 0 15px 0;
	position: relative;
	line-height: 1.2em;
}

.news_list .item img {
	float: left;
	margin: 0 10px 0 0;
}

.news_list .content {
	margin: 0 132px 0 5px;
	padding: 0 23px 23px 0;
}

.news_list h4 {
	padding: 0 0 13px 0;
	line-height: 1.2em;
	font-style: normal;
}

.news_list .button {
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -12px;
}



#contact_us p {
	margin: 0 0 2em 0;
}
#contact_us .col.alt {
	/*margin-left: 40px;*/
}
#contact_us .feedback {
	clear: both;
}
#contact_us .feedback label {
	width: auto;
	float: none;
	display: block;
}

#contact_us .captcha {
	overflow: hidden;
	/*padding: 20px 32px 0 164px;*/
	clear: both;
	/*float: left;*/
	width: 200px;
	margin: 0 auto 10px auto;
}

#contact_us select {
	width: 191px;
}

#contact_us .captcha input {
	float: right;
}

#contact_us .captcha label {
	margin: 7px 0 5px 0;
	text-align: center;
}
#contact_us textarea.textbox {
	clear: both;
	margin: 10px 0 0 0;
	width: 310px;
	height: 63px;
}
#contact_us .submit {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
}

#register .col {
	padding-bottom: 15px;
}
#register .checklist {
	clear: both;
	padding: 0 0 15px 0;
} 
#register .submit {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.brochure label {
	width: 80px;
}
.brochure .moredetails {
	margin: 24px 0 20px 185px;
}
.brochure .moredetails .control {
	padding: 5px 5px 5px 10px;
}
.brochure .moredetails label {
	width: auto;
}
.brochure .col {
	padding: 15px 0 0 0;
}
.brochure .col.alt {
	margin: 0 !important;
}

.brochure_list {
	overflow: hidden;
	margin: 20px 0 0 0;
}
.brochure_list .item {
	border-top: 1px solid #8cc642;
	padding: 20px 0 16px 0;
	position: relative;
	overflow: hidden;
}
.brochure_list .thumb {
	float: left;
}
.brochure_list .content {
	background: none;
	padding: 0;
	overflow: visible;
	margin: 0 180px 0 150px;
}
.brochure_list h4 {
	font-size: 1.3em;
	font-style: normal;
	margin: 0 0 20px 0;
}
.brochure_list h4 a {
	text-decoration: none;
}
.brochure_list h4 img {
	display: inline;
	border: 0;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.brochure_list h4 span {
	vertical-align: middle;
	text-decoration: underline;
}
.brochure_list h4 a:hover {
	background: #ffffff;
}
.brochure_list h4 a:hover span {
	text-decoration: none !important;
}
.brochure_list .button {
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -12px;
}

.resources li {
	list-style-type: none;
	overflow: hidden;
}
.resources li a , .resources li img {
	float: left;
	margin: 0 5px 0 0;
}


/**** CALCULATOR ****/

.calculatorForm
{

	width:296px;
}

#calcLinks
{
	overflow:hidden;
	float:left;
	width:316px;
	clear:both;
	margin:0 50px 0 0;
}

.innerLinks {
	margin: 0 !important;
	width: auto !important;
	padding: 10px 0 0 0;
}

.innerLinks .calcBox {
	padding: 5px 0 0 0;
}



.calculatorForm .textbox
{
	width:52px;
}

	
.calculatorForm .label	
{
	width:240px;
	float:left;
	padding:7px 0;
}

.calcFormProduct span 
{
	display: block;	
	padding: 20px 0 0 0;
}

.calcFormProduct h3
{
	font-style:normal;
	font-size:1.4em;
	line-height:1.6em;
	margin-top:4px;
	overflow: hidden;
}

.calcFormProduct
{
	position:relative;
	min-height:65px;
}

.calcFormProduct span
{
	overflow: hidden;
}

.calcFormImg
{
	float:right;
	margin:10px 10px 10px 0;
}
.calculatorForm .notes
{
	clear:both;
	margin:10px 0;
	}
	
.calcSubmit , .registerbtn {
	clear:both;
	float:left;
	border:none;
	cursor:pointer;
	text-indent: -5000px;
	.padding-left:1000px;
}

.calcSubmit
{
	background: url('../images/button_calculate_savings.png') no-repeat;
	width:140px;
	height:25px;
}

.registerbtn {
	background: url('../images/button_register_now.png') no-repeat;
	width:122px;
	height:25px;
	margin: 0 0 0 292px;
}

.calculatorForm .control	
{
	width:52px;
	float:right;
	padding:7px 0;
	
}

.calcBox
{
	width:158px;
	float:left;
	padding: 15px 0 0 0;
}


.calcHeader 
{
	overflow:hidden;
	border-bottom:1px solid #8CC642;
	clear:both;
}

.calcHeader img
{
	float:left;
	margin: 0 5px 0 0;
}

.calcHeader span
{
	float: left;
	color: #0068DF;
	margin: 4px 0 0 0;
}

.resultsTable
{
	clear: both;
	/*border-top: 1px solid #8DC546;*/
	padding: 0px 0 16px 0;
	border-collapse:collapse;
	width: 100%;
}

.resultsTable caption {
	color: #0565ED;
	font-weight: bold;
	/*padding: 10px 0 5px 0;*/
	padding: 0;
	border-bottom: 1px solid #8DC546;
	text-align: left;
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 1.4em;
	font-style: italic;
	line-height: 1em;
	margin: 0 0 5px 0;
}

.resultsTable th
{
	padding:16px 0 5px 0;
	color:#0565ED;

}


.resultsTable td
{
	border-bottom:1px solid #8DC546;
	padding:3px 0;
	white-space: nowrap;
}

.resultsTable .highlighted td 
{
	background: #b2d4fa;
}

.resultsTable abbr
{
	border: 0;
}

.resultsTable span.abbr {
	font-family: 'Georgia', sans-serif;
	/*background: #ddecf6;*/
	cursor: help;
}


#othercalcs {
	padding: 10px 0 0 0;	
}

#calcResultsBox
{

	float:left;
	width:308px;
	clear:both;
	min-height:385px;

}

#calcSummaryBox
{
	overflow:hidden;
	float:right;
	width:308px;
	min-height:385px;
	
}

#calcSummaryBox .callBackBtn {
	margin: 0;
	.padding: 0;
	text-indent: -5000px;
}

.calcHolder
{
	width:304px;
	overflow:hidden;
	/*float:left;*/
}

#calcResultsBox .top
{
	background: url('../images/calcResultsTop.png') no-repeat left top;
	height:5px;
	width:308px;
	padding-top:5px;
	float:left;	
}

#calcResultsBox .bottom
{
	background: url('../images/calcResultsBottom.png') no-repeat left bottom;
	height:5px;
	width:308px;
	padding-bottom:5px;
	
}

#calcResultsBox .middle
{
	background:#F2F0F1;
	float:left;
	position:relative;
	width:308px;
}

#calcResultsBox .middle ul
{
	list-style-type:none;
}

#calcResultsBox .middle ul h4
{
	color:#0068D5;
	font-style:normal;
	font-size:1.2em;
	padding-bottom:3px;
}

#calcResultsBox .middle ul li span.number
{
	position:absolute;
	right:25px;
}


.summaryLine
{
	font-family:Arial, Helvetica;
	font-size:1.5em;
	color:#B30E1C;
	float:left;
	clear:both;
	font-weight:bold;
	width:308px;
	line-height:1.2em;
	margin-top:20px;
}

.summaryLine2
{
	font-family:Arial, Helvetica;
	font-size:2.4em;
	font-weight:bold;
	float:left;
	color:#B30E1C;
	clear:both;
	width:308px;
	line-height:1.2em;
}

.summaryLine4
{
	font-family:Arial, Helvetica;
	font-size:1.4em;
	font-weight:bold;
	float:left;
	color:#B30E1C;
	clear:both;
	width:308px;
	line-height:2em;
}

.amount
{
	padding-right:3px;
}


.printPageBtn
{
	width:102px;
	height:25px;
	float:left;
	clear:both;
	margin:10px 0;
	background: url('../images/printPage.png') no-repeat;
	text-indent:-5000px;
	border:none;
	cursor:pointer;
	.padding-left:10000px;
}
.generatePDFbtn
{
	width:189px;
	background: url('../images/generatePDF.png') no-repeat;
	height:25px;
	float:left;
	margin:0 0 10px 0;
	.padding-left:10000px;
	clear:both;
	cursor:pointer;
	border:none;
	text-indent:-5000px;
}
.callBackBtn
{
	background: url('../images/callBackbtn.png') no-repeat;
	width:145px;
	height:25px;
	text-indent:-10000px;
	cursor:pointer;
	*padding-left:10000px;
	border:none;
	float:left;
	margin:10px auto 10px auto;
	display: block;
	clear:both;

}