/*
	 CSS INFO & RULES
	 =================
	 1) List properties in alphabetical order (eg font-size would go before text-align which would go before z-index)
	 2) List each property on its own line rather than on one line
	 3) List things in the order in which they appear on the page
	 4) Comment out your code and indent it propery as per our coding standard
	 5) Make sure you put everything in the RIGHT PLACE below!

	 CONTENTS
	 =========
	 - GENERAL CLASSES
	 - CODING STANDARD / FRAMEWORK CLASSES
	 - HEADER (eg whats in inc-htmltop)
	 - MAIN BODY
	 - FOOTER (eg whats in inc-htmlbottom)
	 - SHOP / CATEGORY STUFF (GENERIC)
	 - LIGHTGALLERY

	 ==========================
	 GENERAL CLASSES [ START ]

	 Classes for standard elements like body, h1, a, input, td, etc...
	 ==========================
	 */
	/* main */

	html
	{
		overflow: -moz-scrollbars-vertical;
		background: #F8F9F4;
	}

	body
	{
		background-color: #F8F9F4;
		color: #7E8E74;
		font-family: Open Sans;
		font-size: 12px;
		margin: 0px;
	}

	strong
	{
		font-weight: bold;
	}

	.text2
	{
		color: #666666;
	}

	td
	{
		color: #333333;
		font-family: Open Sans;
		font-size: 12px;
	}

	.lighter
	{
		font-weight: lighter !important;
	}

	input, select, textarea, file
	{
		background-color: #F7F7F7;
		border-style: solid;
		border-color: #B0B0B0;
		border-width: 1px;
		color: #333333;
		font-family: Open Sans;
		font-size: 1em;
		font-weight: normal;
	}
	input[type=text] {
		-webkit-border-radius:0px;
		-webkit-appearance:none;
		border-radius: 0;
	}
	input[type=button] {
		-webkit-border-radius:0px;
		-webkit-appearance:none;
		border-radius: 0;
	}
	input[type=submit] {
		-webkit-border-radius:0px;
		-webkit-appearance:none;
		border-radius: 0;
	}

	/* headings and text */
	h1
	{
		color: #7E7F53;
		font-family: Open Sans;
		font-size: 1.9em;
		font-weight: lighter;
	}
	h2
	{
		color: #333333;
		font-family: Open Sans;
		font-size: 1.4em;
		font-weight: bold;
	}
	p
	{

	}

	/* links */
	A:link
	{
		color: #ffffff;
		text-decoration: none;
	}
	A:visited
	{
		color: #ffffff;
		text-decoration: none;
	}
	A:active
	{
		color: #ffffff;
	}
	A:hover
	{
		color: #ddd;
		text-decoration: none;
	}

	.HTMLPageContent A:link, .featureText A:link
	{
		color: #7E8E74;
		text-decoration: none;
		font-weight: bold;
	}
	.HTMLPageContent A:visited, .featureText A:visited
	{
		color: #7E8E74;
		text-decoration: none;
		font-weight: bold;
	}
	.HTMLPageContent A:active, .featureText A:active
	{
		color: #7E8E74;
	}
	.HTMLPageContent A:hover, .featureText A:hover
	{
		color: #7E8E74;
		text-decoration: underline;
		font-weight: bold;
	}

	#pageBreadcrumb A:link
	{
		color: #999966;
		text-decoration: none;
	}
	#pageBreadcrumb A:visited
	{
		color: #999966;
		text-decoration: none;
	}
	#pageBreadcrumb A:active
	{
		color: #999966;
	}
	#pageBreadcrumb A:hover
	{
		color: #ddd;
		text-decoration: none;
	}

	#pageBreadcrumb span
	{
		margin-right: 20px;
	}

	/* borders and lines */

	.generalBorder
	{
		border-color: #EEEEEE;
	}
	.generalLine
	{
		border-color: #EEEEEE;
		border-top-color: #EEEEEE;
		border-bottom-color: #EEEEEE;
		border-left-color: #EEEEEE;
		border-right-color: #EEEEEE;
	}
	.generalBox
	{
		border: 1px solid #ECECEC;
		background-color: #F8F8F8;
	}

	.pageContent
	{
		width: 92%;
		font-size: 15px;
		text-align: left;
		margin: 0 auto;
		display: inline-block;
		margin-bottom: 25px;
	}

	.pageImage
	{
		width: 92% !important;
		margin-top: 25px;
		margin: 0 auto;
	}

	/* general text box */
	.generalTextBox
	{
		line-height: 20px;
	}
	.generalTextBox li
	{
		display: list-item;
		list-style: inside;
	}
	.generalTextBox p
	{
		margin: 1.12em 0;
	}
	.generalTextBox h1
	{
		margin: 1.12em 0;
	}
	.generalTextBox h2
	{
		margin: 1.12em 0;
	}
	.
	.generalTextBox ul
	{
		margin: 1.12em 0;
		margin-left: 30px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.generalTextBox li
	{
		display: list-item;
		list-style: inside;
	}
	.generalTextBox strong
	{
		font-weight: bolder
	}

	/* general text box */
	.generalTextBoxNoVPadding
	{
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		padding: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 20px;
	}
	.generalTextBoxNoVPadding li
	{
		display: list-item;
		list-style: inside;
	}
	.generalTextBoxNoVPadding p
	{
		margin: 1.12em 0;
	}
	.generalTextBoxNoVPadding h1
	{
		margin: 1.12em 0;
	}
	.generalTextBoxNoVPadding h2
	{
		margin: 1.12em 0;
	}
	.
	.generalTextBoxNoVPadding ul
	{
		margin: 1.12em 0;
		margin-left: 30px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.generalTextBoxNoVPadding li
	{
		display: list-item;
		list-style: inside;
	}
	.generalTextBoxNoVPadding strong
	{
		font-weight: bolder
	}

	/*
	 ==========================
	 GENERAL CLASSES [ FINISH ]
	 ==========================
	 */

	/*
	 ==============================================
	 CODING STANDARD / FRAMEWORK CLASSES [ START ]

	 1) Classes that are part of our coding standard / framework like t1, hc, tc, c1 etc...
	 2) Also includes classes to make life easier, like float alignment classes
	 - These can be used in the html with multiple class declarations, eg class="nameofmyclass textleft"
	 - Do **NOT** use these in the layout of the web site (eg header, footer, etc). theyre more intended for content areas etc. The divClear class would be the only exception to this rule
	 ==============================================
	 */
	/* button classes
	 ================ */
	.b
	{
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#999999));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #999999, #cccccc);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #999999, #cccccc);
		/* IE 10 */
		background: -ms-linear-gradient(top, #999999, #cccccc);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #999999, #cccccc);
		BORDER: 1px solid #999999;
		COLOR: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		FONT-SIZE: 14px;
		FONT-WEIGHT: bold;
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	/* table classes (usually used for reports or displaying tables of information etc)
	 ================================================================================== */

	/* table */
	.t1
	{
		background-color: #E0E0E0;
	}

	/* header cell */
	.hc
	{
		background-color: #A07E3F;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	/* title cell */
	.tc
	{
		background-color: #E9E9E9;
		color: #4D4D4D;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	/* normal cells */
	.c1
	{
		background-color: #F2F2F2;
		color: #707070;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	.c2
	{
		background-color: #F2F2F2;
		color: #707070;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	.c3
	{
		background-color: #ffffff;
		color: #707070;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	/* highlighted cells (often used for total columns) */
	.hic1
	{
		background-color: #E3DAD5;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	.hic2
	{
		background-color: #FFE1A4;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	.hic3
	{
		background-color: #FFFFCC;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	/* float alignment classes
	 DO NOT CHANGE
	 ======================== */
	.floatleft
	{
		float: left;
	}
	.floatright
	{
		float: right;
	}
	.divClear
	{
		clear: both;
	}

	/* text alignment classes
	 DO NOT CHANGE
	 ======================== */
	.textleft
	{
		text-align: left;
	}
	.textright
	{
		text-align: right;
	}
	.textcenter
	{
		text-align: center;
	}
	.textjustify
	{
		text-align: justify;
	}

	/* text styling
	 DO NOT CHANGE
	 =============== */
	.bold
	{
		font-weight: bold;
	}
	.underline
	{
		text-decoration: underline;
	}

	/*
	 ==============================================
	 CODING STANDARD / FRAMEWORK CLASSES [ FINISH ]
	 ==============================================
	 */

	/*
	 =================
	 HEADER [ START ]

	 Classes that are for the header which is on every page (eg the stuff in inc-htmltop
	 =================
	 */

	.tandc
	{
		margin: 20px;
		text-align: left;
		font-size: 17px;
	}

	#topContainer
	{
		background-color: white;
		box-sizing: border-box;
		color: #FFF;
		margin: 0px auto;
		max-width: 1206px;
		padding: 12px 60px;
		position: relative;
		text-align: center;
		width: 100%;
	}

	#topContainer img
	{
	}

	#topContainer .middleCenter
	{
		margin: 0 auto;
		max-width: 1206px;
		position: relative;
		width: 100%;
	}

	#topContainer .middleCenter::after
	{
		clear: both;
		content: '';
		display: block;
	}

	#topContainer .middleCenter.logo-hack
	{
		position: absolute;
			left: 30%;
		width: 40%;
		z-index: 10;
	}

	#topContainer .middleCenter.logo-hack .topCenter
	{
		width: 100%;
	}

	#topContainer #mainTitle
	{
		display: block;
		font-family: Open Sans, sans-serif;
		font-size: 55px;
		font-weight: normal;
		margin: 0 auto;
		position: relative;
		width:400px;
	}

	#topContainer #mainTitle .header-ltd
	{
		position: absolute;
		bottom: -10px;
		font-size: 12px;
		right: 12px;
	}

	#topContainer #headerlinkhover:hover
	{
		color: #fff;
		text-shadow: 1px 1px 1px rgba(250,250,250, 0.3);
	}

	#topContainer #subMainTitle
	{
		font-size: 14px;
		font-family: 'Droid Serif',serif;
		font-weight: lighter;
		margin-top: 10px;
	}

	#topContainer .topLeft, #topContainer .topCenter, #topContainer .topRight
	{
		box-sizing: border-box;
		float: left;
	}

	#topContainer .topLeft
	{
		margin-top: 79px;
		font-size: 18px;
		font-weight: 200;
		text-align: left;
		width: 30%;
	}

	#topContainer .topLeft .telIcon
	{
		float: left;
		border: 3px solid #1d2124;
		padding: 5px;
		height: 25px;
		width: 25px;
		border-radius: 25px;
		line-height: 25px;
		text-align: center;
	}

	#topContainer .topLeft .telText
	{
		float: left;
		margin-left: 10px;
		height: 25px;
		line-height: 40px;
	}

	#topContainer .topCenter
	{
		display: block;
		width: 40%;
	}

	#topContainer .topRight
	{
		text-align: right;
		width: 30%;
	}

	#topContainer .header-hamburger-menu
	{
		float: right;
		font-size: 18px;
		font-weight: 200;
		margin-top: 68px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	.navSale {
		font-weight: bold;
	}
	.navSale a:link
	{
		text-decoration: none;
	}
	.navSale a:visited
	{
		text-decoration: none;
	}
	.navSale a:active
	{

	}
	.navSale a:hover
	{
		text-decoration: none;
	}

	.navBorderLine {
		background-color: #7E8E74;
		height: 1px;
		max-width: 1206px;
		text-align: center;
	}


	/* Hamburger Menu CSS [START]*/

		.open-nav
		{
			cursor: pointer;
			position: relative;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

		.open-nav .bar-container
		{
			cursor: pointer;
			height: 34px;
			position: relative;
			width: 52px;
		}

		.open-nav .bar-container .bar
		{
			background: #1d2124;
			border-radius: 2px;
			height: 3px;
			-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			width: 100%;
		}

		.open-nav .bar-container .bar:first-child
		{
			position: absolute;
				top: 8px;
				left: 0px;
		}

		.open-nav .bar-container .bar:nth-child(2)
		{
			position: absolute;
				top: 16px;
				left: 0px;
		}

		.open-nav .bar-container .bar:last-child
		{
			position: absolute;
				top: 24px;
				left: 0px;
		}

		.open-nav.nav-open .bar-container .bar
		{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			margin-bottom: 0px;
			position: absolute;
				top:50%;
				left: 50%;
			transform: translateX(-50%) translateY(-50%);
		}

		.open-nav.nav-open .bar-container .bar:first-child
		{
			transform: translateX(-50%) translateY(-50%) rotate(45deg);
			width: 80%;
		}

		.open-nav.nav-open .bar-container .bar:nth-child(2)
		{
			opacity: 0;
		}

		.open-nav.nav-open .bar-container .bar:last-child
		{
			transform: translateX(-50%) translateY(-50%) rotate(-45deg);
			width: 80%;
		}

		.open-nav .dropdown-menu
		{
			background: #FFFFFF;
			border: 2px solid #7E8E74;
			border-radius: 10px;
			box-sizing: border-box;
			display:none;
			font-weight: bold;
			overflow: hidden;
			position: absolute;
				top: 34px;
				right: -20px;
			text-align: left;
			-webkit-transition: opacity 1s;
			-o-transition: opacity 1s;
			transition: opacity 1s;
			width: 250px;
			z-index: 20;
		}

		.open-nav.nav-open .dropdown-menu
		{
			display: block;
			opacity: 1;
			padding-top: 20px;
		}

		.open-nav .dropdown-menu hr
		{
			background: #d1d1cf;
			border: none;
			border-top: 1px solid #d1d1cf;
			color: #d1d1cf;
			margin-bottom: 5px;
			max-width: 50%;
		}

		.open-nav .dropdown-menu .nav-link
		{
			margin-bottom: 5px;
		}

		.open-nav .dropdown-menu .nav-link a
		{
			box-sizing: border-box;
			display: block;
			padding-left: 20px;
			padding-right: 20px;
			width: 100%;
		}

		.open-nav .dropdown-menu .nav-link:last-child
		{
			margin-bottom: 20px;
		}

		.open-nav .dropdown-menu a, .open-nav .dropdown-menu a:link, .open-nav .dropdown-menu a:visited
		{
			color: #7E8E74;
			font-size: 15px;
			text-decoration: none;
			line-height: 34px;
		}

		.open-nav .dropdown-menu .nav-link:hover
		{
			background: #7E8E74;
		}

		.open-nav .dropdown-menu .nav-link:hover a, .open-nav .dropdown-menu .nav-link:hover a:link, .open-nav .dropdown-menu .nav-link:hover a:visited
		{
			color: #FFFFFF;
		}

	/* Hamburger Menu CSS [FINISH]*/

	


	#navContainer
	{
		/* height: 38px; */
		width: 1206px;
		margin: 0 auto;
		background: #FFFFFF;
		text-align: center;
		color: #7e8e74;
		margin-top: 2px;
	}

	#navContainer a:link, #navContainer a:visited {
		color: #7E8E74;
	}

	#navContainer a.sale:link, #navContainer a.sale:visited {
		color: #FF0000;
	}

	#navContainer #inner
	{
		width: 1206px;
		margin: 0 auto;
	}

	#navContainer #notepad
	{
		width: 22%;
		height: 38px;
		display: inline-block;
		float: left;
		vertical-align: top;
		line-height: 38px;
		font-size: 15px;
	}

	.arrow-down
	{
		display: inline-block;
		margin-left: 5px;
		cursor: pointer;
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #AAA;
	}

	.arrow-down2
	{
		display: inline-block;
		margin-left: 5px;
		margin-bottom: 1px;
		cursor: pointer;
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #FFF;
	}

	div#removeModal
	{
		display: none;
	}

	div#notepadEmailSelect, div#notepadEmailForm
	{
		display: none;
		position: relative;
	}

	div#notepadEmailSelect h2, div#notepadEmailForm h2
	{
		color: #66673F;
		font-size: 22px;
		margin: 15px 0 20px;
		padding: 0;
		text-align: center;
	}

	div#notepadEmailSelect h2
	{
		line-height: 26px;
		margin-top: 0px;
		text-align: center;
	}

	div#notepadEmailSelect > p, div#notepadEmailForm > p
	{
		font-size: 12px;
		text-align: center;
	}

	div#notepadEmailSelect input, div#notepadEmailSelect textarea, div#notepadEmailForm input, div#notepadEmailForm textarea
	{
		margin-top: 12px;
	}

	div#notepadEmailSelect input[type="text"], div#notepadEmailSelect textarea, div#notepadEmailForm input[type="text"], div#notepadEmailForm textarea
	{
		display: block;
		font-size: 14px;
		padding: 0 2.5%;
		width: 90%;
	}

	div#notepadEmailSelect textarea, div#notepadEmailForm textarea
	{
		height: 115px;
	}

	div#notepadEmailSelect .buttonHolder
	{
		text-align: center;
	}

	div#notepadEmailSelect .buttonHolder p
	{
		margin-bottom: 15px;
	}

	div#notepadEmailSelect .buttonHolder hr
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#notepadEmailSelect .buttonHolder button
	{
		background: #8EB469;
		border: none;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 20px;
		padding: 5px 0;
		width: 60%;
	}

	div#notepadEmailSelect .cancelButtonHolder
	{
		padding-top: 16px;
		text-align: center;
	}

	div#notepadEmailSelect .cancelButtonHolder button
	{
		background: #B3B3B3;
		border: none;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 20px;
		padding: 5px;
	}

	div#notepadEmailFormButtons
	{
		text-align: center;
		width: 100%;
	}

	div#notepadEmailFormButtons input[type="button"]
	{
		color: #FFF;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		padding: 5px 0;
		width: 30%;
	}

	input#notepadEmailFormSend
	{
		background: #8cb664;
		color: #FFFFFF;
	}

	input#notepadEmailFormHide
	{
		background: #B3B3B3;
		color: #FFFFFF;
	}

	#navContainer #notepad span
	{
		cursor: pointer;
	}

	#navContainer #notepad span.remove
	{
		margin-top: 10px;
	}

	#notepad input#emptyNotepad
	{
		background: #B3B3B3;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 18px;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
	}

	div.itemRightFaded
	{
		float: left;
		width: 285px;
		opacity: 0.5;
	}

	div.itemRightFaded a
	{
		color: #686836;
	}

	#navContainer #centerLinks
	{
		width: 53%;
		padding: 0;
		height: 38px;
		display: inline-block;
		vertical-align: top;
		float: left;
	}

	#navContainer #centerLinks > ul > li
	{
		display: block;
		line-height: 38px;
		font-size: 15px;
		width: 33.33333%;
		text-transform: uppercase;
		float:left;
	}

	#navContainer #search
	{
		width: 25%;
		height: 38px;
		display: inline-block;
		float: right;
		vertical-align: top;
		line-height: 38px;
		font-size: 15px;
		font-weight: bold;
	}

	#navContainer #search input
	{
		border: 1px solid #7e8e74;
		border-radius: 3px;
		width: 80%;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 10px;
	}

	.privacy-policy-box
	{
		box-sizing:border-box;
		padding-top:10px;
		padding-bottom:30px;
		text-align:center;
		width:100%;
	}

	.privacy-policy-box a
	{
		color:#666666;
	}

	.privacy-policy-box a:hover
	{
		color:#999999;
	}

	#navContainer #search #joinUsPrivacyPolicy
	{
		width: auto;
	}

	#joinUsForm
	{
		text-align: left;
		padding: 30px;
		position: absolute;
		z-index: 30;
		width: 358px;
		background: #ffffff;
		margin-left: -418px;
		color: #696c33;
		box-shadow: 0px 10px 10px 1px #888888;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	#navContainer #search #joinUsForm .formInput
	{
		background: #f7f7f7;
		border: 1px solid #CCC;
		box-sizing: border-box;
		font-size: 12px;
		margin-left: 0px;
		margin-bottom: 20px;
		padding-left: 5px;
		padding-right: 5px;
		width: 100%;
	}

	.joinUsButton
	{
		float: left;
		height: 30px;
		width: 112px;
		text-align: center;
		line-height: 25px;
		background: #8EB469;
		color: #fff;
		cursor: pointer;
		font-weight: 200;
		padding-top: 5px;
	}

	.joinCloseButton
	{
		float: right;
		height: 30px;
		width: 112px;
		text-align: center;
		line-height: 25px;
		background: #B3B3B3;
		color: #fff;
		cursor: pointer;
		font-weight: 200;
		padding-top: 5px;
	}

	.join-us-loading
	{
		display: none;
		margin: 0 auto;
	}



	#websiteContainer
	{
		width: 1206px;
		height: auto;
		margin: 0 auto;
		padding-top: 25px;
		text-align: center;
	}

	.padTop
	{
		padding-top: 20px;
	}




	/* NOTE PAD STYLING */
	#theNotepad
	{
		background: #FFFFFF;
		color: #7F764D;
		display: none;
		min-height: 460px;
		line-height: 18px;
		padding: 20px;
		position: absolute;
		margin-left: 8px;
		text-align: left;
		width: 380px;
		z-index: 999;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
		-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
		box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
	}

	#theNotepad.short
	{
		min-height: 440px;
	}

	#theNotepad div#howToUse
	{
		clear: both;
		display: inline-block;
		margin: 20px 0;
	}

	#theNotepad div#howToUse p
	{
		margin: 25px 0 0;
	}

	#theNotepad div#howToUse ul
	{
		margin: 25px 0 0;
		list-style-image: url('../images/notepad-bullet.gif');
	}

	#theNotepad div#howToUse ul li
	{
		margin: 0 2.5% 18px 5%;
		padding: 0 2.5%;
	}

	#theNotepad .title
	{
		float: left;
	}

	#theNotepad .close
	{
		color: #989270;
		float: right;
		cursor: pointer;
	}

	#theNotepad .banner
	{
		width: 100%;
		background: #C3C2AE;
		margin-top: 15px;
		color: #FFF;
		height: 30px;
		line-height: 30px;
		text-align: left;
	}

	#theNotepad .banner div
	{
		margin-left: 10px;
	}

	#theNotepad #itemsContainer
	{
		height: 250px;
		margin-top: 20px;
		max-height: 250px;
		overflow: auto;
	}

	#theNotepad #itemsContainer div.item:first-child
	{
		margin-top: 0px;
	}

	#theNotepad #itemsContainer div.item
	{
		margin-top: 10px;
	}

	div.itemLeft .itemPic img
	{
		height: 75px;
		width: 63px;
	}
	}

	#theNotepad .delNotepadText
	{
		text-align: left;
		font-size: 17px;
	}

	#theNotepad .delNotepadSubText
	{
		font-size: 10px;
		text-align: left;
	}

	#theNotepad .delNotepadSubText #cookieRemoval
	{
		font-size: 16px;
		line-height: 20px;
		width: 100%;
	}

	#theNotepad .delNotepadSubText #cookieRemoval input
	{
		display: inline-block;
		vertical-align: top;
	}

	#theNotepad .bottomText
	{
		float: left;
		width: 50%;
		text-align: left;
		font-size: 13px;
		margin-top: 18px;
	}

	#theNotepad .bottomButton
	{
		float: right;
		width: 40%;
		background: #C2C2AE;
		margin-top: 25px;
		height: 40px;
		color: #FFF;
		font-size: 20px;
		border: #858566;
		cursor: pointer;
	}

	li#stock
	{
		font-weight: bold;
		position: relative;
	}

	li#stock > ul
	{
		background: #FFF;
		border-bottom: 2px solid #b2a281;
		border-left: 2px solid #b2a281;
		border-right: 2px solid #b2a281;
		display: none; /* Initially */
		left: -129px;
		position: absolute;
		top: 38px;
		width: 595px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
		-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
		box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
		padding-bottom: 10px;
		z-index: 500 !important;
	}

	li#stock:hover > ul
	{
		display: block;
	}

	li#stock ul li
	{
		text-align: left;
		width: 100%;
	}

	li#stock > ul li span
	{
		color: #666632;
		border-bottom: 1px solid #d9d2c2;
		display: block;
		font-size: 16px;
		margin: 5px auto 0 auto;
		text-align: left;
		text-transform: none;
		width: 90%;
		font-weight: bolder !important;
	}

	li#stock > ul li ul
	{
		display: inline-block;
		font-weight: 400;
		margin-top: 20px;
		vertical-align: top;
		width: 275px;
		margin: 5px;
		margin-left: 10px;
	}

	/*
	 * This doesn't work with the required z-index stylign and will cause the border to be shown over the sub navigation
	 li#stock > ul li ul.first {
	 border-right: 1px solid #d9d2c2;
	 }

	 */

	/* Seond Level */
	li#stock > ul > li > ul > li
	{
		height: auto;
		line-height: 30px;
		margin: 0 auto;
		padding-left: 4%;
		position: relative;
		width: 90%;
	}

	li#stock > ul li ul li.active, li#stock > ul li ul li:hover
	{
		background: #686834;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	li#stock > ul li ul li.active a, li#stock > ul li ul li:hover a, li#stock > ul li ul li:hover a.sale
	{
		color: #FFF;
	}

	li#stock > ul li ul li a
	{
		color: #686834;
		display: block;
		text-transform: none;
		width: 100%;
	}

	/*Fix for this absolute mess of a nav*/

	/*li#stock > ul li ul li ul {
	 background: #a3a485;
	 border: 2px solid #686834;

	 -webkit-border-radius: 7px;
	 -moz-border-radius: 7px;
	 border-radius: 7px;

	 display: none;
	 font-weight: lighter;
	 padding:4% 0;
	 position: absolute;
	 top: 20px;
	 z-index:5;
	 }

	 li#stock > ul li ul li ul li {
	 padding-left:4%;
	 }

	 li#stock > ul li ul li .firstSub {
	 left: 60px;
	 float:left;
	 }

	 li#stock > ul li ul li .firstSub li {
	 margin-left:5px;
	 width:90%;
	 }

	 li#stock > ul li ul li .firstRowSmall {
	 width:600px;
	 }

	 li#stock > ul li ul li .firstRowSmall li {
	 width:50%;
	 }

	 li#stock > ul li ul li .notFirstSub {
	 background:none;
	 border:none;
	 left:360px;
	 width:300px;
	 }

	 li#stock > ul li ul li:hover ul {
	 display: inline;
	 }

	 li#stock > ul li ul li ul li:hover {
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 }

	 li#stock > ul li ul li ul li:hover {
	 background: #686834;
	 }

	 li#stock > ul li ul li ul li a:hover {
	 background: #686834;
	 }

	 li#stock > ul li ul li ul li a {
	 color: #FFF;
	 display: block;
	 width: 95%;
	 }
	 */

	li#stock .subContainer
	{
		background: #a3a485;
		border: 2px solid #686834;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		display: none;
		font-weight: lighter;
		margin-left:60px;
		position: absolute;
		top: 20px;
		z-index: 5;
		width: auto;
	}

	li#stock .subContainer:hover
	{
		display: table-row;
	}

	li#stock .firstRowSmall
	{
		/*Requires multiple columns, can't go making the width auto!*/
	}

	li#stock > .subContainer li ul
	{
		padding-left: 4%;
		background: none;
		border: none;
		position: static;
		top: auto;
		left: auto;
		width: auto;
	}

	li#stock .firstSub
	{
		width: auto;
		display: block;
		margin-right: 5px;
		margin-left: 5px;
	}

	li#stock .firstSub li
	{
		width: auto;
	}

	li#stock > ul li ul li:hover ul
	{
		display: block;
	}

	li#stock .notFirstSub
	{
		width: auto;
		display: block;
	}

	li#stock .subContainer .subCol
	{
		display: table-cell;
	}

	li#stock .subContainer .subCol:hover
	{
		background: none;
		border: none;
	}

	li#stock .subContainer li ul li
	{
		display: block;
	}

	li#stock .navItem
	{
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 0px;
		display: block;
		padding-left: 7px;
		padding-right: 7px;
		width: auto;
		white-space: nowrap;
		font-weight: lighter;
	}

	li#stock .navItem:hover
	{
		background: #686834;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	li#stock .navItem a
	{
		color: #FFF;
		display: inline;
		width: auto;
	}

	/*
	 =================
	 HEADER [ FINISH ]
	 =================
	 */

	/*
	 =================
	 MAIN BODY [ START ]

	 - Classes that are for the general layout of the site (if applicable)
	 - Do NOT include stuff that is specific to a particular page (this should go in pagename.css)
	 =================
	 */

	#pageTopImage
	{
		background-position: center center;
		background-repeat: no-repeat;
		display: block;
		margin: 0 auto;
		height: 221px;
		margin-bottom: 20px;
		position: relative;
		width: 100%;
		text-align: center;
		width: 1206px;
		z-index: 0;
		border: 9px solid #C7CDC1;
		border-left-style: none;
		border-right-style: none;
		border-top-style: none;
	}

	#pageTopImage img, #pageTopCatImage img
	{
		display: block;
		width: 100%;
	}

	#pageTopCatImage
	{
		position: relative;
		display: block;
		margin: 0 auto;
		height: 221px;
		width: 1206px;
		background-position: top center;
		background-repeat: no-repeat;
		z-index: 0;
		border: 9px solid #C7CDC1;
		border-left-style: none;
		border-right-style: none;
		border-top-style: none;
	}

	#pageTopCatImage .innerCatImage
	{
		width: 1206px;
		margin: 0 auto;
		height: 221px;
		line-height: 225px;
		font-size: 40px;
		text-align: right;
		color: #B2A281;
		font-weight: lighter;
		padding-right: 300px;
		padding-top: 50px;
	}

	#pageBreadcrumb
	{
		width: 90%;
		margin: 0 auto;
		text-align: left;
		color: #999966 !important;
		margin-bottom: 25px;
		text-transform: uppercase;
	}

	.whiteBackground
	{
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #FFFFFF;
		height: auto;
		margin: 0 auto;
		width: 1100px;
	}

	.darkerText
	{
		color: #666632 !important;
	}

	/*
	 =================
	 MAIN BODY [ FINISH ]
	 =================
	 */

	/*
	 =================
	 FOOTER [ START ]

	 Classes that are for the footer which is on every page (eg the stuff in inc-htmlbottom)
	 =================
	 */

	 /***************FOOTER BOOTSTRAP*****************/

 	.row
 	{
 		width: 100%;
 	}

 	.row::after
 	{
 		clear: both;
 		content: '';
 		display: block;
 	}

 	div[class^='col-']
 	{
 		box-sizing: border-box;
 		float: left;
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.col-xs-1
 	{
 		width: 8.33333333%;
 	}

 	.col-xs-2
 	{
 		width: 16.6666666666%;
 	}

 	.col-xs-3
 	{
 		width: 25%;
 	}

 	.col-xs-4
 	{
 		width: 33.3333333333%;
 	}

 	.col-xs-5
 	{
 		width: 41.66666666666666%;
 	}

 	.col-xs-6
 	{
 		width: 50%;
 	}

 	.col-xs-7
 	{
 		width: 58.3333333333%;
 	}

 	.col-xs-8
 	{
 		width: 66.6666666666%;
 	}

 	.col-xs-9
 	{
 		width: 75%;
 	}

 	.col-xs-10
 	{
 		width: 83.3333333333%;
 	}

 	.col-xs-11
 	{
 		width: 91.666666666%;
 	}

 	.col-xs-12
 	{
 		width: 100%;
 	}



 	.text-left
 	{
 		text-align: left;
 	}

	#footerContainer
	{
		width: 1100px;
		height: 200px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 26px;
		color: #1d2124 !important;
		text-align: center;
		background-color: white;
		padding-top: 15px;
		border: 4px solid #292F2D;
		border-top-style: none;
		border-left-style: none;
		border-right-style: none;
	}

	#footerContainer .newsletter-row
	{
		margin-bottom: 25px;
	}

	#footerContainer .newsletter-row br
	{
		display: none;
	}

	#footerContainer .social-row
	{
		margin-bottom: 10px;
	}

	#footerContainer .contact-col
	{
		padding-left: 40px;
	}

	#footerContainer .footerTel
	{
		margin-bottom: 10px;
	}

	#footerContainer .footerTel::after, #footerContainer .footerEmail::after
	{
		clear: both;
		content: '';
		display: block;
	}

	#footerContainer .telIcon
	{
		float: left;
		border: 3px solid #1d2124;
		padding: 5px;
		height: 25px;
		width: 25px;
		border-radius: 25px;
		line-height: 25px;
		text-align: center;
	}

	#footerContainer .telText
	{
		float: left;
		margin-left: 10px;
		height: 25px;
		line-height: 40px;
	}

	#footerContainer .social-col
	{
		text-align: right;
		padding-right: 40px;
	}

	#footerContainer .social-col::after
	{
		clear: both;
		content: '';
		display: block;
	}

	#footerContainer .social-col .social-container > a > div
	{
		float: left;
		margin-left: 22px;
		position: relative;
	}

	#footerContainer .social-container
	{
		display: inline-block;
	}

	#footerContainer .social-container br
	{
		display: none;
	}

	#footerContainer .social-col .salvo-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat top left;
		width: 57px;
		height: 80px;
	}
	#footerContainer .social-col .salvo-logo_mobile
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -121px -32px;
		width: 32px;
		height: 32px;
	}
	#footerContainer .social-col .salvo-logo_mobile_wrapper {
		display: none; /* hide it until we are on smaller screens (handled in responsive.css) */
	}

	#footerContainer .social-col .social-media-logo
	{
		margin-top: 30px;
		border: 2px solid #1d2124;
		border-radius: 21px;
		padding: 3px;
	}

	#footerContainer .social-col .pinterest-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -57px 0px;
		width: 32px;
		height: 32px;
	}

	#footerContainer .social-col .facebook-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -89px 0px;
		width: 32px;
		height: 32px;
	}

	#footerContainer .social-col .instagram-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -121px 0px;
		width: 32px;
		height: 32px;
	}

	#footerContainer .social-col .twitter-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -57px -32px;
		width: 32px;
		height: 32px;
	}

	#footerContainer .social-col .blog-logo
	{
		background: url("../images/footer_spritesheet.png") no-repeat;
		background-position: -89px -32px;
		width: 32px;
		height: 32px;
	}

	#footerContainer .social-col .salvo-logo, #footerContainer .social-col .social-media-logo, #footerContainer .social-col .social-media-logo > div
	{
		-webkit-transition: border-color 0.1s, background-image 0.1s;
		-o-transition: border-color 0.1s, background-image 0.1s;
		transition: border-color 0.1s, background-image 0.1s;
	}

	#footerContainer .social-col .social-media-logo:hover
	{
		border-color: #777474;
	}

	#footerContainer .social-col .salvo-logo:hover, #footerContainer .social-col .social-media-logo:hover > div
	{
		background-image: url("../images/footer_spritesheet-cccccc.png");
	}

	#footerContainer .backToTop
	{
		position: absolute;
			left: 50%;
		    bottom: 0px;
	    transform: translateX(-50%);
	}

	#copyBottom
	{
		text-align: center;
		margin-top: 15px;
		margin-bottom: 25px;
		color: #000;
	}

	input[name='sNewsletterEmailAddress']
	{
		border-radius: 5px;
		font-size: 14px;
		margin-left: 10px;
		margin-right: 5px;
		text-align: center;
		width: 235px;
		color:#1d2124 !important;
	}

	button.newsletter-signup-button
	{
		background: #FFFFFF;
		border: 3px solid #1d2124;
		color: #1d2124;
		font-size: 14px;
	    font-family: "Open Sans";
		padding-top: 1px;
	    padding-bottom: 1px;
	    border-radius: 4px;
	}

	.footer-category-column
	{
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-category-column br
	{
		display: none;
	}

	.footer-category-column .category-holder
	{
		display: inline-block;
		border-right: 2px solid #1d2124;;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.footer-category-column br:nth-of-type(5n)
	{
		display: inline;
	}

	.footer-category-column .category-holder:nth-of-type(5n-4)
	{
		padding-left: 0px;
	}

	.footer-category-column .category-holder:nth-of-type(5n), .footer-category-column .category-holder:last-of-type
	{
		border-right: none;
		padding-right: 0px;
	}

	.footer-category-column .category-holder a, .footer-category-column .category-holder a:link, .footer-category-column .category-holder a:visited
	{
		color: #1d2124;
		text-decoration: none;
		text-transform: uppercase;
	}

	.footer-category-column .category-holder a:hover
	{
		color:#777474;
	}

	.footer-nav-column
	{
		display: none;
	}

	.footer-nav-column br
	{
		display: none;
	}

	.footer-nav-column .nav-holder
	{
		display: inline-block;
		border-right: 2px solid white;
		margin-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.footer-nav-column .nav-holder:last-of-type
	{
		border-right: 0px;
	}





	/*
	 =================
	 FOOTER [ FINISH ]
	 =================
	 */

	/*
	 =================
	 CAT LIST BOX [ START ]
	 =================
	 */

	.CatListBox
	{
		border: 1px solid #ECECEC;
		background-color: #FBFBFB;
	}

	/*
	 =================
	 CAT LIST BOX [ FINISH ]
	 =================
	 */

	div.itemLeft
	{
		float: left;
		position: relative;
		width: 75px;
	}

	div.itemRight
	{
		float: left;
		width: 275px;
	}

	div.itemRight a
	{
		color: #686836;
	}

	span.manufactuerCode
	{
		font-weight: bold;
	}

	span.price
	{
		font-weight: bold;
		float: right;
	}

	span.remove
	{
		color: #a4a384;
	}

	#dSearchThisSection
	{
		display: block;
		float: left;
	}

	#dSearchThisSection_button
	{
		display: block;
		float: left;
		margin-left: 5px;
		padding-top: 1px;
	}




/*********************** NEWSLETTER SIGNUP MODAL **************************/

.modal-backdrop
{
	background: rgba(0, 0, 0, 0.7);
	display: none;
	position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	z-index: 101;
}

.modal
{
	background: #FFFFFF;
	box-sizing: border-box;
	max-width: 500px;
	padding: 10px;
	position: absolute;
		top: 50%;
		left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 90%;
}

.modal h2
{
	font-size: 2.4em;
	margin-bottom: 15px;
}

.modal p
{
	font-size: 14px;
	margin-bottom: 15px;
}

.modal p label a
{
	color: #000000;
	font-size: 14px;
}

.modal p label a:hover
{
	color: #555555;
}

.modal p.buttons
{
	margin-bottom: 0px;
	text-align: center;
}

.modal p.buttons button
{
	border: 0px;
	line-height: 35px;
	height: 35px;
	background: #8EB469;
	color: #FFFFFF;
	font-size: 18px;
	cursor: pointer;
	width: 130px;
}

.modal p.buttons button.cancel
{
	background: #999999;
	color: #FFFFFF;
}


/*
 =================
 SHOP / CATEGORY STUFF (GENERIC) [ START ]
 =================
 */

	#viewAnotherCat {
		z-index: 100000;
	}

/*
 =================
 SHOP / CATEGORY STUFF (GENERIC) [ FINISH ]
 =================
 */


/*
========================
LIGHTGALLERY [ START ]
See https://docs.google.com/document/d/1K941wl3MWhBEE0SqzJTyJuTKDhNWJSE9D0xDSepOZ6g/edit#heading=h.wgbghq4flk4
========================
*/
	.lg-thumb-open .lg-img-wrap {
		padding-bottom: 100px !important;
	}

.lg-img-wrap {
	padding-top: 48px !important;
}

/*
========================
LIGHTGALLERY [ FINISH ]
========================
*/