@charset "utf-8";
/* CSS Document */

/*
Theme Name: DeluxeStairlifts.com
Theme URI: http://www.whitestarmedia.co.uk
Description: Deluxe theme
Version: 1.6
Author: Ryan Siddle
Author URI: http://www.whitestarmedia.co.uk
*/


* {
	border:medium none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0;
	text-decoration:none;
	}

body {  /** old bg col: fff6e2 **/
	background: #f3f1e1 url('/images/body_bg.png') repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6;
	font-size: 0.8em;
	color: #000;
	}
	
#main_content a {
	color: #932041;
	border-bottom: 1px dashed;
	font-weight: bold;
}

#main_content p {margin-bottom: 15px;}

#main_content a:hover {
	border-bottom: 1px solid;
}

#main_content h1 { font-size: 1.8em; font-family: "Lucida Grande", Arial, sans-serif; }
#main_content h2 { font-size: 1.6em; font-family: "Lucida Grande", Arial, sans-serif; color: #63152b; border-left: 2px solid #f5f5f5; padding-left: 10px;}
#main_content h3 { font-size: 1.5em; font-family: "Lucida Grande", Arial, sans-serif; }
#main_content h4 { font-size: 1.4em; font-family: "Lucida Grande", Arial, sans-serif; }
#main_content h5 { font-size: 1.3em; font-family: "Lucida Grande", Arial, sans-serif; }
#main_content h6 { font-size: 1em; font-family: "Lucida Grande", Arial, sans-serif; }

.left {float:left !important}
.right {float:right !important}
.center {text-align: center !important}
.clear {clear: both !important}
.bold {font-weight: bold !important}
.large {font-size: 1.6em !important}
.x-large {font-size: 1.8em !important}
.xx-large {font-size: 2.0em !important}

img.right{margin: 10px 0 10px 10px;}
img.border {border: 1px solid #c2c0c0; padding: 5px;}

#main_content ul li {
        list-style-position:inside;
}

.white {color: #fff !important;}

li.tick {
list-style-image:url('/images/tick.png')!important;
}

li.cross {
list-style-image:url('/images/cross.png')!important;
}

.wrapper {width: 922px; margin: 0 auto;}

#page_body {
	border: 2px solid #e7e0cd; /** ece8e0; **/
	padding: 15px;
	background: #fff;
	}
	
#page_header {
	height: 150px;
	clear:both;
}

	#logo {
		background: url('/images/logo.png') no-repeat;
		height: 60px;
		width: 340px;
		float: left;
		text-indent: -999em;
	}
	
	#header_info {
		float: right;
                width: 350px;
		/** width: 280px; **/
	}
	
	span.contact {color: #aeaeae; font-size: 2em; line-height: 0.9em;}
	span.tel {color: #63152b; font-size: 1.6em; line-height: 1.8em; font-weight: bold;}
	.big {font-size: 1.2em}
#primary_nav {
	clear:both;
	height: 20px;
	background: #ccc;
	border-bottom: 2px solid #63152b;
}

#page_content {
margin-top: 15px;
}
	
	#main_content {
		width: 610px;
		float: left;
		margin-bottom: 15px;
	}
	
	#page_sidebar {
		width: 260px;
		float: right;
	}
	
	#page_sidebar a {color: #4c4c4c;}
	

#footer {
	background: #f8e7c4;
	padding: 15px;
	color: #af8a3c;
	font-size: 11px;
	clear: both;
}
	
	#footer a {color: #af8a3c; font-weight: bold; border-bottom: 1px dotted}
	
#testimonials {
	clear: both;
	background: #f5f5f5 url('/images/start-quote.png') no-repeat 10px 10px;
	color: #494949;
	margin: 15px 0;
	padding: 20px 0px 20px 50px;
	border: 1px solid #c2c0c0;
	border-left: none;
	border-right: none;
}

	#testimonials p.quote {
		background: transparent url('/images/end-quote.png') no-repeat bottom right;
		margin-right: 10px;
		padding-right: 40px;}
		
	#testimonials p.author {
		padding: 5px 30px 0 0;;	
	}

#slider {
       clear:both;
        background: #f5f5f5 url('/images/start-quote.png') no-repeat 10px 10px;
	color: #494949;
        margin: 15px 0;
        width: 890px !important;
        padding: 20px 0 30px 0;
	border: 1px solid #c2c0c0;
	border-left: none;
	border-right: none;
}

#slider_quote {background: transparent url('/images/end-quote.png') no-repeat 100% 100%}
#slider span {text-align: center}

	#slider ul, #slider li{

		margin:0;
		padding:0;
		list-style:none;
		}

        #slider ul li {
                padding: 0px 50px 0px 50px;
                width: 790px;



	}


	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		height:100px;
		overflow:hidden; 
		}
	span#prevBtn{float:left}
	span#nextBtn{float:right}

html>body #quote_star {
        background:transparent url('/images/quote_star.png') no-repeat scroll 0 0;
        height:152px !important;
	margin-bottom:-152px;
	position:relative;
	right:-91px;
	top:-45px;
	width:152px;
	z-index:99;
        float:right;
}

html>body #quote_star a {
		display:block;
		width: 152px;
		height: 152px;
		text-indent: -999em;
	}

#quote_star {
        clear:both;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.deluxestairlifts.com/images/quote_star.png', sizingMethod='crop');
	/** background:transparent url('/images/quote_star.png') no-repeat scroll 0 0; **/
	height:152px !important;
	margin-bottom:-152px;
	position:relative;
	right:-91px;
	top:-45px;
	width:152px;
	z-index:99;
        float:right;
}



	#quote_star a {
		display:block;
		width: 152px;
		height: 152px;
		text-indent: -999em;
	}
	
#quote_star:hover {
	background:transparent url('/images/quote_star.png') no-repeat scroll 0 -152px;
	height:158px;
	margin-bottom:-158px;
	position:relative;
	right:-93px;
	top:-48px;
	width:158px;
}

	#quote_star a:hover {
		display:block;
		width: 158px;
		height: 158px;
		text-indent: -999em;
	}
	

#suckerfishnav {
    font-size: 1.3em;
    font-family:verdana,sans-serif;
    width:100%;
	
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border-bottom: 2px solid #63152b;
    margin-bottom: 15px;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#63152b;
    text-decoration:none;
    padding:0px 15px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;

    }
#suckerfishnav li li {
    width:149px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding: 8px 15px;
    width:130px;
    font-size: 12px;
    color:#63152b;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li a:hover {
    text-decoration: underline
    }

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#f5f5f5;
	border: 2px solid #63152b;
	border-top:none;
	z-index: 999;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#f5f5f5;
    }

.callback_form {
	background: #f5f5f5;	
	border: 2px solid #eaeaea;
	padding: 10px;
	margin-bottom: 15px;
}

<!-- Sidebar -->
div.sidebar {margin-bottom: 15px}
div.sidebar_nav ul li {
background-image:url('/images/sidebar-arrow.png');
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
list-style-type:none;
padding:5px 5px 5px 18px;
font-size: 1em;
}

.half_split {
	clear:both;	
}

	.half_split .left_split {
		float:left;
		width: 294px;
		padding-right: 10px;
		border-right :1px solid #ccc;
	}
	
	.half_split .right_split {
		float:right;
		width: 294px;
		padding-left: 10px;
	}
	
/** -Three Columns **/

.thirds {
	clear: both;
	background: #fff url('/images/thirds-bg.png') repeat-x;
	height: 210px;
}

.thirds-col {
	width: 289px;
	float: left;
	background: transparent url('/images/thirds-split.png') no-repeat;
	background-position: right 10px;
	margin: 10px 10px 0 0;

}

.thirds .end {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

	.thirds h3 {
		color: #932041;
		border-bottom: 2px solid}


/* -FORMS */


legend { font-size: 1.5em; color: #63152b}
div.client_callback  textarea, div.client_callback  input[type='text'], div.client_callback  select { border: 1px solid #d8d8d8; background: #fff; }
div.client_callback  textarea:hover, div.client_callback  input[type='text']:hover, div.client_callback  select:hover { border-color: #aaa; }
div.client_callback  textarea:focus, div.client_callback  input[type='text']:focus, div.client_callback  select:focus { border-color: #888; outline: 1px solid #932041; }
div.client_callback  textarea { width: 100%; height: 70px !important; }
div.client_callback  input, div.client_callback form, div.client_callback select { width: 180px; padding: 3px 0 3px 2px }
div.client_callback  input, #client_callback  select {cursor: pointer;}
div.client_callback  input[type='text'] { cursor: text; }
div.client_callback  label { font-size: 1em; font-family: "Lucida Grande", Arial, sans-serif;display:block}
div.client_callback  input[type='submit'], .call_me_submit { 
	background: transparent url('/images/call_me.png') no-repeat !important;
	height: 34px !important;
	width: 114px !important;
	text-indent: -999em;
	margin: 10px 0 0 0;
        display:block;
        border:0px solid #fff; /** Hack for IE6 - it needs a border **/
}
/** .button-or { margin: 0 .7em 0 .5em; padding-top: .2em; }*//

/** Tabber **/

/******* MENU *******/
#tabber{
	/** margin: 7em auto; **/
        clear:both;
	width: 100%;
        margin: 15px 0;
}
#tabber ul{
	list-style: none;
	list-style-position: outside;
}
#tabber ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#tabber ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}
#tabber ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #932041;
}
/******* /MENU *******/
/******* CONTENT *******/
.tabber_content{
        clear:both;
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 15px;
}

/******* /CONTENT *******/
/******* NEWS *******/
.tabber_content.news h1{

}
.tabber_content.news{
	display: block;
}
/******* /NEWS *******/
/******* TUTORIALS *******/
.tabber_content.tutorials h1{

}
.tabber_content.tutorials{
	display: none;
}
/******* /TUTORIALS *******/
/******* LINKS *******/
.tabber_content.links h1{

}
.tabber_content.links{
	display: none;
}
.tabber_content.links a{
	color: #5f95ef;
}


#s3slider {
   width: 610px; /* important to be same as image width */
   height: 285px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 610px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage div {
   position: absolute; /* important */
   right: 0;
   /** font: 10px/15px Arial, Helvetica, sans-serif;*/
   padding: 10px 13px;
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   height: 285px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage div:hover {
    filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8;
}

.s3sliderImage div a {color: #fff;}



/** silder prev / next **/

#prevBtn, #nextBtn {

}

#prevBtn a, #nextBtn a
{
position: relative;
top: -30px;
	height: 48px !important;
	width: 38px !important;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html #prevBtn a, * html #nextBtn a
{
	filter:alpha(opacity=50);
}
#prevBtn a:hover, #nextBtn a:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}



#prevBtn a
{
       height:38px !important;
       width: 30px !important;
       display: block;
        text-indent: -999em;
	left: 0;
	top: -90px;
	background: url('/images/fleche1.png') no-repeat center left;
}


#nextBtn a
{
       height:38px !important;
       width: 30px !important;
       display: block;
        text-indent: -999em;
	right: 0;
	top: -90px;
	background: url('/images/fleche2.png') no-repeat center right;
}




/** Contact Form Validations **/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {

	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 1em;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 1em;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

.accessibility_fonts {
    border: 0px solid #fff !important;
    float: right;
    position: relative;
    top: -30px;
    right: 0;
}

    .accessibility_fonts a {border: 0px solid #fff !important;}

.thirds .faq_section p{
   background: transparent url('/images/faq-question-mark.png') no-repeat;
   padding: 0 0 0 80px;
}

.thirds .contact_section p{
   background: transparent url('/images/email_contact.png') no-repeat;
   padding: 0 0 0 90px;
}

/** -Forms **/

#tabber fieldset label {
        float: left;
	display: block;
	font-weight: bold;
        width: 180px !important;
	text-align: right !important;
	margin-right: 10px !important;
	padding-top: 3px;
}

#tabber fieldset input {
	color: #000;
	background: #F8FAFA none repeat scroll 0 0;
	border: 1px solid #ABC6DD;
	font-size: 1.2em;
	margin-right: 5px;
        margin-top : -20px
        
}

#tabber fieldset input.submit {
	margin-left: 110px !important;
}

#tabber fieldset {
	border: 1px solid #015809;
	margin: 10px;
	padding: 10px;
}

#tabber fieldset legend {
	color: #015809;
	background: #ffffff;
	padding: 2px 6px;
}

#tabber fieldset input[type="text"], #tabber fieldset input[type="password"] {
	padding: 4px;
}

#tabber fieldset textarea {
background: #F8FAFA;
border: 1px solid #ABC6DD;
        margin-top : -20px
}

#tabber fieldset select {
	border: 1px solid #000;
	width: 100px;
        margin-top : -10px
}

#tabber fieldset input:hover, #tabber fieldset input:focus, #tabber fieldset textarea:hover, #tabber fieldset select:hover, #tabber fieldset checkbox:hover, #tabber fieldset input[type="password"]:hover {
	background: #E2EBEB none repeat scroll 0 0;
	border: 1px solid #4E6972;
}