article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
    }
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
    }
audio:not([controls]) {
    display: none;
    height: 0
    }
[hidden], template {
    display: none
    }
a {
    background: 0 0
    }
a:active, a:hover {
    outline: 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: 700
    }
dfn {
    font-style: italic
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
mark {
    background: #ff0;
    color: #000
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
img {
    border: 0
    }
svg:not(:root) {
    overflow: hidden
    }
figure {
    margin: 1em 40px
    }
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
pre {
    overflow: auto
    }
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
    }
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
    }
button {
    overflow: visible
    }
button, select {
    text-transform: none
    }
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
    }
button[disabled], html input[disabled] {
    cursor: default
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
input {
    line-height: normal
    }
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
    }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
    }
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
    }
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
    }
legend {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto
    }
optgroup {
    font-weight: 700
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
td, th {
    padding: 0
    }
html {
    height: 100%
    }
body {
    height: 100%
    }
/* Clearfix */
.cf:after, .cf:before {
    content: " ";
    display: table
    }
.cf:after {
    clear: both
    }
/* Modular CSS for very simple, common things*/
.c {
    text-align: center
    }
.r {
    text-align: right
    }
.l {
    text-align: left
    }
.fl {
    float: left;
    margin: 0 10px 10px 0
    }
.fr {
    float: right;
    margin: 0 0 10px 10px
    }
/*list reset to get rid of bullets and such*/
.lr ul, ul.lr {
    list-style: none;
    margin: 0;
    padding: 0
    }
/*HR styling*/
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 30px 0
    }
.ErrorBox {
    background-color: #fcc;
    border: 1px #600 solid;
    color: #600;
    font-size: 0.5625em;
    /*9*/
    font-weight: bold;
    width: auto
    }
.AdminLinkCategory {
    font-size: 1.125em;
    /*18*/
    }
.AdminLinkCategory:hover {
    text-decoration: none
    }
.ProductPriceDiscounted {
    color: #b62424;
    font-weight: bold;
    padding-left: 1.125em /*20*/
    }
.hidden {
    display: none;
    visibility: hidden
    }
.visible {
    display: block;
    visibility: visible
    }
/* the following is used for admin edit links through live site */
#pageProduct_adminEditLink {
    background-color: #5E5E5E;
    border: solid 2px #DFDFDF;
    border-radius: 10px;
    box-shadow: inset 0 0 10px #000;
    color: #fff;
    cursor: pointer;
    font-size: 0.875em;
    /*14*/
    left: 0.625em;
    /*10*/
    filter: alpha(opacity=90);
    opacity: 0.9;
    padding: 0.3125em;
    /*5*/
    position: fixed;
    top: 0.625em /*10*/;
    z-index: 99999
    }
#pageProduct_adminEditLink:hover {
    border-color: #2F2F2F
    }
#pageProduct_adminEditLink a {
    color: #fff;
    text-decoration: none
    }
#pageProduct_adminEditLink a:hover, #pageProduct_adminEditLink a:visited {
    color: #fff
    }
/* the following is used for individual pages/snippets admin edit link */
.adminEditLinkContainer {
    position: relative
    }
.adminEditLinkContainer > * {
    z-index: 5;
    position: relative
    }
/* makes inner content above the container when logged in as admin */
.adminEditLink {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999
    }
adminEditLink a {
    display: inline;
    margin: 0;
    height: auto;
    width: auto;
    line-height: normal;
    padding: 0
    }
.admineditLinkHover {
    background-color: #CFCFCF;
    background: rgba(207, 207, 207, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFCFCF, endColorstr=#CFCFCF)"
    }
.ErrorText {
    color: #b62424
    }
/* used for .net validators */
.userDefaultTitles {
    font-size: larger;
    font-weight: bold;
    padding: 0.625em 0;
    /*10*/
    }
/* Gallery and Slideshow */
.blog-gallery {
    margin: 25px 0 0
    }
.galleryContent a.gallery-lightbox, a.slideshow-tn {
    display: inline-block;
    margin: 0 5px 5px
    }
.galleryContent a.gallery-lightbox img, a.slideshow-tn img {
    border: 5px solid #000;
    margin: 0 !important;
    max-height: 85px;
    width: auto !important
    }
.galleryContent a.gallery-lightbox img:hover, a.slideshow-tn img:hover {
    cursor: pointer
    }
.gallery-slideshow {
    text-align: center
    }
.gallery-slideshow .bx-wrapper {
    margin-bottom: 30px
    }
.gallery-slideshow .bx-wrapper img {
    display: inline-block
    }
.gallery-slideshow li {
    text-align: center
    }
.gallery-slideshow .bx-wrapper .bx-viewport {
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    box-shadow: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 16px
    }
.gallery-slideshow ul li {
    padding: 20px 0 10px
    }
.gallery-slideshow .bx-controls.bx-has-controls-direction {
    position: absolute;
    right: 0;
    top: 0
    }
.gallery-slideshow .bx-wrapper .bx-controls-direction a {
    height: 32px;
    left: auto;
    margin-top: 0;
    outline: 0 none;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 10px;
    width: 32px;
    z-index: 9999
    }
.gallery-slideshow .bx-wrapper .bx-controls-direction a.bx-prev {
    left: auto;
    right: 50px
    }
.gallery-slideshow .bx-wrapper .bx-caption {
    background: rgba(0, 0, 0, 0.75);
    bottom: 0
    }
/** GRIDVIEW STYLES **/
.cart-contents table {
    width: 100%
    }
.gridview th a {
    text-decoration: none
    }
.gridview th a:hover {
    text-decoration: underline
    }
.gridview td {
    padding: 0.4375em;
    /*7*/
    }
.gridview td a {
    text-decoration: none
    }
.gridview td a:hover {
    text-decoration: underline
    }
/* used in the shopping cart listing for the total price of cart */
.TotalCartCost {
    font-size: 0.9375em;
    /*15*/
    font-weight: bold
    }
.shoppingCartFooter {
    text-align: right;
    padding: 0.625em 2.5em 0.625em 0;
    /*10 40*/
    }
.shoppingCartDiscountText {
    font-size: 0.6875em;
    /*11*/
    color: #5BCF5A
    }
.cartDeleteBtn {
    text-align: center;
    color: #b62424
    }
.cartDeleteColumn {
    width: 1.125em;
    /*20*/
    }
.finalCheckoutPrice {
    font-size: 1.125em;
    /*18*/
    font-weight: bold
    }
.addthis {
    float: right
    }
.addthis_counter.addthis_bubble_style {
    font-size: 0.75em;
    /*12*/
    }
/* This is for the javascript message that shows only if users have their javascript disabled in browser */
#NoJavascriptFound {
    z-index: 10;
    border: solid 5px #b62424;
    background-color: #FDF3EA;
    color: #000;
    font-size: 0.9375em;
    /*15*/
    left: 0;
    padding: 0.625em;
    /*10*/
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 999999
    }
#NoJavascriptFoundInterior {
    background-color: #FDF3EA;
    border: solid 5px #b62424;
    color: #000;
    font-size: 0.8125em;
    /*13*/
    margin: 0.625em 0;
    /*10*/
    padding: 0.625em;
    /*10*/
    text-align: left
    }
#NoJavascriptFound a, #NoJavascriptFoundInterior a {
    color: #b62424;
    text-decoration: underline
    }
#NoJavascriptFound a:hover, #NoJavascriptFoundInterior a:hover {
    color: #b62424;
    text-decoration: underline
    }
#NoJavascriptFound a:visited, #NoJavascriptFoundInterior a:visited {
    color: #b62424;
    text-decoration: underline
    }
.impersonateBox {
    background-color: #796F66;
    border-radius: 19px;
    color: #FFF;
    margin: 0.3125em 0 0 0.3125em;
    /*5*/
    padding: 0.625em;
    /*10*/
    position: fixed;
    z-index: 9999
    }
.price {
    margin: 7px 0
    }
.wishlist-delete {
    font-size: 0.875em
    }
/*** Shopping Cart ***/
.add-line {
    table-layout: fixed
    }
.add-line td {
    padding: 0 5px
    }
.add-line .TextBox {
    width: 100%
    }
.add-line td {
    width: 30%
    }
.add-line td.cart-comment {
    width: 50%
    }
.add-line td.cart-quantity {
    width: 30%
    }
.cart-footer {
    margin-top: 10px;
    text-align: right
    }
.order-totals {
    margin: 20px 0
    }
.total-cost {
    font-weight: 700;
    margin-bottom: 10px
    }
.cart-estimates td {
    padding: 5px 10px;
    text-align: right
    }
/* Wishlist */
.wishlist-entry {
    border-bottom: 1px solid silver;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%
    }
.wishlist-image {
    float: left;
    padding-right: 20px;
    width: 20%
    }
.wishlist-content {
    float: left;
    width: 80%
    }
/* Modal Pop Ups */
.modalBackdrop {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: none;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999
    }
.modalPopUp {
    background: #fff;
    display: none;
    font-size: 0.9em;
    left: 50%;
    margin: 0 0 0 -45%;
    padding: 0;
    position: absolute;
    top: 1em;
    width: 90%
    }
.modalTitle {
    background: #bc0000;
    background: -webkit-linear-gradient(top, rgba(187, 0, 0, 1) 0%, rgba(159, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(187, 0, 0, 1) 0%, rgba(159, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(187, 0, 0, 1) 0%, rgba(159, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(187, 0, 0, 1) 0%, rgba(159, 0, 0, 1) 100%);
    color: #fff;
    font: 1.4em "Oswald", sans-serif;
    line-height: 1.875;
    margin: 0 0 0.5em;
    position: relative;
    text-align: center;
    min-height: 1.875em
    }
.modalClose {
    display: block;
    position: absolute;
    top: 0.15em;
    right: 0.15em;
    background: #fff;
    border: 1px solid #666;
    border-radius: 15px;
    font: 25px ​Arial, ​Helvetica, ​sans-serif;
    line-height: 1;
    padding: 0 5px;
    color: #666;
    font-weight: bold;
    text-decoration: none
    }
.modalClose:hover {
    border-color: #000;
    background: #fff;
    color: #000;
    text-decoration: none
    }
.modalClose:active {
    background: #000;
    color: #fff;
    border-color: #000;
    text-decoration: none
    }
.modalContent {
    margin-bottom: 0.5em;
    position: relative;
    padding: 0 2% 0.5em
    }
.modalContent:before, .modalContent:after {
    display: table;
    content: "";
    line-height: 0
    }
.modalContent:after {
    clear: both
    }
.modalContent ul {
    padding-left: 30px
    }
.modalPopUp p {
    margin: 0 0 0.5em
    }
/** Responsive **/
/*** 83.75em (1340px) ***/
@media only screen and (max-width: 83.75em) {
    .modalPopUp {
        width: 40%;
        margin: 0 0 0 -20%
        }
    }
/*** 62.5em (1000px) ***/
@media only screen and (max-width: 62.5em) {
    .modalPopUp {
        width: 50%;
        margin: 0 0 0 -25%
        }
    }
/*** 56.25em (900px) ***/
@media only screen and (max-width: 56.25em) {
    .modalPopUp {
        width: 60%;
        margin: 0 0 0 -30%
        }
    }
/*** 48.4375em (775px) ***/
@media only screen and (max-width: 48.4375em) {
    /* Modal Pop Ups */
    .modalPopUp {
        width: 70%;
        margin: 0 0 0 -35%
        }
    #lightbox.modalPopUp {
        width: 80%;
        margin: 0 0 0 -40%
        }
    }
/*** 34.375em (550px) ***/
@media only screen and (max-width: 34.375em) {
    textarea {
        width: 100%
        }
    .content img {
        display: block;
        float: none !important;
        margin: 0.625em auto !important;
        /*10*/
        }
    /*** Shopping Cart ***/
    .cart-contents th {
        display: none
        }
    .cart-contents td, .ad-line td {
        display: block;
        padding: 15px 10px;
        width: 100% !important
        }
    .cart-contents td:nth-child(even) {
        background: #E5E5E5
        }
    .cart-contents td.rate {
        font-weight: bold;
        padding-top: 20px
        }
    .cart-contents tr:nth-child(n+3) td:first-child {
        padding-top: 50px
        }
    .cart-contents tr:nth-child(odd) {
        background: none !important
        }
    .cart-contents td:before {
        font-weight: bold
        }
    .cart-contents td.cart-code:before {
        content: "Code — "
        }
    .cart-contents td.cart-item:before {
        content: "Item — "
        }
    .cart-contents td.cart-price:before {
        content: "Price — "
        }
    .cart-contents td.cart-quantity:before {
        content: "Quantity — "
        }
    .cart-contents td.cart-total:before {
        content: "Item Total — "
        }
    .cart-contents td.cart-comment:before {
        content: "Comment — "
        }
    .cart-contents td.order-number:before {
        content: "Order Number — "
        }
    .cart-contents td.cart-button {
        text-align: center
        }
    /* Wishlist */
    .wishlist-image, .wishlist-content {
        float: none;
        padding-right: 0;
        width: 100%
        }
    .wishlist-image {
        text-align: center
        }
    }
/* Forms */
input[type="text"], input[type="email"], input[type="password"], textarea, .item select, .item input[type="email"], .item input[type="tel"] {
    background: #fff;
    border: 1px solid #ccc;
    height: 34px;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%
    }
textarea {
    height: 80px
    }
input[disabled], button[disabled] {
    opacity: 0.5
    }
label, .TableRowLabel {
    padding-right: 7px;
    padding-bottom: 3px
    }
label .req {
    color: #777;
    font-size: 11px
    }
.actions {
    padding: 10px 0
    }
input[type="submit"], input[type="button"], button[type="submit"] {
    background: #000;
    border: 0;
    color: #fff;
    font-size: 19px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none
    }
input[type="submit"]:hover, input[type="button"]:hover, button[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:focus, button[type="submit"]:focus {
    background: #777
    }
.item input[type="text"], .item input[type="password"], .item input[type="email"], .item input[type="tel"], .item select, .item textarea {
    width: 100%
    }
.halfi, .onethirdi, .twothirdi {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
    width: 50%
    }
div.halfi:nth-of-type(2n) {
    margin-left: -5px;
    padding-left: 10px;
    padding-right: 0
    }
.item .nesti input, .item .nesti select {
    margin-left: 5px;
    margin-right: 5px;
    width: 60px
    }
.item .nesti input:first-child {
    margin-left: 0
    }
.item .nesti input:last-child {
    margin-right: 0
    }
.twothirdi {
    width: 70%
    }
.onethirdi {
    width: 30%
    }
.onethirdi + .twothirdi, .twothirdi + .onethirdi {
    margin-left: -5px;
    padding-left: 10px;
    padding-right: 0
    }
.checki, .radioi {
    margin-bottom: 5px
    }
.item .checki input, .item .radioi input {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 3px
    }
.item input, .item select, .item textarea {
    margin-bottom: 15px
    }
a.btn-cancel {
    background-color: #777;
    color: #fff;
    margin-left: 20px;
    text-decoration: none
    }
@media only screen and (max-width: 750px) {
    .halfi {
        display: block;
        padding: 0;
        width: 100%
        }
    .halfi:nth-child(2n), div.halfi:nth-of-type(2n) {
        margin-left: 0;
        padding: 0
        }
    }
@media only screen and (max-width: 550px) {
    .onethirdi, .twothirdi {
        display: block;
        margin-left: 0 !important;
        padding: 0 !important;
        width: 100% !important
        }
    }
@media only screen and (max-width: 400px) {
    .item .nesti input, .item .nesti select {
        margin-left: 2px;
        margin-right: 2px
        }
    }