@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

body {background: #fff url('../images/bg.png') repeat top left; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.7em; color: #333; text-align: left !important; margin: 0px; padding: 0px;}
.header-container {background: #336174;}
.fullgrid-main-container {padding: 20px 0 20px !important;}
.fullgrid-footer {background: #262729; color: #848486;}
.topheader {background: #f0f0f0; border-bottom: 1px solid #e8e8e8; padding: 2px 0;}
.topheader .block {margin: 0px;}
.header {padding: 0px;}
.copyright hr.line { border-color: #48484a;}

/*.showcase {margin: 15px 0;}*/
.showcase .container {/*padding-left: 0px; padding-right: 0px;*/ position: relative;}

.green-bg {background: #36b03c;}
.dgrey-bg {background: #d7dbd9;}
/*.dgrey-bg {background: #d2d2d2;}*/

/* ================ SHORTCODE HERE ================= */
.tpad1 { padding-top: 1%;}
.tpad2 { padding-top: 2%;}
.tpad3 { padding-top: 3%;}
.tpad4 { padding-top: 4%;}
.tpad5 { padding-top: 5%;}
.tpad6 { padding-top: 6%;}
.tpad7 { padding-top: 7%;}
.tpad8 { padding-top: 8%;}
.tpad9 { padding-top: 9%;}
.tpad10 { padding-top: 10%;}
.bpad1 { padding-bottom: 1%;}
.bpad2 { padding-bottom: 2%;}
.bpad3 { padding-bottom: 3%;}
.bpad4 { padding-bottom: 4%;}
.bpad5 { padding-bottom: 5%;}
.lpad1 { padding-left: 1%;}
.lpad2 { padding-left: 2%;}
.lpad3 { padding-left: 3%;}
.lpad4 { padding-left: 4%;}
.lpad5 { padding-left: 5%;}
.rpad1 { padding-right: 1%;}
.rpad2 { padding-right: 2%;}
.rpad3 { padding-right: 3%;}
.rpad4 { padding-right: 4%;}
.rpad5 { padding-right: 5%;}
.lrpad1 { padding: 0% 1%;}
.lrpad2 { padding: 0% 2%;}
.lrpad3 { padding: 0% 3%;}
.lrpad4 { padding: 0% 4%;}
.lrpad5 { padding: 0% 5%;}
.lrpad10 { padding: 0% 10%;}
.tbpad1 { padding: 1% 0%;}
.tbpad2 {padding: 2% 0%;}
.tbpad3 { padding: 3% 0%;}
.tbpad4 { padding: 4% 0%;}
.tbpad5 { padding: 5% 0%;}
.tbpad6 {padding: 6% 0%;}
.tbpad8 { padding: 8% 0%;}
.tbpad10 { padding: 10% 0%;}

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 1.1;}
h1 {font-size: 30px; font-weight: 400; color: #333; margin: 20px 0 10px;}
h2 { font-size: 30px; font-weight: 300; }
h2.heading { font-size: 30px; font-weight: 300; margin: 20px 0;}
.page-title {border: none;}

a {color: #333;}
.logo {margin: 12px 0;}
.co-number {font-size: 16px; font-style: italic; font-weight: 400; color: #000; margin-top: 10px;}
.ad-search { font-style: italic; line-height: 30px; }
.block-subscribe input { background: #fff; border: 1px solid #dbdbdb; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; color: #979797; font-size: 13px; text-transform: uppercase;}
.block-subscribe button.button { background: #dbdbdb; border: 1px solid #dbdbdb; color: #979797; font-size: 14px; font-weight: 600; margin: 0; padding: 8px 10px;}
ul.social {margin: 5px 0 0; padding: 0px; text-align: right;}
ul.social li {list-style: none; display: inline; margin: 0px; padding: 0px;}
ul.social a i { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;width: 32px; height: 32px; color: #fff; font-size: 18px; line-height: 31px; margin:0 10px 0 0; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center;}
ul.social a.facebook i { background: #556ea5;}
ul.social a.twitter i { background: #41b2eb;}
ul.social a.youtube i { background: #c33b3d;}
ul.social a.instagram i { background: #f6ab42; background: -moz-linear-gradient(45deg,  #f6ab42 0%, #98329b 45%, #5b45c1 100%); background: -webkit-linear-gradient(45deg,  #f6ab42 0%,#98329b 45%,#5b45c1 100%); background: linear-gradient(45deg,  #f6ab42 0%,#98329b 45%,#5b45c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ab42', endColorstr='#5b45c1',GradientType=1 ); }
ul.social a.envelope i { background: #1d3ac9;}
ul.social a:hover i {background: #374c69; border-color: #374c69; color: #fff; text-decoration: none;}
.skip-minicart { position: relative;  }
.cart-container {margin-top: 0px;}
.btn.btn-iconed > i {color: #acacac; font-size: 26px; line-height: 26px; display: none;}
/*.header-cart {background: url(../images/icon_cart.jpg) no-repeat top left; height: 44px;}*/
.header-cart { background: #f0f0f0 url("../images/icon_cart.jpg") no-repeat 5px 3px / 30%; border: 3px solid #36b03c; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 44px;}
.header-cart .cart-value {background: none; font-weight: 400; color: #333; font-size: 16px; }
.header-cart .cart-btn {padding: 0 5px; font-size: 15px; margin-left: 41px;}
.cart-items-box {border: 1px solid #36b03c; color: #333;}
.cart-items-box .cart-header { color: #333;}
#mini-cart-total .price { color: #333; font-size: 18px; line-height: 25px;}
.mini-cart-footer { padding: 10px 1.6em;}
.view-cart-btn, .mini-cart-see-all {background: #36b03c; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-weight: 600; width: auto; padding: 7px 15px; text-transform: uppercase; color: #fff;}
.view-cart-btn {background: #ffb119; color: #333; }
.view-cart-btn:hover, .mini-cart-see-all:hover {background: #0b9137; color: #fff;}
.header .form-search {margin-top: 0px;}
.form-search { background: #ffffff; background: -moz-linear-gradient(left,  #ffffff 93%, #36b03c 93%, #36b03c 100%); background: -webkit-linear-gradient(left,  #ffffff 93%,#36b03c 93%,#36b03c 100%); background: linear-gradient(to right,  #ffffff 93%,#36b03c 93%,#36b03c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36b03c',GradientType=1 ); border: 3px solid #36b03c; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; display: block; height: 47px; padding-left: 5px; }
.form-search a { color: #fff;}
.form-search span.happe-logo { background: #fff url(../images/sr_happe_logo.jpg) no-repeat 0px 5px; width: 49px; height: 39px; display: block; float: left; }
.form-search input { background: #fff; border: none; border-right: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #b1b1b1; float: left; width: 238px; height: 41px; }
.form-search button { background: #36b03c; border: none; border-left: none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; height: 42px; float: left; line-height: 10px; /*margin-left: 7px;*/}
.form-search button i { color: #fff; font-size: 24px; }
.content-boxes-v3 i { float: left; color: #d53a53; width: 10px; height: 10px; line-height: 25px; text-align: center; margin-right: 10px; display: inline-block;}
.overflow-h { overflow: hidden;}
/*.breadcrumb {margin: 0px; border-bottom: 1px solid #ddd;}*/
.breadcrumb {margin-bottom: 0px;}
.sidebar .widget-category-link { margin: 0px;}
.sidebar .widget-category-link a {background: none;}
.sidebar .block { background: #fff; border: 2px solid #deded1; margin-bottom: 15px; padding: 15px;}
.sidebar .block h4.block-title, .sidebar .block h4 { background: #36b03c; color: #fff; font-size: 16px; font-weight: 600; margin: -15px -15px 10px; text-transform: uppercase; padding: 15px;}
.owl-carousel .owl-item { background: #efe9dd; /*border: 1px solid #ddd;*/ margin: 0 5px; min-height: 350px;}
/*#owl-featuredproducts .item { margin: 15px;}*/
#owl-featuredproducts .item h3 {font-size: 14px; font-weight: 600; margin-top: 8px;}
#owl-featuredproducts .item h3 a { color: #333;}
.ft-products h2 { color: #35363b; display: inline-block; font-size: 30px; font-weight: 100; text-transform: uppercase; margin-bottom: 30px;  }
.sect-testimon h2 { font-size: 25px; font-weight: 600; color: #336174; }
.sect-testimon img.user { border: 3px solid #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; margin-top: 20px; margin-bottom: 20px; }
.section-member h2.sectionh2 {color: #fff; font-size: 25px;font-weight: 700;}
.section-member h4 {color: #fff; font-size: 18px; font-weight: 600;}
span.img-circle {background: #d7dbd9; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; padding: 26px; width: 110px; height: 110px; display: block; margin: 0 auto 20px; }
.delivery-band {background: #004890; padding: 7px 0 3px; color: #fff;}
.delivery-band h4 {color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 40px;}
.delivery-band img.icon { float: left; margin: 5px 5px 0 0;}
.content-boxes-v5 {margin: 0px; padding: 0px;}
.content-boxes-v5 li { list-style: none; display: block; width: 26%; float: left; margin: 0px; padding: 0px;}
.content-boxes-v5 li:nth-child(4n) { width: 20%;}
.footer .widget { display: block; margin-bottom: 25px; }
.footer h4.widget-title {font-size: 16px; font-weight: 400; color: #fff; /*text-transform: uppercase;*/ margin-bottom: 15px; }
.newsitem .news_image { float: none; margin: 0px;}
.newsitem h3 { font-size: 20px; font-weight: 600; margin: 15px 0;}
.newsitem h3 a { color: #000;}
.clcopyright {display: none;}
.department {position: absolute; top: -4px; left: 15px; z-index: 50;}
.department ul {margin: 0px; padding: 0px;}
.department ul li { list-style: none; margin: 0px; padding: 0px;}
.department ul li a { color: #333; line-height: 25px; margin: 0px; padding: 0px;}
.department ul li:hover { background: #f8f8f8;}
.department button {border: none;}
.btn-grn-toggle {background: #36b03c; border: none; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; font-size: 16px; color: #fff; padding: 8px 50px;}
.department .dropdown-menu {width: 230px; padding: 10px;}
.department .btn-group span:after { content: ""; font-family: FontAwesome; color: #fff; position: relative; top: 0; left: 5px;}
.bx-wrapper .bx-viewport {background: none !important; border: none !important; box-shadow: none !important;}
.testimonials-container.slider blockquote {border-left: 0px;}

#nav li a {text-transform: none;}
.navbar-default {background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; padding: 10px 0; }
.navbar { margin-bottom: 0px; min-height: auto;}
.navbar-default .navbar-nav > li > a { font-size: 14px; font-weight: 600; color: #fff; text-transform: none; display: block; line-height: 20px; text-shadow: none; padding: 9px 8px; margin: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #36b03c;}
.navbar-default .navbar-nav > .active > a {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
 

ul.leftmenu {margin: 0px; padding: 0px;}
ul.leftmenu li { border-bottom: 1px dashed #888; list-style: none; margin: 0px; padding: 0px;}
ul.leftmenu li a { color: #333; line-height: 30px; margin: 0px; padding: 0px;}
ul.leftmenu li:hover { background: #f8f8f8;}

.dropdown-account {font-size: 14px; font-weight: 400; line-height: 22px; }
.toplink-div {padding: 0px 0 0; margin-top: 10px;}
.links li { margin: 0px; padding: 0px; text-transform: none;}
.links li a { color: #717072; font-size: 14px; font-weight: 400; margin: 0px; padding: 5px 10px;}
.links li a i { display: none;}
.links li a:hover { color: #000; text-decoration: none;}
.links {margin: 0px; display: inline;}
.links li:first-child a, .links li:nth-child(3) a {color: #336174; font-weight: 600;}
.links li a.top-link-news {display: none !important;}

ul.social-bottom {margin: 0px; padding: 0px;}
ul.social-bottom li { margin: 0px; display: inline-block; padding: 0px; text-transform: none;}
ul.social-bottom li a i { background: none; border: 1px solid #888; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #888; font-size: 14px; font-weight: 400; line-height: 27px; display: block; width: 30px; height: 30px; text-align: center; margin: 0px; padding: 0;}
ul.social-bottom li a:hover i { color: #8b9298; text-decoration: underline;}
.bottommenu {margin: 0px; padding: 0px;}
.bottommenu li { margin: 0px; padding: 0px; text-transform: none;}
.bottommenu li a { color: #888; font-size: 14px; font-weight: 400; line-height: 25px; margin: 0px; padding: 3px 10px 3px 0;}
.bottommenu li a:hover { color: #8b9298; text-decoration: underline;}
.footer li {display: block; margin-bottom: 0px;}
.footer li a {color: #888;}


/* ================== STORE CSS HERE =================== */
.category-title {display: inherit; margin-bottom: 0px;}
.category-title h1 { color: #383838; font-size: 26px; margin-bottom: 15px; padding: 0;}
.toolbar { background: none; border: 1px solid #d6d6d6; border-left: none; border-right: none; margin-bottom: 10px;}
.toolbar .sorter {border-bottom: none; font-size: 12px; margin: 8px 0;}
.sorter .sort-by { margin: 0 15px 0px 0; }
.sorter label { font-weight: normal; padding-top: 6px;}
.sorter input, .sorter select { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; padding: 5px; color: #898989;}
/*.sorter select option {background: #51549b; border: none; width: 120px;}*/
.sorter .sort-by select, .limiter select { padding: 7px;}
.sorter .view-mode {margin-top: 0px;}
.sorter .view-mode span, .sorter .view-mode a { width: 30px; height: 30px; line-height: 30px; float: left; vertical-align: top; text-align: center; margin-left: 0px; background: url('../images/gird_list.png') no-repeat; text-indent: 999px; overflow: hidden;}
.sorter .view-mode strong span, .sorter .view-mode a span { display: none;}
.sorter .view-mode a.grid { background-position: -5px -155px;}
.sorter .view-mode span.grid { background-position: -5px -105px;}
.sorter .view-mode span.list { background-position: -5px -5px;}
.sorter .view-mode a.list { background-position: -5px -55px;}

/* ================== BROWSE CATEGORY CSS HERE =================== */
#note {background: rgba(54, 176, 60, 0.9); opacity: 9; }
.categories .products-grid li.item { border: none; padding: 0 5px;}
.categories .products-grid li.item:hover { border: none; padding: 0 5px;}
.products-grid li {list-style: none;}
.products-grid li.item { padding-top: 10px; padding-bottom: 0px; min-height: 350px;}
.products-grid li .greybox { background: #f5f5f5; border: 1px solid #ddd; padding: 0 10px 10px;}
.products-grid li .greybdr { background: #efe9dd;}
.products-grid .product-name { font-size: 14px; line-height: 1.2em; margin: 5px 0 0 0; min-height: 55px; }
.products-grid li.item a {font-weight: 400; color: #000; /*color: #004990;*/ padding: 2px 0; margin-top: 10px;}
.products-grid .image-box { background: #fff; border: 3px solid #d7c8aa; padding: 10px;}
.products-grid .box-info {padding: 5px 10px;}
.products-grid .regular-price .price, span.price-con { /*color: #323232;*/ color: #d42534; font-size: 20px;}
.products-grid .old-price .price { color: #d42534; font-size: 20px; font-weight: bold; text-decoration: line-through; margin-right: 10px;}
.products-grid .special-price .price { color: #d42534; font-size: 20px;}
.products-grid .desc { font-size: 12px; color: #444;}
.products-grid .add-to-links li { display: inline-block; float: none; margin-right: 0px; padding: 0 5px;}
.products-grid .item:hover .actions {  visibility: visible; }
.product-name a { color: #3e7cb4;}

.products-list li.item { background: #f8f8f8; margin: 15px 0 0; padding: 20px 10px; }
.products-list li .listbox {padding: 12px 0;}
.products-list h2 { line-height: 15px; padding-bottom: 0px; margin-bottom: 10px;}
.products-list h2.product-name a { color: #333; font-size: 20px; font-weight: bold; margin: 0 0 0px;}
.products-list h2.product-name a:hover { color: #303030;}
.products-list .product-image {width: auto; height: auto; margin: 0px;}
/*.products-list .price-box {float: none;}*/
.products-list .desc {margin-bottom: 20px;}
.products-list .price-box .price { color: #383838; font-size: 32px;}
.regular-price .price, .price { color: #383838;}
.regular-price .price { color: #383838; font-weight: 400;}
.products-list .add-to-links {font-size: 13px; float: left; margin: 5px 0 0; clear: none;}
.products-list .add-to-links li { /*display: block; */ padding: 3px 0;}
.products-list .add-to-links li a { border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #666; font-weight: 400; margin-right: 10px; padding: 8px;}
.link-wishlist { color: #666 !important; font-weight: 400;}
.products-list .btn-cart {float: left; margin-right: 10px; padding: 8px 10px;}
/*.products-list .btn-cart, */.product-view .btn-cart {padding: 5px 10px 2px;}

.btn-cart {/*background: #36b03c;*/ background: #d0b47e; border: 1px solid #b39457; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color:#fff; font-size: 13px; font-weight: bold; padding: 5px 10px 4px; text-transform: uppercase; text-shadow: none; }
.btn-cart:hover {/*background: #0b9137;*/ background: #b39457; border: 1px solid #b39457; color: #fff;}
.btn-cart-sm {background: #105693; border: 1px solid #105693; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color:#fff; font-size: 13px; font-weight: bold; padding: 5px 5px 4px; text-shadow: none; width: 90px; }
.btn-cart-sm:hover { background: #047ed5; border: 1px solid #047ed5; color: #fff;}
.btn-checkout {background: #e39c7f; border: 1px solid #e39c7f; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; color:#fff; font-weight: 600; padding: 8px 10px 5px; text-transform: uppercase; color: #fff;}
.btn-checkout:hover {background: #edb59f; border: 1px solid #edb59f;}
buttton, .button { -ms-trasition:background 200ms ease-in-out 0ms;-moz-transition:background 200ms ease-in-out 0ms;transition:background 200ms ease-in-out 0ms;-webkit-transition:background 200ms ease-in-out 0ms;}

/* ================== PRODUCT DETAILS CSS HERE =================== */
/*.product-view .product-image {background: #fff; border: 2px solid #ccc; }
.product-view .product-img-box .product-image-zoom { width: 430px; height: 430px;}
.product-view .product-img-box .product-image-zoom img {top: 30%; left: 33%;}*/
ul.category-grid li {padding: 0 8px;}
ul.category-grid li .cat-boxes { background: #fff; border: 1px solid #ddd; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; min-height: 180px; margin-bottom: 15px; padding-top: 20px;}
ul.category-grid li .cat-boxes h4 { font-size: 16px; font-weight: 400; text-transform: uppercase; margin-top: 10px;}
ul.category-grid li .cat-boxes h4 a { color: #333; }
.product-view .product-shop .product-name h1 { color: #383838; font-size: 26px; margin-bottom: 15px; padding: 0;}
.product-view .product-shop .short-description { background: #fff; border: 2px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; margin: 0 0 25px; padding: 10px;}
.product-view .product-sku {margin: 0px;}
.product-view .product-shop .availability {display: none;}
.product-shop .product-options-bottom .price-box {float: none;}
.product-options-bottom {background: #f6f6f6;}
.product-options-bottom .add-to-cart {float: left; display: inline-block;}
.product-shop .product-options-bottom .add-to-links {clear: none; padding: 0px;}
.product-view .product-shop .price-box .price { color: #383838; font-size: 25px; }
.product-view .product-shop .btn-cart {background: #36b03c; border: 1px solid #36b03c; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; color:#fff; font-size: 16px; font-weight: 600; padding: 8px 20px 5px; text-transform: uppercase; height: 42px; margin-right: 10px;}
.product-view .product-shop .btn-cart:hover {background: #0b9137;}
.product-view .add-to-cart label { float: left; display: inline; line-height: 38px;}
.product-view .add-to-cart input.qty { float: left; width: 70px; height: 42px; margin: 0 10px;}
.product-view p.manufacturer, .product-view p.sku { margin-bottom: 3px;}
.product-view .product-shop .add-to-links a {color: #666 !important;}
.product-view .link-wishlist { font-weight: normal; }
.product-view .product-shop .add-to-links li {background: #fff; border: 1px solid #ddd; margin-right: 10px; padding: 0 15px; } 
.product-view .product-shop .add-to-links li a {line-height: 40px; color: #333 !important; }
.product-view .product-shop .add-to-links a:hover {color: #3e7cb4 !important;}
.product-view .product-img-box .more-views li a {width: 100px; height: 100px;}
.product-view .product-options {clear: both;}

.product-options dd select { /*background: #baa26e; border: 1px solid #baa26e;*/ background: #fff; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; box-shadow: none; color: #333; font-size: 14px; width: 50%; height: 40px;}
.product-options dd select option {font-size: 14px;}
.product-view .product-options dl {margin-bottom: 5px;}
.product-essential .product-options .required {margin-top: 5px;}

.product-view .product-collateral { padding: 25px 0;}
.product-view h2 { color: #e86a6f; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
.product-view .product-collateral h2 { color: #e86a6f; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 15px; }
.product-view .box-description {margin-top: 15px;}

table#Table1 tr td {padding: 5px;}
.cart .discount h2, .cart .shipping h2 { color: #105693;}
/* ===================== DATA TABLE PAGES CSS ===================== */
.data-table { width:100%; }
.data-table thead { background:none; }
.data-table thead th, .data-table tbody th { background: #fff; font-weight: 600; vertical-align: middle;}
.data-table thead th.wrap { white-space:normal; }
.data-table .odd  {background: #fff;}
.data-table .even  {background: #f1f1f1;}

.data-table thead th, .data-table tbody td {padding: 10px 8px;border: 1px solid #d6d6d6;vertical-align: middle; color: #333;}
.data-table thead th { background: #f8f8f8; color: #333;}
.data-table th .tax-flag { font-weight:normal; }
.data-table tfoot tr td{text-align: right !important;}
.data-table.cart-table tfoot tr.last td{ font-size: 20px;border: none;padding: 0px;}
.data-table tfoot td.last{text-align: left !important;}
.data-table tfoot tr.last td strong{}
.data-table tfoot { border-bottom: none;}
.data-table tfoot tr {background: none !important;}
.data-table tfoot td { padding-top: 1px; padding-bottom: 1px; border-bottom: 0; border-right: 1px solid #d9dde3;}
.cart-table .product-name { color: #333; font-weight: 400; line-height: 16px; margin: 0 0 5px;}
.cart-table .product-name a { color: #333; }
.data-table tfoot strong { font-size: 16px;}
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/default-icon/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#F5F5F5; color:#777; padding:2px 5px !important; }
tr.summary-details-first td { border-top:1px solid #d5d5d5; }
tr.summary-details-excluded { font-style:italic; }
.cart .totals { background: #fff;}
.cart .totals table { width:100%; }
.cart .totals td {font-weight: 400;padding-bottom: 10px;}
.cart .totals td .price{padding-bottom: 10px;}
.cart .totals td:first-child.a-right{}
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td strong{font-weight: 700;}
.cart .totals tfoot td .price{}
.cart .totals tfoot th strong, .cart .totals tfoot td strong { }
.cart .totals .checkout-types {padding: 0px; }

.checkout-cart-index .btncartgroup button { background: #336174; border: none; color: #fff; font-weight: 600; text-shadow: none; margin-right: 5px; }
.checkout-cart-index:hover .btncartgroup button:hover { background: #1d4657; color: #fff; }

/* ===================== FORM CSS ===================== */
.account-login .content { background: #fff; border: 1px solid #d6d6d6; font-size: 14px; padding: 20px 35px 35px 35px;}
.account-login .content .content-wrapper {min-height: 280px;}
.account-login .content h2 { border-bottom: 1px solid #d7d7d7; font-size: 16px; font-weight: normal; color: #000;}
.account-login .content .content-wrapper input { border: 1px solid #d6d6d6; width: 100%; padding: 5px 3px; }
.account-create .fieldset {background: #fff; border: 1px solid #d7d7d7; margin-bottom: 20px; padding: 35px;}
.account-create .fieldset .legend {background: none; border: none; border-bottom: 1px solid #d7d7d7; font-size: 16px; font-weight: normal; color: #000; float: none; margin: 0 0 14px; padding: 0 0 5px; text-transform: uppercase;}
.account-create .form-list label { margin-top: 9px; }
.account-create .buttons-set {border: none;}
p.required { color: #3e7cb4; font-size: 14px; text-align: left; }
.account-login button.button, .account-create button.button { background: #36b03c; border: none; color: #fff; font-size: 16px; text-shadow: none; float: right; padding: 10px 20px; }
.account-login button.button:hover, .account-create button.button:hover { background: #0b9137; color: #fff; }
.fieldset {background: #fafafa; border: 1px solid #ddd; padding: 22px 25px 12px;}
.fieldset .legend {background: none; border: none; font-size: 18px; font-weight: 400; color: #333; float: none; margin: 0 0 20px 0px; position: inherit;}
ul.form-list {clear: both;}
.form-list textarea {width: 100%;}
.box-account .box-head h2, .addresses-list h2 {color: #3e7cb4;}

/* ===================== CHECKOUT PAGES CSS ===================== */
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait {height: 40px;line-height: 40px;margin-bottom: 5px;}
.opc .ul { list-style:disc outside; padding-left:18px; }
.opc { position:relative; float: left;width: 100%;}
.opc .section { background: #fff; margin-bottom: 10px; padding:0; clear: both;float: left;width: 100%;border: 1px solid #d6d6d6;}
.opc .step-title { background: #fff; text-align: right;padding: 10px 15px;}
.opc .step-title .number {background: none; border: none; color: #444; float: left;margin: 0 10px 0 0;font-size: 16px;line-height: normal;}
.opc .step-title h2 { float: left;margin: 0;font-size: 16px; color: #444; line-height: normal;font-weight: normal;}
.opc .step-title h2:after{content: "\f0d7";font-family: FontAwesome;font-weight: bold;margin-left: 5px;}
.opc .step-title a {line-height: 30px;display: none;}
.opc .section.allow { cursor:pointer; }
.opc .section.allow.active { cursor:auto; }
.opc .allow .step-title { background: #bec8d7; border: none;}
.opc .allow .step-title .number { background: none; border: none; color: #444;}
.opc .allow .step-title:hover { }
.opc .allow .step-title h2 { color: #444;}
.opc .active .step-title { background: #fff; border: none; cursor: default;border-bottom: 1px solid #d6d6d6;margin-bottom: 25px;}
.opc .active .step-title .number { background: none; border: none;color: #444; }
.opc .active .step-title a { }
.opc .step { background: none; border: none; padding:0px 15px 30px;position:relative;float: left;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.opc .step .tool-tip { right:30px; }

#opc-login .col-1 {}
#opc-login .col-2 {}
#opc-login .content{min-height: 294px;overflow: hidden;}
#opc-login h3 {font-size: 20px; font-weight: normal; line-height: 24px; text-transform: none; margin-bottom: 15px;}
#opc-login strong {font-size: 16px;font-weight: 600;margin-bottom: 10px;display: inline-block;}
#opc-login .form-list { margin:20px 0; }
#opc-login .form-list li.control { margin-bottom: 10px;}
#opc-login .form-list li.control label{}
#opc-login .buttons-set { }
#checkoutSteps input[type="radio"], #checkoutSteps input[type="checkbox"] {margin: -3px 6px 0 0;}
#checkoutSteps .button { background: #5dd762; border: none; color: #fff; font-size: 14px; font-weight: bold; text-shadow: none; }
#checkoutSteps .button:hover { background: #36b03c; color: #fff; }

#opc-review .step { padding-left: 0;padding-right: 0;padding-bottom: 0px;}
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set p { margin:0; line-height:36px; }
#opc-review .buttons-set .please-wait { }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight: bold; text-align:center; padding:10px 10px 0; }

.opc .gift-messages-form { }
.opc .gift-messages-form .inner-box { overflow:visible; }

@media (min-width:320px){
.form-search {width: 290px;}
.form-search input {width: 182px;}
}
@media (min-width:480px){

}
@media (min-width:600px){
}

@media (min-width:767px){
.header .form-search {margin: 19px 0 0; width: auto;}
.form-search input {width: 238px;}
}
@media (min-width:992px){
.navbar-default .navbar-nav {margin-top: 12px;}
.navbar-default .container, .navbar-collapse {padding: 0px; padding-right: 0px;}
.header .form-search {margin: 13px 0 0; width: auto;}
.header-cart {margin-top: 20px;}
.form-search input {width: 145px}
ul.social a i {margin: 0 3px 0 0;}
.dropdown-account {font-size: 14px;}
.width-20 { float: left; width: 20%;}
.footer .overflow-h { font-size: 13px; overflow: hidden;}
}
@media (min-width: 1200px) {
/*.container {width: 1250px;}*/
.form-search input {width: 200px;}
ul.social a i {margin: 0; padding: 0px;}
.dropdown-account {font-size: 16px;}

}