/* RESET - Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
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: "" ""; }


/* ---Globals */

a:link { color: #60810f; background: transparent; text-decoration: underline; }
a:visited{ color: #60810f; background: transparent; text-decoration: underline; }
a:hover { color: #f36c21; background: transparent; }
a:active { color: #60810f; background: transparent; }


body { background: #8A5129; color: #73370b; 
text-align: center; 
font-family: Arial, Helvetica, Verdana, sans-serif;  
font-size: 62.5%;  line-height: 1.8em; 
border-bottom: 10px solid #8A5129; }

/* GENERAL LAYOUT */

#container { text-align: left; background: #ffffff; color: #8a5129;}

.wrapper { 	width: 930px; margin: 0 auto; position: relative; }	
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*wrapper expands to contain floats*/

#header{ color: #fff; background: #8f9c3a; height: 204px; }
#header .wrapper { height: 204px; background: #8f9c3a url(http://ecolunchgear.com/i/mast.gif) no-repeat top left; }

#mast h1 a { display: block; text-indent: -80000px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } 
/*\*/ #mast h1 a { overflow: hidden; } /**/

#mast h1 a { background-image: url(http://ecolunchgear.com/i/logo.gif); width: 289px; height: 109px; position: absolute; bottom: 44px; left: 30px;}
#mast h2 { display: none; }
#logo { position: absolute; left: -80000px; }
				
#headtest { width: 342px; height: 163px; position: absolute; top: 5px; right: -16px; background: url(http://ecolunchgear.com/i/testimonial.png) no-repeat top left; }
#cart { float: right; position: absolute; top: 175px; left: 820px; }

#content { font-size: 1.4em; float: left; padding-left: 10px; width: 920px; padding-top: 20px; }
#main { width: 930px; padding: 0 0 20px; float: left; text-align: left; }
#content .narrow { width: 600px; }
#sub1 { float: right; width: 300px; padding: 0px; margin: 20px 0 0 0; border: none; }

#footer { clear: both; font-size: 1.4em; text-align: left; height: 100px; position: relative; background: #8a5129; }
#footer .wrapper { color: #fafbf7; padding: 10px; }

/* FOOTER */
#footer p.email,
#footer #mailer,
#footer .copyright,
#footer .loracs { display: block; width: 220px; position: absolute; height: 80px; padding-left:10px; padding-top:10px; }

#footer p.email,
#footer #mailer,
#footer .copyright { border-right: 1px solid #8F9C3A; }

#footer p.email { left: 10px; }
#footer #mailer { left: 245px; }
#footer .copyright { left: 480px; }
#footer .loracs { left: 715px; } 
#footer span {display: block; }
#footer a { color: #FAFBF7; background: transparent; }
#footer a:hover { color: #f36c21; background: transparent; }

#ea { height:2em; width: 125px; margin:10px 5px 0 0; padding:0; border:1px solid #8a5129; font-size:0.8em; vertical-align:middle; }
#mailbutton { height:2.5em; width:auto; margin-top: 10px; padding:0 4px 2px; border:1px solid; font-size:9px; letter-spacing:1px; text-align:center; vertical-align:middle; color:white; background-color:#8F9C3A; }

#detailpage #footer{ border-top: 50px solid white; }

#kidspage #footer,
#faqpage #footer  { border-top: 200px solid white; }


/* END FOOTER */

#einstein { width: 98px; height: 148px; position: absolute; top: -148px; left: 950px; background: url(http://ecolunchgear.com/i/einstein.gif) no-repeat bottom right; }


/* FAQ */
#faqpage ul li { list-style: none; margin-left: 0;}
.sideben { background: #fff; border: 1px solid #DADFB5; width: 300px; margin: 40px 0; }

.sideben h2  {  font-size: 1.2em; text-align: left; padding: 5px 10px; 
margin: 0; background: #DADFB5; letter-spacing: 1px; color: #8F9C3A;}
.sideben #bene1 { width: 90%;}

#faqpage .sideben ul { list-style: none; margin: 0; padding-left: 10px;}
#faqpage .sideben li { margin: 1em 0; list-style-image: none; background: url(http://ecolunchgear.com/i/bullet.gif) no-repeat 0 0.4em;  font-size: 1em; padding-left: 1em;}
.sideben p { padding: 1em; line-height: 1.5;}

/* HOME PAGE */
.benefits { background: #fafbf7 url(http://ecolunchgear.com/i/colorband.gif) no-repeat top left; margin: 0; padding: 0px 0px 10px; border-bottom: 18px solid #8f9c3a; width: 900px; clear: both; float: left; }
.benefits #bene1 { float: left; width: 45%; margin: 0 15px; }
.benefits #bene2 { float: right; width: 45%; margin: 0 15px; }
.benefits li { margin: 1em; list-style-image: url(http://ecolunchgear.com/i/check.gif); font-size: 1.1em; }

#homeprods { background: #dbdfc3 url(http://ecolunchgear.com/i/colorband.gif) no-repeat bottom right; margin: 0 0 20px 0; padding: 0 0 10px 0px; width: 900px; float: left; }

.benefits h2, 
#homeprods h2 { text-align: center; color: #8a5129; font-size: 1.8em; font-weight: 700; margin-top: .5em;}
#homeprods .item { text-align: center; width: 200px; background: #fff; border: 1px solid #8f9c3a; margin: 10px 0 10px 18px; padding: 10px 0; float: left; }

#main #homeprods .item p { text-align: center; }
#homeprods #soon { clear: left; text-align: center; padding: 0 15px; background: transparent; border: none; padding-top: 20px; }
#homeprods #soon h3 {  color: #f36c21;  text-transform: uppercase; font-size: 1.3em; }
#homeprods #soon p { list-style: none; padding-bottom: .6em; font-size: 1.2em; text-align: center; }


#home .benefits { background: #fff; border: 1px solid #DADFB5; width: 260px; margin: 40px 0; }

#home .benefits h2,
#home #homeprods h2  {  font-size: 1.2em; text-align: left; padding: 5px 10px; 
margin: 0; background: #DADFB5; letter-spacing: 1px; color: #8F9C3A;}

#home .benefits #bene1,
#home .benefits #bene2 { width: 90%;}

#home .benefits ul { list-style: none; margin: 0 0 1.5em;}

#home .benefits li { margin: 1em 0; list-style-image: none; background: url(http://ecolunchgear.com/i/bullet.gif) no-repeat 0 0.4em;  font-size: 1em; padding-left: 1em;}

#home #homeprods { float: right; width: 620px;
background: #fff; border: 1px solid #DADFB5; 
margin: 40px 15px 40px 0;}

#home #homeprods .item {width: 180px;  padding: 0; border: 1px solid #DADFB5; font-size: .8em; }
#home #homeprods .item img {margin-top: 10px; }
#home #main #homeprods .item p { margin-bottom: 10px;}

/* END HOME PAGE */

/* PRODUCTS PAGE */
.proditem { clear: both; 
float: left;
margin: 10px 0; 
width: 560px; 
border: 1px solid #8f9c3a; 
padding-right: 10px; }
.proditem img { float: left; margin: 10px;  }

.proditem .prodinfo {width: 340px; float: right; }
.laundry .item h3 { font-weight: 700; padding: 20px 0; }
.laundry .item { clear: both; margin-bottom: 50px; }
.laundry .item img { float: left; width: 200px; padding-right: 20px; }

#extrapics { clear: both; width: 620px; padding-top: 60px;}
#extrapics img { border: 1px solid #8F9C3A; }

#main .crumb { margin-top: 10px; }


/* Detailed Product Page */
#detailpage #prodpics { float: left; width: 200px;}
.prodspecs {  width: 420px; float: right; }
.prodspecs table td{ padding: 5px 0px; }
#detailpage h2 { clear: none; color: #f36c21; text-transform: uppercase; font-size: 1.3em; padding-bottom: 0; }
.price { font-weight: 700; padding: 0px;  }
#sub1 h2 { margin-top: 0px; color: #8a5129; }
.prodspecs form input {padding-top: 10px;}
/* End Detailed Product Page */


/* STORE */

.prodbox { 
float: left;
margin: 10px; 
width: 200px; 
border: 1px solid #8f9c3a; 
text-align: center;
padding-top: 10px;
}

#main .prodbox p { text-align: center; }

/* PRODUCT-NEW PAGE */

#matpics { clear: both; width: 620px; padding-top: 20px;}
#matpics h3 {font-weight: 700; margin-bottom: 10px;}
#matpics .mat {float: left; padding-left: 16px; text-align: center; }

#main #matpics p {font-size: .8em; }


/* MAIN NAVIGATION
*/

#mainnav { height:48px; background: #72350A  url(/i/masthead_bk.gif) repeat-x top left; }
#mainnav ul { margin: 0px auto; width: 930px; }
#mainnav ul li {float: left;}
#mainnav li a { height: 48px; display: block; text-indent:-88888px; overflow:hidden; }

#mn-home a { background-image: url(http://ecolunchgear.com/i/home.gif); width: 117px; }
#mn-products a { background-image: url(http://ecolunchgear.com/i/products.gif); width: 149px; }
#mn-about a { background-image: url(http://ecolunchgear.com/i/about.gif); width: 121px; }
#mn-green a { background-image: url(http://ecolunchgear.com/i/green.gif); width: 205px; }
#mn-faq a { background-image: url(http://ecolunchgear.com/i/faq.gif); width: 100px; }
#mn-kids a { background-image: url(http://ecolunchgear.com/i/kids.gif); width: 100px; }
#mn-contact a { background-image: url(http://ecolunchgear.com/i/contact.gif); width: 138px; }

#mn-home a:focus, #mn-home a:hover, #mn-products a:focus, #mn-products a:hover, #mn-about a:focus, #mn-about a:hover, #mn-green a:focus, #mn-green a:hover, #mn-faq a:focus, #mn-faq a:hover, #mn-kids a:focus, #mn-kids a:hover, #mn-contact a:focus, #mn-contact a:hover { background-position: 0 -48px; }


.here a, #home #mn-home a, #products #mn-products a, #about #mn-about a, #green #mn-green a, #faq #mn-faq a, #kids #mn-kids a, #contact #mn-contact a { background-position: 0 -96px; }

/* End Navigation*/



/* typography & links - main */
em { font-style: italic; }
strong { font-weight: bold;}


/* Headings
-------------------------------------------------------------- */

h1,h2 { clear:left; }

h1 { font-size: 2em; line-height: 1; color: #8F9C3A; padding: .5em 0 1em 0;}
h2 { font-size: 1.5em; line-height: 1; padding:  0 0 .5em 0; margin-top: 1em; }
h3 { font-size: 1.2em; line-height: 1; padding:  0 0 .25em 0; margin-top: 1em; }
h4 { font-size: 1.0em; line-height: 1; font-weight:bold; }

h1+h2, h1+a+h3, h2+h3 { margin-top: 0px; }

/* Text elements
-------------------------------------------------------------- */

#content p           { margin: 0 0 18px 0; text-align:left; }
#content ul, #content ol      { margin: 0 0 18px 18px; }
#content ul          { list-style-type: square; }
#content ol          { list-style-type: decimal; }
#content dl          { margin: 0 0 18px 0; }
#content dl dt       { font-weight: bold; }

li li, li p, td p, blockquote p   {font-size: 1em;}
#main li { margin: 1em; list-style-image: url(http://ecolunchgear.com/i/check.gif); }

#intro p { font-size: 1.2em; line-height: 1.4em;}

.photoright { width: 278px; float: right; margin-left: 20px; border: 1px solid #8A5129; padding: 10px; margin-bottom: 40px; }
.photofaq { float: right; margin-left: 20px; padding: 10px; }

#sub1 .photoright { clear: both; }

/* SIDEBAR*/
#content #sub1 .stats { width: 300px;  line-height: 1.5em; background: #f36c21; color: white; clear: both; }
#content .stats h2 {  margin: 10px; padding: 10px 0 0; font-weight: 700; background: transparent; color: white; text-align: center; font-size: 1.2em; }
#content .stats p { margin: 10px; padding: 10px 0; }


/* Accordian */
#accordion { border-bottom: 1px solid #f36c21; margin-bottom: 20px; }
#accordion h3.toggler { cursor: pointer; margin: 0; padding: 10px 0 5px 0; border-top: 1px solid #f36c21; color: #8F9C3A; font-weight: 700; background: transparent; }
#accordion .matitem, 
#accordion .careitem { text-align: center; margin-bottom: 20px; }
#accordion .element { margin-bottom: 10px; }
#accordion .careitem h4 {text-align: left; }
#accordion .matitem h4 {margin-top: 10px;  }

/* End Accordian */

.matpageitem { float: left; text-align: center; padding: 0 5px; width: 160px; }

.carepageitem { float: left; padding: 0 35px 0 0px; width: 250px; text-align: center; }
.carepageitem h4 { text-align: left; margin-bottom: .5em; }

#contact_form input,
#contact_form textarea { border: 1px solid #74360A;  margin-top: 10px;}