/* default styles */
body { padding: 5px 0 0 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(images/bg.gif) repeat-x; color: #454545; }
a { color: #447537; background: inherit; }
a:hover { color: #73d23f; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; margin: 0; }
h2 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; margin: 0; }
h3 { font: bold 30px Arial, Sans-Serif; padding: 5px 0 0 0; margin: 0; letter-spacing: -2px; }
h3 a { text-decoration: none; color: #000; }
h4 { margin: 0; padding: 0; font: bold 1.3em Arial, Sans-Serif; letter-spacing: -1px; }
h5 { margin: 0; padding: 0; font: 18px Arial, Sans-Serif; }
h6 { font: bold 36px Arial, Sans-Serif; padding: 5px 0 0 0; margin: 0; letter-spacing: -1px; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
.displaynone {display:none;}

/* layout */
#content { margin: 10px auto; width: 960px; }
#logo { margin: 0 0 10px 0; width: 20%;}
#slogan { font-size: 12px; margin: 0 0 15px 2px; padding: 0; color: #808080; background: #fff; line-height:5px; letter-spacing: 2px; }
#top_info { line-height: 20px; float: right; color: #808080; background: #fff; margin: 4px 5px 0 0; text-align: right; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover{
		background: #b5ec47 url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #b2eb40 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 22px;
	}

	#tablist .key { text-decoration: underline; }

/* main menu search */
.phone {
	font-size: 26px;
	font-weight: bold;
	padding-top: 15px;
	color:#4d4d4d;
	text-align: right;
}
#cart {
	float: right;
	text-align: center;
	height: 19px;
	width: 180px;
	padding: 3px;
	background: #94b5b8 url(images/corner.gif) no-repeat top right;
	font-size: 11px;
}
#cart a {
	text-decoration: none;
	color: #ffffff;
	background: none;
}
#cart:hover {
	background: #b5ec47 url(images/corner.gif) no-repeat top right;
}
#cart b {
	color: #000000;
}
/* left side */
#map { 
	float: right;
	border: 1px solid #ccc;
}
#spleft {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}
#left {
	float: left;
	width: 960px;
	margin: 0 0 10px 0;
}
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
    border:1px solid #666; 
     
    /* 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 */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}
	.stairproduct1  {
		border: 2px solid #ccc;
		padding: 20px;	
		float: left;
		width: 260px;
		height: 370px;
		margin: 8px;
		font-size: 15px;
	}
	.stairprodfittings  {
		border: 1px solid #ccc;
		padding: 20px;	
		float: left;
		width: 900px;
		height: 80px;
		margin: 9px;
		font-size: 15px;
	}
	.stairproduct1 h6 {
		color: #f1f1f1;
		height: 270px;
	}
	.stairproduct1 h5 {
		height: 75px;
	}
	.stairprodlower {
		text-align: right;
		color:#d53939;
		font-weight: bold;
	}
	.stairprodlower a {
		text-align: right;
		font-weight: bold;
		text-decoration: none;
	}
	#shopcontent {
		width: 720px;
		height: inherit;
		float: left;
	}
	#shopsidebar {
		float: left;
		width: 236px;
		border: 1px dashed #c9c9c9;
	}
	.stairplan1 {
		border: 2px solid #c3cfd0;
		padding: 5px;	
		float: left;
		width: 290px;
		height: 350px;
		margin: 8px 8px 20px 8px;
		font-size: 10px;
		text-align: right;
	}
	.stairplan1 h4 {
		color: #000000;
		font-size: 18px;
		height: 320px;
		text-align: center;
	}
	.stairplan1 a {
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		float: right;
		background: none;
	}
	.stairplan {
		border: 2px solid #c3cfd0;
		padding: 5px;	
		float: left;
		width: 210px;
		height: 220px;
		margin: 8px;
		font-size: 10px;
		text-align: right;
	}
	.stairplan h4 {
		color: #000000;
		font-size: 18px;
		height: 190px;
		text-align: center;
	}
	.stairplan a {
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		float: right;
		background: none;
	}
	.stairplan p {
		margin: 2px;
	}
	.stairplan select {
		width: 120px;
		height: 19px;
		font-size: 11px;
	}
	.breakline {
		border-top: 2px dashed #CECECE;
		width: 100%;
		padding-bottom: 5px;
	}
		
	}
	#fc_cart {
		text-align: center;
		padding: 10px;
		font-size: 12px;
		border-bottom: 1px dashed #c9c9c9;
	}
	#fc_cart a {
		font-size:15px;
		text-decoration:none;
	}
	.fc_cart {
		width: 100%;
		border-width: 1px;
		border-spacing: 0px;
		border-style: solid;
		border-color: gray;
		border-collapse: collapse;
	}
	.fc_cart th {
		border-width: 1px;
		padding: 1px;
		border-style: solid;
		border-color: gray;
	}
	.fc_cart td {
		border-width: 1px;
		padding: 1px;
		border-style: dashed;
		border-color: gray;
		padding-left: 3px;
	}
	.stairproduct2  {
		border: 1px solid #c3cfd0;
		padding: 30px;	
		float: left;
		width: 160px;
		height: 260px;
		margin: 9px;
		font-size: 15px;
	}
	.stairproduct3  {
		border: 1px solid #c3cfd0;
		padding: 20px 0 0 30px;	
		float: left;
		width: 670px;
		height: 170px;
		margin: 0 0 9px 9px;
		font-size: 15px;
	}
	.stairprod3left  {
		width: 340px;
		height: 170px;
		float: left;
	}
	.stairprod4left  {
		width: 290px;
		height: 170px;
		float: left;
	}
	.stairprod5left  {
		width: 185px;
		height: 145px;
		float: left;
	}
	.stairprod5left_lower  {
		margin-right: 25px;
	}
	.stairproduct4  {
		padding: 0px 15px 0 0;	
		float: left;
		width: 585px;
		height: 170px;
		margin: 0 0 8px 8px;
		color: #ffffff;
		text-align: right;
	}
	.designbutton {
		font: bold 25px Arial, Sans-Serif; padding: 5px 0 0 0; margin: 0; letter-spacing: -1px; 
	}
	.designbutton a {
		text-decoration: none;
		color: #e0e0e0;
	}
	.designbutton a:hover {
		text-decoration: none;
		color: #73d23f;
	}
	.spacer  {
		height: 125px;
	}
	.stairproduct2 h4 {
		color: #000000;
		height: 110px;
		text-align: center;
	}
	.stairproduct2 li {
		font-size: 12px;
		line-height: 12px;
	}
	.nextday1 {
		height: 30px;
	}
	.nextday {
		display: none;
		font-size: 10px;
		padding-top: 8px;
		padding-left: 30px;
		background: url(images/nextday.gif) no-repeat;
	}
	.stairprod_instair {
		font-size: 14px;
		height: 22px;
		text-align: right;
		margin-right: -15px;
	}
	.stairprodprice {
		font-size: 10px;
		height: 12px;
		color:#fffff;
	}
	.stairprodcode {
		font-size: 10px;
		height: 12px;
		color:#fffff;
	}
	.productCode {
		font-size: 10px;
		text-align: center;
		height: 12px;
		color:#d53939;
	}
	.productPrice {
		font-size: 10px;
		text-align: center;
		height: 11px;
		color:#d53939;
	}
	.spindlecalc {
		padding: 5px;	
		float: left;
		width: 202px;
		height: 185px;
		margin: 12px;
		font-size: 11px;
	}
	.spindlecalc h4 {
		font-size: 20px;
		color: #000000;
		height: 100px;
		text-align: center;
	}
	.partsadv {
		padding-top: 10px;
		float: left;
		font-size: 18px;
		height: 140px;
		width: 236px;
		text-align: center;
	}
	.partsadv h4 {
		font-size: 20px;
		height: 50px;
	}
	.partsadv a {
		text-decoration:none;
	}
	#spindleCalcRequired {
		color: #d53939;
		font-weight: bold;
	}
	.arrow
	{
		font-weight: bold;
		padding-left: 10px;
		background: url(images/arw.gif) no-repeat 0 3px;
	}
	.topcontent2 {
		margin: 0 0 10px 0;
		border: 1px solid #ccc;
		background: #c3cfd0;
	}
	.navstairs {
		background: url(images/spacesavernav.gif) no-repeat;
		width: 309px;
		height: 420px;
		float: left;
		margin-right: 10px;
	}
	.navspacesaver {
		background: url(images/spacesavernav.gif) no-repeat;
		width: 289px;
		height: 310px;
		float: left;
		margin-right: 20px;
		padding: 90px 10px 10px 10px;
	}
	.navspacesaver h1 {
		height: 40px;
		font-size: 30px;
		font-style: italic;
		letter-spacing: -2px;
		color: #736f6e;
	}
	.navstairparts {
		background: url(images/spacesavernav.gif) no-repeat;
		width: 309px;
		height: 420px;
		float: left;
	}
	.stairbuilder {
		margin: 0 0 0 10px;
		border: 2px solid #ccc;
	}
	.partimage {
		height: 50px;
		background: #FFFFFF;
		margin-top: 10px;
	} 

	.gallerytopcontent {
		margin: 0 0 10px 0;
		height: 1830px;
		border: 1px solid #ccc;
		background: #C3CFD0;
	}
	.topcontent {
		margin: 0 0 10px 0;
		height: 430px;
		border: 1px solid #FFFFFF;
	}
	.background {
	z-index: -1;
	position:absolute;
	height: 430px;
	width: 960px;
	overflow: hidden;
	}
	.ideabackground {
	z-index: -1;
	position:absolute;
	height: 170px;
	width: 700px;
	overflow: hidden;
	}
	.contentbox {
		padding: 27px;
		margin-top: 37px;
		margin-bottom: 37px;
		background-color: #FFF;
		filter:alpha(opacity=65); /*stupid ie*/
		opacity:0.65; 
	} 
	.contentbox p {
		color:#000000;
		font-size: 22px;
		line-height: 35px;
	} 
	.contentbox2 {
		padding: 5px;
		margin: 10px;
		background-color: #FFF;
		display: block;
		filter:alpha(opacity=90); /*stupid ie*/
		opacity:0.90; 
	}
	.pagetitle {
		font: bold 22px Arial, Sans-Serif; padding: 5px 0 0 0; margin: 0; letter-spacing: -1px;
	}
	.callhelp {
		font: bold 20px Arial, Sans-Serif; text-align: center;
	}
	.contentbox2 p {
		font-size: 14px;
	} 	
	.galleryscroll {
		padding-left: 99px;
		width: 960px;
		height: 120px;
	} 
	.boldtext {
		color:#d53939;
		font-weight: bold;
	}
	 #scrollup {
		position: relative;
		overflow: hidden;
		height: 40px;
		width: 940px;
		padding-bottom: 10px;
		padding-top: 10px;
	 }

	 .scrollUp {
		position: relative;
		overflow: hidden;
		height: 40px;
		width: 940px;
		padding-bottom: 10px;
		padding-top: 10px;
	 }

	 .headline {
	   position: absolute;
	   top: 180px;
	   left: 5px;
	   font-family: Georgia;
	   font-style: italic;
	   text-align: left;
	   font-size: 12px;
	   height: 35px;
	   width:930px;
	 }
	.bottom_articles  {
		border: 1px solid #ccc;
		padding: 8px;	
		float: left;
		width: 288px;
		height: 120px;
		margin: 0 7px 15px 7px;
		background: #eee;
		color: #454545;
	}
	.faq_articles  {
		border: 1px solid #ccc;
		padding: 8px;	
		float: left;
		width: 288px;
		height: 120px;
		margin: 0 7px 15px 7px;
		background: #eee;
		color: #454545;
	}
	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}
	.date { 
		font-size: .9em; 
		padding: 0 0 0 12px; 
		background: #fff url(images/news.gif) no-repeat center left; 
		color: #808080; }
	.bigimage {
		float: left;
		clear: left;
		border: 1px solid #ccc;
		background: #eee;
		color: #000;
		width: 200px;
		height: 150px;
		margin: 0 15px 10px 0;
	}
	.begin_box {
		background-color: #FFF;
		filter:alpha(opacity=90); /*stupid ie*/
		opacity:0.9; 
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 7px 15px 5px 0px;
		text-align: right;
		font-size: 30px;
		letter-spacing: -1px;
	}
	.begin_box a {
		text-decoration: none;
		color:#000000;	
	}
	.begin_box a:hover {
		text-decoration: none;
		color:#35d909;	
	}
	.thirdscont {
		float: left;
	}
	.thirds {
		float: left;
		width: 210px;
		padding: 0 10px 0 15px;
	}		
	.spthirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}	
	.dload { 
		text-decoration: none;
		color: #000000;
		font: 14px Arial, Sans-Serif; 
		}
	.dload a { 
		text-decoration: none;
		color: #000000;
		font: 14px Arial, Sans-Serif; 
		}
/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
	.right_articles  {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;

	}
	.right_articles a {
		text-decoration: none;
	}
	.right_articles_lower {
		text-align: right;
		font-size: 10px
	}
	.blog_articles  {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 25px 0;
		background: #eee;
		color: #454545;
		float: left;
	}
	.blog_articles a {
		text-decoration: none;
	}
	.blog_articles_lower {
		text-align: right;
		font-size: 10px
	}
	.blogfeed  {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 25px 0;
		width: 940px;
		color: #454545;
		float: left;
	}
	.image { 
		float: left; 
		margin: 0 9px 3px 0; 
	}
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 5px 10px 5px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/secure.gif) no-repeat center left;
		color: #454545;
		text-align: right;
		line-height: 10px;
	}
/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 0px 15px;
	border-top: 1px solid #ccc;
}
#footer a {
	text-decoration: none;
}
	#footer .right { float: right; }
	
	
	#popOutCart {
	background-color: #ffffff;
	border-style:solid;
	border-width:10px;
	border-color:rgba(82, 82, 82, 0.698);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	z-index:10;
}
#popOut {
	background-color: #ffffff;
	border-style:solid;
	border-width:10px;
	border-color:rgba(82, 82, 82, 0.698);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	z-index:10;
}
#popOut3D {
	background-color: #ffffff;
	border-style:solid;
	border-width:10px;
	border-color:rgba(82, 82, 82, 0.698);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	z-index:10;
	cursor: col-resize;
	display: none;/* initially hidden */
}

#overlay{
	display:block;
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	border: none;
	padding: 0;
	filter:alpha(opacity=0);/*stupid ie*/
	opacity:0; 
	background-color: #2f4f4f;
	z-index:8;
}
.popOutCanvasButtons{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 25;
}
.popOutCanvasButtons img.popBack {
	float: left;
	clear: both;
	cursor: pointer;
}
.popOutCanvasButtons img.popBack3D {
	float: left;
	clear: both;
	cursor: pointer;
}
.popOutCanvasButtons img.popOut3Dspin {
	float: left;
	clear: both;
	cursor: pointer;
}
.popOutCanvasTextTop{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
}
.popOutCanvasTextBott{
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 2;
}

.msgerror {
	border: 1px dotted #ff6c6c;
	background-color: #ffe5e5;
	padding:10px;
}

.msgok {
	border: 1px dotted #68e657;
	background-color: #daffd5;
	padding:10px;
}

div#popOut3D .loading {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 2em;
	z-index: 2;
}