/*
  $Id: stylesheet.css
  adapted by lee fleming, infopulsellc.com, for New Headings LLC 
  September 2019 - Go Touch Down Safari Shop
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;

*/

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

#header {
	height: 75px;
	width: 100%;
    background: #333333;
	padding: 5px 0;
	margin: 0 auto;
    box-sizing: border-box;
}
#wrapper {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: transparent;
    	width: 98%;
    max-width: 1000px;
}
#headerwrap {
	background-color: #333333;
	max-width: 1000px;
	width: 98%;
	margin: 0 auto;
	padding: 0;
}


#logo {
    width: 30%;
    height: auto;
    float: left;
    margin: 5px 0;
    padding: 0;
}
#logo img {
    width: auto;
    max-width: 244px;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}


#helperbox {
    float: right;
    margin: 5px auto;
    width: 69%;
    padding: 0;
    height: auto;
    background: #333333; text-align: right;
    }
p.headerhelp {
    margin: 0;
	float: right;
	text-align: right;
	font: 600 13px 'Montserrat', Helvetica, Arial, sans-serif;
	color: #fff; line-height: 30px; /*text-transform: uppercase;*/
/*	margin: 6px 0;*/
	padding: 0;
	/*width: 400px;*/
	/* This makes the dropdown menus appear above the page content below */
	position: relative;
	z-index: 6000;
}
#helpernavs li.helptext {display: none;}
span.helpbox {display: inline-block;
	float: right; padding: 2px 0 2px 10px; text-align: right; background-color: #333333; width: 130px; box-sizing: border-box; border: 0px solid #f58420;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
h5 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

p {font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 26px;
	color: #333;
	margin: 6px 0;
}
strong, b { font-weight: 600; }
.smallText {
	font-size: 10pt;
	font-weight: 400;
}

#helpernavs {
	float: right;
    width: 100%;
	font-size: 13px;
    line-height: 16px;
	padding: 5px 0 0 0;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    text-align: right;

	}
/* HELPER NAVS */
.toggle, [id^=drop] { display: none; }
/* Giving a background-color to the nav container. */
nav {
	margin: 0;
	padding: 0;
	background-color: #333333;
	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: #333333;
}


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: 13px;
	text-decoration: none;
}
nav ul li ul li:hover { color: #5cc9dc; }
/* Background color change on Hover */
nav a:hover { color: #5cc9dcc;/*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 : 815px) {
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: #333333;
	font-weight: 500;
	padding: 4px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
border: 1px solid #5cc9dc;
    text-align: center;
}
.toggle:hover {
	background-color: #5cc9dc;
	color: #fff;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul { display: block; }
/* Change menu item's width to 100% */
nav ul li {
	display: block;
	width: 100%;
    line-height: 120%;
    padding: 5px 3px;
    text-align: center;
    font-size: 14px;
    	font-weight: 500;
}
nav ul ul .toggle,  nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,  nav ul ul ul a { background-color: #333333; }
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" */ 

}
}

@media all and (max-width : 599px) {
nav {
	clear: right;
    margin: 0;
    position: relative;
    z-index: 5000;
    width: 115px;
float: right;
}
/* Hide the navigation menu by default */
	/* Also hide the  */
.toggle + a,  .menu { display: none; }
/* Stylinf the toggle lable */
.toggle {
	display: block;
	background-color: #333333;
	font-weight: 500;
	padding: 2px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
border: 1px solid #5cc9dc;
    text-align: center;
}
.toggle:hover {
	background-color: #5cc9dc;
	color: #fff;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul { display: block; }
/* Change menu item's width to 100% */
nav ul li {
	display: block;
	width: 100%;
    line-height: 120%;
    padding: 5px 3px;
    text-align: center;
    font-size: 12px;
    	font-weight: 500;
}
nav ul ul .toggle,  nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,  nav ul ul ul a { background-color: #333333; }
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" */ 

}
}

@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: #5cc9dc; }

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

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

a:link, a:visited {
	color: #5cc9dc;
	text-decoration: none
} /* link class */
a:hover, a:active {
	color: #5cc9dc;
	text-decoration: underline;
}
#topcategories { clear: both;
	margin: 0 auto;
	float: none;
	font: 13px 'Montserrat', Helvetica, Arial, sans-serif;
	background: #333333;
	width: 100%;
	text-align: center;
	padding: 0;
	height: 39px;
	z-index: 100;
	/* This makes the dropdown menus appear above the page content below */
	position: relative; 
border-bottom: 0px solid #fff;}

/* Top menu items */
/*Strip the ul of padding and list styling*/
#catlist ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position: absolute;
    /*z-index: 1010;*/
	text-align: center;
}
/*Create a horizontal list with spacing*/
#catlist li {
	display: inline-block;
	/*float: left;*/
	margin-right: 19px;
    margin-left: 19px;
}

/*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: #fff;
    font-weight: 400;
	padding: 0 10px;
}

#catlist ul li:active a {color:  #5cc9dc; background: #333;}
/*Style for dropdown links*/
#catlist li:hover a { background: #333; }
#catlist li:hover ul a {
	background: #333;
	color: #5cc9dc;
	/*height: 29px;*/
	line-height: 120%;
    padding: 10px;

}
/*Hover state for dropdown links*/
#catlist li:hover ul a:hover {
	background: #333;
	color: #5cc9dc;
}

#catlist a:link.catnav, #catlist a:visited.catnav, #catlist a:link.catnavsub, #catlist a:visited.catnavsub {
	color: #fff;
    background: #333333;
	text-decoration: none;
}
#catlist a:hover.catnav, #catlist a:active.catnav, #catlist .here, #catlist a:hover.catnavsub, #catlist a:active.catnavsub {
	color: #5cc9dc;
    background: #333;}


#catlist li ul  {
	background: #333333; padding: 2px;
/*    	position: absolute;
    z-index: 3000;
    margin-top: -10px;*/

}

#catlist li ul li ul  {

width: 200px;
}


/*Hide dropdown links until they are needed*/
#catlist li ul { display: none; }
/*Make dropdown links vertical*/
#catlist li ul li {
	display: block;
	float: none;
}
#catlist li ul li ul  {

display: block;
    float: none;}


/*Prevent text wrapping*/
#catlist li ul li a {
	padding: 0 10px;
	width: auto;
	/*min-width: 15em;*/
	text-align: left; text-transform: uppercase;
  font: 13px 'Montserrat', Helvetica, Arial, sans-serif;
}
#catlist .toplevel:hover > ul { display: block; }
/*Display the dropdown on hover*/
#catlist ul li a:hover + .subnav, .subnav:hover { display: block; }

#catlist ul li.sublevel2 a:hover + .catnavsub { display: block; }

#topcategories ul ul ul {
    width: auto;
}



/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
    font-weight: 600;
	color: #fff;
	background-color: #333333;
	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 */

#breadline {
	width: 100%;
    background-color: #2C1918;
	clear: both;
	margin: 5px auto 0 auto;
}

#breadcrumb {
width: 98%;
	max-width: 1000px;
	font-size: 12px;
	padding: 0;
	margin: -15px auto 0 auto;
	color:  #fff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	height: 33px
}

#crumb {
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
}
#crumb .headerNavigation {
	margin: 0;
	padding: 0;
}
#crumb a:link.headerNavigation, #crumb a:visited.headerNavigation {
	color: #fff;
	padding: 0;
	text-decoration: none;
}
#crumb a:hover.headerNavigation, #crumb a:active.headerNavigation {
	color: #f58420;
	padding: 0;
}
.crumb {
	margin: 0;
	padding: 0;
	color: #fff;
}
#return {
	width: 40%;
	float: right;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 300;
	font-size: 12px;
	text-align: right;
}
#return a:link, #return a:visited {
	color: fff;
	padding: 0;
	text-decoration: none;
}
#return a:hover, #return a:active {
	color: #f58420;
	padding: 0;
	text-decoration: underline;
}
/* error messages/info */
.headerError { }
.headerInfo { }
/************** Content *****************/

#productinfo, #homeinfo, #productpage, #maincell {
	width: 100%;
	margin: 0 auto;
    padding: 0;
	max-width: 1000px;
}

#thehomepage #message {padding-top: 20px;}

#hero {float: right; padding: 0px; margin: 0 0 20px 20px; text-align: center; width: 45%; height: auto; max-width: 432px; box-sizing: border-box;}
#hero img {max-width: 432px; width: 100%; height: auto;}
#rotator {clear: right; float:left; width: auto; max-width: 385px; height: auto; padding: 5px; background-color: transparent; margin: 0 15px 5px 0;}
#homeinfo {
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
    max-width: 1000px;
}
#homepage {
    width: 100%;
    max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#shoppingcart {
	text-align: center;
	width: 100%;
	padding: 0;
    background-color: #fff;
}
#productinfo li {
	font-size: 11pt;
	line-height: 18pt;
	font-weight: 400;
	margin: 6px 0;
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}
div:empty { display: none; }

#categoriesdescription {
	margin: 0 auto 20px auto;
	width: 80%;
}
#categoriesdescription p {
	font-size: 16px;
	line-height: 26px;

}
/*#pagetitle, #pagetitlecat {background-color: rgba(56, 56, 57, 0.2); height: auto;}*/
.pageHeading {
	font-size: 36px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 110%;
	padding: 5px 0 10px 0;
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
    margin: 100px auto 115px auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color=#000000)";/*IE 8*/
text-shadow: 0 0 8px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#000000); /*IE 5.5-7*/
}

#thehomepage .pageHeading {font-size: 38px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 53px;
	/*text-indent: 0px;*/
	padding: 5px 0 10px 0;
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
    margin: 80px auto 80px auto;
text-align: center;}
#productpage .pageHeading { padding-left: 0; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color=#000000)";/*IE 8*/
text-shadow: 0 0 8px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#000000); /*IE 5.5-7*/}
/* here be product description background color */ 

.subhead {font-size: 18px; font-weight: 600; text-align: center;}
p.homepage {width: 75%; margin-right: auto; margin-left: auto;}

#maincontent {
	float: left;
	width: 74%;
	padding: 10px;
       box-sizing: border-box;
    background-color: #fff;
}
#filenameproductlisting {
	text-align: center;
	width: 100%;
	background-color: transparent;
	padding: 0px;
}
#productImage {
	width: 100%;
	font-size: 8pt;
	font-weight: 400;
	text-align: center;
	padding-bottom: 2px;
	margin-bottom: 25px;
	border: 0px solid #005daa;
}
.productimage, #productImage img {
	width: 100%;
	max-width: 450px;
	height: auto;
}

p, #description p {
	font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 26px;
	color: #333;
	margin: 0 0 15px 0;
}
#hometext p {
	font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 26px;
	color: #333;
	margin: 0 0 15px 0;
}
#description {
	margin-bottom: 40px;
	clear: both;
}
#swatchimages {
	font-size: 12px;
	text-align: center;
    width: 100%;
	margin: 0 auto;
	padding: 0;
}

#swatchimages img { border: 0px solid #005daa; }
#swatchimages ul {
	width: 100%;
	list-style-type: none;
	text-align: center;
	margin-bottom: 1px auto 50px auto;
}
#swatchimages .swatch li {
	list-style-type: none;
	text-align: center;
	padding: 5px 15px;
	line-height: 100%;
	font-size: 12px;
}
li.swatch {
	width: 15%;
	height: auto;
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 12px;
	border: 0px dotted #fefefe;
}
span.swatchtext {
	display: block;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
    padding: 2px;
}
#description {
	clear: both;
	padding: 0;
	padding-top: 20px;
}
#buybox {
	float: right;
	width: 25%;
    height: auto;
	margin: 0 0 30px 0;
	padding: 10px;
	box-sizing: border-box;
    background-color: #333333;
}
#buybox h4 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 20px;
	color: #fff;
}
#options textarea { width: 100%; }
#buybox h3 {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
	padding-bottom: 2px;
    	color: #5cc9dc;
}
#buybox p {
	font-size: 16px;
	margin-bottom: 6px;
    color: #fff;
    line-height: 120%;
}
#options select {
	width: 100%;
	font-size: 16px;
}
#quantity {
	padding-top: 15px;
	font-size: 18px;
}

#moreinfo {display: none;}
p, td.main {
		font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 26px;
	color: #333;
	font-weight: 400;
	margin: 0 0 15px 0;
}

table#addressform { width: 65%; }

td.formlabel {
	text-align: right;
	padding: 2px 2px 2px 0;
}
#message { width: 100%; }
td.main li, #description li, .main li {
		font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 26px;
	color: #333;
	font-weight: 400;
	margin: 6px 0;
	list-style-type: square;
}
#description ul {
	margin-top: 0;
	margin-bottom: 15px;
}
.info ul, ul.info {
	width: 80%;
	padding: 0 30px;
}

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

.homelist li {
	list-style-type: square;
	margin-left: 22px;
	padding-left: .22px;
	text-indent: -.22px;
}


.smallText {
	font-size: 12px;
	font-weight: 400;
}
#shipping_info { width: 100%; }


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

}
#subcats {width: 100%; margin: 0 auto;}
#subcats .subcat {
	font-size: 16px;
	line-height: 100%;
	text-align: center;
}

.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: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.productListing-datacart { /* the product boxes on the cart page */
	font-size: 14px;
	padding: 5px;
    line-height: 120%;
}
/*  ---- 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;
	margin: 0 auto 20px auto;
}
#tidypage {
	background-color: transparent;
	margin: 0 0 20px 0;
}
.continue_button, .continuebutton {
	text-align: right;
	padding-right: 20px;
}
#continue_button {
	text-align: right;
	padding-right: 20px;
}
/* inside pages bits */
#new_customer_heading h3, #returning_customer h3 {font-size: 24px; color: #333333; line-height: 26px; font-weight: 500;}
#new_customer, #new_shipping_address_title { margin: 20px auto; }
#returning_customer { margin: 0; }
.arrow {
	font-size: 11pt;
	line-height: 1.67em;
	font-weight: 500;
}
.plist {
	line-height: 120%;
	margin: 0;
	padding: 0;
}
#new_account {margin: 0 auto; width: 100%; }
#login_box { text-align: center;}
#addressform {
	text-align: center;
	padding-bottom: 20px;
    width: 100%;
}
/************** side columns *****************/

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

/************** Footer *****************/
.push {
	clear: both;
	height: 2em;
    width: 100%;
   
 }
#footer {
	clear: both;
	width: 100%;
	min-height: 180px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-image: url(images/topo-bg-grey.gif);
	background-repeat: repeat;
	/*background-position: 60px 0px;*/
    background-color: #333333;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	
}
#footerwrap {
	margin: 0 auto;
	padding: 0;
    width: 98%;
	max-width: 1000px;
	background-color: transparent;
}
#gateway {
	float: left;
    width: 20%;
	max-width: 200px;
	margin: 10px 0 0 0;
	padding: 0;
}
#admin {
	float: right;
	width: 80%;
	margin: 10px 0 0 0;
	padding: 0;
}
#footer_bar {font-size: 13px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	line-height: 24px;
	padding: 10px 0;
	color: #5cc9dc;
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #333333;
}
#footer_bar a:link, #footer_bar a:visited {
	color: #5cc9dc;
	text-decoration: none;
}
#footer_bar a:hover, #footer_bar a:active {
	color: #ffffff;
	}
#identity {
	float: left;
	width: 50%;
}
#identity h5 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin: 0px 0 5px 0;
	color: #fff;
    line-height: 130%;
}
#powered {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 100%;
}
#copyright {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	float: right;
	width: 50%;
	margin: 0px 0 5px 0;
	text-align: right;

}
#copyright p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 13px;
        line-height: 140%;
}
#copyright a:link, #copyright a:visited {
	color: #5cc9dc;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #ffffff;
	text-decoration: none;
}

/* forms.css LEGACY */

.main h2, #tidypage h3, #tidypage h2, #maincell h3 {color: #333; font-size: 24px; font-weight: 400;}
#orderconfirmationinfo td.main, #maincell td.main {line-height: 120%; font-size: 16px;}

form {
	display: inline;
	margin: 0;
	padding: 0;
}
checkbox, input, radio, select {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
}
textarea {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
    width: 98%;
}
/* BEGIN: CSS Buttons Everywhere */
.cssButton {
	margin: auto;
	background: #e77621;
    border-radius: 5px;
	color: #fff;
	vertical-align: middle;
	font-weight: 600;
	font-size: 14px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	cursor: pointer;
	text-align: center;
    text-transform: uppercase;
	text-decoration: none;
	padding: 12px 13px 14px;
	border: 0px;
	border-style: outset;
	border-color: #777;
	border-spacing: 3px;
}

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



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #fff; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #fff; }
TR.subBar { background: #f4f7fd; }
TD.subBar {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
TD.accountCategory {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}
TD.fieldKey {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
TD.fieldValue {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
TD.tableHeading {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D3222A;
}
SPAN.newItemInCart {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}
TD.formAreaTitle {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.markProductOutOfStock {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}
SPAN.productSpecialPrice {
	font-family: arial, helvetica, sans-serif;
	color: #ff0000;
}
SPAN.errorText {
	font-family: arial, helvetica, sans-serif;
	color: #ff0000;
}
/* //rmh M-S_multi-pricing begin */
TD.productPriceInListing {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background: #d2e9fb;
}
TD.productPriceInBox {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background: #eeeeee;
}
TD.productPriceInProdInfo {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: #ccFFcc;
}
/* //rmh M-S_multi-pricing end */

.moduleRow { }
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	color: #8c8c8c;
    line-height: 100%;
}
.checkoutBarCurrent {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
    line-height: 100%;
}
/* message box */

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

.inputRequirement {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
.inputRestriction {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
} /* //rmh M-S_multi-stores */
#sizetable {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	background-color: #fff;
}
#shipping_info p {font-size: 16px; line-height: 26px;}
#sizetable td {
	font-family: 'Open Sans Condensed', 'arial narrow', helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
    line-height: 110%;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
#shiptable {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	background-color: transparent;
}
#shiptable td {
	font-family: 'Open Sans Condensed', 'arial narrow', helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
        line-height: 110%;
	border: 1px solid #ccc;
	padding: 5px 10px;
}


#catlist li ul { display: none; }
#topcategories #catlist li.toplevel > ul > li > ul, #topcategories #catlist li.toplevel > ul > li > ul > li > ul { display: none; }
#topcategories #catlist li.toplevel > ul > li:hover > ul {
	display: block;
	position: absolute;
	left: 100%;
	top: -2px;
}
#topcategories #catlist li.toplevel > ul > li:hover > ul, #topcategories #catlist li.toplevel > ul > li > ul > li:hover > ul {
	display: block;
	position: absolute;
	left: 100%;
	top: -2px;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #333333;
	text-align: center;
	padding: 10px 0;
	display: none;
    cursor: hand;
}
/*Hide checkbox*/
#topcategories input[type=checkbox] { display: none; }
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #show-menu { display: block; }


@media all and (min-width: 600px) and (max-width: 815px) {
 body {
	font-size: 15px;
	line-height: 25px;
	 background-image: url(images/backgroundimages-tab.php);
    background-position: center 103px;
  }
body {
	margin: 0 auto 180px;
}

#header {
	height: 75px;
	width: 100%;
    background: #333333;
	padding: 5px 0;
	margin: 0 auto;
    box-sizing: border-box;
}

#headerwrap {
	background-color: #333333;
	max-width: 1000px;
	width: 98%;
	margin: 0 auto;
	padding: 0;
}



    #logo {
    width: 66%;
         margin: 0;

}
#logo img {
    width: 98%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
}
#helperbox {
    float: right;
    margin: 10px auto 0 auto;
    width: 30%;
    padding: 0;
    height: auto;
    background: #333333;
    }
        p.headerhelp {
display: none;
	}
#helpernavs li.helptext {display: block; padding-top: 6px; font-size: 13px; font-weight: 400; line-height: 130%; color: #fff;}

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

#topcategories ul {
    width: 100%;
	margin: -15px auto 15px auto;
	padding: 0;
	position: static;
	display: none;
    background-color: #333333;
}
#topcategories li { margin-bottom: 1px; }
#topcategories ul li, #topcategories li a { width: 100%;}
    #catlist li ul li a {
	text-align: center;
}
    #catlist li ul li ul  {

width: 100%;
}
/*Display 'show menu' link*/
.show-menu { display: block; }

.pageHeading {
	font-size: 28px;
	line-height: 100%;
	padding: 5px 0 10px 0;
    margin: 45px 0 113px;

}

#thehomepage .pageHeading {
    font-size: 28px;
	line-height: 100%;
	padding: 5px;
    margin: 60px 0 100px;}

#thehomepage #message {padding-top: 0px;}
p, #description p {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 12px 0;
}  
td.main li, #description li, .main li {
	font-size: 15px;
		line-height: 25px;
}
            #addressform, #login-box {width: 100%;}
    #addressform td.main, #login-box td.main {font-size: 14px; 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: 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: 14px!important;
		line-height: 24px!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: 14px!important;
		line-height: 24px!important;

}
#maincontent {
	float: right;
	width: 59%;
/*	padding: 10px;*/
}
#buybox {
	float: left;
	width: 40%;
	/*padding: 10px;*/
}
    #hero {float: right; padding: 0px; margin: 0 0 15px 15px; text-align: center; width: 50%; height: auto; max-width: 432px; box-sizing: border-box;}
#hero img {max-width: 432px; width: 100%; height: auto;}
    #rotator {display: none;}

    #buybox p {
	font-size: 15px;
}
#options select {
	font-size: 15px;
}
#quantity {
	font-size: 16px;
}
p, td.main {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 12px 0;
}

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

}

.subcat {
	font-size: 13px;
}
    
        .push {
	height: 3em;

}
#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: 100px) and (max-width: 599px) {
 body {
	font-size: 14px;
	line-height: 24px;
	 background-image: url(images/backgroundimages-mob.php);
    background-position: center 85px;
  }
body {
	margin: 0 auto 200px;
}

#header {
	height: 75px;
	width: 100%;
    background: #333333;
	padding: 5px 0;
	margin: 0 auto;
    box-sizing: border-box;
}

#headerwrap {
	background-color: #333333;
	max-width: 1000px;
	width: 98%;
	margin: 0 auto;
	padding: 0;
}



    #logo {
    width: 60%;
         margin: 0;

}
#logo img {
    width: 95%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
}
#helperbox {
    float: right;
    margin: 10px auto 0 auto;
    width: 30%;
    padding: 0;
    height: auto;
    background: #333333;
    }
        p.headerhelp {
display: none;
	}
    

#helpernavs li.helptext {display: block; padding-top: 6px; font-size: 14px; font-weight: 600; line-height: 130%; color: #fff;}

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

#topcategories ul {
    width: 98%;
	margin: -15px auto 15px auto;
	padding: 0;
	position: static;
	display: none;
    background-color: #333333;
}
#topcategories li { margin-bottom: 1px; }
#topcategories ul li, #topcategories li a { width: 98%;}
    #catlist li ul li a {
	text-align: center;
}
    #catlist li ul li ul  {

width: 100%;
}
/*Display 'show menu' link*/
.show-menu { display: block; }

.pageHeading {
	font-size: 20px;
	line-height: 100%;
	padding: 5px;
    margin: 35px 0 79px;

}

#thehomepage .pageHeading {
    font-size: 20px;
	line-height: 100%;
	padding: 5px;
    margin: 35px 0 65px;}

#thehomepage #message {padding-top: 0px;}
p, #description p {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 12px 0;
}  
td.main li, #description li, .main li {
	font-size: 14px;
		line-height: 22px;
}
            #addressform, #login-box {width: 100%;}
    #addressform td.main, #login-box td.main {font-size: 12px; padding: 3px 3px 3px 0;}
    #addressform td.main input, #addressform td.main select, #login-box td input, #login-box td select {font-size: 12px; padding: 3px 0;}
    #continue_button_addressform {text-indent: 200px; margin-bottom: 25px;}
    /*p, td.main, .main,*/ #shippingaddress td, #shippingaddessinfo td, #paymentaddress td, #discountcodes td.main, #paymentmethod td.main, #commentbox td.main, #billingaddress td.main, #ordersummary td.main, #totals td.main, #paymentinfo td.main {
		font-size: 12px!important;
		line-height: 22px!important;
	margin: 0 0 12px 0;
}
    #shippingaddessinfo .cssButton {font-size: 10px; line-height: 15px;}
    
    
    .cssButton {
		font-size: 10px;
		padding: 6px 7px 8px;

	border-spacing: 2px;
}


td.formlabel {
	text-align: left;
	padding: 2px 2px 2px 0;
}

td.main li, #description li, .main li {
		font-size: 14px!important;
		line-height: 22px!important;

}
#maincontent {
	float: none;
	width: 100%;
margin-bottom: 0;
}
    #description {margin-bottom: 0;}
#buybox {
	float: none;
	width: 100%;
	/*padding: 10px;*/
}
    #hero {float: right; padding: 0px; margin: 0 0 15px 15px; text-align: center; width: 50%; height: auto; max-width: 432px; box-sizing: border-box;}
#hero img {max-width: 432px; width: 100%; height: auto;}
    #rotator {display: none;}

    #buybox p {
	font-size: 12px;
}
#options select {
	font-size: 12px;
}
#quantity {
	font-size: 14px;
}
p, td.main {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 12px 0;
}

    .cssButton {font-size: 10px;}
#options select {
	font-size: 14px;
}
.productListing-data {
font-size: 14px;

}
    #orderconfirmationinfo td.main, #maincell td.main {line-height: 110%; font-size: 12px;}
    .productListing-datacart {font-size: 12px;}
.subcat {
	font-size: 14px;
}
    
        .push {
	height: 10em;

}
    #footer {height: 280px;}
#footer_bar {
	font-size: 10px!important;
	padding: 10px 0!important;
    line-height: 130%!important;
	
}
#gateway {
	min-width: 94px;
	margin: 10px 0 0 0;
}
#admin {
	width: 63%;
	margin: 10px 6px 0 0;
}
    #identity {float: none; width: 100%;} 
    #identity h5 {
	font-size: 12px;
        float: none;

}
#powered {
	font-size: 9px!important; line-height: 100%;

}
    #copyright {float: none; width: 100%}
#copyright p {
	font-size: 10px!important;
    line-height: 150%;
    
}
   
    #shipping_info p {font-size: 13px; line-height: 120%;}
#sizetable td {
	font-size: 13px;
	
}
#shiptable {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	background-color: transparent;
}
    
    #shipping_info h3, #sizetable h3 {font-size: 16px; line-height: 110%;}
#shiptable td {
		font-size: 13px;
	}
    
    
#sizetable td {
	/*padding: 5px;*/
}

#shiptable td {
	padding: 5px;
}
}