﻿* { margin: 0; padding: 0; list-style-type: none; } 

body { font-family: Arial; font-size:100%; line-height:1.125em; background-color: #f5f5f5; } 

.clearer { clear: both; } 

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -425px; width: 850px; height: 324px; color: #eaeaea; }
.jqmOverlay { background-color: #000; }
#modal { font-family: trebuchet ms; font-size: 0.85em; background: url(/images/modal.png); color: #000; } 
#modal .inner { position: relative; width: 850px; height: 324px; } 
#modal a.redirect { position: absolute; top: -185px; left: 0; width: 850px; height: 324px; z-index: 100; text-indent: -10000px; } 
#modal .content { position: absolute; bottom: 0; width: 780px; padding: 0 35px 0 35px; height: 135px; z-index: 0; }
#modal h2 { font-size: 1.75em; font-weight: normal; } 
#modal p.one {  position: absolute; bottom: 50px; left: 35px; float: left; font-size: 0.85em; }
#modal p.two {  position: absolute; bottom: 15px; left: 35px; float: left; font-size: 0.85em; font-weight: bold; font-style: italic; width: 600px; } 
#modal div.form { position: absolute; bottom: 65px; right: 35px; float: right; } 
#modal div.form label  { float: left; font-size: 0.85em; padding-top: 5px; padding-right: 25px;  } 
#modal #ui-hide-popup { position: absolute; bottom: 4px; left: 130px; }
#modal div.form input { float: left; } 
#modal #ui-close { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; text-indent: -10000px; overflow: hidden; } 	
#modal #ui-continue { float: right; margin-left: 15px; background: url(/images/modal-continue.gif); width: 110px; height: 24px; text-indent: -10000px; overflow: hidden; } 	

* html .jqmWindow { position: absolute; }

#container { margin: 0 auto; width: 960px; } 
#header { position: relative; height: 100px; background-color: #f1ab00; } 
#header h1 { position: absolute; right: 30px; top: 13px; background: url(../images/top-logo.gif) no-repeat; text-indent: -10000px; width: 192px; height: 72px; } 
#header h1 a { float: left; width: 100%; height: 100%; overflow: hidden; } 
#header span.number { position: absolute; left: 10px; top: 3px; background: url(../images/top-number.gif) no-repeat; text-indent: -10000px; width: 296px; height: 87px; } 
#navigation-links { display: none; } 

.price-promise { position: relative; background: #ffeebb url(../images/right-nav-item-bg.gif) repeat-x; background-position: 0 100%; padding: 10px 10px 10px 20px; min-height: 35px; width: 930px; }   
.price-promise p { float: left; font-size: 0.88em; line-height: 1.2em; width: 930px; } 
.price-promise img { float: left; margin: 0 15px 0 0px; } 
.price-promise2 .item { float: left; width: 310px; padding: 5px; background-color: #ffeebb; } 
.price-promise2 .item-w { background-color: #fde59f; } 
.price-promise2 p { font-size: 0.75em; line-height: 1.2em; height: 45px; padding: 0 10px 0 10px; } 
.price-promise2 img { float: right; margin-left: 1px; } 
.price-promise2 img.minivator { margin-right: 5px; } 
.price-promise a.henry-cooper-small { position: absolute; right: 0; top: 4px; *top: 6px; } 
.price-promise a.henry-cooper-small img { border-width: 0;  } 

#nav-container { position: relative; z-index: 20; background: #333 url('/images/nav-bg.gif') repeat-x; }  

#main-nav { margin: 0 auto; background: #333 url('/images/nav-bg.gif') repeat-x; width: 800px; height: 42px; } 
#main-nav li { float: left; height: 42px; background: url(../images/nav-sprite.gif) no-repeat; cursor: pointer; text-indent: -10000px; } 
#main-nav li a { float: left; width: 100%; height: 100%; overflow: hidden; } 
#main-nav li.home { width: 85px; background-position: 0 -42px; } 
#main-nav li.home:hover { background-position: 0 0px; }
#main-nav li.home-selected { background-position: 0 0px; }
 
#main-nav li.stairlifts { width: 110px; background-position: -85px 0px; } 
#main-nav li.stairlifts:hover { background-position: -85px -42px; } 
#main-nav li.stairlifts-selected { background-position: -85px -42px; } 

#main-nav li.service-support { width: 168px; background-position: -197px 0px; } 
#main-nav li.service-support:hover { background-position: -197px -84px; } 
#main-nav li.service-support-selected { background-position: -197px -84px; } 

#main-nav li.why-choose-us { width: 145px; background-position: -365px 0px; } 
#main-nav li.why-choose-us:hover { background-position: -365px -126px; } 
#main-nav li.why-choose-us-selected { background-position: -365px -126px; } 

#main-nav li.testimonials { width: 145px; background-position: -510px 0px; } 
#main-nav li.testimonials:hover { background-position: -510px -168px } 
#main-nav li.testimonials-selected { background-position: -510px -168px } 

#main-nav li.our-charity-work { width: 165px; background-position: -655px 0px; } 
#main-nav li.our-charity-work:hover { background-position: -655px -210px; } 
#main-nav li.our-charity-work-selected { background-position: -655px -210px; } 

#main-nav li.contact-us { width: 142px; background-position: -818px 0px; } 
#main-nav li.contact-us:hover { background-position: -818px -252px; } 
#main-nav li.contact-us-selected { background-position: -818px -252px; } 

#sub-nav-container { position: absolute; z-index: 20; top: 42px; left: 169px;  } 
#sub-nav { float: left; background: url(../images/sub-nav.png) no-repeat; width: 361px; height: 45px; } 
#sub-nav li { float: left; height: 42px; cursor: pointer; text-indent: -10000px; } 
#sub-nav li a { float: left; width: 100%; height: 100%; overflow: hidden; } 
#sub-nav li.straight-stairlifts { width: 187px; } 
#sub-nav li.curved-stairlifts { width: 170px; } 

#adjust-font-size { font-size: 15px; font-weight: bold; padding: 8px; position: absolute; z-index: 30; width: 211px; height: 34px; top: 42px; right: 5px; background: url(../images/adjust-font-size.png) no-repeat; } 
#adjust-font-size span { float: left; padding-right: 8px; } 
#adjust-font-size a { float: left; } 
#adjust-font-size a.s { font-size: 17px; color: #333; text-decoration: none;  } 
#adjust-font-size a.l { margin: -1px 0 0 5px; font-size: 29px; color: #333; text-decoration: none;  } 
#adjust-font-size a.ns { font-size: 17px; color: #333; text-decoration: none; } 
#adjust-font-size a.ns:hover { text-decoration: underline; } 

.section-header { float: left; position: relative; z-index: 0; width: 100%; }  
.section-header h2.service-support { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-service-support.gif) no-repeat; color: #fff; width: 195px; height: 19px; } 
.section-header h2.our-charity-work { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-our-charity-work.gif) no-repeat; color: #fff; width: 195px; height: 19px; } 
.section-header h2.why-choose-us { position: absolute; bottom: 20px; left: 30px; text-indent: -10000px; background: url(../images/h2-why-choose-us.gif) no-repeat; color: #fff; width: 195px; height: 19px; } 
.section-header h2.why-choose-us-g { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-why-choose-us-g.gif) no-repeat; color: #fff; width: 195px; height: 19px; } 
.section-header h2.testimonials { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-testimonials.gif) no-repeat; color: #fff; width: 145px; height: 19px; } 
.section-header h2.contact-us { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-contact-us.gif) no-repeat; color: #fff; width: 122px; height: 19px; } 
.section-header h2.dvd { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-dvd.gif) no-repeat; color: #fff; width: 292px; height: 19px; } 
.section-header h2.stairlifts { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-stairlifts.gif) no-repeat; color: #fff; width: 106px; height: 19px; } 
.section-header h2.simplicity-950-straight { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-simplicity-950.gif) no-repeat; color: #fff; width: 347px; height: 19px; } 
.section-header h2.simplicity-950-plus { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-950-plus-straight.gif) no-repeat; color: #fff; width: 357px; height: 19px; } 
.section-header h2.curved-2000 { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-2000-curved.gif) no-repeat; color: #fff; width: 295px; height: 19px; } 
.section-header h2.straight-1000 { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-1000-straight.gif) no-repeat; color: #fff; width: 313px; height: 19px; } 
.section-header h2.sitemap { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-sitemap.gif) no-repeat; color: #fff; width: 92px; height: 19px; } 
.section-header h2.accessibility { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-accessibility.gif) no-repeat; color: #fff; width: 145px; height: 19px; } 
.section-header h2.terms { position: absolute; bottom: 22px; left: 30px; text-indent: -10000px; background: url(../images/h2-terms.gif) no-repeat; color: #fff; width: 215px; height: 19px; } 
.section-grey { position: relative;  height: 95px; background-color: #333; } 
.section-yellow {  height: 60px; background-color: #f1ab00; } 

/* home */ 
div.home-top-outer { background: #080607 url(../images/key-vis-3.jpg) no-repeat; width: 960px; _width: 960px; } 
div.home-box { float: left; margin: 62px 0 20px 28px; display: inline; width: 514px; } 
div.home-box-top { float: left; clear: both; background: url(../images/home-box-top.gif) no-repeat; width: 514px; height: 5px; font-size: 0em; } 
div.home-box-mid { float: left; clear: both; padding: 10px; width: 494px; background-color: #fff; } 
div.home-box-bottom { float: left; clear: both; background: url(../images/home-box-bottom.gif) no-repeat; width: 554px; height: 5px; } 
div.home-box h3 { float: left; clear: both; font-size: 1.13em; margin-bottom: 0.75em; width: 375px; } 
div.home-box p { font-size: 0.75em; margin-bottom: 1em } 
div.home-box img.dvd { float: right; margin-top: -10px; } 
div.home-box img.age-concern { float: left; margin: 0 10px 10px 0; } 
div.home-box div.hr { float: right; display: inline; border-top: solid 1px #d7d7d7; height: 1px; margin: 5px 0 5px 0; } 
div.home-box a.read-more { float: right; width: 122px; height: 25px; margin: 10px; background: url(../images/read-more.gif) no-repeat; text-indent: -10000px; } 
div.home-box a.go { float: left; margin-top: -3px; width: 62px; height: 25px; overflow: hidden; background: url(../images/go.gif) no-repeat; text-indent: -10000px; } 
div.home-box div.box-1 { float: left; width: 494px; border-bottom: solid 1px #d6d6d6; } 
div.home-box div.box-2 { float: left; width: 494px; border-bottom: solid 1px #d6d6d6; padding: 20px 0 10px 0; *padding: 20px 0 10px 0;  } 
div.home-box div.box-3 { float: left; width: 494px; padding-top: 15px; } 
div.home-box p.small { font-size: 0.75em; line-height: 1.2em; } 
div.home a.straight-stairlifts { float: right; width: 122px; height: 25px; } 
div.home a.curved-stairlifts { float: right; width: 122px; height: 25px; }

div.home-top-outer div.bottom-right-buttons { float: right; margin: 560px 30px 0 0; } 
div.home-top-outer a.straight_s { float: right; clear: both; width: 202px; height: 25px; margin: 5px; text-indent: -10000px; background: url(../images/straight-stairlifts.gif) no-repeat;} 
div.home-top-outer a.curved_s { float: right; clear: both; width: 202px; height: 25px; margin: 5px; text-indent: -10000px; background: url(../images/curved-stairlifts.gif) no-repeat;} 

#content { width: 960px; padding-bottom: 30px; background-color: #fff; border-bottom: solid 1px #c4c4c4; } 
#straight-stairlifts { float: left; background: url(/images/click-straight-stairlifts.gif) no-repeat; width: 480px; height: 129px; } 
#curved-stairlifts { float: left; background: url(/images/click-curved-stairlifts.jpg) no-repeat; width: 480px; height: 129px; } 
#straight-stairlifts ul { float: left; display: inline; margin: 50px 0 0 30px; } 
#straight-stairlifts li { float: left; display: inline; clear: both; font-size: 0.88em; } 
#curved-stairlifts ul { float: right; display: inline; margin: 50px 30px 0 30px; } 
#curved-stairlifts li { float: left; display: inline; clear: both; font-size: 0.88em; } 

/* generic left content */  
.left { float: left; padding: 30px 0 10px 30px; width: 544px; } 
.left h3 { font-size: 1.13em; font-weight: bold; padding: 0 0 1.1em 0; } 
.left h4 { font-size: 0.9em; font-weight: bold; padding: 0 0 1.1em 0; } 
.left p, .left ul.general li { font-size: 0.88em; padding: 0 0 1.5em 0; } 
.left p.highlight { font-size: 1.4em; background-color: #ffeebb; padding: 3px; margin: 10px 0 10px 0; } 
.left span.highlight { float: left; min-width: 500px; display: block; font-size: 1.3em; line-height: 0.9em; background-color: #ffeebb; padding: 3px; margin: 0; clear: both; } 
.left ul.general { padding: 0 0 1.5em 0; } 
.left ul.general li { padding: 8px 10px 8px 15px; margin-left: 10px; background: url(../images/list-item.gif) no-repeat; background-position: 0 13px; } 
.left ul.general li.empty { background: none !important; } 
.left ul.general li ul.general * { font-size: 1em; } 
.left div.comment { padding: 20px 0 10px 0; border-bottom: solid 1px #c4c4c4; } 
.left img.dvd-l { float: left; margin: 0 10px 10px 0; } 
.left img.product-image { margin: 0 0 20px 0; border-width: 0; } 
.left img.charity { margin: 0 0 20px 0; } 
.left br { margin: 10px 0 10px 0; } 

.left fieldset { border-width: 0; } 
.left span.error { float: left; font-size: 0.75em; font-weight: bold; width: 400px; margin: 10px 0 0 0; padding: 10px 0 10px 0px; color: #ff0000; } 
.left label { float: left; clear: both; font-size: 0.75em; padding: .31em 0 .31em 0; width: 100%; } 
.left label.l { float: left; clear: both; font-size: 1em; font-weight: bold; padding: .31em 0 .31em 0; width: 100%; } 
.left input.text { width: 400px; padding: 5px; } 
.left select { width: 400px; padding: 5px; }
.left textarea { width: 400px; height: 100px; padding: 5px; } 
.left input.button { margin-top: 5px; padding: 5px; width: 120px; cursor: pointer; } 
.left input.cb { float: left; margin-right: 5px; margin-top: 2px; } 
.left fieldset p { font-size: 0.75em; } 
.left div.gap { float: left; width: 100%; padding: 10px; } 

.right { float: right; width: 356px; } 
.right div.right-nav { float: left; position: relative; z-index: 20; margin-top: -30px; } 
.right div.why-choose-us { position: relative; z-index: 20; margin-top: 0px !important; margin-bottom: 105px; } 
.right div.right-nav p { float: left; font-size: 0.88em; background-color: #ffeebb; padding: 15px; width: 296px; } 
.right div.right-nav ul.orange { padding-top: 5px; background: #ffeebb url(/images/right-nav-top.gif) no-repeat; width: 326px; } 
.right div.right-nav ul.grey { float: left; margin: 20px 0 20px 0; padding-top: 5px; background: #eee url(../images/right-nav-top-g.gif) no-repeat; width: 326px; } 
/* standard */ 
.right div.right-nav li { float: left; font-size: 0.88em; font-weight: bold; padding: 15px; height: 21px; color: #333; background: url(../images/right-nav-item-bg.gif) repeat-x; width: 296px; cursor: pointer; } 
.right div.right-nav li.last { background: #ffeebb url(../images/right-nav-bottom.gif) repeat-x; background-position: 0 100%; } 
.right div.right-nav li.pig { height: 127px; background-color: #ffeebb; background-position: 0 100px; } 
.right div.right-nav li.pig img { margin-right: 25px; } 
.right div.right-nav li.logo { height: 55px; background-color: #ffeebb; } 
.right div.right-nav li.logo img { margin-right: 20px; } 
/* alternate */ 
.right div.right-nav ul.grey li { float: left; font-size: 0.88em; font-weight: bold; padding: 15px; height: 21px; color: #333; background: url(../images/right-nav-item-bg-g.gif) repeat-x; width: 295px; cursor: pointer; } 
.right div.right-nav ul.grey li.last { background: #eee url(../images/right-nav-bottom-g.gif) repeat-x; background-position: 0 100%; } 
.right div.right-nav img.tick { float: right; margin-top: -15px; } 
.right div.right-nav span.key-features { float: left; background: url(../images/key-features.gif) no-repeat; text-indent: -10000px; width: 124px; height: 17px; } 
.right div.right-nav span.next-steps { float: left; background: url(../images/next-steps.gif) no-repeat; text-indent: -10000px; width: 124px; height: 17px; } 
.right div.right-nav span.see-also { float: left; background: url(../images/see-also.gif) no-repeat; text-indent: -10000px; width: 81px; height: 17px; } 
.right div.right-nav a, .right div.right-nav a:visited { color: #333; text-decoration: none; } 
.right div.right-nav a:hover { text-decoration: underline; } 
.right div.right-nav p.home { font-size: 0.75em; padding-bottom: 5px !important; background: #ffeebb url(/images/right-nav-item-bg.gif) repeat-x; background-position: 0 100%; }
.right div.right-nav img.signature { float: right; clear: both; margin-top: -15px; } 
body:first-of-type .right div.right-nav img.signature { margin-top: 5px; }

.full { float: left; padding: 30px; width: 900px; } 
.full h3 { font-size: 1.13em; font-weight: bold; padding: 0 0 1.1em 0; } 
.full h4 { font-size: 1em; font-weight: bold; padding: 0 0 1.1em 0; } 
.full p, .full ul.general li { font-size: 0.88em; padding: 0 0 1.5em 0; } 
.full p.highlight { font-size: 1.4em; background-color: #ffeebb; padding: 3px; margin: 10px 0 10px 0; } 
.full span.highlight { float: left; min-width: 500px; display: block; font-size: 1.3em; line-height: 0.9em; background-color: #ffeebb; padding: 3px; margin: 0; clear: both; } 
.full ul.general { padding: 0 0 1.5em 0; } 
.full ul.general li { padding: 8px 10px 8px 15px; margin-left: 10px; background: url(../images/list-item.gif) no-repeat; background-position: 0 11px; } 
.full div.comment { padding: 20px 0 10px 0; border-bottom: solid 1px #c4c4c4; } 
.full img.dvd-l { float: left; margin: 0 10px 10px 0; } 
.full img.product-image { margin: 0 0 20px 0; border-width: 0; } 
.full img.charity { margin: 0 0 20px 0; } 
.full br { margin: 10px 0 10px 0; } 

.stairlifts h3.select-straight { float: left; width: 480px; height: 56px; background: url(/images/select-straight-header.gif) no-repeat; text-indent: -10000px; overflow: hidden; } 
.stairlifts h3.select-curved { float: left; width: 480px; height: 56px; background: url(/images/select-curved-header.jpg) no-repeat; text-indent: -10000px; overflow: hidden; } 
.stairlifts div#straight-stairlifts { float: left; height: 760px; background: url(/images/straight-main.jpg) no-repeat; background-position: 0 56px; } 
.stairlifts div#curved-stairlifts { float: left; height: 760px; background: url(/images/curved-main.jpg) no-repeat; background-position: 0 56px; } 
.stairlifts img { float: left; } 
.stairlifts div.copy { float: left; color: #333; width: 460px; padding: 10px; } 
.stairlifts p { font-size: 0.75em; padding: 0 0 1.5em 0; } 
.stairlifts li { float: left; width: 402px; height: 107px; background-color: #ffeebb; border-bottom: solid 1px #f1ab00; margin-bottom: 20px; } 
.stairlifts li:hover { background-color: #ffdf80; } 
.stairlifts li img { margin: 7px 15px 7px 7px; border-width: 0; } 
.stairlifts li a { float: left; font-size: 1.38em; line-height: 5.2em; } 

#footer { position: relative; font-size: 0.75em; width: 960px; padding-bottom: 100px; } 
#footer img.number { position: absolute; right: 0px; top: 20px; } 
#footer img.logo { position: absolute; right: 38px; top: 110px; } 
#footer div.hr { float: left; margin: 20px 0 20px 0px; width: 960px; height: 1px; background: url(../images/hr.gif) repeat-x; } 
#footer ul { float: left; margin: 10px 60px 0 0; } 
#footer li { float: left; clear: both; font-weight: bold; padding: 10px 0 10px 0; color: #333; } 
#footer li.fixed { width: 220px; } 
#footer li a { color: #333; text-decoration: none; } 
#footer li a:visited { color: #333; } 
#footer li a:hover { text-decoration: underline; } 
#footer p.contact { margin: 0 auto 20px; width: 500px; text-align: center; color: #333; } 
#footer p.terms { text-align: center; font-size: 0.83em; color: #999999; } 
