@import url("customer.css");
@import url("jquery.lightbox-0.5.css");
@import url("jquery.jqzoom.css");
@import url("responsiveslides.css");
@import url("slicknav.css");

/* RESPONSIVE MOBILE MENU CSS */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,600,800);
@font-face {
    font-family: 'BEBAS';
    src: url('bebas_-webfont.eot');
    src: url('bebas_-webfont.eot?#iefix') format('embedded-opentype'), url('bebas_-webfont.woff2') format('woff2'), url('bebas_-webfont.woff') format('woff'), url('bebas_-webfont.ttf') format('truetype'), url('bebas_-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('bebasneue-webfont.woff2') format('woff2'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype'), url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------- DEFAULT LAYOUT STYLE ------------------------------------- */

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, Arial;
    font-size: 16px;
    color: #393333;
    width: 100%;
    overflow-x: hidden;
}

.testMenu {
    min-height: 44px;
    padding: 0;
    margin-bottom: .5em;
    margin-top: .5em;
}

.slicknav_menu {
    display: none;
}

.top {
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.top {
   /* max-width: 1170px; */
    margin: 0 auto;
}

ul#menu {
    margin: 0;
}

#topnav {
    height: 31px;
    margin: 0 auto;
    list-style: none;
    z-index: 2000;
    max-width: 1140px;
}

.editorbody {
    background: none;
}

img {
    padding: 0;
    margin: 0;
}

a img {
    border: 0;
}

a {
    color: #9a9a9a;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

a:hover {
    color: #4F7BBF;
    text-decoration: underline;
}

p {
    padding: 0;
    margin: 0;
}

table {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.form {
    padding: 0;
    margin: 0;
    display: inline;
}


/* ---- SHOP CHANGE - PRODUCT NAME ---- */

h1 {
    color: #5a82b1;
}

.productHeader h1 {
    font-size: 16px;
    color: #68757d;
    font-weight: 300 !important;
    width: 96%;
}

h2 {
    font-size: 16px;
    color: #525252;
    margin: 0;
    padding: 0;
    display: inline;
    font-weight: 400;
}

#searchwait {
    font-size: 22px;
    color: #50AF95;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
}

#featuredProducts,
#specialOffers,
.productInfoTitle {
    font-size: 1em;
    color: #fff;
    background: #5a82b1;
    width: 100%;
    padding: 0.6% 0;
    text-indent: 1%;
}

#alsoPurchasedContainer {
    margin: 1% 0;
    overflow: hidden;
}

#basketframe {
    border: 0;
    width: 270px;
    height: 200px;
    overflow: hidden;
}


/* ---- SHOP CHANGE - HEADERS ---- */

h4 {
    font-size: 16px;
    color: #395469;
    margin: 0;
    padding: 0;
    display: inline;
    font-weight: 400;
}


/* SHOP CHANGE - PRICE */

h5 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: inline;
    color: #5A82B1;
}

h6 {
    font-size: 14px;
    display: inline;
    margin: 0;
    padding: 0;
}

h3 {
    text-decoration: line-through;
}

form#addbasket h3 {
    margin-bottom: 0;
}


/* ------------------------------------- FONT COLOURS LAYOUT STYLE ------------------------------------- */

.Type10AColour {
    color: #50AF95;
    font: 12px/14px Arial, Verdana, sans-serif;
}

.Type10BColour {
    font: 10px/14px Arial, Verdana, sans-serif;
}


/* ------------------------------------- MAIN LAYOUT STYLE ------------------------------------- */

#container,
#container-fixed {
    margin: 0 auto;
    max-width: 100%;
}

#gmap {
    float: right;
    border: 1px solid #e1e1e1;
    margin-right: 40px;
}

#header {
    width: 100%;
    overflow: hidden;
}

.headerInside {
    margin: 1% 1% 0 1%;
    overflow: hidden;
}

#headerimg {
    float: left;
    height: 98px;
    background: url('../images/logo_header.gif');
    background-repeat: no-repeat;
}

#headertxt {
    float: right;
    padding-top: 20px;
    padding-right: 20px;
    color: white;
}

.search-bar-mobile {
    display: none;
}

#txtSearch2 {
    width:200px;
}

.col-md-4.headerLogo {
    width: 11em;
    height: 119px;
    float: left;
    margin-right: 2%;
}

#header img {
    float: left;
}

#cont-holder {
    margin: 0 auto;
    padding: 0;
    clear: both;
}

#leftmenu {
    float: left;
    margin-bottom: 10px;
    background: white;
}

#leftmenu > ul > li:last-of-type a {
    border-bottom: none;
}

.menu-section {
    width: 200px;
    height: 100%;
    background: white;
    padding: 5px;
    clear: both;
    float: left;
}

#rightnav {
    width: 210px;
    padding: 10px 0 0 0;
    height: 100%;
    float: right;
}

#main {
    margin-left: 0;
    width: 100%;
}

#main-no-left {
    height: 100%;
    min-width: 200px;
    padding: 0;
    background: #fff;
    padding-bottom: 30px;
}

#main-right-menu {
    padding: 10px 10px 10px 10px;
    height: 100%;
    margin-left: 220px;
    margin-right: 220px;
}

#main-right-menu-no-left {
    padding: 10px 10px 10px 10px;
    height: 100%;
    margin-right: 220px;
}

#main a,
#main-right-menu a,
#main-right-menu-no-left a,
#main-no-left a {
    color: #5A82B1;
    text-decoration: none;
}

#main a:hover,
#main-right-menu a:hover,
#main-right-menu-no-left a:hover,
#main-no-left a:hover {
    color: #666666;
}

#clear {
    clear: both;
}

.clear {
    clear: both;
}

.ralign {
    float: right;
}

#seo-area {
    color: #fff;
    overflow: hidden;
    background: url('../images/ourStoryBg.png');
    background-size: 100%;
    text-align: center;
    display: none;
}

#seo-area-inner {
    float: left;
    width: 42%;
    padding: 4%;
}

.osTitle {
    font-size: 20px;
    text-transform: uppercase;
}

.osText {
    margin: 4% 0;
    line-height: 26px;
}

a.learnMoreBtn {
    display: inline-block;
    background: #393333;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #fff;
    -webkit-box-shadow: 5px 5px 0px -2px rgba(255, 255, 255, 1);
    -moz-box-shadow: 5px 5px 0px -2px rgba(255, 255, 255, 1);
    box-shadow: 5px 5px 0px -2px rgba(255, 255, 255, 1);
}

a.learnMoreBtn:hover {
    background: #5a82b1;
    color: #fff;
}

#footer {
    padding: 20px;
    clear: both;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    background: #333;
    color: #e5e5e5 !important;
    font-size: .667em;
    letter-spacing: 1px;
}

#search {
    float: right;
    padding: 5px;
    margin: 5px 0px 0 0;
    clear: right;
    display: none;
}

.search-icon {
    display: none;
}

#login-text {
    display: block;
}

#login-img {
    display: none;
}

#basket {
    float: right;
    /* padding: 5px; */
    margin: 0 0 0 15px;
    /* border-left: 1px solid #393333; */
    /* border: 1px solid #5a82b1; */
    padding: 0.75em 2em;
    border-radius: 5px;
    font-size: .667em;
}

.basket-image {
    overflow: auto;
}

#header .basket-image img {
    margin: 0 auto;
    display: block;
    float: none;
    margin-bottom: 5px;
    width: 4.5em;
}

#basket select,
#basket input {
    color: #777777;
    margin-bottom: .75em;
    border: 1px solid #5a82b1;
    border-radius: 3px;
    padding: .15em;
}

#basket a {
    font-weight: 700;
    color: #333;
}

strong#toptotal,
strong#topitems {
    color: #5a82b1;
}

a.topBasket {
    background: url('../images/basketIconDark.png') no-repeat;
    background-position: 100% 5px;
    display: block;
    padding: 10px 40px 10px 10px;
    text-decoration: none;
    color: #393333;
}

a:hover.topBasket {
    background: url('../images/basketIconBlue.png') no-repeat;
    background-position: 100% 5px;
    color: #5a82b1;
}

#searcht {
    float: right;
    padding: 5px;
    border: 1px solid #e1e1e1;
    background: #fff;
    margin: 5px 10px 0 0;
}

.td-border {
    border-left: 1px solid #e1e1e1;
    margin-right: 10px;
    width: 10px;
}

.td50 {
    width: 50%;
}

.td50pad {
    width: 50%;
    padding-left: 10px;
}

.ralign {
    display: none;
}

#basketpopup {
    position: fixed;
    top: 22px;
    right: 9%;
    margin: 0 0 0 182px;
    width: 271px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    z-index: 1000;
    background: white;
    border-radius: 7px;
}

.basketclose {
    background: #5A82B1;
    float: right;
    color: white !important;
    width: 18px;
    height: 18px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 999999;
}

a.prod-title-pop {
    font-size: 14px !important;
    color: #5A82B1 !important;
}

.remove-item {
    font-size: 12px !important;
    color: #5A82B1 !important;
}

.basketPopPayButton {
    background: #5a82b1;
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none;
}

#basketpopup a {
    color: #50AF95;
    text-decoration: none;
}

#basketpopup a:hover {
    color: #9a9a9a;
    text-decoration: none;
}

#previous-next {
    padding: 5px;
    border: 1px solid #e1e1e1;
    background: white;
    display: none;
}

.price {
    width: 102px;
    height: 47px;
    padding-top: 10px;
    background: url(../images/price-bkg.gif);
    display: inline;
    margin: 0;
    color: red;
}

p.quant {
    font-size: 14px;
}

.basketItemImg {
    width: 20%;
    float: left;
}

.basketItemImg img {
    width: 100%;
}

.basketItemDetail {
    float: right;
    width: 75%;
    text-align: left !important;
}

.basketItem {
    clear: both;
}

p.price-pop {
    font-size: 14px;
}

.basketItem {
    border: 1px solid #DFDFDF;
    padding: 1em;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 1em;
    border-radius: 7px;
}

.basketPopTotal {
    font-size: 14px;
}


/* ------------------------------------- SHOP LAYOUT STYLE ------------------------------------- */

.category {
    width: 150px;
    height: 175px;
    margin: 0 10px 10px 0;
    float: left;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
    text-align: center;
}

.productWrap,
.specialsWrap {
    width: 100.1%;
    margin: 0 0 2% 0;
    overflow: hidden;
    margin: 0 0 2% 0;
}

.product {
    width: 25%;
    height: 270px;
    padding: 4px 0 0 0;
    float: left;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background: white;
    text-align: center;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.colorSwatch {
    overflow: hidden;
    margin: 3% 0;
}

img.colorSwatchImg {
    max-width: 25px;
    float: left;
    margin: 0% 1%;
    border: 1px solid #666;
}

img.colorSwatchImgSelected {
    max-width: 25px;
    float: left;
    margin: 0% 1%;
    border: 3px solid green;
}


/* ----------------- GUEST BASKET -----------------*/

.checkoutTitle {
    clear: both;
    overflow: hidden;
    border-bottom: 3px solid #5A82B1;
    padding: 0 0 1% 0;
    margin: 0 0 2% 0;
}

.checkoutTitleHead {
    float: left;
    text-transform: uppercase;
}

.checkoutTitleLogin {
    float: right;
}

.checkoutFields {
    width: 30%;
    float: left;
}

.checkoutFields2 {
    width: 30%;
    float: left;
    margin: 0 0 0 5%;
}

.checkoutFields3 {
    width: 30%;
    float: right;
    border: 1px solid #5A82B1;
}

.checkoutFieldAddress {
    width: 100%;
    border: 1px solid #4191b8;
    float: left;
}

.checkoutFieldShipping {
    width: 100%;
    border: 1px solid #4191b8;
    float: left;
    margin: 0 1% 5%;
}

.checkoutFieldPayment {
    width: 100%;
    border: 1px solid #4191b8;
    float: left;
    margin: 0 1%;
    clear: right;
}

.form2BillingTitle,
.form2ShippingTitle,
.form2PaymentTitle,
.form2BasketTitle {
    background: #5A82B1;
    color: #fff;
    padding: 3%;
}

.form2Billing {
    overflow: hidden;
    width: 96%;
    float: left;
    background: #fff;
    padding: 2%;
}

.formField {
    color: #000;
}

input.regFormInput,
textarea,
select.regFormSelect,
select.BillingCountry {
    width: 64%;
    margin-bottom: 1%;
    float: right;
    /* clear: left; */
    border: 1px solid #5A82B1;
}

.termsConditionsCheck2 {
    border: 1px solid #5A82B1;
    /* background: #ebfeeb; */
    padding: 1%;
    text-align: center;
    width: 62%;
    margin: 3% 0;
    clear: right;
    float: right;
}

.orderButton {
    float: right;
    clear: right;
    width: 64%;
    margin: 0 0 2% 0;
}

.orderButton a {
    background: #395469;
    background: #5a82b1;
    display: inline-block;
    padding: 20px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    box-sizing: border-box;
    border: 0;
    text-transform: none;
    text-align: center;
    width: 100%;
}

.orderButton a:hover {
    background: #395469;
}

.cardDetails {
    float: right;
    width: 64%;
    background: #d9e9f1;
    margin: 0 0 2% 0;
}

.form2PaymentCardPayment {
    background: #4191b8;
    color: #fff;
    padding: 3%;
}

.paymentTypeImgGuest {}

.paymentTypeImgGuest img {}

.paymentCardTypeGuest {
    float: left;
}

.paymentCardNumberGuest {
    float: left;
}

.paymentExpiryMonthGuest {
    float: left;
}

.paymentExpiryYearGuest {
    float: left;
}

.paymentCVVGuest {
    float: left;
}

.requiredFieldGuest {
    text-align: right;
    color: #b70000 !important;
}

span.requiredAstGuest {
    color: #b70000 !important;
}

.paymentOption2Guest {
    /* border: 1px solid #b1b1b1; */
    padding: 3%;
    /* height: 140px; */
    /* margin-bottom: 40px; */
}

#paymentOptionBox2 {
    display: none;
}

.paymentOption1Guide {
    display: none;
    clear: both;
    margin: 3%;
    text-align: center;
}

.paymentTypeImgGuest img {
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}

.paymentTableGuest {
    padding: 10% 0 0 16%;
}

.paymentOption3Guest {
    display: none;
    clear: both;
    margin: 3%;
    text-align: center;
}


/* ----------------- END OF GUEST BASKET -----------------*/


/* ----------------- START OF FACETED STYLING -----------------*/

#cont-holder-facet {
    margin: 0 auto;
    background: #fff;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.facetSearchFields {
    float: left;
    width: 20%;
    padding: 0 2% 0 0;
}

.layout {
    max-width: 1400px;
    margin: 0 auto;
}

.layout-slider {
    margin-bottom: 30px;
    width: 100%;
}

.layout-slider-settings {
    font-size: 12px;
    padding-bottom: 10px;
}

.layout-slider-settings pre {
    font-family: Courier;
}

.facetCatContain {
    padding: 0 3%;
    margin: 0;
    overflow: hidden;
}

section.right {
    width: 79%;
    float: right;
    padding: 0;
    margin-top: -.5em;
}

section.left-facet {
    width: 16%;
    float: left;
    padding: 0;
    padding-left: 2%;
}

section.left-facet ul.first-list {
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: .85em;
    margin-top: .75em;
}

section.left-facet ul.second-list {
    display: none;
}

section.left-facet ul.second-list {
    font-size: .85em;
    padding-left: 20px;
}

section.left-facet h2 {
    text-transform: uppercase;
    color: #5A82B1;
    letter-spacing: 1px;
    font-size: 1.25em;
    font-weight: 700;
    width: 100%;
    padding-bottom: .5em;
    display: block;
    border-bottom: 1px solid #ccc;
}

section.left-facet a.main-cat {
    background: url("/images/chev-down.png");
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 96% 63%;
    background-size: 8%;
    font-weight: 700;
    color: #5A82B1 !important;
    cursor: pointer;
}

section.left-facet ul {
    list-style-type: none;
}

section.left-facet a {
    color: #555!important;
}

.facetSearchFields {
    float: left;
    width: 100%;
    padding: 0 2% 0 0;
    line-height: 155%;
}

section.right h1 {
    color: #5A82B1;
    font-weight: 400;
    margin-bottom: 0.1em;
    font-size: 1.75em;
    margin-top: 0;
}

section.right .facetCategoryDescription {
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 145%;
    color: #444;
}

section.trade {
    background: #4F7BBF;
    margin-top: 30px;
    /* background-image: url('/images/trade-icon.png'); */
    /* background-repeat: no-repeat; */
    background-size: .5%;
    background-position: 97% 48%;
    border-radius: 5px;
}

section.trade h1 {
    color: #fff;
    font-size: 42px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

section.trade h2 {
    color: #fff;
    font-size: 42px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

section.trade p,
section.trade p a {
    color: #fff !important;
    font-size: 20px;
    margin-top: 10px;
    letter-spacing: 1px;
}

section.trade a.trade-btn {
    background: #fff;
    padding: .75em 2em;
    /* margin-top: 20px; */
    display: inline-block;
    width: auto;
    color: #4F7BBF;
}

section.trade a.trade-btn:hover {
    background: #6ca2df;
    color: #fff !important;
}


/* .facetCatContain:nth-child(1){
display:none;
} */

.facetCatTitle {
    overflow: hidden;
    font-size: 22px;
    margin-bottom: 15px;
}

.facetProductContain {
    float: right;
    width: 100%;
    padding: 0 2% 0 0;
    overflow: hidden;
    margin: 0;
}

.facetProduct {
    width: 29%;
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 2% 5%;
    padding: 1%;
    overflow: hidden;
    display: inline-block;
}

.facetProduct:nth-child(odd) {
    background: #f5f5f5;
}

img.facImg {
    width: 98%;
}

.facetProduct img {}

.product-titleIMG-Facet {
    overflow: hidden;
    margin-bottom: 11%;
}


/* ----------------- END OF FACETED STYLING -----------------*/

@media only screen and (min-width: 701px) and (max-width: 1032px) {
    .productWrap,
    .specialsWrap {
        width: 100.1%;
        margin: 0 0 2% 0;
    }
    .product {
        width: 33.33%;
        height: 260px;
        padding: 4px 0 0 0;
        float: left;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        background: white;
        text-align: center;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 451px) and (max-width: 700px) {
    .product {
        width: 50%;
        height: 260px;
        padding: 4px 0 0 0;
        float: left;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        background: white;
        text-align: center;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
    .headerInside {
        max-width: 100%;
        margin: 0 auto;
        height: 110px;
    }
    #basket {
        padding: 2%;
        margin: 0%;
        width: 98%;
    }
    #header {
        width: 100%;
        overflow: hidden;
    }
    .headerLogo {
        max-width: 205px;
        margin: 0 auto;
    }
    #search {
        width: 98%;
        float: left;
        padding: 5px;
        margin: 0;
        clear: right;
    }
}

@media only screen and (min-width: 0px) and (max-width: 450px) {
    .product {
        width: 100.1%;
        height: 260px;
        padding: 4px 0 0 0;
        float: left;
        border: 1px solid #cfcfcf;
        background: white;
        text-align: center;
        position: relative;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .productHomeImage {
        margin: 0% 0 4% !important;
    }
}

.product:hover,
.product2:hover {
    cursor: pointer;
}

.productHomeImage {
    margin: 5% 0 4%;
}

.product-detail {
    background: #f9f9f9;
    padding: 6% 4%;
    border-top: 1px solid #cfcfcf;
    position: absolute;
    bottom: 0;
    width: 92%;
}

.largerImage img {
    width: 6%;
    float: left;
    position: absolute;
    top: 5%;
    left: 5%;
}

.largerImage img {
    -webkit-transition: all .2s ease-in-out;
}

.largerImage img:hover {
    -webkit-transform: scale(3.1);
}

.productHomeButtons {
    float: left;
}

a.viewProduct {
    background: #96be0e;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    float: left;
}

a:hover.viewProduct {
    background: #d60000;
    color: #fff !important;
}

.productHomePrice {
    font-size: 1.6em;
    float: right;
    padding: 8px 5px 0px 0px;
}

.product3:hover {
    background: white;
    cursor: pointer;
}

.product-title {}

.product-title a {
    color: #000 !important;
}

.product-title a:hover {
    color: #c00009 !important;
}

.product2 {
    width: 98%;
    float: left;
    padding: 4px 0px 4px 4px;
    border: 1px solid #e1e1e1;
    margin: 0 0px 10px 0;
    background: white;
}

.product3 {
    width: 97%;
    padding: 10px 0 0 10px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid white;
    margin: 0;
    float: left;
}

.product2-desc {
    padding-left: 140px;
    padding-right: 130px;
}

.product2-img {
    width: 130px;
    float: left;
    text-align: center;
}

.product-title2 {
    height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product2-info {
    width: 120px;
    height: 135px;
    padding-left: 10px;
    margin-left: 10px;
    float: right;
    border-left: 1px solid #EEEEEE;
}

.product-large {
    float: left;
    width: 30%;
}

#product-desc {
    float: right;
    width: 70%;
}

.rn-product {
    width: 188px;
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    border: 1px solid #e1e1e1;
    background: white;
    /* background:url(../images/side-header.png) #fff repeat-x; */
}

.more-img {
    display: none;
}

.more-img-img {
    border: 1px solid #e1e1e1;
}

#product-details {
    width: 96%;
    background: #fff;
    overflow: hidden;
    padding: 2%;
}

#prod-desc-fill {
    margin-bottom: 20px;
}

div#product-desc h1 {
    color: #5A82B1;
    margin-top: 0;
    margin-bottom: 0;
}

div#product-desc h5#price {
    font-size: 1.5em;
}

div#product-desc .productInfoTitle {
    padding: .667em 0;
    font-weight: 700;
}

div#product-desc #accnav > li {
    background: #5a82b1;
    width: 100%;
}

div#product-desc #accnav li a {
    font-size: 16px;
    color: #fff;
    background: url("/images/caret-icon.png");
    background-repeat: no-repeat;
    background-position: 98% 52%;
    background-size: 2%;
    width: 100%;
    padding: .667em 0;
    text-indent: 1%;
    font-weight: 700;
}

div#product-desc .attributeOption {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #fff;
    overflow: auto;
    color: #5A82B1;
    font-weight: 700;
}

div#product-desc #accnav li a#color-chart-btn {
    background: #395469;
    width: auto;
    display: table;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff!important;
    text-indent: 0;
    border-bottom: 0;
}

.AttributeImg img {
    width: 85px;
    margin: 0 auto;
    display: block;
}

img.color-card-img {
    width: 100%;
}


/* ------------------------------------- TABLE LAYOUT STYLE ------------------------------------- */

.Type10AColumns {
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid white;
    padding: 10px;
    background-color: #F6F6F6;
    text-align: center;
}

.Type10AColumnsHead {
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid white;
    padding: 10px;
    background-color: #b1b1b1;
    text-align: center;
    color: white;
}

.Type10A {
    border-bottom: 1px solid #CDCDCD;
    padding: 10px 2px 10px 2px;
    text-align: left;
}

.Type10A2 {
    border-bottom: 1px solid #CDCDCD;
    padding: 10px 2px 10px 2px;
    text-align: center;
}

.Type10B {
    border-bottom: 1px solid #CDCDCD;
    padding: 10px 2px 10px 2px;
    text-align: center;
}

.Type10B2 {
    border-bottom: 1px solid #CDCDCD;
    padding: 10px 2px 10px 2px;
    background-color: #F8F8F8;
    text-align: center;
}

.Type10C {
    border-bottom: 1px solid #CDCDCD;
    padding: 5px;
    text-align: center;
}

.Type10D {
    border-right: 1px solid #CDCDCD;
    padding-right: 10px;
}

.Type10E {
    padding-left: 10px;
    padding-right: 10px;
}

.Type10F {
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    padding: 10px;
}

.Type10G {
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    text-align: center;
    background: #EDEDED;
    padding: 10px;
}

.Type10H {
    padding-left: 10px;
    border-left: 1px solid #CDCDCD;
}

#offline {
    width: 592px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    background: #0033CC;
}

#offline-header {
    width: 567px;
    height: 21px;
    background: url(../images/offline-header.png);
    padding: 22px 0 0 25px;
}

#offline-content {
    width: 552px;
    background: url(../images/offline-back.png);
    padding: 15px 15px 100px 25px;
}

#offline-footer {
    width: 567px;
    background: url(../images/offline-footer.png);
    height: 31px;
    padding: 5px 0 0 25px;
    font-weight: bold;
}

.field-1 {
    width: 300px;
    height: 20px;
    padding: 5px;
    border: 3px solid #eeeeee;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
}

.field-1:hover,
.field-text:hover,
.field-drop:hover {
    border: 3px solid #dedede;
}

.field-text {
    width: 300px;
    height: 200px;
    padding: 5px;
    border: 3px solid #eeeeee;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
}

select,
input {
    color: #777777;
}

.rslides {
    z-index: 1;
}

ul.rslides.rslides1 li {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto 10px;
}

.header-content {
    z-index: 2;
}

header#header input {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 30px;
    margin-right: 0.5em;
}

header#header input[type="submit"] {
    border-radius: 5px;
    border: 0;
    height: 34px;
    background: #5a82b1;
    color: #fff;
    cursor: pointer;
    padding: 0 1em;
}

.headerLogoLink img {
    margin-right: 5em;
}

.logoTagline {
    color: #4f7bae !important;
    padding-top: 0.444em;
}

.search-bar {
    float: left;
    margin-right: 3em;
    margin-top: .65em;
}

.header-contact {
    float: left;
    margin-top: 1.1em;
    margin-right: 5em;
}

.phone,
.email {
    clear: both;
}

.header-contact a {
    text-decoration: none;  
}

.header-contact a h2 {
    font-size: 1.5em;
    color: #5a82b1;
}

.header-contact img {
    margin-right: 0.75em;
    padding-top: 0.35em;
}

.headerAccount {
    float: right;
    margin-top: 1.5em;
}

.headerAccount a {
    font-size: 16px;
    color: #5a82b1;
}

.header-content {
    position: absolute;
    top: 30em;
    left: 4em;
    width: 57%;
}

.header-content h1 {
    font-size: 3em;
    font-style: normal;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0.2em;
}

.header-content a {
    background: #fff;
    padding: .75em 2em;
    color: #5a82b1;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    margin-top: 1em;
}

.header-content a:hover {
    background: #4F7BBF;
    color: #fff;
}

.slider-bar {
    height: 75px;
    background: #4F7BBF;
    margin-top: 6px;
    padding: 0 2%;
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 4%;
    box-sizing: border-box;
}

.slider-bar img {
    margin-top: .85em;
    float: left;
    width: 55px;
    margin-right: 1em;
}

.slider-bar h1 {
    float: left;
    margin-top: 1.25em;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    font-size: 1em;
}

.slider-bar a {
    color: #fff;
    font-weight: bold;
}

.home-cats {
    background: #f2f2f2;
    overflow: auto;
    width: 100%;
}

.home-cat {
    width: 24.5%;
    margin: 0.25%;
    float: left;
}

.home-cat:hover .cat-cont {
    background: #476DA7;
}

.home-cat img {
    width: 100%;
}

.cat-cont {
    background: #5A82B1;
    padding: 1.5em 1em;
    text-align: center;
    margin-top: -.8%;
}

.cat-cont a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
}

.point {
    width: 23%;
    margin: 1%;
    float: left;
    /* border-bottom: 2px solid #5a82b1; */
    padding-bottom: 1em;
    text-align: center;
    min-height: 310px;
}

.point img {
    margin: 0 auto;
    display: block;
    margin-bottom: 1.5em;
}

.point span {
    font-weight: bold;
}

.point h2 {
    font-size: 1em;
    color: #525252;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 700;
    margin-bottom: .5em;
}

.point p {
    font-size: 1em;
    font-weight: 400;
    color: #666;
    line-height: 145%;
    margin-bottom: 1em;
}

section.points {
    background: #f5f5f5;
    overflow: inherit;
    height: auto;
    padding-bottom: 100px;
}

section.global-service {
    width: 100%;
    background: #333;
    min-height: 57px;
    padding: 0;
}

section.global-service .center {
    overflow: auto;
    margin: 0 auto;
    text-align: center;
    /* width: 65%; */
    display: table;
    width: auto;
}

section.global-service h2 {
    color: #fff;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 1px;
    text-align: center;
    float: left;
    margin-bottom: .65em;
    margin-top: 0.5em;
}

section.global-service a.button {
    float: left;
    margin-top: 0.7em;
}

section.global-service span {
    color: #A5C7EF !important;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 3% 2%;
}

section.global-service .button {
    margin-left: 3em;
}

.button {
    background: #5a82b1;
    padding: .75em 2em;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
}

.button:hover {
    background: #7AA5E6;
}

section.corporate {
    background: #6ca2df;
    overflow: auto;
    padding-top: 45px;
    padding-bottom: 75px;
    clear: both;
}

section.corporate .container {
    width: 65%;
}

section.corporate .left {
    width: 70%;
    float: left;
}

section.corporate .right {
    width: 30%;
    float: left;
}

section.corporate .right img {
    display: block;
    margin-left: auto;
    margin-top: 1.15em;
}

section.corporate .left #corp-mail,
section.corporate .left #corp-tel {
    color: #fff;
    text-decoration: underline;
}

a.qm {
    font-size: 36px;
    margin-left: .5em;
    font-weight: 700;
    background: #fff;
    padding: 0.1em 0.5em;
    color: #6CA2DF !important;
    margin-top: -0.2em;
    cursor: pointer;
}

section.corporate #overlay-1 {
    position: absolute;
    width: 20%;
    background: #fff;
    padding: 1em;
    margin-left: 21.5em;
    margin-top: -3.2em;
    display: none;
}

section.corporate #overlay-1 h2 {
    font-size: 20px;
    color: #5a82b1;
}

section.corporate #overlay-1 p {
    font-size: 14px;
    color: #666;
    margin-bottom: 1em;
}

section.corporate #overlay-1 a {
    color: #5a82b1 !important;
}

section.our-story h2 {
    font-size: 1.5em;
    color: #444;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 1em;
    -webkit-margin-before: 0;
    margin-left: -4px;
}

section.our-story p {
    font-size: 18px;
    line-height: 145%;
    color: #444;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.corporate h2 {
    font-size: 3.375em;
    color: #fff;
    display: inline;
    font-weight: 700;
    font-style: normal;
}

.corporate p {
    color: #fff;
    margin-top: 1em;
    font-size: 1.25em;
    margin-bottom: 1.5em;
}

a.button-2 {
    background: #fff;
    padding: .75em 2em;
    color: #6CA2DF !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
}

a.button-2:hover {
    background: #5889D4;
    color: #fff !important;
}

.field-drop {
    width: 315px;
    padding: 5px 0 5px 0;
    height: 35px;
    border: 3px solid #eeeeee;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
}

.field-small {
    height: 19px;
    font-size: 12px;
    border: 0;
    background: url(../images/field--text-back.gif);
}

.field-account {
    width: 132px;
    padding: 2px 5px 0 5px;
    height: 17px;
    font-size: 12px;
    border: 0;
    background: url(../images/field--account-back.gif);
}


/*******************Owl Carousel**************************/

section.owl-slider {
    background: #f2f2f2;
}

section.owl-slider2 {
    background: #f2f2f2;
    padding:15px 0 15px 0;
}

.owl-carousel img {
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel .ykk-logo {
    max-width: 269px;
    margin-top: 17px;
}

.owl-carousel .velcro-logo {
    max-width: 317px;
    margin-top: 4px;
}

.owl-carousel img.coats-logo {
    max-width: 139px;
}

.testimonial {
    background: #6CA2DF;
    color: #fff;
    width: 310px;
    padding: 10px;
    border-radius: 5px;
    margin-left: 20px;
    text-align: center;
    font-size:12px;
}

.testimonialText{
    clear:both;
    font-style: italic;
}

.fivestar{
    display:inline-block;
    clear:both;
}
/***************Owl Carousel End**********************/


/* ------------------------------------- RELATED PRODUCT / CUSTOMER ALSO PURCHASED -------------------------------------*/

.relatedProducts {
    width: 100%;
    clear: both;
}


/* ------------------------------------- NAVIGATION LAYOUT STYLE -------------------------------------*/

#nav ul li a.red {
    color: red;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

#nav ul li a.orange {
    color: orange;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    margin-top: 2px;
}

#nav ul {
    margin: 0px;
    padding: 5px 0;
}

#nav li {
    list-style-type: none;
    color: black;
    text-decoration: none;
    float: none;
    clear: both;
    font-weight: 400;
    display: inline-block;
    background: #60bbc8;
    padding: 5px;
    margin: 2px;
}

#nav li a {
    width: 200px;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    border-bottom: solid 0px #e5e5e5;
    float: none;
    clear: initial;
    font-weight: 400;
}

#nav li a:link a:visited {
    color: black;
}

#nav li a:hover {
    color: black;
    padding: 5px;
    background: #eee;
}

#nav li ul li a {
    /* second-level lists  */
    width: 195px;
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5;
    float: left;
    clear: both;
    font-weight: 400;
}

#nav li ul li a:hover {
    /* second-level lists  */
    width: 195px;
    padding: 5px 5px 5px 10px;
    background: #eee;
}

#nav li ul li ul li a {
    /* second-level lists  */
    width: 188px;
    padding: 3px 0 3px 20px;
    font-size: 12px;
    text-decoration: none;
    border: solid 1px #e1e1e1;
    border-top: solid 1px white;
    float: left;
    clear: both;
    font-weight: 400;
}

#nav li ul li ul li a:hover {
    /* second-level lists  */
    width: 188px;
    padding: 3px 0 3px 20px;
}

#nav li ul li ul li ul li a {
    /* second-level lists  */
    width: 178px;
    padding: 3px 0 3px 30px;
    font-size: 12px;
    text-decoration: none;
    border: solid 1px #e1e1e1;
    border-top: solid 1px white;
    float: left;
    clear: both;
    font-weight: 400;
}

#nav li ul li ul li ul li a:hover {
    /* second-level lists */
    width: 178px;
    padding: 3px 0 3px 30px;
}


/* ------------------------------------- SIDE MENU NAVIGATION LAYOUT STYLE -------------------------------------*/

#sideMenuNav {
    width: 210px;
    margin: 10px 0 0 0;
    height: 100%;
    float: left;
}

#leftmenu {
    float: left;
    margin-bottom: 10px;
    background: white;
}

#sideMenuNav ul li a.red {
    color: red;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

#sideMenuNav ul li a.orange {
    color: orange;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    margin-top: 2px;
}

#sideMenuNav ul {
    padding: 0;
    margin: 0px;
    white-space: nowrap;
}

#sideMenuNav li {
    list-style-type: none;
    color: black;
    text-decoration: none;
    float: left;
    clear: both;
    font-weight: 400;
}

#sideMenuNav li a {
    width: 200px;
    padding: 5px;
    color: black;
    font-size: 12px;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5;
    float: left;
    clear: both;
    font-weight: 400;
}

#sideMenuNav li a:link a:visited {
    color: black;
}

#nav li a:hover {
    color: black;
    padding: 5px;
    background: #eee;
}

#sideMenuNav li ul li a:before {
    content: "-  ";
}

#sideMenuNav li ul li a {
    /* second-level lists  */
    width: 195px;
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5;
    float: left;
    clear: both;
    font-weight: 400;
}

#sideMenuNav li ul li a:hover {
    /* second-level lists  */
    width: 195px;
    padding: 5px 5px 5px 10px;
    background: #eee;
}

#sideMenuNav li ul li ul li a {
    /* second-level lists  */
    width: 188px;
    padding: 3px 0 3px 20px;
    font-size: 12px;
    text-decoration: none;
    border: solid 1px #e1e1e1;
    border-top: solid 1px white;
    float: left;
    clear: both;
    font-weight: 400;
}

#sideMenuNav li ul li ul li a:hover {
    /* second-level lists  */
    width: 188px;
    padding: 3px 0 3px 20px;
}

#sideMenuNav li ul li ul li ul li a {
    /* second-level lists  */
    width: 178px;
    padding: 3px 0 3px 30px;
    font-size: 12px;
    text-decoration: none;
    border: solid 1px #e1e1e1;
    border-top: solid 1px white;
    float: left;
    clear: both;
    font-weight: 400;
}

#sideMenuNav li ul li ul li ul li a:hover {
    /* second-level lists */
    width: 178px;
    padding: 3px 0 3px 30px;
}


/* ------------------------------------- END OF SIDE MENU NAVIGATION LAYOUT STYLE -------------------------------------*/

#topnav-search {
    height: 30px;
    min-width: 600px;
    border-bottom: 1px solid #e1e1e1;
    background: #e1e1e1;
    margin: 0;
    list-style: none;
    z-index: 2000;
    padding: 4px 10px 0px 10px;
}

#topnav {
    height: 31px;
    margin: 0;
    list-style: none;
    z-index: 2000;
    float: right;
}

#content {
    overflow: hidden;
    padding: 0 2%;
    background: #fff;
}

#contentHome {
    overflow: hidden;
    padding: 0;
}

#crumbs {
    padding: 10px;
    margin-bottom: 15px;
    background: white;
    display: none;
}

.dottedline {
    background: url(../images/dottedline.gif) repeat-x;
    height: 2px;
    width: 310px;
}


/* Suggest Links */

#search_suggest {
    background: white;
    position: absolute;
    z-index: 3000;
}

.suggest_link {
    background: #50AF95;
    color: white;
    padding: 6px 15px 6px 15px;
    cursor: pointer;
    z-index: 3000;
}

.suggest_link a {
    color: white;
    text-decoration: none;
}

.suggest_link:hover {
    background: white;
    color: #555;
}

.suggest_link_over {
    background: white;
    padding: 6px 15px 6px 15px;
    cursor: pointer;
    z-index: 3000;
}

.suggest_link_over a {
    color: #555 !important;
}

.gallery {
    width: 150px;
    height: 120px;
    margin: 0 10px 10px 0;
    float: left;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
    text-align: center;
}

.gallery-2 {
    width: 150px;
    height: 120px;
    margin: 0 10px 10px 0;
    float: left;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
    text-align: center;
}

#img-gallery {
    width: 100%;
    text-align: center;
    /*height:420px;*/
}

.gimg {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* Calendar Stuff */

.cal-img {
    float: right;
    position: relative;
    padding: 20px;
    background: white;
    width: 214px;
    height: 200px;
    display: block;
}

.cal-text {
    float: right;
    padding: 0;
    width: 226px;
}

#calendar {
    height: 159px;
    border-left: 1px solid #9b9a9a;
    border-top: 1px solid #9b9a9a;
}

#calendar td {
    width: 30px;
    text-align: center;
    border-right: 1px solid #9b9a9a;
    border-bottom: 1px solid #9b9a9a;
}

.td-cal-day {
    background: #ED1B2F;
    color: white;
}

.td-cal-noday {
    background: #e6e6e6;
}

#calendar a {
    color: white !important;
}

#calendar a:hover {
    color: black !important;
}

.td-cal-event1,
.ttevent1 {
    background: #f99d32;
    /*orange*/
}

.td-cal-event2,
.ttevent2 {
    background: #60bb46;
    /*green*/
}

.td-cal-event3,
.ttevent3 {
    background: #e0078b;
    /*magenta*/
}

.td-cal-event4,
.ttevent4 {
    background: #e41a22;
    /*red*/
}

.td-cal-event5,
.ttevent5 {
    background: #6d298c;
    /*purple*/
}

.td-cal-event6,
.ttevent6 {
    background: #c0d72c;
    /*lime*/
}

.td-cal-event7,
.ttevent7 {
    background: #feef00;
    /*yellow*/
}

.td-cal-event8,
.ttevent8 {
    background: #66FFFF;
    /*cyan*/
}

.td-cal-event9,
.ttevent9 {
    background: #ff99ff;
    /*light pink*/
}

.td-cal-event10,
.ttevent10 {
    background: #996633;
    /*brown*/
}

.td-cal-event0,
.ttevent0 {
    background: #00adef;
    /*blue*/
}


/*** BASKET PAGES LAYOUT ***/

.basketStages {
    margin: 20px auto 0;
    width: 623px;
}

.basketStagesLink {
    margin: 0 auto 20px;
    width: 623px;
    font-size: 12px !important;
    margin-bottom: 20px;
    height: 30px;
}

.basketStage1 {
    width: 120px;
    margin: 0 0px 0 60px;
    float: left;
    padding: 0 20px;
    text-align: center;
}

.basketStage1Active {
    width: 120px;
    margin: 0 0px 0 60px;
    float: left;
    padding: 0 20px;
    /* font-weight: 700; */
    text-align: center;
    color: #5A82B1 !important;
}

.basketStage2 {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
}

.basketStage2Active {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
    color: #5A82B1 !important;
}

.basketStage3 {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
}

.basketStage3Active {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
    color: #5A82B1 !important;
}

.basketStage4 {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
}

.basketStage4Active {
    width: 120px;
    margin: 0 0px 0 10px;
    float: left;
    padding: 0 20px;
    text-align: center;
    color: #5A82B1 !important;
}

.basketItemsHeader {
    height: 40px;
    background: #5A82B1;
    /* border-top: 1px solid #b1b1b1; */
    font-size: 16px;
    color: #fff;
    /* text-transform: uppercase; */
    line-height: 38px;
}

.yourItemsHead {
    float: left;
    width: 40%;
    padding-left: 10px;
}

.productOptions {
    float: left;
    width: 30%;
}

.basketPrice {
    text-align: right;
    padding-right: 10px;
}

.productImage {
    width: 90px;
    height: 90px;
    border: 1px solid #eff0f0;
    float: left;
}

.productImage img {
    width: 70px;
    padding: 10px;
}

.productIdList {
    width: 30%;
    float: left;
    padding: 0 0 0 10px;
}

.productRemove a {
    color: #b70000 !important;
    font-size: 14px;
}

.productRemove a:hover {
    color: #000 !important;
    font-size: 10px;
}

.productOpionsList {
    float: left;
    width: 20%;
    font-size: 10px;
}

.productPriceList {
    text-align: right;
    padding-right: 10px;
}

.productRow {
    clear: both;
    width: 100%;
    height: 90px;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #5A82B1;
    padding-bottom: 10px;
}

.qtyviewtxt {
    float: left;
    margin-top: 8px;
}

.deliveryAddressMatch {
    float: right;
    padding: 12px 0 0 0;
    width: 150px;
    text-align: right;
    font-size: 10px;
}

input.addressmatchcheck {
    /*margin: 0px;
height:10px;*/
}


/*** VOUCHER LAYOUT ***/

.voucherContainer {
    height: 42px;
    border-bottom: 1px dotted #5A82B1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 34px;
    padding: 4px 0;
    margin-top: -10px;
}

.voucherInner {
    height: 42px;
    line-height: 40px;
}

.voucherTitle {
    float: left;
    padding: 0 0 0 10px;
    color: #5A82B1;
    font-weight: 700;
}

.voucherEntry {
    float: left;
    padding: 0 0 0 10px;
    margin-top: 2px;
}

input.applyVoucherButton {
    background: #395469;
    background: #5a82b1;
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    border: 0;
    color: #fff !important;
    margin-left: .5em;
    cursor: pointer;
}

input.applyVoucherButton:hover {
    background: #395469;
}

a.make-payment-btn {
    background: #395469;
    background: #5a82b1;
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    border: 0;
    color: #fff !important;
    margin-left: .5em;
    cursor: pointer;
}

a.make-payment-btn:hover {
    background: #395469;
}

.voucherPrice {
    float: right;
    text-align: right;
    padding: 0 10px 0 0;
    color: #b70000 !important;
}

.voucherTitleCode {
    color: #b70000 !important;
    width: 200px;
    float: left;
    margin-left: 155px;
    overflow: hidden;
    height: 30px;
}


/*** SUBTOTAL, SHIPPING, VAT, TOTAL ***/

.PricingContainer {
    float: right;
}

.totalContainer {}

.subtotalContainer {
    width: 350px;
    height: 20px;
    margin: 5px 0;
    float: right;
}

.subtotalTitle {
    float: left;
}

.subtotalPrice {
    float: right;
    text-align: right;
    padding: 0 5px 0 0;
}

.shippingContainer {
    width: 530px;
    height: 40px;
    margin: 5px 0;
    clear: both;
}

.shippingInstruction {
    float: left;
    text-align: right;
    padding-right: 10px;
}

.shippingTitle {
    float: left;
}

.shippingPrice {
    float: right;
    text-align: right;
    padding: 0 5px 0 0;
}

.vatContainer {
    width: 350px;
    height: 20px;
    margin: 5px 0;
    float: right;
}

.vatTitle {
    float: left;
}

.vatPrice {
    float: right;
    text-align: right;
    padding: 0 5px 0 0;
}

.totalContainer {
    clear: both;
    float: right;
    width: 350px;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    border-top: 2px solid #b1b1b1;
    padding: 10px 0;
}

.totalTitle {
    float: left;
}

.totalPrice {
    float: right;
}

.proceedToPayment {
    float: right;
    clear: both;
}


/*** LOGIN.ASPX AND CUSTOMER AREAS ***/

.loginContainer {
    padding: 1%;
    overflow: hidden;
}

.existingLogin {
    float: left;
    width: 30%;
    padding: 1% 3% 1% 1%;
    border-right: 1px solid #dddddb;
    margin-left: 17%;
}

input.signInInput {
    border: 0px solid #ddd;
    padding: 3% 2%;
    width: 92%;
    margin: 2%;
    color: #b0adad;
    background: #ececec;
    float: left;
}

.newUserLogin {
    width: 29%;
    padding: 10% 1%;
    border: 0px solid #dddddb;
    margin-right: 17%;
    float: right;
    text-align: center;
}

span.actionTitle {
    font-size: 16px;
    color: #68757d;
    font-weight: 300 !important;
    width: 96%;
}

span.actionTitle a {
    background: #5A82B1;
    text-align: center;
    padding: 25px 40px;
    color: #fff !important;
    overflow: hidden;
    float: right;
    font-weight: 600;
    text-transform: uppercase;
}

span.actionTitle a:hover {
    background: #395469;
    text-decoration: none !important;
}

button.imageInput {
    background: #901c54;
    display: block;
    border: 0;
    padding: 3% 8%;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 4% auto;
    float: left;
    background: #68757d;
}

button.imageInput:hover {
    background: #0c7e7b;
    display: block;
    border: 0;
    padding: 3% 8%;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 4% auto;
    float: left;
    cursor: pointer !important;
}

.signInFail {
    margin: 5% 0 0;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    color: #e21120;
    font-weight: 600;
}

.loginTitle {
    width: 60%;
    float: left;
    font-size: 16px;
    color: #68757d;
    font-weight: 300 !important;
    width: 96%;
}

.noAccountTitle {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #000;
    background: #f3961c;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#53a7fd), to(#1e7ef4));
    background: -moz-linear-gradient(#53a7fd, #1e7ef4);
    background: -o-linear-gradient(#53a7fd, #1e7ef4);
    background: linear-gradient(#53a7fd, #1e7ef4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
    width: 30%;
}

.noAccountTitleLower {}

.form1Billing {
    overflow: hidden;
    width: 70%;
    /* float: left; */
    margin: 2% auto;
    background: #fff;
    padding: 2%;
}

.form2Delivery {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    padding: 2%;
}

.securityFinal {
    clear: both;
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
}

.newsletterSubscribe {
    clear: both;
}

input.regFormInputSubscribe {
    width: 10%;
    margin-bottom: 1%;
    float: right;
    /* clear: left; */
}

.formField {
    overflow: hidden;
    margin: 1% 0;
    clear: both;
}

label.regFormField {
    float: left;
    width: 35%;
    font-weight: bold;
    padding: 1% 0;
}

.passwordContain {
    background: #fff;
    border: 2px solid #5A82B1;
    border-radius: 5px;
    padding: 2%;
    color: #000;
    margin: 2% 0;
}

input#terms {
    width: 20px;
    background: #ccc;
    height: 20px;
}

input.regFormInput,
textarea,
select.regFormSelect,
select.BillingCountry {
    width: 64%;
    margin-bottom: 1%;
    float: right;
    height: 35px;
    border-radius: 5px;
}

select.paymentMethodGuest {
    height: 35px;
    border: 1px solid #5A82B1;
    border-radius: 5px;
}

.boxes {
    width: 1em;
}

#submitbutton {
    margin-left: 120px;
    margin-top: 5px;
    width: 90px;
}

br.formBreak {
    clear: both;
}

.viewOrders,
.viewShoppingList,
.manageAddresses {
    overflow: hidden;
    margin: 2% 0 0 0;
    padding: 0 0 2% 0;
    border-bottom: 1px solid #eee;
}

.button1 {
    height: 31px;
}


/*** END OF LOGIN.ASPX AND CUSTOMER AREAS ***/


/*** CREATE ACCOUNT BASKET ***/

.loginRegisterCOntainer {
    height: 250px;
}

.guestRegister {
    width: 480px;
    float: left;
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 10px;
}

.guestRegisterHeader {}

.signInButton {
    margin: 2% 0;
}

button.imageInput {
    background: #5A82B1;
    display: block;
    border: 0;
    padding: 3% 8%;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 4% auto;
    float: left;
}

button.imageInput:hover {
    background: #395469;
    display: block;
    border: 0;
    padding: 3% 8%;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 4% auto;
    float: left;
    cursor: pointer !important;
}

.memberLogin {
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    width: 370px;
    float: right;
    padding-left: 10px;
}

.CustomerHeader {}

.registerAddressHeader {
    width: 100%;
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 10px;
}


/*

.username, .password{clear:both;margin-top: 10px;}

.passwordText, .usernameText{float:left; width: 150px;}

.passwordField, .usernameField{float:left;
margin-left:10px;}

*/


/*** PAYMENT PAGE ***/

.paymentLeft {
    float: left;
    width: 550px;
}

.paymentRight {
    float: right;
    width: 310px;
}

.shippingTitlePayment {
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    width: 540px;
    padding-left: 10px;
    margin-top: 20px;
    float: left;
}

.deliveryAddressTitle {
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    float: left;
    width: 540px;
    padding-left: 10px;
}

.miniBasketItemsHeader {
    height: 30px;
    float: right;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    width: 310px;
}

.miniBasketScroll {
    min-height: 200px;
    max-height: 200px;
    width: 100%;
    display: inline-block;
    overflow-y: auto;
    padding: 1em;
    box-sizing: border-box;
}

.yourItems {
    float: left;
    width: 255px;
    padding-left: 10px;
}

.basketPrice {
    text-align: right;
    padding-right: 10px;
}

.deliveryDetailConfirm {
    height: 135px;
}

.deliveryAndPayment {
    height: 160px;
}

.deliveryTitle {
    float: left;
    padding: 15px;
    width: 100px;
}

.deliveryAddressDropdown {
    float: left;
    padding: 10px;
}

.deliveryTitleb {
    float: left;
    padding: 15px;
    width: 100px;
    clear: left;
}

.deliveryAddressDropdownb {
    float: left;
    padding: 10px;
}

.shippingrateTable {
    padding: 20px;
    float: left;
}

select.BillingCountry {
    /*width:295px;
*/
}

.selectPaymentOption {
    height: 30px;
    background: #ebebeb;
    border-top: 1px solid #b1b1b1;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    width: 540px;
    padding-left: 10px;
    margin-top: 20px;
    float: left;
}

.paymentTableContainer {
    float: left;
    height: 80px;
}

.paymentDesc {
    float: left;
    padding: 15px;
}

.paymentTable {
    float: left;
    padding: 12px;
}

.productImageMini {
    width: 70px;
    height: 70px;
    border: 1px solid #eff0f0;
    float: left;
}

.productImageMini img {
    width: 50px;
    padding: 10px;
}

.miniBasketPricing {
    font-size: 10px;
    color: #000;
    line-height: 20px;
    padding: 1em;
    box-sizing: border-box;
    overflow: auto;
}

.subtotalContainerMini {
    padding: 10px 5px;
}

.subtotalTitleMini {
    float: left;
}

.subtotalPriceMini {
    float: right;
}

.shippingContainerMini {
    clear: both;
    padding: 10px 5px;
}

.shippingTitleMini {
    float: left;
}

.shippingPriceMini {
    float: right;
}

.vatContainerMini {
    clear: both;
    padding: 10px 5px;
}

.vatTitleMini {
    float: left;
}

.vatPriceMini {
    float: right;
}

.voucherContainerMini {
    clear: both;
    padding: 10px 5px;
}

.voucherTitleMini {
    float: left;
}

.voucherPriceMini {
    float: right;
}

.totalContainerMini {
    border-top: 2px solid #b1b1b1;
    padding: 10px 5px;
    clear: both;
    font-weight: bold;
    font-size: 16px;
}

.totalTitleMini {
    float: left;
}

.totalPriceMini {
    float: right;
}

.termsConditionsCheck {
    border: 1px solid #009966;
    background: #ebfeeb;
    padding: 5px;
    text-align: center;
    width: 890px;
    margin-bottom: 40px;
}


/*** PAYMENT TYPE ***/

.paymentOption0 {
    display: none;
    clear: both;
    margin: 3%;
    text-align: center;
}

.paymentOption1 {
    display: none;
    border: 1px solid #b1b1b1;
    padding: 15px;
    height: 140px;
    margin-bottom: 40px;
}

.paymentOption2 {
    display: none;
    border: 1px solid #b1b1b1;
    padding: 15px;
    height: 140px;
    margin-bottom: 40px;
}

.paymentTypeImg {
    margin-top: -27px;
}

.paymentTypeImg img {
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}

.paymentCardType {
    float: left;
    margin: 40px 20px 30px;
}

.paymentCardNumber {
    float: left;
    margin: 40px 20px 30px;
}

.paymentExpiryMonth {
    float: left;
    margin: 40px 20px 30px;
}

.paymentExpiryYear {
    float: left;
    margin: 40px 20px 30px;
}

.paymentCVV {
    float: left;
    margin: 40px 20px 30px;
}

.requiredField {
    text-align: right;
    color: #b70000 !important;
}

span.requiredAst {
    color: #b70000 !important;
}

.makePaymentButton {
    clear: both;
    float: right;
}

.paymentOption3 {
    display: none;
    margin-bottom: 40px;
    border: 1px solid #b1b1b1;
    padding: 15px;
    height: 123px;
}

.paymentOption4 {
    display: none;
    margin-bottom: 40px;
    border: 1px solid #b1b1b1;
    padding: 15px;
    height: 140px;
}

.paymentTypeText {
    margin-top: -27px;
    background: #fff;
    width: 150px;
    padding: 4px;
    text-align: center;
}

.paypalDescription {
    padding: 0px;
    margin: 33px auto;
    width: 700px;
}

.offlinePaymentDescription {
    padding: 0px;
    margin: 33px auto;
    width: 700px;
}

.paymentOption5 {
    display: none;
    float: right;
    width: 64%;
    background: #d9e9f1;
    margin: 0 0 2% 0;
}

.accountPayDescription {}


/*** END OF BASKET PAGES LAYOUT ***/

#copyWhistleFish {
    margin: 1% auto .5%;
}

#copyWhistleFish a {
    color: #f79523;
    text-decoration: none;
}

#copyWhistleFish a:hover {
    color: #5a82b1;
    text-decoration: none;
}


/*** BANNER SLIDER TEXT***/

.bannerTextHolder {
    width: 98%;
    height: 97%;
    padding: 1%;
}

.bannerTextPos1 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos2 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos3 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos4 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos5 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos6 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos7 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos8 {
    width: 33%;
    height: 33%;
    float: left;
}

.bannerTextPos9 {
    width: 33%;
    height: 33%;
    float: left;
}


/*** END OF BANNER SLIDER TEXT ***/

.gm-style-iw b {
    color: #5a82b1;
}

.contactDetails {
    overflow: hidden;
    padding-top: 20px;
}

.center-float {
    width: 80%;
    margin: 0 auto;
    color: #555;
}

.contactDetails h2 {
    font-size: 2.25em;
    margin-bottom: 0.5em;
    color: #5a82b1;
    display:block;
    font-weight: bold;
}

.contactDetails h4 {
    font-size: 1em;
    color: #5a82b1;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    display: block;
    font-weight: 700;
}

.contactDetailsL {
    width: 50%;
    float: left;
    font-weight: 700;
}

.contactDetailsR {
    height: auto !important;
    width: 50%;
    min-height: 300px;
    float: right;
    background: url(../images/news-bkg.png) no-repeat;
}

.contactDetails table.contact-form {
    width: 100%;
}

.contactDetails label {
    width: 22%;
    float: left;
    margin-top: .15em;
    font-weight: 700;
}

.contactDetails .row {
    overflow: auto;
    margin-bottom: 10px;
}

.contactDetails .field-1 {
    width: 75%;
    height: 30px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
    float: left;
    border-radius: 5px;
}

.contactDetails .field-drop {
    width: 77%;
    height: 45px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
    float: left;
    border-radius: 5px;
}

.contactDetails .field-text {
    width: 75%;
    height: 200px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
    border-radius: 5px;
    float: left;
}

.contactDetails input[type="submit"],
.contactDetails input[type="reset"] {
    background: #5a82b1;
    padding: .75em 2em;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    border: 0;
    cursor: pointer;
}

.contactDetails input[type="submit"]:hover,
.contactDetails input[type="reset"]:hover {
    background: #7AA5E6;
}

.contactDetails input[type="submit"] {
    margin-right: 1%;
}

.contactDetails td {
    font-weight: 700;
}

.contactDetails .g-recaptcha {
    margin-left: 22%;
    margin-bottom: 10px;
}

.contactDetails input[type="submit"] {
    margin-left: 22%;
}

form#contactform {
    color: #5a82b1;
}


/** CSS BUTTONS **/


/** CSS BUTTONS **/

.button1 a {
    background: #9a9a9a;
    padding: 8px 35px 8px 15px;
    color: #fff !important;
}

.button0 {
    float: left;
    display: flex;
}

.button1 a:hover {
    background: #60bbc8;
}

.button0 a {
    background: #9a9a9a;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    text-align: center;
}

.button0 a:hover {
    background: #60bbc8;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    text-align: center;
}

input.button1:hover {
    background: #9a9a9a;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    text-align: center;
}

input.button1 {
    background: #60bbc8;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    float: left;
    border: 0;
    float: right;
}


/********************************** CUSTOMER AREA **********************************/

#cont-holder-customer {
    max-width: 1020px;
    margin: 0 auto;
    padding: 2%;
    overflow: hidden;
    width: 96%;
}

#nav {
    padding: 2% 0;
    width: 100%;
    margin: 0;
    height: 100%;
    float: left;
}

#custContent {
    background: #fff;
    overflow: hidden;
    padding: 2%;
    clear: both;
}

#content-page {
    overflow: hidden;
    background: #fff;
    padding: 2%;
    clear: both;
}

.field_row {
    overflow: hidden;
    margin: 2% 1%;
    clear: both;
    width: 99%;
}

.field_col {
    overflow: hidden;
    margin: 2% 1%;
    width: 48%;
    float: left;
    display: inline-block;
}

.field-drop-customer {
    width: 96%;
    padding: 5px 1%;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
    margin: 2%;
}

.field_row_border {
    padding: 1%;
    overflow: hidden;
    margin: 2% 1%;
    clear: both;
    width: 96%;
    border: 1px solid #ddd;
    background: #fbfbfb;
}

.field-1-customer {
    width: 96%;
    height: 20px;
    padding: 5px 1%;
    background: #eee;
    border: 0;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
}

.field-1-customer:hover {
    border: 0px solid #dedede;
}

.custOrderContain {
    padding: 0 1%;
    overflow: hidden;
    margin: 2% 1%;
    clear: both;
    width: 96%;
    border: 1px solid #ddd;
    background: #fbfbfb;
}

.custOrderRow {
    overflow: hidden;
    width: 98%;
    padding: 5px 1%;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
    margin: 1% 0;
}

.custOrderRowL {
    float: left;
    width: 30%;
    font-weight: 600;
}

.custOrderRowR {
    float: right;
    width: 68%;
    text-align: right;
}

.shoppingListContain {
    padding: 1%;
    overflow: hidden;
    margin: 2% 1%;
    clear: both;
    width: 95%;
    border: 1px solid #ddd;
    background: #fbfbfb;
}

.shoppingListItem {
    display: inline-block;
    /* width: 24%; */
    position: relative;
    float: left;
    margin: 0 5% 0 0;
}

.shoppingListRow {
    overflow: hidden;
}

.button1List a {
    background: #9a9a9a;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    width: 100px;
    float: left;
    margin: 1% 2% 1% 0;
    text-align: center;
}

.button1List a:hover {
    background: #60bbc8;
}

.button1ListRight a {
    background: #9a9a9a;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    width: 100px;
    float: right;
    margin: 1% 2% 1% 0;
    text-align: center;
}

.button1ListRight a:hover {
    background: #60bbc8;
}

.button1ListB a {
    background: #e93820;
    padding: 8px 15px 8px 15px;
    color: #fff !important;
    width: 100px;
    float: left;
    margin: 1% 0% 1% 0;
    text-align: center;
}

.button1ListB a:hover {
    background: #b7230f;
}

.custOrderRowA,
.custOrderRowB,
.custOrderRowC,
.custOrderRowD,
.custOrderRowE,
.custOrderRowF,
.custOrderRowG,
.custOrderRowH {
    display: inline-block;
}

.custOrderRowA {
    width: 98%;
    height: 20px;
    padding: 5px 1%;
    background: #eee;
    border: 0;
    font-size: 12px;
    font-weight: 400;
    color: #58585a;
}

.custOrderRowB {
    width: 98%;
    background: #fff;
    margin: 0 0 2% 0;
    padding: 1%;
}

.custOrderRowC {
    width: 20%;
}

.custOrderRowD {
    margin: 0 1%;
}

.custOrderRowE,
.custOrderRowF,
.custOrderRowG {
    width: 18%;
}

.listPrice {
    overflow: hidden;
    clear: both;
    width: 98%;
    margin: 0%;
    background: #ddd;
    padding: 1%;
    font-weight: 700;
    text-align: right;
}

.orderInfo {}

.shippingAddressContain {
    float: left;
    width: 46%;
    padding: 2%;
    background: #60bbc8;
    color: #fff;
}

.orderDetailContain {
    float: left;
    width: 100%;
    /* padding: 0 1%; */
    overflow: hidden;
    /* background: #eee; */
    /* border: 1px solid #ddd; */
    color: #58585a;
    MARGIN: 0 0 2% 0;
}

.orderPaymentInfo {
    overflow: hidden;
    margin: 2% 0;
}

.orderPaymentAddress {
    float: right;
    width: 44%;
    padding: 2%;
    background: #f8f8f8;
}


/**************************************************** START OF ANTRIMM ****************************************************/

#languageCurrency {
    display: none;
}

.CP_head {
    text-align: center;
    font-size: 28px;
    width: 70%;
    margin: 0 auto;
    font-weight: 300;
    line-height: 1.8em
}

span.boldHL {
    font-weight: 600;
}

span.blueHL {
    color: #5a82b1;
    font-weight: 600;
}

#hpCatContain {
    position: relative;
    text-align: center;
    color: #5a82b1;
    text-transform: uppercase;
    font-family: 'BEBAS';
    margin: 2% 0 0;
    display: none
}

.hpCatTitle {
    color: #393333;
    font-size: 32px;
}

.hpCatLink {
    color: #9c9c9c;
    font-size: 18px;
}

#hpCat:hover .hpCatTitle,
#hpCat:hover .hpCatLink {
    color: #5a82b1;
}

#hpCat {
    display: inline-block;
    margin: 2%;
    width: 20.5%;
}

.hpCatImg {
    overflow: hidden;
}

#hpCat img {
    border: 3px solid #fff;
    width: 100%;
    box-sizing: border-box;
}

.facetCatContain {
    position: relative;
    color: #5a82b1;
    text-transform: uppercase;
    font-family: 'BEBAS';
}

.facetCatTitle {
    color: #5a82b1;
    font-size: 19px;
    margin-bottom: 0;
}

.facetCatLink {
    color: #9c9c9c;
    font-size: 18px;
}

.facetCat:hover .facetCatTitle,
.facetCat:hover .facetCatLink {
    color: #5a82b1;
}

.facetCat {
    display: inline-block;
    margin: 1%;
    width: 31%;
}

.facetCatImg {
    overflow: hidden;
}

.facetCat img {
    width: 100%;
    box-sizing: border-box;
}

div.facetCat:hover .prod-ban {
    background: rgb(79, 123, 191);
}

#facetCatContain {
    position: relative;
    color: #5a82b1;
    text-transform: uppercase;
    font-family: 'BEBAS';
    max-width: 1100px;
    margin: 0 auto;
}

.facetProdTitle {
    color: #393333;
    font-size: 1em;
    text-transform: none;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, Arial;
    min-height: 40px;
}

.prod-ban {
    background: rgba(79, 123, 191, 0.85);
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: -3.7em;
    position: relative;
}

.prod-ban h2 {
    color: #fff;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, Arial;
    text-transform: none;
    font-size: 1em;
    letter-spacing: 1px;
}

a.see-product {
    background: #5a82b1;
    padding: .75em .5em;
    color: #fff !important;
    text-transform: none;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: .667em;
    width: 55%;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, Arial;
}

a.see-product:hover {
    background: #7AA5E6;
}

.facetProdLink {
    color: #9c9c9c;
    font-size: 18px;
}

.facetProd:hover .facetCatTitle,
.facetProd:hover .facetCatLink {
    color: #5a82b1;
}

.facetProd {
    /* min-width:356px; */
    display: inline-block;
    margin: 1%;
    width: 23%;
    text-align: center;
    float: left;
    padding: 1%;
    box-sizing: border-box;
}

.facetProdImg {
    overflow: hidden;
}


.facetProd img {
    border: 3px solid #fff;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3px;
}

.footerLinks {
    overflow: hidden;
    margin: 1% 0 0;
    font-weight: bold;
}

a.footLink {
    text-decoration: none;
    margin: 0 1%;
    text-transform: uppercase;
    color: #e5e5e5;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
}

a.footLink:hover {
    color: #5a82b1;
}

a.fbFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_healy_fb.png') -0px 0px no-repeat;
    background-size: 40px;
}

a.fbFooter:hover {
    background: url('../images/sm_healy_fb.png') -0px -55px no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.twFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_healy_tw.png') -0px 0px no-repeat;
    background-size: 40px;
}

a.twFooter:hover {
    background: url('../images/sm_healy_tw.png') -0px -55px no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.goFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_healy_go.png') -0px 0px no-repeat;
    background-size: 40px;
}

a.goFooter:hover {
    background: url('../images/sm_healy_go.png') -0px -55px no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.ytFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_healy_yt.png') -0px 0px no-repeat;
    background-size: 40px;
}

a.ytFooter:hover {
    background: url('../images/sm_healy_yt.png') -0px -55px no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.liFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_healy_LI.png') -0px -0px no-repeat;
    background-size: 40px;
}

a.liFooter:hover {
    background: url('../images/sm_healy_LI.png') -0px -55px no-repeat;
    background-size: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.inFooter {
    width: 40px;
    display: inline-block;
    height: 40px;
    text-indent: -9999999px;
    background: url('../images/sm_IN.png') -0px -0px no-repeat;
    background-size: 40px;
}

    a.inFooter:hover {
        background: url('../images/sm_IN.png') -0px -55px no-repeat;
        background-size: 40px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.socialContain {
    overflow: hidden;
    margin: 1% 0;
}

.socialContain a {
    margin: 0 .5%;
}

.socialContainTop {
    overflow: hidden;
    margin: 1% 0;
    float:left;
    width:190px;
    padding:15px;
}

    .socialContain a {
        margin: 0 .5%;
    }

.loginRegister {
    float: right;
}

.loginRegister a {
    color: #5a82b1;
    text-decoration: none;
    display: block;
    background: #f5f5f3;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #5a82b1;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
}

.loginRegister a:hover {
    background: #5a82b1;
    color: #fff;
}

a.buyButton {
    float: right;
    background: #5a82b1;
    padding: 10px 25px;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff !important;
}

a.buyButton:hover {
    background: #393333;
}

.altProductTitle a {
    color: #6c6c6c !important;
    font-weight: bold;
}

.altProductTitle a:hover {
    color: #395469 !important;
    font-weight: bold;
}

.productButtonContain {
    overflow: hidden;
    margin: 10px 0;
}

.productButton {
    float: left;
    margin: 0 5px 0 0;
    margin-bottom: .5em;
    font-weight:700;
}

.savedListButton {
  clear:both;
  font-size:12px;
}

a.prodButtonLink {
    background: #395469;
    background: #5a82b1;
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
}

a.prodButtonLink:hover {
    background: #395469;
}

.tmActive {
    background: green;
}

button#up,
button#down {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    background: #5A82B1;
    border: 0;
    color: #fff;
    font-size: 1em;
    padding: 0;
    width: 1.65em;
    height: 1.65em;
}

input#quantity {
    height: 1.6em;
    margin-right: .25em;
}

.order-option {
    clear: both;
    margin: 10px 0;
}

.productSharing {
    overflow: hidden;
    clear: both;
    margin: 10px 0;
}

.productShare {
    width: 30px;
    display: inline-block;
    height: 30px;
    text-indent: -9999999px;
}

a.twitterProduct {
    background: url('../images/sm_healy_tw.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.faceBookProduct {
    background: url('../images/sm_healy_fb.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.emailProduct {
    background: url('../images/sm_healy_em.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.printProduct {
    background: url('../images/sm_healy_pr.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.googleProduct {
    background: url('../images/sm_healy_go.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.pinterestProduct {
    background: url('../images/sm_healy_pi.png') -0px 0px no-repeat;
    background-size: 30px;
}

a.twitterProduct:hover {
    background: url('../images/sm_healy_tw.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.faceBookProduct:hover {
    background: url('../images/sm_healy_fb.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.emailProduct:hover {
    background: url('../images/sm_healy_em.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.printProduct:hover {
    background: url('../images/sm_healy_pr.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.googleProduct:hover {
    background: url('../images/sm_healy_go.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.pinterestProduct:hover {
    background: url('../images/sm_healy_pi.png') -0px -41px no-repeat;
    background-size: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.goToBasketButton {
    float: left;
    margin: 0 0 10px 0;
}

a.finishShop {
    background: url('../images/basketIcon.png') 5px 8px no-repeat #5a82b1;
    background-size: 20px;
    display: inline-block;
    padding: 8px 10px 8px 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
}

a.finishShop:hover {
    background: url('../images/basketIcon.png') 5px 8px no-repeat #395469;
    background-size: 20px;
    webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rmm {
    float: left;
}

.contactDetailMenu {
    float: right;
    color: #5a82b1;
    font-size: 16px;
    padding: 8px;
}


/**************************************************** END OF ANTRIMM ****************************************************/


/********************************** END OF CUSTOMER AREA **********************************/

@media only screen and (min-width: 2100px){
ul.rslides.rslides1 li {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: 650px;
    padding: 0;
    margin: 0 auto 10px;
}
	
.header-content {
    position: absolute;
    top: 23em;
    left: 4em;
    width: 57%;
}
	.header-content h1 {
    font-size: 4em;
    font-style: normal;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0.2em;
}
}

@media only screen and (min-width: 1800px) and (max-width: 2099px){
ul.rslides.rslides1 li {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: 550px;
    padding: 0;
    margin: 0 auto 10px;
}
	.header-content {
    position: absolute;
    top: 30em;
    left: 4em;
    width: 57%;
}
}


@media only screen and (max-width: 1600px) {
    /*
    .header-content {
    position: absolute;
    top: 22em;
    left: 8em;
    width: 57%;
    }
*/
    .header-content h1 {
        font-size: 3em;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        margin-bottom: 0.2em;
    }
}

@media only screen and (max-width: 1400px) {
    .header-content h1 {
        font-size: 2.25em;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        margin-bottom: 0.2em;
    }
    .header-content {
        position: absolute;
        top: 30em;
        left: 5%;
        width: 80%;
    }
}

@media only screen and (max-width: 1480px) {
    .rmm-toggled.rmm-closed > ul {
        padding: 0;
    }
    /*
    .rmm.graphite {
        max-width: none !important;
    }
    
    */
    ul#menu {
        padding: 0 !important;
        margin: 0;
    }
    .rmm {
        float: left;
		margin-left: 1em;
    }
}

@media only screen and (max-width: 1450px) {
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        /*        min-height: 350px;*/
    }
}

@media only screen and (max-width: 1325px) {
    .headerLogoLink img {
        margin-right: 2em;
    }
    .search-bar {
        float: left;
        margin-right: 2em;
        margin-top: .65em;
    }
    .header-contact {
        float: left;
        margin-top: 1.1em;
        margin-right: 2em;
    }
    #basket {
        float: right;
        /* padding: 5px; */
        margin: 0 0 0 15px;
        /* border-left: 1px solid #393333; */
        /* border: 1px solid #5a82b1; */
        padding: 0.75em 1em;
        border-radius: 5px;
        font-size: .667em;
    }
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        /*        min-height: 350px;*/
    }
        #facetCat {
        display: inline-block;
        margin: 1%;
        width: 48%;
        float: left;
    }
}

@media only screen and (max-width: 1200px) {
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 320px;
    }
}

@media only screen and (max-width: 1100px) {
    #facetCat {
        display: inline-block;
        margin: 1%;
        width: 48%;
        float: left;
    }
    .header-content {
        position: absolute;
        top: 24em;
        left: 5%;
        width: 80%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1180px) {
    .product-large {
        float: none;
        width: 30%;
        /* margin: 0 auto; */
    }
    #product-desc {
        float: none;
        width: 100%;
    }
    div#product-desc #accnav li a {
        font-size: 16px;
        color: #fff;
        background: url("/images/caret-icon.png");
        background-repeat: no-repeat;
        background-position: 96% 52%;
        background-size: 2%;
        width: 100%;
        padding: .667em .5em;
        /* text-indent: 1%; */
        font-weight: 700;
    }
}

@media only screen and (max-width: 1100px) {
    .point {
        width: 48%;
        margin: 1%;
        float: left;
        /*         border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 0;
    }
}

/*
@media only screen and (max-width: 955px) {
    .headerAccount {
        float: right;
        margin-top: -2.25em;
    }
    #basket {
        float: right;
        margin-top: -6em;
    }
}
*/

@media only screen and (min-width: 0px) and (max-width: 980px) {
   #header {
    width: 100%;
    overflow: hidden;
    /* height: 11em; */
    margin-bottom: 1em;
}
    
    .home-cat {
        width: 49.5%;
        margin: 0.25%;
        float: left;
    }
    .home-cat img {
        width: 100%;
        border-radius: 0;
    }
    .header-content {
        width: 57%;
    }
    section.global-service {
        width: 100%;
        background: #333;
        min-height: 57px;
        padding: 1em;
        box-sizing: border-box;
    }
    section.global-service h1 {
        color: #fff;
        display: block;
        font-style: normal;
        font-weight: 400;
        font-size: 1.25em;
        letter-spacing: 1px;
        text-align: center;
        float: left;
        margin-bottom: .65em;
        /*            margin-left: 1em;*/
        margin-top: 0.5em;
    }
    section.global-service a.button {
        float: none;
        /* margin-top: 0.7em; */
        display: inline-block;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: .5em;
        border-radius: 5px;
    }
    section.corporate .container {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }
    section.corporate #overlay-1 {
        position: absolute;
        width: 20%;
        background: #fff;
        padding: 1em;
        margin-left: 20.75em;
        margin-top: -3.2em;
        display: none;
    }
    section.corporate #overlay-1:hover {
        display: block !important;
    }
}

@media only screen and (max-width: 825px) {
    .headerAccount {
        float: right;
        margin-top: 2em;
    }
    #basket {
        float: right;
        margin-top: 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
    .facetProductContain {
        float: right;
        width: 100%;
        padding: 0 2%;
        overflow: hidden;
        box-sizing: border-box;
        margin: 20px 0;
    }
    section.left-facet {
        display: none;
    }
    section.right {
        width: 100%;
        float: none;
        padding: 0 2%;
        margin-top: -.5em;
        box-sizing: border-box;
    }
    .point {
        width: 48%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 270px;
    }
    .existingLogin {
        float: initial;
        width: 96%;
        padding: 1%;
        border-right: 0px solid #dddddb;
        border-bottom: 1px solid #dddddb;
        margin: 0 auto;
    }
    .newUserLogin {
        width: 96%;
        padding: 2% 1%;
        border: 0px solid #dddddb;
        margin: 2% auto;
        float: initial;
        text-align: center;
        overflow: hidden;
    }
    span.actionTitle {
        font-size: 16px;
        color: #68757d;
        font-weight: 300 !important;
        width: 96%;
    }
    span.actionTitle a {
        background: #4F7BBF;
        text-align: center;
        padding: 4%;
        color: #fff !important;
        overflow: hidden;
        float: none;
        margin: 0 auto;
        text-align: center;
        font-weight: 600;
        text-transform: normal;
        margin-top: 1em;
        display: block;
    }
    .form1Billing,
    .form2Delivery,
    .securityFinal {
        width: 96%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 875px) {
    .slider-bar {
        height: 88px;
        background: #4F7BBF;
        margin-top: 5px;
        padding: 0 2%;
    }
    .slider-bar h1 {
        float: left;
        margin-top: 1em;
        color: #fff;
        width: 90%;
        font-weight: 400;
        font-style: normal;
        line-height: 125%;
        font-size: 1em;
    }
    .slider-bar img {
        margin-top: 1.15em;
        float: left;
        width: 55px;
        margin-right: 1em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
    section.corporate .left {
        width: 100%;
        float: none;
    }
    section.corporate .right {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 770px) {
    #basketpopup {
    position: fixed;
    top: 22px;
    right: 9%;
    margin: 0 0 0 182px;
    width: 271px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    z-index: 1000;
    background: white;
    border-radius: 7px;
    display: none !important;
}
    
    .col-md-4.headerLogo {
        width: 11em;
        height: 70px;
        float: none;
        margin-left: 0;
        margin-right: 2%;
        margin: 0 auto;
    }
    #facetProd {
        /* min-width: 356px; */
        display: inline-block;
        margin: 1%;
        width: 31.3%;
        text-align: center;
        float: left;
        padding: 1%;
        box-sizing: border-box;
    }
    #header .headerLogoLink img {
        width: 8em;
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: .35em;
    }
    div#basket strong {
        display: none;
    }
    div#basket #basket-text {
        display: none;
    }
    .shippingAddressContain {
        float: left;
        width: 98%;
    }
    .search-icon {
        display: block;
    }
    #header img {
        float: none;
    }
    .search-icon {
        width: 31.33%;
        float: left;
        padding: 0.75em 1em;
        box-sizing: border-box;
    }
    a#login-img {
        margin-top: 0;
    }
    #header {
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .headerInside {
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .headerInside {
        margin: 0%;
        overflow: visible;
    }
    .search-icon img {
        margin: 0 auto;
        width: 1.75em;
        display: block;
    }
    #header {
        width: 100%;
        overflow: hidden;
        height: auto !important;
    }
    .search-bar {
        display: none;
    }
    .search-bar-mobile {
        clear: both;
        /*    background: #f5f5f5;*/
        padding: 1em;
        width: 100%;
    }
    header#header .search-bar-mobile {
        /*    transition: all 1s ease-in-out;*/
    }
    header#header .search-bar-mobile input {
        border-radius: 5px;
        border: 1px solid #ccc;
        height: 25px;
        margin-right: 0.5em;
        width: 50%;
        margin-left: 13%;
        float: left;
    }
    header#header .search-bar-mobile input[type="submit"] {
        border-radius: 5px;
        border: 0;
        height: 29px;
        background: #5a82b1;
        color: #fff;
        cursor: pointer;
        padding: 0 1em;
        width: 20%;
        margin-left: 0;
    }
    .headerBasket {
        overflow: visible;
        width: 31.33%;
       /* margin: 0 1%; */
        float: left;
        width: 31.33%;
        float: left;
        padding: 0 1em;
        box-sizing: border-box;
    }
    #basket {
        float: none;
    }
    .col-md-4.headerLogo {
        width: 11em;
        height: 85px;
        float: none;
        margin-left: 0;
        margin-right: 2%;
        margin: 0 auto;
    }
    #basket {
        margin: 0 0 0 0;
        padding: 0.75em 1em;
        border-radius: 5px;
        font-size: .667em;
    }
    .headerAccount {
        width: 31.33%;
        margin: 0 1%;
        padding: 0.75em 1em;
        box-sizing: border-box;
        float: left;
    }
    .headerAccount img {
        width: 1.75em;
        display: block;
        margin: 0 auto;
    }
    #login-text {
        display: none;
    }
    #login-img {
        display: block;
    }
    /*
        .headerInside {
            margin: 1%;
            overflow: visible;
        }
*/
    .headerBasket .basket-image img {
        width: 3em;
    }
    .headerBasket .basket-image strong {
        display: none;
    }
    .header-contact {
        display: none;
    }
    .orderPaymentAddress {
        float: right;
        width: 96%;
        padding: 2%;
        BACKGROUND: #f8f8f8;
        margin: 2% 0 0%;
    }
    .custOrderRowC,
    .custOrderRowD,
    .custOrderRowE,
    .custOrderRowF,
    .custOrderRowG,
    .custOrderRowH {
        width: 100%;
        margin: 3px 0;
    }



}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
    .owl-slider2 {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .center-float {
        width: 90%;
        margin: 0 auto;
        color: #555;
        text-align: center !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
    .search-bar {
        float: left;
        position: relative;
        top: -6px;
        width: 50%;
        left: 0em;
        margin-top: .65em;
    }
    header#header input {
        border-radius: 5px;
        border: 1px solid #ccc;
        height: 25px;
        margin-right: 0.5em;
        width: 60%;
    }
    header#header input[type="submit"] {
        border-radius: 5px;
        border: 0;
        height: 29px;
        background: #5a82b1;
        color: #fff;
        cursor: pointer;
        padding: 0 1em;
        width: 30%;
    }
    div#product-desc #accnav li a {
        font-size: 16px;
        color: #fff;
        background: url("/images/caret-icon.png");
        background-repeat: no-repeat;
        background-position: 93% 52%;
        background-size: 2%;
        width: 100%;
        padding: .667em .5em;
        /* text-indent: 1%; */
        font-weight: 700;
    }
    .basketStages {
        margin: 2% auto 0;
        width: 90%;
    }
    .basketStages img {
        width: 100%;
    }
    .basketStagesLink {
        margin: 2% auto;
        width: 78%;
        font-size: 12px !important;
        margin-bottom: 20px;
        height: 30px;
        padding-left:40px;
    }
    .basketStage1Active {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
        color: #eb933a !important;
    }
    .basketStage2Active,
    .basketStage3Active {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
        color: #eb933a !important;
    }
    .basketStage1 {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
    }
    .basketStage2 {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
    }
    .basketStage3 {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
    }
    .basketStage4 {
        width: 30%;
        margin: 0;
        float: left;
        padding: 0;
        text-align: center;
    }
    .productImageDescContain {
        float: left;
        width: 40%;
        padding-left: 1%;
    }
    .productIdList {
        width: 78%;
        float: left;
        padding: 0 1%;
    }
    .productImage {
        width: 10%;
        height: auto;
        border: 1px solid #eff0f0;
        float: left;
    }
    .productImage img {
        width: 100%;
        padding: 1%;
    }
    .qtyview {
        width: 30%;
    }
    .basketPrice {
        text-align: right;
        padding-right: 1%;
        float: right;
        width: 7%;
    }
    .qtyview {
        width: auto;
    }
    .productPriceList {
        text-align: right;
        padding-right: 1%;
        float: right;
        width: 7%;
    }
    .PricingContainer {
        float: right;
        width: 100%;
    }
    .subtotalContainer {
        width: 100%;
        height: 20px;
        margin: 5px 0;
        float: right;
    }
    .subtotalTitle,
    .shippingTitle,
    .vatTitle {
        float: left;
        margin-right: 2%;
    }
    .shippingContainer,
    .vatContainer {
        clear: both;
        width: 100%;
        height: 20px;
        margin: 5px 0;
        float: right;
    }
    .shippingInstruction {
        display: none;
    }
    .totalContainer {
        clear: both;
        float: right;
        width: 100%;
        height: 30px;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px solid #b1b1b1;
        padding: 10px 0;
    }
    .guestRegister {
        width: 90%;
        float: none;
        font-size: 10px;
        height: auto;
        text-transform: uppercase;
        line-height: 30px;
        overflow: hidden;
        padding: 2%;
        border: 1px solid #b1b1b1;
        margin: 0 auto;
    }
    .password {
        clear: both;
        overflow: hidden;
    }
    .CustomerHeader {
        float: left;
    }
    .deliveryTitle {
        float: left;
        padding: 15px;
        width: auto;
    }
    .miniBasketScroll {
        min-height: initial;
        max-height: 200px;
        display: inline-block;
        overflow-y: auto;
    }
    .termsConditionsCheck {
        border: 1px solid #009966;
        background: #ebfeeb;
        padding: 5px;
        text-align: center;
        width: 90%;
        margin: 4% auto;
    }
    .deliveryAddressDropdown select {
        width: 60%;
    }
    .deliveryAddressMatch {
        float: left;
        padding: 12px 0 0 0;
        width: auto;
        text-align: right;
        font-size: 10px;
        clear: both;
    }
    .usernameField input,
    .passwordField input {
        width: 50%;
        float: right;
    }
    .passwordText {
        float: left;
        width: 20%;
        clear: both;
    }
    .memberLogin {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        line-height: 30px;
        width: 85%;
        float: none;
        background: #5ac4f8;
        padding: 2%;
        text-align: center;
        margin: 2% auto 0;
    }
    .paymentOption2 {
        display: none;
        border: 1px solid #b1b1b1;
        padding: 15px;
        height: auto;
        margin-bottom: 40px;
    }
    .offlinePaymentDescription {
        padding: 0px;
        margin: 33px auto;
        width: auto;
    }
    .paymentOption3 {
        display: none;
        margin-bottom: 40px;
        border: 1px solid #b1b1b1;
        padding: 15px;
        height: initial;
    }
    .attributeContain {
        width: 22% !important;
        float: left;
        margin: 1%;
    }
    .attributeContain.attributeNonLocking {
        border-left: 2px solid #5A82B1;
        padding-left: 9px;
        width: 20% !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    ul.rslides.rslides1 li {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        padding: 0;
        margin: 0 auto 10px;
    }
    .attributeContain {
        width: 31% !important;
        float: left;
        margin: 1%;
    }
    .attributeContain.attributeNonLocking {
        border-left: 2px solid #5A82B1;
        padding-left: 9px;
        width: 28% !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 523px) {
    #facetProd {
        /* min-width: 356px; */
        display: inline-block;
        margin: 1%;
        width: 48%;
        text-align: center;
        float: left;
        padding: 1%;
        box-sizing: border-box;
    }
    .productImageDescContain {
        float: left;
        width: 100%;
        padding-left: 1%;
    }
    .basketPrice {
        text-align: right;
        padding-right: 1%;
        float: right;
        width: 7%;
        display: none;
    }
    .productOptions {
        float: left;
        width: 30%;
        display: none;
    }
    .productOpionsList {
        float: left;
        width: 50%;
        font-size: 10px;
    }
    .productRow {
        clear: both;
        width: 99%;
        height: auto;
        margin: 0 0 2% 0;
        border-bottom: 1px dotted;
        padding-bottom: 10px;
        overflow: hidden;
    }
    .productPriceList {
        text-align: right;
        padding-right: 3%;
        float: right;
        width: 10%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 930px) {
    .product-large {
        float: none;
        width: 30%;
        /* margin: 0 auto; */
    }
    .more-img {
        bordeR: 0px;
    }
    #product-desc {
        background: white;
        width: 100%;
        float: initial;
        padding-top: 20px;
        margin: 0 auto;
    }
    #product-desc h1 {
        text-align: left;
        display: block;
    }
    .checkoutFields {
        width: 100%;
        float: left;
        clear: both;
    }
    .checkoutFields2 {
        clear: both;
        width: 98%;
        float: left;
        margin: 2% 0 0 0;
    }
    .checkoutFields3 {
        width: 98%;
        margin: 2% 0 0 0;
        clear: both;
        float: left;
    }
    .termsConditionsCheck2 {
        border: 1px solid #009966;
        background: #ebfeeb;
        padding: 1%;
        text-align: center;
        width: 98%;
        margin: 3% 0;
        clear: right;
        float: right;
    }
    .cardDetails {
        float: right;
        width: 100%;
        background: #d9e9f1;
        margin: 0 0 2% 0;
    }
    .paymentOption5 {
        display: none;
        float: right;
        width: 100%;
        background: #d9e9f1;
        margin: 0 0 2% 0;
    }
}

@media only screen and (max-width: 1415px) {
    section.global-service .center {
        overflow: auto;
        margin: 0 auto;
        text-align: center;
        display: table;
        width: auto;
    }
    section.global-service h1 {
        color: #fff;
        display: block;
        font-style: normal;
        font-weight: 400;
        font-size: 1em;
        letter-spacing: 1px;
        text-align: center;
        float: left;
        margin-bottom: .65em;
        margin-top: 1.1em;
    }
}

@media only screen and (max-width: 1560px) {
    .header-content h1 {
        font-size: 3em;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        margin-bottom: 0.2em;
        margin-top: -0.6em;
    }
    .headerLogoLink img {
        margin-right: 1em;
    }
    /*
        .search-bar {
            float: left;
            margin-right: 2em;
            margin-top: .65em;
        }
*/
    .header-contact {
        float: left;
        margin-top: 1.1em;
        margin-right: 2em;
    }
}

@media only screen and (max-width: 1445px) {
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 310px;
    }
}

@media only screen and (max-width: 1360px) {
    .header-content {
        position: absolute;

        left: 3em;
    width: 75%;
    }
    .header-content h1 {
        font-size: 2.25em;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        margin-bottom: 0.2em;
        margin-top: -0.6em;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1325px) {
    .headerLogoLink img {
        margin-right: 2em;
    }
    .search-bar {
        float: left;
        margin-right: 2em;
        margin-top: .65em;
    }
    .header-contact {
        float: left;
        margin-top: 1.1em;
        margin-right: 2em;
    }
    #basket {
        /*float: right;
         padding: 5px; */
        margin: 0 0 0 15px;
        /* border-left: 1px solid #393333; */
        /* border: 1px solid #5a82b1; */
        padding: 0.75em 0em;
        border-radius: 5px;
        font-size: .667em;
    }
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 350px;
    }
        .facetCat {
        display: inline-block;
        margin: 1%;
        width: 48%;
        float: left;
    }
}

@media only screen and (max-width: 1230px) {
    #header {
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    /*
        .search-bar {
            float: none;
            position: absolute;
            top: 6.5em;
            left: 2em;
            margin-top: .65em;
        }
*/
    .rmm {
        float: left;
        margin-left: 1em;
    }
    .point {
        width: 23%;
        margin: 1%;
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1em;
        text-align: center;
        min-height: 355px;
    }
    .point {
        width: 35.825%;
        /* margin: 1%; */
        float: left;
        /* border-bottom: 2px solid #5a82b1; */
        padding-bottom: 1%;
        text-align: center;
        padding: 6%;
        margin: 1%;
        /* min-height: 243px; */
        padding-bottom: 1%;
        /* border: 1px solid #5A82B1; */
        background: #fff;
    }
}

@media only screen and (max-width: 1045px) {
    .header-content {
        position: absolute;
        top: 25em;
        left: 3em;
        width: 57%;
    }
}

@media only screen and (max-width: 980px) {
    #header {
        width: 100%;
        overflow: hidden;
        /*                height: 11em;*/
    }
    .header-content {
    position: absolute;
    top: 24em;
    left: 3em;
    width: 57%;
    }
    /*
        .rmm {
            display: block;
            position: relative;
            width: 100%;
            padding: 0px;
            margin: 0 auto !important;
            text-align: center;
            line-height: 19px !important;
            z-index: 999;
        }
        .rmm.graphite .rmm-toggled {
            width: 100%;
            background-color: #4F7ABE;
            min-height: 58px;
            border: 1px solid #fff;
            border-radius: 0;
        }
        .rmm.graphite .rmm-toggled-controls {
            display: block;
            height: 58px;
            color: white;
            text-align: left;
            position: relative;
            background-image: url('../rmm-img/graphite-menu-bg.png');
            background-repeat: repeat-x;
            border-radius: 6px;
        }
        .rmm.graphite .rmm-toggled-title {
            position: relative;
            top: 20px;
            left: 2.25em;
            font-size: 16px;
            color: white;
            text-shadow: none;
        }
        .rmm.graphite .rmm-button {
            display: block;
            position: absolute;
            right: 2em;
            top: 18px;
        }
        #menu li {
            float: none;
            text-align: center;
            position: relative;
            border: none;
            list-style: none;
            background: url('../images/topMenuSeperator.png') no-repeat right;
            height: 40px;
            line-height: 42px;
        }
        #menu li a {
            font-size: 1em;
            display: block;
            outline: 0;
            text-decoration: none;
            color: #fff;
        }
        .rmm.graphite .rmm-toggled ul li a {
            display: block;
            width: 100%;
            background-color: transparent;
            text-align: center;
            padding: 10px 0px 10px 0px;
            border-bottom: 0;
            border-top: 1px solid #fff;
            text-shadow: none;
*/
    /*        }*/
}

@media only screen and (max-width: 880px) {
    .cat-cont {
        background: #5a82b1;
        padding: 1.5em 1em;
        text-align: center;
        margin-top: -.8%;
    }
    .home-cats {
        width: 100%;
    }
    .slider-bar img {
        margin-top: 1em;
        float: left;
        margin-right: 1em;
        margin-left: 1em;
    }
.slider-bar h1 {
    float: left;
    margin-top: 1em;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    font-size: 0.8em;
    width: 78%;
}
    .header-content {
        position: absolute;
        top: 17em;
        left: 3em;
        width: 62%;
    }
    .header-content h1 {
        font-size: 2em;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        margin-bottom: 0.2em;
        margin-top: -0.6em;
        margin-left: 0px;
    }


    .socialContainTop {
        display: none;
    }
}


}
@media only screen and (max-width: 1070px) {
    .contactDetailsL {
        width: 100%;
        float: none;
        font-weight: 700;
    }
    
    .contactDetailsR {
        height: auto !important;
        width: 100%;
        min-height: 300px;
        float: none;
        /* background: url(../images/news-bkg.png) no-repeat; */
    }
    
    .center-float {
        width: 58%;
        margin: 0 auto;
        color: #555;
        text-align: center !important;
    }
    
    .contactDetails input[type="submit"] {
        margin-left: 22%;
    }
    
    .contactDetails input[type="submit"] {
        margin-right: 2em;
    }
}
@media only screen and (max-width: 450px) {
    .home-cat {
        width: 96%;
        margin: 2%;
        float: none;
    }
    
    .slider-bar h1 {
        float: left;
        margin-top: 1em;
        color: #fff;
        font-weight: 400;
        font-style: normal;
        line-height: 125%;
        font-size: 0.8em;
        width: 78%;
    }
}
@media only screen and (max-width: 472px) {
    .slider-bar h1 {
        float: left;
        margin-top: 1em;
        color: #fff;
        font-weight: 400;
        font-style: normal;
        line-height: 125%;
        font-size: 0.8em;
        width: 78%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 680px){
    .facetCat {
        display: inline-block;
        margin: 1%;
        width: 98%;
        margin-bottom: .5em;
        float: none;
    }
}
@media only screen and (min-width: 0px) and (max-width: 650px) {
    .point {
        width: 98%;
        float: none;
        padding-bottom: 1%;
        text-align: center;
        padding: 6%;
        margin: 1%;
        padding-bottom: 1%;
        background: #fff;
        box-sizing: border-box;
    }
    
    section.our-story p {
        font-size: 18px;
        line-height: 145%;
        color: #444;
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 470px){
        .slider-bar img {
        margin-top: 1em;
        float: left;
        margin-right: 1em;
        margin-left: 1em;
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width: 440px) {
    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }
    
    ul.rslides.rslides1 li {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        padding: 0;
        margin: 0 auto 9px;
    }
    

    
    .slider-bar h1 {
        float: left;
        margin-top: 1em;
        color: #fff;
        font-weight: 400;
        font-style: normal;
        line-height: 125%;
        font-size: 0.8em;
        width: 100%;
    }
    
    .contactDetails .g-recaptcha {
        margin-left: 0;
        margin-bottom: 10px;
    }
    
    .contactDetails input[type="submit"] {
        margin-left: 0;
    }
    
    .contactDetails label {
        width: 100%;
        float: none;
        margin-top: .15em;
        font-weight: 700;
        display: block;
    }
    
    .contactDetails .field-drop {
        width: 100%;
        height: 35px;
        padding: 5px;
        border: 1px solid #ccc;
        font-size: 12px;
        font-weight: 400;
        color: #58585a;
        float: left;
        border-radius: 5px;
        margin-top: .5em;
    }
    
    .contactDetails .field-text {
        width: 100%;
        height: 200px;
        padding: 5px;
        border: 1px solid #ccc;
        font-size: 12px;
        font-weight: 400;
        color: #58585a;
        border-radius: 5px;
        float: left;
        box-sizing: border-box;
        margin-top: .5em;
    }
    
    .contactDetails .field-1 {
        width: 100%;
        height: 30px;
        padding: 5px;
        border: 1px solid #ccc;
        font-size: 12px;
        font-weight: 400;
        color: #58585a;
        float: none;
        border-radius: 5px;
        margin-top: .5em;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 350px) {
    #facetProd {
        /* min-width: 356px; */
        display: inline-block;
        margin: 1%;
        width: 100%;
        text-align: center;
        float: left;
        padding: 1%;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
    .center-float {
        width: 90%;
        margin: 0 auto;
        color: #555;
        text-align: center !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 380px) {
    ul.rslides.rslides1 li {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        padding: 0;
        margin: 0 auto 10px;
    }
    
    .attributeContain {
        width: 48% !important;
        float: left;
        margin: 1%;
    }
    
    div#product-desc #accnav li a {
        font-size: 16px;
        color: #fff;
        background: url("/images/caret-icon.png");
        background-repeat: no-repeat;
        background-position: 87% 52%;
        background-size: 2%;
        width: 100%;
        padding: .667em .5em;
        text-indent: 1%;
        font-weight: 700;
    }
    
    .attributeContain.attributeNonLocking {
        border-left: 2px solid #5A82B1;
        padding-left: 9px;
        width: 43% !important;
    }
}
@media only screen and (max-width: 910px) {
    .contactDetailsL {
        width: 100%;
        float: none;
        font-weight: 700;
        text-align: center;
    }
    
    .contactDetailsR {
        width: 100%;
        float: none;
        font-weight: 700;
        text-align: center;
    }
    
    ul#menu {
        display: none;
    }
    
    .header-content {
        position: absolute;
        top: 17em;
        left: 3em;
        width: 62%;
        display: none;
    }
    
    .slicknav_menu {
        display: block !important;
    }
    
    .testMenu {
        min-height: 40px;
        padding: 0;
        margin-bottom: 0;
    }
    
    ul.rslides.rslides1 li {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto 10px;
    }
    
    .header-content {
        position: absolute;
        top: 19em;
        left: 3em;
        width: 62%;
    }
}
@media only screen and (max-width: 580px) {
    #facetCat {
        display: inline-block;
        margin: 5%;
        width: 90%;
        float: none;
    }
}
@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (max-width: 400px){
    header#header .search-bar-mobile input {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 25px;
    margin-right: 0.5em;
    width: 50%;
    margin-left: 10%;
    float: left;
}
}


@media only screen and (max-width: 350px) {

header#header .search-bar-mobile input {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 25px;
    margin-right: 0.5em;
    width: 58%;
    margin-left: 1%;
    float: left;
}
    
    header#header .search-bar-mobile input[type="submit"] {
    border-radius: 5px;
    border: 0;
    height: 29px;
    background: #5a82b1;
    color: #fff;
    cursor: pointer;
    padding: 0 1em;
    width: 26%;
    margin-left: 0;
}
    
    .search-bar-mobile {
    clear: both;
    /* background: #f5f5f5; */
    padding: 0;
    width: 100%;
}
}

@media only screen and (min-width: 910px) and (max-width: 1080px){
    .header-content {
    position: absolute;
    top: 21em;
    left: 3em;
    width: 57%;
}
}

@media only screen and (min-width: 910px) and (max-width: 956px){
   .header-content {
    position: absolute;
    top: 22em;
    left: 3em;
    width: 57%;
} 
}

@media only screen and (min-width: 1400px) and (max-width: 1600px){
    .header-content {
    position: absolute;
    top: 30em;
    left: 4em;
    width: 57%;
}
}
@media only screen and (max-width: 1348px) {
    section.global-service a.button {
        float: none;
        display: inline-block;
    }
    
    section.global-service {
    width: 100%;
    background: #333;
    min-height: 57px;
    padding: 1em;
}
    
    section.global-service h2 {
    color: #fff;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 1px;
    text-align: center;
    float: none;
    margin-bottom: .65em;
    margin-top: 0;
}
}

@media only screen and (min-width: 910px) and (max-width: 1146px) {
    .contactDetails label {
        width: 100%;
        float: left;
        margin-top: .15em;
        font-weight: 700;
        margin-bottom: .5em;
    }
}
.head-1 {
    color: #5A82B1 !important;
}
.head-2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: .25em;
    display: block;
    color: #5a82b1;
}
.head-3 {
    text-decoration: none;
    color: #5a82b1;
    margin-top: 0.5em;
}
.head-4 {
    font-size: 16px;
    text-decoration: none;
    color: #5a82b1;
    font-weight: 700;
    margin-top: 0.5em;
}}
@media only screen and (max-width: 490px){
    .corporate h2 {
    font-size: 2.375em;
    color: #fff;
    display: inline;
    font-weight: 700;
    font-style: normal;
}
}


div#up {
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background: #5A82B1;
    border: 0;
    color: #fff;
    font-size: 1em;
    padding: 0.325em .5em;
    margin-top: .1em;
    display: inline-block;
    font-family: sans-serif, 'Open Sans', sans-serif, Arial;
    cursor: pointer;
    margin-right:.5em;
}

div#down {
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background: #5A82B1;
    border: 0;
    color: #fff;
    font-size: 1em;
    padding: 0.325em .5em;
    margin-top: .1em;
    display: inline-block;
    font-family: sans-serif, 'Open Sans', sans-serif, Arial;
    cursor: pointer; 
}