/* 
Extra Small - Landscape phones and portrait tablets : @media(max-width:767px){}
Small - Portrait tablets and small desktops : @media(min-width:768px) and (max-width:991px){}
Medium - Portrait tablets and medium desktops : @media(min-width:992px) and (max-width:1199px){}
Large - Large desktops and laptops : @media(min-width:1200px){}
*/

#standingorder_form label#order_reference_lbl {
    font-weight: 700;
    margin: 30px 0;
}

.alertify-dialog .alertify-buttons {
	margin-top: 20px;
}

/* ====================================== */
/* mobile styles */
@media (max-width:767px) {
    footer {height: 400px;clear:both;}
    body {padding-bottom: 400px;} /*Margin bottom by footer height*/
    .clear { clear: both; height: 400px; } /*prevent content showing behind the footer*/
	.col-lg-3.col-md-3.col-sm-4.col-xs-6.column.product-listing-thumbnails:nth-child(2n+1){clear:both}
    .cart-table {font-size: 12px;}
    .navbar-toggle {margin-top: 6px;margin-bottom: 6px;margin-right:20px;padding: 10px;}
    .navigation-background {margin-top: 10px;}
        
    .homepage-panel .text p {font-size:20px;line-height: 0;}
	.navbar-header {/*background: rgba(0, 0, 0, 0) url("../../assets/img/header-dark.jpg") repeat-x scroll 0 0; */border-bottom: 0px solid #e7e7e7;height: 110px;}
	.clena-logo {margin-top: 10px;}
    .homepage-panels {margin-top: 20px;margin-bottom: 10px;}
    .footer-menu.list-inline > li {border-right: 0 none;padding: 0 0 10px;}
    .product-cell .img-responsive {height: 80%;}
    .top-bar .btn.btn-default {padding: 2px;}
    .product-cell .input-group-addon, .input-group-btn {width: 50%;}

}
/*******************************/
/*         Global         */
/*******************************/

html{
    position: relative;
    min-height: 100%;
    width: 100%;
}

.padding-0 {padding:0px;}
.padding-left-0 {padding-left:0px;}
.padding-right-0 {padding-right:0px;}
.padding-left-10 {padding-left:10px;}
.padding-right-10 {padding-right:10px;}
.padding-top-10 {padding-top:10px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-top-20 {padding-top:20px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-top-30 {padding-top:30px;}

.margin-0 {margin:0px;}
.margin-top-0 {margin-top:0px;}
.margin-top-2 {margin-top:2px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;} 
.margin-top-15 {margin-top:15px;}  
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}
.margin-top-50 {margin-top:50px;}
.margin-bottom-2 {margin-bottom:2px;}
.margin-bottom-5 {margin-bottom:5px;} 
.margin-bottom-10 {margin-bottom:10px;}  
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-right-10 {margin-right: 10px}
.margin-right-20 {margin-right: 20px}
.margin-right-5 {margin-right: 5px}
.margin-right-30 {margin-right: 20px}
.margin-left-10 {margin-left: 10px}
.margin-left-20 {margin-left: 20px}
.margin-left-30 {margin-left: 30px}
.margin-left-40 {margin-left: 40px}

.lead {
    font-size: 16px;
}
.red {
	color:red;
}
.green {
	color:green;
}
.orange {
    color: orange;
}

.thumbnail, .page-header {
    border-color: #ddd;
}

.breadcrumb {
    margin-bottom: 0px;
}
a {
    outline: none;
}
/* breadcrumb */
#bc2 {
    margin-bottom: 10px;
}
.btn-breadcrumb .btn.btn-default {
    border: medium none;
    border-bottom: 0 none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0 none;
    line-height: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.btn-breadcrumb .btn.btn-default, .btn-breadcrumb .btn.btn-default:hover,.btn-breadcrumb .btn.btn-default:active {
    background: none;
}
.btn-breadcrumb .btn.btn-default:last-child {
	border-right: 0px;
}
.btn-breadcrumb .fa.fa-home {
    line-height: 1px;
}
.btn-default,
.navbar-brand, .navbar-nav > li > a {
	text-shadow: none;
}
.no-border {
    border: 0px !important;
}
.bold-text {
    font-weight: 700;
}

.panel,
.thumbnail, .img-thumbnail,
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: none;
}

.panel-default > .panel-heading {
    background-image: none;
}

.btn-primary, .btn-info, .btn-success, .btn-default {
    background-image: none;
}


.fa.fa-search {
    color: #fff;
}


/*******************************/
/*         Section content         */
/*******************************/

.sectioncontent {
    margin-bottom:20px;
}
.sectioncontent h1 {
    font-size: 35px;
    margin-top: 0;
    line-height: 40px;
}
.sectioncontent h2 {
    font-size: 30px;
    margin-top: 0;
    font-weight: 100;
    line-height: 40px;
}
.sectioncontent h3 {
    font-size: 16px;
    margin-top: 0;
    color:#595959;
}
section.page-content {
    padding-bottom: 40px;
    padding-top: 20px;
}
section.page-content h1 {
    color: #506247;
    margin-top : 0px;
}

section.page-content .img-thumbnail {
    background-color: #ebf2e5;
    box-shadow: none;
    border-radius: none;
}

.sectioncontent ul {
	margin-left: 40px;
}

.sectioncontent li {
	padding: 5px 0px 5px 0px;
}

.sectioncontent li img {
	margin-top: -2px;
}
/*******************************/
/*         Side Nav         */
/*******************************/

.panel-group.sidenav-main {margin-left: -6px;}
.sidenav-main .glyphicon { margin-right:10px; }
.sidenav-main .arrow {color: #CCCCCC;font-size: 12px;}
.sidenav-main.panel-group .panel + .panel {margin-top:0px;}
.sidenav-main .panel-heading {padding: 5px 4px;background-color: #0db14b;}
.sidenav-main .panel-title {line-height: 14px;padding:4px;font-size: 14px;text-transform:uppercase;}
.sidenav-main .panel-title a {color: #fff;}
.sidenav-main .panel-title a:hover {color: #e3e3e3;}
.sidenav-main .panel-body { padding:0px; }
.sidenav-main .panel-body table tr td { padding-left: 10px; padding-top:5px; padding-bottom:5px;font-size:13px;}
.sidenav-main .panel-body .table {margin-bottom: 0px; }
.sidenav-main-3rdlevel { margin: 5px 0 0 -20px; line-height:18px;}
.sidenav-main-3rdlevel a {color: #333333;font-size: 12px; }
.sidenav-main .panel.panel-default {margin-bottom: 0px;}
.sidenav-main .panel-collapse table a {margin-left: 10px;font-size: 14px;}


/*******************************/
/*         SIDE NAV - sm & xs      */
/*******************************/
.sidenav {padding-right:10px;}
.sidenav a {color:#fff;}
.sidenav .panel {background-color: transparent;border:none !important;}
.sidenav .glyphicon { margin-right:10px; }
.sidenav .arrow {color: #CCCCCC;font-size: 12px;}
.sidenav.panel-group .panel + .panel {margin-top:0px;}
.sidenav .panel-heading {padding: 5px 4px;background-color: transparent !important;}
.sidenav .panel-title {line-height: 12px;padding:0px;font-size: 12px;}
.sidenav .panel-title a {padding:2px 0px;background-color: transparent !important;color:#fff;text-transform: uppercase;}
.sidenav .panel-body { padding:0px; }
.sidenav .panel-body table tr td { padding-left: 5px; padding-top:5px; padding-bottom:5px;font-size:13px;border:none;}
.sidenav .panel-body .table {margin-bottom: 0px; }
.sidenav-3rdlevel { margin: 5px 0 0 0px; line-height:18px;padding-left: 8px;}
.sidenav-3rdlevel a {font-size: 12px;color:#ccc; }
.sidenav .panel-title a.collapsed {}
.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}
    

/*******************************/
/*         Account Landing Page      */
/*******************************/

.my-account-landing-page .text-info {
    color: #595959;
}
.my-account-landing-page .panel-body {
    background-color: rgba(34, 34, 34, 0.04);
    padding: 5px 10px;
    min-height: 190px;
}
.my-account-landing-page .list-group-item.active, .my-account-landing-page .list-group-item.active:hover {
    padding-bottom: 2px;
    padding-top: 5px;
	color: #fff;
     background-color:#595959; 
}
.my-account-landing-page .list-group-item.active .list-group-item-heading{
	color: #fff
}
.my-account-landing-page .lbl {
    color: #FFF;
    text-align: center;
    margin-top:6px;
    background-color:#595959; 
    padding: 8px;
    width: 35px;
}
.my-account-landing-page .my-account-orders-information .list-group-item {
    
}
.my-account-landing-page .my-account-orders-information .list-group-item:hover {

}
.my-account-landing-page .my-account-orders-information .list-group-item-heading {
    color:#595959;
}
.my-account-landing-page .list-group-item-heading {
    font-size: 16px;
}
#alertify-ok.btn.btn-sm.btn-primary {
    margin-left: 2px;
}


/*pending orders */
.td_super_ref {
    width: 150px;
}

.form-control.input-sm.super_ref {
    width: 66.666px;
}

.btn-sm.btn.btn-primary.save-ref {
    padding-left: 4px;
    padding-right: 4px;
}

/*******************************/
/*         Product List         */
/*******************************/

.breadcrumb {
    background: none;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-left 0px;
}    

.page-header.page-title {
    margin: 0 0 0px;
    padding: 0 0 6px;
}

/* Product Cell */

.matrix_products, .single_case {
    height: 30px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.single_case {
    background-color: rgba(204, 204, 204, 0.37);
    border-left: 0 none;
}
.prodcell .form-group {
    margin-bottom: 5px;
}

.product-listing-thumbnails {
    margin-top: 10px;
}
.product-cell-price {
    font-weight: 700;
}
.product-cell {
    padding: 5px;
    background: none;
    border: 1px solid #ddd;
    min-height: 440px;
}

.product-cell:hover {
    border: 1px solid #ccc;
}

.product-cell.category-cell {
    min-height: 150px;
}
.product-cell h4 {
    line-height: 14px;
    margin-bottom: 5px;
    margin-top: 0;
    min-height: 30px;
    font-size: 13px;
    min-height: 40px;
}
.product-cell h4 a {
    font-size: 13px;
    color:#333;
    font-weight: 400;
}
.product-cell figure {
    height: 163px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #fff;
}
.product-cell figcaption {
    background: none repeat scroll 0 0 rgba(79, 79, 79, 0.68);
    display: table;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.product-cell figcaption p {
    display: table-cell;
    font-size: 1em;
    color: #222;
    text-transform: uppercase;
    position: relative;
    top: -40px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.product-cell:hover figcaption {
    opacity: 1;
    background: none repeat scroll 0 0 rgba(212, 212, 212, 0.68);
}
.add-favourites-quote {
    font-size: 11px;
}
.category-title > a {
    color: #243843 !important;
    font-size: 14px !important;
}


/*******************************/
/*         Product Detail         */
/*******************************/

/*global table style*/

thead {
    background-color: #e1e1e1;
    border-bottom: 1px solid #243843;
    color: #333;
    font-weight: 400;
}

th {
    font-weight: 400;
}
.product-detail .form-control {
    max-width: 300px;
}
.product-detail .quantity-box {
    width: 80px !important;
}

.product-detail-product-title {
    border-bottom: 1px dotted #ccc;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #000;
}
.product-detail .code {
    color: #333;
}
.product-detail .select-item-sku {

}
.product-detail .description {
    font-size:13px;
}
.product-detail .price {
    font-size:16px;
}
.fa.fa-star {
    color: #000;
    /*background-color: #333;
    padding: 2px;
    border-radius: 5px;*/
}
.zoom-thumbnail {
    max-height: 110px;
    min-height: 110px;
}

/*******************************/
/*         Register         */
/*******************************/

input.register-terms-checkbox {
    margin-left: 0 !important;
}   
.register-terms-text {
    margin-left: 17px;
}    


/*******************************/
/*         Favourites      */
/*******************************/

.favourites-list h4 a {
	color: #333;
	font-size:15px;
}	
.favourites-list .thumbnail {
    height:125px;
    margin-bottom: 0px;
}
.favourites-list .code {
    color: #333;
}
.favourites-list-buttons .removefromfavourites, 
.favourites-list-buttons .moreinfo, 
.favourites-list-buttons .ordernow {
    background-color: #f1f1f1;
    border: 1px solid #b5b5b5;
    padding: 5px 10px;
	line-height:30px; /*prevent icons overlapping on mid size*/
}
  

/*******************************/
/*         Checkout     */
/*******************************/

.cart-table .thumbnail {
    width: 50px;
    margin-bottom:0px;
}

.print-order, .edit-order a, .back-to-list {
    font-size: 12px;
    text-decoration: underline;
}

.cart-table .quantity-box {
    width: 50px;
}

.cart-saved-orders-panel {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid rgba(204, 204, 204, 0.33);
}

/* Summary */

.panel-heading.steps-panel-heading {
    color: #000;
    padding: 8px 17px;
}
.summary-content .panel-title {
    font-size: 14px;
}

.cartcontent .panel-body {
    min-height: 100px;
}
.proceedpayment {
    margin-left: 10px;
}

.panel-heading.summary-address,
.panel-footer.summary-address{
    padding-bottom: 5px;
    padding-top: 5px;
}
.summary-content .panel-title {
    font-size: 14px;
    font-weight: 700;
}

/* Checkout Process Steps */
.bs-wizard {margin-bottom: 20px;margin-top: 20px;}
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 13px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;border: 1px solid #e7e7e7;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/*******************************/
/*         Footer         */
/*******************************/


footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*
footer p {
	margin: 0;
}
footer h3 {
	border-bottom: 1px dotted #cecece;
	color: #cecece;
	font-size: 14px;
	padding: 10px 0px;
	text-transform: uppercase;
    margin-top:0px;
}
footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
    height: 110px;
}
footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
footer a {
	color: #fafafa;
}
footer a:hover, footer a:active {
	color: #8fb0c3;
}
*/

/*******************************/
/*         Media Queries         */
/*******************************/

/* ====================================== */
/* small size */   


@media (min-width:768px) and (max-width:991px){
    .dropdown:hover .dropdown-menu {display: block;}
    footer {height: 350px;}
    body {padding-bottom: 350px;}  /*Margin bottom by footer height*/
	.container {width: 98%}
    .clear {height:350px} /*prevent content showing behind the footer*/
	.col-lg-3.col-md-3.col-sm-4.col-xs-6.column.product-listing-thumbnails:nth-child(3n+1)
     {clear:both}
    .container.cart_holder.hidden-xs {margin-bottom:10px; margin-top: -10px;}
    .cart-table {font-size: 12px;}
    
    .navbar-brand {height: 45px;}
    .navbar-brand img {margin-left: -10px;}
	.navbar-header {background: rgba(0, 0, 0, 0) url("../../assets/img/header-dark.jpg") repeat-x scroll 0 0; border-bottom: 0px solid #e7e7e7;height: 110px;}
    .full-search {margin-top: -25px;}
    .search-side {right: 6px;top: 3px;}
    .navbar-toggle {margin-right:15px;padding: 10px;}
    
    .homepage-panel .text p {font-size: 16px;}
	
     .homepage-panels {margin-top: 40px;margin-bottom: 40px;}
    .nav.navbar-nav.navbar-right {margin-left: -30px;}
    #myCarousel .item img {min-height: 300px;}
    .home-login {height: 302px;margin-top: -1px;}
    .parallax .panel {min-height: 270px;}
    .main-banner-login {margin-top: 10px;width: 100%;}
    .product-cell .img-responsive {height: 100%;}
    .product-cell .input-group-addon, .input-group-btn {width: 50%;}
    .parallax .panel-body {
        min-height: 200px;
    }
    
}

/* ====================================== */
/* mid size */

@media (min-width:992px) {
    .dropdown:hover .dropdown-menu {display: block;}
    footer {height: 300px;}
    body {padding-bottom: 300px; }/*Margin bottom by footer height*/
	.col-lg-3.col-md-3.col-sm-4.col-xs-6.column.product-listing-thumbnails:nth-child(4n+1){clear:both}
    .cartcontent {padding-left: 100px;padding-right: 100px;}
    .container.cart_holder {padding-top: 10px;margin-bottom:0px}
    
    .navbar-brand {height: 70px;}
    .navbar-default .navbar-nav > li > a {font-size:13px;}
    
    .homepage-panel .text p {font-size: 16px;}
    .contacts-light {padding: 5px 0px 10px 0;}
    .wpb-mobile-menu{display: none;}
    .slicknav_menu{display: none;}
     .homepage-panels {margin-top: 20px;margin-bottom: 0px;}
    .panel.home-login {margin-left: 10px;}
    #myCarousel .item img {min-height: 300px;}
    .home-login {min-height: 300px;}
    .parallax .panel {min-height: 270px;}
    .product-cell .img-responsive {height: 100%;}
    .product-cell .input-group-addon, .input-group-btn {width: 50%;}
	.navbar-form-light {margin-left: 20px;}
    .parallax .panel-body {
        min-height: 300px;
    }
}

/* ====================================== */
/* large size */
@media(min-width:1200px){ 
    footer {height: 300px}
    body {padding-bottom: 300px;} /*Margin bottom by footer height*/
	.col-lg-3.col-md-3.col-sm-4.col-xs-6.column.product-listing-thumbnails:nth-child(4n+1){clear:both}
    .cartcontent {padding-left: 100px;padding-right: 100px;}
    .container.cart_holder {margin-bottom:10px; margin-top: -10px;}
    
    .navbar-brand {height: 70px;}
    .navbar-default .navbar-nav > li > a {font-size:14px;}
    
    .homepage-panel .text p {font-size: 20px;}
    .contacts-light {padding: 5px 0px 10px 0px;}
    .wpb-mobile-menu{display: none;}
    .slicknav_menu{display: none;}
    .homepage-panels {margin-top: 20px;margin-bottom: 0px;}
    .panel.home-login {margin-left: 10px;}
    #myCarousel .item img {min-height: 300px;}
    .home-login {min-height: 300px;}
    .parallax .panel {min-height: 270px;}
    .product-cell .img-responsive {height: 100%;}
    .product-cell .input-group-addon, .input-group-btn {width: 38%;}
	.navbar-form-light {margin-left: 40px;}
    .parallax .panel-body {
        min-height: 230px;
    }
}

.btn-breadcrumb {
    margin-top: 10px;
}