/* RESET All Stlyes*/
@import url('reset.css');

body{
    font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
    background:#E2CEB3 url(../images/bodyBg.jpg) top left repeat-x fixed;
    color:#6E7959;
    width:960px;
	margin:0 auto;
}

#global
{
    float:left;
	width:960px;
	margin:0 auto;
    font-size:1.2em;
    background:transparent url(../images/containerBg.jpg) 50% bottom no-repeat;
}


/* ELEMENTS*/
img{border:0px; vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin-bottom:0.5em; padding:0px; position:relative; color:#000; font-weight:bold;}
h1
{
	font-size:1.66em;
	font-weight:normal;
	margin:0 0 0.5em;
	color:#677754;
}
h2{font-size:1.25em;color:#6E7959; }
h3{font-size:1.10em;}
h4{font-size:1em;}
h5{font-size:0.91em;}
h6{font-size:0.83em;}

p,ul,ol{
	margin-bottom: 0.5em;
	line-height:1.3
}

.h2 {
    font-weight:bold;
    font-size:1.25em;
    color:#6E7959;
    margin:10px 0;
}

ul,
ol{padding-left:2em;}

dl{margin-bottom:0.5em}
dt{font-weight:bold;}
dd{margin:3px 0px 3px 20px;}

kbd{
	border:1px solid #ddd;
	border-color:#ddd #333 #333 #ddd;
	padding:0.2px 0.4em;
	background:#f8f8f8;
	color:#000;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.9em;
}

.pullquote {
	display: block;
	float:right;
	padding:0px 10px;
	border-left:5px solid #8B7A52;
	width:40%;
	margin:5px 0 5px 10px;
	color:#8B7A52;
}

.quote {
	background:transparent url(../images/quoleft.gif) no-repeat scroll left top;
	margin-bottom:0.5em;
	padding:0.5em 48px;
	display:block;
}

ins {border-bottom: 1px solid green;text-decoration: none;color: green;}
del {color: #e44;text-decoration: line-through;}
cite {border-bottom: 1px dashed blue;}
acronym {border-bottom: 1px dotted #CCC;cursor: help;}
abbr, html\:abbr {border-bottom: 1px dashed #CCC;cursor: help;}
pre{
	background-color:#DEE7EC;
	border:1px solid #8CACBB;
	color:Black;
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:100%;
	overflow:auto;
	padding:1em;
}
.callout{
	color:#CC9933;
	font-weight:bold;
	padding:0px 1em;
}
.discreet {
	color:#76797C;
	font-size:85%;
	font-weight:normal;
}
a.internal_link{background:url(../images/icons/internallink.gif) no-repeat right; padding-right:16px;}
a.external_link{background:url(../images/icons/externallink.gif) no-repeat right; padding-right:16px;}

.alignCenter{ text-align:center}
.alignRight{ float:right; margin:0 5px;}
.alignLeft{float:left; margin:0 5px;}

.success a,.msginfo a,.msgerror a{
color:#000;
}
.success,.msginfo,.msgerror{
	background-position:10px 50%;
	background-repeat:no-repeat;
	text-align:left;
	padding: 5px 20px 5px 35px;
	border-width:2px 0px;
	border-style:solid;
	margin:0.5em 0px;
	color:#000
}
.msgerror{
	background-color:#fff6bf ;
	background-image:url(../images/icons/exclamation.gif);
	border-color:#ffd324;
}
.msginfo {
	background-color:#F8FAFC ;
	background-image:url(../images/icons/information.gif);
	border-color:#B5D4FE;
}
.success{
	background-color: #ebf4e6;
	background-image:url(../images/icons/accept.gif);
	border-color:#72B95B;
}
.hidden{display:none !important;}

a{color:#000}
a:hover{color:#8B7A52}


strong{font-weight:bold;}
/* STRUCTURE */
#header{
	padding-top: 10px;
	padding-bottom: 0px;
	position:relative;
}

* html #header {
	height:26px;
}

#banner  {
    background:url('../images/top.jpg') no-repeat;
    height:167px;
    z-index:-1;
    display:inline;
    float:left;
    width:960px;
}

/*  Live Search */
#livesearch
{
    float:left;
	position:relative;
	color:#ccc;
	font-weight:bold;
	font-size:0.95em;
	width:35%;
	margin:0 0 0 auto;
}
/*#livesearch *{float:left;}*/
#livesearch h2 {display:none;}
#livesearch p{padding:0}
#livesearch label{font-size: 1em; color:#ffffff; padding-left: 4px; padding-right: 4px;}
#livesearch_field{width:140px; border:1px solid #C9CEC7;font-size:1.25em; vertical-align:middle}

#livesearch_results{
	background:#fff;
	visibility:hidden;
	text-align:left;
	padding:0px 0 5px;
	border:1px solid #8B7A52;
	font-size:1.2em;
}
#search_title{
	background:transparent url(../images/cat-top.gif) repeat-x scroll left bottom;
	border-bottom:1px solid #8B7A52;
	color:#fff;
	padding:2px 5px;
	margin:0;
}

#results p{
	padding:10px 5px;
	margin:0;
	text-align:left;
}
#results dl{padding:0.5em 10px; margin:0;}
#results dl:hover{background:#fafafa;}
#results a + a dl{ border-top:1px solid #efefef;}

#results a.odd dl{background:#F8F8F8;text-decoration:none;}

#close_tab{
	background:transparent url(../images/livesearch_close.gif) no-repeat top;
	border-bottom:5px solid #E0C298;
	bottom:0;
	display:block;
	height:10px;
	position:absolute;
	text-decoration:none;
	width:100%;
}
#close_tab:hover{
border-color:#8b7a52;
background-position:center -10px;
}

div.more{padding:5px 5px 10px; background:#f8f8f8; border-top:1px solid #eaeaea}

/*promo box*/
.promobox {
	background:transparent url(../images/promoBox.jpg) no-repeat top;
	width:365px;
	height:224px;
	display:block;
	margin-right:5px;
	float:left;
}

.promobox a {
display:block;
font-size:0;
height:90px;
margin-top:134px;
text-indent:-1000000px;
width:365px;
}

/* SHOP NAV */
#shopnav {
	font-size:0.9em;
	margin:0px;
	padding:0px;
	font-size:12px;
}
#shopnav a {
	color:#5a471b;
	padding:4px 2.5px;
	display:block;
	text-decoration:none;
}
#shopnav a:hover {
	color:#333;
}

/* TOP NAV*/
#topnav
{
    height:27px;
    margin:0px;
  padding:0 7px;

}

#topnav ul{float:left;width:100%;border-bottom:solid 2px #c9b684;margin:2px;}
#topnav ul li{}
#topnav a{margin-right:2px;}

a#nav-home  { background: url(../images/nav-home.gif) no-repeat; height:25px; width:47px; }
a#nav-aboutus  { background: url(../images/nav-aboutus.gif) no-repeat; height:25px; width:154px; }
a#nav-services  { background: url(../images/nav-services.gif) no-repeat; height:25px; width:135px; }
a#nav-bedroom  { background: url(../images/nav-bedroom.gif) no-repeat; height:25px; width:63px; }
a#nav-dining  { background: url(../images/nav-dining.gif) no-repeat; height:25px; width:102px; }
a#nav-living { background: url(../images/nav-living.gif) no-repeat; height:25px; width:91px; }
a#nav-bespoke { background: url(../images/nav-bespoke.gif) no-repeat; height:25px; width:105px; }

#topnav ul, #shopnav ul{list-style:none; margin:0}
#topnav li, #shopnav li{float:left;}

/* top nav rollovers*/
ul.nav {
    list-style-type:none;
    line-height:0px;
    font-size:0;
}

ul.nav li {
	text-indent: -10000px;
	margin-right:1px;
	margin-bottom:0px;
	background:none;
	list-style-type:none;
	padding-left: 0px;
	float:left;
}
ul.nav li a {
	display: block;
	text-decoration:none;
	background: none;
	list-style-type:none;
}


/* MAIN SEARCH */
#mainsearch
{
    background: url('../images/globalBg.gif') 50% 40px repeat-y;
    color:#333;
	padding:4px 5px;
}
* html #mainsearch {height:20px;}

#mainsearch form,
#mainsearch form p{display:inline;}

#mainsearch .search{
	min-width:140px;
	border:1px solid #CCC;
	background:#fff;
}
#mainsearch p{padding:0 2px;margin:0;font-weight:bold;}

.searchButton {
	background:#8B7A52;
	border:1px solid #604D23;
	color:#fff;
	margin-left:3px;
	margin-right:5px;
}

/* bottom */
#footer
{
    clear:both;float:left;width:100%;
    margin:0;padding:0;
    font-size:0.82em;color:#79bde4;
    height:58px; /* So bottom motif sits correctly */
}

#footer p{margin:6px 14px;}
#footer *{color:#574418;}

/*bottom nav*/
#legalnav
{
    clear:both;float:left;
    margin:0px;
    padding:0px;
    width:100%;
    background:url(../images/legalnavBg.gif) 50% bottom no-repeat;
    height:42px;
    margin:0 0 0 1px;
}

#legalnav ul{list-style:none; margin:13px 0 0 0; padding:0 16px;}
#legalnav li
{
    float:left; margin:0 9px 0 0;padding:7px 9px 6px 0;
    border-right:solid 1px #9A9D7E;
}

#legalnav li.last{border:none;}

#legalnav a
{
    width:100%;height:100%;
    text-decoration:none;
    font-size:0.82em;color:#6E634A;
}

/* CONTENT AREA*/
#content
{
    float:left;
   width:960px;
    clear:both;
    background: url('../images/contentBg.gif') 50% top;
}
/* SIDE MENU*/
.sidebar {
	float:left;
	width:157px;
	margin-left:3px;
	padding:2px;
}

.sidebar p {
	font-size: 1em;
}
.sidebar div.sidebar-title{
	background:url(../images/cat-top.gif) bottom left repeat-x;
	font-size:13px;
	padding:4px;
	margin:0;
	color:#fff;
	display:block;
	font-weight:bold;
}

* html .sidebar {width:156px;margin-left:2px;}  /* margin fix for ie */

.sidebar .menu{
	font-size:1em;
	border:solid 1px #CAC1AD;
	margin-bottom:3px;
}

.sidebar .form
{
    background:#fff;color:#666;font-size:1em;
	border:solid 1px #CAC1AD;
	margin-bottom:3px;
}

.menu h2,h2.main{
	background:url(../images/cat-top.gif) bottom left repeat-x;
	font-size:1.1em;
	padding:4px;
	margin:0;
	color:#fff;
	display:block;
}

#latestproducts .h2 {
    background:url(../images/cat-top.gif) bottom left repeat-x;
	font-size:1.1em;
	padding:4px;
	margin:0;
	color:#fff;
	display:block;
}

.menu ul{margin:0;padding:0;}
.menu ul li{margin:0;padding-left:4px;display:block;}
.menu ul a{
	color:#666666;
	display:block;
	text-decoration:none;
	font-weight:bold;

	padding:3px 2px 3px 4px;
	height:100%;
	display:block;
}
.menu ul li.here a,.menu ul a:hover{background-color:#eee;/*Dont have background color on visuals to implement*/}
.menu ul li.here a:hover{color:#000;/*Dont have background color on visuals to implement*/}
/* First List*/
.menu ul li{
    padding:0px;list-style:none;
    background:#fff;border-top:1px solid #CAC1AD;
}

/* 2nd List*/
.menu ul li.here ul{
    margin:0;
    background:#fff;
    border-top:1px solid #CAC1AD;
}

.menu ul li.here ul li{border:0; background:#fff;}
.menu ul li.here ul li a{padding:2px 0px 2px 10px; font-weight:normal;background:#fff;}

#callactions{}

#callactions ul{margin:0;padding:0;list-style:none;}

#callactions ul li{border:solid 1px #CAC1AD;width:154px;height:68px;margin-top:3px}

#callactions ul li a{width:100%;height:100%;display:block;
    text-indent:-1000px;
    }
#callactions ul li.call-me-back {background-image:url(../images/call-me-back.gif);}
#callactions ul li.request-a-catalogue {background-image:url(../images/request-a-catalogue.gif);}
#callactions ul li.submit-a-review {background-image:url(../images/submit-a-review.jpg);}



#tree{ margin:0;padding:0;list-style:none; }
#tree li {
background: #FFF;
border:solid 1px #CAC1AD;

}

#tree li a {
background:url(../images/tree-appeal.gif) top center no-repeat;
height:310px;
width:154px;
display:block;
text-indent:-1000000px;
font-size: 0px;
}

a.contact-us {
background:url(../images/contact-us.gif) top center no-repeat;
height:68px;
width:155px;
display:block;
text-indent:-1000000px;
font-size: 0px;
border:1px solid #CAC1AD;
margin-bottom:3px;
}

/* MAIN CONTENT*/
#maincontent{
    float:left;
    padding:0;
    margin:0.5em 0 0 5px;
   width:780px;
}


p.description{font-weight:bold;}



/* Login page*/
.col1{
margin-right:10px;
float:left;
width: 240px;
padding:10px;
margin:5px
}
/**/

.gray_box
{
    background:#E0C298;border:1px solid #000;
    padding:5px 4px;
	margin:5px 0;
}
.gray_box p{margin:0; padding:0; font-weight:bold; font-size:1.1em; color:#333}
.gray_box .showing{float:right;padding:0px; margin:3px 0px;}
.gray_box select{vertical-align:middle}
/* Mediacentre */
/* MEDIACENTRE */
.box{
	margin-bottom:1.5em;
	clear:right;
}
p.back,
p.more{
	margin-top:1em;
	clear:both;
}
p.details{
	border-bottom:1px solid #ccc;
	font-size:0.9em;
	margin:-0.1em 0 1em;
	padding:0 0 3px;
}
p.details span.section{
background:url(../images/icons/section.gif) left top no-repeat;
padding:0px 10px 3px 20px ;
}
p.details span.date,p.date{
background:url(../images/icons/icon_date.gif) left 0px no-repeat;
padding:0px 0 3px 20px ;
color:#aaa;
}
a.viewmore{
	background:url(../images/icons/arrow_right.gif) left 2px no-repeat;
	padding-left:13px;
	text-decoration:none;
}

.imageArticle{
	float:right;
	margin:-0.5em 5px 5px;
}
#mediacentre_actions
{
	float:right;
	padding-top:0.6em;
}

#mediacentre_actions a img
{
	padding:3px;
	margin:0px;
}

#mediacentre_actions a:hover img
{
	border:1px solid #027ABB;
	background:#E9F6FD;
	padding:2px;
}
.box h2 a{text-decoration:none}


/*Text Editor*/
body#maincontent{
	font-size:12px;
	margin:5px;
	text-align:left;
	background:#fff;
	width:auto;
}
/**/

/* PAGINATION*/
.page{
	clear:both;
	height:1%;
	margin:1em 0;
	padding:0.5em ;
	background:#E0C298;border:1px solid #000;
	color:#fff;
}
.page a, .page .this{
	background:#333;
	margin-right:5px;
	text-decoration:none;
	padding:0 5px;
	border:solid 1px #8F7F68;
	color:#fff;
}
.page .this{background:transparent;border:solid 1px transparent;}


/* New class's added*/
/* all class's over ridden when homepage set on global div */
.threeColumn{}
.threeColumn #content{
    float:left;
    width:960px;
    clear:both;
    background: url('../images/three-column-contentBg.gif') 50% top;
}
.threeColumn #maincontent{
 	 width:625px;
}

.threeColumn #legalnav{
    background:url(../images/three-column-legalnavBg.gif) 50% bottom no-repeat;
    margin-left:1px;
}

#footer p {font-size: 1em;}



#banner {
/*background: url(../images/top.jpg) top left no-repeat;*/
width:960px;
}

* html #banner { height:151px;}

/*CART*/
#cart {
	/*background:transparent url(../images/cart-bg.gif) top left repeat-y;*/
	width:180px;
	float:right;
    margin:65px 10px 0;
	border:1px solid #54401f;
	padding:5px;
	background:#54401f;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}

#cart p {
	padding:0px 8px;
	font-size: 1em;
	color:#fff;
	margin:0px;
}

p.cart-title {
    color:#FFF;
	font-size:1em;
	margin-bottom:5px;
	font-weight:bold;
}

#cart h2 {
	/*background:transparent url(../images/cart-top.gif) top left no-repeat;
	height:24px;
	text-indent:-10000px;*/
	color:#FFF;
	font-size:1em;
	margin-bottom:5px;
}

.viewcart {
/*background:transparent url(../images/cart-bottom.gif) bottom left no-repeat;*/
padding:3px 8px;
text-align:right;
}
.viewcart a{color:#FFF;}
.viewcart a:hover {color:#333;}
.total {font-weight:bold;}

/* HOME PAGE */
#home h2 {
	font-family:Trebuchet MS,Verdana;
	font-size:1.35em;
	color:#333;
	border:1px solid #ccc;
	padding:2px 5px;
	background:#f0f0f0
}

#random_testimonials{
	background:#fff url(../images/testionial_background.jpg) right bottom no-repeat ;
	border:1px solid #efeade;
	padding:5px;
	color:#5a471b;
}
#random_testimonials h2{
	background:#fff url(../images/testimonial_h2.gif) left bottom no-repeat ;
	padding:6px 0 0 35px;
	color:#5a471b;
}
#random_testimonials a, #random_testimonials a:visited{color:#5a471b; font-weight:bold; text-decoration:none;}
#random_testimonials a:hover,#random_testimonials a:focus{color:#6a7a56;}
/* TABLES */
table.order{
	width:100%;
	margin:0 auto 1em;
	border-collapse:collapse;
	background:#fff;
	border:1px solid #E0C298;
	color:#000;
}
.order th{background-color:#c3a67e;padding:5px; border-bottom:1px solid #E0C298;color:#fff}
.order td{padding:5px; border:1px solid #E0C298}

td.price{width:70px;}
td.total{width:100px;}

tr.sub{background:#E6D6BD ;color:#000;}
tr.total{background:#C3A67E ; font-weight:bold; color:#000;width:15em;}
td.subtotal, td.shipping, td.totalprice, td.taxes {
	padding-right:1em;
	text-align:right;
}
.totalprice td{background-color:#c3a67e; font-weight:bold;}
td.odd {
	background:#E6D6BD;
	border-right:1px solid #E0C298;
	width:10em;
}
#order_actions{
	text-align:center;
	margin:1em 0em;
	padding:0.5em;
	position:relative;
	background:#E0C298 none repeat scroll 0%;
	border:1px solid #000000;
}

td.completed{background-color: #ebf4e6; color:#6faf4b;}
td.pending{background-color: #E4EAF2;color:#5176B5;}
td.unpaid{background-color:#F4E7EA;color:#986265;}
td.cancelled{background-color:#fae0e0;color:#ca5656;}
td.paid{background-color:#FFF3D5;color:#E8A400;}
td.cheque{background-color:#ebe5ed;color:#8c6496;}
td.refunded{background-color:#FDD8AD;color:#FF8300;}

span.old_price{text-decoration:line-through ; color:#aaa;}


/*Promo boxes*/
#sales
{
	margin-bottom:3px;
}

/**
*   A Generic panel class
*/
.panel
{
    border:solid 1px #EFEADE;
    width:436px;
    float:left; /*  Added this and removed superflous spacer div    */
    margin-bottom:3px;
}
/**
*   Latest Products
*/
#latestproducts {margin-bottom:1em;}

#latestproducts h2{
    background:#857757 url(../images/cat-top.gif) repeat-x scroll left bottom;
    color:#fff;
    padding:4px;
    font-size:1.1em;
}

dl.product
{
   float:left;
margin:5px 2px 5px 3px;
min-height:200px;
width:120px;
}
* html dl.product {height:200px;}


dl.product a{text-decoration:none}
dl.product dt{padding:0;}

dl.product dt a{
	display:block;
	text-align:center;
	border:1px solid #6A7A56;
	padding:2px;
	margin:0;
	height:110px;
	width:110px;
}
dl.product dt a:hover{border-color:#5D4A1F;background:#fefefe;}
dl.product dt img{ margin:0 !important; }


dl.product dd{margin:0px;padding:0px; text-align:left; font-weight:bold; }
dl.product dd.title{color:#5A471B; margin-top:5px;}
dl.product dd.title a{color:#5A471B;}
dl.product dd.price {
color:#000000;
font-size:1.15em;
margin-top:5px;

}

/* Product listing (Browse category)*/
#display_product{
    float:left;
    width:100%;
}

/*
*   Testimonial
*/
.testimonial{
    background:url(../images/quoteright.gif) 98% 98% no-repeat;
}

.testimonial *{margin:10px;font-size:1.1em;}
.testimonial h2{
    background:url(../images/quoteleft.gif) left top no-repeat;
    color:#5A471B;
    padding:3px 3px 3px 30px;
}

.testimonial blockquote{background:none;color:#000;
    font-size:1em;}
.testimonial em{font-weight:bold;float:left;clear:both;color:#000;font-style:normal;}

dl.listing{
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	font-weight:bold;
	height:107px;
	margin:2px 10px 2px 0;
	padding:5px 0 0 5px;
	width:240px;
}
dl.listing dt a{
	float:left;
	height:100px;
	width:100px;
	text-align:center;
	margin-right:10px;
}

dl.listing dd a{
color:#79BDE4;
}
dl.listing dd a:hover{
color:#fff;
}

dl.listing dt a img{border:none;}
dl.listing a{text-decoration:none;}
dl.listing dt img{border:1px solid #6A7A56; margin:0 !important;}
dl.listing dt a:hover{/* CAN NOT IMPLEMENT AS HOVER COLOR NOT EVIDENT IN VISUAL*/}
dl.listing dd{margin:0px;padding:0 9px 9px 9px; text-align:left; font-weight:bold;}
dl.listing dd.title{color:#5A471B; margin-top:5px;}
dl.listing dd.title a{color:#5A471B;}
dl.listing dd.price {
color:#5A471B;
font-size:1.35em;
margin-top:5px;
}

/* BRANDS */
#brands {
background:transparent url(../images/bottom.gif) bottom left no-repeat;
padding-left:10px;
}
.searchbrand {
	text-align:right;
	clear:both;
	margin:0px 10px 10px 0px;
	font-weight:bold;
	background:transparent url(../images/arrow.gif) right no-repeat;
	padding-right:15px;
}
.searchbrand a {
color:#999;
text-decoration:none;
}
.searchbrand a:hover {color:#99ccff;}
.spacer {clear:both;}

#brands ul,ul.brands{list-style:none; margin:0}
#brands li,ul.brands li{float:left; margin-right:20px;}
#brands a, ul.brands a{display:block; border:1px solid #000;}

ul.brands a:hover{border-color:#79BDE4;}

.form p{padding:4px 9px; font-size:0.83em}
.form label{display:block;}
#newsletter_email{width:125px; display:block;}

p.secure
{
    background:url(../images/secure-shopping.gif) no-repeat bottom;
  	padding: 5px 36px 53px 5px;
    text-align:left;
	font-size:0.9em;
}

p.google-checkout a
{
    display:block;
    padding:3px;
    margin-top:2px;
    background:url(../images/google-checkout.gif) 50% 50% no-repeat ;
    text-indent:-20000px;
}

#browse_cat
{
    color:#000;
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:0.9em;
}

/*browse catalogue*/
p.refine_search
{
	background:#E0C399;
	border:1px solid #000;
	color:#000;
	padding:5px;
}
.refine_search select,
.refine_search input{vertical-align:middle; margin:0;}

p.sorting_opions{
	font-weight:bold;
	margin:0 0 1em;
	text-align:right;
}
.sorting_opions .showing{margin-left:1em;}





#footer ul{
list-style: none;
margin:5px 1em 0;
padding:0;
font-size:11px;
}
#footer ul li{
display:inline;
padding-right:1em
}