/*

*/


/*
--------------------------------------------------------
	LAYOUT STYLES
--------------------------------------------------------
*/

html {
	font-size: 100%;
}
body {
	font: 62.5% Verdana, 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
	background-color: #000;
	color: #000;
	background: url(/img/common/bg_header.gif) top center no-repeat;
}
html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#container {
	width: 750px;
	text-align: left; 
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}
#header {
	height: 130px;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
}
#col1 {
	float: left;
	width: 170px;
	margin-top: 2px;
	margin-bottom: 20px;
}
#col2 {
	float: left;
	width: 550px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#colf {
	width: 100%;
}
#frontheader {
	height: 225px;
	width: 745px;
	margin-top: 5px;
}
#frontcol1 {
	float: left;
	width: 490px;
	margin-top: 2px;
	margin-bottom: 20px;
}
#frontcol2 {
	float: left;
	width: 240px;
	margin: 0 0 0 3px;
}
#footer {
	clear: both;
	margin: 20px 0 20px 0;
	padding-top: 10px;
	text-align: center;
	background: url(/img/common/bg_footer.gif) top center no-repeat;
}
.bgtl {
	background: url(/img/common/bgtl.gif) left top no-repeat;
	height: 10px;
	width: 10px;
	float: left;
}
.bgtr {
	background: url(/img/common/bgtr.gif) right top no-repeat;
	height: 10px;
	width: 10px;
	float: left;
}
.bgtl-l {
	background: url(/img/common/bgtl-l.gif) left top no-repeat;
	height: 10px;
	background-color: #F0EBD6;
}
.bgtr-l {
	background: url(/img/common/bgtr-l.gif) right top no-repeat;
	height: 10px;
}
.bgbl-l {
	background: url(/img/common/bgbl-l.gif) left bottom no-repeat;
	height: 10px;
	background-color: #F0EBD6;
}
.bgbr-l {
	background: url(/img/common/bgbr-l.gif) right bottom no-repeat;
	height: 10px;
}
.sidebox-red {
	width: 245px;
	float: right;
	margin: 2px 0 0 0;
	background: url(/img/common/bg-red.jpg) top center repeat-y;
}
.sidebox-red .bottom {
	background: url(/img/common/bg-red-bottom.jpg) bottom center no-repeat;
	height: 17px;
}
.sidebox-steel {
	width: 245px;
	height: 190px;
	float: right;
	margin: 2px 0 0 0;
	background: url(/img/front-steel.jpg) top center no-repeat;
}
.sidebox-cream {
	width: 245px;
	float: right;
	clear: right;
	margin: 20px 0 0 10px;
	background: url(/img/common/bg-cream.jpg) top center repeat-y;
}
.sidebox-cream .bottom {
	background: url(/img/common/bg-cream-bottom.jpg) bottom center no-repeat;
	height: 17px;
}
.sidebox-grey {
	width: 245px;
	float: right;
	clear: right;
	margin: 20px 0 0 10px;
	padding-top: 5px;
	background: url(/img/common/bg-grey.jpg) top center repeat-y;
}
.sidebox-grey .bottom {
	background: url(/img/common/bg-grey-bottom.jpg) bottom center no-repeat;
	height: 20px;
}
.frontboxgrey {
	width: 490px;
	margin: 0 0 10px 0;
	padding-top: 5px;
	background: url(/img/common/bg-grey-l.jpg) top center repeat-y;
}
.frontboxgrey .bottom {
	background: url(/img/common/bg-grey-bottom-l.jpg) bottom center no-repeat;
	height: 20px;
}

.prodimg {
	float: right;
	margin: 0 1px 0 20px;
	voice-family:"\"}\"";
    voice-family:inherit;
	margin: 0 4px 0 20px;
}
html>body #prodimg {
	margin: 0 4px 0 20px;
}

#headsearch {
	clear: both;
	padding: 0 0 0 545px;
}
#headsearch input.hs {
	width: 125px;
	padding: 2px;
	border: 1px solid #D5B155;
	background-color: #F0EAD5;
	color: #666;
	font-size: 11px;
}
#headsearch input.hss {
	font-size: 10px;
}

#cl-box 			{ width: 750px; border: 1px solid #D5B155; height: 300px; margin: 25px 0; }

#loading-top		{ height: 36px; }
#loading			{  }

#cl-nav 			{ width: 108px; height: 300px; float: left; background-color: #F0EAD5; border-right: 1px solid #D5B155; }
#cl-nav ul 			{ margin: 0; padding: 0; }
#cl-nav ul li 		{ list-style-type: none; border-top: 1px solid #D5B155; }
#cl-nav a 			{ text-decoration: none; display: block; padding: 10px 0 10px 25px; }
#cl-nav a:hover 	{ background-color: #D5B155; }
#cl-nav a.selected	{ background-color: #D5B155; }

#my-glider 								{ margin-left: 109px; width: 641px; }
#my-glider div.scroller 				{ width: 641px; height: 260px; overflow: hidden; }
#my-glider div.scroller div.section 	{ width: 641px; height: 260px; overflow: hidden; float: left; padding: 0 25px; }
#my-glider div.scroller div.content 	{ width: 10000px; }

.controls				{ width: 641px; height: 37px; }
.controls ul			{ margin: 0; padding: 0; }
.controls ul li 		{ background-color: #F0EAD5; width: 213px; float: left; list-style-type: none; margin: 0; border-right: 1px solid #D5B155; border-bottom: 1px solid #D5B155; }
.controls ul a			{ padding: 10px 0 10px 25px; display: block; text-decoration: none; }
.controls ul a:hover 	{ background-color: #D5B155; }
.controls a.selected	{ background-color: #D5B155; font-weight: bold; }

.cl-head  				{ border-bottom: 1px solid #D5B155; height: 25px; }

.cl-content				{ width: 350px; float: left; }
.cl-classes				{ width: 210px; float: right; margin-right: 27px; overflow: auto; height: 225px; }
.cl-classes ul			{ margin: 10px 0 0 0; padding: 0; }
.cl-classes li			{ margin: 0 0 0 20px; }
.cl-classes a			{ text-decoration: none; }
.cl-classes a:hover		{ text-decoration: underline; }

/*
--------------------------------------------------------
	CONTENT STYLES
--------------------------------------------------------
*/

form {
	display: inline;
	margin: 0;
}

hr {
	color: #fff;
	height: 1px;
	border: 0;
	background-color:  #fff;
	clear: both;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	margin: 10px 0 0 0;
	color: #CC0000;
}
h1 {
	font-size: 1.9em;
	margin: 0;
	text-transform: uppercase;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
.frontboxgrey h1 {
	font-size: 1.4em;
	margin-top: 15px;
	margin-left: 130px;
}
p, td, li, dt, dd {
	font-size: 1.1em;
	line-height: 1.5em;
}
td {font-size: 11px;}
p {
	margin: 1em 0 1em 0;
}
p.intro {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
}
.prodDetail {
	margin-left: 20px;
}
p.contact {
	width: 220px;
	float: left;
}
p.caption {
	text-align: center;
	font-size: 1em;
	color: #666;
	margin: 2px;
}
p.dine {
	color: #ee1c2e;
	font-style: italic;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: right;
	margin: 25px;
}
strong.dine {
	font-style: italic;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.frontboxgrey p {
	padding-right: 15px;
	margin-left: 130px;
}
#col1 p {
	margin: 0;
}
#col1 p strong.top {
	background: url(/img/common/bgtr.gif) right top no-repeat;
	color: #fff;
	background-color: #ee1c2e;
	display: block;
	text-transform: uppercase;
	padding: 2px 5px 2px 10px;
}
.sidebox-cream h4,
.sidebox-grey h4 {
	padding: 15px 15px 0 15px;
	text-transform: uppercase;
	font-size: 1.1em;
}
.sidebox-cream p,
.sidebox-grey p,
.sidebox-red p,
.sidebox-steel p {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1em;
}
.sidebox-steel p {
	color: #000;
	text-align: center;
	font-size: 1.1em;
}
img.recipethumb {
	margin: 5px 15px 10px 5px;
	padding: 2px;
	border: 1px solid #E6D6AC;
}
.frontboxgrey img {
	margin: 10px 10px 0 18px;
}
.chef, .time, .temp {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
.chef { background-image: url(/img/cookbook/chef2.gif); }
.time { background-image: url(/img/cookbook/time2.gif); }
.temp { background-image: url(/img/cookbook/temp2.gif); }
.prodtable {
	font-size: 9px;
}
.foodsvcecat {
	width: 175px;
	height: 135px;
	float: left;
	text-align: center;
	margin: 10px 5px 10px 0;
}
h3.foodsvce {
	clear: left;
	padding-top: 10px;
}
p.foodsvce {
	width: 115px;
	float: left;
	background: url(/img/common/tick.gif) 0 1px no-repeat;
	padding: 0 0 0 15px;
	margin: 2px 0 2px 15px;
}
div.row {
	clear: both;
}
form fieldset {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px;
	border: 1px solid #ccad39;
	padding-left: 10px;
	width: 500px;
}
form legend {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FC7C00;
}
form .col1 {
	text-align: right;
	width: 70px;
	float: left;
	padding-top: 2px;
	margin-right: 10px;
}
form .col2 {
	float: left;
	height: 25px;
}
form .col2 input,
form .col2 textarea {
	border: 1px solid #999;
	padding: 2px;
}
form input,
form textarea {
	font-family: 'Lucida Grande', 'Bitstream Vera Sans', Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
dl#searchresults dt a {
	margin-left: 50px;
	display: block;
	margin-top: -13px;
}
dl#searchresults dd {
	margin-left: 50px;
}
dl.news {
	margin-top: 20px;
}
dl.news dt {
	margin-left: 0;
	text-align: left;
	width: 90px;
}
dl.news dd {
	margin-left: 100px;
	margin-top: -29px;
}
.error {
	color: red;
	border: 1px solid red;
	width: 500px;
	padding: 10px;
	margin: 10px 0;
}
/*
--------------------------------------------------------
	LINK / NAV STYLES
--------------------------------------------------------
*/

a:link {
	color: #ee1c2e;
}
a:visited {
	color: #ee1c2e;
}
#navHeader {
	padding: 0;
	margin: 22px 0 0 195px;
}
#navHeader ul {
	padding: 0 0 25px 0;
	margin: 0;
	list-style: none;
}
#navHeader ul li {
	list-style-type: none;
	float: left;
	width: auto;
}
#navHeader a {
	display: block;
	width: auto;
}
#navHeader ul li a {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 2px 10px 2px 10px;
}
#navHeader ul li ul li a {
	padding: 0;
	text-align: left;
	padding: 1px 0 1px 10px;
	text-transform: none;
}
#navHeader ul li a:hover {
	text-decoration: none;
	background-color: #000;
}
#navHeader ul li a:link.selected,
#navHeader ul li a:visited.selected,
#navHeader ul li a:hover.selected {
	background-color: #000;
}
#navHeader li ul {
	position: absolute;
	width: 90px;
	left: -999em;
}
#navHeader li:hover ul,
#navHeader li:hover ul,
#navHeader li.sfhover ul {
	left: auto;
	background-color: #DF002C;
}
#col1 ul {
	margin: 0;
	padding: 5px 0 0 0;
	background-color: #F0EBD6;
}
#col1 ul li,
#col1 ul li ul li {
	list-style-type: none;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px solid #E6D6AC;
}
#col1 ul li ul li {
	border: none;
	font-size: .95em;
	margin: 3px 5px 3px 10px;
	padding: 0;
	line-height: 9px;
}
#col1 ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.25em;
	text-decoration: none;
	color: #000;
}
#col1 ul li a:hover {
	text-decoration: none;
	color: #cc0000;
}
#col1 ul li a:link.selected,
#col1 ul li a:visited.selected,
#col1 ul li a:hover.selected {
	font-weight: bold;
}
#col1 ul li a:link.selectedsub,
#col1 ul li a:visited.selectedsub,
#col1 ul li a:hover.selectedsub {
	font-weight: bold;
	color: #ee1c2e;
}
#footer, #footer a {
	color: #999;
}