.btn {
    height: 45px;
    border-radius: 4px;
    padding: 11px 30px;
    font-size: 16px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    margin: 0px
}

.btn-xs {
    height: 28px;
    padding: 4px 10px;
    font-size: 12px
}

.btn-sm {
    height: 35px;
    padding: 6px 15px;
    font-size: 14px
}

.btn-lg {
    height: 55px;
    padding: 15px 30px;
    font-size: 16px
}

.btn-primary {
    border: 1px solid #777777!important;
    color: #FFFFFF;
    background-color: #777777!important;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    border: 1px solid #515151!important;
    background-color: #515151!important
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover {
    border: 1px solid #515151!important;
    background-color: #515151!important
}

.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    border: 1px solid #515151!important;
    background-color: #515151!important
}

.btn-group>.btn-primary+.dropdown-toggle {
    border-left: 1px #515151 solid!important
}

.btn-default {
    border: 1px solid #33ac00!important;
    background: #33AC00!important;
    color: #FFFFFF
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF
}

.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF
}

.btn-black {
    border: 1px solid #33ac00!important;
    background: #33AC00!important;
    color: #FFFFFF;
    text-decoration: none!important
}

.btn-black:active,
.btn-black:focus,
.btn-black:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF!important
}

.btn-black.active.focus,
.btn-black.active:focus,
.btn-black.active:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF
}

.btn-black:active.focus,
.btn-black:active:focus,
.btn-black:active:hover {
    border: 1px solid #288800!important;
    background-color: #288800!important;
    color: #FFFFFF
}

.btn-default[disabled],
.btn-default[disabled]:hover {
    border: 1px solid #247900!important;
    background: #33AC00!important
}

.btn-group>.btn-default+.dropdown-toggle {
    border-left: 1px #1c6000 solid!important
}

.btn-success {
    border: #33AC00 solid 1px;
    background: #FFFFFF;
    color: #33AC00
}

.btn-success:hover {
    border: #33AC00 solid 1px;
    background: #33AC00;
    color: #FFFFFF
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover {
    background-color: #33AC00
}

.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover {
    background-color: #33AC00
}

.btn-success:hover span.glyphicon,
.btn-success span.glyphicon {
    color: #FFFFFF!important
}

.btn-group>.btn-success+.dropdown-toggle {
    border-left: 1px #1c6000 solid!important
}

.btn-outline {
    border: #FFFFFF solid 1px;
    background: #33AC00;
    color: #FFFFFF
}

.btn-outline:hover {
    border: #FFFFFF solid 1px;
    background-color: #FFFFFF;
    color: #33AC00!important
}

.btn-group>.btn-outline+.dropdown-toggle {
    border-left: 1px #d9d9d9 solid!important
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    color: #0884e7
}

.btn-grey {
    border: #DDDDDD solid 1px;
    background: #FFFFFF;
    color: #333333;
    border-radius: 4px;
    padding: 6px 15px;
    font-weight: bold
}

.btn-grey:focus,
.btn-grey:hover {
    color: #333333;
    text-decoration: none
}

.btn-paypal {
    display: inline-block;
    margin-top: 15px;
    line-height: 26px;
    background: #E4E4E4
}

.icon-paypal {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20140%2040%22%20enable-background%3D%22new%200%200%20140%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%20%3Cpath%20fill%3D%22%23179BD7%22%20d%3D%22M93.5%2C2.5H83.1c-0.7%2C0-1.3%2C0.5-1.4%2C1.2l-4.2%2C26.7c-0.1%2C0.5%2C0.3%2C1%2C0.9%2C1h5.3c0.5%2C0%2C0.9-0.4%2C1-0.9l1.2-7.6%20%20%20c0.1-0.7%2C0.7-1.2%2C1.4-1.2h3.3c6.9%2C0%2C10.8-3.3%2C11.8-9.9c0.5-2.9%2C0-5.1-1.3-6.7C99.6%2C3.4%2C97%2C2.5%2C93.5%2C2.5%20M94.7%2C12.2%20%20%20c-0.6%2C3.7-3.4%2C3.7-6.2%2C3.7H87l1.1-7c0.1-0.4%2C0.4-0.7%2C0.9-0.7h0.7c1.9%2C0%2C3.7%2C0%2C4.6%2C1.1C94.8%2C10%2C94.9%2C10.9%2C94.7%2C12.2%22%2F%3E%20%20%3Cpath%20fill%3D%22%23253B80%22%20d%3D%22M19.3%2C2.5H8.9C8.2%2C2.5%2C7.6%2C3%2C7.5%2C3.7L3.3%2C30.4c-0.1%2C0.5%2C0.3%2C1%2C0.9%2C1h5c0.7%2C0%2C1.3-0.5%2C1.4-1.2l1.1-7.2%20%20%20c0.1-0.7%2C0.7-1.2%2C1.4-1.2h3.3c6.9%2C0%2C10.8-3.3%2C11.8-9.9c0.5-2.9%2C0-5.1-1.3-6.7C25.4%2C3.4%2C22.8%2C2.5%2C19.3%2C2.5%20M20.5%2C12.2%20%20%20c-0.6%2C3.7-3.4%2C3.7-6.2%2C3.7h-1.6l1.1-7c0.1-0.4%2C0.4-0.7%2C0.9-0.7h0.7c1.9%2C0%2C3.7%2C0%2C4.6%2C1.1C20.6%2C10%2C20.7%2C10.9%2C20.5%2C12.2%22%2F%3E%20%20%3Cpath%20fill%3D%22%23253B80%22%20d%3D%22M50.4%2C12.1h-5c-0.4%2C0-0.8%2C0.3-0.9%2C0.7l-0.2%2C1.4L44%2C13.7c-1.1-1.6-3.5-2.1-5.9-2.1c-5.5%2C0-10.2%2C4.2-11.1%2C10%20%20%20c-0.5%2C2.9%2C0.2%2C5.7%2C1.9%2C7.7c1.5%2C1.8%2C3.7%2C2.5%2C6.3%2C2.5c4.4%2C0%2C6.9-2.8%2C6.9-2.8l-0.2%2C1.4c-0.1%2C0.5%2C0.3%2C1%2C0.9%2C1h4.5%20%20%20c0.7%2C0%2C1.3-0.5%2C1.4-1.2l2.7-17C51.4%2C12.6%2C51%2C12.1%2C50.4%2C12.1%20M43.5%2C21.8c-0.5%2C2.8-2.7%2C4.8-5.6%2C4.8c-1.4%2C0-2.6-0.5-3.3-1.3%20%20%20c-0.7-0.9-1-2.1-0.8-3.5c0.4-2.8%2C2.7-4.8%2C5.6-4.8c1.4%2C0%2C2.6%2C0.5%2C3.3%2C1.4C43.4%2C19.2%2C43.7%2C20.4%2C43.5%2C21.8%22%2F%3E%20%20%3Cpath%20fill%3D%22%23179BD7%22%20d%3D%22M124.6%2C12.1h-5c-0.4%2C0-0.8%2C0.3-0.9%2C0.7l-0.2%2C1.4l-0.3-0.5c-1.1-1.6-3.5-2.1-5.9-2.1%20%20%20c-5.5%2C0-10.2%2C4.2-11.1%2C10c-0.5%2C2.9%2C0.2%2C5.7%2C1.9%2C7.7c1.5%2C1.8%2C3.7%2C2.5%2C6.3%2C2.5c4.4%2C0%2C6.9-2.8%2C6.9-2.8l-0.2%2C1.4c-0.1%2C0.5%2C0.3%2C1%2C0.9%2C1%20%20%20h4.5c0.7%2C0%2C1.3-0.5%2C1.4-1.2l2.7-17C125.5%2C12.6%2C125.1%2C12.1%2C124.6%2C12.1%20M117.7%2C21.8c-0.5%2C2.8-2.7%2C4.8-5.6%2C4.8%20%20%20c-1.4%2C0-2.6-0.5-3.3-1.3c-0.7-0.9-1-2.1-0.8-3.5c0.4-2.8%2C2.7-4.8%2C5.6-4.8c1.4%2C0%2C2.6%2C0.5%2C3.3%2C1.4C117.6%2C19.2%2C117.9%2C20.4%2C117.7%2C21.8%20%20%20%22%2F%3E%20%20%3Cpath%20fill%3D%22%23253B80%22%20d%3D%22M76.9%2C12.1h-5c-0.5%2C0-0.9%2C0.2-1.2%2C0.6l-6.9%2C10.2l-2.9-9.8c-0.2-0.6-0.7-1-1.4-1h-4.9c-0.6%2C0-1%2C0.6-0.8%2C1.1%20%20%20l5.5%2C16.2l-5.2%2C7.3c-0.4%2C0.6%2C0%2C1.4%2C0.7%2C1.4h5c0.5%2C0%2C0.9-0.2%2C1.2-0.6l16.6-24C78.1%2C12.9%2C77.6%2C12.1%2C76.9%2C12.1%22%2F%3E%20%20%3Cpath%20fill%3D%22%23179BD7%22%20d%3D%22M130.5%2C3.2l-4.3%2C27.2c-0.1%2C0.5%2C0.3%2C1%2C0.9%2C1h4.3c0.7%2C0%2C1.3-0.5%2C1.4-1.2L137%2C3.5c0.1-0.5-0.3-1-0.9-1h-4.8%20%20%20C130.9%2C2.5%2C130.5%2C2.8%2C130.5%2C3.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    height: 26px;
    width: 91px
}

.full-widthBtn {
    width: 95%
}

.fullWidthBtn {
    width: 100%
}

.cartSubtotal .btn-default:hover span.glyphicon {
    color: #FFFFFF!important
}

.input-group-btn {
    font-size: 0;
    position: relative;
    left: 0;
    text-align: left;
    white-space: nowrap
}

.shoppingCartProducts {
    margin: 18px;
    width: calc(100% - 36px);
    margin-top: 10px;
    padding: 0
}

.thumbnail-cart {
    padding: 10px;
    padding-top: 0
}

.shoppingCartProducts .cartProduct {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0
}

.shoppingCartProducts .order-data:nth-of-type(4) {
    text-align: right;
    padding: 0
}

.shoppingCartProducts .order-data:nth-of-type(4) .text-muted {
    font-style: italic;
    color: #999;
    font-size: 13px
}

.shoppingCartProducts .order-data h3 {
    font-size: 18px;
    margin: 0;
    color: #222222;
    margin-bottom: 9px
}

.shoppingCartProducts .order-data p {
    font-size: 14px;
    margin-bottom: 5px
}

.shoppingCartProducts .order-data strong {
    font-size: 16px;
    margin-top: 22px;
    display: block;
    text-align: right
}

.shoppingCartProducts .order-data strong.aftermarketRow {
    margin-top: 7px
}

.freeShoppingProgressContainer {
    position: relative;
    text-align: center
}

.freeShoppingProgressContainer .progress {
    position: relative;
    height: 15px;
    width: calc(100% - 69px);
    border: solid 1px #fff;
    border-radius: 15px;
    margin: 10px 0px 0px 32px;
    background-color: #CCCCCC
}

.freeShoppingProgressContainer .progress .progress-bar-danger {
    background-color: #33AC00
}

.freeShoppingProgressContainer .shippingMin {
    position: absolute;
    left: 8px;
    top: 0;
    margin: 0;
    font-weight: normal;
    line-height: 15px
}

.freeShoppingProgressContainer .shippingMax {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-weight: normal;
    line-height: 15px
}

.cartPage {
    margin-bottom: 0!important
}

.order_summary {
    margin: 0;
    margin-top: 10px
}

.order_summary .subtotal ul {
    margin: 10px;
    padding: 0;
    margin-top: 0
}

.order_summary .subtotal ul li {
    display: inline-block;
    list-style: none;
    width: 49%;
    font-size: 20px;
    font-weight: 200
}

.order_summary .subtotal ul li:last-child {
    text-align: right;
    font-weight: bold
}

.order_summary .subtotal .btn {
    margin-bottom: 5px;
    padding: 11px 0
}

.order_summary .estimateShipping {
    padding: 0
}

.order_summary .estimateShipping .shippingHeading {
    padding: 15px;
    cursor: pointer
}

.order_summary .estimateShipping .form-control {
    height: 35px;
    margin-bottom: 10px;
    text-align: center
}

.order_summary .estimateShipping .btn-success {
    width: 100%;
    height: 35px;
    line-height: 33px;
    padding: 0;
    font-size: 14px
}

.order_summary .estimateShipping .estimateShippingToggle {
    position: absolute;
    right: 15px;
    top: 19px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.order_summary .estimateShipping .estimateShippingToggle.open {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.order_summary .estimateShipping .shippingContent {
    display: none;
    padding: 15px;
    padding-top: 0
}

.order_summary .estimateShipping .shippingContent hr {
    margin-top: 0;
    margin-bottom: 10px
}

.order_summary .estimateShipping .shippingResult {
    padding: 0px
}

.order_summary .estimateShipping .shippingResult hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.order_summary .estimateShipping .shippingResult .orderSummaryTable {
    margin-bottom: 0
}

.order_summary .estimateShipping .shippingResult .orderSummaryTable tr td:last-child {
    font-size: 14px
}

.order_summary .estimateShipping .shippingResult .orderSummaryTable tr td:first-child {
    font-size: 14px
}

.order_summary .estimateShipping .shippingResult small {
    margin-bottom: 10px;
    display: block;
    line-height: 1.2;
    font-style: italic
}

.order_summary .collapse.in,
.order_summary .collapsing {
    display: block
}

.qty_form {
    padding: 0;
    margin-top: 20px
}

.qty_form form {
    float: right;
    text-align: right
}

.qty_form form .row {
    margin: 0;
    margin-bottom: 8px
}

.qty_form .input-group {
    display: inline-block;
    float: right;
    margin-left: 7px
}

.qty_form form a {
    display: block;
    line-height: 15px
}

.qty_form form a .glyphicon-remove {
    top: 3px;
    -webkit-text-stroke: 2px white
}

.qty_form button,
.qty_form input {
    height: 30px;
    float: left;
    border: solid 1px #c1c1c1;
    background-color: transparent
}

button.updateCart {
    background-color: #33AC00;
    font-size: 13px;
    height: 28px;
    padding: 0 5px;
    margin-left: 7px;
    display: none;
    float: right;
    border: 0
}

button.updateCart-md {
    background-color: #E4E4E4;
    font-size: 13px;
    height: 35px;
    padding: 0 5px;
    margin-left: 7px;
    display: none;
    float: right;
    border: solid 1px #c1c1c1
}

button.updateCart-lg {
    background-color: #E4E4E4;
    font-size: 13px;
    height: 45px;
    padding: 0 5px;
    margin-left: 7px;
    display: none;
    float: right;
    border: solid 1px #c1c1c1
}

.qty_form input {
    width: 30px!important;
    height: 28px;
    padding: 0;
    margin-left: 5px;
    margin: 0;
    text-align: center
}

.input-group-addon {
    display: inline-block;
    float: left;
    height: 28px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    width: 24px;
    line-height: 24px;
    color: #555555;
    text-align: center;
    background-color: #E4E4E4;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.input-group-addon:hover {
    background-color: #cbcbcb
}

.cartEmpty {
    padding-top: 15px
}

.cartEmpty.btn-default {
    padding-top: 15px
}

.cartEmpty p {
    margin: 0;
    font-size: 20px;
    color: #000000;
    text-align: center
}

.cartEmpty a {
    margin-right: 70px;
    margin-top: 10px
}

.cartEmpty a span.glyphicon {
    margin: 0!important;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.cartEmpty h2 {
    margin-bottom: 20px;
    margin-top: 4px
}

.checkoutBtn {
    background-color: #33AC00;
    padding: 0 30px!important;
    line-height: 45px
}

.cartDetails {
    border-bottom: solid 1px #e5e5e5
}

.cartDetails .cartProduct {
    border-bottom: 0;
    font-weight: bolder
}

.cartProduct {
    border-bottom: solid 1px #DDDDDD
}

.cartProduct:last-child {
    border: 0
}

.top_order_summary {
    display: none
}

.top_order_summary.stick {
    position: fixed;
    top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 15px;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #c1c1c1
}

.top_order_summary ul {
    background-color: #E4E4E4;
    border-radius: 5px;
    margin: 0;
    padding: 10px 15px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #000000
}

.top_order_summary ul li {
    list-style: none;
    display: inline-block
}

.top_order_summary ul li:last-child {
    float: right;
    font-weight: bolder
}

@media screen and (max-width:1000px) {
    .shoppingCartProducts .order-data {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .shoppingCartProducts {
        margin-top: 5px
    }
    .shoppingCartProducts .order-data:nth-of-type(4) {
        text-align: left;
        padding: 0;
        padding-left: 15px
    }
    .shoppingCartProducts .order-data strong {
        margin-top: 5px;
        text-align: left
    }
    .order_summary {
        margin-top: 0
    }
}

.breadcrumbContainer {
    background-color: #F5F5F5;
    padding: 0px;
    border-bottom: #DDDDDD solid 1px
}

.catalog .page-header img,
.component .panel-header img {
    max-height: 50px
}

.catalog a {
    color: #33AC00
}

.catalog h2 {
    margin-top: 20px;
    margin-bottom: 10px
}

.catalog h4 {
    color: #888;
    font-weight: 600
}

.catalog a:hover {
    color: #A9A9A9
}

.catalog-title {
    margin-top: -10px
}

.prductTable .productQty .input-group {
    margin-top: 0
}

.prductTable .tabQty {
    line-height: 28px
}

.component table.table-responsive {
    border: none
}

.table>thead>tr>th {
    border-bottom: none
}

.component tbody,
.component td,
.component th,
.component thead,
.component tr {
    display: block
}

.component tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both
}

.component thead th {
    height: 30px
}

.component thead tr {
    border-radius: 4px 4px 0 0;
    margin-top: 0px;
    background: #E4E4E4;
    padding-bottom: 8px;
    padding-top: 7px
}

.component tbody td,
.component thead th {
    float: left
}

.component th {
    font-weight: 600;
    font-size: 12px
}

.component table tr td {
    padding: 10px 3px;
    line-height: 14px
}

.component table tr td,
.component th {
    font-size: 12px
}

.component td>a {
    font-size: 12px;
    font-weight: 600
}

.component td>a:last-of-type {
    font-weight: 400;
    margin-right: 5px
}

.component .form-group {
    width: 100px
}

.component .form-control {
    height: 35px;
    border: 1px solid #c1c1c1;
    padding: 4px;
    text-align: right;
    background: #FFFFFF
}

.component span.input-group-addon {
    padding: 0px;
    cursor: pointer;
    border: 1px solid #c1c1c1
}

.component .btn {
    margin-top: 10px;
    padding: 7px 28px
}

.component th:first-of-type,
.component tr>td:first-of-type {
    width: 11%;
    padding-left: 2px;
    font-size: 11px;
    text-align: center
}

.component th:nth-of-type(2) {
    width: 46%;
    padding-left: 0px
}

.component tr>td:nth-of-type(2) {
    width: 46%;
    word-break: break-all;
    padding-left: 0px;
    padding-right: 11px
}

.component th:nth-of-type(3),
.component tr>td:nth-of-type(3) {
    width: 15%;
    padding-left: 2px
}

.component th:last-of-type,
.component tr>td:nth-of-type(4) {
    width: 28%;
    float: right;
    padding-left: 0
}

.component table {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.zoomHolder {
    width: 100%;
    height: auto!important;
    border: solid 1px #ccc;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.fullscreenDiv {
    max-height: none!important
}

.diagramContainer,
.tableContainer {
    -webkit-transition: all 50ms linear;
    -o-transition: all 50ms linear;
    transition: all 50ms linear
}

.diagramContainer.expanded,
.tableContainer.expanded {
    margin-bottom: 10px
}

.zoomHolder.expanded {
    max-height: none;
    height: auto!important
}

.tableContainer .productStock {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
}

.tableContainer .productStock>a .icon {
    border: solid 1px #33AC00;
    height: 12px;
    width: 12px;
    vertical-align: text-bottom;
    text-align: center;
    line-height: 6px;
    margin-bottom: 2px;
    margin-right: 0
}

.tableContainer .productStock>a .icon i {
    font-size: 6px
}

.tableContainer .productStock>a .icon .glyphicon-map-marker {
    font-size: 12px!important
}

.tableContainer .productStock>a .icon.noBorder {
    border: none
}

.tableContainer .productStock>a .icon.noBorder i {
    font-size: 12px;
    top: 0
}

.tableContainer .productStock a {
    color: #33AC00;
    outline: none
}

.tableContainer .productStock a:hover {
    color: #A9A9A9
}

.tableContainer .productStock a:hover .icon {
    border-color: #A9A9A9
}

.tableContainer .productStock a:hover .icon i {
    color: #A9A9A9
}

.diagramControl {
    color: #FFFFFF
}

.catalog .controlHolder {
    font-family: 'Glyphicons Halflings';
    color: #FFFFFF
}

.catalog .controlHolder a {
    border: 1px solid #777777!important;
    color: #FFFFFF;
    background-color: #777777!important;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    display: inline-block;
    padding: 10px;
    margin-right: 3px;
    cursor: pointer;
    height: 35px;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 3px;
    display: none
}

.catalog .controlHolder a:first-of-type {
    display: inline-block
}

.catalog .controlHolder a:nth-of-type(2) {
    display: inline-block
}

.catalog .controlHolder a:nth-of-type(3) {
    display: inline-block
}

.catalog #select-model-group+table {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 0;
    border-collapse: collapse
}

.catalog #select-model-group+table tbody tr {
    height: 30px
}

.catalog #select-model-group+table tbody tr td {
    padding: 8px;
    border: 1px solid #ddd
}

.catalog #select-model-group+table tbody tr:nth-child(2n) {
    background-color: #f9f9f9
}

@media (max-width:768px) {
    .catalog #select-model-group+table td {
        font-size: 12px
    }
}

@media (max-width:426px) {
    .catalog #select-model-group+table td {}
}

.pinchzoom {
    cursor: move
}

.pinchZoomBG {
    margin-top: 40px;
    width: 100%
}

.fdHeader {
    margin-top: 20px!important;
    margin-bottom: 10px!important
}

#checkAvailablityForm {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 15px
}

#checkAvailablityForm .form-group {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

#checkAvailablityForm select {
    height: 40px;
    padding: 0 5px
}

#checkAvailablityForm .form-control {
    height: 40px;
    text-align: left;
    padding: 0 10px
}

#checkAvailablityForm label {
    font-weight: normal
}

#checkAvailablityForm button {
    margin-top: 0;
    width: 100%;
    height: 40px;
    line-height: 1
}

#checkAvalablityContainer {
    margin-bottom: 10px
}

#checkAvalablityContainer form {
    max-width: none!important;
    width: auto;
    padding-left: 0!important
}

#checkAvalablityContainer .form-group {
    display: inline-block;
    width: calc(100%/3 - 15px);
    margin-bottom: 0;
    margin-right: 10px;
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms
}

#checkAvalablityContainer .form-group.expanded {
    width: 50%
}

#checkAvalablityContainer .form-group .form-control {
    text-align: left;
    padding: 4px 15px
}

#checkAvalablityContainer .form-group select {
    padding: 0 15px;
    height: 35px
}

#checkAvalablityContainer .btn {
    margin: 0;
    height: 35px;
    padding: 0;
    width: calc(100%/3);
    vertical-align: baseline;
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms
}

#checkAvalablityContainer .btn.expanded {
    width: calc(50% - 14px)
}

.checkAvailablityPopoverTitle {
    font-size: 18px
}

.checkAvailablityPopoverTitle i {
    color: #33AC00
}

.similarDiagramsFooter {
    position: relative;
    margin: 15px 0;
    padding: 15px 20px;
    border-radius: 3px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    overflow: hidden
}

.similarDiagramsFooter h2 {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 15px
}

.similarDiagramsFooter .similarDiagramsContainer {
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.similarDiagramsFooter .similarDiagram {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.similarDiagramsFooter .similarDiagram img {
    border: solid 1px #c1c1c1;
    border-bottom: 0
}

.similarDiagramsFooter .similarDiagram:hover {
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.3)
}

.similarDiagramsFooter .similarDiagram p {
    width: 100%;
    padding: 8px 5px;
    margin: 0;
    color: #FFFFFF;
    line-height: 1.2;
    text-align: center;
    font-size: 16px;
    background-color: #282828
}

.similarDiagramsFooter .hiddenDiags {
    display: none
}

.similarDiagramsFooter .panel-group {
    float: left;
    width: 100%;
    margin-bottom: 0
}

.similarDiagramsFooter .panel-group .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.similarDiagramsFooter .panel-group .panel .panel-heading {
    padding: 0;
    background-color: transparent;
    border: 0
}

.similarDiagramsFooter .panel-group .panel .panel-body {
    border: 0;
    padding: 0
}

.similarDiagramsFooter .diagramsToggleContainer {
    position: absolute;
    height: 30px;
    bottom: 1px;
    width: 100%;
    right: 1px;
    border-radius: 0 0px 3px 0;
    overflow: hidden;
    cursor: pointer
}

.similarDiagramsFooter .diagramsToggleContainer .diagramsToggle {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    border-color: transparent transparent #33AC00 transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.similarDiagramsFooter .diagramsToggleContainer .diagramsToggle:hover {
    border-color: transparent transparent #A9A9A9 transparent
}

.similarDiagramsFooter .diagramsToggleContainer .diagramsToggle:hover:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.similarDiagramsFooter .diagramsToggleContainer .diagramsToggle:before {
    content: 'All Diagrams';
    color: #33AC00;
    position: absolute;
    right: 30px;
    width: auto;
    white-space: nowrap;
    font-size: 14px
}

.similarDiagramsFooter .diagramsToggleContainer .diagramsToggle.expanded:before {
    content: 'Less Diagrams'
}

.similarDiagramsFooter .diagramsToggleContainer:hover .diagramsToggle {
    border-color: transparent transparent #A9A9A9 transparent
}

.similarDiagramsFooter .diagramsToggleContainer:hover .diagramsToggle:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .component th:nth-of-type(2),
    .component tr>td:nth-of-type(2) {
        width: 42%
    }
    .component th:nth-of-type(3) {
        width: 18%
    }
    .component tr>td:nth-of-type(3) {
        width: 18%
    }
    .component tr>td:nth-of-type(4) .btn {
        padding: 3px 15px;
        height: 28px;
        margin-top: 0
    }
    .component tr>td:nth-of-type(4) .productQty {
        float: right;
        width: 100%;
        max-width: none;
        padding: 0 10px 0 0
    }
    #checkAvalablityContainer .form-group {
        width: 140px
    }
    #checkAvalablityContainer .btn {
        width: 115px
    }
}

.feedback {
    background-color: #FFFFFF;
    padding-bottom: 40px
}

.feedback .container {
    padding: 15px;
    border: #c1c1c1 1px solid;
    border-radius: 5px
}

.feedback .btn {
    margin-left: 20px
}

.vendorContainer {
    padding: 0;
    background-color: #000;
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    height: 85px
}

.vendorContainer .container {
    height: 85px;
    position: relative
}

.vendorContainer .container h1 {
    color: #fff;
    margin: 0;
    line-height: 1;
    font-size: 28px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 80%
}

.vendorContainer .container img {
    max-height: 60px;
    max-width: 175px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.catalogBranding {
    position: relative;
    height: 85px
}

.catalogBranding:after {
    position: absolute;
    content: '';
    height: 110px;
    right: -85px;
    top: -10px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 600px;
    opacity: 0.2
}

.catalogBranding.arctic-cat:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/catLogo.png);
    background-size: cover;
    right: -80px
}

.catalogBranding.can-am:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/canLogo.png);
    background-size: cover;
    width: 600px;
    background-size: 600px;
    background-repeat: no-repeat;
    top: 15px;
    right: 0px
}

.catalogBranding.honda:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/hondaLogo.png);
    top: -26px;
    background-size: cover;
    width: 200px;
    right: -30px
}

.catalogBranding.kawasaki:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/kawasakiLogo.png);
    background-size: cover;
    width: 525px;
    right: 0px;
    height: 85px;
    top: 7px
}

.catalogBranding.polaris:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/polarisLogo.png);
    height: 83px;
    width: 650px;
    top: 15px;
    background-size: 546px;
    background-repeat: no-repeat;
    background-size: cover;
    right: -15px
}

.catalogBranding.sea-doo:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/sea-doo.svg);
    width: 445px;
    top: -23px;
    right: -8px;
    background-size: cover
}

.catalogBranding.suzuki:after {
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/suzukiLogo.png);
    background-size: cover;
    top: 2px;
    right: -4px
}

.catalogBranding.yamaha:after {
    background-size: cover;
    height: 85px;
    width: 400px;
    background-image: url(https://cdn.partzilla.com/site/pz/images/cards/yamahaLogo.png);
    top: 6px;
    right: 0px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .component th:nth-of-type(2),
    .component tr>td:nth-of-type(2) {
        width: 42%
    }
    .component th:nth-of-type(3) {
        width: 18%
    }
    .component tr>td:nth-of-type(3) {
        width: 18%
    }
    .component tr>td:nth-of-type(4) .btn {
        padding: 3px 15px;
        height: 28px;
        margin-top: 0
    }
    .component tr>td:nth-of-type(4) .productQty {
        float: right;
        width: 100%;
        max-width: none;
        padding: 0 10px 0 0
    }
}

@media screen and (min-width:992px) {
    .component thead tr {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .collapse .container {
        width: 455px;
        height: 460px;
        margin-top: 10px;
        margin-left: -2px;
        padding-left: 25px;
        background: #FFFFFF;
        border: 1px solid #c1c1c1
    }
    .catalog-title {
        margin-top: -10px
    }
    .catalog .page-header img {
        float: right;
        margin-right: 15px
    }
    .component th:nth-of-type(3),
    .component tr>td:nth-of-type(3) {
        width: 14%
    }
}

@media screen and (min-width:500px) {
    .component table {
        width: 100%
    }
    .component th:nth-of-type(3),
    .component tr>td:nth-of-type(3) {
        width: 15%;
        padding-left: 11px
    }
    .component form {
        max-width: 225px;
        padding-left: 15px
    }
    .component form.productQty {
        width: 100%;
        max-width: none;
        padding: 0 10px 0 0;
        margin-bottom: 0;
        height: 28px;
        overflow: hidden
    }
    .component .form-group {
        display: inline
    }
    .component .form-group .input-group .form-control:first-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .component .input-group {
        max-width: 110px;
        margin-right: 0
    }
    .component table button.btn-primary {
        float: right;
        padding: 3px 20px;
        margin-top: 0px
    }
    .component table button.btn-default {
        float: right;
        padding: 3px 20px;
        margin-top: 0px;
        height: 28px
    }
    .component table a.btn-default {
        float: right;
        padding: 3px 20px;
        margin-top: 0px;
        height: 28px;
        color: #FFFFFF
    }
}

@media screen and (max-width:991px) {
    .vendorContainer .container h1 {
        width: 100%;
        font-size: 20px;
        position: relative;
        top: unset;
        left: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 15px 10px;
        padding-left: 0
    }
    .vendorContainer {
        height: auto
    }
    .vendorContainer .container {
        height: auto
    }
    .catalogBranding {
        height: 0
    }
    .catalogBranding.honda:after {
        top: -100px
    }
    .catalogBranding.arctic-cat:after {
        top: -68px
    }
    .catalogBranding.can-am:after {
        top: -60px
    }
    .catalogBranding.kawasaki:after {
        top: -65px
    }
    .catalogBranding.sea-doo:after {
        top: -110px
    }
    .catalogBranding.suzuki:after {
        top: -80px
    }
    .catalogBranding.yamaha:after {
        top: -76px
    }
    .catalogBranding.polaris:after {
        top: -60px
    }
    .zoomHolder {
        max-height: none;
        height: auto!important;
        padding: 5px
    }
    .expand {
        display: none!important
    }
    .controlHolder {
        display: none
    }
    .pinchZoomBG {
        margin-top: -8px
    }
    .similarDiagrams {
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .controlHolder {
        display: none
    }
    .catalog-table .table>tbody>tr>td {
        padding: 6px;
        font-size: 12px
    }
    #checkAvalablityContainer {
        margin-top: 10px
    }
    #checkAvalablityContainer form div {
        width: 100%!important
    }
    #checkAvalablityContainer form div.zipCodeContainer {
        margin-right: 0;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 10px
    }
    #checkAvalablityContainer .btn {
        width: 100%;
        margin-top: 10px
    }
    .tableContainer .checkAvailResult {
        margin-top: 10px
    }
}

@media screen and (max-width:767px) {
    .vendorContainer {
        width: 100%
    }
    .vendorContainer .container h1 {
        font-size: 16px;
        padding: 18px;
        padding-left: 0
    }
    .vendorContainer .catalogBranding {
        display: none
    }
    .tableContainer .productStock .popover {
        margin-left: 30px
    }
    .tableContainer .productStock .popover .arrow {
        left: 50%!important;
        margin-left: -41px
    }
    #checkAvalablityContainer .form-group {
        width: calc(50% - 7px)
    }
    #checkAvalablityContainer .form-group.zipCodeContainer {
        margin-right: 0
    }
    #checkAvalablityContainer .btn {
        width: 100%;
        margin-top: 10px
    }
}

@media screen and (max-width:500px) {
    .component tr>th:nth-of-type(4) {
        width: 11%
    }
    .component tr>td:nth-of-type(4) {
        width: 28%
    }
    .component tr>td:nth-of-type(4) .btn {
        padding: 3px 15px;
        height: 28px;
        margin-top: 0
    }
    .component tr>td:nth-of-type(4) .form-group {
        width: auto
    }
    .component tr>td:nth-of-type(4) .productQty {
        float: right;
        width: 100%;
        max-width: none;
        padding: 0 10px 0 0
    }
    .component .form-group .input-group .form-control:first-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .component .catalogStockIcon {
        display: none
    }
}

.paymentTabs {
    margin-bottom: 20px
}

.paymentTabs .tab-pane.active {
    border: 1px solid #DDDDDD;
    border-top: 0;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.paymentTabs .form-group select {
    width: 100%
}

.paymentCTA {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DDDDDD
}

.shoppingCartProducts .order-data .vendor {
    color: #999999;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 2px
}

.orderItemsTable thead td {
    background: #F9F9F9
}

.orderItemsTable thead td.orderItemImage {
    border-top-left-radius: 5px
}

.orderItemsTable thead td.orderItemPrice {
    border-top-right-radius: 5px
}

.orderItemsTable td.orderItemQty {
    text-align: center
}

.orderItemsTable td.orderItemImage {
    width: 20%
}

.orderItemsTable td.orderItemDesc {
    width: 60%
}

.orderItemsTable td.orderItemPrice,
.orderItemsTable td.orderItemQty {
    width: 10%
}

.stepNo {
    color: #FFFFFF;
    position: absolute;
    top: 1.5px;
    left: 50%;
    margin-left: -3px
}

.flexer,
.progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.no-flexer,
.progress-indicator.stacked {
    display: block
}

.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    -webkit-box-flex: 0;
    flex: 0
}

.flexer-element {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.progress-indicator {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase
}

.progress-indicator>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #CCCCCC;
    display: block
}

.progress-indicator>li:hover {
    color: #6f6f6f
}

.progress-indicator>li.completed {
    color: #33AC00
}

.progress-indicator>li.completed .bubble {
    color: #33AC00
}

.progress-indicator>li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #CCCCCC;
    display: block;
    margin: 0 auto .5em;
    border-bottom: 1px solid #888888
}

.progress-indicator>li .bubble:after,
.progress-indicator>li .bubble:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #CCCCCC
}

.progress-indicator>li.completed .bubble {
    background-color: #33AC00;
    border-color: #33AC00
}

.progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
    background-color: #33AC00;
    border-color: #33AC00
}

.progress-indicator>li .bubble:before {
    left: 0
}

.progress-indicator>li .bubble:after {
    right: 0
}

.progress-indicator>li.active {
    color: #337AB7
}

.progress-indicator>li.active .bubble {
    color: #337AB7;
    background-color: #337AB7;
    border-color: #122a3f
}

.progress-indicator>li.active .bubble:after,
.progress-indicator>li.active .bubble:before {
    background-color: #337AB7;
    border-color: #122a3f
}

.progress-indicator>li a:hover .bubble {
    background-color: #5671d0;
    border-color: #1f306e;
    color: #5671d0
}

.progress-indicator>li a:hover .bubble:after,
.progress-indicator>li a:hover .bubble:before {
    background-color: #5671d0;
    border-color: #1f306e
}

.progress-indicator>li.danger .bubble {
    background-color: #d3140f;
    border-color: #440605;
    color: #d3140f
}

.progress-indicator>li.danger .bubble:after,
.progress-indicator>li.danger .bubble:before {
    background-color: #d3140f;
    border-color: #440605
}

.progress-indicator>li.warning .bubble {
    background-color: #edb10a;
    border-color: #5a4304;
    color: #edb10a
}

.progress-indicator>li.warning .bubble:after,
.progress-indicator>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304
}

.progress-indicator>li.info .bubble {
    background-color: #5b32d6;
    border-color: #25135d;
    color: #5b32d6
}

.progress-indicator>li.info .bubble:after,
.progress-indicator>li.info .bubble:before {
    background-color: #5b32d6;
    border-color: #25135d
}

.progress-indicator.stacked>li {
    text-indent: -10px;
    text-align: center;
    display: block
}

.progress-indicator.stacked>li .bubble:after,
.progress-indicator.stacked>li .bubble:before {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%
}

.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60%!important;
    width: 45%!important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em
}

.progress-indicator.stacked>li a {
    border: none
}

.progress-indicator.stacked.nocenter>li .bubble {
    margin-left: 0;
    margin-right: 0
}

.progress-indicator.stacked.nocenter>li .bubble:after,
.progress-indicator.stacked.nocenter>li .bubble:before {
    left: 10px
}

.progress-indicator.stacked.nocenter .stacked-text {
    width: auto!important;
    display: block;
    margin-left: 40px!important
}

.checkoutAsGuestForm {
    display: none
}

.result-item {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    margin: 15px 0;
    padding: 15px;
    height: 170px
}

.result-item h3 {
    font-size: 14px;
    margin: 0 0 5px;
    color: #222222
}

.result-item .vendor {
    color: #999999;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px
}

.result-item p {
    margin-bottom: 5px
}

.result-item .resultItemPrice {
    color: #33AC00
}

.checkoutAddress {
    min-height: 200px;
    margin-bottom: 20px
}

.shippingMethodForm {
    padding-left: 20px
}

.shippingMethodForm .radio {
    padding-left: 20px;
    margin-bottom: 10px
}

.shippingMethodForm .radio input {
    width: 1.5em;
    height: 1.5em;
    margin: 0px -25px
}

.shippingMethodForm .productStock {
    margin-bottom: 15px
}

.shippingMethodForm .productStock span {
    font-size: 14px
}

.shippingMethodForm .productStock span .icon {
    margin-right: 0
}

.shippingMethodForm .productStock span .icon i {
    font-size: 15px
}

.shippingMethod .borderLeft {
    border-left: 1px solid #c1c1c1;
    float: right
}

.order ul {
    list-style-type: none;
    color: #666666;
    padding: 0
}

.ship .col-sm-6:first-of-type {
    padding-left: 30px
}

@media screen and (max-width:768px) {
    .shippingMethod .borderLeft {
        border-left: none;
        float: none;
        margin-bottom: 25px;
        padding-bottom: 15px
    }
    .shippingMethod .borderLeft .shippingMethodForm {
        padding-left: 20px;
        border-bottom: solid #c1c1c1 1px;
        padding-bottom: 20px
    }
    .shippingMethod .borderLeft .shippingMethodForm .productStock {
        margin-bottom: 15px
    }
    .shippingMethod .borderLeft .shippingMethodForm .productStock span {
        font-size: 14px
    }
    .shippingMethod .borderLeft .shippingMethodForm .productStock span .icon {
        margin-right: 0
    }
    .shippingMethod .borderLeft .shippingMethodForm .productStock span .icon i {
        font-size: 15px
    }
}

@media screen and (max-width:400px) {
    .progress-indicator {
        font-size: 60%
    }
}

.loginSection .forgotPass {
    text-align: right;
    margin-top: -20px;
    padding-right: 30px
}

.loginSection .signinBtn {
    margin-top: 15px
}

.registrationSection .col-sm-6 {
    margin-bottom: 15px
}

.contactFormConatainer {
    padding-right: 50px;
    margin-top: 20px
}

.cform h3 {
    color: #33AC00;
    margin-top: 20px;
    font-size: 24px
}

.cform textarea {
    width: 100%;
    height: 100px;
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.cform .stateful {
    margin-top: 13px
}

.contactTextContainer .glyphicon {
    color: #33AC00
}

.contactTextContainer p {
    padding-left: 27px
}

#cform-1-recaptcha,
#cform-2-recaptcha,
#cform-3-recaptcha,
#cform-4-recaptcha,
#cform-5-recaptcha {
    padding-top: 8px
}

.genuine {
    margin-top: 15px
}

.genuine img {
    max-height: 45px
}

.genuine .col-xs-8 {
    padding-left: 0
}

.genuine .col-xs-8 h3 {
    margin-bottom: 0
}

.graphic img {
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 15px
}

.graphic .glyphicon.glyphicon-search,
.graphic p {
    text-align: center;
    font-size: 12px;
    color: #B2B2B2
}

.order-buttons p.msrp {
    color: #939393!important
}

strike {
    color: #939393
}

a.small {
    font-size: 20px;
    text-decoration: none
}

a.small span.glyphicon {
    top: 3.5px
}

.order-buttons span.price {
    margin: 0 0 5px;
    font-size: 26px;
    display: block
}

.order-buttons h2 {
    margin: 0 0 5px;
    padding-top: 0;
    color: #939393;
    font-size: 20px
}

.order-buttons p:first-of-type {
    margin-bottom: 20px
}

.order-buttons div p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px!important
}

.order-buttons form>.row:first-of-type {
    margin: 10px 0
}

.order-buttons .open>.dropdown-menu {
    display: block
}

.order-buttons .dropdown-menu>li>a {
    color: #000000
}

.product span.glyphicon {
    padding-right: 2px;
    color: #33AC00
}

.genuine h4 {
    margin-top: 8px;
    margin-bottom: 8px
}

.support h4 span.glyphicon {
    padding-right: 10px
}

.genuine p {
    line-height: .85
}

div.support {
    margin-top: 20px
}

.genuine .support p {
    line-height: 1.5;
    padding-left: 30px
}

.fitmentTable {
    margin-bottom: 15px;
    border-bottom: none
}

.fitment {
    max-height: 250px;
    padding: 10px;
    padding-top: 15px;
    border: 1px solid #E4E4E4;
    overflow: auto;
    border-radius: 4px
}

.relatedFitment {
    height: 400px;
    padding: 10px;
    padding-top: 15px;
    border: 1px solid #E4E4E4;
    overflow: auto;
    border-radius: 4px
}

.nav-tabs>li.active>a {
    border-top: solid 4px #33AC00;
    border-radius: 0
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-top: solid 4px #33AC00;
    border-radius: 0
}

.genuineParts {
    font-size: 16px;
    line-height: 23px
}

.genuineParts ul {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-left: 0px;
    line-height: 20px
}

.genuineParts ul strong {
    font-size: 18px;
    font-weight: normal
}

.genuineParts ul li {
    margin-bottom: 15px;
    list-style: none;
    padding-left: 27px
}

.genuineParts ul li:first-child {
    background: url(../images/list-waranty.png) no-repeat;
    background-position: -3px 0
}

.genuineParts ul li:nth-child(2) {
    background: url(../images/list-support.png) no-repeat;
    background-position: -3px -3px
}

.genuineParts ul li:last-child {
    background: url(../images/list-fitment.png) no-repeat;
    background-position: -3px -3px
}

.whyUs {
    background-color: #E4E4E4;
    padding-bottom: 20px;
    padding-top: 10px
}

.whyUs .col-sm-4 {
    padding-left: 50px
}

.whyUs .col-sm-4:first-child {
    background: url(../images/whyUs1.png) no-repeat;
    background-position: 0px 20px
}

.whyUs .col-sm-4:nth-child(2) {
    background: url(../images/whyUs2.png) no-repeat;
    background-position: 0px 20px
}

.whyUs .col-sm-4:last-child {
    background: url(../images/whyUs3.png) no-repeat;
    background-position: 0px 20px
}

.fitmentTable td,
.fitmentTable th {
    border-right: 1px solid #DDDDDD
}

.fitmentTable td:last-child,
.fitmentTable th:last-child {
    border-right: 0
}

.fitmentContainer {
    max-height: 500px;
    overflow: auto;
    border: solid 1px #c1c1c1;
    padding: 15px
}

.fitmentContainer::-webkit-scrollbar {
    width: 6px
}

.fitmentContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fitmentContainer::-webkit-scrollbar-thumb {
    background-color: #7d7e7e;
    outline: 1px solid #8aa5c0
}

.order-buttons .productQty .addToCartButton {
    width: auto;
    margin-bottom: 0px
}

.order-buttons .productQty .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    width: calc(100% - 26px);
    padding-left: 14px
}

.product-category div.row:first-of-type,
.product-category div.row:nth-of-type(2) {
    display: block
}

.product-category h3 {
    padding-bottom: 0;
    font-size: 28px;
    color: #666666
}

.product-category .thumbnail {
    position: relative;
    overflow: hidden
}

.product-category .caption {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    padding: 2%;
    display: none;
    text-align: center;
    color: #FFFFFF!important;
    z-index: 2
}

.product-category .caption p {
    padding: 10px 0;
    margin-bottom: 0
}

.product-category .caption p>a.btn-primary {
    height: 40px;
    padding: 9px 24px
}

.product-category>.container>div.row>div.col-sm-3 {
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
    width: 230px
}

.product-category .col-sm-3 img {
    max-height: 160px;
    padding-top: 10px
}

.product-category .thumbnail {
    height: 180px;
    margin-bottom: 10px
}

.product-category .caption p {
    color: #E4E4E4
}

.product-category .product-title>p {
    padding-top: 0;
    margin-top: 0
}

.product-category>.container>div.row {
    margin: 0 auto
}

.product-category .col-sm-4 h3 {
    font-size: 20px
}

.productSingleBranding {
    background-color: #000000;
    float: left;
    width: 100%;
    margin-bottom: 18px;
    padding: 15px;
    position: relative;
    height: 65px;
    border-radius: 4px
}

.productSingleBranding h3 {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFFFFF;
    max-width: 58%;
    margin: 0
}

.productSingleBranding img {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: right;
    max-width: 100px
}

.price-amount {
    width: 85px;
    float: right
}

.order-buttons form>.row:last-of-type {
    margin: 0;
    padding: 0
}

.order-buttons .btn.btn-primary {
    margin-bottom: 0
}

.order-buttons .col-xs-6:first-of-type,
.order-buttons .col-xs-6:last-of-type {
    padding-left: 0px
}

.order-buttons .btn.btn-default {
    margin-right: 5px;
    padding: 11px 28px;
    text-align: center;
    max-width: none
}

.product input.form-control {
    padding: 0
}

.product .container>.row:last-of-type {
    margin-bottom: 15px
}

div.description {
    margin-top: 0
}

.order-buttons .col-xs-12:first-of-type,
.order-buttons .col-xs-12:last-of-type {
    padding-left: 0px
}

.paymentTabs .nav-tabs>li>a {
    border-top: 4px solid transparent
}

.paymentTabs .nav-tabs>li.active>a {
    border-top: solid 4px #33AC00
}

.productImageGallery.static {
    padding-top: 15px;
    padding-right: 15px
}

.productImageGallery.static .productImageGalleryContainer {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px
}

.productImageGallery.static .productFull {
    padding-right: 10px
}

.productImageGallery {
    padding: 0;
    padding-bottom: 30px;
    padding-top: 30px
}

.productImageGallery .productImageGalleryContainer {
    float: left;
    border: solid 1px #eee;
    display: block;
    padding-left: 70px
}

.productImageGallery .productThumbnails {
    width: 70px;
    padding: 0 10px;
    margin-left: -70px;
    float: left
}

.productImageGallery .productThumbnails ul {
    padding: 0;
    margin: 0
}

.productImageGallery .productThumbnails ul li {
    list-style: none;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    border: solid 2px transparent
}

.productImageGallery .productThumbnails ul li:hover {
    border: solid 2px #ccc
}

.productImageGallery .productThumbnails ul li.active {
    border: solid 2px #33AC00
}

.productImageGallery .productFull {
    padding-left: 10px;
    float: right;
    width: 100%
}

.productImageGallery .productFull img {
    width: 100%;
    display: none;
    cursor: pointer
}

.productImageGallery .productFull img.active {
    display: block
}

.productImageSingle img {
    cursor: pointer
}

.productImageSingle {
    border: solid 1px #eee;
    padding: 15px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 15px
}

.singleImageModal img {
    width: 100%
}

#productGalleryModal {
    text-align: center
}

#productGalleryModal .modal-dialog {
    margin: 15px auto;
    display: inline-block;
    width: auto;
    max-width: 75%
}

#productGalleryModal .modal-body {
    height: auto
}

#productGalleryModal .modal-body button {
    position: absolute;
    right: 15px;
    top: 10px
}

#productGalleryModal .modal-content {
    padding: 0;
    display: inline-block
}

#productGalleryModal .productImageGallery .productImageGalleryContainer {
    float: none;
    border: none;
    display: inline-block;
    width: 100%
}

#productGalleryModal .photoGalleryToggle {
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
    font-size: 24px
}

@media screen and (min-width:1200px) {
    .product-category>.container>div.row>div.col-sm-3 {
        width: 270px
    }
    .product-category .col-sm-3 img {
        max-height: 180px
    }
    .product-category .thumbnail {
        height: 200px
    }
    .product-category .product-title p {
        padding-top: 10px;
        font-size: 16px
    }
    .product-category .col-sm-4 {
        width: 355px;
        margin: 10px
    }
}

@media screen and (min-width:992px) {
    .product-category {
        margin-bottom: 20px
    }
    .product-category>.container>div.row>div.col-sm-3 {
        width: 220px
    }
    .product-category .col-sm-3 img {
        max-height: 160px;
        padding-top: 10px
    }
    .product-title {
        font-size: 13px;
        padding: 0;
        margin-bottom: 24px
    }
    .product-title small {
        padding-left: 10%
    }
    .product-category .col-sm-4 {
        margin: 10px;
        width: 290px;
        height: 240px
    }
    .product-category .col-sm-4 h1 {
        font-size: 28px;
        padding: 105px 0px
    }
    .product form .row:first-of-type {
        margin-bottom: 4px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .product-category>.container>div.row>div.col-sm-3 {
        border-radius: 4px;
        padding: 5px;
        margin: 5px;
        width: 230px
    }
    .product-category div.row:nth-of-type(2) {
        padding-top: 20px
    }
    .product-category .col-sm-3 img {
        max-height: 200px
    }
    .product-category .thumbnail {
        height: 220px
    }
    .product-category>.container>div.row:nth-of-type(3) {
        margin-top: 20px
    }
    .product-category .col-sm-4 h1 {
        padding-top: 74px;
        padding-bottom: 78px
    }
    .product-category div.product-title {
        margin-top: 5px;
        padding-top: 0
    }
    .product-title small {
        padding-left: 7%
    }
    .product-category .col-sm-4 {
        width: 220px;
        height: 180px
    }
    .product-category>.container>.row>div.col-sm-3:nth-child(4) {
        display: none
    }
}

@media screen and (max-width:768px) {
    .order-buttons .popover {
        left: 15px!important
    }
    .productImageGallery .productImageGalleryContainer {
        padding: 15px
    }
    .productImageGallery .productFull {
        padding-left: 0px
    }
    .productImageGallery {
        padding-left: 0
    }
    .productImageGallery .productThumbnails {
        width: 100%;
        padding: 0;
        margin-left: 0;
        float: left;
        margin-top: 15px
    }
    .productImageGallery .productThumbnails ul li {
        max-width: 70px;
        display: inline-block
    }
    .productGalleryModal {
        min-width: 0;
        width: calc(100% - 60px);
        left: 30px;
        right: 30px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0
    }
}

.metaPages {
    background: #FFFFFF;
    padding: 30px 0;
    text-align: center
}

.metaPages ul {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 40px
}

.metaPages h2 {
    font-weight: bolder;
    font-size: 30px;
    margin-bottom: 30px
}

.metaPages h3 {
    margin-bottom: 0;
    font-weight: bolder
}

.metaPages .bigGreen {
    font-size: 40px;
    font-weight: bolder;
    color: #33AC00
}

.metaPages p {
    margin-bottom: 40px
}

.myLists p {
    padding: 10px 15px
}

.myLists .btn {
    margin-left: 15px
}

.myLists strong {
    display: block;
    margin-bottom: 10px
}

.myLists p.active {
    background-color: #F5F5F5;
    font-weight: bold;
    display: inline-block
}

.myLists p a {
    color: #000000
}

.yourAccountMenu h4 {
    margin-top: 0px;
    margin-bottom: 15px;
    color: #282828
}

.yourAccountMenu .well {
    margin-bottom: 30px
}

.yourAccountMenu .well .btn {
    margin-top: 5px;
    margin-bottom: 5px
}

.myAddress .btn {
    margin-top: 5px;
    margin-bottom: 5px
}

.listAddToCart {
    padding: 10px 43px!important
}

.btn.addNewAddress {
    margin-top: 20px
}

.myAddress {
    border-left: solid 1px #c1c1c1;
    padding: 15px 0 0 30px;
    margin: 10px 0;
    min-height: 185px
}

.addresses .col-sm-4:nth-child(3n+1) {
    clear: left
}

.addresses .col-sm-4:nth-child(3n+1) .myAddress {
    border-left: 0;
    padding-left: 0
}

.myAddressDefault {
    color: #3c763d;
    background-color: #dff0d8;
    padding: 5px
}

.checkoutAddresses {
    margin-bottom: 10px
}

.myAddressCheckout {
    padding: 10px 0;
    border-bottom: 1px solid #c1c1c1
}

.myAddressCheckout:after {
    content: '';
    display: table;
    clear: both
}

.myAddressCheckoutDetails {
    float: left;
    max-width: 980px;
    padding-right: 20px
}

.myAddressCheckoutCTA {
    float: right
}

#addNewAddressForm {
    display: none
}

.wishListActions {
    float: right
}

.wishListActions a.btn-sm {
    padding-left: 13px;
    padding-right: 13px
}

.myOrderSummary p {
    margin: 0
}

.myOrderCol h3 {
    margin: 0px 0px 7px
}

.myOrderFirst {
    border: 1px solid #e3e3e3;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #fff
}

.myOrderFirst .lead {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1
}

.myOrderFirst p {
    margin-bottom: 1px
}

.trackingNumber {
    margin-left: 20px
}

.orderViewHeader h1 {
    margin-bottom: 10px!important
}

.orderViewHeader p {
    margin-bottom: 0
}

.orderItemsContainer h1 {
    margin: 0
}

.orderItemsContainer .orderItemsTable {
    border-bottom: #e3e3e3 solid 1px
}

.orderItemsContainer .orderItemsTable .lead {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 26px;
    color: #717171;
    padding-left: 0
}

.orderItemsContainer .orderItemsTable th {
    font-weight: 500;
    font-weight: 16px;
    color: #666666;
    text-align: right
}

.orderItemsContainer .orderItemsTable th:first-child {
    text-align: left
}

.orderItemsContainer .orderItemsTable tr:not(.thead) {
    border-top: #e3e3e3 solid 1px
}

.orderItemsContainer .orderItemsTable tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5
}

.orderItemsContainer .orderItemsTable td {
    vertical-align: middle;
    text-align: right
}

.orderItemsContainer .orderItemsTable td:first-child {
    text-align: left
}

.orderItemsContainer .orderItemsTable .shippingDetails {
    color: #666;
    font-size: 13px
}

.orderSummaryTable {
    margin-top: 0px
}

.orderSummaryTable tr td:first-child {
    text-align: right;
    padding: 0;
    padding-bottom: 5px;
    padding-right: 15px;
    font-size: 16px
}

.orderSummaryTable tr td:last-child {
    text-align: right;
    padding: 0;
    padding-bottom: 5px;
    padding-right: 8px;
    font-size: 16px;
    color: #333333
}

.listProduct {
    padding: 15px;
    border-bottom: solid 1px #c1c1c1
}

.listProduct p:not(:last-child) {
    margin-bottom: 15px
}

.listProduct:first-child {
    padding-top: 0
}

.listProduct:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.listProduct form {
    margin-bottom: 10px
}

.listProduct .dropdown-toggle {
    margin-right: 5px;
    padding-top: 5px!important
}

.listProduct .btn-sm,
.listProduct button.btn-sm {
    padding-top: 3px;
    height: 30px
}

.wishListActions {
    float: none;
    clear: both
}

.tableShipment {
    display: block;
    margin-left: 10px
}

.viewOriginalButton {
    margin-top: 20px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .myAddressCheckoutDetails {
        max-width: 455px
    }
}

@media screen and (max-width:1000px) {
    .myOrder .col-sm-3 {
        padding: 15px;
        border: solid 1px #c1c1c1;
        min-height: 235px;
        padding-top: 10px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .myAddressCheckoutDetails {
        max-width: 310px
    }
    .createActBtn {
        padding: 10px 15px
    }
    .myOrderCol {
        margin-bottom: 15px
    }
    .viewOriginalButton {
        margin-top: 0;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .myAddress {
        padding-left: 0;
        border-left: 0
    }
    .myAddressCheckoutDetails {
        margin-bottom: 10px;
        padding-right: 0;
        float: none
    }
    .myAddressCheckoutCTA {
        float: none
    }
    .myOrderCol {
        margin-bottom: 15px
    }
    .viewOriginalButton {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px
    }
    .viewOriginalButton .btn {
        height: 35px;
        width: 100%;
        padding: 0 10px;
        font-size: 12px;
        line-height: 34px
    }
}

.items-found {
    font-size: 16px;
    font-weight: 700;
    padding-left: 0px;
    color: #666666;
    margin-left: -5px
}

.searchNoResult {
    padding: 50px 0;
    text-align: center;
    min-height: 50px!important
}

.results {
    border-top: 1px solid #999999;
    font-size: 13px;
    min-height: 120px
}

.results>.row>.col-xs-6:first-child {
    margin-top: 5px
}

.results>.row>.col-xs-6:last-child {
    margin: 5px 0;
    padding-left: 0
}

.results a {
    color: #89C742;
    font-weight: 700;
    line-height: 2.5
}

.results p {
    text-align: left
}

.results img {
    max-width: 80px;
    float: none
}

.searchInputs {
    border-radius: 4px!important;
    height: 30px;
    width: 65px!important
}

.mainContent .searchCards .thumbnail {
    padding: 10px 20px;
    float: left;
    width: 100%
}

.mainContent .searchCards .thumbnail img {
    float: left;
    width: 70px;
    height: auto;
    max-height: none
}

.mainContent .searchCards .thumbnail .caption {
    float: right;
    width: calc(100% - 90px)
}

@media screen and (min-width:768px) and (max-width:991px) {
    .result-item h3 {
        font-size: 12px
    }
    .result-item p {
        font-size: 12px
    }
    .result-item p.vendor {
        font-size: 11px
    }
}

@media screen and (min-width:500px) and (max-width:767px) {
    .result-item h3 {
        font-size: 14px
    }
    .result-item p {
        font-size: 14px
    }
    .result-item p.vendor {
        font-size: 12px
    }
}

@media screen and (max-width:506px) {
    .component tr {
        position: relative;
        padding-bottom: 30px;
        padding-top: 10px
    }
    .component tr>th:nth-of-type(2) {
        width: 46%
    }
    .component tr>td:nth-of-type(4) {
        width: 12%
    }
    .component tr>td:nth-of-type(4) .btn {
        padding: 3px 15px;
        height: 28px;
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .component tr>td:nth-of-type(4) .form-group {
        width: auto
    }
    .component tr>td:nth-of-type(4) .productQty {
        float: right;
        width: 100%;
        max-width: none;
        padding: 0 10px 0 0
    }
    .component .form-group .input-group .form-control:first-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .result-item h3 {
        font-size: 12px
    }
    .result-item p {
        font-size: 12px
    }
    .result-item p.vendor {
        font-size: 11px
    }
}

footer {
    position: relative;
    background-color: #eeeeee
}

section.why {
    position: relative;
    margin: 15px 0;
    padding: 15px 30px;
    margin-bottom: 0;
    padding-top: 0;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4)
}

section.why h1 {
    font-size: 26px;
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 10px
}

section.why h2 {
    margin-top: 15px;
    margin-bottom: 20px
}

section.why h3 {
    font-size: 20px
}

section.why span.glyphicon {
    color: #33AC00;
    margin: 0;
    padding: 5px 10px 0 0;
    font-size: 28px
}

section.why .col-xs-10 h3 {
    margin: 0 0 5px 10px
}

section.why .col-xs-10 p {
    color: #666666;
    margin: -2px 0px 0 10px;
    font-size: 16px
}

section.why .col-xs-2 {
    width: 40px;
    padding: 0 15px!important
}

section.footer-promo {
    position: relative;
    padding: 20px;
    background: #eeeeee;
    color: #FFFFFF
}

section.info-icons {
    background: #89c742;
    color: #FFFFFF
}

.footerTables {
    position: relative;
    margin: 15px 0;
    padding: 15px 30px;
    margin-bottom: 0;
    padding-top: 0;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4)
}

.footerTables h2 {
    margin-top: 15px;
    font-size: 30px;
    margin-bottom: 15px
}

.footerTables .rightCont {
    text-align: right
}

.footerTables .newsToggleContainer.expanded {
    background: none;
    height: 30px
}

footer .container {
    position: relative;
    font-size: 18px
}

footer .container a {
    color: #000000
}

.grey {
    color: #666666;
    font-weight: normal
}

section.footerFreeShipping {
    position: relative;
    background: #33AC00;
    padding: 0 20px
}

.footerFreeShipping h3 {
    font-size: 28px;
    margin: 0;
    color: #FFFFFF
}

.footerFreeShipping h3 a {
    color: #FFFFFF!important
}

.freeShippinBtn {
    display: block;
    padding: 20px 0
}

.freeShippinBtn p {
    font-size: 15px;
    margin: 0;
    margin-top: 5px
}

.banner1.footerFreeShipping {
    background-color: #f0efef
}

.banner1 .freeShippinBtn {
    position: relative;
    display: block;
    padding: 5px 0;
    max-width: 350px;
    margin: 0 auto;
    text-align: left
}

.banner1 .freeShippinBtn .bannerIcons {
    color: #333333;
    position: absolute;
    left: -48px;
    font-size: 48px;
    top: 8px
}

.fdFooterBanner.footerFreeShipping {
    background-color: #34ad00
}

.bnFooterBanner.footerFreeShipping {
    background-color: #f9a11b
}

.pzFooterFreeShippingBanner.footerFreeShipping {
    background-color: #34ad00
}

.pzFooterFreeShippingBanner.footerFreeShipping .freeShippinBtn {
    padding: 5px 0
}

.footer-promo {
    background: #000000;
    text-align: left
}

.footer-promo .form-control {
    background: #FFFFFF;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 35px;
    border-radius: 3px 0px 0px 3px!important
}

.footer-promo .col-md-4 {
    text-align: left;
    font-size: 11px;
    padding-top: 5px
}

.footer-promo h2 {
    font-size: 21px
}

.footer-bottom {
    margin-top: 5px;
    padding: 0;
    font-size: 14px;
    border: solid 1px #c1c1c1;
    border-right: 0;
    border-left: 0;
    padding: 10px 0
}

.footer-bottom ul {
    margin: 0px
}

.footer-bottom li {
    display: inline;
    padding: 0px
}

.footer-bottom a {
    display: inline;
    padding: 10px 25px
}

.copyright {
    padding: 5px;
    font-size: 14px;
    color: #999999
}

#footer-form .btn-default {
    height: 35px;
    border-radius: 0;
    line-height: 0px;
    border-radius: 0px 3px 3px 0px!important
}

.discountSection {
    background-color: #181818
}

.discountSection .col-sm-6 {
    padding: 20px 15px 20px 15px
}

.discountSection h3 {
    color: #33AC00;
    margin: 0;
    font-size: 26px;
    margin-bottom: 9px
}

.discountSection p {
    color: #FFFFFF;
    font-size: 14px
}

.discountSection a {
    border: solid 1px #FFFFFF;
    padding: 4px 10px;
    color: #FFFFFF;
    font-size: 14px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 5px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.discountSection a:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000000;
    text-decoration: none
}

.discountSection a:focus {
    text-decoration: none
}

section.footerFreeShipping {
    border-radius: 3px;
    margin: 15px 0;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4)
}

.footerBannerTitle {
    font-size: 28px;
    margin: 0 auto;
    margin-top: 4px;
    line-height: 1;
    white-space: nowrap
}

.footerBannerSubtitle {
    margin-top: 0px;
    font-size: 17px
}

.discountSection {
    margin: 15px 0;
    padding: 0 30px;
    margin-top: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    border-radius: 3px
}

.footerCards {
    background-color: #EEEEEE
}

.footerCards .feedback {
    margin: 15px 0;
    padding: 15px 0;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4)
}

.footerCards .feedback span {
    color: #000000;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 20px
}

.footerCards .feedback span i {
    font-size: 18px;
    margin-right: 5px;
    color: #33AC00;
    top: 3px
}

.footerCards .feedback .btn {
    margin-left: 0;
    margin-right: 10px;
    padding: 3px 0;
    height: auto;
    width: 60px
}

.footerLogo {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.footerQuestions {
    position: relative;
    padding-left: 65px;
    margin-top: 5px
}

.footerQuestions i {
    position: absolute;
    top: 10px;
    left: 25px;
    font-size: 30px;
    color: #33AC00
}

.footerQuestions p {
    color: #666666;
    font-size: 18px;
    margin-bottom: 5px
}

.footerQuestions h4 {
    color: #000;
    margin-top: 0;
    font-weight: 700;
    font-size: 22px
}

#footer-form {
    padding-right: 30px
}

@media screen and (min-width:1200px) {
    .home-graphic .home-text {
        padding-left: 500px
    }
}

@media screen and (min-width:992px) {
    .footer-promo h2 {
        margin-top: 10px;
        font-size: 24px
    }
}

@media screen and (min-width:768px) {
    .footer-promo {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .footer-promo h2 {
        margin-top: 0px;
        font-size: 18px;
        color: #333333;
        margin-bottom: 5px
    }
    section.footer-promo {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .footer-bottom {
        text-align: center;
        margin-top: 10px
    }
}

@media screen and (min-width:600px) {
    .footer-promo .col-md-3 {
        float: right;
        text-align: right
    }
    .footer-promo .input-group {
        padding: 5px 0 15px 0;
        padding-bottom: 0
    }
}

@media screen and (max-width:1200px) {
    .footer-promo h2 {
        font-size: 20px
    }
}

@media screen and (max-width:992px) {
    .footer-bottom a {
        padding: 10px 19px
    }
    #footer-form {
        text-align: center;
        margin-bottom: 10px
    }
    .footer-promo .input-group {
        max-width: 400px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .why .col-sm-4 {
        margin: 10px 0 25px 5px
    }
    #footer-form {
        padding-right: 0;
        margin-bottom: 0
    }
    section.footer-promo {
        padding-bottom: 15px
    }
    .footer-bottom {
        margin-top: 15px
    }
    .footer-promo h2 {
        margin-top: 0;
        margin-bottom: 10px;
        color: #000000;
        font-size: 18px
    }
    .footerCards .feedback span {
        color: #000000;
        font-size: 20px;
        display: block;
        margin-bottom: 10px;
        vertical-align: middle
    }
    .footerCards .feedback .btn {
        margin: 0 10px
    }
    .discountSection .col-sm-6 {
        padding: 30px
    }
    .discountSection .col-sm-6:first-child {
        padding-left: 30px
    }
    .discountSection .col-sm-6:last-child {
        border-left: 0
    }
    .discountSection h3 {
        color: #33AC00;
        margin: 0;
        font-size: 26px;
        margin-bottom: 9px
    }
    .discountSection p {
        color: #FFFFFF;
        font-size: 14px
    }
    .discountSection a {
        font-size: 16px
    }
    .discountSection a:hover {
        color: #247900
    }
    .footer-bottom li {
        display: inline-block;
        padding: 0px;
        width: 49%;
        text-align: left;
        white-space: nowrap
    }
    .footer-bottom li:nth-child(2n) {
        padding-left: 20px
    }
    .footerTables .rightCont {
        text-align: center
    }
}

@media screen and (max-width:450px) {
    footer .container {
        font-size: 14px
    }
}

header .contact a {
    color: #33AC00
}

header .contact a:hover {
    color: #FFFFFF
}

nav.navbar-inverse {
    height: 65px;
    min-width: 320px;
    background: #282828
}

nav.navbar.refine {
    background: #FFFFFF
}

nav.navbar.refine>div.navbar-header>button.navbar-toggle {
    background: #89C742;
    color: #FFFFFF;
    width: 100%;
    height: 45px;
    padding-top: 10px;
    margin-top: 15px;
    font-size: 14px
}

.logo small {
    display: block;
    margin-top: -9px;
    text-transform: uppercase;
    color: #666;
    font-size: 9.7px;
    white-space: nowrap;
    letter-spacing: 0;
    font-weight: 600
}

.navbar-toggle .icon-bar {
    width: 22px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.navbar-toggle .top-bar {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 14% 10%;
    -ms-transform-origin: 14% 10%;
    transform-origin: 14% 10%
}

.navbar-toggle .middle-bar {
    opacity: 0
}

.navbar-toggle .bottom-bar {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 14% 90%;
    -ms-transform-origin: 14% 90%;
    transform-origin: 14% 90%
}

.navbar-toggle.collapsed .top-bar {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1
}

.navbar-toggle.collapsed .bottom-bar {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

div.navbar-collapse.navbar-results-collapse.collapse.in {
    background: #F9F9F9;
    margin: 30px 0 0 10px;
    border-radius: 4px;
    border: 1px solid #E4E4E4
}

div.navbar-collapse.navbar-results-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown {
    background: #F7F7F7;
    margin: 10px;
    border-radius: 5px
}

div.navbar-collapse.navbar-results-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu>li>a {
    color: #333333;
    background: #BBB
}

.navbar-collapse.navbar-results-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown>a.dropdown-toggle {
    color: #666666;
    background: #E4E4E4;
    border-radius: 4px;
    border: 1px solid #CCCCCC
}

div.navbar-collapse.navbar-results-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown.open>a.dropdown-toggle {
    background: #333333;
    color: #FFFFFF;
    border-radius: 5px 5px 0 0
}

div.navbar-collapse.navbar-results-collapse.collapse.in>ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu>li>a {
    background: #FFFFFF
}

.refine .col-xs-12 a.btn-primary {
    float: left;
    width: 100px;
    height: 45px;
    padding-top: 11px;
    border: 1px solid #28A328
}

.refine .col-xs-12 a.btn-primary:hover {
    text-shadow: none;
    background: transparent;
    font-weight: 700;
    border: 1px solid #F9F9F9
}

.refine .col-xs-12 button.navbar-toggle {
    float: right;
    margin: 0 0 8px 0;
    height: 34px;
    padding-top: 11px;
    width: 100px;
    border: 1px solid #777777;
    color: #FFFFFF;
    background: #939393;
    height: 45px;
    font-size: 14px;
    margin-bottom: 20px
}

.refine .col-xs-12 button.navbar-toggle:hover {
    background: transparent;
    border: 1px solid #F9F9F9;
    color: #666666;
    font-weight: 700
}

#searchform .input-group {
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#searchform .form-control {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #282828;
    color: #000000;
    font-size: 16px;
    border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px
}

#searchform span.input-group-btn {
    padding: 0;
    background-color: transparent;
    border-color: 1px solid transparent
}

#searchform span.glyphicon.glyphicon-search {
    vertical-align: top
}

.searchBar {
    background-color: #282828;
    padding: 5px 10px;
    width: 100%;
    left: 0;
    top: 65px;
    z-index: 1000;
    position: absolute;
    display: none
}

#mobileSearchform {
    padding: 0;
    margin: 0
}

#mobileSearchform .input-group {
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#mobileSearchform .form-control {
    height: 40px;
    border: 1px solid #282828;
    border-right: none;
    background-color: #FFFFFF
}

#mobileSearchform span.input-group-btn {
    padding: 0;
    background-color: transparent;
    left: 1px
}

#mobileSearchform span.glyphicon.glyphicon-search {
    vertical-align: top
}

button.btn.btn-default:hover .glyphicon-search {
    color: #FFFFFF
}

.cartDetails {
    padding-top: 15px;
    padding-bottom: 10px
}

.smallHeader {
    text-align: center;
    padding: 15px 0;
    background-color: #e4e4e4
}

.smallHeader a {
    display: block
}

.smallHeader img {
    display: block;
    margin: 0px auto;
    max-width: 165px
}

.viewMoreCart {
    background: #F5F5F5;
    text-align: center;
    padding: 5px
}

.cartItemsContainer b {
    margin: 15px
}

#searchToggle {
    padding: 0;
    margin-top: 20px;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer
}

.dropdown-cart {
    min-width: 350px
}

.dropdown-cart li .item {
    display: block;
    padding: 3px 10px;
    margin: 3px 0
}

.dropdown-cart li .item:hover {
    background-color: #f3f3f3
}

.dropdown-cart li .item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.dropdown-cart li .item-left {
    float: left
}

.dropdown-cart li .item-left img {
    float: left
}

.dropdown-cart li .item-left span.item-info {
    float: left;
    margin-left: 10px
}

.dropdown-cart li .item-left span.item-info span {
    display: block
}

.dropdown-cart li .item-right {
    float: right
}

.dropdown-cart li .item-right button {
    margin-top: 14px
}

.dropdown-cart .freeShoppingProgressContainer .shippingMax,
.dropdown-cart .freeShoppingProgressContainer .shippingMin {
    line-height: 15px
}

.dropdown-cart .freeShoppingProgressContainer .progress {
    height: 15px
}

.dropdown-cart .row {
    margin: 0
}

.cartItemsContainer {
    width: 100%!important
}

.cartItemsContainer .row:last-child .cartDetails {
    border-bottom: none
}

.cartSubtotal {
    clear: both;
    padding-bottom: 20px
}

.full-menu a.btn.btn-lg {
    border-bottom: 1px solid #606060;
    height: auto;
    border-radius: 0;
    margin: 0
}

.full-menu a.btn.btn-lg:active,
.full-menu a.btn.btn-lg:focus,
.full-menu a.btn.btn-lg:hover {
    background: #FFFFFF;
    color: #0884e7
}

@media screen and (min-width:991px) and (max-width:1199px) {
    .logo small {
        font-size: 7.7px;
        letter-spacing: 0;
        white-space: nowrap;
        margin-top: -8px;
        margin-left: -1px
    }
    #fdLogo {
        padding: 0
    }
}

@media screen and (min-width:768px) {
    header {
        min-height: 100px;
        background-color: #282828
    }
    ul.navbar-right {
        margin-bottom: 0;
        color: #FFFFFF;
        height: 35px;
        padding-top: 8px
    }
    nav.navbar-inverse {
        height: 65px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: #444444
    }
    .navbar-inverse>.container {
        height: 65px
    }
    .navbar-inverse .dropdown:hover {
        background-color: #E4E4E4;
        color: #666666
    }
    .contact p {
        height: 35px;
        padding: 8px 0px;
        margin-bottom: 0;
        color: #FFFFFF
    }
    .contact li {}
    .contact li>a {
        height: 35px;
        margin-top: -5px;
        padding: 5px;
        padding-right: 10px
    }
    .contact li>a:hover {
        color: #FFFFFF;
        background: transparent
    }
    .contact li span.glyphicon:before {
        display: none
    }
    .contact span.glyphicon:before {
        vertical-align: top;
        margin: 10px 5px;
        color: #282828
    }
    #fullToggle {
        width: 90px
    }
    #fullToggle a[type~=button] {
        display: inline;
        padding: 0
    }
    #fullToggle.col-sm-2 {
        padding: 0;
        margin-left: 5px;
        border-right: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2
    }
    #fullToggle.col-sm-2:hover {
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0
    }
    #fullToggle a.dropdown-toggle {
        width: 100%;
        padding: 0 10px
    }
    #acctMenu {
        float: left;
        width: 105px
    }
    #acctMenu a.dropdown-toggle {
        padding: 0 10px
    }
    #cartMenu {
        width: 90px
    }
    #acctMenu a.dropdown-toggle,
    #cartMenu a.dropdown-toggle,
    #fullToggle a.dropdown-toggle {
        display: block;
        height: 65px;
        padding-top: 13px;
        color: #FFFFFF
    }
    #fullToggle a.dropdown-toggle:hover {
        color: #666666;
        background: #FFFFFF;
        text-decoration: none
    }
    .navbar-inverse #fullToggle.dropdown.open a.dropdown-toggle,
    .navbar-inverse #fullToggle.dropdown:hover a.dropdown-toggle {
        color: #666666;
        background: #FFFFFF;
        text-decoration: none
    }
    #acctMenu a.dropdown-toggle:hover {
        background: #FFFFFF;
        text-decoration: none
    }
    .navbar-inverse #acctMenu.dropdown.open a.dropdown-toggle,
    .navbar-inverse #acctMenu.dropdown:hover a.dropdown-toggle {
        color: #666666;
        background: #FFFFFF;
        text-decoration: none
    }
    #cartMenu:hover {
        color: #666666;
        background: #FFFFFF;
        text-decoration: none
    }
    .navbar-inverse #cartMenu.dropdown.open a.dropdown-toggle,
    .navbar-inverse #cartMenu.dropdown:hover a.dropdown-toggle {
        color: #666666;
        background: #FFFFFF;
        text-decoration: none
    }
    #navSearch {
        text-align: center;
        height: 65px;
        margin: 0;
        padding: 0
    }
    .navbar-form {
        margin: 0;
        margin-top: 10px;
        padding: 0
    }
    .navbar-form .btn-default {
        padding-right: 10px;
        padding-left: 10px;
        height: 42px;
        background-color: #777777!important;
        border: 1px solid #777777!important
    }
    .navbar-form .btn-default:hover {
        border: 1px solid #515151!important;
        background-color: #515151!important
    }
    #fullToggle.open>#vendor.dropdown-menu,
    #fullToggle:hover #vendor.dropdown-menu {
        display: block;
        position: absolute;
        width: 280px;
        margin-top: -1px;
        padding: 0;
        border: none;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        background-color: #ffffff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.75);
        box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.75);
        overflow: hidden;
        left: auto;
        right: -1px
    }
    #acctMenu:hover .dropdown-menu {
        display: block;
        width: 205px;
        margin-top: -1px;
        padding: 0;
        left: auto;
        right: -1px;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        background-color: #ffffff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.75);
        box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.75);
        overflow: hidden;
        border-top: 0
    }
    #acctMenu a.btn-primary {
        width: 140px;
        height: 45px;
        border: 1px solid #33AC00;
        margin: 0 auto;
        padding-top: 10px;
        background: #33AC00
    }
    #acctMenu .btn-primary:hover {
        border: 1px solid #3C3;
        background: #3C3
    }
    #acctMenu li {
        color: #666666;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid #E4E4E4
    }
    #acctMenu li:last-child {
        border-bottom: 0
    }
    #acctMenu li.noHover {
        padding: 15px
    }
    #acctMenu li.noHover:hover {
        background-color: #FFFFFF
    }
    #acctMenu li a:not(.btn-primary) {
        color: #33AC00
    }
    #acctMenu li a.no-hover:hover {
        background: #FFFFFF
    }
    #acctMenu li a:hover:not(.btn-primary) {
        background-color: #E4E4E4
    }
    #acctMenu li.menu-item a {
        display: block;
        padding: 15px;
        text-align: left
    }
    #acctMenu li .btn-default {
        color: #FFFFFF!important;
        line-height: 38px
    }
    #cartMenu.open .dropdown-menu,
    #cartMenu:hover .dropdown-menu {
        display: block;
        margin-top: -1px;
        margin-left: -245px;
        width: 350px;
        color: #474747;
        padding: 5px 20px;
        padding-top: 15px;
        max-height: 520px;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        background-color: #ffffff;
        border-radius: 0 0 5px 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: hidden;
        border-top: 0;
        right: -1px
    }
    #cartMenu .freeShoppingProgressContainer {
        padding-bottom: 11px;
        border-bottom: solid 1px #e5e5e5;
        margin-bottom: 10px
    }
    #cartMenu .price-amount {
        width: 85px;
        float: right;
        font-weight: bold!important;
        color: #666666
    }
    #cartMenu .badge {
        float: right;
        border-radius: 20px;
        font-size: 12px
    }
    #cartMenu span.glyphicon {
        margin-top: 12px;
        color: #FFFFFF;
        margin-left: 10px;
        font-size: 16px
    }
    #cartMenu span.glyphicon:hover {
        color: #FFFFFF
    }
    #cartMenu:hover .dropdown-toggle span.glyphicon {
        color: #333333;
        cursor: pointer;
        -webkit-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear
    }
    #cartMenu:hover span.badge {
        color: #333333
    }
    #cartMenu .img-thumbnail {
        border: none
    }
    .cartMenu {
        padding: 20px!important;
        padding-bottom: 0!important
    }
    .cartMenu>li {
        position: relative;
        display: block;
        clear: both;
        float: left;
        padding: 10px 0;
        border-bottom: #B8B8B8 solid 1px
    }
    .cartMenu>li:first-child {
        padding-top: 0
    }
    .cartImg {
        float: left
    }
    .cartImg img {
        width: 80px
    }
    .cartDetails ul {
        padding: 0;
        margin: 0;
        list-style: none
    }
    .cartDetails ul li {
        display: inline-block
    }
    .cartDetails ul li:first-child {
        color: #23c71f
    }
    .cartDetails ul li:last-child {
        color: #8f8d8d;
        padding: 0 0 0 10px;
        float: right
    }
    .cartBtn {
        background-color: #33AC00;
        padding: 15px 25px!important;
        border: none!important;
        color: #FFFFFF;
        border-radius: 4px;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s
    }
    .cartBtn:hover {
        background-color: #0884e7;
        padding: 15px 25px!important;
        border: none!important;
        color: #FFFFFF;
        border-radius: 4px;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s
    }
    .ViewcartBtn {
        background-color: #FFFFFF;
        padding: 15px 25px!important;
        border: none!important;
        color: #000000;
        border-radius: 4px;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s
    }
    .cartBtn .btn {
        width: 100%;
        background-color: #0884e7;
        color: #FFFFFF;
        font-weight: 600
    }
    .dropdown-menu>li>a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #F5F5F5
    }
    #vendor a {
        display: block;
        padding: 15px;
        border-top: 1px solid #E4E4E4;
        color: #0884e7
    }
    #vendor a:hover {
        color: #0884e7;
        background-color: #E4E4E4
    }
    #vendor a span.brand-name {
        float: none;
        font-weight: bold
    }
    #vendor div.collapse>a {
        color: #666666
    }
    #vendor div.collapse>a:hover {
        color: #0884e7;
        background-color: #fafafa
    }
    .subSmall {
        font-size: 13px
    }
    .cartSubtotal span.glyphicon {
        margin: 0!important;
        margin-top: 3px!important
    }
}

.priceDetails {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.priceDetails ul {
    padding: 0 15px;
    margin: 0;
    list-style: none
}

.priceDetails ul li {
    display: inline-block;
    font-weight: 200;
    color: #666666
}

@media screen and (max-width:991px) {
    .logo small {
        letter-spacing: 0.1px;
        font-size: 9px
    }
}

@media screen and (max-width:767px) {
    .logo small {
        letter-spacing: 0;
        white-space: nowrap;
        font-size: 9.2px
    }
    #fdLogo {
        max-width: 200px
    }
    #fullToggle a[type~=button],
    .full-menu .collapse img {
        display: none
    }
    #fullToggle,
    #navSearch {
        position: absolute
    }
    #fullToggle {
        top: 63px;
        z-index: 1000;
        width: 100%
    }
    .cart-icon {
        padding: 0;
        width: 50px;
        float: right
    }
    .navbar-inverse .navbar-form {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #navSearch {
        top: 65px;
        background-color: #282828;
        border: none;
        border-bottom: 1px solid #89c742
    }
    #searchform {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 10px;
        padding-left: 10px
    }
    #mobileToggle {
        height: 65px;
        padding-right: 0;
        padding-left: 10px
    }
    #mobileToggle button {
        position: relative;
        z-index: 999
    }
    button.navbar-toggle {
        float: left;
        margin-top: 10px;
        margin-right: 0;
        padding: 0;
        padding-top: 8px;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 3
    }
    .navbar-inverse .navbar-toggle {
        border: none
    }
    .navbar-inverse .navbar-toggle:active,
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #282828
    }
    .navbar-inverse .navbar-toggle span.icon-bar {
        width: 30px;
        padding-top: 3px;
        background-color: #FFFFFF
    }
    #cartMenu a.dropdown-toggle {
        float: right;
        padding: 15px 0;
        padding-bottom: 0
    }
    #cartMenu .dropdown-menu {
        top: 103px;
        width: 300px;
        margin-left: -245px;
        border-radius: 0
    }
    #cartMenu.open .dropdown-menu {
        display: block;
        width: 300px;
        margin-top: 36px;
        margin-left: -220px;
        border-radius: 0;
        border-top: 0
    }
    #vendor.dropdown-menu.collapse {
        position: absolute;
        width: 100%;
        min-width: 320px;
        margin-top: 1px;
        margin-left: 0;
        padding: 0;
        border-radius: 0;
        border: 0;
        background-color: #FFFFFF
    }
    #vendor a {
        display: block;
        padding: 15px;
        color: #0884e7;
        border-bottom: 1px solid #E4E4E4
    }
    #vendor a:last-child {
        border-bottom: 0
    }
    #vendor a.menu-item-green {
        color: #FFFFFF;
        background: #33AC00
    }
    #vendor a.menu-item-green:hover {
        color: #FFFFFF;
        background: #33AC00
    }
    #vendor span.brand-name {
        font-weight: bold
    }
    #mobileSearchform .form-control {
        height: 45px;
        border: none
    }
}

html {
    min-width: 320px;
    color: #eeeeee;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden
}

body {
    min-width: 320px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    background-color: #EEEEEE;
    padding-right: 0!important
}

body.modal-open {
    position: fixed;
    width: 100%
}

.noPadding {
    padding: 0!important
}

.noPaddingDesktop {
    padding: 0
}

.paddingTop20 {
    padding-top: 20px
}

.noMargin {
    margin: 0!important
}

.mb-15 {
    margin-bottom: 15px
}

.mt-25 {
    margin-top: 25px
}

.page-header {
    border: none;
    margin: 20px 0 15px;
    width: 100%
}

.page-header h1 {
    margin-top: 0;
    margin-bottom: 0
}

table {
    border-bottom: #e3e3e3 solid 1px
}

.bodyOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 99;
    display: none
}

#fdLogo {
    margin-top: 15px
}

section.content {
    padding-bottom: 30px;
    position: relative;
    min-height: 350px
}

section.content,
section.icon-box,
section.logo-display,
section.product-category {
    background-color: #FFFFFF
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 22px;
    margin: 0px 0px
}

h3 {
    font-size: 20px
}

a {
    color: #0884e7
}

a:hover {
    color: #1769aa;
    text-decoration: none
}

h3,
label,
p {
    color: #666666
}

.table-container {
    width: 100%;
    overflow-y: auto
}

.table-container table {
    margin-bottom: 0
}

.table-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px
}

.table-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0.3)
}

label {
    font-weight: 600
}

label span.required {
    color: #33AC00
}

.text-white {
    color: #FFFFFF
}

.text-white:hover {
    color: #FFFFFF!important
}

.text-default {
    color: #33AC00
}

.marginTop0 {
    margin-top: 0!important
}

.marginTop10 {
    margin-top: 10px!important
}

.marginTop20 {
    margin-top: 20px!important
}

.marginTop35 {
    margin-top: 35px!important
}

.paddingTop30 {
    padding-top: 30px
}

.marginBottom0 {
    margin-bottom: 0
}

.inline {
    display: inline!important
}

.borderBottom {
    border-bottom: #DDDDDD solid 1px;
    padding-bottom: 15px
}

.bulletList {
    text-align: left
}

.bulletList li {
    list-style: disc;
    margin: 0px
}

.breadCrumbContainer {
    padding: 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #d8d8d8;
    border-top: 0;
    margin-bottom: 0
}

.breadcrumb {
    padding-left: 0;
    margin-bottom: 0px;
    background: none;
    font-size: 13px;
    padding: 9px 15px;
    padding-top: 13px;
    padding-left: 0
}

.breadcrumb>li>a {
    color: #33AC00;
    font-weight: 400
}

.breadcrumb>li+li:before {
    color: #777777;
    padding: 4px;
    padding-left: 0;
    padding-right: 6px
}

.breadcrumb>li.active {
    color: #777777;
    padding: 4px;
    padding-left: 0;
    padding-right: 6px;
    color: #444444;
    vertical-align: middle!important;
    padding-top: 0;
    max-width: none!important
}

.breadcrumb>li:nth-child(n+2)>a {
    border-left: none;
    border-radius: 0
}

.breadcrumb>li>a:hover {
    color: #3C3C3C
}

.breadcrumb .glyphicon.breadcrumb-sep {
    font-size: 0.7em;
    color: #CCCCCC;
    padding: 0 4px
}

.breadcrumb>li+li:before {
    content: '>'
}

.breadcrumb>li {
    max-width: 800px;
    overflow: visible;
    overflow-x: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.breadcrumb>li.shrink {
    max-width: 170px;
    overflow: visible;
    overflow-x: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    color: #BBBBBB
}

.breadcrumb>li.shrink:first-of-type,
.breadcrumb>li.shrink:nth-of-type(2) {
    max-width: none!important
}

.mBreadcrumbToggle {
    display: none
}

.component .page-header {
    margin-top: 0px
}

.alert {
    border-radius: 0;
    margin-bottom: -1px;
    border: none!important;
    z-index: 10000;
    min-height: 35px;
    width: 100%
}

.alert.alert-danger {
    background: #33AC00;
    padding: 8px 30px
}

.alert.alert-success {
    background: #33AC00;
    padding: 8px 30px
}

.alert.alert-danger>.close,
.alert.alert-success>.close {
    color: #000000
}

.alert>span.glyphicon {
    margin-right: 6px
}

.alert-danger,
.alert-success {
    color: #FFFFFF;
    text-align: center;
    border: none!important
}

span.badge {
    margin: 2px 0 15px 2px;
    padding: 0;
    border-radius: 12px;
    border: 2px solid #33AC00;
    color: #FFFFFF;
    background: none;
    font-size: 11px;
    line-height: 22px;
    width: 25px;
    height: 25px
}

table {
    color: #666666
}

table .panel.panel-default {
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background: #FFFFFF
}

table .panel-body {
    padding: 5px
}

table .panel.panel-default ul.pager>li>a {
    border-radius: 7px;
    margin: 0 5px;
    color: #3c763d
}

table .panel.panel-default ul.pager>li>a:hover {
    border: 1px solid #CCCCCC;
    background: #F5F5F5
}

table .btn-group {
    margin: 5px 5px 5px 0
}

.table-responsive {
    border: none;
    position: relative
}

.tableBorderBottom {
    border-bottom: #e3e3e3 solid 1px
}

.form-control,
select,
textarea {
    height: 45px;
    border-radius: 4px;
    margin-right: 5px;
    padding: 10px 15px;
    background: #FFFFFF;
    border: solid 1px #CCCCCC
}

textarea {
    height: auto;
    min-height: 45px
}

.form-group input,
.form-group select {
    width: 100%;
    border: solid 1px #CCCCCC
}

.form-group input {
    width: 100%
}

ul.pagination-sm li a {
    color: #33AC00
}

ul.pagination-sm li a:hover {
    color: #FFFFFF;
    background-color: #33AC00
}

.pagination-sm>.active>a {
    color: #FFFFFF;
    background-color: #33AC00
}

.pagination-sm>.active>a:focus,
.pagination-sm>.active>a:hover {
    color: #FFFFFF;
    background-color: #33AC00
}

.pagination-sm>.active>span {
    color: #FFFFFF;
    background-color: #33AC00
}

.pagination-sm>.active>span:focus,
.pagination-sm>.active>span:hover {
    color: #FFFFFF;
    background-color: #33AC00
}

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #33AC00;
    color: #33AC00;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none
}

.pagination>li>a:focus,
.pagination>li>a:hover {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    z-index: 2
}

.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    z-index: 2
}

.pagination>.active>a {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    cursor: default;
    z-index: 3
}

.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    cursor: default;
    z-index: 3
}

.pagination>.active>span {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    cursor: default;
    z-index: 3
}

.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #33AC00;
    border: 1px solid #33AC00;
    color: #FFFFFF;
    cursor: default;
    z-index: 3
}

.scrollbar {
    float: left;
    max-height: 300px;
    width: 65px;
    overflow-y: auto;
    padding-right: 10px;
    margin-bottom: 10px
}

.scrollbar-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5
}

.scrollbar-style::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.scrollbar-style::-webkit-scrollbar-thumb {
    background-color: #444444
}

.clearfix {
    clear: both
}

.productQty {
    float: left
}

.productQty .input-group {
    display: inline-block;
    float: left;
    margin-left: 0px;
    margin-top: 7px
}

.productQty input.form-control {
    border: solid 1px #CCCCCC;
    width: 30px;
    height: 28px;
    margin: 0;
    padding: 0;
    text-align: center
}

.productQty-md input.form-control {
    width: 40px;
    height: 35px
}

.productQty-md .input-group-addon {
    height: 35px;
    line-height: 30px
}

.productQty-lg input.form-control {
    width: 50px;
    height: 45px
}

.productQty-lg .input-group-addon {
    height: 45px;
    line-height: 40px
}

.rquired {
    color: #ff0004;
    display: inline-block;
    margin-left: 3px;
    font-weight: 100
}

.bordered {
    border: solid 1px #F5F5F5;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 8px 0px
}

.contactThankyou {
    padding-top: 15px
}

.sentAlert {
    float: left;
    width: 70%;
    background-color: #F5F5F5;
    border: solid 1px #F5F5F5;
    padding: 15px;
    border-radius: 5px
}

.sentAlert p {
    margin-bottom: 0
}

.sentAlert .glyphicon {
    margin-right: 10px;
    color: #33AC00;
    font-size: 25px;
    margin-top: 5px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none
}

.footerTables .table-responsive {
    border: none;
    position: relative;
    overflow-y: hidden
}

.footerTables .panel-group .panel {
    border: 0
}

.footerTables .panel-body {
    padding: 0px;
    border: 0
}

.footerTables .newsToggleContainer {
    position: absolute;
    height: 85px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    cursor: pointer;
    border-radius: 0px 0px 3px 0px;
    overflow: hidden;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 46%, white 97%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 46%, white 97%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, white), color-stop(97%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 48%, white 97%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 48%, white 97%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 48%, white 97%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.footerTables .newsToggleContainer .newsToggle {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    border-color: transparent transparent #33AC00 transparent
}

.footerTables .newsToggleContainer .newsToggle:hover {
    border-color: transparent transparent #A9A9A9 transparent
}

.footerTables .newsToggleContainer .newsToggle:hover:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.footerTables .newsToggleContainer .newsToggle:before {
    content: 'Show More';
    color: #33AC00;
    position: absolute;
    right: 30px;
    width: auto;
    white-space: nowrap;
    font-size: 14px
}

.footerTables .newsToggleContainer.expanded .newsToggle:before {
    content: 'Show Less'
}

.footerTables .newsToggleContainer:hover .newsToggle {
    border-color: transparent transparent #A9A9A9 transparent
}

.footerTables .newsToggleContainer:hover .newsToggle:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.component tr {
    border-bottom: solid 1px #DDDDDD
}

.featuredContainer {
    overflow: hidden
}

.modal-body {
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    overflow: hidden
}

.modal-footer {
    text-align: center;
    clear: both
}

.modal-footer p {
    margin-bottom: 0
}

.modal-content {
    padding: 0 15px
}

.modal-dialog {
    -webkit-transition: all 300ms ease-out!important;
    -o-transition: all 300ms ease-out!important;
    transition: all 300ms ease-out!important
}

span.red {
    color: #D10003
}

.loginSection textarea {
    width: 100%
}

.catCardsContainer .pagination {
    display: block;
    clear: both;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 0;
    border-radius: 4px;
    float: left;
    width: 100%
}

.modalRegisterBtn {
    color: #FFFFFF!important
}

.orderHistoryTable {
    position: relative
}

.orderHistoryTable tbody tr {
    border-top: 1px solid #ccc
}

.orderHistoryTable th:nth-of-type(4) {
    width: 200px;
    text-align: right;
    padding-right: 100px
}

.orderHistoryTable td:nth-of-type(4) {
    width: 200px;
    text-align: right;
    padding-right: 100px
}

.loginSection label span:not(.required) {
    font-weight: normal
}

.thankyouMessage .page-header {
    margin: 20px 0 15px!important
}

@-webkit-keyframes heand-move {
    0% {
        right: 0px
    }
    to {
        right: 20px
    }
}

@keyframes heand-move {
    0% {
        right: 0px
    }
    to {
        right: 20px
    }
}

@media (max-width:992px) {
    #signInModal .modalRegisterBtn {
        padding: 11px
    }
    .modal-body {
        height: 370px;
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }
    .orderHistoryTable th:nth-of-type(4) {
        width: 140px;
        text-align: right;
        padding-right: 40px
    }
    .orderHistoryTable td:nth-of-type(4) {
        width: 140px;
        text-align: right;
        padding-right: 40px
    }
    #credit select {
        padding: 10px!important
    }
}

@media (max-width:767px) {
    .breadcrumb {
        font-size: 12px
    }
    .noPaddingDesktop {
        padding: 0 15px
    }
    .breadcrumb>li.active {
        padding-top: 0px
    }
    .breadcrumb>li.shrink {
        max-width: none
    }
    #signInModal .modalRegisterBtn {
        padding: 11px 30px
    }
    .tabQty a.btn-default {
        color: #FFFFFF!important
    }
    .modal {
        overflow: auto
    }
    .modal .modal-dialog {
        margin: 15px;
        margin-left: 10px
    }
    .modal-body {
        height: auto;
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }
    .loginSection .forgotPass {
        text-align: left;
        margin-top: 7px;
        padding-right: 30px
    }
    .orderHistoryTable td,
    .orderHistoryTable th {
        white-space: nowrap
    }
    .orderHistoryTable th:nth-of-type(4) {
        width: 120px;
        text-align: right;
        padding-right: 20px
    }
    .orderHistoryTable td:nth-of-type(4) {
        width: 120px;
        text-align: right;
        padding-right: 20px
    }
}

.homepage-header {
    position: relative;
    height: 485px;
    width: 100%;
    background-image: url("//cdn.firedog.com/site/fd/images/slide-image.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.homepage-header .container,
.homepage-header .row {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%
}

.homepage-header .homepage-header-text {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    height: 415px;
    margin: 15px 0 0 0
}

.homepage-header .homepage-header-box {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    border-radius: 0px
}

.homepage-header .homepage-header-text h3 {
    color: #888888;
    font-size: 32px;
    font-weight: normal;
    padding: 10px 15px;
    margin: 0
}

.homepage-header .homepage-header-text h3 strong {
    font-size: 39px;
    color: #FFFFFF
}

.homepage-header .homepage-header-text .header-content {
    font-size: 16px;
    padding: 10px 15px
}

.homepage-header .homepage-header-text .header-content p {
    font-style: italic;
    color: #FFFFFF
}

.homepage-header .tagline {
    color: #DDDDDD
}

.heroCaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    top: 0;
    color: #fff;
    padding-bottom: 0px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 100px
}

.heroCaption h3 {
    line-height: 0.9;
    font-size: 70px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 100;
    color: #FFFFFF;
    font-family: 'OpenSans-Light', 'Open Sans Light', 'Open Sans'
}

.heroCaption h4 {
    font-size: 26px;
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 0px
}

.heroCaption .col-md-8 {
    padding: 15px;
    margin-left: 350px
}

.heroCaption p {
    color: #FFFFFF;
    font-size: 40px;
    margin: 0;
    margin-bottom: 0;
    font-family: 'OpenSans-Light', 'Open Sans Light', 'Open Sans';
    font-weight: 100
}

.heroCaption .bottomTitle {
    font-size: 32px
}

.homepage-content h2 {
    padding: 25px 0;
    color: #222222;
    font-size: 26px
}

.homepage-card {
    border: 1px solid #DDDDDD;
    text-align: center;
    margin-bottom: 30px
}

.homepage-card .card-content {
    padding: 0 15px 5px;
    position: relative;
    clear: both;
    min-height: 175px
}

.homepage-card h5 {
    color: #000000;
    font-weight: 600;
    font-size: 18px
}

.homepage-card .call-to-action {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.home-text {
    text-align: center
}

.card-with-background {
    background-size: cover;
    background-position: center center;
    height: 285px;
    position: relative;
    margin-bottom: 30px
}

.card-with-background .card-content {
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.card-with-background .card-content p {
    color: #FFFFFF
}

.card-with-background h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0
}

.card-with-background p {
    margin: 0
}

.card-with-background .call-to-action {
    margin-top: 10px
}

.card-with-background:hover .card-content {
    background: rgba(0, 0, 0, 0.7);
    padding-bottom: 25px
}

.full-width-img {
    width: 100%;
    height: 180px;
    background: #DDDDDD;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block
}

.full-width-img img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    max-width: 80%
}

#signUpModal .registrationSection .col-sm-6 {
    height: auto
}

@media screen and (max-width:1200px) {
    .heroCaption p {
        font-size: 31px
    }
    .heroCaption h3 {
        font-size: 66px
    }
}

@media screen and (min-width:1200px) {
    .home-graphic .home-text {
        padding-left: 500px
    }
}

@media screen and (min-width:992px) {
    .home-graphic {
        min-height: 475px;
        background: url(//cdn.firedog.com/site/fd/images/chainsaw_anatomy.jpg);
        background-size: cover;
        background-position: bottom center
    }
    .home-graphic .home-text {
        background: rgba(0, 0, 0, 0.2);
        padding: 180px 20px 20px 250px;
        height: 475px
    }
    .home-text h1,
    .home-text p {
        margin-bottom: 20px
    }
    .home-text>a:hover {
        text-shadow: none
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .home-text {
        min-height: 474px;
        padding: 120px 10px 5px 290px
    }
    .heroCaption h3 {
        line-height: 1;
        font-size: 40px
    }
    .heroCaption .col-md-8 {
        padding: 15px;
        margin-left: 350px
    }
    .heroCaption p {
        font-size: 21px
    }
    .heroCaption .bottomTitle {
        font-size: 21px
    }
}

@media screen and (min-width:768px) {
    .homepage-header .homepage-header-text {
        margin-left: 290px
    }
    .homepage-header .homepage-header-text .header-content {
        font-size: 23px
    }
    .card-double-height {
        float: right
    }
    .card-double-height .card-with-background {
        height: 600px
    }
    .card-double-width .call-to-action {
        float: right
    }
    .card-double-width .card-text {
        float: left;
        width: calc( 100% - 150px)
    }
}

@media screen and (min-width:500px) {
    .full-width-img {
        height: 230px
    }
}

@media screen and (max-width:768px) {
    .heroCaption .col-md-8 {
        padding: 15px;
        margin-left: 350px
    }
    .homepage-content .h2 {
        font-size: 26px
    }
    .heroCaption h3 {
        font-size: 38px
    }
    .col-md-8 {
        padding: 15px;
        margin-left: 0px!important
    }
    .heroCaption p {
        font-size: 21px
    }
    .bottomTitle {
        font-size: 21px!important;
        margin-bottom: 10px!important
    }
    .homepageCards {
        margin-top: 10px;
        padding: 0 15px
    }
    #signUpModal .registrationSection .col-sm-6 {
        height: auto
    }
}

.productCont {
    margin-top: 20px
}

.filterList {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background-color: #f9f9f9;
    float: left;
    padding: 5px 5px 5px 2px;
    width: 100%
}

label.filt_heading {
    font-family: 'OpenSans-Semibold', 'Open Sans Semibold', 'Open Sans';
    font-style: normal;
    font-size: 14px;
    color: #666666;
    text-align: left;
    line-height: 16px;
    margin-bottom: 10px;
    width: 100%
}

.sb_checkbox {
    display: block
}

.sb_checkbox label {
    font-family: 'OpenSans-Light', 'Open Sans Light', 'Open Sans';
    font-weight: 200;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    line-height: 26px;
    margin-bottom: 0
}

.sb_filter {
    padding-left: 0;
    padding-right: 25px
}

.sb_filter input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden
}

label.lbl_topborder {
    border-top: 1px solid #e4e4e4;
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 0
}

.filterList a {
    font-family: 'OpenSans-Light', 'Open Sans Light', 'Open Sans';
    font-weight: 200;
    font-style: normal;
    font-size: 12px;
    color: #33AC00;
    text-align: left;
    line-height: 13px
}

span.loadMore,
span.showLess {
    font-family: 'OpenSans-Light', 'Open Sans Light', 'Open Sans';
    font-weight: 200;
    font-style: normal;
    font-size: 12px;
    color: #33AC00;
    text-align: left;
    line-height: 13px;
    cursor: pointer
}

.promo_cont {
    width: 100%;
    height: 102px;
    background-color: #333333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 10px;
    border-radius: 3px;
    padding: 10px
}

.promo_cont h6 {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

.promo_cont h1 {
    color: #33AC00;
    font-size: 26px;
    line-height: 36px;
    margin: 0
}

.mainContent a.badge {
    height: auto;
    width: auto;
    padding: 8px 15px;
    line-height: 19px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-right: 15px
}

.mainContent a.badge .glyphicon {
    margin-left: 5px;
    top: 1.5px
}

.mainContent a.badge:hover {
    color: #000000;
    border: 1px solid #000000
}

.mainContent a.badge.clearAllFilters {
    color: #33AC00
}

.mainContent a.badge.clearAllFilters:hover {
    border: 1px solid #33AC00
}

.ContHeading {
    margin-bottom: 0px;
    float: left;
    width: 100%
}

.ContHeading h1 {
    margin-top: 0;
    font-weight: 500;
    line-height: 1.1
}

.text-muted {
    color: #aaa
}

.mainContent {
    overflow: hidden
}

.mainContent .thumbnail {
    position: relative;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    padding: 10px 40px 10px 40px;
    margin: 5px -5px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    cursor: pointer
}

.mainContent .thumbnail .caption {
    padding: 0
}

.mainContent .thumbnail:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.11)
}

.mainContent .thumbnail img {
    max-height: 54px;
    margin-bottom: 20px;
    margin-top: 10px
}

.mainContent .thumbnail h6 {
    font-family: 'OpenSans', 'Open Sans';
    font-style: normal;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    margin: 5px 0
}

.mainContent .thumbnail h3 {
    color: #33AC00;
    font-size: 15px;
    text-align: left;
    margin: 0;
    line-height: 19px;
    margin-bottom: 5px
}

.mainContent .thumbnail h3 a {
    text-decoration: none
}

.mainContent .thumbnail h3 a:hover {
    color: #247900
}

.mainContent .thumbnail p {
    margin-bottom: 5px
}

.mainContent .thumbnail .greyPrice {
    font-family: OpenSans, "Open Sans";
    font-weight: 400;
    color: #939393;
    font-size: 15px;
    text-align: left;
    margin-right: 5px;
    text-decoration: line-through
}

.mainContent .thumbnail .redPrice {
    font-family: OpenSans, "Open Sans";
    font-weight: 400;
    color: #000000;
    font-size: 15px;
    text-align: left
}

.mainContent .thumbnail a.cartBtn {
    background-color: #ffffff!important;
    font-size: 13px;
    color: #c3161c;
    font-family: OpenSans, "Open Sans";
    font-weight: 400;
    border: 1px solid #c3161c!important;
    padding: 10px 15px!important;
    height: auto;
    border-radius: 0;
    width: 100%;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 25px;
    display: block
}

.mainContent .thumbnail a.cartBtn:hover {
    background-color: #33AC00!important;
    color: #ffffff
}

.mainContent .cta.toggleFilters {
    display: none
}

.filters-overlay-close,
.panelOverlay {
    display: none
}

.catCardsContainer {
    position: relative
}

.catCardsContainer .catCardsOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    left: 0;
    top: 0;
    z-index: 9
}

.catCardsContainer .catCardsLoader {
    position: absolute;
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    left: 0;
    top: 200px;
    z-index: 10
}

.catCardsContainer .catCardsLoader i {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.categoryCards {
    padding-bottom: 10px
}

.cta {
    background-color: #026dc5;
    border: 1px solid #026dc5;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 2px 4px;
    overflow: hidden;
    padding: 4px 16px;
    position: relative;
    vertical-align: middle;
    width: auto;
    border-radius: 3px
}

.categoryFiltersOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 9
}

@media only screen and (max-width:1200px) {
    .mainContent .thumbnail {
        padding: 10px 15px 10px 15px
    }
}

@media only screen and (max-width:992px) {
    .cta {
        font-size: 13px;
        padding: 4px 6px
    }
    .mainContent .thumbnail {
        padding: 10px 15px 10px 15px
    }
    .mainContent .cta.toggleFilters {
        background: #026dc5;
        border: solid 1px #026dc5;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 15px 0 0;
        vertical-align: middle;
        display: inline-block;
        color: #fff;
        font-weight: normal;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        text-align: center;
        padding: 8px 25px;
        border-radius: 3px;
        font-size: 12px;
        margin-top: -7px
    }
    .sb_filter .filterListAll,
    .sb_filter .filters-overlay-close {
        -webkit-transform: translate3d(-305px, 0, 0);
        transform: translate3d(-305px, 0, 0)
    }
    .sb_filter.filters-revealed .filterListAll,
    .sb_filter.filters-revealed .filters-overlay-close {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .sb_filter .filterListAll {
        position: fixed;
        overflow-y: auto;
        width: 260px;
        padding-top: 4em;
        display: block!important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 50;
        background: #f9f9f9
    }
    .sb_filter .filters-overlay-close {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 243px;
        padding: 12px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 51;
        background: #f9f9f9;
        border-bottom: 1px solid #ccc
    }
    .panelOverlay.open {
        display: block;
        background: rgba(0, 0, 0, 0.3);
        position: fixed!important;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: 50;
        width: 100%;
        border: none
    }
    .sb_filter.filters-revealed .filterListAll {
        -webkit-box-shadow: 2px 0px 5px 0px #505050;
        box-shadow: 2px 0px 5px 0px #505050
    }
    .categoryFiltersOverlay.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width:767px) {
    #mobileToggle button {
        z-index: 48
    }
    .catCardsContainer {
        display: block;
        -ms-flex-wrap: unset;
        flex-wrap: unset
    }
    .mainContent .thumbnail {
        height: auto!important
    }
}

@media only screen and (max-width:479px) {
    .mainContent a.badge {
        margin-top: 0
    }
    .cta.toggleFilters:before {
        content: '';
        display: inline-block;
        margin: 0 3px
    }
}

.marker,
.zoomHolder img {
    display: block
}

.expand,
.fullscreenToggle,
.reset,
.zoomIn,
.zoomOut {
    width: 25px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 100;
    line-height: 40px;
    margin: 0 6px;
    height: 35px
}

.zoomIn.on,
.zoomOut.on {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer
}

.zoomIn.off,
.zoomOut.off {
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    cursor: auto
}

.controlHolder {
    background-color: #FFFFFF;
    position: absolute;
    right: 0px;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 3px;
    height: 40px;
    text-align: right
}

.fullscreenDiv,
.marker {
    left: 0!important;
    top: 0!important
}

.fullscreenDiv {
    width: auto!important;
    height: auto!important;
    right: 0!important;
    bottom: 0!important;
    position: absolute!important;
    background: #FFF;
    z-index: 999999;
    overflow: hidden
}

.zoomHolder {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.marker {
    position: absolute!important;
    bottom: auto!important;
    right: auto!important
}

.productStock {
    margin-top: 10px
}

.productStock>span {
    font-size: 15px
}

.productStock a {
    text-decoration: none;
    outline: none
}

.productStock a:hover {
    color: #A9A9A9
}

.productStock a:hover .icon i {
    color: #A9A9A9
}

.productStock a:hover:focus {
    color: #A9A9A9
}

.productStock a:focus {
    color: #33AC00
}

.productStock .icon {
    display: inline-block;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    vertical-align: text-bottom;
    text-align: center;
    line-height: 10px;
    margin-right: 3px
}

.productStock .icon.mRight8 {
    margin-right: 8px
}

.productStock .icon.noBorder {
    border: none
}

.productStock .icon i {
    color: #33AC00;
    font-size: 18px;
    top: -1.5px
}

.productStock .icon.stock {
    margin-right: 5px
}

.productStock .popover {
    padding: 0;
    border: solid 1px #d4d4d4;
    margin-left: 15px
}

.productStock .popover .popover-header {
    margin-top: 0px;
    padding: 10px 15px;
    font-size: 16px;
    background-color: #f8f8f8;
    border-radius: 5px 5px 0px 0px;
    font-weight: 500;
    margin-bottom: 0
}

.productStock .popover .popover-header .icon i {
    top: -1px
}

.productStock .popover .popover-body {
    padding: 10px
}

.productStock .glyphicon-map-marker {
    font-size: 18px!important;
    top: -2px
}

.tableContainer .productStock {
    display: inline-block;
    margin-top: 5px
}

.tableContainer .productStock>a .icon {
    border: solid 1px #666666;
    height: 12px;
    width: 12px;
    vertical-align: text-bottom;
    text-align: center;
    line-height: 6px;
    margin-bottom: 2px;
    margin-right: 0;
    display: none
}

.tableContainer .productStock>a .icon i {
    font-size: 6px;
    color: #999999
}

.tableContainer .productStock>a .icon .glyphicon-map-marker {
    font-size: 12px!important
}

.tableContainer .productStock>a .icon.noBorder {
    border: none;
    display: none
}

.tableContainer .productStock>a .icon.noBorder i {
    font-size: 12px;
    top: 0
}

.tableContainer .productStock a {
    color: #999999;
    font-size: 11px;
    outline: none
}

.tableContainer .productStock a:hover {
    color: #A9A9A9
}

.tableContainer .productStock a:hover .icon {
    border-color: #A9A9A9
}

.tableContainer .productStock a:hover .icon i {
    color: #A9A9A9
}

.tableContainer .popover-body small a {
    color: #33AC00
}

.tableContainer .checkAvailResult {
    margin-bottom: 10px
}

#checkAvailablityModal {
    padding-right: 0!important
}

#checkAvailablityModal i {
    top: unset
}

#checkAvailablityForm {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 15px
}

#checkAvailablityForm .form-group {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

#checkAvailablityForm select {
    height: 40px;
    padding: 0 5px
}

#checkAvailablityForm .form-control {
    height: 40px;
    text-align: left;
    padding: 0 10px
}

#checkAvailablityForm label {
    font-weight: normal
}

#checkAvailablityForm button {
    margin-top: 0;
    width: 100%;
    height: 40px;
    line-height: 1
}

#checkAvalablityContainer {
    margin-bottom: 10px
}

#checkAvalablityContainer form {
    max-width: none!important;
    width: auto;
    padding-left: 0!important
}

#checkAvalablityContainer form div {
    display: inline-block;
    width: 230px;
    margin-right: 10px;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

#checkAvalablityContainer form div.zipCodeContainer {
    width: 90px
}

#checkAvalablityContainer form .countryContainer.expanded {
    width: 320px
}

#checkAvalablityContainer .form-group {
    display: block;
    width: 100%;
    margin-bottom: 0;
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms
}

#checkAvalablityContainer .form-group .form-control {
    text-align: left;
    padding: 4px 15px
}

#checkAvalablityContainer .form-group select {
    padding: 0 15px;
    height: 35px
}

#checkAvalablityContainer .btn {
    margin: 0;
    height: 35px;
    padding: 0;
    width: 175px;
    vertical-align: baseline;
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms
}

#checkAvalablityContainer .btn.expanded {
    width: calc(50% - 14px)
}

.checkAvailablityPopoverTitle {
    font-size: 18px
}

.checkAvailablityPopoverTitle i {
    color: #33AC00
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #checkAvalablityContainer form div {
        width: 155px
    }
    #checkAvalablityContainer form div.countryContainer.expanded {
        width: 259px
    }
    #checkAvalablityContainer .btn {
        width: 150px
    }
}

@media screen and (max-width:991px) {
    #checkAvalablityContainer {
        margin-top: 10px
    }
    #checkAvalablityContainer form div {
        width: 395px
    }
    #checkAvalablityContainer form div.countryContainer.expanded {
        width: 499px
    }
    .tableContainer .checkAvailResult {
        margin-top: 10px
    }
    #checkAvailablityModal .modal-body {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .tableContainer .productStock .popover {
        margin-left: 0!important
    }
}

@media screen and (max-width:500px) {
    .tableContainer .productStock>a .icon,
    .tableContainer .productStock>a .icon.noBorder {
        display: inline-block
    }
}

.news {
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 20px;
    margin-top: 20px;
    -webkit-box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4);
    box-shadow: 2px 2px 5px rgba(188, 188, 188, 0.4)
}

.news h2 {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 25px
}

.news hr {
    margin-top: 10px;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.news .newsArticle {
    float: left;
    margin-bottom: 20px
}

.news .newsContent .newsTitle {
    color: #666666;
    line-height: 1;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.news .newsContent p {
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
    margin-bottom: 5px
}

.news .newsContent a {
    font-size: 16px
}

.news .newsContent a i {
    font-size: 14px
}

.news .panel-group {
    float: left;
    width: 100%;
    margin-bottom: 0
}

.news .panel-group .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.news .panel-group .panel .panel-heading {
    padding: 0;
    background-color: transparent;
    border: 0
}

.news .panel-group .panel .panel-body {
    border: 0;
    padding: 0
}

.news .newsToggleContainer {
    position: absolute;
    height: 30px;
    bottom: 1px;
    width: 100%;
    right: 1px;
    border-radius: 0 0px 3px 0;
    overflow: hidden;
    cursor: pointer
}

.news .newsToggleContainer .newsToggle {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    border-color: transparent transparent #33AC00 transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news .newsToggleContainer .newsToggle:hover {
    border-color: transparent transparent #A9A9A9 transparent
}

.news .newsToggleContainer .newsToggle:hover:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.news .newsToggleContainer .newsToggle:before {
    content: 'All News';
    color: #33AC00;
    position: absolute;
    right: 30px;
    width: auto;
    white-space: nowrap;
    font-size: 14px
}

.news .newsToggleContainer .newsToggle.expanded:before {
    content: 'Less News'
}

.news .newsToggleContainer:hover .newsToggle {
    border-color: transparent transparent #A9A9A9 transparent
}

.news .newsToggleContainer:hover .newsToggle:before {
    color: #A9A9A9;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.news1 img {
    float: left;
    max-width: 110px
}

.news1 .newsContent {
    width: calc(100% - 110px);
    float: right;
    padding: 0 15px
}

.news3 img {
    width: 100%
}

.news3 .newsContent {
    width: 100%;
    margin-top: 10px
}

.article .articleImage {
    margin-bottom: 15px
}

.article a.btn-success {
    margin-top: 10px
}

@media screen and (max-width:992px) {
    .news h2 {
        font-size: 28px
    }
    .news .newsArticle {
        margin-bottom: 21px
    }
    .news .newsContent .newsTitle {
        font-size: 20px
    }
    .news .newsContent p {
        font-size: 14px;
        margin: 5px 0
    }
    .news .newsContent a {
        font-size: 14px
    }
    .news1 .newsArticle {
        float: left
    }
}

@media screen and (max-width:992px) {
    .article {
        margin-bottom: 25px
    }
}

body {
    position: relative
}

.homepage-header {
    height: 485px
}

#fdLogo {
    margin-top: 7px
}

.smallHeader {
    background-color: #444
}

.logo img {
    margin-top: -4px
}

.logo small {
    color: #858585;
    margin-top: -15px
}

#acctMenu li a:not(.btn-primary) {
    color: #0884e7
}

#fullToggle.col-sm-2 {
    padding: 0;
    margin-left: 5px;
    border-right: 1px solid #444;
    border-left: 1px solid #444
}

#fullToggle.col-sm-2:hover {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0
}

#fullToggle.auto-opened {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0
}

#acctMenu,
#cartMenu {
    border-right: 1px solid #444;
    border-left: 1px solid #444
}

#acctMenu:hover,
#cartMenu:hover {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0
}

.component td>a {
    font-size: 12px;
    font-weight: 600;
    color: #0884e7
}

.catalog a {
    color: #0884e7
}

footer {
    position: relative
}

.alert.alert-danger {
    background: #ff2f00
}

@media only screen and (max-width:768px) {
    #vendor.dropdown-menu.collapse {
        width: calc(100% + 2px);
        margin-left: -6px
    }
    #acctMenu,
    #cartMenu {
        border-right: 0;
        border-left: 0
    }
    #acctMenu:hover,
    #cartMenu:hover {
        border-right: 0;
        border-left: 0
    }
}


/*# sourceMappingURL=base.css.map */