@import url('ProductCatalog.css');
@import url('Modules.css');
@import url('grid_system.css');
 
html{
background:url("/Files/System/steensfurniture/Layout/bg-body.jpg") no-repeat 50% 100%;

}
body{
margin:0;
background:url(/Files/System/steensfurniture/Layout/bg-header.jpg) repeat-x;
font:12px/16px Arial, Helvetica, sans-serif;
color:#3f4245;
}
img{border-style:none;}
a{
color:#597592;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#101113;
}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
.clear {
 width:0px;
 height:0px;
 clear: both;
 margin: 0px;
 padding: 0px;
 border: none;
}
/* start wrapper */
#wrapper{
width:800px;
margin:0 auto;
}
/* start header */
#header{
height:135px;
position:relative;
z-index:1;
}
#header:after{
content:"";
display:block;
clear:both;
}
#header h1{
margin:0;
}
.logo{
position:absolute;
top:59px;
left:3;
background:url(/Files/System/steensfurniture/Layout/bg-logo.gif) no-repeat;
width:170px;
height:59px;
text-indent:-9999px;
overflow:hidden;
}
/* start top-form */
.top-form{
width:100%;
padding:8px 0 0;
font-size:12px;
line-height:15px;
margin:0 0 29px;
}
.top-form .input{
float:left;
width:280px;
background:#fff;
}
.top-form input{
float:left;
margin:0;
width:270px;
border:none;
background:none;
padding:4px 5px;
color:#bbb;
font-style:italic;
}
.top-form select{
float:right;
color:#000;
width:82px;
}
.top-form ul{
margin:0 -2px 0 0;
padding:2px 0 0;
list-style:none;
float:right;
overflow:hidden;
}
.top-form ul li{
float:left;
background:url(/Files/System/steensfurniture/Layout/separator01.gif) no-repeat 0 3px;
margin:0 2px 0 -2px;
padding:0 3px 0 5px;
}
.top-form ul a{
color:#fff;
}
/* start results */
.results{
display:none;
position:absolute;
top:31px;
left:-2px;
border:2px solid #3f4245;
border-width:0 2px 2px;
width:280px;
background:#eee;
}
.results .head{
display:block;
background:#597592;
font-size:11px;
line-height:13px;
color:#fff;
text-transform:uppercase;
padding:3px 7px 4px;
letter-spacing:1px;
}
.top-form .list{
margin:0;
padding:0;
list-style:none;
height:1%;
float:none;
width:100%;
}
.top-form .list li{
height:1%;
vertical-align:middle;
padding:0;
margin:0;
overflow:hidden;
border-bottom:1px solid #bbb;
float:none;
background:none;
}
.list img{
float:left;
background:url(/Files/System/steensfurniture/Layout/bg-image.gif) repeat-y 100% 0;
padding:0 7px 0 0;
}
.list .text-holder{
float:right;
width:213px;
color:#597592;
font-size:12px;
line-height:16px;
padding:3px 0 0;
}
.list strong{
display:block;
}
.top-form .list a{
color:#597592;
}
.top-form .sider{
float:none;
width:100%;
margin:0;
padding:2px 0 3px;
}
.top-form .sider li{
background:none;
margin:0;
padding:1px 5px;
float:none;
}
.top-form .sider a{
color:#597592;
}
.top-form .sider a:hover,
.top-form .sider .active a{
font-weight:bold;
text-decoration:none;
}
/* end results */
/* end top-form */
/* start nav */
#nav{
margin:0;
padding:0;
list-style:none;
height:55px;
overflow:hidden;
float:right;
font-size:13px;
line-height:15px;
font-weight:bold;
position:relative;
}
#nav li{
float:left;
}
#nav a{
color:#fff;
padding:7px 20px;
background:#3f4245;
float:left;
}
#nav a:hover{
background:#101113;
text-decoration:none;
}
#nav .active{
background:#597592 !important;
}
#nav ul{
position:absolute;
top:29px;
left:0px;
background:#597592;
width:100%;
margin:0;
padding:0;
list-style:none;
font-weight:normal;
}
#nav ul a{
padding:7px;
background:none;
font-size:10px;
font-weight:normal;
}
#nav .inpath {
 background: none;
 background-color: #597592;
}
#nav .M1 .active {
 font-weight: bold;
}
#nav ul a:hover, #nav ul .active a{
 font-weight:normal;
 color:#101113;
 background:none;
}
#nav .M1 {
 display: none;
}
#nav .active .M1 {
 display: block;
}
#nav .inpath .M1 {
 display: block;
}
/* end nav */
/* end header */
/* start main */
#main{
    /*min-height:989px;*/
    min-height: 845px;
}




#imagefooter {
position:absolute;bottom:0;z-index:0;
background:url("/Files/System/steensfurniture/Layout/bg-body.jpg") no-repeat center bottom;
}




* html #main{
height:989px;
}
/* start image-box */
.image-box{
height: 296px;
width:798px;
border:2px solid #7f7f7f;
position: relative;
overflow:hidden;
}
/* start gallery */
.gallery{
display: none;
float:right;
width:616px;
position:relative;
}
.image-box div.active {
display: block;
}
.gallery div.slideset {
position: relative;
overflow: hidden;
height:296px;
width:616px;
}
.gallery ul{
margin:0;
padding:0;
list-style:none;
width:99999px;
float: left;
}
.gallery ul li{
width:616px;
height:296px;
float: left;
}
.gallery ul li.active {
z-index: 1;
}
.gallery img{display:block;}
.link-prev,
.link-next{
position:absolute;
z-index: 2;
top:128px;
left:31px;
}
.link-next{
right:31px;
left:auto;
}
.link-prev span,
.link-next span{
display:block;
background:url(/Files/System/steensfurniture/Layout/btn-prev.png) no-repeat;
width:26px;
height:41px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
.link-next span{
background:url(/Files/System/steensfurniture/Layout/btn-next.png) no-repeat;
}
.link-prev:hover span{
background:url(/Files/System/steensfurniture/Layout/btn-prev-hover.png) no-repeat;
}
.link-next:hover span{
background:url(/Files/System/steensfurniture/Layout/btn-next-hover.png) no-repeat;
}
.swicher{
position:absolute;
overflow:hidden;
width:616px;
bottom:10px;
height: 10px;
left:0;
z-index: 3;
}
.swicher div{
position:relative;
left:50%;
float:left;
text-align:center;
width:auto;
}
.swicher ul{
margin:0;
padding:0;
list-style:none;
height:10px;
position:relative;
float:left;
left:-50%;
width:auto;
}
.swicher ul li{
position: static;
float:left;
width:10px;
height:10px;
padding:0 1px;
}
.swicher ul a{
background:url(/Files/System/steensfurniture/Layout/bg-swither.gif) no-repeat;
width: 10px;
height: 10px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
.swicher ul a:hover,
.swicher ul .active a{
background:url(/Files/System/steensfurniture/Layout/bg-swither01.gif) no-repeat;
}
/* end gallery */
.aside{
float:left;
width:186px;
margin:0 -6px 0 0;
position:relative;
z-index: 3;
}
/* start accordion */
.accordion{
float:left;
width:180px;
height:296px;
padding:0 6px 0 0;
margin:0 -6px 0 0;
list-style:none;
background:url(/Files/System/steensfurniture/Layout/bg-acordion.png) repeat-y;
}
.accordion li{
padding:3px 3px 4px;
background:#fff;
vertical-align:middle;
border-top:1px solid #999;
margin:-1px 0 0px;
position:relative;
}
.accordion .last{
padding:3px;
}
.accordion a{
background:#eeeeee;
color:#000;
font-size:14px;
line-height:16px;
font-weight:bold;
display:block;
padding:11px 0 11px 12px;
position:relative;
}
.accordion li.expanded a{
color:#597592;
/*padding:8px 0 3px 12px;*/
}
.accordion a:hover{
text-decoration:none;
}
.accordion a.opener:focus {
cursor: pointer;
outline: none;
}
.accordion .slide{
background:#eeeeee url(/Files/System/steensfurniture/Layout/bg-slide.gif) repeat-x 0 100%;
padding:2px 10px;
height:157px;
overflow:hidden;
}
.accordion h2{
margin:0 0 11px;
color:#597592;
font-size:14px;
line-height:16px;
}
.accordion p{
margin:0 0 10px;
font-size:11px;
line-height:13px;
color:#3f4245;
}
.point{
position:absolute;
top:9px;
right:-11px;
}
* html .point{
right:-5px;
}
.point span{
background:url(/Files/System/steensfurniture/Layout/bg-slide01.png) no-repeat;
width: 14px;
height: 21px;
display:block;
}
/* end accordion */
/* end image-box */
.main-c{
width:100%;
overflow:hidden;
padding:19px 0 0;
}
/* start content */
#content{
float:left;
width:510px;
}
#content h2{
margin:0 0 -2px;
color:#597592;
font-size:24px;
line-height:27px;
}
#content .info{
font-weight:normal;
font-size:18px;
line-height:21px;
margin:0 0 20px;
display:block;
}
#content p{
margin:0 0 18px;
}
#content h3{
margin:0 0 4px;
font-size:13px;
line-height:15px;
}
/* end content */
/* start sidebar */
#sidebar{
float:right;
width:250px;
}
.posts{
margin:0;
padding:0;
list-style:none;
width:100%;
}
.posts li{
border:1px solid #bbb;
padding:3px;
height:1%;
vertical-align:middle;
margin:0 0 10px;
}
.posts .holder{
height:1%;
background:#eeeeee url(/Files/System/steensfurniture/Layout/bg-right-column.gif) repeat-x 0 100%;
padding:3px 6px 4px 3px;
}
.posts .title{
width:100%;
overflow:hidden;
}
.posts .title strong{
float:left;
width: 150px;
font-size:13px;
line-height:18px;
}
.posts .title strong a{
color:#597592;
}
.posts .date{
font-size:11px;
line-height:13px;
color:#000;
float:right;
font-style:normal;
margin:2px 1px 0 0;
display:inline;
 white-space: nowrap;
}
#sidebar p{
color:#6c7075;
font-size:11px;
line-height:13px;
margin:0 0 5px;
}
.posts span{
display:block;
text-align:right;
color:#597592;
font-size:11px;
line-height:13px;
}
.posts span a {
 color:#597592;
 font-size:11px;
}
.posts span a:hover {
 text-decoraton: underline;
}
/* end sidebar */
/* start main-form */
.main-form{
background:#3f4245;
height:40px;
margin:20px 0 0;
}
.main-form div{
float:left;
background:#fff;
width:140px;
height:23px;
margin:9px 10px 0 0;
padding:0 5px;
display:inline;
}
.main-form input{
float:left;
margin:0;
padding:0;
border:none;
background:none;
}
#email,
#kode{
border:none;
width:140px;
font-size:13px;
line-height:16px;
color:#999;
margin:4px 0 0;
}
.main-form label{
float:left;
font-size:13px;
line-height:15px;
font-weight:bold;
color:#fff;
}
.main-form .email{
background:url(/Files/System/steensfurniture/Layout/bg-email.gif) no-repeat;
width: 130px;
height: 28px;
padding:12px 0 0 12px;
margin:0 10px 0 0;
}
.main-form .kode{
background:url(/Files/System/steensfurniture/Layout/bg-kode.gif) no-repeat;
width: 130px;
height: 28px;
padding:12px 0 0 30px;
margin:0 10px 0 0;
}
.main-form .login{
background:url(/Files/System/steensfurniture/Layout/btn-login.gif) no-repeat;
width: 156px;
height: 40px;
text-indent:-9999px;
overflow:hidden;
font-size:0px;
line-height:0px;
float:right;
cursor:pointer;
}
/* end main-form */
/* start main-list */
.main-list{
padding:18px 0 0;
margin:0 0 0 -3px;
list-style:none;
width:826px;
position:relative;
overflow:hidden;
}
.main-list li{
float:left;
vertical-align:middle;
padding:2px;
width:250px;
margin:0 21px 21px 0;
}
.main-list li:hover,
.main-list li.hover{
border:2px solid #597592;
padding:0;
}
.main-list .holder{
border:1px solid #bbb;
height:1%;
padding:3px;
background:#fff;
}
.main-list .inner{
background:#eeeeee;
height:1%;
overflow:hidden;
position:relative;
padding:2px 0 0;
}
.main-list img{
float:left;
margin:-2px 5px 0 0;
}
.main-list .text-holder{
float:left;
width:130px;
}
.main-list strong{
display:block;
font-size:13px;
line-height:16px;
margin:0 0 4px;
}
.main-list strong a{
color:#597592;
}
.main-list p{
color:#3f4245;
font-size:11px;
line-height:13px;
margin:0 0 23px;
}
.main-list .price{
position:absolute;
bottom:6px;
left:104px;
color:#597592;
font-size:13px;
line-height:15px;
font-style:normal;
font-weight:bold;
}
/* end main-list */
/* start three-columns */
.three-columns{
width:832px;
overflow:hidden;
padding:80px 0 0;
margin:0 0 0 -26px;
}
.three-columns .column{
float:left;
width:244px;
padding:2px;
border:1px solid #bbb;
margin:0 0 0 25px;
position:relative;
display:inline;
}
.three-columns .holder{
background:#eeeeee url(/Files/System/steensfurniture/Layout/bg-three-columns.gif) repeat-x 0 100%;
height:1%;
overflow:hidden;
padding:4px 6px 10px;
}
.three-columns img{
display:block;
margin:0 auto;
}
.three-columns h2{
margin:0 0 5px;
font-size:25px;
line-height:28px;
}
.three-columns h2 a{
color:#597592;
}
.three-columns p{
margin:0 0 23px;
font-size:11px;
line-height:13px;
color:#3f4245;
}
/* end three-columns */
.main-h{
width:100%;
overflow:hidden;
padding:18px 0 0;
margin:0 0 68px;
}
/* start left-block */
.left-block{
width:522px;
float:left;
}
.left-block img{
float:left;
border:2px solid #3f4245;
margin:4px 0 0;
}
.left-block .text-holder{
width:292px;
float:right;
}
.left-block h3{
margin:0 0 10px;
font-size:18px;
line-height:21px;
color:#597592;
word-spacing:-1px;
}
.left-block p{
margin:0 0 17px;
font-size:12px;
line-height:14px;
}
/* end left-block */
/* start quantity */
.quantity{
float:right;
width:242px;
border:1px solid #bbb;
padding:3px;
background:#fff;
}
.quantity .holder{
height:1%;
background:#eeeeee url(/Files/System/steensfurniture/Layout/bg-quantity.gif) repeat-x 0 100%;
padding:9px;
}
.quantity .price{
font-size:20px;
line-height:23px;
color:#597592;
font-weight:bold;
font-style:normal;
display:block;
margin:0 0 5px;
}
.quantity .presence{
background:url(/Files/System/steensfurniture/Layout/ico01.gif) no-repeat;
display:block;
padding:0 0 2px 20px;
font-size:12px;
line-height:14px;
color:#3f4245;
margin:0 0 51px;
}
.quantity .no-present{
background:url(/Files/System/steensfurniture/Layout/ico02.gif) no-repeat;
}
.quantity-form{
height:1%;
overflow:hidden;
}
.quantity-form input{
margin:0;
padding:0;
}
.quantity-form div{
float:left;
background:url(/Files/System/steensfurniture/Layout/bg-input.gif) no-repeat;
width: 43px;
padding:0 4px;
height: 29px;
}
.quantity-form div input{
background:none;
border:none;
width: 43px;
color:#000;
font-size:20px;
margin:2px 0 0;
line-height:23px;
text-align:right;
font-weight:bold;
}
.quantity-form .btn{
float:right;
background:url(/Files/System/steensfurniture/Layout/btn01.gif) no-repeat;
width: 161px;
height: 29px;
text-indent:-9999px;
overflow:hidden;
font-size:0px;
line-height:0px;
border:none;
cursor:pointer;
}
/* end quantity */
/* start bottom-block */
.bottom-block{
width:100%;
}
.bottom-block h4{
font-size:16px;
line-height:18px;
color:#3f4245;
margin:0 0 13px;
}
.precent-list{
padding:0;
margin:0 0 0 -26px;
list-style:none;
width:826px;
overflow:hidden;
}
.precent-list li{
float:left;
background:#fff;
border:1px solid #bbb;
padding:3px;
position:relative;
margin:0 0 11px 25px;
display:inline;
width:241px;
}
.precent-list .holder{
width:100%;
overflow:hidden;
background:#eeeeee;
}
.precent-list img{
float:left;
margin:0 5px 0 0;
}
.precent-list .text-holder{
float:left;
padding:2px 0 0;
width:125px;
}
.precent-list strong{
font-size:13px;
line-height:16px;
}
.precent-list strong a{
color:#597592;
}
.precent-list .price{
position:absolute;
bottom:7px;
left:107px;
font-style:normal;
color:#597592;
font-size:13px;
line-height:16px;
font-weight:bold;
}
/* end bottom-block */
/* end main */
/* end wrapper */