#ctl00_MainContentHolder_ProductMainImage1_imgMain {
    aspect-ratio: auto 4 / 3;
}

#ctl00_Footer1_ContentColumnControl5_ctl01_pnlMailingListSignupForm, .contentColumn, .postContentColumn, .preContentColumn, .relative, .top-bar-section .has-dropdown, .videoWrapper, p.foote-paypal a {
    position: relative
}

#HelpButton, .cart .carttotals table tr.estimatedTotal td, .prefooter h6, .top-bar-section .dropdown li a.parent-link, .vevent .summary, label.required {
    font-weight: 700
}

h1, h2, h3, h4, h5, h6, p {
    text-rendering: optimizeLegibility
}

a, b, em, i, small, strong {
    line-height: inherit
}

ol li ol, ol li ul, ul li ol, ul li ul {
    margin-left: 1.25em;
    margin-bottom: 0
}

#HelpButton, #to-top a:hover, .vevent abbr, a {
    text-decoration: none
}

#ProductSKU, #ctl00_MainContentHolder_PaypalExpressCheckoutButton1_PaypalExpress {
    padding-bottom: 10px
}

.clearfix:after, hr {
    clear: both
}

body {
    color: #555;
    background: url(../images/bg-body.png);
    font-weight: 200;
    font-size: 16px
}

    body.popup {
        font-size: 14px
    }

    .margin-0, body, body > form, figure {
        margin: 0
    }

.videoWrapper {
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.row {
    max-width: 90em
}

.ads a img {
    margin-bottom: 1.5em
}

input[type=file] {
    width: auto !important
}

.cart .cartcontainer, .categorygrid, .smallText {
    font-size: .875em
}

.highlight {
    background: #dbeaf9
}

.main p + ul, ol#faanswers, ol#faquestions {
    margin-left: 1.5em
}

#ctl00_Footer1_ContentColumnControl5_ctl01_lblInstructions, h1 i {
    color: #ccc
}

input[type=checkbox] + label, input[type=radio] + label, span.checkbox + label {
    padding-left: 5px;
    display: inline
}

#HelpButton, #bigImageDiv, #pleaseWaitDiv, #to-top a, #wait {
    position: fixed
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.pad-left-1em {
    padding-left: 1em;
    display: block
}

.pad-right-1em {
    padding-right: 1em;
    display: block
}

.pad-top-1em {
    padding-top: 1em;
    display: block
}

.pad-bottom-1em {
    padding-bottom: 1em;
    display: block
}

.pad-all-1em {
    padding: 1em;
    display: block
}

.cart .cartproductgrid .giftwrapwrapper .giftwrapprice, .cart .cartproductgrid .giftwrapwrapper .giftwrapqty, .cell, .wishlist .cartproductgrid .giftwrapwrapper .giftwrapprice, .wishlist .cartproductgrid .giftwrapwrapper .giftwrapqty {
    line-height: 1.6
}

.subheader, p {
    line-height: 1.4
}

    #productpage h1, .cell input, .header .search input, .subCategoryName, .top-bar form, .top-bar input, .variantsdisplay table td input, .variantsdisplay table td select, .variantsdisplay table td textarea, p.foote-paypal ~ p, table.searchFormTable input, table.searchFormTable select {
        margin-bottom: 0
    }

table.dataTable {
    width: 100%;
    border: 1px solid #dbdbdb !important;
    font-size: 14px
}

    table.dataTable th {
        background: #222;
        color: #fff;
        font-weight: 700;
        padding: .5em;
        text-align: left
    }

    #VolumeDiscounts table tr td, table.dataTable td {
        padding: .5em;
        background: #fff;
        border-bottom: 1px solid #dbdbdb
    }

.preheader ul, .preheader ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

#HelpButton, #Tweets ul, .preheader .columns, .preheader ul {
    text-align: center
}

a.logo {
    line-height: 45px
}

dl, ol, p.lead, ul {
    line-height: 1.6
}

.variantsdisplay table td tr, a, a.logo img, a.logo:hover img {
    background: 0 0
}

.preheader {
    padding-top: .25em;
    padding-bottom: 0;
    border-bottom: 1px solid #282828
}

    .preheader .columns {
        font-size: .85em
    }

    .preheader ul li {
        display: inline-block;
        white-space: nowrap
    }

        .preheader ul li a {
            padding: .5em .9em .5em .7em;
            border-radius: 2px;
            line-height: 2.7
        }

            .preheader ul li .minicart a:hover, .preheader ul li a:hover {
                background: #000;
                color: #fff
            }

.header {
    border-top: 1px solid #959595
}

    .header > .row > .columns {
        text-align: center;
        padding-top: .5em
    }

    .header .phone {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        display: block;
        color: #da0000
    }

        .header .phone strong {
            padding-right: .65em
        }

    .header .shipping {
        font-weight: 600
    }

        .breadcrumbs a:hover, .header .shipping a {
            color: #da0000
        }

            .header .shipping a:hover, ul.modelList li a {
                color: #555
            }

    .header .search div + div input.button, .header .search > div input {
        border-radius: 0
    }

#HelpButton, #SearchTips {
    border: 1px solid #000;
    font-family: Helvetica,sans-serif,Arial
}

#SearchTips {
    display: none;
    position: absolute;
    z-index: 99;
    width: 300px;
    height: auto;
    background-color: #fff;
    font-size: 1em;
    line-height: 1.1em;
    text-align: left;
    opacity: .9
}

    #SearchTips ul {
        list-style-type: none
    }

    #SearchTips li {
        cursor: pointer;
        color: #333
    }

        #SearchTips li:hover {
            background-color: #ccc
        }

.navwrapper {
    background: #011d3c
}

nav {
    margin-left: -1em;
    margin-right: -1em
}

.breadcrumbs a {
    background: #fff;
    color: #011d3c
}

.breadcrumbwrapper {
    background: #fff;
    padding: 0;
    display: none
}

    .SingleProductDisplayPanel .record .product-info .recordprice .recordlistprice, .WideSingleProductDisplayPanel .record .product-info .recordprice .recordlistprice, .breadcrumbwrapper .breadcrumbs div {
        display: inline
    }

    .breadcrumbwrapper .breadcrumbs span.spacer {
        padding-left: .5em;
        padding-right: .5em
    }

#ctl00_MainContentHolder_CategoriesDropDown {
    border: 1px solid #ccc;
    color: #333;
    font-size: 1.2em;
    padding: 12px;
    margin-bottom: 10px;
}

#ctl00_MainContentHolder_SubCategoriesDropDown {
    border: 1px solid #ccc;
    color: #555;
    font-size: 1em;
    padding: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

    #HelpButton, p {
        font-size: 1em
    }

#HelpButton {
    Display: none;
    background-color: #da0000;
    opacity: .85;
    right: -4em;
    padding-top: 10px;
    top: 70%;
    z-index: 9999;
    width: 7em;
    height: 5em;
    color: #fff;
    vertical-align: middle;
    border-top-left-radius: .2em;
    border-top-right-radius: .2em;
    cursor: pointer
}

#Tweets, .timePosted, .tweet {
    text-align: left
}

#HelpButton:hover {
    background-color: #5d78f8;
    padding-bottom: 15px;
    right: -60px
}

.vertical-text {
    transform: rotate(270deg);
    transform-origin: left top 0;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(-90deg)
}

.main {
    background: #fff;
    padding-bottom: 1.5em;
    padding-top: 1.5em
}

.prefooter {
    border-top: none;
    border-bottom: none;
    padding-top: 1em;
    padding-bottom: 1em
}

    .prefooter .mailingListSignup h4 {
        margin: 3px 0 0;
        padding: 0
    }

    .prefooter .mailingListSignup span.Instructions {
        font-size: .875em;
        display: block;
        margin-bottom: .5em
    }

    #AdditionalImageWrapper #AdditionalImageMenu + a.BVText, #AdditionalImageWrapper #AdditionalImageViewer br, #AdditionalImageWrapper #Caption, #bigImageDiv, #categorybanner img, #categorybulkorderlisttemplaterecords table tr:first-child, #categorysimplelisttemplaterecords table tr:first-child, .SingleProductDisplayPanel .record .product-info .recordAddToCart, .SingleProductDisplayPanel .record .product-info .recorddesc, .SingleProductDisplayPanel .record .product-info .recordqty, .SingleProductDisplayPanel .record input[type=checkbox], .WideSingleProductDisplayPanel .record .product-info .recordAddToCart, .WideSingleProductDisplayPanel .record .product-info .recordqty, .WideSingleProductDisplayPanel .record input[type=checkbox], .categorygrid span > br, .gridheader .sortby, .gridheader .viewswrapper, .homecolumn1, .navwrapper a.customButton, .prefooter .errormessage, .printMail, .touch .orbit-container.carousel .orbit-next, .touch .orbit-container.carousel .orbit-prev, .touch .orbit-container.carousel ol.orbit-bullets, [data-abide] small.error, [data-abide] span.error, [hidden], a.customButton, form.custom .custom.dropdown .disabled:hover:after, template {
        display: none
    }

    .prefooter .mailingListSignup div div div {
        position: relative;
        padding-right: 93px;
        height: 35px
    }

    .prefooter .mailingListSignup input[type=text] {
        margin: 0 0 5px
    }

    .prefooter ul {
        list-style: none;
        font-size: .875em;
        margin-bottom: .5em
    }

        .prefooter ul li {
            padding-right: 1em
        }

            .alert-box a:hover, .orbit-container.carousel ul.orbit-slides-container li *, .prefooter ul li a:hover {
                color: #fff
            }

    .prefooter h6 {
        margin: 0
    }

.footer h6, p {
    font-weight: 400
}

.prefooter hr {
    margin-top: .5em
}

.footer {
    border-top: 1px solid #2b2b2b
}

    .footer h6 {
        text-transform: uppercase;
        font-size: 14px;
        color: #ddd
    }

    .ProductReview p:first-child, .footer p {
        color: gray;
        font-size: 12px
    }

    .footer ul {
        list-style: none;
        margin-bottom: 1em;
        margin-top: 0;
        padding: 0;
        font-size: 12px
    }

#bigImageDiv {
    width: 640px;
    height: 500px;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -250px;
    background: #fff;
    border: 1px solid #011d3c
}

#Tweets {
    margin: 0 auto;
    display: block
}

    #Tweets ul li {
        font-size: .95em;
        color: #ccc;
        min-width: 100px;
        margin: 5px auto
    }

        #Tweets ul li a {
            font-size: .688em
        }

.timePosted {
    color: #4b64d5
}

#to-top a {
    background-color: #000;
    border-radius: 2px;
    z-index: 10;
    bottom: 25px;
    right: 12px;
    width: 38px;
    height: 35px
}

    #to-top a:hover {
        background-color: red
    }

    #to-top a:before {
        content: "\f106";
        font-family: FontAwesome;
        display: inline-block;
        font-size: 20px;
        position: absolute;
        left: 13px;
        top: 6px;
        color: #fff !important
    }

p.lead {
    font-size: 1.21875em
}

.subheader {
    color: #6f6f6f;
    font-weight: 300;
    margin-top: .2em;
    margin-bottom: .5em
}

.button, button, input {
    line-height: normal
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
    direction: ltr
}

dl, ol, p, ul {
    margin-bottom: 1.25em
}

a {
    color: #2ba6cb
}

    a:focus, a:hover {
        color: #2795b6
    }

    .variantsdisplay table tr:last-child td, a img, ul.side-nav.fancy li ul li, ul.side-nav.simple li ul li {
        border: none
    }

p {
    font-family: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica,sans-serif,Arial
}

p aside {
    font-size: .875em;
    line-height: 1.35;
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    font-style: normal;
    margin-top: .2em;
    margin-bottom: .5em;
    line-height: 1.2125em
}

dfn, em, i, ul.pagination li a {
    font-style: italic
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h2 {
    font-size: 1.6875em
}

h3 {
    font-size: 1.375em
}

h4 {
    font-size: 1.25em
}

h5 {
    font-size: 1.125em
}

dl, h6, ol, ul {
    font-size: 1em
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    margin: 1.5em 0
}

b, strong {
    font-weight: 700
}

code {
    font-weight: 700;
    color: #7f0a0c
}

dl, ol, ul {
    list-style-position: outside;
    font-family: inherit
}

    #ProductDescription .MiscTable, .messagebox ul, .orbit-container.carousel ul.orbit-slides-container > :first-child, ol, ol.no-bullet, ul, ul.no-bullet {
        margin-left: 0
    }

.button, .vcard, blockquote, button {
    margin: 0 0 1.25em
}

ul li ol, ul li ul {
    font-size: 1em
}

ul.circle li ul, ul.disc li ul, ul.square li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square
}

ul.circle {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ul.kitcomponent, ul.modelList li, ul.no-bullet {
    list-style: none
}

dl dt {
    margin-bottom: .3em;
    font-weight: 700
}

dl dd {
    margin-bottom: .75em
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    border-bottom: 1px dotted #ddd;
    cursor: help
}

abbr, button, select {
    text-transform: none
}

blockquote {
    padding: .5625em 1.25em 0 1.1875em;
    border-left: 1px solid #ddd
}

    blockquote cite {
        display: block;
        font-size: .8125em;
        color: #555
    }

        blockquote cite:before {
            content: "\2014 \0020"
        }

        .cart .cartproductgrid .cartitemdescription .inputvalue a, .cart .cartproductgrid .cartitemdescription .modifiervalue a, .wishlist .cartproductgrid .cartitemdescription .inputvalue a, .wishlist .cartproductgrid .cartitemdescription .modifiervalue a, blockquote cite a, blockquote cite a:visited {
            color: #555
        }

    blockquote, blockquote p {
        line-height: 1.6;
        color: #6f6f6f
    }

.vcard {
    display: inline-block;
    border: 1px solid #ddd;
    padding: .625em .75em
}

    .vcard li {
        margin: 0;
        display: block
    }

    .vcard .fn {
        font-weight: 700;
        font-size: .9375em
    }

.vevent abbr {
    cursor: default;
    font-weight: 700;
    border: none;
    padding: 0 .0625em
}

.print-only, script {
    display: none !important
}

.button, button {
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: .8125em 1.5em .75em;
    font-size: 1em;
    background-color: #2ba6cb;
    border: 0 solid #2284a1;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 0
}

#closedcontent, .ProdAlternativeLabel, .top-bar-section ul li > a {
    font-family: Helvetica,sans-serif,Arial
}

form, input[type=checkbox], input[type=file], input[type=radio], label.inline, select {
    margin: 0 0 1em
}

.button.large, .button.small, .button.tiny, button.large, button.small, button.tiny {
    border-radius: 0;
    -webkit-appearance: none
}

.button:focus, .button:hover, button:focus, button:hover {
    background-color: #2284a1;
    color: #fff
}

.button.secondary, button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333
}

    .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
        background-color: #d0d0d0;
        color: #333
    }

.button.success, button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff
}

    .button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
        background-color: #457a1a;
        color: #fff
    }

.button.alert, button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: #fff
}

    .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
        background-color: #970b0e;
        color: #fff
    }

.button.large, button.large {
    padding: 1em 2em 1.0625em;
    font-size: 1.25em
}

.button.small, button.small {
    padding: .5625em 1.125em .625em;
    font-size: .8125em
}

.button.tiny, button.tiny {
    padding: .5em .875em .4375em;
    font-size: .6875em
}

.button.expand, button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.button.left-align, button.left-align {
    text-align: left;
    text-indent: .75em
}

.button.right-align, button.right-align {
    text-align: right;
    padding-right: .75em
}

.button.disabled, .button[disabled], button.disabled, button[disabled] {
    background-color: #2ba6cb;
    border-color: #2284a1;
    color: #fff;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.graybutton, .q_button, label {
    cursor: pointer
}

.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
    color: #fff;
    background-color: #2ba6cb
}

.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
        color: #333;
        background-color: #e9e9e9
    }

.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
        color: #fff;
        background-color: #5da423
    }

.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: #fff;
    cursor: default;
    opacity: .6;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
        color: #fff;
        background-color: #c60f13
    }

.button.small, button.small {
    padding-top: .625em;
    padding-bottom: .5625em
}

.button.large, button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em
}

@media only screen {
    .button, button {
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out
    }

        .button:active, button:active {
            -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2) inset;
            box-shadow: 0 1px 0 rgba(0,0,0,.2) inset
        }

        .button.radius, button.radius {
            -webkit-border-radius: 0px;
            border-radius: 0
        }

        .button.round, button.round {
            -webkit-border-radius: 1000px;
            border-radius: 1000px
        }
}

label {
    font-size: .875em;
    color: #4d4d4d;
    display: block;
    margin-bottom: .1875em;
    font-weight: 700
}

    label.right {
        float: none;
        text-align: right
    }

    label.inline {
        padding: .625em 0
    }

    label small {
        text-transform: capitalize;
        color: #666
    }

.postfix, .prefix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: .875em;
    height: 2.3125em;
    line-height: 2.3125em
}

    .postfix.button, .prefix.button {
        padding: 0;
        text-align: center;
        line-height: 2.125em
    }

        .prefix.button.radius, label.prefix.radius, span.prefix.radius {
            -webkit-border-radius: 0;
            border-radius: 3px 0 0 3px;
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-topleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px
        }

        .postfix.button.radius, label.postfix.radius, span.postfix.radius {
            -webkit-border-radius: 0;
            border-radius: 0 3px 3px 0;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px
        }

        .prefix.button.round {
            -webkit-border-radius: 0;
            border-radius: 1000px 0 0 1000px;
            -moz-border-radius-bottomleft: 1000px;
            -moz-border-radius-topleft: 1000px;
            -webkit-border-bottom-left-radius: 1000px;
            -webkit-border-top-left-radius: 1000px
        }

        .postfix.button.round {
            -webkit-border-radius: 0;
            border-radius: 0 1000px 1000px 0;
            -moz-border-radius-topright: 1000px;
            -moz-border-radius-bottomright: 1000px;
            -webkit-border-top-right-radius: 1000px;
            -webkit-border-bottom-right-radius: 1000px
        }

label.prefix, span.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333
}

label.postfix, span.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}

.input-group.radius > :first-child, .input-group.radius > :first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group.radius > :last-child, .input-group.radius > :last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.round > :first-child, .input-group.round > :first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.input-group.round > :last-child, .input-group.round > :last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    display: block;
    font-size: .875em;
    margin: 0 0 1em;
    padding: .5em;
    height: 2.3125em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;
    -moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;
    transition: box-shadow .45s,border-color .45s ease-in-out
}

textarea {
    height: 10em;
    overflow: auto;
    vertical-align: top
}

    input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        -webkit-box-shadow: 0 0 5px #999;
        -moz-box-shadow: 0 0 5px #999;
        box-shadow: 0 0 5px #999;
        border-color: #999;
        background: #fafafa;
        outline: 0
    }

    input[type=date][disabled], input[type=datetime-local][disabled], input[type=datetime][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], textarea[disabled] {
        background-color: #ddd
    }

fieldset legend {
    font-weight: 700;
    background: #fff;
    padding: 0 .1875em;
    margin: 0 0 0 -.1875em
}

fieldset > h2, form.custom .error .custom.dropdown + small.error {
    margin-top: 0
}

.error small.error, .error > small, [data-abide] .error small.error, [data-abide] small.error, [data-abide] span.error, small.error, span.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: 700;
    background: #c60f13;
    color: #fff
}

.error input, .error select, .error textarea, input.error, textarea.error {
    border-color: #c60f13;
    background-color: rgba(198,15,19,.1);
    margin-bottom: 0
}

    .error input:focus, .error select:focus, .error textarea:focus, form.custom .error .custom.dropdown:focus, input.error:focus, textarea.error:focus {
        background: #fafafa;
        border-color: #999
    }

.error label, .error label.error, label.error {
    color: #c60f13
}

.SingleProductDisplayDescription span, .WideSingleProductDisplayPanel .partNumberContol, .error span.error-message, .js-generated, .orbit-container.carousel:hover .orbit-timer > span, .top-bar-section .has-dropdown.moved > .dropdown, article, aside, details, figcaption, figure, footer, form.custom .custom.dropdown ul.show, header, hgroup, main, nav, section, summary {
    display: block
}

.error select {
    border-color: #c60f13;
    background-color: rgba(198,15,19,.1)
}

form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden
}

form.custom .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background: #fff
}

    form.custom .custom.checkbox {
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0
    }

    form.custom .custom.radio {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        padding: 3px
    }

    form.custom .custom.checkbox:before {
        content: "";
        display: block;
        font-size: 16px;
        color: #fff
    }

    form.custom .custom.radio.checked:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        background: #222;
        position: relative
    }

    form.custom .custom.checkbox.checked:before {
        content: "\00d7";
        color: #222;
        position: absolute;
        top: -50%;
        left: 50%;
        margin-top: 4px;
        margin-left: -5px
    }

    form.custom .custom.dropdown {
        display: block;
        position: relative;
        top: 0;
        height: 2.3125em;
        margin-bottom: 1.25em;
        margin-top: 0;
        padding: 0;
        width: 100%;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%);
        background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%);
        -webkit-box-shadow: none;
        background: linear-gradient(to bottom,#fff 0,#f3f3f3 100%);
        box-shadow: none;
        font-size: .875em;
        vertical-align: top
    }

        form.custom .custom.dropdown .current {
            cursor: default;
            white-space: nowrap;
            line-height: 2.25em;
            color: rgba(0,0,0,.75);
            text-decoration: none;
            overflow: hidden;
            display: block;
            margin-left: .5em;
            margin-right: 2.3125em
        }

        form.custom .custom.dropdown .selector {
            cursor: default;
            position: absolute;
            width: 2.5em;
            height: 2.3125em;
            display: block;
            right: 0;
            top: 0
        }

            form.custom .custom.dropdown .selector:after {
                content: "";
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: 5px inset;
                border-color: #aaa transparent transparent;
                border-top-style: solid;
                position: absolute;
                left: .9375em;
                top: 50%;
                margin-top: -3px
            }

        form.custom .custom.dropdown.open a.selector:after, form.custom .custom.dropdown:hover a.selector:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: 5px inset;
            border-color: #222 transparent transparent;
            border-top-style: solid
        }

        .top-bar.expanded .toggle-topbar a, form.custom .custom.dropdown .disabled {
            color: #888
        }

            form.custom .custom.dropdown .disabled:hover {
                background: 0 0;
                color: #888
            }

        form.custom .custom.dropdown.open ul {
            display: block;
            z-index: 10;
            min-width: 100%;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        form.custom .custom.dropdown.small {
            max-width: 134px
        }

        form.custom .custom.dropdown.medium {
            max-width: 254px
        }

        form.custom .custom.dropdown.large {
            max-width: 434px
        }

        form.custom .custom.dropdown.expand {
            width: 100% !important
        }

        form.custom .custom.dropdown.open.small ul {
            min-width: 134px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        form.custom .custom.dropdown.open.medium ul {
            min-width: 254px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        form.custom .custom.dropdown.open.large ul {
            min-width: 434px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

form.custom .error .custom.dropdown {
    border-color: #c60f13;
    background: rgba(198,15,19,.1);
    margin-bottom: 0
}

form.custom .custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px;
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: -1px;
    top: auto;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px
}

    form.custom .custom.dropdown ul li {
        color: #555;
        font-size: .875em;
        cursor: default;
        padding: .25em 2.375em .25em .375em;
        min-height: 1.5em;
        line-height: 1.5em;
        margin: 0;
        white-space: nowrap;
        list-style: none
    }

        form.custom .custom.dropdown ul li.selected {
            background: #eee;
            color: #000
        }

        form.custom .custom.dropdown ul li:hover {
            background-color: #e4e4e4;
            color: #000
        }

        form.custom .custom.dropdown ul li.selected:hover {
            background: #eee;
            cursor: default;
            color: #000
        }

.cart .cartcoupons table tr:hover td, .top-bar.expanded .title-area, form.custom .custom.disabled {
    background: #ddd
}

.slideshow-wrapper {
    position: relative;
    margin-bottom: 1.5em
}

.orbit-container.billboard ol.orbit-bullets {
    margin: 0 10px 0 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 100;
    height: 20px
}

    .orbit-container.billboard ol.orbit-bullets li {
        display: block;
        width: .85em;
        height: .85em;
        float: left;
        margin-right: 6px;
        border: 3px solid #000;
        -webkit-border-radius: 1000px;
        border-radius: 1000px
    }

        .orbit-container.billboard ol.orbit-bullets li:last-child, .orbit-container.carousel ol.orbit-bullets li:last-child {
            margin-right: 0
        }

#categorybulkorderlisttemplaterecords, #categorysimplelisttemplaterecords, .orbit-container.billboard .orbit-slides-container li {
    margin-bottom: 1em
}

.orbit-container.carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: grey;
    padding-top: 50px;
    margin-bottom: 2em
}

    .orbit-container.carousel ul.orbit-slides-container {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

        .orbit-container.carousel ul.orbit-slides-container li .slide {
            padding: 1.5em;
            background: #3498db
        }

        .orbit-container.carousel ul.orbit-slides-container li .columns {
            padding: 0
        }

            .orbit-container.carousel ul.orbit-slides-container li .columns .slide {
                padding: 1.5em
            }

        #AdditionalImageWrapper #AdditionalImageMenu > span, .orbit-container.carousel ul.orbit-slides-container li, svg:not(:root) {
            overflow: hidden
        }

        .orbit-container.carousel ul.orbit-slides-container img {
            display: block;
            max-width: 100%
        }

        .orbit-container.carousel ul.orbit-slides-container > * {
            position: absolute;
            top: 0;
            width: 100%;
            margin-left: 100%
        }

            .orbit-container.carousel ul.orbit-slides-container > * .orbit-caption {
                position: absolute;
                bottom: 0;
                background-color: rgba(0,0,0,.6);
                color: #fff;
                width: 100%;
                padding: 10px 14px;
                font-size: .875em
            }

    .orbit-container.carousel .orbit-slide-number {
        position: absolute;
        top: 0;
        left: 10px;
        font-size: inherit;
        color: #fff;
        background: rgba(0,0,0,0);
        z-index: 10;
        line-height: 50px
    }

        .orbit-container.carousel .orbit-slide-number span {
            font-weight: 700;
            padding: .3125em
        }

    .orbit-container.carousel .orbit-timer {
        position: absolute;
        top: 50px;
        right: 10px;
        height: 6px;
        width: 100%;
        z-index: 10
    }

        .orbit-container.carousel .orbit-timer .orbit-progress {
            height: 100%;
            background-color: rgba(0,0,0,.6);
            display: block;
            width: 0%
        }

        .orbit-container.carousel .orbit-timer > span {
            display: none;
            position: absolute;
            top: 10px;
            right: 0;
            width: 11px;
            height: 14px;
            border: 4px solid #000;
            border-top: none;
            border-bottom: none
        }

        .orbit-container.carousel .orbit-timer.paused > span {
            right: -6px;
            top: 9px;
            width: 11px;
            height: 14px;
            border: 8px inset;
            border-right-style: solid;
            border-color: transparent transparent transparent #000
        }

    .orbit-container.carousel .orbit-next, .orbit-container.carousel .orbit-prev {
        position: absolute;
        top: 0;
        margin-top: 0;
        background-color: rgba(0,0,0,.6);
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        text-indent: -9999px !important
    }

        .orbit-container.carousel .orbit-next:hover, .orbit-container.carousel .orbit-prev:hover {
            background-color: rgba(0,0,0,.6)
        }

        .orbit-container.carousel .orbit-next > span, .orbit-container.carousel .orbit-prev > span {
            position: absolute;
            top: 50%;
            margin-top: -16px;
            display: block;
            width: 0;
            height: 0;
            border: 16px inset
        }

    .orbit-container.carousel .orbit-prev {
        left: auto;
        right: 50px
    }

        .orbit-container.carousel .orbit-prev > span {
            border-right-style: solid;
            border-color: transparent #fff transparent transparent
        }

        .orbit-container.carousel .orbit-prev:hover > span {
            border-right-color: #ccc
        }

    .orbit-container.carousel .orbit-next {
        right: 0
    }

        .orbit-container.carousel .orbit-next > span {
            border-color: transparent transparent transparent #fff;
            border-left-style: solid;
            left: 50%;
            margin-left: -8px
        }

        .orbit-container.carousel .orbit-next:hover > span {
            border-left-color: #ccc
        }

    .orbit-container.carousel ol.orbit-bullets {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        top: 0;
        float: right;
        padding: 1.15em
    }

        .orbit-container.carousel ol.orbit-bullets li {
            display: block;
            width: .75em;
            height: .75em;
            background: #999;
            float: left;
            margin-right: 6px;
            border: 1px solid #555;
            -webkit-border-radius: 1000px;
            border-radius: 1000px
        }

            .orbit-container.carousel ol.orbit-bullets li.active {
                background: #555
            }

@media only screen and (max-width:768px) {
    #bigImageDiv {
        width: 100%;
        margin: 0 auto;
        top: 0;
        left: 0
    }

    .orbit-container.carousel ul.orbit-slides-container li .columns {
        padding: 0
    }

    .orbit-container.carousel.orbit-stack-on-small {
        padding-top: 0;
        background: 0 0
    }

        .orbit-container.carousel.orbit-stack-on-small .orbit-slides-container {
            height: auto !important
        }

            .orbit-container.carousel.orbit-stack-on-small .orbit-slides-container li .slide {
                margin-bottom: 1em
            }

            .orbit-container.carousel.orbit-stack-on-small .orbit-slides-container > * {
                position: relative;
                margin-left: 0 !important
            }

        .orbit-container.carousel.orbit-stack-on-small .orbit-bullets, .orbit-container.carousel.orbit-stack-on-small .orbit-next, .orbit-container.carousel.orbit-stack-on-small .orbit-prev, .orbit-container.carousel.orbit-stack-on-small .orbit-slide-number, .orbit-container.carousel.orbit-stack-on-small .orbit-timer {
            display: none
        }
}

ul.pagination {
    height: 33px;
}

    ul.pagination li {
        border: 1px solid #ddd;
        margin-bottom: 5px;
        height: auto
    }

        ul.pagination li:last-child {
            border-right: 1px solid #ddd
        }

        ul.pagination li a {
            padding: 0 .8em;
            line-height: 2.2em;
            color: #555
        }

        ul.pagination li.current {
            border: 1px solid #ddd;
            border-right: none
        }

            ul.pagination li.current a {
                padding: 0 .8em;
                background: red
            }

        ul.pagination li.disabled {
            color: #ccc;
            padding: 0 .8em;
            line-height: 2.2em
        }

ul.modelList {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 0;
    width: 100%
}

.productgrid [class*=column] + [class*=column]:last-child {
    float: left
}

.gridheader {
    padding: 0 0 .5em
}

    .gridheader ul.pagination {
        margin: 0 0 .5em
    }

#Models7Container, #categorybulkorderlisttemplaterecords .record .recordname, #categorysimplelisttemplaterecords .record .recordname, table.variantsgrid .productnamediv {
    padding-bottom: 5px
}

.gridfooter {
    border-top: 1px solid #ddd;
    padding: .5em 0
}

    .gridfooter ul.pagination {
        margin: .5em 0 1.5em
    }

.SingleProductDisplayPanel .record {
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #f8f8f8
}

.SingleProductDisplayPanel .productgrid div:nth-child(2n) .record, .WideSingleProductDisplayPanel .productgrid div:nth-child(2n) .record {
    background: #f2f2f2
}

.SingleProductDisplayPanel .productgrid .SingleProductDisplayPanel .record:hover, .WideSingleProductDisplayPanel .productgrid .SingleProductDisplayPanel .record:hover {
    background: #fff
}

.SingleProductDisplayPanel .record .SingleProductDisplayImage {
    float: left;
    width: 80px;
    height: 80px;
    border: 2px solid #ddd;
    margin-right: 15px;
    background-color: #fff
}

.SingleProductDisplayPanel .record .product-info {
    overflow: hidden;
    min-height: 115px;
    padding: 0;
    position: relative
}

    .SingleProductDisplayPanel .record .product-info .recordname a {
        display: block;
        font-size: 12px;
        margin: 0 0 5px;
        text-decoration: none;
        line-height: 1.2;
        color: #555;
        font-weight: 700
    }

        .SingleProductDisplayPanel .record .product-info .recordname a:hover, .WideSingleProductDisplayPanel .record .product-info .recordname a:hover {
            color: #777
        }

    .SingleProductDisplayPanel .record .product-info .recordprice, .WideSingleProductDisplayPanel .record .product-info .recordprice {
        margin-bottom: 7px;
        line-height: 1.2
    }

        .SingleProductDisplayPanel .record .product-info .recordprice span, .WideSingleProductDisplayPanel .record .product-info .recordprice span {
            color: #333;
            font-size: 12px;
            font-weight: 700
        }

        .SingleProductDisplayPanel .record .product-info .recordprice .recordlistprice span, .WideSingleProductDisplayPanel .record .product-info .recordprice .recordlistprice span {
            text-decoration: line-through;
            font-weight: 400;
            color: #777
        }

#Models7Container {
    font-size: 65%;
    padding-top: 5px
}

#MorePictures, #otherbrands {
    margin-bottom: 2em
}

.ProdAlternativeLabel {
    text-align: center;
    width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 1.3em;
    margin: 0 auto;
    line-height: 40px
}

.AltermativeBrandsTitle {
    Padding: 10px;
    text-align: left
}

.borderBottomColor1 {
    border-bottom: 1px solid #ddd
}
.alternative-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.alternative-image {
    flex: 0 0 100%;
    max-width: 200px;
    margin-bottom: 10px;
    padding: 5px;
}

    .alternative-image img {
        width: 100%;
        height: auto;
        border: 1px solid #ccc;
    }

.alternative-description {
    flex: 1 1 100%;
    padding: 15px;
    margin-bottom: 10px;
}

    .alternative-description a {
        font-weight: 600;
        font-size: 1rem;
        line-height: 25px;
        display: block;
    }

    .alternative-description .manufacturer {
        font-size: 0.9rem;
        line-height: 20px;
    }

.alternative-price {
    flex: 0 0 100%;
    font-size: 1.2em;
    padding: 15px;
}

/* Responsive layout on wider screens */
@media (min-width: 600px) {
    .alternative-container {
        flex-wrap: nowrap;
    }

    .alternative-image {
        flex: 0 0 200px;
        margin-bottom: 0;
    }

    .alternative-description {
        flex: 1;
        padding: 15px;
    }

    .alternative-price {
        flex: 0 0 auto;
        padding: 15px;
        padding-top: 0;
    }
}
#ProductDescription {
    line-height: 1.5em;
    padding: 20px;
    background: #f6f6f6;
    margin-bottom: 2em;
    color: #011d3c
}

.WideSingleProductDisplayPanel .record {
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #fff;
    position: relative;
    margin-bottom: 5px
}

    .WideSingleProductDisplayPanel .record .SingleProductDisplayImage {
        float: left;
        border: 2px solid #ddd;
        margin-right: 15px;
        background-color: #fff
    }

    .WideSingleProductDisplayPanel .record .product-info {
        overflow: hidden;
        min-height: 200px;
        padding: 0;
        position: relative;
        width: 75%
    }

        .WideSingleProductDisplayPanel .record .product-info .recordname a {
            display: block;
            font-size: 1.15em;
            margin: 0 0 5px;
            text-decoration: none;
            line-height: 1.2;
            color: #333;
            font-weight: 700
        }

.recordname_yearAnchorTag {
    height: 36px;
    text-align: center
}

    .recordname_yearAnchorTag .yearAnchorTag {
        display: block;
        height: 100%;
        width: 100%;
        color: #555;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .recordname_yearAnchorTag:hover {
        background-color: #f6f6f6
    }

@media only screen and (max-width:479px) {
    .ssftf-template .productgrid {
        padding: 15px
    }

    .WideSingleProductDisplayPanel .record .product-info {
        width: 100% !important
    }

    .WideSingleProductDisplayPanel .record .recordname {
        text-align: center
    }

    .WideSingleProductDisplayPanel .record .SingleProductDisplayImage {
        float: none;
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 15px;
        text-align: center
    }

    .ssftf-template .productgrid > div:not(.subCategoryName) {
        border: 1px solid #dfe3e7;
        box-shadow: 2px 2px 8px rgba(0,0,0,.1);
        margin: 15px 0;
        border-radius: 4px
    }

    .WideSingleProductDisplayPanel .record .recordreveal {
        line-height: 20px
    }
}

@media only screen and (min-width:480px) {
    .SingleProductDisplayPanel .record .product-info .recordname a {
        font-size: 14px;
        float: left;
        margin-right: 100px
    }

    .SingleProductDisplayPanel .record .product-info .recordprice {
        position: absolute;
        right: 0;
        top: 0;
        float: right
    }

        .SingleProductDisplayPanel .record .product-info .recordprice span {
            font-size: 14px
        }

    .SingleProductDisplayPanel .record .product-info .recorddesc {
        display: block;
        font-size: 12px;
        line-height: 1.2;
        clear: both;
        margin-right: 100px;
        margin-bottom: .5em
    }

    .SingleProductDisplayPanel .record .product-info .recordAddToCart, .SingleProductDisplayPanel .record .product-info .recordAddToCart span, .SingleProductDisplayPanel .record .product-info .recordqty, .WideSingleProductDisplayPanel .record .product-info .recordAddToCart, .WideSingleProductDisplayPanel .record .product-info .recordAddToCart span, .WideSingleProductDisplayPanel .record .product-info .recordqty {
        display: inline
    }

        .SingleProductDisplayPanel .record .product-info .recordqty label, .WideSingleProductDisplayPanel .record .product-info .recordqty label {
            display: none
        }

        .SingleProductDisplayPanel .record .product-info .recordqty input, .WideSingleProductDisplayPanel .record .product-info .recordqty input {
            width: 50px;
            font-size: 13.5px;
            margin: 0 2px 0 0;
            float: left
        }

        .SingleProductDisplayPanel .record .product-info .recordAddToCart input, .WideSingleProductDisplayPanel .record .product-info .recordAddToCart input {
            margin: 0;
            line-height: 1;
            display: inline
        }

    .WideSingleProductDisplayPanel .record .product-info .recorddesc {
        display: block;
        font-size: 1em;
        line-height: 1.35em;
        clear: both;
        margin-right: 200px;
        margin-bottom: .5em
    }
}

.categorygrid .record {
    line-height: 1.3;
    position: relative
}

.categorygrid .recordimage {
    margin-bottom: .5em;
    margin-top: 1em
}

    .categorygrid .recordimage a img {
        border: 1px solid #ccc !important
    }

.categorygrid .recordname a {
    text-decoration: none;
    font-weight: 200;
    color: #444;
    font-size: 1em;
    margin-bottom: 20px
}

    .categorygrid .recordname a:hover {
        color: #43a4ff
    }

#categorybulkorderlisttemplaterecords table, #categorysimplelisttemplaterecords table {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8
}

    #categorybulkorderlisttemplaterecords table tr td, #categorysimplelisttemplaterecords table tr td {
        border-top: 1px solid #e8e8e8;
        padding: 10px 0
    }

        #categorybulkorderlisttemplaterecords table tr td:first-child, #categorysimplelisttemplaterecords table tr td:first-child {
            width: 90px;
            text-align: center;
            vertical-align: middle
        }

#categorybulkorderlisttemplaterecords .record .recordsku, #categorysimplelisttemplaterecords .record .recordsku {
    font-size: 12px;
    color: #999;
    font-style: italic
}

#categorybulkorderlisttemplaterecords .record .recordname a, #categorysimplelisttemplaterecords .record .recordname a {
    text-decoration: none;
    font-size: 14px
}

#categorybulkorderlisttemplaterecords .record .recordprice, #categorysimplelisttemplaterecords .record .recordprice {
    font-weight: 700;
    color: #333
}

#categorybulkorderlisttemplaterecords .quantityfield {
    width: 50px;
    margin: 0 auto
}

.recordChildren ul {
    list-style: none;
    font-size: .875em
}

#pleaseWaitDiv {
    top: 50%;
    left: 50%;
    width: 8em;
    height: 4em;
    margin-top: -4em;
    margin-left: -2em;
    border: 1px solid #ccc;
    display: none;
    z-index: 100;
    background-color: rgba(204,204,204,.7);
    border-radius: 4px;
    text-align: center
}

.diagnosticInfo {
    color: #c60f13;
    font-size: 12px
}

.addToCartButtonCustom {
    display: block;
    width: 7em;
    height: 2.5em;
    background-color: #da0000;
    color: #fff;
    border: 1px solid #da0000
}

    .addToCartButtonCustom:hover {
        background-color: #fff;
        color: #da0000
    }

.q_button {
    width: 26px;
    height: 26px;
    background-color: #011d3c;
    display: inline-block
}

.qb_up {
    background-image: url('../images/q_up.png')
}

.qb_down {
    background-image: url('../images/q_down.png')
}

.qb_up:hover {
    background-image: url('../images/q_up_hover.png')
}

.qb_down:hover {
    background-image: url('../images/q_down_hover.png')
}

.quantityInput {
    text-align: center;
    width: 30px;
    vertical-align: top;
    height: 26px
}

#categorydescriptionH1, small {
    font-size: 80%
}

#FitmentSelector {
    background-color: #efefef;
    border: 1px solid #dbdbdb;
    padding: 1em 1.25em
}

#ProductSKU, .cart .cartproductgrid tr:first-child td, .wishlist .cartproductgrid tr:first-child td {
    padding-top: 0;
    padding: 5px;
}

.manufacturerImg1 {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px
}

.nextprev {
    float: right;
    padding: 15px 0 0
}

    .nextprev a {
        float: left;
        line-height: 2.5em;
        padding: 0 1em;
        background: #f6f6f6;
        margin: 1px;
        text-decoration: none;
        border: 1px solid #dcdcdc
    }

        .nextprev a:hover {
            background: red;
            border: 1px solid red;
            color: #fff
        }

#ProductSKU {
    float: left;
    margin-right: 10px;
    font-size: 55%
}

table td.labelCell {
    width: 35%
}

.pricebox {
    border: 1px solid #dbdbdb;
    border-bottom: none;
    padding: 1em 1.25em
}

    .pricebox table {
        width: 100%;
        margin: 0
    }

        .pricebox table td {
            padding-top: .5em;
            padding-bottom: .5px
        }

    .pricebox .SitePrice {
        font-size: 2em
    }

    .pricebox .ListPrice {
        text-decoration: line-through
    }

.variantsdisplay {
    background: #f6f6f6;
    border: 1px solid #dbdbdb;
    display: none;
    padding: 1em 1.25em;
    font-size: .875em
}

    .cart .carttotals table, .productcontrolspanel table, .productgrid .columns .WideSingleProductDisplayPanel .product-info .recordname a, .row.collapse.search .small-9.columns, .variantsdisplay table {
        width: 100%
    }

        .variantsdisplay table td {
            padding-top: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid #dbdbdb;
            vertical-align: top
        }

        .variantsdisplay table tr.fileupload td.choicelabel {
            border: none;
            padding-bottom: 0
        }

        .variantsdisplay table td.choicelabel {
            width: 35%;
            font-weight: 700
        }

            .variantsdisplay table td.choicelabel span {
                line-height: 1.7em
            }

        .variantsdisplay table table {
            background: 0 0;
            margin: 0
        }

        .variantsdisplay table td td {
            background: 0 0;
            padding-top: 0;
            padding-bottom: 0;
            border: none;
            vertical-align: middle
        }

            .variantsdisplay table td td input[type=radio] {
                float: left;
                margin: 3px 5px 3px 0
            }

                .variantsdisplay table td td input[type=radio] + label {
                    float: left;
                    margin: .3em 0
                }

        .variantsdisplay table td.choiceerror span {
            color: red;
            line-height: 2.2em
        }

.kitcomponentname {
    font-size: 1.2em;
    font-weight: 700
}

.kitpart-description {
    font-weight: 400;
    padding-left: 2.5em
}

#VolumeDiscounts {
    background: #efefef;
    border: 1px solid #dbdbdb;
    border-top: none;
    padding: 1.25em;
    font-size: .875em
}

    #VolumeDiscounts table {
        width: 100%;
        border: 1px solid #dbdbdb !important
    }

        #VolumeDiscounts table tr.VolumePricingHeader td {
            background: #222;
            color: #fff;
            font-weight: 700
        }

        #VolumeDiscounts table tr td:first-child {
            width: 40%
        }

.productcontrolspanel {
    border: 1px solid #dbdbdb;
    border-top: none;
    padding: 0 1.25em 1.25em;
    font-size: .875em;
    margin-bottom: 2em;
    line-height: 1.75em
}

    .productcontrolspanel table tr:first-child td label {
        float: left;
        line-height: 2.2em;
        margin-right: .5em
    }

    .productcontrolspanel table tr:first-child td input {
        float: left;
        margin-bottom: 0;
        margin-right: .5em
    }

        .productcontrolspanel table tr:first-child td input + span {
            line-height: 2.2em
        }

    .productcontrolspanel table tr:last-child td {
        float: left;
        padding-top: 1em
    }

    .productcontrolspanel table td .addtocartbutton {
        margin-top: 1em;
        float: left
    }

    .productcontrolspanel #wishlist {
        margin-top: 1em
    }

        .productcontrolspanel #wishlist input {
            height: 35px;
            margin: 0 !important;
            width: 100%
        }

    .productcontrolspanel span {
        margin-bottom: .3em
    }

.ProductReview {
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin: .5em 0;
    padding: 1em;
    font-size: .875em
}

    .ProductReview .ProductReviewKarma {
        color: gray
    }

        .ProductReview .ProductReviewKarma span {
            line-height: 1.6;
            float: left;
            margin-right: 1em
        }

        .ProductReview .ProductReviewKarma input {
            height: 20px
        }

#ProductDescription .DescriptionTable {
    margin-left: 12px;
    font-weight: 700
}

#ProductDescription .prodDescCol2 {
    margin-left: 0;
    padding-left: 10px;
    font-weight: 400
}

#ProductDescription tr > td {
    padding-bottom: .5em;
    font-weight: 700;
    font-size: 95%
}

#AdditionalImageWrapper #AdditionalImageViewer #LargeImage {
    display: block;
    background: #fff;
    border: 6px solid #f6f6f6
}

#AdditionalImageWrapper #AdditionalImageViewer img {
    max-width: 100%;
    margin: 0 auto 15px
}

#AdditionalImageWrapper a.BVText {
    width: 32px;
    height: 32px;
    overflow: hidden;
    background: url(../images/x.png) no-repeat;
    text-indent: -999px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2
}

#AdditionalImageWrapper #AdditionalImageMenu span > span {
    float: left;
    background: #fff;
    width: 110px;
    height: 110px;
    vertical-align: middle;
    border: 3px solid #f6f6f6;
    text-align: center
}

ul.typedisplay {
    border-top: 1px solid #eee;
    margin: 15px 0 30px;
    padding: 0
}

    ul.typedisplay li {
        background: #fff;
        border-bottom: 1px solid #eee;
        margin: 0;
        overflow: hidden;
        padding: 5px 0
    }

        .cart .cartproductgrid .cartitemdescription .inputmodifiervalue, .wishlist .cartproductgrid .cartitemdescription .inputmodifiervalue, ul.typedisplay li span.productpropertylabel {
            float: left;
            width: 50%
        }

        ul.typedisplay li span.productpropertyvalue {
            float: left;
            font-weight: 700;
            width: 50%
        }

table.variantsgrid td.quantity {
    padding-right: 15px;
    width: 80px
}

    table.variantsgrid td.quantity input {
        width: 50px
    }

table.variantsgrid .productpricediv {
    color: #333;
    font-weight: 700
}

.cart .cartErrorRow {
    border: 2px solid red
}

    .cart .cartErrorRow td {
        padding-left: 10px;
        padding-right: 10px
    }

    .cart .cartErrorRow *, ul.side-nav.simple li a:hover {
        color: red
    }

    .cart .cartErrorRow .cartitemdescription:after {
        content: " You cannot checkout until you select options for this product."
    }

.cart .cartproductgrid, .wishlist .cartproductgrid {
    margin-bottom: 20px
}

    .cart .cartproductgrid tr > td, .wishlist .cartproductgrid tr > td {
        vertical-align: top;
        padding-top: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #ddd
    }

    .cart .cartproductgrid td.cartImageColumn, .wishlist .cartproductgrid td.cartImageColumn {
        width: 80px
    }

    .cart .cartproductgrid .cartitemimage {
        width: 70px;
        border: 1px solid #ccc;
        margin-bottom: .5em
    }

    .cart .cartproductgrid .cartImageColumn .deleteitem {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    .cart .cartproductgrid .cartitemdescription, .wishlist .cartproductgrid .cartitemdescription {
        line-height: 1.3;
        margin-bottom: .5em
    }

        .cart .cartproductgrid .cartitemdescription .cartitemname {
            display: block;
            margin-bottom: .25em
        }

            .cart .cartproductgrid .cartitemdescription .cartitemname span {
                font-weight: 700;
                text-transform: uppercase
            }

        .cart .cartproductgrid .cartitemdescription .inputvalue, .cart .cartproductgrid .cartitemdescription .modifiervalue, .wishlist .cartproductgrid .cartitemdescription .inputvalue, .wishlist .cartproductgrid .cartitemdescription .modifiervalue {
            overflow: hidden;
            border-top: 1px solid #dbdbdb;
            padding-top: .25em;
            padding-bottom: .25em
        }

        .cart .cartproductgrid .cartitemdescription .inputmodifiername, .wishlist .cartproductgrid .cartitemdescription .inputmodifiername {
            float: left;
            font-weight: 700;
            width: 30%
        }

        .cart .cartproductgrid .cartitemdescription .inputmodifierdiscount, .wishlist .cartproductgrid .cartitemdescription .inputmodifierdiscount {
            float: right;
            text-align: right;
            width: 20%
        }

    .cart .cartproductgrid .giftwrapwrapper, .wishlist .cartproductgrid .giftwrapwrapper {
        line-height: 1.3;
        background: #f6f6f6;
        padding: .5em;
        border: 1px solid #dbdbdb
    }

        .cart .cartproductgrid .cartitemtotals, .cart .cartproductgrid .giftwrapwrapper .giftwrapdetails, .wishlist .cartproductgrid .cartitemtotals, .wishlist .cartproductgrid .giftwrapwrapper .giftwrapdetails {
            background: #efefef;
            padding: .5em;
            border: 1px solid #dbdbdb;
            margin-top: .3em
        }

.cart .cartcontainer .cartupdates, .cart .cartcoupons {
    background: #f6f6f6;
    padding: .5em;
    border: 1px solid #dbdbdb
}

.cart .cartproductgrid .giftwrapwrapper .giftwrapqty {
    padding-left: 10px
}

.cart .cartproductgrid .cartitemtotals .cartproductprice, .wishlist .cartproductgrid .cartproductprice {
    float: left;
    line-height: 2em;
    margin-right: .5em
}

.cart .cartproductgrid .cartitemtotals .cartqty, .wishlist .cartproductgrid .cartitemtotals .cartqty {
    float: left;
    margin-right: .5em
}

    .cart .cartproductgrid .cartitemtotals .cartqty input {
        margin-bottom: 0;
        float: left;
        margin-right: .5em;
        min-width: 4.2em
    }

        .cart .cartproductgrid .cartitemtotals .cartqty input + span, .wishlist .cartproductgrid .cartitemtotals .cartqty input + span {
            float: left;
            line-height: 2em
        }

.cart .cartproductgrid .cartitemtotals .lineitemnodiscounts, .wishlist .cartproductgrid .cartitemtotals .lineitemnodiscounts {
    float: right;
    line-height: 2em;
    margin-right: .5em;
    text-decoration: line-through
}

.cart .cartproductgrid .cartitemtotals .totallabel, .wishlist .cartproductgrid .cartitemtotals .totallabel {
    float: right;
    line-height: 2em;
    font-weight: 700
}

.cart .cartcoupons table {
    width: 100%;
    border: 1px solid #f6f6f6;
    margin-top: 1em
}

    .cart .cartcoupons table td {
        background: #dbeaf9;
        padding: .4em;
        border-bottom: 1px solid #f6f6f6
    }

.cart .carttotals table td {
    vertical-align: top;
    padding: .4em;
    border-top: 1px solid #fff
}

.cart .carttotals table tr.estimatorRow td {
    padding: 0;
    border: none
}

.cart .carttotals table tr.discountsRow td + td {
    color: green
}

.cart .cartcontainer .carttotals table tr.estimatorRow td div.calcBox > div {
    background: #e0e0e0;
    padding: 1em;
    border-top: 1px solid #dbdbdb
}

.cart .cartcontainer .carttotals table td table td {
    border: none;
    padding-bottom: 15px
}

#ShippingCalculatorMethod {
    background: #fff;
    padding: .4em .6em;
    box-shadow: 0 1px 5px #333
}

.popup, .top-bar-section .has-form {
    padding: 15px
}

ul.rates {
    list-style: none;
    margin: 1em 0;
    padding: 0
}

    ul.rates li {
        background: #fff;
        border: 1px solid #aad4ed;
        margin: 3px 0;
        padding: 5px;
        font-weight: 700
    }

.addressform {
    background: #aad4ed;
    border: 1px solid #fff
}

.cart .cartcontainer .cartupdates {
    line-height: 1.3
}

    .cart .cartcontainer .cartupdates .smallText {
        display: block;
        margin-bottom: .5em
    }

.cart #EstimateShipping {
    margin-bottom: 5px
}

#ctl00_MainContentHolder_pnlAll, .categorymenuplus ul.homecolumn1 li {
    margin-bottom: 10px
}

#wait {
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 117px;
    width: 100%;
    background: #fff;
    opacity: .9;
    z-index: 201;
    box-shadow: 0 0 10px #222
}

    #wait div {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 28%;
        color: #222;
        font-weight: 700;
        vertical-align: middle
    }

        #wait div span {
            display: block;
            line-height: 1.5
        }

.AddedToCartMessage, .SuccessMessage {
    display: block;
    border: 1px solid #fe3;
    background: #ff9;
    border-left: none;
    border-right: none;
    margin: 10px 0;
    padding: 0 10px;
    color: #0c6
}

.alert-box ul {
    list-style: none;
    margin-bottom: 0
}

    .alert-box ul > li {
        overflow: hidden;
        padding: 5px 0
    }

.alert-box .icon {
    float: left;
    margin: 0 8px 0 0
}

.alert-box a {
    color: #72e0ff
}

.alert-box.attention {
    background-color: #fffe8e;
    border-color: #ffd461;
    color: #555
}

table .row:before, table.row:after {
    content: none !important;
    display: table-cell !important
}

.wishlist .cartproductgrid .cartImageColumn .cartitemimage {
    margin-bottom: .5em
}

.wishlist .cartproductgrid .cartImageColumn .deleteitem {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1
}

.wishlist .cartproductgrid .cartitemdescription .cartitemname {
    display: block;
    margin-bottom: .25em;
    font-weight: 700;
    text-transform: uppercase
}

.wishlist .cartproductgrid .cartproductprice a {
    color: #555;
    cursor: default
}

.wishlist .cartproductgrid .cartitemtotals .cartqty input {
    margin-bottom: 0;
    float: left;
    margin-right: .5em
}

.wishlist .cartproductgrid .cartitemimage {
    width: 70px;
    border: 1px solid #ccc
}

.address {
    margin-bottom: 1em;
    border: 1px solid #ddd;
    line-height: 1.2
}

.contentColumn a.customButton {
    background: url(../images/edit-icon.png) right top no-repeat red;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .1;
    font-weight: 700;
    text-indent: -999px;
    overflow: hidden;
    line-height: 1.2;
    z-index: 2500;
    border: 10px solid red
}

#productimage, .top-bar, .top-bar .title-area, .top-bar-section, sub, sup {
    position: relative
}

.columns > a.customButton {
    margin: 0 .9375em
}

.contentColumn a.customButton:hover {
    opacity: .3
}

ul.side-nav.simple {
    margin: 0 0 1em;
    padding: 0
}

    ul.side-nav.simple li {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: inherit
    }

        ul.side-nav.simple li a {
            line-height: 1.2;
            padding: .2em 0;
            color: #626262;
            font-weight: 200;
            font-size: .875em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        ul.side-nav.fancy li.active a.active, ul.side-nav.simple li.active a.active {
            color: red;
            font-weight: 200
        }

        ul.side-nav.simple li ul {
            margin: 0;
            padding: 0;
            background: #fff
        }

            ul.side-nav.simple li ul li a {
                padding: .5em 0 .5em 1em;
                font-weight: 400
            }

ul.side-nav.fancy {
    border: 1px solid #dcdcdc;
    border-bottom: none;
    margin: 0 0 1em;
    padding: 0;
    background: #f6f6f6
}

    ul.side-nav.fancy li {
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #dcdcdc;
        font-size: inherit
    }

        ul.side-nav.fancy li a {
            line-height: 1.2;
            padding: 1em;
            color: #626262;
            font-weight: 200;
            font-size: .875em
        }

            ul.side-nav.fancy li a:hover {
                background: #e4e4e4
            }

        ul.side-nav.fancy li ul {
            margin: 0;
            padding: .5em 0 1.8em;
            background: #fff
        }

            ul.side-nav.fancy li ul li a {
                padding: .5em 1em;
                font-weight: 400
            }

                ul.side-nav.fancy li ul li a:hover {
                    color: #222;
                    background: 0 0
                }

.block.topSellers h4 {
    border-left: 10px solid #ccc;
    line-height: 1;
    margin: 2em 0 1em;
    padding: 0 0 0 10px;
    text-transform: uppercase
}

.block.productgrid h1, .block.productgrid h2, .block.productgrid h3, .block.productgrid h4, .block.productgrid h5, .block.productgrid h6 {
    margin-bottom: 0;
    margin-top: 1em
}

.top-bar {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    background: #011d3c;
    display: none
}

    .top-bar ul {
        margin-bottom: 0;
        list-style: none
    }

    .top-bar .row {
        max-width: none
    }

    .top-bar input {
        height: 2.45em
    }

    .top-bar .button {
        padding-top: .5em;
        padding-bottom: .5em;
        margin-bottom: 0
    }

    .top-bar .title-area {
        margin: 0
    }

    .top-bar .name {
        height: 45px;
        margin: 0;
        font-size: 16px
    }

        .top-bar .name h1 {
            line-height: 45px;
            font-size: 1.0625em;
            margin: 0
        }

            .top-bar .name h1 a {
                font-weight: 700;
                color: #fff;
                width: 50%;
                display: block;
                padding: 0 15px
            }

    .top-bar .toggle-topbar {
        position: absolute;
        right: 0;
        top: 0
    }

        .top-bar .toggle-topbar a {
            color: #fff;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            position: relative;
            display: block;
            padding: 0 15px;
            height: 45px;
            line-height: 45px
        }

        .top-bar .toggle-topbar.menu-icon {
            left: 15px
        }

            .top-bar .toggle-topbar.menu-icon a {
                padding: 0;
                color: #fff;
                outline: 0
            }

    .top-bar.expanded {
        height: auto;
        background: 0 0
    }

.top-bar-section {
    left: 0;
    width: auto;
    -webkit-transition: left .3s ease-out;
    -moz-transition: left .3s ease-out;
    transition: left .3s ease-out
}

    .top-bar-section ul {
        width: 100%;
        height: auto;
        display: block;
        background: #011d3c;
        font-size: 15px;
        margin: 0
    }

    .top-bar-section .divider, .top-bar-section [role=separator] {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #000;
        border-top: none;
        clear: both;
        height: 1px;
        width: 100%
    }

    .top-bar-section ul li > a {
        display: block;
        width: 100%;
        color: #fff;
        padding: 12px 0 12px 15px;
        font-size: 1em;
        background: #fff;
        font-stretch: condensed;
        font-weight: 700
    }

        .top-bar-section ul li > a.button {
            background: #2ba6cb;
            font-size: .8125em;
            padding-right: 15px;
            padding-left: 15px
        }

            .top-bar-section ul li > a.button:hover {
                background: #2284a1
            }

            .top-bar-section ul li > a.button.secondary {
                background: #e9e9e9
            }

                .top-bar-section ul li > a.button.secondary:hover {
                    background: #d0d0d0
                }

            .top-bar-section ul li > a.button.success {
                background: #5da423
            }

                .top-bar-section ul li > a.button.success:hover {
                    background: #457a1a
                }

            .top-bar-section ul li > a.button.alert {
                background: #c60f13
            }

                .top-bar-section ul li > a.button.alert:hover {
                    background: #970b0e
                }

    .top-bar-section ul li:hover > a {
        background: #ccc;
        color: #777
    }

    .top-bar-section ul li.active > a {
        background: #3c50a9
    }

@media only screen and (max-width:767px) {
    .header .row.collapse.search .small-3.columns {
        top: 12px !important
    }

    .ssftf-template .productgrid {
        padding: 15px
    }

    .WideSingleProductDisplayPanel .record .product-info {
        width: 100% !important
    }

    .WideSingleProductDisplayPanel .record .recordname {
        text-align: center
    }

    .WideSingleProductDisplayPanel .record .SingleProductDisplayImage {
        float: none;
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 15px;
        text-align: center
    }

    .ssftf-template .productgrid > div:not(.subCategoryName) {
        border: 1px solid #dfe3e7;
        box-shadow: 2px 2px 8px rgba(0,0,0,.1);
        margin: 15px 0;
        border-radius: 4px
    }

    .WideSingleProductDisplayPanel .record .recordreveal {
        line-height: 20px
    }

    .WideSingleProductDisplayPanel .record .product-info .recordprice {
        padding: 15px;
        border: 1px solid #c8ced3;
        text-align: center;
        margin: 15px 0
    }

        .WideSingleProductDisplayPanel .record .product-info .recordprice .quantityInput {
            width: 90px !important
        }

        .WideSingleProductDisplayPanel .record .product-info .recordprice .addToCartButtonCustom {
            margin: auto;
            width: 150px;
            max-width: 100%
        }

    .top-bar-section ul li > a {
        color: #000
    }

    .hideforlowres {
        display: none !important
    }

    .top-bar-section ul li.active > a {
        background: #f6f6f6
    }
}

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px inset;
    border-color: transparent transparent transparent rgba(255,255,255,.5);
    border-left-style: solid;
    margin-right: 15px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    z-index: 99
}

    .top-bar-section .dropdown li {
        width: 100%;
        height: auto
    }

        .top-bar-section .dropdown li a {
            font-weight: 400;
            padding: 8px 15px
        }

        .top-bar-section .dropdown li.title h5 {
            margin-bottom: 0;
            margin-top: 0;
            padding: 0 15px;
            overflow: hidden;
            border-bottom: 1px solid #111;
            border-bottom: none;
            font-size: 14px;
            background: #aaa
        }

            .top-bar-section .dropdown li.title h5 a {
                color: #ccc;
                line-height: 40px;
                float: left;
                background: #000;
                padding: 0 15px;
                margin: 10px 0
            }

                .top-bar-section .dropdown li.title h5 a:hover {
                    background: #171717;
                    color: #fff
                }

    .top-bar-section .dropdown label {
        padding: 8px 15px 2px;
        margin-bottom: 0;
        text-transform: uppercase;
        color: #555;
        font-weight: 700;
        font-size: .625em
    }

.top-bar-js-breakpoint {
    width: 58.75em !important;
    visibility: hidden
}

@media only screen and (min-width:768px) {
    body {
        font-size: 16px
    }

    .ads a img, .orbit-container.billboard .orbit-slides-container li {
        margin-bottom: 0
    }

    .hideforhighres {
        display: none !important
    }

    .adminbar {
        max-width: 100%;
        background: #212121;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3000;
        box-shadow: 0 0 5px #000
    }

        .adminbar .columns, .header > .row > .columns {
            text-align: left
        }

            .adminbar .columns + .columns, .gridheader {
                text-align: right
            }

            .adminbar .columns a {
                font-size: .85em;
                line-height: 2.5;
                display: inline-block;
                padding: 0 1em;
                color: #fff
            }

                .adminbar .columns a:hover {
                    color: #fff
                }

            .adminbar .columns:first-child a {
                background: green
            }

        .adminbar + .preheader {
            margin-top: 35px
        }

    #SocialSharing, .preheader ul {
        float: right
    }

    .preheader {
        padding-bottom: .25em
    }

    .header .phone {
        font-size: 21px;
        line-height: 50px;
        letter-spacing: -.03em;
        display: block;
        text-align: right
    }

        .header .phone a.webicon {
            margin-bottom: 0;
            margin-top: 14px;
            line-height: 1
        }

    .header .row.search {
        padding: 9px 0 0
    }

    nav {
        margin-left: 0;
        margin-right: 0
    }

    .SingleProductDisplayPanel .record a, .WideSingleProductDisplayPanel .record input[type=checkbox], .breadcrumbwrapper, .categorygrid, .no-js .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .touch .orbit-container.carousel .orbit-bullets {
        display: block
    }

    .main {
        background: #fff;
        padding-bottom: 1.5em
    }

    .prefooter .mailingListSignup h4 {
        margin-top: 0
    }

    .prefooter ul li {
        display: block;
        padding: 0
    }

    .prefooter hr, .top-bar .toggle-topbar, .top-bar-section .has-dropdown.moved > .dropdown, .top-bar-section ul li .js-generated {
        display: none
    }

    .button, button {
        display: inline-block
    }

    .orbit-container.billboard ol.orbit-bullets {
        margin: 0 20px 0 0;
        height: 30px
    }

    .touch .orbit-container.carousel .orbit-next, .touch .orbit-container.carousel .orbit-prev {
        display: inherit
    }

    .gridheader .viewswrapper a#GridView, .gridheader .viewswrapper a#ListView {
        outline: 0;
        float: left;
        width: 29px;
        height: 29px;
        overflow: hidden;
        text-indent: 50px;
        opacity: .5
    }

    .gridheader .sortby {
        display: block;
        text-align: right
    }

        .gridheader .sortby label {
            display: inline-block;
            padding: 0 .3em 0 0;
            line-height: 2.2em
        }

        .gridheader .sortby select {
            max-width: 120px;
            margin: 0;
            font-size: .875em;
            text-align: left
        }

    .gridheader .viewswrapper {
        display: block;
        float: right;
        line-height: 2.2em;
        font-size: .875em;
        margin-left: 15px
    }

        .gridheader .viewswrapper a#GridView {
            background: url(../images/grid-list.png) no-repeat;
            margin-right: 4px
        }

        .gridheader .viewswrapper a#ListView {
            background: url(../images/grid-list.png) -31px 0 no-repeat
        }

            .gridheader .viewswrapper a#GridView.active, .gridheader .viewswrapper a#ListView.active {
                opacity: 1
            }

    .gridfooter {
        border-top: none
    }

    .SingleProductDisplayPanel {
        position: relative;
        text-align: center;
        width: 100%;
        margin-top: .75em;
        margin-bottom: .75em
    }

        .SingleProductDisplayPanel .record {
            display: inline-block;
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            position: relative;
            width: 100%;
            border: 1px solid #dbdbdb;
            text-align: center
        }

            .SingleProductDisplayPanel .record .SingleProductDisplayImage {
                float: none;
                width: auto;
                height: auto;
                margin: 0;
                border: none
            }

            .SingleProductDisplayPanel .record .recordimage img {
                width: 100%;
                z-index: 1
            }

            .SingleProductDisplayPanel .record input[type=checkbox] {
                position: absolute;
                bottom: 5px;
                left: 5px;
                z-index: 6;
                margin: 0;
                display: block
            }

            .SingleProductDisplayPanel .record .product-info-height {
                height: 60px
            }

            .SingleProductDisplayPanel .record .recordreveal {
                position: absolute;
                top: 90px;
                left: 0;
                right: 0;
                padding: 0 15px
            }

            .SingleProductDisplayPanel .record .product-info {
                background-color: #f8f8f8;
                border-top: 3px solid #f8f8f8;
                bottom: -50px;
                height: 140px;
                left: 0;
                margin-top: 0;
                position: absolute;
                transition: bottom .2s;
                width: 100%;
                z-index: 5;
                padding: 0
            }

                .SingleProductDisplayPanel .record .product-info .recordname a {
                    margin: 10px 15px 5px;
                    overflow: hidden;
                    font-weight: 400;
                    float: none
                }

                    .SingleProductDisplayPanel .record .product-info .recordname a:hover {
                        color: #777
                    }

                .SingleProductDisplayPanel .record .product-info .recordprice {
                    margin-bottom: 15px;
                    position: relative;
                    float: none
                }

                .SingleProductDisplayPanel .record .product-info .recorddesc {
                    margin-right: 0;
                    display: none
                }

                .SingleProductDisplayPanel .record .product-info .recordqty input {
                    float: none;
                    display: inline;
                    vertical-align: top
                }

            .SingleProductDisplayPanel .new-label, .SingleProductDisplayPanel .record .sale-label, .WideSingleProductDisplayPanel .new-label, .WideSingleProductDisplayPanel .record .sale-label {
                background: url("../images/label.png") no-repeat rgba(0,0,0,0);
                height: 91px;
                position: absolute;
                width: 91px;
                z-index: 9
            }

        .SingleProductDisplayPanel .new-top-left, .WideSingleProductDisplayPanel .new-top-left {
            background-position: 0 0;
            left: -3px;
            top: -3px
        }

        .SingleProductDisplayPanel .new-top-right, .WideSingleProductDisplayPanel .new-top-right {
            background-position: -91px 0;
            right: -3px;
            top: -3px
        }

        .SingleProductDisplayPanel .new-bottom-left, .WideSingleProductDisplayPanel .new-bottom-left {
            background-position: 0 -91px;
            bottom: -3px;
            left: -3px
        }

        .SingleProductDisplayPanel .new-bottom-right, .WideSingleProductDisplayPanel .new-bottom-right {
            background-position: -91px -91px;
            bottom: -3px;
            right: -3px
        }

        .SingleProductDisplayPanel .record .sale-top-left, .WideSingleProductDisplayPanel .record .sale-top-left {
            background-position: -182px 0;
            left: -3px;
            top: -3px
        }

        .SingleProductDisplayPanel .record .sale-top-right, .WideSingleProductDisplayPanel .record .sale-top-right {
            background-position: -273px 0;
            right: -3px;
            top: -3px
        }

        .SingleProductDisplayPanel .record .sale-bottom-left, .WideSingleProductDisplayPanel .record .sale-bottom-left {
            background-position: -182px -91px;
            bottom: -3px;
            left: -3px
        }

        .SingleProductDisplayPanel .record .sale-bottom-right, .WideSingleProductDisplayPanel .record .sale-bottom-right {
            background-position: -273px -91px;
            bottom: -3px;
            right: -3px
        }

        .SingleProductDisplayPanel .record:hover .product-info, .WideSingleProductDisplayPanel .record:hover .product-info {
            border-color: #333;
            bottom: 0
        }

    .WideSingleProductDisplayPanel .record .product-info .recordname a {
        font-size: 18px;
        float: left;
        margin-right: 120px;
        color: #333
    }

    .WideSingleProductDisplayPanel .record .product-info .recordprice {
        position: absolute;
        right: 0;
        top: 0;
        float: right;
        width: 200px
    }

        .WideSingleProductDisplayPanel .record .product-info .recordprice span {
            font-size: 14px
        }

    #AccountPages table, .WideSingleProductDisplayPanel .record .recordimage img {
        width: 100%
    }

    .WideSingleProductDisplayPanel .record .recordreveal {
        min-height: 200px
    }

    #categorybanner img {
        display: block;
        margin-bottom: 4em
    }

    .cart .cartcontainer {
        font-size: 1em
    }

    .cart .cartproductgrid td.cartImageColumn, .wishlist .cartproductgrid td.cartImageColumn {
        width: 170px
    }

    .cart .cartproductgrid .cartitemimage, .wishlist .cartproductgrid .cartitemimage {
        width: 250px
    }

    .top-bar {
        background: #011d3c;
        overflow: visible
    }

        .top-bar:after, .top-bar:before {
            content: " ";
            display: table
        }

        .top-bar:after {
            clear: both
        }

        .top-bar .title-area {
            float: left
        }

        .top-bar .name h1 a {
            width: auto
        }

        .top-bar .button, .top-bar input {
            line-height: 2em;
            font-size: .875em;
            height: 2em;
            padding: 0 10px;
            position: relative;
            top: 8px
        }

        .top-bar.expanded {
            background: #111
        }

    .contain-to-grid .top-bar {
        max-width: 62.5em;
        margin: 0 auto
    }

    .top-bar-section {
        -webkit-transition: none 0 0;
        -moz-transition: none 0 0;
        transition: none 0 0;
        left: 0 !important
    }

        .top-bar-section ul {
            width: auto;
            height: auto !important;
            display: inline
        }

            .top-bar-section ul li {
                float: left;
                color: #fff
            }

        .top-bar-section li.hover > a:not(.button) {
            background: #ccc;
            color: #fff
        }

        .top-bar-section li a:not(.button) {
            padding: 0 15px;
            line-height: 45px;
            background: #011d3c
        }

            .top-bar-section li a:not(.button):hover {
                background: #011d3c
            }

        .top-bar-section .has-dropdown > a {
            padding-right: 35px !important
        }

            .top-bar-section .has-dropdown > a:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: 5px inset;
                border-color: rgba(255,255,255,.5) transparent transparent;
                border-top-style: solid;
                margin-top: -2.5px;
                top: 22.5px
            }

        .top-bar-section .has-dropdown.moved {
            position: relative
        }

        .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            top: 1em;
            margin-top: -7px;
            right: 5px
        }

        .top-bar-section .dropdown {
            left: 0;
            top: auto;
            background: 0 0;
            min-width: 100%
        }

            .top-bar-section .dropdown li a {
                color: #222;
                line-height: 1;
                white-space: nowrap;
                padding: 10px 15px;
                background: #bbb
            }

            .top-bar-section .dropdown li label {
                white-space: nowrap;
                background: #1e1e1e
            }

            .top-bar-section .dropdown li .dropdown {
                left: 100%;
                top: 0
            }

        .top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
            border: none;
            clear: none;
            height: 45px;
            width: 0
        }

        .top-bar-section .has-form {
            background: #111;
            padding: 0 15px;
            height: 45px
        }

        .top-bar-section ul.right li .dropdown {
            left: auto;
            right: 0
        }

            .top-bar-section ul.right li .dropdown li .dropdown {
                right: 100%
            }

    .no-js .top-bar-section ul li:hover > a {
        background: #000;
        color: #fff
    }

    .no-js .top-bar-section ul li:active > a {
        background: #090909;
        color: #fff
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4
    }

    h1 {
        font-size: 2em
    }

    h2 {
        font-size: 1.6em
    }

    h3 {
        font-size: 1.6875em
    }

    h4 {
        font-size: 1.4375em
    }

    #ProductSKU {
        float: left;
        margin-right: 15px;
        padding-top: 0;
        padding-bottom: 5px
    }

    #rating {
        padding-top: 5px;
        padding-bottom: 10px;
        float: left
    }

        #rating img {
            line-height: 15px;
            float: left;
            margin-top: -1px;
            margin-right: 5px
        }
}

@media only screen and (min-width:1280px) {
    .row.prefooter .ad > span {
        font-size: 1.4em;
        padding: .25em 0 0;
        max-width: 90%
    }
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    #editLinks, #printthispage, #to-top, .adminbar, .footer, .header, .hide-for-print, .hide-on-print, .navwrapper, .postfooter, .prefooter, .preheader {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .show-for-print {
        display: inherit !important
    }

    body {
        margin: 0;
        padding: 0
    }
}

#closedcontent {
    max-width: 500px;
    margin: 100px auto;
    text-align: center
}

.alert-box.success {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #fff
}

.alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #505050
}

    .alert-box.secondary a {
        color: #5cc5c0
    }

        .alert-box.secondary a:hover {
            color: #ed1d24
        }

.alert-box.exception, .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #fff
}

.alert-box.information, .alert-box.question {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #fff
}

.webicon {
    display: inline-block;
    background-size: 100%;
    width: 30px;
    height: 30px;
    text-indent: -999em;
    text-align: left;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    box-shadow: 0 1px 0 rgba(0,0,0,.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px
}

    .webicon:hover {
        margin: -1px 0 1px;
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.25);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.25);
        box-shadow: 0 2px 0 rgba(0,0,0,.25)
    }

    .webicon.small {
        width: 20px;
        height: 20px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .webicon.large {
        width: 48px;
        height: 48px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px
    }

img, legend {
    border: 0
}

.no-svg .webicon.f500px {
    background: url("../images/webicon-f500px-m.png")
}

    .no-svg .webicon.f500px.large {
        background: url("../images/webicon-f500px.png")
    }

    .no-svg .webicon.f500px.small {
        background: url("../images/webicon-f500px-s.png")
    }

.svg .webicon.f500px {
    background: url("../images/webicon-f500px.svg")
}

.no-svg .webicon.aboutme {
    background: url("../images/webicon-aboutme-m.png")
}

    .no-svg .webicon.aboutme.large {
        background: url("../images/webicon-aboutme.png")
    }

    .no-svg .webicon.aboutme.small {
        background: url("../images/webicon-aboutme-s.png")
    }

.svg .webicon.aboutme {
    background: url("../images/webicon-aboutme.svg")
}

.no-svg .webicon.adn {
    background: url("../images/webicon-adn-m.png")
}

    .no-svg .webicon.adn.large {
        background: url("../images/webicon-adn.png")
    }

    .no-svg .webicon.adn.small {
        background: url("../images/webicon-adn-s.png")
    }

.svg .webicon.adn {
    background: url("../images/webicon-adn.svg")
}

.no-svg .webicon.android {
    background: url("../images/webicon-android-m.png")
}

    .no-svg .webicon.android.large {
        background: url("../images/webicon-android.png")
    }

    .no-svg .webicon.android.small {
        background: url("../images/webicon-android-s.png")
    }

.svg .webicon.android {
    background: url("../images/webicon-android.svg")
}

.no-svg .webicon.apple {
    background: url("../images/webicon-apple-m.png")
}

    .no-svg .webicon.apple.large {
        background: url("../images/webicon-apple.png")
    }

    .no-svg .webicon.apple.small {
        background: url("../images/webicon-apple-s.png")
    }

.svg .webicon.apple {
    background: url("../images/webicon-apple.svg")
}

.no-svg .webicon.behance {
    background: url("../images/webicon-behance-m.png")
}

    .no-svg .webicon.behance.large {
        background: url("../images/webicon-behance.png")
    }

    .no-svg .webicon.behance.small {
        background: url("../images/webicon-behance-s.png")
    }

.svg .webicon.behance {
    background: url("../images/webicon-behance.svg")
}

.no-svg .webicon.bitbucket {
    background: url("../images/webicon-bitbucket-m.png")
}

    .no-svg .webicon.bitbucket.large {
        background: url("../images/webicon-bitbucket.png")
    }

    .no-svg .webicon.bitbucket.small {
        background: url("../images/webicon-bitbucket-s.png")
    }

.svg .webicon.bitbucket {
    background: url("../images/webicon-bitbucket.svg")
}

.no-svg .webicon.blogger {
    background: url("../images/webicon-blogger-m.png")
}

    .no-svg .webicon.blogger.large {
        background: url("../images/webicon-blogger.png")
    }

    .no-svg .webicon.blogger.small {
        background: url("../images/webicon-blogger-s.png")
    }

.svg .webicon.blogger {
    background: url("../images/webicon-blogger.svg")
}

.no-svg .webicon.branch {
    background: url("../images/webicon-branch-m.png")
}

    .no-svg .webicon.branch.large {
        background: url("../images/webicon-branch.png")
    }

    .no-svg .webicon.branch.small {
        background: url("../images/webicon-branch-s.png")
    }

.svg .webicon.branch {
    background: url("../images/webicon-branch.svg")
}

.no-svg .webicon.coderwall {
    background: url("../images/webicon-coderwall-m.png")
}

    .no-svg .webicon.coderwall.large {
        background: url("../images/webicon-coderwall.png")
    }

    .no-svg .webicon.coderwall.small {
        background: url("../images/webicon-coderwall-s.png")
    }

.svg .webicon.coderwall {
    background: url("../images/webicon-coderwall.svg")
}

.no-svg .webicon.creativecloud {
    background: url("../images/webicon-creativecloud-m.png")
}

    .no-svg .webicon.creativecloud.large {
        background: url("../images/webicon-creativecloud.png")
    }

    .no-svg .webicon.creativecloud.small {
        background: url("../images/webicon-creativecloud-s.png")
    }

.svg .webicon.creativecloud {
    background: url("../images/webicon-creativecloud.svg")
}

.no-svg .webicon.dribbble {
    background: url("../images/webicon-dribbble-m.png")
}

    .no-svg .webicon.dribbble.large {
        background: url("../images/webicon-dribbble.png")
    }

    .no-svg .webicon.dribbble.small {
        background: url("../images/webicon-dribbble-s.png")
    }

.svg .webicon.dribbble {
    background: url("../images/webicon-dribbble.svg")
}

.no-svg .webicon.dropbox {
    background: url("../images/webicon-dropbox-m.png")
}

    .no-svg .webicon.dropbox.large {
        background: url("../images/webicon-dropbox.png")
    }

    .no-svg .webicon.dropbox.small {
        background: url("../images/webicon-dropbox-s.png")
    }

.svg .webicon.dropbox {
    background: url("../images/webicon-dropbox.svg")
}

.no-svg .webicon.evernote {
    background: url("../images/webicon-evernote-m.png")
}

    .no-svg .webicon.evernote.large {
        background: url("../images/webicon-evernote.png")
    }

    .no-svg .webicon.evernote.small {
        background: url("../images/webicon-evernote-s.png")
    }

.svg .webicon.evernote {
    background: url("../images/webicon-evernote.svg")
}

.no-svg .webicon.fairheadcreative {
    background: url("../images/webicon-fairheadcreative-m.png")
}

    .no-svg .webicon.fairheadcreative.large {
        background: url("../images/webicon-fairheadcreative.png")
    }

    .no-svg .webicon.fairheadcreative.small {
        background: url("../images/webicon-fairheadcreative-s.png")
    }

.svg .webicon.fairheadcreative {
    background: url("../images/webicon-fairheadcreative.svg")
}

.no-svg .webicon.facebook {
    background: url("../images/webicon-facebook-m.png")
}

    .no-svg .webicon.facebook.large {
        background: url("../images/webicon-facebook.png")
    }

    .no-svg .webicon.facebook.small {
        background: url("../images/webicon-facebook-s.png")
    }

.svg .webicon.facebook {
    background: url("../images/webicon-facebook.svg")
}

.no-svg .webicon.flickr {
    background: url("../images/webicon-flickr-m.png")
}

    .no-svg .webicon.flickr.large {
        background: url("../images/webicon-flickr.png")
    }

    .no-svg .webicon.flickr.small {
        background: url("../images/webicon-flickr-s.png")
    }

.svg .webicon.flickr {
    background: url("../images/webicon-flickr.svg")
}

.no-svg .webicon.foursquare {
    background: url("../images/webicon-foursquare-m.png")
}

    .no-svg .webicon.foursquare.large {
        background: url("../images/webicon-foursquare.png")
    }

    .no-svg .webicon.foursquare.small {
        background: url("../images/webicon-foursquare-s.png")
    }

.svg .webicon.foursquare {
    background: url("../images/webicon-foursquare.svg")
}

.no-svg .webicon.git {
    background: url("../images/webicon-git-m.png")
}

    .no-svg .webicon.git.large {
        background: url("../images/webicon-git.png")
    }

    .no-svg .webicon.git.small {
        background: url("../images/webicon-git-s.png")
    }

.svg .webicon.git {
    background: url("../images/webicon-git.svg")
}

.no-svg .webicon.github {
    background: url("../images/webicon-github-m.png")
}

    .no-svg .webicon.github.large {
        background: url("../images/webicon-github.png")
    }

    .no-svg .webicon.github.small {
        background: url("../images/webicon-github-s.png")
    }

.svg .webicon.github {
    background: url("../images/webicon-github.svg")
}

.no-svg .webicon.goodreads {
    background: url("../images/webicon-goodreads-m.png")
}

    .no-svg .webicon.goodreads.large {
        background: url("../images/webicon-goodreads.png")
    }

    .no-svg .webicon.goodreads.small {
        background: url("../images/webicon-goodreads-s.png")
    }

.svg .webicon.goodreads {
    background: url("../images/webicon-goodreads.svg")
}

.no-svg .webicon.google {
    background: url("../images/webicon-google-m.png")
}

    .no-svg .webicon.google.large {
        background: url("../images/webicon-google.png")
    }

    .no-svg .webicon.google.small {
        background: url("../images/webicon-google-s.png")
    }

.svg .webicon.google {
    background: url("../images/webicon-google.svg")
}

.no-svg .webicon.googleplay {
    background: url("../images/webicon-googleplay-m.png")
}

    .no-svg .webicon.googleplay.large {
        background: url("../images/webicon-googleplay.png")
    }

    .no-svg .webicon.googleplay.small {
        background: url("../images/webicon-googleplay-s.png")
    }

.svg .webicon.googleplay {
    background: url("../images/webicon-googleplay.svg")
}

.no-svg .webicon.googleplus {
    background: url("../images/webicon-googleplus-m.png")
}

    .no-svg .webicon.googleplus.large {
        background: url("../images/webicon-googleplus.png")
    }

    .no-svg .webicon.googleplus.small {
        background: url("../images/webicon-googleplus-s.png")
    }

.svg .webicon.googleplus {
    background: url("../images/webicon-googleplus.svg")
}

.no-svg .webicon.hangouts {
    background: url("../images/webicon-hangouts-m.png")
}

    .no-svg .webicon.hangouts.large {
        background: url("../images/webicon-hangouts.png")
    }

    .no-svg .webicon.hangouts.small {
        background: url("../images/webicon-hangouts-s.png")
    }

.svg .webicon.hangouts {
    background: url("../images/webicon-hangouts.svg")
}

.no-svg .webicon.html5 {
    background: url("../images/webicon-html5-m.png")
}

    .no-svg .webicon.html5.large {
        background: url("../images/webicon-html5.png")
    }

    .no-svg .webicon.html5.small {
        background: url("../images/webicon-html5-s.png")
    }

.svg .webicon.html5 {
    background: url("../images/webicon-html5.svg")
}

.no-svg .webicon.icloud {
    background: url("../images/webicon-icloud-m.png")
}

    .no-svg .webicon.icloud.large {
        background: url("../images/webicon-icloud.png")
    }

    .no-svg .webicon.icloud.small {
        background: url("../images/webicon-icloud-s.png")
    }

.svg .webicon.icloud {
    background: url("../images/webicon-icloud.svg")
}

.no-svg .webicon.indiegogo {
    background: url("../images/webicon-indiegogo-m.png")
}

    .no-svg .webicon.indiegogo.large {
        background: url("../images/webicon-indiegogo.png")
    }

    .no-svg .webicon.indiegogo.small {
        background: url("../images/webicon-indiegogo-s.png")
    }

.svg .webicon.indiegogo {
    background: url("../images/webicon-indiegogo.svg")
}

.no-svg .webicon.instagram {
    background: url("../images/webicon-instagram-m.png")
}

    .no-svg .webicon.instagram.large {
        background: url("../images/webicon-instagram.png")
    }

    .no-svg .webicon.instagram.small {
        background: url("../images/webicon-instagram-s.png")
    }

.svg .webicon.instagram {
    background: url("../images/webicon-instagram.svg")
}

.no-svg .webicon.instapaper {
    background: url("../images/webicon-instapaper-m.png")
}

    .no-svg .webicon.instapaper.large {
        background: url("../images/webicon-instapaper.png")
    }

    .no-svg .webicon.instapaper.small {
        background: url("../images/webicon-instapaper-s.png")
    }

.svg .webicon.instapaper {
    background: url("../images/webicon-instapaper.svg")
}

.no-svg .webicon.kickstarter {
    background: url("../images/webicon-kickstarter-m.png")
}

    .no-svg .webicon.kickstarter.large {
        background: url("../images/webicon-kickstarter.png")
    }

    .no-svg .webicon.kickstarter.small {
        background: url("../images/webicon-kickstarter-s.png")
    }

.svg .webicon.kickstarter {
    background: url("../images/webicon-kickstarter.svg")
}

.no-svg .webicon.klout {
    background: url("../images/webicon-klout-m.png")
}

    .no-svg .webicon.klout.large {
        background: url("../images/webicon-klout.png")
    }

    .no-svg .webicon.klout.small {
        background: url("../images/webicon-klout-s.png")
    }

.svg .webicon.klout {
    background: url("../images/webicon-klout.svg")
}

.no-svg .webicon.lastfm {
    background: url("../images/webicon-lastfm-m.png")
}

    .no-svg .webicon.lastfm.large {
        background: url("../images/webicon-lastfm.png")
    }

    .no-svg .webicon.lastfm.small {
        background: url("../images/webicon-lastfm-s.png")
    }

.svg .webicon.lastfm {
    background: url("../images/webicon-lastfm.svg")
}

.no-svg .webicon.linkedin {
    background: url("../images/webicon-linkedin-m.png")
}

    .no-svg .webicon.linkedin.large {
        background: url("../images/webicon-linkedin.png")
    }

    .no-svg .webicon.linkedin.small {
        background: url("../images/webicon-linkedin-s.png")
    }

.svg .webicon.linkedin {
    background: url("../images/webicon-linkedin.svg")
}

.no-svg .webicon.mail {
    background: url("../images/webicon-mail-m.png")
}

    .no-svg .webicon.mail.large {
        background: url("../images/webicon-mail.png")
    }

    .no-svg .webicon.mail.small {
        background: url("../images/webicon-mail-s.png")
    }

.svg .webicon.mail {
    background: url("../images/webicon-mail.svg")
}

.no-svg .webicon.medium {
    background: url("../images/webicon-medium-m.png")
}

    .no-svg .webicon.medium.large {
        background: url("../images/webicon-medium.png")
    }

    .no-svg .webicon.medium.small {
        background: url("../images/webicon-medium-s.png")
    }

.svg .webicon.medium {
    background: url("../images/webicon-medium.svg")
}

.no-svg .webicon.mixi {
    background: url("../images/webicon-mixi-m.png")
}

    .no-svg .webicon.mixi.large {
        background: url("../images/webicon-mixi.png")
    }

    .no-svg .webicon.mixi.small {
        background: url("../images/webicon-mixi-s.png")
    }

.svg .webicon.mixi {
    background: url("../images/webicon-mixi.svg")
}

.no-svg .webicon.msn {
    background: url("../images/webicon-msn-m.png")
}

    .no-svg .webicon.msn.large {
        background: url("../images/webicon-msn.png")
    }

    .no-svg .webicon.msn.small {
        background: url("../images/webicon-msn-s.png")
    }

.svg .webicon.msn {
    background: url("../images/webicon-msn.svg")
}

.no-svg .webicon.openid {
    background: url("../images/webicon-openid-m.png")
}

    .no-svg .webicon.openid.large {
        background: url("../images/webicon-openid.png")
    }

    .no-svg .webicon.openid.small {
        background: url("../images/webicon-openid-s.png")
    }

.svg .webicon.openid {
    background: url("../images/webicon-openid.svg")
}

.no-svg .webicon.picasa {
    background: url("../images/webicon-picasa-m.png")
}

    .no-svg .webicon.picasa.large {
        background: url("../images/webicon-picasa.png")
    }

    .no-svg .webicon.picasa.small {
        background: url("../images/webicon-picasa-s.png")
    }

.svg .webicon.picasa {
    background: url("../images/webicon-picasa.svg")
}

.no-svg .webicon.pinterest {
    background: url("../images/webicon-pinterest-m.png")
}

    .no-svg .webicon.pinterest.large {
        background: url("../images/webicon-pinterest.png")
    }

    .no-svg .webicon.pinterest.small {
        background: url("../images/webicon-pinterest-s.png")
    }

.svg .webicon.pinterest {
    background: url("../images/webicon-pinterest.svg")
}

.no-svg .webicon.pocketapp {
    background: url("../images/webicon-pocketapp-m.png")
}

    .no-svg .webicon.pocketapp.large {
        background: url("../images/webicon-pocketapp.png")
    }

    .no-svg .webicon.pocketapp.small {
        background: url("../images/webicon-pocketapp-s.png")
    }

.svg .webicon.pocketapp {
    background: url("../images/webicon-pocketapp.svg")
}

.no-svg .webicon.potluck {
    background: url("../images/webicon-potluck-m.png")
}

    .no-svg .webicon.potluck.large {
        background: url("../images/webicon-potluck.png")
    }

    .no-svg .webicon.potluck.small {
        background: url("../images/webicon-potluck-s.png")
    }

.svg .webicon.potluck {
    background: url("../images/webicon-potluck.svg")
}

.no-svg .webicon.quora {
    background: url("../images/webicon-quora-m.png")
}

    .no-svg .webicon.quora.large {
        background: url("../images/webicon-quora.png")
    }

    .no-svg .webicon.quora.small {
        background: url("../images/webicon-quora-s.png")
    }

.svg .webicon.quora {
    background: url("../images/webicon-quora.svg")
}

.no-svg .webicon.orkut {
    background: url("../images/webicon-orkut-m.png")
}

    .no-svg .webicon.orkut.large {
        background: url("../images/webicon-orkut.png")
    }

    .no-svg .webicon.orkut.small {
        background: url("../images/webicon-orkut-s.png")
    }

.svg .webicon.orkut {
    background: url("../images/webicon-orkut.svg")
}

.no-svg .webicon.mercurial {
    background: url("../images/webicon-mercurial-m.png")
}

    .no-svg .webicon.mercurial.large {
        background: url("../images/webicon-mercurial.png")
    }

    .no-svg .webicon.mercurial.small {
        background: url("../images/webicon-mercurial-s.png")
    }

.svg .webicon.mercurial {
    background: url("../images/webicon-mercurial.svg")
}

.no-svg .webicon.rdio {
    background: url("../images/webicon-rdio-m.png")
}

    .no-svg .webicon.rdio.large {
        background: url("../images/webicon-rdio.png")
    }

    .no-svg .webicon.rdio.small {
        background: url("../images/webicon-rdio-s.png")
    }

.svg .webicon.rdio {
    background: url("../images/webicon-rdio.svg")
}

.no-svg .webicon.reddit {
    background: url("../images/webicon-reddit-m.png")
}

    .no-svg .webicon.reddit.large {
        background: url("../images/webicon-reddit.png")
    }

    .no-svg .webicon.reddit.small {
        background: url("../images/webicon-reddit-s.png")
    }

.svg .webicon.reddit {
    background: url("../images/webicon-reddit.svg")
}

.no-svg .webicon.renren {
    background: url("../images/webicon-renren-m.png")
}

    .no-svg .webicon.renren.large {
        background: url("../images/webicon-renren.png")
    }

    .no-svg .webicon.renren.small {
        background: url("../images/webicon-renren-s.png")
    }

.svg .webicon.renren {
    background: url("../images/webicon-renren.svg")
}

.no-svg .webicon.rss {
    background: url("../images/webicon-rss-m.png")
}

    .no-svg .webicon.rss.large {
        background: url("../images/webicon-rss.png")
    }

    .no-svg .webicon.rss.small {
        background: url("../images/webicon-rss-s.png")
    }

.svg .webicon.rss {
    background: url("../images/webicon-rss.svg")
}

.no-svg .webicon.skitch {
    background: url("../images/webicon-skitch-m.png")
}

    .no-svg .webicon.skitch.large {
        background: url("../images/webicon-skitch.png")
    }

    .no-svg .webicon.skitch.small {
        background: url("../images/webicon-skitch-s.png")
    }

.svg .webicon.skitch {
    background: url("../images/webicon-skitch.svg")
}

.no-svg .webicon.skype {
    background: url("../images/webicon-skype-m.png")
}

    .no-svg .webicon.skype.large {
        background: url("../images/webicon-skype.png")
    }

    .no-svg .webicon.skype.small {
        background: url("../images/webicon-skype-s.png")
    }

.svg .webicon.skype {
    background: url("../images/webicon-skype.svg")
}

.no-svg .webicon.soundcloud {
    background: url("../images/webicon-soundcloud-m.png")
}

    .no-svg .webicon.soundcloud.large {
        background: url("../images/webicon-soundcloud.png")
    }

    .no-svg .webicon.soundcloud.small {
        background: url("../images/webicon-soundcloud-s.png")
    }

.svg .webicon.soundcloud {
    background: url("../images/webicon-soundcloud.svg")
}

.no-svg .webicon.spotify {
    background: url("../images/webicon-spotify-m.png")
}

    .no-svg .webicon.spotify.large {
        background: url("../images/webicon-spotify.png")
    }

    .no-svg .webicon.spotify.small {
        background: url("../images/webicon-spotify-s.png")
    }

.svg .webicon.spotify {
    background: url("../images/webicon-spotify.svg")
}

.no-svg .webicon.stackoverflow {
    background: url("../images/webicon-stackoverflow-m.png")
}

    .no-svg .webicon.stackoverflow.large {
        background: url("../images/webicon-stackoverflow.png")
    }

    .no-svg .webicon.stackoverflow.small {
        background: url("../images/webicon-stackoverflow-s.png")
    }

.svg .webicon.stackoverflow {
    background: url("../images/webicon-stackoverflow.svg")
}

.no-svg .webicon.stumbleupon {
    background: url("../images/webicon-stumbleupon-m.png")
}

    .no-svg .webicon.stumbleupon.large {
        background: url("../images/webicon-stumbleupon.png")
    }

    .no-svg .webicon.stumbleupon.small {
        background: url("../images/webicon-stumbleupon-s.png")
    }

.svg .webicon.stumbleupon {
    background: url("../images/webicon-stumbleupon.svg")
}

.no-svg .webicon.svn {
    background: url("../images/webicon-svn-m.png")
}

    .no-svg .webicon.svn.large {
        background: url("../images/webicon-svn.png")
    }

    .no-svg .webicon.svn.small {
        background: url("../images/webicon-svn-s.png")
    }

.svg .webicon.svn {
    background: url("../images/webicon-svn.svg")
}

.no-svg .webicon.tent {
    background: url("../images/webicon-tent-m.png")
}

    .no-svg .webicon.tent.large {
        background: url("../images/webicon-tent.png")
    }

    .no-svg .webicon.tent.small {
        background: url("../images/webicon-tent-s.png")
    }

.svg .webicon.tent {
    background: url("../images/webicon-tent.svg")
}

.no-svg .webicon.tripadvisor {
    background: url("../images/webicon-tripadvisor-m.png")
}

    .no-svg .webicon.tripadvisor.large {
        background: url("../images/webicon-tripadvisor.png")
    }

    .no-svg .webicon.tripadvisor.small {
        background: url("../images/webicon-tripadvisor-s.png")
    }

.svg .webicon.tripadvisor {
    background: url("../images/webicon-tripadvisor.svg")
}

.no-svg .webicon.tumblr {
    background: url("../images/webicon-tumblr-m.png")
}

    .no-svg .webicon.tumblr.large {
        background: url("../images/webicon-tumblr.png")
    }

    .no-svg .webicon.tumblr.small {
        background: url("../images/webicon-tumblr-s.png")
    }

.svg .webicon.tumblr {
    background: url("../images/webicon-tumblr.svg")
}

.no-svg .webicon.twitter {
    background: url("../images/webicon-twitter-m.png")
}

    .no-svg .webicon.twitter.large {
        background: url("../images/webicon-twitter.png")
    }

    .no-svg .webicon.twitter.small {
        background: url("../images/webicon-twitter-s.png")
    }

.svg .webicon.twitter {
    background: url("../images/webicon-twitter.svg")
}

.no-svg .webicon.vimeo {
    background: url("../images/webicon-vimeo-m.png")
}

    .no-svg .webicon.vimeo.large {
        background: url("../images/webicon-vimeo.png")
    }

    .no-svg .webicon.vimeo.small {
        background: url("../images/webicon-vimeo-s.png")
    }

.svg .webicon.vimeo {
    background: url("../images/webicon-vimeo.svg")
}

.no-svg .webicon.weibo {
    background: url("../images/webicon-weibo-m.png")
}

    .no-svg .webicon.weibo.large {
        background: url("../images/webicon-weibo.png")
    }

    .no-svg .webicon.weibo.small {
        background: url("../images/webicon-weibo-s.png")
    }

.svg .webicon.weibo {
    background: url("../images/webicon-weibo.svg")
}

.no-svg .webicon.windows {
    background: url("../images/webicon-windows-m.png")
}

    .no-svg .webicon.windows.large {
        background: url("../images/webicon-windows.png")
    }

    .no-svg .webicon.windows.small {
        background: url("../images/webicon-windows-s.png")
    }

.svg .webicon.windows {
    background: url("../images/webicon-windows.svg")
}

.no-svg .webicon.wordpress {
    background: url("../images/webicon-wordpress-m.png")
}

    .no-svg .webicon.wordpress.large {
        background: url("../images/webicon-wordpress.png")
    }

    .no-svg .webicon.wordpress.small {
        background: url("../images/webicon-wordpress-s.png")
    }

.svg .webicon.wordpress {
    background: url("../images/webicon-wordpress.svg")
}

.no-svg .webicon.xing {
    background: url("../images/webicon-xing-m.png")
}

    .no-svg .webicon.xing.large {
        background: url("../images/webicon-xing.png")
    }

    .no-svg .webicon.xing.small {
        background: url("../images/webicon-xing-s.png")
    }

.svg .webicon.xing {
    background: url("../images/webicon-xing.svg")
}

.no-svg .webicon.yahoo {
    background: url("../images/webicon-yahoo-m.png")
}

    .no-svg .webicon.yahoo.large {
        background: url("../images/webicon-yahoo.png")
    }

    .no-svg .webicon.yahoo.small {
        background: url("../images/webicon-yahoo-s.png")
    }

.svg .webicon.yahoo {
    background: url("../images/webicon-yahoo.svg")
}

.no-svg .webicon.yelp {
    background: url("../images/webicon-yelp-m.png")
}

    .no-svg .webicon.yelp.large {
        background: url("../images/webicon-yelp.png")
    }

    .no-svg .webicon.yelp.small {
        background: url("../images/webicon-yelp-s.png")
    }

.svg .webicon.yelp {
    background: url("../images/webicon-yelp.svg")
}

.no-svg .webicon.youtube {
    background: url("../images/webicon-youtube-m.png")
}

    .no-svg .webicon.youtube.large {
        background: url("../images/webicon-youtube.png")
    }

    .no-svg .webicon.youtube.small {
        background: url("../images/webicon-youtube-s.png")
    }

.svg .webicon.youtube {
    background: url("../images/webicon-youtube.svg")
}

.no-svg .webicon.youversion {
    background: url("../images/webicon-youversion-m.png")
}

    .no-svg .webicon.youversion.large {
        background: url("../images/webicon-youversion.png")
    }

    .no-svg .webicon.youversion.small {
        background: url("../images/webicon-youversion-s.png")
    }

.svg .webicon.youversion {
    background: url("../images/webicon-youversion.svg")
}

.no-svg .webicon.zerply {
    background: url("../images/webicon-zerply-m.png")
}

    .no-svg .webicon.zerply.large {
        background: url("../images/webicon-zerply.png")
    }

    .no-svg .webicon.zerply.small {
        background: url("../images/webicon-zerply-s.png")
    }

.svg .webicon.zerply {
    background: url("../images/webicon-zerply.svg")
}

audio, canvas, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a:focus {
    outline: dotted thin
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

fieldset {
    margin: 1.125em 0;
    background: #f6f6f6;
    border: 1px solid silver;
    padding: .35em .625em .75em
}

legend {
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

        button[disabled], html input[disabled] {
            cursor: default
        }

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.bordergraydropdown {
    font-size: .875em;
    margin: 0 0 1em;
    padding: .5em;
    height: 2.3125em;
    border: 1px solid #ccc
}

.categorymenuplus ul.homecolumn1 {
    list-style-type: none;
    border: 1px solid #c8ced3;
    padding: 10px;
    background: #fbfbfb;
    border-radius: 3px
}

    .categorymenuplus ul.homecolumn1 a {
        color: #5e6063
    }

        .categorymenuplus ul.homecolumn1 a::before {
            content: "";
            display: inline-block;
            height: 10px;
            width: 10px;
            border-right: 2px solid #5e6063;
            border-bottom: 2px solid #5e6063;
            transform: rotateZ(-45deg);
            vertical-align: middle;
            margin-right: 9px
        }

.large-12.columns .categorygrid .large-3 .record {
    margin-bottom: 15px;
    height: auto !important
}

    .large-12.columns .categorygrid .large-3 .record .recordname a {
        color: #555;
        font-weight: 700;
        font-size: 18px
    }

.large-12.columns .categorygrid .large-3 a img {
    border: none !important;
    width: 100%
}

.orbit-container.billboard ol.orbit-bullets {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

    .orbit-container.billboard ol.orbit-bullets li {
        border: none;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
        transition: .3s
    }

        .orbit-container.billboard ol.orbit-bullets li.active {
            background: #fff;
            width: 26px
        }

.preheader {
    background: #f1f2f3;
    border-bottom: none
}

    .preheader ul li a {
        color: #011d3c;
        background: 0 0
    }

    .preheader ul li .minicart a {
        background: #8d8d8d;
        color: #fff
    }

.header {
    background: #fff;
    border-top: none
}

    .header .search > div input {
        border-radius: 50px;
        height: 45px
    }

    .header .row.collapse.search .small-3.columns {
        position: absolute;
        top: 22px;
        right: 20px;
        width: auto
    }

        .header .row.collapse.search .small-3.columns input {
            font-size: 0;
            height: 36px;
            width: 36px;
            border-radius: 50%;
            background: url(../images/search.png) center center no-repeat #8d8d8d
        }

    .header .webicon.facebook {
        background: url(../images/fb_icon.png) center center no-repeat;
        height: 35px;
        width: 35px;
        border: 1px solid #3b5998;
        border-radius: 50%;
        box-shadow: none;
        margin: 0 3px
    }

    .header .large-5.columns.text-right span.hideforlowres {
        padding-top: 11px;
        display: block
    }

    .header .webicon.twitter {
        background: url(../images/twitter_icon.png) center center no-repeat;
        height: 35px;
        width: 35px;
        border: 1px solid #00acee;
        border-radius: 50%;
        box-shadow: none
    }

.prefooter ul li a {
    white-space: nowrap;
    color: #fff
}

.prefooter h6 {
    color: #279cfe;
    font-size: 18px;
    text-transform: uppercase
}

.prefooter {
    background: #2b2b2f
}

.footer {
    background: #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 15px
}

    .footer .row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

p.foote-paypal a::after, p.foote-paypal a::before {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #ccc;
    width: 70px;
    margin: 0 10px
}

.sub-category-template .modelList li a, .yearButton .record {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .preheader .large-12.columns {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .homePage .main .large-12.columns {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

        .homePage .main .large-12.columns > div:first-child {
            width: 250px
        }

        .homePage .main .large-12.columns > div:nth-child(2) {
            width: calc(100% - 265px);
            margin-left: auto
        }
}

@media (min-width:992px) {
    .homePage .main .large-12.columns > div {
        width: 100%
    }

        .homePage .main .large-12.columns > div:first-child {
            width: 400px
        }

        .homePage .main .large-12.columns > div:nth-child(2) {
            width: calc(100% - 415px);
            margin-left: auto
        }

    .homePage .main .large-12.columns .categorygrid .large-3 {
        position: relative;
        width: calc(33.33% - 20px);
        box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
        border: 1px solid #dee1e3;
        margin: 0 10px 15px
    }
}

.yearButton {
    padding: 0 10px
}

    .yearButton .record .recordname_yearAnchorTag {
        border-bottom: 1px solid #e5e5e5;
        height: auto !important
    }

        .yearButton .record .recordname_yearAnchorTag a, .yearButton .record .recordname_yearAnchorTag span {
            display: block;
            padding: 12px 0;
            margin: 0;
        }

        .yearButton .record .recordname_yearAnchorTag span {
            color: #c8ced3
        }

.breadcrumbwrapper .breadcrumbs {
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #c8ced3
}

.breadcrumbs .spacer {
    font-size: 0
}

    .breadcrumbs .spacer::before {
        content: ">";
        display: inline;
        font-size: 14px;
        margin: 0 5px
    }

.large-7.columns > h2 {
    font-size: 24px;
    font-weight: 700;
    color: #011d3c;
    margin-top: 0
}

div#ctl00_Footer1_ContentColumnControl5_ctl01_pnlMailingListSignupForm input[type=image] {
    position: absolute;
    bottom: 0;
    right: 1px;
    height: 31.5px
}

.sub-category-template > h2 {
    text-align: center;
    background: #f1f2f3;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,.06);
    font-size: 24px;
    padding: 8px 0;
    font-weight: 700;
    margin-bottom: 20px
}

.sub-category-template .modelList li a {
    display: block;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,.06);
    padding: 10px
}

.ssftf-template .large-10 > h3 {
    font-size: 18px !important;
    font-weight: 600
}

@media(min-width:768px) {
    .ssftf-template .record {
        display: flex;
        align-items: center;
        background: #fff;
        border: 1px solid #dfe3e7;
        box-sizing: border-box;
        box-shadow: 2px 2px 8px rgba(0,0,0,.1);
        border-radius: 2px;
        margin-bottom: 15px
    }

        .ssftf-template .record .recordimage {
            border: none;
            width: 25%;
            text-align: center
        }

        .ssftf-template .record .product-info .recorddesc {
            margin-right: 220px
        }

        .ssftf-template .record .product-info {
            width: 75%
        }

            .ssftf-template .record .product-info .recordprice {
                width: 200px;
                padding: 15px;
                border: 1px solid #c8ced3;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 2px;
                text-align: center
            }

    .ssftf-template .quantityInput {
        width: calc(100% - 60px) !important
    }

    .ssftf-template .addToCartButtonCustom {
        width: 100%
    }

    .ssftf-template .subCategoryName {
        margin-bottom: 15px
    }

    .ssftf-template .gridheader select {
        height: 40px
    }
}

#carSelectorDiv, .categorymenuplus > div > h4 {
    border: 1px solid #c8ced3;
    background: #fbfbfb
}

ul.modelList li a:hover {
    color: #fff;
    background: #011d3c
}

.subCategoryName {
    background: #011d3c;
    color: #fff;
    text-align: left !important;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px
}

    .subCategoryName ~ .side-nav {
        padding: 5px 10px !important
    }

        .subCategoryName ~ .side-nav li a::before {
            content: "\f105";
            font-family: FontAwesome;
            display: inline-block;
            font-size: 19px;
            margin-right: 5px
        }

.hideforlowres.subCategoryName {
    color: #011d3c;
    background: #fff
}

.categorymenuplus > div > h4 {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    color: #011d3c;
    padding: 10px 16px;
    border-radius: 3px 3px 0 0
}

#carSelectorDiv {
    padding: 10px 15px;
    border-radius: 0 0 3px 3px
}

    #carSelectorDiv select {
        background: #fff;
        border: 1px solid #c8ced3;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        height: 36px;
        padding: 5px;
        border-radius: 2px
    }

    #carSelectorDiv span {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        align-items: center;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #73747c;
        display: block;
        margin-bottom: 5px
    }

#ctl00_MainContentHolder_ContentColumnControl1_ctl00_CarSelector_carSelectorSelect {
    width: 40%;
    color: #fff;
    background: #011d3c;
}

#ctl00_MainContentHolder_ContentColumnControl1_ctl00_CarSelector_carControl {
    height: 40px;
}

#ctl00_MainContentHolder_ContentColumnControl1_ctl00_CarSelector_carSelectorClear {
    width: 40%;
    color: #fff;
    background: #011d3c;
}

.product-details-page .product-name {
    color: #011d3c;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    margin-top: 0
}

.product-details-page #ProductSKU h2, .product-details-page .product-subheader h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #88888c;
    margin-bottom: 0
}

.product-details-page #rating a + a, .reviewLink span:not(.rating) {
    background: #2ba6cb;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: bottom
}

.product-details-page .reviewLink span.rating {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.product-details-page .pricebox > span {
    font-weight: 700;
    font-size: 30px !important;
    font-style: normal !important;
    color: #011d3c;
    margin-bottom: 10px;
    display: block
}

.product-details-page .pricebox > div > span {
    font-size: 16px !important;
    color: #011d3c !important;
    font-style: normal !important;
    font-weight: 700 !important
}

.product-details-page .productcontrolspanel label, .product-details-page .productcontrolspanel span {
    font-size: 16px;
    font-weight: 700;
    color: #011d3c
}

#ProductDescription h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px
}

#productimage {
    margin-bottom: 10px;
    border: 1px solid #d9d9d9; 
    overflow: hidden;
    padding-top: 70%;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9
}

#otherbrands #ctl00_MainContentHolder_GridViewAlternative > tbody {
    border: 1px solid #ddd
}

#otherbrands img {
    border: none !important
}

.product-details-page #Applications table.dataTable {
    margin-top: 10px
}

    .product-details-page #Applications table.dataTable th {
        background: #545d67;
        border: 1px solid #545d67
    }

    .product-details-page #Applications table.dataTable tr:nth-child(2n) td {
        background-color: #fafafa
    }

h3.product-review-title {
    background: #011d3c;
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    border-radius: 2px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 12px;
    text-align: center
}

.graybutton {
    background: #333;
    color: #fff;
    border: 1px solid #333
}

    .graybutton:hover {
        background: #fff;
        color: #333
    }

#ctl00_MainContentHolder_tdWishList, #emailquestion {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 5px
}

@media (min-width:1024px) {
    .sub-category-template .modelList {
        width: calc(50% - 20px)
    }

    .sub-category-template .listRight {
        margin-right: 0 !important
    }

    #Anthem_ctl00_MainContentHolder_AddToCartButton1_btnAdd__ {
        display: block;
        background: url(../images/desktop-add-to-cart.png) center center/cover no-repeat;
        width: 100%
    }

    #ctl00_MainContentHolder_AddToCartButton1_btnSaveChanges {
        display: block
    }

    #Anthem_ctl00_MainContentHolder_AddToCartButton1_btnAdd__ input {
        display: block;
        opacity: 0;
        height: 40px;
        width: 100%
    }

    .productcontrolspanel table tr:last-child td {
        float: none
    }

    #ctl00_MainContentHolder_tdWishList, #emailquestion {
        display: inline-block;
        vertical-align: middle;
        width: calc(50% - 7px);
        margin-top: 5px
    }

    #ctl00_MainContentHolder_tdWishList {
        margin-right: 10px;
        display: block
    }

    .productcontrolspanel #wishlist {
        height: 35px;
        margin-top: 0
    }

        .productcontrolspanel #wishlist input {
            height: 35px;
            margin: 0 !important;
            width: 100%
        }

    div#emailquestion a, div#emailquestion a img {
        width: 100%;
        display: block;
        height: 35px;
        margin: 0 !important
    }

    .homepagecats, ul.homepagecats {
        display: none
    }
}

.productgrid .columns .WideSingleProductDisplayPanel .SingleProductDisplayImage {
    width: auto;
    height: auto;
    border: none
}

.productgrid .columns .WideSingleProductDisplayPanel .recordprice {
    position: static;
    width: 100%
}

.homePage .main .large-12.columns > div:first-child #carSelectorDiv {
    max-width: 100% !important
}

.SingleProductDisplayName {
    width: 85%
}

#ctl00_MainContentHolder_panelFitmentStatus {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 700
}

#ctl00_MainContentHolder_lblempty {
    font-size: 30px;
    font-weight: 700;
    line-height: 35px
}

.row .gridheader {
    margin: auto;
}

#Anthem_ctl00_MainContentHolder_ProductMainImage1_imgMain__ {
    position: absolute;
    top: 0;
    left: 0;
}

.logo.hideforhighres {
    display: inline-block;
    width: 30%;
}