/* LAST UPDATED 10.09.08 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS

*/
 
/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */
#home-text-area
{
padding:20px;
margin-top:0;

border:1px solid #ccc;
font-size:11px;
line-height:20px;
}

#header
{
	background-image:url("../images/Best-Interiors-Collection-Furniture-W.jpg");
	background-repeat:no-repeat;
	background-position:650px 5px;
}

#mainlogo
{
	float:left;
}

.borderimage, .firstthumb
{
	border: 1px solid #ccc;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body { height: 100%; }
*, textarea {
font-family: Arial, Helvetica, sans-serif;
}
body, select {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666;
}

textarea,input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666;
}

p, ul { padding: 0 0 10px 0; }

 a {
	/*color: #0000FF;*/
	color:#666666;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

p a:hover { color: #000; }

a img { border: 0; }

.small { font-size: 90%; }

ul, ol { margin-left: 20px; }

.minthumb,.firstminthumb
{
width:160px;
display:block;
height:120px;
}
/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */


	#nav_menu 
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
		height:39px;
		margin-bottom:10px;
		background:#fff;
	}
	
		/* 1st level navigation ************************************/
		#nav_menu li 
		{
			float: left;	
			padding: 0;
			margin: 0;
			list-style-type: none;	
			height:29px;	
			display: block;
		}
		
		#nav_menu li a {
			display: block;
			height:29px;
			background-repeat: no-repeat;
			background-image: url('../images/nav.gif'); 
			
			/*
			border-left:1px solid red;
			margin-left:-1px;
			*/
			  z-index: 6000;
			  font-size:12px;

		}
		
		#nav_menu li a span
		{
			display:none;
		}
		/***********************************************************/
	
			/* 2nd level navigation ************************************/
			#sub_menu,#sub_menu_b,#sub_menu_c, #sub_menu_d
			{
				list-style-type:none;
				position:absolute;
				width:150px; 
				left: -999px; 
				float:left;
				margin:0;
				padding:0;
				border:1px solid #d1d6d9;	
				background:#fff;
				z-index: 6000;
			} 
			
			#sub_menu li,#sub_menu_b li,#sub_menu_c li, #sub_menu_d li
			{
				margin:0;
				padding:0;
				float:left;		
				display:block;
				height:20px;
			 	z-index: 6000;
			}
			
			#sub_menu li a, #sub_menu_b li a, #sub_menu_c li a, #sub_menu_d li a
			{
				margin:0;
				padding:0;
				display:block;
				height:20px;
				width:120px;
				background-image:none;	
				margin:1px 0px 0px 15px;
				text-decoration:none;	
				z-index: 6000;
			}
			
			#sub_menu li a:hover, #sub_menu_b li a:hover, #sub_menu_c li a:hover, #sub_menu_d li a:hover
			{
				color:#000;
			}
			/***********************************************************/

			/* hover unhide */
			#nav_menu li:hover #sub_menu, #nav_menu li:hover #sub_menu_b, #nav_menu li:hover #sub_menu_c, #nav_menu li:hover #sub_menu_d     
			{
				left: auto;
			}
			
			#nav_menu li:hover #sub_menu, #nav_menu li.sfhover #sub_menu,
			#nav_menu li:hover #sub_menu_b, #nav_menu li.sfhover #sub_menu_b,
			#nav_menu li:hover #sub_menu_c, #nav_menu li.sfhover #sub_menu_c,
			#nav_menu li:hover #sub_menu_d, #nav_menu li.sfhover #sub_menu_d  
			{
				left: auto;
			}
			/******************/
			
			#nav_menu li a.home { background-position: 0 0; width: 72px; }
			#nav_menu li a.home:hover { background-position: 0 -29px; }
			
			#nav_menu li a.cots	{ background-position: -72px 0; width: 67px; }
			#nav_menu li a.cots:hover { background-position: -72px -29px; }
			
			#nav_menu li a.armoires	{ background-position: -139px 0; width: 96px;  }
			#nav_menu li a.armoires:hover { background-position: -139px -29px; }
			
			#nav_menu li a.dressers { background-position: -235px 0; width: 91px;  }
			#nav_menu li a.dressers:hover { background-position: -235px -29px; }
			
			#nav_menu li a.chairs { background-position: -326px 0; width: 78px; }
			#nav_menu li a.chairs:hover { background-position: -326px -29px; }
											
			#nav_menu li a.accessories { background-position: -404px 0; width: 123px;  }
			#nav_menu li a.accessories:hover { background-position: -404px -29px; cursor:not-allowed;}
			
			#nav_menu li a.about { background-position: -527px 0; width: 97px; }
			#nav_menu li a.about:hover { background-position: -527px -29px; }
			
			#nav_menu li a.news { background-position: -624px 0; width: 115px; }
			#nav_menu li a.news:hover { background-position: -624px -29px; cursor:not-allowed;}
			
			#nav_menu li a.safety { background-position: -739px 0; width: 117px; }
			#nav_menu li a.safety:hover { background-position: -739px -29px; cursor:not-allowed;}
			
			#nav_menu li a.contact { background-position: -856px 0; width: 104px; }
			#nav_menu li a.contact:hover { background-position: -856px -29px; }
			
	

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */
/*jquery images */
.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
/*********************/

/* Use percentages on font-sizes on block elements, not em or px and NOT on the paragraph element */

#wrap {
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -66px; /* the bottom margin is the negative value of the footer's height */
}

#wrap2 {
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -66px; /* the bottom margin is the negative value of the footer's height */
	background-image:url("../images/bg.jpg");
}

	#header {
		position: relative;
		height: 92px;
	}

		#header #cartBox {
			position: absolute;
			top: 15px;
			right: 0;
			width:170px;
			text-align: right;
			font-size: 85%;
			line-height: 19px;
			font-family: Verdana;
			width:220px;
			text-align:right;
		}
		

			#header #cartBox p { margin-top:3px;padding: 0; }

			#header #cartBox p.dotted {
				height: 20px;
				background: url('../images/dottedDouble.gif') repeat-x;
			}

			#header #cartBox a {
				color: #666;
				text-decoration: none;
			}

			#header #cartBox a.arrow {
				padding-right: 12px;
				background: url('../images/arrow.gif') 100% 3px no-repeat;
			}

			#header #cartBox a:hover {
				color: #000;
				text-decoration: underline;
			}
			
			#enghm 
			{
				margin-bottom:5px;
			}
			
			#header #award
			{
				position:absolute;
				right:228px;
				top:3px;
				height:81px;
				width:81px;
				display:block;
			}
			

	/*
	#content { 
	padding-top: 6px; 
	position:relative; 
	min-height:520px;
 	height:auto !important;
  	height:520px;
  	}
	*/
	
	#wrap2
	{
		
		
	}
	
	#content_fl
	{position:relative;
		padding-top: 6px;  
		min-height:520px;
		height:auto !important;
		height:520px;
	}
	


#footer, #push { height: 66px; } /* push and footer need to be the same height - specify height on footer if padding is added */

#footer {
	margin: 0 auto;
	padding-top:10px;
	width: 960px;
	background: url('../images/footer.jpg') top right no-repeat; 
	font-size: 85%;
	font-family: Verdana;
	background:#fff;
}

	#footer p {
		background: url('../images/dotted.gif') top repeat-x;
		height: 56px;
		line-height: 56px;
		text-align:center;
	}

	#footer a {
		color: #666;
		text-decoration: none;
	}

	#footer a:hover { text-decoration: underline; }
	
	#footer
	{
		background-image:url(../images/footer.jpg);
		background-repeat:no-repeat;
		background-position:-10px 15px;
	}
	/* ******* Homepage Specific ******* */

	#mainFlash { height: 384px; display:block;}

		#mainFlash #flash {
			float: left;
			width: 757px;
			height: 384px;
			display:block;
		}
		
		.slideshow img.flash
		{
			display:block;
			z-index:1;
	
		}
		
		#mainFlash #sidebar {
			float: right;
			background-image:url(../images/pages/home-sidebar.jpg);
			background-repeat:no-repeat;
			text-align: justify;
			width: 198px;
			height: 382px;
			display:block;
			font-size: 10px;
			color: #333;
			line-height: 18px;
			border:1px solid #d1d6d9;
		}
		
		#mainFlash #sidebar p.startintro {
			margin-top:80px;
			padding:20px;
			color:#666;
			font-size:11px;
		}
		
		#mainFlash #sidebar p{
		
			padding-left:20px;
			padding-right:20px;
			color:#666;
			font-size:11px;
		}
		
	#sidegraphic
	{
		
	}
	
	#threeColumn {
		height: 87px;
		padding: 6px 0;
		font-size: 85%;
	}
#threeColumn a
{
	text-decoration:none;
}
		#threeColumn p { padding: 32px 15px 0 10px; }
		
		#rssarticleflash
		{
			padding:39px 0px 0px 17px;
			text-decoration:none;
		}
		
		
		#threeColumn .col {
			float: left;
			width: 317px;
			height: 87px;
			margin-right: 4px;
		}

		#threeColumn .news { 
		 background: url('../images/pages/home_box.jpg') no-repeat;width: 317px;}

		#threeColumn .last { margin-right: 0; width:317px; }
		
	/* ******* Product List Specific ******* */

	#productListSidebar {
		float: left;
		width: 154px;
	}

	#productList {
		float: right;
		width: 960px;
		
	}
.productSmall {

	width:460px;
}
		#productList .productSmall {
			float: left;
			/*width: 392px;*/
			height: 251px;
			margin: 0 18px 18px 0;
		}

			#productList .productSmall .description {
				float: right;
				width: 93px;
				font-size: 85%;
			}

			#productList .productSmall .description p { padding-bottom: 1px; }
			
			div.dimspace
			{
				margin-top:10px;
			}

	/* ******* Product Page Specific ******* */

	a #viewdetails
	{
		border:0; 
	}
	
	#productImage {
		float: left;
		width: 400px; /************************/
		height: 290px;
		margin-top: 7px;
	}

	.description
	{

	}
	
	#productDescription {
		
	}
	
	#productDescription {
		position: relative;
		float: right;
		padding:0;
		width: 521px; /**********/
		height: 293px;
	
		border: 1px #dcdcdc solid;
		margin-top: 7px;
		line-height: 18px;

	}

	#productDescription #in
	{
	margin:22px 34px 22px 33px; 

	}
	
		#productDescription .description {
			height: 200px;
			overflow: auto;
		}

		#productDescription .viewMoreImages {
			position: absolute;
			bottom: 22px;
			left: 33px;
		}

		#productDescription .price {
			position: absolute;
			bottom: 58px;
			left: 33px;
			
			
		}

			#productDescription .price p { padding-bottom: 0; }

		#productDescription .addToBasket {
			position: absolute;
			bottom: 22px;
			right: 33px;
		}
		
		.add
		{
			border:none;
		}

#productSuggestions{ clear: both; background:#d1d6d9; }
	#productSuggestions, #familyProducts { clear: both; background:#d1d6d9; width:960px; /*******/ 
 }

		#productSuggestions img, #familyProducts img { /* margin-right: 14px; margin-top:1px; margin-bottom:1px; margin-top:20px;*/
		
		
		}
		
		#productSuggestions .inner, #familyProducts .inner
		{
			
			
		
		}
		
		.firstthumb, .firstminthumb
		{
		
			margin:20px 20px 0px 20px;
		}

#movers-row
{
margin: -120px 0 0 190px;
}

#movers-row div {
	width: 33.3%;
	float: left;
	
}
#movers-row div img {
	float: right;
	margin:0px 20px 20px 20px;
}


		#osi
		{
	
			float:left;
			margin:10px 0 12px 0;
			padding:0px;
			text-align:left;
			display:block;
			width:960px;
		}
		
		#osi h4
		{
			margin:0;
			padding:4px;
			text-align:left;
			display:block;
		}
/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */

input.quantity {
	width: 20px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
}

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 4px 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

/* Use px on font sizes for headings to ensure cross-browser compatibility, especially with IE */

h1 { font-size: 25px; }
	
	h1.error { color:red; }
	
	#header h1 { display: inline; }

		#header h1 a {
			display: block;
			text-indent: -4440px;
			width: 212px;
			height: 92px;
			background: url('../images/logo.gif') no-repeat;
		}

h2 { font-size: 22px; pading-top:0;}

	h2.error { color:red; }

	#productDescription h2 { font-size: 20px; }

	#productSuggestions h2, #familyProducts h2 {
		background: url('../images/dotted.gif') bottom repeat-x;
		padding: 10px 0 5px 0;
		margin-bottom: 10px;
		font-size: 20px;
	}

h3 { font-size: 19px; }

	#productList .productSmall .description h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		padding: 0 0 3px 0;
	}

h4 { font-size: 16px; }

#osi h4
{
	font-size:14px;
	color:#666;
	margin: 0px 0px 0px 20px;
}

/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.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 */

/* -----------------------------------------------------------
		FORM
----------------------------------------------------------- */
#pdescription
{
	font-size:11px;
	line-height:15px;
	text-align:justify;
}

#pdescription2
{
	font-size:11px;
	line-height:15px;
	text-align:justify;
	padding-right:20px;
}

label
{
	font-weight:bold;
}

label.incorrect
{
	color:red;
}

label.incorrect span
{
	font-style:italic;
	font-color:red;
	font-weight:normal;
}

fieldset
{
	border:none;
}

/* Contact Form */
#fname, #lname, #email, #tel, #address, #town
{
	width:230px;
	padding:2px;
}

#postcode
{
	width:100px;
	padding:2px;
}

#message
{
	width:300px;
	height:100px;
	padding:2px;
}

/* -----------------------------------------------------------
		GENERIC PAGE LAYOUT	
----------------------------------------------------------- */
.rss
{
	float:right;
	margin:0px 0px 10px 10px;
	border:none;
}

#content_fl #rightimgarea
{
	position:absolute;
	right:0px;
	top:60px;
	width:250px;
}

#content_fl #textsplit
{
	margin:0px 0px 0px 230px;
	padding-top:60px;
	display:block;
	min-height:520px;
  	height:auto !important;
  	height:520px;
	width:440px;
	text-align:justify;
}   

#content_fl #textsplit2
{
	margin:0px 0px 0px 230px;
	padding-top:60px;
	display:block;
	min-height:520px;
  	height:auto !important;
  	height:520px;
	text-align:justify;
}

#content_fl #textsplit3
{
	margin:0px 39px 0px 230px;
	padding-top:60px;
	display:block;
	min-height:520px;
  	height:auto !important;
  	height:520px;
	text-align:justify;
}


#content_fl h1.head
{
	position:absolute;
	left:230px;
	top:0px;
	display:block;
	background: url('../images/dotted.gif') bottom repeat-x;
	padding: 0px 0 5px 0;
	margin-bottom: 10px;
	width:720px;
}

#content_fl #greycolleft1
{
	position:absolute;
	left:0px;
	top:-10px;
	width:200px;
	height:90px;
	border:0;
}


#content_fl #greycolleft2
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:200px;
	height:334px;
	border:0;
}

#greycolleft1 img, #greycolleft2 img
{
	border:0;
}

#content_fl
{

}



/* -----------------------------------------------------------
		NEWS
----------------------------------------------------------- */

.article
{
	margin:0px 0px 10px 0px;
	padding:10px;
}

.article p
{

}

.article a
{
	color: #666;
}

h2 span.date
{
	color: #000;
	font-size:17px;
}

h2 span.heading a
{
	color: #666;
	font-size:17px;
}


/* -----------------------------------------------------------
		BASKET
----------------------------------------------------------- */

#paymentsummary
{
	position:relative;
	margin-bottom:50px;
	margin-top:50px;
}

#payment
{
	position:relative;
}

#payment #payf
{
	position:absolute;
	right:0px;
	top:-30px;

}

#payment #continuef
{
	position:absolute;
	right:130px;
	top:-30px;
}

#payment form
{
	display:inline;
}

#recalculate
{
	margin-top:10px;
}

a.basketproductname
{
	font-size:15px;
	font-weight:bold;
}

a.updatebasket
{
	font-size:11px;
}
/* -----------------------------------------------------------
		TABLE
----------------------------------------------------------- */

table
{
	border-collapse:collapse;
	border-bottom:1px solid #cccccc;
	width:100%;
}

	table td
	{
		border-collapse:collapse;
		padding:2px;
		padding:10px 2px 10px 2px;
	}

	td.doti
	{
		background: url('../images/dotted.gif') bottom repeat-x;
		background-position:center;
		height:10px;
	}
	
	table th
	{
		border-collapse:collapse;
		padding:2px;
		border-bottom:1px solid #cccccc;
		font-size:14px;
		text-align:left;
		color:#666666;
	}
	
	.item
	{
		width:10px;
	}
	
	.info
	{
		padding-left:20px;
	}
	
	.qty
	{
		width:100px;
		text-align:center;
	}
	
	input.qty
	{
		width:20px;
	}
	
	.itemprice
	{
		width:150px;
		text-align:center;
		font-weight:bold;
	}
	
	.subtotal
	{
		width:150px;
		text-align:center;
		font-weight:bold;
	}

table.non
{
	margin:10px 0px 0px 0px;
	border:none;
}

table.summary
{
	border-bottom:1px solid #cccccc;
	text-align:right;
}
		
		table.summary td
		{
			
			padding:8px 2px 8px 2px;
		}
		
		table.summary td.cost
		{
			text-align:right;
			width:100px;
		}
	
		table.summary td.totalcost
		{
			text-align:right;
			font-weight:bold;
		}
		
		td span.black
		{
			color:#000000;
			font-weight:bold;
		}
		
		td span.or
		{
			color:#000;
		}

table.datacapture
{
	border:none;
}

	table.datacapture td
	{
		border-bottom:1px solid #cccccc;
	}
	
	table.datacapture td.errorheader
	{
		font-weight:bold;
		color:red;
	}
	
table.confirmation, table.confirmation td 
{
	border:1px solid #cccccc;
}


#threeColumn .col a, #threeColumn .col a #nobord1,
{
	border:0;
}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#mobilestable
{
	border:0;
}

#mobilestable tr td
{
	vertical-align:top;
	border:0;
	text-align:left;
}

div.tabcontent
{
	margin:0 20px;	
}

div.tabcontent h2
{
	text-align:left;	
}