@charset "utf-8";
/* Café-Vrac 2.0 - Styles */

html, body {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1;
}

body {
	background: rgb(209,193,155) url(/_assets/img/all/page_bgnd.jpg);
	font: 13px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

/*----- General element and classes styles -----*/

.block {
	display: block;
}

.clearit {
	clear: both;
}

.hidden {
	display: none;
}

a img {
	border: none;
}

sup {
	font-size: 0.5em;
	vertical-align:top;
}

.noindent {
	text-indent: 0!important;
}

.nowrap {
	white-space: nowrap!important;
}

.smallprint {
	font-weight: normal;
	font-size: 0.8em;
}

.required, .requiredMarker {
	color: rgb(155,17,28)!important;
}

.errorMessage {
	color: rgb(155,17,28)!important;
	text-indent: 0!important;
	padding: 5px;
	font-weight: bold;
	/*border: 1px solid rgb(155,17,28);*/
	background: rgb(250,221,142);
}

.notice {
	color: rgb(99,39,17)!important;
	text-indent: 0!important;
	font-weight: bold;
}

.notice p strong {
	color: rgb(99,39,17)!important;
	text-indent: 0!important;
	font-weight: bold;
}

.notice ul {
	color: rgb(155,17,28)!important;
	text-indent: 0!important;
	font-weight: normal;
}

.notice ul li.vip {
	color: rgb(60,30,16);
}

div.notification {
	border: 1px solid rgb(155,17,28)!important;
	padding: 0 10px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

div.notification p {
	color: rgb(155,17,28)!important;
}

div.ImgRight {
	float: right;
	margin: 18px -5px 5px 10px;
}

.siteName {
	font-weight: bold;
	color: rgb(119,59,25);
}

a {
	outline: none!important;
	-moz-outline-style:none!important;
}

a:link {
	color: rgb(99,39,17);
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: rgb(136,87,62);
	text-decoration: underline;
	font-weight: bold;
}

a:hover, a:active {
	color: rgb(129,119,26);
	text-decoration: underline;
	font-weight: bold;
}

/*----- Layout styles -----*/

#pageWrapper {
	margin: 0 auto;
	padding: 0;
	width: 970px;
}

.inner {
	margin: 0;
	padding: 1px 20px;	
}

.inner img {
	margin: 0;
}

/*----- Header -----*/

#header {	
	margin: 20px 0 0 0;
	padding: 0;
	height: 199px;
}

#header img, #header a img {
	margin: 0;
	padding: 0;
	border: none;
}

#nav {	
	margin: 20px 0 0 0;
	padding: 0;
	/*float: right;*/
}

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

#nav ul li {	
	margin: 0;
	padding: 0;
	line-height: 0;
}

#nav ul li a {	
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
	float: left;
}

/*----- mainContent -----*/

#mainContent {
	margin: 20px 0 20px 10px;
	padding: 0;
	width: 546px;
	float: left;
	/*border: 1px solid red;*/
}

#mainContent .inner {	
	background: url(/_assets/img/all/content_bgnd.png) repeat-y;
	padding-left: 17px;
	padding-right: 17px;
	/*border: 1px solid green;*/
}

#mainContent h1 {
	font-size: 1.4em;
	margin: 10px 0 0.25em 0;
	color: rgb(99,39,17);
	width: 100%;
}

#mainContent h2 {
	font-size: 1.2em;
	margin: 1em 0 0 0;
	color: rgb(99,39,17);
}

#mainContent h3 {
	font-size: 1.1em;
	margin: 1em 0 0 0;
	color: rgb(129,119,26);
}

#mainContent p {	
	/*margin: 0 0 0.4em 0;*/
	color: #000;
}

#mainContent p+p {
	text-indent: 1.5em;
}

#mainContent p.notice+p {
	text-indent: 0;
}

#mainContent .benefits {
	font-weight: bold;	
	color: rgb(119,59,25);
}

#mainContent #tableSearchResults, 
#mainContent #cartData, 
#mainContent #showCustInfo, 
#mainContent #tblOrderDetails,
#mainContent #paymentData {
	border-collapse: collapse;
	border-left: 1px solid rgb(99,39,17);		
	border-right: 1px solid rgb(99,39,17);
	width: 100%;
}

#mainContent #tableSearchResults tr, 
#mainContent #cartData tr, 
#mainContent #showCustInfo tr, 
#mainContent #tblOrderDetails tr,
#mainContent #paymentData tr {
	border-top: 1px solid rgb(99,39,17);		
	border-bottom: 1px solid rgb(99,39,17);
}

#mainContent #tableSearchResults th, 
#mainContent #tableSearchResults td, 
#mainContent #showCustInfo th, 
#mainContent #showCustInfo td, 
#mainContent #tblOrderDetails,
#mainContent #paymentData th,
#mainContent #paymentData td {
	padding: 5px;
}

#mainContent #cartData th, 
#mainContent #cartData td {
	padding: 3px;
	vertical-align: middle;
}

#mainContent #tableSearchResults th, 
#mainContent #cartData th, 
#mainContent #showCustInfo th, 
#mainContent #tblOrderDetails th,
#mainContent #paymentData th {
	background: rgb(166,122,63);
	color: #fff;
}

#mainContent #tableSearchResults th:first-child {
	border-right: 1px solid rgb(99,39,17);
	width: 77%;
}

#mainContent #cartData td, 
#mainContent #cartData th, 
#mainContent #showCustInfo td, 
#mainContent #showCustInfo th, 
#mainContent #tblOrderDetails td,
#mainContent #tblOrderDetails th,
#mainContent #paymentData td,
#mainContent #paymentData th {
	border-right: 1px solid rgb(99,39,17);
}

#mainContent #cartData {		
	border-right: none;
}

#mainContent #cartData td.currency {		
	white-space: nowrap;
}

#mainContent #tableSearchResults td {
	vertical-align: top;
}

#mainContent #tableSearchResults td:first-child {
	border-right: 1px solid rgb(99,39,17);
}

#mainContent #tableProductDetails {
	width: 100%;
	/*margin: 0 5px 0 0;*/
}

#mainContent #tableProductDetails td {
	vertical-align: top;
	padding: 0;
}

#mainContent #tableProductDetails td p {
	margin-top: 0;
	padding-top: 0;
}

#mainContent #tableProductDetails td p+p {
	text-indent: 1.5em;
}

#mainContent #tableProductDetails td p+p {
	text-indent: 0;
}

#mainContent #tableProductDetails div#priceOptions {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid rgb(129,119,26);
	line-height: 1.6em;
}

#mainContent #tableProductDetails td#prodImg {
	padding: 0 0 0 10px;
}

#mainContent .notationChars {
	color: rgb(155,17,28);
	font-weight: bold;
}

#mainContent .priceList {
	color: rgb(155,17,28);
	font-weight: bold;
}

#mainContent .oldprice {
	text-decoration: line-through;
	color: #000;
	font-weight: normal;
}

/*#mainContent .newPrice {
	color: rgb(155,17,28);
	font-weight: bold;
}*/

#mainContent .cartLoginForm td {
	padding: 0 5px 0 0;
	color: rgb(99,39,17);
	white-space: nowrap;
	/*vertical-align: bottom!important;*/
}

#mainContent .cartLoginForm td label {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#mainContent .custDetailsForm {
	width: 100%;
}

#mainContent .custDetailsForm td {
	padding: 0 5px 3px 0;
}

#mainContent .custDetailsForm td:first-child {
	text-align: right;
	color: rgb(99,39,17);
	white-space: nowrap;
	font-weight: bold;
}

/*----- Left column -----*/

#leftCol {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 202px;
	float: left;
	color: #000;
}

#leftCol #selector ul li div#coffees {
	display: hidden;
	width: 500px;
	padding: 20px;
	background: rgb(209,193,155);
	border: 1px solid rgb(136,87,62);
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
	-moz-box-shadow: 3px 3px 4px #666;
  -webkit-box-shadow: 3px 4px 3px #666;
  box-shadow: 3px 3px 4px #666;
}

#leftCol #selector ul {
	list-style-type: none;
	margin: 0!important;
	padding: 0!important;
	width: 202px;
	-moz-border-radius: 0 0 20px 0;
}

#leftCol #selector ul li {
	padding: 0!important;
	margin: 0!important;
}

#leftCol #selector ul li a {
	color: rgb(248,221,140);
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 14px 5px;
	/*height: 41px;
	width: 202px;*/
	text-align: center;
	text-indent: 0;
	background: /*rgb(97,51,29)*/ url("/_assets/img/all/categories_btn_bgnd.png") 50% top;
}

#leftCol #selector ul li a:hover {
	background: url("/_assets/img/all/categories_btn_bgnd_over.png");
	color: #fff;
}

#leftCol #selector ul li:first-child a {
	background: /*rgb(97,51,29)*/ url("/_assets/img/all/categories_1st_btn_bgnd.png") 50% top;
	padding-top: 17px;
}

#leftCol #selector ul li:first-child a:hover {
	background: /*rgb(97,51,29)*/ url("/_assets/img/all/categories_1st_btn_bgnd_over.png") 50% top;
	padding-top: 17px;
}

#leftCol #selector ul li a.selectedCat {
	background: url("/_assets/img/all/categories_btn_bgnd_down.png");
	color: rgb(89,38,0);
}

#leftCol #selector ul li:first-child a.selectedCat {
	background: /*rgb(97,51,29)*/ url("/_assets/img/all/categories_1st_btn_bgnd_down.png") 50% top;
}

#leftCol #search {	
	margin: 10px 0 10px 0;
}

#leftCol .inner {	
	background: url(/_assets/img/all/pod_bgnd.png) repeat-y;
	padding-top: 10px;
}

	/* Form related styles */
input {
	color: rgb(60,60,16);
	background: rgb(206,191,133);
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	border: 1px solid rgb(60,60,16);
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

input:focus {
	background: #fff;
}

button, input[type=submit] {
	color: rgb(209,193,155);
	/*background: rgb(206,191,133);*/
	background: url("/_assets/img/all/categories_btn_bgnd.png") 50% top;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px;
	border: none/*1px solid rgb(60,60,16)*/;
	margin: 5px 0 10px 0;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

button:hover, input[type=submit]:hover {
	color: rgb(209,193,155);
	background: url("/_assets/img/all/categories_btn_bgnd_over.png") 50% top;
}

input#checkout {	
	color: rgb(60,30,16);
	background: url("/_assets/img/all/btn_action_bgnd.png") 50% bottom;
}

input#checkout:hover {
	color: rgb(209,193,155);
	background: url("/_assets/img/all/categories_btn_bgnd_over.png") 50% top;
}

.actionFormLink a, .actionFormLink form {	
	display: inline;
	float: left;
	line-height: 1;
	vertical-align: middle;	
}

.actionFormLink input[type=image] {
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	-moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}

.actionFormLink a {
	color: rgb(209,193,155);
	background: url("/_assets/img/all/categories_btn_bgnd.png") 50% top;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: none/*1px solid rgb(60,60,16)*/;
	margin: 0 5px 0 0;
}

#mainContent fieldset {
	padding: 5px 20px 10px 20px;
	border:  1px solid rgb(136,87,62);
	margin: 0.5em 0 1em 0;
}

#mainContent legend {
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(99,36,17);
	margin-left: -10px;
}

#mainContent label {
	color: rgb(99,39,17);
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

/*

#content input {
	background-color:  rgb(199,186,78);
	color: rgb(78,85,56);
	padding: 5px;	
	border:  rgb(78,85,56) 1px solid;
	font-weight: bold;
}

#content input, #content #contactForm textarea {
	width: 430px;
}

#contenttextarea {
	width: 350px;
}

#content input.btn {
	width: 75px;
}

#content div.error { 	 
	color: rgb(163,74,39)!important; 
	margin: 5px 10px 5px 0!important;
	font-size: 13px;
	line-height: 1.5em!important;
}

#content .requiredMarker {
	color: rgb(163,74,39);
}

#content p.projects {
	text-indent: 0;
	margin: 1em 0!important;
	clear: left;
}

#content p.projects img {
	float: left;
	margin: 0 10px 1em 0;	
}*/

/* Secondary content column (rightCol)*/

#rightCol {
	margin: 20px 0 20px 0;
	padding: 30px 0 0 0;
	width: 202px;
	float: right;
}

#rightCol .inner {	
	background: url(/_assets/img/all/pod_bgnd.png) repeat-y;
}

.pods {	
	margin: 0 0 10px 0;
}


#rightCol #social p.socialIcons {	
	text-align: center;
	margin-bottom: 3px;
}

#featured {
	margin-top: 0;
}

#rightCol #featured .inner {	
	padding: 10px 0 1px 0;
}

#rightCol #featured .inner #featProd {	
	text-align: center;
}

#rightCol #featured .inner #featProd img {	
	margin-left: 5px;
}

#rightCol #featured .inner #featProd p {	
	margin: 5px 30px 10px 30px;
	text-align: left;
}

#rightCol #promotion .promoTitle {
	font-size: 13px;
	font-weight: bold;
	color: rgb(155,17,28);
	margin-bottom: 0;
}

#rightCol #promotion p {
	font-size: 12px;
	margin-top: 0;
}

#rightCol #promotion .promoImg {
	text-align: center;
}

/*#content #rightCol a:link {
	color: rgb(47,83,93);
	text-decoration: none;
	font-weight: 600;
}

#content #rightCol a:visited {
	color: rgb(47,83,93);
	text-decoration: none;
	font-weight: 600;
}

#content #rightCol a:hover, #content #rightCol a:active {
	color: rgb(163,74,39);
	text-decoration: underline;
	font-weight: 600;
}
*/

/* Footer styles */

#footer {
	margin: 20px 0 0 0;
	padding: 0;
	color: rgb(228,216,197);
	clear: both;
}

#footer .inner {
	background: url(/_assets/img/all/footer_bgnd.png) repeat-y;
}

#footer p#footerNav {
	text-align: center;
	letter-spacing: 0.04em;
	color: rgb(89,38,0);
}

#footer p#copyright {
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.05em;
}

/*#footer #address-credits {
	margin: 0 34px 0 0;
	padding: 0;
	width: 365px;
	float: right;
	color: #fff;
}*/

#footer a:link {
	color: rgb(228,216,197);
	text-decoration: none;
}

#footer a:visited {
	color: rgb(89,38,0);
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
}