/* Start of CMSMS style sheet 'screen' */
body {
	font-family: Verdana, Arial, Helvetica, San-serif;
	font-size: 0.9em;
	color: #000;
	background: #CCC;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
body#section-scooters #nav a#nav-scooters,
body#section-stair-lifts #nav a#nav-stair-lifts,
body#section-beds #nav a#nav-beds,
body#section-chairs #nav a#nav-chairs,
body#section-walk-in-baths #nav a#nav-walk-in-baths,
body#section-showers #nav a#nav-showers,
body#section-wheelchairs #nav a#nav-wheelchairs,
body#section-other-information #nav a#nav-other-information { color: #FFF; background: #C00; }

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(images/cms/bg_page.png) top center repeat-y;
}
#topnav { min-height: 90px; margin: 0 auto; padding: 10px 20px 0; background: #FFF; border-top: 8px solid #C00; }

#sitenav, #nav, #subnav { list-style: none; margin: 0; padding: 0; }
#sitenav { float: right; }
#sitenav li { float: left; }
#sitenav a { padding: 0 10px; border-left: 1px solid #CCC; color: #000; font-size: 0.8em; text-decoration: none; }
#sitenav li:first-child a { border: none; }
#sitenav a:hover { color: #C00; }

div#searchbox { float: right; margin: 10px 0 0 300px; }
div#searchbox input { vertical-align: middle; }

#logo { float: left; margin-top: -15px; }
#strapline { float: left; margin: 27px 0 0 10px; font-size: 0.8em; color: #666; white-space: nowrap; }

#mainpic { width: 1000px; height: 200px; background: #FFF url(images/cms/mainpic_001.jpg) center center no-repeat; }


#navwrap {
	clear: both;
	background: #333 url(images/cms/bg_nav.gif) center center repeat-x;
}
#nav {
	width: 1000px;
	margin: 0 auto;
	padding: 13px 0;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
}
#nav li {
	display: inline;
	margin: 0;
}
#nav a {
	color: #FFF;
	padding: 10px 20px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a:hover { color: #C00; }


#hori-products { font-size: 0.8em; }
#hori-products div { float: left; width: 96px; padding: 10px 0; border: 1px solid #FFF; }
#hori-products div:hover { border: 1px solid #CCC; }
#hori-products div p { margin: 0; padding: 0; text-align: center; }
#hori-products div a { color: #000; text-decoration: none; }
#hori-products div a:hover { color: #C00; }


#maincontent { clear: both; width: 1000px; margin: 0 auto; padding: 0; background: #FFF; }
#mainpic { border-bottom: 0px solid #EEE; }
#leftcol { float: left; display: inline; width: 185px; margin: 30px 0 20px; font-size: 0.9em; }

.leftnav, .leftnav ul { font-size: 1em; margin: 0; padding: 0; background: #FFF; list-style: none; text-align: left;}
.leftnav { margin: 0 0 3em 20px; }
.leftnav li { margin: 0; padding: 0; }
.leftnav li.sectionheader { color: #FFF; background: #000; text-align: center; }
.leftnav a { display: block; color: #000; background: #FFF; text-decoration: none; padding: 5px 25px 5px 10px; font-weight: bold; }
.leftnav a:hover { background: #F8F8F8; }
.leftnav ul { border-top: 1px solid #000; }
.leftnav ul li { border-bottom: 1px solid #CCC; }
.leftnav ul a { font-weight: normal; }
.leftnav li.menuactive a { color: #C00; background: url(images/cms/icn_arrow_red.gif) right center no-repeat; }
.leftnav li.menuactive ul a { color: #333; background: #FFF; }
.leftnav ul ul { border: none; font-size: 0.9em; padding-bottom: 3px; }
.leftnav ul ul li { border: none; }
.leftnav ul ul a { padding: 2px 25px 2px 10px; }
.leftnav ul ul a:before { content: "- "; }

.cssmenu2 li {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica;
  color: #FFF;
  background: #333;
  font-size: 1.1em;
  text-align: center;
  border-top: 5px solid #333;
  letter-spacing: 1px;
}
.cssmenu2 ul li { color: #C00; background: #F8F8F8; font-size: 0.9em; font-family: Verdana; letter-spacing: 0; border: none; text-align: left; }
.cssmenu2 a { color: #FFF; text-decoration: none; }
.cssmenu2 ul a { color: #C00; text-decoration: underline; }
.cssmenu2 { margin: 3em 0 0; padding: 0; list-style: none; }
.relatednav, .cssmenu2 ul {
  display: block;
	list-style: none;
	margin: 0;
	padding: 0 15px 10px;
	background: #F8F8F8;
  border: 1px solid #CCC;
}
.cssmenu2 ul { border-top: 5px solid #333; }
.relatednav li, .cssmenu2 ul li { padding: 10px 0; border-bottom: 1px solid #CCC; }




#leftmidcol { float: left; display: inline; width: 690px; padding: 0 30px; }

#midcol { float: left; display: inline; width: 505px; padding: 10px 30px; }
#midcol h2, #leftmidcol h2 { margin-top: 2em; padding: 10px 0; font-size: 1.3em; line-height: 1.2em; font-style: italic; }

#main p { text-align: justify; }

#rightcol { float: left; display: inline; width: 226px; margin: 0; padding: 20px 0 0; }
#rightcol p { margin: 0; }
#rightcol a { color: #000; text-decoration: none; }
#rightcol a:hover { color: #C00; }
#rightcol ul { margin: 0 0 0 1em; padding: 0 0 1em 5px; font-size: 0.9em; list-style-image: url(images/cms/icn_arrow.gif); }

#rightcol div.box { margin: 0 0 20px; background: #FFF url(images/cms/bg_rightbox.gif) bottom left no-repeat; }

#rightcol #rightbox-phone { padding: 60px 20px 30px; background: url(images/cms/bg_rightbox-phone.gif) top left no-repeat; }
#rightcol #rightbox-request { padding: 40px 20px 10px; background: url(images/cms/bg_rightbox-request.gif) top left no-repeat; }
#rightcol #rightbox-chat { padding: 60px 20px 30px; background: url(images/cms/bg_rightbox-chat.gif) top left no-repeat; text-align: center; }
#rightcol #rightbox-news { padding: 60px 20px 30px; background: url(images/cms/bg_rightbox-news.gif) top left no-repeat; }
#rightcol #rightbox-your-say { padding: 60px 20px 30px; background: url(images/cms/bg_rightbox-your-say.gif) top left no-repeat; }
#rightcol #rightbox-articles { padding: 60px 20px 30px; background: url(images/cms/bg_rightbox-articles.gif) top left no-repeat; }

#footer { clear: both; color: #000; background: #EEE; padding: 20px; font-size: 0.7em; border-bottom: 8px solid #CCC; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li { display: inline; padding: 0 10px; }


h1, h2, h3 { clear: both; }
h1, h2 { font-family: Trebuchet MS, Verdana, Arial, Helvetica; }
h1 { color: #C00; line-height: 1.2em; font-size: 2.5em; font-weight: normal; }
h2 { margin-top: 2em; border-bottom: 1px solid #333; }
h3 { margin: 2em 0 0; font-size: 1em; }
a { color: #C00; }
img { border: 0; }
ul.tick { list-style-image: url(images/cms/icn_tick.gif); }
ul.tick li { margin-bottom: 1em; }
dt { font-weight: bold; margin-left: 2.5em; }
dd { margin-bottom: 1em; }

table.styled { font-size: 0.8em; table-layout: fixed; }
th.styled { padding: 5px; color: #000; background: #EEE; }
td.styled { padding: 5px; border: 1px solid #EEE; text-align: center; }

.floatnone { padding: 4px; border: 1px solid #CCC; }
img.floatleft { float: left; margin: 5px 20px 20px 0; padding: 4px; border: 1px solid #CCC; }
img.floatright { float: right; margin: 5px 0 20px 20px; padding: 4px; border: 1px solid #CCC; }




div.hmmform { margin: 0; padding: 0; font-size: 0.9em; }
div.hmmform fieldset { border: 1px solid #CCC; padding: 1em; margin-bottom: 1em; background: #EEE; }
div.hmmform fieldset legend { letter-spacing: 1px; text-transform: uppercase; text-align: right; color: #666; padding: 3em 0 0; }
div.hmmform div {width: 100%; padding: 0.25em 0 0.25em 0;}
div.hmmform div label {display: block; }
div.hmmform .radiobuttons div, div.hmmform .checkboxes div { display: block; width: 200px; float: left; }
div.hmmform .radiobuttons label, div.hmmform .checkboxes label { display: inline; }
div.hmmform .radiobuttons input, div.hmmform .checkboxes input { margin: 0; width: auto; }
div.hmmform fieldset input, div.hmmform fieldset textarea, div.hmmform fieldset select { padding: 5px; margin: 5px 0; font-size: 1em; width: 99%; background: #EEE; }
div.hmmform textarea { font-size: 1em; width: 99%; }
div.hmmform .halfwidth { width: 50%; }
div.hmmform .fullwidth { width: 98%; }
div.hmmform div.required input, div.hmmform div.required select, div.hmmform div.required textarea { background: #FFF; }


div.mainform { margin: 0; padding: 0; font-size: 0.9em; }
div.mainform fieldset { border: 1px solid #CCC; padding: 1em; margin-bottom: 1em; background: #EEE; }
div.mainform fieldset legend { letter-spacing: 1px; text-transform: uppercase; text-align: right; color: #666; padding: 3em 0 0; }
div.mainform div {width: 100%; padding: 0.25em 0 0.25em 0;}
div.mainform div label {display: block; }
div.mainform .radiobuttons div, div.mainform .checkboxes div { display: block; width: 200px; float: left; }
div.mainform .radiobuttons label, div.mainform .checkboxes label { display: inline; }
div.mainform .radiobuttons input, div.mainform .checkboxes input { margin: 0; width: auto; }
div.mainform fieldset input, div.mainform fieldset textarea, div.mainform fieldset select { padding: 5px; margin: 5px 0; font-size: 1em; width: 99%; background: #EEE; }
div.mainform textarea { font-size: 1em; width: 99%; }
div.mainform .halfwidth { width: 50%; }
div.mainform .fullwidth { width: 98%; }
div.mainform div.required input, div.mainform div.required select, div.mainform div.required textarea { background: #FFF; }
div.error_message, label.error_message { color: #C00; }
div.captcha { margin-bottom: 1em; }
div.captcha img { display: block; }

div.ppcmainform { font-size: 0.9em; }
div.ppcmainform fieldset { border: 1px solid #EEE; margin-bottom: 1em; padding: 0; background: #EEE; }
div.ppcmainform select { margin: 0 0 15px 10px; vertical-align: middle; }


.accessibility { display: none; }

.component { clear: both; }
.component h2 { border: none; }

.threecol {
	float: left;
	width: 220px;
	margin-right: 20px;
	padding: 0;
	font-size: 0.9em;
}
.boxed { border: 1px solid #CCC; color: #333; background: #EEE; margin-top: 2em; padding: 0 20px; font-size: 0.9em; }
.button { font-size: 0.9em; text-decoration: none; color: #FFF; background: #900; padding: 5px 10px; border-top: 1px solid #C00; border-right: 1px solid #600; border-bottom: 1px solid #600; border-left: 1px solid #C00; }
.video { border: 1px solid #CCC; text-align: center; padding: 10px; }

.ColForm {
width: 210px;
clear:both;
background-color: #e3e3e3;
padding: 10px;
}

.ColSubmit {
clear: both;
display: block;
}

.ColSubmit input {
color: black;
border: none;
background-color: #ccc;
float: right;
cursor: pointer;
font-size: 18px;
margin: 0;

clear:both;
}

.ColForm fieldset legend {
color: black;
width: 200px;
}

.CompanyReviewForm {
overflow: auto;
width: 80%;
padding: 20px;
border-width: 1px;
border-color: black;
border-style: solid;
background-color: #e4e4e4;

}

.CompanyReviewForm fieldset {
padding: 10px;
width: 96%;
clear: both;
}
.CompanyReviewForm textarea {
width: 99%;
}

.CompanyReviewForm label {
float: left;
}


.CompanyReviewForm input {
float: right;
width: 220px;
}


.CompanyReviewForm div {
clear: both;
}


.CompanyReviewForm select {
float: right;
width: 180px;
}





#formHeadScooterBrochureBuyer { width:245px; height:307px; background:url('/images/form_headers/Brochure.jpg') #fff no-repeat; }
#formHeadScooter { width:229px; height:309px; background:url('/images/form_headers/Scooter.jpg') #fff; }
#formHeadStairlift { width:227px; height:309px; background:url('/images/form_headers/Stairlift.jpg') #fff; }
#formHeadBed { width:241px; height:311px; background:url('/images/form_headers/Bed.jpg') #fff no-repeat; }
#formHeadRiserChair { width:247px; height:312px; background:url('/images/form_headers/RiserChair.jpg') #fff no-repeat; }
#formHeadBath { width:226px; height:309px; background:url('/images/form_headers/Bath.jpg') #fff no-repeat; }
#formHeadWheelchair { width:239px; height:312px; background:url('/images/form_headers/Wheelchair.jpg') #fff no-repeat; }
#formHeadShower { width:231px; height:310px; background:url('/images/form_headers/Shower.jpg') #fff no-repeat; }


.ppcmainform, .ColForm { background-color: #eee; }
.ppcmainform .fullwidth, .ColForm div { margin-bottom:16px; }
.ppcmainform .fullwidth input, .ColForm div input { width: 214px; margin:0px; }
div.ppcmainform select, div.ColForm select { width:150px; margin:0px 0px 16px 0px; }
.ppcmainform div div input, .ColForm div div input { background-color:white; color:red; }
.ppcmainform p { width:136px; float:right; font-size:10px; line-height:12px; }
.ppcmainform .submit input, .ColForm .ColSubmit input, #main .submit input { color:red; float:left; width:89px; height:35px; background:url('/images/btnSubmit.jpg'); border:0; }
.ColForm { width: 226px; padding:0px; }
.ColForm div div { margin-bottom:0px; }
.ColForm p { width:126px; float:right; font-size:9px; line-height:12px; }
#rightcol h2 { padding-top:20px; }
#bathliftform { padding-bottom:10px; }
#bathliftform .ColForm { margin-left:3px; width:219px; }
#bathliftform .ColForm select { margin-bottom:0px; }

#main .formbuilderform { clear:both; padding-bottom:70px; }
#main .formbuilderform label, #main .formbuilderform input, #main .formbuilderform select { display:inline-block; margin-bottom:5px; }
#main .formbuilderform label { width:120px; float:left; clear:left; }
#main .submit { margin-left: 120px; }
#main .error_message { clear:both; }
#main .error_message ul { margin-bottom:20px; padding-left:15px; }




.jquery-safari-checkbox {display: inline-block; width:14px; height:17px; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(/images/safari-checkbox.png) no-repeat; display:inline-block; width:16px; height:14px; behavior: url("/iepngfix.htc"); }

.jquery-safari-checkbox img{
	background-position: 0px 0px;
	behavior: url("/iepngfix.htc");
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
	behavior: url("/iepngfix.htc");
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
	display: inline-block;
	behavior: url("/iepngfix.htc");
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
	behavior: url("/iepngfix.htc");
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}

#tinymce td { border: 1px dotted black !important }
/* End of 'screen' */

