/*

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%;
}

h5 {
	color:#a80045;
	margin-bottom:3px;
}


a {
	color:#a80045;
}

a:hover {
	text-decoration:none
}

a.green {
	color:#8781bd;
}




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


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

.bullet2 li {
	color:#000;
}


.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-beds a:hover,
#nav #nav-mattresses a:hover,
#nav #nav-headboards 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,
#beds #nav #nav-beds a,
#mattresses #nav #nav-mattresses a,
#headboards #nav #nav-headboards 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:90px;
}

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

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

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

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

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

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

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



																					/* ------------ 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:5px;
	}
	
#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;
	}
	
#beds #sub-nav-logo,
#mattresses #sub-nav-logo,
#positions #sub-nav-logo {
	margin-top:10px;
	}
	
#beds #sub-nav-links,
#mattresses #sub-nav-links {
	margin-bottom:20px
	}

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

#sub-nav li {
	float: left;
	width:122px;
	font-size:85%
	}
	
#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:95%;
	}
	
#sub-nav a:hover,
#sub-nav a.selected {
	color:#8781bd;
	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
	}

#sub-nav #sub-nav-side a,
#sub-nav #sub-nav-contour a,
#sub-nav #sub-nav-feet a,
#sub-nav #sub-nav-head-feet a {
	background: url('../images/sub-nav-side.gif') no-repeat 0 0;
	display:block;
	width: 122px;
	height:115px;
	float:left;
	padding:0;
	text-indent:-25000px;
	text-align:left;
	border:none
	}
	
#sub-nav #sub-nav-contour a {
	background: url('../images/sub-nav-contour.gif') no-repeat 0 0;
	height:113px;
	}
	
#sub-nav #sub-nav-feet a {
	background: url('../images/sub-nav-feet.gif') no-repeat 0 0;
	height:113px;
	}
	
#sub-nav #sub-nav-head-feet a {
	background: url('../images/sub-nav-head-feet.gif') no-repeat 0 0;
	height:116px;
	}
	
#sub-nav #sub-nav-side a:hover {
	background-position:0 -115px;
	}

#sub-nav #sub-nav-contour a:hover,
#sub-nav #sub-nav-feet a:hover {
	background-position:0 -113px;
	}
	
#sub-nav #sub-nav-head-feet a:hover {
	background-position:0 -116px;
	}

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

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

.adjust4sleep-delux #col-1,
.adjust4sleep #col-1,
.contract #col-1 {
	background: url('../images/adjust4sleep-delux-bg.jpg') no-repeat 0 0;
	height:365px;
	position:relative;
	padding-top:115px;
}

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

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

.confort-mattress #col-1,
.sensapaedic-mattress #col-1 {
	background: url('../images/confort-mattress-bg.jpg') no-repeat 0 0;
	padding-top:135px;
	position:relative;
	padding-bottom:25px;
}

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






.side #col-1 {
	background: url('../images/bed-positions-side.jpg') no-repeat 0 0;
	height:439px;
}

.contour #col-1 {
	background: url('../images/bed-positions-contour.jpg') no-repeat 0 0;
	height:439px;
}

.feet #col-1 {
	background: url('../images/bed-positions-feet.jpg') no-repeat 0 0;
	height:439px;
}

.head-feet #col-1 {
	background: url('../images/bed-positions-head-feet.jpg') no-repeat 0 0;
	height:439px;
}

/*.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 40px;
}


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


																					/* ------------ btn's ------------ */
																					
#btn-why-adjustable-bed a {
	background: url('../images/btn-relive-my-pain.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-adjustable-bed a:hover {
	background-position: 0 -140px;
	}
	
#btn-adjustable-beds-range a,
#btn-bed-positions a,
#btn-massage-option a,
#btn-sensapaedic-mattress a,
#btn-free-demo a,
#btn-fabric-choice a,
#btn-positions a,
#btn-chair-extras a {
	background: url('../images/btn-adjustable-beds-range.gif') no-repeat 0 0;
	text-indent: -25000px;
	width: 290px;
	float:left;
	height:40px;
	margin-bottom:8px;
	}
	
#what #btn-adjustable-beds-range {
	margin-top:13px;
	}
	
#btn-bed-positions a {
	background: url('../images/btn-bed-positions.gif') no-repeat 0 0;
	}
	
#btn-massage-option a {
	background: url('../images/btn-massage-option.gif') no-repeat 0 0;
	}
	
#btn-positions a {
	background: url('../images/btn-positions.gif') no-repeat 0 0;
	}	
	
#btn-sensapaedic-mattress a {
	background: url('../images/btn-sensapaedic-mattress.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-adjustable-beds-range a:hover,
#btn-bed-positions a:hover,
#btn-massage-option a:hover,
#btn-sensapaedic-mattress a:hover,
#btn-positions a:hover,
#btn-free-demo a:hover {
	background-position: 0 -40px;
	}
	
/*#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
	}


#btn-move-bed a {
	background: url('../images/btn-move-bed.gif') no-repeat 0 0;
	text-indent: -25000px;
	height:170px;
	width:428px;
	display:block
	}
	
#btn-move-bed a:hover {
	background-position:0 -170px;
	}




																					/* ------------ Homepage ------------ */
																					
#why-pay-more {
	background: url('../images/why-pay-more.gif') repeat-y 0 0;
	float:right;
	width:345px;
	height:226px;
	text-indent:-25000px;
}



																					/* ------------ Beds ------------ */

#beds-adjust4sleep-delux a,
#beds-adjust4sleep a,
#beds-contract a {
	background: url('../images/beds-adjust4sleep-delux.jpg') no-repeat 0 0;
	width:428px;
	height:130px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px;
}

#beds-adjust4sleep a {
	background: url('../images/beds-adjust4sleep.jpg') no-repeat 0 0;
}

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

#beds-adjust4sleep-delux a:hover,
#beds-adjust4sleep a:hover {
	background-position: 0 -130px;
}

#beds-contract a:hover {
	background-position: 0 -145px;
}





/*#beds .copy {
	display:block;
	width:220px;
	position:absolute;
	top: 30px;
	right:0px;
	padding-right:15px;
	}

.copy-fireside,
.copy-sofas {
	width:170px;
	bottom:0px;
	display:block;
	position:absolute;
	right:0px;
	padding-right:0px;
	}
	
.copy-sofas {
	width:260px;
	top:40px;
	}*/
	
#btn-next-bed a,
#btn-next-position a {
	background: url('../images/btn-next-bed.gif') no-repeat top right;
	display:block;
	/*font-size:105%;*/
	font-weight:bold;
	position:absolute;
	padding-right:30px;
	color:#a80045;
	height:18px;
	text-decoration:none;
	padding-top:6px;
	bottom:0px;
	right:0px;
	text-align:right
	}
	
#btn-next-bed a:hover,
#btn-next-position a:hover {
	text-decoration:underline;
	background-position: right -24px;
	}
	
#btn-next-position a {
	position:inherit;
	float:left
	}
	
#beds .small-print {
	display:block;
	width:210px;
	line-height:1.1em;
	font-size:90%;
	font-style:italic;
	}
	
#beds .small-print .red {
	font-weight:bold;
	color:#a80045;
	text-decoration:underline
	}



																						/* ------------ Mattress ------------ */

#mattress-confort a,
#mattress-sensapaedic a {
	background: url('../images/mattress-confort.jpg') no-repeat 0 0;
	width:428px;
	height:165px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px;
}

#mattress-sensapaedic a {
	background: url('../images/mattress-sensapaedic.jpg') no-repeat 0 0;
}

#mattress-confort a:hover,
#mattress-sensapaedic a:hover {
	background-position: 0 -165px;
}



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

/*.copy-rising,
.copy-sitting ,
.copy-feet-up,
.copy-reclining {
	width:130px;
	top:80px;
	display:block;
	position:absolute;
	right:0px;
	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;
	}*/

																					/* ------------ 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:#8781bd;
	font-weight:bold;
	font-style:italic	
}


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

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

#sub-col-2 {
	float:right;
	border-left:#8781bd 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:#8781bd;
	}


#footer #bed-link a {
	background: url('../images/footer-chair-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:#8781bd;
	}
	
#footer a:hover {
	text-decoration:none
	}

#top-pad {
padding-top:20px;
}

#btn-side-sleeping a {
background: url('../images/btn-side-sleeping.gif') no-repeat 0 0;
	text-indent: -25000px;
	width:200px;
	height:134px;
	float:left;
	}

#btn-side-sleeping a:hover {
background-position: 0 -134px;
	}
	
#btn-contour-position a {
background: url('../images/btn-contour-position.gif') no-repeat 0 0;
	text-indent: -25000px;
	width:200px;
	height:134px;
	float:left;
	}

#btn-contour-position a:hover {
background-position: 0 -134px;
	}
	
#btn-feet-raised a {
background: url('../images/btn-feet-raised.gif') no-repeat 0 0;
	text-indent: -25000px;
	width:200px;
	height:134px;
	float:left;
	}

#btn-feet-raised a:hover {
background-position: 0 -134px;
	}	
	
#btn-head-feet-raised a {
background: url('../images/btn-head-feet-raised.gif') no-repeat 0 0;
	text-indent: -25000px;
	width:200px;
	height:134px;
	float:left;
	}

#btn-head-feet-raised a:hover {
background-position: 0 -134px;
	}