/*  ----------------------------------------------------------------------
  GENERAL REDECLARATIONS
  ---------------------------------------------------------------------- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:center;
	background: #674f40;/*brown*/
	background: #d8ede5;/*blue*/
	background: #A7E8D9;/*spearmint*/
	height: 100%;
	padding-bottom: 50px;
}

body, tr,
td, input,
select, textarea 	{font:normal 14px/1.5 Arial, Verdana, Helvetica, sans-serif;color: #674f40;}

a				{outline: none;}
a:link 			{color:#674f40; text-decoration:underline;}
a:visited 		{color:#674f40; text-decoration:underline;}
a:hover 		{background:#d8ede5;color:#674f40; text-decoration:none;}
a:active 		{color:#674f40; text-decoration:none;}

a:hover img {background: transparent;text-decoration:none;}

ul, ol	 		{margin:0 0 10px 25px;}
/*dl 					{margin:0 0 10px;}*/
dt 					{font-weight:bold;}
/*dd					{margin:0 0 3px 10px;}*/
p 					{margin:0 0 15px;}
h1 					{font: bold 24px/1.5 Arial; margin:0 0 12px;}
h2 					{font-size:medium; margin:8px 0;}
h3 					{font-size:small; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{}
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

/*  ----------------------------------------------------------------------
  LAYOUT
  ---------------------------------------------------------------------- */

#wrapper {
	position: relative;
	background-color:#fff;
	width: 741px;
	margin: 0 auto;
	margin-top: 30px;
	background: url("../images/bg-repeat.gif") repeat-y 0 0;
	text-align: left;
}

#preload {
	display: none;
}

#content-main {
	position: relative;
	margin-left: 206px;
	width: 514px;
	height: 100%;
	min-height: 200px;
	padding: 0px;
}

#content-side {
	float:left;
	width: 177px;
	margin: 67px 0 0 10px;
	padding: 0px;
	height:100%;
	text-align: right;
}

#footer {
	clear:both;
	height: 27px;
	padding:0px;
	text-align: center;
	background: url("../images/bottom.gif") no-repeat 0 0;
}

.icons img {
	float: left;
	margin-right: 5px;
}

.icons p {margin-top:20px;}

/*  ----------------------------------------------------------------------
  HEADER AND NAVIGATION
  ---------------------------------------------------------------------- */

#header {
	position: relative;
	/*background-color:#CFF;*/
	padding: 0px;
	width: 741px;
	height: 210px;
	background: url("../images/top.gif") no-repeat 0 0;
}

#logo {
 	position: absolute;
    left: 206px;
    top: 16px;
}

#patch {
 	position:absolute;
    left: 16px;
    top: 16px;
    width:177px;
    height:177px;
}

#slideshow1,
.pics,
.pics img {
	 width:177px;
    height:177px;
}

/*  ----------------------------------------------------------------------
  HEADINGS
  ---------------------------------------------------------------------- */

#welcome-page h1 {
	background: url("../images/headings/welcome.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#about-page h1 {
	background: url("../images/headings/about.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#collection-page h1,
#collection-detail-page h1 {
	background: url("../images/headings/collection.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#colour-page h1 {
	background: url("../images/headings/colour-range.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#purchase-page h1 {
	background: url("../images/headings/purchase.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#stockists-page h1 {
	background: url("../images/headings/stockists.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

#contact-page h1 {
	background: url("../images/headings/contact.gif") no-repeat 0 0;
	text-indent:-90000px;
	height:55px;
}

/*  ----------------------------------------------------------------------
  SHOPPING CART
  ---------------------------------------------------------------------- */

#shopping-cart-box  {
	border: 1px dotted #6c6c6c;
	border-left: 0px;
	background: #fff;
	width: 100px;
	position: absolute;
	top: 278px;
	padding: 5px;
	right: -110px;
}

/*  ----------------------------------------------------------------------
  COLLECTION PAGE
  ---------------------------------------------------------------------- */

#collection-page #content-side,
#collection-detail-page #content-side {
	text-align: right;
}
  
.collection-item {
	background: url("../images/collection/collection-repeat.gif") repeat-y 0 0;
	width: 467px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	position: relative;
}  

#collection-detail-page .collection-item {
	width: 277px;
}

.collection-top {
	background: url("../images/collection/collection-top.gif") no-repeat 0 0;
	padding-top: 15px;
	padding-left: 15px;
	width: 327px;
}

#collection-detail-page .collection-top {
	width: 277px;
}

.collection-top h2 {
	width: 66px;
}

.collection-bottom {
	background: url("../images/collection/collection-bottom.gif") no-repeat 0 0;
	position: absolute;
	bottom: 0;
	width: 265px;
	height: 20px;
}

.collection-item .content {
	width: 232px;
	height: auto;
	min-height: 78px;
	margin: 5px 0 0 15px;
}


  
img.collection-photo {
	float:right;
	margin-bottom: 5px;
}  

.collection-photos {
	width: 177px;
	float:right;
} 

img.photo-flip-out-sofa-cover {
	display: none;
}  
 

#collection-list .collection-item {background: url("../images/collection/collection-repeat-wider.gif") repeat-y 0 0;}
#collection-list .collection-top {background: url("../images/collection/collection-top-wider.gif") repeat-y 0 0;}
#collection-list .collection-bottom {background: url("../images/collection/collection-bottom-wider.gif") repeat-y 0 0;width: 342px;}
#collection-list .collection-item .content {width: 305px;text-align: right;}
}

h2.bibs,
h2.sofa-cover,
h2.change-table-cover {
	float: left;
	width: 66px;
	height: 66px;
	margin: 0px;
	margin-right: 10px;
}

h2.bibs a,
h2.sofa-cover a,
h2.change-table-cover a  {
	float: left;
	width: 66px;
	height: 66px;
	text-indent: -9000px;
	background: url("../images/collection/headings/bibs.gif") no-repeat 0 0;
}

h2.sofa-cover a  {
	background: url("../images/collection/headings/flip-out-sofa.gif") no-repeat 0 0;
}

h2.change-table-cover a  {
	background: url("../images/collection/headings/change-table-cover.gif") no-repeat 0 0;
}

h2.bibs-heading,
h2.flip-out-sofa-cover-heading,
h2.change-table-cover-heading  {	
	height: 66px;
	margin: 0px;
	margin-bottom: 10px;
	text-indent: -9000px;
	background: url("../images/collection/headings/bibs.gif") no-repeat 0 0;
}


h2.change-table-cover-heading  {background: url("../images/collection/headings/change-table-cover.gif") no-repeat 0 0;}
h2.flip-out-sofa-cover-heading  {background: url("../images/collection/headings/flip-out-sofa.gif") no-repeat 0 0;}

form.add-to-cart-small {
	margin-top: 0px;
	float:right;
}

form.add-to-cart-large {
	margin-top: 0px;height: 60px;
	text-align: right;
}

form.add-to-cart-large select {
	margin-bottom: 10px;float: right;
}

form.add-to-cart-large label {
	text-align: right;
	width: 90px;
}

p.back {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
}

/*  ----------------------------------------------------------------------
  COLOUR RANGE PAGE
  ---------------------------------------------------------------------- */  
#colour-range-box {
	width: 400px;
	height: 416px;
	background: url("../images/colour-range.gif") no-repeat 0 0;
}

#colour-range-box h2 {
	text-indent: -9000px;
}  

/*  ----------------------------------------------------------------------
  NAVIGATION
  ---------------------------------------------------------------------- */

	#nav {
		position: absolute;
		top: 16px;
		left: 370px;
		width: 272px;
		height: 178px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav li {
		position: absolute;
		display:inline;
		margin:0;
		padding:0;
	}
	
	#nav a {
		position: absolute;
		top: 0px;
		display:block;
		text-indent:-9000px;
		overflow:hidden;
		width: 84px;
		height: 84px;
	}
	
	
	/* ------------------------------------------------------------- */		

	#nav_a_collection a,
	#nav_a_collection_down a {
		left: 0px; top: 0px; 
		background: transparent url(../images/nav/collection.gif) no-repeat 0 0;
	}
	
	#nav_a_collection a:hover {
		background: transparent url(../images/nav/collection_f2.gif) no-repeat 0 0;
	}
	
	/* ------------------------------------------------------------- */	
	
	#nav_a_about a,
	#nav_a_about_down a {
		left: 94px; top: 0px; 
		background: transparent url(../images/nav/about.gif) no-repeat 0 0;
	}
	
	#nav_a_about a:hover {
		background: transparent url(../images/nav/about_f2.gif) no-repeat 0 0;
	}
	
	
	/* ------------------------------------------------------------- */	
	
	#nav_a_colour a,
	#nav_a_colour_down a {
		left: 188px; top: 0px; 
		background: transparent url(../images/nav/colour-range.gif) no-repeat 0 0;
	}
	
	#nav_a_colour a:hover {
		background: transparent url(../images/nav/colour-range_f2.gif) no-repeat 0 0;
	}
	
	/* ------------------------------------------------------------- */		
	
	#nav_a_cart a,
	#nav_a_cart_down a {
		left: 0px; top: 93px;
		background: transparent url(../images/nav/shopping-cart.gif) no-repeat 0 0;
	}
	
	#nav_a_cart a:hover {
		background: transparent url(../images/nav/shopping-cart_f2.gif) no-repeat 0 0;
	}
	
	/* ------------------------------------------------------------- */	
	
	#nav_a_stockists a,
	#nav_a_stockists_down a {
		left: 94px; top: 93px;
		background: transparent url(../images/nav/stockists.gif) no-repeat 0 0;
	}
	
	#nav_a_stockists a:hover {
		background: transparent url(../images/nav/stockists_f2.gif) no-repeat 0 0;
	}
	
	/* ------------------------------------------------------------- */	
	
	
	#nav_a_contact a,
	#nav_a_contact_down a  {
		left: 188px; top: 93px; 
		background: transparent url(../images/nav/contact.gif) no-repeat 0 0;
	}
	
	#nav_a_contact a:hover {
		background: transparent url(../images/nav/contact_f2.gif) no-repeat 0 0;
	}
	
	
	/* ------------------------------------------------------------- */		

	
	

.clr {
	clear:both;
}

/* ----------------------------------------------- 
		FORM STYLING
----------------------------------------------- */

form {
	margin-top:20px;
}

form hr, hr{
  clear: both;
  border: 0px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

form .hidden {
  text-indent: -9000px;
  display: none;
}

form input[type="hidden"] {
  display: none;
}

form br {clear:left;}

label, input, textarea, select, .radiolabel {
	display:inline;
	float:left;
  	width:200px;
	margin-bottom: 0px;
	padding: 2px;
}

fieldset {padding: 5px;border: 1px dotted #EA6682;margin-bottom: 10px;}
legend {background: #fff;padding: 0 5px 0 5px;font-weight: bold;font-size: 12px;color: #0099CC}

select {width: auto;}

input[type="checkbox"] {
  width: auto;
  border: none;
}

input.checkbox {
  width: auto;
  border: none;
  margin: 3px 3px 0 0px;
}

label {
	width:80px;
	text-align:left;
	padding-right:10px;
	padding-top:2px;
}

label.longlabel {
	width:120px;
}

label.radiolabel {
	width: auto;
	margin-right: 10px;
}

label.error {color:#FF0000;}
form span {color: #FF0000;}

input, textarea {
	border: 1px solid #A7E8D9;
	margin: 0px;
}

textarea {height: 100px;width: 300px}

input:hover, textarea:hover {
  	border: 1px solid #674f40;
}


input.button {
	color: #fff;
	font-weight: bold;
	width:auto;float:right;
	margin-left: 10px;
	margin-right: 0px;
    margin-top: 0px;
    padding: 3px 5px 3px 5px;
	background: #0099CC;
	border: 0px;
	font-size: 11px;
}

input.button:hover {
	background: #EA6682;
	border: 0px;
}

form#contact-form input.button {
	color: #000;
	text-indent: -9000px;
	width:95px;
	height: 44px;
	margin-left: 0px;
	margin-right: 10px;
    margin-top: 10px;
    padding: 0px;
	background: transparent url("../images/send-enquiry-button.gif") no-repeat;
	border: 0px;
}

form#contact-form input.button:hover {
	background: transparent url("../images/send-enquiry-button_f2.gif") no-repeat;
	border: 0px;
}

input.inline {float: left; margin-top: -20px;margin-left: 20px}

input.noborder {border: none;} 

input.radio {
	width: 20px;
	margin-top: 6px;
	/*margin-left: 100px;*/
	border: 0;
}

input.longinput {width: 300px;}
input.shortinput {width: 100px;}
input.extrashortinput {width: 50px;}

form span.inline {float: left;display: inline; color: #000;margin: 0 5px 0 5px;}

input.qty {width: 30px;} 

/* ----------------------------------------------- 
	DOCUMENT LISTS
----------------------------------------------- */

dl {
    margin: 0 0 10px;
    padding-bottom: 10px;
}

dt {
	font-weight: bold;
   	clear:left;
  	width:120px;
   	float:left;
   	text-align:left;
   	display: block;
  	margin: 0px;
  	padding-bottom: 10px;
  	padding-right: 10px;
}

dd {
	border: 1px solid #fff;
	margin: 0px;
	width: 450px;
	height:auto;
	text-align: left;
}

*dd {width: 370px;}

dt label {width: auto;padding-right: 10px;margin:0px;text-align: right;float:right;}
dd input, dd textarea {margin: 0px;margin-right: 10px;}
dd input.radio {margin-right: 0px;}
dd input.button {margin: 10px 10px 0px 0px;}


/* ----------------------------------------------- 
		NOTICES
----------------------------------------------- */

#error,
ul.error {
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#notice,
#success,
ul.success {
	background: #BBEECC;
	border: 3px solid #E3FFED;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

ul.success,
ul.error {
	margin-left: 0px;
	padding-left: 10px;
}

ul.success li,
ul.error li {
	margin-left: 15px;
}