body { margin-bottom: 330px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; }
a { color: #444444; }
a:hover { color: #333333; }

.btn { background-color: #0b8342; border-color: #0b8342; color: #ffffff; }
.btn.login { background-color: #999999; border: 1px solid #999999; float: right; margin-right: 10px; margin-top: 4px; }
.btn.login:hover { background-color: #666666; border-color: #666666; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #006633; border-color: #006633; }
#basketcontinueshopping .btn { background: #666; border-color: #666; }
#basketcontinueshopping .btn:hover { background: #333; border-color: #333; color: #fff; }
#logo-mobile { display: inline; }

.header-basket a { line-height: inherit ; margin-top: 4px; }
a.header-basket-text { background-color: #0b8342; padding: 11px; }
a.header-basket-text:hover { background-color: #006633; border-color: #006633; }
.basket-head-items { padding: 0px; }

.header-search .searchform .btn { background-color: #006633; border-color: #006633!important; }
.header-search { margin-top: 4px; }
.header-search p.strap { font-style: italic; }
.header-search #searchform { margin: 0px; width: 100%; }
.header-search #searchform .input-group { border: 3px solid #0b8342; border-radius: 6px; }
.header-search #searchform .searchterm { background: #ffffff; }
.header-search #searchform .input-group-btn, .header-search #searchform .btn { background-color: #0b8342; border: 0px !important; color: #ffffff; font-size: 14px; }
.header-phone a { font-size: 18px; color: #0B8342; }
.header-phone .fas { color: #0b8342; }
p.phone { color: #0b8342; font-size: 22px; color: #0b8342; float: right; width: 50%; text-align: right; margin-bottom: 0px; }
.logout-form span.navbar-logout { padding: 0 10px; margin: 5px 10px 5px 0; float: right; font-size: 14px; }

.fa.fa-user { font-size: 18px; }

.header-links { padding: 0 15px; }
.header-links li { margin: 0px; width: 20%; }
.header-links li a { text-align: center; width: 100%; display: inline-block; background-color: #1f3380; padding: 10px 0px; color: #ffffff; border-radius: 6px; }
.header-links li.last { padding-right: 0px; }
.header-links li a:hover { background-color: #121D48; }

.header-home, .header-back {
    float: right;
    font-size: 22px;
    padding: 5px;
}

#home-sub-adds .plist-item img { max-width: 100% !important; max-height: 100%; }
#home-sub-adds .plist-item .caption { padding-top:0px; background-color: #333373; }
#home-sub-adds .plist-item .caption h4 { margin-top: 0px; color: #ffffff; padding-top: 15px; }
#home-sub-adds .thumbnail { height: 390px; }
#home-sub-adds img { border: 1px solid #333373; }

.plist-item .caption h4 { font-size: 15px; height: 60px; }
.plist-item h5.price-label { text-align: center; }
.plist-item img { max-height: 180px; }
.thumbnail { height: 380px; }
.thumbnail .inner-box { height: 360px; }
.plist-item .inner-box h5.price-label span.price { color: #0b8342; font-weight: 600; font-size: 16px; }
.portalback { background-color: #89939E; border: 0px; }
#onstopmessage { padding: 20px 10px; }
table.lastorder th, table.lastorder td { padding: 4px; }
.price span { color: #0b8342; }
.price span.disc { font-size: 12px; color: #333333; font-weight: normal; }
.panel-default > .panel-heading { background-color: #dddddd; }
.prod-details .panel-default > .panel-heading { background-color: #fff; border-bottom: 0px; border-top: 1px solid #ccc; padding-top: 20px; }
.prod-details .panel-default > .panel-heading:first-of-type { border-top: 0px; padding-top: 10px; }
.prod-details .panel-default { padding: 15px; }
.prod-details .panel-default > .panel-heading .panel-title { font-weight: 600; }
.btn.addFavourite { color: #333; padding: 10px; }
.wishlistform i { color: #444444; }

.favourite-product-caption .remove-move .wishlistform .btn { color: #444444; }
.favourite.list-view .addquantity {
    width: 70px;
    float: left;
    margin: 15px 5px 15px 0;
}
.favourite.list-view .quotesubmitinput-prodlist {
    background-color: #0b8342!important;
    width: 50%;
    padding: 6px 10px;
    margin: 15px 0;
}
.favourite-category-title {
    overflow: hidden;
}
.favourite-category-title a {
    display: inline-block;
    float: left;
    width: 80%;
    padding: 2px 0;
}
.category-delete {
    float: right;
    display: inline-block;
    width: 20%;
    text-align: right;
}

.image-container { text-align: center; width: 100%; }
#registeraccepttermslabel a { text-decoration: underline; }
#confirmorder .panel-default { min-height: 230px; }
p.deloptions { color: #0B8342; font-weight: bold; }
.pdetails .image { border: 0px; }

#leftsidebar .panel.sidebar { border-color: #fff; }
#leftsidebar .panel.sidebar .panel-heading .panel-title { font-size: 15px; }
#leftsidebar .panel.sidebar .panel-heading { background-color: #0b8342; padding: 6px 15px 6px 0px; }
#leftsidebar .panel.sidebar .panel-heading a.collapsed { padding-left: 15px; display: block; /*background: url(../images/sidebar-icon.png) no-repeat 0px 0px;*/ }
#leftsidebar .panel.sidebar .panel-heading a.collapsed.newproducts { color: #ec1218; }
#leftsidebar .panel.sidebar .panel-heading a { padding-left: 15px; display: block; color: #fff; /*background: url(../images/sidebar-icon.png) no-repeat 0px -90px;*/ }
#leftsidebar .panel-collapse.in .panel-body { padding: 4px; }
#leftsidebar .second-level { padding: 5px 8px; background-color: #acacac!important; margin-bottom: 1px; }
#leftsidebar .second-level h4.panel-title { font-size: 13px!important; }
#leftsidebar .second-level a { color: #666; }
#leftsidebar .second-level a.currentcat { color: #666; font-weight: bold; }
#leftsidebar .third-level { padding: 5px 15px; background-color: #ececec!important; margin-bottom: 1px; }
#leftsidebar .third-level .fa { margin-left: -22px; font-size: 8px; color: #999999; }
#leftsidebar .third-level a { color: #666; font-size: 12px; }
#leftsidebar .third-level a.currentcat { color: #666; font-weight: bold; }

#collapse-nav { background-color: #0b8343; padding: 5px 8px 3px 8px; margin-top: 10px; }
#collapse-nav .fa { color: #ffffff; font-size: 32px; }
#collapse-nav .fa-bars { color: #ffffff; }

.badge.basket-head-total { background-color: #dddddd; color: #333333; padding: 6px 10px; vertical-align: top; font-weight: 500; }
.drilldown a.navback { background: #3d3d3d; color: #fff; }
.drilldown .navback i { font-size: 14px; }
.drilldown li { background: #999; }
.drilldown li a { color: #fff; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #000; }

.breadcrumb { font-weight: 500; background-color: #ffffff; border: 0px; }

select.btn { background-color: #e7e7e7; border-color: #dadada; color: #333; }

.prod-details { margin-top: 20px; }
.suplogo { text-align: center; margin-bottom: 10px; }

#map { width: 100%; height: 800px; margin: 10px 0px; }
#sidebar { float: left;width: 100%; margin-top: 92px; }
.sidebar_item { padding: 5px; background-color: #0b8342; border: 1px solid #063; margin: 2px 0px; color: #fff; width: 100%!important; cursor: pointer; }
.sidebar_item:hover { background-color: #063; }

.staticcontent div#map { display: block; height: 800px; }
.staticcontent.contact { padding-left: 100px; }

.pdetails .quotesubmitinput-prodlist {
    background-color: #0b8342!important;
    border-color: #0b8342;
    color: #ffffff;
    padding: 6px 12px;
}

.product-history th a { text-decoration: underline; }
.product-history th a.highlight { color: #0b8342; }
.transactionFilters { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px; }
#copy-invoice-submit { display: block; clear:both; float: right; margin: 20px 0; }
#fromInvNo, #toInvNo { width: 100%; display: block; }

a.orderanchor { display: block; position: relative; top: -80px; visibility: hidden; }

.btn.btn-enq { margin-bottom: 20px; }

.cylinderstatement-head { margin-top: 50px; }
#copycylinder { margin-bottom: 50px; }
/*#ordertable th.sorting { background: none; }*/

.myForm { margin-top: 10px; }
.sent-notification { 
    font-size: 14px;
    margin-top: 10px;
    padding: 6px 12px;
    font-weight: 600;
}
.quote-expired {
    margin-top: 10px;
    padding: 6px 6px;
    font-size: 12px;
    font-weight: 600;
}
.quote-request {
    margin-left: 10px;
    background-color: #2b3483;
        border-color: #2b3483;
}

footer { background-color: #f8f8f8; margin-bottom: 10px; color: #555555; }
#footer { border: 1px solid #b2b2b2; padding: 10px; background-color: #f8f8f8; }
#footer .footer-left { padding: 0px 30px; }
#footer a.ogl { font-size: 11px; color: #888888; }
.footer-right h4 { font-weight: 600; }

.favourite-product-caption h3 {
    font-size: 16px;
    margin-top: 0;
}

.submitQuoteHidden {
    visibility: hidden;
    float: right;
}
.editQuote {
    text-align: right;
    padding-right: 0;
}
#cancelSubmitQuote {
    margin-right: 10px;
    background-color: #333;
    border-color: #222;
}
#submitOrderRequest {
    margin-right: 10px;
}
#cancelSubmitQuote:hover, .backtoquotesbtn:hover {
    background-color: #006633;
    border-color: #006633;
    color: #fff;
}
#cancelSubmitQuote:hover {
    background-color: #777;
    border-color: #666;
}
#submit-notification {
    display: none;
    float: right;
    margin: 0;
    padding: 6px 10px;
}

/*Add flash animation to price fields on quote / order page*/
.text-flash {
    animation: textFlashAnimation 0.5s ease-in-out;
}

.submitQuoteContainer {
    margin-bottom: 20px;
}
#addNewProducts {
    visibility: hidden;
}

@keyframes textFlashAnimation {
    0% { color: #ffffff; }   /* Bright red */
    50% { color: #cccccc; } /* Orange */
    100% { color: inherit; } /* Return to original color */
}



@media (min-width: 992px) {
    .navbar { height: 1px; }
    .tooltipcontainer { top: 80px; right: 5%; }
    .thumbnail.gridview { height: 500px; }
    .thumbnail.gridview .inner-box { height: 470px; }
}

@media (max-width: 768px) {
    header { margin-top: 95px; }
    .navbar-header { height: 85px; background-color: #f8f8f8; }
    .navbar button { font-size: 24px; color: #0b8343; }
    body { margin-bottom: 460px; }
    .navbar .navbar-toggle { margin-right: 10px; }
    .navbar .container .navbar-brand { margin-left: 0px; }
    .navbar .container .navbar-brand img { max-height: 70px; }
    #home-sub-adds .plist-item .caption h4 { padding-top: 8px; }
    .pagenav-bottom { overflow: auto; }
    #home-sub-adds .thumbnail { height: 475px; }
    #home-sub-adds .plist-item .caption { max-width: 285px; margin: 0 auto; }
    #basketcontinueshopping { clear: both; float: right; margin-top: 15px; }
    .header-links li { width: 25%; }
    .header-links li a { font-size: 13px; }
    #searchform .btn { padding: 8px 10px; background-color: #0b8343; }
    #searchform .btn .fa { color: #fff; }
    .thumbnail { height: 370px!important; }
    .thumbnail .inner-box { height: 340px!important; }
    #orders { overflow-x: auto; }
}

@media (max-width: 460px) {
    body { margin-bottom: 560px; }
    header { margin-top: 70px; }
    .navbar .container .navbar-brand { margin-left: 0px; }
    .navbar .container .navbar-brand img { max-height: 40px; }
    .navbar .navbar-toggle { margin-right: 0px; padding: 9px 8px; }
    .navbar-header { height: 60px; }
    .navbar button { font-size: 18px; }
    #collapse-nav { margin: 10px 10px 10px 4px; }
    #collapse-nav .fa { font-size: 22px; }
    .badge.basket-head-total { padding: 4px 8px; }
    #home-sub-adds .thumbnail { height: 315px; }
    #home-sub-adds img { margin-top: 0px; }
    .col-xs-6 { width: 50%; }
    .image-container { height: 180px; }
    #show, #sortby { margin-top: 10px; }
    .pagination { margin-bottom: 0px; }
    .plist-item .caption h4 { font-size: 12px; height: 40px; }
    .plist-item h5.price-label, .plist-item h5.price-label span.disc { font-size: 12px; }
    input#savebasket { margin: 15px -15px 0 0; }
    .header-links li a { min-height: 56px; }
    .wishlistform { text-align: left; }
    .wishlistsubmitinput-prodlist { color: #444444; }
}

#stocklevels-modal table { width: 100% }
#stocklevels-modal td { padding: 4px; border: 1px solid #ccc; font-size: 13px; text-align: left; vertical-align: middle }
#stocklevels-modal tr:nth-child(even) { background-color: #f2f2f2; }