/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
		Page Specific Layout
		product listings
		Product Detail Pages
	Typography and Inline Elements
		Page Specific Typography
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#foo {display:none;}
#branding, .layout-home h2, .button {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em; /* makes font a specific size... must find it... */
	text-align:center;
	background: #FFFFFF url(../images/CSH/bg.jpg) repeat-x center 110px;
	margin-top: 10px;
}
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 780px;
}
#branding {
	width:759px;
	height: 117px;
	background: url(../images/CSH/branding.gif) no-repeat;
	clear: both;
	float: right;
	margin-right: 10px;
}
#home_content{
	float: right;
	clear: both;
	width: 780px;
	margin-top: 25px;
}
#home_content_left{
	background: url(../images/CSH/home_content_left.gif) no-repeat;
	height: 258px;
	width: 186px;
	float: left;
	text-align: center;
	padding-top: 15px;
	padding-left: 9px;
	overflow: hidden;
}
#home_content_flash{
	background: url(../images/CSH/home_content_flash.gif) no-repeat;
	height: 253px;
	width: 565px;
	float: left;
	clear: none;
	padding:10px;
}

#current_specials {
	height: 222px;
	font-size: 9px;
	line-height: 140%;
	background: url(../images/CSH/current_specials_bg.jpg) no-repeat left 35px;
	overflow: hidden;
	width:200px;
	padding-left:3px;
}
#search {
	background: url(../images/CSH/content_top.gif) no-repeat center top;
	height: 80px;
	width: 752px;
	clear: both;
	float: right;
	margin-top: 25px;
	padding-top: 12px;
	padding-left: 28px;
	color: #4E3227;
	font-size: .8em;
	font-weight: bold;
	overflow: hidden;
}
#search .button {
	background: url(../images/CSH/btn_search.gif) no-repeat center center;
	height: 19px;
	width: 58px;
}
#search_for {
}
#content {
	background: #FFFFFF url(../images/CSH/content_bg.gif) no-repeat right bottom;
	padding: 0px 28px 28px;
	float: left;
	width: 724px;
	margin-top: 1px;
}

/* Page Specific Layout */
/* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */
.layout-home .special_product {
	float: left;
	height: 185px;
	width: 83px;
	margin-right:15px
}
* > .layout-home .special_product {margin-right:0;}
.layout-home .special_product + .special_product{margin-left: 14px;}
.layout-home .special_product img {}
.layout-home .special_product a span{display:block; height:88px}
.layout-home .special_product a span:hover{text-decoration:underline;}

.layout-home #content {
	margin-top: 1em;
	float: left;
	width: 740px;
	padding-left: 20px;
	padding-right: 20px;
	height:180px;
	font-weight: bold;
	color: #4E3227;
	background:none
}
* > .layout-home #content {background: url(../images/CSH/home_drop_bg.png) no-repeat right bottom;}
#search_for, #search_by_product, #search_categories {padding:inherit;}
#search_for {padding:1px 2px}
#search_btn {margin-bottom:-2px}

.layout-no_search #content, .layout-product_details #content {
	/* Content Area layout for pages without the search bar, and pages with product details */
	background: #FFFFFF url(../images/CSH/content_bg.gif) no-repeat right bottom;
	padding: 0px 28px 110px;
	float: left;
	width: 724px;
	margin-top: 25px;
}

/* Product Listings - Pages with multiple products on them. */
.product {
	/*clear: both;*/
	float: none;
	margin-left: 65px;
	height:65px;
	margin-bottom:1em;
}
* > .product {min-height:65px; height:auto;}

.product img {
	float:left;
	position: relative;
	margin-left: -65px;
	border: 1px solid #4E3227;
}

/* Product Detail Pages - Pages with one product. <body> needs class="layout-product_details" */
.product_img_and_button {
	margin: 0px 0px 1em 2.5em;
	padding: 10px;
	width:150px;
	float: right;
	border: 1px solid #bfd588;
}
.product_img_and_button a{display:block; margin-bottom:1em; text-decoration:none; text-align:center; margin-top:3px;}
.product_img_and_button a img {margin-right:4px;}

/*Added by KEG during Store construction 9/21/2008 */
.layout-inside .CatalogItemDefaultScreen 
{
	width: 162px;
	margin-right:15px;
	margin-bottom: 15px;
	text-align: center;
	/*border: solid 1px black;*/
}

.ProductTitle 
{
	background: url(../images/CSH/h1_bg.jpg) repeat-y;
	height: 1.5em;
	width: 724px;
	margin-right: -28px;
	margin-left: -28px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 17px;
	padding-left: 28px;
	margin-bottom: 1em;
	line-height: 22px;
}

.layout-inside .right 
{
	 line-height:1.5em;
	 width:268px;
	 /* border:solid 1px blue; */
}

.layout-inside #nav-cookie_crumb
{
	line-height:1.5em;
}

/*End Added by KEG*/


/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {
	background: url(../images/CSH/h1_bg.jpg) repeat-y;
	height: 1.5em;
	width: 724px;
	margin-right: -28px;
	margin-left: -28px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 17px;
	padding-left: 28px;
	margin-bottom: 1em;
	line-height: 22px;
}

/* Page Specific Typography */
/* use a class on the <body> to change specific typographic elements (e.g. <h1> backgrounds) */
.layout-home h1 {
	font-size: 9px;
	background: #e9eaec;
	text-align: center;
	color: #606060;
	height: 25px;
	overflow: hidden;
	margin: 0;
	width: auto;
	padding: 0;
	line-height: 2.7em;
}
.layout-home h2 {
	background: url(../images/CSH/current_specials_header.gif) no-repeat 2px center;
	margin-top: 10px;
	font-size: 10px;
	height: 15px;
	overflow: hidden;
	margin-bottom: 26px;
	line-height: 10px;
}
.layout-home .special_product a:link, .layout-home .special_product a:visited {text-decoration:none}
.layout-home .special_product a:hover, .layout-home .special_product a:active {text-decoration:underline; color:#4E3227}


/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav-main {
	color: #4E3227;
	position: absolute;
	top: 105px;
	left: 135px;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	width: 650px;
}
#nav-main a, #nav-cookie_crumb a {
	color: #4E3227;
}
#nav-main a {margin-right: 28px;}
#nav-main a:link, #nav-main a:visited, #nav-cookie_crumb a:link, #nav-cookie_crumb a:visited {
	text-decoration: none;
}
#nav-main a:hover, #nav-main a:active, #nav-cookie_crumb a:hover, #nav-cookie_crumb a:active {
	text-decoration: underline;
}

#nav-main ul, #nav-main li, #nav-cookie_crumb ul, #nav-cookie_crumb li {display: inline; }

#nav-cookie_crumb {
	font-size: .9em;
	font-weight: normal;
	/*border:solid 1px red;*/
}
#nav-cookie_crumb li {margin-right:.3em;}
#nav-cookie_crumb li.current a{text-decoration:underline;}