/* ---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; } /*#topcart { float: right; position: absolute; top: 175px; right: 30px; font-size: 14px;} #topcart a:link, #topcart a:visited {color: #fff; background: transparent; text-decoration: none; font-weight: 700;} #topcart a:hover {color: #f36c21; } #foxee_cart_container { } */ #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: 232px; padding: 0px; margin: 20px 0 0 0; border: none; } */ #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 {height: 160px;} #footer #seal, #footer #mailer, #footer #col3, #footer .loracs { display: block; width: 220px; position: absolute; height: 80px; padding-left:10px; padding-top:10px; padding-bottom: 20px; } #footer #seal, #footer #mailer, #footer #col3 { border-right: 1px solid #8F9C3A; } #footer #mailer p { margin-right: 10px; } #footer .copyright { margin-bottom: 8px; } #footer #seal img { margin-left: 40px; } #footer #seal{ left: 10px; } #footer p#email { margin-bottom: 20px;} #footer p.email { left: 10px; } #footer #mailer { left: 245px; } #footer #col3 { 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 3px; 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: 113px; height: 251px; position: absolute; top: -250px; left: 970px; background: url(http://ecolunchgear.com/i/einsteinthinks.gif) no-repeat bottom right; } #einstein a { position: absolute; top: 31px; text-decoration: none; } #einstein a em { visibility: hidden; } a#tweet { left: 28px; top: 48px; height: 32px; width: 32px;} a#face { left: 67px; top: 59px; height: 30px; width: 30px;} /* SUB1 Sidebar */ #sub1 {margin-top: 70px; } #sub1 ul li { list-style: none; margin-left: 0;} .sideben { border: 1px solid #DADFB5; width: 300px; margin: 0 0 40px; } .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%;} #sub1 .sideben ul { list-style: none; margin: 0; padding-left: 10px;} #sub1 .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;} .sidetest { margin: 40px 0; font-family: Georgia, times; font-style: italic; } #sub1 .sidetest p.more { font-style: normal; } #sub1 .more a { margin-bottom: 40px;} /* HOME PAGE */ .homeside { background: #fff; clear: both; width: 250px; margin: 0 10px 0 0; padding: 0px 0px 10px; float: left;} .homeside #specials { color: #F76707; background: transparent; } .homeside #specials h2 { text-align: center; text-transform: uppercase; margin: 10px 0; padding: 0;} .homeside #asseen, .homeside #gbnseal, .homeside #test { margin-top: 20px; border-top: 1px solid #DADFB5; float: left; width: 250px;} .homeside #gbnseal { padding-top: 20px;} .homeside #gbnseal img, .homeside #asseen img { float: left; padding-right: 5px; } .homeside #asseen h3 { margin: 0;} .homeside #asseen p { margin: 0; line-height: 1.1; font-size: 1em;} .homeside #test p { line-height: 1.2; font-style: italic; font-family: Georgia; font-size: 1.1em;} .homeside #gbnseal p { line-height: 1.2; font-size: 1.1em;} .homeside #asseen p.more, .homeside #test p.more { margin-top: 1em; font-size: 1em; font-style: normal; font-family: Arial, Helvetica, Verdana, sans-serif; } .more a { float: right; background: transparent url(/i/more-mark.png) no-repeat 0 center; padding: 0 0 2px 12px; } #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; } #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 #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;} /* PRESS PAGE */ #press h2 { clear: both; } .press-item{clear: both; padding-bottom: 30px; width: 465px;} .press-item h3, .buzz-item h3 { margin-top: 0; padding-top: 0; } .press-item img { float: right; padding: 0 0 30px 20px;} #main .press-item p, #main .buzz-item p {margin: 0; padding: 0;} .buzz-item {clear: both; margin-bottom: 25px; } /* RETAIL */ #container #content #main .storephone { display: block; font-style: italic; margin-top: 5px;} /* STORE */ #inventory { clear: both; float: left; width: 930px; margin-bottom: 20px; } #inventory .prodbox { margin: 10px 30px 30px 0; } .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 */ #coverplus { float: left; width: 282px; margin-bottom: 20px; text-align: center; margin-right: 20px; } #coverbox {border: 1px solid #8A5129; padding: 0 0 10px; margin-bottom: 20px; } #coverbox .cover { margin-bottom: 5px; border-bottom: 1px solid #8A5129; } #coverplus #coverbox p { text-align: center;clear: both; font-size: .9em; margin-bottom: 0; line-height:1.2;} #coverbox #imagegallery {clear: both; width: 200px; float: left; margin: 0 40px; padding: 0; text-align: center;} #coverbox #imagegallery li { list-style: none; float: left; width: 40px; padding: 0 5px; margin: 0;} #coverplus p.price { text-align: center; font-size: 1.2em; } #coverplus .foxee_pricing_options {margin-bottom: 10px;} .bulklink {font-weight: 500; font-size: .8em;} .prodspecs { width: 460px; float: left; } .prodspecs table td{ padding: 5px 0px; } #detailpage h2 { clear: none; color: #f36c21; text-transform: uppercase; font-size: 1.4em; padding-bottom: .4em; margin-top: 0;} .price { font-weight: 700; padding: 0px; } #sub1 h2 { margin-top: 0px; color: #8a5129; } .prodspecs form input {padding-top: 10px;} #tabs {float: left; } #main #tabs ul { margin: 0; width: 460px; } #tabs ul li {list-style: none; margin: 0;} #carebox { float: left;} .careitem { float: left; padding: 0 10px 0 0px; width: 200px; text-align: center; } #main #tabs .careitem h3 { margin-bottom: .5em; font-size: 1em; font-weight: 700;} #content #main #related { float: right; width: 148px; text-align: center; border-left: 1px solid #f36c21; margin-top: -50px; } #content #main #related h3 {margin-bottom: 10px; font-size: 1em; text-align: center; } #content #main #related .mat {text-align: center; width: 120px; border: 1px solid #8f9c3a; margin: 0 auto 20px; padding: 0;} #main #related p {font-size: .8em; text-align: center; margin-bottom: 0;} #related .mat img {padding: 0;} /* TESTIMONIALS PAGE */ .testblock+.testblock { margin-top: 20px; border-top: 1px solid #DADFB5; padding-top:10px; } /* 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/nav/home.gif); width: 122px; } #mn-products a { background-image: url(http://ecolunchgear.com/i/nav/store.gif); width: 117px; } #mn-about a { background-image: url(http://ecolunchgear.com/i/nav/about.gif); width: 124px; } #mn-green a { background-image: url(http://ecolunchgear.com/i/nav/green.gif); width: 239px; } #mn-faq a { background-image: url(http://ecolunchgear.com/i/nav/faq.gif); width: 104px; } #mn-kids a { background-image: url(http://ecolunchgear.com/i/nav/kids.gif); width: 105px; } #mn-press a { background-image: url(http://ecolunchgear.com/i/nav/press.gif); width: 119px; } #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-press a:focus, #mn-press 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; } #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/bullet.gif); } #intro p { font-size: 1.2em; line-height: 1.4em;} #sub1 .photoright { clear: both; width: 280px; border: 1px solid #8A5129; padding: 10px; margin-bottom: 40px; } .photofaq { float: right; margin-left: 20px; padding: 10px; } /* 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; } .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;}