/*-----------------------------------------------------------------------------
Zoka Coffee Screen Stylesheet

version:    1.1
date:        September 3, 2008
author:        Ryan J. Salva
email:        ryan at capitolmedia dot com
website:    capitolmedia.com
-----------------------------------------------------------------------------


Default Font Styles
-----------------------------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}
HTML
{
	height: 100%;
}
BODY
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #FFFFCC;
	background-color: #251B11;
	height: 100%;
}
P, UL, OL, BLOCKQUOTE, H1, H2, H3, H4, H5, H6
{
	line-height: 1.3em;
	margin-bottom: 10px;
}
LI
{
	margin-bottom: 7px;
}
LI UL, LI OL
{
	margin-top: 7px;
	margin-bottom: 7px;
}
H1, H2, H3, H4, H5
{
	font-weight: bold;
}
H1
{
	font-size: 1.8em;
}
H2
{
	font-size: 1.6em;
}
H3
{
	font-size: 1.4em;
}
H4
{
	font-size: 1.2em;
}
H5
{
	font-size: 1em;
	margin-bottom: 5px;
}
UL, OL, BLOCKQUOTE, CODE
{
	padding-left: 3em;
}
IMG
{
	border: none;
}
A:link
{
	color: #FFFFCC;
	text-decoration: underline;
}
A:hover
{
	color: #FFFFCC;
	text-decoration: underline;
}
A:active
{
	color: #FFFFCC;
	text-decoration: none;
}
A:visited
{
	color: #FFFFCC;
	text-decoration: underline;
}

:focus,
a:focus {
	outline: 0;
	}
	
DIV#Wrapper A:link, DIV#Wrapper A:active, DIV#Wrapper A:visited
{

	color: #993302;
}
DIV#Wrapper A:hover
{
	color: #993302;
	text-decoration:none;
}
/*Tables
-----------------------------------------------------------------------------*/
TABLE, TD, TH
{
	border-collapse: collapse;
	border: 1px solid #000;
	font-family: "Lucida Sans", Verdana, Arial, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
TH, THEAD TD
{
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding: 3px;
}
TH, TD
{
	padding: 3px;
}
TABLE.contact, TD
{
	border: none;
	border-collapse: collapse;
}
/*Convenience Classes
-----------------------------------------------------------------------------*/
.Hidden
{
	display: none;
	visibility: hidden;
}
.Visible
{
	display: block;
	visibility: visible;
}
.Clear
{
	clear: both;
	float: none;
	padding-bottom: 1px;
	margin-bottom: -1px;
}
.forceclear {
	height:1px; 
	overflow:hidden;
	margin:0;
	padding:0;
	clear:both;
	float:none;
	
}
.Padding
{
	padding: 20px;
}
.Red
{
	color: #FF0000;
}
.FloatLeft
{
	float: left;
	margin: 0 15px 15px 0;
}
.FloatRight
{
	float: right;
	margin: 0 0 15px 15px;
}
.smaller
{
	font-size: smaller;
}
/*Canvas
-----------------------------------------------------------------------------*/
DIV#Wrapper, DIV#Promotion, DIV#Parchment
{
	margin: 0 auto;
	width: 780px;
	position: relative;
}
DIV#Wrapper
{
	background: url(../site/bg_wrapper.jpg) repeat-y top left;
	color: #000;
}
DIV#Parchment
{
	height: 110px;
	background: url(../site/bg_parchment.jpg) no-repeat top left;
	color: #000;
}
DIV#Parchment H1
{
	margin: 0;
}
DIV#Canvas
{
	position: relative;
	color: #000;
}
DIV#Canvas DIV.Padding
{
	padding-top: 0;
	position:relative;
	z-index:1;
}
DIV#LowerSection
{
	margin: 25px 0 0 15px;
	position: relative;
}
P#Ancestors
{
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.9em;
}
P#Ancestors, P#Ancestors A
{
	color: #000;
	text-decoration: none;
}
P#Ancestors A:hover
{
	text-decoration: underline;
}
/*Left Column
-----------------------------------------------------------------------------*/
DIV.Left
{
	margin-left: 180px;
}
DIV#Left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	color: #FFFFCC;
}
DIV#Left A:link, DIV#Left A:visited
{
	color: #FFFFCC;
}
DIV#Left A:hover, DIV#Left A:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
DIV.NavigationGroup
{
	padding-bottom: 40px;
	background: url(../site/bg_navigationgroup.gif) no-repeat center bottom;
}
DIV#SecondaryTea H3, DIV#SecondaryEssentials H3
{
	display: none;
}
DIV.NavigationGroup UL
{
	padding: 0;
	margin: 0 0 14px;
	list-style: none;
}
DIV.NavigationGroup UL LI
{
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}
DIV.NavigationGroup UL LI A
{
	display: block;
	width: 180px;
	line-height: 18px;
	height: 18px;
	font-size: 10px;
	text-decoration: none;
	overflow: hidden;
	text-indent: 20px;
	background: url(../site/bg_secondary.gif) no-repeat 10px 50%;
}
DIV.NavigationGroup UL LI A.Active
{
	color: #FFF;
	font-weight: bold;
}
/*Right Column
-----------------------------------------------------------------------------*/
DIV.Right
{
	margin-right: 240px;
}
DIV#Right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
}
/*Header
-----------------------------------------------------------------------------*/
DIV#Header
{
	margin: 0 auto;
	width: 780px;
	position: relative;
	z-index: 10;
	height: 110px;
}
DIV#Header A
{
	color: #FFFFCC !important;
}
A#Logo
{
	width:130px;
	position: absolute;
	top: 20px;
	left: 20px;
    padding: 77px 0 0 0;
    overflow: hidden;
    background-image: url(http://zokacoffee.com/site/logo_zoka.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:77px;
}



/*...............Subscribe to Campaign Monitor .................*/
FIELDSET#Subscribe
{
	border: none;
}
FIELDSET#Subscribe LEGEND
{
	display: none;
}
/*. . . . . . . . . . Primary Navigation . . . . . . . . . .*/
UL#Primary A
{
	text-decoration: none;
}
UL#Primary
{
	position: absolute;
	bottom: 15px;
	left: 191px;
	padding: 0;
	margin: 0;
	list-style: none;
}
UL#Primary LI
{
	display: block;
	float: left;
	position: relative;
	margin: 0 4px;
	padding: 0;
}
UL#Primary LI A
{
	display: block;
	background-image: url(http://www.zokacoffee.com/site/bg_primary.gif);
	height: 20px;
	line-height: 20px;
	text-indent: -2000em;
	outline: none;
}
UL#Primary LI UL
{
	position: absolute;
	width: 180px;
	height: auto;
	top: auto;
	left: -2000em;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 0.1em solid #7F2A00;
	z-index:1000;
}
UL#Primary LI.hover UL
{
	top: 20px;
	left: 0;
}
UL#Primary LI UL LI
{
	border-top: 1px solid #7F2A00;
	margin: 0;
	padding: 0;
}
UL#Primary LI UL LI A
{
	height: 24px;
	line-height: 24px;
	width: 180px !important;
	font-weight: normal;
	background: #993302;
	text-indent: 10px;
		outline: none;
}
UL#Primary LI UL LI A:hover
{
	background: #251B11;
	text-decoration: none;
		outline: none;
}
UL#Primary LI#HomeNavigation A
{
	width: 75px;
	background-position: 10px 0;
}
UL#Primary LI#HomeNavigation A:hover
{
	background-position: 10px -20px;
}
UL#Primary LI#CoffeeNavigation A
{
	width: 79px;
	background-position: -190px 0;
}
UL#Primary LI#CoffeeNavigation A:hover
{
	background-position: -190px -20px;
}
UL#Primary LI#TeaNavigation A
{
	width: 59px;
	background-position: -390px 0;
}
UL#Primary LI#TeaNavigation A:hover
{
	background-position: -390px -20px;
}
UL#Primary LI#CoffeeClubNavigation A
{
	width: 109px;
	background-position: -590px 0;
}
UL#Primary LI#CoffeeClubNavigation A:hover
{
	background-position: -590px -20px;
}
UL#Primary LI#EducationNavigation A
{
	width: 96px;
	background-position: -790px 0;
}
UL#Primary LI#EducationNavigation A:hover
{
	background-position: -790px -20px;
}
UL#Primary LI#AboutNavigation A
{
	width: 107px;
	background-position: -990px 0;
}
UL#Primary LI#AboutNavigation A:hover
{
	background-position: -990px -20px;
}
/*. . . . . . . . . . System Navigation . . . . . . . . . .*/
UL#System
{
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 35em;
}
UL#System LI
{
	display: block;
	float: right;
	margin-left: 2em;
}
DIV#Header UL#System A
{
	color: #cfb07d !important;
}

UL#System A:hover
{
	text-decoration: underline;
	color: #FFF !important;
}

a#ViewCart,
a#ShowSubscribe,
a#locations {
	padding:0 0 0 23px;
	color:#cfb07d;
	text-decoration:none;
}

a#ViewCart {
	background: url(http://www.zokacoffee.com/site/icon-cart.gif) no-repeat 0 50%;
}

a#ShowSubscribe {
	background: url(http://www.zokacoffee.com/site/bg_showsubscribe.gif) no-repeat 0 50%;
}

a#locations {
	background: url(http://www.zokacoffee.com/site/icon-cup.gif) no-repeat 0 50%;
}
/*Promotion
-----------------------------------------------------------------------------*/
DIV#Promotion P
{
	font-size: 1.25em;
}
DIV#Promotion IMG.promobutton
{
	padding-top: 0.1em;
}
DIV#Promotion
{
	padding-top: 2em;
}
/*Footer
-----------------------------------------------------------------------------*/
DIV#Footer
{
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
}
DIV#Footer A
{
	color: #FFFFCC !important;
	text-decoration: underline !important;
}
P#Copyright, P#Credits
{
	margin: 0;
}
/*Page Properties (edit mode)
-----------------------------------------------------------------------------*/
DIV#PageProperties
{
	position: relative;
	padding: 1em;
	color: #000;
	background: #FFF;
	font-family: "lucida grande", "lucida sans", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
DIV#PageProperties A
{
	color: #0000FF !important;
}
DIV#PageProperties A:hover
{
	color: #0000FF !important;
}
DIV#MetaData
{
	margin-right: 240px;
	padding: 10px;
	background: #DEDEDE;
}
H4#MetaKeywords
{
	padding-left: 20px;
	background: url(/admin/tag_blue.png) no-repeat 0 50%;
}
H4#MetaDescription
{
	padding-left: 20px;
	background: url(/admin/tag_red.png) no-repeat 0 50%;
}
DIV#InternalComments
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 220px;
	line-height: 1.6em;
}
DIV.Note
{
	padding: 5px 5px 5px 35px;
	background: #F3E5A1 url(/admin/note.png) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}
/*Forms
-----------------------------------------------------------------------------*/
FIELDSET
{
	padding: 1em;
	border: none;
	border-top: 1px solid #0000FF;
}
LEGEND
{
	font-size: 1.4em;
	color: #0000FF;
}
DIV.LabelInput
{
	margin-bottom: 7px;
	display: block;
}
INPUT[type='text'], INPUT[type='password'], SELECT, TEXTAREA
{
	font-size: 1em;
	font-family: "Lucida Sans", Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: 3px;
	border: 1px solid #666;
	width: 23em;
}
SELECT
{
	width: 23.7em;
}
TEXTAREA
{
	width: 37em;
	height: 20em;
}
DIV.FullWidth INPUT[type='text'], DIV.FullWidth INPUT[type='password'], DIV.FullWidth SELECT, DIV.FullWidth TEXTAREA
{
	width: 32em;
}
.Radio LABEL
{
	width: auto;
	display: inline;
	float: none;
}
LABEL
{
	line-height: 2em;
	width: 12em;
	float: left;
	display: block;
}
DIV.FullWidth LABEL
{
	width: 15em !important;
	padding-right: 1em;
	text-align: right;
}
DIV.Submit, P.Submit, SPAN.Submit
{
	display: block;
	padding: 14px 0 14px 12em;
/*right padding for label width plus label padding*/
}
#Submit
{
	width: 8em;
	margin-right: 14px;
}
.Required
{
	font-weight: bold;
}
/*Validation messages delivered by validate.js
-----------------------------------------------------------------------------*/
.error
{
	background: #F3E5A1;
}
DIV.errorMessage
{
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}
/*Info, Error & Success Messages
-----------------------------------------------------------------------------*/
.Info, .Error, .Success, .ErrorInline, .Help
{
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}
.Info A, .Error A, .Success A, .ErrorInline A
{
	color: #000;
	text-decoration: underline;
}
.Info
{
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}
.Error
{
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}
.Success
{
	background: #B5E1AE url(../site/icon_success.gif) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}
.Help
{
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}
/*Modal Dialog Box
-----------------------------------------------------------------------------*/
BODY#Modal
{
	background: #FFF;
	color: #000;
}
.ModalContainer
{
	background: #FFF;
}
.ModalTitle
{
	padding: 10px;
	font-size: 2em;
	color: #000;
}
.ModalMessage
{
	padding: 10px;
	color: #000;
}
.ModalClose
{
	position: relative;
}
.ModalClose A
{
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -2000em;
	background: url(/site/close.gif) no-repeat top right;
}
.ModalClose A:hover
{
}
/*Form Tips
-----------------------------------------------------------------------------*/
DIV.FormTip
{
/*the floating tooltip*/
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}
/*JavaScript Debug Log
-----------------------------------------------------------------------------*/
DIV#Debug
{
	display: none;
	height: 200px;
	overflow: auto;
	padding: 1em;
	background: #000;
	color: #008000;
}
/*Event Calendar
-----------------------------------------------------------------------------*/
TABLE.Calendar
{
	border: none;
	margin-bottom: 20px;
}
TABLE.Calendar TH
{
	height: 20px;
	border: 1px solid #D0B581;
	background: #770000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}
TABLE.Calendar TD
{
	height: 85px;
	width: 85px;
	border: 1px solid #D0B581;
	font-size: 10px;
	color: #444444;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
TABLE.Calendar TD DIV.Padding
{
	padding: 10px 0px;
}
SPAN.UpcomingEvents_Title
{
	font-weight: bold;
	font-size: 13px;
}
SPAN.UpcomingEvents_Description
{
	font-size: 12px;
	padding-left: 16px;
}
UL#UpcomingEventList LI
{
	letter-spacing: 1px;
	line-height: 14px;
}
TABLE.Calendar A
{
	font-size: 11px;
}
TABLE.Calendar TH.CurrentMonth
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #770000;
	border: none;
	background: none;
	height: 30px;
}
TABLE.Calendar TH.PreviousMonth
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #770000;
	border: none;
	background: none;
	height: 30px;
}
TABLE.Calendar TH.NextMonth
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #770000;
	border: none;
	background: none;
	height: 30px;
}
TABLE.Calendar TD.Weekday
{
	background: #FFFFF0;
}
TABLE.Calendar TD.Weekend
{
	background: #FFFFE0;
}
TABLE.Calendar TD.Other
{
	background: #EEEEEE;
	color: #CCCCCC;
}
/*Event
-----------------------------------------------------------------------------*/
DIV.Event
{
	height: 100%;
	padding: 5px;
}
DIV.Event.Today
{
	background-color: #EAFFB4;
}
DIV.Event UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
DIV.Event SPAN.Time
{
	clear: both;
	display: block;
}
TABLE#Event #Date
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: xx-large;
	color: #000000;
	vertical-align: top;
	line-height: normal;
	padding: 5px 10px 0px 0px;
	width: 10%;
}
TABLE#Event #Month
{
	text-transform: uppercase;
	padding: 5px 0px;
	border-bottom: 1px solid #000000;
}
TABLE#Event #Time
{
	color: #999999;
	text-align: right;
	padding: 5px 0px;
	border-bottom: 1px solid #000000;
	white-space: nowrap;
}
.EventTitle, .EventTitleEdit
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	color: #000000;
	margin: 5px 0px 0px;
	font-weight: bold;
}
#Event #Address
{
	margin: 20px 0px 0px;
	font-weight: normal;
}
/*Home Page
-----------------------------------------------------------------------------*/
DIV#Splash
{
	background: url(/site/bg_splash.jpg) no-repeat 0 0;
	width: 780px;
	margin: 0 auto;
}
DIV#Home
{
	width: 780px;
	position: relative;
	margin: 0 auto;
	background: url(/site/bg_wrapper_home.jpg) repeat-y 0 0 !important;
}
DIV#RotatingBanner
{
	width: 720px;
	height: 410px;
	margin: 15px auto;
	z-index: 9;
	position: relative;
	background: #000;
}
DIV#RotatingBanner A
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/*. . . . . . . . . .  Product Specials . . . . . . . . . .*/
DIV#Specials
{
	margin: 0 290px 0 180px;
	padding: 10px 0;
	position: relative;
}
DIV#Specials UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
DIV#Specials UL LI
{
	display: block;
	position: relative;
	margin-top: 8px;
	width: 290px;
	height: 70px;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/bg_coffeelistitem.png', sizingMethod='scale');
	background: url(/site/bg_coffeelistitem.png) no-repeat 0 0;
	_background: none;
/*IE hack*/
}
DIV#Specials UL LI A
{
	display: block;
	padding: 10px;
	color: #FFF;
}
DIV#Specials UL LI A:hover
{
	text-decoration: underline;
}
DIV#Specials UL LI A IMG
{
	float: right;
}
/*. . . . . . . . . .  Blog RSS Feed . . . . . . . . . .*/
DIV#HomeFeed
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 280px;
}
DIV#HomeFeed UL
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
DIV#HomeFeed UL LI
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/listitem_latestblog.png', sizingMethod='scale');
	background: url(/site/listitem_latestblog.png) no-repeat 0 0;
	_background: none;
/*IE hack*/
	margin-bottom: 20px;
}
DIV#HomeFeed UL LI
{
	padding: 0 0 0 40px;
}
DIV#HomeFeed UL LI A:hover
{
	text-decoration: underline;
	color: #FFF;
}
/*. . . . . . . . . .  Banner . . . . . . . . . .*/
DIV#Community
{
	width: 780px;
	margin: 0 auto;
	position: relative;
}
DIV#Banner
{
	position: absolute;
	left: 7px;
	top: 0;
}
/*. . . . . . . . . .  Recent Photos . . . . . . . . . .*/
DIV#RecentPhotos
{
	padding: 10px;
	margin: 20px 300px 20px 0;
	background: #514936;
}
DIV#RecentPhotos UL
{
	list-style: none;
	margin: 0;
	padding: 0;
}
DIV#RecentPhotos UL LI
{
	float: left;
	margin: 0;
	padding: 0;
}
DIV#RecentPhotos UL LI IMG
{
	border: 0;
}
/*............... Join Our Mailing List .................*/
FIELDSET#MailingList
{
	float: right;
	width: 215px;
	margin: 2em 3em;
	padding: 0;
	border: none;
}
FIELDSET#MailingList LEGEND
{
	color: #FFF;
}
FIELDSET#MailingList INPUT
{
	width: 200px;
}
/*Product List
-----------------------------------------------------------------------------*/
DIV.ProductList
{
	float: left;
	display: block;
	width: 280px;
	height: 200px;
	position: relative;
	z-index: 1;
}
DIV.ProductList DIV.Padding
{
	padding: 0 20px 0 100px;
}
DIV.ProductList H4
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}
DIV.ProductList IMG
{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #444444;
}
DIV.ProductList P.Price
{
	color: #993300;
}
/*. . . . . . . . . . Pop Up . . . . . . . . . .*/
SPAN.Open
{
	position: absolute;
	display: block;
	width: 65px;
	height: 80px;
	background: url(../site/button_preview.gif) no-repeat 0 0;
	z-index: 9;
	top: 60px;
	left: 10px;
	text-indent: 2000em;
	cursor: pointer;
	overflow: hidden;
}
DIV.Pop
{
	position: absolute;
	top: -50px;
	left: -10px;
	width: 300px;
	background: #2C230A;
	z-index: 100;
}
DIV.CoffeeName
{
	padding: 10px;
	background: #990000;
	color: #FFF;
	font-family: arial, verdana, sans-serif;
	text-align: center;
}
DIV.CoffeeName H5
{
	font-size: 1.2em;
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
	white-space: nowrap;
}
SPAN.Type, SPAN.Special
{
	display: block;
	color: #FFFFCC;
}
SPAN.Type
{
	font-size: 1.1em;
}
SPAN.Special
{
	font-family: Georgia, "Times New Roman", Serif;
}
UL.Attributes
{
	margin: 10px;
	padding: 10px;
	background: #FFFFCC;
	list-style: none;
}
UL.Attributes LI
{
	margin: 0;
	padding: 0;
}
UL.Attributes SPAN.AttributeName
{
	text-transform: uppercase;
	font-weight: bold;
}
UL.Taste, UL.Aroma
{
	margin: 10px;
	padding: 0;
	list-style: none;
}
UL.Taste SPAN.AttributeName, UL.Aroma SPAN.AttributeName
{
	color: #FFF;
	display: block;
}
UL.Taste SPAN.AttributeValue, UL.Aroma SPAN.AttributeValue
{
	display: block;
	height: 5px;
	background: url(../site/bg_taste.gif) repeat-y 0 0;
	text-indent: -2000em;
}
DIV.Tagline
{
	background: #FFFFCC;
	color: #000;
	margin: 10px;
	padding: 10px;
}
SPAN.Close
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-indent: -2000em;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../site/button_close.gif) no-repeat 0 0;
	cursor: pointer;
}
P.ReadMore
{
	padding: 0 10px;
}
P.ReadMore A
{
	display: block;
	width: 83px;
	height: 24px;
	background: url(../site/button_readmore.gif) no-repeat 0 0;
	text-indent: -2000em;
}
/*Product Detail
-----------------------------------------------------------------------------*/
DIV#ProductDetail
{
	position: relative;
}
DIV#Item
{
	margin-left: 270px;
	padding-bottom: 14px;
}
P#Price
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
}
DIV#Item LABEL
{
	width: 80px;
}
DIV#Item DIV.FormControls
{
	margin-left: 80px;
}
DIV#Item INPUT, DIV#Item SELECT, DIV#Item TEXTAREA
{
	width: 150px;
}
IMG#DetailImage
{
	float: left;
	border: 1px solid #666666;
}
DIV#RelatedItems
{
	margin-top: 3em;
}
/*Blog
-----------------------------------------------------------------------------*/
.BlogPost
{
	padding: 25px 0;
}
.CommentPost
{
	padding: 25px 0px;
}
.Comments
{
}
.BlogPost IMG, .CommentPost IMG, .Comments IMG, .Blog IMG
{
	float: left;
	margin: 0 1em 1em 0;
	clear: both;
}
DIV.CalendarBox
{
	display: block;
	width: 61px;
	height: 56px;
	background: url(../site/bg_calendardate.gif) no-repeat top left;
	float: left;
	margin: 0 0.8em 0.8em 0;
}
DIV.CalendarBox SPAN.CalendarMonth, DIV.CalendarBox SPAN.CalendarDay
{
	font-family: "Lucida Sans", Verdana, Arial, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	text-align: center;
	display: block;
	text-transform: uppercase;
}
DIV.CalendarBox SPAN.CalendarMonth
{
	display: block;
	height: 16px;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 9px;
}
DIV.CalendarBox SPAN.CalendarDay
{
	height: 40px;
	line-height: 34px;
	color: #000000;
	font-size: 21px;
}
DIV.ContinueReading, DIV.ContinueReading A:link, DIV.ContinueReading A:active, DIV.ContinueReading A:visited
{
	color: #993300 !important;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	font-style: italic;
}
DIV.ContinueReading A:hover
{
	text-decoration: underline;
}
DIV.BlogMeta
{
	display: block;
	float: left;
	width: 450px;
}
SPAN.PostedBy
{
	display: block;
}
/*. . . . . . . . . . Blog Forms . . . . . . . . . .*/
FORM#CommentsForm FIELDSET, FORM#comments-form FIELDSET
{
	padding: 1em;
	border: none;
}
DIV.BlogLabelInput, SPAN.BlogLabelInput
{
	margin-bottom: 7px;
	display: block;
}
DIV.BlogLabelInput INPUT, DIV.BlogLabelInput SELECT, DIV.BlogLabelInput TEXTAREA
{
	width: 32em;
	font-size: 1em;
	font-family: "Lucida Sans", Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: 3px;
	border: 1px solid #666;
}
DIV.BlogLabelInput LABEL
{
	width: 15em !important;
	margin-right: 1em;
	text-align: right;
}
DIV.BlogSubmit, P.BlogSubmit, SPAN.BlogSubmit
{
	display: block;
	padding: 14px 0 14px 16em;
/*right padding for label width plus label padding*/
}
INPUT.BlogButton
{
	width: 68px;
	position: relative;
	height: 24px;
	outline: none;
	border: none;
	cursor: hand;
	cursor: pointer;
}
INPUT#BlogSubmitButton
{
	background: url(../site/buttons/button_submit.gif) no-repeat top left;
}
INPUT#BlogPreviewButton
{
	background: url(../site/buttons/button_preview.gif) no-repeat top left;
}
INPUT#BlogCancelButton
{
	width: 62px !important;
	background: url(../site/buttons/button_cancel.gif) no-repeat top left;
}
SPAN.CommentsText
{
	font-size: 10px !important;
}
/*. . . . . . . . . . Photo Gallery . . . . . . . . . .*/
DIV#Gallery DIV.GalleryImage
{
	width: 170px;
	height: 190px;
	float: left;
	text-align: center;
}
DIV#Gallery A
{
	padding: 5px;
	margin: 5px;
	display: block;
}
DIV#Gallery A:hover
{
	text-decoration: none;
}
DIV#Gallery IMG
{
	border: 1px solid #000;
}
DIV#Gallery IMG:hover
{
	border: 1px solid #993302;
}
DIV#Gallery SPAN.PhotoTitle
{
	clear: both;
	display: block;
	margin: 5px auto 0;
}
/*. . . . . . . . . . Wholesale . . . . . . . . . .*/
DIV.Wholesale
{
	padding: 10px;
	margin-bottom: 20px;
	background-color: #D6D7AA;
	display: block;
	border: 1px solid #A2A381;
}
DIV.Wholesale DIV.Product
{
	float: left;
	width: 425px;
}
DIV.Wholesale DIV.Product IMG
{
	float: left;
	padding-right: 10px;
	margin: auto 0;
}
DIV.Wholesale DIV.Product A
{
}
DIV.Wholesale DIV.Product H4
{
}
DIV.Wholesale DIV.Product P
{
	margin-left: 95px;
}
DIV.Wholesale DIV.Detail
{
	float: right;
	text-align: right;
	display: block;
}
DIV.Wholesale DIV.Detail P
{
	margin: 0 0 10px;
}
DIV.Wholesale DIV.Detail P.Price
{
	font-weight: bold;
	color: #993302;
	font-size: 18px;
	margin-bottom: 0;
}
DIV.Wholesale DIV.Buy
{
}
DIV.Wholesale DIV.Buy DIV.LabelInput
{
}
DIV.Wholesale DIV.Buy LABEL
{
	text-align: left;
	width: 60px;
}
DIV.Wholesale DIV.Buy INPUT.Textbox
{
	width: 30px;
	border: 1px solid #808080;
}
INPUT.Submit
{
	background: url(http://secure.zokacoffee.com/site/button_addtocart.gif) no-repeat 0 0;
	border: none;
	width: 90px;
	height: 20px;
	float: right;
}


/* ADDED LEFT NAV NON-SIFR HEADER STYLES */

.sidenav-cat-header {
	text-transform:uppercase;
	margin:0 0 10px 10px;
	font-weight:bold;
}

.sidenav-cat-header a {
	text-decoration:none;
}

.sidenav-header {
	margin:0 0 3px 10px;
	text-transform:uppercase;
}


/* NEW HEADER BAR STYLES */

div#header-cap-wrapper { height:40px; background:#5e250e url(http://www.zokacoffee.com/site/bg-header-cap-wrapper.jpg) repeat-x bottom left; display:relative; width:100%;}
div#header-cap { width:785px; background:transparent url(http://www.zokacoffee.com/site/bg-header-cap-shadows.jpg) no-repeat bottom left; margin:0 auto; height:40px; position:relative;}
div#header-cap div.coffee-roasters { padding-left: 27px; height:40px; line-height:40px; float:left; }
div#header-cap div.coffee-roasters, #header-cap div.coffee-roasters a { color:#ab673e; font-size:11px; text-decoration:none; text-transform:none;}

div#header-cap ul { margin:0; padding:0; float:right;}
div#header-cap ul li { background: transparent url(http://www.zokacoffee.com/site/bg-header-cap-divider.jpg) no-repeat left 2px; float:left; display:block; text-transform:uppercase; height:40px; line-height:40px; padding:12px 19px 0 19px; }
div#header-cap ul li a { color:#bf8d5d; text-decoration:none; height:15px !important; line-height:15px; display:block;}
div#header-cap ul li a:hover { color:#cfb07d; text-decoration:none; }
div#header-cap a#hdr-locations { background:url(http://www.zokacoffee.com/site/hdr-icon-locations.png) no-repeat 0 0; padding-left:24px; }
div#header-cap a#hdr-locations:hover { background:url(http://www.zokacoffee.com/site/hdr-icon-locations.png) no-repeat bottom left; }
div#header-cap a#hdr-blog  { background:url(http://www.zokacoffee.com/site/hdr-icon-blog.png) no-repeat top left; padding-left:24px;}
div#header-cap a#hdr-blog:hover  { background:url(http://www.zokacoffee.com/site/hdr-icon-blog.png) no-repeat bottom left; }
div#header-cap a#hdr-cart { background:url(http://www.zokacoffee.com/site/hdr-icon-cart.png) no-repeat top left; padding-left:24px;} 
div#header-cap a#hdr-cart:hover { background:url(http://www.zokacoffee.com/site/hdr-icon-cart.png) no-repeat bottom left;} 

form#mc-embedded-subscribe-form {
	position:absolute;
	top:13px;
	right:0px;
}


input#mce-EMAIL { 
width:250px; 
height:24px !important;
line-height:24px;
background:#2d1e11; 
margin:0 !important; 
border:1px solid #3e301f; 
color:#84613e;
float:left;
padding:0;
padding-left:7px;
font-size:11px;
font-family:verdana, arial; 
}

input#mc-embedded-subscribe {
background:url(http://www.zokacoffee.com/site/btn-subscribe-bg.jpg) no-repeat scroll left top #250e04 !important;
cursor:pointer !important;
display:block !important;
float:left !important;
height:26px !important;
margin:0 !important;
overflow:hidden !important;
padding:0 !important;
text-indent:-1000px !important;
width:27px !important;
border:1px solid #3e301f;
border-left:0;
color:#fff;
}