@font-face {
  font-family: 'Alike';
  font-style: normal;
  font-weight: 400;
  src: local('Alike'), local('Alike-Regular'), url(https://fonts.gstatic.com/s/alike/v7/0wlTTJEXU4hQ4azwPn6Wjw.woff) format('woff');
}
html {
   min-width:340px;  

}
.body { height: 100%;}
body {
    background-color: #262626;
    font-family: Helvetica, Arial, sans-serif;
    color: #4b5151;
    min-width: 340px;
}
h4, .h4 {
    font-size: 12px;
    font-weight: 100;

}
.imgPlaceHolder img {
    max-width: 150px;
}
.loggedInHome {
 /*   background: url('../imgs/brands_bg.jpg') #262626; */
     background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
}
.brandHeroHolder {
    width: 100%;
    background-color: #262626;
    background-size: cover;
    background-repeat: no-repeat;
}
.brandHeroHolder img {
    width: 50%;
    float: right;
}
.loggedOutHome {
  /*  background: url('../imgs/home_page_bg.jpg') #262626;  */
    background-color: #262626;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
.productSearch, .basketHolder{
    background-color: #ffffff;

    float: left;
    width: 100%;

}
.productSearch {
    padding-bottom: 2vw;
}
.checkout-box {
    border: 2px solid #333333;
    border-radius: 1vw;
    text-align: left;
    padding: 2vw;
    float: left;
    width: 100%;
    margin-bottom: 2vw;
}
#basketQty, #basketQty2 {
    position: absolute;
    right: 0;
    top: 0;
}
#basketQtyVal, #basketQtyVal2 {
    border-radius: 100%;
    background-color:#009fe3;
    color: #ffffff; 
    font-size: 0.75em;
    padding: 0.05vw 0.2vw;
}
.actionIcon {
    position: relative;
    display: inline-block;
    margin-right: 1vw;
}
.control-label {
    text-align: left;
}
.basketHolder img {
    display: none;
}
.downArrowCtrl {
    padding-left: 0.5vw;
}
.stockCount {
    font-size: 13px;
    padding-top: 10px;
    margin-bottom: -.0px;
    text-transform: uppercase;
    font-weight: 500;
}
.futureStockCount {
    font-size: 11px;
    margin-bottom: -.0px;
    text-transform: uppercase;
    font-weight: 500;
}
.colourCount {
    font-size: 11px;
    font-weight: 100;
}
.basketHolder h2 {
    background-size: cover;
    padding-top: 15vw;
    background-position: center;
    padding-bottom: 2vw;
    padding-left: 2vw;
    font-size: 3vw;
    color: #666666;
    margin-top: 0 !important;
}
.mini-button {
    margin-left: -10px;
    margin-right: -10px;
}
.download-link {
    color: #333333;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.entryfadeup {
    display: none;
}
#burgerMenu {
    display: none;
    vertical-align: middle ;
    font-size: 30px;
    padding-right: 1vw;
    color: #e1e1e1;
    cursor: pointer;
}
.mobileMenuItem {
    width: 100%;
    text-align: left;
    padding: 3vw 6vw;
    border-bottom: 1px solid #6b6b6b;
    color: #d0d0d0;
    cursor: pointer;
    transition: opacity 0.15s ease-in-out 0s;  
    position: relative;
    text-transform: uppercase;
    background-color: #151515;
}
.currentItem {
       background-color: #444444;        /*            ### SAP REMOVED TO MATCH VISUAL 23/08/2021 */
}
.mobileSubItem {
     padding-left: 9vw;   /*  ### SAP REMOVED TO MATCH VISUAL 23/08/2021 */
}
.burgerMenuMobile {
    font-size: 30px;
    background-color: #262626;
}
.mobileMenuItem:hover {
    opacity: 0.8;
}
.mobMenuDirection {
    position: absolute;
    right: 3vw;
}
.mobMenuLayerOne {
    z-index: 200;
}
.mobMenuLayerTwo {
    z-index: 300;
}
.mobMenuLayerThree {
    z-index: 400;
}
.mobileMenuItem img {
    width: 70%;
}
#logoImage {
    width: 75%;
}
.productShowcase h2 {
    background-size: cover;
    padding-top: 30vw;
    background-position: center;
    padding-bottom: 2vw;
    padding-left: 2vw;
    font-size: 3vw;
    color: #ffffff;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-indent: -1000px;
    overflow: hidden;
}
.productShowcase img, .mainSignPost img , .subSignPost img {
    width: 100%;
}
.mainSignPost, .subSignPost {
    background-size: cover;
    cursor: pointer;
    position: relative;
    opacity: 1;
    transition: opacity 0.15s ease-in-out 0s;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.mainSignPost:hover, .subSignPost:hover {
    opacity: 0.9;
}
.mainSignPost {
    background-position: center;
}
.selectImageSet {
    color: #ff4444;
    font-weight: 800;
    padding: 2vw;
    margin: 1vw;
}
.brandSignposts {
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    background: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
}
.mainSignPost .bannerText, .subSignPost .bannerText {
    position: absolute;
    color: ffffff;
    left: 4vw;
    bottom: 4vw;
}

.titleSubText {
    font-size: 1.5vw;
}
#productContainerClose {
    font-size: 3vw;
    position: absolute;
    top: 1vw;
    right: 1.5vw;
    color: #999999;
    cursor: pointer;
}
.subMenuHolder {
    width: 100%;
    background-color: #333333;
    text-align: center;
    position: relative;
}
.subMenuHolder a, .subMenuHover a {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin: 8px 2vw;
    text-decoration: none;
    line-height: 30px;
    transition: color 0.15s ease-in-out 0.15s;
    text-transform: uppercase;
    border-bottom: 1px solid #333333;
}

.subMenuHover a {
    border-bottom: 1px solid #444444;
}

.subMenuHolder a.active, .subMenuHover a.active {
    border-bottom: 1px solid #ffffff;
}
.subMenuHolder a:hover, .subMenuHover a:hover {
    color: #aaaaaa;
    text-decoration: none;
    border-bottom: 1px solid #aaaaaa;

}
.subSignPost img {
    width: 100%;
}
.basketHolder h3 {
    padding-left: 2vw;
}
#brandContainer  {
    display: block;
    text-align: center;
    background-color: #000000;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 50%;
    float: left;
}
#rightsFooter {
     text-align: center;
    background-color: #000000;
    color: #ffffff;
    font-size: 11px;
    line-height: 33px; 
    float: left;
    width: 100%;
    border-top: 1px solid #ffffff;
}
#brandContainer h2 {
    text-align: center;
    width: 100%;
    color:#ffffff;
    padding-bottom: 4vw;
}
 #logoImageCentered {
    /* display: none; */
}
#logoImageCenteredNoBrand {
    display: none;
}
.brandBoxHolder {
    display: inline-table;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.brandBox img {
   /* border: 2px solid #ffffff; */
    width: 80%;
    margin: 2vw 10%;
    cursor: pointer;
}
.brandBox img:hover {
 /*  opacity: 0.5 ; */
}
.menuBrandBox {
    margin: 5vw 10%;
}
#searchfilter {
    width: 80%;
    background-color: #444444;
    border: 1px solid #222222;
    padding: 3px 5px;
    color: #e1e1e1;
}
#searchboxHolder {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    line-height: 100%;
    margin: 12px 2vw;
}
#searchboxHolderInline {
    text-align: left;
    line-height: 100%;
    margin: 7px 0;
}
}
.positionRight {
    right: 0 !important;
    text-align: right !important;
}

input.lightsearch {
    background-color: #eeeeee !important;
    border: 1px solid #aaaaaa !important;
    padding: 3px 5px;
    color: #666666 !important;
    font-size: 1.1vw;
}
#searchfilterBoxIcon, #searchfilterBoxIconBrowse {
    padding-right: 0.5vw;
    cursor: pointer;
}
#searchboxMenuHolder {
    position: absolute;
    top: 4.5vw;
    z-index: 1000;
    right: 4.5vw;
}

#searchfilterMenuIcon {
    padding-right: 0.5vw;
}
#menuBar {
    display: inline-block;
    width: 100%;
    background-color: #262626;
    position: relative;
    padding-top: 0.5vw;
    border-bottom: solid 1px #f5f5f5;
    z-index: 100;
}
#filterBar {
        display: inline-block;
    width: 100%;
    background-color: #e1e1e1;
}
#actionsHolder, #logoHolder, #searchHolder{
        display: inline-block;
}
#actionsHolder, #actionsHolder2  {
    text-align: right;
    position: absolute;
    right: 0;
    top: 20%;
}

#actionsHolder2  {
    display: none;
    overflow: hidden;
    top: 10%;
}
#actionsHolder img, #actionsHolder2 img {
    cursor: pointer;
}
#productsLoading  {
    text-align: center;
    font-size: 20px;
    font-weight: 600;

}
#productsLoading span.fas {
    margin-right: 1vw;
}
#productShowMore {
    margin-top: 1vw;
    margin-bottom: 1vw;
}
#productShowMore h2 {
    padding: 0;
        text-align: center;
}
#brandMenu {
    display: none;
    height: 100%;
    background-color: #151515;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding:0 !important;
    margin: 0 !important
}
#brandMenuHolder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    opacity: 0;
    background-color: transparent;
    display: none;
    overflow: hidden;
}
#brandMenuShell { 
    z-index: 900;
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:0 !important;
    margin: 0 !important
}
.menuOpen {
        display: block !important;
}
.headerBrandBox {
    width: auto; 
}
.headerBrandBox img {
    max-width: 400px;
    width: 80% !important; 
    margin: 0.5vw 10%;
}
#brandSelector {
    display: inline-block;
    color: #ffffff;
    position: relative;
    cursor: pointer;
    width: 100%;
}
#brandSelectorMenu {
    position: relative;
}
#currentBrand {
    display: inline-block;
    text-align: center;
    width: 100%;
}

#fullMenu {
    display: block;
}
#mobileMenu, .mobileMenuCard {
    display: none;
}
.mobileMenuCard {
    position: absolute;
    top: 0;
}
.subMenuHover {
    position: absolute;
    width: 100%;
    overflow: hidden;
    display: none;
    background-color: #444444;
    z-index: 200;
}
.availableBrand {
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.25vw;
    padding-bottom: 0.25vw;
    border-bottom: 1px solid #767676;
    transition: background-color 0.2s ease-in-out 0s;
}
.availableBrand:hover {
    background-color: #444444;
}

.basketLink {
    color: #4b5151 !important;
}
#cartonBreakdown img {
    margin: 1em;
    margin-left: 0;
    margin-right: 20px;
}
.mainProductImage {
    width: 100%;

}
/*
###########################################################################
    Login 
###########################################################################
*/
#heightbox {
    width: 1%;
    line-height: 100%;
}
#containerbox { 
    width: 100%;
    height: 100%;
}
#loginBox {
    display: block;
    width: 35%;
    background-color: rgba(0, 0, 0, 0.9);
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 200;
    height: 100%
}
h1.LoginLogo {
    margin-top: 40%;
    background-color: none;
    overflow: hidden;
    text-indent: -1000px;
    background-image:url(../imgs/BOI-Group-White.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: contain;
    width: 100%;
    margin: 40% 0% 5% 0%;
}
#loginBox .lnk {
    color: #ffffff;
    text-decoration: none;

}
.cartonBreakdownHeader tbody tr td {
   width: auto !important;
}
.BoiLogo {
    color: #ffffff;
    font-family: 'Alike';   
}
#LoginBox {
    margin: 0 25% ;
}
#LoginBox p input {
    width: 100%;
    border-radius: 5px;
    background-color: #333333;
    border-collapse:collapse;
    border-style: none;
    color: #ffffff;
    padding: 0.5vw 1vw;
    margin: 0.5vw 0;
}

#LoginBox p input:-internal-autofill-selected {
    background-color: #333333 !important;
    color: #ffffff !important;
}
.submit {
    border: 0px none #999999;
    border-radius: 0.5vw;
    background-color: #999999;
    color: #ffffff;
    width: 100%;
    padding: 0.5vw 1vw;
    margin-bottom: 2vw;
}
#breadcrumb {
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;
    border-bottom: 1px solid #efefef;
    font-size: 12px;
}
#breadcrumb a {
    color: #666666;
    text-transform: capitalize;
}

.stuckMenu {
    position: fixed; 
    z-index: 1000;
}
.stuckMenu #actionsHolder2 {
    display: inline-block;
}
/*
###########################################################################
   Product Display
###########################################################################
*/

#mainSearchBar {
   /* font-size: 1.5vw;
    padding: 0.3vw;*/
    margin: 0;
    background-color: #cccccc;
    float: left;
}
#categorySelector, #seasonSelector, #sortSelector {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 1vw;
    padding-left: 10px;
}
#categoryOptions, #seasonOptions, #sortOptions {
    display: none;
    position: absolute;
    z-index: 500;
    right: 0;
    background-color: #e1e1e1;
    width: 100%;
    text-align: left;
}
#categorySelector:hover #categoryOptions, #seasonSelector:hover #seasonOptions, #sortSelector:hover #sortOptions {
    display: block;
}

#currentCategory, #currentSeason, #currentSort {
    display: inline-block;
}
.filterCategory, .sortOption, #currentCategoryHolder, #currentSeasonHolder, #sortSelectionHolder {
    padding: 0.5vw 1vw;
    text-transform: uppercase;
    cursor: pointer;
    color: #666666;
}
    #currentCategoryHolder, #currentSeasonHolder, #sortSelectionHolder {
        position: relative;
        display: inline-block;
        width: 75%;
    }
    .filterCategory i, .sortOption i {
        margin-right: 1vw;
    }
    .filterCategory:hover, .sortOption:hover {
        background-color: #f1f1f1;
        color: #999999;
    }
    
    .productHolder {
        display: inline-block;
        padding-right: 0px;
        padding-left: 0px;
    }
.productHolderInner {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin: 5px;
    padding: 1vw;
    overflow: hidden;
    cursor:pointer;
    box-shadow: 0 2px 2px #aaa;
}
.productDetailInner {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin: 5px;
    padding: 1vw;
    overflow: hidden;
    box-shadow: 0 2px 2px #aaa;
}

.raisedBox {
    margin-bottom: 1.5vw !important;
    background-color: #ffffff;
}
.noMargin {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.productHolderInner:hover {
    background-color: #fcfcfc;
        border: 1px solid #c1c1c1;
}
.productHolderInner h3 {
    width: 100%;
    font-size: 1.5vw;
    margin: 0;
    width: 100%;
    font-size: 17px;
    margin: 0;
    font-weight: 600;
 
}
.basketHeader {
    padding-bottom: 1.5vw;
}

.basketHeader p {
    padding: 0 !important;
    margin: 0 !important;
}
.highightedTitle {
    font-weight: 600;
}
.basketHeaderSectionTitle {
    color: #009fe3;
    font-weight: 600;
}
.productImageHolder {
    border: 1px solid #e1e1e1;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center ;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-height: 10vw;
   /* aspect-ratio: 1/1; */
}
.data-img-set, .imageSet {
    display: none;
}
#imageThumbs img {
    width: 90%;
    border: 1px solid #e1e1e1;
    transition: opacity 0.15s ease-in-out 0s;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
#imageThumbs img.horiz {
    width: 10% !important;
    border: 1px solid #e1e1e1;
    transition: opacity 0.15s ease-in-out 0s;
    opacity: 1;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
}
#imageThumbs img:hover {
    cursor: pointer;
    opacity: 0.7;
}
#detailedCosting {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}
#detailedCosting table {
    width: 100%;
}
.sizeColorLeftAlign {
    text-align: left;
}
#buyRowFullWidth .detAddToBasket {
    margin-left: 5%;
}
#buyRowFullWidth .detPlusButton {
    margin-right: 5%;
}
.imgGalleryButton {
    width: 20px;
    height: 20px;
    color: #999999;
    cursor: pointer;
    font-size: 20px;
}
.imgGalleryButtonHorizontal {
    width: 20px;
    height: 20px;
    color: #999999;
    cursor: pointer;
    font-size: 20px;
    display: inline-block !important;
}
.productTitle {
    min-height: 3.3vw;
}
.productShipDate {
    font-size:14px;
}
.productPricing {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 0.5vw;
}
.pricePPP {
    display: inline-block;
    text-align: center;
    width: 80%;
    font-size: 0.8em;
}
.buyPrice {
    display: inline-block;
    text-align: center;
    width: 80%;
}
.productQty, .detProductQty {
    width: 20%;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    border-color: #e1e1e1;
    border-style:solid;
    border-width: 1px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
}
.minusButton, .detMinusButton {
        text-align: center;
    margin-right: 0;
    background-color: #f3f3f3;
    border-color: #e1e1e1;
    border-style:solid;
    border-width: 1px;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-right-style: none;
    display: inline-block;
    cursor: pointer;
        padding-top: 0.2vw;
    padding-bottom: 0.2vw;
        width: 10%;
}
.plusButton, .detPlusButton {
        text-align: center;
    margin-right: 1vw;
    background-color: #f3f3f3;
    border-color: #e1e1e1;
    border-style:solid;
    border-width: 1px;
    border-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-left-style: none;
    display: inline-block;
    cursor: pointer;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
    width: 10%;
}
.plusButton:hover, .minusButton:hover, .detPlusButton:hover, .detMinusButton:hover  {
    background-color: #e3e3e3;
}
.qtyControls {
    display: inline-block;
}
.buyControls {
    min-height: 2vw;
    margin-left: 10%;
    margin-right: 10%;
}
.addToBasket, .detAddToBasket {
    display: inline-block;
    background-color: #666666;
    border-radius: 0.2vw;
    border-color: #262626;
    cursor: pointer;
    color: #ffffff;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    font-size: 12px;
    text-transform: uppercase;
}

/*
.detAddToBasket {
    border-radius: 0.4vw;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 0.6vw;
    padding-bottom: 0.6vw;
}  */

.addToBasket:hover, .detAddToBasket:hover {
    background-color: #999999;
}

#addToBasketMSG {
    display: none;
    background: #ffffff;
    border: 2px solid #666666;
    color: #666666;
    position: absolute;
    z-index: 700;
    padding: 0.5vw 1vw;
}


#productPopupOuter, #reloadPopupOuter {
    width: 100%;
    height: 100%;
    display: none;
    background-image:url(../imgs/overlay-bg.png) ;
    opacity: 1;
    z-index: 500;
    position: absolute;
    top: 0; 
    left: 0;
}
#productPopupInner {
    width: 80%;
    margin: 10%;
    z-index: 600;
    opacity: 1;
    background-color: #f4f4f4;
    border: 1px solid #333333;
    position: relative;
    float: left;
    text-align: center;
}
#reloadPopupInner {
    margin: auto;
    width: 33%;
    margin-top: 10%;
    margin-left: 33%;
    z-index: 600;
    opacity: 1;
    background-color: #f4f4f4;
    border: 1px solid #333333;
    position: fixed;
    top: 25%;
    float: left;
    text-align: center;
}
#reloadContainer {
    width: 100%;
    background-color: #ffffff;
    padding: 2vw;
}
#saveBasketButtons {
    margin-top: 2vw;
}
.cartonData, .colourSet, .sizeSet, .productDescriptionSet, .productSeasonSet, .productCartonQty {
    display: none;
}
#closeIcon {
    position: absolute;
    right: 1vw;
    top: 1vw;
    font-size: 2vw;
    line-height: 0;
    width: 2vw;
    height: 2vw;
    display: block;
    cursor: pointer;
    z-index: 600;
}
#productContainer {
    background-color: #ffffff;
    padding-bottom: 2vw;
        padding-top: 2vw;
    float: left;
    width: 100%;
}
#prodItemSKUMobile, #productItemTitleMobile {
    display: block;
}
#prodItemSKU {
    display: none;
    margin-top: 0;
}
 #productItemTitle {
    display: none;
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
}
#prodItemSKU, #prodItemSKUMobile {
    padding-top: 0;
    margin-top: 0;
    font-weight: 700;
    font-size: 22px;
}
#cartonBreakdown table {
    width: 100%;
}
#cartonBreakdown table th {
    background-color: #e1e1e1;
    text-align: center;
    line-height: 28px;
}
.pullLeft {
    text-align: left;
}
.pullRight {
    text-align: right;
}
#cartonBreakdown table tr td.pullLeft {
    text-align: left;
}

.listPrice {
    display: none;
}
.buyControlRow {
    width: 100%;
    margin-top: 3vw;
}
.productColourData {
    margin-top: 3vw;
    font-size: 0.85em;
    width: 100%;
}
.narrowCell {
    width: 1% !important;
}
#cartonBreakdown table tr td {
    width: 10%;
}
#infoTitle h3 {
    margin-top: 0;

}
#detailedCartonQuantity {
    text-align: left;
    padding-top: 1vw;
}
#imageThumbsOuter {
    display: inline-block;
    width: 15%;
    margin-right: 2.5%;

}
#imageThumbs {
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#imageFullHolder {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    aspect-ratio: 1/1;
}

#imageFullHolder img {
    width: 100%;
}

.btn {
    background-color: #666666;
    border-radius: 0.5vw;
    cursor: pointer;
    color: #ffffff;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
}
.updatePasswd  {
    margin: 0 !important;
}
.reorderBtn  {
    margin: 0 !important;
}


.reorderBtn {
    margin: 0 !important;
    background-color: #666666;
    border-color: #262626;
    cursor: pointer;
    color: #ffffff;
    transition: background-color 0.15s ease-in-out 0s;
}
.reorderBtn:hover {
    background-color: #999999;
    color: #ffffff;
    text-decoration: none;
}
.expandButton {
    color: #666666;
    cursor: pointer;
    font-size: 1.5em;
    padding-right: 1em;
}
.expandButton:hover {
    transition: color 0.15s ease-in-out 0s;
    color: #999999;
    text-decoration: none;
}

#placeOrderBtn {
    background-color: #009fe3;
    border-radius: 0.75vw;
    cursor: pointer;
    color: #ffffff;
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    font-size: 1.2vw;
}
#placeOrderBtn:hover {
    background-color: #999999;
    color: #ffffff;
}

.checkoutBtn {
    background-color: #666666;
    border-radius: 0.75vw;
    border-color: #262626;
    cursor: pointer;
    color: #ffffff;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    margin-bottom: 2vw;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    font-size: 20px;
}
.checkoutBtn:hover {
    background-color: #999999;
    color: #ffffff;
    text-decoration: none;
}
.checkoutBtn:focus {
    color: #ffffff;
    text-decoration: none;
    border-color: #333333;
}
.errorHighlight {
    color: #ff4444  !important;
    background-color: #ffeeee  !important;
    border: 1px solid  #ff4444  !important;
}
#hiddenCartForm {
    display: none;
}

    .removeItemFromCart {
        color: #666666;
        float: left;
        line-height: 1.5vw;
        display: inline-block;
        padding-left: 10px;
        font-size: 18px;
        padding-top: 5px;
        vertical-align: middle;
        
    }
    .cart-image {
        width: 66px;
        display: inline-block;
    }

    .basket-quantity {
        border:  1px solid #262626;
    }

/* ########################################################################## */
#logoHolder h1 {
    color: #ffffff;
    font-size: 45px;  
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    cursor: pointer;
}
 
a {
    color:#ffffff;
    text-decoration: none;
    transition: color 0.15s ease-in-out 0s;
}
a:hover {
    color:#cccccc;
    text-decoration: none;
}
header, .body, footer 
header > .container, .body > .container, footer > .container,
header > .container > .row, .body > .container > .row, footer > .container > .row
{
    min-width:340px;
}
img {
    box-sizing: unset;
    border: 0px none ;
}
header .navbar
{
    min-width:300px;
}
.panel {
    border: 0px none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.orderPanel {
    border: 0px none;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    background-color: #f6f6f6;
    margin-bottom: 1.5vw;
}

/*
a, a:hover {
  color: #000;
  text-decoration:underline;
}*/
.white { background: #fff;}
.grey {background: #f2f2f2; }
.lightGreyText {color: #e1e1e1; }
.txt-center{text-align:center; }
.webtop{
    position:relative;
    /*float:left;*/
    min-height:30px;
    clear:both;
}

.basketCol {
    display: inline-block;
}


input::-webkit-input-placeholder {
    color: #d5d5d5;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #d5d5d5;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #d5d5d5;
}

input:-ms-input-placeholder {
    color: #d5d5d5;
}


/*
###########################################################################
    Grid system   - xs s m l xl
###########################################################################
*/

/* XS Size = < 340  */
.col-xs-12 {
    width: 100%;
}
.col-xs-10 {
    width: 83.333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.664%;
}
.col-xs-7 {
    width: 58.33%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
        width: 41.554%;
 }
.col-xs-4 {
    width: 33.332%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.666%;
}
.col-xs-1 {
    width: 8.333%;
}
.col-xs-0 {
        width: 0;
        overflow: hidden;
}

@media (min-width: 640px) {
    .col-s-12 {
        width: 100%;
    }
    .col-s-10 {
        width: 83.333%;
    }
    .col-s-9{
        width: 75%;
    }
    .col-s-8{
        width: 66.664%;
    }
    .col-s-7 {
        width: 58.33%;
    }
    .col-s-6 {
        width: 50%;
    }
    .col-s-5 {
        width: 41.554%;
    }
    .col-s-4 {
        width: 33.332%;
    }
    .col-s-3 {
        width: 25%;
    }
    .col-s-2 {
        width: 16.666%;
    }
    .col-s-1 {
        width: 8.333%;
    }
    .col-s-0 {
        width: 0;
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .col-m-12{
        width: 100%;
    }
    .col-m-10 {
        width: 83.333%;
    }
    .col-m-9{
        width: 75%;
    }
    .col-m-8{
        width: 66.664%;
    }
    .col-m-7 {
        width: 58.33%;
    }
    .col-m-6 {
        width: 50%;
    }
    .col-m-5 {
        width: 41.554%;
    }
    .col-m-4 {
        width: 33.332%;
    }
    .col-m-3 {
        width: 25%;
    }
    .col-m-2 {
        width: 16.666%;
    }
    .col-m-1 {
        width: 8.333%;
    }
    .col-m-0 {
        width: 0;
        overflow: hidden;
    }
}
@media (min-width: 1024px) {
    .col-l-12 {
        width: 100%;
    }
    .col-l-10 {
        width: 83.333%;
    }
    .col-l-9 {
        width: 75%;
    }
    .col-l-8 {
        width: 66.664%;
    }
    .col-l-7 {
        width: 58.33%;
    }
    .col-l-6 {
        width: 50%;
    }
    .col-l-5 {
        width: 41.554%;
    }
    .col-l-4 {
        width: 33.332%;
    }
    .col-l-3 {
        width: 25%;
    }
    .col-l-2 {
        width: 16.666%;
    }
    .col-l-1 {
        width: 8.333%;
    }
    .col-l-0 {
        width: 0;
        overflow: hidden;
    }
}
@media (min-width:1240px) {
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-10 {
        width: 83.333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.664%;
    }
    .col-xl-7 {
        width: 58.33%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.554%;
    }
    .col-xl-4 {
        width: 32%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.666%;
    }
    .col-xl-1 {
        width: 8.333%;
    }
    .col-xl-0 {
        width: 0;
        overflow: hidden;
    }
}



@media only screen and (min-width : 768px) {
    header .top-links { text-align: right;}
    header .logo { text-align: left;}
    header .details { text-align:right; }
    header .quicksearch { text-align:right; }
    header .white{padding-top:0;}
}
.noPadding {
    padding: 0 0 !important;
}

#header-search label, #header-search input {
    color: #8f9292;
}
#header-search input {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 75%;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.singleItem {
    margin: 0 25%;
    width: 50%;
}
.doubleItem {
    margin: 0 10%;
    width: 80%;
}
/* 
---------------------------------------------------------
    Specific Sizing fixes
---------------------------------------------------------
*/
    @media only screen and (min-width : 1400px) {
                .basketTitles {
            display: inline-block;
        }
        #categorySelector, #seasonSelector, #sortSelector {
            font-size: 19px;
        }
        #productsLoading, #productShowMore {
            font-size: 28px;
        }
        #logoImage {
            width: 200px;
            margin-top: 5px;
            margin-bottom: 10px;
        }
    }
    @media only screen and (max-width : 1400px) {
                .basketTitles {
            display: inline-block;
        }
        #categorySelector, #seasonSelector, #sortSelector {
            font-size: 16px;
        }
        #productsLoading, #productShowMore {
            font-size: 26px;
        }
        #logoImage {
            width: 200px;
            margin-top: 5px;
            margin-bottom: 10px;
        }
    }
    @media only screen and (max-width : 1200px) {
        .basketTitles {
            display: inline-block;
        }
        #logoHolder h1, #burgerMenu {
            font-size: 32px;
        }
        .subMenuHolder a {
            font-size: 12px;
        }
        #categorySelector, #seasonSelector, #sortSelector {
            font-size: 14px;
        }
        #productsLoading, #productShowMore {
            font-size: 24px;
        }
        #menuBar {
            padding-top: 1vw;
            padding-bottom: 0.5vw; 
        }
        #categorySelector, #seasonSelector, #sortSelector {
            font-size: 12px;
        }
        #logoImage {
            width: 200px;
            margin-top: 5px;
            margin-bottom: 10px;
        }
        .productShipDate {
            font-size: 14px;
        }
        #searchfilter {
            width: 70%;
        }
    }
  @media only screen and (max-width : 940px) {
            #actionsHolder img, #actionsHolder div, #actionsHolder2 img, #actionsHolder2 div {
            width: 2.2em;
            margin-right: 1vw;
        }
        #searchfilter {
            width: 60%;
        }
    }
    @media only screen and (max-width : 800px) {
        #imagebankIcon { display: none; }
        .basketTitles {
            display: none;
        }
        #loginBox {
             width: 60%;
        }
        #logoHolder h1, #burgerMenu {
            font-size: 24px;
        }
        .subMenuHolder a {
            font-size: 12px;
        }
        #actionsHolder, #actionsHolder2  {
            text-align: right;
            position: relative;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        #actionsHolder img, #actionsHolder div, #actionsHolder2 img, #actionsHolder2 div {
            width: 2.2em;
            margin-right: 1vw;
        }
        #actionsHolder2 {
            display: none !important;
        }
        #productsLoading, #productShowMore {
            font-size: 20px;
        }
        #placeOrderBtn, .checkoutBtn {
            font-size: 18px;
            padding-top: 5px;
            padding-bottom: 5px;
            
        }
        #menuBar {
            padding-top: 2vw;
            padding-bottom: 1vw; 
        }
        #logoImage {
            width: 100%;
            margin-top: 5px;
            margin-bottom: 10px;
        }
        #searchboxHolderInline, #searchboxHolder {
            display: none;
        }

        .brandHeroHolder img {
            width: 100%;
            float: left;
        }
        #brandContainer {
            width: 100%;
            float: left;
        }
    }
 



    @media only screen and (max-width : 500px) {
        .productShipDate {
            font-size: 12px;
        }
        #searchfilter { display: none; }
        #loginBox {
             width: 80%;
        }
        #logoHolder h1, #burgerMenu {
            font-size: 30px;
        }
        #burgerMenu { 
            display: inline-block;
        }

        #fullMenu {
            display: none;
        }
        #mobileMenu {
            display: block;
        }

        #imagebankIcon { 
            display: none;
        }
        #logoImageCentered {
            display: inline-block;
            width: 60%;
        }
        #logoImageCenteredNoBrand {
            display: inline-block;
            width: 60%;
        }
        #logoHolder {
            display: none !important;
        }
        .subMenuHolder a {
            font-size: 12px;
        }
        #productsLoading, #productShowMore  {
            font-size: 18px;
        }
        #actionsHolder img, #actionsHolder div, #actionsHolder2 img, #actionsHolder2 div {
            width: 2em;
            margin-right: 1vw;
        }
        #placeOrderBtn, .checkoutBtn {
            font-size: 16px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        #menuBar {
            padding-bottom: 1.5vw; 
        }
        .headerBrandBox {
            height: 25px;
        }

       .productHolderInner h3 {
            width: 100%;
            font-size: 18px;
            padding-top: 15px;
        }
        #categorySelector, #seasonSelector, #sortSelector {
            font-size: 10px;
        }
        #logoImage {
            width: 100%;
        }
        section.subMenuHolder {
            display: none;
        }
        .col-xs-12, .col-xs-6, .col-xs-4, .col-xs-3, .brandSignposts {
            padding-left: 10px;
            padding-right: 10px;
        }
        .mainSignPost, .subSignPost, .brandSignposts  {
            padding-top: 10px;
            padding-bottom: 10px;
        } 
        #detailedCosting {
            font-size: 16px;
        }
        .cartonBreakdownHeader {
            font-size: 12px;
            display: inline-block;
            width: 100%;
        }
        #sizeColourOptions {
            margin-top: 20px;
            margin-bottom: 10px;
            font-size: 12px;
            line-height: 8px;
        }
    }
    @media only screen and (max-width : 400px) {
        #searchboxHolder {
            display: none;
        }
        #searchboxMenuHolder {
            display: block;
        }
        #burgerMenu { 
            display: inline-block;
        }
        #logoHolder {
            display: none !important;
        }
        .headerBrandBox {
            height: 20px;
        }
        #logoImage {
            width: 120%;
        }

    }
    /*
--------------------------------
    NAVIGATION
--------------------------------
*/
    @media only screen and (min-width : 768px) {
        /* Make Navigation Toggle on Desktop Hover */
        header .dropdown:hover .dropdown-menu {
            display: block;
        }
        #prodItemSKUMobile, #productItemTitleMobile {
            display: none;
        }
        #prodItemSKU, #productItemTitle {
            display: block;
        }
    }

    header .navbar{border:0;background:none;min-height:inherit;margin-top:10px;}
header .navbar .navbar-toggle{background:#009fe3;border:0;margin-top:-275px;margin-right:0px;}
header .navbar .navbar-toggle .icon-bar{background:#fff;}
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus {
  background-color: #4f504f;
}
header .navbar .navbar-collapse {
    background: #ffffff;
    border-top: 1px solid #485050;
    padding: 0;
}
    header .navbar .navbar-collapse a {
        color: #485050;
    }
header .navbar-default .navbar-nav {
    margin:0;
}
header .navbar-default .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    font-size:16px;
    font-family: Arial;
    text-transform: capitalize;
}
    header .navbar-default .navbar-nav > .active > a,
    header .navbar-default .navbar-nav > .active > a:hover,
    header .navbar-default .navbar-nav > .active > a:focus {
        background-color: #e9e9e9;
        color: #4b5151;
    }
    header .navbar-default .navbar-nav > li:hover > a,
    header .navbar-default .navbar-nav > li > a:hover,
    header .navbar-default .navbar-nav > li > a:focus {
        background-color: #e9e9e9;
        color: #4b5151;
    }
    header .navbar-default .navbar-nav > .open > a,
    header .navbar-default .navbar-nav > .open > a:hover,
    header .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e9e9e9;
        color: #4b5151;
    }
header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
    header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #e9e9e9;
        color: #4b5151;
    }
    header .navbar-default .navbar-nav > li > .dropdown-menu {
        background: #e9e9e9;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-top: 2px solid #485050;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        padding: 10px;
        color: #485050;
        font-family: Arial;
        text-transform: capitalize;
        padding: 10px 0px 20px;
    }
        header .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
            border-bottom: 0 none;
            font-size: 14px;
            color: #485050;
        }
            header .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover {
                background-color: #f9f9f9;
                color: #485050;
            }
    header .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
    header .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
        background-color: #f9f9f9;
    }
@media only screen and (min-width : 480px) {
    header .navbar .navbar-toggle {
       margin-top: -270px
    }
}
@media only screen and (min-width : 768px) and (max-width : 992px) {
    header .navbar-default .navbar-nav > li > a {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size:10px;
    }
    header .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        font-size:12px;
    }
}
@media only screen and (min-width : 992px) {
    header .navbar-default .navbar-nav > li > a {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 13px;
        padding-right: 13px;
        font-size:14px;
        line-height: 28px;
    }
    header .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        font-size:14px;
        padding: 7px 10px;
    }
}
@media only screen and (min-width : 1200px) {
    header .navbar-default .navbar-nav > li > a {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 14px;
        padding-right: 14px;
        font-size: 15px;
        line-height: 28px;
    }

    header .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        font-size: 15px;
        padding: 7px 10px;
    }
}
@media only screen and (max-width : 319px) {
    header .navbar
    {
        padding-right: 40px;
    }
}
@media only screen and (min-width : 320px) and (max-width : 339px){
    header .navbar
    {
        padding-right: 10px;
    }
}
/*
###########################################################################
    BODY
###########################################################################
*/
section.body .panel.box {

    -webkit-box-shadow: 0 0 #fff;
    box-shadow: 0 0 #fff;
    border: 2px solid #e5e5e5;
    border-radius: 0 !important;
}

.product-quantity-label {
    line-height: 34px;
    vertical-align: middle;
}
.product-display {
    border: 2px solid #e5e5e5 !important;
    margin-bottom: 0px;
}
.animated-info {
    display: none;
}
.main_quantity {
    border: 0px none #e5e5e5;
    border-radius: 0;
    background-color: #e5e5e5;
    color: #4b5151;
}

section.body .section-title {
    color: #009fe3;
    display: block;
    float: left;
    font-family: "Open Sans", Cambria;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
 
    width: 100%;
}
.back-link-left span {
    padding-right: 5px;
    font-size: 1.4em;
    vertical-align: middle;
}
.back-link-right span {
    padding-left: 5px;
    font-size: 1.4em;
    vertical-align: middle;
}

.back-link {
    background-color: #ffffff;
    border-radius: 0 0;
    box-shadow: none;
    height: 22px;
    /*margin: 15px 0;*/
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    bottom: 15px;
}
    .back-link .back-link-right {
    /*    background: url("../imgs/read-more.gif") no-repeat top left;*/
        background-color: #a12148;
        color: #fff;
        float: right;
        font-size: 12px;
      /*  height: 22px;*/
        line-height: 22px;
        padding: 2px 0;
        text-decoration: none;
        width: 98px;
        text-align: center;
        vertical-align: middle;
        border-radius: 5px;
         -webkit-border-radius: 5px;

    }
    .back-link .back-link-left {
        /*   background: url("../imgs/back-link.gif") no-repeat top left;*/
        background-color: #a12148;
        color: #fff;
        float: left;
        font-size: 12px;
        /* height: 22px;*/
        line-height: 22px ;
        padding: 2px 0;
        text-decoration: none;
        width: 98px;
        text-align: center;
        vertical-align: middle;
        border-radius: 5px ;
        -webkit-border-radius: 5px;
    }
.full-product {
    margin-bottom: 40px;
}

.read-more {
    background-color: #e5e5e5;
    border: 0px none #a0a0a0;
    box-shadow: none;
    font-size: 14px;
    padding: 15px;
    overflow: hidden;
    box-sizing: initial;
    -webkit-border-radius: 0 0;
    border-radius: 0 0;
    margin-top: 0px;
}
/*
--------------------------------
    SHOWCASE
--------------------------------
*/
section.body .home-showcase h1 {
    color: #555;
    font-family: Open Sans, Cambria;
    font-size: 22px;
    line-height: 28px;
   /* text-transform: uppercase; */
    border-bottom: 1px solid #b29462;
    padding-bottom: 15px;
    font-weight: 500;
    margin-top: 0;
}
section.body .home-showcase h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 30px;
  color:#555;
}
section.body .home-showcase .image {
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}
/*
--------------------------------
    CALL TO ACTION
--------------------------------
*/
section.body .call-to-action {
    background: #a12148; /* Old browsers */
    background: url(../imgs/red-bg.jpg);
    background-position: center center;
    background-repeat: repeat;
    color: #fff;
    padding-top: 40px;
    font-family: "Open Sans", Cambria;
    font-size: 30px;
    text-align: center;
    border-radius: 0;
}
section.body .call-to-action a {
    color:#fff;
    text-decoration:none !important;
    display:block;
}
section.body .container-md-height {
    padding:0 !important;
}
@media only screen and (min-width : 992px) {
    section.body .call-to-action {
        bottom:0;top:0;right:15px;left:10px;
        position:absolute;
    }
    section.body .container-md-height {
        padding:inherit !important;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    section.body .container-md-height .row {
        margin-left:0;
        margin-right:0;
        padding:0 !important;
    }
}
@media only screen and (min-width : 991px) {
    section.body .container-md-height .row {
        padding:0 !important;
    }
}
/*
--------------------------------
    BREADCRUMB
--------------------------------
*/
section.body .breadcrumb {
    background:none;
    padding-left:0;
    padding-right:0;
}
    section.body .breadcrumb a {
        color: #4b5151;
        font-weight: normal;
    }
section.body .breadcrumb a.selected {
  font-weight:bold;
}
/*
--------------------------------
    PAGE INTRO
--------------------------------
*/
section.body .page-title {
    color: #a12148;
    font-family: "Open Sans", Cambria;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;

    margin-top: 0;
}
section.body .page-header {
    margin-top: 0;
    border: 2px solid #e5e5e5 !important;
    padding-bottom: 30px;
}
    section.body .page-header h1 {
        background-color: #ffffff;
        color: #a12148;
        font-family: "Open Sans", Cambria;
        font-size: 18px;
        font-weight: 700;
        margin: 0px 0 0 0px;
        padding: 5px 0 15px 0px;
        text-transform: capitalize;
        border-bottom: 2px solid #e5e5e5;
    }
    section.body .page-header a.page-more {
        color: #A12148;
        cursor: pointer;
        font-size: 13px;
        left: 24px;
        line-height: 13px;
        margin: 0 0 25px;
        padding: 0;
        z-index: 2;
        display: none;
    }
section.body .page-header .page-body {
    color:#555;
    font-size:13px;
    overflow:hidden;
    position: relative;
    padding-top: 20px;
}
    section.body .page-header .page-body {
        height: 330px;
    }
    section.body .page-header .auto-height {
        height: auto !important;
    }
    section.body .page-header .page-body .ndOuterSpan {
        position: relative !important;
        display: inline-block !important;
    }
section.body .page-header .page-body h2 {
  font-size: 15px;
  line-height: 19px;
  margin: 0 5px 2px 0;
  padding-right: 0;
  font-weight: 700;
}

section.body .page-header .page-body a {
  color:#000;
}
section.body .page-header .page-img {
    display:inline-block;
    width:300px;
    margin:10px 0 10px 10px;
    float:right;
}
/*
--------------------------------
    SUB NAV
--------------------------------
*/
section.body .sub-nav {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    color: #4b5151;
    padding: 0;
    margin: 0 0 0 0;
}
section.body .sub-nav.space {
    margin:0 0 20px 0;
}
    section.body .sub-nav li {
        display: block;
        position: relative;
        float: left;
        list-style: none;
        color: #4b5151;
        padding: 0;
        margin: 0;
    }
        section.body .sub-nav li a {
            color: #a5a5a5;
            display: block;
            float: left;
            font-weight: 700;
            padding: 5px 0 0 5px;
            font-size: 14px;
        }
            section.body .sub-nav li a:hover, section.body .sub-nav li a.selected {
                font-weight: 700;
                text-decoration: none;
                color: #4b5151 ;
            }
                section.body .sub-nav li a:hover span span, section.body .sub-nav li a.selected span span {
                    border-bottom: 1px solid #4b5151;
                    border-right: 0px none #4b5151 !important;
                    padding-right: 0;
                }


      section.body .sub-nav li a span {
      /*  display: inline-block;*/
        border-right: 1px solid #4b5151;
        padding-right: 5px;
    }
        section.body .sub-nav li a span span, section.body .sub-nav li:last-child a span span {
            border-right: 0px none #4b5151 !important;
            padding-right: 0;
        }
        
        section.body .sub-nav li:last-child a span {
            border-right: 0px none #4b5151 !important;
        }

.pagination > li > a, .pagination > li > span {
    color: #4b5151;
    text-decoration: none;
    background-color: #e5e5e5;
    border: 1px solid #fff !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #4b5151;
    cursor: not-allowed;
    background-color: #e5e5e5;
    border-color: #fff;
}
    /*
--------------------------------
    HOME PRODUCT LIST
--------------------------------
*/
    @media only screen and (min-width : 720px) {
        section.body .home-product-grid .product-cell {
        }

        .product-grid-holder {
            border: 2px solid #e5e5e5 !important;
            padding: 13px !important;
            border-radius: 0;
            -webkit-border-radius: 0;
        }
    }

    section .body .home-product-grid .product-cell {
    padding-bottom:0;
}
section.body .home-product-grid .product-cell.first {
  border-left:0;
  clear:left;
}
section.body .home-product-grid .product-cell a {

    padding-bottom:15px;
    display:block;
    text-decoration: none;
    color:#000;
    display:inline-block;
    width:100%;
}
section.body .home-product-grid .product-cell.bottom a {
  border-bottom:1px solid #fff;
}
section.body .home-product-grid .product-cell span {
  display:block;
}
/*
--------------------------------
    COLLECTIONS LIST
--------------------------------
*/
section.body .collections-grid {
    padding-left:10px;
    padding-right:10px;
}
section.body .collections-grid .collection-cell {
    padding:0 5px;
    margin-bottom:20px;
}
section.body .collections-grid .collection-cell .box {
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-bottom:15px
}
    section.body .collections-grid .collection-cell .box h5 {
        display: inline-block;
        min-height: 35px;
        color: #a12148;
        font-weight: 700;
        font-family: "Open Sans", Cambria;
    }
    section.body .collections-grid .collection-cell .box a {
        font-family: "Open Sans", Cambria;
        font-size: 13px;
        color: #555;
        text-transform: Capitalize;
        display: inline-block;
        width: 100%;
    }
.blog-post-main h2, .blog-post h2 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 0.9em;
}
.blog-post-main div img, .blog-post div img {
    float: left;
    margin-right: 20px;
}
p.blog-latest {
    color: #a12148;
    font-family: "Open Sans", Cambria;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 10px;
}

p.blog-others {
    color: #a12148;
    font-family: "Open Sans", Cambria;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 10px;
}
.blog-post-main h2 a {
    font-size: 22px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 30px;
    color: #a12148 !important;
    text-decoration: none;
}
.blog-post h2 a {
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 30px;
    color: #a12148 !important;
    text-decoration: none;
}
.blog-post-main h2 a:hover, .blog-post h2 a:hover {
    text-decoration: underline;
}
.socialShare {
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    color: #555555;
}
/*
--------------------------------
    PRODUCT LIST
--------------------------------
*/
section.body .products-grid {
    padding-left:5px;
    padding-right:5px;
}
section.body .products-grid .product-cell, section.body .products-grid .blog-cell {
    padding:0 10px;
    margin-bottom:20px;
    position: relative;
}
section.body .products-grid .product-cell .box, section.body .products-grid .blog-cell .box {
    border:2px solid #e5e5e5;
    padding-top:10px;
    padding-bottom:10px;
}
section.body .products-grid .product-cell .box h5,section.body .products-grid .blog-cell .box h5  {
    display:inline-block;
    min-height:35px;
}
    section.body .products-grid .product-cell .box a, section.body .products-grid .blog-cell .box a {
        font-family: "Open Sans", Cambria;
        font-size: 13px;
        font-weight: 700;
        color: #A22148;
        display: inline-block;
        width: 100%;
    }
section.body .products-grid .product-cell .product-header  {
    padding-bottom:10px;
}
section.body .products-grid .product-cell .product-header .col-sm-3 {
    text-align:right;
    white-space:nowrap;
}
section.body .products-grid .product-cell .product-header .product-code  {
    font-size:13px;
    text-transform:uppercase;
    color:#A22148;
    font-weight:bold;
    display: block;
    text-align: right;
    width: 100%;
}
.product-details {
    margin-bottom: 15px;
}

section.body .products-grid .product-cell .product-header a.product-more {
    font-family: inherit;
    font-weight: bold;
}
section.body .products-grid .product-cell .product-details .row .row div  {
    font-size:12px;
}
section.body .products-grid .product-cell .form-control  {
    padding:0;
    height:20px;
}
section.body .products-grid .product-cell .product-controls {
    text-align:center;
    margin-top: 15px;
}
section.body .products-grid .product-cell .product-controls a {
    font-size:12px;
    font-family:inherit !important;
    color:#000;
}
section.body .products-grid .product-cell .product-controls .submit {
  background: none repeat scroll 0 0 #a12148;
  border: 0 none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  outline: 0 none;
  padding: 7px 0;
  text-align: center;
  transition: background-color 0.15s ease-in-out 0s;
  width: 80%;
  font-size:14px;
}
section.body .products-grid .product-cell .product-controls .submit:hover {
    text-decoration:none;
}

.product-more {
    margin-top: 10px;
    text-decoration: underline;
    font-size: 12px !important;
}
/*

--------------------------------
    PRODUCT
--------------------------------
*/
section.body .product-display .product-header  {
    padding-bottom:10px;
}
    section.body .product-display .product-header h1 {
        color: #A22148;
        font-family: "Open Sans", Cambria;
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 20px;
        padding: 0;
    }
section.body .product-display .product-header .col-sm-3 {
    text-align:right;
}
    section.body .product-display .product-header .product-code {
        font-size: 12px;
        font-family: "Open Sans", Cambria;
        text-transform: uppercase;
        color: #A22148;
        font-size: 18px;
        font-weight: bold;
    }
    section.body .product-display .product-header a {
        font-family: "Open Sans", Cambria;
        font-size: 18px;
        color: #000;
    }
section.body .product-display .product-controls .submit {
  background: none repeat scroll 0 0 #a12148;
  border: 0 none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  margin: 10px 0 10px 15% ;
  outline: 0 none;
  padding: 7px 0;
  position: relative;
  text-align: center;
  transition: background-color 0.15s ease-in-out 0s;
  width: 70%;
  font-size:14px;
  text-decoration:none;
  border-radius: 5px ;
  -webkit-border-radius: 5px;
}
section.body .product-display .product-controls .submit:hover {
    text-decoration:none;
}
/*
--------------------------------
    BASKET LIST
--------------------------------
*/
section.body .basket-grid {
}
.basket-grid .basket-row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.basket-sum {
    text-align:right;
    padding:15px;
}
.basket-sum .col-xs-4 {
    font-weight:bold;
}
.productImageDownload {
    margin-left: 20px;
    margin-bottom: 20px;

}
.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}
/*
--------------------------------
    STACKTABLE LIST
--------------------------------
*/
section.body .stacktable .btn {
    background: none repeat scroll 0 0 #a12148;
    border-radius: 3px;
    box-shadow: 0 1px 0 #731934 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 5px 0 10px 0;
    outline: 0 none;
    padding: 12px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    width: auto;
}
section.body .stacktable .btn:hover {
    background-color: #be2755;
    color: #fff;
}
section.body .stacktable .st-key {
    font-weight:bold;
}
section.body .stacktable .st-head-row {
    background:#ddd;
}
section.body .stacktable .st-head-row-main {
    background:#a12148;
    color:#fff;
}

/*
--------------------------------
    PROMOTIONS
--------------------------------
*/
section.body .promotions .promotions-grid {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
}
section.body .promotions .promotions-grid .row:first-child div {
    font-weight:bold;
}
section.body .promotions label {
    font-weight:bold;
    text-align:left;
}
section.body .promotions input[type="text"] {
    border:0px none #e5e5e5;
}
section.body .promotions .submit {
    background: none repeat scroll 0 0 #a12148;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 0 #731934 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 5px 0 10px 0;
    outline: 0 none;
    padding: 12px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    width: auto;
}
section.body .promotions .submit:hover {
    background-color: #be2755;
    color: #fff;
}
/*
--------------------------------
    BUTTONS ROW
--------------------------------
*/
 .buttons {
    padding-bottom:15px;
    padding-right: 30px !important;
    padding-left: 30px !important;
}
section.body .buttons .btn {
    background: none repeat scroll 0 0 #a12148;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 0 #731934 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 15px 0;
    outline: 0 none;
    padding: 12px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
}
section.body .buttons .btn:hover {
    background-color: #be2755;
    color: #fff;
}
section.body .buttons .btn:first-child {
     /*margin: 0 0 15px 0;*/
}
/*
--------------------------------
    TABS
--------------------------------
*/
section.body .nav-tabs {
    font-size:12px;
}
section.body .panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
section.body .panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
section.body .panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/*
--------------------------------
    LOGIN FORM
--------------------------------
*/
section.body .login-form label {
    text-align:left;
    padding-top:0;
    padding-bottom:5px;
    line-height:18px;
}
section.body .login-form label .mandatory {
  font-size: 150%;
  position: relative;
  top: 6px;
}
section.body .login-form .checkbox {
    margin-bottom:15px;
}
.dark-style {
    color: #be2755 !important;
    text-align: left !important;
}
.passwordError {
    padding-left: 15px;
    font-weight: 700;
}
section.body .login-form .btn
{
    background: none repeat scroll 0 0 #a12148;
    border-radius: 3px;
    box-shadow: 0 1px 0 #731934 inset;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 15px 0;
    outline: 0 none;
    padding: 12px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
}
section.body .login-form .btn:hover
{
    background-color: #be2755;
    color: #fff;
}
/*
--------------------------------
    FORGOT FORM
--------------------------------
*/
section.body .forgot-form {
    margin-top: 15px;
    border: 2px solid #e5e5e5;
    margin-bottom: 15px;
}
section.body .forgot-form label {
    text-align:left;
    padding-top:0;
    padding-bottom:5px;
    line-height:18px;
}
section.body .forgot-form label .mandatory {
  font-size: 150%;
  position: relative;
  top: 6px;
}
section.body .forgot-form .btn
{
    background: none repeat scroll 0 0 #a12148;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 15px 0;
    outline: 0 none;
    padding: 12px 20px 11px;
    position: relative;
    right: 30px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
}
section.body .forgot-form .btn:hover
{
    background-color: #be2755;
    color: #fff;
}
/*
--------------------------------
    REGISTER FORM
--------------------------------
*/
section.body .register-form {
   margin-top:15px;
   margin-bottom: 30px;

}

.register-form h2.page-title, .register-form h4, .register-form p {
    margin-left: 30px;
}
section.body .register-form label {
    text-align: left;
    padding-top: 0;
    padding-bottom: 5px;
    line-height: 18px;
}
section.body .register-form label .mandatory {
  font-size: 150%;
  position: relative;
  top: 6px;
}
section.body .register-form a.btn,
section.body .delivery-form a.btn,
section.body .edit-address-form a.btn,
section.body .add-address-form a.btn,
section.body .register-form .btn.submit, .add-address-form .btn.submit
{
    background: none repeat scroll 0 0 #a12148;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 15px 0;
    outline: 0 none;
    padding: 12px 40px 11px;
    position: relative;
    /* right: 30px;  */
    width: auto;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
}
.btn.submit.noPull {
    right: 0 !important;
    left: 0 !important;

}
section.body .register-form a.btn:hover,
section.body .delivery-form a.btn:hover,
section.body .register-form .btn.submit:hover
{
    background-color: #be2755;
    color: #fff;
}
/*
--------------------------------
    FILTERS
--------------------------------
*/
.filterExpansion {
    overflow: hidden;
    height: 2px;
}
}
section.body .filters {
    display:block;
    position:relative;
    float:left;
    width:100%;
    background:#ffffff;
    color:#fff;
    padding:0;
    margin:0 0 20px 0;

}
section.body .filters label{
    font-weight:normal;
    font-size:12px;
}
    section.body .filters select {
        color: #4b5151;
        font-size: 14px;
        padding: 5px 5px 5px 5px;
        height: auto;
        border-radius: 0 !important;
        background-color: #e5e5e5;
        border: 0px none #e5e5e5 !important;
    }
    section.body .filters .form-group {
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
.filter-row:first-child {
    padding-left: 15px !important;
}

    .filter-row {
        padding-left: 0 !important;
    }
.pagination > a {
  color: #4F504F;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #A22148;
  border-color: #4F504F;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagination.pages {
    background: #e5e5e5;
    color: #4b5151;
    padding: 6px 12px;
    margin-bottom: 0;
    border-radius: 0;
}
.pagination.pages span {
  font-weight:bold;
}
.pagination.pages .form-control {
  width:30px;
  display:inline;
  padding:6px;
}

/*
--------------------------------
    LOGIN BOX
--------------------------------
*/
section.body .login .panel-body {
    background: #e5e5e5;
    color: #4b5151;
}
    section.body .login .panel-body h5 {
        color: #A12148;
        font-family: "Open Sans", Cambria;
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    section.body .login .panel-body input {
        width: 100%;
        border: 0px none #000;
        color: #4b5151;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 10px;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    section.body .login .panel-body .submit {
        background: none repeat scroll 0 0 #A12148;
        /* border-radius: 3px;*/
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "Open Sans", Cambria;
        font-size: 14px;
        margin: 0 0 10px;
        outline: 0 none;
        padding: 5px 10px;
        position: relative;
        text-align: center;
        text-transform: capitalize;
        border: 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    section.body .login .panel-body label {
        color: #4b5151;
        font-size: 14px;
        margin-bottom: -25px;
        position: relative;
        font-weight: normal;
    }
    section.body .login .panel-body a {
        color: #4b5151;
        font-size: 12px;
        margin-bottom: 5px;
        text-decoration: none;
    }
/*
--------------------------------
    QUICKORDER BOX
--------------------------------
*/
section.body .quickorder .panel-body {
    background: #e5e5e5;
    color: #5f6464;
}

    section.body .quickorder .panel-body h5 {
        color: #a12148;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 14px;
        text-transform: capitalize;
    }
    section.body .quickorder .panel-body input {
        width: 100%;
        color: #818181;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 10px;
        padding: 5px;
        border: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    section.body .quickorder .panel-body .submit {
        background: none repeat scroll 0 0 #a12148;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 10px;
        outline: 0 none;
        padding: 7px 0;
        position: relative;
        text-align: center;
        text-transform: capitalize;
        border: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        transition: background-color 0.15s ease-in-out 0s;
        width: 100%;
    }
section.body .quickorder .panel-body label {
  font-size: 14px;
  margin-bottom: -25px;
  position: relative;
  font-weight:normal;
}
/*
--------------------------------
    CTAS
--------------------------------
*/
section.body .ctas div h3 {
    font-family: "Open Sans", Cambria;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}
section.body .ctas div a, 
section.body .ctas div p {
  font-size: 12px;
  margin: 10px 0 0;
}
section.body .ctas div a, 
section.body .ctas div a:hover {
    color: #ffffff;
    text-decoration:underline;
}
section.body .ctas .cta {
  border-bottom: 1px solid #ffffff;
  padding: 0 0 20px;
  background-position:90% 90%;
  background-repeat:no-repeat;
}
section.body .ctas .cta:last-child {
  border-bottom: 1px solid #fff;
}
.social {
    border-bottom: none !important;
    position: relative;
    padding-bottom: 30px;
}
.socialIcon a img {
    border-radius: 6px;
}
.socialIcon {
    position: absolute;
    bottom: 0;

}
.socialSet {
    position: relative;
    padding-bottom: 50px;
}
.facebook {
    left: 25%;
    z-index: 200;
}
.igram {
    right: 25%;
    z-index: 200;
}
.twitter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    width: 100%;
    z-index: 100;
}
   
    .facebook a, .facebook a:hover, .twitter a, .twitter a:hover, .gplus a, .gplus a:hover {
        text-decoration: none !important;
    }

.panel-text-strap {
    background-color: #e5e5e5;
    color: #4b5151;
}

.space-bottom {
    margin-bottom: 40px !important;
}
.homepage-showcase-panel {
    margin-bottom: 20px !important;
}
.panel-text-strap h2 {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    text-align: center;
    font-style: italic !important;
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    font-size: 26px;
}
@media only screen and (min-width : 720px) and (max-width : 931px) {
    section .body .ctas .cta {
      border-bottom:0;
    }
}
@media only screen and (max-width : 1200px) {
    .panel-text-strap h2 {
        font-size: 22px;
    }
    section.body .sub-nav li a {
        font-size: 12px;
    }
}
    /*
--------------------------------
    SOCIALS
--------------------------------
*/
    section.body .socials .social {
        border-bottom: 1px solid #a0a0a0;
        padding: 0 0 10px;
        margin: 10px 0 0;
        background-position: 90% 90%;
        background-repeat: no-repeat;
    }

        section.body .socials .social:last-child {
            border-bottom: 1px solid #fff;
        }

    @media only screen and (min-width : 720px) and (max-width : 931px) {
        section.body .socials .social {
            border-bottom: 0;
        }
    }

    section.body .socials .social a,
    section.body .socials .social a:hover,
    section.body .socials .social a:focus {
        background-position: top left;
        background-repeat: no-repeat;
        color: #555;
        display: block;
        font-size: 14px;
        padding: 0;
        line-height: 33px;
        color: #000;
        text-decoration: none;
        font-size: 12px;
    }

        section.body .socials .social a:hover,
        section.body .socials .social a:focus {
            text-decoration: underline;
        }

        section.body .socials .social a span {
            display: inline-block;
            width: 34px;
            height: 33px;
            float: left;
            margin-right: 10px;
            background-image: url("../imgs/social-icons.png");
        }

    section.body .socials .social.fb a span {
        background-position: 0 0;
    }

    section.body .socials .social.tw a span {
        background-position: 0 -33px;
    }

    section.body .socials .social.gl a span {
        background-position: 0 -66px;
    }
    /*
--------------------------------
    GOLDEN SECTION
--------------------------------
*/
    section.body .row.golden {
        background: #e5e5e5;
        padding: 10px 0 20px 0;
        color: #000000;
        z-index: 200;
        position: relative;
    }

        section.body .row.golden h2 {
            font-family: "Open Sans", Cambria;
            font-size: 26px;
            color: #a12148;
        }

        section.body .row.golden a,
        section.body .row.golden a:hover,
        section.body .row.golden a:focus {
            color: #000000;
            text-decoration: underline;
        }

            section.body .row.golden a.sub,
            section.body .row.golden a.sub:hover,
            section.body .row.golden a.sub:focus {
                color: #333333;
                text-decoration: underline;
                text-transform: uppercase;
            }
    /*
###########################################################################
    FOOTER
###########################################################################
*/

footer {
    padding-top: 2vw;
    color: #ffffff;
    text-align: left;
    width: 100%;
    float: left;
}

footer h3 {
    border-bottom: solid 1px #ffffff;
    margin-left: 1vw;
    margin-right: 1vw;
    padding-bottom: 0.5vw;
}
footer p {
    margin-left: 1vw;
    margin-right: 1vw;
}
/*
--------------------------------
    TOP LINK
--------------------------------
*/
    .scroll-top-wrapper {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        text-align: center;
        z-index: 99999999;
        background-color: #4f504f;
        color: #eeeeee;
        width: 50px;
        height: 48px;
        line-height: 48px;
        right: 10px;
        bottom: 15px;
        padding-top: 2px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -webkit-box-shadow: 0 0 0 3px #000;
        box-shadow: 0 0 3px 0 #000;
    }

        .scroll-top-wrapper:hover {
            background-color: #A22148;
        }

        .scroll-top-wrapper.show {
            visibility: visible;
            cursor: pointer;
            opacity: 1.0;
        }

        .scroll-top-wrapper i.fa {
            line-height: inherit;
        }
    /*
###########################################################################
    MODALS
###########################################################################
*/
    .modal .modal-title {
        color: #a12148;
        font-family: "Open Sans", Cambria;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
    }

    .modal .modal-body {
        min-height: 150px;
    }

        .modal .modal-body label {
            text-align: left;
        }

    .modal .btn {
        border-radius: 3px;
        box-shadow: 0 1px 0 #ccc inset;
        color: #555 !important;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        margin: 0 15px 15px 0;
        outline: 0 none;
        padding: 12px 20px 11px;
        position: relative;
        text-align: center;
        text-decoration: none;
    }

        .modal .btn.submit {
            background: none repeat scroll 0 0 #a12148;
            border-radius: 3px;
            box-shadow: 0 1px 0 #731934 inset;
            color: #fff !important;
            cursor: pointer;
            display: inline-block;
            font-size: 14px;
            line-height: 1;
            margin: 0 0 15px 0;
            outline: 0 none;
            padding: 12px 20px 11px;
            position: relative;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.15s ease-in-out 0s;
        }

            .modal .btn.submit:hover {
                background-color: #be2755;
                color: #fff;
            }
    /*
###########################################################################
    SITEMAP
###########################################################################
*/
    div.sitemap-body {
        margin-bottom: 30px !important;
        float: left;
    }

        div.sitemap-body ul li {
            width: 100%;
        }

    .gotoPage {
        width: 40px;
        color: #fff;
        text-align: center;
        height: 20px;
        line-height: 20px;
        border: none;
        background-color: #a12148;
    }

    @media (min-width: 768px) {
        .product-details .row.mt {
            margin-top: 10px;
        }

        .product-details.bottom {
            position: absolute;
            bottom: 0;
            margin-bottom: 30px;
            left: 0;
            margin-left: 15px;
        }
    }

    .deleteAddress {
        color: #666666;
    }


    .basket-row .bootstrap-touchspin {
        max-width: 100px;
        float: left;
    }

    div.generalText table tr td {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    div.generalText table {
        margin-bottom: 20px !important;
    }


    .product-display .product-img:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .product-display .product-img a {
        position: absolute;
        top: 0;
    }

    .addthis_sharing_toolbox {
        min-height: 40px;
    }

    .no-stock {
        padding-top: 10px;
        color: #A22148;
        font-size: 18px;
        font-weight: bold;
    }

    .orderBelowLimit {
        color: #a12148;
    }

        .orderBelowLimit h4 {
            font-size: 19px;
            line-height: 20px;
            margin-bottom: 0;
        }

        .orderBelowLimit p {
            font-size: 15px;
        }

    .productImageDownload a {
        background: none repeat scroll 0 0 #a12148;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 0 0 #731934 none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        margin: 0 0 0px 0;
        outline: 0 none;
        padding: 8px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: background-color 0.15s ease-in-out 0s;
    }

        .productImageDownload a:hover {
            background-color: #be2755;
            color: #fff;
        }

    /*  #####   Cookie Control    #####  */

    #cookieBar {
        width: 100%;
        background-color: #333333;
        height: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    #cookieBarInner {
        margin: 0 auto;
        height: auto;
        padding: 15px 0;
    }

    #cookieLeft {
    }

        #cookieLeft p.header {
            color: #e2e2e2;
            font-size: 18px;
            font-weight: 700;
        }

        #cookieLeft p {
            color: #e2e2e2;
            font-size: 12px;
            margin-right: 25px;
        }

    #cookieRight {
        text-align: right;
        padding-top: 20px;
    }

        #cookieRight a {
            display: inline-block;
            width: 150px;
            height: 30px;
            vertical-align: middle;
            padding-top: 5px;
            background-color: #333333;
            background-image: url(../imgs/cookieButton-BG.gif);
            text-decoration: none;
            color: #333333;
            text-align: center;
        }

            #cookieRight a:hover {
                text-decoration: none;
                background-position: left bottom;
            }

    .cookieButton {
    }

    .cookiePolicy {
        margin-bottom: 10px;
    }


    ul.myAccountMenu {
        width: 100%;
        background: #fff;
    /*   list-style: url(../imgs/gt_list_item.jpg); */ 
        list-style-position: inside;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
    }

        ul.myAccountMenu li {
            color: #a12148;
            width: 100%;
        }

            ul.myAccountMenu li a {
                color: #4b5151 !important;
                padding-left: 7px;
                font-family: Helvetica, Arial, sans-serif;
                font-size: 13px !important;
            }

    /* Add to cart message */
    #messagebox {
        display: none;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background: #fff;
        position: absolute;
        z-index: 9000;
        height: 45px;
        margin-top: -50px;
        background-color: lightgreen;
        border: 3px solid #A22148;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    #messagetxt {
        color: #000;
        font-size: 12px;
        font-weight: bold;
    }

        #messagetxt span {
            text-transform: uppercase;
            color: #A22148;
        }

    .shippingAddress {
        display: block;
    }

    .deleteAddress {
        margin-left: 20px;
    }

    .Instruction {
        color: #ff0000 !important;
    }

    .highlighted {
        color: #A22148;
    }

    #searchterm {
        padding-left: 5px;
    }

    footer .fShadow {
        box-shadow: 3px 3px 5px #dcdbdb;
    }

    footer .panel.panel-default.box {
        border-color: #a0a0a0;
    }

    section.body .home-showcase a.page-more {
        color: #A12148;
        cursor: pointer;
        font-size: 13px;
        left: 24px;
        line-height: 13px;
        margin: 0 0 25px;
        padding: 0 0 0 15px;
        z-index: 2;
        display: none;
    }

    section.body .home-showcase .page-body {
        overflow: hidden;
        padding-left: 0px;
        position: relative;
        left: -15px;
        padding-right: 0;
    }

    .product-cell h5 {
        text-transform: capitalize;
        color: #A12148;
        font-weight: 600;
        font-size: 16px;
    }

    section.body .home-product-grid .product-cell span {
        height: 0;
        padding-bottom: 100%;
    }

    section.body .home-product-grid .product-cell {
        margin-bottom: -1px;
    }

        section.body .home-product-grid .product-cell.last-row a {
            border-bottom: none;
        }

    section.body .products-grid .product-cell .box a.downloadList {
        text-align: center;
        font-size: 12px;
        color: #4b5151;
        text-decoration: underline;
    }


    #postcodeSearch, .postcodeSearch {
        padding: 8px !important;
        margin: 0 !important;
        float: right;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .uCase {
        text-transform: uppercase;
    }

    .taRight {
        text-align: right;
    }

    section.body .products-grid .product-cell .form-control {
        /*width: 22px; height: 14px; */
        display: inline;
        padding: 2px 2px 2px 4px;
        margin: 0;
        border: 0px none #e5e5e5;
        background-color: #e5e5e5;
        box-shadow: none;
        font-size: 10px;
        color: #4b5151;
        border-radius: 0;
    }

    .basket-row.header {
        color: #009fe3;
        font-weight: bold;
    }

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #009fe3;

}
    /* ############## Popup Styles            ########################################## */
    #popupOuter {
        position: fixed;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(128,128,128,0.5);
    }

    #popupInner {
        border: solid 2px #A12148;
        background-color: #fff;
        border-radius: 15px;
        width: 30%;
        min-width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
        padding: 20px;
    }

    #popupClose {
        position: relative;
        top: 10px;
        right: 10px;
        text-align: right;
    }

    #popupInner .popupConfirm {
    }

    #popupInner .popupCancel {
        float: right;
    }

    /* ############## Notification Styles            ########################################## */
    #notificationOuter {
        position: fixed;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(128,128,128,0.5);
        float: left;
    }

    #notificationInner {
        border: solid 5px #A12148;
        background-color: #fff;
        border-radius: 15px;
        width: 50%;
        min-width: 200px;
        margin-left: 25%;
        margin-right: auto;
        margin-top: 10%;
        padding: 20px;
        float: left;
    }

        #notificationInner .notificationConfirm {
        }

    #notificationContent .notificationButtons {
        float: left;
        width: 100%;
        text-align: center;
    }

    #notificationContent .notificationClose {
        margin: 20px auto;
        background-color: #A12148;
        border-radius: 7px;
        padding: 8px 20px;
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
    }



    .checkout-actions {
        background: none repeat scroll 0 0 #a12148;
        border-radius: 3px;
        box-shadow: 0 1px 0 #731934 inset;
        color: #fff !important;
        margin: 0 0 15px 15px;
        outline: 0 none;
        padding: 6px 20px 6px;
        display: inline-block;
    }

    .loginFailedMsg {
        /* background: #cf9ca3;*/
        color: #fff;
        font-size: 14px;
        padding: 4px;
        margin-bottom: 5px;
        font-weight: bold;
        text-align: center;
        border-radius: 3px;
    }

    .basketContents {
        display: none;
        background-color: #666666;
    }

    .expandItem {
        display: block;
        width: 10px;
        float: right;
        margin-top: 5px;
        margin-right: 5px;
        height: 10px;
        text-indent: -9999px;
        background-image: url(../imgs/expand10.png);
        background-position: top left;
    }
    .previousOrder {
        cursor: pointer;
    }

    @media (max-width: 400px) {

        #notificationInner {
            border: solid 5px #A12148;
            background-color: #fff;
            border-radius: 15px;
            width: 90%;
            min-width: 200px;
            margin-left: 5%;
            margin-right: auto;
            margin-top: 10%;
            padding: 20px;
            float: left;
        }
    }