/*
Theme Name: Sitnature.com (Jason Phoon & Howard Choong)
Author: Jason Phoon & Howard Choong
Version: 1.0
*/

/* Reset CSS */
html,body {margin:0;padding:0;}
body , p, a, div, span, ul, li, h1, h2, h3, h4, h5, button, input {font-family: 'Open Sans', sans-serif;}

a {text-decoration: none; cursor:pointer;}
a:hover {text-decoration:none;}
ul, li, hr {}
hr {}
ul li {list-style:none;}
div, ul, li {padding: 0; margin: 0;}
button {border:0;}
label {cursor:default;}
img {border:0;}
p {display:block;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

b,h1,h2,h3,h4,h5 {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {font-weight: 700; margin:0;}

hr {}

/* Override Bootstrap CSS */
.form-control {border-radius:0;border: 1px solid #D7D7D7; background: #D7D7D7;}

/* General, Header and Menu CSS */
.wrap {width: 100%; background: #fff;height: auto;}
.container {max-width: 1130px; padding: 0;}

header {background: #000; color: #fff; width: 100%; padding:10px 0 0 0; height: 110px;}

nav {padding-left: 36px; padding-top:20px;}
nav .menu li a {float: left; color: #fff; font-size: 10px; font-weight:700; padding: 5px 15px 20px 15px; text-transform: uppercase;}
nav .menu li a:hover {opacity: 0.7;background: #eee; }
nav .menu li ul{display:none;position:absolute;top:53px;left:15px;z-index:99999;background:#000;padding:0;width:180px;}
nav .menu li ul li a{width:100%;}
nav .menu li ul li a:hover{background:#9059AC;color:#fff;}
nav .menu li:hover ul{display:block;position:absolute;}

.mainbanner {width: 100%; height: 560px; position:relative; background-repeat: no-repeat;background-position: center; background-size: cover;}
.sub-header {width: 100%; height: 40px; background:#000; color: #fff; padding-top:10px;}
.sub-header .social-media img {margin: 0 7px;}
.sub-header .social-media select {margin: 0 0 0 20px; width: 100px;}

.home-container {max-width: 940px; padding: 0;}
.herobanner {width: 100%; margin:100px 0;}
.herobanner h2 {text-align:center;}
.herobanner .cover-text {font-size: 19px; padding: 10px; background: #231F20; color: #fff; font-weight: 700;}

.highlightbanner {margin:95px 0;}

.top-pick {margin-top: 96px; margin-bottom: 20px; height: 240px; background: #9FAD9E; width: 100%;}
.top-pick .valign {margin-top: 100px; text-align:center;}
.top-pick h2{color: #fff; margin-bottom: 40px;}
.top-pick .btn-shop-now{border: 1px solid #fff; padding: 5px 10px; color: #fff;}

.new-furniture {margin: 0 0 54px 0;}


/* eshop */
.eshop {margin-top:50px; margin-bottom:50px; font-size:13px;}
.eshop .instant-search {margin-top:20px;}
.eshop .instant-search .accordion-toggle { background: none repeat scroll 0 0 #f5f5f5;display: inline-block;padding: 10px;width: 100%;color:#000; text-transform:uppercase;}
.eshop .instant-search .accordion-inner {padding-bottom:30px;}
.eshop .instant-search .availaibility-box ul li{display:block; width:100%; float: left; clear: left; margin:5px 0;}
.eshop .instant-search .btn{display:block; width:100%; padding:10px 20px; background: #D4DBD3; color:#000; font-weight:700;}

.eshop .product-list .product-item {margin:0 5px; padding:0;}
.eshop .product-list .product-item  span{display:block; text-align:center; font-weight:700;}
.eshop .product-list .product-item  span.price{color:#F11843;}

.eshop-detail .herobanner {margin:0; width:100%; height: auto; background: #F5F5F5; padding: 41px 0 43px 0;}
.eshop-detail .text-desc {padding:47px 0;}
.eshop-detail .social-media {padding-top:47px;}
.eshop-detail .buynow {background:#9FAD9E; width:230px; height:42px; color: #fff; font-weight:700;}

.eshop-detail .pricebox .sellprice {color: #ED1B40; font-size:30px; font-weight:700;}
.eshop-detail .pricebox .price {text-decoration: line-through; color: #BABABA; font-size:15px;}
.eshop-detail .product-detail {margin:45px 0;}

footer {clear: both;}
footer .footer-content{padding: 58px 0 100px 0; width: 100%;}
footer .btn-go {padding: 7px 15px;}
footer .line {border-top: dotted 1px #C1C5C4;}

footer .sitemap li {width: 23%; float: left; margin: 0 5px 0 5px;}
footer .sitemap li:first-child{margin: 0 5px 0 0;}
footer .sitemap li > a{display:block; color: #000; font-size:12px;}
footer .sitemap li > a:hover{text-decoration:underline;}

.btn-black {background: #000; color: #fff;}
.grey1 {color: #9FAD9C !important;}
 .line {border-top: dotted 1px #C1C5C4;}