@charset "utf-8";
/* CSS Document */

/*************************\
|**  Vanns Spices v2.0  **|
|**  ecoaststudios llc   **|
|**      (c)2007        **|
\*************************/

/** Reset Browser Defaults **/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
caption, input, button, textarea {
	margin: 0;
	padding: 0;
/*	border: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
/*	line-height: 1; */
	font-family: inherit;
	font-weight: normal;
	vertical-align: baseline;

}
a img, :link img, :visited img {
	border: 0;
}
/**table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
ul {
	list-style: none; }
ol { font-size: 100%; }

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

.right { float: right; } .left { float: left; }
.line { color:#4d351e; border: 0; background-color: #4d351e; height: 1px; width: 100%; margin: 10px; }

/** Body **/
	body {
		font-size: 10px; /* To set relative font size */
		font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
		}
		body.home {	background: #271a0d url(../images/bg.jpg) repeat-x; }
		body.secondary { background: #271a0d url(../images/bg.secondary.jpg) repeat-x; }
		
	body.home #container { 
		width: 100%;
		background:url(../images/bg.content.jpg) no-repeat center top;
		}
	body.secondary #container {
		width: 100%;
		background: url(../images/bg.content.secondary.jpg) no-repeat center top;
		}

		
/** Header **/
	
	#header {
	width: 80em;
	margin: 0px auto;
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}
		
	#header img { float: left; }
		
	/** Main Menu **/
	#header ul#mainmenu {
	float: left;
	margin-top: 50px;
	margin-left: 5px;
			}
			#header #mainmenu li { display: inline;   border-right: 1px solid #1a1007; font-family: "Baskerville Old Face", "Times New Roman", Times, serif; }
			#header #mainmenu li a { line-height: 44px; color: #abb886; text-decoration: none; font-size: 1.5em; margin-left: 15px; margin-right: 15px; }
			#header #mainmenu li a:hover { color: #da5d14; border-bottom: 1px solid #1a1007; }
			#header #mainmenu li.active a { color: #da5d14; border: none; }
			
		/** Sub Menu **/
			#metamenu { position: absolute; top: 25px; right: 0; text-align: right; }
			
			#metamenu .top { color: #2d1e0f; font-size: 1.1em; }
			#metamenu .top a { color: #e76b17; text-decoration: none; }
			#metamenu .top a:hover { color: #fff; }
			#metamenu .top a.cart { padding-left: 17px; background: url(../images/icon.cart.gif) no-repeat center left;}
				
			#metamenu .bottom { color: #fff; margin-top: 2px; }
			#metamenu .bottom a { color: #c1420e; text-decoration: none; }
			#metamenu .bottom a:hover { color: #fff; }
			
			#show { float:none; padding-bottom:12px; }
				

/** Promo **/
		#promos {
			width: 800px;
			margin: 18px auto;
			height: 240px;
			position: relative;
			}
			body.secondary #promos { padding-top: 50px; height: 30px; }
			body.secondary #rightimage { position: absolute; top: 0px; right: -3px; float: right; }
			
			body.secondary #smallerimage { position: absolute; top: 130px; right: -3px; float: right; }
			body.secondary #miniimage { position: absolute; top: 145px; right: -3px; float: right; }
			body.secondary #sidetab {
			position: absolute;
			top: 197px;
			right: -3px;
			float: right;
			font-size: 1.2em;
			color: #D8CAA8;
			line-height: 15px;
			}
			
			
			body.secondary ul#retail { float: left; margin-left: 0; }
			body.secondary #retail li { float:left; display: inline; }
			
			
			
			#promos #flashcontent { font-size: 1.5em; width: 533px; }
			#promos #flashcontent h2 { font-size: 2em; }
			#promos #flashcontent a { color: #efc887; text-decoration: none; border-bottom: 1px solid #07574c; }
			#promos #flashcontent div { background: #1d1309; color: #fff; border: 4px solid #271a0d; width: 524px; height: 230px; overflow: hidden; }
			#promos #flashcontent a:hover { background: #271a0d; }
			
			#promos .right { width: 255px; }
			#promos .right a { display: block; margin-bottom: 10px; }
			
			#promos h1 { font-size: 31px; font-family: "Baskerville Old Face", Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #fff; }
			
			
/** Content **/
	#content {
	width: 810px;
	margin: 40px auto;
	margin-bottom: 0;
	padding-left: 10px;
	padding-bottom: 166px;
	overflow: hidden;
	background: url(../images/bg.footer.gif) no-repeat left bottom;
	font-size: 11px;
}
#full { width:810px; } /* ie. kudos.php */
.details { color: #AE701F; text-align: right; }
	
	/* Home */
		body.home #content div { width: 152px; margin-right: 10px; color: #969865; float: left; padding: 0 !important; }
		body.home #content div div {  height: 11em; margin: 0;  }
		body.home #content div h2 { height: 53px; width: 152px; border-bottom: 1px solid #4f462e; color: #fff; font-size: 2em; margin-bottom: 7px; text-indent: -100em; overflow: hidden; visibility:hidden; }
		body.home #content div a.who { background: url(../images/header.who.gif) no-repeat center right;  }
		body.home #content div a.spices { background: url(../images/header.spices.gif) no-repeat bottom right; }
		body.home #content div a.hot { background: url(../images/header.month.gif) no-repeat center right; }
		body.home #content div a.recipes { background: url(../images/header.customblend.gif) no-repeat center right; }
		body.home #content div a.praise { background: url(../images/header.praise.gif) no-repeat bottom right; }
			
		body.home #content div h3 { color: #fff; font-size: 1.4em !important; text-align: center; font-weight: bold !important; padding-bottom: 2px; }
		body.home #content div p { margin-bottom: 5px; line-height: 1.4em; text-align: right;  }
		
		body.home #content div a { color: #d0540c; float: right; text-align: right; font-size: 1.4em; font-family: "Baskerville Old Face", "Times New Roman", Times, serif; text-decoration: none; margin-top: 6px;  }
		body.home #content div a:hover { color: #fff; }
		
		body.home #content div p a, body.home #content div li a, body.home #content div h3 a { color: #d8caa8; border-bottom: 1px solid #4a3922; float: none; text-align: inherit; font-size: 1em; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; margin-top: inherit; }
		
		body.home #content div ul { text-align: right; margin-top: 3px;  }
		body.home #content div ul li { padding-right: 7px; background:url(../images/bullet.gif) no-repeat center right; line-height: 1.7em; }
		
		body.home #content div ol { margin-left: 6px; list-style-position: inside; }
		body.home #content div ol li { margin-left: 26px; }
		
	/* Secondary */
		body.secondary #content { margin: 0px auto; position: relative; }
		body.secondary #content p { color: #cdbe7a; font-size: 1.2em; line-height: 1.4em; padding-left: 5px; padding-right: 5px; margin-bottom: 15px;}
		body.secondary #content h3 { color: #fff; font-size: 1.7em; padding-left: 5px; font-family: Georgia, "Times New Roman", Times, serif;  }
		body.secondary #content h2 { font-size: 2.8em; font-family: "Baskerville Old Face", Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #fff; }
		body.secondary #content h4 { font-size: 2.1em; font-family: "Baskerville Old Face", Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #fff2d5; padding-top: 45px; padding-bottom: 15px; }
		body.secondary #content ul { margin-top: 3px;  }
		body.secondary #content ul li { padding-left: 7px; /*background:url(../images/bullet.gif) no-repeat center right;*/ }
		body.secondary #content ol { margin-left: 6px; list-style-position: inside; }
		body.secondary #content ol li { margin-left: 26px; list-style: decimal; }
		body.secondary #content a { color:#946D36; text-decoration:none; }
		body.secondary #content a:hover { color:#946D36; text-decoration:underline; }

		body.secondary #content .threecolumns { overflow: hidden; }
		body.secondary #content .threecolumns div.column { float: left; }		
		body.secondary #content .threecolumns div.column div { padding: 9px; padding-right: 30px; padding-left:0; margin-left: 3px; margin-bottom: 5px; position: relative; }
		body.secondary #content .threecolumns div.spice { width: 245px; }	
		body.secondary #content .threecolumns div.header { float: right; margin-right: 6px; }

		body.secondary #content .threecolumns div a.addtocart { position: absolute; top: 9px; right: 30px; color: #fff; text-indent: -9999em; 
																height: 16px; width: 40px; background:url(../images/add.cart.gif) no-repeat center; }
		body.secondary #content .threecolumns div.three div { padding-right: 0px; }
		body.secondary #content .threecolumns div.three div a.addtocart { right: 0px; } 
		
		body.secondary #content .twocolumns { width: 414px; }
		body.secondary #content .twocolumns img { margin-bottom: 10px; }
		
		body.secondary #content .oneolumn { width: 710px; }
		body.secondary #content .onecolumn img { margin-bottom: 10px; }

		body.secondary #content #submenu { border-bottom: 1px solid #4d351e; padding: 3px 0px; overflow: hidden; width: 810px; }
		body.secondary #content .twocolumns #submenu { width: 414px; }
		body.secondary #content .onecolumn #submenu { width: 800px; }

		body.secondary #content #submenu li { background: none; float: left; margin-right: 2px; padding: 7px 0px; font: 1.1em Cambria, Times, "Times New Roman", Georgia, serif; }
		body.secondary #content #submenu li a { font-weight: bold; text-decoration: none; color: #d4a34f; padding: 7px; }
		body.secondary #content #submenu li a:hover { color: #fff; }
	
		body.secondary #content #submenu li.active { background: #271a0d; }
		
		body.secondary #content .tree { font-size: 1.1em; margin-top: 8px; margin-right: 8px; display: block; text-align: right; }
		body.secondary #content .tree a { color: #ae701f; text-decoration: none; }
		body.secondary #content .tree a:hover { text-decoration: underline; }
		body.secondary #content .tree a.active { color: #fce291; }
		

	/* Forms*/

	hr.section { width: 818px; height: 5px; background-color:#1A1007; color: #1A1007; border: none; margin-top: 3px; }

	form { margin: 0 0 1.5em 0; padding: 0; }

	form input.text, form textarea { background: #DED0C3; border: 2px solid #252525; font-size: 12px; padding: 3px 5px; font-family: Verdana, sans-serif; color: #000; width: 465px; }

	form input.captcha { background: #DED0C3; border: 2px solid #c1d885; font-size: 12px; padding: 3px 5px; font-family: Verdana, sans-serif; color: #000; width: 165px; }
	
	form label {
	color: #F47819;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	width: 800px;
}
	/* Custom Blend*/

	form select {
	background:#DED0C3;
	border: 2px solid #252525;
	height: 25px;
}
	form label#requestblend { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 800px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
	form input.text {
	background: #DED0C3; border: 2px solid #252525; font-size: 12px; padding: 3px 5px 6px; font-family: Verdana, sans-serif; color: #281A0D; width: 465px; }
	.checkbox { background: #DED0C3; border: 2px solid #252525; }
	form #requestblend input.text { width: 150px; }
	form #order input.text { width: 35px; }
	#order  a {
	color: #ae701f;
	text-decoration: underline!important;
	font-weight: normal;
}
	#order a:hover { text-decoration: none; }

   form button {
	background: #DED0C3;
	border: 2px solid #252525;
	font-size: 1.2em;
	padding: 5px 5px;
	font-family: Verdana, sans-serif;
	color: #281A0D;
	/*width: 150px;*/
	margin-left: 9px;
}

	form span.required {
	font-family: Verdana, sans-serif;
	font-style: italic;
	color: #D8CAA8;
    font-size: .8em;
}

	form fieldset { margin: 0; padding: 0; border: 0; }		
		
	#captchabox {
	padding-right: 19px; }

	.captcha input {
	float:left;
	margin:10px 10px 10px 0px;
	background: #DED0C3;
	border: 2px solid #252525;
	font-size: 12px;
	padding: 3px 5px 6px; 
	font-family: Verdana, sans-serif; color: #281A0D;
}

	.captcha img {
	float:left;
	margin:0 -10px 0 0 !important; border: 2px solid #252525;
}		

		
/** Footer **/
	#footer {
	width: 100%;
	height: 4.4em;
	background: #1a1007;
}
		
	#footer ul { width: 810px; margin: 0px auto; } 
	#footer li { float: left; color: #6a4a2c; line-height: 4.4em; margin-right: 4px; }
	#footer li a { color: #c1420e; line-height: inherit; text-decoration: none; padding-left:8px; background:url(../images/bullet.footer.gif) no-repeat center left; }
	#footer li a:hover { color: #fff; }
			
	#credits { color: #C1B393; text-align: center; padding-top: 7px; padding-bottom: 4px; }
	#credits a { color: #C1B393; text-decoration: none; }
	#credits a:hover { text-decoration: underline; }

/** Ecommerce **/

    #alphabet {
	display: block;
	float: left;
	width: 800px;
	padding: 0;
	margin: 5px 0 0;
	text-align: left;
	font-size: 1.5em!important;
	word-spacing: 0.6em;
}
	#alphabet a:hover { color: #CDBE7A; text-decoration: underline; }
	#alphabet a { color: #CDBE7A; text-decoration: none; }
	#content #spiceid { font-size: 1.3em; }
	
	#category li {
	margin-left: 20px;
	margin-bottom: 3px;
	color: #CDBE7A;
	list-style-type:square;
	font-size: 1.3em;
}
	#category li a { color: #CDBE7A; text-decoration:none; }
	#category li a:hover { color: #CDBE7A; text-decoration:underline; }
	#category ul { margin-bottom: 1em; }
	
	#productlist li {
	margin-left: 20px;
	margin-bottom: 3px;
	color: #CDBE7A;
	list-style-type:square;
	font-size: 1.2em;
}
	#preperation li {
	margin-left: 20px;
	margin-bottom: 3px;
	color: #CDBE7A;
	list-style-type:square;
	font-size: 1.2em;
}
	#productlist li a { color: #CDBE7A; text-decoration:none; }
	#productlist li a:hover { color: #CDBE7A; text-decoration:underline; }
	#productlist ul { margin-bottom: 1em; }

	.img { float: left; } /* spice image */
	.quanityselect {
	background: #DED0C3;
	border: 1px solid #252525;
	font-size: 1em;
	padding: 1px 5px 0px;
	font-family: Verdana, sans-serif;
	color: #281A0D;
	width: 25px;
	height: 20px;
	margin-bottom: 0px;
}

	#productimage { vertical-align: top!important; }
	#productdesc { vertical-align: top!important; /*padding-left: 15px;*/ padding-right: 10px; }
	#item li {
	margin-left: 0px;
	margin-bottom: 10px;
	color: #CDBE7A;
	list-style-type:none!important;
	font-size: 1.1em;
}
	#item li a { color: #AE701F; text-decoration:underline; }
	#item li a:hover { color: #AE701F; text-decoration:none; }

	#addtocart li {
	margin-left: 0px;
	margin-bottom: 12px!important; 
}
	#addtocart li a { color: #AE701F; text-decoration:none; }
	#addtocart li a:hover { color: #AE701F; text-decoration:underline; }
	
	#productamount li {
	margin-left: 0px;
	margin-bottom: 8px;
	color: #CDBE7A;
	list-style-type:none!important;
}
	#ordercontainer {
	margin-left: 240px;
	padding: 5px;
	border: 4px solid #1D1200;
	height: 170px;
	width: 450px;
}
/* not working in damn IE 6 iframe {
	border:7px solid #251909;
}*/
/** Admin Section **/
	#orders {
	width: 810px;
	margin: 40px auto;
	margin-bottom: 0;
	padding-left: 10px;
	padding-bottom: 166px;
	overflow: hidden;
	font-size: 11px;
}
#adminsection {
	color: #fff;
	padding-bottom: 8px; color:#FFF3D2;
	font: bold 27px "Baskerville Old Face", Georgia, "Times New Roman", Times, serif;
}

body.backend {	background: #271a0d url(../images/bg.admin.jpg) repeat-x; }

.dataheading { color:#000; background-color:#c19b78; }

.data { background-color:#ded0c3; color:#291B0E; }

#accounts { background-color:#ded0c3; color:#291B0E; }
#accounts a:hover { color: #291B0E; text-decoration:none; }
#accounts a { color: #291B0E; text-decoration:underline; }

#ordernumber { background-color:#ded0c3; color:#291B0E; }
#ordernumber a:hover { color: #291B0E; text-decoration:none; }
#ordernumber a { color: #291B0E; text-decoration:underline; }

#continue li {
	display: inline;
	padding-right: 6px;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}
#continue a:hover { color: #fff; text-decoration:underline; }

#continue active a { color: #fff; text-decoration:underline; }

.receipt { color:#000; background-color:#fff; font-size:12px }

#receiptheader {
	font-size: 1.2em;
	padding-top: 50px;
	padding-left: 30px;
}

/** Shopping Cart **/
.scart {
	font-size: 1.2em;
	color: #D8CAA8;
	border-bottom: 3px solid #281B0A;
	font-weight: bold;
}
.checkout {
	font-size: 1.2em;
	color: #D8CAA8;
	border-bottom: 3px solid #493119;
	font-weight: bold;
}
.totals {
	font-size: 1em;
	color: #D8CAA8;
	border-top: 3px solid #281B0A;
}
.subtotals {
	font-size: 1em;
	color: #D8CAA8;
	border-top: 3px solid #493119;
}
.delete {
	vertical-align: top;
	padding-top: 7px;
}

#orderdetail {
	font-size: 1.5em!important;
	padding-top: 50px;
	padding-left: 30px;
	padding-bottom: 20px;
}
#shiftright {
	text-align: right;
	padding-right: 15px;
}
.err {
	color:#CC0000!important;
	background: #FFFFCC;
	width: 100%;
	border: 2px solid #27190C;
}
/* Information Boxes - checkout.php
----------------------------------------------- */
.query, .query_wide {
	color: #DED0C3;
	font-weight: normal;
/*	font-size: 10px; */
	width: 180px;
	margin-bottom: 7px;
	background-image: url(../images/query_bg_top2.gif);
	background-repeat: no-repeat;
 	background-position: left top;
	}
.query div, .query_wide div {
		padding: 6px 10px 6px 10px;
		background-image: url(../images/query_bg_bot.gif);
		background-repeat: no-repeat;
	 	background-position: left bottom;
		font-family: arial, verdana, sans-serif;
	}
	
.query_wide{
	background-image: url(../images/query_bg_top.gif);
	width: 280px;
	}

.query_wide div {
		background-image: url(../images/query_bg_bot.gif);
	}

.query_wide div li {
		margin: 0px 0px 5px;
	}
.query_wide div2 li {
		margin: 0px 0px 5px;
	}
	
.query li {
		padding-top: 3px;
		list-style: outside;
	}
.nomargin {
		margin:0px !important;
	}
.pw {
	background: #DED0C3;
	margin: 0px;
	padding: 0px;
}
.floating_hint {
	width: 200px;
	}
.notes {
	color: #27190C!important;
}

.divider {
	padding-left: 50px;
	border-left: 3px solid #281B0A;
	vertical-align: top;
	/*padding-top: 8px;*/
	height: 400px;
}
#RDFunctions{

	float:left;

	width:276px;

	height:61px;

	border-top:2px #e3e3e4 solid;

	background-image:url(../images/Recipe-functions.jpg);

	background-repeat:no-repeat;

}