/* BASE CSS */

* {
	margin: 0px;
	padding: 0px;
}

html {
	background-color: #FFFFFF;
	background-position: 49.9% 0;
	background-repeat: no-repeat;
}

body, p, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
}

ul {
	padding-left: 15px;
}

body.editor {
	background-color: #FFFFFF;
	background-image: none;
}

table {
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
} 

table td {
	vertical-align: top;
}

p {
	margin-bottom: 10px;
}

img { border: none; }

a {
	color: #8D8C32;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

.orange, .orange a, .missing, .error, .myerror {
	color: #D38F1F;
}

.green {
	color: #8D8C32;
}

h1 {
	font-size: 20px;
	color: #D38F1F;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 16px;
	color: #8D8C32;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 13px;
	color: #D38F1F;
	font-weight: bold;
}

div.hr {
        height: 1px;
        background-repeat: repeat-x;
        margin: 10px 0px;
}

div.hr hr {
        display: none;
}

.moneyFormat{
	text-align: right;
}


/* LAYOUT CSS */

#container {
	width: 986px;
	margin: 0px auto;
}

#header {
	width: 986px;
}

#topleft {
	width: 604px;
}

#logo {
	padding: 0px;
}

#topright {
	width: 374px;
	padding-top: 21px;
	padding-right: 8px;
}

#topright table {
	float: right;
	clear: right;
	margin-bottom: 2px;
}

#topright td {
	vertical-align: middle;
	height: 19px;
}

#topright .inputbox {
	border: 0px;
	width: 137px;
	padding-top: 2px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	color: #ACAC97;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#phone {
	padding-left: 16px;
	float: left;
}

#topnav {
	height: 34px;
	background-position: bottom;
	background-repeat: repeat-x;
	margin-left: 16px;
}

#topnav ul {
	width: 409px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
	background-color: #FFFFFF;
}

#topnav li {
	float: left;
}

#slogan {
}

#leftborder {
	width: 17px;
}

#rightborder {
	width: 10px;
}

#leftnav {
	width: 179px;
	padding-bottom: 42px;
	background-repeat: repeat-y;
	background-position: bottom left;
	background-color: #908F33;
}

#leftmenu {
	background-color: #FFFFFF;
}

#cartcount {
	font-size: 10px;
	line-height: 23px;
	color: #D99E3D;
}

#content_box {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left;
}

.headerphoto, .headerflash {
	padding: 5px 5px 0px 0px;
	background-color: #FFFFFF;
	
}

.headerphoto {
	margin-left: 20px;
}

#page {
}

#content {
	width: 749px;
	padding: 17px 7px 10px 25px;
}

#content a {
	text-decoration: underline;
}

#content h2 a {
	text-decoration: none;
}

#footer {
	padding: 2px 0px 10px 17px;
	font-size: 11px;
	color: #C8C8C8;
}

#footer a {
	color: #C8C8C8;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
}

#leftnav_photo_gallery {
	width: 153px;
	height: 81px;
	display: block;
	background-repeat: no-repeat;
	margin-left: 10px;
	text-indent:-9999px;
}

#subnav, .news-subnav {
	list-style: none;
	float: right;
	width: 201px;
	border-left: 1px solid #E5B53B;
	border-bottom: 1px solid #E5B53B;
	margin: -11px 0px 15px 25px;
	padding: 0px;	
	background-color: #FFFFFF;
}

#subnav li, .news-subnav h2, .news-subnav ul li {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	padding-left: 9px;
}

#subnav li.title, .news-subnav h2 {
	background-color: #908F33;
	color: #FFFFFF;
	text-transform: uppercase;
}


#subnav li.divider, .news-subnav ul li {
	background-repeat: no-repeat;
	background-position: top;
}

#subnav li a, .news-subnav ul li {
	display: block;
	text-decoration: none;
}

#subnav li a.active {
	color: #000000;
	background-repeat: repeat-x;
	background-position: 0px 10px;
}

#subnav li a.active span {
	padding-right: 4px;
	background-color: #FFFFFF;
}

.news-subnav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}

/* CART CSS */

#categoryGrid, #categoryGrid table, #productGrid, #productGrid table, #productDetail, #productDetail table {
	width: 749px;
}

#productGrid #categoryDescription {
	margin-bottom: 10px;
}

#categoryGrid td, #productGrid td {
	margin-bottom: 15px;
}

#categoryGrid td, #productGrid td {
	width: 20%;
	padding-bottom: 10px;
}

#categoryGrid .photo, #productGrid .photo {
	border: 1px solid #8D8C32;
	padding: 2px;
	width: 139px;
}

#categoryGrid .title, #categoryGrid .title a, #productGrid .title, #productGrid .title a {
	color: #231F20;
	padding-right: 15px;
	font-size: 11px;
	text-decoration: none;
}

#categoryGrid.express h2 {
	font-size: 28px;
	line-height: 24px;
}

#productDetail .photo img {
	border: 2px solid #8D8C32;
	padding: 2px;
	margin-right: 15px;
}

#productDetail #description {
	margin-top: 8px;
}

#productDetail #purchase {
	width: 100%;
}

#productDetail #purchase td {
	text-align: right;
	height: 30px;
	vertical-align: middle;
}

#productDetail #purchase td.green {
	padding-right: 8px;
	width: 90%;
}

#productList table {
	width: 100%;
}

#productList td {
	vertical-align: top;
}

#productList td.divider {
	height: 1px;
	padding: 0px;
	background-color: #000000;
}

#productList td.productname {
	width: 75%;
	padding-right: 30px;
}

#productList td img {
	vertical-align: bottom;
}

#productList td input, #productList td select {
	margin-top: 6px;
}

#productList td p {
	margin-top: 4px;
}

#productList .button {
	float: right;
}


/* FORM CSS */

.submit, .submitBtn, .button {
	background-color: #8D8C32;
	border: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	margin: 0px 2px 2px 0px;
}

.form-label, .form-label-required {
	clear: left;              
	float: left;   
	text-align: right;
	padding: 4px;      
	width: 20%;      
}                

.form-label-required {
	font-weight: bold;
}

.form-field {
	padding: 4px;  
	height: auto;              
	float: left;  
}



/* TOOL TIP CSS */

/* tooltip will display on :hover event */
 
.tooltip {
	width: auto;
	padding: 3px 7px 4px 6px;
	border: 1px solid #000000;
	background-color: #8D8C32;
	font-size: 12px;
	color: #FFFFFF;
	white-space: nowrap;
}

span.tool img {
	z-index: 1;
}

#gallery img {
	border: 1px solid #8D8C32;
	padding: 2px;
}

#gallery .spacer {
	width: 4px;
	height: 4px;
}

/* Slideshow CSS */
.slide-show {
    display:block;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

.slide-show li {
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.slide-show li img {
    display:block;
}

.gallery-descr {
	position:absolute;
	bottom: 0px;
	left: 0px;
	background-color: #000;
	color: #fff;
	width: 414px;
	padding: 10px;
	margin: 0px 3px 3px 3px;
	opacity: .7;
	/*filter: alpha(opacity=70);*/
}

#sub-nav {
	float:right;
}

.toolbox {
	border: 1px solid #000000;
}

.toolcontent {
	padding: 4px;
	background-color: #8D8C32;
}

.tooltext {
	color: #FFFFFF;
}

.post {
}



/* begin view cart */
/* used in templates/view.cart.tem.php */

#viewCart {
	width: 100%;
}

#viewCart #pageNote {
	color: #D38F1F;
}

#viewCart #pageError {
	color: #D38F1F;
	padding: 5px;
	line-height: 20px;
	font-weight: bold;
}

#viewCart #cartItems {
	width: 100%;
}

#viewCart #cartItems thead tr th {
	color: #FFFFFF;
	background-color: #8D8C32;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 10px;
}

#viewCart #cartItems tbody tr td {
	padding: 10px 10px;
}

#viewCart #cartItems div.hr {
	margin: 0px;
}

#viewCart #cartInfo {
	width: 100%;
}

#viewCart #cartAmounts {
	float: right;
	text-align: right;
	width: 150px;
}

#viewCart #cartAmounts .field-link {
	width: 130px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	vertical-align: bottom;
}

#viewCart #cartAmounts .field-price {
	text-align: right;
	font-weight: bold;
	height: 18px;
	padding: 2px;
}

#viewCart #cartAmounts .field-label {
	text-align: left;
	height: 18px;
	clear: left;
	float: left;
	padding: 2px;
}

#viewCart #cartButtons {
	clear: both;
	padding: 15px 10px 0px 10px;
}

/* end view cart */




/* begin customerLogin */
/* used in templates/client.login.tem.php */
/* used in templates/client.login.password.tem.php */
/* used in templates/client.create.form.tem.php */

#customerLogin #existingCustomer {
	width: 265px;
	clear: left;
	float: left;
}

#customerLogin #newCustomer {
	width: 400px;
	float: right;
}

#newCustomer .body input {
	margin-top: 18px;
}

/* end customerLogin */




/* begin checkoutConfirm */
/* used in templates/checkout.confirm.tem.php */

#checkoutConfirm #billInfo {
	width: 229px;
	margin: 10px 15px 10px 0px;
	float: left;
	clear: left;
}

#checkoutConfirm #shipInfo {
	width: 229px;
	margin: 10px 16px;
	float: left;
}

#checkoutConfirm #paymentInfo {
	width: 229px;
	margin: 10px 0px 10px 15px;
	float: left;
}

#checkoutConfirm #orderDetails {
	clear: left;
	width: 100%;
}

#checkoutConfirm #orderDetails td {
	padding: 5px;
}

#checkoutConfirm .hdr-title {
	color: #FFFFFF;
	background-color: #8D8C32;
	padding: 5px;
	font-weight: bold;
}

#checkoutConfirm .body {
	padding: 5px;
}

#checkoutConfirm .submitOrder {
	margin-top: 10px;
	float: right;
}

/* end checkoutConfirm */




/* begin clientAccount */
/* used in all the client "my account" templates */
/* templates/client.*.tem.php */

#clientAccount .logout {
	float: right;
	vertical-align: bottom;
}

#clientAccount .logout a {
	padding: 0px 12px;
}

#clientAccount #billInfo {
	width: 229px;
	float: left;
}

#clientAccount #shipInfo, #clientAccount #myAccount {
	width: 229px;
	float: left;
	margin-left: 30px;
}

#clientAccount #orderDetails {
	clear: left;
	width: 100%;
}

#clientAccount #orderDetails td {
	padding: 5px;
}

#clientAccount .hdr-title {
	color: #FFFFFF;
	background-color: #8D8C32;
	padding:5px;
	font-weight: bold;
}

#clientAccount .body {
	padding: 5px;
}

#clientAccount #orderList .title, #clientAccount #subscriptionOrderList .title {
	text-align: left;
	margin: 5px;
}

#clientAccount #orderList, #clientAccount #subscriptionOrderList {
	width: 100%;
	padding-top: 10px;
}

#clientAccount #orderList thead th, #clientAccount #subscriptionOrderList thead th {
	vertical-align: middle;
	padding: 5px;
	height: 25px;
}

#clientAccount #orderList tbody tr td, #clientAccount #subscriptionOrderList tbody tr td {
	padding: 3px;
}

#clientAccount #orderList .buttons, #clientAccount #subscriptionOrderList .buttons {
	text-align: right;
}

#clientAccount #orderList thead tr th a, #clientAccount #subscriptionOrderList thead tr th a {
	color: #FFFFFF;
}

#clientAccount #orderList thead tr th a:hover, #clientAccount #subscriptionOrderList thead tr th a:hover {
	color: #FFFFFF;
}

#clientAccount #orderList, #clientAccount #subscriptionOrderList {
	clear: left;
	width: 100%;
	margin-top: 20px;
}

#clientAccount #orderList table, #clientAccount #subscriptionOrderList table {
	width: 100%;
}

#clientAccount #orderList table thead th, #clientAccount #subscriptionOrderList table thead th {
	text-align: left;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: bottom;
}

#clientAccount #orderList table tbody, #clientAccount #orderList table tbody tr td, #clientAccount #subscriptionOrderList table tbody, #clientAccount #subscriptionOrderList table tbody tr td {
	text-align: left;
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 7px 2px;
}

#clientAccount #orderList .outOfStock {
	background-color: #FF4040;
}

#clientAccount #orderList .exceedingStock {
	background-color: #FFFF80;
}

#clientAccount .all-link {
	margin: 5px;
}

#clientAccount .links {
	float: right;
	padding-top: 15px;
	padding-right: 15px;
}

#clientAccount .buttons {
	clear: left;
	float: left;
	padding-top: 15px;
	padding-left: 3px;
	width: 100%;
}

#clientAccount #otherStats { }

#clientAccount .points {
	padding-left: 3px;
	clear: left;
	float: left;
}

#clientAccount .pagination {
	float: right;
	padding-left: 3px;
	padding-top: 13px;
	height: 22px;
	width: auto;
}

#clientAccount .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#clientAccount .pagination a:hover {
	color: #000000;
	text-decoration: none;
}

#clientAccount .myerror {
	clear: left;
	float: left;
}

#clientAccount .adminFile {
	float: left;
	clear: left;
	margin-left: 5px;
	margin-top: 10px;
}

#clientAccount #outOfStock {
	float: left;
	clear: left;
	color: #FF0000;
}

#clientAccount #exceedingStock {
	float: left;
	clear: left;
	color: #FF0000;
}
/* end clientAccount */


/* Roasting Chart */

#roasting th {
	text-align: left;
	font-size: 13px;
	background-color: #8D8C32;
	color: #FFFFFF;
}

#roasting th, #roasting td {
	border: 1px solid #FFFFFF;
	padding: 8px;
}

#roasting td, #roasting td p {
	color: #FFFFFF;
}

#roasting tr.medium {
	background-color: #A7763F;
}

#roasting tr.medium_dark {
	background-color: #6D4010;
}

#roasting tr.dark {
	background-color: #120200;
}