* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font: 13px Arial, Helvetica, sans-serif; color: #543019; background: url(../images/background.gif) no-repeat top center fixed; }

#headerWrapper { background: url(../images/backgroundNav.gif) repeat-x top left; }
#header { width: 860px; height: 75px; margin: 0 auto; }
	#header ul { float: right; }
		#header li { display: inline; background: #978980 url(../images/navTabRight.gif) no-repeat bottom right; float: left; margin-left: 3px; }
		#header li a { display: block; padding: 12px; line-height: 5px; background: url(../images/navTabLeft.gif) no-repeat bottom left; text-decoration: none; color: #fff; float: left; }
		#header ul a:hover { text-decoration: underline; }

#contentWrapper { width: 860px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; }

#contentLeft, #contentRight { width: 191px; float: left; }
	#contentLeft h1 { position: relative; width: 191px; background: url(../images/logos/keen.png) no-repeat; text-indent: -9000px; margin-bottom: 40px; behavior: url(assets/iepngfix.htc); }
		#contentLeft h1 a { display: block; height: 131px; background: url(../images/logos/keen.png) no-repeat; behavior: url(assets/iepngfix.htc); }
	#contentLeft h2 { font-size: 13px; font-weight: normal; color: #f47a20; border-bottom: 1px solid #f47a20; margin-bottom: 10px; }
	#contentLeft ul { color: #543019; list-style-type: none; }
		#contentLeft li { font-size: 22px; margin-bottom: 10px; }
		#contentLeft li a { color: #543019; display: block; text-decoration: none; }
		#contentLeft li a:hover { color: #f47a20; }
		#contentLeft ul ul { margin: 10px 0 0 15px; }
		#contentLeft ul ul li { font-size: 13px; text-indent: 10px; }
		#contentLeft ul ul li a { background: url(../images/bulletBrown.gif) no-repeat left center; }
		#contentLeft ul ul li a:hover { background: url(../images/bulletOrange.gif) no-repeat left center; }
	#contentRight h2 { font-size: 18px; font-weight: normal; margin: 30px 0 6px 0; }
	#contentRight ul { color: #a89a00; }
		#contentRight li { margin-left: 15px; margin-bottom: 8px; }
		#contentRight li a { display: block; color: #a89a00; text-decoration: none; }
		#contentRight ul li a:hover { text-decoration: underline; }
	#contentRight p { color: #a89a00; }
	#contentRight p.margin10 { margin-bottom: 10px; }
	

#contentCenter { width: 378px; margin: 0 50px 0; float: left; }
	#contentCenter h1 { font-size: 24px; font-weight: normal; color: #a89a00; margin-bottom: 6px; }
	#contentCenter h2 { font-size: 18px; font-weight: normal; margin: 30px 0 6px 0; }
	#contentCenter h3 { font-size: 15px; font-weight: normal; font-style: italic; color: #f47a20; margin: 10px 0 6px 0; }
	#contentCenter h4 { font-size: 13px; font-weight: bold; color: #543019; margin: 10px 0 6px 0; }
	#contentCenter p, #contentCenter ol, #contentCenter ul { line-height: 19px; }
	#contentCenter p, #contentCenter ol, #contentCenter ul, #contentCenter table { margin-bottom: 10px; }
	#contentCenter table { font-size: 10px; text-align: left; }
		#contentCenter td { border-top: 1px solid #978980;}
		#contentCenter td, #contentCenter th { padding: 2px 0 2px 0; }
		#contentCenter ul li { margin-left: 15px; margin-bottom: 5px; }
		#contentCenter ol li { margin-left: 22px; margin-bottom: 5px; }
		#contentCenter img.focus { margin-bottom: 30px; }
	#contentCenter a, #contentRight a { color: #a89a00; text-decoration: underline; }
	#contentCenter a:hover, #contentRight a:hover { color: #f47a20; text-decoration: underline; }
	
/* Favilist List */
ul.favilist { margin-left: -12px; overflow: auto; }
.favilist li { list-style-type: none; margin-bottom: 5px; float: left; width: 170px; }
.favilist li a  { padding-right: 0; background: none; }
img.faviconimg { border: 0; width: 16px; height: 16px; margin-right: 6px; vertical-align: middle; }

ul.tog { margin-left: -15px; }
li.tog25 { list-style-type: none; padding-left: 40px; padding-top: 10px; padding-bottom: 10px; background: url(../images/_icons/tog25.gif) no-repeat center left; }
li.tog10 { list-style-type: none; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;  background: url(../images/_icons/tog10.gif) no-repeat center left; }
li.tog05 { list-style-type: none; padding-left: 40px; padding-top: 10px; padding-bottom: 10px; background: url(../images/_icons/tog05.gif) no-repeat center left; }

#gallery { margin-bottom: 30px; background: url(../images/backgroundGallery.gif) no-repeat bottom left; }
	#gallery ul { list-style-type: none; margin-left: 11px; }
		#gallery ul li { list-style-type: none; float: left; margin: 10px 5px 10px 0; }

#styles { margin-right: -42px;}
#styles ul { list-style-type: none;  }
		#styles ul li { display: inline; float: left; text-align: center; margin: 20px 42px 0 0; }
		#styles ul li div { width: 98px; }
		#styles ul li p { font-size: 10px; margin: 5px 0; line-height: 12px; }
		#styles img, #styles a { border: 0; }

#footerWrapper { height: 100px; background-color: #543019; }
#footer { width: 599px; margin: 0 auto; padding: 20px 20px 20px 241px; }
	#push { height: 100px; clear: both; }
	#footer hr { height: 0; display: none; visibility: hidden; }
	#footer ul, #footer ul li { list-style-type: none; }
		#footer ul li { display: inline; border-right: 1px solid #cdd8e0; padding-right: 6px; margin-right: 8px; }
		#footer ul a { color: #cdd8e0; text-decoration: none; }
		#footer ul a:hover { color: #cdd8e0; text-decoration: underline; }
		#footer ul li.lastBullet { border: 0; }
	#copyRight { font-size: 11px; margin: 10px 0 0 0; color: #a89a00; }
	#copyRight a { color: #a89a00; text-decoration: none; }
	#copyRight a:hover { text-decoration: underline; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.clear         { clear:both; }
.seeMore	   { margin-top: 30px; }
.moreInfo	   { margin-bottom: 10px; }
.small		   { font-size: 13px; }
.smaller	   { font-size: 10px; }
.marginbtm	   { margin-bottom: 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a { border: 0; }
img {border: 0; }

fieldset { border-top: 1px solid #e6e6e6; border-right: 0; border-bottom: 0; border-left: 0; margin-top: 20px; }
legend { color: #f78f1e; font-size: 14px; padding: 0 10px 10px 0;  }
form p { display: block; overflow: auto; }

input[type="text"], textarea, select { color: #909090; border: 1px solid #e6e6e6; font: 12px Arial, Helvetica, sans-serif; padding: 5px;  width: 300px;}
input[type="image"], input[type="image"]:focus { border: none; background: none; outline: none; }
input:focus, textarea:focus, select:focus { background: #f8f8f8; color: #000; border: 1px solid #f78f1e;  }

/* STANDARD FORMS - Contact Form, Become a Retailer, etc.
------------------------------------------------------------------------ */
form#formStandard { margin-top: 30px; }
#formStandard label { margin-top: 3px; }
#formStandard .formResetWidth { width: auto; }


/* ERROR MESSAGE
------------------------------------------------------------------------ */
#errorMsg { border: 1px solid #e6e6e6; margin-top: 30px; padding: 20px; background: transparent url(../images/bg_Slash.gif) repeat top left; }
#errorMsg h4 { font-size: 15px; font-weight: bold; color: #d46a6a; padding-left: 30px; background: transparent url(../images/icon_Error.gif) no-repeat center left; }
#errorMsg ol { list-style-type: decimal; }
#errorMsg li { margin-left: 50px; padding-left: -15px; }
#errorMsg input[type="text"], #errorMsg textarea, #errorMsg select { background: #f78f1e; color: #fff; border: 1px solid #f78f1e; font: 12px Arial, Helvetica, sans-serif; padding: 5px; }
