/* CSS Document */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		font: 12px/1em arial, helvetica, tahoma, sans-serif;
		color: #000;
		line-height:normal;
	}
	
	body {
		margin: 0;
	}

/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader, hr {
		display: none;
	}
	
	a img {
		border: 0;
	}

	a {
		color:#0052a5;
		text-decoration:none;
		}
		
	a:hover {
		text-decoration:underline;
		}

	.clear {
		clear: both;
	}
	
	.floatL {
		float: left;
		margin:0 20px 20px 0;
	}
	.floatR {
		float: right;
		margin:0 0px 20px 20px;
	}
	.floatLimg {
		float: left;
		margin: 0 20px 10px 0;
		padding: 2px;
	}
	.floatRimg {
		float: right;
		margin: 0 0 10px 20px;
		padding: 2px;
	}
	hr {
		display: none;
	}
	
	.infoText{
		padding-left:7px;
		color:#5376b4;
		font-weight:bold;
	}
	.error{
		color:#CC0000;
	}
	.recycleImage{
		float:left;
		margin:5px 15px 30px 0;
	}
	
	#imageAndText ul{
		padding:0;
		margin:0;
		font-size:16px;
	}
	#imageAndText li{
		margin-left:20px;
	}
	
	li{
		margin:0 0 10px 0;
	}
	
	.quote{
		color:#a2a2a3;
	}

/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap{
		width:978px;
		margin:0 auto;
	}
	#innerwrap {
		background: url(../images/bg.jpg) no-repeat;
		width:978px;
	}
	
	#floatingRoundel{
		background:url(../images/buyOnlineRoundel.png) no-repeat;
		position:absolute;
		top:280px;
		float:left;
		width:200px;
		height:142px;
		z-index:100;
	}
	
	#innerContentWrap{
		width:910px;
		margin:0 auto;
	}
	
	#header {
		position:relative;
		height:149px;
		background:url(../images/header.jpg) no-repeat;
	}
		#header .buttons{
			position:absolute;
			right:30px;
			top:20px;
		}
		#header .basketLink{
			clear:both;
			margin:10px 0 0 60px;
			padding:0;
		}
		#header .basketLinkA{
			color:#666666;
			height:40px;
			font-weight:bold;
			float:left;
			margin:5px 10px 0 0px;
		}
		
	#footer {
		border-top:3px #b3d9f3 solid;
		font-size:0.9em;
		text-align:center;
	}
	
	#footer a{
		color:#000000;
	}
	
	#leftColumnWrap{
		/*padding:80px 0 0 0; !important*/
		padding:40px 0 0 0; !important
		width:200px; 
		float:left;
	}
	
	#leftnav {
		width: 200px;  
		/*width: 230px;*/
		display:block;
		float:left;
		margin:0 0 50px 40px;
	}
	*html #leftnav {
		margin:0 0 0 20px;
	}
	
	
	
	#leftnav p{
		padding-left:10px;
	}
	#leftnav a {
		line-height: 22px;
		font-size: 15px;
		color:#2f2a28;
	}
	#leftnav h4 a.leftNavTitle{
		font-size: 18px;
		color:#0071bc;
	}
	#leftnav a:hover{
		text-decoration:underline;
	}
	#leftnav a.selected{
		text-decoration:underline;
	}
	#leftnav h4.selected{
		text-decoration:underline;
		font-weight:bold;
		font-size: 17px;
		color:#0071bc;
	}
	.selected{
		font-weight:bold;
	}
	
	#actualProductContent{
		width:725px; 
		/*width:670px;*/
		float:right; 
		margin:-71px 0 0 0;
	}
	
	#main {
		float:right;
		width:670px;
		padding:0;
		margin:0;
	}
	
	#navigation {
			position: relative;
			top: 111px;
			left: 250px;
			width: 710px;
		}
		#navigation ul {
			height:32px;
			margin:0;
			padding:0;
			list-style:none;
			}
			#navigation li {
				float:left;
				margin:0 2px;
				overflow:hidden;
				}
			#navigation li a {
				display:block;
				padding:4px 0px 8px 0px;
				color:#fff;
				font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:1.3em;
				}

			#navigation li.home a { background:url(../images/button_home.jpg) no-repeat; width:73px; }
			#navigation li.about a { background:url(../images/button_about.gif) no-repeat; width:92px; }
			#navigation li.products a { background:url(../images/button_products.gif) no-repeat; width:133px; }
			#navigation li.macro a { background:url(../images/button_macrocleanser.gif) no-repeat; width:184px; }
			#navigation li.news a { background:url(../images/button_news.gif) no-repeat; width:81px; }
			#navigation li.contact a { background:url(../images/button_contact.gif) no-repeat; width:116px; }
			#navigation li a { text-indent:-3000em; }

			#navigation li.homeon a { background:url(../images/button_home_on.gif) no-repeat; width:73px; }
			#navigation li.abouton a { background:url(../images/button_about_on.gif) no-repeat; width:92px; }
			#navigation li.productson a { background:url(../images/button_products_on.jpg) no-repeat; width:133px; }
			#navigation li.macroon a { background:url(../images/button_macrocleanser_on.gif) no-repeat; width:184px; }
			#navigation li.newson a { background:url(../images/button_news_on.gif) no-repeat; width:81px; }
			#navigation li.contacton a { background:url(../images/button_contact_on.gif) no-repeat; width:116px; }

/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */

#hellobar-logo{
	display:none !important; 
}

	h1 {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position:absolute;
		float:left;
		left:0;
		top:0;
		text-align: left;
		background:
		}
	h1 a {
		display: block;
		text-indent: -3000em;
		margin: 0;
		padding: 0;
		background: transparent;
		}
		
	h2 {
		/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
		font-size:16px;
		color:#0054a6;
		margin:10px 0;
		}
		
	h2.headerTitle{
		font-size:20px;
	}
		
	#innerContentWrap h3{
		font-size:16px;
	}

	.productsLeftMenu{
		padding-top:225px;
	}


/* ---------------------------------- */
/* MAIN ELEMENTS  */   
/* ---------------------------------- */	

	#flashboxwrap {
		margin:0 auto;
		width:750px;
		}

	.flashbox {
		float:left;
		width:250px;
		}
		
	.flashbox h3 {
		text-transform:uppercase;
		font-size:1.1em;
		margin:5px 0 0 0;
		}
		
	.flashbox p {
		margin:0 auto;
		width:200px;
		}
		
	.flashbox .blue { color:#56ADD8; }
	.flashbox .pink { color:#F771B0; }
	.flashbox .yellow { color:#F4AA51; }
	
	#flashBanner{
		float:right;
	}

	.pageHeader {
		/*
		background-image: url(../images/pageHeader.jpg);
		background-repeat:no-repeat;		
		*/
		width: 978px;
		height: 259px;
		/*text-indent:-3000px;*/
		position: relative;
		top: -80px;
	}
	.productBoxHome {
		/*background-image:url(../images/productBox.jpg);*/
		width: 344px;
		height: 310px;
		background-repeat:no-repeat;
	}
	
	.diagram{
		background-color:#006ab3;
		float:right;
		padding:20px;
		margin-left:20px;
		width:290px;
		color:#FFFFFF;
	}
	
	#content {
		clear:both;
		padding:80px 0 0 0;
		line-height:1.3;
	}
	#contentNormalPage{
		padding:20px 20px 0 0;
		line-height:1.3;
		width:680px; 
		float:right;
	}
	
	#content .innerLeft {
		width: 546px;
		margin: 0 0 0 50px;
		float: left;
	}
	* html #content .innerLeft {
		margin: 0 0 0 25px;
	}
	
	#shiftUp{
		margin-top:-70px; 
		position:relative;
	}
	
	#content .innerRight {
		padding-left: 30px;
		text-align:right;
		float: left;
		text-indent: -3000px;
	}	

	#breadcrumb {
		clear:both;
		margin:0;
		list-style:none;
		padding:5px;
		font-weight:bold;
		font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		display:none;
		}
		#breadcrumb li.first {
			padding:0;
			background:none;
			}
		#breadcrumb li {
			float:left;
			background:url(../images/breadcrumb_raquo.gif) left no-repeat;
			padding-left:15px;
			margin:0 10px 0 0;
			}

	p.largetext {
		font-size:1.1em;
		font-weight:bold;
		color:#333333;
	}
	
	.indent{
		padding:0 20px;
	}
	
	#dcrange {
		clear:both;
		/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
		font-size:16px;
		margin-bottom:50px;
		overflow:auto;
		margin-top:-70px;
		}
	#dcrange p.jumpmenu {
		font-weight:bold;
		text-transform:uppercase;
		font-size:20px;
		margin:30px 35px 15px 35px;
		}
	#dcrange .jumpmenu a {
		padding:0 2px;
		}
	#dcrange a {
		font-weight:bold;
		}
	#dcrange .range-desc {
		width:700px;
		color:#444;
		float:left;
		}
	#dcrange .range-image {
		float:left;
		width:108px;
		padding:20px 55px 20px 35px;
		}
	#dcrange .blue { color:#0052a5; font-size:14px; }
	#dcrange a:hover .blue { color:#0052a5; text-decoration:underline; }
	#dcrange .dblue { color:#1E448C; }
	#dcrange .red { color:#9e0e00; }
	#dcrange .grey { color:#b4bec4; }
	#dcrange .green { color:#149633; }
	#dcrange .orange { color:#fbaa49; }
	#dcrange .pink { color:#f16ca9; }
	#dcrange .white { color:#bbb; }
	#dcrange .dcbox {
		clear:both;
		padding:25px 0;
		overflow:auto;
		}
	#dcrange h3 {
		font-size:20px;
		margin:0;
		}
	#dcrange p {
		margin:5px 0 0 0;
		padding:0;
		}
	
	.addToBasket form{
		background-color:#addbf2;
		padding:5px 2px;
		width:311px;
		float:right;
		clear:both;
	}
	
			
	#credentials {
		clear:both;
		height:1%;
		}
		#credentials .credbox {
			float:left;
			width:220px;
			padding-left:60px;
			margin-left:10px;
			text-align:left;
			background:url(../images/leaf.gif) top left no-repeat;
			}
		#credentials .credbox h3 {
			color:#7fc240;
			margin:5px 0;
			font-size:1.1em;
			}
		#credentials .credbox p {
			margin:0;
			}


	#online2009{
		width:100%; 
		background-color:#2473b5; 
		color:#FFFFFF;
		text-align:center;
		padding:5px 0;
		line-height:1.7;
	}
	#online2009 a{
		color:#FFFFFF;
	}
	
	/* BASKET FORM */
	
	.basketTable{
		width:660px;
	}
	.basketTable td{
		padding:5px 5px;
	}
	.basketTable th{
		color:#fff;
		font-weight:bold;
		background:#2fade8;
		font-size:11px;
		text-align:left;
		padding:2px 5px;
	}
	.basketTitle{
		font-weight:bold;
		font-size:14px;
		vertical-align:middle;
	}
	.basketPrice{
		color:#d70201;
		vertical-align:middle;
	}
	
	.basketQtyInput{
		width:32px;
		padding: 2px 3px;
		border: 1px solid #d2d4d2;
	}
	
	.basketButtons{
		width:300px;
		float:right;
		margin:20px 25px 0 0;
		text-align:right;
	}
	.basketTotal{
		color:#d70201;
		font-weight:bold;
	}
	

/* ---------------------------------- */
/* RANGE ELEMENTS  */   
/* ---------------------------------- */	
		
		
	.product_box {
		background: url(../images/product_bg_2.jpg) top left no-repeat;
		height:250px;
		width: 200px;
		float: left;
		margin:0 35px 35px 0px;
		font-size:12px;
	}
		
	.product_box_last {
		margin:0 0px 35px 0;
	}
		
	.productPadding{
		padding:8px 0 0 5px;
	}
		
	#range .product_box  {
		background: url(../images/prod_bg_2.gif) bottom left no-repeat;
		height:245px;
		width: 270px;
		float: left;
		margin:0 0px 35px 40px;
		font-size:12px;
	}
	* html #range .product_box_first{
		margin:0 0px 35px 20px;
	}
	
	#range .product_box_last  {
		background: url(../images/prod_bg.gif) top left no-repeat;
		height:181px;
		width: 270px;
		float: left;
		margin:0 0px 35px 40px;
		font-size:12px;
	}
	#range h3{
		font-size:19px;
	}
		
	.image_box {
			height: 124px;
			width: 196px;
			position:relative;
			left:3px;
			top:1px;
		}
	#content .page_title {
			position: absolute;
			font-size: 34px;
			width: 620px;
			left: 460px;
			top:170px;
			line-height: 36px;
			text-align:right;
			font-family:"trebuchet MS";
			font-weight:normal;
			margin: 25px 0 20px 0;
	}
	.image_prod_box { float:left; margin:0 5px 0 0; }
	.image_text_prod { width: 155px; float:right; margin: 0 10px 0 0; font-size:14px; }
	.image_text { width: 186px; }
	.purple { color: #942988; }
	.strong_header { font-weight:bold; text-align:left; font-size:16px; font-family:"trebuchet MS"; }
	.productBox {
			border-right: 1px solid #a19f9b;
			border-bottom: 1px solid #a19f9b;
			width: 486px;
			height: 341px;
			text-align:left;
	}
	
	
	.productBox .image { 
			background-color: #E9E9E9;
			width: 240px;
			/*height: 340px;*/
			float:left;
			margin-right: 10px;
	}
	
	.productBoxLarge {
			width: 634px;
			text-align:left;
			background-color:#FFFFFF;
			margin:30px 0 0 0px;
	}

	.productBoxLarge .image { 
			background-color: #ffffff;
			float:left;
			margin-right: 10px;
			padding-right:20px;
	}
	.productBoxLarge p {
			/*font-size: 16px;
			font-weight:bold;*/
			width:260px;
	}
	
	#imageAndText{
		float:right;
		width:311px;
	}

	
	.productHeading{
			color: #2473b5;
			font-weight: normal;
			height:0px;		
			font-family:"trebuchet MS";
			text-decoration:underline;
			padding-bottom:8px;
			font-size: 22px;
			cursor:pointer;
	}
	.rangeHeader {
			height:230px;
			width:670px;
			float:right;
			margin:-90px 0 0 0;
	}
	.rangeHeaderLarge {
		float:right;
		/*
		height:230px;
		width:670px;
		*/
		width:725px;
		overflow:hidden;
		padding:0;
	}
	
	/*
	.titleBanner{
		float:right;
		height:230px;
		width:670px;
		overflow:hidden;
		padding:0;
		margin-top:10px;
	}
	*/
	.titleBanner{
		float:right;
		/*width:725px;*/
		width:978px;
		overflow:hidden;
		padding:0;
		margin-top:10px;
	}
	.titleBanner img{
		float:right;
	}
	.titleBannerHome{
		float:right;
		/*width:725px;*/
		width:978px;
		overflow:hidden;
		padding:0;
		/*margin-top:10px;*/
	}
	
	.underline{
		text-decoration:underline;
	}

/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */	
	
	div.widthmustbe{
		width:600px;
	}
	
	div.row {
		margin:5px;
		}
		div.row label {
			display:block;
			float:left;
			padding:3px;
			width:180px;
			font-weight:bold;
			color:#5376b4;
		}
		div.row .textfield {
			border:1px solid #000;
			padding:3px;
			width:200px;
		}
		div.row .textarea {
			width:350px;
			border:1px solid #000;
			padding:3px;
		}
	fieldset {
		padding:0;
		margin:0;
		border:none;
	}
	input .textfield{
		width:200px;
	}
	
	#contactAddress{
		float:right;
		width:280px;
	}
	#contactAddress p{
		margin-left:5px;
		color:#777;
		line-height:1.5;
	}
	#contactAddress p a{
		text-decoration:underline;
		color:#777;
	}
	
	#contactForm{
		float:left;
	}

/* ---------------------------------- */
/* FOOTER ELEMENTS  */   
/* ---------------------------------- */	
	#footer {
		clear: both;
	}
	#footer p.links a {
		padding:0 10px;
		}