body {
	background: #fff;
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
	border-width: 4px 0 0 0;
	border-style: solid;
	border-color: #1D6F41;
	z-index: 0;
}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 948px; 
	text-align: left;
} 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 948px;
	background: #fff;
}

#headerBar { 
 float: left; 
 width: 948px;  
 height: 110px;
 margin: 0;
 padding: 0;
 background-image: url('/images/header/bg.jpg');
 background-repeat: no-repeat;
 background-position: 0px 82px;
 z-index: 10;
 }

	#headerBar h1 {
	 float: left;
	 width: 178px;
	 height: 93px;
	 margin: 10px 0 0 0;
	 padding: 0;
	 text-indent: -9999px;
	 background-image: url('/images/header/logo.png');
	 }
	
	#headerBar h3 {
	 float: right;
	 width: 120px;
	 height: 24px;
	 line-height: 22px;
	 text-indent: 10px;
	 font-size: 1.3em;
	 margin: -4px 0 0 0;
	 padding: 2px 0 0 0;
	 background: #AE8859;
	 color: #fff;		
	 }

#pageMenu {
 float: right;
 clear: right;
 width: 740px;
 height: 15px;
 list-style-type: none;
 margin: 15px -220px 0 0;
 padding: 0;
}
		
	#pageMenu li, .subMenu li {
	 line-height: 15px;
	 display: inline;
	 margin: 0 0 0 15px;
	 float: left;
	 clear: none;
	 text-align: right;
	}
		
	#pageMenu li a, .subMenu li a {
	 color: #666;
     }

	#pageMenu li a:hover, .currentItem, .subMenu li a:hover {
     color: #AE8859;
	 }
	
	#furniturePage #furnitureMenu { display: block; }
	#gardenFurniturePage #gardenMenu { display: block; }
	#aboutDaroPage #aboutDaroMenu { display: block; }
	#supportPage #supportMenu { display: block; }
	#furniturefabPage #supportMenu { display: block; 
	}
	
	/* the following is a menu selector matrix */
	#homePage #homeLink { color: #AE8859;}
	#aboutDaroPage #aboutDaroLink { color: #AE8859; }
	#environmentPage #environmentLink { color: #AE8859;    }
	#furniturePage #furnitureLink { color: #AE8859;  }
	#gardenFurniturePage #gardenLink { color: #AE8859;  }
	#productInformationPage #productLink { color: #AE8859; }
	#stockistPage #stockistLink { color: #AE8859; }
	#softfurnPage #softfurnLink{ color: #AE8859;; }
	#furniturefabIndoorPage #furnindoorLink{ color: #AE8859;; }
	#furniturefabOurdoorPage #furnoutdoorLink{ color: #AE8859;; }
	#DarostockistPage #DaroStockistLink{ color: #AE8859;; }
		
	#stockistPage #stockistLink {color: #AE8859;   }
	#cushionRepPage #cushionRepLink { color: #AE8859;   }
	#productRegPage #productRegLink { color: #AE8859;   }
	#newsPage #newsLink { color: #AE8859;  }
	#supportPage #supportLink { color: #AE8859; }
	#contactPage #contactLink { color: #AE8859; }
	
		
.subMenu {
 display: none;
 position: absolute;
 margin: 3px 0 0 0;
 }
		
	.subMenu li {
	 margin: 0 15px 0 0 !important;
	 }
		
	
#productMenu {
 float: left;
 list-style-type: none;
 margin: -57px 0 0 648px;
 padding: 0;
 }	

	#productMenu li {
	 margin: 0 0 0 2px;
	 float: left;
	 line-height: 30px;
	 text-indent: 15px;
	 }
	
	#productMenu li a{
	 color: #fff;
	 }
		
	#productMenu .caneon { background: url('/images/tabs/cane_on.gif'); background-repeat: no-repeat; }
	#productMenu .caneon a { width: 170px; height: 30px; display: block;}
		
	#productMenu .gardenon { background: url('/images/tabs/garden_on.gif'); background-repeat: no-repeat; }
	#productMenu .gardenon a { width: 126px; height: 30px; display: block;}
	
	#productMenu .accessoryon { background: url('/images/tabs/accessories_on.gif'); background-repeat: no-repeat;}
	#productMenu .accessoryon a { width: 100px; height: 30px; display: block;}
	
	#productMenu .caneon a:hover { background: url('/images/tabs/cane_off.gif'); background-repeat: no-repeat; width: 170px; height: 30px; display: block;}
	#productMenu .gardenon a:hover { background: url('/images/tabs/garden_off.gif'); background-repeat: no-repeat; width: 126px; height: 30px; display: block;}
	#productMenu .accessoryon a:hover { background: url('/images/tabs/accessories_off.gif'); background-repeat: no-repeat; width: 100px; height: 30px; display: block;}
			
	#productMenu .caneoff { background: url('/images/tabs/cane_off.gif'); background-repeat: no-repeat; width: 170px; height: 30px; }
	#productMenu .gardenoff { background: url('/images/tabs/garden_off.gif'); background-repeat: no-repeat; width: 126px; height: 30px; }
	#productMenu .accessoryoff { background: url('/images/tabs/accessories_off.gif'); background-repeat: no-repeat; width: 100px; height: 30px; }



	

#mainBar { 
 display: block;
 width: 948px; 
 float: left; 
 margin: 0 0 0 0;
 padding: 0;
 }
		
	#mainBar h2 {
	 width: 945px;
	 text-align: right;
	 font-weight: normal;
	 color: #AE8859;
	 /*font-style: italic;*/
	 font-size: 1.5em;
	 margin: 0 0 5px 0;
	 padding: 0;
	 }
	
	#mainBar .columnWrapper {
	 float: left;
	 padding: 0;
	 width: 948px;
	 margin: 0 0 0 0;
	 border-width: 1px 0 0 0;
	 border-color: #ccc;
	 border-style: solid;
	 }
		
	.withBg {
	 background-image: url('/images/body/4colbg.jpg');
	 }
				
#mainBar .quartColumn, #mainBar .thirdColumn, #mainBar .halfColumn, #mainBar .twoThirdsColumn, #mainBar .secondtwoThirdsColumn {
 width: 236px;
 margin: 0 1px 0 0;
 padding: 0 0 1em 0;
 background: #fff;
 float: left;
 clear: none;
 }


#mainBar .thirdColumn {
 width: 314px;
 }
	
#mainBar .halfColumn {
 width: 473px;
 }
	
#mainBar .twoThirdsColumn {
 width: 631px;
 }
	
#mainBar .secondtwoThirdsColumn {
 width: 631px;
 }

#mainBar .secondtwoThirdsColumn ul  li {
 margin: 0 0 10px 40px;
 list-style: disc;
 }

#mainBar .fullColumn {
 width: 948px;
 }
	
#mainBar .fullColumn a {
 font-size: 100%;
 }
	
#mainBar h4 {
 font-weight: normal;
 color: #AE8859;
 /*font-style: italic;*/
 font-size: 1.7em;
 }
		
#mainBar .clearControls {
 }
	
#mainBar .rightBorder {
 border-color: #ccc;
 }


.midblock {
 width: 948px;
 margin: 0 1px 0 0;
 padding: 0 0 0 0;
 background: #fff;
 float: left;
 clear: none;
 }
 
.midblockleft {
 width: 705px;
 margin: 0 1px 0 0;
 padding: 0 0 1em 0;
 background: #fff;
 float: left;
 clear: none;
 border-right: 1px solid #ccc;
 }
 
.midblockleftcontent {
 width: 705px;
 margin: 0 1px 0 0;
 padding: 0 0 2px 0;
 background: #fff;
 float: left;	
 }
 
.midblockleftcontent h3, .midblockright h3 {
 font-size: 1.4em;
 font-weight: bolder !important;
 margin: 12px 0 0 12px;
}

.midblockleftcontentimage {
 float: left;
 width: 220px;
 }
 
 .midblockleftcontentcopy {
 float: left;
 width: 460px;
 }
 
.midblockright {
 width: 237px;
 margin: 0 1px 0 0;
 padding: 0 0 1em 0;
 background: #fff;
 float: left;
 clear: none;
 }
 
#regWrapper {
 float: left;
 width: 450px;
 padding: 0;	
 }
		
#regWrapper label {
 margin: 2px 0 5px 0;
 width: 205px;
 float: left;
 font-size: 13px;
 clear: both;
 text-align: right;
 padding-right: 15px;
 }
						
#regWrapper fieldset select {
 float: left;
 margin-bottom: 5px;				
 }

#regWrapper textarea {
 height: 100px;
 margin: 0
 }
 
#regWrapper checkbox {
 height: 100px;
 margin: 0
 }
			
.pageBar { 
 width: 950px;
 font-size: 11px;
 margin: 10px 0;
 border-top: 1px solid #ccc;
 float: left;
 }
 
/*
PAGE BOX CSS
*/
#mainBar .pageBox {
 float: left;
 margin: 0 0 2em 0;
 }

.pageBox h3 {
 font-size: 2.2em;
 margin: 0 0 .5em 0;
 }
	
.pageBox h4 {
 font-size: 1.5em;
 margin: 10px 0 .5em 0;
 }
	
.pageBox h5 {
 font-size: 1.8em;
 font-weight: normal;
 margin: 12px 0 .5em 0;
 }
 
.pageBox p {
 margin: 1em 1em .5em 0;
 }

.pageBox img {
 margin: 1em 0 0 0;
 }
 
.pageBox span {
 float: left;
 clear: both;
 width: 300px;
 margin: .5em 0 .5em 0;
 }
	
.pageBox ul {
 float: left;
 padding: 0;
 margin: 0;
 }
		
.pageBox li {
 float: left;
 padding: 0;
 margin: .5em 0 .5em 0;
 width: 150px;
 }
			
.pageBox a {
 color: #666;
 font-size: 110%;
 }
			
.pageBox a:hover, .currentLi {
 color: #AE8859 !important;
 text-decoration: underline;
 }
				
.links a {
 color: #AE8859;
 font-size: 105%;
 }

.links a:hover {
 color: #AE8859 !important;
 text-decoration: underline;
 }
				
.pageBox table {
 padding: 0;
 margin: 0;
 width: 470px;
 }
 
.pageBox th, .pageBox td {
 padding: .4em 0 .4em 0;
}
		
.pageBox th {
 font-weight: bold;
 width: 65%;
 }		
			
#mainBar .fabBox {
 float: left;
 margin: 0 0 2em 0;
 width: 110%;
 }

.fabBox img {
 margin: 2em 0 0 0.5em;
 }
 
.fabBox a {
 font-size: 100%;;
 } 
		
#mainBar .bespokeBox{
 float: left;
 width: 100%;
 }

.bespokeBox img {
 margin: 2em 0 0 0.5em;
 }
 
.bespokeBox a {
 font-size: 100%;;
 }
		
#fabImg {
 float: left;
 padding: 0;	
 border:1px solid #ececec;	
 margin: 10px 10px 10px 10px;			
 }
			
#fabImg img {
 padding: 3px;
 margin: 5px 0 0 60px;
 }
					
#fabImg p {
 width: 200px;	
 text-indent: -3px;	
 text-align: center;
 font-size: 90%; 
 }
						
#fabImg a {
 text-decoration: none;
 color: #000;
 }
						
#fabImg a:hover {
 text-decoration: underline;
 color: #000;
 } 
						
#fabImg h3 {
 font-size: 100%;
 font-weight: bold;
 margin: 3px 10px 0 10px;
 text-align: center;
 }
			
#cushImg {
 float: left;
 width: 217px;
 padding: 0;	
 margin: 10px 10px 10px 10px;			
 }
			
#cushImg img {
 margin: 10px 0 0 45px;
 }
					
#cushImg p {
 width: 200px;	
 text-indent: -3px;	
 text-align: center;
 font-size: 90%; 
 }
		
#cushImg a {
 text-decoration: none;
 color: #000;
 }

#cushImg a:hover {
 text-decoration: underline;
 color: #000;
 }
	
#cushImg h3 {
 font-size: 100%;
 font-weight: bold;
 margin: 3px 10px 0 10px;
 }

#mainBar .accBox {
 float: left;
 margin: 0 0 2em 0;
 width: 100%;
 }

.accBox img {
 margin: 2em 0 0 1em;
 }
	
.accBox li {
 float: left;
 padding: 0;
 }
			
.accBox p {
 margin: 10px 0 0 40px;
 }
					
#mainBar .cushBox {
 float: left;
 margin: 0 0 2em 0;
 width: 100%;
 }

.cushBox img {
 margin: 2em 0 0 1em;
 }
 
.cushBox li {
 float: left;
 padding: 0;
 width: 200px;
 }

.bodyMargined {
 margin: 1em 12px .5em 12px;
 }

.imgBorder {
 border: 1px solid #000000;
 }

.divider {
 margin: 10px 0 10px 0;
 width: 450px;
 border-top: 1px solid #666;
 }

#downloadWrapper {
 float: right;
 width: 330px;
 margin: 10px 0 10px 0; 
 }

#downloadWrapper ul li{
 float: left;
 list-style: none;
 margin: 10px 0 0 15px;
 }

#sitemap {
 width: 631px;
 float:left;
 display: block;
 }
					
					
#sitemap ul {
 }

#sitemap li{
 margin: 5px 30px 5px 40px;
 list-style: circle;
 }
					
#newsColumn .horizontal{
 width: 800px;
 border-bottom: 1px solid #ccc;
 margin: 0 0 10px 20px;
 }

.image {
 float: left;
 }
								
.image img {
 margin: 0 20px 0 10px;
 background:#FFFFFF none repeat scroll 0 0;
 border:1px solid #ececec;
 }		
			
#stock_locator {
 background-image: url('/images/body/home_stockist.jpg');
 background-repeat: no-repeat;
 height: 125px;
 width: 220px;
 float: left;
 }


#stock_locator form {
 float: right;
 width: 150px;
 padding: 0 0 0 10px;
 
 }








.bespokeImg {
 float: left;
 padding: 0;	
 margin: 10px 0 20px 5px;			
 }
					
.bespokeImg img {
 padding: 3px;
 margin: 10px 10px 10px 0;
 }
 
.bespokeImg  h3 {
 font-size: 100%;
 font-weight: bold;
 }
								
.locMap {
 float: right;
 }
								
.locMap img {
 margin: 10px 20px 10px 10px;
 background:#FFFFFF none repeat scroll 0 0;
 border:1px solid #ececec;
 }			
								
.locback {
 background: #166437;
 width: 400px;
 color: #ccc;
 padding: 10px;
 margin: 0 0 0 10px;
 }
 
.locback label{
 color: #ccc;
 }			
	
			
#footerBar { 
 float: left; 
 width: 950px; 
 height: 80px;
 margin: 0;
 padding: 0;
 border-width: 1px 0 0 0;
 border-color: #ccc;
 border-style: solid;
 }
 
#footerBar .columnOne{
 float: left;
 display: block;
 width: 200px;
 } 

#footerBar .columnOne p {
 font-size: 11px;
 color: #aaa;
 margin: 0 0 0 15px;
 }
				
#footerBar .columnOne a {
 color: #999;
 } 
 
#footerBar .columnOne a:hover {
 color: #AE8859;
 text-decoration: underline;
 } 
		
#footlinks{
 float: left;
 font-size: 11px;
 color: #aaa;
 margin: 20px 0px 0 0;
 width: 750px;		
 }
 
#footlinks .seg {
 float: left;
 width: 170px;
 margin-left: 3px;
 margin-right: 3px;
 /*background-color: gray;*/	
 }

#footlinks .seg a {
 color: #999;
 } 
 
#footlinks .seg p {
 margin: 3px 0px 1px 0px;
 }
 
#footlinks .seg a:hover {
 color: #AE8859;
 text-decoration: underline;
 }