/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@400;700&display=swap');


#new-header{
	background-color: #000000;
    background-image: url("https://stairplan.com/images/main-header.gif");
    background-position: left top;
    background-repeat: no-repeat;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;}
#blank-header{
    background-image: url("https://stairplan.com/images/blank-bg.png");
    background-position: left top;
    background-repeat: repeat;
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 100%;}
#video-header{
    background-image: url("https://stairplan.com/images/blank-bg.png");
    background-position: left top;
    background-repeat: repeat;
    height: auto;
    overflow: hidden;
    width: 100%;}
#crafted{
	height:100px;
	margin-top:93px;
	width:450px;
	color:#FFFFFF;
	float:left;}
#newlogo{
	height:194px;
	width:234px;
	overflow:visible;
	color:#FFFFFF;
	float:left;
	margin-right:35px;}
#top{
	}
#new-nav {
    background-color: #000000;
    border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'BenchNine',sans-serif;
    font-size: 19px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#new-nav a:link, #new-nav a:visited{
	text-decoration:none !important;
	color:#FFFFFF;
	font-family: 'BenchNine', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	}
#new-nav a:hover, #new-nav a:active{
	text-decoration:underline !important;
	color:#FFFFFF;
	font-family: 'BenchNine', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	}
#navBar{
	background-color:#333333 !important;
	color:#FFFFFF;
	font-family: 'BenchNine', sans-serif;
	font-weight:400;
	border:none !important;
}
#navBar ul{
	border: none !important;
}
#navBar #sectionLinks{
	border:none !important;
	padding-top:30px;
	background-color: #333333 !important;
	}
#navBar #sectionLinks a:link{
	padding-left:10% !important;
	}
#navBar .relatedLinks{
	padding-left:10% !important;
	}
#navBar #advert{
	width:80%;
	margin-left:10%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 10px 0 2px;
	}
#navBar #headlines{
	padding-left:10% !important;
	}
#navBar #headlines p{ 
	margin:0px;
	line-height: 20px;
	padding:0px;
	}
#navBar #headlines h3 {
	border-top: 0px none #ffffff;
	margin-top:20px;
	width:90%;
	}
	
#navBar a:link, #navBar a:visited,
#navBar li a:link, #navBar li a:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, sans-serif !important;
	text-transform:none !important;
	font-variant:normal !important;
	font-size:13px;
	border: none !important;
	}
#navBar a:hover, #navBar a:active{
	text-decoration:underline !important;
	color:#FFFFFF;
	font-family: Arial, sans-serif !important;
	text-transform:none !important;
	font-variant:normal !important;
	background-color:#333333;
	}
#navBar li {
	line-height:20px; 
	}
#navBar br, #navBar #search {
	margin:0px;
	height:0px;
	display:none;
	}
#navBar h3 {
	color:#FFFFFF;
	font-family: Arial, sans-serif !important;
	text-transform:none !important;
	font-variant:normal !important;
	background-color:#333333;
	margin-bottom:10px;
	border-top: 1px solid #ffffff;
	margin-top:20px;
	width:90%;
	}
#navBar #sectionLinks a:link {
    border-top: none !important;
    padding: 2px 0 2px 10px;
    width: auto;
}

/* Header ends */

#player{
	background-color: #000000;
	width:100%;
	float:right;
	padding-bottom:30px;
	margin-bottom:15px;
	color:#FFFFFF !important;
	}
#landing-player{
	background-color: transparent;
	width:100%;
	float:right;
	color:#FFFFFF !important;
	}
#gallery-player{
	background-color: #000000;
	width:100%;
	float:right;
	color:#FFFFFF !important;
	position:relative;
	top:-15px;
	}
#player-wrap{
	background-image: url("../images/speckle-bg.gif");
    background-repeat: repeat;
    margin-bottom: -5px;
    overflow: auto;
    padding-bottom: 30px;
    position: relative;
}
#video-wrap {
    background-image: url("../images/speckle-bg.gif");
    background-repeat: repeat;
    margin-bottom: -6px;
    overflow: auto;
    padding-bottom: 30px;
    position: relative;
    top: -6px;
}
#video-intro{
	width:47%;
	float:left;
	padding-top:30px;
	font-family: Arial, sans-serif !important;
	font-size:13px !important;
	padding-right:40px;
	color:#FFFFFF;}
#video-intro h2{
	color:#FFFFFF !important;
	display: block;
    float: left;
    font-family: Helvetica, Arial, åsans-serif !important;
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
	}
#video-intro h3 {
    background-position: left center;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    width: 100%;
}
#products{
	font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12px;
	background-color: #FFFFFF;
	float:right;
	padding-right:3%;
	padding-bottom:30px;
	color:#000000 !important;
	}
.product-level{
	width:19%;
	height:210px; 
	float:left;
	padding-left:11%;}
.value, .premium {
	margin-right:5%;}
#product-intro{
	margin-left:35px;}
#product-intro h2{
	width:20%;
	float:left;
	color:#000000;
	margin-top:20px !important;
	font-weight:bold;}
#product-intro p {
    float: right;
    font-size: 14px;
    line-height: 19px;
    margin-top: 18px !important;
    width: 80%;
}
#level-wrap{
	margin-left:35px;
	width:96%;
	float:left;
	border-bottom: 1px solid #666666;
	height:auto;
	margin-top:0px;}
#products h3{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 20px;
	font-weight:bold;
	}
#products h2{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 20px;
	}
.value h3{
	color:#A47C52;}
.premium h3{
	color:#a1a1a1;}
.premium-plus h3{
	color:#CBA149;}
.value {
	background-image:url(https://stairplan.com/images/value.gif);
	background-position:0px 30px;
	background-repeat:no-repeat;
	}
.premium {
	background-image:url(https://stairplan.com/images/premium.gif);
	background-position:0px 30px;
	background-repeat:no-repeat;
	}
.premium-plus {
	background-image:url(https://stairplan.com/images/premium-plus.gif);
	background-position:0px 30px;
	background-repeat:no-repeat;
	}
.product-level .button{
    color: #FFFFFF;
    display: block;
    font-family: 'BenchNine',sans-serif;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 55%;
	font-size:15px;
	}
#new-header .button,
#blank-header .button,
#video-header .button{
    color: #FFFFFF !important;
    display: block;
    font-family: 'BenchNine',sans-serif !important;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
	background-color:#B1B1B1;
	width:100 !important;
	margin-bottom:5px;
	}
#new-header .button a,
#blank-header .button a,
#video-header .button a{
    color: #000000 !important;
    font-family: 'BenchNine',sans-serif !important;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration:none;
	}
#new-header .button a:hover,
#blank-header .button a:hover,
#video-header .button a:hover{
    color: #FFFFFF !important;
	}	
#new-header .button:hover{
    color: #FFFFFF !important;
    font-family: 'BenchNine',sans-serif !important;
	text-decoration:none;
	font-size: 15px;
	background-color:#A47C52;
	}
#button-block{
	margin-top:58px;
	width:135px;
		color:#FFFFFF;
	float:right;}
.value .button {
	background-color:#A47C52;}
.premium .button {
	background-color:#a1a1a1;}
.premium-plus .button {
	background-color:#CBA149;}
#big-wrap {
    background-color: #000000;
    background-image: url("../images/big-bg.gif");
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}
#gallery-launch h3{
    background-image: url("../images/gallery-icon.gif");
    background-position: right center;
    background-repeat: no-repeat;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    width: 220px;
	}
#gallery-launch {
	idth:40%;
	float:right;
	padding-top:0px;
	font-family: Arial, sans-serif !important;
	font-size:13px !important;}
#landing-footer{
	background-color: #000000;
	width:100%;
	float:right;
	padding-bottom:20px;
	color:#FFFFFF !important;
    font-family: Arial,sans-serif !important;
    font-size: 13px !important;
	margin-top:20px;
	padding-top:20px;
}
#phone-block {
    color: #FFFFFF;
    float: right;
    margin-top: 28px;
    width: 300px;
	font-family: Helvetica,Arial,sans-serif !important;
	background-image:url(https://stairplan.com/images/call.png);
	background-repeat:no-repeat;
	background-position:left top;
    font-size: 20px;
	text-align: right;
    width: 175px;
	height:32px;
	line-height:32px;
}