/*# Global Styles #*/
body {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#f9f8ef;
	background-image:url(../app_themes/somage/images/bg_page_01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

body {behavior:url(/csshover.htc);} /* WinIE behavior call */
	
body#template1, body#template2, body#template3 {
	background-image:url(../app_themes/somage/images/bg_page_01.jpg);
	background-position:center;
	background-repeat:no-repeat;}
	
body#template4 {
	background-image:url(../app_themes/somage/images/bg_page_02.jpg);
	background-position:center;
	background-repeat:no-repeat;}
		
body *	{text-align:left;}

#wrapper {
	width:830px;
	margin:0 auto;
	padding:0 0 30px 0;}
	
#header {
	display:block;
	height:158px;
	width:830px;
	margin:0;
	padding:0;
	background-image:url(../app_themes/somage/images/mckup_header_main.jpg);
	background-repeat:no-repeat;}
	
#header-left-half {
	float:left;
	display:block;
	width:250px;
	height:158px;
	padding:0;
	margin:0;}
	
#header-right-half {
	float:right;
	display:block;
	width:580px;
	height:158px;}
	
#header-left {
	display:block;
	float:left;
	width:155px;
	height:20px;
	/*margin-left:388px;*/
	margin-left:138px;
	margin-top:65px;
	background-color:#FFFFFF;}

* html #header-left {
	margin-left:69px;}
	
#header-right {
	display:block;
	float:right;
	width:247px;
	margin-top:65px;
	height:25px;}
	
#header-right a {
	color:#fff;}
	
#header-right a:hover {
	color:#000;}
	
#navigation {
	display:block;
	height:67px;
	width:830px;
	margin:0;
	padding:0;
	background-image:url(../app_themes/somage/images/navigation-new.gif);
	background-repeat:no-repeat;}

#page-header {
	display:block;
	width:683px;
	height:230px;
	margin:0 auto;
	padding:0;
	background-image:url(../app_themes/somage/images/banner_background.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}	
	
#bg-page-content-top {
	display:block;
	width:683px;
	height:13px;
	margin:0 auto;
	padding:0;
	background-image:url(../app_themes/somage/images/bg_page_content_top.gif);}

* html #bg-page-content-top {
	margin-bottom:-6px;}

#bg-page-content {
	background-color:#F0EDD9;}

#page-content {
	display:block;
	width:683px;
	margin:0 auto;
	padding:0;}
		
.template1 #column-left {
	display:block;
	float:left;
	width:304px;
	padding:20px 0 30px 22px;}
	
.template1 #column-right {
	display:block;
	float:right;
	width:311px;
	padding:20px 22px 30px 0;}
	
.template2 #column-left, .template4 #column-left {
	display:block;
	float:left;
	width:415px;
	padding:20px 0 30px 22px;}
	
.template2 #column-right, .template4 #column-right {
	display:block;
	float:right;
	width:203px;
	padding:10px 22px 30px 0;}
	
.template3 #column-left {
	display:block;
	float:left;
	width:661px;
	padding:20px 0 30px 22px;}
	
.template3 #column-main, .template1 #column-main {
	display:block;
	float:left;
	padding:20px 22px 30px 22px;}

.template3 #column-main, .template3 #column-main a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}

.column-left-left {
	display:block;
	float:left;
	width:202px;
	margin:10px 10px 0 0;}

.column-left-left img{
	margin:0 0 10px 0;}
	
.column-left-right {
	display:block;
	float:right;
	width:202px;}
	
.template3 #column-right {
	display:block;
	float:right;
	width:202px;
	padding:20px 22px 30px 0;}
	
.column-right {
	display:block;
	float:left;
	width:202px;}
	
.column-right, .column-left-right, .column-left-left  {
	background-image:url(../app_themes/somage/images/bg_h_border_btm.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	margin-bottom:0;}
	
#footer {
	clear:both;
	width:683px;
	height:54px;
	margin:0 auto;
	padding:0;
	background-image:url(../app_themes/somage/images/bg_footer.gif);
	background-repeat:repeat-x;}
	
#footer p {
	margin:0 0 0 22px;
	padding:0;
	font-size:10px;
	color:#000000;}
	
#footer a {
	color:#000;
	text-decoration:none;}
	
#footer a:hover {
	color:#70B743;}

/*# Page Formatting #*/
h1, .template3 #column-main h1 {
	font-size:16px;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.02em;
	color:#70B743;
	margin:0 0 5px 0;
	padding:0;
	font-weight: bold;}
	
h2, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.8;
	color:#000;
	margin:0 0 5px 0;
	padding:0;}
	
h2 {
	font-size:12px;
	margin-top:44px;}
	
h2.news-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#70B743;
	margin:10px 0 5px 0;
	padding:0;
}

h2.state-name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#70B743;
	margin:5px 0 5px 0;
	padding:0;
}

.template3 p {
	line-height:1.3;}
	
h2, .highlight {
	color:#70B743}
	
.breakout {
	color:#666666;
	padding-bottom:10px;
	font-weight: 100;}
	
#breakout-border-btm {
	background-image:url(../app_themes/somage/images/bg_h_border_btm.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
	margin-bottom:0;}
	
div.breakout-border-top {
	background-image:url(../app_themes/somage/images/bg_h_border_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0;
	margin-top:50px;}
	
	
.border-btn-back, .border {
	background-image:url(../app_themes/somage/images/bg_p_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
	margin-bottom:0;}
	
.border-btn-back {
	margin-bottom:20px;
	width:210px;
	}

.column-left-left .border-btn-back {
	background: none;
	margin: 0px;
}
	
#margin-top {
	height:27px;
	margin-top:30px;
	background-image:url(../app_themes/somage/images/bg_p_border_both.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:5px 0 0 0;
	margin-bottom:0px;}
	
.clear {
	clear:both;}
	
a {
	color:#70B743;
	text-decoration:none;}
	
a:hover {
	color:#000;}

p a {
	color:#70B743;
	text-decoration:none;}
	
p a:hover {
	color:#000;}
	
img {
	margin:0;
	padding:0;}
	
.template3 #page-content img {
	margin:15px 0 10px 0;}
	
a img {
	border:none;}

#page-content .form-col-left p {
	padding-top:0px;
	padding-bottom:15px;
	margin:0 0 0 21px;
	width:100px;}
	
.bg-btn-cart-add {
	float:right;
	width:66px;
	margin-top:0;
	padding:2px 3px 0 0;
	background-image:url(../app_themes/somage/images/btn_cart_add.gif);
	background-position:right;
	background-repeat:no-repeat;
	}

.bg-btn-cart-add, x:-moz-any-link {margin-top:-20px;}
.bg-btn-cart-add, x:-moz-any-link, x:default {margin-top:-20px;}	
/*firefox margin-top:-20px;*/
	
*:first-child+html .bg-btn-cart-add {
	margin-top:-25px;}

* html .bg-btn-cart-add {
	margin-top:-25px;}

.bg-btn-cart-view {
	float:right;
	width:66px;
	height:23px;
	margin-top:0px;
	padding:2px 3px 0 0;
	background-image:url(../app_themes/somage/images/btn_cart_view.gif);
	background-position:right;
	background-repeat:no-repeat;}
	
.bg-btn-cart-view, x:-moz-any-link {margin-top:-20px;}
.bg-btn-cart-view, x:-moz-any-link, x:default {margin-top:-20px;}	
/*firefox margin-top:-20px;*/
	
*:first-child+html .bg-btn-cart-view {
	margin-top:-21px;}

* html .bg-btn-cart-view {
	margin-top:-21px;}
	
a.bg-btn-cart-add, a.bg-btn-cart-view {
	text-decoration:none;
	color:#FFFFFF;
	text-align:right;}
	
a:hover.bg-btn-cart-add, a:hover.bg-btn-cart-view  {
	color:#000000;}

/*# Search Formatting #*/
div.input-search .table_content_box {
	width:85px;
	height:15px;
	border-style:none;
	border-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:0px;
}
	
div.input-search {
	display:block;
	width:150px;
	height:20px;
	margin-top:2px;}
	
.input-search p {
	margin-left:8px;}
	
.input-search a {
	font-weight:bold;
	color:#000000;}
	
.input-search a:hover {
	color:#70B743;}

.input-search .btnSearch {
	width: 13px;	
	color:#000000;
	border-style:none;
	border-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background: #ffffff;
	margin: 0px;
	cursor: pointer;
	cursor: hand;
	position: absolute;
}

.input-search {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.input-search label {
	margin-left:8px;}

/*# Menu Styles #*/

div#menu { 

	width:100%;
	height:35px;
    padding: 0;
	margin: 0;
	text-align:left;
	padding: 29px 0 0 64px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

div#menu ul { 
	width:100%;
	margin:0;
	padding:0;
	}

div#menu ul li {
	position:relative;
    list-style: none; 
	padding: 2px;
	margin-right: 3px;
	float:left; 
}

div#menu ul li a {
        text-align:center;
	text-decoration:none;
	border:0;
	display:block;
	color:#FFF;
} 

div#menu ul li a:hover, div#menu ul li#active a:hover, div#menu ul li#active a,  div#menu li.current a{
  	color:#70B743;
}


/*********** submenu ***************/


div#menu > ul a {
	width: auto;
}

div#menu ul ul {
	position:absolute;
	margin: 2px 0 0 0;
	width:400px;
}

div#menu ul ul li {
	float: left;
	white-space: nowrap;
	display:inline;
	margin:0;
	padding-right:8px;
}


div#menu  ul ul li a{
  	color:#221E1F;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
	display: none;
}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
	display: block;
}







/*********** submenu bprofile ************/

/*********** widths of menu ***************/	

.menuabout {
	width:4.5em;
	background-image:url(../app_themes/somage/images/menu-about.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0px 11px;
	margin-right: 1px;
}

div#menu ul li.menuabout ul {
	position:absolute;
	padding-left:35px;
}

.menuproducts{
	width:6em;
	background-image:url(../app_themes/somage/images/menu-orders.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 15px;
	margin-right: 1px;
}

div#menu ul li.menuproducts ul {
	position:absolute;
	padding-left:11px;
}

.menuorders {
	width:5em;
	background-image:url(../app_themes/somage/images/menu-products.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 5px;
	margin-right: 1px;
}

.menuwhere {
	width:8.5em;
	background-image:url(../app_themes/somage/images/menu-wheretofind.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 5px;
	margin-right: 1px;
}

div#menu ul li.menuwhere ul {
	position:absolute;
	padding-left:5px;
}

.menumedia {
	width:3.8em;
	background-image:url(../app_themes/somage/images/menu-media.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 5px;
	margin-right: 1px;
} 

div#menu ul li.menumedia ul {
	position:absolute;
	padding-left:4px;
}

.menusustainability {
	width:11.1em;
	background-image:url(../app_themes/somage/images/menu-sustainability.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 14px;
	margin-right: 1px;
}

div#menu ul li.menusustainability ul {
	position:absolute;
	padding-left:7px;
}


.menucommunity {
	width:7em;
	background-image:url(../app_themes/somage/images/menu-community.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 8px;
	margin-right: 1px;
}

div#menu ul li.menucommunity ul {
	position:absolute;
	padding-left:12px;
}


.menucontact {
	width:8em;
	background-image:url(../app_themes/somage/images/menu-contact.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding: 3px 0 0 10px;
	margin-right: 1px;
}


/* ------- SUBNAV HIGHLIGHT PAGE LOCATION  -----------*/	
body.page-story #submenustory a, body.page-story #submenustory a:hover, body.page-faqs #submenufaqs a, body.page-faqs #submenufaqs a:hover, body.page-corporate #submenucorporate a, body.page-corporate #submenucorporate, body.page-chocolate #submenuchocolate a, body.page-chocolate #submenuchocolate a:hover, body.page-tea #submenutea a, body.page-tea #submenutea a:hover, body.page-chai #submenuchai a, body.page-chai #submenuchai a:hover, body.page-distributors #submenudistributors a, body.page-distributors #submenudistributors a:hover, body.page-retail #submenuretail a, body.page-retail #submenuretail a:hover, body.page-cafes #submenucafes a, body.page-cafes #submenucafes a:hover, body.page-media #submenumedia a, body.page-media #submenumedia a:hover, body.page-photos #submenuphotos a, body.page-photos #submenuphotos a:hover, body.page-link #submenulink a, body.page-link #submenulink a:hover, body.page-blog #submenublog a, body.page-blog #submenublog a:hover, body.page-news #submenunews a, body.page-news #submenunews a:hover, body.page-links #submenulinks a, body.page-links #submenulinks a:hover {
	color:#70B743;}

/* #Checkout Page Styles # */

.CartContentTable {
	border: none;
}

.CartContentTable tr, .CartContentTable td, .CartContentTable th {
	border-top: 1px solid #F0EDD9;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background: none;
}

.CartContentTable td, .CartContentTable th {
	background:url(../app_themes/somage/images/bg_p_border.gif) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:0;
}

.CartContentTable td span {
	float: right
}
.CartContentTable th[align=right] {
	text-align: right
}

.CartStepHeader {
	font-size:16px;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.02em;
	color:#70B743;
	margin:0 0 5px 0;
	padding:0;
	padding-bottom: 10px;
	font-weight:100;}

.BlockTitle {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}
.BlockContent {
	margin: 20px 0 20px 0;
}

.UnitsTextBox {

	width: 25px;
}

.PricePanel {
	float: right;
}

.ContentButton {
        text-align:right;
        font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        color:#FFF;
        border:none;
	float:right;
	width:63px;
	height:23px;
	margin-top:0px;
	padding:0px 5px 3px 0px;
	background: url(../app_themes/somage/images/btn_cart_view.gif) right no-repeat;
	cursor: pointer;
}
.ContentButton:hover {
        color:#000;
}

input.ContentButton[value=Back] {
        float: left;
	margin-left: 0px;
	/*firefox margin-left:-20px;*/
	
}
.LongButton {
        text-align:right;
        font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        color:#FFF;
        border:none;
	float:left;
	width:100px;
	height:16px;
	margin-top:0px;
	margin-left:20px;
	padding:0px 2px 3px 0px;
	background: #af936c;
	cursor: pointer;
}
.LongButton:hover {
        color:#000;
}

.HiddenButton {
	display: none;
}

.CartStepBody legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000; 
}

/* #My Account Page Styles# */

.TabsHeader {
	margin: 0 0 20px 0;
}

a.TabControlLink {
	font-size: 12px;
	margin: 0 10px 0 0;
}

a.TabControlLinkSelected {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0 10px 0 0;
}

.Grid {
	border: none;
}

.Grid td, .Grid th {
	background:url(../app_themes/somage/images/bg_p_border.gif) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:0;
	border-top: 1px solid #F0EDD9;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.Grid td span, .Grid td a {
	float: right;
}

.MyAddresses .Grid td a {
	float: none;
}

input#plcRoot_Layout_zoneMain_pageplaceholder_partPlaceholder_Layout_zoneContent_MyAccount_ucMySubscriptions_btnUpdate {
        text-align:right;
        font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        color:#FFF;
        border:none;
	float:left;
	width:130px;
	height:16px;
	margin-top:10px;
	margin-left:0px;
	padding:0px 2px 3px 0px;
	background: #af936c;
	cursor: pointer;
}
input#plcRoot_Layout_zoneMain_pageplaceholder_partPlaceholder_Layout_zoneContent_MyAccount_ucMySubscriptions_btnUpdate:hover {
        color:#000;
}

.fullproductlist {
	width: 639px;
}

.fullproductlistimage {
	padding-right: 5px;
}

.fullproductlistdescription {
	color: #333333;
	font-style: italic;
}

select.flavour-filter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a.state-link {
	margin-left: 10px;
	text-decoration: underline;
}
a.state-link:hover {
	text-decoration: none;
}