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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body {
	margin-top: 0px;
}

#container {
	width: 588px;
	margin: 0 auto;
}

#content {
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 50px;
	height: 640px;
}

#footer {
	height: 21px;
	width: 588px;
	background-image: url(../images/ftr.gif);
	background-repeat: no-repeat;	
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.smallblacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.procede {
	padding: 3px;
	border: 1px solid #dc9025;
	background-color: #faf4d1;
}

#step1 {
	position: absolute;
	z-index: 6;
	background-color: #FFFFFF;
	width: 503px;
	margin: 0;
	/*height: 650px;*/
	overflow: hidden;
}

#step2 {
	position: absolute;
	z-index: 5;
	width: 503px;
	visibility: hidden;
	background-color: #FFFFFF;
	margin: 0;
	/*height: 500px;*/
	overflow: visible;
}

#step3 {
	position: absolute;
	z-index: 4;
	width: 503px;
	visibility: hidden;
	background-color: #FFFFFF;
	margin: 0;
	/*height: 500px;*/
	overflow: hidden;
}

#step4 {
	position: absolute;
	z-index: 3;
	width: 503px;
	visibility: hidden;
	background-color: #FFFFFF;
	margin: 0;
	/*height: 500px;*/
	overflow: visible;
}

#materialslist {
	position: absolute;
	z-index: 2;
	width: 503px;
	visibility: hidden;
	background-color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	/*border: thin solid #000000;*/
}

#content h1, #content h2 {
	margin: 10px 0 8px 0;
}

#content h1 {
	font-size: 24px;
}

form {
	margin: 0;
}

img#topcuts1,img#topcuts2, img#bottomcuts1,img#bottomcuts2 {
	border-width: 2px;
	border-color:#FFFFFF;
}

#content p {
	margin: 4px 0;
}

#steps ul {
	margin: 0;
	padding: 0;
	}

#steps ul div {
	display: inline;
}

#steps ul li {
	display: inline;
	line-height: 24px;
}

#steps ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 12px;
}

#steps ul li a:hover {
	color: #fae4ca;
}

#navstep1, #navstep2, #navstep3, #navstep4, #navmaterialslist {
	height: 24px;
	padding: 5px 0;
}

#headheightrestriction {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

#navstep2, #navstep3, #navstep4, #navmaterialslist {
	visibility: hidden;
}

.error {
	color:#CC0000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


#mat_list, #screws, #int, #ext, div#interiorexterior {
	visibility: hidden;
}


#interior, #exterior {
	visibility: hidden;
	position: absolute;
}

#finishedstairdiag, #cleatbracketdiag, #exteriorsingletreadimg, #interiorcarpetedimg {
	position: absolute;
	/*visibility: hidden;*/
}

#carp, #int1, #int2, #int3, #int4, #finishedstairdiag img, #cleatbracketdiag img {
	visibility: inherit;
}

/*img#bottomcuts1, img#topcuts1 {
	filter: Alpha(Opacity=50); /*IE*/
/*	-moz-opacity: .5;
	opacity: .5;	
}*/

.input30wide {
	width: 30px;
}

#exteriorsingle {
	visibility: hidden;
	position: absolute;
}

#exteriordouble {
	visibility: hidden;
	position: absolute;
}

#interiorcarpeted {
	visibility: hidden;
	position: absolute;
}

#interiorfinished {
	visibility: hidden;
	position: absolute;
}

#showbutton {
	visibility: hidden;
}

#cover { /* hides content until the 'showbutton' is pressed */
	width: 503px;
	height: 600px;
	display: block;
	position: relative;
	z-index: 3;
	background-color: #FFF;
	visibility: visible;
}

#finishedstairdiag table, #cleatbracketdiag table, #exteriorsingletreadimg img, #interiorcarpetedimg table {
	margin-top: 20px;
}

.infoarrow {
	padding: 0 0 0 15px;
	background-image: url(../images/infoarrow.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}