/* The London Footstool Company CSS */
/* Author Neil Mills and Junc */
/* June 2007 */

/*=========================================
Overiding styles
==========================================*/
* {margin:0; padding:0; border:0;}

body {
	font: 0.70em/1.5em "Lucida Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color:#C1C1C1;}
	
a, a:visited{
	color:#CCC;
	text-decoration:none;
	border-bottom:1px dotted #c1c1c1;}
	
a:hover,a:active,a:focus {
	color:#999;
	border:none;
	text-decoration:underline;}
	
.rollover, .rollover a, a.rollover{
	border:none;}
	

p {
	font-size:1em;
	margin-bottom:0.8em;}
	

p.intro,.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;
	line-height:1.3em;
	color:#999}	
	
	
p.quote{
	width:650px;
	color:#aca196}
	
p.credit {
	font-size:1em;}
	
h1,h2,h3 {
	font-size:1.6em;
	font-family:Georgia, "Garamond","Times New Roman", Times, serif;
	color:#CCC;
	font-weight:normal;}
	

	
h2 {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
	color:#aca196;
	text-transform:uppercase;}
	
h2.uline{
	padding:2px;
	text-indent:15px;
	font-weight:normal;
	border-bottom:1px solid #FFF;
	margin-bottom:20px;}
	
h2.pad {
	margin-top:15px;}
	
h3 {
	font-size:1.4em;
	line-height:1.8em;
	color:#999; }


	
ul {
	list-style-type:none;}
	
b {
	font-size:1.1em;
	color:#999;}
	
/* quotes */
#reason {
	background:url(../images/strap_home.gif) left top no-repeat;}
	
#rae
	{background:url(../images/strap_aboutus.gif) left top no-repeat;}
	

/*=========================================
Container styles
==========================================*/
.wrap {
	width:100%;
	/*
	border-bottom:1px solid #F2F2F2;
	*/
	position:relative;
	padding-bottom:40px;
	background:url(../images/divide.png) left bottom repeat-x;}
	
.blend {
	background:url(../images/side_blend.png) left top repeat-x;
	border-top:5px solid #FFF;}
	
.tab {
	border-top:0;}
	
#header,#content, #fwcontent, #footer {
	position:relative;
	margin:0 auto;
	width:900px;}
	
#banner{
	position:absolute;
	left:160px; 
	top:0px;
	width:510px;
	height:60px;
	border:1px solid #c1c1c1;}
	
#header {
	margin-top:20px;
	padding:80px 0px 0px 165px;
	width:735px;
	height:40px;
	background: url(../images/header_footstool.png) left top no-repeat;
	font-size:0.9em;}
	
#header h1{
	display:none;}
	
#fwcontent {
	width:100%;}
	
	
#footer {
	font-size:0.9em;
	margin-bottom:20px;
	display:block;
	height:40px;}
	
#footer a {
	text-decoration:none;}
	
#footer a:hover {
	text-decoration:underline;}
	
#footer span span {
	padding:0 3px;}
	
/*=========================================
Generic styles
==========================================*/
.minheight {
	height:300px;
	min-height:300px;} 
	

	
div[class].minheight {
	height:auto;}
	
.right {
	float:right;}
	
.left {
	float:left;}
	
.clear {
	float:none;
	clear:both;}
	
.centre {
	text-align:center;}
	
.hide {
	width:0;
	padding-left:890px;
	height:115px;
	overflow:hidden;}
	
.hideabout {
	width:0;
	padding-left:890px;
	height:271px;
	overflow:hidden;}
	
#tile,#breadcrumb,#tile-pattern {
	position:relative;
	width:900px;
	padding:15px 20px 20px 20px;
	background:#9A8976;
	border:5px solid #FFF;
	border-top:0;
	border-bottom:0;}
	
div.colL{
	width:500px;
	margin-left:20px;
	padding-bottom:25px;
	}
	
#tile {
	padding:0px;
	background:#9a8976;}
	

	
#tile.about{
	padding-bottom:213px;
	background:#9a8976 url(../images/about_footer.jpg) left bottom no-repeat;
	width:900px;}
	
#tile.about div {
	background: url(../images/img_rae.png) 20px top no-repeat;}
	


	
#tile.about div p{
	padding:0px 70px 0px 160px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;}
	

	
#tile.about div p span{
	color:	#cdc4bb;}
	
#tile.form {
	background:#F2F2F2;}
	
#tile.pattern {
	background:#9A8976 url(../images/pattern.jpg) right top no-repeat;}
	
#tile.patterntab {
	background:#9A8976 url(../images/patterntab.jpg) right top no-repeat;
	padding:0;
	padding-bottom:30px;
	height:400px;
	min-height:400px;}

div[class].patterntab {
	height:auto;}
	
#tile-pattern {
	background:#9A8976 url(../images/pattern.jpg) right top no-repeat;}
	

	
#tile #scrollbox {
	position:absolute;
	left:360px;
	top:300px;
	width:520px;
	height:160px;
	overflow:hidden;
	font-size:1.1em;}
	
#tile h2, #tile h3,#tile-pattern h2, #tile-pattern h3{
	color:#FFF;}
	
#tile p,#tile-pattern p {
	color:#EFEFEF;}
	
#tile a, #tile-pattern p{
	font-size:1em;}
	
#tile a:hover, #tile-pattern a:hover{
	color:#FFF;}
	
#tile.address, #tile-pattern.address {
	display:block;
	background:#83705c;
	border-bottom:2px solid #FFF;
	padding:20px;}
	
#tile.address p {
	margin-bottom:0.5em;
	z-index:1;}
	
#tile.address span, #tile-pattern.address span {
	float:left;
	display:block;
	width:280px;}
	
img#cover {
	position:absolute;
	right:20px;
	top:4px;
	z-index:20;}
	
#breadcrumb {border-bottom:1px solid #FFF; padding:5px 20px; color:#F2F2F2;}
#breadcrumb a {text-decoration:none;}
#breadcrumb a:hover {color:#FFF; text-decoration:underline;}
p.small {font-size:0.9em;}
.error {color:#FFF; font-weight:bold; margin-bottom:10px;}
strong {color:#FFF; font-size:1.1em;}

/*clearing fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*=========================================
Navigation
==========================================*/
ul.nav {
	position:absolute;
	left:160px;
	top:92px;
	width:700px;
	font-family:"Lucida Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif;}
	
ul.nav li {
	width:80px;
	float:left;
	display:inline;
	margin-right:3px;}
	
ul.nav a,
ul.nav a:visited {
	float:left;
	display:block;
	border-bottom:12px solid #000;
	padding-bottom:5px;
	height:10px;
	color:#999;
	width:80px;
		font-family:"Lucida Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif;}
ul.nav a:hover,
ul.nav a:active,
ul.nav a:focus,
ul.nav a.selected{
	text-decoration:none;
	color:#000;
}
	
ul.nav a.home {
	border-color:#EAE6DF;}
	
ul.nav a.about {
	border-color:#C2D1D5;}
	
ul.nav a.prods {
	border-color:#C7ACBE;}
	
ul.nav a.fabric {
	border-color:#907577;}
	
ul.nav a.gallery {
	border-color:#7D6A55;}
	
ul.nav a.press {
	border-color:#E5C5B7;}
	
ul.nav a.contact {
	border-color:#E5E2E0;}
/*
#subnav {position:absolute; right:0px; top:10px; text-align:right; }
*/
#subnav {
	position:absolute;
	text-align:right;
	right:80px;
	top:0px; }
	
#homeLInk {
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	height:120px;
	border:none;}

#basket {
	position:absolute;
	text-align:right;
	right:0px;
	top:63px;
	width:25em;
	list-style:none;
	color:#7D6A55;
	display:none;}

#basket span, #subnav span {padding:0 5px;}
#basket span.runtotal {padding-right:0;}

/* homepage */
#slides {
	margin:0;
	width:900px;
	height:280px;
	background:#e1e1e1;}
#slides1,#slides2,#slides3,#slides4 {position:relative; margin-bottom:40px; float:left; width:225px;}
#slides1 a,#slides2 a,#slides3 a ,#slides4 a  {float:left;}

/* product page */
/*
#contentMask {text-align:center; overflow:hidden; position:absolute; left:0px; top:20px; width: 900px; height: 150px; clip: rect(0px, 900px, 400px, 0px); z-index: 6; }
*/
.prod_wrap {position:relative; width:265px; height:180px; float:left; display:block; cursor:pointer;color:#7D6A55;}
.prod_wrap p.pic {height:120px;}
.deptImgCell a, #colA a {
	border:none;}

/* product detail */
#colA,#colB,#colC,#colD,#colE,#colF {width:350px; padding-right:17px; float:left;}
#colA {margin-top:20px;}
#colB {width:515px; padding-right:0; padding-left:17px; border-left:1px solid #EFEFEF; }
#colC,#colD {width:410px; padding:0;}
#colC {padding-right:19px;}
#colD {padding-left:20px;}
.line {border-right:1px solid #CCC;}
#colE,#colF {width:440px; margin-right:20px; padding:0;}
#colF { margin:0; padding:0;}
.listing_group {border-bottom:5px solid #FFF;}
.listing {background:#E4E4E4; padding:3px; color:#999; font-size:1em; border-bottom:2px solid #FFF; font-size:0.9em; display:block; width:509px;}
.listing span.desc,.listing span.colprice,.listing span.box,.listing span.collink {width:310px; display:block;float:left;}
.listing span.colprice {width:149px;}
.listing span.collink {width:189px;}
.listing span.box {width:40px; text-align:right; float:right;}
.total {text-align:right; margin-top:10px; color:#7D6A55; font-weight:bold;}
.listing.last {margin-bottom:10px;}
.submitbtn {text-align:right; margin-top:1em;}
.address_box {margin-bottom:20px; display:block;}
/* product nav buttons */
#imgnav {position:relative; width:350px; text-align:center; color:#7D6A55; margin-top:20px;}
#imgnav a, .listing a {display:block; cursor:pointer; color:#7D6A55;}
.listing a {display:inline;}
#imgnav a:hover {text-decoration:underline;}
#imgnav #zoombtn {position:relative; width:130px; margin:0 auto; padding-left:20px; height:17px; background:url(../images/icon_zoom.png) left top no-repeat;}
#imgnav #leftbtn, #imgnav #rightbtn {position:absolute; top:0;}
#imgnav #leftbtn {left:0; padding-left:20px; background:url(../images/icon_arrow_left.png) left center no-repeat;}
#imgnav #rightbtn {right:0; padding-right:20px; background:url(../images/icon_arrow_right.png) right center no-repeat;}
a.back {margin-left:15px;}
/* basket/checkout */
.updatebtn, .updatebtn:hover {color:#7D6A55; display:block; font-size:1em; padding-left:1.8em; font-weight:bold; height:20px; cursor:pointer;}
.updatebtn.remove,.updatebtn.empty {background: url(../images/icon_minus.png) left top no-repeat;}
.updatebtn.update {background: url(../images/icon_plus.png)  left top no-repeat;}
.updatebtn.empty {position:absolute; left:0; top:0; padding:2px 2px 2px 1.8em; margin-top:4px;} 

.basketRow {position:relative; margin-bottom:3px; font-size:0.9em; background:#F3F3F3 url(../images/basket_row_bg.png) left top repeat-y; text-align:right; float:left; display:block; width:100%;}
.basketRow.totals {background:#FFF url(../images/basket_row_totals_bg.png) left top repeat-y; padding-left:688px;}
.basketRow span {position:relative; display:block; float:left;}
.basketRow.header {background:#FFF; text-align:right;}
.basketRow p {color:#999; margin-bottom:4px;}
.basketRow span {width:102px; margin-right:3px; padding:2px; text-align:left;}
.basketRow.basketItem span {min-height:50px; height:50px;}
div[class].basketRow.basketItem span {height:auto;}
.basketRow span.item{width:134px;}

.basketRow span.totalprice {margin:0;width:90px;}


/* form styles */
form p {margin-bottom:3px; float:left;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; border:1px solid #83705C; width:243px; float:left; height:20px; background:#EFEFEF;}
textarea {height:150px;}
select {width:245px;}
input.check, input.submit {border:none; width:auto; height:auto; background:none;}
label {display:block; float:left; width:165px; color:#EFEFEF; font-size:1em;}
p.sub {margin-top:20px;}
p.sub label {width:390px; font-size:0.9em;}
em {color:#EFEFEF; font-style:normal;}
select#partitions {width:40px;}
.basketRow .qty {width:98px; border:1px solid #C1C1C1; float:none;}
/* review order */
.order {position:relative; margin-bottom:5px; background:#83705C; padding:2px; float:left; }
.order span {width:200px; float:left; color:#EFEFEF; display:block;  font-size:0.9em;}
.order span strong {color:#FFF; font-size:1.2em;}
.order span.item {color:#FFF;}
.order span.ordertotal {padding-left:200px;}

#errorbox {border:3px solid #B0A294; margin:10px 0; padding:6px; color:#FFF; font-weight:bold; width:840px;}

#scroller {width:440px; overflow:hidden; height:130px; margin-bottom:10px;}


span.deptName {color:#7D6A55; font-size:1.2em;}
/*=======================
Scroller window styles
=======================*/

div#scrollbox{
	background:#FFF;
	border-top:1px solid #CCC;
	width:805px;
	height: 180px; 
	margin:0px 42px;
	position:relative;
	text-align:left;}
	
div#scrollbox div#scrollmask{
	position:relative;
	background:#FFF;
	width:805px;
	height:160px;
	left: 0px;
	top: 0px;
	overflow:hidden;
	clip:rect(0px, 805px, 160px, 0px);
	z-index:6;}
	
div#scrollbar{
	width:805px;
	position:absolute;
	top:167px;
	height:13px;
	z-index:20px;}
	
div#scrollbar div#left, div.scrollbar div#right, div#scrollbar div#track, div#scrollbar div#drag{
	width:11px;
	height:13px;
	z-index:25;}
	
div#scrollbar div#left,div#scrollbar div#drag{
	position:absolute;
	top:0px;
	left:0px;}
	
div#scrollbar div#right{
	position:absolute;
	top:0px;
	right:0px;}
	
div#scrollbar div#track{
	width:794px;
	background:url(../images/scrollbar_repeatcentre.png) left top repeat-x;
	z-index:26;}
	
div#scrollbar div#drag{
	width:361px;
	cursor:pointer;}

/*=======================
Vertical scroller window styles
=======================*/

div#vertscrollbox{
	background:#FFF;
	width:430px;
	height:290px;
	padding:5px;
	border:1px solid #C1C1C1;
	margin:0px;
	position:relative;
	text-align:left;
	margin-top:10px;}
	
div#vertscrollbox div#scrollmask{
	position:relative;
	background:#FFF;
	width:412px;
	height:290px;
	left: 0px;
	top: 0px;
	overflow:hidden;
	clip:rect(0px, 299px, 300px, 0px);
	z-index:6;}
	
div#vertscrollbox div#scrollbar, div#vertscrollbox div#scrollbar div#left{
	width:13px;
	position:absolute;
	top:5px;
	right:5px;
	height:270px;
	z-index:20;}
	
div#scrollbar div#left{
	height:11px;}
	
div#vertscrollbar div#drag, div#vertscrollbar div#trackvert{
	position:absolute;
	top:0px;
	right:0px;}
	
div#vertscrollbox div#scrollbar div#right{
	position:absolute;
	top:339px;
	height:11px;
	right:0px;}
	
div#vertscrollbox div#scrollbar div#trackvert{
	width:13px;
	height:270px;
	background:#FF0000 url(../images/scrollbar_repeatcentre_vert.png) left top repeat-y;
	z-index:26;}
	
div#vertscrollbox div#scrollbar div#drag{
	height:150px;
	width:13px;
	cursor:pointer;}
	


/*=======================
Press links
=======================*/

a.presslink, a.presslink:visited{
	background:#FFF;
	padding:5px;
	border-bottom:1px solid #C1C1C1;
	text-decoration:none;
	display:block;
	width:440px;
	height:32px;}
	
a.presslink:hover, a.presslink:focus, a.presslink.select{
	background:#F4F4F4;
	text-decoration:none;
	color:#999;}
	
div#spread{
	margin:10px 0px;
	width:440px;
	
	overflow:hidden;}
	
div#pageL, div#pageR{
	width:215px;
	margin-right:6px;
	float:left;
	border:1px solid #C1C1C1;
	height:262px;
	overflow:hidden;}
	
div#pageR{
	margin:0px;}