img {
    border                : none;
}
h1 {
    color                : #0331B0;
}
h1.content_header {
    font-weight            : bold;
    margin                : 0;
    font-size            : 1.2em;
}
h2 {
    margin                : 1em 0 0 0;
    padding                : 0 0 0 .5em;
    font-size            : 1.5em;
    font-weight           : bold;
    color                : #0331B0;
}
.section-heading {
    border-bottom     : 1px solid #ddd;
    margin            : 10px 0;
    padding           : 5px 0;
}
.section-heading a:hover {
    text-decoration   : none;
}

del {
    text-decoration     : line-through;
}
body.readonly .buyit {
    display             : none;
}
body.readonly #addtocart {
    display             : none;
}
label.required:after {
    content         : " *";
    color           : #f00;
}
.outlined {
    padding            : 1em;
    background        : #eee;
    border            : 1px solid #aaa;
    margin            : 1em .5em;
}
#testimonial_form {
    padding            : 1em;
    background        : #eee;
    border            : 1px solid #aaa;
    margin            : 1em .5em;
}
#testimonial_form textarea {
    width            : 100%;
    height            : 15em;
}
.featured {
    height              : 250px;
    overflow            : hidden;
}
.featured img {
    width               : 100%;
}
img#hads {
    padding                : .5em;
    border                : 1px solid #aaa;
    float                : right;
    margin                : 0 0 .5em .5em;
}
a {
    color                : #0331b0;
    text-decoration        : none;
}
a:hover {
    text-decoration        : underline;
}
#topnav {
    position            : relative;
    height                : 1.6em;
    background            : #666;
    border-bottom        : 1px solid #fff;
    color                : #fff;
/*    padding-left        : 1em;*/
    line-height            : 1.5em;
}
    #topnav a {
        color            : #fff;
        text-decoration    : none;
    }
    #topnav a:hover {
        text-decoration    : underline;
    }
    #topnav ul {
        position        : absolute;
        right            : 0;
        top                : 0;
        padding            : 0;
        margin            : 0;
        list-style        : none;
    }
        #topnav ul li {
            color            : #fff;
            border-left        : 1px #fff solid;
            float            : left;
            padding            : 0 1em;
        }
        #topnav ul li:first-child {
            border            : none;
        }
#header {
    height              : 85px;
    border-bottom       : 1px solid #aaa;
    background          : #005190;
}
    #header ul {
        position            : absolute;
        right                : 1.5em;
        list-style            : none;
        height                : 100%;
        margin                : 0;
        padding                : 0;
    }
        #header ul li {
            float                : left;
            height                : 100%;
        }
            #header ul li a {
                border-right        : 2px solid #fff;
                display                : block;
                color                : #fff;
                width                : 7em;
                height                : 100%;
                text-align            : center;
                line-height            : 9em;
                font-weight            : bold;
                text-decoration        : none;
            }
            #header ul li a:hover {
                background            : #006DC1;
            }
            #header ul li:first-child a {
                border-left            : 2px solid #fff;
            }
#under_header {
    position            : relative;
    min-height                : 40px;
    background            : #dfdfdf;
    background-image    : -moz-linear-gradient(#ddd, #fefefe, #ddd);
    background-image    : -webkit-linear-gradient(#ddd, #fefefe, #ddd);
}
input#q {
    margin-top          : 2px;
}
.main-content {
    margin-top           : 20px;
}
.main-content p {
    margin                : .9em .5em;
}
.sidebar {
    background      : #fff;
    padding         : 0;
    z-index         : 5;
    font-size       : 12px;
}
.sidebar ul {
}
.sidebar ul li {
    border-bottom        : 1px solid #ccc;
    border-right         : 1px solid #ccc;
    margin                : 0;
}
.sidebar ul li a {
    color                  : #444;
    font-weight            : bold;
    text-decoration        : none;
    padding                : 5px 10px;
    border-radius          : 0;
}
.sidebar ul li a:hover {
    background            : #eef6ff;
}
.sidebar ul li ul li {
    border              : none;
    border-top          : 1px solid #eee;
}
.sidebar ul li ul li a {
    padding                : .4em 0 .4em 1.5em;
    font-weight            : normal;
}
img#promo {
    position            : absolute;
    right                : 1em;
    top                    : 7px;
    z-index                : 10;
}
img#logo {
    margin                : 6px 0 0 10px;
}
.content_header {
    font-weight            : bold;
    color                : #0331B0;
    background            : #dfdfdf;
    background-image    : -moz-linear-gradient(#ddd, #fefefe, #ddd);
    background-image    : -webkit-linear-gradient(#ddd, #fefefe, #ddd);
    padding                : .4em .6em;
    border-bottom        : 1px #ccc solid;
}
div.info, div.notice, div.warning, div.error {
    padding                : .5em 1em;
    margin                : 1em;
    border                : 1px solid #ccc;
    font-size            : 1em;
}
.info {
    background            : #eaedf0;
}
.notice {
    background            : #afa;
}
.warning {
    background            : #ffa;
}
.error {
    background            : #faa !important;
}
.login-form {
    background            : #eee;
    padding                : 20px 0 20px 0;
    border                : 1px solid #aaa;
    margin                : 1.5em 1em;
    max-width            : 1000px;
}
.lsnote {
    font-size            : 1.5em;
    color                : #0331B0;
    padding-left         : 20px;
}
#minicart {
    padding                : 9px 0 0 20px;
    font-size            : 16px;
}
    #minicart a {
        text-decoration        : underline;
        color                : #0331B0;
/*         color                : #444; */
    }
    #minicart a:hover {
        color                : #0331B0;
    }
#minicart_checkout {
    padding                 : 6px 10px 7px 10px;
    margin                  : 2px 0;
    font-size               : 1.2em;
}
.clearance {
    font-weight         : bold;
    color               : #f00;
}
.clearance_notice {
    font-weight         : bold;
    margin            : 0 0 20px 170px;
}
.clearance_reason {
    margin            : 0 0 20px 170px;
}
.clickable {
    cursor                : pointer;
    padding                : 0 2px;
}
ol.testimonials {
    list-style            : none;
    padding                : 0;
    margin                : 0;
}
ol.testimonials li {
    margin                : 1em;
    padding                : 1em;
    border                : 1px solid #ccc;
}
.testimonial_header {
    font-weight            : bold;
    border-bottom        : 1px solid #eee;
    margin-bottom        : .2em;
}
    .testimonial_header span {
        font-size            : .9em;
        font-weight            : normal;
        color                : #888;
    }
#header-container {
    font-size         : 12px;
}
#footer-container {
    min-height            : 240px;
    clear                : both;
    margin-top            : 20px;
    background            : #005190;
    background-image    : -moz-linear-gradient(#186099, #014982);
    background-image    : -webkit-linear-gradient(#186099, #014982);
    padding-top            : 30px;
    color                : #bbb;
}
    #footer-container * {
        color                : #bbb;
    }
    #footer-container a {
        color                : #fff;
    }
    #footer-container #feeds img {
        vertical-align        : middle;
    }
#productimage {
    padding-left        : .5em;
}
.stock {
    margin-top          : 15px;
}
.stock-text {
    display             : inline-block;
    font-size           : 14px;
    margin-top          : 3px;
    padding-left        : 5px;
}
.stock-text-contact, .stock-text-supplier {
    margin-top         : -6px;
}
.stock-icon {
    font-size           : 24px;
    vertical-align      : top;
}
.icon-stock-yes {
    color               : #6c6;
}
.icon-stock-onorder {
    color               : #ffa500;
}
.icon-stock-no {
    color               : #d22224;
}
.icon-stock-supplier {
    color               : #37b;
}
.icon-stock-retired {
    color               : #999;
}
.icon-stock-contact {
    color               : #37b;
}
.product_list {
    list-style        : none;
    padding            : 2px 10px;
    margin            : 0;
}
    .product_list li {
        min-height        : 54px;
        padding            : 0;
        border-top    : 1px #efefef solid;
    }
    .product_list li:last-child {
        border-bottom    : 1px #efefef solid;
    }
    .product_list li:hover {
        background        : #eef6ff;
    }
    .product_list a {
        text-decoration : none;
    }
    .product_list div.price {
        margin-top          : 17px;
        font-weight         : bold;
        font-size           : 1.2em;
    }
    .product_list div.stock div.contact, .product_list span.stock div.supplier {
/*        margin-top      : 5px;*/
    }
    .product_list .btn {
        margin-top      : 8px;
    }
    .product_list .name, .product_list {
        margin-top      : 15px;
        color           : #333;
    }
    .product_list .img {
        margin-top      : 1px;
    }
    .product_list div.price.special {
        margin-top      : 9px;
    }
.snippet {
    z-index             : 5;
    color               : #bbb;
    white-space         : nowrap;
    overflow            : hidden;
    text-overflow       : ellipsis;
}
#product_title .snippet {
    color               : #999;
    font-weight         : normal;
}
#product_title .snippet:before {
    content             : '- ';
}
.admin {
    float               : right;
    margin              : 3px 10px 0 0;
}
#addtocart, #clearance_addtocart {
    margin-left             : 1.5em;
    padding                 : 6px 10px 7px 10px;
    font-size               : 1.2em;
}
.special-img {
    position        : absolute;
    left            : 0;
    top             : 5px;
}
.special del {
    color           : #444;
}
.special {
    color            : #e22;
}
.btn.special {
    color            : #fff;
}
#new_tag {
    width                : 120px;
}
#testimonial {
    line-height         : 150%;
}
#comments {
    clear                : left;
}
#feedback {
    /* Done inline since KHTML is being silly */
/*     display                : none; */
    z-index                : 50;
    position            : fixed;
    top                    : 0;
    left                : 0;
    width                : 100%;
    min-height            : 4em;
    background            : #eee;
    color                : #555;
    font-weight            : bold;
    border-bottom        : 1px solid #999;
    opacity                : .95;
}
#feedback div {
    font-size            : 1.2em;
    height                : 32px;
    background-color    : transparent;
    background-repeat    : no-repeat;
    margin                : 15px 40px;
}
#feedback span {
    display                : block;
    float                : left;
    margin                : 8px 0 20px 60px;
}
#input_tip {
    position            : absolute;
    width               : 25em;
    padding             : 1em;
    font-size           : .9em;
    z-index             : 30;
    background          : #efefef;
    background-image    : -moz-linear-gradient(#dedede, #fff, #dedede);
    background-image    : -webkit-linear-gradient(#dedede, #fff, #dedede);
    border-radius       : 5px;
    border              : 1px solid #ddd;
    box-shadow          : rgba(0, 0, 0, 0.5) 0px 0px 8px;
}
.search-form {
    margin-bottom       : 2px;
}
.search-suggest {
    font-size         : 1.3em;
    color             : #e22;
    margin            : 10px 0 0 15px;
}
.search-suggest a {
    font-weight        : bold;
}
#search_static_matches {
    list-style        : none;
    font-size        : 1.2em;
}
.search_next {
    font-size            : 1.3em;
    float                : right;
    margin                : 2em 2em 0 0;
}
.search_prev {
    font-size            : 1.3em;
    float                : left;
    margin                : 2em 0 0 0;
}
form.comment {
    margin                : 1em;
}
form.comment textarea, #product_comments textarea {
    width                : 40em;
    height                : 18em;
}
form.comment input[type=text], #product_comments input[type=text] {
    width                : 28em;
}
ol.comments li {
    margin-bottom        : 1em;
}
li.moderated {
    color                : #aaa;
}
.comment_footer {
    margin-top            : .5em;
    padding-left        : 2em;
    font-size            : .9em;
    color                : #777;
}
.blog label, #product_comments label {
    width                : auto;
    margin                : 0;
    display                : inline;
    font-size            : .9em;
    font-weight            : bold;
    text-align            : left;
    float                : none;
    padding                : 0;
}
a:active{
    outline            : none; /* remove halo in firefox */
}
dl.feature-list {
    padding            : 5px;
}
    dl.feature-list dt {
        border-top        : 1px solid #ddd;
        width            : 15em;
        text-align        : right;
        float            : left;
        font-weight        : bold;
        padding            : .2em .5em;
    }
        dl.feature-list dt:last-of-type {
            border-bottom        : 1px solid #ddd;
        }
    dl.feature-list dd {
        border-top        : 1px solid #ddd;
        padding            : .2em 1em;
        margin-left        : 15.5em;
    }
        dl.feature-list dd:last-of-type {
            border-bottom        : 1px solid #ddd;
        }
#bank_details dt {
    float            : left;
    clear            : right;
    font-weight        : bold;
    margin-left        : 2em;
}
#bank_details dd {
    margin-left        : 16em;
}
.vcard .adr .type {
    display            : none;
}
.vcard div.fn, .vcard div.org {
    font-weight       : bold;
    font-size         : 1.2em;
}
.address-grid-item .caption {
    height        : 170px;
}
.address-grid-item .controls {
    margin         : 20px 10px;
}
ol.orders {
    position        : relative;
    list-style        : none;
    padding            : 10px 20px;
    margin            : 0;
}
    ol.orders li {
        position        : relative;
        padding            : 2px 0;
        border-bottom    : 1px #efefef solid;
    }
    ol.orders li:hover {
        background        : #eef6ff;
    }
    ol.orders span.price {
        position        : absolute;
        right            : 4em;
        text-align        : right;
    }
    ol.orders span.status {
        position        : absolute;
        right            : 16em;
    }
form#list_subscribe {
    padding            : .7em;
    background        : #eee;
    width            : 36em;
    border            : 1px solid #aaa;
    margin            : 1em 2em;
}
#cookie_warning {
    z-index            : 11;
    position        : absolute;
    top                : 16px;
    right            : 0;
    width            : 184px;
    height            : 52px;
    padding            : 3px 7px;
}
.clearer {
    clear                : both;
}
.no-bold {
    font-weight        : normal;
}
div.current-rating {
    background        : url(i/star.png) left center;
    height            : 25px;
    position        : absolute;
    left            : 0;
    top             : -40px;
    display            : block;
    text-indent        : -9000px;
    z-index            : 0;
}
.blog_date {
    float                : left;
    margin                : .6em 0 0 .8em;
    position            : relative;
    width                : 46px;
    height                : 49px;
    background            : url(i/calendar.png);
}
.blog_date_month {
    color                : #fff;
    position            : absolute;
    top                    : 3px;
    left                : 11px;
    font-size            : 12px;
}
.blog_date_day {
    position            : absolute;
    top                    : 24px;
    left                : 8px;
    font-size            : 20px;
    font-weight            : bold;
}
.blog_list {
    margin              : 10px 0;
    padding             : 0;
    list-style          : none;
    font-size           : 1.3em;
}
.blog_list li {
    overflow            : auto;
}
.blog_list h2 {
    padding             : .5em 0 0 4em;
}
.child_categories {
    list-style          : none;
    font-size           : 1.4em;
    border-bottom       : 1px #efefef solid;
    text-align          : center;
}
.child_categories li {
    display             : inline-block;
    padding             : .7em 1.4em;
}
.child_categories li span {
    font-size           : .7em;
    color               : #888;
}
.skip {
    background-color    : #8c9cbf;
    background-image    : -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
    background-image    : -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
    background-image    : -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
    background-image    : -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
    background-image    : linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
    border              : 1px solid #172d6e;
    border-bottom       : 1px solid #0e1d45;
    border-radius       : 5px;
    box-shadow          : inset 0 1px 0 0 #b1b9cb;
    color               : #fff;
    font-weight         : bold;
    padding             : 2px 6px 3px 6px;
    text-align          : center;
    text-shadow         : 0 -1px 1px #000f4d;
    text-decoration     : none;
}
.skip:hover {
    background-color    : #7f8dad;
    background-image    : -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image    : -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image    : -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image    : -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image    : linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor              : pointer;
    text-decoration     : none;
}
.skip:active {
    box-shadow          : inset 0 0 20px 0 #1d2845, 0 1px 0 white;
}
.skip a {
    color               : #fff;
    text-decoration     : none;
}
#contact_form div {
    clear               : both;
}
#header-mobile {
  margin-top    : 5px;
}
#header-mobile i {
  font-size     : 25px;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    margin-left: -5px;
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
.mobile-icon {
  display      : inline-block;
  padding-top  : 5px;
  cursor       : pointer;
}
.nav-footer li a {
  display     : block;
}
.nav-header {
  cursor      : pointer;
}
@media screen and (max-width: 767px) {
  .nav-footer {
    list-style    : none;
  }
  .nav-footer li a {
    text-align  : center;
    display     : block;
    padding     : 2px 0;
    margin     : 10px 0;
  }
}
fieldset {
    border        : 1px solid #aaa;
    margin        : 10px;
    padding       : 10px;
}
legend {
    color         : #0331B0;
    font-size     : 18px;
    font-weight   : bold;
    width         : inherit;
    padding       : 0 10px;
    border-bottom : none;
    margin-bottom : 10px;
}
.btn-bold {
    font-weight           : bold;
}
.btn-nice {
    font-weight           : bold;
    color                : #0331B0;
}
.btn-default:hover {
    color                : #0331B0;
}
.wishlist-name {
    margin-left       : 5px;
}
.wishlist-table {
    margin        : 10px;
}
.wishlist-table td {
    height    : 88px;
}
.image-link:hover {
    text-decoration : none;
}
.wishlist-grid-item .thumbnail {
    height      : 320px;
    overflow    : hidden;
}
.wishlist-grid-item .thumbnail:hover {
    background      : #efefef;
}
.wishlist-grid-item .lead {
    margin          : 0;
    padding         : 0 5px;
}
.wishlist-images {
    background      : #fff;
}
.price, .quantity {
    font-size       : 1.3em;
}
.price {
    font-weight     : bold;
}
input.quantity {
    width           : 60px;
}
.has-spinner .spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  transition: opacity 0.25s, max-width 0.45s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px;
}
.glyphicon-spin {
    animation: spin 1000ms infinite linear;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.good {
    font-weight            : bold;
    color                : #2cc533;
}
.bad {
    font-weight            : bold;
    color                : #f44;
}
.checkout_form {
    position            : relative;
    padding                : .5em 5em 2em 2em;
    background            : #eee url(i/paymark.png) no-repeat 98% 3em;
    border                : 1px solid #aaa;
    margin                : 2em;
    max-width             : 900px;
}
    .checkout_form dl {
        padding-bottom    : .8em;
    }
        .checkout_form dl dt {
            padding-top        : .4em;
            float            : left;
            clear            : right;
            font-weight        : bold;
            margin-left        : 1em;
            font-weight        : bold;
        }
        .checkout_form dl dd {
            padding-top        : .5em;
            margin-left        : 15em;
        }
    .checkout_form .vcard {
        font-weight            : bold;
        margin                : 1em 0;
    }
#visa_logo {
    position            : absolute;
    right                : 1.5em;
    top                    : 11.5em;
}
#mastercard_logo {
    position            : absolute;
    right                : 1.5em;
    top                    : 14em;
}
.reciept .vcard {
    margin            : 2.3em 0 .5em 1em;
}
.reciept dl {
    border-top        : 1px solid #aaa;
    padding-top        : .5em;
}
.product-tile .special-img {
    top               : -5px;
    left              : -15px;
}
.product-tile .price {
    margin-top        : 15px;
}
.product-tile .thumbnail {
    border-color      : #fff;
    position          : relative;
    height            : 280px;
    overflow          : hidden;
}
.product-tile .thumbnail:hover {
    border-color      : #ddd;
}
.product-tile .title {
    font-size         : 16px;
    font-weight       : bold;
}
.product-tile .title a:hover {
    text-decoration   : none;
}
.product-tile .description {
    display           : none;
}

.product-tile.list {
    float             : none;
    width             : 100%;
    margin-bottom     : 10px;
}
.product-tile.list .description {
    display           : block;
}
.product-tile.list .controls {
    position          : absolute;
    bottom            : 10px;
    right             : 10px;
    display           : block;
}
.product-tile.list .thumbnail {
    height            : 160px;
}
.product-tile.list a img {
    float             : left;
    margin-right      : 10px;
}

.product-tile.grid .list-column {
    float             : none;
    width             : 100%;
}
.product-tile.grid .controls {
    position          : absolute;
    top               : 10px;
    right             : 10px;
    display           : none;
}
.product-tile.grid:hover .controls {
    display           : block;
}