/* ZOKACOFFEE.com Stylesheet 1.1 - Jul 26th 2006 */

/* Sitewide body and link styles. */
* {
	margin: 0;
	padding: 0;
}
body {
	background: url("img/zoka_bg_test1.jpg");
	font: 12px/18px Georgia,"Times New Roman",Times,Serif;
	color: #45250e;
}
a:link {
	color: #720000;
	text-decoration: none;
}
a:visited {
	color: #720000;
	text-decoration: none;
}
a:hover {
	color: #45250e;
	text-decoration: underline;
}
a:active {
	color: #45250e;
	text-decoration: underline;
}
img {
	border: none 0px;
}

p { 
     margin: 0 0 10px 0;
}

/* Sitewide Header Styles */
h1 {
    font-weight:bold;
	font-size:20px ;
	margin: 0 0 7px 0;
	color: #513015;
}
.secureh1 {
	padding: 0 0 0 20px;
	background: url("/templates/main_imagery/secureicon.gif") 0px 2px no-repeat;
}
h2 {
	font: 20px Georgia,"Times New Roman",Times,Serif;
	margin: 0 0 7px 0;
	color: #513015;
	font-weight:bolder;
}
h3 {
	font: 13px Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
	margin: 7px 0 4px 0;
	color: #513015;
}
.h3fix {
	margin: 0px 0 -14px 0;
}
h4 {
	font: 11px/18px Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
	margin: 0 0 0px 0;
	color: #513015;
}
h5 {
	font: 10px/16px Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
	margin: 0 0 0px 0;
	color: #513015;
}

hr {
	color: #b2a075;
	background-color: #b2a075;
	height: 1px;
	margin: 3px 0 0 0;
}
.biger2{font-size:16px; position:relative; top:20px;}

/* Because sometimes you just have to float something. */
.floatl {
	float: left;
}
.floatr {
	float: right;
}
.searchbox {
	border: 1px solid #8D603D;
	padding: 1px;
}
fieldset {
	padding: 8px;
	border: 1px solid #660033;
}

fieldset legend {
	font-size: 1.1em; 
	font-weight: bold; 
	margin: 0; 
	padding: 8px; 
	color: #660033;
}

fieldset label {
	clear: left; 
	display: block; 
	float: left; 
	width: 130px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom: 6px;
}

fieldset input {
	margin: 0 0 6px 0;
}
fieldset select {
	margin: 0 0 4px 0;
}
fieldset textarea {
	margin: 0 0 4px 0;
}

#friend{height:60px; padding:20px 0px 0px 80px;}
#friendlittle{font-size:14px}

/* HORIZON - This guy holds everything else. Centered right now. */
#horizon {
	position: absolute;  
	width: 818px;
	left: 50%;
	margin-left: -409px;
	background: url("/img/zoka_coffee_stain.gif") no-repeat 470px 275px;
}
#horizon-wh {
	position: absolute;  
	width: 818px;
	left: 50%;
	margin-left: -409px;
	background: url("img/zoka_coffee_stain-wh.gif") no-repeat 470px 275px;
}

/* TOP NAVBAR DIVS and whatnot. The #header holds all of the top stuff, the navbar, the login/cart details and logo */
#header {
	margin: 0 29px 0 29px;
	padding: 13px 25px 0 25px;
	height: 106px;
	width: 710px;
	background: url("img/zoka_main_header.jpg");
}
#topnav {
	margin: 0 29px 0 29px;
	width: 760px;
	height: 61px;
	background: url("img/zoka_main_topnav.gif");
}

#topbuttons {
	float: left;
	height: 57px;
	width:500px;
	margin: 0 0 0 8px;
}

.navprimary {
	list-style: none;
	
}
.navprimary li {
	float: left;
	font-size: 15px;
	padding: 8px 15px 0 34px;
    display:inline
}
.navsub li{
    float: left;
	font-size: 12px;
	padding: 8px 15px 0 35px;
    display:inline
}
.navsecondary {
	list-style: none;
	clear: both;
}
.navsecondary li {
	float: left;
	font-size: 11px;
	padding: 10px 0 0 14px;
}
.bugcoffee {
	background: url("/templates/main_imagery/zoka_main_bugcoffee.gif") no-repeat 10px 8px;
}
.bugtea {
	background: url("/templates/main_imagery/zoka_main_bugtea.gif") no-repeat 12px 8px;
}
.bugblog {
	background: url("/templates/main_imagery/zoka_main_bugzine3.gif") no-repeat 13px 10px;
}
.bugwholesale {
	background: url("/templates/main_imagery/zoka_main_bugwholesale.gif") no-repeat 13px 6px;
}
#topsearch {
	float: left;
	height: 37px;
	padding: 20px 0 0 30px;
	width: 192px;
}
#logindetails {
	float: right;
	width: 240px;
	color: #fff;
	font-size: .9em;
	margin-top: -1px;
}
#logindetails a:link {
	color: #f8ffa4;
}
#logindetails a:visited {
	color: #f9ffa4;
}
#logindetails a:hover {
	color: #fff;
}
#topcart {
	background: url("zoka_main_cartbug.gif") no-repeat;
	margin: 6px 0 0 -22px;
	padding: 7px 0 0 22px;
	height: 25px;
}
.logininput {
	height: 18px;
	font-size: .9em;
	width: 87px;
	padding: 2px 0 0 0;
	border: 1px solid #45250e;
}
.logininputp {
	height: 18px;
	width: 87px;
	font-size: .9em;
	padding: 2px 0 0 0;
	background-color: #fef1aa;
	border: 1px solid #45250e;
}
.logintitle {
	line-height: 13px;
	font-size: .9em;
	font-weight: bold;
}
.loginbutton {
	position:absolute;
}
.welcometitle {
	font-size: 1.2em;
}
.homelink {
	display: block;
	width: 130px;
	height: 79px;
	float: left;
	text-decoration: none;
	background: url("/templates/main_imagery/zoka_main_logohover.gif") 0 -79px no-repeat; 
}
.loggedin {
	margin: 0 0 22px 0;
}
.homelink:hover {
	display: block;
	width: 130px;
	font-size: 0px;
	text-decoration: none;
	height: 79px;
	background: url("/templates/main_imagery/zoka_main_logohover.gif") 0 0 no-repeat; 
}

/* The Homepage Slideshow div and it's friend, the email newsletter submit */
#introslides {
	margin: 0 29px 0 27px;
	padding: 24px 0px 0 24px;
	width: 760px;
	height: 251px;
	background: url("img/zoka_slideshow_frame.gif") no-repeat 20px 20px;
}

.firseletter {
	font-size: 22px;
	color: #993300;
}
#introslides p {
	padding: 8px 49px 0 0;
	margin: 0 0 10px 20px;
	font: 12px/16px;
	text-indent:0%;

}
#introslides object {
	margin: 0 18px 0 0;
}
.a_is_for_awesomeness {
	font-size: 30px;
	line-height: 24px;
}
.email_newsletter {
	width: 140px;
	height: 18px;
	padding: 0;
	margin: 0 0 1px 0;
	font: 11px/16px Georgia,"Times New Roman",Times,Serif;
	color: #660000;
}
.email_newsletterside {
	width: 120px;
	height: 18px;
	padding: 0;
	margin: 0 0 1px 0;
	font: 11px/16px Georgia,"Times New Roman",Times,Serif;
	color: #660000;
}
.email_newsletter_submit {
	width: 40px;
	height: 24px;
	padding: 1px;
	font: 10px/16px Georgia,"Times New Roman",Times,Serif;
	color: #660000;
}

/* The Product category list on the homepage */
#product_categories {
	margin: 0 53px 0 50px;
	width: 728px;
}
#home_coffeemenu {
	width: 458px;
	height: 140px;
	float: left;
	background: url("/templates/main_imagery/zoka_main_bagicon.jpg") no-repeat 0px 36px;
}
#home_coffeemenu ul {
	list-style: none;
	width: 406px;
	margin: 0 0 0 52px;
}
#home_coffeemenu ul li {
	width: 135px;
	float: left;
	padding: 4px 0 4px 0;
	font: 11px Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
}
#home_teamenu {
	float: left;
	width: 250px;
	background: url("/templates/main_imagery/zoka_main_teaicon.gif") no-repeat 0px 36px;
}
#home_teamenu ul {
	list-style: none;
	width: 170px;
	margin: 0 0 0 78px;
}
#home_teamenu ul li {
	width: 85px;
	float: left;
	padding: 4px 0 4px 0;
	font: 11px Georgia,"Times New Roman",Times,Serif;
	font-weight: bold;
}

/* The Paper at the bottom of the homepage with updats and all that good stuff. */
#home_newspaper {
	width: 714px;
	height: 370px;
	margin: -10px 0 0 0;
	padding-top: 35px; 
	padding-right: 52px;
	padding-bottom: 30px;
	padding-left: 52px;
	clear: both;
	background: url("/img/zoka_main_paper2.gif") no-repeat;
}

/* The columns in the paper, these need to be renamed, a,b,c are poor names */
#column_a {
    position:relative; top:25px;
	float: left;
	width: 222px;
	margin: 8px 8px 0 8px;
	display: inline;
}
#column_a ul {
	list-style: none;
}
#column_b img {
	float:left;
	width: 50px;
	height: 50px;
	border: 1px solid #45250e;
	margin: 4px 7px 0 0;
}
#column_a img {
	float:left;
	width: 50px;
	height: 50px;
	border: 1px solid #45250e;
	margin: 4px 7px 0 0;
}
#column_c img {
	float:left;
	width: 50px;
	height: 50px;
	border: 1px solid #45250e;
	margin: 4px 7px 0 0;
}
#column_a h4 {
	margin: -4px 0 -2px 0;
}
.prod_highlight {
	clear: both;
	margin: 0 0 20px 1px;
}
#column_b {
    position:relative; top:25px;
	float: left;
	width: 222px;
	margin: 8px 8px 0 8px;
	display: inline;
}
#column_c {
  position:relative; top:25px;
	float: left;
	width: 222px;
	margin: 8px 8px 0 8px;
	display: inline;
}
#column_c p {

	
}

/* The inner canvas is the div that comes after the top navigation and before the footer. 
It contains most of the page content. Some pages will use a big empty inner_canvas, such 
as the calendar, and some will contain a #sidebar in the inner_canvas */
#inner_canvas {
	margin: 20px 35px 0 35px;
}
/* The sidebar is on 80% of the inner pages. It's pretty simple at this point. It lives in the #inner_canvas with #stuffgoeshere */
#sidebar {
	width: 196px; height:795px;
	background: #f8f0db url("/templates/main_imagery/sidebar_bg.jpg") no-repeat;
	border: 1px solid #b2a075;
	padding: 0;
	float: left;
}


 #barline{
   width:196px;
   height:20px;
   background-image:url(product1_files/barline.gif);
 }
 
 #barline2{
 float:left;
 padding:8px 41px 5px 25px;
 position:relative; top:300px;
 border-bottom: #9A5714 2px solid;
 background: #F8BF61;
font-size:13px;
}

#life{position:relative; top:20px;}
/* Stuffgoeshere is the div that contains the ACTUAL content. It sits to the right of #sidebar and holds product/category/forms/account info. It may not exist on pages that only use the inner_canvas */
#stuffgoeshere {
	padding: 0 0 0 17px;
	width: 512px;
	float: left;
}

#footer {
	clear: both;
	text-align: center;
	padding: 0 0 0 0px;
	font-size: 12px;
}

.carttotal {
	
}
.sidehighlights {
	margin: 0 0 7px 0;
	font-size: .9em;
}
.sidethumb {
	width: 50px;
	height: 50px;
	border: 1px solid #660000;
	float: left;
	margin: 0 8px 0 0;
}
.blogthumb {
	border: 1px solid #660000;
	float: left;
	margin: 3px 8px 8px 0;
}
ul {
	list-style: none;
}


#subcoffeemenu {
	padding: 15px 8px 8px 20px;
	margin: 0 0 2px 0;
	display: block;
	position: relative;
 }

#subcoffeemenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#subcoffeemenu li { margin: 0; 
	font-size: 14px; line-height:30px; letter-spacing:2px;
}

#subcoffeemenu a
{
background-color: transparent;
text-decoration: none;
}

#subcoffeemenu ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}

#subcoffeemenu li li a
{
background-color: transparent;
margin: 0;
text-decoration: none;
}
.teadoubleup {
	display: block;
	width: 180px;
}
.teadoubleup li {
	display: block;
	width: 90px;
	float: left;
}
.clear {
	clear: both;
	margin: 17px 0 0 0;
}
#therestofthesidebar {
	clear: both;
	padding: 4px 8px 8px 8px;
}
.searchresults {
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;
}
.searchresults img {
	margin: 4px 8px 0 0;
	border: 1px solid #660000;
}
.bulletlist {
	list-style: circle;
	margin: 15px 100px 0 40px;
}
.bulletlist li {
	margin: 6px 0 0 0;
}
.storeblock {
	width: 235px;
	padding: 10px;
	float: left;
}
.spaceme {
	margin: 0 0 18px 0;
}

.entry {
	margin: 0 0 20px 0;
}
.entry-footer {
	font-size: 11px;
	margin: -5px 0 7px 0;
}
.entry-more-link {
	margin: 10px 0 0 0;
}
.fullproductphoto {
	width: 250px;
	height: 192px;
	border: 1px solid #660000;
	float: left;
	margin: 0 8px 20px 2px;
}

.cartproductphoto {
	width: 50px;
	height: 50px;
	border: 1px solid #660000;
}
#buybox {
	float: left;
	width: 250px;
	height: 185px;
	padding: 20px 0 0 0;
	background: url("/templates/main_imagery/prod_buybox22.gif") no-repeat;
}
.clearall {
	clear: both;
	margin: 0 0 8px 0;
}
.clearallcenter {
	clear: both;
	margin: 0 0 8px 0;
	text-align: center;
}

#buybox fieldset {
	padding: 8px;
	border: none;
}

#buybox fieldset legend {
	font-size: 1.1em; 
	font-weight: bold; 
	margin: 0; 
	padding: 8px; 
}

#buybox fieldset label {
	clear: left; 
	display: block; 
	float: left; 
	width: 70px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom: 6px;
}
.biggersectionthumb {
	width: 100px;
	height: 100px;
	float: left;
	border: 1px solid #660000;
	margin: 4px 4px 30px 0;
}


#buybox fieldset input {
	margin: 0 0 6px 0;
}
#buybox fieldset select {
	margin: 0 0 4px 0;
}
#buybox fieldset textarea {
	margin: 0 0 4px 0;
}
.theprice {
	margin: 0 0 2px 77px;
	font-size: 1.2em;
	font-weight: bold;
}
.theroast {
	margin: 0 0 9px 81px;
	font-style: italic;
}
.sectionthumb {
	width: 50px;
	height: 50px;
	border: 1px solid #660000;
	float: left;
	margin: 4px 4px 30px 0;
}
.sectionitem {
	width: 240px;
	float: left;
	padding: 7px;

}
.sectionheader{
   height:30px;
   
   position:relative; top:-20px;
   background-image:url(product1_files/left_top.gif);
   }

.sectionproduct {
	width: 240px;
	float: left;
	padding: 7px;
	font-size: .9em;
}
.sectiontwofer {
	width: 510px;
	clear: both;
}
.newsletterjoin {
	background: url("/templates/main_imagery/sidebar_newsletterbg.jpg");
	clear: both;
	float: left;
	
	width: 184px;
	padding: 6px 0 0 12px;
	margin: 10px 0 0 0;
}
.newsletterjoin h2{padding: 0px 8px 8px 11px;  letter-spacing:2px; font-size:16px;
	
	margin: 0;
}

.rssbox {
	margin: 10px 0 0 0;
	padding: 6px 6px 6px 23px;
	border: 1px solid #660000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ffc url("/templates/main_imagery/rssbug.gif") no-repeat 5px 5px;
}
.addressbook {
	width: 220px;
	float: left;
	border: 1px solid #600;
	padding: 7px;
	margin: 7px;
}

.accountbox {
	width: 220px;
	float: left;
	border: 1px solid #600;
	padding: 7px;
	margin: 5px 7px 7px 0;
}
.accountboxb {
	width: 220px;
	float: left;
	padding: 17px;
	font-size: 1.2em;
	margin: 5px 7px 7px 0;
}

.checkout label {
	clear: left; 
	display: block; 
	float: left; 
	width: 158px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom: 6px;
}

.checkout input {
	margin: 0 0 6px 0;
}
.checkout select {
	margin: 0 0 4px 0;
}
.checkout textarea {
	margin: 0 0 4px 0;
}

.checkoutsummary {
	width: 150px;
	float: left;
	border: 1px solid #600;
	padding: 5px;
	margin: 5px 5px 5px 0;
}
.reviewlistbox {
	padding: 0 0 0 10px;
	border-left: 3px solid #bf9478;
}
.indentabit {
	padding: 0 0 2px 47px;
}
#ccStartDate {
	display: none;
}
.checkoutradio {
	padding: 17px 0 0 0;
}
.message {
	width: 100%;
	height: 50px;
	background-color: #f00;
	color: #fff;
	margin: 0;
	padding: 5px 0 0 5px;
}
.message h3 {
	margin: 0;
	color: #fff;
}
.hidden {
	display: none;
}
.sectiontotalbar {
	width: 509px;
	height: 23px;
	background: url("/templates/main_imagery/sectiontotalbar.gif") no-repeat;
	padding: 9px 0 0 6px;
}
.articlebar {
	width: 509px;
	height: 24px;
	margin: 0 0 8px 0;
	background: url("/templates/main_imagery/sectiontotalbar.gif") no-repeat;
	padding: 8px 0 0 6px;
	text-align: center;
}
.centered {
	text-align: center;
}
.centeredredux {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.wholesalecallout {
	float: right;
	width: 200px;
	border: 1px solid #660000;
	background: #f8f0db;
	padding: 0px 5px 5px 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.pagebreak {
	page-break-after: always;
}
.orderbar {
	margin: 6px 0 -15px 48px;
}
blockquote {
	margin: 0 30px 0 30px;
	font-style: italic;
}
ul#account_tabnav {
font: bold 10px georgia, "times new roman", times, serif;
list-style-type: none;
padding-bottom: 24px;
padding-left: 4px;
border-bottom: 1px solid #600;
margin: 10px 0 0 0;
}

ul#account_tabnav li {
float: left;
height: 21px;
background-color: #efe1af;
margin: 2px 1px 0 1px;
border: 1px solid #a16958;
-moz-border-radius: 3px;
}

li.acctab1, li.acctab2, li.acctab3, li.acctab4, li.acctab5, li.acctab6 {
border-bottom: 1px solid #fff;
background-color: #fff;
}

li.tab1 a, li.tab2 a, li.tab3 a, li.tab4 a, li.tab5 a, li.tab6 a {
color: #000;
}

#account_tabnav a {
float: left;
display: block;
color: #600;
text-decoration: none;
padding: 4px;
}

li.navtab_selected a {
	color: #bb7a67;
}

#account_tabnav a:hover {
background: #fff;
}

.checkout_callout {
margin: 15px 0 12px 0;
border: 1px solid #660000;
padding: 7px 8px 8px 50px;
width: 446px;
font-style: italic;
background: #f7f1cf url("/templates/main_imagery/checkout_downarrow.gif") 15px 9px no-repeat;
}

.checkout_error {
margin: 15px 0 12px 0;
border: 1px solid #ff0000;
padding: 7px 8px 8px 50px;
width: 446px;
font-style: italic;
background: #ffdbdb url("/templates/main_imagery/checkout_error.gif") 15px 9px no-repeat;
}

.general_error {
margin: 15px 0 12px 0;
border: 1px solid #ff0000;
padding: 7px 8px 8px 50px;
width: 416px;
font-style: italic;
background: #ffdbdb url("/templates/main_imagery/checkout_error.gif") 15px 9px no-repeat;
}

.efields_error {
margin: 15px 0 12px 0;
border: 1px solid #ff0000;
padding: 7px 8px 8px 50px;
width: 286px;
font-style: italic;
background: #ffdbdb url("/templates/main_imagery/checkout_error.gif") 15px 9px no-repeat;
}