@charset "UTF-8";

body  {
	background: #000;
}
.wrapper #container { 
	width: 800px; 
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
} 




#header { 
	background:url(../siteImages/logo.jpg) no-repeat 0 18px #000; 
	height:120px;
	padding: 0 10px;
} 

#header h1 {
	display:none;
}

#header #logo {
	height:100px;
	width:130px;
	float:left;
	cursor:pointer;
	}

/*
#navigation ul {
	position:relative;
	top:46px;
	left:8px;
 	padding: 0;
	float:left;
  	list-style: none; 
  	}
  #navigation ul li {
    display: inline; 
	}
  #navigation ul li a,
  #navigation ul li.active,
  #navigation ul li.nonactive {
    float: left;
    margin: 8px 4px;
    padding: .2em .4em;
	_padding:.2em 0;
	padding-left:1.2em;
    font-size: 1em;
	color:#FFF;
	}
  #navigation ul li a:hover,
  #navigation ul li a:active {
    text-decoration: none;
	background:url(../siteImages/bg_nav_hover.jpg) no-repeat 0 4px; 
	}
  #navigation ul li.active {
    border-bottom: none;
    margin: 8px 8px 0 8px;
    padding: .3em .6em .7em .6em;
    font-weight: bold; 
	}
 
 
  #navigation ul li ul {
    position: absolute;
    display: none;
    background: #FFF;
    width: 200px;
    margin: 32px 0 0 8px;
    padding: 8px 8px 8px 8px;
    border: solid 1px #999;
    top: auto;
    left: 0; 
	}
    #navigation ul li ul li {
      float: left;
      width: 100%;
	  font-size: 1.08em;
	  }
      #navigation ul li ul li a {
        float: none;
        display: block;
        border: none;
        margin: 0px;
	  padding: 4px 4px;
		color:#000; 
		}
        #navigation ul li ul li a:hover {
          border: none;
          background: #E1E1E1; 
		  
		  }
  #navigation ul li:hover ul,
  #navigation ul li.over ul {
    display: block; 
	}

a.navSubMenu
{
	margin-left:15px;
}
*/


#search {
	position:relative;
	float:left;
	top:72px;
	left:20px;
	}
	#search input[type=text] {
		margin-bottom:6px;
	}
	

#mainContent {
  background:#FFF;
} 



#home_image {
	height:300px;
	width:800px;
	background:url(../siteImages/bg_home_image.jpg) no-repeat 0 0;
	}


#action_boxes { 
	float:left;
	background:#000;
} 
#bottom_left,
#bottom_middle,
#bottom_right {
	width:238px;
	height:120px;
	float:left;
	margin:10px;
	padding:8px;
	margin-left:0;
	border:solid 3px #CCC;
	background:#FFF;
	}
#bottom_left h4,
#bottom_middle h4,
#bottom_right h4 {
	margin:0;
	padding:0 0 4px 0;
	}
#bottom_right {
	margin-right:0;
	}


.left {
	float:left;
	width:480px;
	margin:12px 0 12px 12px;
	}
.right {
	float:right;
	width:250px;
	margin:12px 24px 12px 12px;
	}
.block {
	width:780;
	margin:12px 0 12px 12px;
	}

.block input {
	font-size:1.2em;
	}
.block td {
	padding:4px 6px;
	}
.block table {
	margin-bottom:16px;
	}


#title {
	margin:12px;
	border-bottom:solid 1px #CCC;
	}
#product_title {
	margin:12px;
	border-bottom:solid 1px #CCC;	
	}
#product_title h2 {
	margin-right:12px;
	}

#pagination {
	margin:0 12px;
	}
	#pagination td {
		padding:0 4px;
		}


#products {
	margin:12px;
	}


	.product {
		border-bottom:solid 1px #CCC;
		padding:12px 0;
		width:100%;
		float:left;
		}
	.item_bg {
		width:60%;
		float:left;
		background:url(../siteImages/bg_item.jpg) repeat-y 100% 0;
		}
	.item {
		margin:8px 14px 8px 8px;
		padding:8px;
		border:solid 1px #333333;
		}
	.item h4 a {
		color:#000;
		}


	.tbl_item_number,
	.tbl_servings,
	.tbl_price,
	.tbl_quantity {
		text-align:center;
		border:solid 1px #CCC;
		padding:3px 18px;
		}





#footer { 
	float:left;
	padding: 0 10px;
	background:#000;
} 
#footer p {
	color:#FFF;
	margin: 0;
	padding: 10px 0;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.error {
	background:#FFE9EC;
	color:#F00;
	}
	.error strong,
	.error p,
	.error em {
		color:#F00;
		}

.navSubMenu
{
	padding-left:15px;
}



ul.sitemap,
ul.sitemap li ul {
	list-style:none;
	font-size:1.02em;
	background:#F1F1F1;
	
	}