/*
  $Id: stylesheet.css
  adapted by lee fleming, infopulsellc.com, for New Headings LLC 
  May 2022 - Worldwide Quest Gear
font-family: open-sans-condensed, sans-serif;  (headings, menu) (from adobe)
font-family: 'Rasa', serif;   (text)  (from Google Fonts)

*/
@import url('https://fonts.googleapis.com/css2?family=Rasa:ital@0;1&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, option {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: """";
}
/* remember to define focus styles! */ :focus {
    outline: 0;
}
a:hover, a:active {
    outline: 0;
}
/************** General Styles *****************/
html {
    position: relative;
    min-height: 100%;
    background-color: #fff;
}
body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Rasa', Georgia, serif;
    color: hsla(0, 0%, 0%, 1);
    font-size: 20px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border-top: 0;
}
body {
    margin: 0 auto 180px;
}

#header {
    height: 100px;
    width: 100%;
    background: transparent;
    padding: 5px 0;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
}
#wrapper {
    clear: both;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    width: 98%;
    max-width: 1000px;
}
#headerwrap {
    background-color: transparent;
    max-width: 1000px;
    width: 98%;
    margin: 5px auto 0 auto;
    padding: 0;
}
#logo {
    width: 30%;
    height: auto;
    float: left;
    margin: 0 0;
    padding: 0;
}
#logo img {
    width: auto;
    max-width: 250px;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}
#helperbox {
    float: right;
    margin: 5px auto;
    width: 69%;
    padding: 0;
    height: auto;
    background: transparent;
    text-align: right;
}
p.headerhelp {
    margin: 0;
    float: right;
    text-align: right;
    font: 400 20px open-sans-condensed, Helvetica, Arial, sans-serif;
    color: hsla(0, 0%, 0%, 1);
    line-height: 30px; /*text-transform: uppercase;*/
    padding: 0;
    position: relative;
    z-index: 6000;
}
#helpernavs li.helptext {
    display: none;
}
span.helpbox {
    display: inline-block;
    float: right;
    padding: 2px 0 2px 10px;
    text-align: right;
    background-color: #fff;
    width: 130px;
    box-sizing: border-box;
    border: 0px solid #f58420;
}
h1, h2, h3, h4, h5, h6 {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
}

p {
    font-size: 20px;
    font-family: 'Rasa', georgia, serif;
    line-height: 28px;
    color: hsla(0, 0%, 0%, 1);
    margin: 6px 0;
}
strong, b {
    font-weight: 600;
}
.smallText {
    font-size: 10pt;
    font-weight: 400;
}
#helpernavs {
    float: right;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding: 0px 0 0 0;
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    text-align: right;
}
/* HELPER NAVS */
.toggle, [id^=drop] {
    display: none;
}
/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
    background-color: #fff;
    height: 20px;
    z-index: 2000;
    /* This makes the dropdown menus appear above the page content below */
    position: relative;
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
    content: "";
    display: table;
    clear: both;
}
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    /*	z-index: 2100;*/
    position: relative;
}
/* Positioning the navigation items inline */
nav ul li {
    margin: 0;
    display: inline-block;
    float: right;
    background-color: #fff;
}
nav ul > li {
    display: block;
    float: right;
    position: relative;
}
/* Styling the links */
nav a {
    display: block;
    padding: 0px 0 0 15px;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}
nav ul li ul li:hover {
    color: #5cc9dc;
}
/* Background color change on Hover */
nav a:hover {
    color: #86a047; /*background-color: #fff;*/
    text-decoration: underline;
}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 45px;
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display: inherit;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 130px;
    float: none;
    text-align: right;
    display: list-item;
    position: relative;
}
/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after {
    content: ' +';
}
nav li > a:only-child:after {
    content: '';
}
/* Helper Navs Media Queries
--------------------------------------------- */
@media all and (max-width : 748px) {
    nav {
        clear: right;
        margin: 0;
        position: relative;
        z-index: 5000;
        width: 125px;
        float: right;
    }
    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a, .menu {
        display: none;
    }
    /* Stylinf the toggle lable */
    .toggle {
        font-family: open-sans-condensed, arial, sans-serif;
        display: block;
        background-color: #0e3b74;
        font-weight: 600;
        padding: 4px;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        text-decoration: none;
        border: 1px solid #879f4c;
        text-align: center;
    }
    .toggle:hover {
        background-color: #5b7550;
        color: #fff;
    }
    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
    }
    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        line-height: 120%;
        padding: 5px 3px;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }
    nav ul ul .toggle, nav ul ul a {
        padding: 0 40px;
    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover, nav ul ul ul a {
        background-color: #fff;
    }
    nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 17px;
    }
    nav ul li ul li .toggle, nav ul ul a {
        background-color: #fff;
    }
    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #fff; /* has to be the same number as the "line-height" of "nav a" */
    }
    /* Hide menus on hover */
    nav ul ul li:hover > ul, nav ul li:hover > ul {
        display: none;
    }
    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
    }
    nav ul ul ul li {
        position: static; /* has to be the same number as the "width" of "nav ul ul li" */
    }
}
@media all and (max-width : 599px) {
    nav {
        clear: right;
        margin: 0;
        position: relative;
        z-index: 5000;
        width: 115px;
        float: right;
    }
    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a, .menu {
        display: none;
    }
    /* Stylinf the toggle lable */
    .toggle {
         font-family: open-sans-condensed, arial, sans-serif;
        display: block;
        background-color: #0e3b74;
        font-weight: 600;
        padding: 4px;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        border: 1px solid #879f4c;
        text-align: center;
    }
    .toggle:hover {
        background-color: #5b7550;
        color: #fff;
    }
    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
    }
    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        line-height: 120%;
        padding: 5px 3px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
    }
    nav ul ul .toggle, nav ul ul a {
        padding: 0 40px;
    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover, nav ul ul ul a {
        background-color: #8d7140;
    }
    nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 17px;
    }
    nav ul li ul li .toggle, nav ul ul a {
        background-color: #fff;
    }
    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #fff; /* has to be the same number as the "line-height" of "nav a" */
    }
    /* Hide menus on hover */
    nav ul ul li:hover > ul, nav ul li:hover > ul {
        display: none;
    }
    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
    }
    nav ul ul ul li {
        position: static; /* has to be the same number as the "width" of "nav ul ul li" */
    }
}
@media all and (max-width : 330px) {
    nav ul li {
        display: block;
        width: 94%;
    }
}
#helpernavs li a:link.headerNavigation, #helpernavs li a:visited.headerNavigation {
    color: #000000;
    text-decoration: none;
}
#helpernavs li a:hover.headerNavigation, #helpernavs li a:active.headerNavigation {
    color: #86a047;
    text-decoration: underline;
}
@media all {
    #helpernav {
        text-align: center
    }
}
@media all {
    #catnav {
        text-align: center
    }
}
/************** CATEGORES *****************/
a:link, a:visited {
    color: #1b3557;
    text-decoration: none
} /* link class */
a:hover, a:active {
    color: #86a047;
    text-decoration: underline;
}
#topcategories {
    clear: both;
    margin: 0 auto;
    float: none;
    font: 20px open-sans-condensed, Helvetica, Arial, sans-serif;
    font-weight: 700;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0;
    height: 39px;
    z-index: 100;
    /* This makes the dropdown menus appear above the page content below */
    position: relative;
    border-bottom: 0px solid #fff;
}
/*@media all and (min-width: 926px) and (max-width: 982px) {
    #topcategories {
        font: 18px open-sans-condensed, Helvetica, Arial, sans-serif;
    }
}*/
/*@media all and (min-width: 867px) and (max-width: 925px) {
    #topcategories {
        font: 18px open-sans-condensed, Helvetica, Arial, sans-serif;
    }
}*/
@media all and (min-width: 750px) and (max-width: 820px) {
    #topcategories {
        font: 18px open-sans-condensed, Helvetica, Arial, sans-serif;
    }
}
/* Top menu items */
/*Strip the ul of padding and list styling*/
#catlist ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}
#catlist ul li {
    display: block;
    position: relative;
    float: left;
}
#catlist ul ul {
    background: #EAEAEA;
}
/*Create a horizontal list with spacing*/
#catlist li {
    display: inline-block;
    /*float: left;*/
    margin-right: 13px;
    margin-left: 13px;
}
/*Style for menu links*/
#catlist li a {
    display: block;
    /*min-width: 16px;*/
    text-align: center;
    line-height: 39px;
    text-decoration: none;
    text-transform: uppercase;
   	color: hsla(330,2%,20%,1.00);
    font-weight: 700;
    padding: 0 3px;
}
#catlist .catnavsub {font-weight: 700; font-size: 16px; /*text-transform: none;*/
}
#catlist ul li:active a {
    color: #86a047;
    background: #fff;
}
/*Style for dropdown links*/
#catlist li:hover a {
    background: #fff;
}
#catlist li:hover ul a {
    background: #EAEAEA;
    color: #304153;
    /*height: 29px;*/
    line-height: 120%;
    padding: 8px;
}
/*Hover state for dropdown links*/
#catlist li:hover ul a:hover {
    background: #eaeaea;
    color: #304153;
}
#catlist a:link.catnav, #catlist a:visited.catnav, #catlist a:link.catnavsub, #catlist a:visited.catnavsub {
    color: hsla(330,2%,20%,1.00);
    background: #fff;
    text-decoration: none;
}
#catlist a:hover.catnav, #catlist a:active.catnav, #catlist .here, #catlist a:hover.catnavsub, #catlist a:active.catnavsub {
    color: #86a047;
    border-bottom: 0px solid #304153;
}
#catlist a:link.catnavsub, #catlist a:visited.catnavsub {
    color: hsla(330,2%,20%,1.00);
    background: #eaeaea;
    text-decoration: none;
}
#catlist a:hover.catnavsub, #catlist a:active.catnavsub {
    color: #304153;
    border-bottom: 2px solid #304153;
}
#catlist li ul {
    background: #eaeaea;
    padding: 2px;
    /*    	position: absolute;
    z-index: 3000;
    margin-top: -10px;*/
}
#catlist li ul li ul {
    width: 200px;
}
/*Hide dropdown links until they are needed*/
#catlist li ul {
    display: none;
}
/*Make dropdown links vertical*/
#catlist li ul li {
    display: block;
    float: none;
}
#catlist li ul li ul {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
#catlist li ul li a {
    padding: 0 10px;
    width: auto;
    /*min-width: 15em;*/
    text-align: left;
    text-transform: uppercase;
    font: 13px open-sans-condensed, Helvetica, Arial, sans-serif;
}
#catlist .toplevel:hover > ul {
    display: block;
}
/*Display the dropdown on hover*/
#catlist ul li a:hover + .subnav, .subnav:hover {
    display: block;
}
#catlist ul li.sublevel2 a:hover + .catnavsub {
    display: block;
}
/*#topcategories ul ul ul {
    width: auto;
}*/
ul ul ul {
    left: 100%;
    top: 0;
}
ul:before, ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
ul:after {
    clear: both;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    font-weight: 600;
    color: hsla(330,2%,20%,1.00);
    background-color: #fff;
    text-align: center;
    padding: 5px 0;
    margin: 10px auto;
    display: none;
}
/*Hide checkbox*/
.productListing-datacart input[type=checkbox] {
    display: inline-block;
}
.show-menu, [id^=show-menu] {
    display: none;
    -webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
#topcategories input[id^=show-menu]:checked ~ #catlist {
    display: block;
}
/*END TOP CATEGORIES MENU*/
#sidecategories {
    display: none;
}
/* breadcrumb row */
/* error messages/info */
.headerError {}
.headerInfo {}
/************** Content *****************/
#productinfo, #homeinfo, #productpage, #maincell {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
}
#thehomepage #message {
    padding-top: 10px;
}
#hero {
    padding: 0px;
    margin: 0 auto 0 auto;
    width: 100%;
    height: auto;
    max-width: 1000px;
    box-sizing: border-box;
}
#heroimage {
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1000px;
}

#homeinfo {
    clear: both;
    width: 100%;
    margin: 0px auto 0 auto;
    padding: 0;
    max-width: 1000px;
}
#homepage {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}
#shoppingcart {
    text-align: center;
    width: 100%;
    padding: 0;
    background-color: #fff;
}
#productinfo li {
    font-size: 11pt;
    line-height: 18pt;
    font-weight: 400;
    margin: 6px 0;
    list-style-type: square;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
div:empty {
    display: none;
}
#categoriesdescription {
    margin: 0 auto 20px auto;
    width: 80%;
}
#categoriesdescription p {
    font-size: 20px;
    line-height: 28px;
}
/*#pagetitle, #pagetitlecat {background-color: rgba(56, 56, 57, 0.2); height: auto;}*/
.pageHeading {
    font-size: 30px;
    font-family: open-sans-condensed, helvetica, arial, sans-serif;
    line-height: 110%;
    padding: 5px 0 10px 0;
    margin: 10px auto 10px auto;
    color: #304153;
    font-weight: 600;
    text-align: center;
}
#thehomepage .pageHeading {
    display: none;
    font-size: 38px;
    font-family: open-sans-condensed, helvetica, arial, sans-serif;
    line-height: 53px;
    /*text-indent: 0px;*/
    padding: 5px 0 10px 0;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    margin: 80px auto 80px auto;
    text-align: center;
}
#productpage .pageHeading {}
/* here be product description background color */
.subhead {
    font-family: open-sans-condensed, helvetica, arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 15px auto 5px auto;
}
p.homepage {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}
#maincontent {
    float: left;
    width: 74%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
#filenameproductlisting {
    text-align: center;
    width: 100%;
    background-color: transparent;
    padding: 0px;
}
#productImage {
    width: 100%;
    font-size: 8pt;
    font-weight: 400;
    text-align: center;
    padding-bottom: 2px;
    margin-bottom: 25px;
    border: 0px solid #005daa;
}
.productimage, #productImage img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
p, #description p {
    font-size: 20px;
    font-family: 'Rasa', georgia, serif;
    line-height: 28px;
    color: hsla(0, 0%, 0%, 1);
    margin: 0 0 15px 0;
}
#hometext p {
    font-size: 20px;
    font-family: 'Rasa', georgia, serif;
    line-height: 28px;
    color: hsla(0, 0%, 0%, 1);
    margin: 0 0 15px 0;
}
#description {
    margin-bottom: 40px;
    clear: both;
}
#swatchimages {
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#swatchimages img {
    border: 0px solid #005daa;
}
#swatchimages ul {
    width: 100%;
    list-style-type: none;
    text-align: center;
    margin-bottom: 1px auto 50px auto;
}
#swatchimages .swatch li {
    list-style-type: none;
    text-align: center;
    padding: 5px 15px;
    line-height: 100%;
    font-size: 12px;
}
li.swatch {
    width: 15%;
    height: auto;
    list-style-type: none;
    display: inline;
    float: left;
    font-size: 12px;
    border: 0px dotted #fefefe;
}
span.swatchtext {
    display: block;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    padding: 2px;
}
#description {
    clear: both;
    padding: 0;
    padding-top: 20px;
}
#buybox {
    float: right;
    width: 25%;
    height: auto;
    margin: 0 0 30px 0;
    padding: 10px;
    box-sizing: border-box;
    background-color: #1E395C;
}
#buybox h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
    color: #fff;
}
#options textarea {
    width: 100%;
}
#buybox h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 2px;
    color: #fff;
}
#buybox p {
    font-size: 16px;
    font-weight: 500;
    font-family: open-sans-condensed, helvetica, arial, sans-serif;
    margin-bottom: 6px;
    color: #fff;
    line-height: 120%;
}
#options select {
    width: 100%;
    font-size: 16px;
}
#quantity {
    padding-top: 15px;
    font-size: 18px;
}
#moreinfo {
    display: none;
}
p, td.main {
    font-size: 20px;
    font-family: 'Rasa', georgia, serif;
    line-height: 28px;
    color: hsla(0, 0%, 0%, 1);
    margin: 0 0 15px 0;
}
table#addressform {
    width: 65%;
}
td.formlabel {
    text-align: right;
    padding: 2px 2px 2px 0;
}
#message {
    width: 100%;
}
td.main li, #description li, .main li {
    font-size: 20px;
    font-family: 'Rasa', georgia, serif;
    line-height: 28px;
    color: hsla(0, 0%, 0%, 1);
    margin: 6px 0;
    list-style-type: square;
}
#description ul {
    margin-top: 0;
    margin-bottom: 15px;
}
.info ul, ul.info {
    width: 80%;
    padding: 0 30px;
}
#description ul li {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 22px;
    padding-left: .22px;
    text-indent: -.22px;
}
.homelist li {
    list-style-type: square;
    margin-left: 22px;
    padding-left: .22px;
    text-indent: -.22px;
}
.smallText {
    font-size: 14px;
    font-weight: 400;
}
#shipping_info {
    width: 100%;
}
/* category product listing table */
.productListing {
    width: 100%;
    border-spacing: 5px;
    text-align: center;
    margin-top: 0 0 20px 0;
    table-layout: fixed;
}
.productListing-data { /* product listing table cell */
    border: 1px solid #ccc;
    font-size: 18px;
    font-family: open-sans-condensed, helvetica, arial, sans-serif;
    font-weight: 600;
    line-height: 100%;
    width: 32% !important;
    max-width: 32%;
    padding: 15px;
    text-align: center;
    margin: 0 5px 5px 0;
    background-color: #fff;
}
.subcat {
    width: 32%;
    float: left;
    font-size: 18px;
    margin: 0 5px 5px 0;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #fff;
}
#subcats {
    width: 100%;
    margin: 0 auto;
}
#subcats .subcat {
    font-size: 18px;
        font-family: open-sans-condensed, helvetica, arial, sans-serif;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
}
.productListing_tile {
    width: 100%;
    border-spacing: 0;
    text-align: center;
    margin-top: 0;
}
.productListing-data_tile { /* product listing table cell */
    border: 0;
    width: 33.3%;
    padding: 0;
    text-align: center;
    margin: 0;
}
.product_listing_image {
    border: 0;
    padding-bottom: 10px;
}
.product_listing_image img, .subcat img {
    width: 100%;
    height: auto;
    max-width: 200px;
    border: 0;
    padding-bottom: 10px;
}
.product_listing_image_tile {
    border: 0;
    padding: 0;
}
.product_listing_image_tile img {
    width: 100%;
    height: auto;
    max-width: 333px;
    border: 0;
    padding: 0;
}
.product_listing_name {
    text-decoration: none;
}
.productListing-heading { /* used in cart contents */
    font-size: 14px;
    font-weight: 600;
    font-family: open-sans-condensed, helvetica, arial;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.productListing-datacart { /* the product boxes on the cart page */
    font-family: open-sans-condensed, helvetica, arial;
    font-weight: 500;
    font-size: 14px;
    padding: 5px;
    line-height: 120%;
}
/*  ---- right product page column -- */
#subtotal {
    font-family: open-sans-condensed, helvetica, arial;
    font-size: 16px;
    line-height: 150%;
    font-weight: 600;
    width: 95%;
    text-align: right;
}
#buttonbar {
    width: 98%;
    margin: 15px auto;
}
#buttonbar #update_cart_button {
    width: 33%;
    float: left;
}
#buttonbar #continue_shopping_button {
    width: 33%;
    float: left;
    text-align: center
}
#continue_button_addressform {
    text-indent: 360px;
}
#shippingaddessinfo, #billingaddressinfo, #orderconfirmationinfo {
    text-align: center;
    margin: 0 auto 20px auto;
}
#tidypage {
    background-color: transparent;
    margin: 0 0 20px 0;
}
.continue_button, .continuebutton {
    text-align: right;
    padding-right: 20px;
}
#continue_button {
    text-align: right;
    padding-right: 20px;
}
/* inside pages bits */
#new_customer_heading h3, #returning_customer h3 {
    font-size: 24px;
    color: #333333;
    line-height: 26px;
    font-weight: 500;
}
#new_customer, #new_shipping_address_title {
    margin: 20px auto;
}
#returning_customer {
    margin: 0;
}
.arrow {
    font-size: 11pt;
    line-height: 1.67em;
    font-weight: 500;
}
.plist {
    line-height: 120%;
    margin: 0;
    padding: 0;
}
#new_account {
    margin: 0 auto;
    width: 100%;
}
#login_box {
    text-align: center;
}
#addressform {
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
}
/************** side columns *****************/
#leftcolumn {
    display: none;
}
#rightcolumn {
    display: none;
}
#newproducts, #upcomingproducts {
    display: none;
}
/************** Footer *****************/
.push {
    clear: both;
    height: 2em;
    width: 100%;
}
#footer {
    clear: both;
    width: 100%;
    min-height: 180px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background-color: #818285;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
#footerwrap {
    margin: 0 auto;
    padding: 0;
    width: 98%;
    max-width: 1000px;
    background-color: transparent;
}
#gateway {
    float: left;
    width: 20%;
    max-width: 200px;
    margin: 10px 0 0 0;
    padding: 0;
}
#admin {
    float: right;
    width: 80%;
    margin: 10px 0 0 0;
    padding: 0;
}
#footer_bar {
    font-size: 20px;
    font-weight: 500;
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding: 10px 0;
    color: hsla(0,0%,100%,1.00);
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#footer_bar a:link, #footer_bar a:visited {
      color: hsla(0,0%,100%,1.00);
    text-decoration: none;
}
#footer_bar a:hover, #footer_bar a:active {
    color: #1b3557;
    text-decoration: underline;
}
#identity {
    float: left;
    width: 50%;
}
#identity h5 {
    font-size: 20px;
    /*font-family: 'Rasa', georgia, serif;*/
    line-height: 120%;
    margin: 0px 0 5px 0;
    color: hsla(0,0%,100%,1.00);
  
}
#powered {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    color: hsla(0,0%,100%,1.00);
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 100%;
}
#copyright {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    float: right;
    width: 50%;
    margin: 0px 0 5px 0;
    text-align: right;
}
#copyright p {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    color: hsla(0,0%,100%,1.00);
    font-size: 13px;
    line-height: 140%;
}
#copyright a:link, #copyright a:visited {
    color: hsla(0,0%,100%,1.00);
    text-decoration: none;
}
#copyright a:hover, #copyright a:active {
    color: #1b3557;
    text-decoration: underline;
}
/* forms.css LEGACY */
.main h2, #tidypage h3, #tidypage h2, #maincell h3 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
}
#orderconfirmationinfo td.main, #maincell td.main {
    line-height: 120%;
    font-size: 18px;
}
form {
    display: inline;
    margin: 0;
    padding: 0;
}
checkbox, input, radio, select {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
}
textarea {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 98%;
}
/* BEGIN: CSS Buttons Everywhere */
.cssButton {
    margin: auto;
    background: #86a407;
    color: #fff;
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 9px 10px;
    border: 0px;
    border-style: outset;
    border-color: #1b3557;
    border-spacing: 3px;
}
.cssButton:hover {
    background-color: #94ad5d;
}
/************** LEGACY *****************/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
    background: #fff;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
    background: #fff;
}
TR.subBar {
    background: #f4f7fd;
}
TD.subBar {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
TD.accountCategory {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    color: #aabbdd;
}
TD.fieldKey {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
TD.fieldValue {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}
TD.tableHeading {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D3222A;
}
SPAN.newItemInCart {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #ff0000;
}
TABLE.formArea {
    background: #f1f9fe;
    border-color: #7b9ebd;
    border-style: solid;
    border-width: 1px;
}
TD.formAreaTitle {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
SPAN.markProductOutOfStock {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #c76170;
    font-weight: bold;
}
SPAN.productSpecialPrice {
    font-family: arial, helvetica, sans-serif;
    color: #ff0000;
}
SPAN.errorText {
    font-family: arial, helvetica, sans-serif;
    color: #ff0000;
}
/* //rmh M-S_multi-pricing begin */
TD.productPriceInListing {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background: #d2e9fb;
}
TD.productPriceInBox {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background: #eeeeee;
}
TD.productPriceInProdInfo {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background: #ccFFcc;
}
/* //rmh M-S_multi-pricing end */
.moduleRow {}
.moduleRowOver {
    background-color: #D7E9F7;
    cursor: pointer;
    cursor: hand;
}
.moduleRowSelected {
    background-color: #E9F4FC;
}
.checkoutBarFrom, .checkoutBarTo {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    color: #8c8c8c;
    line-height: 100%;
}
.checkoutBarCurrent {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    line-height: 100%;
}
/* message box */
.messageBox {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
}
.messageStackError, .messageStackWarning {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: #ffb3b5;
}
.messageStackSuccess {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: #99ff00;
}
/* input requirement */
.inputRequirement {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #ff0000;
}
.inputRestriction {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
} /* //rmh M-S_multi-stores */
#sizetable {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    background-color: #fff;
}
#shipping_info p {
    font-size: 16px;
    line-height: 26px;
}
#sizetable td {
    font-family: open-sans-condensed, 'arial narrow', helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
#shiptable {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    background-color: transparent;
}
#shiptable td {
    font-family: open-sans-condensed, 'arial narrow', helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
#catlist li ul {
    display: none;
}
#topcategories #catlist li.toplevel > ul > li > ul, #topcategories #catlist li.toplevel > ul > li > ul > li > ul {
    display: none;
}
#topcategories #catlist li.toplevel > ul > li:hover > ul {
    display: block;
    position: absolute;
    left: 100%;
    top: -2px;
}
#topcategories #catlist li.toplevel > ul > li:hover > ul, #topcategories #catlist li.toplevel > ul > li > ul > li:hover > ul {
    display: block;
    position: absolute;
    left: 100%;
    top: -2px;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: open-sans-condensed, Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #879e4b;
    text-align: center;
    padding: 10px 0;
    margin: 20px auto;
    display: none;
    cursor: hand;
}
/*Hide checkbox*/
#topcategories input[type=checkbox] {
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #show-menu {
    display: block;
}
@media all and (min-width: 600px) and (max-width: 820px) {
    body {
        margin: 0 auto 180px;
    }
    #logo {
        width: 66%;
        margin: 0;
    }
    #logo img {
        width: 98%;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    #helperbox {
        float: right;
        margin: 7px auto 0 auto;
        width: 30%;
        padding: 0;
        height: auto;
    }
    p.headerhelp {
        display: none;
    }
    #helpernavs li.helptext {
        display: block;
        padding-top: 6px;
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        color: #000;
    }
    #topcategories {
        clear: both;
        width: 100%;
        margin: -12px auto 0 auto;
        text-align: center;
        padding: 0;
        height: 39px;
        background-color: #1A2430;
    }
    /* Top menu items */
    #topcategories ul {
        width: 100%;
        margin: -15px auto 15px auto;
        padding: 0;
        position: static;
        display: none;
        background-color: #1A2430;
    }
    #topcategories li {
        margin-bottom: 1px;
    }
    #topcategories ul li, #topcategories li a {
        width: 100%;
    }
    #catlist li ul li a {
        text-align: center;
    }
    #catlist li ul li ul {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display: block;
    }
    .pageHeading {
        font-size: 28px;
        line-height: 100%;
        padding: 5px 0 10px 0;
        margin: 20px 0 0px;
    }
    .subhead {
        font-size: 20px;
    }
    #thehomepage #message {
        padding-top: 10px;
    }
    p, #description p {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 12px 0;
    }
    td.main li, #description li, .main li {
        font-size: 18px;
        line-height: 26px;
    }
    #addressform, #login-box {
        width: 100%;
    }
    #addressform td.main, #login-box td.main {
        font-size: 16px;
        padding: 3px 3px 3px 0;
    }
    #addressform td.main input, #addressform td.main select, #login-box td input, #login-box td select {
        font-size: 16px;
        padding: 3px 0;
    }
    #continue_button_addressform {
        text-indent: 200px;
        margin-bottom: 25px;
    }
    p, td.main, .main, #shippingaddress td, #paymentaddress td, #discountcodes td.main, #paymentmethod td.main, #commentbox td.main, #billingaddress td.main, #ordersummary td.main, #totals td.main, #paymentinfo td.main {
        font-size: 18px !important;
        line-height: 26px !important;
        margin: 0 0 12px 0;
    }
    td.formlabel {
        text-align: left;
        padding: 2px 2px 2px 0;
    }
    td.main li, #description li, .main li {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    #maincontent {
        float: right;
        width: 59%;
        /*	padding: 10px;*/
    }
    #buybox {
        float: left;
        width: 40%;
        /*padding: 10px;*/
    }
    #buybox p {
        font-size: 15px;
    }
    #options select {
        font-size: 15px;
    }
    #quantity {
        font-size: 16px;
    }
    p, td.main {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 12px 0;
    }
    .cssButton {
        font-size: 18px;
    }
    #options select {
        font-size: 15px;
    }
    .productListing-data {
        font-size: 15px;
    }
    .subcat {
        font-size: 13px;
    }
    .push {
        height: 3em;
    }
    #footer_bar {
        font-size: 14px !important;
        padding: 10px 0 !important;
        line-height: 150% !important;
    }
    #gateway {
        min-width: 94px;
        margin: 10px 0 0 0;
    }
    #admin {
        width: 77%;
        margin: 10px 6px 0 0;
    }
    #identity h5 {
        font-size: 18px;
    }
    #powered {
        font-size: 12px !important;
        line-height: 100%;
    }
    #copyright p {
        font-size: 12px !important;
        line-height: 150%;
    }
    #sizetable td {
        font-size: 15px;
        padding: 5px;
    }
    #shiptable td {
        font-size: 15px;
        padding: 5px;
    }
    #tilebox p.tilefem a:link, #tilebox p.tilefem a:visited, #tilebox p.tilemen a:link, #tilebox p.tilemen a:visited {
        font-size: 13px;
    }
    #tilebox p.tilefem a:hover, #tilebox p.tilefem a:active, #tilebox p.tilemen a:hover, #tilebox p.tilemen a:active {
        font-size: 13px;
    }
    #tilebox p.tilename {
        margin: 5px 0 0 0;
        font-size: 13px;
    }
    #tilebox p.tilefem {
        text-align: right;
        margin: 100px 0 0 0;
    }
    #tilebox p.tilemen {
        margin: 6px 0 5px 0;
    }
}
@media all and (min-width: 100px) and (max-width: 599px) {
    body {
        margin: 0 auto 200px;
    }
    #tagline p {
        font-size: 13px;
    }
    #logo {
        width: 60%;
        margin: 0;
    }
    #logo img {
        width: 95%;
        height: auto;
        margin: 0;
        padding: 0 0 10px 0;
        text-align: left;
		
    }
    #helperbox {
        float: right;
        margin: 1px auto 0 auto;
        width: 30%;
        padding: 0;
        height: auto;
    }
    p.headerhelp {
        display: none;
    }
    #helpernavs li.helptext {
        display: block;
        padding-top: 6px;
        font-size: 13px;
        font-weight: 500;
        line-height: 130%;
        color: #000;
    }
    #topcategories {
        clear: both;
        width: 100%;
        margin: -22px auto 0 auto;
        text-align: center;
        padding: 0;
        height: 39px;
        background-color: #1A2430;
    }
    /* Top menu items */
    #topcategories ul {
        width: 98%;
        margin: -15px auto 15px auto;
        padding: 0;
        position: static;
        display: none;
        background-color: #1A2430;
    }
    #topcategories li {
        margin-bottom: 1px;
    }
    #topcategories ul li, #topcategories li a {
        width: 98%;
    }
    #catlist li ul li a {
        text-align: center;
    }
    #catlist li ul li ul {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display: block;
    }
    .pageHeading {
        font-size: 20px;
        line-height: 100%;
        padding: 5px;
        margin: 20px 0 0;
    }
    .subhead {
        font-size: 17px;
    }
    #thehomepage #message {
        padding-top: 10px;
    }
    p, #description p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px 0;
    }
    td.main li, #description li, .main li {
        font-size: 16px;
        line-height: 24px;
    }
    #addressform, #login-box {
        width: 100%;
    }
    #addressform td.main, #login-box td.main {
        font-size: 16px;
        padding: 3px 3px 3px 0;
    }
    #addressform td.main input, #addressform td.main select, #login-box td input, #login-box td select {
        font-size: 16px;
        padding: 3px 0;
    }
    #continue_button_addressform {
        text-indent: 200px;
        margin-bottom: 25px;
    }
    /*p, td.main, .main,*/ #shippingaddress td, #shippingaddessinfo td, #paymentaddress td, #discountcodes td.main, #paymentmethod td.main, #commentbox td.main, #billingaddress td.main, #ordersummary td.main, #totals td.main, #paymentinfo td.main {
        font-size: 16px !important;
        line-height: 22px !important;
        margin: 0 0 12px 0;
    }
    #shippingaddessinfo .cssButton {
        font-size: 10px;
        line-height: 15px;
    }
    .cssButton {
        font-size: 10px;
        padding: 6px 7px 8px;
        border-spacing: 2px;
    }
    td.formlabel {
        text-align: left;
        padding: 2px 2px 2px 0;
    }
    td.main li, #description li, .main li {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    #maincontent {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    #description {
        margin-bottom: 0;
    }
    #buybox {
        float: none;
        width: 100%;
        /*padding: 10px;*/
    }
    #buybox p {
        font-size: 12px;
    }
    #options select {
        font-size: 12px;
    }
    #quantity {
        font-size: 14px;
    }
    p, td.main {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px 0;
    }
    .cssButton {
        font-size: 10px;
    }
    #options select {
        font-size: 16px;
    }
    .productListing-data {
        font-size: 16px;
    }
    #orderconfirmationinfo td.main, #maincell td.main {
        line-height: 110%;
        font-size: 16px;
    }
    .productListing-datacart {
        font-size: 16px;
    }
    .subcat {
        font-size: 16px;
    }
    .push {
        height: 8em;
    }
    #footer {
        height: 280px;
    }
    #footer_bar {
        font-size: 14px !important;
        padding: 10px 0 !important;
        line-height: 130% !important;
    }
    #gateway {
        min-width: 94px;
        margin: 10px 0 0 0;
    }
    #admin {
        width: 63%;
        margin: 10px 6px 0 0;
    }
    #identity {
        float: none;
        width: 100%;
    }
    #identity h5 {
        font-size: 16px;
        float: none;
    }
    #powered {
        font-size: 12px !important;
        line-height: 100%;
    }
    #copyright {
        float: none;
        width: 100%
    }
    #copyright p {
        font-size: 12px !important;
        line-height: 150%;
    }
    #shipping_info p {
        font-size: 16px;
        line-height: 120%;
    }
    #sizetable td {
        font-size: 13px;
    }
    #shiptable {
        width: 100%;
        text-align: center;
        margin: 0 0 20px 0;
        background-color: transparent;
    }
    #shipping_info h3, #sizetable h3 {
        font-size: 16px;
        line-height: 110%;
    }
    #shiptable td {
        font-size: 16px;
    }
    #sizetable td {
        /*padding: 5px;*/
    }
    #shiptable td {
        padding: 5px;
    }
    #tilebox p.tilefem a:link, #tilebox p.tilefem a:visited, #tilebox p.tilemen a:link, #tilebox p.tilemen a:visited {
        font-size: 11px;
    }
    #tilebox p.tilefem a:hover, #tilebox p.tilefem a:active, #tilebox p.tilemen a:hover, #tilebox p.tilemen a:active {
        font-size: 11px;
    }
    #tilebox p.tilename {
        margin: 2px 0 0 0;
        font-size: 12px;
        letter-spacing: -1px;
    }
    #tilebox p.tilefem {
        text-align: right;
        margin: 70px 0 0 0;
    }
    #tilebox p.tilemen {
        margin: 6px 0 3px 0;
    }
}
#login_box, #new_account {
	display:none;
}