/* Style Sheet file for Celestial Seasonings Site - JBA, 2007 */

/* ------------------------------------------------------------------
    Default Styles
   ------------------------------------------------------------------ */

body { margin:0; padding:0; font-size:12px; color:#3f0400; line-height:20px;
  font-family:Arial, Helvetica, sans-serif; background:#FFF none; }

a { color:#965A35; }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#3f0400;
  font-weight:bold; margin-top:1em; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f0400;
  font-weight:bold; margin-top:1.5em; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f0400; 
  margin-top:1em; }
  
p { margin:1em 0; }

blockquote { font-family:Arial, Helvetica, sans-serif; font-size:12px;
   color:#603; margin:0; padding:2em; border:1px dashed #32522b; }
   
/* ------------------------------------------------------------------
    Masthead & Top Menus
   ------------------------------------------------------------------ */

#masthead { width:981px; margin:0px auto; background-color:#9F170E; }
#masthead input[type="text"] { border:0; padding:3px; }
#masthead td { margin:0; padding:0; border-spacing:0; }

#header { background:#9F170E url('/images/frame/header_bkgd.gif') no-repeat;
  width:981px; height:98px; vertical-align:top; }
  
#header2 { background:#9F170E url('/images/frame/header_bkgd2.gif') no-repeat;
  width:981px; height:98px; vertical-align:top; }  
  
#logo-anchor { float:left; display:inline; margin:29px 0 0 45px;
  background:transparent; }

#topnav { font-size:11px; color:#FFC; text-align:right; margin-right:162px;
  padding-top:27px; height:1px; }
#topnav p { margin:9px 0 0 0; }
#topnav p input { vertical-align:middle; }
#topnav a { color:#FFC; }

#cart { float:right; height:92px; margin:0 4px 0 0; font-size:11px; 
  background:#9F170E url('/images/frame/cart_bkgd2.gif') no-repeat;}
#cart .info { margin-left:0px; width:253px; height:63px; color:#3f0400;
  padding:10px 0 0 0; }
#cart a { color:#FFC; }
#cart ul { margin:0 0 0 15px; padding-top:24px; width:180px; 
  list-style-type:none; }
#cart ul li { text-align:left; margin-left:0px; color:#3f0400; }

#navcontainer { clear:both; width:981px; 
  background:#FFDD78 url('/images/frame/nav_bkgd.gif') repeat-x; }
#navcontainer img { float:left; display:inline; }
#navcontainer ul { float:right; margin:0; background-color:#FFDD78; }
#navcontainer ul li { display:inline; margin:0; }
#navcontainer ul li img { padding-top:9px; }
#navcontainer ul li a { float:left; padding:7px 1.5em 4px 1.5em; 
  background-color:#FFDD78; color:#300; text-decoration:none; font-size:12px;
  line-height:normal; font-weight:bold; }
#navcontainer ul li a:hover { color:#900; }
#navcontainer ul li a.current { color:#900; }

/* ------------------------------------------------------------------
    Breadcrumb menu
   ------------------------------------------------------------------ */

.breadcrumb { font-size:10px; color:#400400; margin-top:10px; }
.breadcrumb a { color:#7a1501; font-weight:normal; }

/* ------------------------------------------------------------------
    Visit Us
   ------------------------------------------------------------------ */

table.visitus { 
    border:1px;
	border-spacing: 0 ;
	border-style: solid solid solid solid;
	border-color: #b2956d #b2956d #b2956d #b2956d;
	background-color: white;
	line-height: 120%;
	margin-bottom:10px;
	}
table.visitus td { 
	border:1px;
	border-spacing:0px ;
	border-style: solid solid solid solid;
	border-color: #b2956d #b2956d #b2956d #b2956d;
	line-height: 150%;
	}
	
#tourbutton { width:212px; height:24px; float:left; margin:110px 0px 0px 135px; position:absolute; z-index:2; no-repeat;}
     
#teashopbutton  { width:174px; height:25px; float:left; margin:146px 0px 0px 135px; position:absolute; z-index:2; no-repeat;}
   
#cafebutton  { width:219px; height:38px; float:left; margin:182px 0px 0px 137px; position:absolute; z-index:2; no-repeat;}
/* ------------------------------------------------------------------
    Left Nav
   ------------------------------------------------------------------ */

.prodNav { vertical-align:middle; line-height:1.4em; }
.prodNav p { padding:0 0 0 6px; margin:8px 0 0 0; height:22px; }
.prodNav p a { display:block; font-family:Georgia, Times, serif; 
  color:#400400; text-decoration:none; font-size:13px; font-weight:bold;
  text-transform:uppercase; }
.prodNav img { display:block; border:0; padding-left:10px; padding-top:5px; }

a.prodNavSelected:link, a.subNavSelected:hover, a.subNavSelected:active {
  font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#400400; text-decoration:none; }
  
#socialmenu {
  float:left;
  margin-top:70px;
}


.prodNavetown { vertical-align:middle; line-height:1em; }
.prodNavetown p { padding:0 0 0 6px; margin:8px 0 0 0; height:22px; }
.prodNavetown p a { display:block; font-family:Georgia, Times, serif; 
  color:#400400; text-decoration:none; font-size:11px; font-weight:bold;
  text-transform:titlecase; }
.prodNavetown img { display:block; border:0; padding-left:10px; padding-top:5px; }

.Navetownimage {
  border: medium none;
  padding-left: 15px; 
  padding-top: 0px;
}

a.prodNavetownSelected:link, a.subNavSelected:hover, a.subNavSelected:active {
  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#400400; text-decoration:none; }
  
.prodNavfacebook { vertical-align:middle; line-height:1em; }
.prodNavfacebook p { padding:0 0 0 6px; margin:8px 0 0 0; height:22px; }
.prodNavfacebook p a { display:block; font-family:Georgia, Times, serif; 
  color:#400400; text-decoration:none; font-size:11px; font-weight:bold;
  text-transform:titlecase; }
.prodNavfacebook img { display:block; border:0; padding-left:10px; padding-top:5px; }

.Navfacebookimage {
 border: medium none; 
 padding-left: 10px;
 padding-top:20px;
 }

a.prodNavetownSelected:link, a.subNavSelected:hover, a.subNavSelected:active {
  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#400400; text-decoration:none; }


#audioplayer_1 {
margin-top:18px;
}


.subNavLevel1 { vertical-align:top; line-height:1.4em; }
.subNavLevel1 a { display:block; font-family:Georgia, Times, serif;
  font-size:16px; font-weight:bold; color:#400400; text-decoration:none;
  margin:3px 14px 9px 14px; padding-left:4px;
  border-bottom:1px solid #400400; }

.subNav { vertical-align:top; line-height:1.4em; }
.subNav p { padding:7px 0 0 6px; margin:0 14px 0 0; }
.subNav p a { display:block; font-family:Georgia, Times, serif; 
  color:#400400; text-decoration:none; font-size:13px; font-weight:bold;
  text-transform:uppercase; }
.subNav img { display:block; border:0; padding-left:10px; padding-top:5px; }
.subNav a.selected { border-bottom:1px solid #400400; }

.subNavItemOff { font-family:Arial, Helvetica, sans-serif; font-size:12px;
  color:#400400; margin-top:10px; height:20px; }
.subNavItemOff a { display:block; font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#7a1501; text-decoration:none; font-weight:bold;
  padding-left:40px; }
.subNavItemOff a:hover { color:#FFF; background:#e68f1a; }

.HOME_subNavItemOff { font-family:Arial, Helvetica, sans-serif; font-size:12px;
  color:#400400; margin-top:10px; height:20px; }
.HOME_subNavItemOff a { display:block; font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#7a1501; text-decoration:none; font-weight:bold;
  padding-left:57px; }
.HOME_subNavItemOff a:hover { color:#FFF; background:#e68f1a; }

.subNavItemOn { font-family:Arial, Helvetica, sans-serif; font-size:12px;
  color:#400400; margin-top:10px; height:20px; background:#e68f1a; }
.subNavItemOn a { font-family:Arial, Helvetica, sans-serif; 
  font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;
  padding-left:40px; }

.selectedMainNav { border-bottom:1px solid #7a1501; }


/* ------------------------------------------------------------------
    Main content and columns
   ------------------------------------------------------------------ */

#content { width:981px; margin:0px auto; 
  background:#FFF url('/images/background.gif') repeat-y; }

#leftnav { width:981px; 
  background:transparent url('/images/frame/leftnav_bkgd.gif') no-repeat bottom left; }

#rightnav { width:981px; 
  background:transparent url('/images/frame/rightnav_bkgd.gif') no-repeat top right; }

#leftColumn { float:left; width:190px; padding:0; }
#leftContent { width:160px; margin:0 0 200px 0; }

#middleColumn { float:left; width:600px; padding:0; }
#middleContent { width:570px; margin:0 15px 45px 15px; }
#middleContent p { margin-top:0; }
#middleContent h1 { margin-top:10px; }
#middleContent h2 { margin-bottom:0; margin-top:1.5em; }

#rightColumn { float:right; width:160px; padding:15px 15px 15px 15px;
  vertical-align:top; }
#rightColumn p { margin-top:0; }
#rightColumn h2 { margin-bottom:0; margin-top:1.5em; }

#oneColumn { margin-left:15px; margin-right:15px; }
#middleMapContent { width:700px; margin:0 15px 45px 15px; }


/* ------------------------------------------------------------------
    Home Page exceptions
   ------------------------------------------------------------------ */

#homeFlash { float:right; width:791px; height:245px; margin:0; padding:0; }

#homeMiddleColumn { float:left; width:539px; padding:0; margin:0; background:#FFF}
#homeMiddleColumn img { float:left; }

#homeMiddleContent { float:left; width:538px; margin:0 0 0px ;  }
#homeMiddleContent h2 { font-family:Arial, Helvetica, sans-serif;
  font-size:13px; color:#3f0400; font-weight:bold; padding-top:24px; 
  margin-bottom:0; }
#homeMiddleContent p { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#3f0400; line-height:1.8em; margin-top:0; }

#homeFoodService { width:539px; margin:0 0 15px 0; }
#homeFoodService img { border:0; margin-bottom:0px; }
#homeFoodService h2 { float:left; width:104px; padding:12px 20px 20px 30px; 
  margin:0 20px; border-right:1px solid #3f0400; text-align:right;
  font-size:13px; font-weight:bold; line-height:14px; font-style:italic; }
#homeFoodService p { font-family:Arial, Helvetica, sans-serif;
  font-size:11px; color:#3f0400; }
#homeFoodService a { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#400400; }
#homeFoodService a:hover { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#400400; }

#homeRightColumn { float:right; width:221px; padding:0;
  vertical-align:top; }
#homeRightColumn p { margin-top:0; }
#homeRightColumn h2 { margin-bottom:0; margin-top:1.5em; }

.promoContent{ font-family:Arial, Helvetica, sans-serif;
  font-size:11px; color:#3f0400; line-height:1.4em; padding-right:11px; }
a.promoContent:link, a.promoContent:hover, a.promoContent:active { 
  font-family:Arial, Helvetica, sans-serif; font-size:11px;
  color:#400400; font-weight:bold; }

.promoHeadline { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#400400; font-weight:bold; }
  
.etown { font-family:Arial, Helvetica, sans-serif;
  float:left;margin-top:33px }
a.etownlink:hover, a.etownlink:active { 
  font-family:Arial, Helvetica, sans-serif; font-size:11px;
  color:#400400; font-weight:bold; }

/* ------------------------------------------------------------------
    Trees for the Future Page exceptions
   ------------------------------------------------------------------ */
#treebanner { float:top; width:791px; height:245px; margin:0; padding:0; }
#treeMiddleColumn { float:left; width:539px; padding:0; margin:0; background:#FFF}
#treeMiddleColumn img { float:left; }
#treeMiddleContent { width: 465px; margin:0px 0px 0px 250px; }
#treeMiddleContent h2 { font-family:Arial, Helvetica, sans-serif;
  font-size:13px;  font-weight:bold; padding-top:24px; 
  margin-bottom:0; }
#treeMiddleContent p { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:1.8em; margin-top:0; }
 #treeMiddleContent a {color:#1F5615}
#virtualbutton { width:127px; height:76px; float:right; margin:67px 50px 0px 545px; position:absolute; z-index:2
   url('/images/frame/cart_bkgd.gif') no-repeat;}
#treeRightColumn { float:right; width:168px; height:216px ; margin: 130px 20px;
  vertical-align:top; }
#treeLeftColumn { float:left; width:168px; height:216px; margin: 130px 0px 0px -178px;
  vertical-align:top; }
 #tickerFlash { float:right; width:500px; height:24px; margin: 4px 15px 0px 0px ; padding:0; }
 #treeticker2 { float:right; width:500px; height:24px; margin: 0px 0px 0px 0px; padding:0px 0px; } 
 
 /* ------------------------------------------------------------------
   Conservation International exceptions
   ------------------------------------------------------------------ */
#savorbanner { float:top; width:791px; height:245px; margin:0; padding:0; }
#savorMiddleColumn { float:left; width:539px; padding:0; margin:0; background:#FFF}
#savorMiddleColumn img { float:left; }
#savorMiddleContent { width: 520px; margin:0px 0px 0px 240px; }
#savorMiddleContent h2 { font-family:Arial, Helvetica, sans-serif;
  font-size:13px;  font-weight:bold; padding-top:24px; 
  margin-bottom:0; }
#savorMiddleContent p { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:1.8em; margin-top:0; }
 #savorMiddleContent a {color:#1F5615}
 #savorMiddleImage {float:bottom; margin-left:200px; width: 562px}
#virtualbutton { width:127px; height:76px; float:right; margin:67px 50px 0px 545px; position:absolute; z-index:2
   url('/images/frame/cart_bkgd.gif') no-repeat;}
#savorRightColumn { float:right; width:168px; height:579px ; margin: 130px 20px;
  vertical-align:top; }
#savorColumn { float:left; width:168px; height:216px; margin: 130px 0px 0px -178px;
  vertical-align:top; }
 
 /* ------------------------------------------------------------------
   Kombucha exceptions
   ------------------------------------------------------------------ */
#komcontent { width:755px; height:100px; float:right; margin:223px 50px 0px 110px; position:absolute; z-index:2 ; text-align:center}
   
  /* ------------------------------------------------------------------
   Tea and Health exceptions
   ------------------------------------------------------------------ */
table.health {
	border-width: 2px;
	border-spacing: ;
	border-style: none;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
	line-height: 120%;
        
}
tr.title {
    background-color: #0083a4;
    border:none;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: white;
}
td.title {
     padding-left:5px;
}
td.brown1 {
    border-bottom: 1px #0083a4 solid;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .75em;
    color: #391402;
    background-color: #fffce2;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 2px;
    width: 100px

}	

td.brown2 {
    border-bottom: 1px #0083a4 solid;
    text-align: left;
    img-align:right;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .75em;
    color: #391402;
    background-color: #fffce2;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    width:140px;
}

td.blue2 {
	border-bottom: 1px #0083a4 solid;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .75em;
    color: #0000;
    background-color: #eaf4f8;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 6px;
    width:115px;
}	
td.blue {
	border-bottom: 1px #0083a4 solid;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .75em;
    color: #0000;
    background-color: #eaf4f8;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 1px;
}	
td.blue li {
    margin-left: -20px;
    padding-right:10px;
    line-height:180%;
}
 
 /* ------------------------------------------------------------------
    Social Responsiblities exceptions
   ------------------------------------------------------------------ */
#socialMiddleColumn { float:left; width:539px; padding:0; margin:0; background:#FFF}
#socialMiddleColumn img { float:left; }
#socialheader h2 { width: 715px; margin:40px 0px 15px 195px; }
#socialMiddleContent { width: 450px; margin:0px 0px 15px 195px; }
#socialMiddleContent h2 { font-family:Arial, Helvetica, sans-serif;
  font-size:13px;  font-weight:bold; padding-top:24px; 
  margin-bottom:0; margin-top:  }
#socialMiddleContent p { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:1.8em; margin-top:0; }
#socialMiddleContent a {color:#1F5615}
#socialMiddleContent ul { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:1.8em; margin-top:0; }
#socialMiddleContent2 { width: 700px; margin:35px 0px 0px 165px; }
#socialMiddleContent2 p { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; width:450px margin-top:0; }
#socialRightColumn { float:right; width:300px; height:252px;margin: 75px 10px;
  vertical-align:top; }
#socialLeftColumn { width:172px; height:191px; margin:476px 0px; position:absolute; z-index:2}
#socialTable { border:0px; width:600px; padding-bottom:48px; margin: 0px 0px 0px 220px float:left; } 
#healthlogo { width:127px; height:76px; margin:50px 50px 0px 400px; position:absolute; z-index:2}

#goodnessheader { margin:0px 0px 40px 195px;}

#goodnesstable {width:730px;}

#goodnesstable img {border:none;}

#goodnessetown {padding-top:10px}

.scroll-pane {
	width: 450px;
	height: 385px;
	overflow: auto;
	background: none;
	float: left;
}
.ScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.ScrollPaneTrack {
background:#fcf8dc none repeat scroll 0 0;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.ScrollPaneDrag {
background:#ba9954 none repeat scroll 0 0;
cursor:pointer;
overflow:hidden;
position:absolute;
}
.ScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.ScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}
a.ScrollArrowUp {
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
}
a.ScrollArrowUp:hover {
}
a.ScrollArrowDown {
bottom:0;
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
z-index:1;
}
a.ScrollArrowDown:hover {
}
a.ScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
/* ------------------------------------------------------------------
   Videos
   ------------------------------------------------------------------ */

table.videos {
	border-width: 2px;
	border-spacing: ;
	border-style: none;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
	line-height: 120%;
	margin-left:5px;
}

a:focus
{
  -moz-outline: none;
}

td.second {
   padding-left:57px;
}

td.second img {padding-left:20px
}

/* ------------------------------------------------------------------
    Footer
   ------------------------------------------------------------------ */

#footer { padding:3px 0; clear:both; width:980px; margin:0px auto; 
  border-top:1px solid #300; color:#FFC; font-size:12px;
  background:#900 url('/images/frame/footer_bgnd.gif') repeat-x; }
#footer form, #footer input { display:inline; }
#footer a { color:#FFC; text-decoration:underline; }
#footer .menu { text-align:left; padding-left:50px; margin:1em 0; }
#footer .newsletter { float:right; text-align:right; padding:12px 30px 0 0; }
#footer .newsletter input { vertical-align:middle; }
#footer .copyright { text-align:right; padding-right:30px; font-size:11px;
  margin:1em 0; }
  

/* ------------------------------------------------------------------
    Forms
   ------------------------------------------------------------------ */

input[type="text"], input[type="password"], textarea { background:#FFF;
  border:2px solid; border-color:#999 #D9D9D9 #D9D9D9 #999;}
  
form dl {  }
form dt { width:40px; margin:4px 8px 0 0; padding:0; text-align:right;
  white-space:nowrap; float:left; clear:left; position:relative; }
form dd { margin:0 0 5px 0px; padding-top:3px; }
form dd input[type="submit"] { margin-top:9px; }


/* ------------------------------------------------------------------
    Product Detail
   ------------------------------------------------------------------ */

.product {  }

.productTable { border:0; width:568px; padding:20px 0 48px 0; float:left; }
.productTable table { border:0; border-top:1px solid #794A39; float:left;
  border-spacing:0; background-color:#FFFAE1; }
.productTable th { padding:4px 8px 4px 0; border-left:1px solid #794A39;
  border-right:1px solid #794A39; border-bottom:1px solid #794A39;
  border-top:0; font-weight:bold; text-align:right; vertical-align:top; }
.productTable td { padding:4px 6px; border-right:1px solid #794A39; 
  border-left:0; border-top:0; border-bottom:1px solid #794A39; }

.productRight { width:260px; padding-top:28px; float:right; padding-left:15px; }
.productRight img { margin:0 auto; width:261px; display:block; }

.productLeft { float:left; width:293px; }

.productTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px;
  color:#3f0400; height:20px; font-weight:bold; margin:1em 0; }

.productDetails { font-family:Arial, Helvetica, sans-serif; font-size:12px;
  color:#3f0400; }
  
 .productDetails h2 { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#3f0400;}
  
.productDetailsNatural { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f0400; float:left;}

.productDetailsNatural h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3f0400;}

.productDetailsAbout { padding-bottom:95px}

.productFootnote { font-family:Arial, Helvetica, sans-serif; font-size:10px;
  color:#3f0400; margin-top:20px; }
  
.productDescription p { margin:10px 0px 10px;  }  

.productSubTitle { font-family:Arial, Helvetica, sans-serif; font-size:14px;
  color:#3f0400; height:20px; font-weight:bold; margin:1em 0 0.5em 0; }

.productDetails a { font-family:Arial, Helvetica, sans-serif; font-size:12px;
  color:#3f0400; text-decoration:underline; }
.productDetails p { margin-top:10px; }

.productNutrition a, a.productNutrition:link, a.productNutrition:hover, a.productNutrition:active, a.productNutrition:visited { 
  text-decoration:underline; }
.productNutrition, .productNutrition a { font-size:12px; color:#b32017; 
  font-family:Arial, Helvetica, sans-serif; }


.leftLink { margin-left:50px;}

.findProduct { text-align:center; font-weight:bold; margin-top:10px; }
.findProduct a { text-align:center; font-weight:normal; margin-top:10px; }
.findProduct input { vertical-align:middle; }

.Warning { margin-top:375px;padding-right:10px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3f0400; }
.Blend { margin-top:150px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3f0400; }


/* ------------------------------------------------------------------
    Related Products
   ------------------------------------------------------------------ */

.relatedProductsBoxOuter { text-align:center; margin:0; padding:0; }

.relatedProductsBox { border:1px solid #967573; margin:1em 0;
  background-image:url('/images/top_ornament.gif'); background-repeat:no-repeat;
  background-position:50% 0px; text-align:left; padding-bottom:18px; }

.relatedProductsTitle { font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#3c0d06; height:20px; font-weight:bold;
  padding-left:40px; }

.relatedProductsBoxLinks li { list-style-type:square; color:#3c0d06; }

.relatedProductsBoxLinks li a { font-family:Arial, Helvetica, sans-serif; 
  text-decoration:underline; font-size:12px; color:#3c0d06; }

.relatedProductsLeft { float:left; width:50%; }

.relatedProductsRight { float:right; width:48%; }


/* ------------------------------------------------------------------
    Nutrition Facts
   ------------------------------------------------------------------ */

#nutfacts { float:left; font-family:Arial, Helvetica, sans-serif;
  text-align:left; line-height:normal; width:246px; margin-right:12px; }
#nutfacts .Nutrition { font-size:11px; }
#nutfacts .Nutritionblend { font-size:11px; padding-left:7px }
#nutfacts .Nutrition p { font-size:10px; }
#nutfacts .NutritionHd { font-size:22px; }
#nutfacts .NutritionSm { font-size:9px; }
#nutfacts .Nutrition .center { text-align:center; }
#nutfacts .Nutrition .right { text-align:right; }
#nutfacts .NutritionSm .right { text-align:right; }
#nutfacts .line { line-height:0; padding:0 0 2px 0; }
#nutfacts .wideline { line-height:0; padding:3px 0 2px 0; }


/* ------------------------------------------------------------------
    Caffeine Meters
   ------------------------------------------------------------------ */

#caffeine { width:410px; margin:18px auto 0 auto; padding:0; font-size:11px;
  font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
  text-align:left; background:#fdf1db; border:#4a1610 4px solid; 
  line-height:normal; }
#caffeine p.title { padding:6px 0; margin:0 0 9px 0; text-align:center;
  font-size:1.6em; font-weight:bold; color:#4a1610; 
  border-bottom:0px solid #4a1610; background:#ffdd78; }
#caffeine p.footNote { padding:3px 0; margin:9px 0 0 0; text-align:center;
  font-size:.9em; font-weight:normal; color:#4a1610; background:#ffdd78; }
#caffeine #graph { margin:0 9px; padding:0; }
#caffeine #graph div { margin:3px 0; padding:3px 0 0 0; width:100%; }
#caffeine #graph div h1 { float:left; width:170px; margin:0; padding-top:3px;
  text-align:right; color:#333; font-size:11px; font-weight:normal; line-height:1.1em; }
#caffeine #graph div p { float:left; width:45px; margin:0 0 0 5px;
  padding-top:3px; color:#333; text-align:center; font-size:10px; }
#caffeine #graph div div.bar { float:left; width:170px; height:9px; 
  margin:0 0 0 5px; padding:0; border-bottom:9px solid #9f170e; background:#AB322A; }


/* ------------------------------------------------------------------
    Ingredients
   ------------------------------------------------------------------ */

.ingredient { margin:0 24px 36px 24px; }
.ingredient h2 span { font-style:italic; font-weight:normal; }
.ingredient li { font-weight:bold; }
.ingredient li span { font-style:italic; font-weight:normal; }

/* ------------------------------------------------------------------
    Coloring Pages
   ------------------------------------------------------------------ */

.coloringCategory { width:547px; }
.coloringCategory .column { float:left; display:inline; }
.coloringCategory .module { text-align:center; height:90px; 
  padding:0 5px 0 5px; width:170px; }
.coloringCategory .module img { text-align:center; width:100px; 
  height:50px; border:0; }


/* ------------------------------------------------------------------
    Distributor List
   ------------------------------------------------------------------ */

.distributorRow { width:547px; }
.distributorRow .module { float:left; width:248px; padding:10px;
  line-height:1.4em; }
.distributorRow p { padding-left:9px; margin:0.5em 0; }
.distributorRow h3 { font-size:10px; margin:0 0 3px 0; color:#AD4500; 
  border-bottom:1px solid #AD4500; border-left:3px solid #AD4500;
  padding-left:6px; }


/* ----------------------------------------------------------------
   Newsletter form
   ---------------------------------------------------------------- */

#sign-up { font-size:16px; width:500px; margin:0 auto 24px auto; }

#sign-up-inner {  }

#sign-up form .field, form .buttons { font-size:0.714em; margin-bottom:6px; }
#sign-up form .field label { text-align:right; color:#603913; }
#sign-up form .fields label { font-size:0.714em; line-height:1em; }
#sign-up form ul.fields li { margin-left:2.25em; }
#sign-up form .required label { font-weight:bold; color:#603913;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-style:none; }
  
#sign-up select { padding:3px; }

#sign-up div.error { color:#F00; font-weight:normal; }


/* ------------------------------------------------------------------
    Forms
   ------------------------------------------------------------------ */

.error { color:red; }
.required { color:red; }


/* ------------------------------------------------------------------
    Misc Specialized Classes
   ------------------------------------------------------------------ */
   
.noLineHeight { line-height:normal; }

.small { font-size:10px; }

.textleft { font-family:Arial, Helvetica, sans-serif; font-size:11px;
  font-style:normal; color:#3f0400; line-height:14px; }

.smallnames { font-family:Arial, Helvetica, sans-serif; font-size:11px;
  font-weight:bold; color:#3f0400; line-height:1em; text-align:center; 
  padding:0 6px; margin:0 0 18px 0; }
.smallnames a { text-decoration:none; }
.smallnames a:hover { text-decoration:underline; }

.titlenames p { font-family:Arial, Helvetica, sans-serif; font-size:15px;
  font-weight:bold; color:#410000; line-height:1em; 
  padding:20px 0px; margin:0 0 0px 0; }
 
.titlenames img {float:left
 }
 
.titlenames2 p { font-family:Arial, Helvetica, sans-serif; font-size:15px;
  font-weight:bold; color:#410000; line-height:1em; 
  padding:20px 0px 10px 20px; margin:0 0 0px 0; }

a.moreLink:link, a.moreLink:active, a.moreLink:visited { 
  font-family:Arial, Helvetica, sans-serif; font-size:11px; 
  color:#965A35; font-weight:bold; text-decoration:none; }
a.moreLink:hover { text-decoration:underline; }

.pipe { padding:0 1em; }

.clearfix:after { content:"."; display:block; height:0; clear:both; 
  visibility:hidden; }
/* Hides from IE-mac \*/ 
* html .clearfix { height:1%; }
/* End hide from IE-mac */



.discontinuedProducts	{

	width: 547px;

	}

.discontinuedProducts .item	{

	clear: both;

	border-bottom: 1px solid #ccc;

	}

.discontinuedProducts .hdr	{

	float: left;

	display: inline;

	text-align: left;

	color: #AD4500;

	font-weight: 800;

	width: 257px;

	height: 25px;

	padding: 0 0px 0 0;

	}

.discontinuedProducts .subhdr	{

	float: left;

	display: inline;

	text-align: left;

	font-weight: 800;

	width: 280px;

	height: 25px;

	padding: 0 px 0;



	}

.discontinuedProducts .name	{

	float: left;

	display: inline;

	text-align: left;

	width: 247px;

	padding: 3px 10px 3px 0;

	}

.discontinuedProducts .replacement	{

	float: left;

	display: inline;

	text-align: left;

	width: 275px;

	padding: 3px 10px 3px 0;

	}
	
.popup { width:100%; padding:6px 12px 6px 0; margin:0 0 10px 0;
  border-bottom:1px solid #C93; border-top:1px solid #C93;
  text-align:right; background:#9F170E none; }
  
.popup a { background:transparent none; color:#FFC; text-decoration:none; 
  font-size:90%; font-weight:normal; text-transform:uppercase;
  padding-right:12px;}
  
.popup a:hover { color:#FFC; }

a.maplink:link, a.maplink:hover, a.maplink:active{
	color:red;
}