body{
	margin:0;
	padding:0;
	/*background:#813815 url(/images/bg_white.gif) repeat-y;*/
	background:#813815 url(/images/bg_white.gif) repeat-y;
	background-position:center;
	text-align: center;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}


body#home{
	background:#813815;
	color: #ffffff;
}

#home_text p{
color: #ffffff;

}


/* new buy panels */


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
#buypanel {
    display: none;
    
    position: fixed;
    top: 27%;
    left: 50%;
    
    margin-left: -175px;
    
	width: 340px;
	background:white;
	border:12px solid #dbdac8;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
    color: #333;
    padding: 12px;
	text-align:left;
}
#buypanel .inner{
	position: relative;	
	height: 145px;
	bordeR:1px solid white;
}
#buyconfirm{
	display:none;	
}
#buyconfirm p#confirm{
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #803717;
	margin-top:30px;
}
#buyconfirm p#summary{
	text-align:center;
}
#buypanel .add, #buypanel .gocart{
	position:absolute;
	bottom: 2px;
	right:2px;
	cursor:pointer;

}
#buypanel .roastsblends{
	position:absolute;
	bottom: 2px;
	left:2px;
	cursor:pointer;
}


#buypanel .jqmClose{
	position:absolute;
	top: -5px;
	right:-5px;
	cursor:pointer;
}
#buypanel #price{ font-weight:bold }
#buypanel dt, #buypanel dd{ padding:0;margin:0;height: 24px; vertical-align:middler; }
#buypanel dt{ width:60px; float:left; }
#buypanel dd{ width:150px; margin-left:70px; margin-bottom: 6px;}
#buypanel dt{
	font-size: 11px;
	text-transform:uppercase;
	color: #803717;
	font-weight: bold;
}
#prodname{
	color: #6B3F2B;
	font-size:14px;
	margin:0 0 20px 0;
	padding:0;
}	

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}





#container{
	padding-top: 30px;
	width: 760px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}


.nav{
	font-weight: bold;
	color: #231F20;
	font-size: 10px;
	border-bottom: 1px solid #C0BFA0;
	height: 25px;

}
.nav li.hb{
	float: left;
	margin: 0 3px 0 1px;
	padding-right: 20px;
	border-right: 1px solid #C0BFA0;
	height: 25px;
}
.nav li#cart_icon{
	padding:0;
	position: absolute;
	right: -1px;
	border:0;
	top: 14px;
	border-left: 1px solid #C0BFA0;
	height: 42px;
	width: 44px;
	text-align:right;
}
#fairtrade_but span{
	padding:12px 0 0 0;
	position: absolute;
	right: -1px;
	border:0;
	top: 50px;
	border-left: 1px solid #C0BFA0;
	height: 42px;
	width: 44px;
	text-align:right;
}

#fairtrade_but span{
	padding:12px 0 0 0;
	position: absolute;
	right: -1px;
	border:0;
	top: 50px;
	border-left: 1px solid #C0BFA0;
	height: 42px;
	width: 44px;
	text-align:right;
}

#tooltip{
	padding:12px 0 0 0;
	position: absolute;
	right: 38px;
	border:0;
	top: 30px;
	text-align:right;
	display:none;
	
}


.nav li#cart_icon img{
	z-index:1;
}
.nav li#cart_icon a{
	padding: 0;
}
.nav .links{
	text-align: right;
	padding: 1px 1px 0 0; 
	margin-left: 160px;
}
.nav .links a{
	margin-left: 27px;
}

.nav ul{ 
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav ul, .nav li{
	overflow: visible;
}
.nav li img{
	margin: 0;
	padding: 0;
}
.nav li{
	height: 25px;
	float: left;
	margin: none; 
	line-height: 100%;
	padding: 0;
	margin-left: 21px;
}
.nav a{	
	color: #C4BEAC;
	text-decoration:none;	
	display:block;
	padding-bottom: 17px;
}
.nav a:hover{
	color: #A15734;
	text-decoration:none;	
}
.nav li.on, .nav li.on a{
	color: #6B3F2B;
}

/* sub nav */


.nav li ul{
	background-color: #ffffff;
	color: #333;
	display: none;
	position: absolute; 
	left: 0;
	top: 55px;
	z-index: 10;
	margin:0;
	padding: 0;
	width: 200px;
	border-left: 1px solid #C9B99F;
	border-right: 1px solid #C9B99F;
}



#primary_nav li:hover ul, #primary_nav li.over ul{
	display: block; 
}

/*#primary_nav .hb{
	padding-right: 15px;
}
body #primary_nav li{
	margin-left: 15px;

}*/


.nav ul#about{
	left: 225px;
}	
.nav ul#coffee{
	left: 300px;
}	
.nav ul#services{
	left: 390px;
}	
.nav ul#products{
	left: 490px;
}	

.nav li li {
	border-bottom: 1px solid #C9B99F;
	display:block;
	line-height: 255%;
	margin: 0;
	float: none;
}



.nav li li a{
	color: #C9B99F;
	text-decoration: none;
	padding: 0 4px 0 8px;
}


/*.nav img#tip{
	position:absolute;
	top: 10px;
}*/
#bottom_nav {
	margin-top: 35px;
	border-top:1px solid #C0BFA0;
	border-bottom:none;
	margin-bottom: 30px;
}
#bottom_nav li {
	vertical-align: bottom;
	padding: 15px 0 0 0;
	float: left;
	margin-left: 0;
	margin-right: 27px;
}
#bottom_nav li.hb {
	float: right;
	margin:0;
	border-left:1px solid #C0BFA0;
	border-right:none;
	padding: 15px 0 0 31px;
	height: auto;
}

#bottom_nav a{
	color: #231F20;
	text-decoration:none;	
	
}

#bottom_nav a:hover{
	color: #C8B79C;
	text-decoration:none;	
}
#bottom_nav li.on a{
	color: #C8B79C;
}


a img{
	border: none;
}
#home_text{
	color: #000;
}

#home_flower{
	padding: 35px 0 40px 0;
	text-align: center;
	padding-left: 50px;
}
.tip{

	display:none;
}
#home_text{
	/*text-align:justify;*/
}
#feature_image{
	text-align:center;
	padding: 0 0 30px 0;
}

#about_steps{
	margin: 5px 0 40px 0;
	text-align: center;
	height: 211px;
}
#about_steps img{
	vertical-align: middle;
	padding: 0 10px 0 10px;
	
}
ol, ul,p,td, th{
	line-height: 170%;
	
}
body p{
	margin: 0 0 7px 0;
	padding: 0;
	
}
a{
	color: #a15734;
}
a img{
	border: 0;
}
.add_link{
	cursor: pointer;
}
h1{
	text-align: center;
	margin: 25px 0 25px 0;
	padding: 0;
}
h3{
	color:#803717;
	font-size: 11px;
	text-transform: uppercase;
}
em{
	color:#803717;
	font-style:normal;
	font-weight: bold;
}


/* ----------------- FORMS ----------------- */

input.checkbox{
	border:0;
}
.input_small, .textarea_small{
	width: 100px;
}

.input_medium, .textarea_medium{
	width: 165px;
}
.input_large, .textarea_large{
	width: 500px;
}

.readonly{
	border:0;
}


.required{
	color: #CC0000;
}
.right{
	float: right;
}

input, select, textarea{
	border: 1px solid #d3d1ba;
	font-size: 11px;
}
body input.img_button{
	border: none;
	
}
.intro{
	font-weight: 700;
	font-size: 11px;
	/*text-align:justify;*/
	margin-bottom: 10px;
	letter-spacing:1px;
	text-transform: uppercase;

}
table, td{
	vertical-align: top;
	border: none;
}
ol, td ul, ul.td{ 
	margin:0 30px 0 15px;
	padding: 0;
}
td li{

}
td.layout {
	padding-left: 30px;
}
.rounded{
	position:relative;
	border: 1px solid #d3d1ba;
}
.rounded .topr{
	position:absolute;
	top:0;
	right: 0;
}
.rounded .botr{
	position:absolute;
	bottom:0;
	right: 0;
}
.rounded .topl{
	position:absolute;
	top:0;
	left:0;
}
.rounded .botl{
	position:absolute;
	bottom:0;
	left: 0;
}
.rounded input{
	margin: 3px;
	border: none;
}


#cart{
	margin-top: 40px;
	border-top: 1px solid #cecaba;
	border-left: 1px solid #cecaba;
	border-right: 1px solid #cecaba;
	border-bottom: 1px solid #cecaba;
}
#cart td, #cart th{
	padding: 4px 5px 4px 5px;
	text-align: center;
	font-size: 11px;
}
#cart .change, #cart .remove{
	border-left: 1px solid #cecaba;
}
#cart td{
	color: #757678;
}
#cart th{
	color: #803717;
	font-weight: bold;
	border-bottom: 1px solid #cecaba;
}
#cart .item{
	text-align: left;
	padding-left: 10px;
}
#cart th.green{
	color: #70893A;
}
#cart input{
	border: 0;
}
#freight_note{
	text-align: left;
}


.confirm_message{
	font-weight: bold;
	text-align: center;
	color: #70893A;
}


/* confirm order */
#confirm_order {
	width: 700px;
	margin: 0 auto;	
}

#confirm_order table{
	width: 100%;
	border: none;
}
table#confirm_delivery{
	width: auto;
	margin: 30px 0 20px 0;
	border: none;
}

#confirm_order td, #confirm_order th{
	padding: 5px 5px 5px 0;
	font-size: 11px;
	border-bottom: 1px solid #cecaba;
}
#confirm_order .total{
	border-bottom: 1px solid #cecaba;
	font-weight:bold;
	color: #803717;
}

#confirm_order th{
	color:#803717;
	font-weight:bold;
}
#confirm_order td.noborder, #confirm_order th.noborder, table#confirm_delivery td{
	border:none;
}
#confirm_order form{
	border-top: 1px solid #cecaba;
	padding-top:15px;
}
#confirm_order #Submit{
	float: right;
}
#thanks_message{
	width: 550px;
	margin: 20px auto 150px auto;
}
#error_message {
	width: 500px;
	margin: 40px auto 150px auto;
	padding: 20px;
	border: 1px solid #cecaba;
} 


#cart .change, #cart .remove{
	border-left: 1px solid #cecaba;
}
#cart td{
	color: #757678;
}
#cart th{
	color: #803717;
	font-weight: bold;
	border-bottom: 1px solid #cecaba;
}


td#continue{
	text-align:left;
}
td#continue, td#proceed{
	padding-top: 30px;
}

#blends{
	margin-top: 20px;
}
#blends td, #blends th{
	vertical-align:middle;
	padding: 5px 8px 5px 8px;
		border-bottom:1px solid #C0BFA0;

}
#blends th{
	border-top: none; 
}
#blends td.type{
	font-weight: bold;
	padding: 10px 0 10px 0;
}
td.icon{
	text-align: center;
	border-right:1px solid #C0BFA0;
}
#blends th.blends{
	color: #A15734;
	border-right:1px solid #C0BFA0;
}
#blends th.fairtrade{
	color: #70893A;
	padding-left:0;
}
#blends td.bottomnote{
	padding-left: 0;
	padding-top: 10px;
	border-bottom: 0;
}

#blends th.blends, #blends th.single_origins, #blends th.single_origins{
	padding-left:0;
	text-align:left;
}
#blends th.recommended{
	border-right:1px solid #C0BFA0;
	color: #A15734;
}
#blends th.description{
	color: #A15734;
	padding-left: 20px;
}

table#blends th.sub, table#blends td.sub{
	border-right:1px solid #C0BFA0;
}

#blends th{
	color: #AEA890;
}
#blends th.title{
	color: #6B3F2B;
	padding-right:15px;
	border-right:1px solid #C0BFA0;
	padding-left:0;
	text-align:left;
}
#blends th.green{
	color: #70893A;
}
#blends td.description{
	color: #6B3F2B;
	padding-left:20px;
	padding-right:25px;

}
#blends .cart_link{
	padding: 10px;
	text-align: right;
}


/* contact details */
#contact_details img{
	margin-bottom: 20px; 
	text-align: center;
}
#contact_details h3{
	margin:0;
	padding: 0;
}
#contact_details {
	height: 280px;
	line-height: 170%;
}
#contact_details #logos {
	width: 300px;
	text-align: center;
	position: absolute;
	right: 215px;	
}
#contact_details #oddfellows_contact{
	padding-top: 15px;
	width: 235px;
	text-align: left;
	position: absolute;
	right: 0;
}

#contact_form{
	margin-top: 30px;
	text-align: center;
}
#contact_form table{
	margin: 0 auto 0 auto;
}
#contact_form td, #contact_form th{
	padding: 5px 5px 15px 0;
	font-size: 11px;
	vertical-align:top;
}

#contact_form th{
	color: #b96139;
	text-align: right;
	text-transform:uppercase;
}
#contact_form .second{
	padding-left: 50px;
}
#contact_form  td input{
	width: 260px;
}
#contact_form  td textarea{
	width: 630px;
	height: 130px;
}
body #contact_form th.comments{
	text-align: left;
	padding-bottom: 0;
}

#register_form table{

	padding: 0;
	margin:0 auto 0 auto;
}
#signin_form table, #policies table{
	padding: 0;
	margin:15px auto 0 auto;
	width: 600px;
}
#signin_form  .img_button{
	margin-bottom: 20px;
}
#signin_form td, #signin_form th, #register_form td, #register_form th, #policies td, #policies th{
	padding: 6px 10px 6px 0;
	vertical-align: top;
	text-align: left;
}
#register_form td{
	padding-right: 50px;
}
#register_form td.outer{
	padding-right: 0;
}
#signin_form th, #policies th{
	padding-right: 35px;
}

#signin_form th, #register_form th, #policies th{
	color:#803717;
	font-weight:bold;
	text-align: right;
}
#policies th{
	color: #974422;
}
#oddfellows_contact h3{
	color: #002146;
}
#contact_details #hb_contact{
	padding-top: 15px;
	text-align: right;
	width: 265px;
	position: absolute;
	left: 0;
}
body .border_bottom, body .border_bottom{
	border-bottom: 1px solid #d3d1ba;
}

.note{
	color: #bab5a0;
	font-size: 10px;
}


#oddfellows{
	text-align: center;
	font-weight: bold;
	margin-top:25px;
}
#oddfellows p{
	line-height: 190%;
}
#oddfellows img{
	margin-bottom: 10px;
}
#book_photos {
	margin: 25px 0 15px 0;
}

#book_photos img.last{
	margin: 0;
}
#book_contents{
	float: right;
	width: 180px;
	margin-left: 30px;
	color: #803717;
	font-size: 11px;
}

#book_contents blockquote{ 
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#book_contents h3{
	color: #6b3f2b;
	margin: 0 0 10px 0;
	padding: 0;
}

#machines{
	padding: 20px 10px 0 10px;
	text-align: center;
}
#machines h3, #grinders h3{
	display:inline;
}
#machines a img, #grinders a img{
	padding-bottom: 10px;
}
#machines div, #grinders div{
	display: inline;
}
#machine1, #grinder1{
	float: left;
}
#machine3, #grinder3{
	float: right;
}

#grinders{
	padding: 20px 80px 0 80px;
	text-align: center;
}
#merch_tees{
	padding-top: 20px;
	text-align: center;
}





/* MISC CLASSES */

.green{
	color: #70893A;
}

ol.fair{
	margin-bottom: 10px;
}

body p#fair-quote{
	color: #70893A;
	font-size:14px;
	margin: 5px 0;
	padding:0;
}

.orange{
	color: #974422;
}

body table#blends th.tan{
	color: #C0BFA0;/*#C9B99F;	*/
}
.brown{
	color: #532E1E;	
}

#selected{
	/*background-color:#b05931;
*/	
}
#freight_container{
height: 100px;
	text-align: right;
	margin: 10px 0 0 0;
	color:#803717;
	font-size: 11px;
}
#freight_container table{
	float: right;
	margin: 10px 0 20px 0;
	width: 100%;
}
#freight_container td#delivery{
	width: 100%;
	text-align: right;
}


#freight_container2{
height: 100px;
	text-align: right;
	margin: 10px 0 0 0;
	color:#803717;
	font-size: 11px;
}
#freight_container2 table{
	width:100%;
	margin: 10px 0 20px 0;
}
#freight_container2 td#delivery{
	width: 100%;
	text-align: right;
}

#freight_container2 td#continue{
	text-align: left;
}
#freight_container2 td{
	text-align: right;
	padding:4px;
}

#proceed{
	text-align: right;
	
}
input.img_button{
	border: 0;
}
#cart_container{
	margin-top: 10px;
}
#cart_control {
	margin-top:15px;
	margin-bottom: 20px;
}
#cart_control td{
	padding: 4px 4px 3px 4px;
}
#cart_control{
	color:#803717;
	font-size: 11px;
	font-weight: bold;
}
body table#cart_control td.selections_menu{
	padding-right: 50px;
}
#cart_control td.dot_vert{
	background: url(/images/dot_vert.gif) repeat-y left;
}
#cart_control td.dot_horiz{
	padding-left:35px;
	background: url(/images/dot_horz.gif) repeat-x center;
}
#cart_control td.nopaddbelow{
	padding-bottom:0;
}
#add_to_cart{
	margin-left: 15px;
}
#yourcart{
	padding-top: 15px;
}
#arrowhead_img{
	position: absolute;
	top: 23px;
}
#arrowhead{
	position: relative;
	background: url(/images/dot_horz.gif) repeat-x 3px 30px;
	margin-right: 110px;
}
#arrowhead #dot_vert_full{
	background-color:#FFFFFF;
	float: right;
	height: 32px;
	margin-right: -4px;
	width: 3px;
	background: url(/images/dot_vert.gif) repeat-y right;
}

.error{
	font-weight: bold;
	color: #CC0000;
}

#policies_link{
	padding: 5px 5px 5px 5px;
	margin-top:10px;
	margin-bottom:0;
	padding-bottom:0;
	text-align: right;
	
}
#nzd{
	float: left;
}
body table th.amount, td.amount{
text-align:right;
}