@charset "utf-8";
/*
	Cheesy Eddie's
	Base CSS
	Authored by: Scott Cranfill, Stratejus Marketing
	9.17.08
*/


/* === COMMON ELEMENTS === */

/* Standardizes rendering for common elements across browsers. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Sets global properties for each page. */
body {
	background: #FFF url(images/page_bg.jpg) no-repeat center top;
	color: #333;
	font: 62.5% Verdana, Arial, sans-serif;
}
h1 {
	margin-bottom: 0.8em;
	font-size: 2.4em;
}
h2 {
	margin-top: 1.0em;
	font-size: 1.6em;
}
h3 {
	margin-top: 1.0em;
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
p, li, td, th {
	font-size: 1.2em;
	line-height: 140%;
}
th {
	border-bottom: 1px solid #CCC;
	text-align: left;
}
img.right {
	float: right;
	margin: 0 0 0.6em 1em;
	clear: right;
}
div.variety {
	clear: both;
}
table {
	margin: 1.2em 0;	
}


/* === LINK STYLING === */

a {
	text-decoration: none;
}
a:link {
	color: #6B0031;
}
a:visited {
	color: #6B0031;
}
a:hover {
	color: #AA77A4;
}
a:active {
	color: #AA77A4;
}
a img {
	border: none;
}

p a:link, p a:visited {
	border-bottom: 1px solid #FFA6CE;
}
p a:hover {
	border-bottom: 1px solid #AA77A4;/*#50324C;*/
}


/* === PAGE STRUCTURE === */

div#container {
	width: 760px;
	margin: 12px auto;
}
div#header {
	
}
ul#topNav {
	width: 620px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 0.9em;
}
#topNav li {
	display: inline;
	float: left;
}
#topNav li a {
	display: block;
	padding: 3px 7px;
	text-decoration: none;
	text-transform: uppercase;
}
div#main {
	
}
div#logoMenu {
	width: 175px;
	float: left;
	margin-top: 16px; padding: 0 45px 0 44px;
}
div#title {
	width: 175px; height: 120px;
	margin-bottom: 12px;
	background: url(images/logo_transparent_175.png) no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
ul.nav {
	width: 175px; height: 240px;
	position: relative;
	margin: 0; padding: 0;
	list-style-type: none;
}
	.nav li {
		margin: 0; padding: 0;	
	}
	.nav li a:link, .nav li a:visited {
		display: block;
		width: 175px; height: 30px;
		text-indent: -9000px;
		overflow: hidden;
	}
	.nav .classic a:link, .nav .classic a:visited {
		background: url(images/main_nav.png) no-repeat;
	}
	.nav .classic a:hover, .nav .classic a:focus, .nav .classic a:active {
		background: url(images/main_nav.png) no-repeat -175px 0;
	}
	.nav .OTT a:link, .nav .OTT a:visited {
		background: url(images/main_nav.png) no-repeat 0 -30px;
	}
	.nav .OTT a:hover, .nav .OTT a:focus, .nav .OTT a:active {
		background: url(images/main_nav.png) no-repeat -175px -30px;
	}
	.nav .carrot a:link, .nav .carrot a:visited {
		background: url(images/main_nav.png) no-repeat 0 -60px;
	}
	.nav .carrot a:hover, .nav .carrot a:focus, .nav .carrot a:active {
		background: url(images/main_nav.png) no-repeat -175px -60px;
	}
	.nav .chocolate a:link, .nav .chocolate a:visited {
		background: url(images/main_nav.png) no-repeat 0 -90px;
	}
	.nav .chocolate a:hover, .nav .chocolate a:focus, .nav .chocolate a:active {
		background: url(images/main_nav.png) no-repeat -175px -90px;
	}
	.nav .lighter a:link, .nav .lighter a:visited {
		background: url(images/main_nav.png) no-repeat 0 -120px;
	}
	.nav .lighter a:hover, .nav .lighter a:focus, .nav .lighter a:active {
		background: url(images/main_nav.png) no-repeat -175px -120px;
	}
	.nav .trays-cookies a:link, .nav .trays-cookies a:visited {
		background: url(images/main_nav.png) no-repeat 0 -150px;
	}
	.nav .trays-cookies a:hover, .nav .trays-cookies a:focus, .nav .trays-cookies a:active {
		background: url(images/main_nav.png) no-repeat -175px -150px;
	}
	.nav .breakfast a:link, .nav .breakfast a:visited {
		background: url(images/main_nav.png) no-repeat 0 -180px;
	}
	.nav .breakfast a:hover, .nav .breakfast a:focus, .nav .breakfast a:active {
		background: url(images/main_nav.png) no-repeat -175px -180px;
	}
	.nav .cafe a:link, .nav .cafe a:visited {
		background: url(images/main_nav.png) no-repeat 0 -210px;
	}
	.nav .cafe a:hover, .nav .cafe a:focus, .nav .cafe a:active {
		background: url(images/main_nav.png) no-repeat -175px -210px;
	}
div#photoCarousel, div#content {
	width: 493px;
	float: right;
	margin-top: 16px;
}
#main hr {
	/* An unfortunate workaround necessary to ensure 
	  that #main's white background goes all the way 
	  to the bottom of the page, despite all of its 
	  child elements being floated. */
	visibility: hidden;
	clear: both;
	margin: 0; padding: 0;
}
#content hr {
	visibility: visible;
	margin: 18px 0;
}
div#footer {
	height: 84px;
	margin-top: 8px;
	background: url(images/footer_logo.gif) 650px 8px no-repeat;
	border-top: 2px solid #50324C;
	color: #999;
	font-size: 0.8333em;
}