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

body{
	background:url(../images/pageBG.jpg) repeat-x;
}
body#browser{
	background: #ffffff;
}
body,html{
	font-family:Arial, Helvetica, sans-serif;
}	
html,body,div,img,a,p,h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
	border: none;
}
a{	
	color:#663300;
	font-size: 11px;
	text-decoration:none;
	cursor:pointer;
}
p{
	color:#663300;
	font-size: 11px;
}	
html>/**/body a img{
	/**filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;**/
}
html>/**/body a:hover img{
	/**filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;**/
}
h1{
	color: #663300;
	font-size: 14px;
	font-weight: normal;
}
h2{
	color: #663300;
	font-size: 15px;
	font-weight: bold;
}
#contentContain_static h1{
	font-size: 16px;
	padding: 10px 0px 0px 15px;
	font-weight: bold;
}
#contentContain_static p{
	font-size: 12px;
	padding: 10px 15px;
}
.bold{
	font-weight: bold;
}
.small{
	font-size: .9em;
	font-weight: normal;
}
.close{
	float: right;
}
.alignLeft{
	text-align: left;
}
.fr{
	float: right;
}
div.prodformBody a:hover{
	text-decoration: underline;
}
div.prodformBody p{
	color:#000000;
}
.links{
	width: 240px;
	text-align: left;
	padding: 2px 10px;
}
.black{
	color:#000000;
}
#zip{
	width: 60px;
}	
body#sitemap #contentContain h1{
	margin: 10px 0px;
}
body#sitemap #contentContain a{
	display: block;
}
body#sitemap #contentContain a.indent{
	margin-left: 15px;
}
#alertContain{
	width: 600px;
	margin: 10px auto;
	padding: 30px;
	border: #ff3300 3px double;
	text-align: center;
}
#alertContain a, #alertContain a:hover{
	text-decoration: underline;
}
body#browser #browserContact{
	width: 500px;
	margin: 10px auto;
	padding: 10px;
	border: #663300 1px solid;
}
/********************************************************* --- HEADER --- *******/

#headContain{
	width: 912px;
	height: 143px;
	position: relative;
	margin: 0px auto;
	background:url(../images/headBG.png) no-repeat;
}

browser#home #headContain{
	width: 912px;
	height: 113px;
	position: relative;
	margin: 0px auto;
	background: #ffffff;
}

html>/**/body #titleImg a img{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}
#topNavContain{
	position: absolute;
	width: 904px;
	height: 30px;
	left: 0px;
	bottom: 0px;
	padding: 0px 0px 0px 8px;
}
.topNavButton{
	float: left;
	padding: 0px 12px;
}
.topNavButton2{
	float: left;
	padding: 0px 8px 0px 22px;
}
.topNavButton_spacer{
	float: left;
	width: 40px;
	height: 30px;
}

/********************************************************* --- CONTENT --- *******/

#contentContain{
	width: 912px;
	height: 520px;
	margin: 0px auto;
}
#contentContain_static{
	width: 912px;
	margin: 0px auto;
}

/********************************************************* --- CONTENT (HOME) --- *******/

body#home #contentContain{
	background:url(../images/homePageBG.png) center center no-repeat;
}
*html body#home #contentContain{
	background: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homePageBG_ie6.png', sizingMethod='');
}
#homeLeftColumn{
	float: left;
	width: 300px;
	height: 500px;
	text-align: center;
}
#homeCenterColumn{
	float: left;
	width: 312px;
	height: 500px;
	text-align: center;
}
#homeRightColumn{
	float: left;
	width: 300px;
	height: 500px;
	text-align: center;
}
.homeTitle{
	width: 100%;
	margin: 40px 0px 0px 0px;
	text-align: center;
}
.homeSubTitle{
	width: 100%;
	margin: 10px 0px;
	text-align: center;
}
.homeSubTitle a{
	margin: 0px 5px;
	font-weight: bold;
}
.homeSubTitle p{
	text-transform:uppercase;
}

/********************************************************* --- CONTENT (PRODUCTS SECTION) --- *******/

#rightContentContain{
	float: left;
	width: 542px;
	height: 520px;
	position: relative;
}
.featureNav,.productNav{
	width: 540px;
	margin: 0px 1px;
	height: 140px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.featureThumb, .featureDesc, .productThumb, .productDesc{
	text-align: center;
	width: 115px;
}
.featureThumb a, .featureDesc a, .productThumb a, .productDesc a{
	cursor:pointer;
}
.featureThumb, .productThumb{
	height: 101px;
}
.featureDesc, .productDesc{
	height: 29px;
}
.featureSection, .productSection{
	width: 542px;
	height: 365px;
	position: absolute;
	top: 140px;
	border: 0px;
	padding: 15px 0px 0px 0px;
}
.imgLeft{
	float: left;
	width: 235px;
	height: 365px;
	text-align: center;
	padding: 0px 0px 0px 5px

}
.SL_LImg{
	position: absolute;
}
.descRight{
	float: left;
	width:302px;
	height: 365px;
	position: relative;
}
.descRight h1{
	margin: 0px 0px 0px 10px;
}
.descText p{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px;
	color:#000000; 
	font-size: 12px;
}

.descLinks{
	width: 302px;
	text-align:center;
}
.descLinks a img{
	padding: 10px;
}
#descTextContain{
	width: 302px;
	height: 235px;
	position: relative;
}
#descTextContain_nobc{
	width: 302px;
	height: 270px;
	position: relative;
}
#SL_descTextContain{
	width: 302px;
	height: 255px;
	position: relative;
}
.descText{
	position: absolute;
	width: 302px;
	height: 240px;
}
#breadCrumbs{
	width: 302px;
	height: 20px;
	text-align: center;
}
#SL_FeatureLinks{
	position: absolute;
	bottom: 0px;
}
.showText{
	visibility: visible;
}
/********************************************************* --- LEFT NAV (PRODUCTS SECTION) --- *******/

#leftNavContain{
	float: left;
	height: 520px;
	width: 370px;
	position: relative;
	overflow:visible;
}
#leftNav_columnLeft{
	float: left;
	height: 520px;
	width: 200px;
	position: relative;
}
#leftNav_columnRight{
	float: left;
	height: 520px;
	width: 170px;
	position: relative;	
	overflow: visible;
}
*html #leftNav_columnRight{
	width: 167px;
}
#leftNav a .leftNavButtonDiv{
	border-bottom: #d7c9b9 1px solid;
}
html>/**/body ul#leftNav a img, ul#leftNav a{
	/**filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;**/
}
a:hover .leftNavButton{
	background:url(../images/leftNav_BG.png) repeat-y;
}
*html a:hover .leftNavButton{
	background: repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG.png', sizingMethod='scale');
}
.subNavSection{
	width: 200px;
}
.subNavSection li{
	height: 25px;
	width: 165px;
	margin-left: 35px;
}
.subNavSection li a:hover img{
	background:url(../images/leftNav_BG2.png) no-repeat;
}
*html .subNavSection li a:hover img{
	background: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG2.png', sizingMethod='');
}
.subNavSection li a{
	line-height: 25px;
}


/** ARROW IMAGES ON LEFT NAV **/

li.selected{
	background:url(../images/leftNav_BG3.png) no-repeat;
}
*html li.selected{
	background: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG3.png', sizingMethod='');
}

/** ARROW IMAGES ON LEFT SUBNAV **/

.current img{
	background:url(../images/leftNav_BG2.png) no-repeat;
}
*html .current img{
	background: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG2.png', sizingMethod='');
}

/** SUB NAV LEVEL 2 (RIGHT) **/

.leftNav_RightButton{
	width: 165px;
	margin: 0px 0px 0px 5px;
	background: url(../images/leftNav_BG.png) repeat-y;
	font-weight: bold;
}
*html .leftNav_RightButton{
	background: repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG.png', sizingMethod='scale');
}
.leftNav_RightButton a{
	display: block;
	padding: 5px 0px 5px 5px;
}
.leftNav_RightButton a:hover{
	background:url(../images/leftNav_BG4.png) no-repeat left center;
}
*html .leftNav_RightButton a:hover{
	background: no-repeat left center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG4.png', sizingMethod='');
}
.arrow{
	background:url(../images/leftNav_BG4.png) no-repeat left center;
}
*html .arrow{
	background: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftNav_BG4.png', sizingMethod='');
}
/** WHEELCHAIR LIFTS **/
body#WL_commercial #leftNav_subRight{
	position: absolute;
	top: 42px;
}
body#WL_residential #leftNav_subRight{
	position: absolute;
	top: 67px;
}
body#WL_lula #leftNav_subRight{
	position: absolute;
	top: 92px;
}
/** STAIR LIFTS **/
body#SL_viewall #leftNav_subRight{
	position: absolute;
	top: 82px;
}
body#SL_viewall2 #leftNav_subRight{
	position: absolute;
	top: 82px;
}
body#SL_viewall3 #leftNav_subRight{
	position: absolute;
	top: 0px;
}
body#SL_straight #leftNav_subRight{
	position: absolute;
	top: 107px;
}
body#SL_curved #leftNav_subRight{
	position: absolute;
	top: 132px;
}
body#SL_brands #leftNav_subRight{
	position: absolute;
	top: 157px;
}
body#SL_used #leftNav_subRight{
	position: absolute;
	top: 182px;
}
body#SL_rent #leftNav_subRight{
	position: absolute;
	top: 207px;
}
body#SL_renttobuy #leftNav_subRight{
	position: absolute;
	top: 232px;
}
body#SL_outside #leftNav_subRight{
	position: absolute;
	top: 232px;
}
body#SL_highweight #leftNav_subRight{
	position: absolute;
	top: 257px;
}

/** RESIDENCE ELEVATORS **/

body#RE_viewall #leftNav_subRight{
	position: absolute;
	top: 122px;
}
body#RE_cabinteriors #leftNav_subRight{
	position: absolute;
	top: 147px;
}
body#RE_gateselections #leftNav_subRight{
	position: absolute;
	top: 172px;
}
body#RE_configurations #leftNav_subRight{
	position: absolute;
	top: 197px;
}
body#RE_fixtures #leftNav_subRight{
	position: absolute;
	top: 222px;
}
body#RE_machineroomless #leftNav_subRight{
	position: absolute;
	top: 149px;
}
body#RE_customfeatures #leftNav_subRight{
	position: absolute;
	top: 174px;
}

/** LEFT NAV FORM BOX **/

#leftNavFormContain{
	position: absolute;
	left: 0px;
	bottom: 5px;
	width: 198px;
	height: 165px;
	border: #bb935f 1px solid;
	background:url(../images/formBG.png) repeat;
	text-align: center;
}
#leftNavFormContain p{
	padding: 0px 2px;
}
#leftNavFormContain .formTable p{
	margin: 0px 0px 0px 5px;
	padding: 0px;
}


.nameInput{
	width: 120px;
}
.email{
	width: 90px;
}
.phoneInput{
	width: 90px;
}

/********************************************************* --- FOOTER --- *******/

#footerContain{
	width: 912px;
	height: 20px;
	margin: 15px auto 0px auto;
	position: relative;
	text-align:center;
}
#footerContain p{
	font-size: 9px;
}
#footerContain p a{
	font-size: 11px;
	padding: 0px 8px;
}
.copyright{
	margin: 0px 0px 0px 25px;
}


.jcarousel-skin-desc .jcarousel-container {
}

.jcarousel-skin-desc .jcarousel-container-horizontal {
    width: 460px;
	height: 260px;
    padding: 5px 0px 0px 0px;
}



.jcarousel-skin-desc .jcarousel-clip-horizontal {
    width:  302px;
    height: 260px;
}

.jcarousel-skin-desc .jcarousel-item {
    width: 302px;
    height: 220px;
}

.jcarousel-skin-desc .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-desc .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-desc .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-desc .jcarousel-next-horizontal {
    position: absolute;
    top: 225px;
    left: 175px;
    width: 90px;
    height: 20px;
    cursor: pointer;
    background: url(next-horizontal-desc.png) no-repeat;
}
*html .jcarousel-skin-desc .jcarousel-next-horizontal {
	background: url(next-horizontal_ie6.png) no-repeat;
}


.jcarousel-skin-desc .jcarousel-prev-horizontal {
    position: absolute;
    top: 225px;
    left: 40px;
    width: 90px;
    height: 20px;
    cursor: pointer;
    background: transparent no-repeat 0 0;
	background-image:url(prev-horizontal-desc.png) ;
}
*html .jcarousel-skin-desc .jcarousel-prev-horizontal {
	background-image:url(prev-horizontal_ie6.png) ;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-desc .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-desc .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-desc .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-desc .jcarousel-next-disabled-vertical,
.jcarousel-skin-desc .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-desc .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-desc .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-desc .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-desc .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-desc .jcarousel-prev-disabled-vertical,
.jcarousel-skin-desc .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-desc .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/********************************************************* --- FEATURE NAV --- *******/
#featureNavContain{
	width: 912px;
	height: 80px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	border-top: #b38f6b 1px solid;
}
#featuredIn{
	float: left;
	padding: 0px 0px 0px 30px;
}
#featuredIn img{
	padding: 5px 10px;
}
#memberOf{
	float: right;
	padding: 0px 120px;
}
#memberOf img{
	padding: 3px 10px;
}
.memberImgs{
	position: relative;
	left: 100px;
}
.featuredImgs{
	position: relative;
	left: 50px;
}
/********************************************************* --- FORMS --- *******/
#foobar{
	display: none;
}
.boxy-inner meta, .boxy-inner title{
	margin: 0px;
	padding: 0px;
}
#formTable{
	width: 400px;
}
#formTable td{
	height: 30px;
}
#formTable p{
	margin: 0px 10px 0px 0px;
}
.red, .error{
	color:#FF0000;
}
.error{
	padding: 0px 0px 0px 15px;	
	font-size: 10px;
}
.pLibrary{
	position: relative;
}
#photoDrop{
	width: 130px;	
	height: 65px;
	position: absolute;
	bottom: 20px;
	left: 480px;
	text-align: left;
	background:url(../images/leftNav_BG.png) right repeat-y;
}
#photoDrop a{
	font-weight: bold;
	display: block;
	padding: 4px 0px 4px 5px;
}
#photoDrop a:hover{
	background:url(../images/leftNav_BG.png) right repeat-y;
}
ul.jcarousel-skin-tango, ul.jcarousel-skin-tango li{
	display: inline;
	visibility:hidden;
}

/********************************************************* --- VIDEO --- *******/

#aboutUsPlayer{
	display: block;
	width: 512px;
	height: 312px;
	margin: 0px 0px 10px 10px;
}
#popPlayer{
	display: block;
	width: 400px;
	height: 249px;
	float: right;
	clear: both;
	margin: 100px 0px 0px 0px;
}
#productPlayer{
	display: block;
	height: 322px;
	width: 224px;
	margin: 2px;
	padding: 2px;
	background:#ffffff;
	border: #663300 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 
/** -moz-border-radius-topleft and -webkit-border-top-left-radius **/

}

.popPlayer{
	display: block;
	width: 400px;
	height: 449px;
	float: right;
	clear: both;
	margin: 0px 0px 0px 0px;
}

/********************************************************* --- OVERLAY --- *******/

  /* the overlayed element */ 
.overlay { 
     width: 800px;
    /* must be initially hidden */ 
    display:none; 
	padding: 10px;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#ffffff; 
     
    
    border:2px solid #4f1f14; 
     -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 
/** -moz-border-radius-topleft and -webkit-border-top-left-radius **/

    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}