/* default styles
------------------------------------------------------------------------------------*/
html{
	background-color:#dcb474;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}
strong{ font-weight:bold; }
a{
	color:#5c9396;
	text-decoration:none;
}
a:hover{ text-decoration:underline; }
#content{ color:#543019; }

iframe{ display:none; } /* hide iframe required by doubleclick code */
/*----------------------------------------------------------------------------------*/


/* layout
------------------------------------------------------------------------------------*/
#wrapper{
	width:858px;
	margin:30px auto 0px auto;
	background:#fff url(/assets/interface/shadow_center.gif) repeat-y;
}
#wrapper #page_top, #wrapper #page_bottom{
	height:4px;
	background:url(/assets/interface/shadow_top_bottom.gif) no-repeat left top;
}
#wrapper #page_bottom{ background-position:left bottom; }
#wrapper #page_content{ margin:0 4px; }
#content{
	position:relative; /* so we can position elements absolute within this container */
	height:463px;
}
/*----------------------------------------------------------------------------------*/


/* content backgrounds
------------------------------------------------------------------------------------*/
.background_home{ background:transparent url(/assets/interface/background/background_home.jpg) no-repeat left top; }
.background_recipe{ background:transparent url(/assets/interface/background/background_recipe.jpg) no-repeat left top; }
.background_empty{ background:transparent url(/assets/interface/background/background_empty.jpg) no-repeat left top; }
.background_thanks{ background:transparent url(/assets/interface/background/background_thanks.jpg) no-repeat left top; }
.background_locator{ background:transparent url(/assets/interface/background/background_locator.jpg) no-repeat left bottom; }
/*----------------------------------------------------------------------------------*/


/* header navigation
------------------------------------------------------------------------------------*/
#header_navigation{
	height:28px;
	line-height:28px;
	background-color:#543019;
	font-size:13px;
}
#header_navigation a {
	color:#fff0d9;
}

#header_navigation #page_back{
	line-height:28px;
	margin:0 0 0 15px;
	padding: 0 0 0 15px;
	background:url(/assets/interface/back.gif) no-repeat left 5px;
}
#header_navigation ul{
	float:right;
}

#header_navigation li {
	border-right:1px solid #fff0d9;
	display: inline;
	padding: 0 8px;
}

#header_navigation li.no-border{ border:none; }

#header_navigation form {
	display: inline;
}

#global_search {}

#global_search fieldset {
	float: left;
}

#global_search input {
	font-size: 11px;
}

#global_search-input {
	border: 0;
	padding: 2px 3px;
	position: relative;
	top: -1px;
}

#global_search-input.blurred {
	color: #606060;
}

#global_search-input.error {
	background-color: #EA9E9E;
}

#global_search-submit {
	width: 51px;
	height: 19px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/assets/interface/button/search.gif) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/*----------------------------------------------------------------------------------*/


/* logo
------------------------------------------------------------------------------------*/
#logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
}
/*----------------------------------------------------------------------------------*/


/* category navigation
------------------------------------------------------------------------------------*/
#category_navigation h2{
	height:45px;
	background:#543019 url(/assets/interface/type/explore.gif) no-repeat center center;
}
#category_navigation img{ display:block; }
#category_navigation li{
	position:relative;
	float:left;
	margin:1px 1px 0 0;
}
#category_navigation li.last{ margin:1px 0 0 0; }

/* normal styles */
#category_navigation li h3{
	position:absolute;
	width:141px;
	bottom:0px;
	line-height:25px;
	background:transparent url(/assets/interface/category_navigation_background.png) repeat;
	font-size:12px;
	text-align:center;
}
#category_navigation li h3 a{
	display:block;
	color:#543019;
}
#category_navigation li h3 a:hover{ text-decoration:none; }

/* highlight/hover styles */
/* default styles */
#category_navigation li:hover h3, #category_navigation li.highlight h3{ background-image:none; background-color:#727e23; }
#category_navigation li:hover h3 a, #category_navigation li.highlight h3 a{ color:#fff0d9; } 
/* defined */
#category_navigation li:hover h3.category-2, #category_navigation li.highlight h3.category-2{ background-color:#d4891c; }
#category_navigation li:hover h3.category-5, #category_navigation li.highlight h3.category-5{ background-color:#727e23; }
#category_navigation li:hover h3.category-8, #category_navigation li.highlight h3.category-8{ background-color:#9a251c; }
#category_navigation li:hover h3.category-18, #category_navigation li.highlight h3.category-18{ background-color:#386351; }
#category_navigation li:hover h3.category-22, #category_navigation li.highlight h3.category-22{ background-color:#005295; }
#category_navigation li:hover h3.category-27, #category_navigation li.highlight h3.category-27{ background-color:#753f00; }
/*----------------------------------------------------------------------------------*/

/* coupon
------------------------------------------------------------------------------------*/
#coupon{
	position:absolute;
	text-align:center;
	cursor:pointer;
}
#coupon_help{
	position:absolute;
	width:236px;
	height:135px;
	padding:45px 30px 0 30px;
	background:url(/assets/coupon/background_help.gif) no-repeat left top;
}
#coupon_help .close{
	position:absolute;
	top:15px;
	right:15px;
	padding:0 0 0 14px;
	background:url(/assets/interface/x.gif) no-repeat left center;
}
#coupon_help p{
	margin-bottom:15px;
}
#coupon_print{
	padding:0 0 0 15px;
	font-size:14px;
	font-weight:bold;
	background:url(/assets/interface/arrow_right.gif) no-repeat left center;
}
/*----------------------------------------------------------------------------------*/

/* footer
------------------------------------------------------------------------------------*/
#footer{
	margin:15px 0;
	font-size:10px;
	text-align:center;
	color:#543019;
}
#footer li{
	display:inline;
	padding:0 10px;
	border-right:1px solid #543019;
}
#footer li.last{ border-right:none; }
#footer li a{ color:#543019; }

#secondary-footer {
	color: #543019;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#secondary-footer a {
	color: #ffffff;
}

#secondary-footer span {
	padding: 5px 0 5px 30px;
	background: url(/assets/interface/survey_icon.gif) no-repeat center left;
}
/*----------------------------------------------------------------------------------*/


/* scrollbar
------------------------------------------------------------------------------------*/
.scroll_wrapper{ overflow:auto; }

.vScrollbar{ float:left; }
.hScrollbar{ clear:both; }

.vTrack{
	width:11px;
	position:relative;
	overflow:hidden;		
	background:url(/assets/interface/scrollbar/vertical-track.gif) repeat-y;	
}

.hTrack{
	float:left;
	height:11px;
	position:relative;
	overflow:hidden;
	background:url(/assets/interface/scrollbar/horizontal-track.gif) repeat-x;		
}			

.vThumb, .hThumb{
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:10px;
	background:#f4f3f9 url(/assets/interface/scrollbar/vertical_accent.gif) no-repeat center center;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	overflow:hidden;
}
.hThumb{ background:#f4f3f9 url(/assets/interface/scrollbar/horizontal_accent.gif) no-repeat center center; }

.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner{
	height:11px;
	width:11px;
	overflow:hidden;				
}
.arrowUp{ background:url(/assets/interface/scrollbar/arrows.gif) no-repeat 0px 0px; }
.arrowDown{ background:url(/assets/interface/scrollbar/arrows.gif) no-repeat 0px -11px; }
.arrowLeft{ background:url(/assets/interface/scrollbar/arrows.gif) no-repeat -11px 0px; }
.arrowRight{ background:url(/assets/interface/scrollbar/arrows.gif) no-repeat -11px -11px; }
.arrowLeft, .arrowRight, .corner {float:left; }
.corner{ background:transparent; }
/*----------------------------------------------------------------------------------*/

/* copy container (as seen on Privacy Statement, Terms of Use, and Pressroom pages )
------------------------------------------------------------------------------------*/
#copy_container{
	position:absolute;
	top:45px;
	left:235px;
	line-height:16px;
}

/* copy styles */
#copy_container h3, #copy_container h4{ font-weight:bold; }
#copy_container p{ margin:0 15px 15px 0; }

/* scroll bar */
#copy_scroller{
	width:565px;
	height:330px;
}
/*----------------------------------------------------------------------------------*/


/* utility class
------------------------------------------------------------------------------------*/
.fir { text-indent: -500em; display: block; }
.hidden{ visibility:hidden; display:none; }
.clear{ clear:both; }
.block{ display:block; }
.float_left{ float:left; }
.float_right{ float:right; }
.clearfix:after {
	line-height: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/*----------------------------------------------------------------------------------*/