/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	 content:".";
	 display:block;
	 height:0;
	 clear:both;
	 visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
	.hC {
		text-indent: -5999em;
		font: 1px/1px sans-serif;
		background-repeat:no-repeat;
		text-decoration:none;
		color:#fff;
	}
	
	* {
		padding: 0;
		margin: 0;
	}	
	
	br.clear {
		height:0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
	/* text-indent:-9999px; line-height: 0.001em; font-size: 0.001em; */
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family: "Tahoma", Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	body {
		font-size: 62.5%;
		text-align:center;
		background-color: #fff;
		margin:0; padding:0;
	}
	
	#wrapper {
		background: url(../../images/layout/shared/grow-mainshadow.jpg) center top repeat-y;
		padding: 0 0 0 1px;
	}
	
	div.container {
		width:780px;
		text-align:left;
		margin: 0 auto 0 auto; padding:0; 
	}
	
	a img {
		border:none;
		text-decoration:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#head {
		height: 134px;
		background: url(../../images/layout/shared/grow-header.gif) repeat-x left bottom;
		margin: 0 0 0 1px;
	}
	#head h1 {
		width: 198px;
		background: url(../../images/layout/shared/logo.gif) no-repeat;
		float: left;
	}
	#head h1 a {
		height: 109px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
	}
	#head #headR {
		width: 581px;
		float: left;
	}	
	#head #headR blockquote {
		height: 105px;
		background: url(../../images/layout/shared/top-bnr.jpg) no-repeat;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
	}
	#head #headR ul {
		width: 421px; height: 26px;
		background: url(../../images/nav/top.jpg) left top no-repeat;
		list-style-type: none;
		margin: 0 0 0 158px;
	}
	#head #headR ul li {
		width: 82px;
		float: left;
		margin: 0 1px 0 0;
	}
	#head #headR ul li,
	#head #headR ul li a
	{
		background-image: url(../../images/nav/top.jpg);
	}
	#head #headR ul li a {
		height: 26px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
	}
	
	#head #headR ul li#tL_1 a{
		background-position: 0 0px;
	}
	#head #headR ul li#tL_1 a:hover {
		background-position: 0 -26px;
	}
	#head #headR ul li#tL_2 a{
		background-position: -83px 0;
	}
	#head #headR ul li#tL_2 a:hover {
		background-position: -83px -26px;
	}
	#head #headR ul li#tL_3 a{
		background-position: -166px 0;
	}
	#head #headR ul li#tL_3 a:hover {
		background-position: -166px -26px;
	}
	#head #headR ul li#tL_4 a{
		background-position: -249px 0;
	}
	#head #headR ul li#tL_4 a:hover {
		background-position: -249px -26px;
	}
	#head #headR ul li#tL_5 a{
		background-position: -332px 0;
	}
	#head #headR ul li#tL_5 a:hover {
		background-position: -332px -26px;
	}
	
/*/////////////////////////////////////////////////////////////////////

	Content
	
/////////////////////////////////////////////////////////////////////*/
	
	#content {
		margin: 0 0 9px 0;
	}
	
	#leftNav,
	#mainCopy
	{
		margin: 8px 0 0 0;
		float: left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Sub left nav
/////////////////////////////////////////////////////////////////////*/
	
	#leftNav ul {
		list-style-type: none;
	}
	#leftNav ul li {
		width: 167px;
		background-repeat: no-repeat;
		margin: 0 13px 0 0;
	}
	#leftNav ul li a {
		height: 53px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
		background-repeat: no-repeat;
	}
	#leftNav ul li a:hover {
		background-position: -180px 0;
	}
	
	#leftNav ul li ul {
		padding: 7px 0 7px 0;
		margin-bottom:7px;
		display: none;
	}
	#leftNav ul li ul, #leftNav ul li ul li {
		width: 143px;
	}
	#leftNav ul li ul li a {
		height: auto;
		background-image: none !important;
		color: #6C6E71;
		text-indent: 0;
		line-height: normal;
		font-size: 1.1em;
		padding: 0 0 7px 9px;
	}
	#leftNav ul li ul li a:hover {
		text-decoration: underline;
	}
	
	/* images for nav */
	
	#leftNav ul li#left_1 a{
		background-image:url(../../images/nav/left/self-cleaning.jpg);
	}
	#leftNav ul li#left_1 ul {
		background-color: #FFD88F;
	}
	#leftNav ul li#left_2 a{
		background-image: url(../../images/nav/left/serenity.jpg);
	}
	#leftNav ul li#left_2 ul {
		background-color: #6DCFF6;
	}
	#leftNav ul li#left_3 a{
		background-image: url(../../images/nav/left/aqua.jpg);
	}
	#leftNav ul li#left_3 ul {
		background-color: #F9AD81;
	}
	#leftNav ul li#left_4 a{
		background-image: url(../../images/nav/left/accessories.jpg);
	}
	#leftNav ul li#left_4 ul {
		background-color: #E1C7E0;
	}

/*/////////////////////////////////////////////////////////////////////
	Main content
/////////////////////////////////////////////////////////////////////*/

	#mainCopy {
		width: 585px;
		font-size: 1.2em;
		padding: 0 15px 0 0;
		position:relative;
	}
	
	#mainCopy,
	#mainCopy a
	{
		color: #757679;
	}
	
	#mainCopy h2 {
		height: 50px;
		background-repeat: no-repeat;
		background-position: -1px 0;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		margin: 5px 0 0px 0;
	}
	
	#mainCopy h3 {
		font-size: 1.3em;
		font-weight: bold;	
		margin: 0 0 10px 0;
		background-repeat: no-repeat;
		background-position: -1px 0;
	}
	#mainCopy h3.orange {
		color:#F57B17;
		font-size:1.2em;
	}
	
	#mainCopy h3 span {
		font-weight: bold;
	}
	
	#mainCopy h4 {
		font-size: 1.2em;
		font-weight: bold;	
		margin: 0 0 10px 0;
		background-repeat: no-repeat;
		background-position: -1px 0;
	}
	
	#mainCopy p {
		line-height: 1.4em;
		margin: 0 0 20px 0;
	}
	#mainCopy a {
		/*font-weight: bold;*/
		color: #DDB305;
	}
	#mainCopy ul {
		line-height: 1.4em;
		list-style-type: none;
		margin: 0 0 16px 0;
	}
	#mainCopy ul li {
		line-height: 1.6em;
		padding: 0 0 12px 14px;
		background-repeat: no-repeat;
		background-position: 0 0.6em;
	}
	
	#mainCopy ul.noIndent li {
		padding-left: 0;
	}
	
	#mainCopy #paginator {
		font-size: 1.2em;
		font-weight: bold;
		text-align: right;
		position:absolute;
		top:48px;
		right:20px;
		line-height: 1.4em;
	}
	
	#mainCopy #paginator a:hover {
		color: #00aeef;font-weight: normal;font-size:1.4em;
	}
	
	#mainCopy #paginator a#first {
		font-size: 1.4em;
		cursor: pointer;
		}
	
	#mainCopy #pointLink {
		font-size: 1.2em;
		font-weight: bold;
		text-align: right;
	}
	
	#mainCopy table#colourSwatches {
		width:100%;
		margin-top:10px;
		border:0;
	}
	
	#mainCopy table#colourSwatches td {
		text-align:center;
		width:130px;
		padding-bottom:24px;
		vertical-align:top;
	}
	
	#mainCopy table#colourSwatches td img {
		margin-bottom:6px;
		margin:0 auto 6px;
	}

	
/*/////////////////////////////////////////////////////////////////////
	Home Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
		height: 20px;
		font-size: 0.9em;
		padding: 0 0 0 8px;
	}
	#footer * {
		color: #3A3A3B;
	}
	#footer #foot1 {
		width: 170px;
		line-height: 16px;
		float: left;
		margin: 0 8px 0 0;
	}
	#footer #foot2 {
		width: 340px; height: 16px;
		background: url(../../images/layout/shared/survey-num.gif) no-repeat;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		float: left;
		margin: 0 6px 0 0;
	}
	#footer #foot3 {
		width: 240px;
		line-height: 16px;
		text-align: right;
		float: left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Sub Footer
/////////////////////////////////////////////////////////////////////*/

	#footersub {
		height: 71px;
		background: url(../../images/layout/shared/footersub-blue.jpg) no-repeat;
	}
	
	#footersub #foot1 {
		width: 292px;
		line-height: 16px;
		float: left; display: inline;
		margin: 50px 0 0 8px;
	}
	#footersub #foot1, #footersub #foot1 a { color: #fff; }
	
	#footersub #botLinks {
		list-style-type: none;
	}
	#footersub #botLinks li {
		float: left;
	}
	#footersub #botLinks li a {
		height: 70px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
	}
	#footersub #botLinks li#bL_1 {
		width: 122px;
		margin-right: 1px;
	}
	#footersub #botLinks li#bL_2 {
		width: 117px;
		margin-right: 1px;
	}
	#footersub #botLinks li#bL_3 {
		width: 118px;
		margin-right: 1px;
	}
	#footersub #botLinks li#bL_4 {
		width: 118px;
	}
	
	#footGraphic {
		background: url(../../images/layout/shared/footer-mainshadow.jpg) center top no-repeat;
		margin: 0 0 15px 0; padding: 11px 0 0 0;
	}
	#footGraphic #foot2 {
		width: 390px; height: 16px;
		background: url(../../images/layout/shared/survey-num.gif) no-repeat;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		float: left;
	}
	#footGraphic #foot3 {
		/*width: 390px;*/
		line-height: 16px;
		text-align: right;
		/*float: left;*/
	}
	#latestOffersImg {float:right; margin:0 0 10px 10px; border:0;}
	#newsImg {float:left; margin:0 10px 10px 0; border:0;}
	
	p.blue {
		color:#191160;
		font-weight:bold;
	}