﻿/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 3, 2015 */
body.modal-open {
    padding-right: 0 !important;
}


html {
    overflow-y: scroll;
}

.main{
    clear:both;
}
/*
@font-face {
    font-family: 'mulibold';
    src: url('/fonts/muli-bold-webfont.eot');
    src: url('/fonts/muli-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/muli-bold-webfont.woff2') format('woff2'), url('/fonts/muli-bold-webfont.woff') format('woff'), url('/fonts/muli-bold-webfont.ttf') format('truetype'), url('/fonts/muli-bold-webfont.svg#mulibold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'mulibolditalic';
    src: url('/fonts/muli-bolditalic-webfont.eot');
    src: url('/fonts/muli-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/muli-bolditalic-webfont.woff2') format('woff2'),;
}
*/
a {
    cursor: pointer;
    text-transform: uppercase;
}
#headerTop .log-off-form a:hover,
    a:hover {
        color: #959595;
        text-decoration: none;
        background:none;
    }

body {
    /*padding-top: 10px;*/
    letter-spacing: 0px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
th {
    font-family: 'Crimson Text', serif !important;
    /*font-weight: bold;
    text-transform: uppercase;*/
}
.main a:not(.btn){
    color:#535154;
}
.disabled,
 .pagination > .disabled > a{cursor:pointer !important;}
@-moz-document url-prefix() {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    th {
        font-weight: normal;
    }
}


.btn#find {
    padding: 5px 12px;
    height: 29px;
    font-size: 10px;
    margin-top: 2px;
}

h3 {
    font-size: 17px;
}

h1.header-underscore {
    font-size: 17px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: solid 4px #f3f3f3;
}

h3.header-underscore {
    font-size: 14px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: solid 2px #f3f3f3;
}

#ajax-loader {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(243, 243, 243, 0.47);
    position: fixed;
    z-index: 500;
}

.ajax-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

select.form-control-rounded {
    border-radius: 10px;
    font-size: 12px;
    padding: 6px 6px;
    line-height: 16px;
    height: 34px; /*//28px;*/
    border: 1px solid #cccccc;
    box-shadow: none;
    width: 100%;
    /*-moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 15px;
    background-image: url(/Content/images/round-select-back.jpg);
    background-position: right center;
    background-repeat: no-repeat;*/
}

.light-grey-bck {
    background-color: #fbfbfb;
}

.panel {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control.dark {
    background-color: #dedede;
}

a:focus, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
    /*border-color:black !important;*/
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 0;
}

.tooltip-inner {
    background-color: #2c2c2c;
    padding: 8px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2c2c2c;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #2c2c2c;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #2c2c2c;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2c2c2c;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2c2c2c;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2c2c2c;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #2c2c2c;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #2c2c2c;
}

a.more-link {
    text-decoration: underline;
    text-transform: none;
}

/*.collapse.in .home, .collapsing .home {
    display:none;
}*/

/*#region common */
.right.carousel-control, .left.carousel-control, .carousel-caption {
    display: none;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 33%;
    z-index: 15;
    width: 90%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: left;
}

    .carousel-indicators li {
        border-radius: 0;
    }

#headerTop a {
    font-size: 11px;
    line-height:10px;
}

#navigation-bar > ul > li a.sale, a.sale.btn.navbar-toggle.collapsed.btn-link {
    color: #d60606;
}

/* top menu and dropdown */

.dropdown-menu ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

.submenu {
    position:relative;
}
.submenu a {
    display:block;
    height:54px;
    width:100%;
}
.submenu-menu {
    display:none;
    background:#808080;
    background-color:rgba(104, 104, 104, 0.94);
    position:absolute;
    left:100%;
    top:0;
    white-space:nowrap;
}

.submenu:hover .submenu-menu {
    display: none;
}

.submenu-menu ul {
    display: inline-block;
    margin:15px 0;
    padding:0 15px;
    vertical-align:top;
}
.submenu-menu ul:not(last-child){
    border-right:1px dashed #636363;
}
/*
.submenu.sub-open .nav-link.nav-link-menu,
.submenu.sub-open {
    background:#454349;
}
*/
ul.nav li.dropdown .nav-link.nav-link-menu:hover {
    color:#fff;
}
/* end top menu and dropdown */

.back-light-grey {
    background-color: #f7f7f7;
}

    .back-light-grey .modal-header {
        border-bottom-color: transparent;
    }


    .back-light-grey textarea {
        color: #2c2c2c !important;
    }
/*#endregion */
ul#social-icons li {
    display: inline-block;
    float: left;
}

ul#social-icons {
    width: 100%;
    float: none;
    display: block;
    height: auto;
}

.social-icon {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: block;
    float: left;
    margin-left: 6px;
}

#social-icons > li {
    display: inline;
    padding: 3px;
}

    #social-icons li a {
        width: 100%;
        height: 100%;
        display: block;
    }
/*.social-tweeter {
    background-image: url(/Content/icons/twitter.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.social-pin {
    background-image: url(/Content/icons/pinterest.svg);
    background-repeat: no-repeat;
}

.social-fb {
    background-image: url(/Content/icons/facebook.svg);
    background-repeat: no-repeat;
}

.social-instagram {
    background-image: url(/Content/icons/instagram.svg);
    background-repeat: no-repeat;
}

.social-ba {
    background-image: url(/Content/icons/polyvore.svg);
    background-repeat: no-repeat;
}*/
.breadcrumb {
    background-color: #fff;
    color: #c3c3c3;
    padding: 5px 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    clear:both;
}

   .main.content .breadcrumb li a {
        color: #c3c3c3;
        font-size: 12px;
    }

.slider-control {
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 22px;
    position: relative;
}

    .slider-control.left {
        float: left;
    }

    .slider-control.right {
        float: right;
    }

.slider-contro-left {
    background-image: url(/Content/icons/left_arrow.svg);
    width: 22px;
    height: 22px;
    /*background-position: -5px -5px;*/
    position: absolute;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
}

.space-hor-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

space-top-15 {
    margin-top: 15px;
}

.slider-contro-right {
    background-image: url(/Content/icons/right-arrow.svg);
    width: 22px;
    height: 22px;
    /*background-position: -5px -51px;*/
    position: absolute;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
}

.similar-title{
    font-size:15px;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    line-height:50px;
}

.similar-slides {
    float: left;
    overflow: hidden;
    height: auto;
    width:100% !important;
    border-left:2px solid #dcdcde;
    border-right:2px solid #dcdcde;
}

    .similar-slides img {
        height: auto;
        width: 100%;
    }

    .similar-slides a {
        height: auto;
        padding: 0 0px;
        width: 208px;
        overflow: hidden;
        display: block;
        border:2px solid #dcdcde;
        margin:0 6px 0 -2px;
    }

.padded-10 {
    padding-left: 10px;
    padding-right: 10px;
}

h4 {
    font-size: 16px;
}
h5 {
    font-size: 15px;
}
em {
    font-style: italic;
}

input[type="text"]:focus {
    outline: none;
}

.glimpse {
    z-index: 1010999;
}

.shaded {
    background-color: #f7f7f7;
}

.img-bordered {
    border: solid 1px #e9e9e9;
}

.row-space-50 {
    margin: 50px 0;
}

.container-fluid {
    padding: 0;
}

.content-narrow {
    max-width: 880px;
    margin: 0 auto;
}
.content-wide{
    max-width:100%;
}

.box-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

#ajax {
    background-image: url(/Content/images/ajax.gif);
    width: 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    min-height: 150px;
    text-indent: 90000px;
}

#dd-link span {
    float: left;
    border: solid 1px red;
}

.row-padded {
    padding: 20px 0;
}

.img-full {
    display: block;
    margin: 0 auto;
    width: 100%;
}






h1 {
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    /*letter-spacing: 1.3px;    */
}
/*
#headerTop .row {
    margin-bottom: 3px;
}*/
.header-right,
.header-left{
    margin-top:20px;
}
.header-left .row div,
.header-left .row{
    margin:0;
    padding:0;
    height:15px;
}
#headerTop .row form.log-off-form a,
#headerTop .row div a{
    line-height:10px;
    font-size:12px;
    letter-spacing:1px;
}
#headerTop .header-left a{
    padding:0 4px;
}


#footer{
    letter-spacing:normal;
}

#footer h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    line-height:.8em;
    font-weight:600;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: solid 1px #000;
    /*letter-spacing: 1px;*/
    font-family: 'Crimson Text', serif;
    margin-bottom: 8px;
    margin-top:15px;
    color:#4b4b4b;
}

#footer a {
    font-size: 0.9em;
    color:#4a4a4a;
    text-transform:capitalize;
    line-height:10px;
    letter-spacing:normal;
}

.fpTop {
    margin: 14px auto;
    font-size: 8px;
    max-width:100%;
}
.fpTop .row > div > div:not(:first-child):not(:last-child){
    border-left:1px solid #4e4e4e;
    border-right:1px solid #4e4e4e;
}
.top-right-menu > div {
    float: left;
    margin-left: 20px;
}

ul.one-column {
    padding-left: 15px;
    padding-right: 15px;
    list-style: none;
}

ul.columns {
    padding-left: 0;
    list-style: none;
}

    ul.columns li {
        padding-left: 10px;
        width: 100%;
    }

        ul.columns li a {
            display: block;
            width: 100%;
            padding: 0;
        }

            ul.columns li a:hover {
                color: #f3f3f3 !important;
                background-color: transparent !important;
            }



#navigation.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    margin-top: 0;
}


nav a {
    text-transform: uppercase;
}

.subcontainer-narrow {
    padding-left: 10px;
    padding-right: 10px;
}

.panel-primary {
    background-color: #f9f9f9;
    border-color: transparent;
}

.panel-clean {
    border-color: transparent;
}

.navbar-nav > li > .dropdown-menu {
    padding: 15px 10px 10px 10px;
    /*margin-top:-2px;*/
    border: none;
    border-top:2px solid #fff;
}
.log-off-form a:hover,
#navigation .nav > li > a:hover {
    background:#686868;

}
#more-details .nav-tabs > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 10px;
    letter-spacing: 0;
}
.navbar-brand,
.nav > li > a {
    padding-right: 20px;
    padding-left: 20px;
    padding-top:8px;
    padding-bottom:8px;
}
.navbar-brand{ height:auto; }
.nav-tabs > li > a {
    padding-right: 10px;
    padding-left: 10px;
}

.fpTop a {
    font-size: 10px;
    color:#626262;
}
.fpTop a:hover{
    color:#b6b6b6;
}

.navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 0;
    /*letter-spacing: 0.5px;*/
}

nav a.nav-link {
    color: #fff;
    font-size: 0.9em;
    /*border: solid 10px red;*/
    padding: 0;
    line-height: 25px;
    height: 25px;
    vertical-align: middle;
    text-indent: 5px;
    width: 100%;
    white-space: nowrap;
    /*display:inline;*/
}
/*nav a.nav-link:hover {
    color: red;
    border:none;
    background-color:transparent;

}*/

.col-xs-15-no-padding,
.col-sm-15-no-padding,
.col-md-15-no-padding,
.col-lg-15-no-padding {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}



input.grey {
    background-color: #eaeaea;
    border-radius: 5px;
    border: solid 2px #c8c8c8;
    padding: 3px 5px;
    color: #4c4c4c;
    background-image: url(/Content/icons/spyglass.svg);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 10%;
    font-style:italic;
}
input.package-search {
    background-color:#fff;
    text-indent:10px;
    text-transform:initial !important;
}
input#text {
    height: 28px;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 15px;
    /*letter-spacing: 2px;*/
    max-width: 175px;
}

    input#text::-webkit-input-placeholder {
        color: #2c2c2c;
    }

    input#text:-moz-placeholder { /* Firefox 18- */
        color: #2c2c2c;
    }

    input#text::-moz-placeholder { /* Firefox 19+ */
        color: #2c2c2c;
    }

    input#text:-ms-input-placeholder {
        color: #2c2c2c;
    }

input.grey:focus {
    border-radius: 5px;
    outline: none;
    background-color: #c8c8c8;
    background-image: none;
}
input.package-search:focus {
    background-color:#fff;
}
.package-search-container,
.search-container {
    position:absolute;
    /*background:rgba(104, 104, 104, 0.94);    */
    background:rgba(60, 59, 64, 0.94);
    z-index:100;
    right:0;
    display:none;
}
.search-container {
    width:175px;
}
.package-search-container {
    background:#f6f6f6;
}
.ui-accordion .package-search-container > ul > li > a > strong {
    display:inline !important;
}
.search-results{
    list-style-type:none;
    padding:5px 8px 0 8px;
}
.search-results *{
    text-transform:capitalize;
}
.search-results li{
    padding:2px 0;
    width:100%;
}
    .search-results li a {
        padding:0 2px;
    }
.searchSuggest *,
.searchSuggest{
    background:#e8e8e8;
    color:#262626;
}
.search {
    position:relative;
    float: right;
    width: 80%;
    z-index:140;
}

.modal-content {
    border-radius: 0;
}

.strong {
    font-weight: 900;
}

.light {
    font-weight: 100;
    font-size: smaller;
}

.fl-right {
    float: right;
}

.panel-info {
    background-color: #565656;
    color: #fff;
    padding: 5px;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.form-control {
    color: #2c2c2c;
}

.form-control, .panel {
    border-radius: 0;
}
.footer{
    margin:0 auto;
}
.footer li {
    list-style-image: none;
    list-style-type: none;
}

.footer ul {
    padding-left: 2px;
}

.future-strap {
    padding: 0 10px;
}
.future-strap > div > div{
    border:2px solid #fff;
}



.navbar {
    /*//fix chrome*/
    margin-bottom: 0px;
    border-radius: 0;
    /*border: none;*/
    min-height:38px;

    z-index:200;
}




.navbar-collapse {
    max-height: 580px;
    overflow: scroll;
}

    .navbar-collapse::-webkit-scrollbar {
        width: 2px;
    }

    .navbar-collapse::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .navbar-collapse::-webkit-scrollbar-thumb {
        background-color: #404040;
    }

.navbar-toggle {
    float: left;
}

#List-Navigation {
    min-height: 38px;
    position:relative;
    z-index:100;
}

.pad-40 {
    padding: 40px;
}

.header-underscore {
    /*for product details*/
    padding-bottom: 15px;
    border-bottom: 5px solid #f7f7f7;
    font-size: 17px;
    font-family: 'Crimson Text', serif !important;
    text-transform: uppercase;
}

.header-underscore-strong {
    border-bottom: 5px solid #f3f3f3;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 17px;
    font-family: 'Crimson Text', serif !important;
    text-transform: uppercase;
}

h3.subheader {
    display: inline-block;
    font-size: 17px;
    line-height: 130% !important;
    padding: 0;
    margin: 0;
    color: black;
    font-family: 'Crimson Text', serif !important;
    text-transform: uppercase;
    font-weight:600;
}

.Product-Detail-Was-Price {
    float: left;
    margin-right: 5px;
}
.list-prices > div> .currTag {
    color: #2c2c2c;
}
td.list-prices span{
    font-size:20px;
    font-weight:bold;
    color:#525252;
}
td.list-prices span.now span,
.Product-Detail-Sale,
.now.currTag {
    color: #ae3230;
}

td.list-prices {
    position: relative;
    height: 35px;
}

.align-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

td.list-prices > a.btn-buynow {
    position: absolute;
    bottom: 0;
    right: 0;
}

.Product-Detail-Was-Price > span {
    text-decoration: line-through;
    color: #2c2c2c;
}

.product-name > h2.ptitle > a {
    display: inline-block;
    font-size: 14px;
    line-height:20px;
    padding: 0;
    margin: 0;
    color: black;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    vertical-align: text-top;
    color:#535154;
    letter-spacing:1px;
    font-weight:600;
}

.ProductListing-Content h1 {
    margin-top: 0;
}

.ProductListing-Content-Promo img,
.ProductListing-Content-Promo p
{
    width:100%;
    max-width:100%;
    height:auto;
}
.ProductTop {
    overflow: hidden;
    max-width: 100%;
}

.img-responsive {
    margin: 0 auto;
}

h1.Product-Name {
    font-size: 18px;
    text-align: left;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:600;
    letter-spacing:2px;
    margin:0;
}

.product-spc,
.product-brand {
    font-size: 11px;
    line-height: 14px;
    color:#222222;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif !important;
    margin:0;
    font-weight:600;
}
.Product-Detail-Code {
    font-size:10px;
    color:#959595;
    letter-spacing:0.15em;
}
.Box .product-brand{
    font-style:italic;
    color:#bebebe;
}
.WrapNav label{
   padding-top:5px;
   font-weight:600;
}
.WrapNav select{
    margin-top:2px;
    text-transform:uppercase;
}
.ProductListing-TopNav .pagination li:not(.PagedList-pageCountAndLocation){
    display:none;

}
.listing-prices {
    float: left;
}

.btn {
    text-transform: uppercase;
}
.btn-default {
    width: auto;
    min-width:170px;
    height:30px;
}
#DeliveryDetails .btn-default{
    min-width:unset;
}

.btn-buynow {
    float: right;
}

table.Box {
    width: 100%;
}
/*#region Left menu */





.pageSize{
    list-style-type:none;
    text-transform:uppercase;
}
.pageSize li{
    display:inline-block;
    padding:5px 4px 0 4px;
}
.pageSize li:first-child{
    font-weight:900;
}
.pageSize li a.selected{
    font-weight:600;
    text-decoration:underline;
}

.ProductListing-WrapSub {
    position: relative;
}

    .ProductListing-WrapSub .Title {
        font-size: 12px;
        text-transform: uppercase;
        font-weight:400;
        border-bottom: solid 1px #e8e8e8;
        padding-bottom: 4px;
        background:#eeeeee url(/Content/images/filters-destop-icons.png) 92% -24px no-repeat;
        margin-top: 25px;
        margin-bottom: 10px;
        width: 100%;
        height:35px;
        line-height:36px;
        text-indent:10px;
        color:#525254;
    }

    .ProductListing-WrapSub .Title:first-child {
        margin-top:10px;
    }

div.Title {
    cursor: pointer;
}

.Title.Closed {
    background-position:92% 10px;
    /*margin-bottom:10px;*/
}

.Closed .button-clear {
    opacity: 0;
    display: none;
    pointer-events: none;
    cursor: default;
}

.button-clear {
    /*background: url(/Content/images/filters-destop-icons.png) 0 -29px no-repeat;*/
    position: absolute;
    right: 30px;
    top: 0px;
    text-indent: -999999px;
    height: 19px;
    width: 19px;
    line-height: 15px;
    font-size: 20px;
    text-align: center;
    padding: 0;
    display: none;
    color:#9f9f9f;
    font-weight:100;
}
#refine-menu{
    letter-spacing:1px;
}
.btn-clear{
    display:inline-block;
    background:#fff;
    border:2px solid #e1e1e1;
    color:#c1c1c1;
    font-style:italic;
    border-radius:5px;
    text-transform:lowercase;
    font-size:15px;
    height:26px;
    line-height:21px;
    padding:0px 10px;
    letter-spacing:1px;
    font-weight:100;
}
#clearAll {
    margin-right:10px;
}

.ProductListing-WrapSub ul {
    list-style: none;
    padding: 0 0 0 0;
    /*margin-bottom:30px;*/
    border: none;
    display: block;
    clear: both;
    width: 95%;
    margin-left:2.5%;
    min-height: 20px;
}

    .ProductListing-WrapSub ul li.Off {
        display: none !important;
    }

    .ProductListing-WrapSub ul li {
        margin: 10px 0;
        /*border:solid 1px red;*/
        /*height: 30px;*/
        overflow: hidden;
    }

        .ProductListing-WrapSub ul li a {
            line-height: 20px;
            font-size: 16px;
            display: block;
            width: 100%;
            text-transform: uppercase;
        }

            .ProductListing-WrapSub ul li a.l1,
            .ProductListing-WrapSub ul li a.l2,
            .ProductListing-WrapSub ul li a.l3,
            .ProductListing-WrapSub ul li a.l4,
            .ProductListing-WrapSub ul li a.l5,
            .ProductListing-WrapSub ul li a.l6,
            .ProductListing-WrapSub ul li a.l7,
            .ProductListing-WrapSub ul li a.psize,
            .ProductListing-WrapSub ul li a.pcol {
                /*float: left;*/
                padding: 0 0 0 25px;
                margin: 1px 0 2px 0;
                color: #6e6e6e;
                background: url(/Content/icons/checkbox.svg) 0px 0px no-repeat;
                /*background: url(/Content/icons/refine-box-mobile.png) 0px 0px no-repeat;*/
                /*min-height: 20px;*/
                overflow: hidden;
                /*border:solid 1px red;*/
            }

                .ProductListing-WrapSub ul li a.l1.On,
                .ProductListing-WrapSub ul li a.l2.On,
                .ProductListing-WrapSub ul li a.l3.On,
                .ProductListing-WrapSub ul li a.l4.On,
                .ProductListing-WrapSub ul li a.l5.On,
                .ProductListing-WrapSub ul li a.l6.On,
                .ProductListing-WrapSub ul li a.l7.On,
                .ProductListing-WrapSub ul li a.pcol.On,
                .ProductListing-WrapSub ul li a.psize.On {
                    background: url(/Content/icons/checkbox_marked.svg) 0px 0px no-repeat;
                    /*background: url(/Content/icons/refine-box-mobile.png) 0px -30px no-repeat;*/
                    overflow: hidden;
                }

ul .Off {
    opacity: 0.5;
    display: none;
    border: solid 1px #ae4d90;
}


/*#endregion */


.pagination-container {

    padding:0;
}

.disabled.PagedList-pageCountAndLocation a {
    color: black;
}

    .disabled.PagedList-pageCountAndLocation a:hover {
        color: black;
    }

.pagination {
    margin: 0;
    padding:0;
}
.pagination li{
    display:inline-block;
    padding:0;
}
.pagination > li > a{
    padding:6px 6px;
}
    .pagination > li > a, .pagination > li > span {
        border: none;
    }

/*Accordeon not working with that*/
.collapsing {
    /*overflow: visible;*/
}

.product-thumbnail {
    border: solid 1px #eaeaea;
}
.product-thumbnail p {
    margin:0;
}

.modal-xl {
    left: 0;
    top: 0;
    width: 100%;
    /*border:solid 10px red;*/
    background-color: #fff;
    padding: 0;
}

    .modal-xl .modal-dialog {
        /*width:960px;*/
    }

    .modal-xl .modal-content {
        box-shadow: none;
        border: none;
    }

.popup {
    display: none;
}



.label-danger {
    color: #404040;
    padding: 3px 0;
    text-transform: uppercase;
    font-family: 'Crimson Text', serif !important;
    font-size: 11px;
}

.ProductListing-QuickBuy {
    display: none;
    height: 0px;
    overflow: hidden;
}

table.swatch {
    width: 100%;
    margin: 5px auto;
}

.product-rating {
    color: #2c2c2c !important;
}

span.glyphicon.glyphicon-star.grey, .glyphicon.glyphicon-star.grey {
    color: #c2c2c2 !important;
}

ul.size-list {
    padding-left: 0;
    display: block;
    margin-bottom: 15px;
    float: none;
    width: 100%;
    border: solid 1px red;
}

    ul.size-list li {
        display: inline-block;
        border: solid 1px green;
        height: 12px;
    }

.product-details-social {
    list-style: none;
    float: right;
    margin-top:8px;
    margin-bottom:0;
}

ul.product-details-social li {
    display: inline-block;
    width: 25px;
    height: 28px;
    overflow: hidden;
    padding: 3px 0px;
}

    ul.product-details-social li > a {
        width: 100%;
        height: 100%;
        display: block;
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
    }

        ul.product-details-social li > a.icon-facebook {
            background-image: url(/Content/icons/s_fb.svg);
        }

        ul.product-details-social li > a.icon-twitter {
            background-image: url(/Content/icons/s_twitter.svg);
        }

        ul.product-details-social li > a.icon-pintrest {
            background-image: url(/Content/icons/s_pinterest.svg);
        }

.Product-Detail-Swatch {
    display: block;
    border: solid 1px #fff;
    width: 40px;
    height: 40px;
    float: left;
    background-color: #e9e9e9;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .Product-Detail-Swatch.swatchOn {
        border-color: #000;
        background-color: #eaeaea;
    }

a.aSwatch {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}

.out-of-stock {
    color:#bebebe;
}

/*#region Product Details */
.spin-progress {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.btn-wishlist{

    background:#f3f3f3;
    color:#7d7d7d;
}
.btn-basket{
    background:#ae3232;
    border:1px solid #9d2121;
    color:#fff;
}
.btn-basket:hover{
    background:#832525;
    color:#fff;
}
.main-product-image {
    text-align: center;
    margin: auto;
}

.Product.block-grid-item .image-wraper {
    position: relative;
    padding: 0;
}

.ribx {
    position: absolute;
    display: block;
    top:0;
    right:0;
    height:21px;
    width:92px;
}
.ribx img{
    width:100%;
    display:inline-block;
}
.promo-tag {
    width:160px;
}
.Product .block-grid-item .currTag {
    font-family: 'Crimson Text', serif !important;
    font-size: 22px;
}

.was .currTag {
    text-decoration: line-through;
}

#product-details {
    font-size: 12px !important;
}

#chartSizeModal .modal-chartsize {
    width: 440px;
    margin-left: -220px;
    left: 50%;
}

.out-of-stock {
    opacity: 0.6;
}

.Product-Detail-Pricing a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.Product-Detail-Pricing {
    margin-top: 8px;
}

#pop-table-basket-content {
    position: relative;
    max-height: 444px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-bottom: 0px;
    border: solid 1px #e9e9e9;
    overflow: hidden;
}

#product-details .currTag {
    font-size: 22px;
    font-family: 'Crimson Text', serif !important;
    font-weight:600;
    letter-spacing:1px;
}



table.dd-Table tr:first-child {
    border-top: none;
}

.zoomInfo {
    padding-top: 10px;
    display: none;
}


.container-extended {
    width: 100%;
    margin: 0 auto;
}

#Product-Detail-Sale,
#Product-Detail-Rrp {
    margin-top:10px;
    margin-bottom:4px;
}
.Product-Detail-Sale{
    margin-left:2px;
}
.product-rating {
    border-bottom: solid 1px #e9e9e9;
    border-top: solid 1px #e9e9e9;
    padding: 0;
    margin-bottom: 10px;
}

    .product-rating p {
        padding: 5px;
        margin: 0;
        line-height: 25px;
    }

.colour-swatch {
    width: 100%;
}

a.text-primary {
    font-style: italic;
    cursor: pointer;
    cursor: hand;
}
/*em[data-target="#modal-product-rating"] {
    cursor:crosshair;
}*/
.Selected-Colour {
    font-family: 'Crimson Text', serif !important;
    font-size: 11px;
    text-transform: uppercase;
}

#item-description {
    overflow: hidden;
    padding-bottom: 17px;
    border-bottom: solid 1px #515153;
    border-top:1px solid #515153;
    margin-bottom: 10px;
    font-size:13px;
    font-weight:100;
}
#item-description .description-title {
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:600;
    margin:12px 0 5px 0;
}
#item-description .description-title a {

    background:url(/Content/images/description-arrow.png) 0 -10px no-repeat;
    padding:0 5px;
    text-decoration:none;
}
#item-description .description-title a.desc-open {
    background:url(/Content/images/description-arrow.png) 0 6px no-repeat;
    padding:0 5px;
}
    #item-description p {
        height:auto;
        line-height: 20px;
        overflow: hidden;
        margin-bottom: 0;
    }
    #item-description p.text-overflow-multi {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
/*        height:80px;*/
        text-overflow:ellipsis;
        overflow:hidden;
    }
    /*
#product-detail-grid {
    margin-bottom: 5px;
} */

.item-buttons .btn {
    margin: 5px auto;
    border-radius: 0;
}

/*.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
}*/

#more-details > ul > li.active > a {
    color: black;
}

/*#endregion */


/*#region basket */
.panel-default {
    border: none;
    /*background-color:#fbfbfb;*/
    box-shadow: none;
}

div.panel-body {
    padding: 25px 15px;
}

span.td-centre {
    display: block;
    text-align: center;
}

#pop-table-basket-content .dd-Total {
    font-size: 14px;
}

.dd-Total {
    font-size: 24px;
    font-family: 'Crimson Text', serif !important;
}

.row.row-light-grey {
    background-color: #f3f3f3;
}

.lighter-grey {
    background-color: #fbfbfb;
    /*removed for step2*/
    /*padding: 10px 0;*/
}

.panel-wrapper {
    padding: 15px 0;
}

.row-subheader {
    margin: 0;
    font-family: 'Crimson Text', serif !important;
    background-color: #f3f3f3;
}

p.row-subheader {
    line-height: 24px;
    height:24px;
}

.dd-Basket-List {
    width: 100%;
    font-size: 11px;
    border-bottom: solid 1px #eaeaea;
}

    .dd-Basket-List:last-of-type {
        border-bottom: solid 1px #fff;
    }

.dd-item {
    width: 85%;
}

    .dd-item a {
        font-size: 11px;
        font-family: 'Crimson Text', serif !important;
    }

.popover {
    max-width: 100%;
}


.popover-title {
    background-color: #fff;
    color: #404040;
}

.basket-image {
    width: 150px !important;
}

table.border-less tr, table.border-less td, table.border-less, table.border-less tbody {
    border: solid 1px #fff !important;
}

table.border-around tr {
    /*border-left: solid 1px #e9e9e9 !important;
    border-right: solid 1px #e9e9e9 !important;*/
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top-color: #fff;
}

table.dd-Table {
    margin-bottom: 0;
}
/*#endregion */


/*#region whislist */

.btn-remove-wish {
    position: absolute;
    right: 5%;
    top: 5%;
    cursor: pointer;
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(/Content/images/remove_btn.png);
}

/*#endregion */

/*#region login */
.bck-light-grey {
    background-color: #fbfbfb;
}

#account-form h4 {
    margin-bottom: 25px;
    font-size: 15px;
}
.e-msg,
#account .panel-title,
#order-history h3,
#order-history .media-heading,
#account h3,
#account .media-heading {
    text-transform:uppercase;
    font-size:18px;
    font-weight:600;
    line-height:32px;
}
#account .panel-top h3 {
    font-size:20px;
}
h3.text-center,
#account h3.text-center {
    font-size:17px;
    letter-spacing:0.05em;
    font-weight:600;
}
input[type='radio'],
input[type='checkbox'] {
    /* Hide the input, but have it still be clickable */
    opacity: initial;
    float: left;
    width: 0;
}

    input[type='checkbox'].opt-status, input[type='checkbox'].opt-news {
        opacity: 1;
        width: auto;
        background:none;
    }

    
    
    #Product-Info input[type='radio']
    /*#Product-Info input[type='checkbox']*/ {
        opacity: 1;
        float: initial;
        width: initial;
    }

.prod-info-main {
    border:2px solid #f9f9f9;
    border-bottom:0;
    background:url(/Content/images/rampant_lion_bg.png) 0 0 repeat;
}

    input[type='radio'] + label,
    input[type='checkbox'] + label,
    input[type='radio'] + input[type='hidden'] + label,
    input[type='checkbox'] + input[type='hidden'] + label {
        margin: 0;
        clear: none;
        /* Left padding makes room for image */
        padding: 2px 0 4px 34px;
        /* Make look clickable because they are */
        cursor: pointer;
        background: url(/Content/images/checkox-lg.png) left center no-repeat;
        /*background:none;*/

    }


.payment label {
    float: left;
}

.payment input[type='radio'] + label, input#terms[type='checkbox'] + label {
    margin: 0;
    clear: none;
    /* Left padding makes room for image */
    padding-right: 30px;
    padding-left: 0;
    /* Make look clickable because they are */
    cursor: pointer;
    background: url(/Content/images/checkox-lg.png) right center no-repeat;
}
/*
    Change from unchecked to checked graphic
*/
input[type='radio']:checked + label,
.payment input[type='radio']:checked + label,
input#terms[type='checkbox']:checked + label {
    background-image: url(/Content/images/checkbox-tick-lg.png);
}

input[type='checkbox']:checked + label,
input[type='checkbox']:checked + input[type='hidden'] + label {
    background-image: url(/Content/images/checkbox-tick-lg.png);*/
}

/*#endregion */

/*#region basket */
#Expected-Delivery {
    background: transparent;
}

table.main-table-checkout {
    margin-bottom: 0;
    background-color: #fbfbfb;
}
.main-table-checkout .strong,
.main-table-checkout strong{
    font-weight:600;
}

table#table-basket-items > tbody > tr {
}

    table#table-basket-items > tbody > tr > td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        table#table-basket-items > tbody > tr > td.basket-image {
            padding-top: 15px;
            padding-left: 30px;
        }

table#table-basket-items tr:first-child td.basket-table-large {
    padding-top: 30px !important;
}

table#table-basket-items tr:last-child td.basket-table-large {
    padding-top: 30px !important;
    /*background-color: yellow;*/
}

table.main-table-checkout > tr > th {
    padding: 6px 0;
}

#table-basket-items table {
    background-color:none;

}
.item-description table.table {
    background-color:transparent;
}

div.top-border-subcontainer {
    margin-bottom: 0;
    background-color: #fbfbfb;
    border-top: solid 5px #f3f3f3;
    padding-top: 35px;
    padding-bottom: 10px;
}

.space-under-container {
    margin-bottom: 20px;
}

.top-border {
    border-top: solid 5px #f3f3f3;
}

.top-border-narrow {
    border-top: solid 2px #f3f3f3;
}

.top-paded-medium {
    padding-top: 15px;
}

#table-basket-items input {
    text-align: center;
    max-width: 27px;
}

span.plus, span.minus {
    cursor: pointer;
}

#table-basket-items td {
    border-bottom-color: red;
}

#table-basket-items th {
    border-bottom: 2px solid #f3f3f3;
}

#table-basket-items .table, #table-basket-items td, #table-basket-items tr {
    border: none;
}

    #table-basket-items .table td {
        border: none;
    }

.dd-Wrap-Sub p {
    margin-bottom: 3px;
}

.top-border-subcontainer .media-object {
    width: 55px;
}

.panel-heading {
    height: 27px;
    padding: 0;
}

    .panel-heading h4 {
        line-height: 27px;
    }

.input.qty {
    float: left;
}

.sage-pay-frame {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

    .sage-pay-frame > iframe html {
        overflow: hidden;
    }

#form-card_details\2e field-cardholder {
    background-color: red;
}
/*#endregion */



.headerButton {
    /*float:left;*/
}

.address-book p {
    line-height: 14px;
    margin-bottom: 2px;
}

.address-book img.btn {
    max-width: 100%;
    padding: 25%;
}

.address-book-header {
    margin-top: 35px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 2px #f7f7f7;
}

    .address-book-header h3 {
        font-size: 13px;
        margin: 0;
    }

    .address-book-header span {
        font-size: 11px;
        line-height: 20px;
    }

.validation-summary-errors.text-danger ul, .validation-summary-errors ul {
    padding-left: 10px;
}

    .validation-summary-errors.text-danger ul li, .validation-summary-errors ul li {
        list-style: none;
        font-family: 'Crimson Text', serif !important;
        color: red;
        text-transform: uppercase;
    }


label.choice, label.accept-terms {
    font-weight: normal;
}

label {
    font-weight: normal;
    text-transform: uppercase;
}


.box-icon {
    max-width: 100%;
}

#accordion .panel-default {
    margin: 0;
    padding: 3px 0;
}

div.panel.panel-default.accordeon-header {
    border-bottom: solid 2px #f3f3f3;
}

#accordion .panel-default:nth-child(even) ,#accordion .panel-collapse:nth-child(even) {
    background-color: #f3f3f3 !important;
}

#accordion .panel-default:nth-child(odd) ,#accordion .panel-collapse:nth-child(odd) {
    background-color: #fbfbfb !important;
}

#accordion .panel-default > .panel-heading {
    background-color: transparent;
    padding: 0;
}

    #accordion .panel-default > .panel-heading p, #accordion .panel-default > .panel-heading a {
        font-size: 12px;
        margin: 0;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

.panel-body {
    background-color: #fbfbfb;
}

#payment-select label > img {
    width: 90%;
    /*margin-left:10px;*/
}


.text-low p {
    margin-bottom: 0;
}

#currOption {
    width: 75px;
    min-width: 75px;
}


#step2-form span.promo-description {
    display: block;
    float: none;
    width: 100%;
}
#step2 h4{
    font-weight:600;
    font-size:14px;
    text-transform:uppercase;
}

table.company-table {
    border: none;
}


    table.company-table tr > th {
        font-family: 'Crimson Text', serif !important;
        text-transform: uppercase;
        font-size: 12px;
        background-color: #fbfbfb;
        border-top: none;
        border-bottom: solid 2px #f3f3f3;
        padding-bottom: 11px;
        margin-bottom: 22px;
    }

a.nav-link.fake {
    pointer-events: none;
}

table.company-table td, table.company-table tr {
    font-size: 12px;
    border: none;
    border-top-color: #fbfbfb !important;
}

    table.company-table tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

tr.company-table-footer td {
    background-color: #fbfbfb !important;
    border-top-color: #fbfbfb !important;
}

tr.company-table-footer h4 {
    margin: 0;
    line-height: 19px;
    font-size: 14px;
}

table.company-table > tbody > tr > td.strong-border-top {
    border-top: solid 2px #f3f3f3 !important;
}

img.panel-top-icon {
    float: right;
    width: 52px;
    height: 52px;
    margin-left: 15px;
    margin-bottom: 15px;
}

tr.company-table-footer h5 {
    margin: 0;
    line-height: 19px;
    font-size: 12px;
}

.panel-top h3 {
    margin-bottom: 25px;
    font-size: 14px;
}

.panel-top {
    margin-bottom: 35px;
}

.panel-default > .panel-heading {
    font-weight: bold;
    /*disbled for order history
    margin-right: -10px;
    margin-left: -10px;*/
    background-color: #f3f3f3;
    line-height: 27px;
}

h4.panel-title {
    font-size: 12px;
}

.top-border-subcontainer.no-footer {
    padding-bottom: 40px;
    /*removed because of details bottom*/
    /*margin-bottom: 20px;*/
}

input#reward-points, input#promoText {
    text-align: center;
}

span#lowercase {
    text-transform: lowercase;
}

#Ul-Price li {
    height: auto;
}

#slider-range {
    margin: 17px 0 0 2px;
    height: 2px;
    width: 90%;
    position: relative;
    background: #eaeaea;
    border: none;
    border-left: 0;
    border-right: 0;
}

    #slider-range > .ui-slider-handle.ui-state-default.ui-corner-all {
        border-radius: 50px !important;
        background-image: none !important;
        margin-top: -3px;
        margin-left: 0;
        background-color: #5c5c5c;
        border-color: #5c5c5c;
    }

    #slider-range > ui-slider-handle ui-state-default ui-corner-all {
        margin-top: -16px;
    }

    #slider-range > .ui-widget-header {
        background-color: #5c5c5c;
        background-image: none;
    }

#amount {
    padding-top: 15px;
    text-align: center;
}

.text-danger {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 9px;
}

.terms-info.warning, .terms-info.warning a, .text-danger {
    color: red;
}

.review-row {
    padding: 5px;
    margin: 5px 0;
    border-bottom: solid 1px #f3f3f3;
}

.svg-image {
    width: 20px;
    height: 19px;
    margin-top: -3px;
    padding: 0;
}

.btn-space-bottom {
    margin-bottom: 15px;
}

.svg-container {
    height: 0;
    padding-top: 30%;
    position: relative;
}

.svg--responsive {
    position: absolute;
    top: 0;
    left: 0;
}

.home-svg {
    background-image: url(/Content/icons/home.svg);
    background-repeat: no-repeat;
    /*background-size:cover;*/
    width: auto;
    height: 20px;
    background-position: center center;
    background-size: 60%;
    margin: 8px;
}

.dropdown-menu > li > form.log-off-form {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.user-icon {
    height: 12px;
}
.user-icon.large{
    height:18px;
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-button-wraper {
    padding-right: 25px;
}

input#PostCode, input#d_postcode {
    text-transform: uppercase;
}

#account-navbar.collapse.navbar-collapse {
    display: none !important;
}

.image-wraper {
    overflow: hidden;
}

button.package-plus, button.package-minus,
button.minus, button.plus {
    background-color:transparent;
    border: solid 1px transparent;
    width: 12px;
    height: 23px;
    padding: 0;
}
button.package-plus,
button.package-minus{
    background:transparent;
    border:1px solid transparent;
}
/*#region fixes */

.quick-aniamated {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}



@keyframes pulse {
    0% {
        background-color: #eaeaea;
        color: #2c2c2c;
        -moz-transition: background-color, color;
        -o-transition: background-color, color;
        -webkit-transition: background-color, color;
        transition: background-color, color;
    }

    50% {
        background-color: #c7c7c7;
        color: #404040;
        -moz-transition: background-color, color;
        -o-transition: background-color, color;
        -webkit-transition: background-color, color;
        transition: background-color, color;
    }

    100% {
        background-color: #eaeaea;
        color: #2c2c2c;
        -moz-transition: background-color, color;
        -o-transition: background-color, color;
        -webkit-transition: background-color, color;
        transition: background-color, color;
    }
}

@keyframes animation-hide {
    0% {
       visibility: visible;
        opacity: 1;
        -moz-transition: all;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        display:block;
         height:auto;
    }




    100% {
       visibility: hidden;
        opacity: 0;
        -moz-transition: all;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        height:0;
    }
}

@keyframes animation-show {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transition: all;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        display:block;
         height:auto;
    }




    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transition: all;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        height:0;
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

.ani-hide {
    -webkit-animation-name: animation-hide;
    -moz-animation-name: animation-hide;
    -o-animation-name: animation-hide;
    animation-name: animation-hide;
}


.navbar-toggle {
    margin-right: 5px;
}

.final-buttons a.Main-Button {
    margin-bottom:10px;
}
.ProductListing-PromoDesc.large {
    padding:10px 0;
    font-size:12px;
    border-bottom: solid 3px #eaeaea;
    margin-bottom:40px;
    float:none;

}

.promo-info a,.promotion .hilight {
    color:#ae3232 !important;
}
.row-promo-description .hilight  {
    color:#ae3232;
    font-size:11px;

}

#accordion  .panel-heading.active  span.acc-view {
    display:none;
}
#accordion  .panel-heading.active  span.acc-hide {
    display:block;
}


#accordion  .panel-heading  span.acc-view {
    display:block;
}
#accordion  .panel-heading  span.acc-hide {
    display:none;
}
.header-brand-name {
    padding-bottom: 15px;
    border-bottom: 5px solid #f7f7f7;
    font-size: 17px;
    text-transform: uppercase;
    margin-top:0;
    margin-bottom:5px;
}
.brand-group {
    /*border:solid 1px red;*/
    padding-bottom:25px;
}

ul#double{
  width:790px;
  margin:0px auto;
  overflow:hidden;
  display:block;

}
ul#double >li{

  float:left;
  display:inline;
  margin-right:35px;
}
#double li  { width:45%;}
/*#endregion */
a.fm-link, p.footer-text {
    color:#4f4f4f;
    text-transform:none;
}
p.footer-text{
    margin:10px 0 0 0;
}
 .payments-icons {
     max-width:100%;
 }

 /* homepage */
 .home-page-middle-img img{
     width:100%;
 }
 /* end homepage */


 /* heritage additions */
 /* header */
 .header{
     background:#29282b url(/Content/images/rampant_lion_header.png) 0 0 repeat;
     height:208px;
     padding:0;
     margin-bottom:46px;
 }

 .header .container.wide{
     margin-top:0px;
    /* margin-bottom:18px;*/

 }




 #navigation{
     /*height:38px;*/
     font-family: 'Crimson Text', serif;
     font-size:17px;

     color:red !important;
 }
 #navigation .nav > li > a {
     letter-spacing:0.1em;
     line-height:19px;
     height:36px;
 }

 .company-logo{
     max-width:311px;
     max-height:122px;
 }
 .top-right-menu{
     position:relative;
     z-index:150;
 }
 .top-right-menu .currency-drop-container{
     width:40px;
     position:relative;
     z-index:100;
 }

 #activeCurrencyLink
 {
     margin-left:8px;
 }
 #activeCurrencyLink img{
     margin-top:1px;
 }
 .user-icon {
     margin-top:-3px;
 }
 #dLabel span {
     margin-top:-3px;
 }
 .dropdown-menu{

 }

 #curency-drop{
    width:77px;
    padding:0px 0 0 8px;
    padding:2px 0 0 0;
    height:25px;
    top:-4px;
    left:-6px;
    background:transparent;
    z-index:150;
 }
#curency-drop.open{
    /*background:#3c3b40;
    background:rgba(60, 59, 64, 0.94);*/
    background:rgba(104, 104, 104, 0.94);
}
 #curency-drop .dropdown-menu{
    box-shadow: 5px 6px 6px rgba(0,0,0,0.175);
    width:77px;
    margin:0;
    border:0;
    padding:0px 0 5px 0;
 }
#curency-drop .dropdown-menu li{
    margin:0;
    padding:0 0 0 0px;
}
 #curency-drop .dropdown-menu a{
    font-weight:900;
    padding:0 0 0 8px;
    display:inline-block;
    height:22px;
    width:77px;
    line-height:19px;
 }
#curency-drop .dropdown-menu a span{
    padding-left:3px;
    font-size:11px;
    display:inline-block;
    height:22px;
    line-height:20px;
}
#headerTop
{
    color:#fff;
    margin-top:20px;
}
#headerTop .headerRight{
    margin-top:20px;
}
/*.currency-drop-container .dropdown-menu{display:block;}*/

 /* dropdown basket */
 .dd-Table a{
    color:#404040;
 }
 /* end dropdown basket */

 /* end header */

 /* frontpage */

 .fp-seo{
     position:relative;
     margin-top:30px;
     margin-bottom:40px;
 }

 .fp-seo,
.fp-seo *{
    color:#121212;
    /*font-family: 'Open Sans', sans-serif !important;*/
}

.fp-seo h4,
.fp-seo h5{
    font-weight:600;
    text-align:center;
}
.fp-seo h5{
    font-size:21px;
    line-height:15px;
    margin-bottom:15px;
}
.fp-seo h4{
    font-size:27px;
    line-height:20px;
}
 #seo-content{
     position:relative;
     height:110px;
     overflow:hidden;
     transition: height .3s ease-in-out;
     text-align:center;
     font-size:14px;
 }
 .fpBottom > div{
     padding:0px 0 0px 0;
 }
 .fpBottom img{
     width:100%;

     max-width:none;
 }

 a#readmore{
     position:absolute;
     background:#fff;
     left:59%;
     left:auto;
     right:15px;
     bottom:0;
     cursor:pointer;
     text-decoration:underline;
     transition: left .3s ease-in-out;
     padding:0 10px;
 }

 /* end frontpage */

 /* footer */

 /* newsletter */

#newletterModal * {
    font-family:'Open Sans', sans-serif !important;
    letter-spacing:0.05em;
}

#newletterModal h1 .strong {
    font-size: 25px;
}

#newletterModal h1 {
    text-align: left !important;
}
#newletterModal h2 {
    line-height:32px;
    font-size:15px;
    font-weight:500;
}
#newletterModal p{
    font-size:14px;
    margin:10px 0 20px 0;
}
#newletterModal .close.visible-xs {
    color: #fff;
    opacity: 0.9;
}
#newletterModal input#E_mail {
    border-radius: 0;
    font-size: 12px;
    padding: 6px 12px;
    height: 34px;
    background-color: #fff;
    color: #2c2c2c;
    border: none;
}

#newletterModal input.btn.btn-sm,
#newletterModal input.btn.btn-success
 {
    float: right;
    border-color: #fff;
    background-color: white !important;
    color: #2c2c2c;
}
#newletterModal .close{
    position:absolute;
    z-index:200;
    right:12px;
    top:-2px;
    color:#fff;
    font-size:50px;
    font-weight:100;
    opacity:1;
    font-family:Arial;
}

#newletterModal .panel-body {
    background-color: #704220;
}

#futured-products h4 {
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing:0.05em;
    font-size:15px;
    font-weight:600;
}

#newletterModal > div > div > div > div > div.col-sm-5 {
    position: relative;
    /*height: 313px;*/
    height:auto;
}

#newletterModal > div > div > div > div > div.col-sm-5 > img {
    bottom: 0;
    max-height:313px;
}

 .newsletter-container{
     position:relative;
     margin-top:5px;
 }

#E_mail.newsletter-input{
    background:#f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 10px;
    width: 163px;/*100%;*/
    width:100%;
    height:21px;
    padding: 0px 0px;
    color:#3b3b3b;
    text-indent:10px;

    font-weight:600;
    font-style:italic !important;
 }
.newsletter-container input.btn.btn-sm{
    background:#f7f7f7;
    width:45px;
    height:18px;
    position:absolute;
    right:1px;
    top:1px;
    color:#3b3b3b;
    text-align:center;
    padding:0;
    border:none;
    letter-spacing:0px;
 }
#newletterModal .newsletter-container input.btn.btn-sm {
    height:32px;
}
.newsletter-container ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#3b3b3b;
    font-style:italic !important;
}

 /* end newsletter */
 .footerNav{
     margin-bottom:10px;
 }
 input.package-search,
 select.form-control,
 .select-default select,
 .footerNav select{
     border:1px solid #444444;
     height:35px;
     color:#444444;
     text-transform:uppercase;
     font-size:15px;
     padding-top:4px;
     border-radius:5px;
 }
 .select-default select {
     border-width:1px;
 }
 /* end footer */

 /* end heritage editions */

 /* product options */

    input[checkbox]
    {
        opacity:100;
        width:auto;

    }
    input[checkbox].form-control{
        border:none;
    }
    .form-product-options input[type="checkbox"] {
        padding:0;
        height:auto;
        margin-top:12px;
    }
    .option-title
    {
        font-size:15px;
        line-height:25px;
        text-transform:uppercase;
    }
    .option-container
    {
        /*margin:10px 0;
        border-top:1px solid #f0f0f0;
        border-bottom:1px solid #f0f0f0;*/
    }
    .popover
    {
        z-index:200;
        width:80%;
    }

    .popover-title {
        font-size: 16px;
        font-weight:600;
    }
    .popover-content {
        font-size: 11px;
    }
    .popup-info {
        padding-left:9px;
        border-radius:14px;
        display:inline-block;
        border:1px solid #111111;
        height:26px;
        width:26px;
        text-align:center;
        text-align:left;
        line-height:23px;
        font-size:14px;
        font-weight:600;
        cursor:default;
    }
    .btn-reset{
        background:#fff;
        color:#9c9c9c;
        border:2px solid #c7c7c7;
    }
    .missing-item{
        position:absolute;
        width:100%;
        background:#fff;
        text-align:center;
        font-weight:600;
        font-size:14px;
        padding:15px 0;
        top:7px;
        left:0;
        border:2px solid #f0f0f0 !important;
        display:none;
        z-index:100;
    }
    .option-title .popover {
        left:147px !important;
    }
 /* end product options */

 /* basket package/option */

    .basket-image img{
        width:100%;
        max-width:none;
    }
    #table-basket-items .Package-Main{
        border-top:10px solid #fff;
    }

    #table-basket-items .Package-Main > td
    {
        background:#eeeeee !important;
        margin:10px 0;
    }
    #table-basket-items .Package-Sub{
        background:#f3f3f3;
        display:none;
    }
    #table-basket-items .Package-Sub-Open{
        border-top:10px solid #fff;

    }
    .show-package
    {
        font-size:35px;
        font-weight:100;
    }

    /* WYSIWYG image for package */
    #table-basket-items .Package-Main p img{
        display:inline-block;
        width:100%;

    }

 /* end basket package/option */

 /* package product listing */

 .package-description{
     position:relative;
     height:45px;
     overflow:hidden;
 }
 .package-description p{
     line-height:15px;
 }

 /* end package product listing */

 /* size guide page - js - 25-11-2016 - #97866 */

 ol.counter {
    counter-reset: list;
    font-size:1.35em;
}
h3.measure,
ol.counter h3 {
    font-size:1.35em;
    font-size:22px !important;
    font-weight:600 !important;
    text-transform:uppercase;
    margin:0;
}
h3.measure {
    text-align:center;
    /*margin:0px auto 25px auto;*/
}
ol.counter > li {
    list-style: none;
    position: relative;
    margin:10px 0 15px 0px;
    padding:0 0 0 10px;
}
ol.counter > li:before {
    counter-increment: list;
    content: counter(list, upper-alpha) ") ";
    letter-spacing:1px;
    position: absolute;
    left: -1.4em;
    font-weight:900;
}
ol.counter > li:first-child {
    padding:0 0 7px 7px;
    margin-top:0;
}
ol.counter > li:first-child:before{
    content:'';
    counter-reset: list;
}

 /* end size guide page */


 /* product options */
.option-container .choice {
    height:20px;
    display:inline-block;
    margin-top:7px !important;
}
 /* end product options */


/* common */
.width-50 {
    width:50% !important;
}
.width-100 {
    width:100% !important;
}

.display-block {
    display:block !important;
}
.full-height{
    height:100% !important;
}
.display-inline-block {
    display:inline-block;
}

.opacity-50 {
    opacity:.5;
}
.bold-100 {
    font-weight:100 !important;
}
.bold-600 {
    font-weight:600;
}
.clear {
    clear:both !important;
}
.remove-margin {
    margin:0 !important;
}
.remove-margin-top {
    margin-top:0 !important;
}
.margin-right-5{
    margin-right:15px !important;
}
.margin-right-25{
    margin-right:25px !important;
}
.margin-right-35{
    margin-right:35px !important;
}
.margin-top-5{
    margin-top:5px !important;
}
.margin-top-10{
    margin-top:10px !important;
}
.margin-top-15{
    margin-top:15px !important;
}
.margin-top-20
{
    margin-top:20px !important;
}
.margin-top-40{
    margin-top:40px !important;
}
.margin-top-50{
    margin-top:50px !important;
}
.margin-bottom-5{
    margin-bottom:5px !important;
}
.margin-bottom-10{
    margin-bottom:10px !important;
}
.margin-bottom-15 {
    margin-bottom:15px !important;
}
.margin-bottom-20{
    margin-bottom:20px !important;
}
.margin-bottom-25{
    margin-bottom:25px !important;
}
.margin-bottom-30{
    margin-bottom:30px !important;
}
.margin-bottom-40{
    margin-bottom:40px !important;
}
.margin-bottom-60{
    margin-bottom:60px !important;
}
.font-primary{
    font-family: 'Open Sans', sans-serif !important;
}
.font-secondary
{
    font-family: 'Crimson Text', serif !important;
}
.font-italic{
    font-style:italic !important;
}
.font-larger {
    font-size:1.1em;
}
.remove-padding
{
    padding:0 !important;
}
.remove-padding-horizontal{
    padding-left:0px !important;
    padding-right:0px !important;
}
.remove-padding-left{
     padding-left:0 !important;
}
 .remove-padding-right{
     padding-right:0 !important;
 }
.border-bottom-2
{
    border-bottom:2px solid #f0f0f0 !important;
}
.border-bottom-2 {
    border-bottom:2px solid #f0f0f0 !important;
}
.border-top-bottom-2
{
    border-top:2px solid #f0f0f0 !important;
    border-bottom:2px solid #f0f0f0 !important;
}
.border-bottom-dotted{
    border-bottom:1px dotted #2c2c2c;
}
.border-primary {
    border:1px solid #E8E8E8;
}
.border-secondary-top-2 {
    border-top:2px solid #f9f9f9;
}

.padding-vertical-10
{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.padding-vertical-15
{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.padding-horizontal-5 {
    padding-right:5px !important;
    padding-left:5px !important;
}
.padding-horizontal-20
{
    padding-left:20px !important;
    padding-right:20px !important;
}
.padding-horizontal-40
{
    padding-left:40px !important;
    padding-right:40px !important;
}
.padding-horizontal-10
{
    padding-left:10px !important;
    padding-right:10px !important;
}
.padding-horizontal-6
{
    padding-left:6px !important;
    padding-right:6px !important;
}
.padding-top-5 {
    padding-top:5px !important;
}
.padding-top-10{
    padding-top:10px !important;
}
.padding-top-15 {
    padding-top:15px !important;
}
.padding-top-20 {
    padding-top:20px !important;
}
.padding-top-25
{
    padding-top:25px !important;
}
.padding-top-40 {
    padding-top:40px !important;
}
.padding-bottom-5 {
    padding-bottom:5px;
}
.padding-bottom-15
{
    padding-bottom:15px !important;
}
.padding-bottom-20 {
    padding-bottom:20px !important;
}
.padding-bottom-40{
    padding-bottom:40px !important;
}
.padding-left-10{
    padding-left:10px !important;
}
.padding-left-20{
    padding-left:20px !important;
}
.padding-right-30{
    padding-right:30px !important;
}
.margin-vertical-20 {
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.margin-vertical-40 {
    margin-top:40px !important;
    margin-bottom:40px !important;
}
.padding-10{
    padding:10px !important;
}
.padding-20{
    padding:20px !important;
}
.font-size-20 {
    font-size:20px;
}
.line-through {
     text-decoration: line-through !important;
}

.line-height-10{
     line-height:10px !important;
}
.line-height-15 {
     line-height:15px !important;
}
.line-height-20 {
     line-height:20px !important;
}

.remove-float {
    float:none !important;
}

.highlight-colour {
    color: #A0A0A0 !important;
}
.highlight-colour2 {
    color: #606060 !important;
}

.text-overflow {
    display:inline-block;
    text-overflow:ellipsis;
    width:85% !important;
    overflow:hidden;
    white-space:nowrap;
}
.text-overflow-multi-2 {
    position:relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    overflow:hidden;

}
.text-no-overflow {
    display:inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.font-weight-400{
    font-weight:400 !important;
}
.colour-sale {
    color:#832525 !important;
    border-color:#832525 !important;
}

.text-decoration-underline {
    text-decoration:underline !important;
}

.text-initial {
    text-transform:initial !important;
}
/* end common */