﻿body 
{
	background-image: url(../Images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #fefefe;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	color: #7c8f8f;
}

body input,
body select
{
	outline: none;
}

.hidden {
	display:none;
}

h1
{
  color:#676767!important;
  font-size:142%!important;
  font-weight:normal!important;
}

h2
{
  color:#30BCF1;
  font-size:98%;
  font-weight:bold;
}

h3
{
  font-weight:normal!important;
  color:#00ACEE!important;
}

a:link,
a:visited,
a:hover,
a:active
{
  color: #007AAB;
  text-decoration: none;
  outline: none;
}

#contactUs,
#faq,
#termsPage,
#testimonials .testimonial .quoteRight .text,
#waterAid,
#waterWise,
#tapsPage
{
	text-align: justify;
}

.blueBoldText
{
	font-size: 98%;
	font-weight: bold;
	color: #30bcf1;
}

.blueNormalText
{
	color: #00acee;
}

.darkBlueText
{
	color: #146692;
}

#contentBox
{
	min-height: 200px;
}

/* BEGIN BUTTONS */

.blueButtonBack,
.blueButton,
.greenButton,
.yellowButton,
.lightBlueButton,
.grayButton
{
	float: right;
	cursor: pointer;
}

.blueButtonBack a,
.blueButton a,
.greenButton a,
.yellowButton a,
.lightBlueButton a,
.grayButton a
{
	color: #fff;
}

.blueButton .leftBorder,
.greenButton .leftBorder,
.yellowButton .leftBorder,
.lightBlueButton .leftBorder,
.grayButton .leftBorder
{
	width: 10px;
	height: 17px;
	background-repeat: no-repeat;
	float: left;
}

.blueButton .buttonContent,
.greenButton .buttonContent,
.yellowButton .buttonContent,
.lightBlueButton .buttonContent,
.grayButton .buttonContent
{
	width: auto;
	height: 17px;
	padding-right: 4px;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
}

.blueButton .rightBorder,
.greenButton .rightBorder,
.yellowButton .rightBorder,
.lightBlueButton .rightBorder,
.grayButton .rightBorder
{
	width: 15px;
	height: 17px;
	background-repeat: no-repeat;
	float: left;
}

.blueButton .leftBorder
{
	background-image: url(../Images/bluebutton_left.png);
}

.blueButton .buttonContent
{
	background-color: #28b1dc;
}

.blueButton .rightBorder
{
	background-image: url(../Images/bluebutton_right.png);
}

.greenButton .leftBorder
{
	background-image: url(../Images/greenbutton_left.png);
}

.greenButton .buttonContent
{
	background-color: #a4d11b;
}

.greenButton .rightBorder
{
	background-image: url(../Images/greenbutton_right.png);
}

.yellowButton .leftBorder
{
	background-image: url(../Images/yellowbutton_left.png);
}

.yellowButton .buttonContent
{
	background-color: #edb60f;
}

.yellowButton .rightBorder
{
	background-image: url(../Images/yellowbutton_right.png);
}

.lightBlueButton .leftBorder
{
	background-image: url(../Images/lightbluebutton_left.png);
}

.lightBlueButton .buttonContent
{
	background-color: #8dd7f8;
}

.lightBlueButton .rightBorder
{
	background-image: url(../Images/lightbluebutton_right.png);
}

.grayButton .leftBorder
{
	background-image: url(../Images/graybutton_left.png);
}

.grayButton .buttonContent
{
	background-color: #737373;
}

.grayButton .rightBorder
{
	background-image: url(../Images/graybutton_right.png);
}

.blueButtonBack .leftBorder
{
	background-image: url(../Images/bluebutton_left2.png);
}

.blueButtonBack .buttonContent
{
	background-color: #28b1dc;
}

.blueButtonBack .rightBorder
{
	background-image: url(../Images/bluebutton_right2.png);
}

.blueButtonBack .rightBorder
{
  width: 10px;
	height: 17px;
	background-repeat: no-repeat;
	float: left;
}

.blueButtonBack .leftBorder
{
  width: 15px;
	height: 17px;
	background-repeat: no-repeat;
	float: left;
}

.blueButtonBack .buttonContent
{
	width: auto;
	height: 17px;
	padding-left: 4px;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
}

/* END BUTTONS */

/* BEGIN HEADER */

#wrapper
{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	height: 106px;
	background-color: #fff;
	margin-left: 12px;
}

#logo
{
	width: 475px;
	height: 100%;
	float: left;
}

#logo img
{
	margin-left: 26px;
	margin-top: 12px;
}

#middleHeader
{
	width: 431px;
	background-color: #fff;
	float: left;
	padding-top: 2px;
}

#middleHeader span
{
	margin-left: 5px;
	margin-right: 10px; 
	vertical-align: super;
}

.editProfile
{
	border-left: solid 1px #ddd;
}

.userEmail,
.editProfile
{
	float: right;
	padding-left: 5px;
	font-size: 85%;
	margin-top: 2px;
}	

#header #middleHeader #buttons
{
	height: 65px;
}

#header #middleHeader #search
{
	height: 100%;
}

#header #middleHeader #search .searchText
{
	float: right;
	text-align: left;
}

#header #middleHeader #search #searchBox
{
	width: 208px;
	background-image: url(../Images/search_box.jpg);
	background-repeat: no-repeat;
	float: right;
}

#header #middleHeader #search #searchButton
{
	float: right;
	padding-left: 10px;
}

#header #middleHeader #search input.searchBox
{
	width: 191px;
	height: 20px;
	background: none;
	border: none;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 8px;
	*margin-left: 7px;
	*width: 186px;
}

#pageDetail
{
	width: 93px;
	height: 100%;
	background-image: url(../Images/toppage.jpg);
	float: left;
}

.linkCursorDefault
{
  cursor: default;
}
/* END HEADER */

/* BEGIN MENU */
#menu
{
	width: 955px;
	height: 27px;
	background-image: url(../Images/bg_menu.jpg);
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-left: 10px;
	margin-left: 12px;
}

#menu a:before
{
	content: ' ';
}

#menu a
{
	margin-right: 5px;
	font-size: 117%;
	color: #fff;
}

#menu img
{
	padding-right: 3px;
}

#menu .whiteText
{
	float: left;
}

#menu .redText
{
	float: left;
}

#menu .selected
{
	color: #8fdeff;
}

#menu .whiteText a:hover
{
	color: #8fdeff;
}

#menu .redText a
{
	color: #ff0000;
}

#menu .redText a:hover
{
	color: #fff;
}

/* END MENU */

td.whiteBox 
{
	width: 992px;
}

td.leftShadow 
{
	width: 22px;
}

td.leftShadow,
td.whiteBox,
td.rightShadow
{
	border: none;
	padding-top: 0.2em;
}

div .leftShadow
{
	background-image: url(../Images/left_shadow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none;
}

div .whiteBox
{
	background-color: #fff;
	border: none;
	margin-top:4px;
	margin-left: 12px;
}

#contentBox
{
	width: 955px;
	height: auto;
}

div .rightShadow
{
	min-height: 526px;
	background-image: url(../Images/right_shadow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none
}

.bottomShadow
{
	background-image: url(../Images/bottom_shadow.png);
	background-position: -4px -2px;
	background-repeat: no-repeat;
	clear: both;
	border: none;
	height: 20px;
}

#messageBar
{
	width: 965px;
	height: 40px;
	background-image: url(../Images/bg_messagebar.jpg);
	background-repeat: repeat-x;
	margin-top: 2px;
	padding-top: 8px;
	text-align: center;
}

#messageBar span
{
	font-size: 132%;
	color: #dedede;
}

/* BEGIN HOME PAGE */

	/* BEGIN BANNER */

#contentBox #bannerPlace
{
	height: 405px;
	*height: 388px;
	width: 957px;
}

/*
*{
	padding: 0;
	margin: 0;
	font-family: verdana, arial;
	font-size: 12px;
	
}

a
{
	text-decoration: none;
	text-color: #007BEC;
}

a:hover
{
	text-decoration: underline;
}
*/

a img
{
}

body
{
}

/* Example style */

#SlideShow
{
	cursor: pointer;
}

#test
{
	z-index: 100px;
}

#DisplayDiv
{
	width: 968px;
	height: 352px;
}

#ThumbnailDiv
{
	padding-top: 10px;
	width: 980px;
	height: 45px;
}

#ThumbnailDiv img
{
	filter: alpha(opacity:90);
	margin-right: -2px;
	cursor: pointer;

}
#ThumbnailDiv img:hover{
	filter: alpha(opacity:100);
}

	/* END BANNER */

	/* BEGIN FIRST SECTION */

#firstSection
{
	background-image:url(../Images/bg_titlesfirstline.jpg);
	background-repeat:repeat-x;
	min-height: 72px;
	height: 225px;
	width: 965px;
	*margin-top: 17px;
}

#firstSection * > div.title p
{
	font-size: 115%;
	padding-left: 20px;
	padding-top: 8px;
}

#firstSection .firstColumn div.title,
#firstSection .secondColumn div.title,
#firstSection .thirdColumn div.title
{
	background-repeat:repeat-x;
	height:45px;
	width: 100%;
	text-align: left;
	font-size: 130%;
}

#firstSection .firstColumn span.title,
#firstSection .secondColumn span.title,
#firstSection .thirdColumn span.title,
#firstSection h3
{
	font-size: 135%;
	color: #676767;
}

#firstSection h3 {
	margin: 0;
}

#firstSection .firstColumn div.content,
#firstSection .secondColumn div.content,
#firstSection .thirdColumn div.content
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}

#firstSection .firstColumn div.content p,
#firstSection .secondColumn div.content p,
#firstSection .thirdColumn div.content p
{
	font-size: 83%;
	margin-top: 4px;
}

#firstSection .firstColumn
{	
	width: 322px;
	float: left;
	margin-right: 2px;
}

#firstSection .secondColumn
{	
	width: 319px;
	float: left;
	margin-right: 2px;
}

#firstSection .thirdColumn
{	
	width: 320px;
	float: left;
}

.borderDetail
{
	background-color: #A3A3A3;
	float: right;
	height: 190px;
	margin-right: -1px;
	margin-top: 26px;
	width: 1px;
}

#firstSection .firstColumn div.title
{
	background-image:url(../Images/bg_firstcolumn.jpg);
	color:#948948;
}

#firstSection .secondColumn div.title
{
	background-image:url(../Images/bg_secondcolumn.jpg);
	color:#72991A;
}

#firstSection .thirdColumn div.title
{
	background-image:url(../Images/bg_thirdcolumn.jpg);
	color:#8D6B07;
}

#firstSection .firstColumn .serviceButtons
{
	font-size: 85%;
	color: #00acee;
	margin-left: 19px;
	margin-top: 25px;
}

.serviceButtons a:hover
{
	color: #606060;
}

#firstSection .firstColumn .demo,
#firstSection .firstColumn .fitting,
#firstSection .firstColumn .service
{
	float: left;
	padding-top: 40px;
}

#firstSection .firstColumn .demo
{
	width: 40px;
	background-image: url(../Images/icon_demo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 39px;
}

#firstSection .firstColumn .fitting
{
	width: 36px;
	background-image: url(../Images/icon_fitting.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 35px;
}

#firstSection .firstColumn .service
{
	width: 95px;
	background-image: url(../Images/icon_service.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#firstSection .secondColumn div.content .blueButton
{
	margin-top: 13px;
	*margin-top: 15px;
}

#firstSection .secondColumn div.content .blueButton:nth-of-type(1)
{
	margin-top: 16px;
}

#firstSection .thirdColumn div.content .blueButton
{
	padding-right: 10px;
	margin-top: 131px
}

#firstSection .thirdColumn div.content .thirdTitle
{
	width: 155px;
	height: 25px;
	background-image: url(../Images/bg_feature.png);
	background-repeat: repeat-x;
	background-position: right center;
	padding-left: 10px;
	margin-left: -10px;
}

#firstSection .thirdColumn div.content #thirdContent
{
	padding-top: 10px;
 
}

#firstSection .thirdColumn div.content #thirdContent .imgProduct
{
	float:left;
	padding-right:7px;
}

#firstSection .thirdColumn div.content #thirdContent .nameAndPrice
{
  padding-top:25px;
  position:absolute;
  width: 170px;
}

#firstSection .thirdColumn div.content
{
	/*background-image: url(../Images/featureproduct_image.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px;*/
	height: 200px;
	position: relative;
	max-width: 300px;
	display: block;
	min-width: 299px;
}

#firstSection .thirdColumn div.content .productName
{
	line-height: 20px;
	color: #7C8F8F;
	vertical-align:middle;
}

	/* END FIRST SECTION */

	/* BEGIN SECOND SECTION */

#secondSection
{
	width: 965px;
	*height: 275px;
}

#secondSection div.centeredImg
{
	text-align: center;
}

#secondSection img
{
	margin-bottom: 20px;
}

#secondSection .title
{
	height: 28px;
	background-image: url(../Images/bg_titlesecondline.jpg);
	background-repeat: repeat-x;
	font-size: 125%;
	padding-left: 20px;
	padding-top: 5px;
}

#secondSection .firstColumn,
#secondSection .secondColumn,
#secondSection .thirdColumn,
#secondSection .fourthColumn
{
	float: left;
	width: 241px;
}

#secondSection .fourthColumn
{
	width: 242px;
}

#secondSection .firstColumn div.content,
#secondSection .secondColumn div.content,
#secondSection .thirdColumn div.content,
#secondSection .fourthColumn div.content
{
	background-image: url(../Images/bg_downcolumns.jpg);
	background-repeat: repeat-x;
	min-height: 204px;
	padding: 16px;
}

#secondSection .firstColumn div.content,
#secondSection .secondColumn div.content,
#secondSection .thirdColumn div.content
{
	margin-right: 2px;
}

#secondSection .firstColumn .title,
#secondSection .secondColumn .title,
#secondSection .thirdColumn .title
{
	margin-right: 2px;
}

#secondSection .firstColumn div.content .blueButton
{
	margin-top: 32px;
	*margin-top: 42px;
}

#secondSection .secondColumn div.content .blueButton
{
	/*margin-top: 50px;*/
	margin-top: 32px;
	*margin-top: 42px;
}

#secondSection .thirdColumn div.content .blueButton
{
	margin-top: 62px;
	*margin-top: 70px;
}

#secondSection .thirdColumn div.content .blueButton:nth-of-type(1)
{
	margin-top: 64px;
}

#secondSection .fourthColumn div.content .blueButton
{
	margin-top: 12px;
	*margin-top: 22px;
}

	/* END SECOND SECTION */

/* END HOME PAGE*/


/* BEGIN FOOTER MENU */

#footerMenu
{
	width: 964px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	font-size: 85%;
	color: #717171;
	line-height: 150%;
	text-align: left;
}

#footerMenu > div
{
	padding-bottom: 8px;
}

#footerMenu a,
#footerMenu a:link, 
#footerMenu a:visited,
#footerMenu a:active
{
	text-decoration: none;
	color: #717171;
}

#footerMenu a:hover
{
	color: #8fdeff;
}

.smallText
{
	font-size: 95%;
}

#footerMenu .title
{
	font-weight: bold;
}

#footerMenu .firstColumn
{
	width: 240px;
	padding-left: 4px;
	float: left;
}

#footerMenu .secondColumn
{
	width: 240px;
	float: left;
}

#footerMenu .thirdColumn
{
	width: 240px;
	float: left;
}

#footerMenu .fourthColumn
{
	width: 240px;
	float: left;
}

/* END FOOTER MENU */


/* BEGIN LEFT BAR MASTER PAGE */

#breadcrumb
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 20px;
	color: #89b3c4;
}

#leftBar
{
	background-image: url(../Images/bg_leftbar.jpg);
	background-repeat: repeat-y;
	width: 218px;
	margin-bottom: 7px;
	float: left;
	font-size: 115%;
	color: #9dabab;
	line-height: 25px;
}

#leftBar a:link,
#leftBar a:visited,
#leftBar a:hover,
#leftBar a:active
{
	color: #9DABAB;
}

#leftBar .title
{
	font-size: 125%;
	color: #676767;
}

#leftBar .options
{
	margin-top: 20px;
}

#quickLinks,
#searchByBrands
{
	
	margin-bottom: 13px;
	padding: 20px 20px 20px 30px;
}

#searchByBrands img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#mainRight
{
	width: 705px;
	padding-top: 20px;
	padding-left: 30px;
	margin-bottom: 20px;
	float: left;
	font-size: 100%;
}

#mainRight .title
#subFooter .title
{
	font-size: 145%;
	color: #676767;
}

#subFooter
{
	margin-bottom: 10px;
}

/* END LEFT BAR MASTER PAGE */


/* BEGIN CONTACT PAGE */

#contactUs .contactTitle
{
	font-size: 142%;
	color: #676767;
}

#contactUs .contactForm
{
	width: 345px;
	margin-top: 20px;
	margin-left: 18%;
	color: #9dabab;
}

#contactUs .contactForm .dropDown,
#cartridgeReminder .cartridgeForm .modelBox .dropDown
{
	border: 1px solid #DDDDDD;
	color: #676767;
	font-size: 130%;
	height: 34px;
	margin-bottom: 20px;
	margin-left: 2px;
	margin-top: -10px;
	padding-top: 4px;
	width: 337px;
}

#contactUs .contactForm .blueButton
{
	padding-top: 30px;
	height: 47px;
}

#contactUs .contactForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
}

#contactUs .contactForm .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#contactUs .contactForm input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#contactUs .contactForm .messageForm
{
  width: 339px;
  background-image: url(../Images/messagebox.png);
  background-repeat: no-repeat;
  margin-top: -10px;
  margin-bottom: 5px;
}

#contactUs .contactForm textarea.messageForm
{
	width: 325px;
	height: 97px;
	background: transparent none repeat scroll 0 0;
	border: none;
	margin-top: 5px;
	padding-left: 7px;
	vertical-align: middle;
	color: #676767;
	resize: none;
}

#contactUs .contactForm select.boxForm
{
	width: 330px;
	height:42px;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	vertical-align: middle;
	color: #676767;
	font-size: 155%;
}

.errorMessage
{
  padding-bottom: 20px;
  color:#FF5555;
  font-weight:bold;
  width:400px;
}

.successfulMessage
{
  padding-bottom: 20px;
  color:#5555FF;
  font-weight:bold;
  width:400px;
}

/* END CONTACT PAGE */

/* BEGIN COMMENTBOX */


#commentBox
{
  margin-top: -15px;
  margin-left: -70px;
}

#commentBox .commentForm
{
	width: 345px;
	margin-top: 20px;
	margin-left: 18%;
	color: #9dabab;
}

#commentBox .commentForm .dropDown
{
	border: 1px solid #DDDDDD;
	color: #676767;
	font-size: 130%;
	height: 34px;
	margin-bottom: 20px;
	margin-left: 2px;
	margin-top: -10px;
	padding-top: 4px;
	width: 147px;
}

#commentBox .commentForm .blueButton
{
	padding-top: 10px;
}

#commentBox .commentForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
	padding-bottom: 15px;
}

#commentBox .commentForm .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#commentBox .commentForm input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#commentBox .commentForm .messageForm
{
  width: 339px;
  background-image: url(../Images/messagebox.png);
  background-repeat: no-repeat;
  margin-top: -10px;
  margin-bottom: 5px;
}

#commentBox .commentForm textarea.messageForm
{
	width: 325px;
	height: 97px;
	background: transparent none repeat scroll 0 0;
	border: none;
	margin-top: 5px;
	padding-left: 7px;
	vertical-align: middle;
	color: #676767;
	resize: none;
}

#commentBox .commentForm select.boxForm
{
	width: 330px;
	height:42px;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	vertical-align: middle;
	color: #676767;
	font-size: 155%;
}

/* END COMMENTBOX */

/* BEGIN USER COMMENTS */

#userComments .comments span.title
{
   font-weight: bold;
}

.userComments .content #userComments .comments
{
	margin-top: -20px;
}

/* END USER COMMENTS */

/* BEGIN CONTENTPAGE */

#staticBanner
{
	width: 713px;
}

#staticBanner .banner
{
	height: 263px;
	background-repeat: no-repeat;
	border: solid 6px;
}

#softWaterGuide #staticBanner .banner
{
	background-image: url(../Images/staticbanner_soft.jpg);
	border-color: #D0E9A8;
}

#pureWaterGuide #staticBanner .banner
{
	background-image: url(../Images/staticbanner_pure.jpg);
	border-color: #C6E8F2;
}

#boilingWater #staticBanner .banner
{
	background-image: url(../Images/staticbanner_boiling.jpg);
	border-color: #FF9398;
}

#staticBanner .shadow
{
	height: 10px;
	background-image: url(../Images/bg_bannerplaceshadow.png);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}

.contentTitle
{
	font-size: 142%;
	color: #676767;
}

#contentPage #contentPlace
{
	margin-top: 20px;
	margin-right: 40px;
}

#contentPage #contentPlace .text
{
	margin-top: 15px;
}

#contentPage #contentPlace .blueButton
{
	margin-top: 35px;
	float: left;
}

/* END CONTENT PAGE */

/*BEGIN SHOPPING CART PAGE */

#basket
{
	width: 674px;
}

#basket td
{
	border-color:#fff;
}

#basket > div.top
{
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#basket .product .information .top .quantity,
#basket .product .information .top .quantity .quantityBox .text,
#basket .product .information .top .quantity .quantityBox .box,
#basket .product .information .top .quantity .quantityBox .greenButton
{
	float: right;
}

#basket .top img
{
	margin-bottom: -5px;
}

#basket .product
{
	border-bottom: solid 1px #c8c8c8;
	height: auto;
	width: 673px;
}

#basket .product .image,
#basket .product .information,
#basket .product .information .bottom .code,
#basket .product .information .bottom .unitprice,
#basket .product .information .bottom .totalprice
{
	float: left;
}

#basket .product .image
{
	width: 100px;
	margin-top: 28px;
	text-align: center;
}

#basket .product .information
{
	padding-bottom: 30px;
	padding-top: 45px;
}

#basket .product .information .top
{
	height: auto;
}

#basket .product .information .top .name
{
	width: 382px;
	*margin-top: -23px;
	padding-left: 5px;
	font-size: 150%;
	color: #00acee;
	float:left;
}

#basket .product .information .top .name:nth-of-type(1)
{
	width: 377px;
}

	/* BEGIN QUANTITY BOX */
.quantity .quantityBox
{
	height: auto;
}

.quantity .quantityBox .text
{
	padding-top: 3px;
	padding-right: 5px;
	font-size: 95%;
	text-align: left;
}

.quantity .quantityBox .box
{
	width: 56px;
	height: 23px;
	background-image: url(../Images/quantitybox.png);
	background-repeat: no-repeat;
}

.quantity .quantityBox input.box
{
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #7C8F8F;
	font-size: 85%;
	padding-right: 4px;
	padding-top: 4px;
	text-align: center;
	width: 49px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 .quantity .quantityBox input.box
 {
  padding-top: 0px;
 }
}

.quantity .quantityBox .greenButton
{
	padding-left: 15px;
	padding-top: 2px;
}

	/* END QUANTITY BOX */

#basket .product .information .bottom .code,
#basket .product .information .bottom .unitprice
{
	padding-right: 49px;
}

#basket .product .information .bottom
{
	margin-top: 8px;
	padding-left: 5px;
	font-weight: bold;
	color: #464646;
}

#basket .product .information .bottom .code,
#basket .product .information .bottom .unitprice,
#basket .product .information .bottom .totalprice
{
	border-left: solid 1px #c7c7c7;
	padding-left: 5px;
}

#basket .product .information .bottom .value
{
	font-size: 85%;
	color: #10b1ef;
}

#basket .bottom 
{
	margin-top: 30px;
}

#basket .bottom .greenButton,
#basket .bottom .yellowButton,
#basket .bottom .lightBlueButton
{
	float: right;
	padding-left: 15px;
}

/*END SHOPPING CART PAGE */

/* BEGIN PRODUCT PAGE*/

#productPage .sectionTitle
{
	font-size: 185%;
	color: #676767;
}

#productPage .products
{
	height: 160px;
	margin-top: 30px;
	padding-bottom: 8px;
	border-bottom: solid 1px #C8C8C8;
}

.productButtons
{
	*float: right;
}

#productPage .products .blueButton
{
	padding-right: 15px;
}

#productPage .products .blueButton,
#productPage .products .greenButton
{
	float: left;
	padding-top: 15px;
}

#productPage .products .leftProduct,
#productPage .products .rightProduct
{
	float: left;
	width: 352px;
}

#productPage .products span.h1,
#sugestions .h1
{
	color: #00acee;
	font-size: 138%;
}

#productPage .products span.price,
#sugestions span.price
{
	font-size: 117%;
	font-weight: bold;
	line-height: 35px;
	color: #676767;
}

.redText s
{
	color: #9DABAB;
}

#productPage .products .image,
#sugestions .image
{
	float: left;
	text-align: right;
	width: 110px;
	background-image: url(../Images/loadingimage.gif);
}

#productPage .products .image
{
	padding-right: 20px;
}

#sugestions .image
{
	padding-left: 10px;
	padding-right: 14px;
}

#productPage .products .description,
#sugestions .description
{
	font-size: 92%;
	line-height: 16px;
}

#sugestions
{
	margin-top: 25px;
	height: 170px;
}

#sugestions .description
{
	min-height: 110px;
}

#sugestions div.buttons
{
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
}

#sugestions .blueButton,
#sugestions .greenButton
{
	float: left;
}

#sugestions .greenButton
{
	margin-top: -12px;
}

#sugestions .firstColumn,
#sugestions .secondColumn,
#sugestions .thirdColumn
{
	float: left;
	width: 305px;
	min-height: 140px;
	padding-right: 8px;
}

#sugestions .secondColumn
{
	border-left: solid 1px #a3a3a3;
	border-right: solid 1px #a3a3a3;
	padding-right: 15px;
}

#youMayAlsoLike .title
{
	font-size: 142%;
	color: #676767;
	padding-left: 20px;
}

/* END PRODUCT PAGE*/

/* BEGIN SEARCH PAGE */

#searchPage .sectionTitle
{
	font-size: 185%;
	color: #676767;
}

#searchPage .top
{
	border-bottom: solid 1px #C8C8C8;
}

#searchPage .dataListCell td
{
  min-width: 330px;
  padding-right:20px;
  border-bottom: solid 1px #C8C8C8;
  border-left: none;
  border-top: none;
  border-right: none;
}

#searchPage .products
{
	height: 160px;
	margin-top: 30px;
	padding-bottom: 8px;
}

#searchPage .products .blueButton
{
	padding-right: 10px;
}

#searchPage .products .blueButton,
#searchPage .products .greenButton
{
	float: left;
	padding-top: 15px;
}

#searchPage .products .leftProduct
{
	float: left;
	width: 330px;
}

#searchPage .products span.h1
{
	color: #00acee;
	font-size: 138%;
}

#searchPage .products span.title
{
  color: #00acee;
	font-size: 117%;
	font-weight: bold;
	line-height: 35px;
	cursor: pointer;
}

#searchPage .products span.price
{
	font-size: 117%;
	font-weight: bold;
	line-height: 35px;
}

#searchPage .products span.price .redText
{
	color: #ff0000;
}

#searchPage .products .image
{
	float: left;
	text-align: right;
	width: 110px;
	padding-right: 20px;
	cursor: pointer;
	background-image: url(../Images/loadingimage.gif);
	background-repeat:no-repeat;
  background-position:center center;
  height: 130px;
}

#searchPage .products .description
{
	font-size: 92%;
	line-height: 17px;
}

#searchPage .products .description, x:default
{
	line-height: 0px;
}

#searchPage .products .description
{
	*line-height: 17px;
}

#searchPage .products .description span.title
{
  line-height: 16px;
}

/* END SEARCH PAGE */

/* BEGIN INDIVIDUAL CONTENT PAGE */

.productDescription,
.productImage
{
	float: left;
}

.productImage .image
{
  background-image:url(../Images/loadingimage.gif);
  background-position:center center;
  background-repeat:no-repeat;
  width:200px;
  height:250px;
}

.productDescription
{
	width: 380px;
	margin-right: 7px;
}

.productImage
{
	width: 310px;
	text-align: center;
}

.moreImages
{
	width: 245px;
	margin-left: auto;
	margin-right: auto;
}

.leftImg
{
	margin-right: 10px;
}

.leftImg,
.rightImg
{
	width: 115px;
	height: 115px;
	padding-top: 10px;
	border: solid 1px #cbcbcb;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.productDescription .top .name
{
	color: #00acee;
	font-size: 200%;
}

.productDescription .top .price
{
	font-size: 175%;
	font-weight: bold;
	line-height: 35px;
}

#lblPrice
{
	color: #FF0000;
}

.productDescription .top .quantity
{
	margin-bottom: 60px;
	margin-top: 15px;
}

.productDescription .top .greenButton,
.productDescription .top .box,
.productDescription .top .text
{
	float: left;
}

.productDescription .spec,
.productDescription .userComments,
.productDescription .costs
{
	border-top: solid 1px #c8c8c8;
	padding-top: 18px;
	margin-top: 35px;
}

.productDescription .subTitle
{
	font-size: 135%;
	font-weight: bold;
}

.productDescription .content
{
	margin-top: 20px;
	font-size: 92%;
	line-height: 20px;
}

.productDescription .blueBoldText
{
	font-size: 92%;
}

.costs .blueButton
{
	margin-top: 20px;
	margin-right: 15px;
	float: left;
}

.productDescription .backNext
{
  margin-top: 30px;
  padding-bottom: 1px;
  border-top: 1px solid #C8C8C8;
  height: 12px;
}

.productDescription .backNext .nextButton
{
  float: right;
  margin-top: 15px;
}

.productDescription .backNext .backButton
{
  float: left;
  margin-top: 15px;
}

/* END INDIVIDUAL CONTENT PAGE */

/* BEGIN LOGIN PAGE */

#loginPage .loginTitle
{
	font-size: 142%;
	color: #676767;
}

#loginPage .loginForm,
#loginPage .password,
#loginPage .newCostumer
{
	width: 345px;
	margin-top: 20px;
	margin-left: 18%;
	color: #9dabab;
}

#loginPage .loginForm .boxText,
#loginPage .password .boxText,
#loginPage .newCostumer .boxText,
#loginPage .password .boxTextForgotten
{
	font-size: 115%;
	padding-left: 5px;
}

#loginPage .password .boxTextForgotten
{
  padding-bottom: 15px; 
}

#loginPage .loginForm .boxForm,
#loginPage .password .boxForm,
#loginPage .newCostumer .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#loginPage .loginForm input.boxForm,
#loginPage .password input.boxForm,
#loginPage .newCostumer input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: 0 !important;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#loginPage .loginForm .usernameBox
{
	margin-top: 20px;
}

#loginPage .password .forgottenBox,
#loginPage .newCostumer .costumerBox
{
	margin-top: 35px;
}

/* END LOGIN PAGE */

/* BEGIN RENOVATIONS PAGE */

#renovationsPage
{
	width: 925px;
	background: #fff;
	border: solid 10px #bbbbbb;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 0 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#renovationsPage .homeText
{
	margin-top: 0px;
}

#renovationsPage .title
{
	font-size: 360%;
	color: #393939;
	font-weight: bold;
	text-align: center;
	margin-left: -20px;
}

#renovationsPage .highlightedTitle
{
	color: #969c5d;
}

#renovationsPage .content
{
	margin-top: 30px;
	margin-bottom: 50px;
	color: #6b6a6a;
	width: 895px;
}

#renovationsPage .content div.centeredImg
{
	text-align: center;
}

#renovationsPage .content div.centeredImg img
{
	border: solid 1px #606060;
}

#imgs
{
	width: 833px;
	margin-left: auto;
	margin-right: auto;
}

#imgs .firstColumn,
#imgs .secondColumn,
#imgs .thirdColumn
{
	float: left;
}

#imgs .firstColumn .text,
#imgs .secondColumn .text,
#imgs .thirdColumn .text
{
	font-size: 88%;
	margin-left: 5px;
	margin-top: 3px;
}	

#imgs .firstColumn .image,
#imgs .secondColumn .image,
#imgs .thirdColumn .image
{
	border: solid 1px #606060;
}

#imgs .firstColumn,
#imgs .secondColumn
{
	margin-right: 10px;
}

/* END RENOVATIONS PAGE */

/* BEGIN LOGIN THICKBOX */

#loginThickbox
{
	width: 440px;
	background-image: url(../Images/bg_loginthickbox.jpg);
	background-repeat: repeat-x;
	border: solid 10px #bbbbbb;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 70px 27px 25px;
}

#loginThickbox .title
{
	font-size: 142%;
	color: #676767;
}

#loginThickbox .blueButton
{
	float: right;
	margin-right: -70px;
}

#loginThickbox .loginForm,
#loginThickbox .passwordForm
{
	width: 345px;
	margin-top: 20px;
	margin-left: 4%;
	color: #9dabab;
}

.loginForm .boxText,
.passwordForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
}

.loginForm .boxForm,
.passwordForm .boxForm
{
	width: 416px;
	background-image: url(../Images/boxform_loginthickbox.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

.loginForm input.boxForm,
.passwordForm input.boxForm
{
	width: 400px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 395px;
}

.loginForm .usernameBox
{
	margin-top: 20px;
}

.passwordForm .lostBox
{
	margin-top: 75px;
}

/* END LOGIN THICKBOX */

/* BEGIN FAQ */

#faq img
{
	padding-top: 5px;
}

.question
{
	width: 435px;
	height: 20px;
	background-color: #28B1DC;
	margin-top: 40px;
	margin-bottom: 5px;
	padding-left: 16px;
	padding-top: 2px;
	color: #FFFFFF;
}

.back
{
	font-size: 80%;
	font-weight: bold;
	margin-top: -12px;
}

/* END FAQ */

/* BEGIN WE ARE AQUAVITAE */

.homeText
{
	font-size: 85%;
	color: #8ba0a0;
	line-height: 16px;
	margin-top: -12px;
	margin-bottom: 20px;
}

/* END WE ARE AQUAVITAE */

#softWaterGuide .question
{
	width: 490px;
}

#softWaterGuide td
{
	border: solid 1px #D1EFEF;
	text-align: center;
}

/* BEGIN TESTIMONIALS PAGE */

.testimonials
{
	width: 580px;
}

#testimonials .border
{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	border-bottom: solid 1px #e9e6e6;
	clear: both;
}

.testimonial
{
	margin-left: auto;
	margin-right: auto;
	width: 565px;
}

.testimonial .quoteLeft,
.testimonial .text,
.testimonial .quoteRight
{
	min-height: 50px;
	float: left;
}

.testimonial .quoteLeft
{
	background-image: url(../Images/quote_open.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 65px;
}

.testimonial .quoteRight
{
	background-image: url(../Images/quote_close.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 500px;
}

.testimonial .text
{
	padding-left: 15px;
	padding-right: 60px;
}

.testimonial .customer
{
	font-size: 98%;
	font-weight: bold;
	color: #30bcf1;
	text-align: center;
}

/* END TESTIMONIALS END */


/* BEGIN REGISTER PAGE */

#registerPage .registerForm
{
	width: 345px;
	margin-top: 20px;
	margin-left: 135px;
	color: #9dabab;
}

#registerPage .registerForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
}

#registerPage .registerForm .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#registerPage .registerForm input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#registerPage .registerForm .usernameBox
{
	margin-top: 20px;
}

/* END REGISTER PAGE */

/* BEGIN CHANGE PASSWORD */

#changePassword .changePasswordForm
{
	width: 345px;
	margin-top: 0px;
	margin-left: 5px;
	color: #9dabab;
}

#changePassword .changePasswordForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
}

#changePassword .changePasswordForm .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#changePassword .changePasswordForm input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

/* END CHANGE PASSWORD */

/* BEGIN CARTRIDGE REMINDER */

#cartridgeReminder .cartridgeForm
{
	width: 345px;
	margin-top: 20px;
	margin-left: 18%;
	color: #9dabab;
}

#cartridgeReminder .cartridgeForm .boxText
{
	font-size: 115%;
	padding-left: 5px;
}

#cartridgeReminder .cartridgeForm .boxForm
{
	width: 339px;
	background-image: url(../Images/boxform.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: 5px;
}

#cartridgeReminder .cartridgeForm input.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#cartridgeReminder .cartridgeForm select.boxForm
{
	width: 325px;
	height: 42px;
	background: transparent none repeat scroll 0 0;
	border: none;
	padding-left: 7px;
	padding-top: 15px;
	font-size: 155%;
	vertical-align: middle;
	color: #676767;
	*margin-left: 7px;
	*width: 320px;
}

#cartridgeReminder .cartridgeForm .dateBox input.boxForm
{
	font-family: Arial;
	font-size: 180%;
	*margin-left: 7px;
	*width: 320px;
}

#cartridgeReminder .cartridgeForm .dateBox input.boxForm
{
	margin-top: -16px;
}

#cartridgeReminder .cartridgeForm td
{
	vertical-align: top;
	padding-top: 7px;
}

/* END CARTRIDGE REMINDER */

/* BEGIN SITE MAP */

#siteMap .leftLinks,
#siteMap .rightLinks
{
	width: 250px;
	margin-left: 75px;
	float: left;
}

/* END SITE MAP */

.checkoutPage
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

.sagePay
{
	line-height: 15px;
	margin-left: 80px;
	margin-bottom: 30px;
}

.sagePay input
{
	border:1px solid #DDDDDD;
	color: #676767;
	font-size: 130%;
	height: 25px;
	padding-top: 3px;
	width: 240px;
}

.sagePay .delivery input
{
	margin-top: -10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.sagePay .delivery span.check > input
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 20px;
}

.sagePay .delivery span.check > label
{
	margin-top: 5px;
	float: right;
	*float:none;
  padding-right: 80px;
}

.sagePay .billing input
{
	margin-top: -10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.noComments
{
	margin-top: -50px;
	*margin-top: -30px;
}

.noComments:nth-of-type(1)
{
	margin-top: -30px;
}

#successfulOrder
{
	margin: 20px 20px 20px 20px;
}

#successfulOrder .quantity
{
  text-align: center;
}

#successfulOrder table
{
  width:80%;
}

#successfulOrder table,
#successfulOrder tbody,
#successfulOrder tr,
#successfulOrder td,
#successfulOrder th
{
  border-style: none;
  border-color: #fff;
  text-align: left;
}

.address .shipping,
.address .billing
{
	float: left;
	width: 455px;
}

.ddlCountry
{
	border: 1px solid #DDDDDD;
	color: #676767;
	font-size: 130%;

	height: 34px;
	margin-bottom: 20px;
	padding-top: 4px;
}

.countryBox .ddlForm .ddlCountry
{
	width: 339px !important;
}

.countryBox .ddlCountry
{
	width: 242px !important;
}

.options .selected
{
	text-decoration: underline;
	color: #00acee !important;
}

.options a:hover
{
	text-decoration: underline;
	color: #00acee !important;
}

.options .red a:active,
.options .red a:link,
.options .red a:visited
{
  color: #FF0000 !important;
}

.options red a:hover
{
	text-decoration: underline;
	color: #FF0000 !important;
}

.options .highlight
{
	padding-left: 10px;
	font-size: 85%;
}

.options .highlight a:active,
.options .highlight a:link,
.options .highlight a:visited
{
	color: #00acee !important;
}

.options .highlight a:hover
{
	color: #95cb21 !important;
	text-decoration: none;
}

#ctl00_ctl00_main_subMain_ctl00_rdpDate_dateInput_text
{
	*width: 275px !important;
}

.redText
{
	color: #ff0000;
}