body{color: #333; font-size: 15px;    font-family: 'Roboto Condensed', sans-serif;}

#wrapper{width: 100%; float: left;}

.container{width: 100%;}

h1{width: 100%; float: left; margin: 0; padding: 0; color: #333; font-size: 32px; font-weight: 700;}

ul{margin: 0; padding: 0; list-style-type: none;}

/*=== Header ===*/
header{width: 100%; float: left;}
/*.notification{width: 100%; float: left; background: #e9292c; padding: 7px 15px; text-align: center; font-size: 15px; font-weight: 700;}
.notification a{color: #fff; text-decoration: none;}*/
.header-top{width: 100%; float: left; padding: 7px 0 7px; background: #e9292c; font-size: 12px; }
.header-top a{color: #fff; text-decoration: none;}
.header-top a:hover{color: #000;}
.header-top-left{width: auto; float: left;}
.header-top-left i{font-size: 9px; position: relative; top: -1px;}
.header-top-right{width: auto; float: right; display: none;}
.header-top-right a{margin-left: 20px;}
.logo{width: auto; float: left; padding: 3px 0 0 0; }
.header-middle{width: 100%; float: left; border-bottom: 1px solid #eeeeee; padding: 11px 0; position: relative;}
.logo{width: 180px; float: left;}
.logo img{width: 100%;}
.header-msg-box{width: auto; float: left; border-left: 1px solid #eaeaea; padding: 0 0 0 20px; position: relative; color: #656565; display: none;}
.header-msg-box span{font-weight: 700;}
.header-msg-box i{position: absolute; left: 0; top: 10px; font-size: 22px; }
.header-msg-box a{color: #656565; position: relative; padding: 0 0 0 35px; float: left;}
.header-msg-box a:hover{color: #333; text-decoration: none;}
.header-search-section{width: 100%; float: left; padding: 8px 0;  display: none;}
.search-box{width: 100%; float: left; max-width: 730px; padding: 0 80px 0 90px; position: relative;}
.search-title{width: auto; float: left; position: absolute; left: 0; top: 10px; color: #353535; }
.search-textbox{width: 100%; float: left; position: relative;}
.search-textbox input{width: 100%; float: left; border: 1px solid #b8b8b8; border-radius: 3px; height: 40px; padding: 10px 15px 10px 46px}
.search-textbox .icon{width: auto; float: left; position: absolute; left: 15px; top: 6px; color: #818181; font-size: 20px; }
.search-box button{width: 65px; float: left; position: absolute; right: 0; top: 0; background: #ee2223; text-align: center; height: 40px; border-radius: 3px; border: none; color: #fff; font-weight: 700; text-transform: uppercase;}
.search-box button:hover{background: #333;}
.header-bottom{width: 100%; float: left; background: #333; height: 46px;}
.navigation{width: 100%; float: left; display: none;}
.navbar-default{background: none; border: none;}
.navbar-collapse{padding: 0;}
.header-bottom .container-fluid{padding: 0;}
.navbar-default .navbar-nav > li > a{color: #fff; padding: 13px 18px 13px; font-size: 16px;}
.navbar-default .navbar-nav > li > a:hover{color: #e9292c;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #fff; background: #e9292c;}
.cart-box{width:auto; float: right; margin: -4px 60px 0 0;}
.cart-box button{width: 55px; height: 46px; background: url("/img/affiliates/thebrick/cart-closed.svg") no-repeat left top; float: left; border: none; background-size: cover; position: relative;}
/* .cart-box button:hover{background: url("/img/affiliates/thebrick/cart-open.svg") no-repeat left top; background-size: cover;} */
.cart-box button span{width: 23px; height: 23px; background: #333; color: #fff; border-radius: 50%; font-weight: 700; float: left; border: 2px solid #fff; position: absolute; top: 24px; left: -10px; font-size: 14px; line-height: 20px;}
.location-dropdown{width: auto; float: left; border-left: 1px solid #eaeaea; padding: 0 20px 0 20px; margin: 0 0 0 20px; display: none;}
.location-dropdown .btn-default{background: none; border: none; text-align: left; padding: 0 0 0 25px; color: #656565; font-size: 14px;}
.location-dropdown .btn-default span.drp-title{font-weight: 700; padding-right: 20px; }
.location-dropdown .btn-default .caret{position: absolute; top: 10px; right: 0px; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.location-dropdown .btn-default i{position: absolute; left: 0; top: 10px; font-size: 22px;}
.location-dropdown .btn-default.active.focus, .location-dropdown .btn-default.active:focus, .location-dropdown .btn-default.active:hover, .location-dropdown .btn-default:active.focus, .location-dropdown .btn-default:active:focus, .location-dropdown .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .location-dropdown .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{background: none; box-shadow: none;}
.dropdown-menu{border-radius: 0; width: 600px; box-shadow: 0 2px 2px rgba(0,0,0,.2); border: 1px solid #eeeeee; margin: 14px 0 0 0; padding: 25px;}
.dropdown-menu-top{width: 100%; float: left;}
.dropdown-menu-title{width: 100%; text-align: center; float: left; color: #666; font-weight: 700; padding: 7px 11px 10px 0;}
.pincode-textbox{width: 140px; float: left;}
.pincode-textbox input{width: 100%; float: left;  border: 1px solid #cccccc; text-align: center; height: 34px; border-radius: 5px;}
.pincode-btn{width: auto; float: left; padding:  0 0 0 4px;}
.pincode-btn button{width: 90px; height: 34px; border: 1px solid #ba2123; border-radius: 8px; color: #fff; font-weight: 700; text-align: center; background: #e9292c;}
.pincode-btn button:hover{background: #333; border: 1px solid #000;}
.delivery-information{width: 100%; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 0 15px; margin: 15px 0 0 0;}
.delivery-information-box{width: 50%; float: left; padding: 15px  0 0 0; color: #b3b3b3; }
.delivery-information-box i{font-size: 22px; margin: 0 10px 0 0; position: relative; top: 3px}
.dropdown-menu-bottom{width: 100%; float: left; color: #666;}
.dropdown-menu-bottom-right{width: 50%; float: right; padding: 25px 0 0 0;}
.drp-addressbox{width: 100%; float: left;}
.drp-addressbox p{width: 100%; float: left; padding: 11px 0 0 0; margin: 0;}
.drp-addressbox p a{color: #333;}
.drp-addressbox p a:hover{color: #e9292c; text-decoration: none;}
.drp-small-title{width: 100%; float: left; color: #666; font-weight: 700; font-size: 15px; text-align: left;}
.drp-hours-row{width: 100%; float: left; padding: 30px 0 0;}
.drp-hours{width: 100%; float: left; color: #333; padding: 11px 0 0; }
.drp-hours-data-row{width: 100%; float: left; max-width: 200px; text-align: right; padding: 0 0 0 80px; position: relative; margin: 1px 0;}
.drp-hours-data-row span{width: auto; float: left; position: absolute; left: 0; top: 0;}
.direction-btn{width: 100%; float: left; padding: 21px 0 0 0;}
.direction-btn a{width: 150px; float: left; height: 34px; padding: 8px 0  !important; border: 1px solid #ba2123 important; border-radius: 8px !important; color: #fff !important; font-weight: 700 !important; text-align: center !important; background: #e9292c !important;}
.direction-btn a i{margin-right: 5px !important; position: inherit; left: 0; top: 0; font-size: 15px !important;}
.direction-btn a:hover{background: #333 !important; border: 1px solid #000 !important; text-decoration: none !important;}
.dropdown-menu-bottom-left{width: 50%; float: left; padding: 25px 30px 0 0;}
.store-location{width: 100%; float: left;}
.more-store-link{width: 100%; float: left; font-size: 12px; padding: 25px 0 0 0;}
.more-store-link a{color: #e9292c !important; font-weight: 700 !important;}
.more-store-link a:hover{color: #333 !important; text-decoration: none !important;}
.more-store-link a i{font-size: 10px; margin-left: 4px;}
.mobile-search{width: 100%; float: left; padding: 0 15px 0 15px;}
.mobile-search .search-box{width: 100%; float: left; max-width: 100%; padding: 3px 55px 0 0; position: relative;}
.mobile-search .search-box button{width: 50px; float: left; position: absolute; right: 0; top: 3px; background: #ee2223; text-align: center; height: 40px; border-radius: 3px; border: none; color: #fff; font-weight: 700; text-transform: uppercase;}
.mobile-location-box{max-width: 250px; margin: 0 auto; display: block;}
.mobile-location-box .pincode-textbox{padding-bottom: 10px;}
.mobile-menu .delivery-information-box{width: 100%;}
.mobile-menu .delivery-information-box-li{border-bottom:1px solid rgba(0, 0, 0, 0.06) !important; border-top: 1px solid rgba(0, 0, 0, 0.06) !important; width: 100%; float: left;}
.mobile-menu .delivery-information-box{padding: 4px 0 4px 60px; position: relative; margin: 5px 0;}
.mobile-menu .delivery-information-box i{position: absolute; left: 20px;}
.mobile-menu .drp-addressbox-mobile{padding: 10px 15px;}
.mobile-menu .hours-box-li{border-bottom:1px solid rgba(0, 0, 0, 0.06) !important; border-top: 1px solid rgba(0, 0, 0, 0.06) !important; width: 100%; float: left; padding: 10px 15px;}
.mobile-menu .drp-hours-row{width: 100%; max-width: 200px; padding: 0;}
.drp-addressbox-mobile .drp-addressbox p a{display: inline-block; width: inherit; float: inherit; border: none; padding: 0;}
.mobile-menu .direction-btn{padding: 10px 15px; width: 100% !important; }
.mobile-menu .direction-btn a{padding: 11px 0  !important; height: 45px !important;}
.mobile-menu .store-location{padding: 10px 15px;}
.mobile-menu .more-store-link a{ text-align: center;  border: none; padding: 0;}
.mobile-menu .more-store-link a i{position: inherit; left: inherit; top: inherit;}
/*=== Header ===*/

/*=== Middle ===*/
#middle{width: 100%; float: left;}

.breadcrumb-row{width: 100%; float: left; padding: 35px 0 25px 0;}
.breadcrumb{background: none; padding: 0;}
.breadcrumb li a{color: #909090; text-decoration: none;}
.breadcrumb li a:hover{color: #333;}
.breadcrumb > .active{color: #909090;}
/*=== /Middle ===*/

/*=== Footer ===*/
footer{width: 100%; float: left; border-top: 1px solid #ebe5e2;}
.footer-top{width: 100%; float: left; padding: 45px 0;}
footer h4{width: 100%; float: left; font-size: 20px; padding: 16px 0 20px; margin: 0; color: #333; font-weight: 700;}
.newsletter-box-wrp{width: 100%; float: left;}
.newsletter-box{width: 100%; float: left; position: relative;}
.newsletter-box .text-box{height: 38px; font-size: 14px; color: #898989; padding: 0 40px 0 15px; border: 1px solid #e6e6e6; width: 100%; float: left;}
.newsletter-box button{width: auto; float: left; position: absolute; right: 10px; top: 4px; background: none; border: none; color: #666; font-size: 20px;}
.newsletter-box button:hover{color: #e9292c;}
.newsletter-text{width: 100%; float: left; font-size: 12px; color: #666; padding: 5px 0 0 0;}
.footer-social-media{width: 100%; float: left; padding: 20px 0 20px 0;}
.footer-social-icon{width: 100%; float: left;}
.footer-social-media a{width: 40px; height: 40px; display: inline-block; text-align: center; border: 1px solid rgba(0,0,0,.2); border-radius: 50%; background: #e9292c; text-decoration: none; color: #fff; font-size: 20px; line-height: 40px; margin: 0 4px 0 0;}
.footer-social-media a:hover{border: 1px solid #5f8aab; color: #5f8aab; background: #fff;}
.footer-nav{width: 100%; float: left; padding-bottom: 10px;}
.footer-nav ul{width: 100%; float: left; margin: 0; padding: 0 15px 0 0; list-style-type: none;}
.footer-nav ul.full-width{width: 100%;}
.footer-nav ul li{width: 100%; float: left; padding: 0 0 5px;}
.footer-nav ul li a{color: #333; text-decoration: none;}
.footer-nav ul li a:hover{color: #e9292c;}
.footer-middle{width: 100%; float: left; border-top: 1px solid #ecefef; padding: 12px 0;}
.payment-option{width: 100%; float: right; text-align: center;}
.payment-option-title{width: 100%; float: left; font-size: 12px; padding: 8px 10px 0 0;}
.payment-option-icon{width: 100%; float: left;}
.payment-option-icon img{margin:3px 3px; width: 40px;}
.payment-text{width: 100%; float: left; font-size: 12px; padding: 8px 0 0; text-align: center}
.footer-bottom{width: 100%; float: left; background: #333; padding: 15px 0; font-size: 13px;}
.copyright{width: 100%; float: left; color: #fff; opacity: 0.6; text-align: center; }
.footer-bottom-nav{width: 100%; float: left; padding: 10px 0 0 10px;  text-align: center }
.footer-bottom-nav span{color: #ffff;  opacity: 0.3; padding: 0 10px;}
.footer-bottom-nav a{color: #ffff; text-decoration: none; opacity: 0.6;}
.footer-bottom-nav a:hover{color: #fff; text-decoration: none; opacity: 1;}
/*=== Footer End ===*/

footer { margin-top: 30px; }

@media (min-width: 570px) {
	/*=== Footer ===*/
	.footer-nav ul{width: 50%; padding: 0 15px 0 0; }
	/*=== Footer End ===*/
}

@media (min-width: 768px) {
	/*=== Footer ===*/
	.footer-top-left{padding-bottom: 30px;}
	.newsletter-box-wrp{width: 50%; padding-right: 20px;}
	.footer-social-media{width: 50%; padding: 0 0 0 0;}
	.payment-option{width: auto; }
	.payment-option-title{width: auto;padding: 8px 10px 0 0;}
	.payment-option-icon{width: auto;}
	.payment-text{width: auto;}
	.footer-nav{padding-bottom: 0;}
	/*=== Footer End ===*/
}

@media (min-width: 991px) {
	
	/*=== Header ===*/
	.navigation, .header-top-right, .header-search-section, .header-msg-box, .location-dropdown{display: inherit;}
	.mobile-search, .mobile-menu{display: none;}
	.cart-box{margin: -4px 0 0 0;}
	.dropdown-menu-title{width: auto; text-align: left; padding: 7px 11px 10px 0;}
	/*=== Header End ===*/
	
	/*=== Footer ===*/
	.footer-top-left{border-right: 1px solid #ebe5e2; padding-bottom: 0;}
	.newsletter-box-wrp{width: 100%; padding-right: 0;}
	.footer-social-media{width: 100%; padding: 30px 0 0 0;}
	.copyright{width: auto; }
	.footer-bottom-nav{width: auto; padding: 0 0 0 10px;  }
	/*=== Footer End ===*/
}

@media (min-width: 1200px) {
	.container{width: 1170px;}
	
	/*=== Footer ===*/
	.footer-top-left{ padding-right: 30px;}
	.footer-top-middle{padding: 0 15px 0 30px;}
	/*=== Footer End ===*/
}

span.status { color: #cc0000; }
div.buyListing { margin-right: 15px; }