/*
  $Id: stylesheet.css
  adapted by lee fleming, infopulsellc.com, for New Headings LLC 
  December 20, 2023 - EYOS Expeditions Gear
font-family: 'Alata', sans-serif;
rgba(0, 0, 0, .1);
 
*/

@import url('https://fonts.googleapis.com/css2?family=Alata&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, 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;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}
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;
}
*{font-weight: normal;} 
/************** General Styles *****************/
html {
	position: relative;
	min-height: 100%;
background-color: #fdfaf5;
    }
body {
	color: #30241c;
	font-size: 19px;
	line-height: 25px;
	font-family: 'Alata', arial, sans-serif;
	background: transparent;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-y: auto;
	overflow-x: hidden;
    width: 100%;

	
}
body {
	margin: 0 0 157px;
	}

/*body {
	background: url('images/backgroundimages.php') no-repeat center top local;
    -moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

#header {	/*background: transparent;*/
background: rgba(0, 0, 0, .25);
	width: 100%;
	padding: 10px;
	margin: 0;
	height: 41px;
	/*box-sizing: border-box;*/

}
#headerwrap {
	background: transparent;
	width: 99%;
	max-width: 1000px;
	margin: 0px auto;
}
#logo {
	float: left;
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0;
	
}

#logo img {
    width: auto;
    max-width: 150px;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}

#helperbox {
	margin: 0;
	float: right;
	width: 69%;
	height: auto;
	padding: 0;
	background: transparent;
    text-align: right;

}
p.headerhelp {
	float: right;
	text-align: right;
	width: 100%;
	color: #ffffff;
	font-size: 15pt;
	margin: 0px 0 -5px 0;
	padding: 0;
	font-family: 'Alata', arial, sans-serif;
	position: relative;
    z-index: 6000;

}

#helpernavs li.helptext {display: none;}

span.helpbox {display: inline-block;
	float: right; padding: 2px 0 2px 10px; font-size: 15px; text-align: right; background-color: transparent; width: 130px; box-sizing: border-box; border: 0px solid #f58420; text-transform: uppercase;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Alata', arial, sans-serif;
}


strong, b {
    font-weight: 600;
}

/* HELPER NAVS */
.toggle, [id^=drop] { display: none; }

nav {
	margin: 0;
	padding: 0;
	background-color: transparent;
	height: 19px;
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: transparent;
}


nav ul > li {
      display:block;
    float: right;
        position:relative;
 }

/* Styling the links */
nav a {
	display: block;
	padding: 0px 0 0 15px;
	color: #a2d8e8; text-transform: uppercase; 
	font-size: 13px;
	text-decoration: none;
}
nav ul li ul li:hover { text-transform: uppercase; font-size: 13px; text-decoration: underline; }
/* Background color change on Hover */
nav a:hover {text-transform: uppercase; font-size: 13px; text-decoration: underline; /*background-color: #fff;*/ }
/* 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: 40px;
}
/* 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: ''; }




#helpernavs {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-size: .74em;
	font-family: 'Alata', arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	}
#helpernavs li {
	list-style-type: none;
	display: inline;
	padding-right: 0;
	padding-left: 10px;
	text-align: right;/*vertical-align: middle;*/
}
a:link.headerNavigation, a:visited.headerNavigation {
	color: #ffffff;
	padding: 0;
	text-decoration: none;
}


a:hover.headerNavigation, a:active.headerNavigation {
	color: #a2d8e8; 
	padding: 0;
	
}


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

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

/************** CATEGORES *****************/


/* Top Drop-down Navigation */

#topcategories {
	clear: both;
  background: rgba(0,0,0,0.25);
	margin: 0px 0 8px 0;
	padding: 0;
	width: 100%;
	height: 45px;
	font-family: 'Alata', arial, sans-serif;
	text-align: center;
	font-size: 19px; /* Menu text size */
	z-index: 1000; /* This makes the dropdown menus appear above the page content below */
	position: relative;
}


/* Top menu items */
/*Strip the ul of padding and list styling*/
#catlist ul {
    list-style: none;
    padding: 4px 0 0 0;
    margin: 0 auto;
    position: absolute;
    /*z-index: 1010;*/
    text-align: center;
}
#catlist ul.catlist {
  	background: rgba(255, 255, 255, .9);
    border-bottom: 0;
}
/*Create a horizontal list with spacing*/
#catlist li {
    display: inline-block;
    /*float: left;*/
    margin-right: 7px;
    margin-left: 7px;
}
/*Style for menu links*/
#catlist li a {
    display: block;
    /*min-width: 16px;*/
    text-align: center;
    line-height: 43px;
	font-size: 17px; /* Menu text size */
    text-decoration: none;
    text-transform: none;
    color: #ffffff;
    font-weight: 600;
    padding: 0 10px;
    border-bottom: 0;
}
#catlist ul li:active a {
    background: transparent;
	  color: #a2d8e8; 
}
/*Style for dropdown links*/
#catlist li:hover a {
    background: transparent;
	 
}
#catlist li:hover ul {
    padding: 0 5px;
}
#catlist li:hover ul a {
    background: transparent;
    border-bottom: 0;
    font-weight: 600;
    line-height: 110%;
    padding: 6px 10px;
}
/*Hover state for dropdown links*/
#catlist li:hover ul a:hover {
    color: #a2d8e8; 
	background: transparent;
}
/*#catlist a:link.catnav, #catlist a:visited.catnav, #catlist a:link.catnavsub, #catlist a:visited.catnavsub {
	color: #000;
    background: #fff;
	text-decoration: none;
}*/
#catlist a:hover.catnav, #catlist a:active.catnav /*#catlist a:hover.catnavsub, #catlist a:active.catnavsub*/ {
   color: #a2d8e8;
	 border-bottom: 2px solid #a2d8e8; ;
}
#catlist .catnavsub .here, #catlist .here {
    color: #1e90ff;
    border-bottom: 1px solid #1e90ff; 
}
#catlist li ul {
  	background: rgba(186,186,186,0.90);
    padding: 4px 2px;
}
#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: none;
    font: 17px 'Alata', arial, sans-serif;
	  background: transparent;
}
#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;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    font-weight: 600;
    color: rgba(255, 255, 255, 1.00);
  	background: transparent;
    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 *****************/

#wrapper {
	clear: both;
	margin: 15px auto;
	padding: 0;
	background-color: transparent;
	width: 100%;
	max-width: 1000px;
box-sizing: border-box;

}
a:link, a:visited {
	color: #242121;
	text-decoration: none
} /* link class */
a:hover, a:active {
	color: #a2d8e8; 
	text-decoration: underline;
}

#productinfo, #homeinfo, #productpage, #maincell {
	width: 100%;
	max-width: 1000px;
	/*height: auto;*/
	margin: 0 auto;
	padding: 5px 15px 50px;
	box-sizing: border-box;
}

.innerframe {margin: 0 auto; width: 100%; padding: 15px; background-color: transparent; border: 1px solid #9c9a16; box-sizing: border-box;}
.homephoto {width: 100%; height: auto; margin: 0 auto 15px auto; box-sizing: border-box;}
.shopbydestination {width: 100%; height: auto; margin: 0 auto 15px auto; box-sizing: border-box;}

#shoppingcart {
	text-align: center;
	width: 100%;
	padding: 0;
		background-color: transparent;
}
/* product description on prod page */
#maincontent {
	float: left;
	width: 70%;
	padding: 15px;
	background: rgba(255, 255, 255, .8);
	margin-bottom: 30px;
	box-sizing: border-box;
}
#filenameproductlisting {
	text-align: center;
	width: 100%;
	padding: 0px;
	margin: 0;
	background-color: transparent;
}
#productImage {
	width: 100%;
	font-size: 8pt;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 25px;
	border: 0px solid #005daa;
}
.productimage, #productImage img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
/*typography, more or less ...*/ 
.smallText {
	font-size: 10pt;

}
p, td.main, td.main li, #description li, .main li {
	color: #242121;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Alata', arial, sans-serif;
	margin: 0 0 15px 0;
}
td.main li, #description li, .main li {
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 15px 0;
}

#description ul li {
	list-style-type: square;
	list-style-position: outside;
 margin-left: 22px;
	padding-left: .22px;
 text-indent: -.22px;
}

/*#message p {font-size: 16px;}*/

#categoriesdescription {
	clear: both;
	width: 97%;	margin: 0 auto 15px 0;
	padding: 15px 10px;
	background: rgba(255, 255, 255, .8);
	margin-bottom: 0px;
	color: #242121;
	font-size: 15px;
	line-height: 20px;
}
#categoriesdescription p {
	color: #242121;
	font-size: 15px;
	line-height: 25px;
}
div:empty {
	display: none;
}
/*.pageheading, */.pageHeading /*,#pageheading*/ {
	font-size: 36px;
	font-weight: 600;
	font-family: 'Alata', arial, sans-serif;
	line-height: 40px;
	margin: -15px auto 5px auto;
	text-indent: 0px;
	color: #242121;
	padding: 10px;
opacity:1;
	/*text-shadow: rgba(0, 0, 0, 0.99) 1px 1px 5px;*/
	text-align: center;
}


/*.pageheading, */#homeinfo .pageHeading /*,#pageheading*/ {
	font-family: 'Alata', arial, sans-serif;
color:#242121;
font-size: 40px;
	font-weight: 600;
line-height: 40px;
margin: 5px auto 5px auto;
padding: 10px;
opacity:1;
/*text-shadow: rgba(0, 0, 0, 0.99) 1px 1px 5px;*/
	text-align: center;

}
.pagesubhead {
	font-family: 'Alata', arial, sans-serif;
	text-indent: 0px;
	font-weight: 600;
	font-size: 21px;
	}
#productpage .pageHeading {
	padding-left: 0;
	opacity: 1;
}
/* handling the swatches */
#swatchimages {
	margin: 0;
	padding: 0;
}

@media all {
#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: 13%;
    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;
}
/*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: 25%;
	margin: 0 0 30px 0;
	padding: 15px;
	background: #323740;
	font-family: 'Alata', arial, sans-serif;
}
/* money honey - price */
#buybox h4 {
	font-size: 18pt;
	font-family: 'Alata', arial, sans-serif;
	padding-bottom: 20px;
	color: #FFffff;
}
#options textarea {
	width: 94%;
}
#buybox h3 {
	font-size: 16pt;
	font-family: 'Alata', arial, sans-serif;
	padding-bottom: 2px;
	color: #FFFfff;
}
#buybox p {
	font-family: 'Alata', arial, sans-serif;
	font-size: 18px;
	margin-bottom: 6px;
	color: #FFFfff;
}
#options select {
	width: 100%;
	font-size: 18px;
	color: #000;
	padding: 4px;
}
#quantity {
	padding-top: 15px;
	font-size: 16pt;
	color: #000;
	padding: 4px;
}
#quantity input {
	font-size: 14pt;
}
td.formlabel {
	text-align: right;
	padding-right: 10px;
}
#message {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	background: rgba(255, 255, 255, .9);
	box-sizing: border-box;
}
.info ul, ul.info {
	width: 80%;
	padding: 0 30px;
}
.subcat {
width: 32%;
    float: left;
    font-size: 16px;
    margin: 0 5px 5px 0;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #ccc;
	background: rgba(255, 255, 255, .9);
}
.subcat img {
	padding-bottom: 15px;
}
#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: 16px;
    line-height: 100%;
    width: 32% !important;
    max-width: 32%;
    padding: 15px;
    text-align: center;
    margin: 0 5px 5px 0;
	background: rgba(255, 255, 255, .8);
	
}
#subcats .subcat {
	font-size: 16px;
	line-height: 100%;
	text-align: center;
}
.product_listing_image a {
	border: 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_name {
	font-family: 'Alata', arial, sans-serif;
	text-decoration: underline;
	line-height: 100%; 
}
.productListing-heading { /* used in cart contents */
	font-size: 9pt;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.productListing-datacart { /* the product boxes on the cart page */
	font-size: 16px;
	padding: 5px 0;
}
/*  ---- right product page column -- */

#subtotal {
	font-size: 16px;
    line-height: 150%;
    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;}

#shippingaddessinfo, #billingaddressinfo, #orderconfirmationinfo {text-align: center; background: rgba(255, 255, 255, .9); margin: 10px auto 20px auto; height: auto; padding: 10px 0 10px 50px;}
#tidypage {/*background: rgba(255, 255, 255, .9); margin: 10px auto 20px auto; width: 100%; height: auto;*/ background: rgba(255, 255, 255, .9); margin: 10px auto 20px auto; height: auto; padding: 20px 0 0 15px;}

b, strong {font-weight: 600;}

.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;
}
#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: 1em;
	width: 100%;
}
#footer {
	clear: both;
	width: 100%;
	min-height: 160px;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #323740;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	}
#footerwrap {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	background-color: transparent;

}
#footer_bar {
	margin: 5px auto;
	text-align: center;
	width: 100%;
		font-family: 'Alata', arial, sans-serif;
	font-size: 13px;
	line-height: 15px;
	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: #FEB74E;
	text-decoration: none;
}
#gateway {
	float: left;
	width: 20%;
	margin: 15px 0 0 0;
	padding: 0;
	box-sizing: border-box;
}
#admin {
	float: right;
	width: 78%;
	margin: 15px 0 0 0;
	padding: 0;
}
#identity {
	float: left;
	width: 49%;
}
#identity h5 {
	font-family: 'Alata', arial, sans-serif;
	font-size: 11pt;
	line-height: 14pt;
	margin: 0px 0 5px 0;
	color: #fff;
}
#powered {
	font-family: 'Alata', arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 9pt;
	margin: 0 ;
	padding: 0;
	line-height: 100%;
}
#copyright {
	float: right;
	width: 49%;
	margin: 0px 0 5px 0;
}
#copyright p {
	color: #fff;
	font-size: 10pt;
	line-height: 14pt;
	font-family: 'Alata', arial, sans-serif;
	text-align: right;
}
#copyright a:link, #copyright a:visited {
	color: #fff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #FEB74E;
	text-decoration: none;
}
/* forms.css LEGACY */
form {
	display: inline;
	margin: 0;
	padding: 0;
}
checkbox, input, radio, select {
	font-family: 'Alata', arial, sans-serif;
	font-size: 13px;
}
textarea {
	font-family: 'Alata', arial, sans-serif;
	font-size: 18px;
	width: 94%;
	margin: 0 auto;
}
/*#homeinfo #pagetitle {display: none;}*/

/* BEGIN: CSS Buttons Everywhere */
.cssButton {
	margin: auto;
	background: #FFA805;
	text-transform: uppercase;
	color: #ffffff;
	vertical-align: middle;
	font-size: 13px; 
	font-weight: 900;
	font-family: 'Alata', arial, sans-serif;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	padding: 6px 5px 5px;
	border: 2px;
	border-style: solid;
	border-color: #ffa805;
	border-spacing: 3px;
		}
.cssButton:hover {
    background-color: #a2d8e8; 
}


/************** 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: rgba(255, 255, 255, .9);
}
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: rgba(240,240,240,0.90);
}
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 */ /* //rmh M-S_multi-stores */
#sizetable {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	background-color: transparent;
}
#sizetable td {
	font-family: 'Alato', arial, sans-serif;
	font-size: 12pt;
	font-weight: 400;
	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: 'Alato', arial, sans-serif;
	font-size: 12pt;
	font-weight: 400;
	border: 1px dotted #ccc;
	padding: 5px 10px;
	color: #161616;
}
em, i { font-style: italic;}


@media all and (min-width: 721px) and (max-width: 786px) {
	
	#header {
	height: 49px;
}
	span.helpbox {font-size: 14px; line-height: 28px;}
	
  p.headerhelp {
	font-size: 10px; line-height: 28px;
	}


	nav {
	height: 17px;
}
	
    #topcategories {
font-size: 15px;
    }
    /* Top menu items */
#catlist li ul li a {
     font: 15px 'Alato', arial, sans-serif;
	
}
 
     p, #description p {
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 12px 0;
    }
    td.main li, #description li, .main li {
        font-size: 18px;
        line-height: 30px;
    }
    #addressform, #login-box {
        width: 100%;
    }
    #addressform td.main, #login-box td.main {
        font-size: 18px;
        padding: 3px 3px 3px 0;
    }
    #addressform td.main input, #addressform td.main select, #login-box td input, #login-box td select {
        font-size: 18px;
        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: 30px !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: 30px !important;
    }

/* money honey - price */
#buybox h4 {
	font-size: 15pt;
}

#buybox h3 {
	font-size: 13pt;
}
#buybox p {
	font-size: 14px;
}
#options select {
	font-size: 16px;
}
#quantity {
	font-size: 16px;
}
#quantity input {
	font-size: 16px;
}
    .productListing-data {
        font-size: 15px;
    }
    .subcat {
        font-size: 15px;
    }

    #footer_bar {
        font-size: 8px !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: 13px;
    }
    #powered {
        font-size: 7px !important;
        line-height: 100%;
    }
    #copyright p {
        font-size: 11px !important;
        line-height: 150%;
    }
    #sizetable td {
        font-size: 15px;
        padding: 5px;
    }
    #shiptable td {
        font-size: 15px;
        padding: 5px;
    }
   
}


@media all and (min-width: 101px) and (max-width: 720px) {
	
	#header {
	height: 44px;
}
	
	#logo {
        width: 60%;
        margin: 0;
    }
    #logo img {
        width: 95%;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
    }
	
	#helperbox {
        float: right;
        margin: 1px auto 0 auto;
        width: 30%;
        padding: 0;
        height: auto;
		font-family: 'Alato', arial, sans-serif;
    }
    p.headerhelp {
        display: none;
    }
    #helpernavs li.helptext {
        display: block;
        padding-top: 6px;
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
        color: #fff;
		font-family: 'Alato', arial, sans-serif;
    }
	
	
	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 {
	display: block;
	background-color: #993d0e;
	font-weight: 900;
	padding: 3px 4px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
border: 1px solid #fff;
    text-align: center;
	font-family: ns
	
}
.toggle:hover {
	background-color: #302241;
	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;
	background-color: #302241;
}
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: #302241; }
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: #333333; }
/* 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" */ 

}
	
#topcategories {
        clear: both;
        width: 100%;
        margin: -10px auto 0 auto;
        text-align: center;
        padding: 0;
        height: 39px;
      background: rgba(0, 0, 0, .25);
    }
    /* Top menu items */
    #topcategories ul {
        width: 98%;
/*        margin: 0px auto 15px auto;*/
        padding: 0;
        position: static;
        display: none;
		  background: rgba(0, 0, 0, .6);
      
    }
    #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%;
		  background: rgba(0, 0, 0, .25);
    }
    #catlist li:hover ul {
        margin: 2px auto;
	  background: rgba(0, 0, 0, .25);
    }
    /*Display 'show menu' link*/
    .show-menu {
        display: block;
		font-family: 'Alato', arial, sans-serif;
		font-size: 15px;
    }
	#wrapper {
    width: 100%;
    }
	#productinfo, #homeinfo, #productpage, #maincell {
    width: 100%;
 }
	
	
     p, #description p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }
    td.main li, #description li, .main li {
        font-size: 13px;
        line-height: 20px;
    }
    #addressform, #login-box {
        width: 100%;
    }
    #addressform td.main, #login-box td.main {
        font-size: 13px;
        padding: 3px 3px 3px 0;
    }
    #addressform td.main input, #addressform td.main select, #login-box td input, #login-box td select {
        font-size: 13px;
        padding: 3px 0;
    }
    #continue_button_addressform {
        text-indent: 100px;
        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: 13px !important;
        line-height: 20px !important;
        margin: 0 0 10px 0;
    }
    td.formlabel {
        text-align: left;
        padding: 2px 2px 2px 0;
    }
    td.main li, #description li, .main li {
        font-size: 13px !important;
        line-height: 20px !important;
    }
#maincontent {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    #description {
        margin-bottom: 0;
    }
    #buybox {
        float: none;
        width: 100%;
        /*padding: 10px;*/
    }
/* money honey - price */
#buybox h4 {
	font-size: 13pt;
}

#buybox h3 {
	font-size: 11pt;
}
#buybox p {
	font-size: 12px;
}
#options select {
	font-size: 14px;
}
#quantity {
	font-size: 14px;
}
#quantity input {
	font-size: 14px;
}
    .productListing-data {
        font-size: 14px;
    }
    .subcat {
        font-size: 14px;
    }

    #footer_bar {
        font-size: 8px !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: 13px;
    }
    #powered {
        font-size: 7px !important;
        line-height: 100%;
    }
    #copyright p {
        font-size: 11px !important;
        line-height: 150%;
    }
    #sizetable td {
        font-size: 13px;
        padding: 5px;
    }
    #shiptable td {
        font-size: 13px;
        padding: 5px;
    }
	.push {
	clear: both;
	height: 5em;
	width: 100%;
}
   
}