/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

::Opacity/Transparency CSS

.opaque1 {	// for all other browsers
	opacity: .5;
}

.opaque2 {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.opaque3 {	// for IE5-7
	filter: alpha(opacity=50);
}


	

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}
fieldset, table {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
	word-wrap: break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html {
	font-size: 100.01%;
	height: 100.1%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
body {
	height: 100%;
	font: 12px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #333;
	background: #fff;
}
/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {
	padding: 3px 10px;
}
h1 {
	font-size: 20px;
	color: #0065A3;
}
h2 {
	font-size: 16px;
	color: #0066A4;
}
h3 {
	font-size: 14px;
	color: #0066A4;
}
h4 {
	font-size: 14px;
	color: #0066A4;
}
address, li, p {
	font-size: 12px;
}
pre {
	font-size: 12px;
}
ul {
	margin-left: 25px;
}
/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
	width: 976px;
	margin: 0 auto;
}
#masthead {
	height: 120px;
	position: relative;
}
#logoblock {
	width: 381px;
	height: 109px;
	position: absolute;
	left: -25px;
	top: 5px;
}
#top-menu {
	position: static;
	height: 27px;
	background: transparent url('../images/site-graphics/top-menu-bg.gif') repeat-x;
	z-index:0;
}
#main-wrap-l {
	background: transparent url('../images/site-graphics/wrap-left-bg.png') no-repeat;
}
#main-wrap-r {
	padding: 0 8px;
	background: transparent url('../images/site-graphics/wrap-right-bg.png') right no-repeat;
}
#columns {
	background: transparent url('../images/site-graphics/columns-bg.jpg') repeat-y;
}
#left {
	float: left;
	width: 165px;
	min-height: 500px;
	padding: 10px;
}
#left.qo {
	width: 185px;
	padding: 10px 0;
}
#left h3 {
	background: #0066A4;
	color: #fff;
	padding: 5px;
}
#right {
	float: right;
	width: 161px;
	min-height: 500px;
	padding: 12px;
}
#right h3 {
	color: #0066A4;
	padding: 5px 10px;
	text-align: left;
}
#right h3.large {
	font-size: 20px;
}
#right p {
	color: #0066A4;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

#contents { 
	float: left;
	width: 570px;
	margin-left: 10px;
	min-height: 1000px;
	padding: 10px 0;
}
#contents.qo {
	width: 535px;
}
#contents h1, #contents h2, #contents h3, #contents h4, #contents p {
	padding: 4px 0;
}
#footer {
	clear: both;
	width: 570px;
	padding: 10px 0;
	margin: 0 auto;
}
#footer p, #footer a {
	color: #808080;
	font-size: 11px;
	text-align:center;
}
/*********** ---------- ::Links:: ------------------------ ***********/
a {	color: #0066A4;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:active, a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
}
/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
#top-menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	font-weight: bold;
	font-size: 14px;
	line-height: 27px;
	background: transparent url('../images/site-graphics/top-menu-link.gif') no-repeat;
	color: #fff;
	padding: 0 20px;
	margin: 0;
	text-decoration: none;
	display: block;
	float: left;
}
#top-menu ul li a.home, #top-menu ul li a.home:link, #top-menu ul li a.home:active, #top-menu ul li a.home:visited {
	background: transparent url('../images/site-graphics/top-menu-link.gif') -2px 0 no-repeat;
}

#top-menu ul li a:hover {
	background: transparent url('../images/site-graphics/top-menu-link.gif') 0 -27px no-repeat;
	color: #0066a4;
}
#top-menu ul li a.home:hover {
	background: transparent url('../images/site-graphics/top-menu-link.gif') -2px -27px no-repeat;
}


/*********** Left Menu Navigation ***********/
.left-menu {
	list-style: none;
	margin: 0;
	padding:0;
}
.left-menu li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #0066A4;
}
.left-menu li a, .left-menu li a:link, .left-menu li a:active, .left-menu li a:visited {
	font-weight: bold;
	font-size: 12px;
	line-height: 27px;
	color: #000;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	display: block;
}

.left-menu li a:hover {
	background: #fff;
}

/*********** Left Menu TWO Navigation ***********/
.left-menu2 {
	list-style: none;
	margin: 0;
	padding:0;
	border-top: 1px solid #fff;
}
.left-menu2 li {
	margin: 0;
	padding: 4px 0;
	background: #027dc9;
}
.left-menu2 li a, .left-menu2 li a:link, .left-menu2 li a:active, .left-menu2 li a:visited {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	display: block;
}

.left-menu2 li a:hover {
	text-decoration: underline;
}

/* ---------- ::Forms:: ------------------------ */
label {
	cursor: pointer;
}
input, label, select, textarea {
	font-size: inherit;
	font-family: inherit;
}
input, textarea {
	padding: 2px;
}
textarea {
	overflow: auto;
}
/*********** ---------- ::Global Classes:: --------------- ***********/
.center {
	text-align: center;
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden {
	display: none;
}
.inline {
	display: inline;
}
.large {
	font-size: 20px;
	font-weight: bold;
}
.light {
	color: #999;
}
.small {
	font-size: 10px;
	font-weight: normal;
}
/*********** ---------- ::Pages:: ------------------------ ***********/
/*********** /// place specific page rules here if needed /// ***********/
#logolink {
	width: 381px;
	height: 109px;
	display: block;
	background: transparent url('../images/site-graphics/chef-link-logo.png') no-repeat;
}
.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}
.number {
	color: #0066a4;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 80px;
	left: 460px;
}
#account {
	position: absolute;
	right: 0px;
	top: 82px;
}
#search {
	/*position: absolute;
	right: 0;
	top: 0px;*/
	float: right;
	width: 270px;
	text-align: right;
}
#search p {
	color: #fff;
	vertical-align: middle;
	float: right;
}

#search input {
	padding: 2px 5px;
	border: 1px solid #ccc;
	margin: 0;
	width: 150px;
	height: 16px;
	color: #666;
	vertical-align: middle;
}
#search a:link, #search a:visited {
	color: #fff;
	vertical-align: middle;
}
#search a.gosubmit {
	padding: 1px 3px 0;
	height: 21px;
	line-height: 21px;
	background: #333;
	border: 1px solid #999;
	color: #eee;
	text-decoration:none;
}









#search2 {
	position: absolute;
	right: 210px;
	top: 30px;
	width: 359px;
	height: 37px;
	line-height: 42px;
	padding: 13px 0 0 15px;
	background: transparent url('../images/site-graphics/search-wrap-bg.png') no-repeat;
}

#search2 input {
	padding: 2px 5px;
	width: 190px;
	height: 19px;
	float: left;
	color: #666;
	vertical-align: middle;
	border: 0;
	background: transparent url('../images/site-graphics/search-bg.png') no-repeat;
}
#search2 a:link, #search2 a:visited {
	color: #fff;
	vertical-align: middle;
}
#search2 a.gosubmit {
	width: 25px;
	height: 23px;
	background: transparent url('../images/site-graphics/search-bt.png') no-repeat;
	display: inline-block;
	float: left;
}
#search2 a.advanced-search {
	display: inline-block;
	float: left;
	line-height: 23px;
	margin-left: 10px;
}










#shopping-cart {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 50000;
	text-align: left;
	padding: 20px 10px 20px 15px;
	background: #f9f9f9 url('../images/site-graphics/cart_bg.png') no-repeat;
	height: 80px;
	border-right: 1px solid #eee;
	min-width: 175px;
	
}
#shopping-cart h4 {
	text-transform:uppercase;
}
#shopping-cart img {
	float: left;
	margin-right: 10px;
}
#shopping-cart a {
	float: left;
}
#shopping-cart .carttotals {
	font-size: 11px;
}
.bo-top {
	width: 161px;
	height: 5px;
	margin: 0 auto;
	background: transparent url('../images/site-graphics/panel-orange-161-top.png') no-repeat;
	margin-top: 0px;
}
.bo-bottom {
	width: 161px;
	height: 5px;
	margin: 0 auto 10px;
	background: transparent url('../images/site-graphics/panel-orange-161-bottom.png') no-repeat;
}
.banner-orange {
	width: 161px;
	margin: 0 auto;
	background: #fdb813 url('../images/site-graphics/panel-orange-161-bg.png') repeat-y;
}
#right .banner-orange h3.myaccount {
	background: transparent url('../images/site-graphics/title-myaccount.png') 0 50% no-repeat;
	text-align: left;
	font-style:italic;
	padding-left: 21px;
	text-indent: -999em;
}
#left .banner-orange h3 {
	color: #0066a4;
	background: transparent;
	padding: 2px 10px;
}
#right .banner-orange p {
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 2px;
	font-size: 11px;
	padding: 4px 20px;
}
#right .banner-orange.special {
	text-align: center;
}
#right .banner-orange.special p {
	padding: 4px 10px;
	text-align:left;
}
#right .banner-orange.special p.red {
	color: #cc0000;
	font-size: 12px;
} 
#right .banner-orange.special div {
	text-align: center;
	display: block;
}
#pcCustomerLogin ul {
	list-style:none;
	margin-left: 10px;
}
#pcCustomerLogin ul li {
	padding: 2px 10px;
	
}

#pcCustomerLogin ul.account-info {
	list-style:none;
	margin-left: 10px;
}
#pcCustomerLogin .welcome {
	text-transform:capitalize;
}
.bg-top {
	width: 161px;
	height: 5px;
	margin: 0 auto;
	background: transparent url('../images/site-graphics/panel-grey-161-top.png') no-repeat;
	margin-top: 10px;
}
.bg-bottom {
	width: 161px;
	height: 5px;
	margin: 0 auto 10px;
	background: transparent url('../images/site-graphics/panel-grey-161-bottom.png') no-repeat;
}
.banner-grey {
	width: 131px;
	margin: 0 auto;
	horizontal-align: center;
	padding:5px 15px;
	background: #fdb813 url('../images/site-graphics/panel-grey-161-bg.png') repeat-y;
}
#right .banner-grey h3 {
	padding: 0;
}
.bc-top {
	width: 161px;
	height: 8px;
	margin: 0 auto;
	background: transparent url('../images/site-graphics/panel-cutout-161-top.png') no-repeat;
	margin-top: 0px;
}
.bc-bottom {
	width: 161px;
	height: 8px;
	margin: 0 auto 10px;
	background: transparent url('../images/site-graphics/panel-cutout-161-bottom.png') no-repeat;
	
}
.banner-cutout {
	width: 151px;
	margin: 0 auto;
	background: #fff url('../images/site-graphics/panel-cutout-161-bg.png') repeat-y;
	padding: 5px;
}

.bb-top {
	width: 161px;
	height: 5px;
	margin: 0 auto;
	background: transparent url('../images/site-graphics/panel-blue-161-top.png') no-repeat;
	margin-top: 10px;
}
.bb-bottom {
	width: 161px;
	height: 5px;
	margin: 0 auto;
	background: transparent url('../images/site-graphics/panel-blue-161-bottom.png') no-repeat;
	
}
.banner-blue {
	width: 161px;
	margin: 0 auto;
	background: #fff url('../images/site-graphics/panel-blue-161-bg.png') repeat-y;
}
#right .banner-blue h3 {
	color: #fdb813;
}
#showcase {
	margin-top: 10px;
}
#showcase td {
	text-align: center;
	width: 140px;
	padding: 5px 25px;
}

#showcase .title {
	width:190px;
	text-align: center;
	padding: 0;
}
#showcase div {
	width: 175px;
	height: 35px;
	background: #0066a4 url('../images/site-graphics/title-blue-bg.png') no-repeat;
	line-height: 35px;
	color: #fdb813;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
}
#showcase div span{
	width: 5px;
	height: 35px;
	display: block;
	float: right;
	background: #0066a4 url('../images/site-graphics/title-blue-bg.png') right no-repeat;
}
#showcase .price {
	font-size: 18px;
	color: #0066a4;
}
#showcase a {
	color: #333;
}

#featured-wrap {
	border: 1px solid #0066A4;
}

.timer {
	font: 9 px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #666;
}
