/*
Company:	Ledbetter Foods
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/page-bkg.jpg) repeat-x 50% 0 #fff;}

body {}

/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 768px;
	height: 118px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/head.jpg) no-repeat 0 0;
	overflow: hidden;}


/* Body */
div#bd {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	background:#fff;}


/* @end */

/* @group Modules */
/* Logo */
h1#logo {
	width: 162px;
	height: 118px;
	text-indent: -9000px;
	margin: 0;}

h1#logo a {
	display: block;
	height: 100%;}


/* Main */
div.main {
	width: 520px;
	float: left;
	display: inline;}


/* Sidebar */
div.sidebar {
	width: 248px;
	float: right;
	display: inline;}


div.sidebar-content {
	padding-left: 10px;
	padding-right: 10px;}

div.sidebar select#quickpick {
	width: 115px;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 85%;
	float: right;
	display: inline;}

div.sidebar .chooser {
	margin-bottom: 15px;}

div.news-box {
	margin-bottom: 75px;}


/* Main Products Page */
body.products div.main {
	width: 100%;}

div.main-products-display {
	/* background: url(../images/products-main.jpg) no-repeat 50% 0; */
	/* height: 436px; */}

div.main-products-display h1 {
	text-indent: -9000px;
	margin: 0;
	height: 20px;}

div.main-products-display a#prod-starters {
	display: block;
	width: 230px;
	height: 420px;
	text-indent: -9000px;
	float: left;
	display: inline;}

div.main-products-display a#prod-entrees {
	display: block;
	width: 330px;
	height: 420px;
	text-indent: -9000px;
	float: left;
	display: inline;}

div.main-products-display a#prod-sides {
	display: block;
	width: 190px;
	height: 420px;
	text-indent: -9000px;
	float: left;
	display: inline;}


body.products div.main select#quickpick {
	width: 115px;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 85%;
	float: right;
	display: inline;}

body.products div.main .chooser {
	margin-bottom: 15px;}


/* Recipes Page */
body.recipes div.main {
	margin: 5px 0 0 10px;
	background:#fff;}

body.recipes div.sidebar {
	width: 228px;}

body.recipes div.sidebar div.sidebar-content {
	padding-top: 30px;}


/* Single Product Page */
table.nutrition-table td {
	border: none;
	font-size: 93%;
	color: #0b079e;}


body.products-thin div#bd, body.products-wide div#bd {
	background: url(/*../images/product-bkg.jpg*/) no-repeat 80% 50px #fff;}


body.products-thin div.main {
	width: 268px;
	margin: 32px 0 0 20px;}

body.products-wide div.main {
	width: 444px;
	margin: 32px 0 0 20px;}


body.products-thin div.sidebar {
	width: 468px;}

body.products-wide div.sidebar {
	width: 292px;}

body.products-thin div.sidebar div.sidebar-content, body.products-wide div.sidebar div.sidebar-content {
	margin-right: 40px;
	padding-top: 10px;}

body.products-thin div.sidebar p, body.products-wide div.sidebar p {
	color: #005dcc;
	font-size: 93%;}

/* @end */

/* @group Nav */
div#nav-bar {
	background: url(../images/nav-bkg.gif) repeat-x 0 0;
	height: 28px;}

div#nav-bar ul {
	margin: 0;
	padding: 0;}

div#nav-bar ul li {
	list-style: none;
	float: left;
	display: inline;}


div#nav-bar ul.quickpick-list {
	width: 200px;
	float: right;
	display: inline;}

div#nav-bar ul li#ledbetter-logo {
	background: url(../images/quicksearch.png) no-repeat 0 0;
	width: 70px;
	height: 54px;
	margin-top: -6px;
	position: absolute;}

div#nav-bar ul li#quickpick-title {
	color: #fff;
	font-weight: bold;
	font-size: 116%;
	line-height: 26px;
	padding-right: 25px;
	float: right;
	display: inline;}

div#nav-bar ul li a {
	display: block;
	font-size: 85%;
	float: left;
	display: inline;}

div#nav-bar ul.nav li {
	padding: 7px 0 0 0;}

div#nav-bar ul.nav li a {
	padding: 0 15px;
	border-left: 2px solid #fff;}

div#nav-bar ul.nav li:first-child a {
	border: none;}

div#nav-bar ul li a:link, div#nav-bar ul li a:visited {
	color: #fff;
	text-decoration: none;}

div#nav-bar ul li a:hover {
	text-decoration: underline;}

/* @end */

/* @group Default Headings */
h2.hd-in-news {
	background: url(../images/news-head.gif) no-repeat 0 0;
	height: 47px;
	text-indent: -9000px;
	margin: 0 0 10px 0;}


h2.blue-hd {
	background: url(../images/blue-hd-left.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	line-height: 24px;
	color: #fff;
	text-indent: 12px;
	font-size: 116%;}

h2.blue-hd span {
	display: block;
	line-height: 24px;
	background: url(../images/blue-hd-right.gif) no-repeat 100% 0;
	margin-left: 7px;
	padding-right: 7px;}

body.recipes h2.blue-hd {
	width: 170px;}

body.products-thin h2.blue-hd, body.products-wide h2.blue-hd {
	text-indent: 0;
	text-align: center;
	width: 230px;}

/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Lists */
ul.arrow-list {
	margin-left: 4px;}

ul.arrow-list li {
	background: url(../images/blue-arrow.gif) no-repeat 0 6px;
	padding: 3px 0 3px 10px;
	list-style: none;
	font-weight: bold;
	font-size: 93%;}

div.content div.sidebar ul.arrow-list a:link, div.content div.sidebar ul.arrow-list a:visited {
	color: #0b079e;
	text-decoration: none;}

div.content div.sidebar ul.arrow-list a:hover {
	text-decoration: underline;}

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
div.sidebar a:link, div.sidebar a:visited {
	color: #000;
	text-decoration: none;}

div.sidebar a:hover {
	text-decoration: underline;}

/* @end */

/* @group Misc */
.clear {
	clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}


.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */
/* @end */



/* - - - - - - Sparks Additions - - - - - - - - */

a {color:#0000FF;}
a:hover {color:#0066CC;}
a:visited {color:#006666;}
a:focus {outline:none;}



.contact .main p, .contact .main h1 {
	margin:20px 40px 20px 20px;}
.contact .main ul {
	margin:20px;
	list-style:none;}
	.contact .main ul li {
		list-style:none;
		margin:0 0 5px;}

.manufacturing .main p, .manufacturing .main h1 {
	margin:20px 40px 20px 20px;}

#recipetDetails ul {
	float:none;
	margin:0;
	padding:0;
	display:inline;}
	#recipetDetails ul li {
		float:none;
		margin:0;
		padding:0;
		display:inline;}
#recipetDetails p {
	float:none;
	margin:0;
	padding:0;
	color:#000;}