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

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */


/* ***Text Styles*** */
#text-cont { float: left; width: 720px; padding: 0px 40px 0px 40px; }


/* ***Main Layout Styles*** */
html, body { font-family: Arial, Helvetica, sans-serif; }
body { background: #F9F7CD url(../images/build/bg.jpg) repeat-x; }
#clouds { background: url(../images/build/bg-clouds.jpg) no-repeat center 56px; float: left;  width: 100%; height: 100%; }
#wrapper { margin: 0 auto; width: 820px; }
#header { float: left; width: 820px; }
#left-header { float: left; width: 310px; }
#banner-left { float: left; height: 247px; padding-top: 3px; }
#sello-de-oro { float: left; width: 161px; height: 192px; }
#right-header { float: left; width: 349px; }
#banner-right { float: right; height: 250px; }


#content { background: url(../images/build/bg-content.jpg) repeat-y; float: left; width: 820px; margin-top: 0px; }
#content-top { background: url(../images/build/bg-content-top.jpg) no-repeat top; float: left; width: 820px; }
#content-bottom { background: url(../images/build/bg-content-bottom.jpg) no-repeat bottom; float: left; width: 800px; padding: 0px 10px 0px 10px; }

#title { background: url(../images/build/title-bg.jpg) no-repeat 20px 1px; float: left; width: 740px; height: 45px; padding: 12px 30px 20px 30px; }
#title h1 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.8em; color: #006838; font-style: italic; border-bottom: solid 1px #F2E970; padding: 0px 0px 0px 5px; font-weight: normal; }

#page-feat { background: url(../images/build/bg-inside-content.jpg) repeat-x top; float: left; width: 800px; padding-bottom: 0px; }
#page-leaves { background: url(../images/build/bg-tea-leaves.jpg) no-repeat 30px 50px; float: left; width: 770px; padding: 0px 15px 0px 15px; }

#left-feat { float: left; width: 375px; padding-right: 20px; }
#left-feat-text { padding-left: 25px; }
#become-retailer { padding-top: 14px; }
#right-feat { float: right; width: 375px; }
.feat-title { background: url(../images/build/title-home-section.jpg) no-repeat; float: left; width: 280px; height: 45px; padding: 25px 35px 0px 60px; }
.feat-title h1 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.4em; color: #006838; font-style: italic; border-bottom: solid 1px #F2E970; padding: 0px 0px 0px 5px; font-weight: normal; }


/* ***Various Content Styles*** */
.southamerica { float: right; padding: 0px 0px 10px 20px; text-align: right; }
.img-wampa-short { float: right; padding: 0px 0px 10px 20px; }
.img-wampa-tall { float: left; padding: 0px 20px 10px 0px; }

table.retailer { width: 650px; border-collapse: collapse; margin: 0px 0px 18px 0px; font-size: .8em; }
table.retailer td { padding: 7px 13px 7px 12px; width: 325px; }
table.retailer tr.alt td { background: #f4f4f4; border-top: solid 1px #CFCFCF; border-bottom: solid 1px #CFCFCF; }

#contact-left { float: left; width: 350px; padding-right: 30px; }
#map { float: left; width: 300px; height: 300px; }

table#nutrients { width: 100%; border: solid 1px #BFBEA7; border-left: none; font-size: .8em; border-collapse: collapse; color: #565656; }
table#nutrients td { padding: 8px 15px 8px 15px; text-align: right; border-bottom: solid 1px #BFBEA7; }
table#nutrients td.nutrient-name { background: #FFFEDF; font-weight: bold; text-align: left; border-right: solid 1px #BFBEA7; border-left: solid 1px #BFBEA7; }
table#nutrients tr.alt td { background: #f7f7f7; }
table#nutrients tr.alt td.nutrient-name { background: #EFEED1; }

.gallery { float: left; width: 530px; list-style: none; padding: 0px 0px 15px 100px; }
.gallery li { float: left; width: 108px; padding: 10px 10px 10px 10px; }
.gallery li img { border: solid 1px #59A773; padding: 4px; }

/* ***Flavor Page Styles*** */
.flav-img { float: left; width: 283px; height: 253px; padding: 0px 15px 15px 0px; }
#page-feat-cont { float: left; width: 770px; padding: 0px 0px 0px 0px; margin: 0px; }
.feat-title-long { background: url(../images/build/title-content.jpg) no-repeat; float: left; width: 675px; height: 45px; padding: 25px 35px 0px 60px; }
.feat-title-long h1 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.4em; color: #006838; font-style: italic; border-bottom: solid 1px #F2E970; padding: 0px 0px 0px 5px; font-weight: normal; }



/* ***Navigation Styles*** */
ul.main-nav { float: left; width: 300px; list-style: none; padding: 0px; }
#left-header ul.main-nav { padding-left: 10px; width: 299px; }
#right-header ul.main-nav { background: url(../images/build/bg-tea-nav.jpg) no-repeat 15px 0px; padding-left: 6px; width: 330px; }
ul.main-nav li { float: left; height: 56px; margin: 0px 3px 0px 3px; padding: 0px 0px 0px 0px; }
ul.main-nav li a { float: left; height: 56px; cursor: pointer; }
	ul.main-nav li#home { background: url(../images/nav/nav-home.png) no-repeat; width: 48px; }
	ul.main-nav li#about-us { background: url(../images/nav/nav-about-us.png) no-repeat; width: 67px; }
	ul.main-nav li#retailers { background: url(../images/nav/nav-retailer-list.png) no-repeat; width: 83px; }
	ul.main-nav li#contact { background: url(../images/nav/nav-contact.png) no-repeat; width: 70px; }
	ul.main-nav li#flavors { background: url(../images/nav/nav-flavors.png) no-repeat; width: 64px; }
	ul.main-nav li#properties { background: url(../images/nav/nav-properties.png) no-repeat; width: 76px; }
	ul.main-nav li#preparation { background: url(../images/nav/nav-preparation.png) no-repeat; width: 90px; }
	ul.main-nav li#quality { background: url(../images/nav/nav-quality.png) no-repeat; width: 57px; }
	
	ul.main-nav li#home a { background: url(../images/nav/nav-home.png) no-repeat; width: 48px; }
	ul.main-nav li#about-us a { background: url(../images/nav/nav-about-us.png) no-repeat; width: 67px; }
	ul.main-nav li#retailers a { background: url(../images/nav/nav-retailer-list.png) no-repeat; width: 83px; }
	ul.main-nav li#contact a { background: url(../images/nav/nav-contact.png) no-repeat; width: 70px; }
	ul.main-nav li#flavors a { background: url(../images/nav/nav-flavors.png) no-repeat; width: 64px; }
	ul.main-nav li#properties a { background: url(../images/nav/nav-properties.png) no-repeat; width: 76px; }
	ul.main-nav li#preparation a { background: url(../images/nav/nav-preparation.png) no-repeat; width: 90px; }
	ul.main-nav li#quality a { background: url(../images/nav/nav-quality.png) no-repeat; width: 57px; }

	ul.main-nav li#home a:hover { background: url(../images/nav/nav-home-over.png) no-repeat; }
	ul.main-nav li#about-us a:hover { background: url(../images/nav/nav-about-us-over.png) no-repeat; }
	ul.main-nav li#retailers a:hover { background: url(../images/nav/nav-retailer-list-over.png) no-repeat; }
	ul.main-nav li#contact a:hover { background: url(../images/nav/nav-contact-over.png) no-repeat; }
	ul.main-nav li#flavors a:hover { background: url(../images/nav/nav-flavors-over.png) no-repeat; }
	ul.main-nav li#properties a:hover { background: url(../images/nav/nav-properties-over.png) no-repeat; }
	ul.main-nav li#preparation a:hover { background: url(../images/nav/nav-preparation-over.png) no-repeat; }
	ul.main-nav li#quality a:hover { background: url(../images/nav/nav-quality-over.png) no-repeat; }

ul#flav-nav { float: right; width: 375px; list-style: none; padding: 0px 0px 15px 25px; }
ul#flav-nav.flavor-page { float: left; width: 720px; list-style: none; padding: 25px 25px 75px 25px; }
ul#flav-nav li { float: left; width: 138px; text-align: center; padding: 2px 0px 3px 30px; }
ul#flav-nav li a { font-size: 11px; font-weight: bold; text-decoration: none; color: #038443; }
ul#flav-nav li a:hover { color: #036833; }
ul#flav-nav li a#traditional { background: url(../images/nav/nav-flav-traditional.jpg) no-repeat; float: left; width: 138px; height: 114px; }
ul#flav-nav li a#orange { background: url(../images/nav/nav-flav-orange.jpg) no-repeat; float: left; width: 138px; height: 114px; }
ul#flav-nav li a#aromatic { background: url(../images/nav/nav-flav-aromatic.jpg) no-repeat; float: left; width: 138px; height: 114px; }
ul#flav-nav li a#lemon-mint { background: url(../images/nav/nav-flav-lemon-mint.jpg) no-repeat; float: left; width: 138px; height: 114px; }




/* ***Footer Styles*** */
#footer { float: left; width: 800px; border-top: solid 1px #92CFDD; }
#footer-left { float: left; width: 380px; padding: 10px; }
#footer-right { float: right; width: 380px; padding: 10px; }
p#copyright { text-align: right; color: #84B6C1; font-size: .7em; }
ul.footer-nav { float: left; width: 150px; list-style: none; padding: 5px 0px 15px 0px; }
ul.footer-nav li { float: left; width: 140px; padding-bottom: 3px; font-size: 10px; padding-left: 10px; }
ul.footer-nav li a { text-decoration: none; color: #84B6C1; }
ul.footer-nav li a:hover { color: #5C9199; }


/* ***Additional Styles*** */
#modernearth a { float: right; clear: both; margin: 0px 10px 5px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }