@charset "utf-8";
@import url("reset.css");

html { background: #c29c85 url("../imgs/bg.jpg"); }
body { background: url("../imgs/wrapper-bg.png") no-repeat center top; margin: 0px; padding: 0px; }
	
/* splash page */
#splash {
	margin: 0 auto;
	padding: 100px 80px 0 0;
	width: 670px;
	font-family: Arial, Helvetica, sans-serif;
	color: #613410;
	font-size: 15px;
	}
	
#splash ol {
	list-style: decimal;
	list-style-position: inside;
	}
	
#splash div {
	position: relative;
	top: -40px;
	left: 160px;
	}
	
h1.splashhead {
	background: url("../imgs/splashhead.png") no-repeat;
	width: 670px;
	height: 165px;
	}
	
#splash a { display: block; height: 50px; width: 205px; text-decoration: none; background: url("../imgs/splashbutton.png") no-repeat; }	
#splash a.splash-trial { float: left;  background-position: 0 0; }
#splash a.splash-enter { float: left;  background-position: -205px 0; }


/* header */
	
#header {
	margin: 50px auto 0;
	padding-left: 30px; 
	width: 720px;
	height: 243px;
	background: url("../imgs/header-bg.png") no-repeat;
	}

#header img {
	position: relative;
	top: 20px;
	width: 450px;
	height: 60px;
	}
	
#header a img {	outline: hidden; }	
	
#global-nav {
	margin-top: 30px;
	padding-top: 10px;
	width: 236px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}
	
#global-nav li.active { font-weight: bold; }
	
#global-nav li { display: inline; }
	
#global-nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	/*border-bottom: 1px solid #000;*/
	}
	
#global-nav li a:hover { color: #94603d;}

/* content */

#wrapper {
	margin: 0 auto;
	padding: 10px 30px 50px 30px;
	width: 690px;
	height: auto;
	background: #fff url(../imgs/header-bg-below.png) no-repeat;	background-position: top right;
	font-family: Arial, Helvetica, "Trebuchet MS", tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	}

#wrapper-index {
	margin: 0 auto;
	padding: 10px 30px 50px 30px;
	width: 690px;
	height: auto;
	background: #fff url(../imgs/index-bg.jpg) no-repeat;
	font-family: Arial, Helvetica, "Trebuchet MS", tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	}
	
#wrapper-index a { text-decoration: underline; color: #000;}
#wrapper-index a:hover { color: #94603d; }

#index-main {
	padding-top: 282px;
	height: 99px;
	}
	
#index-main ol { margin-left: 20px; }

#wrapper-index #index-main p.index-note { margin-top: 17px; color: #ffffff; font-size: 14px; }
#wrapper-index #index-main p.index-note a { color: #ffffff; font-weight: bold; text-decoration: none; }
#wrapper-index #index-main p.index-note a:hover { text-decoration: underline; }

	
#sidebar {
	float: left;
	width: 236px;
	min-height: 468px;
	height: auto !important;
	height: 468px;
	background: #fff;
	}
#sidebar p{	white-space: pre-line;}
.side-box {
	/*padding: 20px;*/
	width: auto;
	height: auto;
	background: #fefce2;
	border: 1px solid #000;
	}	.free-delivery{	background: url(../imgs/free_delivery.png);	width: 452px;	height: 373px;}.free-delivery p{	padding: 110px 70px 10px 60px;}#main .free-delivery h2,#main .free-delivery h3{	color: #3a2314;	font-weight: bold;	font-size: 20px;}
#main .free-delivery h2{	font-size: 14px;}#inside-free-delivery{	padding: 0px 60px 0px 140px;}.side-box h2,.side-box h3,.side-box h4{	font-weight: bold;	padding: 5px 30px 5px 16px;background: #fffef1;}	.side-box h3 {	font-size: 30px; text-align: center;}.side-box h2 {	font-size: 22px; text-align: center;}
.side-box p {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #000;	padding: 0px 20px;}
	
	/*local navigation*/
	#localnav { list-style: none; }
	#localnav li { display: inline; }
	#localnav li a { display: block; padding: 3px 0; color: #000; text-decoration: none; border-bottom: 1px solid #000; }
	#localnav li a:hover { color: #94603d; }
	#localnav-active { font-weight: bold; }
	
#main {
	float: right;
	width: 432px;
	background: #fff;
	min-height: 468px;
	height: auto !important;
	height: 468px;
	}
	
#main p {
	margin-top: 16px;
	font-family: Arial, Helvetica, "Trebuchet MS", tahoma, sans-serif;
	font-size: 12px;
	}
	#main ul { padding-left: 1.1em }
#main ul li { list-style: outside; line-height: 1.2em; margin-bottom: 0.5em;}
#main ul#list-none li { list-style: none; margin-bottom: 1.5em;}

#main a { text-decoration: underline; color: #000;}
#main a.tastetrial { text-decoration: underline; color: #ce8c5f; font-weight: bold;}
#main a:hover { color: #94603d; }

	/* prices page */
	#prices{
		width: 100%;
		border: 1px solid #000;
		}
	
	table.prices { width: 100%; }
	table.prices th,	table.prices .subtitle		{ height: 55px; vertical-align: bottom; font-weight: bold; background: #bda179; padding: 5px; font-size: 10px; text-transform: uppercase; text-align: center;	}	table.prices .subtitle	{ background: #fefce2; }
	table.prices .subtitle td {		font-weight: bold;	}
	table.prices th.pablo-info-1,
	table.prices td.pablo-info-1 { width: 72px; }
	
	table.prices th.pablo-info-2,
	table.prices td.pablo-info-2 { width: 130px; }
	
	table.prices th.pablo-info-3,
	table.prices td.pablo-info-3 { width: 148px; }
	
	table.prices th.pablo-info-4,
	table.prices td.pablo-info-4 { width: 84px; }
	
	table.prices tr { background: #fefce2; height: 40px; }
	table.prices td { vertical-align: bottom; padding: 5px; vertical-align: middle; text-align: center;}

	
	/* how to order page */
	#main ol { margin: 0 0 0 20px; }
	#main ol li { margin-bottom: 20px; }
	
		/* questionnaire form */
			/* the main layout */
			#contentForm {
				display: block;
				margin: 0 auto;/*this line will center the page*/
				padding: 25px;
				background-color: white;
				}

			/* and now the form formatting itself */
			#contentForm label {
				display: block;
				float: left;
				clear: left;
				Width: 150px;
				line-height: 20px;
				margin-bottom: 10px;
				margin: 5px 0;
				}
				
			#contentForm label.none { float: none; margin-top: 40px; width: 100%; }

			#contentForm input.box, #contentForm textarea, #contentForm select {
				margin: 0;
				padding: 2px;
				width: 285px;
				color: #000;
				background: #F5F5F5;
				border: 1px solid #ccc;
				font-family: Arial, Helvetica, "Trebuchet MS", tahoma, sans-serif;
				font-size: 12px;
				margin: 5px 0;
				}  
				
			#contentForm input#spamcheck { width: 100px; }
				
			#contentForm textarea { width: 100%; }

			#contentForm input:focus, #contentForm textarea:focus, #contentForm select:focus {
				border: 1px solid #999;
				background-color: #FFFFFF;
				}
				
			#contentForm input.check { display: block; float: left; margin-right: 10px; width: 10px; }

			#contentForm span.required{
				font-size: 13px !important;
				color: red !important;
				}

			#contentForm .errormsg {
				display: block;
				width: 90%;
				height: 22px;
				line-height: 22px;
				color: #FFFFFF;
				font-weight: bold;
				background: #FF9D9D url(../imgs/stop.gif) no-repeat 10px center;
				padding: 3px 10px 3px 40px;
				margin: 10px 0;
				border-top: 2px solid #FF0000;
				border-bottom: 2px solid #FF0000;
				}

			#contentForm .msgSent {
				font-size: 20px;
				text-align: left;
				}
				
			#contentForm span.notes {
				margin-left: 150px;
				}

	/* contact */
	div#results { text-align: center; }
		
	p.success {
		margin-bottom: 20px;
		padding: 20px;
		border: 2px solid #33a333;
		color: #33a333;
		background: #cce8cc;
	}
	
	p.error {
		margin-bottom: 20px;
		padding: 20px;
		border: 2px solid #cc3636;
		color: #cc3636;
		background: #f2cdcd;
		}
		
	select, input.text-med, textarea {
		padding: 2px;
		width: 300px;
		border: 1px solid #ccc;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: #F5F5F5;		text-align: center;
		}
		
	input.text-short {
		padding: 2px;
		border: 1px solid #ccc;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: #F5F5F5;
		}
		
/* footer */
	
#footer {
	clear: both;
	margin: 10px auto 0;
	padding: 0 20px;
	width: 748px;
	height: 80px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#footer a { color: #000; text-decoration: underline; }
#footer a:hover { color: #94603d; } 

#footer a#facebook-logo { position: relative; top: 5px; left: 1px; }
	
/* headers */

h1 { font-family: Arial, Helvetica, sans-serif;	font-size: 36px; font-weight: bold; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; }h3 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: none; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h5 { margin: 20px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
.prices{	width: 450px;}.prices td{	width: 150px;}.price-select{	width: 150px;}label.price-select-label{	width: 150px;	display: inline-block;}a#logo-header{	margin: 20px 25px 0 0;	width: 200px;	height: 200px;	float: right;	background:url(../imgs/pablo.png) no-repeat scroll 0 0;}#facebook-logo{	float: right;	align: right;	margin-top: -30px;}
#header h1 { padding-top: 10px; }
#header h2 { line-height: 10px; }
#main h2 {  color: #000; }	
	
/* misc */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

em { font-style: italic; }
var { visibility: hidden; }
hr { color: #000; background: #000; border: 0; height: 1px; }

/* qtip */

.qtip { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; }