﻿

@import url(https://fonts.googleapis.com/css?family=Oswald);
html, body, div, span, p, section, article, footer, header nav { padding: 0px; margin: 0px; }
body { font-family: 'Oswald'; font-size: 1.6em; background: url("/_template/images/html-bg.gif") no-repeat center 0 fixed #737373; background-size: cover; }
#_GPL_e6a00_parent_div { display: none !important; }



body { font-family: 'Oswald', sans-serif; font-size: 1.6em !important; }
h1 { font-weight: 400; color: #fff; line-height: 1.2em; font-family: oswald; display: inline-block; margin: 10px 0 20px; padding: 10px 150px 12px 20px; font-size: 1.2em; background-color: #8e8e8e; }
h2 { font-weight: 400; line-height:1.4em; font-family: oswald; color: #9a1a1a; display: inline-block; margin: 10px 0 10px; padding: 0; font-size: 1.2em; }
h3 { font-weight: 400; font-family: oswald; color: #9a1a1a; display: inline-block; margin: 10px 0 10px; padding: 0; font-size: 1.1em; }
h4 { font-weight: 400; font-family: oswald; color: #9a1a1a; display: inline-block; margin: 0 0 10px; padding: 0; font-size: 1em; }
h5 { line-height: 1.4em; }
p { margin: 0 0 10px !important; line-height: 1.6em; font-weight: lighter; font-size: 1em; }

.grey-highlight { color: #fff; line-height: 1.2em; display: inline-block; margin-bottom: 20px; padding: 10px 150px 12px 20px; background-color: #8e8e8e; }

hr { clear: left; margin-top: 33px; }

.video-pane { margin-top: 15px; max-height: 550px; }

.font-white { color: #fff !important; }
.editor ul, .editor ol { margin: 0 0 10px 20px; padding: 0; }
.editor ul li, .editor ol li { line-height: 2em; }
.editor div.full-width { display: inline-block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.editor div.content-width { float: left; display: inline-block; width: calc(100% + 60px); margin-left: -30px; padding-left: 15px; padding-right: 15px; }
.editor div.content-width .container { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
.editor .widget { background-size: cover; background-position: center center; background-repeat: no-repeat; }

.linethrough { text-decoration: line-through; }

.cke_widget_wrapper .cke_widget_element { float: none !important; }

.editor .green-text { color: #3E9481 !important; }
.editor .white-text { color: #ccc !important; }
/*.editor .raleway-bold { font-family: 'raleway:700' !important; }*/

/*mobile-adjustments*/
@media screen and (max-width:768px) {
    h1 { font-size: 1.4em; }
    h2 { font-size: 1.4em; }
    h3 { font-size: 1.2em; }
    .content-heading { padding: 0!important; }
    .content-heading h1 { width: 100%; padding: 10px 15px 12px 15px; }

    .video-pane { max-height: 350px; }

    .editor img { width: 100% !important; height: auto !important; margin: 0 0 5px 0 !important; }
    .editor div.content-width { padding-top: 15px !important; padding-bottom: 15px !important; }
    body { background-size: contain; }
}

.editor table { margin-bottom: 15px; table-layout: fixed; }

.red-button { display: inline-block; padding: 8px 18px; background-color: #c00; margin-top: 10px; color: #fff !important; border-radius: 4px; font-size: 0.9em; font-weight: bold; }
.red-button:hover { text-decoration: none !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.red-box { background-color: #292627; margin: -150px 0 40px 0; height: 300px; padding: 0; overflow: hidden; }
.red-box > div { background-color: #292627; border-radius: 40px; padding: 40px; height: 300px; }
.red-box > div:hover { background: linear-gradient(to bottom, #c40000 0%, #950000 100%); border-radius: 30px; }
.red-box > div * { color: #fff !important; }
.red-box > div .red-button { background-color: #fff; color: #c00 !important; }

.carousel-indicators { width: 100%; }

.red-box:nth-child(2n+1) { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.red-box:first-of-type { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

/*mobile-adjustments*/
@media screen and (max-width:768px) {
    .red-box { border-radius: 0 !important; margin: 0 !important; background-color: #fff; height: auto; }
    .red-box > div { border-radius: 20px; padding: 20px 0; height: auto; margin-bottom: 20px; }
}

/*CK-EXCLUDE*/
/*CK-EXCLUDE*/
.navbar-collapse.collapse { padding: 3px 0 0 0 !important; display: table !important; float: none !important; margin: 0 auto !important; }

.editor .white-text { color: #fff !important; }
.editor .img-responsive { display: inline-block; }

.home h1 { font-size: 2.8em; line-height: 1.6em; }
.home h2 { font-size: 2em; line-height: 1.4em; font-weight: 700; }
.home h3 { font-size: 1.8em; line-height: 1.2em; }
.home .editor > div { float: left; }

.btn { text-transform: uppercase; letter-spacing: 1px; }

.panel-body { padding: 0 !important; min-height: 500px; }
#pane-top { padding: 0 !important; }

.form-group { float: left; width: 100%; padding-bottom: 0px; position: relative; }
.form-group label { z-index: 1; font-family: sans-serif; font-size: 1em; line-height: 1.8em; height: 39px; font-weight: 100; color: #555; }
.form-group input { font-family: sans-serif; font-size: 0.9em; padding: 30px 15px 12px; height: 49px; }
.form-group textarea { padding: 10px; }
.form-control-feedback { top: 0 !important; }
.form-group.has-error .help-block { display: none !important; margin-bottom: 8px; font-size: 0.9em; }
.invalid-on-submit .form-group.has-error .help-block { color: #fff; }
.form-group select { font-family: sans-serif; font-size: 0.9em; padding-top: 22px !important; padding-left: 11px; height: 49px; }
.form-group select + i { display: none !important; }
.form-group .ddl > label { }
/*mobile-adjustments*/
@media screen and (max-width:768px) {
    .form-group.ddl > label { display: none; }

    .home .full-width, .home .content-width { padding-top: 20px !important; padding-bottom: 20px !important; }
}


.parallax .content-heading h1 { margin-bottom: 0; }

header { height: 200px; width: 100%; z-index: 2; }
header > div > a { display: inline-block; float: left; margin: 5px 30px 10px 0; padding: 0 !important; }
header nav { margin: 0 !important; display: inline-block; }
header nav > ul { float: right !important; padding-right: 0 !important; }
header nav li:last-of-type { border: none; }
header nav a { color: #fff; margin-top: 0; border: solid 1px transparent; padding: 0 0 4px 0 !important; text-transform: uppercase; font-size: 1.1em; }
header nav a:focus { background-color: transparent !important; color: #fff !important; }
header nav li.selected a { color: #fff; background-color: transparent !important; border-bottom-color: #fff; }
header nav a:hover { color: #fff; background-color: transparent !important; border-bottom-color: #fff; }
header nav ul li { list-style: none; padding: 8px 15px 0 15px !important; }
header nav ul li > ul { display: none; border-top: solid 3px #fff; z-index: 10000; padding: 0; min-width: 230px; position: absolute; background-color: #fff; float: left; top: 39px; left: 0; right: 0; margin: 0 auto; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); }
header nav ul > li > ul li { text-align: left; list-style: none; margin: 0; }
header nav ul ul a { display: inline-block; width: 100%; padding: 6px 20px; color: #000; font-size: 0.9em; }
header nav ul ul a:hover { text-decoration: none; background-color: transparent !important; color: #000; }
header nav ul ul a:focus { text-decoration: none; background-color: transparent !important; color: #000 !important; }

.sub-nav-item { padding-bottom: 5px; }
header nav ul > li a.show-sub + ul { display: inline-block; }

header .right { float: left; width: 100%; padding: 18px 15px 0 15px; }
header .right .social { float: right; text-align: right; }
header .right nav { background-color: #9a1a1a; width: 100%; border-radius: 0; height: 47px; min-height: initial; }

header .right nav > li > a { padding: 7px; text-transform: uppercase; color: #fff; }

/*small desktop*/
@media screen and (min-width:992px) and (max-width:1199px) {
    header nav li > div > div > div { width: 50%; }
    .listing > div > div > a { height: 210px !important; }
    header .left img { width: 150px; }
}

/*mobile-adjustments*/
@media screen and (max-width:768px) {
    header nav li > div { padding: 0 !important; }
    header nav .navbar-nav { max-width: 400px; overflow: auto; border: none; width: calc(100% + -70px); padding: 5px 0 0 0 !important; margin: 0 !important; background-color: #fff; position: fixed; z-index: -1; right: 28px; }
    header nav li { border: none; }
    header nav li a { text-align: left; font-size: 0.9em !important; float: left; padding: 10px 15px !important; width: 100%; border-bottom: solid 1px #ccc !important; }
    header nav li > div > div > div > div { padding: 0 !important; }
    header nav li > div a { width: 100%; !important; }
    header > .mid-bar.fixed .navbar { margin: 10px 0 0 0; }
    header nav li > div .sub-nav-item a { margin-left: 0; }
    header { height: 106px; }
    header .container > div { padding: 0; }
    header a img { width: 116px; margin-top: 4px; }
    header .navbar { position: absolute; right: 0; top: 10px; top: 56px; background-color: transparent !important; }
    header nav li > div { width: 100%; position: relative !important; top: 0; left: 0; box-shadow: none !important; }
    header nav li > div > div > div { width: 100% !important; }
    header nav li > div a { margin-bottom: 0; padding-left: 30px !important; background-color: #fff !important; }
    header nav li > div .sub-nav-item a { padding-left: 44px !important; }

    header nav ul li { padding: 0 !important; }
    .navbar-collapse.collapse { display: none !important; }
    .nav-open .navbar-collapse.collapse { display: inherit !important; padding-bottom: 20px !important; }
    header nav li { float: left; width: 100%; }
    .sub-nav-item { margin-bottom: 0; }


    .mid-bar.fixed nav .navbar-toggle { position: fixed; }
    .nav-open header nav .navbar-toggle { position: relative !important; }
    .nav-open .wrapper { position: absolute; }
    .nav-open footer { height: 0; overflow: hidden; }
    .nav-open .panel-body { display: none; }
    .nav-open header { position: fixed; }

    .navbar-toggle { float: right; border-color: #ccc; background-color: #fff; color: #000; margin: 0px 15px 0 0; }
    .navbar-toggle > .icon-bar { background-color: #000; }

    .nav-open .navbar-toggle { background-color: #fff; }

    header > div > a { margin: 2px 30px 0 -15px !important; }
    header nav a, header nav a:focus { color: #000 !important; }
    header nav ul li > ul { border-top: none !important; width: 100%; box-shadow: none !important; top: 0; position: relative !important; display: inline-block !important; background-color: #fff !important; }
    header nav ul li > ul a { padding: 10px 15px 10px 25px !important; }
    header .right .social { margin-top: 8px; }
}


@media (min-width:768px) and (max-width: 993px) {
    header nav li > div { padding: 0 !important; }
    header nav .navbar-nav { max-width: 400px; height: auto !important; overflow: auto; border: none; width: calc(100% + -70px); padding: 5px 0 0 0 !important; margin: 0 !important; background-color: #fff; position: fixed; z-index: -1; right: 28px; top: 0; }
    header nav li { border: none; }
    header nav li a { font-size: 0.9em !important; float: left; padding: 10px 15px !important; width: 100%; border-bottom: solid 1px rgb(206, 202, 202); }
    header nav li > div > div > div > div { padding: 0 !important; }
    header nav li > div a { width: 100%; !important; }
    header > .mid-bar.fixed .navbar { margin: 10px 0 0 0; }
    header nav li > div .sub-nav-item a { margin-left: 0; }
    header { height: 106px; }
    header .container > div { padding: 0; }
    header a img { width: 136px; margin-top: 4px; }
    header .navbar { margin-top: 10px !important; min-height: 0 !important; }
    header nav li > div { width: 100%; position: relative !important; top: 0; left: 0; box-shadow: none !important; }
    header nav li > div > div > div { width: 100% !important; }
    header nav li > div a { margin-bottom: 0; padding-left: 30px !important; background-color: #fff !important; }
    header nav li > div .sub-nav-item a { padding-left: 44px !important; }
    header > div > a { margin: 8px 30px 0 0 !important; }

    header .navbar { position: absolute; right: 0; top: 50px; }

    .navbar-toggle { float: right; border-color: #ccc; background-color: #fff; color: #000; margin: 0px 15px 0 0; }
    .navbar-toggle > .icon-bar { background-color: #000; }

    .nav-open .navbar-toggle { background-color: #fff; }

    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-nav { float: none !important; margin: 7.5px -15px; }
    .navbar-nav > li { float: none; }
    .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .nav-open .navbar-collapse.collapse { display: block !important; }
    .collapsing { overflow: hidden !important; }

    .mid-bar.fixed nav .navbar-toggle { position: fixed; }
    .nav-open header nav .navbar-toggle { position: relative !important; }
    .nav-open .wrapper { position: absolute; }
    .nav-open footer { height: 0; overflow: hidden; }
    .nav-open .panel-body { display: none; }
    .nav-open header { position: fixed; }
    .navbar-toggle { display: inline-block; }

    header nav a { color: #000 !important; }
    header nav ul li > ul { border-top: none !important; width: 100%; box-shadow: none !important; top: 0; position: relative !important; display: inline-block !important; background-color: #fff !important; }
    header nav ul li > ul a { padding: 10px 15px 10px 25px !important; }
    header .right .social { margin-top: 8px; }
}

footer { background-color: #000; }
footer > div { padding: 60px 0 10px; }
footer .top { padding-bottom: 30px; width: 100%; display: inline-block; }
footer .top h2 { color: #fff; font-weight: bold; font-size: 1.2em; margin-bottom: 24px; text-transform: uppercase; }
footer .top p { color: #fff; font-size: 0.9em; }
footer .top a { color: #fff !important; font-size: 1em; line-height: 1.8em; }
footer .top ul { margin: 0; padding: 0; }
footer .top ul li { margin: 0; padding: 0; list-style: none; }
footer .bottom p { color: #fff; font-size: 0.8em; }
footer .bottom a { color: #fff !important; font-size: 0.8em; }
footer .left { float: left; width: 50%; padding-left: 15px; }
footer .right { float: right; width: 50%; text-align: right; padding-right: 15px; }

footer .social-media { color: #fff; height: 25px; margin-bottom: 12px; text-align: center; display: inline-block; }
footer .social-media > span { display: inline-block; vertical-align: top; font-size: 0.9em; padding: 5px 5px 0 0; }
footer .social-media > div { display: inline-block; }
footer .social-media > div > a > span { background-color: transparent !important; width: 26px !important; height: 26px !important; }
footer .social-media > div > a > span .at-icon { width: 26px !important; height: 26px !important; fill: #999999; }
footer .social-media > div > a:hover .at-icon { fill: #fff !important; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    footer .left { width: 100%; text-align: center; }
    footer .right { width: 100%; text-align: center; margin-bottom: 10px; }
    footer div { text-align: center; }
    footer .top > div { margin-bottom: 30px; }
    footer .top h2 { margin-bottom: 10px; }
}

#top-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: inset 0 0 30px #6d6d6d; }
#top-banner > div > * { max-width: 476px; color: #fff; }
#top-banner > div > h1 { display: inline-block; border-bottom: solid 1px #fff; text-transform: uppercase; font-weight: bolder !important; font-size: 1.8em !important; width: 100%; padding-bottom: 8px; margin-bottom: 15px; ba }

#bottom-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: inset 0 0 30px #6d6d6d; }
#bottom-banner > div > * { max-width: 476px; color: #fff; }
#bottom-banner > div > h3 { display: inline-block; border-bottom: solid 1px #fff; text-transform: uppercase; font-weight: bolder !important; font-size: 1.8em !important; width: 100%; padding-bottom: 8px; margin-bottom: 15px; ba }

/*Email Form*/
.widget.emailform .form-group { position: relative; }
.widget.emailform { height: auto !important; overflow: hidden; }
.widget.emailform h3 { display: none; }
.widget.emailform .textarea > textarea { height: 150px; resize: none; font-size: 1em; padding: 25px 15px 10px; }
.widget.emailform input.btn { float: right; text-transform: uppercase; background-color: #53ae3b; color: #fff; padding: 12px 20px; border-radius: 4px; }
.widget.emailform input.btn:hover { background-color: #25292d; text-decoration: none; }

.widget.emailform .group { display: inline-block; margin-bottom: 15px; width: 100%; }
.widget.emailform .group h3 { display: inline-block; font-size: 1em; }
.widget.emailform .group i { display: none; }

.widget.emailform .btn-success { font-size: 1em; }
.widget.emailform .group-undefined h3 { display: none; }
.widget.emailform input[type=radio] { box-shadow: none; font-family: Arial !important; border: none; margin: 5px 5px 0 0; display: inline-block; width: 14px; height: 14px; }
.widget.emailform input[type=radio] + label { position: relative; font-size: 0.9em; color: #000; height: 27px !important; left: 16px !important; top: 0 !important; display: inline-block; vertical-align: top; padding: 0 0 0 5px !important; }

.widget.emailform .form-group.radio { margin-top: 0; margin-bottom: 3px; }
.widget.emailform input[type=checkbox] { border: none; display: inline-block; width: 15px; height: 15px; margin-top: 5px; }
.widget.emailform input[type=checkbox] + label { display: block; font-size: 0.9em; color: #000; margin-left: 20px; padding-left: 7px; line-height: 20px; text-align: left; }

.widget.emailform input[type=checkbox] + label::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #fdfdfd;
    border: 1px solid #ccc;
    @include vendorize(box-shadow, inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1));
}

.widget.emailform .form-group.check { margin-top: 0; }
.widget.emailform input[type=checkbox] + label::after { display: block; position: absolute; width: 20px; height: 20px; top: 0; left: 0; font-size: 18px; color: #0087b7; line-height: 20px; text-align: center; }
.widget.emailform input[type="checkbox"] { opacity: 0; z-index: -1; position: absolute; }
.widget.emailform input[type="checkbox"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; background: #3f463f; color: #fff; }

.social { margin: 0; padding: 0; }
.social li { list-style: none; margin: 0; padding: 0; }
.social li i { width: 42px !important; height: 42px !important; display: block; color: #fff; background-color: #c00; width: 30px; height: 30px; text-align: center; border-radius: 50%; }
.social li i::before { font-size: 1.8em; line-height: 1.4em; }

.panel-body > .container { background-color: #fff; min-height: 500px; }
.panel-body > .container > section { padding-bottom: 15px; }
.panel-body > .container > section.parallax { padding-bottom: 0; }

.content-heading { padding: 0 15px; }
.content.editor { padding: 0 15px; }

.listing-items { padding: 0 -15px; }
.listing-item a { color: #000; height: 210px; display: inline-block; width: 100%; border-bottom: solid 1px #ccc; }
.listing-item a:hover { text-decoration: none; }
.listing .image-wrapper { width: 150px; height: 120px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.listing .image-wrapper img { width: 100%; }
.listing .button { padding: 4px 15px; color: #fff; background-color: #9a1a1a; }
.listing h2 { width: 100%; }


.paging > ul { float: right; }
.paging > ul li { float: left; margin-left: 4px; }
.listing .teaser-wrapper > p > span:last-child { line-height: 1.4em; position: absolute; display: inline-block; bottom: 10px; right: 15px; text-align: center; padding-top: 3px; width: 120px; height: 30px; background-color: #9a1a1a; color: #fff; }
.htmlblock iframe { width: 100% !important; }

/*Stock Sort*/
.sort-filter { float: right; margin-top: -70px; margin-right: 5px; }
.stock-sort { float: right; margin-right: 10px; width: 220px; }

/*Stock Filter*/
.stock-filter { float: right; }
.sort-filter .glyphicon { top: 3px; }
.sort-filter select { padding: 6px 12px !important; height: 35px !important; max-width: 240px; display: inline-block; }
.stock-filter-modal .form-group { padding: 0 5px; width: 50%; }
.stock-filter-modal ul { display: inline-block; margin: 0; padding: 0 0 0 5px; }
.stock-filter-modal ul li { list-style: none; width: 180px; display: inline-block; padding-bottom: 10px; }
.stock-filter-modal ul li .checkbox { margin: 0; width: 100%; }
.stock-filter-modal ul li .checkbox input { margin-top: 5px; margin-left: 0; }
.stock-filter-modal ul li .checkbox label { width: 100%; margin: 0; font-size: 0.9em; }
.stock-filter-modal .brands { float: left; }
.stock-filter-modal .filter-item { margin-bottom: 5px; padding-bottom: 15px; display: inline-block; border-bottom: dashed 1px #ccc; width: 100%; }
.stock-filter-modal .filter-item:first-child { padding-bottom: 5px; }
.stock-filter-modal .filter-item > label { padding: 0 0 0 5px !important; }
.stock-filter-modal .modal-body { display: inline-block; width: 100%; max-height: 300px; overflow: auto; }
.stock-filter-modal .form-group label { text-align: left; font-size: 0.9em; top: 2px !important; background-color: transparent !important; padding: 0 0 0 44px !important; margin-bottom: 0 !important; height: 20px !important; z-index: 3; width: calc(100% + -15px); }
.filter-dialog .btn-wrapper { float: right; margin-top: -3px; }

/*mobile-adjustments*/
@media screen and (max-width:768px) {
    .sort-filter { float: none; margin: 0; text-align: center !important; }
    .sort-filter > div { margin-bottom: 5px; width: 100%; display: inline-block; }
    .stock-filter-modal .brands label { text-align: left; }
    .stock-filter-modal ul { text-align: left; }
    .stock-sort { margin-right: 0 !important; }
    .stock-filter-modal .modal-body { max-height: initial; }
    .sort-filter select { margin-top: 10px; }

    .listing a { height: auto; }
    .listing .teaser-wrapper > p > span:last-child { position: relative; float: left; clear: left; right: 0; margin-top: 15px; margin-right: 15px; }
}


/*add-to-basket-wrapper*/
.product-item .add-to-basket-wrapper { float: left; margin-bottom: 20px; border: solid 1px #536283; padding: 20px 5px 5px 5px; width: 100%; }
.product-item .add-to-basket-wrapper .item-cost { margin-left: 10px; padding: 0; display: inline-block; font-size: 1.2em; min-width: 90px; }
.product-item .add-to-basket-wrapper .item-cost > span { width: 100%; display: inline-block; }
.product-item .add-to-basket-wrapper > div { padding: 0; }
.product-item .add-to-basket-wrapper .btn.add-to-basket { margin: 10px 0 20px 0; white-space: normal; padding: 10px 15px; font-size: 1.1em; }
.product-item .add-to-basket-wrapper .btn.add-to-basket + .action-spinner { margin-top: 18px; }
.product-item .add-to-basket-wrapper .btn:focus, .product-item .add-to-basket-wrapper .btn:active:focus, .product-item .add-to-basket-wrapper .btn.active:focus { color: #fff; }
.product-item .add-to-basket-wrapper .btn-warning { background-color: #003461; border-color: #003461; }

.extra-info-modal .alert ul { padding-left: 20px; }
.extra-info-modal .form-group { padding: 0; }

.extra-info-modal .modal-header .btn-wrapper { float: right; margin-top: -4px; }
.extra-info-modal .modal-body label { text-align: left; }

.extra-info-modal .modal-header { height: 54px; }
.extra-info-modal .modal-header h4 { float: left; }
.extra-info-modal .action-btn > input { font-size: 1em; }

.extra-info-modal .form-group > input { max-width: initial !important; }
.extra-info-modal .modal-body { padding-bottom: 0; padding-top: 20px; }
.extra-info-modal .modal-body select option { font-size: 0.9em; }
.product-item .add-to-basket-wrapper .in-stock-icon { vertical-align: top; float: left; display: inline-block; margin: 2px 10px 0 0; width: 30px; height: 25px; font-size: 1.4em; }
.product-item .add-to-basket-wrapper .in-stock-icon.glyphicon-ok { color: #8AC540; }
.product-item .add-to-basket-wrapper .in-stock-icon.glyphicon-ban-circle { color: rgb(149, 21, 21); }
.product-item .add-to-basket-wrapper .in-stock-icon.glyphicon-warning-sign { color: #ac530c; }
.product-item .add-to-basket-wrapper .in-stock-icon + p { font-size: 1em; float: left; display: inline-block; padding-top: 2px; width: calc(100% + -42px); }
.product-item .add-to-basket-wrapper .add-to-basket { color: #fff; }
.product-item .add-to-basket-wrapper .item-added { display: none; background-color: #8cc045; width: calc(100% + -30px); margin-left: 16px; padding: 12px 15px 4px; position: absolute; top: 0; left: 0; z-index: 2000; }
.product-item .add-to-basket-wrapper .item-added p { margin: 0; padding: 0; color: #fff; }
.product-item .add-to-basket-wrapper .form-group.item-qty > label { width: auto !important; left: 14px !important; top: 4px !important; }
.product-item .add-to-basket-wrapper .form-group.item-qty > input { max-width: 80px; padding-right: 0 !important; }
.product-item .add-to-basket-wrapper .form-group.variation-one > select { padding: 6px 12px !important; height: 42px !important; }
.product-item .add-to-basket-wrapper .form-group.variation-two > select { padding: 6px 12px !important; height: 42px !important; }
.product-item .add-to-basket-wrapper .item-qty { width: auto !important; }
.product-item .add-to-basket-wrapper .item-qty i { display: none !important; }
.product-item .add-to-basket-wrapper .item-qty label { left: 16px !important; }
.product-item .add-to-basket-wrapper .form-group { padding-left: 0; padding-right: 0; }
.product-item .add-to-basket-wrapper .left > div { padding-left: 0; padding-right: 0; }
.product-item .add-to-basket-wrapper .action-btn { margin-left: 0; }
.product-item .descrip-wrapper iframe { width: 100% !important; }
.product-item .add-to-basket-wrapper .warning { color: #e12929; }
.zip-widget__wrapper { min-height: 71px; padding: 10px 0 5px !important; display: inline-block !important; width: 100% !important; }

.variation-two select > .in-stock { color: #29ad15; }
.variation-two select > .out-stock { color: #d05900; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    body { -webkit-text-size-adjust: none; }
    .product-item .add-to-basket-wrapper .form-group > label { left: 16px !important; }
    .product-item > .row { margin: 0; }
    .product-item > .row > div { padding: 0; margin-bottom: 20px; }
    .product-item .add-to-basket-wrapper .form-group { padding: 0 !important; }
    .product-item .left-col-wrapper { padding-right: 0 !important; }
    .product-item .add-to-basket-wrapper .in-stock-icon { text-align: center; float: none; }
    .product-item .add-to-basket-wrapper .in-stock-icon + p { text-align: left; float: none; max-width: none; }
    .product-item .add-to-basket-wrapper .item-qty i { width: 80px !important; }
    .product-item .add-to-basket-wrapper .item-cost { float: left; }
    .extra-info-modal .modal-body select option { -webkit-text-size-adjust: none; font-size: 0.7em; }
}

.basket-overview { position: fixed; z-index: 200000; top: 90px; width: 200px; height: 200px; overflow: hidden; background-color: #fff; border-radius: 6px 0 0 6px; right: 0; border: solid 3px #003461; border-right: 0; padding: 20px; }
.basket-overview > h3 { margin: 0 0 10px 0; font-size: 1.2em; display: inline-block; }
.basket-overview .glyphicon { cursor: pointer; margin-bottom: 15px; font-size: 1.3em !important; }
.checkout-hide { font-size: 1.2em !important; cursor: pointer; border-radius: 30px; z-index: 20000000; position: fixed; top: 82px; right: 189px; background-color: #fff; }
.basket-overview .btn { background-color: #5cb85c; border: none; padding: 8px 20px 10px; color: #fff; font-size: 1.2em; margin-top: 5px; }
.basket-overview .basket-cost span { margin-right: 10px; }
.basket-overview p { font-size: 0.9em; }
/*mobile-adjustments*/
@media screen and (max-width:768px) {
    .basket-overview { height: auto; }
    .stock-list-wrapper > .content-heading { display: none; margin-top: -114px; text-align: center; }
    .stock-list-wrapper > .sort-filter { margin-top: -95px; }
    .product-item > .content-heading { text-align: center; }
    .stock-list-wrapper .category-items { margin-top: 100px; }
    .stock-list-wrapper h1 { text-align: center; }
    .account-login { padding-left: 0; padding-right: 0; }
}

/*nav-tabs*/
.product-item .nav-tabs { border-bottom-color: #003461; }
.product-item .tab-content { width: 100%; margin-top: -5px; overflow: auto; padding: 20px; border: solid 1px #536283; border-top: none; }

/*Product Image Gallery*/
.product-item .image-gallery-wrapper { float: left; border: solid 1px #536283; padding: 0; height: 338px; width: 100%; overflow: hidden; position: relative; }
.product-item .image-gallery-wrapper .main-image { height: 338px; overflow: hidden; position: absolute; text-align: center; border-right: solid 1px #102042; }
.product-item .image-gallery-wrapper .main-image.one-image { border-right: none; }

.product-item .image-gallery-wrapper #zoom-image { max-height: 337px; height: auto !important; max-width: 100%; }
/*.zoomContainer { max-height: 336px !important; max-width: 338px !important; }*/
.product-item .image-gallery-wrapper #thumb-wrapper { background-color: #fff; text-align: center; z-index: 2000; position: absolute; right: 0; padding: 0; }
.product-item .image-gallery-wrapper #thumb-wrapper > div { position: relative; top: 32px; }
.product-item .image-gallery-wrapper #thumb-wrapper > div > a { display: inline-block; padding: 0; text-align: center; }
.product-item .image-gallery-wrapper #thumb-wrapper > div > a > img { width: 100px; height: 100px; border: solid 2px #ccc; margin: 5px; }
.product-item .image-gallery-wrapper .thumb-wrapper > span.up { cursor: pointer; position: absolute; z-index: 20000; left: 0; top: 0; font-size: 1.4em; margin: 0; line-height: 1.6em; width: 34px; display: inline-block; height: 32px; width: 100%; color: #fff; background-color: #9a1a1a; }
.product-item .image-gallery-wrapper .thumb-wrapper > span::before { position: relative; top: -3px; }
.product-item .image-gallery-wrapper .thumb-wrapper > span.down { cursor: pointer; position: absolute; z-index: 20000; left: 0; top: 304px; font-size: 1.4em; margin: 0; line-height: 1.8em; width: 34px; display: inline-block; height: 32px; width: 100%; color: #fff; background-color: #9a1a1a; }
/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .product-item .image-gallery-wrapper { height: auto; }
    .product-item .image-gallery-wrapper #thumb-wrapper { position: initial; padding: 10px 0; }
    .product-item .image-gallery-wrapper #thumb-wrapper > div { top: 0 !important; }
    .zoomContainer { display: none; }
    .product-item .image-gallery-wrapper { border: none; }
    .product-item .row { margin-bottom: 0; }
    .user-login-register .links-block > a { margin-bottom: 10px; }
}
/*tablet-adjustments*/
@media (min-width: 760px) and (max-width: 979px) {
    .product-item .image-gallery-wrapper { height: auto; }
    .product-item .image-gallery-wrapper #thumb-wrapper { position: initial; padding: 10px 0; }
    .product-item .image-gallery-wrapper #thumb-wrapper > div { top: 0 !important; }
    .zoomContainer { display: none; }
}


/*Product Delivery Calculator*/
.product-item .devlivery-calculator-wrapper { float: left; border: solid 1px #536283; padding: 20px 20px 5px 20px; width: 100%; }
.product-item .devlivery-calculator-wrapper > div > div:first-child { float: left; margin-bottom: 10px; }
.product-item .devlivery-calculator-wrapper div { padding: 0; }
.product-item .devlivery-calculator-wrapper > div > .row > div { padding: 0 0 0 10px; }
.product-item .devlivery-calculator-wrapper h2 { width: 100%; background-color: #003461; font-size: 1.1em; line-height: 1.2em; color: #fff; padding: 10px; width: calc(100% + 40px); margin: -20px 0 20px -20px; }
.product-item .devlivery-calculator-wrapper input[type=submit] { background-color: #003461; color: #fff; width: 100%; }
.product-item .devlivery-calculator-wrapper .form-group > label { width: auto !important; left: 14px !important; }
.product-item .devlivery-calculator-wrapper .form-group > input { height: 42px !important; min-width: 50px; padding: 6px 12px !important; }
.product-item .devlivery-calculator-wrapper .form-group > select { padding: 6px 12px !important; height: 42px !important; }
.product-item .devlivery-calculator-wrapper .form-group .action-btn { margin-left: 0 !important; }
.product-item .devlivery-calculator-wrapper .form-group .action-btn > input { font-size: 1em; padding: 2px 12px 0 !important; height: 42px !important; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .devlivery-calculator-wrapper > div > .row > div { padding: 0 10px !important; }
}

.checkout-tabs { width: 100%; float: left; margin-bottom: 15px; }
.checkout-tabs > a { text-decoration: none !important; background-color: #eee; display: inline-block; float: left; color: #31708f; padding: 10px 20px; margin-right: 5px; }
.checkout-tabs > a.selected { background-color: #d9edf7; }
.checkout-tabs > a:last-child { margin-right: 0; }

.checkout-step { padding-bottom: 20px; }
.checkout-step .btn { font-size: 1em; color: #fff; }
.checkout-step .addresses, .checkout-step .addresses > div { padding: 0; }
.checkout-step.step-two { display: inline-block; margin-bottom: 20px; padding: 0 0 20px 0; width: 100%; border-radius: 6px; }
.checkout-step .billing-address .checkbox { width: 240px; margin: -37px 0 15px 200px; padding: 0; }
.checkout-step .billing-address .checkbox > input { margin: 4px 0 0 0; }
.checkout-step .action-btn, .guest-register-wrapper .action-btn { text-align: center; padding-bottom: 20px; }
.checkout-step .action-btn > input, .guest-register-wrapper .action-btn > input { float: none !important; }
/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .checkout-step .action-btn { padding: 0 15px; }
    .checkout-step .action-btn > input, .guest-register-wrapper .action-btn > input { width: 100%; }
    .checkout-step .billing-address .checkbox { width: 100%; margin: 0; padding: 10px 0; clear: left; }
    .checkout-step .btn { margin: 0 0 10px 0; }
    .checkout-tabs > a { padding: 10px; font-size: 0.9em; }
}

.checkout-step .form-control-feedback { margin: 0; }
.checkout-step .modal-dialog { width: 80%; max-width: 800px; z-index: 20000; }
.checkout-step .modal-body > a { font-size: 1em; margin-bottom: 10px; }
.basket-adresses { padding: 0; }
.alert-info { display: inline-block; width: 100%; }


/*User Personal Details */
.user-personal-details .form { clear: left; margin-top: 20px; padding: 0; max-width: 600px; }
.user-personal-details .form .form-group { padding-left: 0; }
.user-personal-details .form .form-group .form-group { margin-bottom: 0; }
/*.user-personal-details .form .form-control-feedback { margin-right: 15px; }*/
.user-personal-details .action-btn { float: left; margin-left: 0; }
/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .user-personal-details .form { text-align: left; }
    .user-personal-details .form .form-group { padding-right: 0; }
    .user-personal-details .form .form-control-feedback { margin-right: 0; }
    .nav.nav-tabs li > a { border: 1px solid transparent; border-bottom: none; }
    .checkout-step .modal-dialog { width: calc(100% + -20px); }
}

/*User Update Password */
.user-update-password .form { clear: left; margin-top: 20px; padding: 0; max-width: 600px; }
.user-update-password .form .form-group { padding-left: 0; }
.user-update-password .form .form-group .form-group { margin-bottom: 0; }
.user-update-password .btn { float: left; }
/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .user-update-password .form { text-align: left; }
}

/*User Address List */
.user-address-list .form { clear: left; margin-top: 20px; padding: 0; max-width: 600px; }
.user-address-list .form .form-group { padding-left: 0; max-width: 50%; }
.user-address-list .form .form-group .form-group { margin-bottom: 0; width: 100%; }
.user-address-list .form .form-control-feedback { margin-right: 15px; }
.user-address-list .form .checkbox { margin: 0 !important; }
.user-address-list .form .checkbox > input { margin-left: 0; height: auto !important; margin-top: 6px; }
.user-address-list .form .checkbox label { width: auto; font-size: 0.9em; height: 15px; }
.user-address-list .action-btn { float: left; margin-left: 0; }
.user-address-list > div > a { float: left; margin-right: 10px; }
.user-address-list .table-responsive { margin-top: 20px; width: 100%; display: inline-block; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .user-address-list .form { text-align: left; }
    .user-address-list .form .form-group { padding-right: 0; }
    .user-address-list .form .form-control-feedback { margin-right: 0; }
}

/*User Order History */
.user-order-history .order-modal .modal-header h4 { margin: 0 !important; }
.user-order-history .order-modal .modal-dialog { width: 80%; z-index: 2000; }
.user-order-history table { font-size: 0.9em; }

.action-btn { display: inline-block; margin: 0 0 0 10px; }

@media screen and (max-width:759px) {
    .action-btn { margin: 0; }
    .user-order-history .order-modal .modal-dialog { width: 99%; }
    .user-order-history .order-modal .modal-body { padding: 15px 0; }
}


.listing .row { padding: 0 15px; }

/*User Login Register*/
.user-login-register .username { width: 100%; max-width: 100%; }
.user-login-register .password { width: 100%; max-width: 100%; }
.user-login-register .submit { width: 100%; float: right; }

.login-wrapper { max-width: 600px; }
.login-wrapper.login { max-width: 400px; }
.login-wrapper > div > div { padding-left: 0; float: left; width: 100%; }
.user-login-register .control-wrapper { padding: 0 !important; margin-bottom: 30px; }
.user-login-register input[type=button] { color: #fff; font-size: 1em; float: right; margin-right: 10px; }
.user-login-register input[type=button] + span.action-spinner { right: 0; width: 16px; height: 16px; background-image: url(/Images/ajax-loader.gif); position: absolute; margin: 13px 20px 0 -24px; }
.user-login-register .error { color: #840707; background-color: #fff; padding: 10px 0 1px 0px; margin: 0 15px 15px 0px; width: calc(100% + -30px); }
.user-login-register .error ul { margin: 0 0 0 20px; padding: 0; }
.user-login-register .error ul li { color: rgb(149, 21, 21); font-size: 0.9em; }
.user-login-register .action-btn { float: left; width: 100%; text-align: center; }
.user-login-register .links-block { margin-bottom: 10px; width: 100%; }
.user-login-register .content-heading { margin-top: 15px; padding-left: 15px; }
.user-login-register .links-block > a { clear: left; display: inline-block; float: left; font-size: 0.9em; margin-bottom: 5px; }
.user-login-register .content { display: none; }
.user-login-register a.btn { font-size: 1em; color: #fff; margin-top: -60px; }

.login-wrapper.complete p { margin: 15px 0 !important; }

.btn-group > .btn { background: #2d9417; border: solid 1px #2d9417; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { background: #c10e0e; border: solid 1px #c10e0e; }
.btn-group > .btn:last-child:not(:first-child) .glyphicon-remove, .btn-group > .dropdown-toggle:not(:first-child) .glyphicon-remove { top: 2px; }

.user-login-register .login-wrapper.complete { margin-top: 0; }
.user-login-register .login-wrapper.complete p { margin: 0 15px 15px 0; }
.user-login-register .login-wrapper.complete a.btn { margin-top: 0; }
.user-login-register .login-wrapper.reset { padding: 20px; }
.user-login-register .login-wrapper.reset .inner { max-width: 500px; }

.user-login-info { float: right; background-color: #f3f3f3; margin: -118px 0 0 0; padding: 10px 10px 0; min-width: 300px; border-radius: 4px; }
.user-login-info a { background-color: #9a1a1a !important; color: #fff !important; margin-bottom: 10px; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .user-login-info { background-color:transparent; }
    .user-login-info p { display:none; }
    .user-login-info a { margin: 30px 0 0 26px; }
    .user-login-register .login-wrapper { text-align: left; }
    .user-login-info, .btn-checkout { width: 100%; display: inline-block !important; text-align: center; text-decoration: none !important; }
    .user-login-register input[type=button] { margin-right: 0; }
}


/*Stock Basket Summary */
.checkout-process { margin-top: 60px; }
.stock-basket-summary .basket-wrapper .basket-items th { background-color: #dedede; font-family: "Nunito"; font-weight: 700; text-transform: uppercase; color: #232b35; font-size: 1.2rem; }
.stock-basket-summary .basket-wrapper .basket-items .form-group { margin-bottom: 0; }
.stock-basket-summary .basket-wrapper .basket-items .glyphicon-trash { margin: 4px 10px 0 0; float: left; }
.stock-basket-summary .basket-wrapper .basket-items p { float: left; width: calc(100% + -40px); margin-bottom: 0; }
.stock-basket-summary .basket-wrapper .basket-totals { float: right; width: 100%; max-width: 200px; font-size: 1.4rem; }
.stock-basket-summary .basket-wrapper .basket-totals td { text-align: right; }
.stock-basket-summary .basket-wrapper .basket-items td { font-size: 1.2rem; }
.stock-basket-summary .basket-wrapper .basket-actions { display: inline-block; width: 100%; }
.stock-basket-summary .basket-wrapper .basket-actions .action-btn:last-child { float: right; margin-right: 0; }
.stock-basket-summary .basket-wrapper .basket-actions > a { float: left; }
.stock-basket-summary .basket-wrapper .basket-actions .action-btn { float: right; margin-left: 10px; }
.stock-basket-summary .basket-wrapper .basket-items .form-group { margin-bottom: 0; }
.stock-basket-summary .basket-wrapper .basket-items .has-feedback .form-control { padding: 2px 10px 0; height: 30px; min-width: 50px; font-size: 1.2rem; }
.stock-basket-summary .basket-wrapper .basket-actions .action-btn:first-child { float: left !important; margin-left: 0; }
.stock-basket-summary .basket-wrapper .basket-items .form-group .help-block { top: -25px; min-width: 120px; }

/*new basket styles*/
.basket-list { width: 100%; }
.basket-list .item { font-size: 1.4rem; background-color: #f5f4f4; float: left; border: solid 1px #ccc; width: 100%; padding: 10px 15px; margin-bottom: 5px; }
.basket-list .item.option { border-top: none; margin-top: -10px; }
.basket-list .item > * { float: left; }
.basket-list .item .image { width: 100px; height: 100px; margin: 0 15px 0 0; text-align: center; background-color: #f5f4f4; }
.basket-list .item .image img { width: 100%; max-width: 100px; }
.basket-list .item .product { width: calc(100% + -300px); }
.basket-list .item .image + .product { width: calc(100% + -416px); }
.basket-list .item .product a { float: left; margin: 6px 10px 0 0; }
.basket-list .item .product p { float: left; width: calc(100% + -26px); margin-bottom: 0; }
.basket-list .item .cost { width: 100px; }
.basket-list .item .cost p.offer > span:last-child { color: #F20000; }
.basket-list .item .qty { width: 100px; }
.basket-list .item .total { width: 100px; text-align: right; }
.basket-list .item label { width: 100%; font-size: 1.2rem; }
.basket-list .item .ngage-txt { width: 90px; }
.basket-list .item .form-group input { font-size: 1.4rem; height: 30px; padding: 6px 30px 5px 10px !important; width: 90px; }
.basket-list .item .form-control-feedback { top: 8px !important; }
.basket-list .item .form-group { margin-bottom: 0; }
.basket-list .item .help-block { top: 24px; }
.stock-basket-summary .basket-wrapper .basket-totals th { padding-left: 15px; }
.stock-basket-summary .basket-wrapper .basket-totals td { padding-right: 15px; }

.basket-list .item.option.no-cost { padding: 0 15px 10px; }
.basket-list .item.option.no-cost .product { width: 100%; }
.basket-list .item.option.no-cost .image { display: none; }
.basket-list .item.option.no-cost .cost { display: none; }
.basket-list .item.option.no-cost .qty { display: none; }
.basket-list .item.option.no-cost .total { display: none; }
.basket-list .item.option.no-cost .product label { display: none; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .basket-list .item > * { width: 100% !important; }
    .basket-list .item label { float: left; width: auto; margin: 5px 0 0 0; }
    .basket-list .item .product { text-align: center; }
    .basket-list .item .product label { float: left; width: 100%; }
    .basket-list .item .product p { width: 100%; }
    .basket-list .item .product a { float: none; margin: 6px 10px; }
    .basket-list .item p { float: right; margin: 0; }
    .basket-list .item .cost { border-top: solid 1px #ccc; padding: 5px 0 0 0; margin-top: 5px; }
    .basket-list .item .qty { border-top: solid 1px #ccc; padding: 5px 0 0 0; margin-top: 5px; }
    .basket-list .item .total { border-top: solid 1px #ccc; padding: 5px 0 0 0; margin-top: 5px; }
    .basket-list .item .qty > div { float: right; }
    .basket-list .item .qty label { margin: 7px 0 0 0; }
    .stock-basket-summary .basket-wrapper .basket-totals { max-width: 400px; }
}


/*mobile-adjustments*/
@media screen and (max-width:759px) {
    .stock-basket-summary .basket-wrapper .basket-actions { margin-top: 20px; text-align: center; }
    .stock-basket-summary .basket-wrapper .basket-actions .action-btn { margin-left: 0 !important; float: none !important; }
    .stock-basket-summary .basket-wrapper .basket-actions .btn { width: 100%; margin: 0 0 10px 0 !important; margin-left: 0; max-width: 200px; float: none; }
}

/*Stock Delivery Billng Address*/
.stock-delivery-billing-address .address-item { padding: 0 0 15px 0; font-size: 1.4rem; line-height: 2.2rem; }
.stock-delivery-billing-address .address-same label { font-weight: normal; margin-left: 5px; }

.modal-body { display: inline-block; }
.modal-header .close { margin-top: -2px; font-size: 40px; margin-top: -10px; }

.stock-delivery-billing-address input[type=submit] { float: left; }
.stock-delivery-billing-address .form-group { display: inline-block; width: 100%; }
.stock-delivery-billing-address .shipping-address { padding: 0; }
.stock-delivery-billing-address .shipping-address > a { margin-bottom: 10px; }
.stock-delivery-billing-address .addresses { padding: 0; margin-left: -15px; margin-right: -15px; }
.stock-delivery-billing-address .addresses > div > div a { float: right; margin-bottom: 10px; margin-top: -30px; }
.stock-delivery-billing-address .error { border: solid 1px rgb(149, 21, 21); margin-bottom: 15px; padding: 5px 0; font-size: 0.8em; }
.stock-delivery-billing-address .error ul { background-color: #fff; padding: 0; margin: 0 0 0 10px !important; }
.stock-delivery-billing-address .error ul li { padding: 0; margin: 0; color: rgb(149, 21, 21); list-style: none; }
.stock-delivery-billing-address .billing-address { padding: 0; }
.stock-delivery-billing-address .billing-address > a { margin-bottom: 10px; }
.stock-delivery-billing-address > div > .action-btn { float: left; width: 100%; text-align: left; margin: 0 0 0 0; }
.stock-delivery-billing-address .billing-address .checkbox { padding: 0; display: block; }
.stock-delivery-billing-address .billing-address .checkbox > label { width: auto; }
.stock-delivery-billing-address .modal-body > a { display: inline-block; width: 100%; text-align: left; }
.stock-delivery-billing-address h2 { width: 100%; }

/*mobile-adjustments*/
@media screen and (max-width:576px) {
    .stock-delivery-billing-address .shipping-address h2 { padding-top: 0; }
    .stock-delivery-billing-address .addresses > div > div a { float: left; margin-top: 0; }
    .stock-delivery-billing-address .billing-address .checkbox { margin: 0 0 10px 0; width: 100%; float: left; }
    .stock-delivery-billing-address .shipping-address, .stock-delivery-billing-address .billing-address { padding-left: 0; padding-right: 0; }
}

.confirmation { max-width: 322px; }
.confirmation .btn-primary { background: #2d9417 !important; border: solid 1px #2d9417 !important; color: #fff !important; }
.confirmation .btn-secondary { background: #c10e0e !important; border: solid 1px #c10e0e !important; color: #fff !important; }

.account-info { margin-bottom: 20px; }

header #search { float: right; max-width: 300px; width: 100%; margin: 10px 15px 10px 0; }
header #search > div { position: relative; }
header .txt-search input { padding: 14px 15px 12px; height: 37px; font-size: 0.8em; background-color: #f3f3f3; border: none; box-shadow: none; }
header #search .btn { position: absolute; top: 0; right: 3px; }
/*mobile-adjustments*/
@media screen and (max-width:576px) {
    header #search { float: right; max-width: 186px; width: 100%; margin: 10px 0px 10px 0; }
}



/*Stock Basket Order Review*/
.stock-basket-order-review { float: left; margin-bottom: 40px; width: 100%; }
.stock-basket-order-review .basket-wrapper .table-responsive { padding: 0; }
.stock-basket-order-review .basket-wrapper .basket-items th { background-color: #dedede; font-family: "Nunito"; font-weight: 700; text-transform: uppercase; color: #232b35; font-size: 1.2rem; }
.stock-basket-order-review .basket-wrapper .basket-items td { font-size: 1.2rem; }
.stock-basket-order-review .basket-wrapper .basket-items .form-group { margin-bottom: 0; }
.stock-basket-order-review .basket-wrapper .basket-items .has-feedback .form-control { padding: 2px 10px 0; height: 30px; min-width: 50px; font-size: 1.2rem; }
.stock-basket-order-review .basket-wrapper .basket-items .form-control-feedback { top: -2px; }
.stock-basket-order-review .basket-wrapper .basket-items .glyphicon-trash { margin: 4px 10px 0 0; float: left; }
.stock-basket-order-review .basket-wrapper .basket-items p { float: left; width: calc(100% + -40px); margin-bottom: 0; }
.stock-basket-order-review .basket-wrapper .basket-totals { max-width: 200px; float: right; padding: 0; font-size: 1.4rem; }
.stock-basket-order-review .basket-wrapper .basket-totals td { text-align: right; }
.stock-basket-order-review .basket-wrapper .basket-items .form-group .help-block { top: -25px; min-width: 120px; }
.stock-basket-order-review .basket-wrapper .basket-totals th { padding-left: 15px; }
.stock-basket-order-review .basket-wrapper .basket-totals td { padding-right: 15px; }

.stock-basket-order-review .basket-adresses { padding: 0; }
.stock-basket-order-review .promo-wrapper { padding: 0; margin-top: 10px; }
.stock-basket-order-review .promo-wrapper .alert-danger { font-size: 0.9em; }
.stock-basket-order-review .promo-wrapper .txt-promo { width: 150px; float: left; margin-right: 5px; }
.stock-basket-order-review .promo-wrapper .txt-promo input { padding: 3px 12px; font-size: 1.4rem; height: 31px; }
.stock-basket-order-review .promo-wrapper .action-btn { float: left; font-size: 1.4rem; padding: 0; margin-bottom: 6px; }
.stock-basket-order-review .promo-wrapper .action-btn > input { padding: 3px 15px 3px; margin-top: 2px; }
.stock-basket-order-review .basket-adresses > div { padding-left: 0; font-size: 1.4rem; }
.stock-basket-order-review .txt-notes { float: left; width: 100%; }
.stock-basket-order-review .txt-notes textarea { resize: none !important; padding-top: 10px; }
.stock-basket-order-review .payment-on-account .txt { width: 200px; float: right; margin-right: 10px; }
.stock-basket-order-review .payment-on-account .txt input { height: 32px; padding-top: 12px; font-size: 1.4rem; }
.stock-basket-order-review .payment-on-account .action-btn { float: right; }

.stock-basket-order-review .payment-options > div { float: right; }
.stock-basket-order-review .payment-options .action-btn { float: right; }
.stock-basket-order-review .row, .stock-basket-order-review .payment-wrapper, .stock-basket-order-review .payment-on-account, .stock-basket-order-review .payment-options { padding: 0; }
.stock-basket-order-review .payment-wrapper > .action-btn { float: right; margin-left: 10px; }
.stock-basket-order-review .delivery-options-wrapper { padding: 0; font-size: 1.4rem; }
.stock-basket-order-review .authority-wrapper { padding: 0; font-size: 1.4rem; }
.stock-basket-order-review .authority-wrapper .ddl { max-width: 240px; }
.stock-basket-order-review .delivery-options-wrapper ul { margin: 0; padding: 0; }
.stock-basket-order-review .delivery-options-wrapper ul li { list-style: none; font-size: 0.9em; margin-bottom: 10px; }
.stock-basket-order-review .delivery-options-wrapper ul li input { margin: 2px 0 0 0; }
.stock-basket-order-review .basket-wrapper .basket-actions { display: inline-block; width: 100%; padding: 0; }
.stock-basket-order-review .basket-wrapper .basket-actions .action-btn { float: right; margin-left: 10px; margin-bottom: 15px; padding-bottom: 0; }
.stock-basket-order-review .basket-wrapper .basket-actions .btn { float: right; margin-right: 0; width: 170px; }
.stock-basket-order-review .order-modal .modal-dialog { width: 300px; }
.stock-basket-order-review .order-modal .modal-body { width: 100%; clear: left; text-align: center; padding: 30px 0 20px 0; }
.stock-basket-order-review .order-modal .modal-body .icon { width: 80px; height: 70px; display: inline-block; background: url("/Images/order-loader.gif") no-repeat 0 0; }
.stock-basket-order-review .btn.PayPal { background-color: transparent !important; width: 230px; display: inline-block !important; border: none; height: 98px; text-indent: -9999px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; background: url("/images/paypal-button.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); background-size: contain; }
.stock-basket-order-review .btn.ByPassTest { width: 230px; border: none; text-indent: -9999px; clear: right; background: url("/images/paynow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 0; height: 31px; background-size: contain; }
.stock-basket-order-review .btn.ZipPay { background-color: transparent !important; width: 230px; display: inline-block !important; border: none; height: 98px; text-indent: -9999px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; background: url("/images/zip-button.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); background-size: contain; }
.stock-basket-order-review .btn.Stripe { background-color: transparent !important; width: 230px; display: inline-block !important; border: none; height: 98px; text-indent: -9999px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; background: url("/images/stripe-button.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); background-size: contain; }


.stock-basket-order-review .btn { outline: none !important; }
/*.stock-basket-order-review .btn { text-transform: uppercase; font-family: "Nunito"; font-weight: 700; font-size: 1.2rem; background-color: #ee2265 !important; border-color: #ee2265 !important; color: #fff !important; }
.stock-basket-order-review .btn:hover, .stock-basket-order-review .btn:active, .stock-basket-order-review .btn:focus { background-color: #303030 !important; border-color: #303030 !important; color: #ee2265 !important; }
.stock-basket-order-review .btn.Stripe { height: 50px; width: 170px; }
*/
.stock-basket-order-review .alert { padding: 5px 15px; font-size: 0.9em; }
.stock-basket-order-review .promo-wrapper .alert { font-size: 0.8em; }

@media screen and (max-width:759px) {
    .stock-basket-order-review .basket-adresses { margin-top: 20px; }
    .stock-basket-order-review .payment-on-account { text-align: center; }
    .stock-basket-order-review .payment-on-account .action-btn { padding: 0; }
    .stock-basket-order-review .payment-options { margin-top: 20px; }
    .stock-basket-order-review .payment-on-account .txt { width: 100%; padding: 0; margin: 0; }
    .stock-basket-order-review .payment-on-account * { width: 100%; margin-bottom: 10px; float: none; }
    .stock-basket-order-review .payment-options { text-align: center; }
    .stock-basket-order-review .delivery-options-wrapper { margin-bottom: 15px; }
    .stock-basket-order-review .basket-wrapper .basket-totals { max-width: 100%; float: left; }
    .stock-basket-order-review .payment-options * { width: 100%; margin-bottom: 10px; float: none; width: 100%; text-align: center; }
    .stock-basket-order-review .basket-wrapper .basket-actions .action-btn { width: 100%; margin: 0; padding: 0; text-align: center; }
    .stock-basket-order-review .basket-wrapper .basket-actions { text-align: center !important; width: 100%; }
    .stock-basket-order-review .basket-wrapper .basket-actions .btn { width: 100% !important; margin: 0; max-width: 200px; margin-bottom: 10px !important; float: none !important; }
    .stock-basket-order-review .basket-totals table { width: 100%; max-width: 400px; }
    .stock-basket-order-review .basket-totals table th { width: auto; }
    .stock-basket-order-review .basket-totals table td { width: 86px; }

    .checkout-step { padding-top: 0; }
}

.basket-complete a.btn { margin-left: 10px; float: right; }
.basket-complete .order_wrapper div { max-width: none !important; padding: 0; }
.basket-complete .invoice-wrapper { padding: 0; margin-top: 20px; }
.basket-complete .invoice-wrapper h2 { font-size: 1.2em; margin-bottom: 5px; }


/*Stock Basket Complete*/
.basket-complete .invoice-wrapper { border: solid 1px #102042; margin-bottom: 20px; }
.basket-complete > .btn { margin: 20px 10px 10px 0; }
.basket-complete th { font-size: 1.2rem; }
.basket-complete td { font-size: 1.2rem; }
.basket_summary_totals td { padding-right: 4px; }
.basket-complete .basket-totals { float: right; }
.basket-complete h1 { font-size: 1.6em; margin-bottom: 10px; }
.basket-complete p { font-size: 1.1em; }
.basket-complete .col-md-6 { padding: 0; }

.invoice-frame { border: none; width: 100%; height: 1000px; padding-top: 40px; }


.home-content { padding-top: 500px; }
.home-content > div { padding: 0 !important; }
.home-content > div h1 { margin-bottom: 10px; }

.scoller-wrapper { padding: 0 0 0 15px; display: inline-block; position: relative; width: 100%; }
.home-scroller { position: absolute; left: 0; width: 100%; height: 500px; overflow: hidden; }
.home-scroller > span.right { cursor: pointer; padding-right: 3px; right: 10px; top: initial; font-size: 2em; margin: 210px 0 0 0; position: absolute; z-index: 20000; line-height: 1.2em; width: 34px; display: inline-block; height: 42px; background-color: rgba(255,255,255, 0.3); }
.home-scroller > span.left { cursor: pointer; padding-left: 3px; left: 10px; top: initial; font-size: 2em; margin: 210px 0 0 0; position: absolute; z-index: 20000; line-height: 1.2em; width: 34px; display: inline-block; height: 42px; background-color: rgba(255,255,255, 0.3); }
.home-scroller > a { position: absolute; display: inline-block; float: left; height: 500px; width: 0; background: no-repeat center center; background-size: cover; }
.home-scroller > a span { position: absolute; color: #9a1a1a; bottom: 0; left: 0; width: 100%; padding: 10px; background-color: rgba(255,255,255, 0.9); }

.panel-body > div > .left { padding-right: 0; margin-top: -3px; }
.panel-body > div > .right { padding-top: 15px; }

.sponsors { margin-top: 20px; padding: 0; }
.sponsors > a { text-align: center; display: inline-block; margin-bottom: 20px; }
.sponsors > a > img { width: 100%; }
a.border > img { border: solid 2px #ccc; }

.shop { padding: 0 !important; text-align: right; }
.shop img { width: 100%; }

.twitter-feed { float: right; width: 100%; height: 374px; background-color: #000; }

/*mobile-adjustments*/
@media screen and (max-width:759px) {
    header .right nav { background-color: transparent; }
    .nav-open header .right nav { margin-left: -60px !important; }
    .panel-body > .container { padding-left: 0; padding-right: 0; }
    .panel-body > .container > div { padding-left: 0; padding-right: 0; }

    .panel-body > .container .parallax { padding-left: 15px; padding-right: 15px; }

    .widget { padding-left: 0; padding-right: 0; width: 100% !important; }

    .panel-body > div > .right { padding: 0 15px; }
    .twitter-feed { width: 100%; height: 374px; margin-top: 10px; }
    .twitter-feed iframe { width: 100% !important; }

    .home-content { padding-top: 0; margin-bottom: 20px; }
    .home-content > div { padding: 0 15px !important; }
    .home-content > div h1 { margin-top: 0; }

    .scoller-wrapper { padding: 0 15px; display: inline-block; position: relative; width: 100%; }
    .home-scroller { position: relative; height: auto; overflow: visible; margin-top: 20px; }
    .home-scroller > span.right { display: none; }
    .home-scroller > span.left { display: none; }
    .home-scroller > a { position: relative; left: 0 !important; margin-bottom: 15px; display: inline-block; float: left; height: 300px; width: 0; background: no-repeat center center; background-size: cover; }
    .home-scroller > a span { position: absolute; color: #9a1a1a; bottom: 0; left: 0; width: 100%; padding: 10px; background-color: rgba(255,255,255, 0.9); }
}

@media (min-width:768px) and (max-width: 993px) {
    .navbar-collapse.collapse { display: none !important; }
    header .right nav { background-color: transparent; }
    .nav-open header .right nav { margin-left: -60px !important; }
    .nav-open .navbar-collapse.collapse { height: initial !important; display: table !important; }
    .nav-open form > .wrapper { background-color: #fff; }

    .panel-body > div > .left { padding-left: 0; }
    .panel-body > div > .right { padding: 0 15px; }
    .twitter-feed { width: 100%; height: 374px; margin-top: 10px; }
    .twitter-feed iframe { width: 100% !important; }

    .home-content { padding-top: 0; margin-bottom: 20px; }
    .home-content > div { padding: 0 15px !important; }
    .home-content > div h1 { margin-top: 0; }

    .scoller-wrapper { padding: 0 15px; display: inline-block; position: relative; width: 100%; }
    .home-scroller { position: relative; height: auto; overflow: visible; margin-top: 20px; }
    .home-scroller > span.right { display: none; }
    .home-scroller > span.left { display: none; }
    .home-scroller > a { position: relative; left: 0 !important; margin-bottom: 15px; display: inline-block; float: left; height: 300px; width: 0; background: no-repeat center center; background-size: cover; }
    .home-scroller > a span { position: absolute; color: #9a1a1a; bottom: 0; left: 0; width: 100%; padding: 10px; background-color: rgba(255,255,255, 0.9); }
}

.editor table th { padding: 4px 5px; }
.editor table td { padding: 4px 5px; vertical-align: top; }

.scroll-photo .scrolling-item > div { background-position: left top !important; }
.scroll-photo .scrolling-item { left: 5000px; }
.scroll-photo > span { background-color: transparent !important; }
.scroll-photo .icons { color: #ccc; }
.scroll-photo .icons .selected { color: #9a1a1a; }

.stock-list { text-align: center !important; }
.stock-list .teaser-wrapper > p > span:last-child { position: relative; right: auto; bottom: auto; line-height: 1.6em; }
.stock-list a { height: 300px; margin-bottom: 20px; }
.stock-list .image-wrapper { width: 100%; height: 150px; }
.stock-list .image-wrapper img { width: 120px; }

.enlarged-gallery { display: none; }

.stock-description { float: left; }
.modal-dialog { float: none !important; }

/*NEW CSS*/
/*NEW CSS*/
/*NEW CSS*/
.left-bar { margin-top: 25px; background-color: #fff; height: 40px; width: 100%; padding: 0 !important; }
.left-bar > div { padding: 0 !important; }
.left-bar a { float: left; padding: 12px 20px 10px !important; background-color: #eee; color: #000; text-transform: uppercase; font-size: 0.8em; border-radius: 0 !important; border: none !important; }
.left-bar a.selected, .left-bar li.active a, .left-bar a:hover { background-color: #9a1a1a !important; color: #fff !important; text-decoration: none; }
/*mobile-adjustments*/
@media screen and (max-width:576px) {

    .left-bar { clip-path: none; height: auto; }
    .left-bar > div { padding: 0; }
}


.modal-backdrop { display: none !important; }
.checkout-wrapper .left-bar { padding: 0 15px !important; }
.checkout-wrapper .content-heading { padding: 0 !important; }

/*Product Loading*/
.stock-listing { padding: 0 !important; }
.loading-item > div { height: 270px; background: url('/Images/product-load-bg.png') no-repeat top center; }
.stock-listing .stock-item > div { height: 428px; background-color: #fff; border-radius: 8px; display: inline-block; width: 100%; padding-bottom: 15px; border: solid 1px #eee; }
.stock-listing .stock-image { margin-bottom: 15px; position: relative; }
.stock-listing .stock-image a { display: inline-block; min-height: 240px; width: 100%; padding: 5px; }
.stock-listing .stock-image img { display: inline-block; width: 100%; }
.stock-listing .stock-item { margin-bottom: 20px; }
.stock-listing .stock-info > p { text-align: center; color: #5c5c5c; font-size: 0.8em; font-weight: 700; height: 30px; padding: 0 25px; line-height: 1.2em; }
.stock-listing .stock-info > p:first-child { text-transform: uppercase; color: #303030; font-weight: 700; font-weight: bold; font-size: 0.8em; height: 56px; line-height: 1.4em; }
.stock-listing .stock-info > p:last-child { height: 20px; }
.stock-listing .paging { margin: 40px 15px; float: right; clear: left; }
.stock-listing .paging a { margin: 0 0 0 5px; color: #303030; font-weight: bold; padding: 8px 16px 8px; border-radius: 6px; box-shadow: none; }
.stock-listing .paging a.active, .stock-listing .paging a:hover { color: #fff !important; background-color: #233F86 !important; border-color: #303030 !important; }
.stock-listing .stock-info > .stock-level { text-align: center; }
.stock-listing .stock-info > .stock-level p { display: inline-block; width: auto; text-transform: uppercase; font-size: 0.8em; }
.stock-listing .stock-info > .stock-level .in-stock-icon { margin-right: 8px; font-size: 0.9em; }
.stock-listing .stock-info > .stock-level .in-stock-icon.glyphicon-ok { color: #27ca1a; }
.stock-listing .stock-info > .stock-level .in-stock-icon.glyphicon-ban-circle { color: #c11515; }
.stock-listing .stock-info > .stock-level .in-stock-icon.glyphicon-warning-sign { color: #de7406; }
.stock-listing .stock-info > p.item-cost { font-size: 1em; }
.stock-listing .stock-info > p.item-cost em { width: 100%; display: inline-block; font-size: 0.8em; }
.stock-listing .stock-info > p.item-cost.offer > span > span:last-child { color: #F20000; }

.stock-listing .stock-item.has-offer .stock-image::before { content: url(/Images/offer.png); position: absolute; left: -6px; top: -6px; }

.category-box .content-heading { padding: 0 !important; }

/*mobile-adjustments*/
@media screen and (max-width:576px) {
    .stock-listing .stock-info > p { padding: 0 10px; font-size: 1rem; }
    .stock-listing .stock-info > p:first-child { height: 94px; }
}

@media (min-width:768px) and (max-width: 993px) {
    .stock-listing .stock-info > p { padding: 0 10px; }
    .stock-listing .stock-image a { min-height: 126px; }
    .stock-listing .stock-item > div { height: 350px; }
}

.search-results .content-heading { padding: 0; }
.search-results .filter .ddl { max-width: 260px; float: left; margin-right: 15px; }
.search-results .results-items { float: left; width: 100%; border-top: dashed 1px #ccc; padding-top: 20px; margin-top: 15px; }
.search-results .results-items .listing-item { padding-bottom: 15px; }
.search-results .results-items .listing-item a { color: #232b35; height: AUTO; padding-bottom: 15px; }
.search-results .results-items .listing-item h2 { text-align: left; padding: 0; }
.search-results .results-items .listing-item .link { font-size: 0.9em; font-style: italic; }
.search-results .results-items .listing-item a:hover { text-decoration: none; }
.search-results .results-items .listing-item p:last-child { display: none; }



/*scroller*/
.photogallery { padding: 0 !important; }
.photogallery .scrolling-photo-wrapper { position: absolute; width: 100%; overflow: hidden; }
.photogallery .scrolling-photo-wrapper > span.btn-right { cursor: pointer; right: 0; top: initial; font-size: 2em; position: absolute; z-index: 10; line-height: 1.2em; width: 50px; display: inline-block; }
.photogallery .scrolling-photo-wrapper .scrolling-item { padding: 0; position: absolute; display: inline-block; float: left; width: 0; background: no-repeat center center; }
.photogallery .scrolling-photo-wrapper > span.btn-left { cursor: pointer; left: 0; top: initial; font-size: 2em; position: absolute; z-index: 10; line-height: 1.2em; width: 50px; display: inline-block; }
.photogallery .scrolling-photo-wrapper > span > i { font-size: 1.2em; margin: 164px 12px 0; }
.photogallery .scrolling-photo-wrapper .icons { position: absolute; width: 100%; bottom: 10px; text-align: center; font-size: 0.8em; }
.photogallery .scrolling-photo-wrapper .icons > i { margin: 0 4px; }
.photogallery .scrolling-photo-wrapper .icons .selected { color: orange; }
.photogallery .scrolling-photo-wrapper .scrolling-item > div { height: 100%; background-size: cover; }
.photogallery .image-box > div::after { height: 200px; z-index: 2; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-color: #fff; background: url(/Images/photo-overlay-white.png); background-size: contain; background-repeat: no-repeat; }
.photogallery .image-box > div img { width: 150px !important; height: 150px !important; }
.photogallery .image-box > div { width: 200px !important; height: 200px !important; position: relative; text-align: right; }
.photogallery .image-box { text-align: right; }
.photogallery { background-color: #fff; border-radius: 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.photogallery .scrolling-item { overflow:hidden; }
.photogallery .scrolling-item * { color: #000; }
