@charset "UTF-8";
/* CSS Document */

*	{ margin: 0; padding: 0; outline: none;}
/* Tags */

body	{ margin:0px; font-family: Arial, Helvetica, sans-serif; color: #2c312d; }
h1	{ float: left; width: 100px; }
h1 a { width: 238px; height: 95px; display: block; text-indent: -9999px; background: url(images/logo.png) no-repeat; }
h3	{ color: #53770b; font-weight: normal; text-transform: uppercase; font-size: 22px; margin: 15px 0;}
p	{ margin: 7px 0; font-size: 14px; line-height: 18px;}
input, textarea	{ background-color: #c3dc92; padding: 5px; border: 1px solid #dfdfdf;}
input[type="submit"]	{ background-color: #94c03d; padding: 5px 20px; color: #fff; font-size: 14px;}
img[align="left"]	{ margin-right: 30px;}
table td	{ padding: 3px;}

/* IDs */
#wrapper	{ }
#top	{ background-image: url(images/green.png); position: fixed; height: 104px; width: 100%; z-index: 999; }
#topStore	{ background-image: url(images/green2.png); position: relative; height: 104px; width: 100%; z-index: 999; }
#nav	{ float: right; width: 750px; margin-top: 74px;}
#nav li	{ float: right; list-style: none; position: relative;}
#nav li a	{ float: left; padding: 6px 12px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 15px; display: block;}
#nav li a:hover	{ outline:dotted; outline-width: thin;}

#nav li ul	{ display: none; position: absolute; top: 100%; left: 0; width: 240px; background-image: url(images/green2.png); float: none; margin-left:0px;}
#nav li:hover ul	{ display: block;}
#nav li ul li { float: none;}
#nav li ul li:not(:first-child) { border-top: 1px dotted #c3dc92;}
#nav li ul li a	{ float: none;}
#nav li ul li a:hover	{ outline: none;  background-image: url(images/green.png);}

#nav li ul.products li:not(.product) a	{ padding-left: 22px;}



/* Classes */

.container	{ width: 940px; margin: 0 auto;}
.section	{ width: 100%; position: relative; padding-top: 125px; overflow: hidden;}
.section .container	{ background-image: url(images/white.png) ; border: 1px solid #94c03d;  border-top: 8px solid #94c03d; padding: 20px 40px 40px 40px; width: 860px; overflow: hidden; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;}
.section .container div { float:right; max-width:350px; }

.bg-container	{ position: absolute; width: 100%; z-index: -5;}
.bg-container img.background	{width: 100%; top: 0; left: 0; position: fixed;}

.container ul	{ list-style-position: inside;}

.colLeft	{ float: left;}
.colRight	{ float: right;}
.large	{ width: 65%;}
.small	{ width: 30%;}
.green	{ color: #53770b;}
.clear	{ clear: both;}
.section a.btn	{ background-color: #94c03d; color: #fff; padding: 3px;}
.section a.btn:hover	{ background-color: #53770b; color: #fff; padding: 3px;}

.gallery	{ line-height: 200px;}
.gallery li	{ display: inline; list-style: none; padding: 8px; }
.gallery li img	{ max-width: 269px; max-height: 200px; border: none; vertical-align: middle;}

.links	{ list-style: none; padding: 8px;}
.section a	{ color: #53770b; text-decoration: none;}
.popups	{ float: right; width: 233px; position: relative; padding-right: 90px;}
.popup	{ position: absolute; display: none;}

#backrest	{ top: -5px; left: 50px;}
#ventilated	{ top: 100px; left: 50px;}
#lumbar	{ top: 30px; left: 150px;}
#frame	{ top: 170px; left: 150px;}
#width	{ top: 110px; left: 15px;}
#widthMesh	{ top: 135px; left: 20px;}
#waterfall	{ top: 140px; left: -30px;}
#glides	{ top: 250px; left: 80px;}
#support	{ top: 200px; left: -30px;}
#clean	{ top: 135px; left: 0px;}
/*#recycle	{ top: 290px; left: 10px;}*/
#tenYearWarranty	{ top: 250px; left: 10px;}
#ergonomic	{ top: 50px; left: 100px;}
#tear	{ top: 100px; left: 10px;}
#supports	{ top: 200px; left: 100px;}
#nylon	{ top: 100px; left: 10px;}
#lightweight	{ top: 150px; left: 10px;}
#usa	{ top: 260px; left: 10px;}
#pressure	{ top: 150px; left: 10px;}
#breathable	{ top: 100px; left: 10px;}

#rollover	{ list-style: none;}
#rollover li	{ margin: 10px 0;}
#rollover a:hover	{ font-weight: bold; }

.smallText	{ font-size: 80%;}
.submenu	{ list-style-type: none; float: right; width: 500px}
.submenu li	{ float: right; margin: 0 3px;}
.submenu li a	{ background-color: #94c03d; color: #fff; padding: 3px;}
.submenu li a:hover	{  background-color: #53770b;}
.submenu li a.active	{  background-color: #53770b;}
.gallery	{ clear: both;}
.hide	{ display: none;}

.states	{ padding: 5px;}
.states li	{ font-size: 11px; display: inline;}
.states li ul	{ display: none;}
.states li ul li	{ display: block;}


#rollover li a	{ background-color: #fff; color: #53770b; padding: 3px;}
.footer	{ position:absolute; text-align: center; bottom: 20px; width: 100%; color: #fff;}
.footer a	{ color: #fff;}
.footer a:hover	{ text-decoration: underline;}