/* CSS MASTER */

/* ELEMENT SELECTORS ------------------------------------------------- */

body {
	margin:0; padding:0;
	background:#9C9A99 url(images/bodyback.gif) repeat-x top;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	margin:20px 0 0 30px; padding:0;
	color:#444142;
	font-size:14px;
}

/* hack for ie \*/
* html h1 { margin:34px 0 0 30px; }
/* end hack for ie */

h2 {
	margin:12px 0 0 30px; padding:0;
	color:#444142;
	font-size:12px; font-weight:bold;
}
h4 {
	color:#444142;
	font-size:12px; font-weight:bold;
	padding:0;
	margin:10px 0 10px 10px;
}
p, label, li {
	font-size:11px;
	color:#444142;
	margin:20px 20px 10px 30px;
	padding:0;
}

a { color:#927D38; text-decoration:none; }
a:hover { color:#9D0510; }

/* hack for ie \*/
* html p.first {margin:38px 20px 10px 30px;}
/* end hack for ie */

/*==============================================*/

#termspage h1, #termspage h2 {
	margin:15px 0 0 30px; padding:0;
}

#termspage p {
	margin:10px 20px 0 30px;
	padding:0;
}

.underline { text-decoration:underline; font-weight:normal; color:#BA9F47; }

/*==============================================*/

/* ------------------------------------------------------------------- */

/* MAIN STRUCTURAL SELECTORS ----------------------------------------- */

#container {
	width:775px;
	margin:0 auto;
	text-align:left;
	background:url(images/content-bg.gif) repeat-y;
}

#header {
	width:775px;
	height:126px;
}
#logo {
	width:775px;
	height:126px;
	float:left;
	background:url(images/banner-bg.jpg) no-repeat;
}
/*
#banner {
	width:600px;
	height:160px;
	float:left;
	background:url(images/banner-bg.jpg) no-repeat;
}
*/
#content {
	width:775px;
	float:left;
}
#left-col {
	width:167px;
	float:left;
	background:url(images/lcol-head.gif) no-repeat top;
}
#right-col {
	width:608px;
	float:left;
	background:url(images/rcol-head.gif) no-repeat top;
	padding:15px 0 0 0;
}

#keywords {
	position:absolute;
	width:700px;
	left:-9999px;
	margin:50px 0 0 0;
}

/* hack for ie \*/
* html #container { background:none; }
* html #content { background:url(images/content-bg.gif) repeat-y; }
/* end hack for ie */

#right-col .row, #right-col #termspage {
	width:100%;
	float:left;
	margin:0 0 0 35px;
}
#right-col .row, #right-col #termspage { margin:5px 0 0 0; }

#right-col #col1 {
	width:283px;
	float:left;
	margin:0 0 0 35px;
}
#right-col #col2 {
	width:250px;
	float:left;
	margin:0;
}

#right-col #col1 p {
	margin:10px 0 0 0;
}

#right-col h1.bespoke, #right-col h1.shop, #right-col h1.terms, #right-col h1.quotation, #right-col h1.clothing, #right-col h1.accessories, #right-col h1.interiors, #right-col h1.orderform, #right-col h1.colourchart, #right-col h1.home, #right-col h1.shop-home {
	display:block;
	width:410px;
	height:54px;
	margin:0 0 0 35px;
	padding:0;
}
#right-col h1.quotation {background:url(images/quotation-header.gif) no-repeat; }
#right-col h1.colourchart {background:url(images/colourchart-header.gif) no-repeat; }
#right-col h1.orderform {background:url(images/orderform-heading.gif) no-repeat; }
#right-col h1.bespoke {background:url(images/bespoke-header.gif) no-repeat; }
#right-col h1.shop {background:url(images/shopping-header.gif) no-repeat; }
#right-col h1.terms {background:url(images/terms.gif) no-repeat; }
#right-col h1.clothing { background:url(images/clothing-header.gif) no-repeat; }
#right-col h1.accessories { background:url(images/accs-header.gif) no-repeat; }
#right-col h1.interiors { background:url(images/interiors-header.gif) no-repeat; }
#right-col h1.home { background:url(images/welcome-header.gif) no-repeat; }
#right-col h1.shop-home { background:url(images/shop-header.gif) no-repeat; }

#right-col #col1 h1 {
	display:block;
	width:283px;
	height:54px;
	margin:0;
	padding:0;
}

#right-col #col1 h1.cont { background:url(images/contact-header.gif); }
#right-col #col1 h1.events { background:url(images/events-header.gif); }
#right-col #col1 h1.links { background:url(images/links-header.gif); }
#right-col #col1 h1.terms { background:url(images/terms-header.gif); }

#right-col h1 span, #right-col #col1 h1 span { visibility:hidden; }

#content #events-diary { width:558px; margin:10px 0 0 30px; float:left; }

/* holly hack \*/

*html #content #events-diary { margin:10px 0 0 15px; }

/* end holly hack */

#content tbody tr.heading td {
	text-align:center;
	vertical-align:top;
    	background-color: #CCBB86;
    	color: #fff;
	border: 1px solid #BA9F47;
    	font-size:11px; 
    	font-weight:bold;
	padding:0 3px 3px 0;
}

#right-col .home-img { float:right; margin:0 20px 0 5px; }
#right-col .home-img-lt { float:left; margin:0 5px 0 30px; }

/* ------------------------------------------------------------------- */

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

#left-col ul {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}

#left-col ul li {
	width:150px;
	margin:0 0 0 12px;
	height:30px;
}

#left-col ul li a {
	display:block;
	padding:5px 0 0 16px;
	width:134px;
	height:22px;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#444142;
}

#left-col ul li.shoppages a {
	background-color:#CCBB86;
	color:#fff;
}

#left-col ul li a:hover, #left-col ul li.current a:hover {
	background-color:#BA9F47;
	color:#fff;
}
#left-col ul li.current a {
	background-color:#BA9F47;
	color:#fff;
}

#left-col ul li.basket a {
	background:url(images/basket.gif) 0 0 no-repeat;
	padding:5px 0 0 32px;
	width:118px;
}

#left-col ul li.curr-bask a {
	background:#E6E6E5 url(images/basket.gif) 0 -27px no-repeat;
	padding:5px 0 0 32px;
	width:114px;
	color:#fff;
}

#left-col ul li.basket a:hover, #left-col ul li.curr-bask a:hover {
	background-position:0 -27px;
	background-color:#BA9F47;
	color:#fff;
}

#left-col #paypal {
	width:137px;
	height:90px;
	margin:10px 0 0 20px;
	background:url(images/paypal-payments.gif) no-repeat;
}

/* ------------------------------------------------------------------- */

/* MAIN CONTENT ------------------------------------------------------ */

#right-col ul {
	list-style:square;
	margin:0; padding:0;
}

#right-col ul li {
	font-size:12px;
	color:#444142;
	margin:8px 0 0 50px;
	padding:0;
}

#right-col #col1 ul li {
	margin:8px 0 0 15px;
}

#right-col ul li a {
	text-decoration:none;
	color:#927D38;
}
#right-col ul li a:hover {
	text-decoration:none;
	color:#9D0510;
}



#footer {
	width:775px;
	height:115px;
	background:#9C9A99 url(images/footer.gif) no-repeat top;
	clear:both;
	margin:0; padding:0;
}
#footer .foot-row1 { width:122px; float:left; margin:19px 0 0 0;}
#footer .foot-row2 { width:170px; float:left; margin:19px 0 0 0;}
#footer .foot-row3 { width:290px; float:left; margin:19px 0 0 0;}
#footer .foot-row4 { width:190px; float:left; margin:19px 0 0 0;}

#footer p { padding:0; font-weight:bold; }

#footer p a { color:#927D38; text-decoration:none; }
#footer p a:hover {	color:#9D0510; }

/* ------------------------------------------------------------------- */

/* CONTACT FORM & CHECKOUT FORM -------------------------------------- */

#formdiv {
	width:480px; 
}
.formrow {
	clear:both;
	height:25px;
	margin:10px 0 0 0;
}

#right-col form {
	margin:20px 0 0 30px;
}

#right-col form label {
	color:#444142;
	font-size:11px;
}
#right-col form input, #right-col form textarea {
/*	width:240px; */
}
#right-col form #submit, #right-col form #reset {
	width:80px;
	margin:10px 0 0 0;
}
.i240 {
	width:240px;
}
.i300 {
	width:300px;
}
.bbut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:center;
	background-color:#BA9F47;
	text-decoration:none;
}

/* ------------------------------------------------------------------- */

/* COLUMNS FOR FORMS ------------------------------------------------- */

.col1{float:left; width:100px; text-align:right; margin:0 10px 0 0;} 
.col2{float:left; width:300px; text-align:left;} 
.col3{float:left; width:180px; text-align:right; margin:0 10px 0 0;} 
.col4{float:left; width:260px; text-align:left;} 
.col5{float:left; width:20px; text-align:left;}
.col6{float:left; width:140px; text-align:left;}
.col2t{float:left; width:300px; text-align:left;font-size:12px;color:#2C438F;} 
#right-col form .col5 input {float:left; width:20px; text-align:left;}

/* ------------------------------------------------------------------- */

/* QUOTE FORM -------------------------------------------------------- */

form #myform h2 {
	clear: left;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	margin: 5px 0 0 0;
	color: #BA9F47;
}

form #myform .row label {
	font-size: 11px; 
	color: #333333;
	margin: 4px 8px 0 0;
}

form #myform .row {
	clear: both;
	margin: 15px 0 0 0;
} 
form #myform .row p{ 
	margin:0 10px 0 5px; padding:0;
}
/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
form #myform .row .col1 {float: left; width: 100px; text-align: right; } 
form #myform .row .col2 {float: left; width: 154px; text-align: left; margin:0 8px 0 0; } 
form #myform .row .col3 {float: left; width: 110px; text-align: right; } 

/* USED FOR ODD SIZED COLS FOR CITY, STATE, ZIP */
form #myform .row .col2b {float: left; width: 280px; text-align: left; } 
form #myform .row .col1b {float: left; width: 220px; text-align: right; } 
form #myform .row .col3b {float: left; width: 50px; text-align: left; } 
form #myform .row .col4b {float: left; width: 200px; text-align: left; }

/* ------------------------------------------------------------------- */

/* PRODUCT ----------------------------------------------------------- */

.prod-row, .checkout-row {
	float:left;
	margin:10px 0 0 0;
}
.checkout-row {
	float:left;
	margin:10px 0 0 0;
}
.prod-desc {
	float:left;
	width:420px;
	height:110px;
	border:5px solid #BA9F47;
	margin:0 0 0 25px;
}
.prod-img {
	float:left;
	width:110px;
	height:110px;
	border:5px solid #BA9F47;
	margin:0 0 0 10px;
}

/* hack for ie \*/
* html .prod-desc {margin:0 0 0 12px;}
/* end hack for ie */

.prod-desc h1 {
	margin:5px 0 5px 5px; padding:0;
	color:#444142;
	font-size:14px;
}
.prod-desc p {	margin:0 5px 5px 5px; }
.prod-img-lrg {
	width:220px;
	height:220px;
	border:5px solid #BA9F47;
	float:right;
	margin:15px 20px 10px 10px;
}

/* hack for ie \*/
* html .prod-img-lrg { margin:15px 10px 5px 15px; }
/* end hack for ie */

.check-box {
	float:left;
	border:5px solid #BA9F47;
	margin:0 0 10px 40px;
}
.continue-row {
	clear:both;
	height:25px;
	margin:10px 0 0 470px;
}

.pricing {
	float:left;
	width:270px;
	text-align:left;
	padding:10px 10px 0 0
}
.pricing-lrg {
	float:left;
	width:560px;
}

.pricing p, .pricing-lrg p { font-size:13px; color:#2A0055; }

.pricing-lrg p a { font-size:13px; color:#BA9F47; text-decoration:none; margin:0 5px; }
.pricing-lrg p a:hover { color:#fff; }

.underline { text-decoration:underline; }

#right-col .prod-row .prod-desc ul { margin:0; padding:0;}
#right-col .prod-row .prod-desc ul li { margin:0 0 0 24px; font-size:11px; padding:0; color:#444142; }

/* ------------------------------------------------------------------- */

/* CHECKOUT PAGE ----------------------------------------------------- */

.check-box-head {
	float:left;
	width:520px;
	height:30px;
	background-color:#fff;
	margin:10px 0;
}

/* hack for ie \*/
* html .check-box {	margin:0 0 0 20px; }
/* end hack for ie*/

#checklist {
	float:left;
	margin:0;
	width:520px;
	text-align:center;
	font-size:14px;
	color:#444142;
}
#checklist tr.headrow, #checklist tr.footrow {
	background-color:#CCBB86;
	color:#fff;
}
#checklist tr.footrow td.tot {
	text-align:right;
	border:none;
}
#checklist tr td.butbox {
	height:40px;
	text-align:left;
	border:none;
}
#checklist tr td {
	height:30px;
	border-right:1px solid #fff;
}
#checklist .code {
	width:119px;
	font-size:14px;
}
#checklist .desc {
	width:239px;
	font-size:14px;
}
#checklist .quan {
	width:79px;
	font-size:14px;
}
#checklist .cost {
	width:80px;
	font-size:14px;
	border:none;
}
#checklist tr td.end-cell { border:none; }

#checklist tr td.stdw {
	border:none;
	font-size:12px;
	text-align:center;
	padding:2px 0px 0px 2px;
	color:#FFFFFF;
}

#checklist tr td.stdc {
	border:none;
	font-size:12px;
	text-align:left;
	padding:6px 0px 0px 6px;
	color:#444142;
}

#checklist tr td.stdr {
	border:none;
	font-size:12px;
	text-align:right;
	padding:6px 6px 0px 6px;
	color:#444142;
}

#checklist tr td.stdclst {
	border:none;
	font-size:12px;
	text-align:left;
	padding:6px 0px 6px 6px;
}

#checklist tr td.stdclstc {
	border:none;
	font-size:12px;
	text-align:center;
	padding:6px 0px 6px 6px;
}

.asterisk{ color:#F00; }
.clearing {	clear:both; }
#formdiv p { margin:5px 5px; }

/* ------------------------------------------------------------------- */

/* BUTTONS ----------------------------------------------------------- */

a.moreinf, a.buy, a.back, a.checkout, a.update, a.confirm, a.continueshop, a.continue, a.payment, a.colourchart, a.viewseat, a.colourchart-m {
	display:block;
	border:2px solid #fff;
	font-size:12px;
	color:#fff;
	text-align:center;
	padding:3px 3px 0 3px;
	background-color:#BA9F47;
	text-decoration:none;
}
a.moreinf {
	width:67px;
	height:19px;
	margin:5px;
	float:left;
}
a.update {
	width:51px;
	height:19px;
	margin:5px;
	float:left;
}
a.checkout {
	width:63px;
	height:19px;
	margin:5px;
	float:left;
}
a.continueshop {
	width:121px;
	height:19px;
	margin:5px;
	float:left;
}
a.payment {
	width:100px;
	height:19px;
	margin:5px;
	float:left;
}
a.continue {
	width:58px;
	height:19px;
	margin:5px;
	float:left;
}
a.confirm {
	width:53px;
	height:19px;
	margin:5px;
	float:left;
}
a.buy {
	width:32px;
	height:19px;
	margin:5px 25px 5px 30px;
	float:left;
}
a.viewseat {
	width:32px;
	height:19px;
	margin:5px 10px 5px 5px;
	float:right;
}
a.colourchart {
	width:96px;
	height:19px;
	margin:5px 10px 5px 5px;
	float:right;
}
a.colourchart-m {
	width:96px;
	height:19px;
	margin:5px 5px 5px 0;
	float:left;
}

.prod-desc a.buy {
	margin:5px;
}

/* hack for ie \*/
* html a.buy {margin:5px 5px 5px 15px;}
/* end hack for ie */

a.back {
	width:34px;
	height:19px;
	margin:5px;
	float:left;
}

a.moreinf:hover, a.buy:hover, a.back:hover, a.update:hover, a.checkout:hover, a.continueshop:hover, a.continue:hover, a.confirm:hover, a.payment:hover, a.colourchart:hover, a.viewseat:hover, a.colourchart-m:hover {
	background-color:#fff;
	color:#BA9F47;
	border-color:#BA9F47;
}

/* ------------------------------------------------------------------- */

/* SWATCHES ----------------------------------------------------------- */

#swatches {
	margin:0 0 0 50px;
}

#swatches p {
	color:#444142;
	font-size:12px; font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

/* ------------------------------------------------------------------- */

#shop-row {
	width:543px;
	float:left;
	margin:0 0 0 35px;
}

/* Bespoke images ---------------------------------------------------- */

.besp-img, .besp-img-r {
	width:143px;
	height:143px;
	border:5px solid #BA9F47;
	float:right;
}

.besp-img {margin:15px 36px 10px 0;}

.besp-img-r {margin:15px 34px 10px 0;}