/*Basic page layout - construction elements*/
/*debugging*/

html
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial,Sans-serif; 
    color: #605f5f;
    font-size: 0.68em;
    line-height: 1.6em;
}
/*div {
	border: 1px solid #000;
	margin: 2px;
	}*/
img
{
    border: 0px;
}
hr
{
    border: 0px;
    border-bottom: 1px solid #ADADAD;
    background: none;
    height: 1px;
}
.clear
{
    /*here for when we need to use it */
    clear: both;
    display: block;
}
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 767px;
/*    min-height: 100%;*/
}
#wrapper
{
    height: auto;
    voice-family: "\"}\"";
    voice-family: inherit;
}
/* CSS1 UAs should see and use 2nd height */
html > body #wrapper
{
    height: auto;
}
/* 
   One more chance for conforming UAs to get it right using a CSS2 selector.
   This is the "be nice to Opera 5" rule, as Opera 5 seems to
   have trouble with the escaped quotes and close brace as well.
   Note the lack of spaces around the '>'.  This is required to avoid other browser bugs. 
   In addition, this rule helps less capable UAs "fix up" their rule parsing,
   which can be derailed by the "\"}\"" value. 
*/

/* Text classes */

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; display: block; margin: 0; margin-bottom: 25px; padding: 0;font-family: Georgia, Times New Roman, Serif; }

h1 { font-size: 2.7em;margin-top:10px; }

h2 { font-size: 1.7em;margin:5px 0 10px 0; }

h3 { font-size: 1.3em;margin-bottom: 5px; }

h2#rname {
	color:#000;	
	font-weight: normal;
	font-size: 1.6em;
	text-transform:uppercase;
}

/* Header panel */
#header-wrapper {
	width: 100%;
	float: left;
    height: 126px;
	background: #fff url("../images/StripeBar.gif") left 90px repeat-x;
}
#header-panel
{
    width: 767px;
    height: 126px;
    margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url("../images/StripeBar.gif") left 90px repeat-x;
}
#header-panel .invisible {
		margin-left: -3000px;	
}
#header-panel #header-left {
	float: left;
	width: 127px;
	height: 127px;
	display: block;
}
#header-panel #header-left #logo {
		width: 126px !important;
		height: 126px !important;
		background: #fff url("../images/RichardBurbidge.png") top left no-repeat;
		float: left;	
}
#header-panel #header-right {
	float: left;
	display: block;
	width: 640px;
	height: 127px;
}
#header-panel #header-right .top {
float: left;
padding-top: 20px;
padding-left: 16px;
height: 46px;
width: 640px;
display: block;
}
#header-panel #header-right .top #header-title {
width: 280px;
float: left;
display: block;
background: #fff url("../images/stairplanner-logo.png") top left no-repeat;
}
#header-panel #header-right .top #header-search-panel {
	width: 326px;
	height: 24px !important;
	float: left;
	display: block;
	border: 1px solid #cacaca;
	padding: 8px 9px 0px 9px;
	background: #fff url("../images/greygrad.jpg") bottom left repeat-x;
	vertical-align:middle;
}
#header-panel #header-right .top #header-search-panel .prev-plan {
	width: 326px;
}
#header-panel #header-right .top #header-search-panel .prev-plan input {
	border: 1px solid #cacaca;
}
#header-panel #header-right .top #header-search-panel .prev-plan .buttons
{
	padding-top: 1px;
	float: right;
   /*padding-top: 5px;*/
}
#header-panel #header-right .top #header-search-panel .prev-plan .buttons input#prev-plan-submit
{
    /* Overridden in IE only CSS */
    height: 16px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 1px;
	border:none;
	background:none;
}
#header-panel #header-right .bottom {
	height: 47px;	
	width: 640px;
	float: left;
}
#header-panel #header-right .bottom ul#header-nav {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	display: block;
	display: inline;
}
#header-panel #header-right .bottom ul li {
	float: left;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: -10000px;	
	overflow:hidden;
	/*background: #fff url("../images/topMenuDivider.gif") bottom right no-repeat;*/
}
#header-panel #header-right .bottom ul li#homelink {
	width: 53px;
	height:24px;
	background: #fff url("../images/home.gif") top right no-repeat;
}
#header-panel #header-right .bottom ul li#homelink a {
	width: 53px;
	height:24px;
	display: block;
}
#header-panel #header-right .bottom ul li#detailslink {
	width: 90px;
	height: 24px;
	background: #fff url("../images/yourdetails.gif") top right no-repeat;	
}
#header-panel #header-right .bottom ul li#detailslink a {
	width: 90px;
	height: 24px;
	display: block;
}
#header-panel #header-right .bottom ul li#resourceslink {
	width: 66px;
	height: 24px;
	background: #fff url("../images/resources.gif") top right no-repeat;	
}
#header-panel #header-right .bottom ul li#resourceslink a {
	width: 66px;
	height: 24px;
	display: block;
}
#header-panel #header-right .bottom ul li#helplink {
	width: 108px;
	height: 24px;
	background: #fff url("../images/gethelporadvice.gif") top right no-repeat;	
}
#header-panel #header-right .bottom ul li#helplink a {
	width: 108px;
	height: 24px;
	display: block;
}



#header-panel .bottom .switch
{
    background: url( "../images/header-btnbar-switch.gif" ) top left no-repeat;
    width: 50px;
    height: 32px;
    float: left;
}
#header-panel .bottom .prev-plan
{
    background: url( "../images/header-btnbar-right-bg.gif" ) top left repeat-x;
    width: 235px;
    height: 32px;
    float: right;
}
#header-panel .bottom .prev-plan img, #header-panel .bottom .prev-plan input
{
    float: left;
}
#header-panel .bottom .prev-plan img
{
    margin-top: 1px;
    margin-right: 1px;
}
#header-panel .bottom .prev-plan input
{
    border: 0;
}
#header-panel .bottom .prev-plan input#prev-plan
{
    width: 86px;
    height: 14px;
    border-top: 1px solid #000000;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px solid #000000;
    margin-top: 5px;
    font-size: 95%;
}
#header-panel .bottom .right
{
    background: url( "../images/header-btnbar-right.gif" ) top left no-repeat;
    width: 23px;
    height: 32px;
    float: right;
}


#bottom-container
{
    width: 767px;
    margin: 0px auto;
    padding: 0;
	float: left;
   /* background-image: url( "../images/bottom-slice.gif" );
    background-repeat: repeat-y;*/
}
#leftSection
{
    width: 191px;
    min-height: 727px;
    margin: 0;
	/*margin-right: 14px;*/
    padding: 0;
    float: left;
/*	border: solid 1px #cacaca;*/
   /* background: url( "../images/left-panel-grad.jpg" ) top left no-repeat;*/
}
/*This is a hack that only IE will see - it is a substitute for the min-height rule that IE stupidly can't see*/
* html #leftSection
{
    height: 727px;
}
#leftSectionTop
{
    height: 11px;
    margin: 0;
    padding: 0;
    /*background-image: url( "../images/left-panel-top.gif" );
    background-repeat: no-repeat;*/
}
#leftSectionMiddle
{
}
#rightSection
{
    width: 566px;
    margin: 0;
	margin-top: 11px;/**/
    padding: 0;
    float: right;
}
#rightSectionTop
{
    /*height: 15px;*/
    margin: 0;
    padding: 0;
   /* background-image: url( "../images/right-panel-top.gif" );*/
    background-repeat: no-repeat;
}
#rightSectionMiddle
{
}

#footer
{
    height: 34px;
	display: block;
    clear: both;
    margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
    padding-top: 20px;
	float: left;
	width: 100%;
	background: #fff url("../images/StripeBar.gif") left top repeat-x;
   /* background: url( "../images/bottom-footer.gif" ) bottom left no-repeat;*/
}
#footer-outer {
	clear: both;
	width:100%;
	padding-top:15px;
}
	#footer-inner {
		width: 767px;
		margin-left:auto;
		margin-right:auto;
	}		
				#footer-links {	
					/*padding-left:15px;*/
						border-left: 1px solid #cacaca;
				}
					ul.footer-links {
						display:block;
						position:relative;
						float:left;
						padding: 0 5px 0 10px;
						margin: 0;
						font-size:80%;
						line-height:150%;
						}
					ul.footer-links-richardburbidge{
						width:108px;
						border-right: 1px solid #cacaca;
					}
					ul.footer-links-productcategories{
						width:115px;
						border-right: 1px solid #cacaca;
					}
					ul.footer-links-professional{
						width:93px;
						border-right: 1px solid #cacaca;
					}
					ul.footer-links-helpandadvice{
						width:98px;
						border-right: 1px solid #cacaca;
					}
					ul.footer-links-legal{
						width:111px;
						border-right: 1px solid #cacaca;
					}
					ul.footer-links-social{
						width:124px;
						height: 87px;	
						border-right: 1px solid #cacaca;
					}
						ul.footer-links li {
							display: block;
							list-style-type: none;
							padding: 3px 0 0 0;
							margin: 0;
						}
						ul.footer-links li.start {
							padding-left: 0;
						}
							ul.footer-links li a{
								font-weight:bold;
								text-decoration:none;
								color:#666666;
							}

					ul.footer-links-social li.twitter a{	
						background: #fff url("../images/twitter.jpg") left top no-repeat;
						padding: 3px 0 9px 28px;
						margin-top: 3px;
						margin-bottom: 4px;
						display: block;
					}
					ul.footer-links-social li.facebook a{	
						background: #fff url("../images/facebook.jpg") left top no-repeat;
						padding: 3px 0 6px 28px;
						display: block;
					}
					
			#footer-copyright {
				margin-top:15px;
				margin-bottom:20px;
				clear: both;
				padding: 5px 0;
				width:100%;
				background-color:#000000;
				color:#ffffff;
			}
			#footer-copyright-inner {
				width: 767px;
				margin-left: auto;
				margin-right: auto;
			}
				.copyright {
					float: left;
				}






/*header buttons*/
#header-panel .bottom .home
{
    width: 59px;
    height: 22px;
    margin-left: 53px;
    background: url( "../images/header-home-button.gif" ) top left no-repeat;
}
#header-panel .bottom .home a
{
    width: 59px;
    height: 22px;
}
#header-panel .bottom .home a:hover
{
    background: url( "../images/header-home-button-over.gif" ) top left no-repeat;
}
#header-panel .bottom .details
{
    width: 99px;
    height: 22px;
    margin-left: 21px;
    background: url( "../images/header-details-button.gif" ) top left no-repeat;
}
#header-panel .bottom .details a
{
    width: 99px;
    height: 22px;
}
#header-panel .bottom .details a:hover
{
    background: url( "../images/header-details-button-over.gif" ) top left no-repeat;
}
#header-panel .bottom .fit-guide
{
    width: 100px;
    height: 22px;
    margin-left: 57px;
    background: url( "../images/header-fitguide-button.gif" ) top left no-repeat;
}
#header-panel .bottom .fit-guide a
{
    width: 100px;
    height: 22px;
}
#header-panel .bottom .fit-guide a:hover
{
    background: url( "../images/header-fitguide-button-over.gif" ) top left no-repeat;
}
#header-panel .bottom .help
{
    width: 128px;
    height: 22px;
    margin-left: 25px;
    background: url( "../images/header-help-button.gif" ) top left no-repeat;
}
#header-panel .bottom .help a
{
    width: 128px;
    height: 22px;
}
#header-panel .bottom .help a:hover
{
    background: url( "../images/header-help-button-over.gif" ) top left no-repeat;
}
#header-panel .bottom .rules
{
    width: 155px;
    height: 22px;
    margin-left: 23px;
    background: url( "../images/header-rules-button.gif" ) top left no-repeat;
}
#header-panel .bottom .rules a
{
    width: 155px;
    height: 22px;
}
#header-panel .bottom .rules a:hover
{
    background: url( "../images/header-rules-button-over.gif" ) top left no-repeat;
}

/*Info panel*/
#info-panel
{
    /*background: url( "../images/infopanel/info-panel-slice.gif" ) top left repeat-y;*/
	border: 1px solid #cacaca;
    min-height: 242px;
    /*padding-left: 16px;*/
    margin: 0;
    color: #666666;
    /*font-size: 0.95em;
    line-height: 145%; /*font-size: 65%;*/
	
}
#info-panel-top
{
    /*background: url( "../images/infopanel/info-panel-top.gif" ) top left no-repeat;*/
    /*height: 8px;
    width: 191px;*/
}
#info-panel-foot
{
    /*background: url( "../images/infopanel/info-panel-bottom.gif" ) top left no-repeat;*/
   /* height: 18px;*/
}
#info-panel img
{
    margin-left: 9px;
}
#info-panel-2 .button a
{
    width: 159px;
    height: 16px;
    display: block;
}
#info-panel-2 .button a:hover
{
    background: #000 url( "../images/infopanel/info-panel-button1-on.gif" ) top left repeat-y;
}
#info-panel-2 p.newpl a:hover
{
    background: #000 url( "../images/selector/selector-on.gif" ) right 3px no-repeat;
	color: #ffeb99;
	text-decoration: underline;
}
#info-panel-2 p.newpl a
{
    width: 166px;
    /*height: 26px;*/
    display: block;
	color:#fff;
    background: #000 url( "../images/selector/selector.gif" ) right 3px no-repeat;
	Font-family: Georgia, "Times New Roman", serif;
	line-height:1.5em;	
	text-decoration: none;
}

#info-panel-2 .newpl
{
    width:169px;
    height: 26px;
    display: block;
    background-color: #000;
    margin: 0;
    padding: 4px 10px;
    height: 16px;
}
#info-panel .line-top
{
    border-top: 1px solid #FFFFFF;
}
#info-panel .line-bottom
{
    border-bottom: 1px solid #FFFFFF;
}
#info-panel-1, #info-panel-2, #info-panel-3
{
	padding-bottom: 10px;
    width: 100%;
}
#info-panel .info-panel-title {
    border-top: 1px solid #cacaca;
	background: #fff url("../images/greygrad.jpg") left 3px repeat-x;
	height: 28px;
	/*margin-bottom: 10px;*/
	/*margin-top: 10px;*/
	padding-top: 8px;
	padding-left: 10px;	
	font-size: 114%;
    color: #6F6F6F;
    font-weight: bold;
    line-height: 90%;
    font-family: Georgia, "Times New Roman", Serif;
	display: block;
}

#info-panel #info-panel-1 .info-panel-title {
	border: none;	
}
#info-panel-1 div, #info-panel-2 div, #info-panel-3 div
{
    /*border-top: 1px dotted #717171;*/
	/*margin-top: 20px;*/
	/*border-bottom: 1px solid #cacaca;*/
}
#info-panel-1 img
{
    margin-top: 3px;
    margin-bottom: 3px;
}
#info-panel-1 p
{
    /*background: url( "../images/infopanel/info-slice.gif" ) top left repeat-y;*/
    margin: 0;
    padding: 0 0 1px 9px;
}
#info-panel-1 .base-bg
{
   /* background: url( "../images/infopanel/info-range-button-bg.gif" ) left top repeat-y;*/
    margin: 0;
    padding: 0;
    border: 0;
}
#info-panel-1 .base-bg p.button #info-p1-arrow
{
    width: 8px;
    height: 15px;
    display: block;
    float: left;
    background-repeat: no-repeat;
}
#info-panel-1 .base-bg p.button .text
{
    display: block;
    float: left;
    width: 150px;
	padding-right: 25px;
	background: url( "../images/info-icon.gif" ) right top no-repeat;
}
#info-panel-1 p.button
{
	width: 166px;
    /*padding-left: 0px;
    padding-bottom: 0;*/
}
#info-panel-1 p.button a
{
	width: 159px;
    display: block;
    color: #666;
    text-decoration: none;
    min-height: 20px;
    /*padding: 0 0 0 9px; /*17px;*/*/
   /* margin-right: 16px;*/
}
/*This is a hack that only IE will see - it is a substitute for the min-height rule that IE stupidly can't see*/
* html #info-panel-1 p.button a
{
    height: 17px;
}
#info-panel-1 p.button a:hover
{
    /*background: url( "../images/infopanel/info-range-button-slice-over.gif" ) left top repeat-y;*/
   /* color: #FFFFFF;*/
}
#info-panel-2 img.title
{
    margin-top: 6px;
    margin-bottom: 3px;
}
#info-panel-2 p
{
    /*background: url( "../images/infopanel/your-ref-slice.gif" ) top left repeat-y;*/
    margin: 0;
    padding: 0 0 1px 9px;
}
#info-panel-2 p.button, #info-panel-2 p.locked
{
   /* background: url( "../images/infopanel/info-panel-button1.gif" ) top left repeat-y;*/
    margin: 0;
    padding: 0;
    width: 159px;
    height: 16px;
    border-bottom: 1px solid #FFFFFF;
}
#info-panel-2 p.locked
{
   /* background: url( "../images/infopanel/info-panel-locked.gif" ) top left repeat-y;*/
}
#info-panel-3 img
{
    margin-top: 6px;
    margin-bottom: 3px;
}
#info-panel-3 p
{
    /*background: url( "../images/infopanel/did-u-no-slice.gif" ) top left repeat-y;*/
    margin: 0;
    padding: 0 0 1px 9px;
}

/*Selector*/
#selector
{
    margin-top: 10px;
    font-size: 0.65em;
	font-family: Georgia, "Times New Roman", serif;
	border: 1px solid #cacaca;
}
#selector #global
{
    width: 189px;
    height: 36px;
    background: url( "../images/selector/global-options.gif" ) left top no-repeat;
}
#selector #global a
{
    display: block;
    width: 189px;
    height: 36px;
    background: url( "../images/selector/global-options.gif" ) left top no-repeat;
}
#selector #global a:hover
{
    background: url( "../images/selector/global-options-over.gif" ) top left no-repeat;
}
#selector #global-on
{
    width: 189px;
    height: 36px;
    background: url( "../images/selector/global-options-on.gif" ) top left no-repeat;
}
#selector #global-off
{
    width: 189px;
    height: 36px;
    background: url( "../images/selector/global-options-off.gif" ) top left no-repeat;
}
#selector #clevels
{
    width: 189px;
    height: 34px;
    padding-left: 79px;
    background: url( "../images/selector/level.gif" ) top left no-repeat;
}
#selector #clevels-off
{
    width: 88px;
    height: 34px;
    padding-left: 79px;
    background: url( "../images/selector/level-off.gif" ) top left no-repeat;
}
#selector #clevels-off div, #selector #clevels div
{
    width: 17px;
    height: 34px;
    float: left;
}
#selector #clevels-off div a, #selector #clevels div a
{
    width: 17px;
    height: 34px;
    display: block;
}
#selector .level1-off {
	background: url("../images/selector/level1-off.gif") top left no-repeat;
}
#selector .level1 {
	background: url("../images/selector/level1.gif") top left no-repeat;
}
#selector .level1-on {
	background: url("../images/selector/level1-on.gif") top left no-repeat;
}
#selector .level1 a:hover {
	background: url("../images/selector/level1-over.gif") top left no-repeat;
}
#selector .level2-off {
	background: url("../images/selector/level2-off.gif") top left no-repeat;
}
#selector .level2 {
	background: url("../images/selector/level2.gif") top left no-repeat;
}
#selector  .level2-on {
	background: url("../images/selector/level2-on.gif") top left no-repeat;
}
#selector .level2 a:hover {
	background: url("../images/selector/level2-over.gif") top left no-repeat;
}
#selector  .level3-off {
	background: url("../images/selector/level3-off.gif") top left no-repeat;
}
#selector .level3 {
	background: url("../images/selector/level3.gif") top left no-repeat;
}
#selector  .level3-on {
	background: url("../images/selector/level3-on.gif") top left no-repeat;
}
#selector .level3 a:hover {
	background: url("../images/selector/level3-over.gif") top left no-repeat;
}
#selector .level4-off {
	background: url("../images/selector/level4-off.gif") top left no-repeat;
}
#selector .level4 {
	background: url("../images/selector/level4.gif") top left no-repeat;
}
#selector .level4-on {
	background: url("../images/selector/level4-on.gif") top left no-repeat;
}
#selector  .level4 a:hover {
	background: url("../images/selector/level4-over.gif") top left no-repeat;
}
#selector  .level5-off {
	background: url("../images/selector/level5-off.gif") top left no-repeat;
}
#selector .level5 {
	background: url("../images/selector/level5.gif") top left no-repeat;
}
#selector  .level5-on {
	background: url("../images/selector/level5-on.gif") top left no-repeat;
}
#selector  .level5 a:hover {
	background: url("../images/selector/level5-over.gif") top left no-repeat;
}


#land-selector a
{
    width: 189px;
    height: 34px;
    display: block;
}
#selector #blanding, #selector #blanding a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/bottom-of-flight.gif" ) top left no-repeat;
}
#selector #blanding a:hover
{
    background: url( "../images/selector/bottom-of-flight-over.gif" ) top left no-repeat;
}
#selector #blanding-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/bottom-of-flight-on.gif" ) top left no-repeat;
}
#selector #blanding-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/bottom-of-flight-off.gif" ) top left no-repeat;
}


#selector #mlanding1, #selector #mlanding1 a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/1middle-landing.gif" ) top left no-repeat;
}
#selector #mlanding1 a:hover
{
    background: url( "../images/selector/1middle-landing-over.gif" ) top left no-repeat;
}
#selector #mlanding1-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/1middle-landing-on.gif" ) top left no-repeat;
}
#selector #mlanding1-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/1middle-landing-off.gif" ) top left no-repeat;
}


#selector #mlanding2, #selector #mlanding2 a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/2middle-landing.gif" ) top left no-repeat;
}
#selector #mlanding2 a:hover
{
    background: url( "../images/selector/2middle-landing-over.gif" ) top left no-repeat;
}
#selector #mlanding2-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/2middle-landing-on.gif" ) top left no-repeat;
}
#selector #mlanding2-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/2middle-landing-off.gif" ) top left no-repeat;
}

#selector #mlanding3, #selector #mlanding3 a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/3middle-landing.gif" ) top left no-repeat;
}
#selector #mlanding3 a:hover
{
    background: url( "../images/selector/3middle-landing-over.gif" ) top left no-repeat;
}
#selector #mlanding3-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/3middle-landing-on.gif" ) top left no-repeat;
}
#selector #mlanding3-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/3middle-landing-off.gif" ) top left no-repeat;
}

#selector #mlanding4, #selector #mlanding4 a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/4middle-landing.gif" ) top left no-repeat;
}
#selector #mlanding4 a:hover
{
    background: url( "../images/selector/4middle-landing-over.gif" ) top left no-repeat;
}
#selector #mlanding4-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/4middle-landing-on.gif" ) top left no-repeat;
}
#selector #mlanding4-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/4middle-landing-off.gif" ) top left no-repeat;
}

#selector #mlanding5, #selector #mlanding5 a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/5middle-landing.gif" ) top left no-repeat;
}
#selector #mlanding5 a:hover
{
    background: url( "../images/selector/5middle-landing-over.gif" ) top left no-repeat;
}
#selector #mlanding5-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/5middle-landing-on.gif" ) top left no-repeat;
}
#selector #mlanding5-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/5middle-landing-off.gif" ) top left no-repeat;
}










#selector #tstairs, #selector #tstairs a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-of-flight.gif" ) top left no-repeat;
}
#selector #tstairs a:hover
{
    background: url( "../images/selector/top-of-flight-over.gif" ) top left no-repeat;
}
#selector #tstairs-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-of-flight-on.gif" ) top left no-repeat;
}
#selector #tstairs-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-of-flight-off.gif" ) top left no-repeat;
}

#selector #tlanding, #selector #tlanding a
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-landing.gif" ) top left no-repeat;
}
#selector #tlanding a:hover
{
    background: url( "../images/selector/top-landing-over.gif" ) top left no-repeat;
}
#selector #tlanding-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-landing-on.gif" ) top left no-repeat;
}
#selector #tlanding-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/top-landing-off.gif" ) top left no-repeat;
}



#selector #elanding1
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing.gif" ) top left no-repeat;
}
#selector #elanding1-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing-on.gif" ) top left no-repeat;
}
#selector #elanding1-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing-off.gif" ) top left no-repeat;
}
#selector #elanding1 a:hover
{
    background: url( "../images/selector/extra-landing-over.gif" ) top left no-repeat;
}

#selector #elanding2
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing2.gif" ) top left no-repeat;
}
#selector #elanding2-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing2-on.gif" ) top left no-repeat;
}
#selector #elanding2-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing2-off.gif" ) top left no-repeat;
}
#selector #elanding2 a:hover
{
    background: url( "../images/selector/extra-landing2-over.gif" ) top left no-repeat;
}

#selector #elanding3
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing3.gif" ) top left no-repeat;
}
#selector #elanding3-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing3-on.gif" ) top left no-repeat;
}
#selector #elanding3-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing3-off.gif" ) top left no-repeat;
}
#selector #elanding3 a:hover
{
    background: url( "../images/selector/extra-landing3-over.gif" ) top left no-repeat;
}

#selector #elanding4
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing4.gif" ) top left no-repeat;
}
#selector #elanding4-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing4-on.gif" ) top left no-repeat;
}
#selector #elanding4-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing4-off.gif" ) top left no-repeat;
}
#selector #elanding4 a:hover
{
    background: url( "../images/selector/extra-landing4-over.gif" ) top left no-repeat;
}

#selector #elanding5
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing5.gif" ) top left no-repeat;
}
#selector #elanding5-on
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing5-on.gif" ) top left no-repeat;
}
#selector #elanding5-off
{
    width: 189px;
    height: 34px;
    background: url( "../images/selector/extra-landing5-off.gif" ) top left no-repeat;
}
#selector #elanding5 a:hover
{
    background: url( "../images/selector/extra-landing5-over.gif" ) top left no-repeat;
}

#selector #psummary
{
    width: 189px;
    height: 37px;
    background: url( "../images/selector/parts-summary.gif" ) top left no-repeat;
}
#selector #psummary-on
{
    width: 189px;
    height: 37px;
    background: url( "../images/selector/parts-summary-on.gif" ) top left no-repeat;
}
#selector #psummary-off
{
    width: 189px;
    height: 37px;
    background: url( "../images/selector/parts-summary-off.gif" ) top left no-repeat;
}
#selector #selector-divider
{
    width: 189px;
    height: 16px;
    /*background: url( "../images/selector/selector-divider.gif" ) top left no-repeat;*/
}
#selector #selector-foot
{
    width: 189px;
    height: 13px;
    /*background: url( "../images/selector/selector-foot.gif" ) top left no-repeat;*/
}



#selector #psummary a:hover
{
    width: 189px;
    height: 37px;
    background: url( "../images/selector/parts-summary-over.gif" ) top left no-repeat;
}


#rightSectionTop
{
    /*padding: 14px 0 0 0px;*/
}

/*Select panel*/
#select-panel
{
    width: 535px;
   /* background: url( "../images/panels/bf-top-slice.gif" ) top left repeat-y;*/
}
#select-panel .top
{
    /*width: 535px;*/
	width: auto;
    height: 40px;
   /* background: url( "../images/panels/bf-top-title.gif" ) top left no-repeat;*/
}
#select-panel .bottom
{
    width: 535px;
    height: 10px;
   /* background: url( "../images/panels/bf-top-bottom.gif" ) bottom left no-repeat;*/
}
#select-panel .content
{
   /* margin: 10px 25px 10px 25px;
    width: auto;*/
    color: #666;
	padding: 10px 23px 10px 20px;
	width: auto;
	border: 1px solid #cacaca;
}
#select-panel .content p
{
    /*font-size: 70%;*/
    line-height: 145%;
    border-bottom: 1px solid #cacaca;
}
#select-panel .content .intro-text
{
    padding-bottom: 10px;
    margin-bottom: 0;
}

/*option panel*/
#option-panel
{
    margin-top: 15px;
    width: 545px;
    /*background: url( "../images/panels/bf-top-slice.gif" ) top left repeat-y;*/
}
#option-panel .top
{
    width: 535px;
    height: 31px;
    /*background: url( "../images/panels/bf-bottom-title.gif" ) top left no-repeat;*/
}
#option-panel .bottom
{
    width: 535px;
    height: 18px;
    /*background: url( "../images/panels/bf-top-bottom.gif" ) bottom left no-repeat;*/
    clear: both;
}
#option-panel .content
{
    /*margin: 10px 15px;*/
    width: 100%;
    color: #666; /*font-size: 70%;*/
    line-height: 145%;
    padding: 10px;	
	border: 1px solid #cacaca;
}
#option-panel .content .intro-text
{
    padding-bottom: 10px;
    margin-bottom: 0;
}
#option-panel .option-image img
{
    position: absolute;
    display: inline;
    margin-left: 20px;
    margin-top: 7px;
}
#option-panel .option-copy .number
{
    float: left;
    background: #000 url("../images/blackgrad.jpg") left top repeat-x;
    color: #fff;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 19px;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    font-family: Georgie, "Times New Roman", Serif;
    font-size: 110%;
    margin-right: 10px;
    margin-bottom: 1px;
}
#option-panel .option-copy .question
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 115%;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-top: 4px;
    float: left;
}
#option-panel .option-copy .indent
{
    padding-left: 14px;
}
#option-panel .option-copy .indent p
{
    margin: 1px 0 1px 0;
    padding: 2px 0 2px 14px;
    line-height: 165%;
    /*background: url( "../images/panels/options-ques-bg.gif" ) top left repeat-y;*/
}
div .option-copy .indent div.option, #option-panel .option-copy .indent p
{
    margin: 1px 0 1px 0;
    padding: 2px 0 2px 14px;
    line-height: 165%;
    /*background: url( "../images/panels/options-ques-bg.gif" ) top left repeat-y;*/
}
#option-panel .option-copy .option img
{
    position: relative;
    top: 2px;
}
#option-panel .dotted
{
   /* border-bottom: 1px dotted #D7D7D7;*/
    clear: both;
}


/*Option 1*/
#option-panel .options
{
    padding-top: 1px;
    border-top: 1px solid #D7D7D7;
}

#option-panel .options .option-copy
{
    float: left;
    width: 340px;
}
#option-panel .options .option-full
{
    float: left;
    width: 455px;
}
#option-panel .options .option-image
{
    float: left;
    width: 140px;
    height: 147px;
    background: url( "../images/panels/options-img-frame.gif" ) top right no-repeat;
    margin-top: 9px;
}
#option-panel #option1
{
    padding-top: 1px;
    border-top: 1px solid #D7D7D7;
}
#option-panel #option1 .option-copy
{
    float: left;
    width: 340px;
}
#option-panel #option1 .option-image
{
    float: left;
    width: 140px;
    height: 147px;
    background: url( "../images/panels/options-img-frame.gif" ) top right no-repeat;
    margin-top: 9px;
}


/*Used to head blocks required for accesibility but not desirable to be displayed to sighted users */
.hide-accessible
{
    display: block;
    height: 1px;
    width: 1px;
    position: absolute;
    left: -1000px;
}

/*PASTED IN FROM FUSION COMMERCIAL ONLINE STYLE.CSS - KPW 30/4/07*/
/*Contains much styling to do with debugging inserted by Noel Walsh*/
#fitting #option-panel #option-go .button, #help #option-panel #option-go .button, #rules #option-panel #option-go .button, #welcome #option-panel #option-go .button
{
    float: right;
    background: url( "../images/panels/your-details-button.gif" ) top right no-repeat;
    width: 158px;
    height: 27px;
}

#fitting #option-panel #option-go .button a, #help #option-panel #option-go .button a, #rules #option-panel #option-go .button a, #welcome #option-panel #option-go .button a
{
    display: block;
    width: 158px;
    height: 27px;
}
#fitting #option-panel #option-go .button a:hover, #help #option-panel #option-go .button a:hover, #rules #option-panel #option-go .button a:hover, #welcome #option-panel #option-go .button a:hover
{
    display: block;
    background: url( "../images/panels/your-details-button-over.gif" ) top right no-repeat;
}


#select-panel #option-go .button
{
    float: right;
    background: url( "../images/panels/goto-middleland-button.gif" ) top left no-repeat;
    width: 158px;
    height: 27px;
}

#select-panel #option-go .button a
{
    display: block;
    width: 158px;
    height: 27px;
}
#select-panel #option-go .button a:hover
{
    display: block;
    background: url( "../images/panels/goto-middleland-button-over.gif" ) top left no-repeat;
}


.nxtbutton
{
    background: url( "../images/panels/next-button.gif" ) top left no-repeat;
    float: right;
    width: 88px;
    height: 22px;
    padding: 0;
    margin: 0;
    margin-top: -1px;
}

a.go-next
{
    display: block;
    width: 88px;
    height: 22px;
    background: url( "../images/panels/next-button.gif" ) top left no-repeat;
}

a.go-next:hover
{
    background: url( "../images/panels/next-button-over.gif" ) top left no-repeat;
}


.errmsg, .err-msg
{
    color: #a52b1d; /*    font-size:80%;*/
    background-color: #E2E2E8;
    text-align: center;
    margin: 3px 0 3px 0;
    padding: 3px;
}

.info-msg
{
    color: blue;
    font-size: 85%;
}

input
{
    border: 1px solid #ccc;
}

input.hover
{
    border: 1px solid #aaa;
}

.t-capture, .t-capture input
{
    font-size: 75%;
}
input.edit
{
    border: 1px solid black;
    background-color: #FFF79E;
}

input.checking1
{
    background: #FFFABE url(check1.gif) no-repeat center right;
    border: 1px solid #666;
}
input.checking2
{
    background: #FFFABE url(check2.gif) no-repeat center right;
    border: 1px solid #888;
}
input.checking3
{
    background: #FEF8B9 url(check3.gif) no-repeat center right;
    border: 1px solid #ddd;
}
.no-bord
{
    border: 0px;
}

/* To check */


table.global-options td
{
    vertical-align: top;
}

table.global-options td div.option, table.scase-options td div.option, table.range-options td div.option
{
    padding: 10px 10px 0 10px;
    height: 180px;
    border-color: #e5e5ff;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFE5;
    background-repeat: repeat-x;
    background-position: left top;
}
table.scase-options td div.option
{
    padding: 10px;
    height: 200px;
}

table.global-options td div.option
{
    height: 160px;
}
td div.option img
{
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
}
td div.option p
{
    margin: 0;
    text-align: left;
    color: #710a00;
    font-weight: bold;
}
td p.opt-desc
{
    margin: 0 0 10px 0;
    text-align: left;
}
td div.option p.link
{
    margin-top: 5px;
}
td div.option p.link a
{
    color: #710a00;
    text-decoration: underline;
}
td div.option p a:hover
{
    text-decoration: none;
}

form
{
    display: inline;
}
/*Flash detection*/
.flash-title
{
    font-weight: bold;
    font-size: 110%;
    color: #cd0000;
    margin-bottom: 8px;
}
.flash-copy
{
    margin-bottom: 8px;
}
.flash-link img
{
    margin-left: 50px;
}
.flash-link a
{
    color: #7C7C7C;
}
.super {
	vertical-align:super;
	font-size:0.5em;
}

/* Tab Panels */
.tab-outer {
	display: block; 
	float: left; 
	height: 31px; 
	margin-right: 2px;
	text-align: center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Serif; 
	font-size: 1em;
	color: #9d8b68;
	height: 31px; 
	background: url("../images/tabs_tab_left.gif") left top no-repeat;	
}
.tab-inner {
	display: block; 
	float:left;
	text-align: center;
	height: 31px;
	font-size: 1em; 
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	background: transparent url("../images/tabs_tab_right.gif") right top no-repeat; 	
}
/*LivePerson*/
div#liveperson td, div#liveperson th {
	border-width: 0px;
	padding: 0;
}