/*
Theme Name: Open
Theme URI: http://www.eatsauca.com
Description: DISPLAY THIS THEME WHEN SAUCA IS OPEN.
Author: ripe.com
Author URI: http://www.ripe.com
version: 1.0
Tags: sauca, sauce, magic
*/

/* ========== Color Key ========== */
/* b6956c - Tan (h2)               */
/* 753f00 - Dark brown (h2 hover)  */
/* 793d00 - Med. brown (p)         */
/* 4d2900 - Darker brown           */
/* b85705 - Rust (entry a)         */
/* f58d0e - Orange				   */
/* cfcc18 - Green 				   */
/* e1bb32 - Dirty yellow  		   */
/* =============================== */

/* basics */

.cta {
	font-weight:bold;
left:150px;
line-height:19px;
position:relative;
text-align:center;
top:-136px;
width:150px;
font-size:12px;
margin:0!important;
padding:0 0px!important;}


.cta p {
	font-size:12px;
margin:0!important;
padding:0 0px!important;
}
	

*{margin:0; padding:0;}

html,body {
	overflow-x: hidden;
	}
	
body {
	width: 100%;
	background: url(images/bg-bamboo.jpg) repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	color: #793d00;
	}
	
h1 {
	font-size: 18px;
	font-family: Times, "Times New Roman", Georgia, serif;
	color: #d18316;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-family: Times, "Times New Roman", Georgia, serif;
	color: #d18316;
	font-weight: bold;
}
h5 {
	font-size: 14px;
	}

p {
	margin: 8px 0 8px 0;
}
b {
	font-weight: bold;
	}

h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left: 1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a:link, a:visited, a {
	color: #d9531e;
	text-decoration:none;
	cursor: pointer;
	}
a:hover {
	text-decoration: underline;
	cursor: pointer;
	}

a:hover{text-decoration: underline;}

.orange { color: #f58d0e; }
.rust { color: #b85705; }
.green { color: #cfcc18; }
.darkgreen { color:#093; }
.dirtyyellow { color: #e1bb32; }
.red { color: #c62c0a; }
.brown { color: #662212; }
.black { color: #000; }

/* container */


#container {
	width: 100%;
	height: 677px;
	padding: 0;
	background: url(images/bg-book.png) no-repeat;
	background-position: -90px 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -330px 0 0 0;
	}

#banner {
	width: 195px;
	height: 99px;
	background: url(images/banner.png) no-repeat;
	position: relative;
	left: 120px;
	top: 40px;
	z-index: 0;
	}
	

/* Nav (leftcol) */

#nav {
	width: 388px;
	height: 584px;
	position: relative;
	top: 16px !important;
	z-index: 10;
	left:0px;
}
	#navcontent p {
		padding: 130px 30px 0 120px;
		}
	.mainnav {
		padding: 30px 30px 0 120px;
		list-style: none;
		}
	.mainnav a:link, .mainnav a:visited {
		color: #793d00;
		font-size: 18px;
		text-transform: uppercase;
		}
/* content */
	
#content {
	position: relative;
	width: 613px;
	height: 580px;
	top: -646px;
	left: 370px;
	z-index: 20;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	.win .post {
		line-height: 13pt;
		}
	
.post h2{
	font:normal 15pt georgia, times;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:190px;
	float:left;
	margin:0;
	padding: 0;
	border-right: 1px solid #ddd;
	}

#sidebar h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:12px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* -------------------- */
/* Specific page styles */
/* -------------------- */

/* Home */
.home .post {
	width: 526px;  /* 586px w/o padding */
	height: 160px; /* 200px w/o padding */
	background: url(images/bg-home-text.png) no-repeat;
	padding: 25px 30px 15px 30px;
	text-align: justify;
	margin: 0px 0 0 15px;
	}

.home .locator {  /* Custom locator badge */
	width: 617px;
	height: 182px;
	background: url(images/bg-home-location.png) no-repeat;
	margin-top: 10px;
	}
	#mapcanvas {
		width: 335px; 
		height: 148px; 
		position: relative;
		left: 60px;
		top: 10px;
		border: 1px solid #793d00;
		}
		#mapcanvas span {
			opacity: 0;
			}
		#mapcanvas a.gmnoprint {
			opacity: 0;
		}
	.home .where {
		position: relative;
		top: -125px;
		left: 408px;
		}
		.home .locator .where #twitter_update_list li {
			width: 160px;
			list-style: none;
			}
		.home .where a.follow {
			line-height: 28px;
			}
		.ie7 .home .where a.follow {
			padding: 0 0 0 15px;
			}


.home .randsaucas {
	padding: 0px 0 0 25px;
	}
	.singlesauca {
		margin: 5px 10px 0 0;
		float: left;
		height: 82px;
		overflow:hidden;
		}
		.singlesauca a:link, .singlesauca a:visited {
			color: #793d00; /* Med brown */
			}
		img.singlesaucaimg {
			position: relative;
			margin: 8px 0 0 10px;
			float: left;
			}
		span.singlesaucap {
			width: 130px;
			float: left;
			margin: 10px 0 0 10px;
			}
		.randdes {
			display: block;
			text-transform: uppercase;
			margin-top: 6px;
			}
		.head1, .head2, .head3, .head4, .head5, .head6 {
			font-size: 18px;
			font-family: Times, "Times New Roman", Georgia, serif;
			font-weight: bold;
			display: block;
			}
		.head1 {
			color: #f58d0e; /* orange */
			}
		.head2 {
			color: #cfcc18; /* green */
			}
		.head3 {
			color: #d9531e; /* rust */
			}
		.head4 {
			color: #e1bb32; /* dirty yellow */
			}
		.head5 {
			color: #c62c0a; /* red */
			}
		.head6 {
			color: #662212; /* brown */
			}
	a.singlesaucadivlink:link, a.singlesaucadivlink:visited {
		width: 283px;
		height: 82px;
		background: url(images/bg-rand-menu.png) no-repeat;
		background-position: 0 0;
		display: block;
		}
		a.singlesaucadivlink:hover {
			background-position: 0 -82px;
			text-decoration: none;
			}

/* Locate */

.locate .locator {
	width: 581px;
	height: 391px;
	background: url(images/bg-map-paper.png) no-repeat;
	margin: -5px 0 0 10px;
	}
	.locate #mapcanvas {
		width: 533px; 
		height: 330px;
		min-height: 330px; 
		position: relative;
		left: 20px;
		top: 30px;
		border: 1px solid #793d00;
		}
.locate .where {
	padding: 0 0 0 8px;
	height: 65px;
	overflow-y: hidden;
	}
	.locate .where #twitter_update_list li {
		width: 330px;
		list-style: none;
		position: relative;
		top: -10px;
		left: 250px;
		}
	.locate .follow {
		position: relative;
		top: -8px;
		left: 250px;
		}
	.ie7 .locate .follow {
		left: 265px;
		}	

.stl-timeline {
	width: 380px;
	height: 120px;
	margin: 8px 0 0 15px;
	border: 1px solid #793d00;
	float: left;
	}

.locate .wherenext {
	width: 158px;
	height: 87px;
	background: url(images/icon-map-where-headed-next.png) no-repeat;
	float: left;
	margin: 30px 0 0 25px;
	}


/* Menu - all pages */

.menunav {
	width: 588px;
	margin: 20px 0 0 15px;
	}
	.menunav ul {
		list-style: none;
		}
		.menunav li {
			float: left;
			margin-right: 20px;
			}
	.menunav a:link, .menunav a:visited {
		display: block;
		text-indent: -9000px;
		height: 18px;
		background: url(images/sprite-nav-menu-subnav.png);
		}
		
		/* Normal States */
		a.saucas:link, a.saucas:visited { width: 53px; background-position: 0 0; }
		a.toffles:link, a.toffles:visited { width: 199px; background-position: -73px 0; }
		a.sauces:link, a.sauces:visited { width: 52px; background-position:-75px 0; }
		a.soups:link, a.soups:visited { width: 100px; background-position: -200px 0; }
		a.beverages:link, a.beverages:visited {	width:75px; background-position: -309px 0; }
		
		/* Hover States */
		a.saucas:hover { background-position: 0 -19px; }
		a.toffles:hover { background-position: -73px -19px; }
		a.sauces:hover { background-position: -75px -19px; }
		a.soups:hover { background-position: -200px -19px; }
		a.beverages:hover { background-position: -309px -19px; }
		
		/* Active States */
		#nav-saucas a.saucas:link, #nav-saucas a.saucas:visited { background-position: 0 -36px;	}
		#nav-toffles a.toffles:link, #nav-toffles a.toffles:visited { background-position: -73px -36px; }
		#nav-sauces a.sauces:link, #nav-sauces a.sauces:visited { background-position: -72px -36px; }
		#nav-soups a.soups:link, #nav-soups a.soups:visited { background-position: -144px -36px; }
		#nav-beverages a.beverages:link, #nav-beverages a.beverages:visited { background-position: -309px -36px; }

.menucontent {
	width: 541px; /* 581 */
	height: 501px; /* 521 */
	background: url(images/bg-menu-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}

.contentleft, .contentright {
	width: 270px;
	min-height: 100px;
	/* background: black; */
	float: left;
	margin: 20px 0 0 0;
	}

.contentright {
	/* background: red; */
	}

.contentleft p {
	padding: 0px 10px 0px 0px;
	}
.contentright p, .contentright h1, .contentright h2 {
	padding: 0px 0px 0px 20px;
	}

.contentright .first {
	margin-top: 10px;
	}
	
	.second {
		margin: 30px 0 0 0;
		}
	.mac.chrome .second, .mac.safari .second {
		margin: 20px 0 0 0;
		}
	.win .second {
		margin: 15px 0 0 0;
		}
.secondcontentholder {
	margin-top: 20px;
	}

/* Menu - saucas */
	
.menu-saucas .menumap {
	margin: 20px 0 0 30px;
	}
	.menu-saucas .saucalistleft, .menu-saucas .saucalistright {
		font-size: 18px;
		font-family: Times, "Times New Roman", Georgia, serif;
		font-weight: bold; 
		float: left;
		width: 231px;
		list-style: none;
		}
		.menu-saucas .saucalistleft li, .menu-saucas .saucalistright li {
			margin-top: 3px;
			}
		.mac.safari .menu-saucas .saucalistleft, .mac.safari .menu-saucas .saucalistright,
		.win.ff3 .menu-saucas .saucalistleft, .win.ff3 .menu-saucas .saucalistright,
		.win.ie .menu-saucas .saucalistleft, .win.ie .menu-saucas .saucalistright,
		.chrome .menu-saucas .saucalistleft, .chrome .menu-saucas .saucalistright {
			font-size: 17px;
			}
		.win.ff3 .menu-saucas .saucalistleft, .win.ff3 .menu-saucas .saucalistright {
		
			}
	.menu-saucas .saucalistleft {
		margin: 20px 0 0 30px;
		}
	.menu-saucas .saucalistright {
		margin: 22px 0 0 0;
		text-align: right;
		}

area:hover {
	cursor: pointer;
	}

.menu-saucas a:hover {
	cursor: pointer;
	}

.menu-saucas .menubanner {
	display: block;
	margin: 10px 0 0 30px;
	height: 100px;
	}
	
.menu-saucas .menuitemsholder {
	height: 85px;
	}
	.win.ie7 .menu-saucas .menuitemsholder {
		height: 95px;
		}
	.menu-saucas .mumbaiholder {
		height: 300px;
		}
		.win.ie7 .menu-saucas .mumbaiholder {
			height: 300px;
			}
	
/*.menu-saucas h1, .menu-saucas h3, .menu-saucas p {
	width: 461px;
	margin: 0 0 0 30px;
	line-height: 20px;
	}*/
	.menu-saucas h1 {
		margin: 15px 0 0 30px;
		font-size: 20px;
		}
	.menu-saucas h3 {
		text-transform: uppercase;
		font-size: 12px;
		}
/*	.menu-saucas p {
		margin: 15px 0 0 30px;
		font-size: 12px;
		}*/
	.menu-saucas .smaller {
		font-size: 13px;
		}
.menu-saucas a.begin {
	width: 129px;
	height: 36px;
	background: url(images/btn-menu-back-to-map.png) no-repeat;
	float: left;
	margin: 10px 0 0 30px;
	}

.menu-saucas a.prev {
	width: 88px;
	height: 34px;
	background: url(images/btn-menu-prev.png) no-repeat;
	float: left;
	margin: 12px 0 0 123px;
	}

.menu-saucas a.next {
	width: 92px;
	height: 34px;
	background: url(images/btn-menu-next.png) no-repeat;
	float: left;
	margin: 12px 0 0 30px;
	}

.menuitemsholder p {
	margin-top: 0px;
	}

/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
    height: 470px;
    width: 520px;
    margin: 5px 0 0 5px;
	} 

/* override single pane */ 
#flowpanes div.singlepane { 
    float:left; 
    display:block; 
    width:520px; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width: 20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important;
    font-size:11px; 
}

/* Menu - Toffles */

/* Menu - Sauces */
#worldhotsauce, #honeymustard, #lonestar, #smokedonion, #mustardseed, #trillion, #chimichurri, 
#charredtomato, #roastedgarlic, #dillyogurt, #tahini, #sweetginger, #thaicoconut, #peanutsauce, 
#whitemiso, #sweetsour, #garlicchili, #lobsterbisque, #lemonmayo, #passionfruit,
#indianmint, #curry { 
	height: 80px;
	width: 80px;
	margin: 5px 5px 15px 5px;
	float: left;
	}

#worldhotsauce { background: url(images/sprite-sauces.png) 0 0; }
#honeymustard {	background: url(images/sprite-sauces.png) -80px 0; }
#lonestar { background: url(images/sprite-sauces.png) -160px 0; }
#smokedonion { background: url(images/sprite-sauces.png) -240px 0; }
#mustardseed { background: url(images/sprite-sauces.png) -320px 0; }
#trillion { background: url(images/sprite-sauces.png) -400px 0; }
#chimichurri { background: url(images/sprite-sauces.png) -480px 0; }
#charredtomato { background: url(images/sprite-sauces.png) -560px 0; }
#roastedgarlic { background: url(images/sprite-sauces.png) -640px 0; }
#dillyogurt { background: url(images/sprite-sauces.png) -720px 0; }
#tahini { background: url(images/sprite-sauces.png) -800px 0; }
#sweetginger { background: url(images/sprite-sauces.png) -880px 0; }
#thaicoconut { background: url(images/sprite-sauces.png) -960px 0; }
#peanutsauce { background: url(images/sprite-sauces.png) -1040px 0; }
#whitemiso { background: url(images/sprite-sauces.png) -1120px 0; }
#sweetsour { background: url(images/sprite-sauces.png) -1200px 0; }
#garlicchili { background: url(images/sprite-sauces.png) -1280px 0; }
#lobsterbisque { background: url(images/sprite-sauces.png) -1360px 0; }
#lemonmayo { background: url(images/sprite-sauces.png) -1440px 0; }
#passionfruit { background: url(images/sprite-sauces.png) -1520px 0; }
#indianmint { background: url(images/sprite-sauces.png) -1600px 0; }
#curry { background: url(images/sprite-sauces.png) -1680px 0; }

#tooltip-honeymustard, #tooltip-lonestar, #tooltip-smokedonion, #tooltip-mustardseed, #tooltip-trillion, #tooltip-chimichurri, #tooltip-charredtomato, 
#tooltip-roastedgarlic, #tooltip-dillyogurt, #tooltip-tahini, #tooltip-sweetginger, #tooltip-thaicoconut, #tooltip-peanutsauce, #tooltip-whitemiso, #tooltip-sweetsour, #tooltip-garlicchili, #tooltip-lobsterbisque, #tooltip-lemonmayo, #tooltip-passionfruit, #tooltip-indianmint, #tooltip-curry, #tooltip-worldhotsauce { display: none; }

.tooltip-large {
	width: 215px;
	height: 151px;
	background: url(images/bg-sauce-tooltip.png) no-repeat;
	}

.tooltip-small {
	width: 215px;
	height: 101px;
	background: url(images/bg-sauce-tooltip-small.png) no-repeat;
	display: none;
	}

.menu-sauces h4 {
	text-transform: uppercase;
	font-size: 12px;
	padding: 15px 15px 0 15px;
	}
.menu-sauces p {
	padding: 0 15px 0 15px;
	font-size: 12px;
	margin: 0 0 0 0;
	}


/* Music */

.musiccontent {
	width: 541px; /* 581 */
	height: 561px; /* 521 */
	background: url(images/bg-large-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}

.songholder {
	width: 260px;
	margin: 0 0 15px 0;
	max-height: 100px;
	}
	.songholder .holder {
		height: 30px;
		width: 30px;
		background: #000;
		opacity: .5;
		filter: alpha(opacity = 50);
		margin: 35px 0 0 35px;
		}
		.songholder .holder:hover {
			opacity: 1;
			filter: alpha(opacity = 100);
		}	
.songcover {
	width: 100px;
	height: 100px;
	float: left;
	}

.songdescription {
	width: 150px; /* 160 */
	padding: 0 0 0 10px;
	float: left;
	}

.africanparty { background: url(images/music/african-party.png) no-repeat; }
.asian { background: url(images/music/asian-groove.png) no-repeat; }
.brazillian { background: url(images/music/brazilian-cafe.png) no-repeat; }
.french { background: url(images/music/french-cafe.png) no-repeat; }
.italia { background: url(images/music/italia.png) no-repeat; }
.latin { background: url(images/music/latin-groove.png) no-repeat; }
.turkish { background: url(images/music/turkish-groove.png) no-repeat; }
.world { background: url(images/music/world-groove.png) no-repeat; }
	

/* Bazaar */

.bazaarcontent {
	width: 541px; /* 581 */
	height: 561px; /* 521 */
	background: url(images/bg-large-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}
	
/* Special Events */

.eventscontent {
	width: 541px; /* 581 */
	height: 561px; /* 521 */
	background: url(images/bg-large-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}

.item {
	margin: 10px 0 0 0;
	}
	
.specialeventscontact {
	margin: 0 0 0 20px;
	}
	.specialeventscontact #name, .specialeventscontact #email, .specialeventscontact #emailverify, 
	.specialeventscontact #note, .specialeventscontact #phone {
		width: 218px;
		font-size: 9pt;
		margin:5px 5px 0 0;
		padding: 5px;
		border: 1px solid #b6956c;
		opacity: .5;
		filter: alpha(opacity = 50);
		float: left;
		color: #793d00;
		background: #fff;
		}
	.specialeventscontact .btnsubmit {
		width: 228px;
		}

.events #emailaddresserror {
	width: 210px;
	height: 121px;
	background: url(images/email-address-error-right.png) no-repeat;
	position: relative;
	top: -290px;
	left: -190px;
	z-index: 10;
	}
	
/* Talk to Us */

.talkcontent {
	width: 541px; /* 581 */
	height: 561px; /* 521 */
	background: url(images/bg-talk-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}
	
#emailaddresserror {
	width: 210px;
	height: 121px;
	background: url(images/email-address-error.png) no-repeat;
	position: relative;
	top: -195px;
	left: 270px;
	z-index: 10;
	}

.ie7 .iehfix {
	margin-top: -20px;
	}
	
/* Talk to Us - Received */

.emailcontent {
	width: 541px; /* 581 */
	height: 561px; /* 521 */
	background: url(images/bg-large-paper.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 20px 20px 0 20px;
	}

.contentcenter {
	width: 300px;
	margin: 100px 0 50px 120px;
	}

.img-layered {
	margin: 0 0 0 20px;
	}

/* Talk to Us - Forms */

.contactform {
	position: relative;
	top: -36px;
	}

form.talktous {
	margin: 90px 0 0 45px;
	}
	.ie form.talktous, .chrome form.talktous, .win.ff3 form.talktous {
		margin: 80px 0 0 45px;
		}

#name, #phone, #email, #emailverify, #note {
	width: 185px;
	font-size: 9pt;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 0px;
	opacity: .5;
	filter: alpha(opacity = 50);
	color: #793d00;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: transparent;
	border-bottom: 1px solid #b6956c;
	}
	#emailverify {
		border-bottom: 0px;
		}
	#note {
		height: 125px;
		}
	.win #note {
		height: 110px;
		}
		.win.chrome #note, .win.ff3 #note, .win.ff3_5 #note, .win.opera #note {
			height: 120px;
			}
	.win.ie #note {
		height: 102px;
		}
	.ie7 #name, .ie7 #phone, .ie7 #email, .ie7 #emailverify, .ie7 #note {
		filter: alpha(opacity = 100);
		}
	#name:focus, #phone:focus, #email:focus, #emailverify:focus, #note:focus {
		opacity: 1;
		filter: alpha(opacity = 100);
		background: #fcf3df;
		}
a.btnsubmit {
	width: 194px;
	display: block;
	border: 1px solid #b6956c;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	margin: 5px 0 0 0;
	}
	a.btnsubmit:hover {
		background: #fcf3df;
		text-decoration: none;
		cursor: pointer;
		}

/* ------------------------- */
/* Negative Indent Headlines */
/* ------------------------- */

.blockindent {
	display: block;
	text-indent: -9000px;
	}
.indent {
	text-indent: 1.2em;
	}

h3.h-a-taste-of-our-menu {
	width: 252px;
	height: 20px;
	margin: 0 0 0 175px;
	background: url(images/h-a-taste-of-our-menu.png) no-repeat;
	}

.h-got-it {
	width: 300px;
	height: 17px;
	background: url(images/h-got-it.png) no-repeat;
	}

h3.h-hover-for-more-info {
	width: 252px;
	height: 20px;
	background: url(images/h-hover-for-more-info.png) no-repeat;
	margin: 10px 0 10px 150px;
	}

.h-sauca-webcams {
	width: 191px;
	height: 20px;
	background: url(images/h-sauca-webcams.png) no-repeat;
	margin: 200px 0 0 170px;
	}

.h-shop-sauca {
	width: 136px;
	height: 20px;
	background: url(images/h-shop-sauca.png) no-repeat;
	margin: 0 0 0 200px;
	}

.h-uh-oh {
	width: 300px;
	height: 17px;
	background: url(images/h-uh-oh.png) no-repeat;
	}

h3.h-where-sauca {
	width: 238px;
	height: 25px;
	background: url(images/h-wheres-sauca.png) no-repeat;
	position: relative;
	top: 15px;
	}

h3.h-where-sauca-sm {
	width: 155px;
	height: 16px;
	background: url(images/h-wheres-sauca-sm.png) no-repeat;
	margin: 0 0 8px 0;
	}

h3.h-which-region {
	width: 467px;
	height: 17px;
	background: url(images/h-which-region.png) no-repeat;
	margin: 10px 0 0 30px;
	}

.h-whoops {
	width: 300px;
	height: 17px;
	background: url(images/h-whoops.png) no-repeat;
	}
		
/* Background Flair */

.peppercorn {
	width: 506px;
	height: 485px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(images/bg-peppercorn.png) no-repeat;
	z-index: -20;
	}

.basil {
	width: 263px;
	height: 125px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(images/bg-basil.png) no-repeat;
	z-index: -20;
	}

.pita {
	width: 473px;
	height: 449px;
	position: absolute;
	bottom: 0px;
	right: 30px;
	background: url(images/bg-pita.png) no-repeat;
	z-index: -20;
	}


/* Footer / Copyright */

#footer {
	position: fixed;
	bottom: -45px;
	left: 5px;
	width: 369px;
	height: 78px;
	background: url(images/bg-copyright.png) no-repeat;
	color: #793d00;
	z-index: 20;
	}
	#footer p {
		padding: 3px 0 0 15px;
		}
.footerclickholder {
	width: 35px;
	height: 35px;
	}


/* ----- */
/* Tools */
/* ----- */

.clear {
	clear: both;
	}

.center {
	text-align: center;
	}

.divlink {
	height: 100%;
	text-indent: -9000px;
	display: block;
	border: 0px;
	cursor: pointer;
	}

.hidden {
	display: none;
	}

.shown {
	display: block;
	}

/* IE 6 Warning */

.iewarning {
	width: 100%;
	text-align: left;
	height: 30px;
	position: absolute;
	z-index: 40;
	top: 0px;
	font-size: 10px;
	border-bottom: 1px solid yellow;
	margin-top: -1px;
	background-color: #feffef;
	}
	.iewarning p {
		padding: 10px 5px 5px 5px;
		margin: 0px;
		line-height: 9px;
		}
	.iewarning img {
		float: left;
		padding-right: 20px;
		margin-top: -5px;
		}

/* Email Obfuscation */
span.itsasecrettoeverybody { 
	unicode-bidi:bidi-override;
	direction: rtl;
	}

/* Email list signup form */

.signupframe {
	position: relative;
	z-index: 20;
	}

.link,
.signupframe {
	color: #793d00;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 3px 0 0 20px;
	}
	.signupframe input {
		width: 169px;
		font-size: 9pt;
		margin:5px 5px 0 0;
		padding: 2px;
		border: 1px solid #b6956c;
		opacity: .5;
		filter: alpha(opacity = 50);
		float: left;
		color: #793d00;
		}
	.ie7 .signupframe input {
		filter: alpha(opacity = 100);
		}
		.signupframe .names input {
			width: 54px;
			}
		.signupframe input:focus {
			opacity: 1;
			filter: alpha(opacity = 100);
		}
	.signupframe label {
		width: 50px;
		display: block;
		float: left;
		padding: 7px 0 0 0;
		}
		.signupframe .names label {
			padding: 3px 0 0 0;
			}
	.signupframe input.submit {
		width: 174px;
		float: none;
		font-size: 9pt;
		color: #d9531e;
		text-transform: uppercase;
		margin: 5px 0 0 50px;
		background-color: transparent;
		opacity: 1;
		filter: alpha(opacity = 100);
		}
		.signupframe input.submit:hover {
			background: #fcf3df;
			text-decoration: none;
			cursor: pointer;
			}
	
	.narrowinput {
		width: 51px;
		}

	.link {
		text-decoration: none;
		}
		
		
		
		
		
		
.header{ padding-left:20px; position:relative; height:200px; margin-top:65px;}
.header h2{ margin-bottom:5px;}
.header h3{ font-size:14px; line-height:18px; margin-bottom:10px; color:#6c3d14; font-weight:normal;}
.header p{ margin-bottom:10px; color:#6c3d14; font-size:12px;}
.header p a{ color:#c45d26; text-decoration:underline;}
.header p a:hover{ text-decoration:none;}
.header img.truck{ position:absolute; right:0pc; top:25px;}

/*------form-----------*/
.form{background:url(images/h-arrow.png) 0 5px no-repeat; padding-left:38px;}
.form fieldset{ border:0;}
.form p{ margin:0 0 10px 0;}
.form p input.textbox{ border:#decdc7 1px solid; width:420px; padding:1px 3px 2px; color:#7b361f;}
.form p input.submit{ font-size:12px; color:#d18b4a; border:#d4beb9 1px solid; width:62px; height:20px; background:none; padding-bottom:4px;}

/*------address-----------*/
.address{ margin-left:20px; margin-bottom:16px;}
.address h3{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#c86c17; font-weight:normal; margin-bottom:6px;}
.address p{ margin:0 0 10px 0;}
.address p input.city{ width:225px; margin-right:11px;}
.address p input.state{ width:40px; margin-right:11px;}
.address p input.zip{ width:112px; margin-right:10px;}

		
p.pdf{ text-align:center; margin:0; line-height:18px;}		
p.pdf a{ text-decoration:underline; font-size:12px; color:#c45d26;}
p.pdf a:hover{ text-decoration:none;}

/*------contest-----------*/
.contest-header{ margin-bottom:3px; margin-top:26px; position:relative;}
.textarea h2{ font-size:22px; color:#ca6f29;}
.textarea{ padding-left:40px;}
.textarea p{ font-size:12px; margin:0 0 6px 0; color:#6c3d14;}
.textarea p a{ color:#6c3d14;}

.alr{ text-align:right;}
.redclr{ color:#c62f27 !important;}

.contest-frm{ margin-left:30px; margin-top:14px;}
.contest-frm p{ margin-bottom:7px;}
.contest-frm h3{ margin-bottom:6px; color:#c86c17; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
.contest-frm p.middle input{ width:200px; margin-right:9px;}
.contest-frm input.submit{ margin-right:115px;}

/*------about-----------*/
.about{ background:url(images/bg-map-paper.png) 0 0 no-repeat; width:496px; height:321px; margin-left:25px; padding:50px 40px 20px 45px; margin-top:55px;}
.about h2{ font-size:18px; margin-bottom:20px;}
.about p{ font-size:14px; line-height:20px; color:#6b3c14;}

ul.list1{ margin-left:30px;}

/* css by ravinder */
.h2t1{font-size:14pt; font-weight:bold; color:#d8bb42; line-height:28px; padding-top:10px;}
.h2t2{font-size:14pt; font-weight:bold; color:#df9126; line-height:28px;}
.h2t3{font-size:14pt; font-weight:bold; color:#6d4010; line-height:28px;}
.h2t4{font-size:14pt; font-weight:bold; color:#ac3817; line-height:28px;}
.h2t5{font-size:14pt; font-weight:bold; color:#cfcb32; line-height:28px;}


.get-offer {display:block;border: 1px solid #b6956c;text-align: center;text-transform: uppercase;padding:1px 5px; margin: 5px 0 0 0;color:#D9531E; font-size:12px; cursor:pointer; float:left;}
.get-offer.go-btn {padding:1px 5px;}
.get-offer:hover { background:#fcf3df}
.contentleft.offer-div {width:530px;}
.offer-detail-content {padding:0 0 15px;}
.offer-detail {float:left; width:328px;}
.form-right {float:left; width:180px;}
.clear-both {clear:both}
.available_truck {font-size:16px; color:#B85705; font-weight:bold}
.group .txtbox-offer {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #B6956C;color:#793D00;font-size:9pt;float:left;margin:5px 5px 0 0;opacity:0.5;padding:2px 5px 3px;width:218px;}
.float-left {float:left;}
label.form-txt {float:left; padding-top:11px;}

.today-special{position:absolute; margin:-100px 0 0 740px; z-index:100;}