body {
    margin: 0px;
    padding: 0px;
    background: #eeeded;
    /*background-image: url('../images/winter-bg-v3.jpg');*/
    background-repeat: no-repeat;
    background-position: right top;
    font-family: Arial, Tahoma;
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
}

/* Responseive Rules */
#wrap-user,
#header,
#wrap-content,
#right-column,
ul#inline-product-list li .product-info,
#paymentConfirm_card,
.paymentConfirm_right { 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 1911px) {
    #wrap-user,
    #header,
    #wrap-content { width: 1800px }
    #right-column { width: 1560px; }
    ul#inline-product-list li .product-info { width: 1080px; }
    #paymentConfirm_card { width: 650px; }
    .paymentConfirm_right { width: 600px; font-size: 16px; }
}
@media only screen and (min-width: 1711px) and (max-width: 1910px) {
    #wrap-user,
    #header,
    #wrap-content { width: 1600px }
    #right-column { width: 1360px; }
    ul#inline-product-list li .product-info { width: 890px; }
    #paymentConfirm_card { width: 650px; }
    .paymentConfirm_right { width: 550px; font-size: 14px; }
}
@media only screen and (min-width: 1551px) and (max-width: 1710px) {
    #wrap-user,
    #header,
    #wrap-content { width: 1440px }
    #right-column { width: 1200px; }
    ul#inline-product-list li .product-info { width: 750px; }
    #paymentConfirm_card { width: 620px; }
    .paymentConfirm_right { width: 450px; font-size: 12px; }
}
@media only screen and (min-width: 1301px) and (max-width: 1550px) {
    #wrap-user,
    #header,
    #wrap-content { width: 1200px; }
    #right-column { width: 960px; }
    ul#inline-product-list li .product-info { width: 510px; }
    #paymentConfirm_card { width: 500px; }
    .paymentConfirm_right { width: 350px; }
}
@media (max-width: 1300px) {
    #wrap-user,
    #header,
    #wrap-content { width: 960px; }
    #right-column { width: 720px; } /* -240px */
    ul#inline-product-list li .product-info { width: 270px; }
    #paymentConfirm_card { width: 620px; }
    .paymentConfirm_right { width: 300px; }
}
/* Response Rules End*/

.mceEditor {
    width: 100%;
}

@font-face {
    font-family: US101;
    src: url("US101.eot?") format("eot"),url("US101.woff") format("woff"),url("US101.ttf") format("truetype"),url("US101.svg#U.S.101") format("svg");
    font-weight: normal;
    font-style: normal;
}

a {
    color: #2d75b2;
    text-decoration: none;
}
    a:visited {
        color: #2d75b2;
    }
    a:hover {
        text-decoration: underline;
    }


.Strike {
    color: red;
    text-decoration: line-through;
}

i.mandatory {
    color: red;
    vertical-align: super;
    font-size: 9px;
}

.Banner_Staging {
    position: absolute;
    left: 0px;
    width: 25px;
    border: 1px solid black;
    padding: 5px;
    background-color: #fdffbe;
    top: 0px;
    z-index: 9999;
}

.Banner_Debug {
    position: absolute;
    left: 0px;
    width: 25px;
    border: 1px solid black;
    padding: 5px;
    background-color: #eecdcd;
    top: 25px;
    z-index: 9999;
}

/* Slides (Slick) */
#HomePageSlideShow {
    margin-bottom: 10px;
}

ul.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    top: 0px;
    left: 50%;
    width: 710px;
    padding: 0px;
    margin: 5px 0px 0px -355px;
    text-align: right;
}

ul.slick-dots li {
    display: inline-block;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    background-color: #a09f9f;
    border: 1px solid black;
    padding: 0px;
    overflow: hidden;
    border-radius: 50%;
}

ul.slick-dots li.slick-active {
    background-color: #e6c506;
}
ul.slick-dots li button {
    display: none;
}

div.center,
p.center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
    width: 100%;
}

img {
    border: 0px;
}

input:focus {
    outline: none;
}

.customPrice {
    font-weight: 700 !important;
    color: green !important;
}

.pinkBox {
    color: white; 
    border-color: #fe019a; 
    background-color: #fe019a;
}

.errorBox {
    background-color: #ffe9e9;
    border: solid 1px #fbc4c4;
    color: #de5959;
    padding: 15px;
    margin: 5px 0px 5px 0px;
}

.warningBox {
    background-color: #FBFADD;
    border: solid 1px #ded58a;
    color: #8f872e;
    padding: 15px;
    margin: 5px 0px 5px 0px;
}

.noticeBox {
    background-color: #e9f5e1;
    border: solid 1px #b3dc82;
    color: #618e28;
    padding: 15px;
    margin: 5px 0px 5px 0px;
}

.errorBox.compact,
.warningBox.compact,
.noticeBox.compact {
    padding: 8px 8px;
}

.select2 {
    display: none;
    margin-bottom: 4px !important;
}
.select2Grp {
    font-weight: bold;
}
.select2Indent {
    padding-left: 1em;
}

.select2-container .select2-selection--single {
	min-height: 32px;
}

.select2-results__option.select2-results__option--selected .select2Indent:before,
.select2-results__option.select2-results__option--selected .select2Grp:before{ 
    content:'\f14a'; 
    padding:0 8px 0 0px; 
    font-family:'Font Awesome 5 Free';
    color: green;
    font-weight: normal;
}
.select2-results__option.select2-results__option--selectable:not(.select2-results__option--selected) .select2Indent:before,
.select2-results__option.select2-results__option--selectable:not(.select2-results__option--selected) .select2Grp:before { 
    content:'\f0c8'; 
    padding:0 8px 0 0px; 
    font-family:'Font Awesome 5 Free';
    font-weight: normal;
}

.productListingFilters select2 {
    width: 200px;
}

.productListingBanner {
    background-color: #FBFADD;
    color: #8f872e;
    padding: 15px 10px;
    border-bottom: 1px solid #bebebe;
}

th.NotesCol {
    text-align: center;
}
td.NotesCol {
    text-align: center;
    font-size: 21px;
    cursor: pointer;
}
td.NotesCol:hover {
    font-weight: bold;
}

img.BETT {
    border: none;
}

.strikeRed,
.strikeRed a,
.strikeRed a:link,
.strikeRed a:visited,
.strikeRed a:active {
    color: red;
    text-decoration: line-through;
}

.adminOrderButton {
    position: absolute; 
    top: 45px; 
    cursor: pointer;
    color: black;
}
.adminOrderButton:hover {
    color: maroon;
}

input.nice-i {
    color: #494949;
    border: 1px solid #e2e2e2;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 4px 4px -1px rgba(229, 229, 229, 1);
    -moz-box-shadow: inset 2px 4px 4px -1px rgba(229, 229, 229, 1);
    box-shadow: inset 2px 4px 4px -1px rgba(229, 229, 229, 1);
}

input.nice-s, a.nice-a {
    cursor: pointer;
    line-height: 27px;
    text-align: center;
    border-bottom: 1px solid #8a8a8a;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    font-family: US101;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    color: #c8a901;
    text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e3e3e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#e3e3e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#e3e3e3 100%); /* IE10+ */
    background: linear-gradient(top, #fefefe 0%,#e3e3e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
    touch-action: manipulation;
    padding-left: 15px;
    padding-right: 15px;
}

input.nice-s:disabled {
    color: #2a2a2a;
}

input.nice-s:disabled:hover {
    color: #2a2a2a;
    cursor: not-allowed;
}

a.nice-a2 {
    border-bottom: 1px solid #868686;
    color: #ffffff;
    font-family: US101;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px -1px 0px #389b2d;
    filter: dropshadow(color=#389b2d, offx=0, offy=-1);
    background: #52ce3d; /* Old browsers */
    background: -moz-linear-gradient(top, #52ce3d 0%, #21a427 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52ce3d), color-stop(100%,#21a427)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52ce3d 0%,#21a427 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52ce3d 0%,#21a427 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52ce3d 0%,#21a427 100%); /* IE10+ */
    background: linear-gradient(top, #52ce3d 0%,#21a427 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52ce3d', endColorstr='#21a427',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    touch-action: manipulation;
}

input.nice-s:not(:disabled):hover, a.nice-a:hover {
    line-height: 27px;
    color: #2e292b;
    border-bottom: 1px solid #8a8a8a;
    text-decoration: none;
    text-shadow: 0px 1px 0px #edd759;
    filter: dropshadow(color=#edd759, offx=0, offy=1);
    background: #ffd900; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd900 0%, #dfbd02 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd900), color-stop(100%,#dfbd02)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd900 0%,#dfbd02 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd900 0%,#dfbd02 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd900 0%,#dfbd02 100%); /* IE10+ */
    background: linear-gradient(top, #ffd900 0%,#dfbd02 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd900', endColorstr='#dfbd02',GradientType=0 ); /* IE6-9 */
    touch-action: manipulation;
}

a.nice-a {
    padding: 0px;
}

.wrap-title-black {
    height: 40px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background: #4e4648; /* Old browsers */
    background: -moz-linear-gradient(top, #4e4648 0%, #221e1f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4648), color-stop(100%,#221e1f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* IE10+ */
    background: linear-gradient(top, #4e4648 0%,#221e1f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4648', endColorstr='#221e1f',GradientType=0 ); /* IE6-9 */
}

.breadcrumbV2 {
    font-family: US101;
    font-size: 21px;
    text-transform: uppercase;
    color: white;
    line-height: 40px;
    padding-left: 8px;
}
.breadcrumbV2 a {
    color: white;
}

.breadcrumbV2 a:hover {
    color: #f9d302;
    cursor: pointer;
}

h2.nice-title, h1.nice-title {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-family: US101;
    /*font-size: 20px;*/
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 0px -1px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=-1);
}

#top {
    width: 100%;
    height: 181px;
    background: #292929; /* Old browsers */
    background: -moz-linear-gradient(top, #292929 0%, #151515 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#151515)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #292929 0%,#151515 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #292929 0%,#151515 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #292929 0%,#151515 100%); /* IE10+ */
    background: linear-gradient(top, #292929 0%,#151515 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}

#wrap-user-border {
    width: 100%;
    height: 36px;
    border-bottom: 1px solid #232323;
}

#wrap-user-border2 {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #443b3d;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#352e30+0,221d1e+100 */
    background: #352e30; /* Old browsers */
    background: -moz-linear-gradient(top, #352e30 0%, #221d1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #352e30 0%,#221d1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #352e30 0%,#221d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352e30', endColorstr='#221d1e',GradientType=0 ); /* IE6-9 */
    position: relative;
}

#wrap-user {
    height: 35px;
    margin: 0 auto;
    text-align: center;
}

#user-message {
    float: left;
    width: 230px;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-align: left;
}

#CreditInfoInHeader {
    width: 500px;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    color: white;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -250px;
}

#NoticeBoard {
    padding-left: 15px;
    z-index: 10000;
    position: fixed;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    bottom: 0px;
    right: 0px;
    margin-top: -21px;
    margin-left: -310px;
    background-color: #f9edbe;
    border-right: solid 1px #f0c36d;
    border-top: solid 1px #f0c36d;
    border-left: solid 1px #f0c36d;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    width: 310px;
    color: #222222;
    display: none;
    font-weight: bold;
}

ul#user-menu {
    float: right;
    width: 230px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    color: #7e7e7e;
    list-style: none;
    text-align: right;
}

    ul#user-menu li {
        display: inline-block;
        margin-left: 10px;
    }

    * html ul#user-menu li {
        display: inline;
    }

    * + html ul#user-menu li {
        display: inline;
    }

        ul#user-menu li a {
            display: inline-block;
            height: 35px;
            line-height: 35px;
            font-size: 11px;
            color: #c29700;
            text-decoration: none;
            padding-left: 10px;
            background: url(../images/V4/user-menu-arrow.png) no-repeat left center;
        }

        * html ul#user-menu li a {
            display: inline;
        }

        * + html ul#user-menu li a {
            display: inline;
        }

            ul#user-menu li a:hover {
                text-decoration: underline;
            }

#header {
    height: 144px;
    margin: 0 auto;
    text-align: center;
}

#header-top {
    float: left;
    width: 100%;
    height: 52px;
    margin: 25px 0px;
    position: relative;
}

#wrap-logo {
    float: left;
    width: 230px;
    height: 52px;
}

    #wrap-logo a {
        float: left;
    }

        #wrap-logo a img {
            float: left;
            border: 0px;
            margin-left: 0px;
            margin-top: -10px;
        }

#wrap-header-info {
    float: right;
    width: 730px;
    height: 52px;
    text-align: left;
}

#cart {
    float: right;
    width: 245px;
    height: 52px;
    padding-left: 70px;
    background: url(../images/V4/cart-icon.png) no-repeat 25px center;
    margin-top: -7px;
}

#cart-title {
    float: left;
    font-family: US101;
    text-transform: uppercase;
    font-size: 18px;
    width: 100%;
    color: #ffffff;
    margin-top: 5px;
    text-shadow: 0px 1px 0px #121212;
    filter: dropshadow(color=#121212, offx=0, offy=1);
}

#cart-summarry {
    float: left;
    width: 100%;
    color: #8e8e8e;
}

    #cart-summarry a.items {
        font-weight: bold;
        color: #f3cd02;
        text-decoration: none;
    }

        #cart-summarry a.items:hover {
            text-decoration: underline;
        }

    #cart-summarry span.price {
        font-weight: bold;
        color: #ffffff;
    }

#cart-cutoff {
    color: orange;
}

#header-social {
    position: absolute;
    width: 150px;
    height: 40px;
    right: 0px;
    top: -18px;
    text-align: right;
}
#header-social a {
    display: inline-block;
    margin-left: 10px;
    color: #ffffff;
}

.header_twitter:hover { color: darkslategray !important;  }
.header_facebook:hover { color: #1877f2 !important; }
.header_instagram:hover { color: #c32aa3 !important; }

#work-hours-and-search {
    position: absolute;
    width: 330px;
    top: -10px;
    height: 40px;
    padding: 0px;
    left: 50%;
    margin-left: -190px;
    /*background: url(../images/V4/working-hours-icon.png) no-repeat;
    background-position: bottom left;*/
}
    #work-hours-and-search input,
    #searchBox {
        position: absolute;
        left: 0px;
        display: block;
        width: 150px;
        font-size: 17px;
        padding: 7px 12px 7px 12px;
        margin: 0px;
        font-weight: normal;

        border: 2px solid #141414;
        background-color: white;

        font-family: US101, Arial;

        color: #222222;

        border-radius: 5px;
    }

    #CSVBox {
        position: absolute;
        right: 0px;
        display: block;
        width: 125px;
        height: 40px;
        font-size: 18px;
        color: white;
        font-family: US101, Arial;
        position: absolute;
        text-align: right;
        line-height: 34px;
        border-left: 2px solid #443b3d;
    }

    #CSVBox img {
        height: 32px;
        width: 30px;
        vertical-align:middle;
    }
        
    #CSVBox:hover  {
        cursor: pointer;
        text-decoration: underline;
        text-shadow: 1px -1px 0px black;
    }

    .CSVBoxBasket {
        text-align: right; 
        font-family: US101, Arial; 
        font-size: 21px; 
        cursor: pointer
    }

    .CSVBoxBasket:hover {
        text-decoration: underline;
    }
    
    #work-hours-and-search input:hover,
    #searchBox:hover {
        border: 2px solid #8a0405;
    }
    
    #work-hours-and-search input:focus,
    #searchBox:focus {
        border: 2px solid #8a0405;
    }

    #work-hours-and-search .white-line {
        position: absolute;
        bottom: -38px;
        right: 0px;
        font-size: 18px;
        font-family: US101, Arial;
        text-align: right;
        align-content: center;
        height: 36px;
    }
        #work-hours-and-search .white-line a,
        #work-hours-and-search .white-line a:visited {
            color: #e6c506;
        }

    #work-hours-and-search .pink-line {
        position: absolute;
        bottom: -38px;
        left: 5px;
        font-size: 18px;
        font-family: US101, Arial;
        text-align: right;
        align-content: center;
        height: 36px;
    }
        #work-hours-and-search .pink-line a, 
        #work-hours-and-search .pink-line a:visited {
            color: #ffffff;
        }

#header-bottom {
    float: left;
    width: 100%;
    height: 41px;
    border-top: 1px solid #443b3d;
    background: #362f31; /* Old browsers */
    background: -moz-linear-gradient(top, #362f31 0%, #1f1b1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362f31), color-stop(100%,#1f1b1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #362f31 0%,#1f1b1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #362f31 0%,#1f1b1c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #362f31 0%,#1f1b1c 100%); /* IE10+ */
    background: linear-gradient(top, #362f31 0%,#1f1b1c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362f31', endColorstr='#1f1b1c',GradientType=0 ); /* IE6-9 */
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

ul#header-menu {
    float: left;
    width: 100%;
    height: 41px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul#header-menu li {
        float: left;
        height: 41px;
        margin-right: 2px;
    }

        ul#header-menu li a {
            float: left;
            font-family: US101;
            font-size: 20px;
            height: 41px;
            line-height: 41px;
            color: #f3f3f3;
            text-decoration: none;
            padding: 0px 10px;
            text-transform: uppercase;
            text-shadow: 0px -1px 1px #000000;
            filter: dropshadow(color=#000000, offx=0, offy=-1);
        }

            ul#header-menu li a.active {
                color: #242323;
                text-shadow: 0px 0px 0px #000000;
                filter: dropshadow(color=#000000, offx=0, offy=0);
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #eeeded 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeded)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffffff 0%,#eeeded 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#eeeded 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#eeeded 100%); /* IE10+ */
                background: linear-gradient(top, #ffffff 0%,#eeeded 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeded',GradientType=0 ); /* IE6-9 */
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                -moz-border-radius-bottomright: 0px;
                -moz-border-radius-bottomleft: 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;
            }

            ul#header-menu li a.special {
                color: #f9d302;
            }

            ul#header-menu li a.inactive:hover {
                background: #4e484a; /* Old browsers */
                background: -moz-linear-gradient(top, #4e484a 0%, #383535 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e484a), color-stop(100%,#383535)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #4e484a 0%,#383535 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #4e484a 0%,#383535 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #4e484a 0%,#383535 100%); /* IE10+ */
                background: linear-gradient(top, #4e484a 0%,#383535 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e484a', endColorstr='#383535',GradientType=0 ); /* IE6-9 */
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                -moz-border-radius-bottomright: 0px;
                -moz-border-radius-bottomleft: 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;
            }

/*#search {
    float: right;
    width: 200px;
    height: 36px;
    margin-top: 5px;
    margin-right: 5px;
    text-align: right;
}

#search-form {
    float: left;
    width: 100%;
}

#search input.nice_search {
    float: left;
    width: 140px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin-left: 16px;
    padding-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: #696767;
    background: white;
    border-bottom: 1px solid #393637;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

#search input.nice_submit {
    float: left;
    height: 29px;
    width: 29px;
    background: #e0c52c url(../images/V4/search-button.png) no-repeat center center;
    border-bottom: 1px solid #393637;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
}

    #search input.nice_submit:hover {
        cursor: pointer;
    }*/

#wrap-content {
    margin: 0 auto;
}

#main-content-pre {
    float: left;
    width: 100%;
    height: 10px;
}

#footer {
    float: left;
    width: 100%;
}

#wrap-footer-links {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding: 30px 0px;
    background: #353535; /* Old browsers */
    background: -moz-linear-gradient(top, #353535 0%, #1c1b1b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#1c1b1b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #353535 0%,#1c1b1b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #353535 0%,#1c1b1b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #353535 0%,#1c1b1b 100%); /* IE10+ */
    background: linear-gradient(top, #353535 0%,#1c1b1b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1c1b1b',GradientType=0 ); /* IE6-9 */
}

#footer-links {
    width: 960px;
    margin: 0px auto;
    color: #808080;
}

.wrap-links {
    float: left;
    width: 220px;
    margin-right: 20px;
}

    .wrap-links h3 {
        float: left;
        width: 100%;
        font-size: 11px;
        color: #818181;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .wrap-links ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .wrap-links ul li {
            float: left;
            width: 100%;
        }

            .wrap-links ul li a {
                float: left;
                width: 100%;
                color: #c29700;
                font-size: 11px;
                line-height: 18px;
                text-decoration: none;
            }

                .wrap-links ul li a:hover {
                    text-decoration: underline;
                }

#wrap-bottom {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #000000;
    font-size: 11px;
    border-top: 1px solid #2c2b2b;
    border-bottom: 2px solid #181818;
}

#bottom {
    width: 960px;
    margin: 0 auto;
    color: #808080;
}

    #bottom .left {
        float: left;
        width: 230px;
        margin: 0px;
        padding: 0px;
    }

    #bottom .right {
        float: left;
        width: 430px;
        height: 20px;
        line-height: 20px;
        text-align: right;
        margin: 10px 0 10px 300px;
        padding: 0px;
    }

        #bottom .right p {
            float: left;
            margin: 0px;
            padding: 0px;
        }

            #bottom .right p a {
                float: left;
                margin-left: 5px;
            }

            #bottom .right p img {
                float: left;
                border: 0px;
            }

#main-content {
    float: left;
    width: 100%;
}

#left-column {
    float: left;
    width: 230px;
    margin-right: 10px;
}

#right-column {
    float: left;
}


    #main-content .wrap-title-black h2.nice-title {
        float: left;
        width: 170px;
        padding-left: 20px;
        margin: 0px;
    }

        #main-content .wrap-title-black h2.nice-title.long {
            width: 210px;
        }

#main-content #left-column .wrap-title-black {
    border-bottom: 1px solid #404040;
}

#main-content #left-column .left-block .wrap-title-black {
    border: 0px;
}

#main-content h1.nice-title {
    float: left;
    width: 550px;
    padding-left: 20px;
    margin: 0px;
}

#main-content .wrap-title-black.round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#wrap-categories {
    float: left;
    width: 100%;
    touch-action: manipulation;
}

    #wrap-categories .wrap-title-black .expanded {
        float: left;
        width: 40px;
        height: 40px;
        background: url(../images/V4/cat-expanded-icon.png) no-repeat center center;
    }

    #wrap-categories .wrap-title-black .collapsed {
        float: left;
        width: 40px;
        height: 40px;
        background: url(../images/V4/cat-expanded-icon.png) no-repeat center center;
    }

        #wrap-categories .wrap-title-black .expanded:hover, #wrap-categories .wrap-title-black .collapsed:hover {
            cursor: pointer;
        }

ul#category-menu {
    float: left;
    width: 100%;
    list-style: none;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 0px;
    background: #2a2a2a;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

    ul#category-menu li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #373737;
    }

        ul#category-menu li a {
            float: left;
            width: 190px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
            padding-right: 20px;
            color: #ffffff;
            font-size: 13px;
            text-decoration: none;
            background: url(../images/V4/cat-menu-arrow.png) no-repeat 210px center;
        }

            ul#category-menu li a:hover {
                background: #8a0405 url(../images/V4/cat-menu-arrow-hover.png) no-repeat 210px center !important;
                color: #ffffff !important;
            }

    ul#category-menu ul.subcategory {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        background: #222222;
        list-style: none;
        display: none;
    }

        ul#category-menu ul.subcategory li {
            float: left;
            width: 100%;
            height: 30px;
            border-bottom: 1px solid #303030;
        }

            ul#category-menu ul.subcategory li a {
                float: left;
                width: 170px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                height: 30px;
                line-height: 30px;
                padding-left: 30px;
                padding-right: 20px;
                color: #eeb900 !important;
                font-size: 13px;
                text-decoration: none;
                background: url(../images/V4/cat-menu-arrow.png) no-repeat 210px center !important;
            }

                ul#category-menu ul.subcategory li a:hover {
                    text-decoration: underline;
                }

#left-column .left-block {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    #left-column .left-block h2.nice-title2 {
        float: left;
        width: 215px;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
        margin: 0px;
        border-bottom: 1px solid #d9d9d9;
        color: #343434;
        font-family: US101;
        font-size: 20px;
        font-weight: normal;
        text-transform: uppercase;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
        background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    }

    #left-column .left-block .block-content {
        float: left;
        width: 200px;
        padding: 15px;
        border-bottom: 1px solid #bebebe;
        background: #ffffff;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
    }

    #left-column .left-block .block-content2 {
        float: left;
        width: 200px;
        padding: 15px;
        border-bottom: 1px solid #bebebe;
        background: #ffffff;
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

#newsletter-form {
    float: left;
    width: 100%;
}

    #newsletter-form p, #left-column .left-block p {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        padding: 0px;
        color: #858585;
    }

        #newsletter-form p input {
            padding: 0px;
            height: 29px;
        }

            #newsletter-form p input.nice-i {
                float: left;
                width: 178px;
            }

            #newsletter-form p input.nice-s {
                float: left;
                width: 75px;
            }

                #newsletter-form p input.nice-s:hover {
                    cursor: pointer;
                }

#brand-form, #price-form {
    float: left;
    width: 100%;
}

    #brand-form .checkline, #price-form .checkline {
        float: left;
        width: 210px;
        padding: 5px 0 5px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

        #brand-form .checkline input, #price-form .checkline input {
            float: left;
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin: 0px;
        }

        #brand-form .checkline span, #price-form .checkline span {
            float: left;
            width: 175px;
            height: 20px;
            padding-left: 5px;
            line-height: 20px;
            font-size: 13px;
            color: #24659c;
        }

#left-column .left-block p.support {
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px 15px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #f0f0f0;
}

    #left-column .left-block p.support a {
        color: #24659c;
        text-decoration: none;
    }

        #left-column .left-block p.support a:hover {
            text-decoration: underline;
        }

    #left-column .left-block p.support span {
        color: #565656;
    }
    
#content {
    float: left;
    width: 100%;
}

#wrap-featured-products {
    float: left;
    width: 100%;
    overflow: hidden;
}

    #wrap-featured-products .list-type {
        float: left;
        width: 120px;
        margin-left: 30px;
    }

        #wrap-featured-products .list-type p {
            float: left;
            display: inline-block;
            height: 20px;
            line-height: 20px;
            margin: 10px 0;
            padding: 0px;
            color: #9b9898;
        }

            #wrap-featured-products .list-type p a {
                float: left;
                margin-left: 10px;
            }

                #wrap-featured-products .list-type p a img {
                    float: left;
                    border: 0px;
                }

ul#inline-product-list {
    float: left;
    width: 100%;
    background: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul#inline-product-list li {
        float: left;
        width: 100%;
        padding: 20px;
        border-bottom: 1px solid #dfdfdf;
        box-sizing: border-box;
    }
    ul#inline-product-list li:hover {
        background-color: #f0f0f0;
    }

        ul#inline-product-list li .product-photo {
            float: left;
            width: 72px;
            height: 72px;
            text-align: center;
            line-height: 72px;
            background-color: white;
        }

            ul#inline-product-list li .product-photo a {
                display: block;
                vertical-align: middle;
                position: relative;
                border: solid 1px #d9d9d9;
                border-radius: 10px;
            }

                ul#inline-product-list li .product-photo a img {
                    vertical-align: middle;
                }

                ul#inline-product-list li .product-photo a .OfferBadge {
                    border: none;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    margin-top: -15px;
                    margin-left: -15px;
                    vertical-align: auto;
                    z-index: 500;
                }

        ul#inline-product-list li .product-info {
            float: left;
            margin-left: 20px;
        }

            ul#inline-product-list li .product-info h3 {
                float: left;
                width: 100%;
                font-size: 14px;
                color: #2d75b2;
                margin: 5px 0px;
                padding: 0px;
            }

                ul#inline-product-list li .product-info h3 a {
                    float: left;
                    width: 100%;
                }

                    ul#inline-product-list li .product-info h3 a:hover {
                        text-decoration: underline;
                    }

            ul#inline-product-list li .product-info .StockStatus {
                margin-top: 7px;
                overflow: hidden;
                float: left;
            }

            ul#inline-product-list li .product-info .Variations {
                margin-top: 10px;
            }

                ul#inline-product-list li .product-info .Variations select {
                    width: 250px;
                    float: left;
                }

            ul#inline-product-list li .product-info .StockInfo {
                color: #8b8b8b;
                clear: both;
                margin-top: 10px;
                float: left;
            }

            ul#inline-product-list li .product-info p {
                float: left;
                width: 100%;
                margin: 0px;
                padding: 0px;
                color: #5b5a5b;
            }

                ul#inline-product-list li .product-info p a {
                    color: #5b5a5b;
                }

        ul#inline-product-list li .product-price {
            float: left;
            width: 130px;
            margin-left: 20px;
            margin-top: 5px;
        }

            ul#inline-product-list li .product-price p {
                float: left;
                width: 100%;
                color: #5c5c5c;
                margin: 0 0 5px;
                padding: 0px;
                text-align: right;
                font-weight: bold;
            }

                ul#inline-product-list li .product-price p .price {
                    display: inline-block;
                    width: 45px;
                    font-weight: normal;
                }

        ul#inline-product-list li .product-basket {
            float: left;
            width: 130px;
            margin-left: 20px;
            margin-top: 0px;
        }

            ul#inline-product-list li .product-basket p {
                float: left;
                width: 100%;
                font-size: 20px;
                color: #414141;
                margin: 0 0 5px;
                padding: 0px;
                text-align: center;
            }

a.addcart {
    display: block;
    width: 110px;
    margin-left: auto;
    margin-right: auto;
}

ul#inline-product-list li .product-basket-qty-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 112px;
    margin-bottom: 10px;
    vertical-align: top;
    padding: 0px;
    overflow: hidden;
    height: 32px;
}

.product-basket-qty {
    padding: 0px;
    float: left;
    width: 44px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-bottom: 1px solid #8a8a8a;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    font-family: US101;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    color: #c8a901;
    text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px;
}


a.increase {
    float: left;
    width: 30px;
    height: 29px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
}

a.decrease {
    float: left;
    width: 30px;
    height: 29px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0px;
}

ul#inline-product-list li .product-basket2 {
    float: left;
    margin-left: 10px;
    margin-top: 25px;
    width: 130px;
}

    ul#inline-product-list li .product-basket2 span {
        float: left;
        width: 100%;
        color: #525252;
    }

    ul#inline-product-list li .product-basket2 p {
        color: #3b3b3b;
        float: left;
        font-size: 20px;
        margin: 0 0 5px;
        padding: 0;
        width: 100%;
    }

ul#inline-product-list li .product-update {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    width: 150px;
}

    ul#inline-product-list li .product-update form {
        float: left;
        width: 100%;
    }

        ul#inline-product-list li .product-update form div {
            float: left;
            width: 100%;
        }

            ul#inline-product-list li .product-update form div span {
                color: #5A5A5A;
                float: left;
                line-height: 21px;
                margin-right: 5px;
                width: 20px;
            }

            ul#inline-product-list li .product-update form div input.i {
                float: left;
                width: 30px;
                border: 1px solid #b6b6b6;
                height: 19px;
                line-height: 19px;
                padding: 0px 5px;
                margin: 0px 5px 0px 0px;
                color: #5A5A5A;
                text-align: center;
            }

            ul#inline-product-list li .product-update form div input.nice-s {
                float: left;
                width: 65px;
                height: 21px;
                line-height: 21px;
                font-size: 16px;
            }

                ul#inline-product-list li .product-update form div input.nice-s:hover {
                    cursor: pointer;
                }

    ul#inline-product-list li .product-update .links {
        float: left;
        width: 145px;
        margin-left: 5px;
        font-size: 11px;
        margin-top: 10px;
    }

        ul#inline-product-list li .product-update .links a {
            background: url(../images/V4/wishlist-arrow.png) no-repeat scroll left center transparent;
            color: #007dce;
            padding-left: 8px;
            text-decoration: underline;
            line-height: 18px;
        }

            ul#inline-product-list li .product-update .links a:hover {
                text-decoration: none;
            }

#wrap-pages {
    float: left;
    padding: 0px;
    width: 100%;
    height: 45px;
    background: #ffffff;
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
}

    #wrap-pages.top {
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

    #wrap-pages.bottom {
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
    }

    #wrap-pages .left {
        float: left;
        width: 230px;
        height: 45px;
        line-height: 45px;
        color: #232222;
        margin-left: 20px;
        font-family: US101;
        font-size: 20px;
        text-transform: uppercase;
    }

    #wrap-pages .right {
        float: right;
        width: 450px;
        height: 27px;
        line-height: 27px;
        margin: 9px 0px;
        text-align: right;
        margin-right: 20px;
    }

        #wrap-pages .right a {
            height: 27px;
            line-height: 27px;
            color: #2d75b2;
            text-decoration: none;
            border-right: 1px solid #eeeeee;
            padding-left: 7px;
            padding-right: 10px;
            padding-top: 0px;
            padding-bottom: 0px;
            display: inline-block;
            margin-bottom: -7px;
        }

            #wrap-pages .right a.active, #wrap-pages .right a:hover {
                color: #333333;
                font-weight: bold;
            }

            #wrap-pages .right a.previous-button {
                border: 0px;
                padding: 0px;
                display: inline-block;
                height: 27px;
                width: 27px;
                background: url(../images/V4/previous-button.png) no-repeat center center;
            }

                #wrap-pages .right a.previous-button:hover {
                    background: url(../images/V4/previous-button-hover.png) no-repeat center center;
                }

            #wrap-pages .right a.previous-button-disabled {
                border: 0px;
                padding: 0px;
                display: inline-block;
                height: 27px;
                width: 27px;
                cursor: text;
                background: url(../images/V4/previous-button-disabled.png) no-repeat center center;
            }

            #wrap-pages .right a.next-button {
                border: 0px;
                padding: 0px;
                display: inline-block;
                height: 27px;
                width: 27px;
                background: url(../images/V4/next-button.png) no-repeat center center;
            }

                #wrap-pages .right a.next-button:hover {
                    background: url(../images/V4/next-button-hover.png) no-repeat center center;
                }

            #wrap-pages .right a.next-button-disabled {
                border: 0px;
                padding: 0px;
                display: inline-block;
                height: 27px;
                width: 27px;
                cursor: text;
                background: url(../images/V4/next-button-disabled.png) no-repeat center center;
            }

ul#block-product-list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul#block-product-list li {
        float: left;
        display: inline-block;
        width: 230px;
        margin-top: 10px;
        padding: 0px;
        border-bottom: 1px solid #dfdfdf;
        background: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    * html ul#block-product-list li {
        display: inline;
    }

    * + html ul#block-product-list li {
        display: inline;
    }

        ul#block-product-list li.middle {
            margin: 10px 15px 0;
        }

        ul#block-product-list li .product-name {
            float: left;
            width: 100%;
            height: 30px;
            margin: 10px 0px;
            overflow: hidden;
        }

            ul#block-product-list li .product-name h2 {
                float: left;
                width: 200px;
                line-height: 15px;
                font-size: 12px;
                color: #2d75b2;
                font-weight: bold;
                margin: 0px 15px;
                padding: 0px;
                text-align: center;
            }

                ul#block-product-list li .product-name h2 a {
                    text-decoration: none;
                }

                    ul#block-product-list li .product-name h2 a:hover {
                        text-decoration: underline;
                    }

        ul#block-product-list li .product-photo {
            float: left;
            width: 230px;
            height: 210px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            border-bottom: 1px solid #e6e6e6;
        }

            ul#block-product-list li .product-photo a {
                float: left;
                width: 100%;
            }

                ul#block-product-list li .product-photo a img {
                    float: left;
                    width: 200px;
                    height: 200px;
                    margin: 0 15px 10px;
                }

        ul#block-product-list li .product-info {
            float: left;
            width: 200px;
            margin: 5px 15px 0px;
        }

            ul#block-product-list li .product-info .first-row {
                float: left;
                width: 100%;
                height: 20px;
                line-height: 20px;
                margin-bottom: 5px;
            }

                ul#block-product-list li .product-info .first-row .oldprice {
                    float: left;
                    width: 130px;
                    height: 20px;
                    line-height: 20px;
                    color: #232222;
                }

                    ul#block-product-list li .product-info .first-row .oldprice span {
                        text-decoration: line-through;
                        font-weight: bold;
                    }

                ul#block-product-list li .product-info .first-row .details {
                    float: left;
                    width: 70px;
                    height: 20px;
                    line-height: 20px;
                    text-align: right;
                }

                    ul#block-product-list li .product-info .first-row .details a {
                        background: url(../images/V4/details-arrow.png) no-repeat scroll left center transparent;
                        color: #24659c;
                        font-weight: normal;
                        padding-left: 10px;
                        float: right;
                    }

            ul#block-product-list li .product-info .second-row {
                float: left;
                width: 100%;
                height: 27px;
                line-height: 27px;
                padding-bottom: 10px;
            }

                ul#block-product-list li .product-info .second-row .price {
                    float: left;
                    width: 80px;
                    height: 27px;
                    line-height: 27px;
                    color: #414141;
                    font-size: 20px;
                }

#wrap-product-info, #wrap-cart-info {
    float: left;
    width: 100%;
}

    #wrap-product-info h1.nice-title {
        /*width: 450px;*/
    }

    #wrap-cart-info h1.nice-title.cart {
        margin-left: 20px;
        padding-left: 30px;
        width: 420px;
        background: url(../images/V4/cart-icon-white.png) no-repeat left center;
    }

#wrap-checkout h1.nice-title.checkout {
    margin-left: 20px;
    padding-left: 30px;
    width: 670px;
    background: url(../images/V4/checkout-icon.png) no-repeat left center;
}

#wrap-checkout {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    background: #ffffff;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

    #wrap-checkout .footer-links {
        float: left;
        padding: 0px 20px;
        width: 680px;
    }

        #wrap-checkout .footer-links .l {
            float: left;
            width: 50%;
        }

        #wrap-checkout .footer-links .r {
            float: left;
            width: 50%;
        }

        #wrap-checkout .footer-links .l a {
            float: left;
            width: 100px;
            height: 25px;
            line-height: 25px;
        }

        #wrap-checkout .footer-links .r a {
            float: right;
            width: 100px;
            height: 25px;
            line-height: 25px;
        }

        #wrap-checkout .footer-links .l a:hover {
            float: left;
            width: 102px;
            height: 26px;
            line-height: 26px;
        }

        #wrap-checkout .footer-links .r a:hover {
            float: right;
            width: 102px;
            height: 26px;
            line-height: 26px;
        }

.wrap-generic h1.nice-title.generic {
    margin-left: 20px;
    padding-left: 30px;
    width: 670px;
    background: url(../images/V4/checkout-icon.png) no-repeat left center;
}

.wrap-generic {
    float: left;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 10px;
}

    .wrap-generic .footer-links {
        float: left;
        padding: 0px 20px;
        width: 680px;
    }

        .wrap-generic .footer-links .l {
            float: left;
            width: 50%;
        }

        .wrap-generic .footer-links .r {
            float: left;
            width: 50%;
        }

        .wrap-generic .footer-links .l a {
            float: left;
            width: 100px;
            height: 25px;
            line-height: 25px;
        }

        .wrap-generic .footer-links .r a {
            float: right;
            width: 100px;
            height: 25px;
            line-height: 25px;
        }

        .wrap-generic .footer-links .l a:hover {
            float: left;
            width: 102px;
            height: 26px;
            line-height: 26px;
        }

        .wrap-generic .footer-links .r a:hover {
            float: right;
            width: 102px;
            height: 26px;
            line-height: 26px;
        }

    .wrap-generic .content {
        padding: 25px;
    }

#wrap-product-info .share-buttons {
    float: left;
    width: 210px;
    margin-left: 30px;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: right;
}

#wrap-cart-info .count-cart {
    float: left;
    width: 200px;
    padding-right: 20px;
    margin-left: 30px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: right;
}

/* SpringPoints (sp-) */
.sp-container {
    background-color: #efefef;
    border: 1px solid silver;
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
}

.sp-header-bar,
.sp-footer-bar {
    width: 100%;
    margin-bottom: 5px;
    border-collapse: collapse;
}

.sp-header-bar td,
.sp-footer-bar td {
    font-family: US101;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    color: black;
    
}
    .sp-header-bar td {
        vertical-align: bottom;
    }
    .sp-footer-bar td {
        vertical-align: central;
    }

td.sp-footer-key {
    font-size: 1px;
    width: 5%;
    height: 16px;
    border: 1px solid black;
}

td.sp-footer-label {
    padding-left: 5px;
    font-size: 14px;
    line-height: 16px;
    color: black;
}

td.sp-header-left,
td.sp-header-right {
    width: 25%;
    font-size: 14px;
    color: maroon;
}
td.sp-header-center {
    width: 50%;
    text-align: center;
}
td.sp-header-right {
    text-align: right;
}

.sp-progress-bar {
    width: 100%;
    background-color: lightgray;
    height: 30px;
    display: flex;
    overflow: hidden;
    margin-bottom: 4px;
    border: 1px solid black;
}

.sp-progress-portion {
    height: 100%;
    transition: width 0.5s;
}

.sp-eligible {
    background-color: #c9dfff;
}
.sp-eligible:hover {
    background-color: #9ec6ff;
    cursor: pointer;
}

.sp-awarded {
    background-color: #b9edc0;
}
.sp-awarded:hover {
    background-color: #9bf8a7;
    cursor: pointer;
}
.sp-missed {
    background-color: #eecdcd;
}
.sp-missed:hover {
    background-color: #efacac;
    cursor: pointer;
}

#product-content {
    padding: 20px;
    background: #ffffff;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}

    #product-content .firstrow {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    #product-content .wrap-images {
        float: left;
        width: 302px;
    }

        #product-content .wrap-images .bigimage {
            float: left;
            width: 100%;
            margin-bottom: 10px;
            position: relative;
        }

            #product-content .wrap-images .bigimage a {
                float: left;
                width: 100%;
            }

                #product-content .wrap-images .bigimage a img {
                    float: left;
                    width: 300px;
                    height: 300px;
                    border: 1px solid #e9e9e9;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }

        #product-content .wrap-images .OfferBadge {
            border: none;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0px;
            left: 0px;
            margin-top: -10px;
            margin-left: -10px;
            vertical-align: auto;
            z-index: 500;
        }

    #product-content .legal-blurb {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    #product-content .wrap-image-list {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

        #product-content .wrap-image-list a {
            float: left;
            width: 67px;
            height: 67px;
            margin: 0px 15px 0px 0px;
        }

            #product-content .wrap-image-list a img {
                float: left;
                width: 65px;
                height: 65px;
                margin: 0px;
                border: 1px solid #e9e9e9;
                padding: 1px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                #product-content .wrap-image-list a img:hover {
                    padding: 0px;
                    border: 2px solid #d7d7d7;
                }

    #product-content .wrap-product-short {
        float: left;
        width: 360px;
        margin-left: 18px;
    }

        #product-content .wrap-product-short h2 {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 0px;
            font-size: 22px;
            color: #343434;
        }

        #product-content .wrap-product-short h3 {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 0px;
            font-size: 12px;
            color: #b7b7b7;
        }

        #product-content .wrap-product-short .summary {
            float: left;
            width: 200px;
            margin: 15px 0px 0px 0px;
        }

            #product-content .wrap-product-short .summary p {
                margin: 0px;
                padding: 0px;
                font-size: 12px;
                color: #525252;
                line-height: 20px;
            }

        #product-content .wrap-product-short .prices {
            float: left;
            width: 148px;
            margin: 15px 0px 0px 0px;
        }

            #product-content .wrap-product-short .prices p {
                float: left;
                width: 100%;
                color: #5c5c5c;
                margin: 0px;
                padding: 0px;
                text-align: right;
                font-weight: bold;
                line-height: 20px;
            }

                #product-content .wrap-product-short .prices p .price {
                    display: inline-block;
                    width: 45px;
                    font-weight: normal;
                }

    #product-content .wrap-special-info {
        float: left;
        width: 100%;
    }

.stockDetail {
    color: #373737;
    padding-top: 3px;
}
.stockDetail b {
    color: maroon;
}

.prodAttributeDDL {
    margin-bottom: 5px;
}

.StockListing {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
    clear: both;
}

    .StockListing tr:nth-child(even) {
        background-color: #efefef;
    }

    .StockListing tr.subHeader,
    .StockListing tr.subHeader td {
        background-color: #6c6c6c;
        color: #ffffff;
        font-family: US101;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .StockListing td {
        padding: 8px;
    }

    .StockListing th {
        text-align: left;
        background: #4e4648; /* Old browsers */
        background: -moz-linear-gradient(top, #4e4648 0%, #221e1f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4648), color-stop(100%,#221e1f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* IE10+ */
        background: linear-gradient(top, #4e4648 0%,#221e1f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4648', endColorstr='#221e1f',GradientType=0 ); /* IE6-9 */
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        font-family: US101;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        text-shadow: 0px -1px 0px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=-1);
        padding-left: 8px;
        padding-right: 8px;
    }

    .StockListing td.fakeTH {
        color: #ffffff;
        text-align: right;
        font-family: US101;
        font-size: 16px;
        background: #4e4648;
        font-weight: normal;
    }

    .StockListing tr th,
    .StockListing tr td {
        border-right: none;
        border-bottom: none;
    }

    .StockListing .SectionBreak td {
        border-top: 1px solid #4e4648;
    }

    .StockListing tr:last-child td {
        border-bottom: 1px solid #4e4648;
    }

    .StockListing tr th:first-child,
    .StockListing tr td:first-child {
        border-left: 1px solid #4e4648;
    }

    .StockListing tr th:first-child,
    .StockListing tr td:first-child {
        border-left: 1px solid #4e4648;
    }

    .StockListing tr th:last-child,
    .StockListing tr td:last-child {
        border-right: 1px solid #4e4648;
    }

    /* top-left border-radius */
    .StockListing tr:first-child th:first-child,
    .StockListing.Info tr:first-child td:first-child {
        border-top-left-radius: 6px;
    }

    /* top-right border-radius */
    .StockListing tr:first-child th:last-child,
    .StockListing.Info tr:first-child td:last-child {
        border-top-right-radius: 6px;
    }

    /* bottom-left border-radius */
    .StockListing tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }

    /* bottom-right border-radius */
    .StockListing tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }

    td.right,
    th.right,
    .StockListing th.right,
    .StockListing td.right {
        text-align: right !important;
    }

    td.center,
    th.center,
    .StockListing th.center,
    .StockListing td.center {
        text-align: center !important;
    }

    td.left,
    th.left,
    .StockListing th.left,
    .StockListing td.left {
        text-align: left !important;
    }

.StockListingCompact th {
    padding: 4px;
}

.StockListingCompact td {
    padding: 4px;
}

.StockListingNoWrap {
    table-layout:fixed;
}
    .StockListingNoWrap th {
    padding-left: 3px;
    padding-right: 3px;
}

.StockListingNoWrap td {
    white-space: nowrap;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
}

.StockListingHover tr:hover {
    background-color: #dadada;
    cursor: pointer;
}

    .StockListingHover tr:hover td {
        color: black;
    }

.StockListingHover tr:hover .PrintButton:hover {
    background-color: #f9d302 !important;
    color: black !important;
}
    
#catManagerTable td,
#catManagerTable th {
    text-align: center;
}

#catManagerTable td.noPadding {
    padding: 0px;
}

#catManagerTable tr.catRow,
#catManagerTable tr.catRow td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    background-color: #c4c4c4;
}

#printAllWidget {
    font-size: 21px;
    color: black;
    cursor: pointer;
    width: 300px;
    display: inline;
}
#printAllWidget:hover {
    color: maroon;
}

.PrintButton {
    text-align: center;
    font-size: 11px;
}
.PrintButton.RePrint {
     background-color: green;
     color: white;
}
.PrintButton.NotYetPrinted {
     background-color: maroon;
     color: white;
     font-weight: bold;
}

/* Base tree style */
.file-tree,
.file-tree ul {
    list-style: none;
    margin: 0;
    padding-left: 20px;
    font-family: Arial, sans-serif;
}

    .file-tree li {
        margin: 3px 0;
        line-height: 1.5em;
        position: relative;
    }

        .file-tree li i {
            margin-right: 6px;
            color: #666;
        }

        /* Folder icon color */
        .file-tree li.folder > i {
            color: #e0a800; /* yellow folder */
        }

        /* Remove old default :before icons */
        .file-tree li.file:before {
            content: none !important;
        }

#product-content .secondrow {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #product-content .secondrow .wrap-related {
        float: left;
        width: 250px;
    }

        #product-content .secondrow .wrap-related h3 {
            float: left;
            width: 233px;
            height: 30px;
            margin: 31px 0px 0px;
            padding-left: 15px;
            line-height: 30px;
            color: #5c5c5c;
            font-weight: bold;
            font-size: 13px;
            border: 1px solid #e5e5e5;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #eae9e9 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eae9e9)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#eae9e9 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#eae9e9 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#eae9e9 100%); /* IE10+ */
            background: linear-gradient(top, #ffffff 0%,#eae9e9 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae9e9',GradientType=0 ); /* IE6-9 */
        }

        #product-content .secondrow .wrap-related ul#related-products-nav {
            float: left;
            width: 248px;
            border: 1px solid #e5e5e5;
            margin: 0px;
            padding: 0px 0px 10px;
            list-style: none;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-radius: 0px 0px 5px 5px;
            border-radius: 0px 0px 5px 5px;
        }

            #product-content .secondrow .wrap-related ul#related-products-nav li {
                float: left;
                width: 230px;
                padding: 9px;
                border-bottom: 1px solid #e5e5e5;
            }

                #product-content .secondrow .wrap-related ul#related-products-nav li .image {
                    float: left;
                    width: 50px;
                    height: 50px;
                    margin-right: 10px;
                }

                    #product-content .secondrow .wrap-related ul#related-products-nav li .image a {
                        float: left;
                    }

                        #product-content .secondrow .wrap-related ul#related-products-nav li .image a img {
                            float: left;
                            width: 50px;
                            height: 50px;
                            border: 0px;
                        }

                #product-content .secondrow .wrap-related ul#related-products-nav li .info {
                    float: left;
                    width: 170px;
                    height: 50px;
                }

                    #product-content .secondrow .wrap-related ul#related-products-nav li .info h4 {
                        float: left;
                        margin: 0px;
                        font-size: 11px;
                        font-weight: normal;
                    }

                        #product-content .secondrow .wrap-related ul#related-products-nav li .info h4 a {
                            color: #24659c;
                        }

                            #product-content .secondrow .wrap-related ul#related-products-nav li .info h4 a:hover {
                                text-decoration: underline;
                            }

                    #product-content .secondrow .wrap-related ul#related-products-nav li .info p {
                        float: left;
                        margin: 0px;
                        color: #3a3a3a;
                        font-size: 11px;
                    }

.wrap-tabs {
    float: left;
    width: 100%;
    margin-right: 10px;
}

    .wrap-tabs .tabs {
        float: left;
        width: 100%;
        margin-left: 0px;
    }

        .wrap-tabs .tabs a {
            float: left;
            height: 30px;
            line-height: 30px;
            padding: 0px 13px;
            border-top: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            margin-right: 5px;
            font-size: 13px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */
            background: linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
        }

            .wrap-tabs .tabs a.active {
                color: #5c5c5c;
                background: #ffffff !important;
                font-weight: bold;
            }

    .wrap-tabs .wrap-tabs-content {
        float: left;
        width: 100%;
        padding: 9px;
        border: 1px solid #e5e5e5;
        color: #525252;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
    }

#wrap-payment {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    background: #ffffff;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#payment-block {
    float: right;
    width: 320px;
    border: 5px solid #d9d9d9;
    background: #f7f7f7;
    padding: 15px;
    margin-right: 20px;
    margin-top: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    #payment-block .row {
        float: left;
        width: 100%;
        color: #525252;
    }

        #payment-block .row .l {
            float: left;
            width: 50%;
            line-height: 20px;
        }

            #payment-block .row .l span {
                color: #24659c;
                font-weight: bold;
            }

        #payment-block .row .r {
            float: left;
            width: 50%;
            line-height: 20px;
            text-align: right;
        }

    #payment-block .row2 {
        float: left;
        width: 100%;
        color: #525252;
        height: 44px;
        background: url(../images/V4/payment-bg.png) repeat-x left center;
        margin: 5px 0px;
    }

        #payment-block .row2 .l {
            float: left;
            width: 50%;
            line-height: 34px;
            padding: 5px 0px;
            font-weight: bold;
        }

        #payment-block .row2 .r {
            float: left;
            width: 50%;
            color: #3b3b3b;
            font-weight: bold;
            font-size: 20px;
            line-height: 34px;
            padding: 5px 0px;
            text-align: right;
        }

    #payment-block .row3 {
        float: left;
        width: 274px;
        margin: 5px 23px 0px;
        text-align: center;
        color: #525252;
        height: 36px;
    }

        #payment-block .row3 a.p {
            float: left;
            height: 36px;
        }

            #payment-block .row3 a.p img {
                float: left;
                border: 0px;
                margin-top: 6px;
            }

        #payment-block .row3 span {
            float: left;
            height: 36px;
            line-height: 36px;
            margin: 0px 5px;
        }

        #payment-block .row3 a.checkout {
            float: left;
            width: 110px;
            height: 35px;
            line-height: 35px;
        }

#wrap-payment a.continue {
    clear: both;
    float: right;
    width: 170px;
    height: 25px;
    line-height: 25px;
    margin-top: 20px;
    margin-right: 20px;
}

    #wrap-payment a.continue:hover {
        width: 172px;
        height: 26px;
        line-height: 26px;
    }

#wrap-cart-summary {
    float: left;
    width: 100%;
}

    #wrap-cart-summary .wrap-title-black h2.nice-title {
        float: left;
        width: 180px;
        padding-left: 30px;
        margin: 0px 0px 0px 20px;
        background: url(../images/V4/cart-icon-white.png) no-repeat left center;
    }

#checkout-main {
    float: left;
    width: 680px;
    padding: 20px;
}

    #checkout-main .subinfo {
        float: left;
        width: 100%;
        height: 35px;
    }

        #checkout-main .subinfo .l {
            float: left;
            width: 520px;
            font-size: 24px;
            font-weight: bold;
            color: #272727;
            line-height: 35px;
        }

        #checkout-main .subinfo .r {
            float: left;
            width: 100px;
            margin-left: 25px;
            height: 35px;
            line-height: 17px;
            padding-left: 35px;
            font-size: 13px;
            color: #24659c;
            background: url(../images/V4/lock-icon.png) no-repeat left center;
        }

#checkout-steps .r {
    float: left;
    width: 100px;
    margin-left: 25px;
    height: 35px;
    line-height: 17px;
    padding: 8px 0px 8px 35px;
    font-size: 13px;
    color: #24659c;
    background: url(../images/V4/lock-icon.png) no-repeat left center;
}

#checkout-main .subinfo .r2 {
    float: left;
    width: 100px;
    margin-left: 25px;
    height: 35px;
    line-height: 35px;
    padding-left: 35px;
    font-size: 13px;
    color: #525252;
}

#checkout-steps {
    float: left;
    width: 680px;
    height: 50px;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
}

    #checkout-steps .l {
        float: left;
        width: 510px;
        margin-right: 10px;
        font-size: 11px;
        color: #ababab;
        height: 50px;
        background: url(../images/V4/steps-bg.png) repeat-x left center;
    }

        #checkout-steps .l .step {
            float: left;
            width: 85px;
            height: 50px;
        }

            #checkout-steps .l .step .step-id {
                float: left;
                width: 28px;
                height: 28px;
                margin-left: 27px;
                margin-right: 28px;
                line-height: 28px;
                border: 1px solid #d3d3d3;
                text-align: center;
                background: #ffffff;
                color: #8f8f8f;
                font-size: 17px;
                font-weight: bold;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-box-shadow: inset 0px 3px 3px -1px rgba(229, 229, 229, 1);
                -moz-box-shadow: inset 0px 3px 3px -1px rgba(229, 229, 229, 1);
                box-shadow: inset 0px 3px 3px -1px rgba(229, 229, 229, 1);
            }

                #checkout-steps .l .step .step-id.active {
                    float: left;
                    width: 26px;
                    height: 26px;
                    line-height: 26px;
                    margin-left: 27px;
                    margin-right: 28px;
                    border: 2px solid #ffd800;
                    text-align: center;
                    color: #ffffff;
                    font-size: 17px;
                    font-weight: bold;
                    -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    border-radius: 20px;
                    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(229, 229, 229, 1);
                    -moz-box-shadow: inset 0px 0px 0px 0px rgba(229, 229, 229, 1);
                    box-shadow: inset 0px 0px 0px 0px rgba(229, 229, 229, 1);
                    background: #4d4547; /* Old browsers */
                    background: -moz-linear-gradient(top, #4d4547 0%, #231f20 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4547), color-stop(100%,#231f20)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #4d4547 0%,#231f20 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #4d4547 0%,#231f20 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #4d4547 0%,#231f20 100%); /* IE10+ */
                    background: linear-gradient(top, #4d4547 0%,#231f20 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4547', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
                }

            #checkout-steps .l .step .step-name {
                float: left;
                width: 100%;
                height: 20px;
                line-height: 20px;
                text-align: center;
            }

                #checkout-steps .l .step .step-name.active {
                    color: #2b2b2b;
                    font-weight: bold;
                }

#checkout-main .login-box {
    float: left;
    width: 640px;
    padding: 15px;
    border: 5px solid #d9d9d9;
    background: #f7f7f7;
    margin-top: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    #checkout-main .login-box .returning {
        float: left;
        width: 310px;
        margin-right: 20px;
    }

    #checkout-main .login-box .new {
        float: left;
        width: 310px;
    }

        #checkout-main .login-box .returning h3, #checkout-main .login-box .new h3 {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 0px;
            font-size: 16px;
            font-weight: bold;
            color: #272727;
        }

        #checkout-main .login-box .returning form, #checkout-main .login-box .new .table {
            float: left;
            width: 290px;
            margin: 10px 0px 0px;
            padding: 9px;
            background: #ffffff;
            border: 1px solid #e4e4e4;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            #checkout-main .login-box .returning form p, #checkout-main .login-box .new .table p {
                float: left;
                width: 100%;
                margin: 0px 0px 5px;
                font-size: 11px;
                color: #525252;
            }

                #checkout-main .login-box .returning form p label {
                    float: left;
                    width: 100%;
                    font-size: 13px;
                    font-weight: bold;
                    margin-bottom: 5px;
                }

                #checkout-main .login-box .returning form p input.nice-i {
                    float: left;
                    width: 178px;
                }

                #checkout-main .login-box .returning form p input.nice-s {
                    float: left;
                    width: 75px;
                }

                    #checkout-main .login-box .returning form p input.nice-s:hover {
                        cursor: pointer;
                    }

                #checkout-main .login-box .returning form p a {
                    float: left;
                    padding-left: 10px;
                    height: 25px;
                    line-height: 25px;
                    font-size: 11px;
                    color: #24659c;
                }

                #checkout-main .login-box .new .table p a.can {
                    float: left;
                    width: 180px;
                    height: 25px;
                    line-height: 25px;
                }

                #checkout-main .login-box .new .table p a.cag {
                    clear: both;
                    float: left;
                    width: 180px;
                    height: 25px;
                    line-height: 25px;
                }

                    #checkout-main .login-box .new .table p a.cag:hover {
                        width: 182px;
                        height: 26px;
                        line-height: 26px;
                    }

#checkout-main .footer {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #525252;
}

#checkout1-form {
    float: left;
    width: 670px;
    border: 5px solid #d9d9d9;
    background: #f7f7f7;
    margin-top: 10px;
    padding: 20px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    #checkout1-form input, #checkout1-form select {
        float: left;
    }

    #checkout1-form select {
        float: left;
        width: 155px;
        margin: 0px;
        padding: 0px;
        color: #c2c2c2;
        border: 1px solid #e2e2e2;
        padding: 4px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: inset 0px -6px 6px -1px rgba(229, 229, 229, 1);
        -moz-box-shadow: inset 0px -6px 6px -1px rgba(229, 229, 229, 1);
        box-shadow: inset 0px -6px 6px -1px rgba(229, 229, 229, 1);
    }

    #checkout1-form .row, #checkout1-form .row2, #checkout1-form .row3, #checkout1-form p {
        float: left;
        width: 630px;
        padding: 0px 20px;
        margin-bottom: 10px;
        color: #525252;
        font-size: 13px;
    }

        #checkout1-form .row input {
            width: 280px;
        }

        #checkout1-form .row .r2 input {
            width: 114px;
        }

        #checkout1-form .row .l {
            float: left;
            width: 315px;
        }

        #checkout1-form .row .r {
            float: left;
            width: 315px;
        }

            #checkout1-form .row .l label,
            #checkout1-form .row .r label,
            #checkout1-form .row .r a,
            #checkout1-form .row2 label,
            #checkout1-form .row .c label,
            #checkout1-form .row .r2 label {
                float: left;
                width: 100%;
                margin-bottom: 5px;
                line-height: 16px;
            }

                #checkout1-form .row .r label.note,
                #checkout1-form .row .r a.note {
                    color: #24659c;
                    font-weight: normal;
                    margin-top: 21px;
                    line-height: 26px;
                    height: 26px;
                    margin-bottom: 0px;
                }

    #checkout1-form label.required {
        font-weight: bold;
    }

    #checkout1-form .row .c {
        float: left;
        width: 160px;
        margin-right: 5px;
    }

    #checkout1-form .row .r2 {
        float: left;
        width: 150px;
    }

    #checkout1-form .row2 input {
        width: 595px;
    }

    #checkout1-form .row3 {
        border-top: 1px dotted #a3a3a3;
        border-bottom: 1px dotted #a3a3a3;
        padding: 20px;
        height: 24px;
    }

        #checkout1-form .row3 input.r {
            float: left;
            height: 24px;
            line-height: 24px;
            border: 0px;
            margin: 0px;
        }

        #checkout1-form .row3 span {
            float: left;
            font-weight: bold;
            margin-left: 10px;
            height: 24px;
            line-height: 24px;
        }

.RepCheckoutHeader {
    font-size: 18px;
    border-bottom: 1px solid black;
    margin: 10px 0px 0px 0px;
}

.RepCheckoutBody {
    padding: 8px 0px 0px 20px;
}

.detailsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .detailsList li {
        list-style-type: none;
        margin: 0;
        padding: 10px;
        vertical-align: middle;
    }

        .detailsList li.itemDetailsFeatureRow1 {
            background-color: #EFEFEF;
        }

#DeliveryAddresses {
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0px;
    padding: 0px;
}

#DeliveryAddresses .DeliveryAddress{
    background-color: white;
    padding: 5px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    margin-bottom: 5px;
}

#DeliveryAddresses .DeliveryAddress:hover{
    background-color: #efefef;
    border: 1px solid black;
}

#DeliveryAddresses .SelectedDeliveryAddress{
    background-color: #d5f3d5 !important;
    border: 1px solid #008000 !important;
    color: green;
}

#MiniBasket_CarriagePaidInfo {
    color: white;
}

#basketFrame {
    clear: both;
    background-color: #f7f7f7;
    border: 3px solid #292829;
    display: none;
    padding: 15px;
    position: relative;
    top: 10px;
    left: -365px;
    z-index: 66;
    width: 500px;
    -webkit-box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    -moz-box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.productListingFilters {
    padding: 10px;
    border-bottom: 1px solid #bebebe;
    background-color: white;
}

.productListingFilters table {
    width: 100%;
}

.productListingFilters table select {
    width: 100%;
}

.ProductListing {
    width: 100%;
    border-collapse: collapse;
    border: 0px none;
    margin-bottom: 15px;
}

    .ProductListing th {
        text-align: left;
        background: #4e4648; /* Old browsers */
        background: -moz-linear-gradient(top, #4e4648 0%, #221e1f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4648), color-stop(100%,#221e1f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4e4648 0%,#221e1f 100%); /* IE10+ */
        background: linear-gradient(top, #4e4648 0%,#221e1f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4648', endColorstr='#221e1f',GradientType=0 ); /* IE6-9 */
        height: 30px;
        color: #ffffff;
        font-family: US101;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        text-shadow: 0px -1px 0px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=-1);
        padding: 4px;
    }

    .ProductListing .TopLeftHeader {
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px;
    }

    .ProductListing .TopRightHeader {
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 0px 5px 0px 0px;
        border-radius: 0px 5px 0px 0px;
    }

    .ProductListing td {
        text-align: left;
        padding: 8px;
    }

    .ProductListing td.r,
    .ProductListing th.r {
        text-align: right;
    }
    .ProductListing td.c,
    .ProductListing th.c {
        text-align: center;
    }

    .ProductListing tr {
        border-bottom: 1px solid #e9e9e9;
    }

.SubMenu {
    background-color: #f7f7f7;
    border: 3px solid #292829;
    display: none;
    padding: 15px;
    position: absolute;
    top: 178px;
    z-index: 9999;
    -webkit-box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    -moz-box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    box-shadow: 7px 7px 16px rgba(50, 50, 50, 0.85);
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .SubMenu a, .SubMenu a:link {
        color: black;
        display: block;
        font-size: 12px;
        text-decoration: none;
        width: 222px;
        padding: 9px 3px;
        border-bottom: 1px solid #dedfde;
    }

    .SubMenu a:visited {
        color: black;
    }

    .SubMenu a:hover {
        background-color: #efefef;
        color: maroon;
    }

.NewProduct, .BoldRed {
    color: red;
    font-weight: bold;
}

.NewToClearance {
    background-image: url('/images/NewToClearanceV2.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}

.FavProduct, .BoldGreen {
    color: green;
    font-weight: bold;
}

/* Countdown Box */
.CountdownBox {
    display: block;
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    color: red;
}
    .CountdownBox .secondsRemainingOnLoad {
        display: none;
    }
    .CountdownBox .secondsElapsed {
        display: none;
    }
    .CountdownBox .timeRemaining {

    }


/* Rep Targets */
.RepTargetBarContainer {
    margin: 15px 0px 15px 0px;
    border: 1px solid black;
    background-color: #eeeeee;
    position: relative;
}
.RepTargetUtilityBar {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 25px;
    text-align: right;
    padding: 5px;
}

.RepTargetBar {
    position: relative;
    overflow: hidden;
    height: 25px;
    margin: 10px;
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
}
.RepTargetBar_Expected {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 0%;
    background-color: #2a2a2a;
    z-index: 50;
}
    .RepTargetBar_Expected:hover {
        background-color: black;
        cursor: help;
    }

.RepTargetBar_Progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 0%;
    background-color: #f9d302;
    z-index: 60;
    border-bottom: 1px solid #2a2a2a;
    border-right: 1px solid #2a2a2a;
}
    .RepTargetBar_Progress:hover {
        background-color: orange;
        cursor: help;
    }

.RepTargetKeyBox {
        margin: 5px;
        width: 10px;
        height: 10px;
        border: 1px solid black;
    }

/* Splash Offer */
.SplashOffer {
    font-size: 11px;
    color: #3a3a3a;
    width: 635px;
    padding: 0px;
    background-color: white;
}

    .SplashOffer table {
        border-collapse: collapse;
        border: none;
        width: 100%;
        height: 300px;
        margin: 0px;
        padding: 0px;
    }

    .SplashOffer td {
        vertical-align: top;
        margin: 0px;
        padding: 0px;
    }

    .SplashOffer .OfferPic {
        width: 300px;
        height: 300px;
    }
    .SplashOffer .OfferDesc {
        height: 200px;
    }
    .SplashOffer .OfferDescStr {
        border: none;
        color: #3a3a3a;
        font-size: 13px;
        font-family: Verdana;
        height: 200px;
        width: 323px;
        overflow: hidden;
        resize: none;
        padding: 0px;
        margin: 0px;
    }

    .SplashOffer .OfferBuy {
        vertical-align: middle;
        text-align: center;
    }

        .SplashOffer .OfferBuy input {
            display: block;
            width: 250px;
            margin: 5px auto;
        }

.StockCheckDiv {
    clear: both;
    height: 16px;
    font-weight: bold;
    line-height: 16px;
}

    .StockCheckDiv img {
        vertical-align: middle;
        padding-right: 5px;
        margin-top: -2px;
    }

.QuickAddTextBox {
    color: gray;
    width: 350px;
}

#commentManager_contentArea {
    height: 260px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
#commentManager_newComment {
    font-family: Courier New, Courier, monospace;
    height: 75px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

.commentsTable {

}
.commentsTable th {
    background-color: #292929;
    color: white;
    text-transform: uppercase;
    font-family: US101;
    text-align: left;
    font-size: 21px;
    font-weight: normal;
    padding: 5px;
}
.commentsTable td {
    padding: 5px;
    vertical-align: top;
}
.commentsTable td.profile {
    text-align: center;
    width: 90px;
    height: 90px;
    background-color: #eee;
    vertical-align: middle;

}

#AccountLeftColumn input[type=text],
#AccountLeftColumn input[type=password],
#AccountRightColumn input[type=text],
#AccountRightColumn input[type=password]{ width: 100%; box-sizing: border-box; }
#AccountLeftColumn input[type=button] { width: 200px; }
#AccountRightColumn input[type=button] { width: 200px; }

#AccountLeftColumn {
    float: left;
    width: 290px;
    padding: 0px 30px 0px 0px;
    text-align: left;
}

    #AccountLeftColumn .left {
        clear: left;
        float: left;
        font-weight: bold;
        text-align: left;
        width: 170px;
        padding: 0px;
        margin-bottom: 5px;
    }

    #AccountLeftColumn .right {
        float: right;
        text-align: right;
        width: 95px;
        padding: 0px;
        margin-bottom: 5px;
    }

    #AccountLeftColumn h3,
    #AccountRightColumn h3 {
        display: block;
        clear: both;
        font-family: US101;
        text-transform: uppercase;
        font-size: 21px;
        font-weight: normal;
        margin-bottom: 8px;
        padding-top: 10px;
    }

#AccountRightColumn {
    float: left;
    width: 310px;
}

.Red {
    color: Red;
}

.Green {
    color: Green;
}

option.red,
tr.red:not(.ui-state-active),
tr.red:not(.ui-state-active) td:not(.ui-state-active),
td.red {
    color: red !important;
    background-color: #eecdcd !important;
}

tr.red:hover:not(.ui-state-active),
tr.red:hover:not(.ui-state-active) td:not(.ui-state-active),
td.red:hover {
    color: red !important;
    background-color: #efacac !important;
}

option.orange,
tr.orange:not(.ui-state-active),
tr.orange:not(.ui-state-active) td:not(.ui-state-active),
td.orange {
    color: black !important;
    background-color: #ffbd45 !important;
}

option.blue,
tr.blue:not(.ui-state-active),
tr.blue:not(.ui-state-active) td:not(.ui-state-active),
td.blue {
    color: black !important;
    background-color: #c9dfff !important;
}

.StockListingHover tr.blue:not(.ui-state-active):hover td:not(.ui-state-active) {
    color: navy !important;
    background-color: #9ec6ff !important;
}

option.yellow,
tr.yellow:not(.ui-state-active),
tr.yellow:not(.ui-state-active) td:not(.ui-state-active),
td.yellow {
    color: black !important;
    background-color: #fdffbe !important;
}

tr.yellow:hover:not(.ui-state-active),
tr.yellow:hover:not(.ui-state-active) td:not(.ui-state-active),
td.yellow:hover {
    color: black !important;
    background-color: #fbff88 !important;
}

option.green,
tr.green:not(.ui-state-active),
tr.green:not(.ui-state-active) td:not(.ui-state-active),
td.green {
    color: black !important;
    background-color: #b9edc0 !important;
}

tr.green:hover:not(.ui-state-active),
tr.green:hover:not(.ui-state-active) td:not(.ui-state-active),
td.green:hover {
    color: black !important;
    background-color: #9bf8a7 !important;
}

tr.gray:hover:not(.ui-state-active),
tr.gray:hover:not(.ui-state-active) td:not(.ui-state-active),
td.gray:hover {
    color: black !important;
    background-color: gray !important;
}

.StockListingHover tr.green:not(.ui-state-active):hover td:not(.ui-state-active) {
    color: #004a09 !important;
    background-color: #85e993 !important;
}

.Validation_Fail {
    border:1px solid #f2c4c2 !important;
    background: #ffeceb !important;
}

.Validation_Pass {
    border:1px solid #c4f2c2 !important;
    background: #ebffeb !important;
}

div.autosuggest {
    position: absolute;
    background-image: url(../images/img_inquisitor/as_pointer.gif);
    background-position: top;
    background-repeat: no-repeat;
    padding: 10px 0 0 0;
}

    div.autosuggest div.as_header,
    div.autosuggest div.as_footer {
        position: relative;
        height: 6px;
        padding: 0 6px;
        background-image: url(../images/img_inquisitor/ul_corner_tr.gif);
        background-position: top right;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    div.autosuggest div.as_footer {
        background-image: url(../images/img_inquisitor/ul_corner_br.gif);
    }

        div.autosuggest div.as_header div.as_corner,
        div.autosuggest div.as_footer div.as_corner {
            position: absolute;
            top: 0;
            left: 0;
            height: 6px;
            width: 6px;
            background-image: url(../images/img_inquisitor/ul_corner_tl.gif);
            background-position: top left;
            background-repeat: no-repeat;
        }

        div.autosuggest div.as_footer div.as_corner {
            background-image: url(../images/img_inquisitor/ul_corner_bl.gif);
        }

        div.autosuggest div.as_header div.as_bar,
        div.autosuggest div.as_footer div.as_bar {
            height: 6px;
            overflow: hidden;
            background-color: #333;
        }


    div.autosuggest ul {
        list-style: none;
        margin: 0 0 -4px 0;
        padding: 0;
        overflow: hidden;
        background-color: #333;
    }

        div.autosuggest ul li {
            color: #ccc;
            padding: 0;
            margin: 0 4px 4px;
            text-align: left;
        }

            div.autosuggest ul li a {
                color: #ccc;
                display: block;
                text-decoration: none;
                background-color: transparent;
                text-shadow: #000 0px 0px 5px;
                position: relative;
                padding: 0;
                width: 100%;
            }

                div.autosuggest ul li a:hover {
                    background-color: #444;
                }

            div.autosuggest ul li.as_highlight a:hover {
                background-color: #1B5CCD;
            }

            div.autosuggest ul li a span {
                display: block;
                padding: 3px 6px;
                font-weight: bold;
            }

                div.autosuggest ul li a span small {
                    font-weight: normal;
                    color: #999;
                }

            div.autosuggest ul li.as_highlight a span small {
                color: #ccc;
            }

            div.autosuggest ul li.as_highlight a {
                color: #fff;
                background-color: #1B5CCD;
                background-image: url(../images/img_inquisitor/hl_corner_br.gif);
                background-position: bottom right;
                background-repeat: no-repeat;
            }

                div.autosuggest ul li.as_highlight a span {
                    background-image: url(../images/img_inquisitor/hl_corner_bl.gif);
                    background-position: bottom left;
                    background-repeat: no-repeat;
                }

            div.autosuggest ul li a .tl,
            div.autosuggest ul li a .tr {
                background-repeat: no-repeat;
                width: 6px;
                height: 6px;
                position: absolute;
                top: 0;
                padding: 0;
                margin: 0;
            }

            div.autosuggest ul li a .tr {
                right: 0;
            }

            div.autosuggest ul li.as_highlight a .tl {
                left: 0;
                background-image: url(../images/img_inquisitor/hl_corner_tl.gif);
                background-position: bottom left;
            }

            div.autosuggest ul li.as_highlight a .tr {
                right: 0;
                background-image: url(../images/img_inquisitor/hl_corner_tr.gif);
                background-position: bottom right;
            }

            div.autosuggest ul li.as_warning {
                font-weight: bold;
                text-align: center;
            }

        div.autosuggest ul em {
            font-style: normal;
            color: #6EADE7;
        }

.LineNumbers {
    background-color: #eee;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: none;
    width: 40px;
    overflow: hidden;
    height: 175px;
    text-align: right;
    -webkit-appearance: none;
    float: left;
    margin-top: 5px;
}

.LineNumberedBox {
    background-color: white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: none;
    border-right: 1px solid black;
    -webkit-appearance: none;
    width: 270px;
    height: 175px;
    float: left;
    padding-left: 5px;
    word-wrap: normal;
    margin-top: 5px;
}

.SuggestionContainer {
    background-color: black;
    color: white;
    font-weight: bold;
    border: 1px solid black;
    -webkit-appearance: none;
    width: 350px;
    height: 180px;
    float: right;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
    margin-top: 5px;
}

.SuggestionContents {
    background-color: white;
    color: black;
    font-weight: normal;
    border: none;
    -webkit-appearance: none;
    width: 100%;
    height: 157px;
    vertical-align: top;
    overflow: auto;
    padding: 5px;
    margin: 5px;
}

#csvUpload {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.uploadArea {
    margin: 10px;
    width: 663px;
    border: 2px solid lightgray;
    overflow: hidden;
    padding: 20px 0px 20px 0px;    
    font-family: US101, Arial;
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
}

.uploadArea img {
    width: 57px;
    height: 60px;
}

.uploadArea:hover {
    cursor: pointer;
    border: 2px solid black;
}

.uploadArea span {
    font-size: 16px;
    color: #8b8a8d;
}

.tooltip {
    display: none;
    position: absolute;
    border-radius: 5px;
    background-color: #5c5c5c;
    border: 1px solid black;
    color: white;
    font: 12px Arial, Tahoma;
    padding: 10px;
}

.DealerInfoBox {
    overflow: hidden;
}

#DealerInfoBoxMap {
    float: left;
    border: 1px solid #414141;
    width: 200px;
    height: 200px;
}
#DealerInfoBoxAddress {
    float: left;
    clear: right;
    padding: 15px;

}

#Mapping_SupplierInfo {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

#Mapping_SupplierInfo_Logo {
    width: 150px;
}

#Mapping_SupplierInfo_Desc {
    padding: 10px 10px 0px 25px;
    line-height: 200%;
    text-align: justify;
}

.genericFormOuter input[type=text],
.genericFormOuter input[type=password],
.genericFormOuter select,
.genericFormOuter textarea {
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
}

.calendarToggle {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.calendarToggle:hover {
    outline: 1px solid blue;
}

.buttonBar {
    text-align: right;
}

.buttonBar input[type=button],
.buttonBar input[type=submit] {
    width: 150px;
    margin: 5px;
}

select.genericForm,
textarea.genericForm,
input[type=text].genericForm,
input[type=search].genericForm,
input[type=password].genericForm,
input[type=button].genericForm {
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
    border: 1px solid #a9a9a9;
}

select.genericForm:focus,
textarea.genericForm:focus,
input[type=text].genericForm:focus,
input[type=password].genericForm:focus,
input[type=button].genericForm:focus {
    border-color: #7b7b7b;
}

#AccountSwitchPayButton {
    -webkit-appearance: none;
    background-color: #008e0a;
    border-color: #008e0a;
    color: white;
    font-family: Arial;
    font-size: 11px;
    width: 85px;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid black;
    cursor: pointer;
}
#AccountSwitchPayButton:hover {
    background-color: #007108;
}

.paymentFilterBoxCont {
    overflow: hidden;
}

.paymentFilterBox {
    float: left;
    margin: 5px 5px 5px 0px;
    height: 37px;
    line-height: 37px;
}

#paymentStatusFilter {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #a9a9a9;
}
#paymentStatusFilter td {
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    font-size: 1.33em;
    border-bottom: 4px solid black;
}
    #paymentStatusFilter td.selected {
        border-bottom: 4px solid red;
    }

#paymentStatusFilter td:hover{
    font-size: 1.66em;
}

.paymentHeader {
    font-family: US101;
    text-transform: uppercase;
    font-size: 28px;
    color: green;
    margin-bottom: 0px;
}

table.paymentTypeSelection {
    border-collapse: collapse;
    width: 100%;
}
table.paymentTypeSelection td {
    text-align: center;
    vertical-align: bottom;
    font-family: US101;
    text-transform: uppercase;
    font-size: 21px;
    padding-top: 10px;
    touch-action: manipulation;
}
    table.paymentTypeSelection td p {
        margin-top: 10px;
        margin-bottom: 10px;
        color: black;
    }
    table.paymentTypeSelection td i {
        color: #cfb20c;
    }
table.paymentTypeSelection td:hover {
    background-color: #eee;
    cursor: pointer;
}
    table.paymentTypeSelection td.active i {
        color: maroon;
    }

    table.paymentSelectionTable tr,
    table.paymentSelectionTable td,
    #payments_payUsing tr ,
    #payments_payUsing td {
        touch-action: manipulation;
    }
    table.paymentSelectionTable tr.selected,
    table.paymentSelectionTable tr.selected td,
    #payments_payUsing tr.selected,
    #payments_payUsing tr.selected td {
        background-color: #b9edc0;
        color: green;
    }

.payments_finalAmount {
    font-size: 32px;
    font-family: US101;
    text-align: center;
}
.paymentConfirm {
    margin: 10px;
    float: left;
}
.paymentConfirm_SubHead {
    font-size: 21px;
    font-family: US101;
    padding: 10px 0px;
}
.paymentConfirm_SubDetail {
    padding: 10px;
    border-radius: 6px;
    hyphens: auto;
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
}

.payments_nextButton,
.payments_backButton,
#payments_autoFillButton,
#payments_payNowButton {
    width: 150px;
    height: 35px;
}

.paymentResponseBox {
    box-sizing: border-box;
    margin-top: 5px;
    font-family: Courier New, Courier, monospace;
    border: 1px solid black;
    background-color: silver;
    display: none;
    padding: 5px;
    overflow: hidden;
    overflow-x: auto;
    width: 525px;
}