﻿
/********* ELEMENT DECLARATIONS **********/
* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'univers_57_condensedregular';
    src: url('//static1.kbobject.com/stores/americascup/fonts/univers_57_condensed-webfont.woff2') format('woff2'),
         url('//static1.kbobject.com/stores/americascup/fonts/univers_57_condensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'univers_55regular';
    src: url('//static2.kbobject.com/stores/americascup/fonts/univers-webfont.woff2') format('woff2'),
         url('//static2.kbobject.com/stores/americascup/fonts/univers-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'universmedium';
    src: url('//static1.kbobject.com/stores/americascup/fonts/univers_medium-webfont.woff2') format('woff2'),
         url('//static1.kbobject.com/stores/americascup/fonts/univers_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

h1 {
    font-size: 15px;
    display: inline;
}

input, select {
    font-size: 11px;
    border: solid 1px #000;
}

a {
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: underline;
        color: #000;
        cursor: pointer;
    }

img {
    border: none;
    display: block;
}

p {
    padding: 3px;
}

ol li {
    margin-left: 25px;
}

hr {
    color: #000;
    height: 1px;
}

.clr {
    clear: both !important;
    height: 0px !important;
    float: none !important;
    padding: 0px;
    margin: 0px;
}

.clr-container:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}
/* IE < 8 */

.container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/*********** MASTER PAGE LAYOUT CLASSES ***********/

.pageContainer {
    
}

.pageContent {
    position: relative;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

.pageFooter {
    position: relative;
    background: #1D242C;
}

.pageHeader {
    position: relative;
    z-index: 1000;
    background: url(//static1.kbobject.com/stores/americascup/artwork/header/header-tile.gif) repeat-x;
}

/*********** HEADER CLASSES **************/


.header-container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    color: #EEE;
    height: 207px;
}

.fanaticsExpDiv{
    background-color:#2C333B;
    height:12px;
    padding:10px;
}

.header-fanaticsImg
{
    position: absolute;
}

.header-right
{
    right:0;
    position:absolute;
}

.header-aclink
{
    text-decoration: underline;
    background: url(//static1.kbobject.com/stores/americascup/artwork/header/ac.png) no-repeat 0 0; 
    padding:1px 0 0 20px;
}

.nav-bskt { background-color: #FFF; position: absolute; right: 10px; top: 70px; height: 37px; font-size: 13px; }
.nav-bskt li { line-height: 37px; font-family: 'univers_57_condensedregular', sans-serif; text-transform: capitalize; color: #3c456c; padding: 0 10px !important; }
.nav-bskt-items a { color: #3c456c !important; }
.nav-bskt .nav-bskt-checkout { background-color: #E22319; font-weight: bold; text-transform: uppercase; }

.header-container .hdr-seal { position: absolute; right: 0; top: 60px;}

    .header-container ul, .fanaticsExpDiv ul {
        list-style-type: none;
        color: #8FAAC5;
    }

        .header-container ul li, .fanaticsExpDiv ul li {
            float: left;
            padding: 0 5px;
        }

            .header-container ul li a, .fanaticsExpDiv ul li a {
                color: #EEE;
            }

                .header-container ul li a:hover, .fanaticsExpDiv ul li a:hover {
                    color: #F7D504;
                }

.header-logo {
    position: absolute;
    margin-top: 10px;
}

.currencySelected {
    color: #F7D504 !important;
    text-decoration: underline;
}

.hdrBasket ul {
    color: #EEE;
}

.hdrBasket .basketImageContainer {
    float: left;
    width: 30px;
    margin-top: -3px;
    padding-right: 5px;
}

.hdrSrch {
    
    position: absolute;
    height: 37px;
    left: 470px;
    top: 70px;
}

    .hdrSrch .fa {
        color: #00356e;
        font-size: 18px;
        height: 37px;
        line-height: 37px;
        width: 37px;
        margin-bottom: -1px;
        text-align: center;
        border-left: 1px solid #aaa;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .hdrSrch .fa:hover {
            cursor: pointer;
        }

.srchBox {
    width: 245px;
    font-size: 13px;
    margin: 0;
    height: 37px;
    color: #3c456c;
    padding-left: 10px;
    font-family: 'univers_57_condensedregular', sans-serif;
}


.srch-btn {background-color: #E22319; color: #FFF; font-family: 'univers_57_condensedregular', sans-serif; font-size: 13px; 
           font-weight: bold; height: 17px; line-height: 17px; padding: 10px; display: inline-block; margin-left: -5px;}
.srch-btn:hover {
    cursor: pointer;
}

.header-navigation-container {
    width: 100%;
    height: 48px;
    background-color: #E2231B;
   
}

.hdrNav {
    width: 990px;
    margin: 0;
    position: absolute;
    bottom: 0;
    font-family: 'univers_57_condensedregular', sans-serif;
}

.hdrNav ul { display:block; }

    .hdrNav > ul li {
        float: left;
        list-style-type: none;
        display: inline-block;
    }

.hdrNav > ul li:not(:last-child) { padding: 0 50px 0 0; }
.hdrNav > ul li:last-child { padding: 0; }


.hdrNav .dd a {
    display: block;
    font-size: 16px;
    color: #FFF;
    height: 52px;
     line-height: 52px;
}

.navMenu {
    position: absolute;
    padding: 15px 0;
    min-width: 150px;
    z-index: 300;
    top: 47px;
    display: none;
    background: #ffd705;
}

    .navMenu a {
        margin: 0;
        padding: 0;
        height: 17px;
        font-size: 14px;
    }

    .nav-submenu {
        float: left;
        padding: 0 5px;
        min-width: 150px;
    }

    .nav-mega-img {
        padding: 0 5px;
    }

    .nav-mega-img-side {
        float: left;
    }
    .navMenu h3 {
        min-width: 150px;
        display: block;
        padding: 0px 0px 5px 0px;
        font-size: 14px;
        color: #00356e;
        text-transform: uppercase;
        margin: 0;
    }

    .navMenu ul {
        list-style: none;
        padding: 5px 5px;
        min-width: 150px;
    }

    .navMenu li {
        float: none;
        padding: 0px 0px;
        margin: 0;
    }

        .navMenu li a {
            display: block;
            padding: 4px;
            color: #00356e;
            text-transform: capitalize;
            font-size: 14px;
        }

            .navMenu li a:hover {
            }

.curr-area {
    position: relative;
    top: -4px;
    z-index: 1500;
    height: 18px;
}

.curr-link {
    display: block;
    line-height: 15px;
    padding: 2px 10px 2px 5px;
    width: 29px;
}

.curr-link:after {
    content:"\f078";
    font-family: FontAwesome;
    color: #FFF;
    float: right;
    font-size: 10px;
}

.curr-list {
    padding: 2px 0 7px 0;
    display: none;
    background: #FFF;
    color: #1D242C;
    border: solid 1px #FFF;
}

    .curr-list a {
        margin-top: 5px;
        display: block;
        text-align: center;
        color: #1D242C !important;
    }


/********* HOMEPAGE CLASSES ***********/

.hp-carousel {
    margin-bottom: 20px;
}

    .hp-carousel a {
        height: 370px;
        width: 100%;
        display: block;
        position: relative;
        background-position: top center;
        position: relative;
    }
     .hp-carousel a:hover {
         text-decoration: none;
    }


    .hp-carousel .container {
        height: 370px;
    }

    .hp-carousel .slide-info {
    
    margin: 200px 0 0 100px;
    text-align: center;
    display: inline-block;
    }

    .hp-carousel .slide-title {        
        font-family: 'universmedium', sans-serif;
        font-size: 26px;
        margin-bottom: 10px;
        font-weight: bold;
        text-transform: uppercase;
        overflow: hidden;
        white-space: nowrap;
    }

    .hp-carousel .slide-intro {
        font-size: 16px;
        display: block;
        margin-bottom: 6px;
        min-height: 20px;
        font-family: 'universmedium', sans-serif;
    }

    .hp-carousel .btn-default {
        background-color: rgba(255, 255, 255, 0.6);
        color: #104C71;
        min-height: 56px;
        line-height: 54px;
        font-family: 'univers_57_condensedregular', serif;
        font-weight: bold;
        border-color: #FFF;
        margin-top: 20px;
        width: 170px;
    }

.hp-side-bnrs {
    padding-left: 10px;
}

#shop-by-team-header { text-align: center; font-family: 'universmedium', sans-serif;}
#shop-by-team-header span { display: inline-block; padding: 7px 30px; background-color:#E22319; color: #FFF; font-weight: bold; }
#shop-by-team div { float: left; }
#shop-by-team div:not(:nth-child(3n+3)) { margin-right: 9px; margin-bottom: 10px; }

#homePage .lpBnr div {
    background-color: #232C33;
    opacity: 0.8;
    padding: 0 !important;
}

#homePage .lpBnr h3 { font-size: 30px; display: inline-block; border-bottom: 1px solid #FFF; }

#homePage .lpBnr { overflow:hidden; display:block;}
#homePage .productListOverlay { left: 0px;}


#homePage .lpBnr:nth-child(1) { float: left;width: 247px;margin-right: 5px; margin-bottom: 5px;}
#homePage .lpBnr:nth-child(2) { float: left;width: 247px;margin-bottom: 5px;}
#homePage .lpBnr:nth-child(3) { float: right;width: 498px;margin-bottom: 5px;}
#homePage .lpBnr:nth-child(4) { float: left;width: 498px;margin-bottom: 5px;}

#homePage .lpBnr:nth-child(1) .productListOverlay {width: 247px; height: 290px; top: -290px;}
#homePage .lpBnr:nth-child(2) .productListOverlay { width: 247px; height: 290px; top: -290px;}
#homePage .lpBnr:nth-child(3) .productListOverlay { width: 498px; height: 592px; top: -592px;}
#homePage .lpBnr:nth-child(4) .productListOverlay { width: 498px; height: 298px; top: -298px;}
#homePage .lpBnr:nth-child(5) .productListOverlay { width: 1000px; height: 178px; top: -178px;}

#homePage .lpBnr:nth-child(1) h3 {margin-top: 70px;}
#homePage .lpBnr:nth-child(2) h3 {margin-top: 70px;}
#homePage .lpBnr:nth-child(3) h3 {margin-top: 200px;}
#homePage .lpBnr:nth-child(4) h3 {margin-top: 70px;}
#homePage .lpBnr:nth-child(5) h3 {margin-top: 10px;}

#homePage .lpBnr:nth-child(4) .productListOverlay span { display: block; margin-left:auto; margin-right: auto }
#homePage .lpBnr:nth-child(5) .productListOverlay span { display: block; margin-left:auto; margin-right: auto; margin-top: 5px; }

.home-page .merch-zone .tabheader {
    background: #CACACA;
}

.home-page .merch-zone .tabpane {
    width: 1000px;
}

#homePage {
    background: #FFF;
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
}

.hpTopBnrs {
    background: url(//static1.kbobject.com/stores/golf/artwork/common/home/carousel-bg.png);
    height: 450px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}

    .hpTopBnrs a:hover {
        cursor: pointer;
    }

#promoimage {
    width: 966px;
    height: 409px;
    border: solid 1px #CCC;
    display: block;
    background-position: center 1px;
    background-repeat: no-repeat;
}

#promodesc {
    padding-top: 25px;
}

.promodesclink {
    color: #FFF;
}

#promoleft {
    position: absolute;
    top: 200px;
    left: -40px;
    display: block;
}

#promoright {
    position: absolute;
    top: 200px;
    right: -40px;
    display: block;
}

#navbarlinks {
    position: absolute;
    bottom: 10px;
    right: 40px;
}

    #navbarlinks span {
        background: #FFF;
        border: solid 3px #FFF;
        border-radius: 8px;
        width: 6px;
        height: 6px;
        display: block;
        float: left;
        margin-right: 5px;
    }

.currentBnr {
    background: #003C82 !important;
}

.shop-by-brands-outer-wrapper {
    width: 99%;
    margin: 0 auto;
    border: 1px solid #687d9a;
  
}


.shop-by-brands-inner-inner-wrapper {
    width: 978px;
    margin: 0 auto;
}

.shop-by-brands-label {
    color: #0e2a59;
    background-color: #fff;
    height: 20px;
    width: 100px;
    padding: 5px 15px;
    position: relative;
    bottom: -15px;
    left: 420px;
    box-shadow: 1px 2px 3px 0 rgba(187, 187, 187, 0.5);
    font-size: 15px;
    font-weight: 700;
    font-family: 'universmedium', serif;
    border: solid 1px #0e2a59;
}

.hpBrands {
    margin: 0 8px 15px 8px;
    padding-top: 15px;
}

    .hpBrands ul {
        display: table;
        width: 100%;
    }

    .hpBrands li {
        list-style: none;
        padding: 10px;
        vertical-align: middle;
        height: 40px;
        display: table-cell;
    }

.authenticated .suHP {
    display: none;
}

.newsletter-outer-wrapper {
    width: 100%;
    background:#E53730;
    height: 81px;
    position: relative;
    color: #FFF;
}

.authenticated .newsletter-outer-wrapper {
    display: none;
}

.newsletter-inner-wrapper {
    width: 1000px;
    padding: 20px 0;
    margin: 0 auto;
}

.newsletter-invite {
    float: left;
}

    .newsletter-invite h3 {
        font-size: 25px;
        font-weight: 200;
        font-family: 'univers_57_condensedregular', sans-serif;
        text-transform: capitalize;
    }

.newsletter-signup {
    float: right;
}

.newsletter-signup-box {
    width: 368px;
    height: 42px;
    padding: 0 18px;
    border: none;
    color: #E53730;
    font-size: 16px;
    font-weight: 200;
    text-transform: capitalize;
    font-family: 'univers_55regular', sans-serif;
}

.newsletter-signup-button {
    margin: 0 10px 0 0;
    float: right;
    width: 171px;
    padding: 13px 0;
    vertical-align: middle;
    text-align: center;
    background-color: #1D242C;
    color: #FFF;
    font-size: 14px;
    font-family: 'univers_55regular', sans-serif;
}

.newsletter-signup-response {
    padding:3px 0 3px 385px;
}

.suHP {
    background: #e4a025;
    height: 79px;
    position: relative;
    color: #003C82;
}

    .suHP .header {
        font-size: 20px;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
        margin: 10px 0 0 10px;
    }

    .suHP .intro {
        display: block;
        position: absolute;
        top: 3px;
        left: 260px;
        width: 300px;
    }

.suBox {
    background-color: #EFE0E5;
    color: #0154A4;
    position: absolute;
    right: 180px;
    top: 7px;
    margin: 5px 0px 0px 7px;
    border: 1px solid #E8B909;
    color: #0054A4;
    width: 200px;
    display: block;
    height: 25px;
}

.suBtn {
    position: absolute;
    top: 12px;
    right: 15px;
}

.suResp {
    position: absolute;
    top: 2px;
    left: 260px;
    background: #FFD701;
    color: #0154A4;
    width: 310px;
    height: 40px;
    padding: 3px;
    display: none;
}

/* side banners */
.hpSideBnrs {
    padding: 20px 0px;
}

    .hpSideBnrs a:hover {
        text-decoration: none;
    }

    .hpSideBnrs .lpBnr {
        float: left;
        display: inline;
        margin-left: 10px;
    }

        .hpSideBnrs .lpBnr h3 {
            font-size: 14px;
            display: block;
            padding: 5px;
            font-weight: bold;
            color: #2C609C;
        }

        .hpSideBnrs .lpBnr span {
            display: block;
            padding: 5px 12px;
            color: #2C609C;
            margin-top: 5px;
        }

.btn-slide {
    border: 2px solid #FFF;
    color: #FFF;
    font-family: 'univers_55regular', sans-serif;
    background: rgba(255, 255, 255, 0.2);
}

.lpBnr {
    margin: 0;
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.lpBnr .productListOverlay { 
    position: absolute;
    padding: 10px;
    height: 383px;
    background-color: #686868;
    font-family: 'univers_57_condensedregular', serif;
    opacity: 0.8;
    width: 255px;
    left: 0;
    top: -423px;
}

.pbLanding .lpBnr .productListOverlay span { color: #000; padding: 10px;}

.pbContainer.pbLanding > table { border-spacing: 0;}

.lpBnr .productListOverlay span { background-color: #B5B5B5; color: #FFF; font-weight:normal; display: inline-block; margin-top: 20px; width: 125px; font-family: 'univers_57_condensedregular', serif;}

.lpBnr .productListOverlay span.intro { background-color: transparent; color: #FFF; padding: 0; width: 70%;}

.lpColumn {
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    overflow: hidden;
}

    .lpColumn:last-child {
        margin-right: 0;
    }

    .lpColumn:first-child + div > .lpBnr:first-child + div {
        display: none;
    }

.lpBnr div {
    padding: 5px 5px 15px 5px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    left: 2px;
    text-align: center;
    background-color: rgba(6, 18, 41, 0.6);
}

.lpBnr .intro {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 0 5px 15px 5px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

.lpBnr h3 {
    display: block;
    font-size: 19px;
    padding-top: 5px;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 5px;
    margin-top: 100px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

.lpBnr div .btn-slide {
    font-size: 19px;
    width: 141px;
    height: 41px;
    margin: 0 auto;
}

.lpBnr .btn-md {
    font-family: 'univers_55regular', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.lpBnr a {
    display: block;
    height: auto;
    overflow: hidden;
}

#productBrowseContent .lpBnr span {
    display: block;
    color: #FFF;
}

#productBrowseContent .lpBnr div {
    height: auto;
}

/*********** BUTTONS *****************/

.btn {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.btn-default {
    background-color: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff;
    color: #fff;
}

.btn .fa-stack {
    width: 1em;
}

.btn .fa-caret-right {
    font-size: 10px;
}

.btn-sm {
    padding: 7px 10px;
    font-size: 12px;
    line-height: 12px;
}

.btn-md {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
}

.btn-lg {
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    padding: 0 30px;
}

.btn-primary {
    background: #FEC657;
    border: solid 1px #FEC657;
    color: #212f49;
}

/********** PRODUCT BROWSE CLASSES ************/

.pbContainer {
    position: relative;
    background: #FFF;
    min-height: 500px;
}

.pbLanding #breadcrumbs {
    position: relative;
    z-index: 100;
}

    .pbLanding #breadcrumbs a {
        color: #8C8D8E;
    }

#pbNav {
    vertical-align: top;
    padding: 10px 10px 30px 10px;
    width: 168px;
    font-family: 'univers_55regular', sans-serif;
}

#pbContent {
    vertical-align: top;
    width: 800px;
    padding: 0 0 30px 0;
    margin-top: 10px;
    height: 500px;
    
}

.page-background { position: absolute; top: 0px; left: 0px; height: 224px; width: 100%; background-position: center top; background-color: #000;}

/* browse navigation */

.facetReset .facetTitle {
    font-size: 14px;
}

.facetReset .resetLink {
    float: right;
    display: block;
    padding: 4px 8px;
    margin-top: 4px;
    font-family: 'univers_55regular', sans-serif;
    font-size: 9px;
    font-weight: 100;
    color: #888;
}

    .facetReset .resetLink.active {
        border: solid 1px #000;
        color: #000;
    }

    .facetReset .resetLink:hover {
        text-decoration: none;
    }

    .facetReset .resetLink.active:hover {
        background: #efefef;
    }

.facetReset .hdr2 {
    padding: 3px;
    display: inline-block;
}

.facetLink {
    display: inline-block;
    padding: 7px 0 7px 15px;
    color: #000;
    width: 145px;
    font-size: 11px;
    line-height: 11px;
}

    .facetLink span {
        color: #666;
        font-size: 10px;
        float: right;
        font-weight: normal;
    }

    .facetLink:hover {
        cursor: pointer;
        background-color: #EEE;
        text-decoration: none;
    }

.facet {
    position: relative;
    padding: 5px 0px;
}

.facetTitle {
    text-transform: uppercase;
    padding: 5px;
    margin: 5px 0;
    font-size: 14px;
    position: relative;
    font-weight: bold;
    border: 1px solid #C4C4C4;
}

    .facetTitle span {
    }

    .facetTitle img {
        position: absolute;
        top: 5px;
        left: 0px;
        width: 22px;
        height: 22px;
    }

    .facetTitle .hdr {
        color: #8C8D8E;
    }

.facetChk label:hover {
    text-decoration: none;
    cursor: pointer;
}

.facetChk label {
    margin-left: 10px;
    text-indent: 10px;
}

.facetChk input {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    width: 13px;
    height: 13px;
}

.facetChk {
    display: block;
    position: relative;
    padding: 2px 0px;
    margin: 2px 0px;
}

.facetLink {
    display: inline-block;
    padding: 3px 0px 3px 0px;
    width: 155px;
}

    .facetLink span {
        color: #666;
        float: right;
    }

    .facetLink:hover {
        cursor: pointer;
        background-color: #DDD;
        text-decoration: none;
    }

.facet.facetClosed .facetTitle:after {
    content:"\f078";
    font-family: FontAwesome;
    color: #9d9a9b;
    float: right;
    font-size: 15px;
}

.facet.facetOpen .facetTitle:after {
    content:"\f077";
    font-family: FontAwesome;
    color: #9d9a9b;
    float: right;
    font-size: 15px;
}

.colourBox {
    height: 24px;
    width: 24px;
    border: 1px solid #888;
    float: left;
    padding: 2px;
    margin: 0 0 10px 10px;
    position: relative;
}

    .colourBox.selected {
        border: 1px solid #1053db;
    }

    .colourBox:hover {
        border: 1px solid #000;
    }

    .colourBox a {
        display: block;
        background: #ddd;
        height: 24px;
        width: 24px;
    }


    .colourBox.selected a:before {
        content: "\f00c";
        font-family: FontAwesome;
        color: #FFF;
        font-size: 16px;
        left: 6px;
        position: absolute;
        top: 5px;
    }


    .colourBox .colourwhite {
        background: #FFF;
    }

    .colourBox .colourlightblue {
        background: #6caee0;
    }

    .colourBox .colourred {
        background: #bc1b1b;
    }

    .colourBox .colourblack {
        background: #000;
    }

    .colourBox .colourgreen {
        background: #23831f;
    }

    .colourBox .colouryellow {
        background: #fcff00;
    }

    .colourBox .colourgrey {
        background: #838383;
    }

    .colourBox .colourorange {
        background: #f08911;
    }

    .colourBox .colourpurple {
        background: #901bbc;
    }

    .colourBox .colourpink {
        background: #f011dd;
    }

    .colourBox .colourbrown {
        background: #8a7057;
    }

    .colourBox .coloursilver {
        background: #d4d4d4;
    }

    .colourBox .colourgold {
        background: #d1ab13;
    }

    .colourBox .colourmulti-coloured {
        background: #1053db; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzEwNTNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzEwNTNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JjMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #1053db 1%, #1053db 50%, #bc1b1b 51%, #bc1b1b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1053db), color-stop(50%,#1053db), color-stop(51%,#bc1b1b), color-stop(100%,#bc1b1b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1053db 1%,#1053db 50%,#bc1b1b 51%,#bc1b1b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1053db 1%,#1053db 50%,#bc1b1b 51%,#bc1b1b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1053db 1%,#1053db 50%,#bc1b1b 51%,#bc1b1b 100%); /* IE10+ */
        background: linear-gradient(to bottom, #1053db 1%,#1053db 50%,#bc1b1b 51%,#bc1b1b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1053db', endColorstr='#bc1b1b',GradientType=0 ); /* IE6-8 */
    }

    .colourBox .colourmaroon {
        background: #781613;
    }

    .colourBox .colourclear {
        background: #efefef;
    }

    .colourBox .colourbeige {
        background: #E1DAC7;
    }

    .colourBox .colourcream {
        background: #ffffcc;
    }

    .colourBox .colourburgundy {
        background: #8c001a;
    }

    .colourBox .colournavy {
        background: #000080;
    }

    .colourBox .colourblue {
        background: #1053db;
    }

    .colourBox.selected a.colourwhite:before, .colourBox.selected a.colourcream:before, .colourBox.selected a.colourbeige:before, .colourBox.selected a.colourclear:before {
        color: #000;
    }

    .colourBox .colourghostgreen {
        background: #A9DC92;
    }


/* slider */
.sliderArea {
    padding: 5px 0px;
}

.sliderValues {
    padding: 5px 10px;
}

    .sliderValues input {
        border: none;
        margin: 0px !Important;
        color: #000;
        width: 25px;
        text-align: left;
    }

.sliderMin {
    float: left;
}

.sliderMax {
    float: right;
}

.sliderWij {
    position: relative;
    width: 140px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent url(//static1.kbobject.com/stores/golf/artwork/common/interface/sliderHandle.gif) no-repeat scroll 50% 50% !important;
    border: none !important;
    width: 9px;
    height: 17px;
    top: 0px;
}

.ui-widget-header {
    height: 17px;
    background: url(//static2.kbobject.com/stores/golf/artwork/common/interface/innerSliderRail.gif) repeat-x;
    z-index: 10;
}

.ui-widget-content {
    position: relative;
    height: 17px;
    background: url(//static1.kbobject.com/stores/golf/artwork/common/interface/sliderRail.gif) no-repeat;
    z-index: 10;
    border: none;
}

.wijmo-wijslider-decbutton, .wijmo-wijslider-incbutton {
    display: none !important;
}

.greyOut {
    color: #C0C0C0;
}

.priceRangeArea input[type=text] {
    width: 25px;
    padding: 3px 2px;
    color: #888;
}

.priceRangeArea .btn-price-range {
    width: 20px;
    height: 18px;
    display: inline-block;
    margin-left: 2px;
    border: solid 1px #000;
    padding-top: 2px;
}

    .priceRangeArea .btn-price-range:before {
        content: "\f0da\f0da";
        font-family: FontAwesome;
        color: #000;
        font-size: 14px;
        margin-left: 6px;
    }

/* paging */
.paging {
    width: 800px;
    height: 32px;
    margin: 10px 0 0 0;
    float: right;
    color: #000000;
    line-height: 32px;
    overflow: hidden;
    font-family: 'univers_55regular',sans-serif;
}

    .paging div {
        float: right;
        text-align: center;
        padding-left: 5px;
    }

    .paging select {
        background-color: transparent;
        height: 26px;
        margin: 2px 20px;
        position: relative;
        z-index: 1;
        outline: none;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        border: 1px solid #b6b6b6;
        font-family: 'univers_57_condensedregular', sans-serif;
    }

        .paging select:hover {
            cursor: pointer;
        }

    .paging div.selectBox {
        margin: 0px 15px;
        color: #ccc;
        position: relative;
        width: 120px;
        overflow: hidden;
    }

    .paging .fa {
        position: absolute;
        top: 3px;
        right: 0;
        z-index: 0;
        color: #000;
        display: block;
        border-right: 1px solid #ccc;
        height: 19px;
        padding-right: 5px;
        padding-top: 6px;
    }

    .paging a {
        color: #000;
        font-weight: bold;
        font-size: 12px;
        margin-right: 10px;
    }

.pages {
    position: relative;
    padding: 6px 10px 10px 0;
}

    .pages a {
        width: 20px;
        float: right;
        display: block;
        height: 22px;
        margin: -4px 4px 0 4px;
        line-height: 22px;
        padding: 1px;
        border: 1px solid #b6b6b6;
        background-clip: content-box;
    }

    .pages .pN {
        width: auto !important;
        border: none !important;
        font-size: 0;
    }

        .pages .pN:after {
            font-family: FontAwesome;
            content: '\f105';
            font-size: 16px;
            padding: 0 5px;
        }

        .pages .pN.prev:after {
            content: '\f104';
        }

    .pages:hover {
        text-decoration: none;
    }

.pagerLinkSelected {
    background-color: #dadada;
}


/* results/products  */
.browseResults {
    margin: 10px 0 5px 0;
    padding-left: 12px;
    border-top: 1px solid #EBEBEB;
}

    .browseResults .productListItem {
        float: left;
        width: 195px;
        border: solid 1px #FFF;
        position: relative;
        text-align: center;
        height: 320px;
    }

    .browseResults .productListImage img {
        margin: 5px auto;
    }

    .browseResults .productListItem:hover {
        border: solid 1px #FFF;
    }

    .browseResults .productListItem .productListLink {
        padding: 8px 8px 0 8px;
    }

        .browseResults .productListItem .productListLink a {
            display: block;
            height: 45px;
            text-align: center;
            font-size: 12px;
            color: #000;
        }

    .browseResults .productListItem .ProductPriceLabel {
        display: none;
    }

    .browseResults .productListItem .productListPrice {
        padding: 5px 8px 2px 8px;
        font-size: 16px;
        height: 40px;
        position: relative;
    }

        .browseResults .productListItem .productListPrice .previous-price {
            display:block;
            color: #9C938C !important;
            font-size: 12px;
            font-style: italic;
        }

         .browseResults .productListItem .productListPrice .percent-saving {
            display:none;
        }

    .browseResults .productListItem .productListFooter {
        display: none;
    }

    .browseResults .productListHighlight {
        position: absolute;
        top: 0;
        left: 0;
        font-style: italic;
    }

        .browseResults .productListHighlight span {
            background: #061229;
            padding: 5px;
            display: block;
            color: #FFF;
        }

    .browseResults .productListColours {
        padding: 5px 4px;
        height: 12px;
    }

    .browseResults .colourway {
        width: 24px;
        height: 10px;
    }

        .browseResults .colourway div {
            width: 12px;
            height: 10px;
            left: 13px;
        }

        .browseResults .colourway a {
            width: 22px;
            height: 8px;
        }

/* landing page */
.lpTopBns {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.lpTopBnr {
    height: 390px;
    width: 793px;
    background-repeat: no-repeat;
    padding-top: 1px;
}

    .lpTopBnr div {
        margin: 40px 0 0 550px;
        width: 210px;
    }

    .lpTopBnr ul {
        line-height: 20px;
        margin: 5px 20px;
        list-style: none;
    }

    .lpTopBnr a:hover {
        background-color: #AAA;
        text-decoration: none;
    }

    .lpTopBnr h1 {
        display: block;
        padding: 3px 20px;
        font-size: 16px;
        text-transform: capitalize;
        color: #013B84;
    }

.pl-header .pl-container { margin-top: 65px; text-align: center; font-family: 'univers_57_condensedregular', sans-serif; }
    .pl-header .pl-container h1 {
        color: #FFF;
        font-size: 35px;
    }
    .pl-header .pl-container p {
        width: 400px;
        margin: 0 auto;
        color: #FFF;
        font-size: 20px;
    }
    .pl-header .pl-container .btn-md { text-transform:none; }

    .pl-header .pl-container ul { margin-top: 30px; }
    .pl-header .pl-container ul li { display: inline-block; }
    .pl-header .pl-container ul li:not(:last-child) { margin-right: 40px; }
    .pl-header .pl-container ul li span { background-color: #C8C8C8; opacity: 0.9; }

.lpTopBns ~ .container #breadcrumbs { margin-top: 5px; margin-bottom: 200px;}
.lpTopBns ~ .container .pbContainer { background-color: transparent; }
.lpTopBns ~ .container #pbContent { border-top: none; }


.lpSideBns {
}

    .lpSideBns .lpBnr {
        float: left;
        display: inline;
        margin: 0px 0px 10px 9px;
        position: relative;
        border-bottom: solid 2px #CCC;
        visibility: hidden;
    }

        .lpSideBns .lpBnr h3 {
            font-size: 16px;
            display: block;
            padding: 10px 5px;
            text-transform: capitalize;
        }

        .lpSideBns .lpBnr img {
            border: solid 1px #CCC;
        }

        .lpSideBns .lpBnr span {
            display: block;
            padding: 3px 5px;
            color: #999;
        }

    .lpSideBns .imagesLoaded {
        visibility: visible;
    }

.block1 {
    width: 188px;
}

.block1-5 {
    width: 256px;
}

.block2 {
    width: 386px;
}

.block3 {
    width: 574px;
}

.block4 {
    width: 782px;
}

.speech {
    background: #FFF !Important;
}

    .speech h3, .speech span {
        position: relative !important;
    }


.lp-carousel {
    margin-bottom: 0;
}

    .lp-carousel .slick-dots {
        display: none;
    }

    .lp-carousel a {
        height: 125px;
        width: 100%;
        display: block;
        position: relative;
        background-position: top center;
        background-repeat: no-repeat;
        text-align: center;
    }

    .lp-carousel .container {
        height: 125px;
    }

    .lp-carousel .btn {
        display: none;
    }

    .lp-carousel .btn-slide {
        display: none;
    }

    .lp-carousel .slide-info {
        position: absolute;
        bottom: 15px;
        left: 300px;
        right: 300px;
        text-align: center;
        color: #FFF;
    }

    .lp-carousel .slide-title {
        font-size: 26px;
        display: block;
        margin-bottom: 5px;
        font-family: 'avantgarde_bk_btdemi', sans-serif;
        text-transform: uppercase;
    }

    .lp-carousel .slick-next {
        top: 43%;
    }

    .lp-carousel .slick-prev {
        top: 43%;
    }

    .lp-carousel .slide-intro {
        font-size: 18px;
        display: block;
    }

        .lp-carousel .slide-intro ut {
            display: inline-block;
            border-bottom: 3px solid #FFF;
        }

#pbContent .lpTopBnr a:hover {
    color: #000;
    text-decoration: none;
    background-color: #ddd;
}

#pbContent .lpBnr {
    margin: 0;
    display: table;
    position: relative;
    width: 1%;
    margin-bottom: 0;
}

#pbContent .lpColumn:first-child + div > .lpBnr:first-child + div {
    display: none;
}

#pbContent .lpBnr div {
    padding: 20px 5px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    left: 0;
    text-align: center;
    background-color: #232C33;
    font-family: 'universmedium', serif;
    font-size: 12px;
}

#pbContent .lpBnr a {
    display: block;
    overflow: hidden;
    color: #fff;
}

#pbContent .lpBnr .intro {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 0 5px 15px 5px;
}

#pbContent .lpBnr h3 {
    display: block;
    font-size: 21px;
    color: #FFF;
    margin-bottom: 10px;
}


/* browse page */
.bpTopBnr {
    margin: 0px 0px 10px 20px;
    position: relative;
    height: 100px;
    background-repeat: no-repeat;
}

    .bpTopBnr h1 {
        display: block;
        padding: 15px 0px 0px 20px;
        width: 350px;
        font-size: 15px;
        color: #0054A4;
        text-transform: uppercase;
    }

    .bpTopBnr span {
        display: block;
        padding: 10px 0px 0px 20px;
        width: 350px;
        color: #0054A4;
    }


.suBR {
    margin: 15px 0px 0px 0px !Important;
    clear: both;
}

    .suBR .header {
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
        margin: 10px 0 0 10px;
    }

    .suBR .intro {
        display: block;
        position: absolute;
        top: 10px;
        left: 170px;
        width: 190px;
    }

    .suBR .suResp {
        left: 170px;
        width: 190px;
    }

/********* PRODUCT DETAIL CLASSES **********/

.sizebuttons {
    list-style-type: none;
    width: 280px;
    float: left;
}

    .sizebuttons li {
        float: left;
    }

        .sizebuttons li a {
            text-align: center;
            line-height: 14px;
            width: 34px;
            display: block;
            margin-right: 10px;
            border: solid 1px #000;
            padding: 8px 5px;
            margin-bottom: 10px;
        }

            .sizebuttons li a[oos] {
                color: #ccc;
                cursor: default;
                border: solid 1px #ccc;
            }

            .sizebuttons li a:hover {
                text-decoration: none;
            }

            .sizebuttons li a.sizeSelected {
                background: #d29d00;
                color: #ffffff;
            }


.pd-in-stock {
    color: #95c948;
}

    .pd-in-stock:after {
        font-family: 'FontAwesome';
        content: '\f00c';
        position: relative;
        right: -7px;
        font-size: 14px;
    }


.pd-options .sizebuttons li a[oos]:hover {
    cursor: default;
    border: solid 1px #ccc;
    background: #fff;
    color: #ccc;
}

.sizebuttons li a:hover:not(.sizeSelected) {
    background: #ffd705;
}


#pbContentControls {
    font-family: 'univers_55regular',sans-serif;
}

#pdCont #breadcrumbs {
    padding: 15px 20px;
    margin: 0px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 10px;
}

.pd-content {
    position: relative;
    background: #FFF;
    padding-top: 0px;
}

.pdTopBnrs {
    padding: 20px 20px 0;
}

.pd-image {
    float: left;
    width: 530px;
    position: relative;
    min-height: 430px;
    height: auto !important;
    height: 430px;
    padding-left: 20px;
}

.pd-title h1 {
    font-size: 22px;
    display: inline-block;
    width: auto;
    font-weight: normal;
    line-height: 22px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

.pd-title .pdPid {
    font-size: 11px;
    display: block;
    margin: 5px 0px 0px 0px;
}

#pdNav {
    float: left;
    width: 116px;
    position: relative;
    overflow: hidden;
    height: 640px;
    display: inline;
    border: solid 2px #0054A4;
    border-top: solid 1px #0054A4;
}

#pdMainImage {
    height: 535px;
    background: #FFF url(//static2.kbobject.com/stores/golf/artwork/common/interface/loader-v1.gif) center center no-repeat;
}

    #pdMainImage img {
        z-index: 10;
        top: 0px;
    }

.pdZoom {
    left: -8px;
    position: absolute;
    top: 400px;
}

#pdViewerMovie {
    position: absolute;
    z-index: 5;
    top: 0px;
    height: 425px;
}

#pdMultiImages {
    height: 106px;
    padding-top: 2px;
    border-top: solid 1px #CCC;
}

    #pdMultiImages img {
        float: left;
        margin: 4px;
        border-bottom: solid 2px #FFF;
        padding-bottom: 2px;
    }

        #pdMultiImages img:hover {
            border-bottom: solid 2px #CCC;
            cursor: pointer;
        }

.border_side {
    border: 1px solid #ccc;
    height: 349px;
    width: 398px;
    position: absolute;
    right: 0px;
    top: 0;
}

#pdTitle h1 {
    font-weight: normal;
    font-size: 16px;
    display: block;
    padding-bottom: 15px;
    font-weight: bold;
}

.pd-info-container {
    margin-top: 10px;
}

.pd-info {
    padding-left: 20px;
    float: left;
    width: 400px;
    vertical-align: top;
    position: relative;
}

    .pd-info .price {
        font-size: 12px;
        text-align: right;
        text-transform: uppercase;
    }

    .pd-info .pd-product-price {
        font-size: 18px;
        color: #333;
        margin-right: 32px;
    }

    .pd-info .pd-previous-price {
        color: #9B938C;
        font-size: 11px;
        margin-right: 5px;
    }

        .pd-info .pd-previous-price strike {
            font-size: 18px;
            text-decoration: none !important;
            position: relative;
            padding: 0 5px 0 5px;
        }

            .pd-info .pd-previous-price strike:before {
                position: absolute;
                content: "";
                left: 0;
                top: 50%;
                right: 0;
                border-top: 1px solid;
                border-color: inherit;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }

        .pd-info .pd-previous-price label {
            display: none;
        }

    .pd-info .colourway {
        float: left;
        height: 15px;
        margin: 2px 5px 2px 0;
        position: relative;
        width: 15px;
    }

        .pd-info .colourway div {
            height: 15px;
            width: 15px;
        }

        .pd-info .colourway a {
            position: absolute;
            display: block;
            position: relative;
            width: 15px;
            height: 15px;
            border: 1px solid #D2C8C2;
        }

    .pd-info .printingoptions {
        border: solid 2px #E4E4E4;
        padding: 10px;
        display: none;
    }

    .pd-info select {
        width: 260px;
        margin-top: 7px;
        padding: 4px;
        border: solid 1px #444;
    }

    .pd-info .sizechart {
        float: right;
        margin: 5px 0px 0 0;
    }

.pd-options {
    padding: 10px;
    margin: 5px 0px;
    border: 1px solid #D2C8C2;
}

    .pd-options p {
        margin-top: 5px;
    }

    .pd-options .stage-title {
        color: #777;
        text-transform: capitalize;
    }

.pdSizes {
    display: none;
}

#pdColours {
    padding-top: 15px;
    border-bottom: dotted 1px #FFF;
}

#pdExtras {
    padding-top: 15px;
    clear: both;
}

    #pdExtras li {
        display: block;
        padding-right: 8px;
        float: left;
        list-style: none;
    }

.pdPreviousPrice {
    font-weight: normal;
    font-size: 11px;
    text-decoration: line-through;
}

.feefoProductReview {
    float: left;
    padding-top: 5px;
}

/* tabbed info area */
.pd-tabs {
    min-height: 200px;
    margin: 10px 10px 0 10px;
    overflow: visible;
    background-color: #EDEDED;
    font-family: 'univers_57_condensedregular', sans-serif;
    padding: 30px;
}

    .pd-tabs .tabheader { position: relative; }

    .pd-tabs .tabheader a { font-weight: normal; }

    .pd-tabs .tabheader ul li .tabselected {
        border-bottom: solid 1px #1D242C;
    }

    .pd-tabs .tabheader ul li a {
        color: #1D242C;
        font-size: 16px;
    }


    .pd-tabs .tabpane .del {
        float: left;
        width: 420px;
    }

    .pd-tabs .tabpane li {
        padding: 3px 0;
    }

    .pd-tabs .tabpane {
        min-height: 150px;
        display: none;
        padding: 0px 20px 0 0;
        background: transparent;
        margin-left: 20px;
        width:900px;
        overflow-y: scroll;
    }

        .pd-tabs .tabpane #info #infoInner {
            height: 150px;
         
        }

    .pd-tabs .tabcontents {
        min-height: 150px;
        padding-top: 25px;
        z-index: 10;
        overflow-y: hidden;
        top: 80px;
        width: 948px;
        font-family: 'univers_55regular', sans-serif;
        font-size: 12px;
    }

        .pd-tabs .tabcontents #readMoreLink, .pd-tabs .tabcontents #readLessLink {
            font-weight: bold;
        }



.suPD {
    margin: 10px 20px 10px 0px;
}

    .suPD .intro {
        width: 290px;
    }

    .suPD .suResp {
        left: 250px;
        width: 290px;
    }

#pdContent .tabs.merch-zone .tabpane { padding: 0; }

/* product plus */
.ppInfo {
    padding: 10px 5px;
    margin: 10px 0px;
    min-height: 55px;
    height: auto !Important;
    height: 55px;
    border: solid 1px #FFF;
}

    .ppInfo table {
        margin-top: 5px;
    }

    .ppInfo td {
        padding: 3px;
    }

    .ppInfo h4 {
        font-size: 13px;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }

    .ppInfo span {
        margin-bottom: 5px;
    }

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

.ppSelected {
    background-color: #c9cacc;
}

/**************** BASKET CLASSES ***************/

.bskTotals {
    background-color: #FFF;
    color: #000;
    padding: 15px 0px;
    font-size: 14px;
}

    .bskTotals td {
        /*padding: 5px;*/
    }

.bskTotalsTitle {
    text-align: right;
    width: 200px;
    text-transform: capitalize;
}

.bskTotalsPrice {
    text-align: right;
    width: 78px;
}

.bskPanel {
    box-shadow: 2px 2px 5px 0 rgba(187, 187, 187, 1);
    background-color: #FFF;
}

.bskPanel .productListItem div[id*='Info_pnl_sizes'] { text-align: center;}

.bskContents a {
    color: #000;
}

.basket-bottom-gtc a {
    margin-top: 15px;
}

div.bskt-top-accepted-cards {
    padding: 1px;
    margin-top: 20px;
    width: 193px;
    height: 23px;
    border: 1px solid #ccc;
    float: left;
}

span.bskt-top-accepted-cards {
    margin-top: 19px;
    padding: 5px 0 5px 15px;
    float: left;
    color: #777;
}

.bskt-item-remove, .bskt-hdr-remove {
    display: none;
}

.bskt-item-cost, .bskt-item-total {
    font-size: 15px;
    font-weight: normal;
}

.bskContents .tableHeader {
    background: #FFF;
    color: #000;
    text-rendering: optimizelegibility;
    border: none;
}

.bskContents th {
    padding: 5px;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    background: #FFF !important;
    color: #000;
}

.bskt-quantities {
    margin: 5px auto;
    width: 73px;
}

    .bskt-quantities .bskt-quantities-adjust {
        float: left;
        margin-top: 6px;
        width: 13px;
    }

    .bskt-quantities .bskt-quantities-number {
        float: left;
        display: block;
        border: 1px dotted #CCC;
        width: 40px;
        margin: 2px 2px;
        padding: 4px 0;
    }

#bskContainer {
    background: #EBECEE;
    margin: 20px 0 30px 0;
    position: relative;
    padding: 20px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

#bskLeft {
    width: 715px;
    float: left;
    padding: 0px 20px;
    margin-right: 20px;
}

#bskRight {
    width: 185px;
    float: left;
    position: relative;
    overflow: hidden;
}

#bskPage {
    padding: 20px;
    margin-bottom: 20px;
}

    #bskPage .topTotal {
        float: none;
        width: 300px;
        font-size: 18px;
        padding: 4px 0px;
        overflow: auto;
        font-family: 'univers_57_condensedregular', sans-serif;
    }

        #bskPage .topTotal span {
            display: block;
            float: left;
            margin-right: 20px;
        }

.bskHdr {
    font-size: 20px;
}

.delivery {
    padding: 0px;
}

.deliveryTable {
    margin-top: 10px;
}

    .deliveryTable a {
        color: #717073;
    }

.productListATB {
    margin: 2px auto;
    text-align:center;
}

    .productListATB:hover {
        cursor: pointer;
    }

.bskMoreBtm {
    font-size: 12px;
    display: block;
    padding: 2px;
    text-transform: uppercase;
    color: #000;
}

.bskContents td {
    padding: 8px 0;
}

    .bskContents td > img {
        border: 1px solid #DADADA !important;
    }

.proddesc td {
    padding: 0px 0px 0px 10px;
    vertical-align: top;
    font-size: 10px;
    text-transform: capitalize;
    color: #777;
}

.proddesc .promo {
    color: #E11B22;
}

.basket-product-desc-name {
    font-style: bold;
    color: #000;
    text-decoration: none;
    font-size: 11px;
}

.bskMore {
    font-size: 14px;
    color: #28A47B;
    font-style: italic;
}

.bskCont {
    float: left;
    width: 145px;
    padding: 5px 0;
    border-right: 1px solid #9B948D;
    font-family: 'univers_57_condensedregular', sans-serif;
}

    .bskCont a {
        display: block;
        color: #9B948D;
        text-decoration: underline;
        text-transform: capitalize;
        margin-top: 20px;
    }

.shipMethodList {
    border-top: solid 1px #888;
}

    .shipMethodList span {
        display: block;
        padding: 5px;
        border-bottom: solid 1px #888;
        width: 350px;
    }

    .shipMethodList .free {
        background-color: #FFF;
    }

        .shipMethodList .free[disabled] {
            background-color: #EEE;
        }

    .shipMethodList label {
        padding-left: 5px;
    }

.PayPalButton input {
    display: block;
    margin-top: 5px;
    float: right;
}

/**************** ORDER DETAILS *********/
#divPleaseWait {
    display: none;
    position: relative;
    margin-top: 30px;
    height: 50px;
    width: 50px;
    text-align: center;
    margin: auto;
    padding-top: 30px;
}

#divPleaseWaitInner {
    position: absolute;
    left: -325px;
    top: -50px;
    width: 700px;
    height: 200px;
    background-color: white;
    padding-top: 30px;
    font-size: 12px;
}

#orderDetails {
    background: #FFF;
    width: 960px;
    padding: 30px;
}

    #orderDetails .lg-input, #bskContainer .lg-input {
        height: 31px;
        line-height: 31px;
        font-size: 12px;
        background-color: #E9E2DD;
        border: 1px solid #C8BEB7;
    }

.orderDetailsContainer {
    padding: 20px;
    background-color: #EBEBEB;
    font-family: 'univers_55regular', sans-serif;
}

    .orderDetailsContainer .section .content {
        width: 735px;
    }

#leave_safe_desc {
    top: 5px;
    left: 180px;
    border: #5A595A 2px solid;
    background-color: #fff;
    color: #000;
    width: 220px;
    height: 200px;
    visibility: hidden;
    position: absolute;
    z-index: 105;
    padding: 5px;
}

    #leave_safe_desc a {
        color: #000;
    }

.section {
    background: #FFF;
    margin-bottom: 20px;
    box-shadow: 1px 3px 5px 0 rgba(187, 187, 187, 0.71);
}

.sectionHeader {
    min-height: 100px;
    width: 112px;
    background: #FFF;
    line-height: 20px;
    font-size: 17px;
    text-rendering: optimizeLegibility;
    padding: 10px 20px;
    float: left;
}

    .sectionHeader img {
        float: left;
    }

.order-steps {
    display: block;
}

.sectionHeader .step-name {
    margin-top: 20px;
}

.section .header {
    padding: 10px 15px 10px 50px;
}

    .section .header label {
        margin-left: 10px;
    }

.section .tableHeader {
    border: none;
}

    .section .tableHeader th {
        text-align: left;
        background: #EBEBEB;
        color: #000;
        padding: 5px;
        text-transform: uppercase;
        font-size: 12px;
    }

#productDetail .tableHeader th {
    text-align: left;
}

.section .shipOptions td {
    padding: 12px;
}

.section .bskTotals {
    border-top: 1px solid #EBEBEB;
    color: #000;
}

.section .content {
    float: left;
    padding: 10px 15px 10px 10px;
    background-color: #FFF;
    width: 710px;
    min-height: 100px;
    border-left: 1px solid #D7C7BF;
}

.content.address {
    padding: 20px 30px 0px 30px;
    width: 700px !important;
    min-width: 670px !important;
}

.content.certificates {
    padding: 20px 30px 0px 30px;
    width: 700px !important;
    min-width: 670px !important;
}

.section a {
    color: #000;
}

#divAddress {
    margin-bottom: 5px;
}

#delivery-type-panel {
    color: #555;
}

    #delivery-type-panel label {
        font-size: 15px;
        color: #000;
    }

.rbl-shipping-methods {
    width: auto !important;
}

    .rbl-shipping-methods input {
        width: 15px;
        height: 15px;
    }

    .rbl-shipping-methods tr td {
        width: auto !important;
        text-align: left !important;
    }

        .rbl-shipping-methods tr td:nth-child(2) {
        }

/**************** HELP PAGE CLASSES ************/

/****************** HELP ***************************/

.help-container {
    padding:50px 30px;
}
.help-navigation {
    width:190px;
    float:left;
}
.help-navigation h3 {
    background-color: #ECECEC;
    color: #000;
    font-family: 'univers_55regular','Open Sans',sans-serif;
    font-size: 17px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    padding: 7px 10px 5px 17px;
    text-rendering: optimizelegibility;
}
.help-content {
    float:left;
    width:700px;
    padding:0px 10px;
    font-family: 'univers_57_condensedregular',sans-serif;
    font-size: 13px;
}
.help-content .header {
    background-color: #ECECEC;
    color: #000;
    font-family: 'univers_55regular','Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    padding: 7px 10px 5px 25px;
    text-rendering: optimizelegibility;
}

.help-content span {
    font-size: 17px;
}
.help-content .content {
    padding: 15px 10px 30px 10px;
}
.help-content p{
    margin:10px 0;
}

.help-content li{
    margin-left:20px;
}
#helpLinks { border-right: 2px solid #ECECEC; }
#helpLinks li {
    list-style:none;
}
#helpLinks a {
    display:block;
    padding:15px;
    font-size: 13px;
    font-family: 'univers_57_condensedregular',sans-serif;
}
#helpLinks a:hover {
    background-color: #ECECEC;
    text-rendering: optimizelegibility;
}

/*#sizecharttabs {position:relative; width:758px; margin-top:15px }*/
#sizecharttabs {
    width: 758px;
}

    #sizecharttabs .tabheader {
        height: 29px;
        border-left: solid 1px #c9cacc;
        position: relative;
    }

        #sizecharttabs .tabheader ul {
            margin-left: 0px;
        }

        #sizecharttabs .tabheader li {
            margin: 0 5px 0 0;
            border-right: solid 1px #c9cacc;
            border-top: solid 1px #c9cacc;
            width: 120px;
            list-style: none;
            float: left;
            background: #CCC;
        }

            #sizecharttabs .tabheader li a {
                font-weight: bold;
                color: #FFF;
                text-align: center;
                padding: 6px 12px 0px 11px;
                display: block;
                height: 23px;
            }

                #sizecharttabs .tabheader li a:hover {
                    text-decoration: none;
                    color: #000;
                    background: #c9cacc;
                }

    #sizecharttabs .tabcontents {
        width: 758px;
        position: static;
        border: solid 1px #c9cacc;
        min-height: 172px;
        height: auto !important;
        height: 172px;
    }

    #sizecharttabs .tabcontent {
        display: none;
        padding: 10px;
        min-height: 172px;
        height: auto !important;
        height: 172px;
    }

        #sizecharttabs .tabcontent table {
            width: 738px;
            text-align: center;
            border: solid 1px #c9cacc;
            border-left: none;
            color: #717073;
        }

        #sizecharttabs .tabcontent h2 {
            font-size: 17px;
            margin: 0px 0px 10px 0px;
            font-weight: bold;
            padding-bottom: 0px;
        }

        #sizecharttabs .tabcontent h3 {
            font-size: 11px;
            margin: 10px 0px 10px 10px;
        }

        #sizecharttabs .tabcontent hr {
            background: #c9cacc;
            color: #c9cacc;
            border: none;
            margin: 10px 0px 0px 0px;
            padding: 0px;
        }

        #sizecharttabs .tabcontent th {
            background: #c9cacc;
            padding: 5px 0px;
        }

        #sizecharttabs .tabcontent td {
            padding: 5px 0px;
            border-left: solid 1px #c9cacc;
            color: #717073;
        }

        #sizecharttabs .tabcontent ul li {
            padding-top: 10px;
        }

        #sizecharttabs .tabcontent p {
            padding-top: 10px;
        }

    #sizecharttabs .tabselected {
        color: #000 !Important;
        background: #c9cacc;
    }

/************ PROFILE/LOGIN CLASSES ************/
#productDetail table .tableHeader th {
    text-align: left;
}

.profileArea {
    margin: 50px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

    .profileArea .title {
        
        padding: 5px 10px;
        font-size: 14px;
        color: #1D242C;
    }

.profile-user-info {
    padding:15px 15px 15px 30px;
    background-color: #E2231B;
    color: #FFF;
    width: 50%;
    display: inline-block;
}

.profile-user-info span { color: #FFF !important;}
.profile-user-info a { color: #FFF; }

.profileSectionHeader {
    height: 25px;
    padding-top: 29px;
}

.sectionProfileTitle {
    padding: 10px;
    border: 1px solid #1D242C;
}

.profiletabselected {
    font-weight: bold;
}

.profileList li {
    display: inline-block;
    width: 19%;
    text-align:center;
}

    .profileList li:not(:last-child) {
        border-right: 1px solid #FFF;
    }

    .profileList li a {
        padding: 5px 10px;
        display: block;
        color: #FFF;
        font-family: 'univers_55regular', sans-serif;
        font-size: 14px;
        line-height: 50px;
    }

        .profileList li a:hover {
            text-decoration: underline;
        }

.profileLinksList {
    padding-top: 12px;
}

    .profileLinksList li {
        list-style-image: url('//static1.kbobject.com/stores/wimbledon/artwork/common/interface/list-star.gif');
        margin-left: 25px;
        color: #000;
        margin-top: 12px;
    }

        .profileLinksList li a {
            color: #000;
        }

.sectionTitle {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #EBEBEB;
    width: 90%;
    padding-left: 5px;
    text-align: left;
    margin-left: 10px;
}

.pageInstructions {
    margin: 10px;
}

.profileContent {
    margin: 0px 9px 0px 9px;
}

.loginArea {
    float: left;
    display: inline;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    margin: 50px 0px 50px 50px;
    width: 416px;
    font-family: 'univers_57_condensedregular', sans-serif;
}

    .loginArea .title {
        background-color: #ECECEC;
        padding: 20px;
        font-size: 14px;
        color: #1D242C;
        font-family: 'univers_55regular', sans-serif;
        font-weight: bold;
    }

    .loginArea .intro {
        min-height: 25px;
        height: auto !important;
        height: 25px;
        padding: 15px;
    }

        .loginArea .intro span {
            display: block;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: dotted 1px #CDCDCD;
        }

    .loginArea .content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

    .loginArea input[type=text], .loginArea input[type=password], .loginArea select {
        width: 150px;
        border-color: #AAA;
    }

    .loginArea input[type=text], .loginArea input[type=password] {
        height:  17px;
    }

    .loginArea input[type=image] {
        margin-right: 6px;
    }

.wishlistTable a {
    color: #000;
}

/*********** FOOTER CLASSES **************/

.ftr {
    width: 1000px;
    margin: 0px auto;
    position: relative;
    padding: 10px 0px;
    color: #FFF;
}

    .ftr ul {
        padding: 20px 35px 0px 0px;
        float: left;
    }

    .ftr li {
        list-style-type: none;
        padding: 0px 0px 8px 3px;
        font-size: 12px;
        font-family: 'univers_55regular', sans-serif;
    }

        .ftr li span {
            font-size: 14px;
            font-family: 'universmedium', serif;
            text-transform: uppercase;
            font-weight: bold;
        }

        .ftr li a {
            color: #FFF;
            display: block;
            padding: 5px 0px 0px 0px;
        }

            .ftr li a:hover {
                color: #FFF;
                text-decoration: underline;
            }

.ftrArea {
    border-bottom: dotted 1px #3E699E;
}

.ftrLogo {
    float: left;
    width: 179px;
    padding: 15px 25px;
    border-right: dotted 1px #3E699E;
}

.ftr-seo { margin-bottom: 30px;}
.ftr-seo-text { margin-top: 20px;}
.ftr-seo img { margin: 0 auto;}

.ftrSEO {
    float: left;
    padding: 10px 10px 0px 20px;
    width: 740px;
}

.ftrCopy {
    padding: 20px 3px;
    border-top: dotted 1px #3E699E;
    margin-top: 10px;
    font-size: 10px;
}

/************* OTHER CLASSES ********/

.shippingInfo {
    padding: 5px;
}

    .shippingInfo .sectionTitle {
        border-bottom: none;
        padding-bottom: 5px;
    }

    .shippingInfo #close {
        text-align: center;
        padding: 10px;
    }

.subscribeBox {
    width: 125px;
    font-size: 10px;
    border: none;
}

.PopupPanel {
    background-color: #FFFFFF;
    padding: 10px;
    padding: 10px;
    border-bottom: 1px dotted #DF171A;
}

.modalBackground {
    background-color: #C0C0C0;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.orderBackground {
    background-color: #FFF;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.competition {
    padding: 10px;
}

    .competition ul {
        list-style-type: square;
        margin-left: 50px;
    }

    .competition li {
        padding: 3px;
    }

.lostEmail input {
    padding: 1px;
}

/************* TABLE *******************************/

.tableHeader {
    border: solid 1px #E8E8E8;
}

    .tableHeader th {
        padding: 5px;
        background: #E8E8E8;
        vertical-align: top;
    }

/*********** TABS ****************/

.tabs {
    position: relative;
    overflow: hidden;
}

.tabheader {
    position: absolute;
    z-index: 50;
}


    .tabheader li {
        list-style: none;
        display: inline-block;
        margin-left: 15px;
        margin-bottom: 15px 0;
        position: relative;
    }

    .tabheader a {
        color: #FFF;
        display: block;
        padding: 8px 0px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
    }

        .tabheader a:hover {
            text-decoration: none;
            cursor: pointer;
        }

.tabcontents {
    width: !00%;
    min-height: 200px;
    height: auto !Important;
    height: 200px;
    z-index: 25;
}

.tabpane {
    padding: 15px 10px;
}

    .tabpane ul {
        padding-left: 20px;
    }

    .tabpane .item {
        float: left;
        padding: 0px 6px;
        width: 130px;
        margin: 0px 2px;
    }

    .tabpane label {
        font-weight: bold;
        font-size: 12px;
    }

/************ MERCH ZONES ****************/

.merch-zone {
    overflow: hidden;
    position: relative;
    background: #fff;
}

    .merch-zone .tabheader {
        background-color: #1D242C;
        width: 100%;
        margin-top: 10px;
    }

        .merch-zone .tabheader a {
            padding: 4px 0px;
            text-transform: none;
            font-family: 'univers_57_condensedregular', serif;
            font-size: 21px;
            font-weight: 500;
        }

        .merch-zone .tabheader ul {
            text-align: center;
            margin-bottom: 9px;
        }

    .merch-zone .tabcontents {
        background-color: #1D242C;
        
    }

    .merch-zone .tabpane {
        margin: 0 auto;
        width: 1000px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
    }

.merch-zone-carousel {
    padding: 0;
    width: 1000px;
    margin: 50px auto 0 auto;
}

    .merch-zone-carousel .mzRow {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.merch-zone .tabpane a {
    color: #FFF;
    font-size: 16px;
    font-family: 'univers_57_condensedregular';
}

.merch-zone .tabselected {
    border-bottom: 1px solid #E22319;
}

.merch-zone .tabpane .productListFooter a {
    display: block;
    width: 80px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border: solid 1px #000;
    margin: 10px auto;
    font-size: 15px;
    letter-spacing: -1px;
}

    .merch-zone .tabpane .productListFooter a:after {
        font-family: 'FontAwesome';
        content: '\f0da';
        margin-left: 7px;
    }

.merch-zone .tabpane .productListItem {
    padding: 0px 0px 0px 0px;
    width: 250px !important;
    display: block;
    color: #212f49;
    height: 240px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-bottom: 10px
}

.merch-zone .productListOverlay {
    padding: 10px;
    position: absolute;
    bottom: -240px;
    height: 218px;
    background-color: #686868;
    opacity: 0.8;
    width: 218px;
    left: 6px;
}

.merch-zone .productListLink { margin-top: 60px;}

.merch-zone .productListPrice {
    font-size: 21px;
    color: #FFF;
    display: block;
    padding: 7px 0 10px 0;
    font-family: 'univers_57_condensedregular';
}

.merch-zone .productListPrice span { border-top: 1px solid #FFF;}

    .merch-zone .productListPrice .previous-price {
        display: block;
        font-weight: 400;
        font-size: 71%;
        color: #FFF;
        border-top: 1px solid #716B6F;
        padding: 5px 10px 3px 10px;
    }

    .merch-zone .productListPrice .percent-saving {
        display: block;
        font-weight: 400;
        font-size: 71%;
        color: #FFF;
        padding-top: 5px;
    }

.merch-zone .tabpane label {
    color: #061229;
    font-weight: bold;
}

.merch-zone .tabpane img {
    margin: 0 auto;
}

.merch-zone .productListFooter {
    display: none;
}

/* merch zone tabbed area */
.Mz {
    height: 200px;
    margin: 15px 0px;
}

    .Mz .tabheader {
        height: 37px;
        background: transparent;
        width: 990px;
    }

        .Mz .tabheader a {
            height: 37px;
            width: 185px;
        }

    .Mz .tabcontents {
        top: 6px;
    }

    .Mz .tabpane {
        width: 970px;
        padding-top: 40px;
    }

        .Mz .tabpane .productListItem {
            width: 213px;
            height: 120px;
        }

        .Mz .tabpane .productListFooter {
            display: none;
        }

        .Mz .tabpane .ProductPriceLabel {
            display: none;
        }

        .Mz .tabpane .productListPrice {
            font-size: 12px;
            font-weight: bold;
            color: #000;
            padding: 0 7px;
        }

        .Mz .tabpane .productListItem {
            float: left;
            height: 120px;
            margin: 0 2px;
            background: transparent url(//static2.kbobject.com/stores/golf/artwork/common/interface/merch_item_bg.png);
            padding: 10px;
            width: 213px;
        }

        .Mz .tabpane .productListImage {
            float: left;
            width: 110px;
        }

        .Mz .tabpane .productListLink {
            float: left;
            width: 76px;
        }

    .Mz .tabpane-0 {
        background: #edc201;
    }

    .Mz .tabpane-1 {
        background: #9b7c00;
    }

    .Mz .tabpane-2 {
        background: #163A65;
    }

/*********** ACCORDIAN ****************/

.accArea {
    position: absolute;
    width: 145px;
    height: auto;
    margin-left: 20px;
}

    .accArea .accHead {
        height: 30px;
        line-height: 30px;
    }

        .accArea .accHead span {
            text-align: center;
            display: block;
            font-size: 16px;
            text-transform: uppercase;
        }

    .accArea .accBody {
        padding-bottom: 10px;
    }

    .accArea .productListItem {
        position: relative;
    }

    .accArea .productListFooter {
        display: none;
    }

    .accArea .ProductPriceLabel {
        display: none;
    }

    .accArea .productListPrice {
        margin: 3px 0 0 0;
        text-align: center;
        font-size:15px;
    }

    .accArea .productListImage img {
        margin: 5px auto 0 auto;
    }

    .accArea .productListSubmit img {
        margin: 5px auto 0 auto;
    }

        .accArea .productListSubmit img:hover {
            cursor: pointer;
        }

       .accArea .previous-price {
    display: block;
    color: #9C938C !important;
    font-size: 12px;
    font-style: italic;
}

      .accArea .percent-saving {
    display: none;
}

/*********** BREADCRUMBS ****************/

#breadcrumbs, .breadcrumbs {
    margin: 10px 20px;
    text-transform: capitalize;
}

    #breadcrumbs a {
        color: #626262;
    }

    #breadcrumbs .activeCrumb {
        font-weight: bold;
        color: #626262;
    }

/**************** SIZE CHART *******************/

.sizeTable {
    margin: 10px 0px 0px 20px;
}

    .sizeTable .header {
        font-weight: bold;
    }

    .sizeTable tr td {
        width: 60px;
        text-align: center;
        padding: 5px 0px 5px 0px;
    }

.sizeTableSeperator {
    margin: 5px 10px 5px 10px;
    color: #79A874;
    height: 1px;
}

/************** COLOUR SWATCHES ***************/

.colourway {
    float: left;
    position: relative;
    margin-right: 4px;
}

    .colourway div {
        position: absolute;
    }

    .colourway a {
        border: solid 1px #000;
        position: absolute;
        display: block;
    }

        .colourway a:hover {
            border: solid 1px #D0AD67;
        }

/************** PRODUCT DETAIL COLOUR SWATCHES ***************/

#pdColourContainer a {
    display: block;
    float: left;
    margin: 2px;
    border: 1px solid gray;
}

    #pdColourContainer a:hover {
        border: 1px solid gold;
    }

#pdColourContainer .primary-colour {
    width: 11px;
    height: 11px;
    float: left;
    margin: auto;
    border: 1px solid white;
    position: relative;
}

#pdColourContainer .secondary-colour {
    width: 50%;
    height: 100%;
    float: right;
}

/********** SHADOW VIEWER ***************/

.shadowDiv {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

.popupinfo {
    background-color: #FFF;
    width: 770px;
    display: none;
    position: relative;
}

    .popupinfo .content {
        overflow: auto;
        height: 400px;
        border: solid 1px #000;
        padding: 10px;
        margin: 3px;
        color: #000;
    }

    .popupinfo .viewerClose {
        background-color: #FFF;
        display: block;
        width: 45px;
        margin: 3px;
        padding: 5px;
        float: right;
    }

        .popupinfo .viewerClose:hover {
            cursor: pointer;
        }

    .popupinfo .header span {
        float: left;
        margin: 5px 3px 0px 3px;
        display: block;
        font-size: 24px;
        color: #000;
    }

    .popupinfo .header {
        height: 45px;
    }

/******* ADD DELIVERY ADDRESS ERROR MESSAGE POPUP ********/
#deliveryAddressEncodingErrorMessage.popupinfo {
    width: 710px !important;
    height: 245px !important;
    background-color: #EAEAEA;
    border: white;
    border-width: 5px;
    border-style: solid;
    color: black;
    overflow: auto;
}

#deliveryAddressEncodingErrorMessage .header {
    width: 700px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#deliveryAddressEncodingErrorMessage .kbFont {
    font-size: 20px;
    border-bottom-color: red;
    color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 35px;
}

#deliveryAddressEncodingErrorMessage #encodingErrorMessageContent {
    height: 50px;
    width: 671px;
    margin-left: 16px;
    margin-top: 20px;
    font-size: 16px;
}

#deliveryAddressEncodingErrorMessage .addAddressSection {
    padding-left: 16px;
    padding-top: 55px;
}

#deliveryAddressEncodingErrorMessage .viewerClose {
    font-size: 16px;
    background-color: #EAEAEA;
    width: 20px;
}


/**************** FEEDBACK CLASSES *************/

.FeedbackSuccess {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F7F6F3;
    color: gray;
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
    padding: 3px 3px 3px 25px;
    margin-bottom: 5px;
    width: 90%;
    text-align: left;
}

.FeedbackInformation {
    background-image: url(//static2.kbobject.com/artwork/icons/small/info.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F7F6F3;
    color: gray;
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
    padding: 3px 3px 3px 25px;
    margin-bottom: 5px;
    text-align: left;
}

.FeedbackWarning {
    background-image: url(//static1.kbobject.com/artwork/icons/small/warning.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F7F6F3;
    color: gray;
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
    padding: 3px 3px 3px 25px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 12px;
}

.FeedbackFailed {
    background-image: url(//static2.kbobject.com/artwork/icons/small/error.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F7F6F3;
    color: red;
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
    padding: 3px 3px 3px 25px;
    margin-bottom: 5px;
    text-align: left;
}

/************* OTHER ******************/

.validatehighlight {
    position: relative;
    margin-left: -80px;
    width: 140px;
    color: #000;
}

    .validatehighlight div {
        border: solid 1px Black;
        background-color: #EDC201;
        position: relative;
    }

    .validatehighlight td {
        border: solid 1px Black;
        background-color: #EDC201;
    }

    .validatehighlight .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .validatehighlight .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        background-color: transparent;
        padding: 0px;
    }

    .validatehighlight .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .validatehighlight .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .validatehighlight .ajax__validatorcallout_callout_table_row {
        background-color: transparent;
        padding: 0px;
    }

    .validatehighlight .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: transparent;
    }

        .validatehighlight .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0px;
        }

            .validatehighlight .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0px;
                margin-left: auto;
            }

    .validatehighlight .ajax__validatorcallout_error_message_cell {
        font-size: 10px;
        padding: 5px;
        border-right: none;
        border-left: 1px solid black !important;
        width: 100%;
    }

    .validatehighlight .ajax__validatorcallout_icon_cell {
        display: none;
    }

    .validatehighlight .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        border-left: none;
    }

        .validatehighlight .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }

.competition {
    padding: 20px 10px;
}

    .competition ul {
        list-style-type: square;
        margin-left: 50px;
    }

    .competition li {
        padding: 3px;
    }

    .competition a {
        color: #000;
    }

#ctl00_lbl_welcome a:hover {
    color: #fff;
}

#ctl00_ctl00_ContentMain_lbl_loggedonas {
    color: #000;
}

.ctl00_ctl00_ContentMain_lbl_logout {
    color: #000;
}

#ctl00_ContentMain_product_browse1_lv_recommendedProducts_ctrl3_ProductInfo_pnl_item {
    display: none;
}

#ctl00_ContentMain_product_details1_lv_recommendedProducts_ctrl1_Product_pnl_item {
    border-left: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_details1_lv_recommendedProducts_ctrl2_Product_pnl_item {
    border-left: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_details1_lv_recommendedProducts_ctrl3_Product_pnl_item {
    border-left: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_details1_lv_recommendedProducts_ctrl4_Product_pnl_item {
    border-left: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_details1_lv_recommendedProducts_ctrl5_Product_pnl_item {
    border-left: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_browse1_lv_bestSellers_ctrl1_ProductInfo_pnl_item {
    border-left: solid 1px #E0E1E3;
    border-right: solid 1px #E0E1E3;
}

#ctl00_ContentMain_product_browse1_lv_recommendedProducts_ctrl1_ProductInfo_pnl_item {
    border-left: solid 1px #E0E1E3;
    border-right: solid 1px #E0E1E3;
}

#ctl00_ContentMain_login1_CreateUserWizard1___CustomNav0_StepNextButtonImageButton {
    margin-right: 51px;
}

#ctl00_ContentMain_product_browse1_re_emailv br {
    display: none;
}

.masterCard {
    height: 92px;
    width: 169px;
}

#ctl00_ContentMain_login1_CreateUserWizard1_User_Profile_address_lookup_btnFindAddress {
    padding-top: 0px;
}

/************* CONTACT PREFERENCES *********/
#ContactPreferencesTemplate {
    margin: 1em 0em 2em 5px;
    border-collapse: collapse;
    width: 60%;
}

    #ContactPreferencesTemplate thead {
        font-weight: bold;
    }

    #ContactPreferencesTemplate tbody td {
        padding: 0.4em 0.2em;
        text-align: center;
        width: 20%;
        border-bottom: solid 1px #717073;
    }

/************* CYBERSOURCE PAYMENT PAGES *********/
.iframePleaseWait {
    background-image: url('//static1.kbobject.com/common/order/ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 100px;
    padding-top: 15px;
    top: 0px;
    left: 0px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.paymentContent table {
    font-size: 11px;
}

#cv2Help {
    position: absolute;
    margin: auto;
    z-index: 10001;
    display: none;
    background-color: #FFF;
    width: 450px;
    height: 470px;
    padding: 15px;
    color: #000;
}

    #cv2Help div {
        border-top: solid 30px #272727;
        border-left: dotted 1px #272727;
        border-right: dotted 1px #272727;
        border-bottom: dotted 1px #272727;
        padding: 15px;
        color: #000;
    }

#cv2Help {
    position: absolute;
    margin: auto;
    z-index: 10001;
    display: none;
    background-color: #FFF;
    width: 450px;
    height: 470px;
    padding: 15px;
    color: #000;
}

    #cv2Help div {
        border-top: solid 30px #272727;
        border-left: dotted 1px #272727;
        border-right: dotted 1px #272727;
        border-bottom: dotted 1px #272727;
        padding: 15px;
        color: #000;
    }

.paymentStageBar {
    width: 980px;
    margin-bottom: 20px;
    margin-left: auto;
    height: 30px;
    position: relative;
}

.paymentStage1Bar {
    background-color: #063;
    text-transform: uppercase;
    position: absolute;
    width: 480px;
    float: left;
    height: 24px;
    padding-top: 6px;
    font-size: 16px;
    text-align: center;
    color: white;
}


.paymentStage2Bar {
    background-color: #063;
    text-transform: uppercase;
    position: absolute;
    left: 480px;
    width: 490px;
    margin-bottom: 20px;
    float: left;
    height: 24px;
    padding-top: 6px;
    font-size: 16px;
    text-align: center;
    color: white;
}

.paymentStageBarLit {
    background-color: #7633A2;
}

.paymentBarArrow {
    position: absolute;
    width: 15px;
    height: 0;
    border-top: 15px solid transparent;
    float: left;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #063;
    left: 480px;
}

.paymentBarArrowLit {
    border-left: 15px solid #7633A2;
}

.paymentBarWhiteLine {
    position: absolute;
    width: 3px;
    height: 30px;
    background-color: white;
    left: 480px;
}

.paymethod {
    margin-right: 30px;
}

    .paymethod img {
        display: inline !important;
        margin: -6px 3px;
    }

.orderComplete td {
    margin-left: 30px;
    font-weight: normal;
    padding: 0px;
}

.orderComplete {
    margin-left: 30px;
}

/* unslider */
.unslider {
    position: relative;
    overflow: auto;
    visibility: hidden;
}

    .unslider li {
        list-style: none;
    }

    .unslider ul li {
        float: left;
    }

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

    .unslider .dots {
        bottom: 40px;
        position: absolute;
        right: 20px;
    }

        .unslider .dots li {
            border: 2px solid #FFFFFF;
            border-radius: 6px;
            cursor: pointer;
            display: inline-block;
            height: 10px;
            margin: 0 4px;
            opacity: 0.4;
            text-indent: -999em;
            transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
            width: 10px;
        }

            .unslider .dots li.active {
                background: none repeat scroll 0 0 #FFFFFF;
                opacity: 1;
            }

/*******************Page Not found error ***************/
#pageNotFound404 {
    padding-top: 15px;
    line-height: 35px;
    font-size: 14px;
}

    #pageNotFound404 .title {
    }

    #pageNotFound404 A {
        font-size: 14px;
    }

    #pageNotFound404 .message {
        font-size: 14px;
    }

/*********************Rich Snippets***********************/
.productImageRichSnippet {
    border-width: 0px;
    position: absolute;
    left: 180px;
    z-index: -50000 !important;
}


/***************** START - Click and collect ************/
div#home-business-address-radio-button-section {
    margin-top: 10px;
}

div#click-and-collect-radio-button-section {
    margin-bottom: 5px;
}

div[id*='home_or_business_address_panel'] #divAddress {
    padding-right: 8px;
    width: 300px;
    clear: left;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

div[id*='click_and_collect_panel'] #parcel-shop-finder-message {
    height: 40px;
}

div[id*='click_and_collect_panel'] .parcelShop p {
    padding-left: 0;
}

div[id*='click_and_collect_panel'] span[id*='phonNumberLabel'] {
    padding-left: 2px;
}

div .popupinfo#store-opening-times .header {
    padding-bottom: 2px;
    height: 60px;
    overflow: visible;
}

div .popupinfo#store-opening-times span[id*='openningTimesLabel'] {
    font-size: 22px;
    padding-bottom: 10px;
    color: #006cd0;
    padding-top: 10px;
}

div .popupinfo#store-opening-times .store-opening-times-content label {
    margin-right: 50px;
}

div #map-canvas {
    left: 403px;
    top: 132px;
}

@-moz-document url-prefix() {
    div #map-canvas {
        left: 303px;
        top: 132px;
    }
}

#info-window p {
    padding: 0;
}

div #info-window button[id*='select-store-map-'] {
    padding-top: 0;
    padding-bottom: 1px;
    padding-left: 15px;
    font-size: 14px;
    background-color: #014392;
    color: rgb(251, 216, 1);
    ;
    font-family: Arial, Helvetica, sans-serif;
}

@-moz-document url-prefix() {
    #info-window {
        width: 220px;
        min-height: 95px;
    }
}

@-moz-document url-prefix() {
    #info-window button[id*='select-store-map-'] {
        font-size: 14px;
        height: 23.5px;
    }
}

div #click-and-collect-store-finder-button-section a[id*='clickAndCollectStoreFinderButton'] {
    font-size: 14px;
    background-color: #014392;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
}

div #click-and-collect-store-finder-button-section {
    margin-top: 4px;
}

a.viewerClose {
    text-align: right;
    color: grey;
}

#delivery-method-section {
    position: relative;
}

div #click-and-collect-store-finder-button-section a[id*="clickAndCollectStoreFinderButton"], #info-window input[type="button"] {
    color: rgb(251, 216, 1);
    height: 22px;
    text-align: left;
    padding: 2px 15px;
}

div #selected-store-message.selected, div.selected-store {
    background-color: rgba(251, 183, 39, 0.35);
}

div.hovered-store {
    background-color: rgba(251, 183, 39, 0.15);
}

    div.hovered-store.selected-store {
        background-color: rgba(251, 183, 39, 0.15);
    }

div #click-and-collect-store-finder-field-section.click-and-collect-panel-section {
    margin-top: 3px;
}

.disabledDeliveryTypeSection {
    display: none;
}

.delivery-address-section.add {
    margin-left: 5px;
}

.deliveryAddressTitle {
    margin-right: 5px;
}

div#parcel-shops {
    float: none;
    margin-top: 20px;
}

div#delivery-method-header-table table {
    width: 100%;
    background: #EBEBEB none repeat scroll 0 0;
}

#delivery-method-header-table span {
    padding: 10px 0 5px 10px;
    font-size: 15px;
    margin-top: 20px;
    display: block;
}

div[id*='home_or_business_address_panel'] table[id*='rbtlst_shippingMethods'] {
    width: 780px;
}

    div[id*='home_or_business_address_panel'] table[id*='rbtlst_shippingMethods'] td {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

a#click_and_collect_store_finder_field.kbFont {
    font-family: Arial, Helvetica, sans-serif !important;
}

.clickAndCollectSubmitButtonArrow {
    font-family: serif;
}

span.clickAndCollectSelectButtonArrow {
    font-family: serif;
    display: inline;
}

input[id*='click_and_collect_store_finder_field'] {
    height: 17px;
}

.orderReceiptAddresses :first-child {
    width: 50%;
}


/*USP Bar*/
.uspHeaderContainer {
    width: 100%;
    background-color: #E22319;
    position: relative;
}

.uspHeader {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    min-height: 50px;
}

.uspContent {
    display: table;
    width: 100%;
    list-style: none;
}

    .uspContent li {
        display: table-cell;
        vertical-align: middle;
        height: 30px;
         text-transform: uppercase;
    font-size: 12px;
    font-family: 'univers_55regular';
    color: #FFF;
    }

    .uspContent li:nth-child(2) { border-left: 1px solid #FFF; border-right: 1px solid #FFF;}


        .uspContent li b {
            font-weight: bolder;
        }

    .uspContent img {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
    }

    .uspContent li:last-child {
        border-right: 0;
    }

    .uspContent a {
        display: block;
        text-align: center;
        margin: 0 2px;
            color: #FFF;
   
    }
