/*
  $Id: stylesheet.css
  adapted by lee fleming, infopulsellc.com, for New Headings LLC 
  October 23, 2018 - The Travel Outfitter USA
font-family: minion-pro, serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif; for tables
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,700');
@import url("https://use.typekit.net/lva6nbm.css");
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: baseline;
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
}
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%;
}

body {background-color: #fff;
	font: 15px 'Open Sans', Arial, helvetica, sans-serif;
	color: #444;
line-height: 27px;
	padding: 0;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
body {
	margin: 0 0 160px;
}
#header {
    position: relative;
    /*z-index: 10;*/
	width: 100%;
	padding: 0;
	margin: 0;
	height: 73px;
}
#wrapper {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 100%;
    max-width: 1000px;
}
#headerwrap {
background: transparent;
	width: 98%;
    max-width: 1000px;
	margin: 0 auto;
	/*padding: 5px 0;*/
	/*height: 70px;*/
}


#logo {
    width: 33%;
    height: 100%;
    float: left;
    margin: 0;
    padding: 5px 0;
    border-right: 1px solid #444;
}
#logo img {
    width: 90%;
    max-width: 300px;
    height: auto;
    margin: 0;
    padding: 10px 0;
}

#helperbox {
    float: right;
    margin: 0;
    width: 64%;
    padding: 0;
    height: 73px;
box-sizing: border-box;
    	position: relative;
	z-index: 6000; background: transparent;
    }
p.headerhelp {
    margin: 0 auto;
	float: left;
    width: 42%;
	text-align: center;
	font: 600 15px 'Open Sans', Arial, helvetica, sans-serif;
	padding: 27px 23px 0 0;
	/* This makes the dropdown menus appear above the page content below */
	position: relative;
	z-index: 6001;
    border-right: 0px solid #444; box-sizing: border-box; background: transparent;
}
#helpernavs li.helptext {display: none;}
/*span.helpbox {display: inline-block;
	float: right; padding: 5px 7px; text-align: center; margin: 0 .025em; background-color: transparent; width: 130px; box-sizing: border-box;}*/
span.helpbox {display: inline-block; padding: 5px; text-align: center; margin: 0; box-sizing: border-box;}


h1, h2, h3, h4, h5, h6 { font-family: minion-pro, Georgia, 'Times New Roman', Times, sans-serif; }
h1 { }
h2 { font-size: 20px; color: #888;}
h3 {
	font-size: 15px;
	font-weight: 400;
}
h4 {
	color: #be1f1c;
	font-weight: 700;
}
h5 { }
h6 { }
p {font: 18px 'Open Sans', Arial, helvetica, sans-serif;
	color: #444;
line-height: 27px;
	margin: 0 15px;
    
   }
em {font-style: italic;  }
strong, b { font-weight: 600; }
.smallText {
	font-size: 10pt;
	font-weight: 400;
}
#helpernavs {
	float: right;
    height: 100%;
	width: 55%;
	font-size: 15px;
	margin: 0;
	padding: 24px 0 0 0;
	font-weight: 500;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	text-align: right;
    color: #00305a;   box-sizing: border-box; border-left: 1px solid #444;}
/* HELPER NAVS */
.toggle, [id^=drop] { display: none; }
/* Giving a background-color to the nav container. */
nav {width: 100%; height: 100%; 
	margin: 4px 0;
	padding:  0;
	background-color: #fff;
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: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: #fff;
}


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

/* Styling the links */
nav a {
	display: block;
	padding: 0px 0 0 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}
nav ul li ul li:hover { background: #fff; }
/* Background color change on Hover */
nav a:hover { 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: 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 : 789px) 

 {
    
  #helperbox {
    width: 50%;
    height: 10px;
      border-left: 0px solid #fff;
    }   
     p.headerhelp {display: none;}
nav {
	clear: right;
    padding: 0;
    margin: 25px 0 0 0;
    position: relative;
    z-index: 5000;
    width: 100%;
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: #fff;
	font-weight: 600;
	padding: 5px;
	color: #f28a21;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
border: 0;
    text-align: right;
}
.toggle:hover {
	background-color: #fff;
	color: #ff8000;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul { display: block; }
/* Change menu item's width to 100% */
     
     nav ul {
	width: 100%;
    padding: 5px;
background-color: #ccc; box-sizing: border-box; border: 0;
}
nav ul li {
	display: block;
	width: 100%;
    line-height: 120%;
    padding: 5px;
    font-size: 15px; 
    	font-weight: 500;  background-color: #ccc; box-sizing: border-box; border: 0;
}

nav ul li ul li:hover { background: #fff; }
/* Background color change on Hover */
nav a:hover { background-color: #fff; }
     
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 (max-width : 330px) {
nav ul li {
	display: block;
	width: 94%;
}
}
/*#helpernavs li:last-child { border-right: 0px solid #fff; }*/
#helpernavs li a:link.headerNavigation, #helpernavs li a:visited.headerNavigation {
	color: #00305A;
	text-decoration: none;
}
#helpernavs li a:hover.headerNavigation, #helpernavs li a:active.headerNavigation { color: #b72800; }


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

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

a:link, a:visited {
	color: #f28a21;
	text-decoration: none;
} /* link class */
a:hover, a:active {
	color: #00305A;
	text-decoration: none;
}
/* Header Navigation */

#topcategories {
    clear: both;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
	margin: 0 auto;
	float: none;
	font: 15px minion-pro, Arial, helvetica, serif;
	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;
}

/* Top menu items */

/*Strip the ul of padding and list styling*/
#catlist ul {
    max-width: 1000px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	text-align: center;
}
/*Create a horizontal list with spacing*/
#catlist li {
	display: inline-block;
	margin-right: 1px;
}

/*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: #666;
    font-weight: 600;
	padding: 0 15px;
}
/*#catlist ul li:active a {color:  #f00;}*/
/*Style for dropdown links*/
#catlist li:hover a { color:  #f28a21; background: #fff; }
#catlist li:hover ul a {
	background: #fff;
	color:  #666;
	height: auto;
	line-height: 110%;
    border-bottom: 2px solid transparent;
    font-size: 15px;
    text-align: left;
    max-width: 160px;
}
/*Hover state for dropdown links*/
#catlist li:hover ul a:hover {
	color: #f28a21;  
    border-bottom: 2px solid #fff;

}
/*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: 7px 10px;
	width: auto;
	text-transform: none;
	min-width: 5em;
	text-align: left;
}
#catlist .toplevel:hover > ul { display: block; }
/*Display the dropdown on hover*/
#catlist ul li a:hover + .subnav, .subnav:hover { display: block; }

#catlist .here {
	color: #f28a21; 
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
    font-size: 16px;
    font-weight: 600;
	color: #888;
	background-color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0px auto 0 auto;
    border-top: 1px solid #888;
        border-bottom: 1px solid #888;
	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; }
.smallText {
	font-size: 10pt;
	font-weight: 400;
}
/* breadcrumb row */
#breadline {
	width: 100%;
    background-color: #fff;
	clear: both;
	margin: 5px auto 0 auto;
}
#breadcrumb {width: 98%;
	max-width: 1000px;
	font-size: 14px;
	padding: 0;
	margin: -15px auto 0 auto;
	color:  #007293;
	font-family: 'Source Sans Pro', sans-serif;
	height: 39px;
}
#crumb {
	float: left;
	width: 75%;
	margin: 0 auto;
	padding: 12px 0 0;
}
#crumb .headerNavigation {
	margin: 0;
	padding: 0;
}
#crumb a:link.headerNavigation, #crumb a:visited.headerNavigation {
	color: #007293;
	padding: 0;
	text-decoration: none;
}
#crumb a:hover.headerNavigation, #crumb a:active.headerNavigation {
	color: #d64208;
	padding: 0;
	text-decoration: underline;
}
/*.crumb {margin: 0; padding: 0; color: #2e2e2e; vertical-align:top;}*/
#return {
	float: right;
	margin: 0;
	padding: 12px 0 0;
	font-weight: 400;
	text-align: right;
	width: 25%;
	vertical-align: top;
}
#return a:link, #return a:visited {
	color: #007293;
	padding: 0;
	text-decoration: none;
	font-weight: 500;
}
#return a:hover, #return a:active {
	color: #d64208;
	padding: 0;
	text-decoration: underline;
}
/* error messages/info */
.headerError { }
.headerInfo { }

#intro p {color: #444; font-size: 15px; line-height: 26px; font-family: 'Open Sans', Arial, helvetica, sans-serif; padding: 0 50px; margin: 0 auto;}


/************** Content *****************/
#productinfo, #productpage, #maincell, #content {
	width: 98%;
	margin: 0 auto;
    padding: 0;
	max-width: 1000px;
}
#homeinfo {
	width: 100%;
	margin: 0 auto;
	padding: 0;
    max-width: 1000px;
}
#homepage {
    width: 100%;
    max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}
/*--- slideshow stuff --*/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 22.9%;
    margin: 0 auto 15px auto;
    max-width: 1000px;
    max-height: 225px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
        max-width: 1000px;
    max-height: 225px;
    box-sizing: border-box;
}

/*--end slideshow --*/
#shoppingcart {
	text-align: center;
	width: 100%;
	padding: 0;
}
#productinfo li {
	font-size: 15px;
	line-height: 26px;
	margin: 6px 0;
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}
.featuretitle {
	margin: 10px 0 5px 0;
	font-size: 28px;
	text-align: center;
	color: #444;
	font-weight: 700;
	line-height: 36px;
    font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
}
/*a.featurelink {
	text-decoration: none;
	color: #b4282e;
}*/
div:empty { display: none; }
#categoriesdescription {
	font-size: 15px;
    line-height: 26px;
	margin: 0 0 10px 0;
	width: 100%;
}
#pagetitle.pageHeading, .pageHeading {
	font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 35px;
	line-height: 35px;
    	font-weight: 400;
	margin: 20px 0;

}
#thehomepage .pageHeading {/*display: none;*/
font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
	margin: 10px auto;
}

#pagetitlecat.pageHeading {
	font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	margin: 10px auto;
    	font-weight: 400;
}

.subhead {
    clear: both;
    margin: 5px 0 5px 0;
	font-size: 28px;
	text-align: center;
	color: #888;
	font-weight: 400;
	line-height: 36px;
    font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
}
#productpage .pageHeading { padding-left: 0; }
#maincontent {
	float: left;
	width: 69%;
	padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
#filenameproductlisting {
	text-align: center;
	width: 100%;
	background-color: transparent;
	padding: 0px;
	margin: 0;
}
#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;
}


#description {
	margin-bottom: 40px;
	clear: both;
}
#swatchimages {
	width: 100%;
	font-size: 7pt;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#swatchimages {
	font-size: 7pt;
	text-align: center;
	margin: 0;
	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: 7pt;
}
li.swatch {
	width: 14%;
	height: auto;
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 7pt;
	border: 0px dotted #fefefe;
}
span.swatchtext {
	display: block;
	font-size: 7pt;
	line-height: 100%;
	text-align: center;
	padding: 2px;
}
#description {
	clear: both;
	padding: 0;
	padding-top: 20px;
}
#buybox {
	float: right;
	border: 0px solid #484441;
	background-color: #00305A;
	height: auto;
	margin-bottom: 15px;
	width: 30%;
	padding: 10px;
    box-sizing: border-box;

}
#buybox h4 {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 20px;
	color: #fff;
}
#options textarea { width: 98%; margin: 0 auto; }
#buybox h3 {font-family: "open sans", arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 2px;
	color: #fff;
}
#buybox p {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 6px;
	color: #fff;
}
#options select {
	width:100%;
	font-size: 15px;
	color: #444;
}
#quantity {
	padding-top: 15px;
	font-size: 17px;
	color: #444;
}
p, td.main {
	font: 400 15px/26px "Open Sans", Arial, helvetica, sans-serif;
	margin: 0 0 15px 0;
	color: #444;
}
table#addressform { width: 65%; }
td.formlabel { padding-left: 25px; }
#message {
	width: 100%;
	color: #2e2e2e;
	line-height: 150%;
}
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;
    font: 400 15px/22px "open sans", Arial, helvetica, sans-serif;
	color: #444;
}
#description ul {
	margin-top: 0;
	margin-bottom: 15px;
}

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

.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;
	margin-bottom: 8px;
}
#shipping_info { width: 100%; }
/* category product listing table */
.productListing {
	width: 100%;
	border-spacing: 5px;
	text-align: center;
	margin-top: 0 0 20px 0;
}
.productListing-data { /* product listing table cell */
	border: 1px solid #ccc;
	font-size: 17px;
    font-weight: 500;
	line-height: 100%;
	width: 32%;
	padding: 15px;
	text-align: center;
	margin: 0 5px 5px 0;
	background-color: #fff;

}
.subcat {
	width: 32%;
	float: left;
	font-size: 17px;
	font-weight: 500;
	margin: 0 5px 5px 0;
	padding: 15px 0;
	text-align: center;
	border: 1px solid #ccc;

}
#subcats {width: 100%; margin: 0 auto;}
#subcats .subcat {
	font-size: 17px;
    font-weight: 500;
	line-height: 100%;
	text-align: center;
    background-color: #fff;
}
.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 { text-decoration: none; }
.productListing-heading { /* used in cart contents */
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.productListing-datacart { /* the product boxes on the cart page */
	font-size: 11pt;
	padding: 5px 0;
}
/*  ---- right product page column -- */

#subtotal {
	font-size: 12pt;
	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, #shoppingcart {
	text-align: center;
    padding: 10px 5px 10px 20px;
	margin: 0 auto 20px auto;
	width: 98%; background-color: #fff; box-sizing: border-box;
}
 #main_text, #contact_us_info, #shipping_info {
    padding: 10px;
	margin: 0 auto 20px auto;
	width: 98%; background-color: #fff; box-sizing: border-box;
}


#tidypage {
    padding: 10px;
	margin: 0 auto 20px auto;
	width: 98%; height: auto; background-color: #fff; box-sizing: border-box;
}


.receipt {background-color: #fff; padding: 10px;}


.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-family: "open sans",Arial, helvetica, sans-serif; font-size: 20px; color: #444; line-height: 20px; font-weight: 600;}
#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 { }
#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: 3em;
}
#footer {
	clear: both;
	width: 100%;
	height: 160px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #00305A;
	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: 5px 0 0 0;
	padding: 0;
}
#admin {
	float: right;
	width: 80%;
	margin: 5px 0 0 0;
	padding: 0;
}
#footer_bar {
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
}
#footer_bar a:link, #footer_bar a:visited {
	color: #fff;
	text-decoration: none;
}
#footer_bar a:hover, #footer_bar a:active {
	color: #fff;
	text-decoration: underline;
}
#identity {
	float: left;
	width: 50%;
}
#identity h5 {
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
    line-height: 20px;
	margin: 0px 0 5px 0;
	color: #fff;
}
#powered {font-family: 'Open Sans', Arial, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 100%;
}
#copyright {
	float: right;
	width: 50%;
	margin: 0px 0 5px 0;
	text-align: right;
}
#copyright p {
	color: #fff;
	font-size: 14px;
    line-height: 130%;
}
#copyright a:link, #copyright a:visited {
	color: #fff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #fff;
	text-decoration: underline;
}
/* forms.css LEGACY */
form {
	display: inline;
	margin: 0;
	padding: 0;
}
checkbox, input, radio, select {
	font-family: "open sans",Arial, helvetica, sans-serif;
	font-size: 15px;
}
textarea {
	font-family: "open sans",Arial, helvetica, sans-serif;
	font-size: 15px;
    width: 98%; margin: 0 auto;
}
.cssButton {
	font: 600 16px "open sans",Arial, helvetica, sans-serif;
	margin: auto;
	background: #F28a21;
	text-transform: uppercase;
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 4px 12px;
	border: 0px solid #424242;

}
.cssButton:hover {
    background-color: #444;
    color: #fff;
}
/************** 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: transparent; }
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: transparent; }
TR.subBar { background: #f4f7fd; }
TD.subBar {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #69605a;
}
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: transparent;
	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: transparent;
}
TD.productPriceInBox {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background: transparent;
}
TD.productPriceInProdInfo {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
}
/* //rmh M-S_multi-pricing end */

.moduleRow { }
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected { background-color: #E9F4FC; }

#orderconfirmationinfo .checkoutBarFrom, #orderconfirmationinfo .checkoutBarTo {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #060606;
}

#orderconfirmationinfo .checkoutBarCurrent {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ff8000;
}


.checkoutBarFrom, .checkoutBarTo {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}
.checkoutBarCurrent {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ff8000;
}
/* message box */

.messageBox {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
}
.messageStackError, .messageStackWarning, #message_stack {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #f00;
}
.messageStackSuccess {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
	background-color: #fff;
}
/* input requirement */

.inputRequirement {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #fda1f3;
}
.inputRestriction {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #2e2e2e;
} /* //rmh M-S_multi-stores */
#sizetable {
	width: 98%;
    margin: 0 auto;
	text-align: center;
	background-color: transparent;
}
#sizetable td {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
    font-color: #000000 !important;
	font-weight: 500;
	border: 1px solid #ccc;
	padding: 4px 8px;
}
#shiptable {
	width: 98%;
    margin: 0 auto;
	text-align: center;
	background-color: transparent;
}
#shiptable td {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
    font-color: #000000 !important;
	font-weight: 500;
	border: 1px solid #ccc;
	padding: 4px 8px;
}


#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;
}

#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: 839px) and (max-width: 949px) {



#catlist li a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;

}
    
#catlist li ul li ul  {

width: 150px;
}


/*Prevent text wrapping*/
#catlist li ul li a {
  font-size: 12px;
}
    #helperbox {
    height: 65px;
    }

p.headerhelp {
    font: 600 14px 'Open Sans', Arial, helvetica, sans-serif;
	padding: 25px 20px 0 0;
}
#helpernavs {
		font-size: 16px;
		padding: 22px 0 0 0;
	}    
    
    #footer_bar {
	font-size: 11px;
	padding: 10px 0;
/*	width: 98%;
	margin: 0 auto;*/
	
}
    #gateway {
	margin: 5px 0 0 0;
	}
#admin {
	margin: 5px 0 0 0;
}
}

@media all and (min-width: 790px) and (max-width: 838px) {
 
    #topcategories {
    font: 14px minion-pro, Arial, helvetica, serif;
	
}
    
    
    #catlist li a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;

}
    
#catlist li ul li ul  {

width: 150px;
}


/*Prevent text wrapping*/
#catlist li ul li a {
  font-size: 12px;
}
    #helperbox {
    height: 60px;
    }

p.headerhelp {
    font: 600 13px 'Open Sans', Arial, helvetica, sans-serif;
	padding: 25px 20px 0 0;
}
#helpernavs {
		font-size: 15px;
		padding: 22px 0 0 0;
	}    
    
    #footer_bar {
	font-size: 11px;
	padding: 5px 0;
/*	width: 98%;
	margin: 0 auto;*/
	
}
    #gateway {
	margin: 5px 0 0 0;
	}
#admin {
	margin: 5px 0 0 0;
}

    
#catlist li ul li ul  {

width: 100%;
}

    
#discountcodes td.main input  {width: 50%;}
/*    .coupon input {width: 25%!important;}*/
   /* input #coupon {width: 50%;}*/
#maincontent {
	float: right;
	width: 59%;
/*	padding: 10px;*/
}
#buybox {
	float: left;
	width: 40%;
	/*padding: 10px;*/
}

#options select {
	font-size: 11pt;
}
.productListing-data {
font-size: 15px;

}

.subcat {
	font-size: 15px;
}
#footer_bar {
	font-size: 11px;
	padding: 3px 0 10px 0;
    line-height: 130%;
	
}
#gateway {
	min-width: 94px;
	margin: 0px 0 0 0;
}
#admin {
	width: 77%;
	margin: 0px 6px 0 0;
}
    
    #identity h5 {
	font-size: 14px;
        line-height: 16px;

}
#powered {
	font-size: 11px;

}

#copyright p {
	font-size: 11px;
    line-height: 150%;
    
}
   
#sizetable td {
		font-size: 15px;
	padding: 5px;
}

#shiptable td {
			font-size: 15px;
	padding: 5px;
}
     #intro p {font-size: 15px;}
    
    .cssButton {
	font: 600 14px Arial, helvetica, sans-serif;
	
}
}   


@media all and (min-width: 710px) and (max-width: 789px) {
body {
	margin: 0 0 175px 0;

}
    
   #topcategories {
    font: 14px minion-pro, Arial, helvetica, serif;
	
}
    #catlist ul {
    max-width: 789px;
}
    
    #catlist li a {
	display: block;
	padding-left: 4px;
	padding-right: 4px;

}
    
#catlist li ul li ul  {

width: 150px;
}


/*Prevent text wrapping*/
#catlist li ul li a {
  font-size: 12px;
}
    
#footer {
height: 175px;
margin-bottom: 0;


}
#logo {
    width: 66%;
}
#logo img {
    width: 98%;
    height: auto;
}

#helperbox {
    width: 32%;
    }
p.headerhelp {
display: none;
	}
#helpernavs li.helptext {display: block; font-size: 14px; font-weight: 500; line-height: 120%;}

.pageHeading {
	font-size: 20px;
    line-height: 110%;
    margin: 0 0 15px 0;
}

.subhead {
	font-size: 16px;
	margin: 5px auto 0 auto;
}
    

#maincontent {
	float: none;
	width: 100%;
/*	padding: 10px;*/
}
#buybox {
	float: none;
	width: 76%;
    margin: 15px auto 0 auto;
}

#options select {
	font-size: 11pt;
}
.productListing-data {
font-size: 14px;

}

.subcat {
	font-size: 14px;
}
    
    p, td.main {
	font: 400 15px/22px Arial, helvetica, sans-serif;

}
table#addressform { width: 65%; }


td.main li, #description li, .main li {

    font: 400 15px/22px Arial, helvetica, sans-serif;

}
#discountcodes td.main input  {width: 50%;}
    
#footer_bar {
	font-size: 10px;
	padding: 3px 0 6px 0;
    line-height: 150%;
	
}
#gateway {
	min-width: 94px;
	margin: 0px 0 0 0;
}
#admin {
	width: 63%;
	margin: 0;
}
    #identity {float: none; width: 100%;} 
    #identity h5 {
	font-size: 12px;

}
#powered {
	font-size: 7pt;

}
    #copyright {float: none; width: 100%;}
#copyright p {
	font-size: 12px;
    line-height: 130%;
    
}
   
#sizetable td {
		font-size: 15px;
	padding: 5px;
}

#shiptable td {
			font-size: 15px;
	padding: 5px;
    
}
    .cssButton {
	font: 600 13px arial, helvetica, sans-serif;
	margin: auto;
		padding: 3px 10px;

}
    #intro p {font-size: 15px; padding: 0 10px;}
}

@media all and (max-width: 709px) {
body {
	margin: 0 0 175px 0;

}
    #header {
  	height: 50px;
}
#footer {
height: 175px;
margin-bottom: 0;


}
        
#footer_bar {
	font-size: 9px;
	padding: 3px 0 6px 0;
    line-height: 150%;
	
}
    #intro p {font-size: 15px; padding: 0;}
    #logo {
    width: 55%; border: 0px;
}
#logo img {
    width: 100%;
    height: auto;
}
   #helperbox {
    width: 45%;
    height: 1px;
      border-left: 0px solid #fff;
    }   
     p.headerhelp {display: none;}
nav {
	clear: right;
    padding: 0;
    margin: 5px 0 0 0;
    position: relative;
    z-index: 5000;
    width: 100%;
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: #fff;
	font-weight: 600;
	padding: 5px;
	color: #f28a21;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
border: 0;
    text-align: right;
}
.toggle:hover {
	background-color: #fff;
	color: #ff8000;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul { display: block; }
/* Change menu item's width to 100% */
     
     nav ul {
	width: 100%;
    padding: 5px;
background-color: #ccc; box-sizing: border-box; border: 0;
}
nav ul li {
	display: block;
	width: 100%;
    line-height: 120%;
    padding: 5px;
    font-size: 15px; 
    	font-weight: 500;  background-color: #ccc; box-sizing: border-box; border: 0;
}

nav ul li ul li:hover { background: #fff; }
/* Background color change on Hover */
nav a:hover { background-color: #fff; }
     
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" */ 

}

        p.headerhelp {
display: none;
	}
#helpernavs li.helptext {display: block; font-size: 13px; font-weight: 600; line-height: 120%;}

#topcategories {
	clear: both;
	width: 100%;
    margin: 0 auto;
	text-align: center;
	padding: 0;
	height: auto;
}
/* Top menu items */

#topcategories ul {
    	width: 98%;
	margin: 0px auto 15px auto;
	padding: 0;
	position: static;
	display: none;
}
#topcategories li { margin-bottom: 1px; }
#topcategories ul li, #topcategories li a { width: 100%; text-align: center;}
    #catlist li ul li  {
	text-align: center;
}
    #catlist li ul li a {
		text-align: center;
}
/*Display 'show menu' link*/
.show-menu { display: block; }
    


#pagetitle.pageHeading, .pageHeading {
	font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 30px;
	line-height: 35px;
    	font-weight: 400;
	margin: 20px 0;

}
#thehomepage .pageHeading {/*display: none;*/
font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
	margin: 10px auto;
}

#pagetitlecat.pageHeading {
	font-family: minion-pro, Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	margin: 10px auto;
    	font-weight: 400;
}


.subhead {
	font-size: 22px;
	margin: 0 auto;
}
    

#maincontent {
	float: none;
	width: 100%;
/*	padding: 10px;*/
}
#buybox {
	float: none;
	width: 100%;
    margin: 0 auto;
}

#options select {
	font-size: 15px;
}
.productListing-data {
font-size: 15px;

}

.subcat {
	font-size: 15px;
}
#footer_bar {
	font-size: 11px;
	padding: 8px 0 10px 0;
    line-height: 150%;
	
}
#gateway {
	min-width: 94px;
	margin: 0px 0 0 0;
}
#admin {
	width: 60%;
	margin: 0;
}
    #identity {float: none; width: 100%;} 
    #identity h5 {
	font-size: 13px; line-height: 110%;

}
#powered {
	font-size: 7pt;

}
    #copyright {float: none; width: 100%;}
#copyright p {
	font-size: 11px;
    line-height: 130%;
    
}
   
#sizetable td {
		font-size: 15px;
	padding: 3px;
}

#shiptable td {
			font-size: 15px;
	padding: 3px;
    
}
    #continue_button_addressform { text-indent: 200px; }
    .cssButton {
	font: 600 14px arial, helvetica, sans-serif;
	margin: auto;
		padding: 2px 6px;

}
}