@charset "UTF-8";

div.wrapper {padding-left: 10px;}
div.heading {background: url(../images/browse/bg_header.gif) no-repeat center top;	height: 30px;	width: 768px;}
div.heading h1 {float: left;}
div.heading p.sort {float: right; color:#555; padding: 8px 10px 0px 0px; vertical-align: middle;}
div.heading p.sort img {padding-left: 5px; vertical-align: top;}
div.heading a {color:#222;}
div.heading a:hover {color: #000;}
div.body {width: 560px; float: right; padding-top: 10px;}
div.body p.no-results {padding: 20px 0px 200px 20px;}
div.sub-heading {background: url(../images/browse/bg_sub-header.gif) no-repeat center top;	height: 30px;	width: 560px; clear: both;}
div.sub-heading h2 {width: 225px; color: #222; float: left; vertical-align: middle;}
div.sub-heading p.range {width: 145px; float: left; color:#555; padding: 8px 0px 0px; text-align: center; color: #555;}
div.sub-heading p.sort {float: right; color:#555; padding: 8px 10px 0px 0px; vertical-align: middle;}
div.sub-heading a {color:#222;}
div.sub-heading a:hover {color: #000;}
div.nav-sub {background-color: #f2f2f2;	width: 185px;	float: left; margin: 0px 0px 10px;}
div.nav-sub .wrapper {background: url(../images/browse/bg_nav-sub-wrapper.gif) no-repeat center bottom; padding: 10px;}
div.nav-sub li {list-style: none; border-bottom: solid #ccc 1px;}
div.nav-sub a {display: block; color: #444; padding: 10px;}
div.nav-sub a:hover {background-color: #f9f9f9; color: #000; text-decoration: none;}
div.content {width: 560px; background: url(../images/browse/bg_content.gif) no-repeat bottom center; margin: 0px 0px 10px; padding: 0px; float: right; clear: both; min-height: 100px;}
div.item {width: 140px; float: left; text-align: center; padding: 5px 0px 5px;}
div.item:hover {background-color: #fdf5d9;}
div.item img {padding: 5px;}
div.item span {display: block; color: #000; font-size: 11px; line-height: 12px;}
div.item span.name {font-weight: bold; padding: 0px 5px;}
div.item span.tagline {color: #333; padding: 2px;}
div.item span.price {font-weight: bold; color: #333; padding: 2px;}
div.item span.sale {font-weight: bold; color: #990000;}
div.item a:hover {text-decoration: none;}
div.recipes {float: left; width: 49%; padding: 5px 0px;}
div.recipes a {padding-left: 20px; display: inline-block;}

div.content table {margin: 0px 4px; border-collapse: collapse;}
td.item {width: 138px; background: none; text-align: center; margin: 0px; vertical-align: top; padding: 5px 0px;}
td.item:hover {background-color: #dfe5ec;}
td.item img {padding: 5px;}
td.item span {display: block; color: #000; font-size: 11px; line-height: 12px;}
td.item span.name {font-weight: bold; padding: 0px 5px;}
td.item span.tagline {color: #333; padding: 2px;}
td.item span.price {font-weight: bold; color: #333; padding: 2px;}
td.item span.sale {font-weight: bold; color: #990000;}
td.item a:hover {text-decoration: none;}