/* Undo HTML */

*{ padding: 0; margin: 0; }

a{ text-decoration: none; font-weight: bold; color: #4b4242; outline: none; border: none; }

a:hover{ text-decoration: underline; }

a.button{ display: block; padding: 1px 5px; }

a.button:hover{ text-decoration: none; }

/* playground rules */
body{
	background: #b3b2a8;
	color: #333;
	font-size: 1em;
	line-height: 1.4;
	font-family: Arial, sans-serif;
	padding: 20px;
}

button{ cursor: pointer; }

button.submit,
a.button{
	color: #fff;
	padding: 1px 1px 0;
	background: #251f21;
	border: 1px solid #000;
	border-width: 0 1px 1px;
	font-weight: normal;
	font-size: 1.2em;
}

div#menu{ background: #fff; }

form .text{
	border: 1px solid #52514c;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
}

form.delivery label{ float: none; text-align: left; margin-bottom: 5px; }

form.delivery label input{ vertical-align: middle; }

form.delivery legend span{ width: 258px; }

form.half{ float: left; width: 295px; }

form.half a{ float: right; }

form.half button.submit{ float: right; }

form.half legend span{ width: 273px; }

form.reg .text{ padding: 2px; width: 149px; }

form.reg fieldset{
	position: relative;
	background: #8a8282;
	border: none;
	padding: 50px 10px 10px;
	margin-bottom: 10px;
}

form.reg label{
	display: block;
	float: left;
	text-align: right;
	width: 110px;
	padding: 4px 10px 0 0;
	font-weight: bold;
	color: #4b4242;
}

form.reg label.radio{
	float: none;
	width: 320px;
	text-align: left;
	margin-left: 120px;
	padding-left: 15px;
}

form.reg label.radio input{ margin-left: -15px; }

form.reg legend span{
	position: absolute;
	margin: -50px -10px;
	padding: 5px 10px;
	top: 0;
	left: 0;
	width: 578px;
	display: block;
	background: #6b6262 url(/img/bg_legend.gif) repeat-x;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	border: 1px solid #6b6262;
}

form.reg p.required{
	width: 300px;
	background: url(/img/icon_star_aqua.gif) no-repeat center right;
	padding: 0;
}

form.reg select.text{ width: 190px; }

form.search{ padding: 0; }

form.search input,
form.search select{ border: 1px solid #033; }

/* forms */
form.search span.cursor{ padding-top: 4px; float: right; }

/* text styles */
h1{
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.1;
	margin-bottom: .5em;
	color: #4b4242;
}

h2{ font-size: 1.5em; line-height: 1; }

h3{ font-size: 1.2em; line-height: 1.5; }

html .h120{ height: 120px; }

img{ border: 0; }

label.radio input{ vertical-align: middle; }

p{ margin-bottom: 1em; }

p.required{
	background: url(/img/icon_star_white.gif) no-repeat center left;
	padding-left: 25px;
}

table.more-info td.image{ width: 400px!important; text-align: center;}
table.more-info { border: 1px solid black; }

table.shop{ width: 100%; margin-bottom: 20px; vertical-align: top; background: #f1f2da; }

table.shop .lit td,
table.shop td.lit { background: #f7f6ea; }

.noborder { border: 0; }

table.shop button span { display: none; }

table.shop button.basket {
	border: 0;
	height: 16px;
	background: url(/img/icon_add-to-basket.gif) no-repeat;
	padding-left: 16px;
	font-size: 1em;
}

table.container {
	width: 100%;
	border: 1px solid #52514c;
}

table.shop button.update{
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, sans-serif;
	line-height: 1.4;
	width: auto;
	color: #033;
	background: none;
	border: 0;
}

table.shop button.update:hover{ border-bottom: 1px solid #033; }

table.shop input.s { width: 22px; }

table.shopMain td { vertical-align: top; }

table.shop td { vertical-align: top; }

table.shop tr.ieFix td, table.shop tr.header td{ padding: 0; margin: 0; height:10px;}
table.shop tr td { border-top: 1px solid #52514c; }

table.shopMain td.image{
	width: 180px;
	border-left: 1px solid #52514c;
	vertical-align: middle;
	text-align: center;
}

table.shop td.last{ border-right: 1px solid #52514c; }

table.shop th{ text-align: left; color: #fff; background: #4b4242; }

table.shop th a{ color: #fff; }

table.shop th,
table.shop td{ padding: 4px; }

table.shop th.item{ padding-bottom: 2px;}

table.shop th.right{ text-align: right; }

td.image { background: #fff; }

.alignRight{ text-align: right; }

.clr{ clear: both; }

.floatLeft{ float: left; display: inline;}

.floatRight{ float: right; display: inline; }

.lightColor { color: #bbc154; }

.ff5 { height:5px; }

.greenbg { 	background: #aab229; }

/* other */
.hr600{
	height: 42px;
	background: url(/img/hr_600.gif) no-repeat 0 20px;
}

.hr600 hr{ display: none; }

.largerText { font-size: 1.2em; }

.logo { margin: 13px; }
.mL10{ margin-left: 10px; }

.mL20{ margin-left: 20px; }

.mR10{ margin-right: 10px; }

.mR20{ margin-right: 20px; }

.msg{ font-size: 1.2em; font-weight: bold; color: #c66715; }

.mT10{ margin-top: 10px; }

.mT20{ margin-top: 20px; }

.mT5{ margin-top: 5px; }

.mT50{ margin-top: 50px; }

.noborder{ border: none !important; }

.print-only{ display: none; }

.pT5{ padding-top: 5px; }

/* shop */
.range_header{
	height: 80px;
	margin-bottom: 10px;
	color: #fff;
	padding: 20px 390px 0 10px;
	background-repeat: no-repeat;
}

.range_header h1{ color: #fff; margin-bottom: .3em; }

.standfirst{ font-size: 1.3em; }

.topdown { position: relative; top: 7px; }

/* Used to create space between rows in shop.asp */
.dummyRow {
	border-bottom: 1px solid #52514c;
	height: 10px;
}

.white { color: #fff; }

#visit-us #li-visit-us a, 
#delivery #li-delivery a, 
#faqs #li-faqs a, 
#contact #li-contact a, 
#make-a-payment #li-make-a-payment a, 
#nav a:hover {

	background: #4b4242;
}

#kitchens #li-kitchens a, 
#index #li-furniture a,
#shop-range_id-59 #li-bespoke a,
#shop-range_id-53 #li-vintage a,
#bespoke #li-bespoke a,
#vintage #li-vintage a,
#nav2 a:hover {

	background: #01395d;
}


#actionsdiv {
	color: #fff;
	background: #4b4242;
	position: absolute;
	top: 0;
	right: 25px;
	height: 30px;
}

#actionsdiv a{
	padding: 10px;
	color: #fff;
	position: relative;
	top: 8px;
}

#bluebar {
	position: relative;
	background: #01395d;
	height: 20px;
	width: 100%;
}

#contact-us .text{ width: 400px; }

/* footer */

#foot {
	text-align: center;
	height:84px;
}

/* header */
#header{
	background: url(../img/toplogo.gif) #aab229 no-repeat;
	position: relative;
	height: 100px;
}

/* pages */
#home{
	height: 210px;
	color: #fff;
	background: #4b4242; /* url(/img/bg_main2.jpg) no-repeat */
}
#hometext{
	padding: 20px 20px 20px 10px;
}

#index #FlabellComponent {
	width: 380px;
	height:210px;
	background: #4b4242;
	float: right;
}

#bespoke #FlabellComponent, #vintage  #FlabellComponent { 
	margin-left: 20px;
	background: transparent;
	float: right;
}

#bespoke #FlabellComponent { 	width: 395px; 	height:195px;  }
#vintage #FlabellComponent { 	width: 280px; 	height:210px;  }

#home h1{ color: #fff; }

#home-promo{ margin: 10px 0 20px; padding: 5px; background: #4b4242; }

#home-promo a{
	width: 113px;
	height: 50px;
	padding: 127px 20px 23px 10px;
	color: #52514c;
	background: #dad9cd;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: normal;
}

#home-promo a strong{ display: block; font-size: 1.5em; }

#home-promo li{ margin-right: 6px; }

#home-promo li.last{ margin-right: 0; }

#home-promo,
#home-promo li,
#home-promo a{ list-style: none; display: block; float: left; }

#main{ float: left; width: 600px; margin: 0 20px; }

/* structure */
#menu{ float: left; width: 150px; }

/* menu */
#menu{ color: #251f21; background: #aab229; }

#menu a{ color: #251f21; }

#menu dt{ font-weight: bold; background: #4b4242; color: #fff; }

#menu dt,
#menu dd{ padding: 2px 10px; }

/* nav */
#nav{
	margin: 0;
	width: 100%;
	background: #01395d;
	color: #fff;
	padding: 0;
	height: 19px;
}

#nav2 a{
	color: #fff;
	padding: 3px 25px;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
}

#nav a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	padding: 2px 25px;
	margin: 0;
}

#nav2 {
	clear: both;
	color: #fff;
	background: #4b4242;
	margin: 0 0 7px 0;
	width: 100%;
	height: 30px;
	padding: 0;
}

#nav2 li, #nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav2 li { background: #4b4242; }

#nav2 a { float: left; padding-top: 5px; list-style:none; display:block;}
#nav a { float: right; list-style:none; display:block; }

#playground{
	background: #f1f2da;
	font-size: 67%;
	width: 940px;
	margin: 0 auto;
	padding: 10px;
}

#promos{ float: left; width: 150px; }

#promos .blue{ background: url(/img/promo_blue.gif) no-repeat #034263; }

#promos .brown{
	background: url(/img/promo_brown.gif) no-repeat #52514c;
}

#promos .cards{
	width: 150px;
	height: 144px;
	background: url(/img/logo_cards.gif) no-repeat top center;
}

#promos .darkgreen{
	background: url(/img/promo_darkgreen.gif) no-repeat #003333;
}

#promos .green{
	background: url(/img/promo_green.gif) no-repeat #006633;
}

#promos a{
	vertical-align: bottom;
	color: #fff;
	width: 130px;
	padding: 38px 10px 10px;
	text-decoration: none;
	font-weight: normal;
}

#promos a strong{ font-size: 1.5em; display: block; }

#promos li{ margin-bottom: 10px; }

/* promos */
#promos,
#promos li,
#promos a{ list-style: none; display: block; float: left; }

#search{ position: absolute; top: 46px; right: 25px; }

#search button {
	float: right;
	padding: 0 1px 1px;
	height: 25px;
	margin-left: 2px;
}

#search div{
	float: right;
	line-height: 1.4;
	height: 19px;
	padding: 2px 0 2px 20px;
}

#search input{
	background: #fff;
	padding: 2px;
	border: 0;
	width: 180px;
	font-family: Arial, sans-serif;
}

#searchbar{
	border: 1px solid #033;
	background: #fff url(/img/icon_search.gif) no-repeat 4px 4px;
}

#searchlabel{
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	line-height: 1;
	margin-right: 5px;
}

#secpay.reg .amount{
	display: block;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	padding: 3px;
}

#secpay.reg .text{ width: 190px; }

/* Secpay */
#secpay.reg label{ width: 320px; }

#secpay.reg p.required{ width: 550px; }

#secpay.reg select.text{ width: 196px; }