body {
	background: url(../images/background1.jpg) no-repeat #000000 top;
	margin: 0;
	padding: 0;
	color: #e6e0d0;
	font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif;
	font-size: 13.5px;
	line-height: 1.4em;
}

h1, h2, h3, h4 { color: #cbc0b0; }

h1 { font-size:20px; font-weight: normal; margin: 20px 0 10px 0; }
h2 { font-size:18px; font-weight: normal; clear:both; margin: 9px 0 9px 0;}
h3 { font-size:16px; font-weight: normal; }
h4 { font-size:14px; font-weight: bold; }

img { border: 0; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

.display { display: block !important; visibility: visible !important; }


#navigation ul { z-index: 200; position: relative; left: 12px; margin: 0; padding: 0; list-style-type: none; height: 50px; background: url(../images/main-nav-block.gif) #3e302d; float:left; }
#cart ul { left: 35px; }
#navigation li { position: relative; display: table-cell; float: left; border-right: 1px solid #56432b; border-left: 1px solid #47341e; }
#navigation li a { zoom: 1; float: left; padding: 0 11px; height: 50px; line-height: 50px; color: #b7a882;  text-decoration: none; font-size: 13px; }
#navigation li a:hover { text-decoration: none; background: white; background: url(../images/main-menu-hover.gif); color: #fff;  }
#navigation li.nav_active a,
#navigation li.nav_active a:hover { }
#navigation li ul { position: absolute; left: 0; top: 50px; display: block; min-width: 150px; text-align: left; background: none #584733; }
#navigation li li { float: none; display: block; padding: 0; border-bottom: 1px solid #776146; }
#navigation li li a,
#navigation li.nav_active li a { float: none; display: block; padding: 2px 14px; height: 30px; font-size:12px; line-height: 30px; white-space: nowrap; }
#navigation li li.nav_active a,
#navigation li li a:hover,
#navigation li.nav_active li a:hover { background: none #3a2a16;}

#navigation li ul ul { position: absolute; left: 149px; top: 0px; display: block; min-width: 150px; text-align: left; background: none #806847;  }


/* dropdown CSS */
* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#crumbs { margin: 1em 0; padding: 0 0 1.5em; list-style-type: none; font-size: 90%; }
#crumbs li { float: left; padding: 0 0.8em; background: url(../graphics/crumb-divider.gif) no-repeat left 6px; }
#crumbs li.first { padding: 0 0.8em 0 0; background: none; }
#crumbs li a { color: #702f29; }

#cart ul { background: none; }
#cart li { float: left; border: none; }
#cart li a:hover { background: none; color: #fff; }

a { color: #cd7e2b; }
a:hover { color: #cb6a03; }

#wrapper {
	margin: auto;
	width:925px;
}

#banner {
	float: left;
	background: url(../images/banner.jpg); 
	width:925px;
	height:140px;
}

#navigation {
	float: left;
	width:925px;
	height:50px;
}

#main-nav-start {
	float: left;
	background: url(../images/main-nav-start.gif); 
	width:3px;
	height:50px;
}
	

#main-nav {
	float: left;
	background: url(../images/main-nav.gif); 
	width:770px;
	height:50px;
}



#main-nav-end {
	float: right;
	background: url(../images/main-nav-end.gif); 
	width:3px;
	height:50px;
}

#cart {
	float: right;
	background: url(../images/cart.gif); 
	width:142px;
	height:50px;
}

#body-block {
	float: left;
	margin-top: 13px;
	width:734px;
	margin-left: 36px;
}
#body-block.deli { margin-left: 0; width: 580px; padding: 0; color: black; background: #ddd6c4 url(../graphics/deli.gif) no-repeat; border-left: 190px solid #6d6b54; }
#body-block.deli h2 { font-size: 150%; font-weight: bold; line-height: 1.2em; color: #727059; }

#deli-content { float: left; padding: 12px 20px 30px 30px; width: 530px; background: url(../graphics/deli-content.gif) no-repeat right top; }

#body-block table {
	font-size: 90%;
	padding-right: 10px;
}

#body-image {
	float:right; 
	width:300px;
	height:365px;
}

#body-text {
	width:395px;
	float:left;
}

#side-panel {
	margin: 13px 0 13px 13px;
	float: right;
	width: 142px;
}

#side-panel img {
	float: left;
	margin: 0;
	padding: 0;
	}

#side-panel-image {
	width:142px;
	height:148px;
}

#side-panel-comments {
	color: #615343; 
	margin: 13px 0 0 0;
	background: url(../images/side-panel-comments.gif); 
	width:122px;
	padding: 10px;
	float: left;
}

#footer {
	clear: both;
	float: left; 
	width:925px;
	height:50px;
	text-align:center;
	font-size: 11px;
	letter-spacing: .1em;
	color: #56442d;
	border-top: #56442d solid 1px;
	margin-top: 20px;
}

#footer a {	color: #56442d; }
#footer a:hover { color: #796347; }

#deli-nav { position: relative; font-size: 90%; float: left; margin: 0 0 0 -190px; width: 190px; padding: 0; }
#deli-nav h2 { margin: 0 0 1px; padding: 0.7em 0 0.3em 20px; color: white !important; background: #8b8669 url(../graphics/deli-nav.gif) no-repeat; }
#deli-nav ul { margin: 0; padding: 0; list-style-type: none; }
#deli-nav li { padding: 0 0 1px; }
#deli-nav li a, #deli-nav ul li.nav_active ul li a { position: relative; zoom: 1; display: block; padding: 0.3em 0.5em 0.3em 20px; text-decoration: none; color: white; background: #8b8669; }
#deli-nav li a:hover, #deli-nav li.nav_active a { background: #989374; }
#deli-nav ul ul { display: none; float: none; margin: 0; }
#deli-nav ul li.nav_active ul { display: block; }
#deli-nav ul ul li { padding: 1px 0 0; }
#deli-nav ul li.nav_active ul li a { padding: 0.3em 0.5em 0.3em 35px; background: #7c785e; }
#deli-nav ul li.nav_active ul li a:hover, #deli-nav ul li.nav_active ul li.nav_active a { background: #989374; }

#deli-panel { padding: 0; color: white; font-size: 80%; }
#deli-panel h2 { padding: 0; }
#deli-panel table { width: 142px; }
#deli-panel td { vertical-align: top; line-height: 1.3em; padding: 0 0 1em; }
#deli-panel td.price { text-align: right; }
#deli-panel td.total { font-weight: bold; text-transform: uppercase; }
#deli-panel td a { color: #e3e4c5; font-weight: normal; }
#deli-panel a.button { float: right; height: 24px; line-height: 24px; padding: 0 1em; background: #782e15; color: white; text-decoration: none; }