﻿/*
---------------------------------------------
Layout Styles
--------------------------------------------- */
img	{display:block;}
li img	{display:inline;}

a:link,
a:visited {color:#4b106f;}
a:hover {color:#4b106f;}
a:active {color:#4b106f;}

h1, h2, h3, h4 {
margin:0;
padding:0;
font-family:Arial, sans-serif;
text-transform:none;
font-weight:bold;
font-size:100%;
letter-spacing:0em;
line-height:1em;
color:#4b106f;}

li { 
margin:0; 
padding:0; 
line-height:1em;}

ul, ol, dl, p {margin:0; padding:0; line-height:1em;}
strong {font-weight:bold;}
em {font-style:normal; font-weight:bold;}
b {font-weight:bold;}
i {font-style:italic;}

p em {font-style:italic;}

abbr, acronym, dfn {border-bottom:1px solid #ccc; white-space:nowrap; font-style:normal; cursor:help;}
address {font-style:normal; line-height:1.6em;}
address span {white-space:nowrap;} 
blockquote {padding:0; line-height:1.3em}
span {padding:0;}
hr {display:block;}

/* =Tools
---------------------------------------------------------- */
.clear {clear:both;}
.error {color:#b44;}
.first {}
.last {color:#b44;}
img.floatRight {float:right;padding-left:20px;}
img.floatLeft {float:left; padding-right:20px;}
.white-space {white-space:nowrap;}
a.more {background:url(http://oregonchai.hiebing.com/images/link_arrow-right.gif) no-repeat 100% 5px; padding-right:8px; white-space:nowrap;}

.pdf {
display:block;
background:transparent url(http://oregonchai.hiebing.com/images/icon_pdf.gif) no-repeat 15.5em 0;
margin-top:.25em;
padding-right:20px;
line-height:1.5em;}

/* =Structure 
---------------------------------------------------------- */
body {
background:#4b116f  url(/img/img-background.gif) repeat !important;
position:relative;
min-width:750px;
font-family:arial, sans-serif;
font-size:14px;
line-height:17px;
text-align:center;
color:#544;} 

form.net {}

#wrapper {
display:inline-block;
position:relative;
width:100%;
margin:0 auto;
padding-bottom:0px;
text-align:left;
overflow:visible;
text-align:center;}

#topHeaderWrapper {
background:#4b116f url(/img/img-hdr-gradient.gif) repeat-x;
width:100%;
height:127px;
}
#topHeader
{
	width:950px;
	margin:0 auto;
}
#content {
position:relative; 
margin:0 auto;
width:950px;
font-size:85%;
text-align:left;

}

/* =Header
---------------------------------------------------------- */
#logoWrapper{width:118px;float:left;}
#mainNavWrapper{float:right;width:822px;margin-top:65px;}
.goldbar
{
	background:url(/img/img-main-nav-gold-bar.gif) repeat-x;height:9px;width:100%;padding:0px;margin:0px;
}
#brand {
position:relative;
margin:0 auto;
width:750px; height:135px;}

#brand a {
float:left;
margin-top:12px;
width:134px;
height:110px;
text-indent:-1000em;}

#brand a img {display:none;}

/* =Navigation
---------------------------------------------------------- */
#navigation {}

#navMain {float:right;padding-top:21px;width:100%;}
#navMain li {
display:inline;
color:#fff;
height:36px;
font-size:17px;
line-height:20px;
padding-left:51px;
font-family: Baskerville, Times, "Times New Roman", serif ;
}

#navMain li a {
color:#fff;
height:36px;}
#navMain li a:hover{color:#df9c2f;}
/*
#navMain .nWhatsNew {left:0; width:94px;}
#navMain .nProducts {left:94px; width:86px;}
#navMain .nBuyChai {left:180px; width:84px;}
#navMain .nSellChai {left:264px; width:113px;}
#navMain .nRecipes {left:377px; width:80px;}
#navMain .nAbout {left:457px; width:61px;}
*/
#navMain .nWhatsNew a:hover, #navMain .nWhatsNew a.active, #navMain .nProducts a:hover, #navMain .nProducts a.active, #navMain .nBuyChai a:hover, #navMain .nBuyChai a.active, #navMain .nSellChai a:hover, #navMain .nSellChai a.active, #navMain .nRecipes a:hover, #navMain .nRecipes a.active, #navMain .nAbout a:hover, #navMain .nAbout a.active {color:#df9c2f;}


#crumbtrail 
{
position:absolute;
top:85px;
left:265px;
width:685px;
text-align:left;
font-size:75%; color:#4b106f;z-index:10000;}

#crumbtrail img {display:inline;}

#crumbtrail a:link,
#crumbtrail a:visited {text-transform:uppercase; color:#4b106f;}
#crumbtrail a:hover {color:#4b106f;}
#crumbtrail a:active {color:#4b106f;}

#navCustomer {
text-transform:uppercase;
font-size:75%;
float:right;
margin-right:6px;}

#navCustomer ul {}
#navCustomer li {background:url(/img/bg_header-dot.gif) no-repeat 100% 5px;float:left; padding-top:1px; padding-left:.7em; padding-right:1em;}
#navCustomer li.last {background:url(/img/img-grocery-cart.gif) no-repeat 100% -1px;padding-right:2.3em;}
#navCustomer li.last:hover{background:url(/img/img-grocery-cart-active.gif) no-repeat 100% -1px;color:#ffffff;}
#navCustomer li#nContact {padding-right:.85em;}
#navCustomer li#nCart { padding-bottom: 3px;}
#navCustomer li#nCartIcon {margin-top:-.1em; margin-left: -1em;}

#navCustomer a:link,
#navCustomer a:visited {color:#fff;}
#navCustomer a:hover {text-decoration:none; color:#df9c2f;}
#navCustomer a:active {color:#df9c2f;}

#navCustomer li#nBuy a:link,
#navCustomer li#nBuy a:visited {color:#ffffff;}
#navCustomer li#nBuy a:hover{color:#df9c2f;}
#navCustomer li#nBuy a:active,
#navCustomer li#nCart a:active{color:#df9c2f;}
#navCustomer li#nCart a{color:#df9c2f;}
#navCustomer li#nCart a:hover{color:#ffffff;}
#navCustomer li#nBlog a {color:#fff;}
#navCustomer li#nBlog a:hover{color:#df9c2f;}
#navCustomer li#nBlog i { color:#fff; }


div#searchBox {
display:none;
position:absolute; top:35px; right:50%;
margin-right:-374px;
width:208px;
height:35px;}

div#searchBox label {
float:left; 
margin-top:7px;
text-transform:uppercase;
font-size:75%;
font-weight:bold;
color:#EEE;}

div#searchBox input.searchInput {
border:1px solid #9472B6;
position:absolute; top:4px; right:23px;
padding:2px 4px 2px;
font-size:85%;
font-family:Arial, sans-serif;
color:#EEE;}

div#searchBox input.searchBtn {
position:absolute; top:4px; right:-2px;}


/* =Content
---------------------------------------------------------- */
div#content p {line-height:1.5em;}

div#content h1,
div#content h2,
div#content h3,
div#content h4 {
margin:0;
margin-bottom:.3em;
padding:0; 
line-height:1em;
font-size:110%;}

div#content h2,
div#content h3,
div#content h4 {font-size:120%;}

div#content h1 {
font-size:160%;
font-weight:normal;
font-family:'Trebuchet MS', arial, sans-serif;
color:#FFF;}

div#content p,
div#content dl,
div#content ul,
div#content ol { 
margin:0;
margin-bottom:.5em;
padding:0;}

div#content ul,
div#content dl {margin-top:1em;}

div#content li,
div#content dd {
margin-top:.3em; /* evens out the line-height with p */
margin-bottom:.5em;
line-height:1.1em;}

div#content ul.bulleted {
margin-top:; 
margin-left:-2px;}

div#content ul.bulleted.text {margin-top:.5em;}

div#content div#main ul.bulleted.fancy li {
background:url(/img/bullet_arrow.gif) no-repeat 0 0;
margin-left:2px;
padding-left:18px;}

div#content ul.bulleted li {
background:url(/img/images/bullet.gif) no-repeat 0 3px;
margin-left:2px;
padding-left:10px;}

div#content ol {
margin-top:.5em; 
margin-left:16px;
list-style:decimal;}

div#content a:hover {text-decoration:underline;}

div#content p strong a:link,
div#content p strong a:visited {text-decoration:underline; color:#000;}
div#content p strong a:hover {color:#890000;}

div#content dl.text {margin-bottom:-1.5em; padding:0;}
div#content dl.text dt {font-weight:bold; color:#000;}
div#content dl.text dd {margin-top:.3em; margin-bottom:1.25em; line-height:1.5em;}
div#content dl.text dd ul {margin-top:1em;}

div#content div#main ul.new {background:red url(/img/icon_new-sm.png) no-repeat 0 0;}

/* =Main
---------------------------------------------------------- */
div#main {padding-left:15px;margin-bottom:25px;}

div#main h1,
div#main h2,
div#main h3,
div#main h4 {margin:2.3em 0 1em 0;}
div#main h1 {margin:0 0 .6em 0; padding-top:.4em;}

div#main {
	margin-top:55px;
	padding:10px 10px 10px 10px;
	background:#462261;height: 100%;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;
}
div#main h1 {margin:0; margin-top:0px; padding:0;}

div#main h2,
div#main h3 {clear:both;}

div#main p b {display:block;}

div#main p a:link,
div#main p a:visited {text-decoration:underline;}
div#main p a:hover {}
div#main p a:active {}

div#main h2 a:link,
div#main h3 a:link,
div#main h4 a:link {color:#FFF;}

div#main h2 a:visited,
div#main h2 a:visited,
div#main h2 a:visited {color:#FFF;}

div#main a:link,
div#main a:visited {color:#7722AA;}
div#main a:hover {color:#8464C4;}
div#main a:active {color:#7722AA;}

div#main #mainInner
{
	background:#ffffff; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding:50px 15px 40px 35px;
	margin-bottom:0px;
	height:100%;
	min-height:650px;
	}
div#main #mainInner h1{margin-left:-20px;}
/* =What's New
---------------------------------------------------------- */
body.whatsnew div#content div#main h1 {}
body.whatsnew div#content div#main h2 {background:none; margin:.5em 0 .5em 0; padding:0;}
body.whatsnew div#content div#main h3 {}
body.whatsnew div#content div#main h5 {font-size:13px;line-height:1.5em;}
body.whatsnew div#content div#main h5 span {font-size:10px;font-weight:normal;font-style:italic;}

body.whatsnew div#featuredItem p img.floatRight {margin:0; padding:0;}
body.whatsnew div#main div#specialNirvana p {margin-top:-45px; margin-left:220px;}
body.whatsnew div#main div#specialOntheroad h2 {margin-top:-25px;}


body.whatsnew div#main div.rowWrapper {border:none;}
body.whatsnew div#main div.rowWrapper p {float:left; width:240px;}
body.whatsnew div#main div.rowWrapper p.first {margin-right:20px;}

body.whatsnew div#main div.rowWrapper p .location {display:block;}
body.whatsnew div#main div.rowWrapper p .region {display:block;}

body.whatsnew div#main div.rowWrapper p img {margin-bottom:5px;}

body.whatsnew div#eventsCal {margin-bottom:1em; }
body.whatsnew div#eventsCal h3 {background:url(/img/bg_dashed-horz.gif) repeat-x 0 bottom; margin-top:1em; padding-bottom:5px;}

body.whatsnew .vevent {margin-bottom:.25em;}
body.whatsnew .vevent .url {font-size:inherit;}
body.whatsnew .vevent abbr {border-bottom:0; cursor:default;}
body.whatsnew .vevent .dtstart {font-size:inherit;}
body.whatsnew .vevent .dtend {font-size:inherit;}
body.whatsnew .vevent .summary {margin-left:5px; display:inline;}
body.whatsnew .vevent .location {margin-left:5px;}

/* =Products
---------------------------------------------------------- */
body.products div#main {}
body.products div#main h1 {margin:0; padding:0;}
body.products div#main h2 {
background:none;
margin:-10px 0 .25em 0;
padding:0;
clear:both;}

body.products div#main h2#whatischai {padding-top:10px;}

body.products div#main h3 {background:none; margin:0 0 .25em; padding:0;}

/* =Products Home */
div#content div#productsHome ul {margin:0; padding:0;}
div#content div#productsHome li {float:left; margin:0; padding:0; width:250px; height:210px;}
div#content div#productsHome li#nMixes {width:250px; height:210px;}
div#content div#productsHome li a {display:block; width:250px; height:210px; text-indent:-1000em;}
div#content div#productsHome li#nMixes a {width:250px; height:210px;}

div#content div#productsHome #nSingles {float:left; clear:left; margin:0; margin-top:10px; padding:0;}

/* =Products Categories */
div.productsIntro a {position:absolute; top:0; width:500px; height:235px; text-indent:-1000em;}

/* =Product List */
div.rowWrapper {
border-bottom:1px dotted #4b106f;
margin:0; padding:0; 
padding-bottom:10px; 
width:500px;}

div#content div.rowWrapper h4 {
background:url(/img/bg_dashed-horz.gif) no-repeat 50% 0; 
margin:1.5em 0 0 0; padding:1.5em 0;}

div.rowItem {
border-left:1px dotted #4b106f;
float:left; 
margin:12px 0 0 8px; padding:0;}

div.rowItem.first {
border-left:none;
margin-left:0px;}

div.rowItem span {}
div.rowItem span.productImg img {}

div#content div.rowItem ul {margin:0; padding:0;}
div#content div.rowItem li {margin:0; padding:0;}

div.rowItem li.productSize {display:none;}
div.rowItem li.productDetails {display:none;}
div.rowItem li.productBtn {}
div.rowItem li.productBtn img {margin-left:34px;}
div.rowItem li.recipeBtn img {margin-left:26px;}

/* =For Your Cafe - formerly Sell Chai
---------------------------------------------------------- */
div#content div.sellchaiIntro {margin-top:20px;}

div#content div#sellchaiHome {
margin-bottom:1.5em;
width:500px;}

div#content div#sellchaiHome h1 {margin-bottom:40px; text-indent:-1000em;}
div#content div#sellchaiHome p {width:280px;}

body.sellchai div#main h1 {margin:0; padding:0;}
body.sellchai div#main h2 {background:none; margin:.5em 0 .5em 0; padding:0;}
body.sellchai div#main h3 {}
body.sellchai div#main h4 {margin-top:; padding-top:0;}

div#content div#sellchaiHome p span {position:absolute; top:240px; right:0;}
div#content div#sellchaiHome p span a {background:url(/img/bullet_arrow.gif) no-repeat right center; padding-right:18px;}

div#content div#sellchaiHome a.imageMap {
position:absolute; top:0; right:0; 
width:240px; height:225px; 
text-indent:-1000em;}

body.sellchai div#content div#main p span {display:block; font-weight:bold;}
body.sellchai div#content div#main ul.right {margin-left:220px; width:260px;}
body.sellchai div#content div#main li a {font-weight:bold;}

body.sellchai div#main div.rowWrapper {border-bottom:none; margin-top:2em; padding-bottom:20px;}
body.sellchai div#main div.rowWrapper p {padding-left:10px;}

body.sellchai div#main div.rowItem {
float:left;
position:relative; top:10px;
margin:0; padding:0;
width:249px;}

body.sellchai div#main div.rowItem h4 {
background:none; 
margin:0 0 0 10px; padding:0;}

body.sellchai div#main div.rowItem img {margin-bottom:10px;}
body.sellchai div#main div.rowItem p span {
clear:right;
margin:0 ; padding:0;}

body.sellchai div.rowItem.first {
border-right:1px dashed #7E776B; 
width:249px;}

body.sellchai div#main a.textLink {
background:url(/img/bullet_arrow.gif) no-repeat right 0;
padding-right:18px;}

/* =Food Service Products */
body.sellchai div#content div#main p.imgCaption {margin-top:2em;}

/* =Food Service Products - Details */
body.fsProducts div#main {margin-top:55px;}
body.fsProducts div#main h2 {clear:none;}
body.fsProducts div#main p img.floatRight {margin:-60px 0 10px 0;}

div#nutritionInfo {float:left; position:relative; border:1px solid #4b116f; width:245px;}
div#nutritionInfo h3 {background:#6f418c; margin:0; margin-bottom:2px; padding:.3em 0 .3em 10px; color:#FFF;}
div#nutritionInfo p {margin:10px 20px;}

body.fsProducts div#content dl {margin:5px 10px 0 10px; padding:5px 0 0 0;}
body.fsProducts div#content dt {float:left; margin:0; margin-right:5px;padding-top:6px;}
body.fsProducts div#content dd {margin:0; padding:6px 0px 2px 0px;border-bottom:solid 1px #c7b5d2;}
body.fsProducts div#content dd.noBorder{border-bottom:none;}
body.fsProducts div#content dd.thickBorder{border-bottom:3px solid #a588b7;}
body.fsProducts div#content dd span {display:block;color:#626466 !important;}
body.fsProducts div#content dd.calories {clear:left;border-top:1px solid #a588b7;border-bottom:none;}
body.fsProducts div#content dd.calories span {display:inline; padding-left:10px;}

div#nutritionInfo table#nutritionalValues {border-top:3px solid #a588b7; border-bottom:3px solid #a588b7; margin-left:10px;margin-top:0px; width:225px;color:#626466;}
div#nutritionInfo table#nutritionalValues th,
div#nutritionInfo table#nutritionalValues td {border-bottom:1px solid #a588b7;color:#626466;line-height:14px;}
div#nutritionInfo table#nutritionalValues th {padding-left:10px;color:#626466;}
div#nutritionInfo table#nutritionalValues thead th {text-align:right;}
div#nutritionInfo table#nutritionalValues th.fat, 
div#nutritionInfo table#nutritionalValues th.carb {text-indent:15px;}

body.fsProducts div#productSpecs, .amounts {border:1px solid #6f418c; background:#ffffff; width:245px;margin-right:150px;padding-bottom:15px;}
body.fsProducts div#content div#productSpecs h3,.tableHead {background:#6f418c; margin:0; margin-bottom:2px; padding:.3em 0 .3em 10px; color:#ffffff;}
body.fsProducts div#content div#productSpecs dl {padding-bottom:5px;}
.amounts tr{border-top:1px solid #a588b7;}

/* =POS */

/* =Cafe Recipes */
div#content div#sellchaiRecipes {height:167px;}

div#content div#sellchaiRecipes h1 {margin-top:0px;}

div#content div#sellchaiRecipes h1 span {display:block; font:bold 70% Arial, sans-serif;}
div#content div#sellchaiRecipes ul {margin:0; padding:0;}
div#content div#sellchaiRecipes li {float:left;margin:0; padding:0;width:250px; height:150px;}
div#content div#sellchaiRecipes li a {display:block;width:250px; height:150px;text-indent:-1000em;}

div#content div#navSeasons ul {margin:0; padding:0;}
div#content div#navSeasons li {float:left;margin:0; padding:0;width:125px; height:42px;}
div#content div#navSeasons li a {display:block;width:125px; height:42px;text-indent:-1000em;}

div#content div#navSeasons li#nSpring.active a,
div#content div#navSeasons li#nSummer.active a,
div#content div#navSeasons li#nFall.active a,
div#content div#navSeasons li#nWinter.active a,

body.caferecipes div#content div.recipeListWrapper {
border:1px solid #8D826E; border-left:1px solid #E4E1DC; border-top:none;
background:#D6CFC3;
margin-bottom:1em;
padding:10px;}

div#content div.recipeListWrapper h3 {
border-bottom:3px solid #EEBB33;
background:none;
margin:0; padding:0; padding-bottom:.5em;
color:#000;}

div#content div.recipeListWrapper table {margin-left:115px; width:360px;}
div#content div.recipeListWrapper table tr.tableHead {border-bottom:1px solid #EEBB33; font-weight:bold;}
div#content div.recipeListWrapper table td {padding:2px 0 2px 2px;}

div#content div.recipe {margin-bottom:2.5em;}
div#content div.recipe h4 {margin:.75em 0 0 117px; padding:0; font-size:100%;}
div#content div.recipe p {margin:0; margin-left:117px; padding:0; line-height:1.25em;}

/* =Local
---------------------------------------------------------- */
div#content div#local{height:100%;}
div#content div#local h4 a {display:block;}
div#content div#local h4 a:link,
div#content div#local h4 a:visited {color:#4b106f;}
div#content div#local h4 a:hover{text-decoration:none;}

div#local {position:relative; top:20px;}
div#local h4.whatsBrewing
{
	border-bottom:none;
}
div#local h4 
{
border-top:dotted 1px;
border-bottom:dotted 1px;
margin:10px 0px 0px 0px;
padding:.3em 0 2px 10px;
line-height:1.5;
font-size:145%; font-weight:normal; font-family:Baskerville, Times, "Times New Roman", serif ;
color:#4b106f;
background:#d0c1da;}
div#local h4.standAlone{border-bottom:dotted 1px;}
div#local h3
{
border-bottom:dotted 1px;
margin-bottom:2px;
padding:0em 0 .3em 10px;
font-size:110%; font-weight:normal; font-family:Baskerville, Times, "Times New Roman", serif ;
color:#4b106f;
background:#d0c1da;
}
div#local ul {
margin:0; margin-bottom:2.5em;
padding:0; padding-top:1px;}

div#local li {
margin:3px 0 0 0; 
padding:0;}
div#local li:hover
{
	background:#4b116f;
	color:#fff;
}
body div#local li a {
	display:block;
	padding:.2em 0 .2em 15px;
	color:#4b106f;
	}

div#local li a:hover, div#local li.active,div#local li.active a{ 
	background:#4b116f;
	color:#fff;
	text-decoration:none;
	}
div#local li.active a,
div#local li.active a:hover {}

div#local p {margin:0 20px .25em 20px;}

/* =Sub
---------------------------------------------------------- */
div#content div#sub h3 a,
div#content div#sub h4 a {display:block;}
div#content div#sub h3 a:link,
div#content div#sub h4 a:link,
div#content div#sub h3 a:visited,
div#content div#sub h4 a:visited {color:#FFF;}

div#sub h3 {margin-bottom:1em;}

div#sub h4 {
background:transparent url(/img/bg_header-local.gif) no-repeat 0 0;
margin-bottom:2px;
padding:.3em 0 .3em 15px;
font-size:110%; font-weight:600; font-family:Arial, sans-serif;
color:#EEE;}

div#sub p {margin:0 20px .25em 20px;}

/* =Microformates 
---------------------------------------------------------- */
.vevent {margin-bottom:.25em;}
.vevent .url {font-size:inherit;}
.vevent abbr {border-bottom:0; cursor:default;}
.vevent .dtstart {font-size:inherit;}
.vevent .dtend {font-size:inherit;}
.vevent .summary {display:inline;}

.vcard {margin-bottom:1em;}
.fn {font-size:inherit;}
.org {font-size:inherit;}
.adr {font-size:inherit;}
.adr .street-address {font-size:inherit;}
.adr .locality {font-size:inherit;}
.adr .region {font-size:inherit;}
.adr .postal-code {font-size:inherit;}

/* =Fixes
---------------------------------------------------------- */

/* Wraps all floated children */
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;}

/* Wraps all floated children of #content */
#content:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;}

/* =Flash
---------------------------------------------------------- */
div#flashSteam {position:absolute; top:0; right:0; z-index:90;}

/* =Misc
---------------------------------------------------------- */
a {overflow:hidden;}
#wrapper #content #main p.emailNotice { margin:3px 50px 0 160px; }


/* =Press Center
---------------------------------------------------------- */
div#main div.pressRelease, div#main div.newsMention, div#main div.MediaDownload {padding-bottom:15px;}
div#main div.pressRelease h2, div#main div.newsMention h2, div#main div.MediaDownload h2 {font-size:12px !important;line-height:1.3em; position: relative; overflow: hidden; display: table;}
div#main div.pressRelease h2 .title, div#main div.newsMention h2 .title {display:block; padding-right:10px;}
div#main div.pressRelease h2 a:link, div#main div.pressRelease h2 a:visited, div#main div.newsMention h2 a:link, div#main div.newsMention h2 a:visited, div#main div.MediaDownload h2 a:link, div#main div.MediaDownload h2 a:visited  {display:block; color:#4b106f; text-decoration:underline;}
div#main div.pressRelease h2 a:hover, div#main div.newsMention h2 a:hover, div#main div.MediaDownload h2 a:hover  {color:#4b106f; text-decoration:underline;}
div.newsMention span.publishDate, div.pressRelease span.publishDate {color:#4b106f; padding-right:10px; font-weight:normal; width:50px; display: table-cell; vertical-align: middle; text-align: right; }
div.newsMention span.publishDate span, div.pressRelease span.publishDate span { }
div.pressRelease img, div.newsMention img, div.MediaDownload img {float:right; border:1px solid #9B8F7B; padding:5px;margin:5px 0 5px 5px;}


/* Hiebing Updates
-----------------------------------------------------------*/
.roundedCorners {-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;}
.promoBrace{background:url(/img/img-purple-brace.png) no-repeat;height:24px;width:179px;position:absolute;}
#local .promoBrace{margin:-25px 0px 0px 11px;}
#noflashGetFlash{padding:10px}
#noflashGetFlash a,#noflashGetFlash{color:#ffffff;font-size:14px;}
#flash{margin:38px 0px 36px 0px;}
#accordionWrap{background:#462261;position: relative;display: block;}
#accordion{padding:12px 0px 12px 11px;float:left; overflow: auto; height: 100%;}
.accordion-slide{ height: 389px; width:51px;margin: 0 4px 0 0; overflow: hidden; position: relative; float: left;}
.accordion-slide .last{margin-right:0px;}
.accordion-slide .accordion-panel{ height: 389px;width:542px; position: absolute; left: 51px; top: 0; }
.accordion-slide .accordion-panel .overlay{ margin: 50px 0 0 338px; width: 180px; }
.accordion-slide .accordion-panel .overlay h5{ font-size:21px;font-weight:normal;font-family:Baskerville, Times, "Times New Roman", serif;color: #451069;text-align:center;}
.accordion-slide .accordion-panel .overlay div p{padding:10px 0px 0px 5px !important;color: #451069;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:11px !important;line-height:14px !important;}
.accordion-slide .accordion-trigger{ width: 51px; height: 100%; display: block; position: absolute; left: 0; top: 0;border:none;}
.accordion-slide-active{ width: 593px; }
.accordion-slide-active .accordion-panel{ display: block; }
.accordion-slide-active .accordion-trigger{ background-position: right bottom; }
.accordion-trigger span{display:none;}
.accordion-trigger{cursor:pointer;width:51px;}

.accordion-slide .accordion-panel .mainOverlay{margin: 50px 0 0 298px; width: 232px;}
.accordion-slide .accordion-panel .mainOverlay h5{font-size:20px;font-weight:normal;font-family:Baskerville, Times, "Times New Roman", serif;color: #451069;text-align:center;}
.accordion-slide .accordion-panel .mainOverlay h5 span{font-size:18px;line-height:27px;}
.accordion-slide .accordion-panel .mainOverlay div p{padding:10px 10px 0px 10px !important;color: #451069;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:15px !important;}

/* =Footer 
---------------------------------------------------------- */
#footer {
background:#4b116f url(/img/img-ftr-gradient.gif) repeat-x;
clear:both;
padding-bottom:100px;
font-size:11px;
color:#ffffff;}
#footer #navUtility {margin:0 auto;width:950px;padding-top:25px;}
#footer #navUtility ul li {display:inline; padding:0px 10px 0px 5px;background:url(/img/bg_header-dot.gif) no-repeat 100% 8px;float:left;line-height:20px;} 
#footer #navUtility ul li.last{background:none;}
#footer #navUtility ul li , #footer #navUtility ul li a{color:#ffffff;}
#footer hr{background:#705b80;color:#705b80;height:2px;border:none;}
#footer #footerLeft{float:left;width:535px;padding:85px 85px 0px 60px;}
#footer #footerLeft #copyright{font-size:11px;font-weight:normal;padding-top:17px;text-align:left;}
#footer #footerLeft #copyright a{color:#ffffff;}
#footer #footerRight{float:left;width:265px;text-align:left;}
#footer #footerRight h3{font-size:19px;color:#ffffff;font-weight:normal;line-height:1.3;}
#footer #ctl00_tbNewsletterEmail{color:#4b106f;background:#d4ccda;border:none;height:15px;padding:3px;}
#footer #ctl00_ctrlfooter_img_btn_submit{margin:0px 0px -8px 3px;height:23px;width:65px;}
#footer p{margin:10px 0px 10px 0px;}
#footer #socialMedia p{width:160px;float:left;font-size:14px;line-height:1.3;margin-right:30px;}
#footer #socialMedia #icons{float:left;width:75px;padding-top:5px;}
#footer #socialMedia #icons img{float:left;margin-right:3px;}

#productsHeaderImage h2, #concentratesHeaderImage h2, #mixesHeaderImage h2, #recipeHeaderImage h2, #fycHeaderImage h2{font-family:Arial;color:#4b106f;font-size:20px !important;}
#productsHeaderImage h3, #concentratesHeaderImage h3, #mixesHeaderImage h3, #recipeHeaderImage h3, #fycHeaderImage h3{font-family:Arial;color:#4b106f;font-size:14px !important;padding-top:10px !important;}
#productsHeaderImage .leftColumn, #concentratesHeaderImage .leftColumn, #mixesHeaderImage .leftColumn, #recipeHeaderImage .leftColumn, #fycHeaderImage .leftColumn{width:295px;margin-bottom:10px;}

.whatsNewPromoContent{margin:15px 0px 60px 0px;float:left;width:60%}
.whatsNewPromoImage{padding:0px 10px 0px 0px;margin-top:25px;margin-left:-15px;float:left;width:30%;}

.purple{color:#4b106f;font-size:14px;}
h2 {font-size:17px !important;}
.bold{font-weight:bold !important;}
.bottomH2{margin-bottom:10px !important;}

