/*----------------------[Bootstrap overrides]---------------------*/

body, html {
    font-size: 0.94rem;
}

a {
    color: #797d7f;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #c2002f;
        text-decoration: none;
    }

    a:focus {
        outline: none;
    }

.breadcrumb {
    display: block;
    font-size: 0.875em;
    background-color: #FFFFFF;
    border-radius: 0px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 0;
    text-decoration: none;
}

.btn-default {
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 0%);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*.breadcrumb > span + span:before {
	font-family: 'clannarrow-newsnews';
    color: #797d7f;
    content: "> ";
    padding: 0 5px;
    text-decoration:none;
}
*/

.breadcrumb .separator {
    font-family: 'clannarrow-newsnews';
    color: #797d7f;
    padding: 0 5px;
    text-decoration: none;
}

.breadcrumb > .active {
    font-family: 'clannarrow-mediummedium';
    color: #797d7f;
    text-decoration: none;
}

.pagination {
    font-size: 0.875em;
    font-family: 'clannarrow-newsnews';
    color: #797d7f;
    border-radius: 0;
    display: inline-block;
    margin: 0;
    padding-left: 0;
}

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: 0;
    }

    .pagination > li > a, .pagination > li > span {
        background-color: #FFFFFF;
        border: 0px solid #FFFFFF;
        float: left;
        line-height: 1.42857;
        margin-left: -1px;
        margin-right: 0;
        padding: 0 4px;
        position: relative;
        text-decoration: none;
    }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #FFFFFF;
        }


a.pagination, span.pagination {
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    margin-right: 0;
    padding: 0 4px;
    position: relative;
    text-decoration: none;
    text-align: center;
}

a.pageNumbers {
    width: 20px;
}

a.pagination:hover, span.pagination:hover, a.pagination:focus, span.pagination:focus {
    background-color: #797D7F;
    color: #fff;
}

span.currentPage {
    color: #fff;
    background-color: #C2002F;
    margin: 0 0 3px 0;
    float: left;
    width: 20px;
    text-align: center;
}

.thumbnail {
    background-color: #FFFFFF;
    border: 0 solid #FFFFFF;
    border-radius: 0;
    display: block;
    height: auto;
    line-height: 1.42857;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
}

.thumbnail, .img-thumbnail {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.panel-default > .filterPanel-heading {
    color: #FFFFFF;
    background-color: #c2002f;
    background-image: none;
    background-repeat: repeat-x;
}

.filterPanel-heading a:link {
    color: #FFFFFF;
}

.filterPanel-heading a:visited {
    color: #FFFFFF;
}

.filterPanel-heading a:hover {
    color: #FFFFFF;
}

.filterPanel-heading a:focus {
    color: #FFFFFF;
}

.filterPanel-headingAreaBG-open {
    background-repeat: no-repeat;
}

.collapsed {
    background-image: url('/images/common/filterPagePlus.gif');
    background-repeat: no-repeat;
}

.panel {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
}

.panel-group {
    margin-bottom: 20px;
}

hr {
    border-width: 2px 0 0 0;
    margin-bottom: 30px;
    border: 1px solid #CCCCCC;
}

.panel-title > a {
    color: #000000;
}

.panel-default {
    border: 0 none;
    border-radius: 0;
    border: 0;
}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #f2f1f1 0px, #f2f1f1 100%);
}

    .panel-default > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #DDDDDD;
        border-top: 0;
    }

.carousel-control.left {
    filter: /* broke this on purpose */;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.carousel-control.right {
    filter: /* broke this on purpose */;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.carousel-control {
    width: 2%;
}

.carousel-indicators {
    bottom: -35px;
}

    .carousel-indicators .active {
        background-color: #797d7f;
    }

    .carousel-indicators li {
        border: 1px solid #797d7f;
    }

.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    color: #797D7F;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.modal-content {
    background-clip: padding-box;
    background-color: #F2F1F1;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}

.modal-header {
    border-bottom: 0px solid #E5E5E5;
    min-height: 16.4286px;
    padding: 20px 20px 0 20px;
}

.modal-body {
    padding: 10px 100px 10px 20px;
    position: relative;
}

.modal-footer {
    border-top: 0px solid #E5E5E5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
}

.modal-title {
    font-size: 2em;
    line-height: 1.42857;
    margin: 0;
}

h4, h5, h6 {
    margin-top: 0;
}

/*-------------------------[ Mobile nav overrides ]--------------------------------*/
.navbar-inverse {
    background-image: linear-gradient(to bottom, #797D7F 0px, #797D7F 100%);
    background-repeat: repeat-x;
}

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #636363;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #636363;
    }

    .navbar-inverse .navbar-brand {
        color: #FFFFFF;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFFFFF;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: rgba(0, 0, 0, 0);
            color: #333333;
        }

    .navbar-inverse .navbar-nav > .active > a {
        background-image: linear-gradient(to bottom, #C2002F 0px, #C2002F 100%);
        background-repeat: repeat-x;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
    }


/*-----------------------[ MAGNIFIER ]-------------------------------*/
.glass {
    width: 275px;
    height: 275px;
    position: absolute;
    border-radius: 50%;
    cursor: crosshair;
    /* Multiple box shadows to achieve the glass effect */
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    /* hide the glass by default */
    display: none;
}

/*----------------------[ COMMON Styles]-----------------------*/
.body {
    font-family: Arial, Helvetica, sans-serif;
}

#logoutForm {
    display: inline-block;
}

h1 {
    font-family: 'clannarrow-boldbold';
}

h2 {
    font-family: 'clannarrow-bookbook';
}

h3 {
    font-family: 'clannarrow-mediummedium';
}

h4 {
    font-family: 'clannarrow-newsnews';
}

h5 {
    font-family: 'clannarrow-mediummedium';
}

h6 {
    font-family: 'clannarrow-newsnews';
    color: #636363;
}

.blackColour {
    color: #000000;
}

.greyColour {
    color: #636363;
}

.greenColour {
    color: #418b44;
    font-weight: bold;
}

nav {
    font-family: 'clannarrow-mediummedium';
    font-size: 1.120em;
    color: #636363;
}

    nav ol {
        list-style-type: none;
        padding-left: 0;
    }

        nav ol li {
            display: inline-block;
            margin: 20px 0 0 8px;
            /*	margin:20px 0 0 0; */
        }

            nav ol li a {
                color: #636363;
                text-decoration: none;
                margin: 20px 0 0 0;
            }

                nav ol li a:link {
                    color: #636363;
                    text-decoration: none;
                }

                nav ol li a:visited {
                    color: #636363;
                    text-decoration: none;
                }

                nav ol li a:active {
                    color: #c2002f;
                    text-decoration: none;
                }

                nav ol li a:hover {
                    color: #c2002f;
                    text-decoration: none;
                }

.active {
    color: #c2002f;
    text-decoration: none;
}

    .active a:link {
        color: #c2002f;
        text-decoration: none;
    }

    .active a:visited {
        color: #c2002f;
        text-decoration: none;
    }

    .active a:active {
        color: #c2002f;
        text-decoration: none;
    }

    .active a:hover {
        color: #c2002f;
        text-decoration: none;
    }

.navDividers > li + li:before {
    /*font-family: 'clannarrow-newsnews';
    font-size:1.2em;
    color: #797d7f;
    content: "• ";
    padding: 0 3px;
    text-decoration:none;*/

    color: #797D7F;
    /*content: " ";*/
    font-family: 'clannarrow-newsnews';
    font-size: 1.2em;
    padding: 0 3px;
    text-decoration: none;
}

.navDividers > .active {
    font-family: 'clannarrow-mediummedium';
    /* color: #797d7f;*/
    color: #C2002F;
    text-decoration: none;
}


aside {
    background-color: #ededed;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    z-index: 200000;
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.red {
    color: #c2002f;
}

.topBar {
    background-color: #797d7f;
    height: 28px;
    margin-bottom: 30px;
}

.topBarText {
    font-family: 'clannarrow-mediummedium';
    font-size: 0.750em;
    color: #FFFFFF;
    margin: 6px 0 6px 0;
    text-align: right;
}


a.topBarText {
    font-family: 'clannarrow-mediummedium';
    font-size: 0.750em;
    color: #FFFFFF;
    margin: 6px 0 6px 0;
    text-align: right;
}

.basket {
    width: 22px;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 6px;
    padding-top: 16px;
    background-image: url('/images/common/shopping-cart_upstate.png');
    background-repeat: no-repeat;
}

    .basket:hover {
        background-image: url('/images/common/shopping-cart_downstate.png');
    }

.profile {
    width: 22px;
    vertical-align: bottom;
    display: inline-block;
    padding-top: 16px;
    background-image: url('/images/common/profile-icon_upstate.png');
    background-repeat: no-repeat;
}

    .profile:hover {
        background-image: url('/images/common/profile-icon_downstate.png');
    }

.groupedTextImageButtons {
    display: inline-block;
    margin-right: 5px;
}

.headerTitle {
    font-family: 'clannarrow-boldbold';
    font-size: 1.500em;
    color: #797d7f;
    margin: 0px 0 0px 0;
    letter-spacing: 0.0500em;
    margin-top: 36px;
}

.borderTopRed {
    border-top: #c2002f solid 2px;
    margin-top: 16px;
    padding-top: 20px;
    height: 0;
}

.borderTopCompanyInfo {
    margin-top: 8px;
    padding-bottom: 20px;
}

.borderTopRedNoPad {
    border-top: #c2002f solid 2px;
    width: 100%;
    height: 10px;
}

.borderRightGrey {
    border-right: #797d7f solid 1px;
}

.paddingLeftRight {
    padding-left: 0;
    padding-right: 0;
}

.redUnderline {
    margin: 0 0 20px 0;
}

.greyUnderline {
    margin: 0 0 5px 0;
}

.whiteUnderline {
    margin: 0 0 20px 0;
}

.whiteUnderline250 {
    margin: 0 0 20px 250px;
}

.whiteUnderline340 {
    margin: 0 0 20px 340px;
}

.centerIt {
    text-align: center;
}

.justifyIt {
    text-align: justify;
}

.rightAlignNumbers {
    text-align: right;
    padding-right: 40px;
}

.center0Auto {
    margin: 0 auto;
}

.centerImg {
    margin: 0 auto;
    position: relative;
    z-index: 998;
}

.glass {
    z-index: 2000;
}

.gridMargins {
    margin-left: 0px;
    margin-right: 0px;
}

.accordionLeftMarginAdjust {
    margin-left: -5px;
}

.redBground {
    background-color: #c2002f;
    color: #FFFFFF;
    border-top-color: #c2002f;
}

.marginBottom {
    margin-bottom: 20px;
}

.searchBtnAdjust {
    padding: 6px 12px 6px 12px;
}

.redAccordPanelHeading {
    background-color: #C2002F;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #FFFFFF;
    padding: 15px 20px 5px;
    text-align: center;
}

.redAccordPanelBody {
    padding: 0 15px 15px 15px;
    background-color: #C2002F;
    color: #FFFFFF;
}

.redAccordText {
    margin-top: 0;
}

.redAlertBody {
    font-family: "clannarrow-mediummedium";
    color: #C2002F;
    font-size: 12px;
}

/*---------------------------[MOBILE Nav]---------------------------*/
.mobileNavTitle {
    margin: 0;
}



/*----------------------------[FILTER PAGE SPECIFIC]----------------------------*/
.hideOnTabletAndUp {
    display: none;
}

.filterChackboxText {
    font-size: 1em;
}

.noRecordsFoundText {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: center;
    width: 95%;
}

ul.filterCheckbox {
    margin: 0 0 10px 0;
    padding: 0;
    white-space: nowrap;
}

    ul.filterCheckbox li {
        list-style-type: none;
        font-size: 0.9em;
        font-weight: normal;
    }

        ul.filterCheckbox li label {
            color: #636363;
            font-family: clannarrow-newsnews;
            font-size: 0.845em;
            font-weight: normal;
        }

        ul.filterCheckbox li input {
            margin-right: 10px;
        }

.matches {
    font-size: 0.875em;
    font-family: 'clannarrow-newsnews';
    color: #797d7f;
    float: left;
    margin-right: 15px;
}

.grigBrandTitle {
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 0.875em;
    color: #000000;
    text-transform: uppercase;
}

.gridDescriptiveTitle {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 0.875em;
    color: #000000;
}

.gridDescription {
    font-size: 0.875em;
    color: #797d7f;
    line-height: 15px;
    margin-bottom: 3px;
}

.gridItemType {
    font-size: 0.750em;
    color: #797d7f;
    text-transform: uppercase;
}

.thumbnail {
    position: relative;
}

.filterPanel-heading {
    color: #FFFFFF;
    text-align: center;
    background-color: #c2002f;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 20px 5px 20px;
}

.filterPanel-title {
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.filter-images {
    position: absolute;
    z-index: 10;
    width: 225px;
    height: 225px;
}

.filter-rollover {
    position: absolute;
    z-index: 20;
    width: 225px;
    height: 225px;
}

.filterIcon {
    position: absolute;
    z-index: 20;
    width: 34px;
    height: 34px;
    right: 0;
}

.filter-details {
    width: 225px;
    padding-top: 225px;
    margin-top: -10px;
    margin-left: -10px;
}

.filter-accordion-heading-icon-open-1 {
    background-image: url('/images/common/accordPlusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -10px;
    margin-top: -28px;
}

.filter-accordion-heading-icon-close-1 {
    background-image: url('/images/common/accordMinusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -10px;
    margin-top: -28px;
}

.filterBody {
    margin: 0 auto;
    width: 60%;
    text-align: center;
    padding-bottom: 10px;
}

/*-----------------------------[DETAIL SPECIFIC]---------------------------*/
.enlargeText {
    margin: 5px 0 0 10px;
    position: absolute;
    z-index: 999;
}

.enlargeTextPara {
    display: inline-block;
    background-image: url('/images/common/white-tick.png');
    width: 20px;
    height: 20px;
    color: #999999;
}

.detailSideIndicator {
    bottom: -6px;
    color: #999999;
    left: 24px;
    position: absolute;
    text-align: left;
    z-index: 999;
}

.detailImage {
    width: 90%;
    padding: 5% 0 5% 0;
}

.pullLeft {
    margin-left: -30px;
}

.prevPullLeft {
    margin-left: -30px;
}


.benefitIconTextCont {
    display: inline-block;
    height: 50px;
    margin-bottom: 20px;
}

.detailDownloadBenefitsIcon {
    /*margin-top:-30px;*/
    padding-bottom: 30px;
    margin-right: 10px;
    display: inline-block;
}

.detailDownloadBenefitsIconAdjust {
    /*	margin-top:-30px;*/
    margin-right: 10px;
    display: inline-block;
}

.detailBenefitH3Title {
    position: relative;
    display: inline-block;
    max-width: 125px;
    font-size: 1em;
    margin-top: 0;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    bottom: 0;
}

.detailDownloadH3Title {
    display: inline-block;
    max-width: 125px;
    font-size: 1em;
    margin-top: 0;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
}


.detailsCont {
    border-right: 1px solid #a3a9ac;
}

.detailsPanelHeading {
    padding: 6px 15px 6px 15px;
}

.detailsPanelGroup {
    margin-bottom: 0;
}

.detailTitleCont {
    border-top: 1px solid #a3a9ac;
    margin-left: -30px;
    padding-left: 20px;
}

.detailTitleH1 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1.813em;
    text-transform: uppercase;
}

.detailTitleH3 {
    color: #797d7f;
    margin-top: 3px;
    margin-bottom: 12px;
    font-size: 1em;
}

.detailsAccordCont {
    border-top: 1px solid #a3a9ac;
    border-bottom: 1px solid #a3a9ac;
    margin-left: -30px;
}

.detailsPanelBodyFourDraw {
    border: 0px;
}

.detailPreviewBox {
    border: 1px solid #a3a9ac;
    background-color: #F2F1F1;
}

.detailsAddLaterBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 14px;
    width: 210px;
    height: 46px;
    margin-left: -7px;
    margin-right: 15px;
    padding: 11px 10px 11px 10px;
    text-align: center;
    background-color: #797d7f;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .detailsAddLaterBTN:link {
        background-color: #797d7f;
        text-decoration: none;
    }

    .detailsAddLaterBTN:visited {
        background-color: #797d7f;
        text-decoration: none;
    }

    .detailsAddLaterBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    .detailsAddLaterBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

.detailsPersonaliseNowBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    height: 46px;
    padding: 11px 10px 11px 10px;
    text-align: center;
    background-color: #418b44;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

.detailsBackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    height: 46px;
    padding: 11px 20px 11px 20px;
    text-align: center;
    background-color: #c2002f;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

.detailsPersonaliseNowBTN:link {
    background-color: #c2002f;
    text-decoration: none;
}

.detailsPersonaliseNowBTN:visited {
    background-color: #c2002f;
    text-decoration: none;
}

.detailsPersonaliseNowBTN:active {
    background-color: #636363;
    text-decoration: none;
}

.detailsPersonaliseNowBTN:hover {
    background-color: #636363;
    text-decoration: none;
}

.detailsReviewTermsBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 20px;
    float: right;
    height: 46px;
    padding: 11px 20px 11px 20px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .detailsReviewTermsBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .detailsReviewTermsBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .detailsReviewTermsBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .detailsReviewTermsBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.detailDocPreviewBtn {
    position: absolute;
    z-index: 2000;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 20px;
    height: 46px;
    padding: 11px 20px 11px 20px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .detailDocPreviewBtn:link {
        background-color: #000000;
        text-decoration: none;
    }

    .detailDocPreviewBtn:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .detailDocPreviewBtn:active {
        background-color: #636363;
        text-decoration: none;
    }

    .detailDocPreviewBtn:hover {
        background-color: #636363;
        text-decoration: none;
    }

.quickQuoteBtn {
    clear: both;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 10px;
    height: 46px;
    padding: 11px 20px 11px 20px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .quickQuoteBtn:link {
        background-color: #000000;
        text-decoration: none;
    }

    .quickQuoteBtn:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .quickQuoteBtn:active {
        background-color: #636363;
        text-decoration: none;
    }

    .quickQuoteBtn:hover {
        background-color: #636363;
        text-decoration: none;
    }

.modalBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: -20px;
    margin-right: 15px;
    float: right;
    height: 46px;
    padding: 11px 20px 11px 20px;
    text-align: center;
    background-color: #418b44;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .modalBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    .modalBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    .modalBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .modalBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.ymalTitle {
    font-size: 0.875em;
    font-family: 'clannarrow-mediummedium';
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 5px;
}

.ymalThumb:first-child {
    margin-left: -12px;
}

.ymalThumb {
    display: inline-block;
    margin-top: 10px;
    margin-right: 12px;
    border: 1px solid #a3a9ac;
}

.detailAccordBodyAutoHeight {
    height: auto;
    overflow: auto;
}

.detailAccordBodyTwoDrawWrap {
    height: 275px;
    overflow: auto;
}

.detailAccordBodyThreeDrawWrap {
    height: 236px;
    overflow: auto;
}

.detailAccordBodyFourDrawWrap {
    height: 100px;
    overflow: auto;
}

.quickQuoteQty {
    display: inline-block;
}

.quickQuoteResult {
    display: inline-block;
}

.accordion-heading {
    border-bottom: 0 none;
    font-size: 21px;
    background-color: #573B90;
}

.accordianTitles {
    font-size: 0.875em;
    margin: 5px 0 2px 0;
    text-transform: uppercase;
}

.accordianTitlesLink a {
    color: #797d7f;
    text-decoration: none;
}

    .accordianTitlesLink a:link {
        color: #797d7f;
        text-decoration: none;
    }

    .accordianTitlesLink a:visited {
        color: #797d7f;
        text-decoration: none;
    }

    .accordianTitlesLink a:active {
        color: #797d7f;
        text-decoration: none;
    }

    .accordianTitlesLink a:hover {
        color: #797d7f;
        text-decoration: none;
    }

.accordianTitlesActive {
    color: #797d7f;
    text-decoration: none;
}


.accordion-heading-icon-open-1 {
    background-image: url('/images/detail/accordPlusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-close-1 {
    background-image: url('/images/detail/accordMinusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-open-2 {
    background-image: url('/images/detail/accordPlusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-close-2 {
    background-image: url('/images/detail/accordMinusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-open-3 {
    background-image: url('/images/detail/accordPlusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-close-4 {
    background-image: url('/images/detail/accordMinusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-open-4 {
    background-image: url('/images/detail/accordPlusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordion-heading-icon-close-3 {
    background-image: url('/images/detail/accordMinusIcon.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordionCustFront-heading-icon-close {
    background-image: url('/images/common/accordMinusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordionCustFront-heading-icon-open {
    background-image: url('/images/common/accordPlusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordionCustBack-heading-icon-close {
    background-image: url('/images/common/accordMinusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

.accordionCustBack-heading-icon-open {
    background-image: url('/images/common/accordPlusIcon-white.png');
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 15px;
    margin-right: -5px;
    margin-top: -18px;
}

/*-----------------------------[ARTWORK PROCESS PAGES]-------------------------------*/
.previewHideShow {
    display: block;
}

.prevButtonHideShow {
    display: none;
}

.blacker {
    display: none;
}

.createDownloadH3ReadyTitle {
    display: inline-block;
    font-size: 1.25em;
    margin-bottom: 5px;
    margin-top: 20px;
    text-align: left;
}

.stepCont {
    display: inline-block;
    width: 24%;
    margin-right: 0.5%;
    margin-bottom: 25px;
}

.stepBarRed {
    height: 6px;
    width: 100%;
    background: #C2002F;
}

.stepBarGrey {
    height: 6px;
    width: 100%;
    background: #636363;
}

.stepBarGreen {
    height: 6px;
    width: 100%;
    background: #418b44;
}


.stepText {
    font-family: 'clannarrow-mediummedium';
    font-size: 0.875em;
    margin-top: 10px;
    margin-bottom: 20px;
}

.stepPrefix {
    color: #C2002F;
    font-size: 1.125em;
}

.stepPrefixGreen {
    color: #418b44;
    font-size: 1.125em;
}

.createPanel-heading {
    background-color: #C2002F;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #FFFFFF;
    height: 45px;
    padding: 15px 20px 0;
    text-align: center;
}

.createPanel-headingGrey {
    background-color: #797D7F;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #FFFFFF;
    min-height: 45px;
    padding: 15px 90px 0 20px;
    text-align: left;
    background-image: url('/images/common/logoYesFakeButton.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.panel-titleGrey {
    font-size: 16px;
    padding: 5px 0 0 0;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1em;
}

.greyBground {
    background-color: #EDEDED;
    border-top-color: #EDEDED;
    color: #FFFFFF;
}

.lightGreyBground {
    background-color: #EDEDED;
    border-top-color: #EDEDED;
    color: #646464;
    padding-left: 50px;
    padding-right: 50px;
}

.lightGreyInputField {
    display: inline-block;
    height: 36px;
    margin-bottom: 30px;
    margin-right: 0;
    padding-left: 0;
    width: 100%;
}

.createPreviewImage {
    /*	max-width:100%;*/
    margin: 0 auto 30px;
    max-height: 470px;
}

.createPanel-body {
    text-align: center;
    padding-top: 34px;
    max-height: 600px
}

.createPanel-bodyLogoUpload {
    text-align: left;
    padding-top: 34px;
    max-height: 600px
}

.createPanel-group {
    margin-bottom: 5px;
}

.createOptionsTitle {
    font-size: 1.250em;
    margin-top: 20px;
    margin-bottom: 20px;
}

.createSelect {
    margin-bottom: 30px;
}

.createSelectArtwork {
    margin-bottom: 30px;
    margin-left: 2px;
    width: 230px;
    display: inline-block;
}

.createSelectSize {
    margin-bottom: 30px;
    margin-left: 2px;
    width: 242px;
    display: inline-block;
}

.createSelectLabel {
    margin: 0 5px 15px 5px;
    display: inline-block;
}

.createCheckboxLabel {
    margin: 0 5px 0 5px;
    display: inline-block;
}

.createFieldNumber {
    text-align: center;
    background-color: #c2002f;
    color: #FFFFFF;
    font-size: 1.125em;
    font-family: 'clannarrow-mediummedium';
    padding: 6px 23px 7px 18px;
}

.createDivider {
    height: 1px;
    background-color: #cccccc;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

.createStagesContainerPadding {
    padding-left: 10px;
    padding-right: 0px;
}

.regReworkGreyBTN {
    background-color: #797D7F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.2em;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 5px;
    padding: 14px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .regReworkGreyBTN:link {
        background-color: #797D7F;
        text-decoration: none;
    }

    .regReworkGreyBTN:visited {
        background-color: #797D7F;
        text-decoration: none;
    }

    .regReworkGreyBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    .regReworkGreyBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

a.regReworkGreyBTN {
    background-color: #797D7F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.2em;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 5px;
    padding: 14px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.regReworkGreyBTN:link {
        background-color: #797D7F;
        text-decoration: none;
    }

    a.regReworkGreyBTN:visited {
        background-color: #797D7F;
        text-decoration: none;
    }

    a.regReworkGreyBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    a.regReworkGreyBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

input.regReworkGreyBTN {
    background-color: #797D7F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.2em;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 5px;
    padding: 14px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.regReworkGreyBTN:link {
        background-color: #797D7F;
        text-decoration: none;
    }

    input.regReworkGreyBTN:visited {
        background-color: #797D7F;
        text-decoration: none;
    }

    input.regReworkGreyBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    input.regReworkGreyBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

.regReworkGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.4em;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 18px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .regReworkGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    .regReworkGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    .regReworkGreenBTN:active {
        background-color: #797D7F;
        text-decoration: none;
    }

    .regReworkGreenBTN:hover {
        background-color: #797D7F;
        text-decoration: none;
    }

a.regReworkGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.4em;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 18px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.regReworkGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    a.regReworkGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    a.regReworkGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.regReworkGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

input.regReworkGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.4em;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 18px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.regReworkGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    input.regReworkGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    input.regReworkGreenBTN:active {
        background-color: #797D7F;
        text-decoration: none;
    }

    input.regReworkGreenBTN:hover {
        background-color: #797D7F;
        text-decoration: none;
    }

.createApproveGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createApproveGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    .createApproveGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    .createApproveGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .createApproveGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.createApproveGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.createApproveGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    a.createApproveGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    a.createApproveGreenBTN:active {
        background-color: #797D7F;
        text-decoration: none;
    }

    a.createApproveGreenBTN:hover {
        background-color: #797D7F;
        text-decoration: none;
    }

input.createApproveGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.createApproveGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    input.createApproveGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    input.createApproveGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    input.createApproveGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.createMistakeRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 11px 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createMistakeRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createMistakeRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createMistakeRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .createMistakeRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.createMistakeRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 11px 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.createMistakeRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.createMistakeRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.createMistakeRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.createMistakeRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

input.createMistakeRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 11px 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.createMistakeRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    input.createMistakeRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    input.createMistakeRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    input.createMistakeRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.createAcceptGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createAcceptGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    .createAcceptGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    .createAcceptGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .createAcceptGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.createAcceptGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.createAcceptGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    a.createAcceptGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    a.createAcceptGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.createAcceptGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

input.createAcceptGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.createAcceptGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    input.createAcceptGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    input.createAcceptGreenBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    input.createAcceptGreenBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.createDeclineRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 11px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createDeclineRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createDeclineRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createDeclineRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .createDeclineRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.createDeclineRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 11px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.createDeclineRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.createDeclineRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.createDeclineRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.createDeclineRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.basketLineAction {
    height: 25px;
    margin-bottom: 0px;
    margin-top: 25px;
    margin-right: 10px;
    padding: 10px 15px 25px 15px;
}

a.clearSearch {
    height: 15px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 5px 10px 25px 10px;
}

a.clearSearchFilter {
    height: 15px;
    margin-bottom: 10px;
    margin-left: 40px;
    padding: 5px 10px 25px 10px;
}

input.createDownloadBTN {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 11px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.createDownloadBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    input.createDownloadBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    input.createDownloadBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    input.createDownloadBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.createDownloadBTN {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 11px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    a.createDownloadBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    a.createDownloadBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    a.createDownloadBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.createDownloadBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }


input.createDeclineRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    height: 46px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 11px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    input.createDeclineRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    input.createDeclineRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    input.createDeclineRedBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    input.createDeclineRedBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.auto {
    cursor: auto;
}

.createDownloadBoxTitle {
    background-color: #797D7F;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.125em;
    letter-spacing: 0.75px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}

.createDownloadBox {
    background-color: #FFFFFF;
    border: 0px solid #A3A9AC;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-top: 0;
}

.createDownloadImageBox {
    background-color: #EDEDED;
    border: 0px solid #A3A9AC;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

.createDownloadBoxText {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: left;
    width: 95%;
}

.createDownloadBoxTermsText {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.termsOfUsage {
    color: #636363;
    margin-bottom: 20px;
}

.createDownloadBoxTextError {
    color: #c2002f;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: left;
    width: 95%;
}

.createDownloadloader {
    margin-top: -10px;
    margin-right: 10px;
    display: inline-block;
}

.createDownloadH3Title {
    display: inline-block;
    font-size: 1.250em;
    margin-top: 0;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.createDownloadH5Title {
    font-size: 0.875em;
    margin-top: 0;
    text-align: left;
}

.createReadyBtnTitles {
    color: #000000;
    font-size: 0.875em;
    margin-bottom: 0;
}

.createDownloadBlackBTN {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 10px 60px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createDownloadBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .createDownloadBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .createDownloadBlackBTN:active {
        background-color: #c2002f;
        text-decoration: none;
    }

    .createDownloadBlackBTN:hover {
        background-color: #c2002f;
        text-decoration: none;
    }

.createDownloadGreenBTN {
    background-color: #418b44;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 10px 55px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createDownloadGreenBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    .createDownloadGreenBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    .createDownloadGreenBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    .createDownloadGreenBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

.createDownloadRedBTN {
    background-color: #C2002F;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

    .createDownloadRedBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createDownloadRedBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    .createDownloadRedBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    .createDownloadRedBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

.createTermsPanel-body {
    max-height: auto;
    padding-top: 34px;
    text-align: center;
}


/*-------------------------------[Landing pages]---------------------------------*/
.landingImages {
    width: 100%;
}

.landingTitles {
    color: #000000;
    height: 50px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.landingColumnAdjusteContainer {
    padding-left: 8px;
    padding-right: 8px;
}

.landingColumnAdjuster {
    padding-left: 7px;
    padding-right: 7px;
}



/*------------------------------[ SUPPORT Pages ]---------------------------------*/
.supportBoxText {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: left;
    width: 95%;
}

.supportBoxTextCentered {
    margin: 0 auto;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 15px;
    text-align: left;
    width: 65%;
    text-align: center;
}

    .supportBoxTextCentered:last-child {
        margin-bottom: 40px;
    }

.supportBoxText a:link {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.supportBoxText a:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.supportBoxText a:active {
    color: #c2002f;
    font-weight: bold;
    text-decoration: underline;
}

.supportBoxText a:hover {
    color: #c2002f;
    font-weight: bold;
    text-decoration: underline;
}

.supportBoxTextHighlighted {
    color: #000000;
    font-weight: bold;
}

.supportBoxCTATitle {
    background-color: #797D7F;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.125em;
    letter-spacing: 0.75px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}

.supportCTABox {
    background-color: #FFFFFF;
    border: 1px solid #A3A9AC;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.supportBoxCTAText {
    font-size: 1.3em;
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: center;
    width: 95%;
}

/*-------------------------------[YOU MAY ALSO LIKES Page]--------------------------------*/
.ymalTextHighlighted {
    color: #000000;
    font-weight: bold;
}

.ymalText {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
    text-align: center;
    width: 95%;
}

.ymalFilterColumnAdjust {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1%;
    padding-right: 1%;
}

.ymalRowEdgeAdjust {
    margin-left: 10px;
    margin-right: 10px;
}

.ymal-rollover {
    position: absolute;
    width: 100%;
    z-index: 20;
}

.ymal-images {
    position: absolute;
    width: 100%;
    z-index: 10;
    margin: 0 auto;
}

.ymalIcon {
    height: 34px;
    position: absolute;
    right: 0;
    width: 34px;
    z-index: 20;
}

.ymal-details {
    margin-top: 113%;
}

.transpBGround {
    background-color: transparent;
    width: 225px;
}





/*------------------------------[SIGN IN AND PROFILE PAGE SPECIFIC]----------------------------*/
.shipToNumber {
    font-size: 2.000em;
}

.fieldLinkTopAdjust {
    margin-top: -15px;
}

.signinProfileTitles {
    font-family: 'clannarrow-mediummedium';
    font-size: 1.813em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.signinProfileBox-withMinHeight {
    background-color: #f1f1f1;
    min-height: 400px;
    padding-top: 30px;
    padding-left: 13%;
    padding-right: 13%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #a3a9ac;
}

.signinProfileBox {
    background-color: #f1f1f1;
    padding-top: 30px;
    padding-left: 13%;
    padding-right: 13%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #a3a9ac;
}

.myAccountBox {
    background-color: #f1f1f1;
    padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #a3a9ac;
}

.myAccountIconCont {
    margin-top: 20px;
}

.myAccountIconTitles {
    font-family: 'clannarrow-mediummedium';
    color: #636363;
    font-size: 1em;
    text-transform: uppercase;
}

.signinProfileSupportBox {
    background-color: #FFFFFF;
    font-weight: bold;
    color: #646464;
    padding-top: 7px;
    padding-bottom: 2px;
    text-align: center;
}

    .signinProfileSupportBox a {
        color: #646464;
        text-decoration: underline;
    }

        .signinProfileSupportBox a:link {
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileSupportBox a:visited {
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileSupportBox a:active {
            color: #000000;
            text-decoration: underline;
        }

        .signinProfileSupportBox a:hover {
            color: #000000;
            text-decoration: underline;
        }

.signinProfileText {
    color: #646464;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

    .signinProfileText a {
        font-style: italic;
        color: #646464;
        text-decoration: underline;
    }

        .signinProfileText a:link {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileText a:visited {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileText a:active {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

        .signinProfileText a:hover {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

.signinProfileTextOneThird {
    width: 340px;
    margin: 0 auto;
    color: #646464;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

    .signinProfileTextOneThird a {
        font-style: italic;
        color: #646464;
        text-decoration: underline;
    }

        .signinProfileTextOneThird a:link {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileTextOneThird a:visited {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .signinProfileTextOneThird a:active {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

        .signinProfileTextOneThird a:hover {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

.registerPullouts {
    color: #646464;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
}

.registerPullouts-last {
    color: #646464;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 15px;
}

.signinProfileText a:hover {
    color: #000000;
    text-decoration: underline;
}

.signinProfileCheckbox {
    color: #646464;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.loginProfileBoxTitle {
    width: 100%;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-size: 1.125em;
    background-color: #797d7f;
    padding: 10px 0 10px 0;
}

.loginInputFields {
    width: 100%;
    height: 36px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 5px;
}

.marginTopBottomLoginQuickFix {
    margin-top: 0;
    margin-bottom: 10px;
}

.loginInputFieldsOneThird {
    width: 320px;
    height: 36px;
    margin-bottom: 20px;
    padding-left: 5px;
}

a.blackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 46px;
    padding: 11px 30px 11px 30px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.blackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    a.blackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    a.blackBTN:active {
        background-color: #646464;
        text-decoration: none;
    }

    a.blackBTN:hover {
        background-color: #646464;
        text-decoration: none;
    }

input.blackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 46px;
    padding: 11px 30px 11px 30px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    input.blackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    input.blackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    input.blackBTN:active {
        background-color: #646464;
        text-decoration: none;
    }

    input.blackBTN:hover {
        background-color: #646464;
        text-decoration: none;
    }

.redBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 46px;
    padding: 11px 30px 11px 30px;
    text-align: center;
    background-color: #C2002F;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

.redBTNLong {
    margin-top: 245px;
}

.redBTN:link {
    background-color: #C2002F;
    text-decoration: none;
}

.redBTN:visited {
    background-color: #C2002F;
    text-decoration: none;
}

.redBTN:active {
    background-color: #646464;
    text-decoration: none;
}

.redBTN:hover {
    background-color: #646464;
    text-decoration: none;
}

a.redBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 46px;
    padding: 11px 30px 11px 30px;
    text-align: center;
    background-color: #C2002F;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.redBTN:link {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.redBTN:visited {
        background-color: #C2002F;
        text-decoration: none;
    }

    a.redBTN:active {
        background-color: #646464;
        text-decoration: none;
    }

    a.redBTN:hover {
        background-color: #646464;
        text-decoration: none;
    }

.registerBoxTitleRed {
    width: 100%;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    letter-spacing: 0.75px;
    font-size: 1.125em;
    background-color: #c2002f;
    padding: 10px 0 10px 0;
}

.registerBoxTitleBlack {
    background-color: #000;
    color: #ffffff;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.125em;
    letter-spacing: 0.75px;
    padding: 10px 0;
    width: 100%;
}

.regSentH2 {
    margin-top: 10px;
}

.regStepBox {
    vertical-align: top;
    display: inline-block;
    width: 242px;
    min-height: 210px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.regStepBoxNumber {
    font-family: 'clannarrow-bookbook';
    font-size: 2.438em;
    color: #000000;
    margin-bottom: -10px;
}

.regStepBoxText {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #636363;
    width: 180px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 10px;
}

.regEmailBlackBtnMargAdjust {
    margin-bottom: 0;
}


/*-----------------------[ Registration Process specific. A lot of these styles are replicated because of inconsistancies in visual development ]-----------------------*/
.registerUploadLogoYesText {
    left: 0;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #418B44;
    font-size: 1.200em;
}

.registerUploadLogoNoText {
    left: 0;
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #C2002F;
    font-size: 1.200em;
}

.inputFormBoxYesNoText {
    text-align: left;
    color: #646464;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}

.inputFormBox {
    background-color: #f1f1f1;
    padding-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #a3a9ac;
}

.inputFormBoxText {
    text-align: left;
    width: 95%;
    color: #646464;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

    .inputFormBoxText a {
        font-style: italic;
        color: #646464;
        text-decoration: underline;
    }

        .inputFormBoxText a:link {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .inputFormBoxText a:visited {
            font-style: italic;
            color: #646464;
            text-decoration: underline;
        }

        .inputFormBoxText a:active {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

        .inputFormBoxText a:hover {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

.inputFormBoxTextError {
    text-align: left;
    width: 95%;
    color: #c2002f;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

    .inputFormBoxTextError ul {
        list-style: none;
    }

    .inputFormBoxTextError a {
        font-style: italic;
        color: #c2002f;
        text-decoration: underline;
    }

        .inputFormBoxTextError a:link {
            font-style: italic;
            color: #c2002f;
            text-decoration: underline;
        }

        .inputFormBoxTextError a:visited {
            font-style: italic;
            color: #c2002f;
            text-decoration: underline;
        }

        .inputFormBoxTextError a:active {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

        .inputFormBoxTextError a:hover {
            font-style: italic;
            color: #000000;
            text-decoration: underline;
        }

.registrationBlackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px 30px 11px 30px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .registrationBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .registrationBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .registrationBlackBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .registrationBlackBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.registrationBlackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px 30px 11px 30px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.registrationBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    a.registrationBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    a.registrationBlackBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.registrationBlackBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

.filterBlackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 5px 15px 6px 15px;
    text-align: center;
    background-color: #636363;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .filterBlackBTN:link {
        background-color: #636363;
        text-decoration: none;
    }

    .filterBlackBTN:visited {
        background-color: #636363;
        text-decoration: none;
    }

    .filterBlackBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    .filterBlackBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }

a.filterBlackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 5px 15px 6px 15px;
    text-align: center;
    background-color: #636363;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.filterBlackBTN:link {
        background-color: #636363;
        text-decoration: none;
    }

    a.filterBlackBTN:visited {
        background-color: #636363;
        text-decoration: none;
    }

    a.filterBlackBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    a.filterBlackBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }


.openFilter {
    background-color: #418B44;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    .openFilter:link {
        background-color: #418B44;
        text-decoration: none;
    }

    .openFilter:visited {
        background-color: #418B44;
        text-decoration: none;
    }

    .openFilter:active {
        background-color: #000000;
        text-decoration: none;
    }

    .openFilter:hover {
        background-color: #000000;
        text-decoration: none;
    }

a.openFilter {
    background-color: #418B44;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    a.openFilter:link {
        background-color: #418B44;
        text-decoration: none;
    }

    a.openFilter:visited {
        background-color: #418B44;
        text-decoration: none;
    }

    a.openFilter:active {
        background-color: #000000;
        text-decoration: none;
    }

    a.openFilter:hover {
        background-color: #000000;
        text-decoration: none;
    }

input.openFilter {
    background-color: #418B44;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    input.openFilter:link {
        background-color: #418B44;
        text-decoration: none;
    }

    input.openFilter:visited {
        background-color: #418B44;
        text-decoration: none;
    }

    input.openFilter:active {
        background-color: #000000;
        text-decoration: none;
    }

    input.openFilter:hover {
        background-color: #000000;
        text-decoration: none;
    }

.closeFilter {
    background-color: #C2002f;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    .closeFilter:link {
        background-color: #C2002f;
        text-decoration: none;
    }

    .closeFilter:visited {
        background-color: #C2002f;
        text-decoration: none;
    }

    .closeFilter:active {
        background-color: #000000;
        text-decoration: none;
    }

    .closeFilter:hover {
        background-color: #000000;
        text-decoration: none;
    }

a.openFilter {
    background-color: #C2002f;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

a.closeFilter:link {
    background-color: #C2002f;
    text-decoration: none;
}

a.closeFilter:visited {
    background-color: #C2002f;
    text-decoration: none;
}

a.closeFilter:active {
    background-color: #000000;
    text-decoration: none;
}

a.closeFilter:hover {
    background-color: #000000;
    text-decoration: none;
}

input.closeFilter {
    background-color: #C2002f;
    border: medium none;
    color: #FFFFFF;
    display: none;
    font-family: 'clannarrow-mediummedium';
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px 25px 12px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    input.closeFilter:link {
        background-color: #C2002f;
        text-decoration: none;
    }

    input.closeFilter:visited {
        background-color: #C2002f;
        text-decoration: none;
    }

    input.closeFilter:active {
        background-color: #000000;
        text-decoration: none;
    }

    input.closeFilter:hover {
        background-color: #000000;
        text-decoration: none;
    }

.closeFilter {
    display: none;
}

.registrationBlackBTN-AlignTop {
    margin: -1px 0 0 0;
}

.registrationInputFieldFindShipTo {
    display: inline-block;
    height: 36px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding-left: 5px;
    width: 100%;
}

.registrationInputField {
    display: inline-block;
    height: 36px;
     margin-bottom: 20px;
    margin-right: 20px;
    padding-left: 5px;
    width: 100%;
}

.processTextarea {
    width: 100%;
    height: 72px;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-top: 5px;
}

.registrationTextAreaField {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 20px;
    padding-left: 5px;
    width: 100%;
    height: 102px;
}

.regReworkPagesPara {
    padding: 0 5% 0 5%;
    font-size: 1em;
    color: #646464;
}

    .regReworkPagesPara a:link {
        text-decoration: underline;
    }

    .regReworkPagesPara a:visited {
        text-decoration: underline;
    }

    .regReworkPagesPara a:active {
        text-decoration: underline;
    }

    .regReworkPagesPara a:hover {
        text-decoration: underline;
    }

.whiteBG-Reg {
    max-width: 600px;
    background-color: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    text-align: center;
    padding-top: 20px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.transBG-Reg {
    max-width: 300px;
    background-color: #EDEDED;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    text-align: center;
    padding-top: 20px;
    margin-left: 15px;
    margin-bottom: 30px;
    border: 1px solid #cccccc;
}

.regMidGreyColor {
    color: #999999;
    font-size: 0.85em;
}


.regReworkPagesParaLarge {
    margin-top: -15px;
    padding: 0 5% 0 5%;
    margin-bottom: 20px;
    font-size: 1.6em;
    color: #646464;
}

.regReworkPagesParaLarger {
    padding: 0 10% 0 10%;
    margin-top: -10px;
    margin-bottom: 30px;
    font-size: 2.6em;
    color: #000000;
}

.regReworkPagesParaMedium {
    padding: 0 5% 0 5%;
    margin-bottom: 15px;
    font-size: 1.4em;
    color: #646464;
}

.registrationInputText {
    margin-bottom: 20px;
}

/*------------------[REGISTRATION PAGE STYLES ADAPTED FROM WELLA ORDER ONLINE --------------*/

.register-info_List {
    line-height: 1.5;
    list-style: none outside none;
    margin: 0;
    padding: 0px;
    text-align: left;
}

.register-info__item, .register-info__item--convenience, .register-info__item--dispatch, .register-info__item--online {
    font-weight: bold;
    /* line-height: 1.3;*/
    line-height: 2.4;
    font-size: 1.3em;
    overflow: auto;
}

    .register-info__item span, .register-info__item--convenience span, .register-info__item--dispatch span, .register-info__item--online span {
        display: inline-block;
        float: left;
        height: 60px;
        margin: 0 0.625em 0 0;
        width: 77px;
    }

.register-info__item--convenience {
    line-height: 2.4;
}

    .register-info__item--convenience span {
        background: url("/images/login-registration/woo-sprite.png") no-repeat scroll 0 -652px rgba(0, 0, 0, 0);
    }

@media not all, (min-resolution: 192dpi) {
    .register-info__item--convenience span {
        background: url("/images/login-registration/woo-images/sprite-retina-wide.png") no-repeat scroll 0 -12px / 100% auto rgba(0, 0, 0, 0);
    }
}

.register-info__item--dispatch span {
    background: url("/images/login-registration/woo-sprite.png") no-repeat scroll 0 -722px rgba(0, 0, 0, 0);
}

@media not all, (min-resolution: 192dpi) {
    .register-info__item--dispatch span {
        background: url("/images/login-registration/woo-sprite-retina-wide.png") no-repeat scroll 0 -82px / 100% auto rgba(0, 0, 0, 0);
    }
}

.register-info__item--online span {
    background: url("/images/login-registration/woo-sprite.png") no-repeat scroll 0 -792px rgba(0, 0, 0, 0);
}

@media not all, (min-resolution: 192dpi) {
    .register-info__item--online span {
        background: url("/images/login-registration/woo-sprite-retina-wide.png") no-repeat scroll 0 -152px / 100% auto rgba(0, 0, 0, 0);
    }
}
/*------------------[CHECKOUT PAGE]-----------------*/
.checkoutRedBoxTitle {
    width: 100%;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-size: 1.125em;
    background-color: #C2002F;
    padding: 10px 0 10px 0;
}

.checkoutGreyBoxTitle {
    width: 100%;
    color: #FFFFFF;
    font-family: 'clannarrow-mediummedium';
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-size: 1.125em;
    background-color: #797d7f;
    padding: 10px 0 10px 0;
}

.checkoutBox {
    background-color: #FFFFFF;
    border: 1px solid #A3A9AC;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.checkoutQuantity {
    /*border: 1px solid #636363;
	padding:10px 10px 0 10px;
	margin-top:10px;*/
}

.checkoutUpdateBtn {
    margin-top: 10px;
}

.checkoutTitles {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.checkoutTitlesHide {
    display: none;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.checkoutItemDivedLine {
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0 10px 0;
}

.checkoutItemDivedLineFirstLineFix {
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0 10px 0;
}


.checkoutDesc {
    font-family: Arial, Helvetica, sans-serif;
    color: #636363;
}

.checkoutSmallText {
    font-size: 0.750em;
    color: #636363;
    max-width: 600px;
    margin-top: 15px;
    margin-bottom: 30px;
}



.checkoutTotalBold {
    font-size: 18px;
    font-family: 'clannarrow-mediummedium';
}

a.checkoutBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    height: 36px;
    margin-top: 5px;
    padding: 8px 60px 11px 60px;
    text-align: center;
    background-color: #418b44;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.checkoutBTN:link {
        background-color: #418b44;
        text-decoration: none;
    }

    a.checkoutBTN:visited {
        background-color: #418b44;
        text-decoration: none;
    }

    a.checkoutBTN:active {
        background-color: #000000;
        text-decoration: none;
    }

    a.checkoutBTN:hover {
        background-color: #000000;
        text-decoration: none;
    }



/*----------------[ My Profile pages ]-----------------*/
.confirmationGreenBox {
    width: 100%;
    background-color: #418b44;
}

.alertRedBox {
    background-color: #c2002f;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.alertRedBoxText {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 20px 0 20px 0;
    font-weight: bold;
    text-align: center;
}

.confirmationGreenBoxText {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 0.950em;
    padding: 20px 0 20px 0;
    font-weight: bold;
}

    .confirmationGreenBoxText:after {
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 0.875em;
        margin-right: 10px;
        font-weight: bold;
        background-image: url('/images/common/white-tick.png');
        text-decoration: none;
        content: " ";
        text-indent: -999em;
        display: inline-block;
        width: 19px;
        height: 15px;
        list-style: none;
    }

/*----------------------------[Previous downloads page]----------------------------*/
.previousDownloadsImage {
    margin-bottom: 20px;
}

.transpUnderline {
    margin: 0;
}

.timeStamp {
    font-family: 'clannarrow-newsnews';
    margin-top: 0;
    font-size: 0.875em;
}

.paddingLeftRightPreviousDownloads {
    padding-left: 20px;
    padding-right: 20px;
}

/* Gradient color1 - color2 - color1 */
.previousDownloadsHR {
    border: 0;
    height: 1px;
    background: #646464;
    margin-top: 5px;
    width: 95%;
}

.textContainer {
    height: auto;
}

/*.cancelled
{
  text-decoration:line-through;
} */

.previousDownloadsBlackBTN {
    display: inline-block;
    font-size: 0.800em;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    height: 36px;
    width: 100%;
    padding: 10px 0 11px 0;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    bottom: 0;
}

    .previousDownloadsBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .previousDownloadsBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .previousDownloadsBlackBTN:active {
        background-color: #c2002f;
        text-decoration: none;
    }

    .previousDownloadsBlackBTN:hover {
        background-color: #c2002f;
        text-decoration: none;
    }

a.previousDownloadsBlackBTN {
    display: inline-block;
    font-size: 0.800em;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    height: 36px;
    width: 100%;
    padding: 10px 0 11px 0;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    bottom: 0;
}

    a.previousDownloadsBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    a.previousDownloadsBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    a.previousDownloadsBlackBTN:active {
        background-color: #418b44;
        text-decoration: none;
    }

    a.previousDownloadsBlackBTN:hover {
        background-color: #418b44;
        text-decoration: none;
    }

/*----------------------------[FOOTER SPECIFIC]----------------------------*/
.footerHR {
    margin-top: 40px;
}

.footerText {
    font-size: 0.750em;
    width: 50%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #636363;
    text-decoration: none;
}

.footerTextLink {
    font-family: 'clannarrow-mediummedium';
    font-size: 1em;
}

    .footerTextLink:link {
        color: #636363;
        text-decoration: underline;
    }

    .footerTextLink:visited {
        color: #636363;
        text-decoration: underline;
    }

    .footerTextLink:active {
        color: #000000;
        text-decoration: underline;
    }

    .footerTextLink:hover {
        color: #000000;
        text-decoration: underline;
    }

.footerBlackBTN {
    display: inline-block;
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-bottom: 20px;
    height: 36px;
    padding: 8px 30px 11px 30px;
    text-align: center;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .footerBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .footerBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .footerBlackBTN:active {
        background-color: #c2002f;
        text-decoration: none;
    }

    .footerBlackBTN:hover {
        background-color: #c2002f;
        text-decoration: none;
    }

footer {
    font-family: 'clannarrow-mediummedium';
    font-size: 0.688em;
    color: #797d7f;
    margin-top: 20px;
    text-align: center;
    min-height: 120px;
}

    footer ol {
        list-style-type: none;
        padding-left: 0;
        margin-top: -15px;
    }

        footer ol li {
            display: inline-block;
            margin: 5px 0 0 0;
        }

            footer ol li a {
                color: #797d7f;
                text-decoration: none;
            }

                footer ol li a:link {
                    color: #797d7f;
                    text-decoration: none;
                }

                footer ol li a:visited {
                    color: #797d7f;
                    text-decoration: none;
                }

                footer ol li a:active {
                    color: #c2002f;
                    text-decoration: none;
                }

                footer ol li a:hover {
                    color: #c2002f;
                    text-decoration: none;
                }

.footerActive {
    color: #c2002f;
    text-decoration: none;
}

.footerDividers > li + li:before {
    font-family: 'clannarrow-newsnews';
    font-size: 1.2em;
    color: #797d7f;
    content: "| ";
    padding: 0 5px;
    text-decoration: none;
}

.footerDividers > li + li:last-child:before {
    font-family: 'clannarrow-newsnews';
    font-size: 1.2em;
    color: #797d7f;
    content: "";
    padding: 0 5px;
    text-decoration: none;
}

.footerDividers > .active {
    font-family: 'clannarrow-mediummedium';
    color: #797d7f;
    text-decoration: none;
}


/*--------------------[Terms and Cons]-------------------*/

.termsh3Titles {
    font-family: 'clannarrow-mediummedium';
    font-weight: 500;
    font-size: 1.125em;
    color: #000000;
    margin-bottom: 20px;
}

.termsh4Titles {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: Bold;
    font-size: 1em;
    color: #000000;
    margin-bottom: 20px;
}

.termsh5Titles {
    margin-top: 20px;
    margin-bottom: 5px;
}

.termsPanel p {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 0.750em;
    color: #000000;
    margin-bottom: 20px;
}


.termsLinks {
    font-size: 1em;
    color: #000000;
    text-decoration: underline;
}

    .termsLinks a:link {
        color: #000000;
        text-decoration: underline;
    }

    .termsLinks a:visited {
        color: #000000;
        text-decoration: underline;
    }

    .termsLinks a:active {
        color: #636363;
        text-decoration: underline;
    }

    .termsLinks a:hover {
        color: #636363;
        text-decoration: underline;
    }

a.termsLinks {
    font-size: 1em;
    color: #000000;
    text-decoration: underline;
}

    a.termsLinks a:link {
        color: #000000;
        text-decoration: underline;
    }

    a.termsLinks a:visited {
        color: #000000;
        text-decoration: underline;
    }

    a.termsLinks a:active {
        color: #636363;
        text-decoration: underline;
    }

    a.termsLinks a:hover {
        color: #636363;
        text-decoration: underline;
    }


/*-------------------------[Extra Social Static Pages]---------------------------*/
.staticSocialIntroBannerInsta {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/intragram-main.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntroBannerPinterest {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/pinterest-main.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntroBannerTwitter {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/twitter-main.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntroBannerFacebook {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/facebook-main.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntroBannerEducation {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/education-main.jpg');
    background-repeat: repeat-y;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntroBannerOnline {
    background-color: #e8e9e9;
    text-align: left;
    min-height: 281px;
    width: 100%;
    background-image: url('/images/staticSocial/wellaOnline-main.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    border: 1px solid #cccccc;
    margin: 40px 0 0 0;
}

.staticSocialIntro {
    text-align: left;
    max-width: 424px;
    margin: 140px 0 0 30px;
    font-family: 'clannarrow-bookbook';
    font-size: 1.250em;
    line-height: 27px;
}

.staticSocialIntroLarge {
    text-align: left;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.750em;
    color: #000000;
}

.staticSocialIntroEducateLine01 {
    text-align: left;
    font-family: 'clannarrow-bookbook';
    font-size: 3.000em;
    color: #FFFFFF;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 140px;
}

.staticSocialIntroEducateLine02 {
    text-align: left;
    font-family: 'clannarrow-mediummedium';
    font-size: 3.000em;
    color: #FFFFFF;
    margin-left: 50px;
    margin-bottom: 0;
    margin-top: -10px;
}

.staticSocialIntroWellaOnline {
    text-align: left;
    font-family: 'clannarrow-mediummedium';
    font-size: 3.000em;
    color: #C2002F;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 150px;
    max-width: 400px;
    line-height: 1.1em;
}

.staticSocialTitles {
    text-align: left;
    font-family: 'clannarrow-mediummedium';
    font-size: 1.250em;
    margin: 40px 0 0 30px;
    color: #000000;
}

.staticSocialPara {
    text-align: left;
    margin: 10px 0 0 30px;
    color: #646464;
    max-width: 450px;
}

.staticSocialParaMarginTop40 {
    text-align: left;
    margin: 40px 0 0 30px;
    color: #646464;
    max-width: 450px;
}

.staticSocialOrderedList ol {
    text-align: left;
    color: #C2002F;
    margin-top: 10px;
    margin-left: 10px;
    max-width: 450px;
}

    .staticSocialOrderedList ol li {
        margin-bottom: 10px;
    }

.staticSocialUnoreredList ul {
    text-align: left;
    color: #C2002F;
    margin-top: 10px;
    margin-left: 5px;
    max-width: 450px;
}

    .staticSocialUnoreredList ul li {
        margin-bottom: 10px;
    }

.staticSocialListText {
    text-align: left;
    color: #646464;
}

.statiaSocialSideImage {
    display: block;
    margin: 40px 0 0 0;
    border: 1px solid #cccccc;
    max-width: 316px;
}

.socialStaticBlackBTN {
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 30px 11px 30px;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    .socialStaticBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    .socialStaticBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    .socialStaticBlackBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    .socialStaticBlackBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

a.socialStaticBlackBTN {
    font-family: 'clannarrow-mediummedium';
    color: #FFFFFF;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 30px 11px 30px;
    background-color: #000000;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}

    a.socialStaticBlackBTN:link {
        background-color: #000000;
        text-decoration: none;
    }

    a.socialStaticBlackBTN:visited {
        background-color: #000000;
        text-decoration: none;
    }

    a.socialStaticBlackBTN:active {
        background-color: #636363;
        text-decoration: none;
    }

    a.socialStaticBlackBTN:hover {
        background-color: #636363;
        text-decoration: none;
    }

/*-----------------------------[Fullscreen Video]------------------------------*/
.greyBox {
    /*background-color: #f1f1f1;
	padding-top:30px;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:20px;
	
	border: 1px solid #a3a9ac;
	*/
    text-align: left;
    margin-bottom: 20px;
}


/*-----------------------------[Create Mobile App My Salon]------------------------------*/

.createMobAppSectionHeading {
    font-family: 'clannarrow-mediummedium';
    font-weight: 500;
    font-size: 1.125em;
    color: #000000;
    margin-bottom: 20px;
}

/*-----------------------------[Table styles]------------------------------*/

table.displayTable {
    width: 600px;
    padding: 2px;
    border: none;
}

    table.displayTable tr, table.displayTable thead, table.displayTable tbody {
        border: none;
    }

    table.displayTable th {
        background-color: #E0E0E0;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #FFF;
    }

    table.displayTable tbody tr td {
        background-color: #EBEBEB;
        font-size: 12px;
        padding-left: 10px;
        border-bottom: 1px solid #FFF;
    }

        table.displayTable tbody tr td.amount {
            width: 90px;
            background-color: #EBEBEB;
            font-size: 12px;
            padding-right: 10px;
            border-bottom: 1px solid #FFF;
            text-align: right;
        }

    table.displayTable th.hiddencol, table.voucherTable tbody tr td.hiddencol {
        display: none;
    }

    table.displayTable tbody tr td.padlockcol {
        padding: 0px;
        width: 10px;
    }

    table.displayTable caption {
        font-weight: bold;
        font-size: 1.3em;
        margin-bottom: 10px;
        padding: 5px 0px;
        text-transform: uppercase;
        background-color: #6C6B70;
        color: #fff;
    }

table.statementTable {
    width: 100%;
    padding: 2px;
    border: none;
}

    table.statementTable tr, table.statementTable thead, table.statementTable tbody {
        border: none;
    }

    table.statementTable th {
        background-color: #E0E0E0;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    table.statementTable tbody tr td {
        padding-left: 10px;
        font-size: 1.1em;
        padding-bottom: 5px;
    }

    table.statementTable tbody tr.cancelled td {
        color: #C2002F;
    }

    table.statementTable tbody tr td.amount {
        width: 10%;
        padding-right: 10px;
        text-align: right;
    }

    table.statementTable tbody tr.cancelled td.nocancel {
        color: #333;
        text-decoration: none !important;
    }

    table.statementTable tbody tr.cancelled td.amount {
        text-decoration: line-through;
    }

    table.statementTable tbody tr td.type-code {
        width: 2%;
        text-align: center;
    }

    table.statementTable tbody tr td.date {
        width: 10%;
        padding-left: 5px;
        text-align: left;
    }

    table.statementTable tbody tr.total-row td {
        font-weight: bold;
        text-align: right;
    }

    table.statementTable caption {
        display: none;
    }

    table.statementTable tfoot {
        padding-top: 10px;
    }

        table.statementTable tfoot tr td {
            font-size: 0.75em;
            text-align: center;
            padding-left: 5px;
        }

table.points-view-summary {
    width: 100%;
    padding: 2px;
    border: none;
    font-family: "clannarrow-newsnews";
    margin-bottom: 15px;
}

    table.points-view-summary tr th {
        text-align: center;
        font-weight: bold;
        padding-right: 5px;
        border-bottom: 1px solid #797D7F;
    }

    table.points-view-summary tr.lastYear td, table.points-view-summary tr.lastYear th {
        color: #BCBCBC;
    }

    table.points-view-summary tr td.points {
        width: 90px;
        padding-right: 10px;
        border-bottom: 1px solid #797D7F;
        text-align: right;
    }

    table.points-view-summary caption {
        margin-bottom: 10px;
        padding: 5px 0px;
        text-transform: uppercase;
        background-color: #000;
        color: #fff;
    }


    table.points-view-summary tr td.balance {
        background-color: #000;
        color: #FFF;
        text-align: center;
        width: 25%;
    }

    table.points-view-summary tr td.thirty-days {
        background-color: #636363;
        color: #FFF;
        text-align: center;
        width: 25%;
    }


    table.points-view-summary tr td.sixty-days {
        background-color: #a3a9ac;
        color: #FFF;
        text-align: center;
        width: 25%;
    }


    table.points-view-summary tr td.ninety-days {
        background-color: #CCCCCC;
        color: #FFF;
        text-align: center;
        width: 25%;
    }

    table.points-view-summary tr td.summary {
        /*  background-color: #FFF;*/

        color: #000;
        text-align: center;
        width: 25%;
    }

    table.points-view-summary tr td.align-right, table.points-view-summary tr th.align-right {
        text-align: right;
        padding-right: 10px;
    }


table.sm-font {
    font-size: 11.2px;
}

#slider {
    margin-bottom: 20px;
}

.detail-points {
    display: inline-block;
    background-color: #797D7F;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.42857;
    margin-top: 5px;
    padding-top: 8px;
    font-family: "clannarrow-mediummedium";
    height: 46px;
    width: 100%;
    text-align: center;
}

.out-of-stock {
    display: inline-block;
    background-color: #C20C2E;
    color: #fff;
    line-height: 1.42857;
    margin-top: 20px;
    padding-top: 12px;
    font-family: "clannarrow-mediummedium";
    height: 46px;
    width: 100%;
    text-align: center;
}