/* CSS MAKINGSHOPPINGWORK TEMPLATE
**************************************************************/
body 	{
	background-color: #cccc66;
}



p {
	margin-bottom: 10px;
}	

div {
	text-align: left;
}

span {
	text-align: left;
}	

input[type="text"] /* To keep form fields consistent */
{
	background: #FFF !important;
}
select /* To keep form fields consistent */
{
	background: #FFF !important;

}
a {
	color: #696932;
	font: 12px arial;
	text-decoration: none;

}
a:hover {
	text-decoration: none;
	color: #cccc66;
}

h1 {
	font: 28px century gothic;
	color: #cccc66;
	
}/*have Client pick color*/

h2 {
	font: 18px arial;
	color: #696932;
}	


h3 {
	font: 18px arial;
	color: #69422C;
	text-align: left;
}

input {
	font-size: 14px;
}

select {
	border: 1px solid #888F95;
	width: 100px;
	font: 12px arial;
	color: #3f3f3f;
	
}	

/* CSS STRUCTURAL ELEMENTS
**************************************************************/
/* holds entire page content */

#bodyWrapper {
	width: 100%;
	color: #3f3f3f;
	font-family: arial; 
	font-size: 12px;
	padding: 0px;
	background: #BB8648 url(/lib/yhst-53141727366074/bodyBg.jpg) repeat-x;
	text-align: center;
	line-height: 18px;
	
}	

#container 
{
	width: 960px;
	padding: 0px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

#center 
{
 	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#contentframe 
{
	width: 940px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
}	

/* Logo and Top Navigation
**************************************************************/

#logo {
	width: 238px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 20px;
	
}

#logo a {
	display: block;
	text-align: left;
}	

#logo img {
	display: block;
}	
	
/*customize for Client. Upload in Variable section*/

/*change background color for Client*/

#header {
	position: relative;
	background-position: bottom;
	height: 154px;
	width: 960px; 
	padding: 0px;
	margin: 0px;
	display: block;
}	
	
#topnav {
	display: block;
	height: 25px;
	text-align: left;
	position: absolute;
	bottom: 12px;
	left: 0px;
	overflow: hidden;
	
}

#topnav li {
	float: left;
	margin-right: 30px;
}	

#topnav a {
	color: #69422C;
	font-size: 14px;
	border-top: 5px solid #fff;
	padding-top: 5px;
	height: 20px;
	display: block;
	

}

#topnav a:hover {
	border-top: 5px solid #cccc66;
}

/* Content Area
**************************************************************/
/* holds Vertical Nav, center, Featured Items */

#mainContent {
	overflow: hidden;
	width: 100%;
	padding-bottom:10px;
}	

#middle {
	width:720px;
	position: relative;
	padding-top: 0px;
	background-color: transparent;
	float: left;
}

/* Vertical Nav Column
**************************************************************/

#verticalnav {
	display: block;
	width: 222px;
	float: left;
	margin-bottom: 0px;
	margin-right: 18px;
}

#verticalnav h3 {
	display: block;
	height: 27px;
	text-align: left;
	padding: 10px 20px 7px 20px;
	background-color: #69422C;
	color: #fff;
}	

#verticalnav a {
	display: block;
	font-size: 14px;
	font-family:"century gothic;
	color:#996633;
	padding:8px 12px 8px 20px;
	font-weight:bold;
}

#verticalnav a:hover {
	color: #cccc66;
}

#verticalnav ul li {
	background:url(/lib/yhst-53141727366074/leftnavsep.jpg) no-repeat 0 100%;
	padding-bottom:10px;
	margin-bottom:5px;	
}

#verticalnav ul li:last-child {
	background:none;	
}

#verticalnav ul li ul li {
	background:none;
	margin-bottom:0;
	padding-bottom:0;	
}

#verticalnav ul li ul li a {
	display: block;
	font-size: 14px;
	font-family:"century gothic;
	color:#696A31;
	padding:3px 12px 3px 45px;
	background:url(/lib/yhst-53141727366074/leftnavbullet.jpg) no-repeat 33px 10px; 
	font-weight:normal;
}

#verticalnav ul li ul li a:hover {
	color: #8A5A1C;
}

.vertBox {
	width: 222px;
	margin-bottom: 10px;
	background:#fff url(/lib/yhst-53141727366074/leftnavbg.jpg) repeat-y 0 0;
	overflow: hidden;
}	

.mailBox {
	background:#BB8648 url(/lib/yhst-53141727366074/mailingbg.jpg) no-repeat 0 0;
	width:100%;
	position:relative;
	height:52px;
	margin-top:10px;
	clear:both;
	padding-bottom:20px;
	border-bottom:1px solid #9B703D;
}

.newstext {
	position:absolute;
	top:16px;
	left:202px;
	font-size:13px;
	color:#89591B;	
}

.social {
	width:75px;
	position:absolute;
	top:13px;
	right:0;
	text-align:center;	
}
.social a {
	margin:0 5px;	
	float:left;
	
}

#join {
	overflow: hidden;
	position:absolute;
	top:13px;
	right:95px;
	width:206px;
}

#join div.button {
	float: right;
}

#join input.textInput {
	width: 150px;
	float: left;
	border: 1px solid #888F95;
	font: 12px arial;
	color: #3f3f3f;
	height: 20px;
	padding-left: 5px;
	padding-top: 2px;
	margin-right:5px;
}	

/*button styles*/

.button {
	height: 23px;
	overflow: auto;
	display: block;
}

.button div.buttonLeft {
	display: block;
	background: transparent url(/lib/yhst-53141727366074/buttonLeft.jpg) no-repeat;
	height: 23px;
	width: 3px;
	float: left;
}

.buttonMid {
	display: block;
	background: transparent url(/lib/yhst-53141727366074/buttonMid.jpg) repeat-x;
	height: 23px;
	float: left;
}	

.button div.buttonRight {
	display: block;
	background: transparent url(/lib/yhst-53141727366074/buttonRight.jpg) no-repeat;
	height: 23px;
	width: 3px;
	float: left;
}

.buttonInput {
	background-color: transparent;
	border: 0px solid;
	color: #fff;
	cursor: pointer;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
}	

/* Center Column
**************************************************************/

/*Home only*/

#homeContent {
	padding: 0px;
	width: 100%;
	margin-bottom: 5px;
	background-color: #fff;
	overflow: auto;
}	

#homeText {
	width: 650px;
	float: left;
	padding: 20px;
}

#homeText h3 {
	padding-bottom: 10px;
	font-size: 22px;
}	

#homeContent img {
	float: right;
}	

/*Main only*/

#mainText {
	width: 390px;
	float: left;
}

#content {
	width: 680px;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

#content img {
	float: right;
}

#content h1 {
	padding-bottom: 15px;
}	

#content #itemarea {
	overflow: hidden;
	float: left;
	width: 250px;
}

#content #itemarea img {
	margin: 0 auto;
	display: block;
	float: none;
}


#content #itemarea a {
	display: block;
}	

#content h3 {
	padding-bottom: 10px;
}

#itemContent {
	width: 661px;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

#itemNav {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 100px;
	height: 15px;
	text-align: right;
	color: #BB8648;
}

#itemNav a {
	color: #69422C;
}

#itemNav a:hover {
	color: #696932;
}	

#itemContent img {
	float: left;
}	

#contentPress {
	display: block;
	width: 575px;
	position: relative;
	top: -2px;
	float: left;
	margin-right: 0px;
	padding-bottom: 10px;
	border: 1px solid black;
}

#leftColumnPress {
	display: block;
	float: left;
	width: 275px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border: 1px solid red;
}

#rightColumnPress {
	float: right;
	width: 275px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border: 1px solid blue;
}

.colorChange {
	color: #ed7943;
}	


/* Featured Items/Products section
**************************************************************/
#products {
	display: block;
	background-color: #fff;
	padding: 20px 10px 20px 10px;
	overflow: hidden;
}

#products h2 {
	margin-bottom: 15px;
	margin-left: 10px;
}	

#products a {
	font-size: 12px;
	display: block;
	line-height: 18px;
	width: 118px;
	margin: 0 auto;
	text-align: center;
	color: #69422C;
	
	
}

#products a:hover {
	color: #696932;
}	

#products img {
	padding: 1px;
	border: 0px solid;
	margin: 0 auto;
	margin-bottom: 10px;
	
	
}

#thumbTable {
	text-align: center;
	width: 702px;
}	

#thumbTable td {
	text-align: center;
	width: 20%;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 20px;
	vertical-align: top;
	
}

#thumbTable #rows td {
	padding: 0px;
}	

#thumbTable td div.name {
	padding-bottom: 5px;
}	

#thumbPrice {
	color: #61696C;
	text-align: center;
}

#thumbTable td div.price-bold {
	text-align: center;
}	

.heading {
	display: block;
	width: 144px;
	height: 20px;
	background-color: #D2D0A7;
	color: #666;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;

}

.price {
	color: #373737;
}

.itemPrice {
	color: #69422C;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	
}

.multiLineOption {
	display: block;
}	

.itemform {
	padding-top: 10px;
}	



*html .heading {
	height: 25px;
}

/*Page Only*/

#pageText {
	width: 490px;
	float: left;
}

#itemText {
	width: 390px;
	float: left;
	padding-left: 20px;
	line-height: 18px;
	margin-top: -4px;
}

#itemText div.button {
	float: left;
	margin-top: 15px;
}	

#itemContent h3 {
	padding-bottom: 10px;
}	

/* Message Text for Static Pages
**************************************************************/


/* Search Form
**************************************************************/
#search {
	position: absolute;
	top: 47px;
	right: 0px;
	width: 222px;
	font: 12px arial;
	overflow: hidden;
	height: 40px;
}


#search input {
	font-size: 12px;
}

#searchTerm {
	border: 1px solid #888F95;
	height: 18px;
	width: 187px;
	padding-left: 5px;
	padding-top: 3px;
	color: #888F95;
	position: absolute;
	left: 0px;
	top: 0px;
	font: 12px arial;
	color: #3f3f3f;
}

#search #go {
	height: 23px;
	width: 24px;
	border: 0px;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
}	

/* View Cart Link
**************************************************************/
#cart {
	width: 70px;
	height: 20px;
	text-align: left;
	position: absolute;
	bottom: 12px;
	right: 123px;
	font: 14px arial;
	background: transparent url(/lib/yhst-53141727366074/cartIcon.jpg) no-repeat 0px 1px;
	display: block;
	padding-left: 27px;
	height: 15px;
	padding-top: 5px;
	
	
}


/* Category table
**************************************************************/
#categories {
	clear:both;
	display: block;
	width: 800px;
	background-color: #D2D0A7;
	text-align: center;
	position: relative;
	top:7px;
	
}
.catheading {
	display: block;
	width: 800px;
	height: 30px;
	background-color: #959847;
	text-align: left;

}

#categories table {
	display: block;
	margin-top: 15px;
	background-color: #D2D0A7;
	width: 700px;
	margin-left: 48px;

}
*html #categories table {
	margin-left: 0;

}
#categories td {
	font-size: 9pt;
	width: 170px;

}
#categories a{
	font-size: 9pt;
	
/* CATEGORY PAGE
**************************************************************/
}
#body {
	display: block;
	width: 550px;

}
#body td {
	font-size: 12px;
	font-family: Trebuchet, Helvetica, sans-serif; 
}
#breadcrumb {
	font-size: 12px;
	height: 29px;
	padding: 12px 0px 0px 0px;
	color: #824C20;

}
#breadcrumb a {
	font-size: 12px;
	color: #512B09;
}

#breadcrumb a:hover {
	color: #824C20;
}	

#homeCrumb {
	font: 12px arial;
	color: #E8E8E8;
}	

.clear {
	clear: both;
	display: block;
	width: 800px;
}

.catPrice {
	width: 118px;
	margin: 0 auto;
	line-height: 18px;
}	

/* SEARCH RESULTS PAGE
**************************************************************/

#searchpage {
	width: 90%;
}	

#searchpage font{
	font-size: 12px;

}
#searchpage h3 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#searchpage img {
	padding-right: 10px;
	padding-bottom: 20px;
	width: auto;
}

#searchpage #search {
	position: relative;
	right: auto;
	top: auto;
}

#searchpage input {
	border: 1px solid #888F95;
	
}

#searchpage table table {
	margin-left: -12px;
}

#info-div {
	padding: 20px;
	background-color: #fff;
}

#info-div td font a{
	padding-top: 20px;
	display: block;
	padding-bottom: 5px;
}

#info-div td font a b {
	padding: 0px;
	display: inline;
}	

#info-div td font b {
	padding-top: 20px;
	display: block;
}	

#info-div td a img {
	display: block;
	padding-right: 10px;
}

#info-div input {
	border: 1px solid #888F95;
}	



/* Footer
**************************************************************/
#footer {
	font-size: 12px;
	font-type: arial, helvetica, sans-serif;
	display: block;
	margin-bottom: 10px;
	position: relative;
	margin-top: 10px;
	color: #fff;
	text-align: right;
	padding-bottom: 10px;
}
#footer a {
	font-size: 12px;
	font-type: arial, helvetica, sans-serif;
	line-height: 18px;
	color: #fff;
}

#footer a:hover {
	color: #69422C;
}

#bottomLogos {
	width: 100%;
	position: relative;
	padding:30px 0;
	text-align:center;
	border-top:1px solid #CD9656;
}

#bottomLogos a, #bottomLogos img{
	display:inline;	
}

#bottomLogos img {
	vertical-align:middle;
	margin:0 5px;
}

#footer .footerlinks {padding:25px 20px; border-top:1px solid #CD9656; border-bottom:1px solid #9B703D;}
#footer .footerlinks a {color:#251807; font-size:11px; text-decoration:none;}
#footer .footerlinks h3 a {font-size:13px; font-weight:bold;}
#footer .footerlinks a:hover {text-decoration:underline;}

#footer .footercredits {
	float:left;
	font-size:11px;	
	color:#fff;
	padding-bottom:40px;
}
#footer .footercredits a {
	color:#fff;
	margin:0 10px;
	font-size:11px;
	text-decoration:none;	
}
#footer .footercredits a:hover {
	text-decoration:underline;	
}

#footer .copyright {
	float:right;
	text-align:right;
	color:#fff;
	font-size:11px;
	padding-bottom:40px;
}

.htmlarea {background:#896438; color:#fff; padding:15px;}
.htmlarea a {color:#fff;}