/*
  $Id: stylesheet.css
  adapted by lee fleming, infopulsellc.com, for New Headings LLC 
  September 2024 - Quark Polar Gear Shop
  font-family: 'Nunito Sans', Neuton;
  
*/
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, 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 {
    color: #4d5760;
    font-size: 15px;
    line-height: 140%;
    font-weight: 500;
    font-family: 'Nunito Sans', arial, sans-serif;
    padding: 0;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
	background-image: url(images/backgroundimages.php);
    background-position: center 88px;
    background-repeat: no-repeat;
    width: 100%;
}
body {
    border-top: 30px solid #000;
}
body {
	margin: 0 0 160px;
	}
/* negative margin top fills in top body border for help info */
#header {
    width: 100%;
    padding: 0;
    margin: -30px 0 10px 0;
	background: #000;
}
#headerwrap {
    background: #000;
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}
/* general link colors */
a:link, a:visited {
    color: #005CB8;
    text-decoration: none
} /* link class */
a:hover, a:active {
    color: #005CB8;
    text-decoration: underline;
}
/* helper menu stuff */

#helperbox {
    background: transparent;
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    height: 30px;
}





/* HELPER NAVS */

#helpernavs {
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
    background-color: transparent;
    font-size: 13px;
    font-family: 'Nunito Sans', arial, sans-serif;
    font-weight: 600;
    text-align: right;
    width: 50%;
    height: auto;
}
/* makes menu button go away until needed without killing other checkboxes */
.toggle, [id^=drop] { display: none; }
/* kills the phone & contact Us until menu toggle is used */
#helpernavs li.helptext { display: none; }
nav {
    margin: 0;
    padding: 0;
    background-color: #000;
    height: 19px;
    z-index: 1000;
    /* 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 a:link, nav a:visited, span.helpbox a:link, span.helpbox a:visited {
    color: #fff;
    text-decoration: none
} /* link class */
nav a:hover, nav a:active, span.helpbox a:hover, span.helpbox a:active {
    color: #f2a900;
    text-decoration: none;
}

/* phone & contact */

p.headerhelp {
    float: left;
    text-align: left;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    margin: -10px 0 0 0;
    padding: 0;
    font-family: 'nunito sans', arial, sans-serif;
    font-weight: 600;
    width: 40%;
	height: 19px;
	z-index: 1000;
    /* This makes the dropdown menus appear above the page content below */
    position: relative;
}

span.helpbox {
    display: inline-block;
    float: left;
    padding: 0 24px 0 0;
    text-align: left;
    margin: 0;
    background-color: transparent;
    width: auto;
    box-sizing: border-box;
}


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;
    position: relative;
}
/* Positioning the navigation items inline */
nav ul li {
    margin: 0;
    display: inline-block;
    float: right;
    background-color: transparent;
}
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: 12px;
    text-decoration: none;
}
nav ul li ul li:hover { color: #f2a900; background: transparent; }
/* Background color change on Hover */
nav a:hover { color: #f2a900; background-color: transparent; }
/* 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 : 812px) {
nav {
    /*clear: right;*/
    margin: 0;
    position: relative;
    z-index: 5000;
    width: 125px;
    max-width: 140px;
    float: right;
}
/* Hide the navigation menu by default */
	/* Also hide the  */
.toggle + a, .menu { display: none; }
/* Stylinf the toggle lable */
.toggle {
    display: block;
    background-color: #D2DDE3;
    font-weight: 600;
    padding: 2px;
    color: #007293;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #005DFF;
    text-align: center;
    max-height: 30px;
}
.toggle:hover {
    background-color: #005DFF;
    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: 0 3px 5px 0;
    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: #4FC1EA;
    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: #4FC1EA;/* 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 (min-width: 453px) and (max-width : 812px) {
/* phone & contact */
p.headerhelp {
    font-size: 14px;
    line-height: 14px;
    margin: 7px 0 0 0;
    width: 60%;/*height: 30px;*/
}
span.helpbox {
    display: inline-block;
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
    margin: 0;
    background-color: transparent;
    width: auto;
    box-sizing: border-box;
}
}

@media all and (max-width : 452px) {
/* phone & contact */
p.headerhelp { display: none; }
#helpernavs li.helptext { display: contents; }
span.helpbox {
    display: block;
    float: right;
    line-height: 120%;
    padding: 2px 3px 5px 0;
    font-size: 14px;
    font-weight: 500;
}
}

@media all and (max-width : 330px) {
nav ul li {
    display: block;
    width: 94%;
}
}
#helpernavs li a:link.headerNavigation, #helpernavs li a:visited.headerNavigation {
    color: #fff;
    text-decoration: none;
}
#helpernavs li a:hover.headerNavigation, #helpernavs li a:active.headerNavigation {
    color: #f2a900;
    text-decoration: none;
}

@media all {
#helpernav { text-align: center }
}

@media all {
#catnav { text-align: center }
}
#logonavbox {
    width: 100%;
    margin: 0px auto;
    background: #000;
}
#logo {
    float: left;
    width: 20%;
    max-width: 175px;
    height: auto;
    margin: 10px 0;
    padding: 0;
    z-index: 1700;
    position: relative;
}
/************** CATEGORES *****************/


/* Top Drop-down Navigation */

#topcategories {
    float: right;
    background-color: #fff;
    margin: 22px 0 0 0;
    padding: 0;
    width: 80%;
    max-width: 750px;
    height: 39px;
    font-family: 'Nunito Sans', arial, sans-serif;
    font-weight: 800;
    text-align: center;
    font-size: 12px; /* Menu text size */
    z-index: 1000; /* This makes the dropdown menus appear above the page content below */
    position: relative;
}
/* Top menu items */
#catlist ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    /*float: right;*/
	/*position: relative;*/
    position: absolute;
    text-align: center;
    /*right: 50%;*/
    background-color: #fff;
}
/*Create a horizontal list with spacing*/
#catlist li {
    display: inline-block;
    /*float: left;*/
    margin-right: 3px;
}
/*Style for menu links*/
#catlist li a {
    display: block;
    min-width: 17px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 3px solid #fff;
}
#catlist ul li:active a {
    color: #f2a900;
    border-bottom: 3px solid #f2a900;
}
/*Style for dropdown links*/
#catlist li:hover a { background: #ffffff; }
#catlist li:hover ul a {
    background: #fff;
    color: #f2a900;
    border-bottom: 3px solid #f2a900;
    height: 29px;
    line-height: 29px;
}
/*Hover state for dropdown links*/
#catlist li:hover ul a:hover {
    background: #fff;
    color: #f2a900;
}
#catlist a:link.catnav, #catlist a:visited.catnav, #catlist a:link.catnavsub, #catlist a:visited.catnavsub {
    color: #000;
    border-bottom: 3px solid #fff;
    text-decoration: none;
}
#catlist a:hover.catnav, #catlist a:active.catnav, #catlist a:hover.catnavsub, #catlist a:active.catnavsub {
    color: #f2a900;
    border-bottom: 3px solid #f2a900;
}
#catlist .here { color: #f2a900; border-bottom: 3px solid #f2a900;}
#catlist li ul {
    background: #fff;
    padding: 2px;
    border: 1px solid #ccc;
}
/*Hide dropdown links until they are needed*/
#catlist li ul { display: none; }
/*Make dropdown links vertical*/
#catlist li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
#catlist li ul li a {
    padding: 0 10px;
    width: auto;
    text-transform: none;
    min-width: 15em;
    text-align: left;
}
#catlist .toplevel:hover > ul { display: block; }
/*Display the dropdown on hover*/
#catlist ul li a:hover + .subnav, .subnav:hover { display: block; }
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    color: #fff;
    background: rgba(0, 92, 184, 0.75);
    text-align: center;
    padding: 2px 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/Structure *****************/

#wrapper {
    clear: both;
    margin: 40px auto;
    padding: 0;
    background-color: transparent;
    width: 98%;
    max-width: 1000px;
    box-sizing: border-box;
}
#productinfo, #homeinfo, #productpage, #maincell, #content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#homeinfo {
    width: 100%;
    margin: 0 auto 30px 0;
    padding: /*25px*/ 0;
}
#thehomepage {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
img #special {
    max-width: 100%;
    height: auto;
}
/* this is homepage stuff */

#specialtext a {clear: both; width: 90%; margin: 20px auto 0 auto; height: auto; font-size: 20px; text-align: center;}
#message {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
/*other pages */

#shoppingcart {
    text-align: center;
    width: 100%;
    padding: 0;
}
div:empty { display: none; }
/* product description on prod page */



#maincontent {
    float: left;
    width: 69%;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
}
#filenameproductlisting {
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    margin: 0;
}
#productImage {
    width: 100%;
    font-size: 8pt;
    font-weight: 400;
    text-align: center;
    padding-bottom: 2px;
    margin-bottom: 25px;
}
.productimage, #productImage img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
/*typography, more or less ...*/ 
.smallText {
    font-size: 10pt;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Archer Book', arial, sans-serif; }
strong, b { font-weight: 600; }
p, td.main, td.main li, #description li, .main li {
    color: #000;
    font-size: 15px;
    line-height: 140%;
    font-family: Neuton, arial, sans-serif;
    margin: 0 0 12px 0;
    font-weight: 500;
}
td.main li, .main li, #description li {
    list-style-type: square;
    color: #000;
    list-style-position: inside;
    padding: 0;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0 12px 0;
    font-weight: 500;
    line-height: 120%;
    font-size: 15px;
}
#description ul li {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 22px;
    padding-left: .22px;
    text-indent: -.22px;
}
#productinfo li {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 12px 0;
    list-style-type: square;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
#message p {
    font-size: 15px;
    line-height: 140%;
    font-family: Raleway, arial, sans-serif;
    color: #000;
    margin: 0 0 12px 0;
    font-weight: 500;
}
#categoriesdescription {
    clear: both;
    /*width: 860px;*/
    margin: 40px auto 0 auto;
    padding: 15px 25px;
    /*background: rgba(0, 93, 171, .8);*/
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
}
#categoriesdescription p {
    color: #000;
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    width: 100%;
    margin: 0 auto 12px 0;
}
div:empty { display: none; }

.pageHeading {
    font-size: 30px;
    font-family: 'Nunito Sans', arial, sans-serif;
    line-height: 30px;
    margin: 160px auto 80px auto;
    text-indent: 0px;
    color: rgba(250,250,250,1);
    font-weight: 700;
    padding: 10px;
    background: rgba(66, 66, 66, 0.40);
}
#homeinfo .pageHeading {
    font-family: 'Nunito Sans', arial, sans-serif;
    text-indent: 0px;
    font-weight: 700;
    color: rgba(250,250,250,1);
	 margin: 160px auto 85px auto;
    font-size: 36px;
    padding: 10px;
    opacity: 1;
    text-align: center;
    background: rgba(66, 66, 66, 0.4);
}
h2 .pageHeading {
    font-family: 'Nunito Sans', arial, sans-serif;
    text-indent: 0px;
    font-weight: 700;
    color: rgba(250,250,250,1);
    font-size: 36px;
    /*margin: -100px auto 70px auto !important;*/
    padding: 10px;
    opacity: 1;
    text-align: center;
    background: rgba(66, 66, 66, 0.4);
}
.pagesubhead {
    font-family: 'Nunito Sans', arial, sans-serif;
    text-indent: 0px;
    font-weight: 500;
    font-size: 30px;
}
#productpage .pageHeading {
    padding-left: 0;
    opacity: 1;
}
/* handling the swatches */
#swatchimages {
    margin: 0;
    padding: 0;
}

@media all {
#swatchimages {
    margin: 0;
    padding: 0;
}
}
#swatchimages img { border: 0px solid #005daa; }
#swatchimages ul {
    width: 100%;
    list-style-type: none;
    margin-bottom: 50px;
}
#swatchimages .swatch li, li.swatch {
    list-style-type: none;
    padding: 0 5px;
    width: 110px;
    height: 130px;
    display: inline;
    float: left;
}
span.swatchtext {
    display: block;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    padding: 10px 0;
}
/*end swatch stuff*/ 

/*product description page*/
#description {
    clear: both;
    padding: 0 10px;
    box-sizing: border-box;
}
/*where the price & attributes go*/

#buybox {
    float: right;
    width: 30%;
    margin: 0 0 30px 0;
    padding: 10px;
    background: #0C223F;
    outline: 2px solid #005DFF;
    box-sizing: border-box;
}
/* money honey - price */
#buybox h4 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    color: #fff;
}
#options textarea { width: 100%; }
#buybox h3 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 2px;
    color: #fff;
}
#buybox p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #fff;
}
#options select {
    width: 100%;
    font-size: 16px;
    color: #000;
}
#quantity {
    padding-top: 15px;
    font-size: 16px;
    color: #000;
}
#quantity input { font-size: 15px; }
table#addressform { width: 65%; }
td.formlabel { padding-left: 25px; }
#message { width: 100%; }
.info ul, ul.info {
    width: 80%;
    padding: 0 30px;
}
.subcat {
    width: 32%;
    float: left;
    font-size: 14pt;
    margin: 0 5px 5px 0;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #f1f2f2;
    font-family: arial, sans-serif;
    line-height: 20px;
    background: #fff;
}
.subcat img { padding-bottom: 10px; }
#shipping_info { width: 100%; }
/* category product listing table */
.productListing {
    width: 100%;
    text-align: center;
    margin-top: 0 0 20px 0;
}
.productListing-data { /* product listing table cell */
    border: 1px solid #f1f2f2;
    font-size: 15px;
    font-weight: 600;
    width: 32%;
    padding: 15px;
    text-align: center;
    margin: 0 5px 5px 0;
    line-height: 110%;
}
#subcats .subcat {
    font-size: 15px;
    font-weight: 600;
    margin: 0 5px 5px 0;
    line-height: 110%;
    text-align: center;
}
.product_listing_image a {
    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_name {
    font-family: 'Nunito Sans', arial, sans-serif;
    text-decoration: none;
    line-height: 110%;
}
.productListing-heading { /* used in cart contents */
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.productListing-datacart { /* the product boxes on the cart page */
    font-size: 15px;
    padding: 5px 0;
}
/*  ---- right product page column -- */

#subtotal {
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    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;
    background: rgba(255, 255, 255, .9);
    padding: 10px 0;
    margin: -20px 0 0 0;
}
#shippingaddessinfo, #billingaddressinfo, #orderconfirmationinfo {
    text-align: center;
    background: rgba(255, 255, 255, .9);
    margin: 10px auto 20px auto;
    height: auto;
    padding: 10px 0 10px 50px;
}
.checkoutBarFrom, .checkoutBarCurrent, .checkoutBarTo {
    line-height: 110%;
    font-size: 9px;
}
#tidypage {
    background-color: transparent;
    margin: 0 auto 20px auto;
    width: 98%;
}
#shipchange, .deliveryaddr {  }
.continue_button, .continuebutton {
    text-align: right;
    padding-right: 20px;
}
#continue_button {
    text-align: right;
    padding-right: 20px;
}
/* inside pages bits */
#new_customer, #new_shipping_address_title { margin: 20px 0; }
#new_customer_heading h3, #returning_customer h3 { font-size: 20px; }
#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 { }
#login_box { text-align: center; }
#addressform {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
/************** side columns *****************/

#leftcolumn { display: none; }
#rightcolumn { display: none; }
#newproducts, #upcomingproducts { display: none; }
/************** Footer *****************/
.push {
    clear: both;
    height: 2em;
}
#footer {
    clear: both;
    width: 100%;
    height: 160px;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #424242;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
#footerwrap {
    margin: 0 auto;
    padding: 5px 15px;
    width: 98%;
    max-width: 1000px;
    background-color: transparent;
    height: 160px;
}
#gateway {
    float: left;
    width: 15%;
    max-width: 150px;
    min-width: 95px;
    margin: 10px 0 0 0;
    padding: 0;
}
#admin {
    float: right;
    width: 84%;
    max-width: 840px;
    margin: 10px 0 0 0;
    padding: 0;
}
#footer_bar {
    margin: 1px auto;
    text-align: center;
    width: 100%;
    font-family: 'Nunito Sans', arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 0 0 0;
    color: #fff;
    text-transform: uppercase;
}
#footer_bar a:link, #footer_bar a:visited {
    color: #fff;
    text-decoration: none;
}
#footer_bar a:hover, #footer_bar a:active {
    color: #f2a900;
    text-decoration: underline;
}
#identity {
    float: left;
    width: 48%;
}
#identity h5 {
    font-family: 'Nunito Sans', arial, sans-serif;
    font-size: 17px;
    line-height: 120%;
    margin: 0px 0 5px 0;
    color: #fff;
    font-weight: 600;
}
#powered {
    font-family: 'Nunito Sans', arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 100%;
    font-weight: 600;
}
#copyright {
    float: right;
    width: 51%;
    margin: 0px 0 5px 0;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}
#copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-family: 'Nunito Sans', arial, sans-serif;
    text-align: right;
    font-weight: 600;
}
#copyright a:link, #copyright a:visited {
    color: #fff;
    text-decoration: none;
}
#copyright a:hover, #copyright a:active {
    color: #f2a900;
    text-decoration: underline;
}
/* forms.css LEGACY */
form {
    display: inline;
    margin: 0;
    padding: 0;
}
checkbox, input, radio, select {
    font-family: 'Nunito Sans', arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
textarea {
    font-family: 'Nunito Sans', arial, sans-serif;
    font-size: 12pt;
    color: #000;
    font-weight: 500;
}
/*#homeinfo #pagetitle {display: none;}*/

/* BEGIN: CSS Buttons Everywhere */
.cssButton {
    margin: auto;
    background: #f2a900;
    color: #000;
    font-weight: 600;
    vertical-align: middle;
    font-size: 14px;
    font-family: 'Nunito Sans', arial, sans-serif;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 2px 7px;
    border: 1px;
    border-style: solid;
    border-color: #f2a900;
    border-spacing: 3px;
}
.cssButton:hover {
    background-color: #fff;
    color: #000;
	border-color: #f2a900;
}
/************** side columns *****************/

#leftcolumn { display: none; }
#rightcolumn { display: none; }
#newproducts, #upcomingproducts { display: none; }
/************** Footer *****************/

/************** LEGACY *****************/

#main_text {
    background: rgba(255, 255, 255, .9);
    padding: 10px 20px;
}
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: #fda1f3;
}
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: #fda1f3;
}
SPAN.errorText {
    font-family: arial, helvetica, sans-serif;
    color: #fda1f3;
}
/* //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: 10px;
    color: #8c8c8c;
}
.checkoutBarCurrent {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
/* message box */

.messageBox {
    font-family: Raleway, arial, helvetica, sans-serif;
    font-size: 10px;
}
.messageStackError, .messageStackWarning {
    font-family: Raleway, arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: #ffb3b5;
}
.messageStackSuccess {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: #99fda1;
}
/* input requirement */

.inputRequirement {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #fda1f3;
}
.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 auto 20px auto;
    background-color: transparent;
}
#sizetable td {
    font-family: 'Raleway', helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    border: 1px dotted #ccc;
    padding: 5px 10px;
    color: #000;
}
#shiptable {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    background-color: transparent;
}
#shiptable td {
    font-family: 'Raleway', helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    border: 1px dotted #ccc;
    padding: 5px 10px;
    color: #000;
}
#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;
}

@media all and (min-width: 850px) and (max-width: 1500px) {
/*body {
    background: #ffffff url('images/backgroundimages.php') no-repeat center 140px local;
    background-size: 1000px 140px;
}
#logo {
    float: left;
    width: 30%;
}
#topcategories {
    width: 70%;
    font-size: 12px;
}
#catlist li { margin: 0 2px; }
    
#catlist li a {
    padding-left: 5px;
    padding-right: 5px;
}
.pageHeading {
    font-size: 26px;
    line-height: 26px;
    margin: -25px auto 55px auto;
    padding: 15px;
}
#homeinfo .pageHeading {
    font-size: 30px;
    padding: 15px;
    margin: -25px auto 25px auto;
}*/
}

@media all and (min-width: 813px) and (max-width: 935px) {
/*body {
    background: #ffffff url('images/backgroundimages.php') no-repeat center 120px  local;
    background-size: 935px 137px;
}
#logo {
    float: left;
    width: 21%;
}
#topcategories {
    width: 79%;
    font-size: 12px;
}
#catlist li { margin: 0 1px; }

    
#catlist li a {
    padding-left: 4px;
    padding-right: 4px;
}
.pageHeading {
    font-size: 25px;
    line-height: 25px;
    margin: -30px auto 30px auto;
    padding: 15px;
}
#homeinfo .pageHeading {
    font-size: 28px;
    padding: 15px;
    margin: -42px auto 30px auto;
}
#tableimage { display: none; }*/
}

@media all and (min-width: 453px) and (max-width: 812px) {
body {
    background: #ffffff url('images/backgroundimages.php') no-repeat center 130px /*this is the top */ local;
    background-size: 800px 117px;
}
#logo { width: 30%; }
#topcategories {
    width: 66%;
    margin: 13px auto 0 auto;
    /*text-align: left;*/
    padding: 0;
    height: auto;
}
/* Top menu items */

#topcategories ul {
    margin: 0px auto 15px auto;
    width: 100%;
    padding: 3px 0;
    position: static;
    display: none;
}
#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%; }
#catlist li a {
    min-width: 17px;
    text-align: center;
    line-height: 120%;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
}
/*Display 'show menu' link*/
.show-menu { display: block; }
#crumb { width: 100%; }
#return { display: none; }
.pageHeading {
    font-size: 25px;
    line-height: 25px;
    margin: -40px auto 30px auto;
    padding: 15px;
}
#homeinfo .pageHeading {
    font-size: 24px;
    padding: 10px;
    margin: -42px auto 20px auto;
}
#tableimage { display: none; }
textarea {
    width: 98%;
    margin: 0 auto;
}
#maincontent {
    float: none;
    width: 100%;
    margin-bottom: 0;
}
#buybox {
    float: none;
    width: 76%;
    margin: 0 auto 50px auto;
}
#buybox h4 { font-size: 16px; }
#buybox h3 { font-size: 14px; }
#buybox p { font-size: 14px; }
#options select { font-size: 14px; }
#quantity { font-size: 14px; }
p, #description p { font: 400 14px/24px 'Raleway', arial, sans-serif; }
#login_box td, #addressform td {
    font-size: 14px;
    line-height: 15px;
}
select {
    font-size: 14px;
    width: 100%;
}
#continue_button_addressform {
    margin: -25px auto 25px auto;
    text-indent: 150px;
}
p, td.main, td input, td option {
    font: 400 14px/24px 'Raleway', arial, sans-serif;
    margin: 6px 0;
}
table.productListing td.productListing-heading { font-size: 10px; }
td.productListing-data, td.subcat, #subcats .subcat, table.productListing td, table#ordersummary td {
    font-size: 11px;
    line-height: 100%;
}
td.main li, #description li, .main li {
    font: 400 14px/24px 'Raleway', arial, sans-serif;
    margin: 0px 0 0 12px;
}
#discountcodes {
    width: 80%;
    margin: 0 5px 0 0;
}
#discountcodes .coupon {
    text-align: left;
    padding-right: 2px;
}
#description ul { margin-bottom: 0px; }
#confirmbox td {
    font-size: 8px;
    line-height: 110%;
}
.cssButton {
    font: 600 11px 'Raleway', sans-serif;
    padding: 4px 7px 2px 7px;
}
/* footer stuff*/
.push {
    clear: both;
    height: 6em;
}
#footer {
    height: 220px;
    margin-bottom: 0;
}
#gateway {
    min-width: 94px;
    margin: 0px 0 0 0;
}
#admin {
    width: 60%;
    margin: 0px 6px 0 0;
}
#footer_bar {
    font-size: 9px;
    padding: 5px 0;
}
#identity {
    float: none;
    width: 100%;
}
#identity h5 {
    font-size: 12px;
    line-height: 110%;
}
#copyright {
    float: none;
    width: 100%;
}
#copyright p {
    font-size: 10px;
    line-height: 140%;
}
#shiptable td {
    font-size: 10px;
    padding: 4px 6px;
    line-height: 110%;
}
#sizetable td {
    font-size: 10px;
    padding: 2px 3px;
    line-height: 110%;
}
}

@media all and (min-width: 200px) and (max-width: 452px) {
body {
    background: #ffffff url('images/backgroundimages.php') no-repeat center 110px /*this is the top */ local;
    background-size: 800px 117px;
}
#logo { width: 30%; }
#topcategories {
    width: 66%;
    margin: 13px auto 0 auto;
    /*text-align: left;*/
    padding: 0;
    height: auto;
}
/* Top menu items */

#topcategories ul {
    margin: 0px auto 15px auto;
    width: 100%;
    padding: 3px 0;
    position: static;
    display: none;
}
#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%; }
#catlist li a {
    min-width: 17px;
    text-align: center;
    line-height: 120%;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
}
/*Display 'show menu' link*/
.show-menu { display: block; }
#crumb {
    display: none;
    width: 100%;
}
#return { display: none; }
.pageHeading {
    font-size: 20px;
    line-height: 21px;
    margin: -50px auto 60px auto;
    padding: 15px;
}
#homeinfo .pageHeading {
    font-size: 18px;
    padding: 6px;
    margin: -52px auto 30px auto;
}
#tableimage { display: none; }
textarea {
    width: 98%;
    margin: 0 auto;
}
#maincontent {
    float: none;
    width: 100%;
    margin-bottom: 0;
}
#buybox {
    float: none;
    width: 76%;
    margin: 0 auto 50px auto;
}
#buybox h4 { font-size: 16px; }
#buybox h3 { font-size: 14px; }
#buybox p { font-size: 14px; }
#options select { font-size: 14px; }
#quantity { font-size: 14px; }
p, #description p { font: 400 14px/24px 'Raleway', arial, sans-serif; }
#login_box td, #addressform td {
    font-size: 14px;
    line-height: 15px;
}
select {
    font-size: 14px;
    width: 100%;
}
#continue_button_addressform {
    margin: -25px auto 25px auto;
    text-indent: 150px;
}
p, td.main, td input, td option {
    font: 400 13px/23px 'Raleway', arial, sans-serif;
    margin: 6px 0;
}
table.productListing td.productListing-heading { font-size: 10px; }
td.productListing-data, td.subcat, #subcats .subcat, table.productListing td, table#ordersummary td {
    font-size: 11px;
    line-height: 100%;
}
td.main li, #description li, .main li {
    font: 400 13px/23px 'Raleway', arial, sans-serif;
    margin: 0px 0 0 12px;
}
#discountcodes {
    width: 80%;
    margin: 0 5px 0 0;
}
#discountcodes .coupon {
    text-align: left;
    padding-right: 2px;
}
#description ul { margin-bottom: 0px; }
#confirmbox td {
    font-size: 8px;
    line-height: 110%;
}
.cssButton {
    font: 600 11px 'Raleway', sans-serif;
    padding: 4px 7px 2px 7px;
}
/* footer stuff*/
.push {
    clear: both;
    height: 6em;
}
#footer {
    height: 220px;
    margin-bottom: 0;
}
td.formlabel, #paymentinfo td { font: 400 12px/13px 'Raleway', arial, sans-serif; }
#gateway {
    min-width: 94px;
    margin: 0px 0 0 0;
}
#admin {
    width: 60%;
    margin: 0px 6px 0 0;
}
#footer_bar {
    font-size: 9px;
    padding: 5px 0;
}
#identity {
    float: none;
    width: 100%;
}
#identity h5 {
    font-size: 10px;
    line-height: 110%;
}
#copyright {
    float: none;
    width: 100%;
}
#copyright p {
    font-size: 9px;
    line-height: 140%;
}
#shiptable td {
    font-size: 10px;
    padding: 4px 6px;
    line-height: 110%;
}
#sizetable td {
    font-size: 10px;
    padding: 2px 3px;
    line-height: 110%;
}
}