/*     BODY DECLARATIONS     */
body {
	margin: 20px;
	padding: 0;
	border: 0;
	color: #000;
	font: 1.1em "Times New Roman", "Times New Roman PS", Times, Georgia, serif;
	background-color: #fff;
	/*text-align: center;*/
	min-width: 1030px;}

:link,:visited { text-decoration:none }

a { font-style: italic; }
a:link { color: #03c; }
a:visited { color: #09f; }
a:hover, a:active { color: #fff; background-color: #036; }

h1,h2,h3,h4,h5,h6 {
	color: #036;
	margin: 0px;
	padding: 0px 0px 3px;
	font-size: 1.4em;
	font-weight: bold;}
h1 {
	font-size: 1.5em;
	padding: 0px 0px 2px;
	text-align: center;
}
h3 {padding-bottom: 0px;}

p { margin-top: 3px; }

img {	margin: 0px;	padding: 0px;	border: none;}

.sans {	font-family: Verdana, Arial, Helvetica, sans-serif;}
.brush {	font-family: "Brush Script", Brush, "Times New Roman", "Times New Roman PS", Times, Georgia, serif;}

.white {color: #FFFFFF}
.redtype {color: #CC0000}

.em1 {font-size: 1em}
.point8em {font-size: .8em}
.ninepixels {font-size: 9px; }
.tenpixels {font-size: 10px;}
.quotes {font-size: .7em;}
.tightlinespace {	line-height: 100%;}
.centr {text-align: center;}
.pad {padding-right: 12px;	padding-left: 6px;}
.ragleft {text-align: left;}
.tenpxmargright{margin-right:10px}
.totop {
	display: block;
	padding: 2px 2px 2px 20px;
	border: 1px solid #0066FF;
	background: #d6e3f4 url(../images/ltbluarrowup.gif) no-repeat left center;
}
.floatleft {	clear: left;	float: left;}
/*     End BODY DECLARATIONS     */


/*     header CSS     */
#headwrapper {
	background:   url("../images/head-shadow.gif") no-repeat right top;
	padding-right: 20px;
}
	
#header {
	color: #fff;
	height: 130px;
	padding: 0px;
	position: relative;
	background: #004279 url(../images/head-background-var.gif) 263px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold; }

/*p.breadcrumbs {font-size: .6em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right; }
p.breadcrumbs a:link {color: #cff;
font-weight: bold }
p.breadcrumbs a:visited {color: #cff;
font-weight: bold }
p.breadcrumbs a:hover {color: #03f }
.currentpage {color: #fff }
span.separator {color: #9ff;
font-size: .9em }*/

#breadcrumbs {
	text-align: right;
	margin: 0px 6px 0px 0px;
	padding: 0px;
	font-size: 10px; }

#uppernav {
	position:absolute;
	left:186px;
	top:12px;
	padding: 0 6px;
	margin: 0px;
	z-index: 2;
	text-align: center;
	white-space: nowrap;
}
#uppernav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	white-space: nowrap;
}
#uppernav li { display: inline; white-space: nowrap;} 
#uppernav a {
	float: left;
	width: 6em;
	color: #fff;
	padding: 4px 0px 22px;
	text-decoration: none;
	border-right: 1px #06f solid;
	height: 40px;
	font-size: .84em;
}
#uppernav a.last { border-right: none; }
#uppernav a:hover {background-color: #06f; }

body#galaxy #galaxy a, body#prestige #prestige a, body#star #star a, body#steelfold #steelfold a, body#protech #protech a, body#wallentry #wallentry a, body#lofty #lofty a, body#attic-dek #attic-dek a, body#stairpart #stairpart a {
background: url(../images/highlight.gif) no-repeat left top;}

.uppernavsubhead {font-size: 70%;}

#uppernav #galaxy a {border-top: 3px solid #CC9900; }
#uppernav #prestige a {border-top: 3px #f00 solid; }
#uppernav #star a {border-top: 3px #f60 solid; }
#uppernav #steelfold a {border-top: 3px #fff100 solid; }
#uppernav #steelwood a {border-top: 3px #66CCCC solid; }
#uppernav #protech a {border-top: 3px #0c0 solid; }
#uppernav #wallentry a {border-top: 3px #09f solid; }
#uppernav #lofty a {border-top: 3px #63f solid; }
#uppernav #attic-trac a {border-top: 3px #c0f solid; }
/*#uppernav #attic-dek a {border-top: 3px #c0f solid; }*/
#uppernav #stairpart a {border-top: 3px #999 solid; }

#home {
	position:absolute;
	left:0px;
	top:0px;
	width:193px;
	height:130px;
	background:   url(../images/rainbow-attic-stairs-headlogo.gif) no-repeat -1px;
	z-index: 1;
	border-left: 1px solid #00458F;
}
 #home a {
	display: block;
	color: #fff;
	background-color: #00458f;
	font-size: 10px;
	text-decoration: none;
	height: 12px;
	width: 183px;
	text-align: center;
}
#home a:hover {background-color: #09f; }

#midnav {
	position:absolute;
	left:202px;
	top:82px;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	text-align: center;
	white-space: nowrap;
}
#midnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	white-space: nowrap;
}
#midnav li { display: inline; white-space: nowrap;text-align: center;} 
#midnav a {
	float: left;
	width: 160px;
	color: #fff;
	padding: 5px 0px 0px;
	margin:0px 19px 0px 0px;
	text-decoration: none;
	height: 27px;
	font-size: .84em;
	background: url(../images/midnav_buttons.gif) no-repeat;
}
#midnav #comparison a {background-position:0px -32px;}
#midnav #installation a {background-position:0px -64px;}
#midnav #literature a {background-position:0px -96px;}

#midnav a:hover {color: #036;}
#midnav #service a:hover {background-position:-160px 0px;}
#midnav #comparison a:hover {background-position:-160px -32px;}
#midnav #installation a:hover {background-position:-160px -64px;}
#midnav #literature a:hover {background-position:-160px -96px;}

body#service #service a, body#service #service a:hover {color: #fff;background: url(../images/midnav_buttons.gif) no-repeat -320px 0px;}
body#comparison #comparison a, body#comparison #comparison a:hover {color: #fff;background: url(../images/midnav_buttons.gif) no-repeat -320px -32px;}
body#installation #installation a, body#installation #installation a:hover {color: #fff;background: url(../images/midnav_buttons.gif) no-repeat -320px -64px;}
body#literature #literature a, body#literature #literature a:hover {color: #fff;background: url(../images/midnav_buttons.gif) no-repeat -320px -96px;}

#lowernav {
	position:absolute;
	left:184px;
	top:113px;
	font-size: 0.65em;}
#lowernav ul {
	padding: 0 0 0 1.1em; 
	margin: 0; 
	list-style-type: none; 
	white-space: nowrap;
	float: left; 
	width: 100%; }
#lowernav li { display: inline; } 
#lowernav a {
	float: left;
	color: #fff;
	height:15px;
	/*font-size: 1.5em;*/
	text-decoration: none;
	padding: 2px .4em 0 .4em;
	margin: 0px 2px 0px 2px;}
#lowernav a:hover {background-color: #09f; }

body#calendar #calendar a, body#reviews #reviews a, body#application #application a, body#links #links a, body#map #map a , body#drawings #drawings a, body#dealers #dealers a {
background: url(../images/highlight.gif) no-repeat 0px -7px;}
/*     END header CSS     */

/*     products CSS     */
.blueko {
	display: block;
	margin-right: 12px;
	margin-left: 12px;
	padding: 6px 0 6px 0;
	margin-top: 8px;
	color: #66CCFF;
	background-color: #004691;
	text-align: center;
	font-size: 12px;
}

div#productcontainer {}
	
#imgheader {
	background: #6cf;
	width: 184px;
	height: 50px;
	float: left;
	display:inline;}

.pagetitle{height:40px; text-align: center; margin-right:204px;}

#pagetitle {
	float: left;
	display:inline;
	height: 50px;
	padding-left: 6px;}
	
#description {
	padding: 0;
	margin: 0;
	width: 455px;
	height: 363px;
	text-align: left; 
	font: 12px verdana, arial, helvetica, sans-serif;}
	
#sidebar {
	position: absolute;
	padding:12px 6px;
	left: 490px;
	top:203px;
	width: 150px;
	border-top: medium solid #06c;
	border-bottom: medium solid #06c;
	background-color: #b3e6ff;}	
#sidebar ul{margin-top:0;}
#innersidebar {margin: 10px 5px;}

#a, #a1, #a2, #b, #b1, #b2, #c, #c1, #c2, #d, #d1, #d2, #e, #e1, #e2, #f, #f1, #f2, #g, #g1, #g2, #h, #h1, #h2 {float: left; height: 15px; margin: 0px; padding: 0px;}
#a1, #b1, #c1, #d1, #e1, #f1, #g1, #h1 {border-bottom:1px solid red}
#a2, #b2, #c2, #d2, #e2, #f2, #g2, #h2 {color: #000; padding-top: 5px; width:250px; margin-left: 2px;}

#chart {
	padding: 0;
	float: left;
	display:inline;
	clear: left;
	width: 95%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

table {
	margin:0;
	border-top:1px solid #8ac;
	border-left:1px solid #8ac;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .55em;
	text-align: center;
	width: 95%;
      }
    th, td {
      border-right:1px solid #8ac;
      border-bottom:1px solid #8ac;
      padding:2px;
      text-align:center;
      vertical-align:bottom;
	  white-space: nowrap;
      }
    th {
	background-color: #660099;
	color:#fff;
	padding: 3px 0px;
 }

.diagdesc {
	font-size: 1.8em;
	text-align: left;
	vertical-align: top;
	white-space: normal;}

.bold {font-weight: bold;}
.italic {font-style: italic;}

.whitetbl {color:#000;background-color: #fff;}
.yellow {color:#000;background-color: #ff0;}
.orange {color: #fff;background-color: #f60;}
.blue {color: #fff;background-color: #33c;}
.green {	color: #fff;background-color: #090;}
.red {color: #fff;background-color: #c00;}
.graytbl {color: #fff;background-color: #666;}
.turq {color: #fff;background-color: #00539c;}

.innertable {padding: 0px;margin: 0px;	width: 100%;}

.caption {
	text-align: center;
	padding: 0;
	margin: 0 27px 0 0;
	float: right;
	display:inline;
	width: 158px;
	height: 20px;
	font-size: .8em;
	font-weight: normal;}
	
#productcontent {margin-right: 204px;}

.photorightcol {
	padding: 1px 4px 8px;
	margin: 0 27px 0px 0;
	float: right;
	display:inline;
	width:158px;
	height: 158px;
	line-height: 20px;
	border:none;background: no-repeat;}
	
#galaxycontent {
	margin-right: 210px; padding-bottom: 50px;
	background:   url("../images/galaxy-attic-stairs.gif") no-repeat 0px 50px; }

#prestigecontent {
	margin-right: 210px; padding-bottom: 50px;
	background:   url("../images/prestige-attic-stairs.gif") no-repeat 0px 50px; }

#starcontent {
	margin-right: 210px; padding-bottom: 50px;
	background:   url("../images/star-attic-stairs.jpg") no-repeat 0px 50px; }

#steelfoldcontent {
	margin-right: 210px; padding-bottom: 50px;
	background:   url("../images/steelfold-attic-stairs.jpg") no-repeat 0px 50px; }

#protechcontent {
	margin-right: 210px; padding-bottom: 50px;
	background:   url("../images/protech-attic-stairs.jpg") no-repeat 0px 50px; }

#wallaccesscontent {
	margin-right: 210px; padding-bottom: 114px;
	background:   url("../images/wallaccess-attic-stairs.jpg") no-repeat 0px 50px; }

#loftycontent {
	margin-right: 210px; padding-bottom: 114px;
	background:   url("../images/lofty-attic-stairs.jpg") no-repeat 0px 50px; }

#prestigephoto1,#prestigephoto2,#prestigephoto3,#starphoto1,#starphoto2,#starphoto3,#steelfoldphoto1,#steelfoldphoto2,#steelfoldphoto3,#protechphoto1,#protechphoto2,#protechphoto3,#wallaccessphoto1,#wallaccessphoto2,#wallaccessphoto3,#loftyphoto1,#loftyphoto2,#loftyphoto3 {
	padding: 1px 4px 8px;
	margin: 0 27px 0px 0;
	float: right;
	display:inline;
	width:158px;
	height: 158px;
	line-height: 20px;
	border:none;}
#prestigephoto1 { background:   url("../images/prestige-detail1.jpg") no-repeat; }
#prestigephoto2 { background:   url("../images/prestige-detail2.jpg") no-repeat; }
#prestigephoto3 { background:   url("../images/prestige-detail3.jpg") no-repeat; }
#starphoto1 { background:   url("../images/star-detail1.jpg") no-repeat; }
#starphoto2 { background:   url("../images/star-detail2.jpg") no-repeat; }
#starphoto3 { background:   url("../images/star-detail3.jpg") no-repeat; }
#steelfoldphoto1 { background:   url("../images/steelfold-detail1.jpg") no-repeat; }
#steelfoldphoto2 { background:   url("../images/steelfold-detail2.jpg") no-repeat; }
#steelfoldphoto3 { background:   url("../images/steelfold-detail3.jpg") no-repeat; }
#protechphoto1 { background:   url("../images/protech-detail1.jpg") no-repeat; }
#protechphoto2 { background:   url("../images/protech-detail2.jpg") no-repeat; }
#protechphoto3 { background:   url("../images/protech-detail3.jpg") no-repeat; }
#wallaccessphoto1 { background:   url("../images/wallaccess-detail1.jpg") no-repeat; height: 219px; }
#wallaccessphoto2 { background:   url("../images/wallaccess-detail2.jpg") no-repeat; height: 219px; }
#wallaccessphoto3 { background:   url("../images/wallaccess-detail3.jpg") no-repeat; height: 219px; }
#loftyphoto1 { background:   url("../images/lofty-detail1.jpg") no-repeat; }
#loftyphoto2 { background:   url("../images/lofty-detail2.jpg") no-repeat; }
#loftyphoto3 { background:   url("../images/lofty-detail3.jpg") no-repeat; }
/*    End  products CSS     */


/*     content CSS     */
div#outercontainer {
	background:   url("../images/leftcolBG.gif") repeat-y;
	text-align: left;
}

div#outercontainerpgs {
	text-align: left; }
	
div#girl {
	position:absolute;
	left:20px;
	top:150px;
	width:251px;
	height:361px;
	background-image:  url("../images/attic-pull-down-stairs.gif");
	background-repeat: no-repeat;
	z-index: 2;
}

div#innercontainer {
	background:   url("../images/rightcolBG-var.gif") repeat-y right top; }
		
div#infocontainer {
	background:   url("../images/right-shadow.gif") repeat-y right top; }
	
div#infoinner {
	background: url(../images/header-logo-shadow.gif) no-repeat left top;
	width: 90%;}
		
div#leftcolumn {
	width: 193px;
	position: absolute;
	left: 20px;
}
	
#bumper1 {float: left; height: 115px; width: 1px; margin:0;}
#bumper2 {clear: left; float: left; height: 15px; width: 40px; margin:0;}	
#bumper3 {clear: left; float: left; height: 209px; width: 48px; margin:0;}	

#seal {
	font: italic bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	background:   url("../images/seal.gif") no-repeat 3px;
	text-align: center;
	vertical-align: 10px;
	height: 99px;
	width: 101px;
	color: #330;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	/*float: left;*/}
#logos {
	background:   url("../images/logos.gif") no-repeat;
	height: 75px;
	width: 78px;
	/*float: left;*/
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 22px;*/ }

#content {
	margin-left: 190px;
	margin-right: 198px;
	line-height: 140%;
	font-size: .9em;
	padding-right: 6px;
	padding-left: 6px;
}

.innercontent {padding: 15px;}

#content blockquote {margin-left: 48px;}
		
div#rightcolumn {
	float: right;
	display:inline;
	width: 175px;
	margin: 0;
	/*padding: 0px 14px 0px px;*/
	color: #fff;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	background:   url("../images/top-right.gif") no-repeat left top; }
	
#rightcolumn img {	margin: 8px 8px 0px 0px;}

#findadealer,#redbox,#news,#stairinfo,#features,.goldbox {
	position:relative;
	text-align: center;
	padding: 6px;
	margin: 0 27px 12px 0;
	float: right;
	display:inline;
	width:150px;} 

#findadealer {
	background: #FFF100 url(../images/click-here-blu.gif) no-repeat center bottom;
	border-top: 2px solid #FFFFCC;
	border-right: 2px solid #999900;
	border-bottom: 2px solid #999900;
	border-left: 2px solid #FFFFCC;}
#findadealer a:link, #findadealer a:visited {
	display: block;
	color: #00226A;
	border: 2px solid #00226A;
	padding: 2px; }
#findadealer a:hover, #findadealer a:active {
	background-color: #fff; 
	border-top: 2px solid #990;
	border-right: 2px solid #ffc;
	border-bottom: 2px solid #ffc;
	border-left: 2px solid #990;}
	
.borderbox {border: 2px solid #FFFFFF;
	padding: 2px;}	

#redbox {
	background: #CC0000 url(../images/click-here-wht.gif) no-repeat center bottom;
	border: 1px solid #f00;	/*border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	border-left: 2px solid #f66;*/
	}
#redbox a:link, #redbox a:visited {
	display: block;
	color: #fff;
	border: 2px solid #FFFFFF;
	padding: 2px; }
#redbox a:hover, #redbox a:active {
	color: #f00;
	background-color: #fff; 
	border-top: 2px solid #900;
	border-right: 2px solid #f66;
	border-bottom: 2px solid #f66;
	border-left: 2px solid #900;}

.goldbox {
	background: #e69900 url(../images/click-here-wht.gif) no-repeat center bottom;
	border: 1px solid #FFFF00;	/*border-right: 2px solid #664d00;
	border-bottom: 2px solid #664d00;
	border-left: 2px solid #fc0;*/
	}
.goldbox a:link, .goldbox a:visited {
	display: block;
	color: #fff;
	border: 2px solid #FFFFFF;
	padding: 2px; }
.goldbox a:hover, .goldbox a:active {
	color: #e69900;
	background-color: #fff; 
	border-top: 2px solid #664d00;
	border-right: 2px solid #fc0;
	border-bottom: 2px solid #fc0;
	border-left: 2px solid #664d00;}

#news {
	background: #090;
	border: 1px solid #3c3;
	/*border-right: 1px solid #060;
	border-bottom: 1px solid #060;
	border-left: 1px solid #3c3;*/
	}
	
#news a:link, #news a:visited {
	display: block;
	color: #fff;
	border: 2px solid #FFFFFF;
	padding: 2px;
	background: #060;
	text-decoration: none;
}

#news a:hover {
	color: #060;
	background-color: #fff; 
	border-top: 2px solid #060;
	border-right: 2px solid #3c3;
	border-bottom: 2px solid #3c3;
	border-left: 2px solid #060;}

#stairinfo,#bluebox {
	background: #09f url(../images/click-here-wht.gif) no-repeat center bottom;
	border: 1px solid #0cf;
	/*border-right: 2px solid #06f;
	border-bottom: 2px solid #06f;
	border-left: 2px solid #0cf;*/
	}
#stairinfo a:link, #stairinfo a:visited, #bluebox a:link, #bluebox a:visited {
	display: block;
	color: #fff; 
	border: 2px solid #FFFFFF; 
	padding-bottom: 2px; }
#stairinfo a:hover, #stairinfo a:active, #bluebox a:hover, #bluebox a:active {
	color: #09f;
	background-color: #fff; 
	border-top: 2px solid #06f;
	border-right: 2px solid #0cf;
	border-bottom: 2px solid #0cf;
	border-left: 2px solid #06f;}
	
#bluebox {
	text-align: center;
	padding: 6px;
	margin-right: 12px;
	margin-left: 9px;
	/*float: right;*/
	display:block;
	width:152px;
	color: #fff;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	/*border-right: 2px solid #004db3;
	border-bottom: 2px solid #004db3;*/
} 
#bluebox a:link, #bluebox a:visited {
	padding-top: 2px; }

#features {
	background: #ff0 url(../images/click-here-wht.gif) no-repeat center bottom;
	text-align: left;
	font: normal .9em/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px 4px 8px;
	width:158px;} 

#features ul {
	padding-top: 3px;
	padding-bottom: 3px;}
	
.justify {
	font: .8em normal Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 3px;
	padding: 3px 6px;}
	
#cleardiv {clear: both; height: 1em; }
/*    End  content CSS     */



/*     footer CSS     */
#footer {
	background:   url("../images/footer-bg-repeat.gif") repeat-x;
	clear: both;
	padding: 0em;
	margin: 0em;
	font-size: .73em;
	width: 100%;
	line-height: 150%; }
	
#footershadow {
	margin: 0px;
	padding: 0px;
	background:   url("../images/footer-bg.gif") no-repeat right top;
	height: 11px;
}
		
#footershadow span {
	margin: 0px;
	padding: 0px;
	background: url(../images/footer-bg-left.gif) no-repeat left top;
	display:block;
	left: 0;
	height: 11px;
	width:195px;
	z-index:2;
}
		
#footer ul {
	padding: 0;
	margin: 0;
	text-align: center;
	list-style-type: none;
}
		
#footer li {
	display: inline;
	margin-right: 2px;
	margin-left: 2px; }

#nav_footer {
	margin-top: 6px;
	top: 0px;
	text-align: center;
	width: 100%;
	left: 0px;
	padding: 0px;
	margin-left: 0px;
}
#nav_footer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	left: 0px; }
#nav_footer ul li {
	display: inline; }

#legal {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

/*     END footer CSS     */
.KT_field_error, #KT_tngerror{
	color: #CC0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}