/*

Recliner Factory  - Global Stylesheet
http://www.ReclinerFactory .co.uk/
Handwritten by Richard Wilmot

*/

																					/* ------------ Toolbox ------------ */

.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	
.left {	float:left; }
.right { float:right; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






																					/* ------------ Defaults ------------ */

body {
	background:#fff url('../images/body-bg.gif') repeat-x top center;
	color: #000;
	font-family: Arial, Helvetica, Verdana, Tahoma,    sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container { 
	margin: auto;
	width: 960px;
	}
	
P {
	margin-bottom:10px;
}

h2 {
	color:#a80045;
	font-size:190%;
	margin-bottom:10px;
	line-height:1.1em
}

h3 {
	color:#a80045;
	font-size:140%;
	margin-bottom:10px;
}

h4 {
	font-size:115%;
}

a {
	color:#a80045;
}

a:hover {
	text-decoration:none
}

a.green {
	color:#9cb23b;
}



 ul.bullet {
	margin-bottom:15px;
}

.bullet li {
	text-align: left;
	list-style: none;
	font-weight:bold;
	color:#9bb23a;
}

.img-float-right {
	float:right;
	margin-left:10px;
}
	
																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/container-bg.png') repeat-y 0 0;
	height: 143px;
	width: 960px;
	padding:0 10px 0 10px;
	}

#branding h1 a {
	background: url('../images/branding-bg.gif') no-repeat 0 0;
	display: block;
	height: 143px;
	text-indent: -25000px;
	width: 162px;
	float:left;
	}
	
#branding #half-price a {
	background: url('../images/branding-half-price-bg.gif') no-repeat 0 0;
	display: block;
	height: 143px;
	text-indent: -25000px;
	width: 478px;
	float:left;
	}
	
#branding #half-price a:hover {
	background-position:0 -143px;
	}
	
#branding #call-back {
	background: url('../images/branding-call-back-bg.gif') repeat-y 0 0;
	height: 143px;
	width: 300px;
	float:left
	}
	
#branding #call-link a {
	background: url('../images/call-back-link.gif') repeat-y 0 0;
	height: 32px;
	width: 272px;
	float:left;
	text-indent:-25000px;
	margin:55px 0 0px 8px;
	}
	
#branding #call-link a:hover {
	background-position: 0 -32px;
	}

#branding #brochure-link a {
	background: url('../images/brochure-link.gif') repeat-y 0 0;
	height: 32px;
	width: 272px;
	float:left;
	text-indent:-25000px;
	margin:0px 0 10px 8px;
	}
	
#branding #brochure-link a:hover {
	background-position: 0 -32px;
	}

																					/* ------------ Navigation ------------ */
																					
#nav {
	background: url('../images/nav-bg.png') no-repeat 0 0;
	text-indent: -25000px;
	width: 788px;
	float:left;
	padding: 0 10px 0 162px;
	height:35px;
	}

#nav li {
	float: left;
	}

#nav a {
	display: block;
	height:35px;
	}
	
#nav #nav-home a:hover,
#nav #nav-chairs a:hover,
#nav #nav-accessories a:hover,
#nav #nav-fabrics a:hover,
#nav #nav-medical a:hover,
#nav #nav-testimonials a:hover,
#nav #nav-about a:hover,
#nav #nav-contact a:hover {
	background-position: 0 -35px;
}

#home #nav #nav-home a,
#chairs #nav #nav-chairs a,
#accessories #nav #nav-accessories a,
#fabrics #nav #nav-fabrics a,
#medical #nav #nav-medical a,
#testimonials #nav #nav-testimonials a,
#about #nav #nav-about a,
#contact #nav #nav-contact a {
	background-position: 0 -35px;
}

#nav #nav-home a {
	background:url('../images/nav-home.gif') no-repeat top left;
	width:92px;
}

#nav #nav-chairs a {
	background:url('../images/nav-chairs.gif') no-repeat top left;
	width:112px;
}

#nav #nav-accessories a {
	background:url('../images/nav-accessories.gif') no-repeat top left;
	width:77px;
}

#nav #nav-fabrics a {
	background:url('../images/nav-fabrics.gif') no-repeat top left;
	width:82px;
}

#nav #nav-medical a {
	background:url('../images/nav-medical.gif') no-repeat top left;
	width:134px;
}

#nav #nav-testimonials a {
	background:url('../images/nav-testimonials.gif') no-repeat top left;
	width:115px;
}

#nav #nav-about a {
	background:url('../images/nav-about.gif') no-repeat top left;
	width:92px;
}

#nav #nav-contact a {
	background:url('../images/nav-contact.gif') no-repeat top left;
	width:84px;
}



																					/* ------------ content ------------ */

#content {
	background: url('../images/container-bg.png') repeat-y 0 0;
	width:940px;
	padding:0 10px 10px 10px;
	float:left;
	position:relative;
}


																					/* ------------ Sub Nav ------------ */
																					
#sub-nav {
	background: url('../images/sub-nav-bg.gif') no-repeat 0 0;
	width: 142px;
	float:left;
	padding: 80px 0 0 20px;
	position:relative;
	margin-bottom:10px;	
	}
	
#sub-nav-logo {
	background: url('../images/sub-nav-logo.png') no-repeat 0 0;
	width: 122px;
	float:left;
	height:147px;
	text-indent:-25000px;
	}
	
#sub-nav-links {
	width: 119px;
	padding-left:3px;
	float:left;
	margin-bottom:80px;
	}
		
#sub-nav-vat {
	background: url('../images/vat-free.gif') no-repeat 6px 0;
	width: 119px;
	padding-left:3px;
	float:left;
	line-height:1.1em;
	font-size:90%;
	padding-top:40px;
	text-align:center;
	margin:5px 0 15px 0;
	}
	

	
#chairs #sub-nav-logo,
#what #sub-nav-logo {
	margin-top:20px;
	}
	
#chairs #sub-nav-links,
#what #sub-nav-links {
	margin-bottom:20px
	}

#asterisk {
	position:absolute;
	left:20px;
	bottom:0px;
	font-size:75%;
	padding-bottom:5px;
	width:140px;
}

#sub-nav li {
	float: left;
	width:122px;
	}
	
#sub-nav a {
	display: block;
	text-decoration:none;
	color:#a80045;
	font-weight:bold;
	border-bottom:#a80045 solid 1px;
	text-align:right;
	padding: 3px 2px 3px 0;
	/*font-size:105%;*/
	}
	
#sub-nav a:hover,
#sub-nav a.selected {
	color:#9db33a;
	background: url('../images/sub-nav-bullet.png') no-repeat 0 4px;
	}
	
#sub-nav-links a {
	border:none;
	padding:0px;
	text-align:center;
	margin-bottom:5px;
	}
	
#sub-nav-links a:hover {	
	background:none
	}


#sub-nav-vat a.contact-vat {
	color:#a80045;
	text-decoration:none;
	background-color:none;
	border-bottom:none;
	text-align:left;
	padding:0px;
	display:inline;
	}
	
#sub-nav-vat a:hover.contact-vat {
	text-decoration:underline;
	background:none
	}

																					/* ------------ Columns ------------ */

#col-1 {
	background: url('../images/page-bg.gif') no-repeat 0 0;
	width:428px;
	float:left;
	padding:20px 0 0 30px;
}

.claremont #col-1,
.ceres #col-1,
.kenilworth #col-1,
.windsor #col-1,
.capri #col-1,
.milan #col-1,
.fireside #col-1,
.sofas #col-1,
.rising #col-1,
.sitting #col-1,
.feet-up #col-1,
.reclining #col-1,
.fabrics #col-1 {
	background: url('../images/chair-claremont-bg.jpg') no-repeat 0 0;
	height:490px;
	position:relative;
}

.ceres #col-1 {
	background: url('../images/chair-ceres-bg.jpg') no-repeat 0 0;
}

.kenilworth #col-1 {
	background: url('../images/chair-kenilworth-bg.jpg') no-repeat 0 0;
}

.windsor #col-1 {
	background: url('../images/chair-windsor-bg.jpg') no-repeat 0 0;
}

.capri #col-1 {
	background: url('../images/chair-capri-bg.jpg') no-repeat 0 0;
}

.milan #col-1 {
	background: url('../images/chair-milan-bg.jpg') no-repeat 0 0;
}

.fireside #col-1 {
	background: url('../images/chair-fireside-bg.jpg') no-repeat 0 0;
}

.sofas #col-1 {
	background: url('../images/chair-sofas-bg.jpg') no-repeat 0 0;
}

.rising #col-1 {
	background: url('../images/position-rising-bg.jpg') no-repeat 0 0;
	height:427px;
}

.sitting #col-1 {
	background: url('../images/position-sitting-bg.jpg') no-repeat 0 0;
	height:427px;
}

.feet-up #col-1 {
	background: url('../images/position-feet-up-bg.jpg') no-repeat 0 0;
	height:427px;
}

.reclining #col-1 {
	background: url('../images/position-reclining-bg.jpg') no-repeat 0 0;
	height:427px;
}

.fabrics #col-1 {
	background: url('../images/fabrics-bg.jpg') no-repeat 0 0;
	height:480px;
}

/* ------------ with john image   #about #col-1 {
	background: url('../images/about-img.jpg') no-repeat 0 0;
	width:298px;
	padding:20px 0 0 160px;
}   ------------ */

#about #col-1 {
	background: url('../images/page-bg.gif') no-repeat 0 0;
	width:400px;
	padding:20px 0 0 30px;
}


#col-2 {
	width:300px;
	float:right;
}


																					/* ------------ btn's ------------ */
																					
#btn-why-ride-recliner a {
	background: url('../images/btn-why-ride-recliner.gif') no-repeat 0 0;
	text-indent: -25000px;
	width: 300px;
	float:left;
	height:140px;
	}
	
.fireside #btn-why-ride-recliner a {
	background: url('../images/btn-why-ride-recliner2.gif') no-repeat 0 0;
	}
	
	
#btn-why-ride-recliner a:hover {
	background-position: 0 -140px;
	}
	
#btn-rise-recliner-range a,
#btn-massage-option a,
#btn-medical-problems a,
#btn-free-demo a,
#btn-fabric-choice a,
#btn-chair-extras a {
	background: url('../images/btn-rise-recliner-range.gif') no-repeat 0 0;
	text-indent: -25000px;
	width: 290px;
	float:left;
	height:52px;
	margin-bottom:13px;
	}
	
#what #btn-rise-recliner-range {
	margin-top:13px;
	}
	
#btn-massage-option a {
	background: url('../images/btn-massage-option.gif') no-repeat 0 0;
	}
	
#btn-medical-problems a {
	background: url('../images/btn-medical-problems.gif') no-repeat 0 0;
	}
	
#btn-free-demo a {
	background: url('../images/btn-free-demo.gif') no-repeat 0 0;
	text-indent: -25000px;
	height:133px;
	}

#btn-fabric-choice a {
	background: url('../images/btn-fabric-choice.gif') no-repeat 0 0;
	height:35px;
	}
	
#btn-chair-extras a {
	background: url('../images/btn-chair-extras.gif') no-repeat 0 0;
	height:35px;
	}
	
#btn-rise-recliner-range a:hover,
#btn-massage-option a:hover,
#btn-medical-problems a:hover,
#btn-free-demo a:hover {
	background-position: 0 -52px;
	}
	
#btn-fabric-choice a:hover,
#btn-chair-extras a:hover {
	background-position: 0 -35px;
	}

#btn-free-demo a:hover {
	background-position: 0 -133px;
	}
	
	
#btn-testimonials a {
	background: url('../images/btn-testimonials.gif') no-repeat 0 0;
	text-indent: -25000px;
	height:24px;
	width:175px;
	float:right;
	margin-right:10px;
	}
	
#btn-testimonials a:hover {
	background-position:0 -24px
	}





																					/* ------------ Homepage ------------ */
																					
#why-pay-more {
	background: url('../images/why-pay-more.gif') repeat-y 0 0;
	position:absolute;
	right:310px;
	bottom:10px;
	width:533px;
	height:247px;
	z-index:100;
	text-indent:-25000px;
}



																					/* ------------ Chairs ------------ */

#chairs-claremont a,
#chairs-ceres a,
#chairs-kenilworth a,
#chairs-windsor a,
#chairs-capri a,
#chairs-milan a,
#chairs-chairs a,
#chairs-sofas a {
	background: url('../images/chairs-claremont.jpg') no-repeat 0 -102px;
	width:214px;
	height:102px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px;
}

#chairs-ceres a {
	background: url('../images/chairs-ceres.jpg') no-repeat 0 -102px;
}

#chairs-kenilworth a {
	background: url('../images/chairs-kenilworth.jpg') no-repeat 0 -100px;
	height:100px
}

#chairs-windsor a {
	background: url('../images/chairs-windsor.jpg') no-repeat 0 -100px;
	height:100px
}

#chairs-capri a {
	background: url('../images/chairs-capri.jpg') no-repeat 0 -101px;
	height:101px
}

#chairs-milan a {
	background: url('../images/chairs-milan.jpg') no-repeat 0 -101px;
	height:101px
}

#chairs-chairs a {
	background: url('../images/chairs-chairs.jpg') no-repeat 0 -103px;
	height:103px
}

#chairs-sofas a {
	background: url('../images/chairs-sofas.jpg') no-repeat 0 -103px;
	height:103px
}

#chairs-claremont a:hover,
#chairs-ceres a:hover,
#chairs-kenilworth a:hover,
#chairs-windsor a:hover,
#chairs-capri a:hover,
#chairs-milan a:hover,
#chairs-chairs a:hover,
#chairs-sofas a:hover {
	background-position: 0 0px;
}

#chairs-kenilworth a:hover,
#chairs-windsor a:hover {
	background-position: 0 0px;
}

#chairs-capri a:hover,
#chairs-milan a:hover {
	background-position: 0 0px;
}

#chairs-chairs a:hover,
#chairs-sofas a:hover {
	background-position: 0 0px;
}


#chairs .copy {
	display:block;
	width:220px;
	position:absolute;
	top: 30px;
	right:0px;
	/*font-size:105%;*/
	/*line-height:1.3em;*/
	padding-right:15px;
	}

.copy-fireside,
.copy-sofas {
	width:170px;
	bottom:0px;
	display:block;
	position:absolute;
	right:0px;
	/*font-size:105%;*/
	/*line-height:1.3em;*/
	padding-right:0px;
	}
	
.copy-sofas {
	width:260px;
	top:40px;
	}
	
#btn-next-chair a,
#btn-next-position a {
	background: url('../images/btn-next-chair.gif') no-repeat top right;
	display:block;
	/*font-size:105%;*/
	font-weight:bold;
	padding-right:30px;
	color:#a80045;
	width:70px;
	height:18px;
	text-decoration:none;
	padding-top:6px;
	margin-top:10px;
	}
	
#btn-next-chair a:hover,
#btn-next-position a:hover {
	text-decoration:underline;
	background-position: right -24px;
	}
	
#chairs .small-print {
	display:block;
	width:110px;
	position:absolute;
	bottom: 0px;
	right:0px;
	line-height:1.2em;
	font-style:italic;
	}
	
#chairs .small-print .red {
	font-weight:bold;
	color:#a80045;
	text-decoration:underline
	}


																					/* ------------ Recliner Positions ------------ */

.copy-rising,
.copy-sitting ,
.copy-feet-up,
.copy-reclining {
	width:130px;
	top:80px;
	display:block;
	position:absolute;
	right:0px;
	/*font-size:105%;*/
	line-height:1.2em;
	padding-right:20px;
	}
	
.copy-sitting,
.copy-reclining  {
	width:240px;
	padding-right:10px;
	}
	
.copy-feet-up  {
	width:230px;
	padding-right:10px;
	}
	
#btn-next-position a {
	width:80px;
	}
	
	
																					/* ------------Fabrics ------------ */

.copy-fabrics {
	width:200px;
	top:55px;
	display:block;
	position:absolute;
	left:30px;
	/*font-size:105%;*/
	/*line-height:1.2em;*/
	}	

																					/* ------------ Medical ------------ */

td.align-right {
	text-align:right
}

#medical td {
	padding:5px;
}

#medical table {
	margin-top:25px;
}

#medical td.divide {
	background: url('../images/divide.gif') no-repeat 5px 10px;
	height:20px
}




																					/* ------------ About ------------ */

#signature {
	background: url('../images/john-signature.gif') no-repeat top right;
	width:75px;
	height:50px;
	text-indent:-25000px;
	margin: -20px 0 0 60px
}


																					/* ------------ Testimonials ------------ */

#testimonials p {
	margin:0
}

#testimonials p.person {
	margin-bottom:20px;
	text-align:right;
	color:#9bb23a;
	font-weight:bold;
	font-style:italic	
}


																					/* ------------ Contact ------------ */

#sub-col-1 {
	float:left;
	width:249px;
	padding-right:18px;
}

#sub-col-2 {
	float:right;
	border-left:#9bb23a solid 1px;
	width:150px;
	height:450px;
	padding-left:9px;
	position:relative;
}

.copy-communications {
	width:150px;
	bottom:0px;
	display:block;
	position:absolute;
	left:9px;
	font-size:90%;
	line-height:1.2em;
	}

.copy-communications p {
	margin:5px 0 0 0;
	}
	
.copy-communications .privacy {
	margin-top:10px;
	}



/* ------------ Form ------------ */
	
legend {
	display: none;
	}
	
label {
	float:left;
	width: 250px;
	padding:3px 0 2px 0;
	color:#a80045;
	font-weight:bold;
	}	

fieldset {
	border: none;
	}
	
input, textarea {
	border:#d0d2d3 solid 1px;
	font-family: Arial, Helvetica, Verdana, Tahoma,    sans-serif;
	margin-bottom: 3px;
	padding: 5px;
	width: 238px;
	height:10px;
	float:left
	}
	
textarea {
	height:58px;
	border:#d0d2d3 solid 1px;
	font-family: Arial, Helvetica, Verdana, Tahoma,    sans-serif;
	}
	
.comments  {
	height:28px;
	}
	
.communications  {
	margin: -3px 2px 0 0;
	width:20px;
	border:none
	}
	
.call,
.brochure  {
	margin: 0 5px 2px 0;
	width:20px;
	border:none
	}
	
	
#submit {
	background: url('../images/btn-send.gif') no-repeat top left;
	border: none;
	height: 26px;
	padding: 0;
	width: 82px;
	float:right;
	text-indent: -25000px;
	margin-top:5px;
	}

#form div {
	margin-bottom: 10px;
	}
	
.error {
	color: #780021;
	font-weight: bold;
	}



																					/* ------------ Footer ------------ */

#footer {
	background: url('../images/footer-bg.png') no-repeat 0 0;
	width:940px;
	padding:0 10px 10px 10px;
	float:left;
	color:#9ab137;
	}


#footer #bed-link a {
	background: url('../images/footer-bed-link.gif') repeat-y 0 0;
	display:block;
	width:290px;
	height:32px;
	float:right;
	margin:9px 10px 19px 0px;
	text-indent:-25000px; 
	}
	
/* ------------ Use this to diable bed link ------------ */		
/*#footer #bed-link {
	display:block;
	width:290px;
	height:32px;
	float:right;
	margin:9px 10px 19px 0px;
	text-indent:-25000px; 
	}*/
	
#footer #bed-link a:hover {
	background-position: 0 -32px;
	}
	
#footer #text a {
	float:left;
	width:100px;
	color:#a80045
}

#footer #copyright {
	float:left;
	width:540px;
}

#footer #link {
	float:right;
	width:300px;
	text-align:right
}
	
#footer a {
	color:#9ab137;
	}
	
#footer a:hover {
	text-decoration:none
	}

#land-footer {
text-align:center;
}

#land-rec {
float:left;
}

#land-feet {
float:left;
}

#land-sit {
float:left;
}

#land-rise {
float:left;
}