body {
	background: url(images/back.gif) left top repeat-x;
	margin: 0 auto;
	font-family: arial;
}

#catView {
	margin-top: 8px;
}
#catView a {
	text-decoration: none;
	color: #5b3e1c;
}
#catView a:hover {
	text-decoration: none;
	color: #888;
}

#hcWrapper { /* 1st level after body */
	margin: 50px auto 50px auto;
	width: 950px;
	height: auto;
	background-color: transparent;
}

#cWrapper { /* 2nd level after body */
	position: relative; 
	clear: both; 
	margin: 0 0 0 50px; 
	width: 900px;
	height: auto; 
	background: url(images/cback.gif) 0 top repeat-y;
}

/* for Product Details pages in Categories */
#hcWrapperBig { /* 1st level after body */
	margin: 50px auto 50px auto;
	width: 1000px;
	height: auto;
}
#cWrapperBig { /* 2nd level after body */
	position: relative; 
	clear: both; 
	margin: 0 0 0 50px; 
	width: 1000px;
	height: auto; 
	background: url(images/cback2.gif) center top repeat-y;
	background-color: #fff;
}
#cbottomBig {  /* content bottom border */
	clear: both;
	height: 25px;
	background: url(images/horiz_border_bot.gif) left bottom repeat-x; 
	padding-left: 85px;
}
#botWrapperBig {
	position: relative; 
	margin: 20px 0 0 50px; 
	width: 1000px; 
	height: auto; 
	background: url(images/cback2.gif) center top repeat-y; 
	padding: 0 1px;
}
#botTopBig {
	height: 25px; 
	background:url(images/horiz_border_top_w.gif) left top repeat-x; 
	padding-left: 85px;
}
#bcbottomBig {
	height: 25px; 
	background: url(images/horiz_border_bot.gif) left bottom repeat-x; 
	padding-left: 85px;
}
#headingBig {
height: 22px;
line-height: 22px; 
width: 775px; 
border-bottom: 2px solid #d6cfc6; 
margin-bottom: 10px;
}
#headLeftBig {
position: relative; 
float: left; 
width: 475px; 
height: 26px; 
text-align: left;
}
#headRightBig a, #headLeftBig a {
	text-decoration: underline;
	color: #5b3e1c;
}
#headRightBig a:hover, #headLeftBig a:hover {
	text-decoration: none;
	color: #888;
}
#headRightBig {
position: relative; 
height:22px; 
line-height: 22px; 
width: 275px; 
margin-left: 495px; 
font-size: 0.8em; 
font-weight: bold; 
text-align: right;
}
/*******************************************/

#content {
	width: auto;
	display: block; 
	position: relative; 
	height: auto !important; 
	min-height: 390px; 
	height: 390px; 
	padding: 65px 50px 10px 130px;
}
#contentAdmin {
	width: auto;
	display: block; 
	position: relative; 
	height: auto !important; 
	min-height: 390px; 
	height: 390px; 
	padding: 15px 50px 10px 130px;
}
#cbottom {  /* content bottom border */
	clear: both;
	height: 25px;
	background: url(images/horiz_border_bot.gif) left bottom repeat-x; 
	padding-left: 25px;
}

/**  Page Footer **/
#botWrapper {
	position: relative; 
	margin: 20px 0 0 50px; 
	width: 900px; 
	height: auto; 
	background: url(images/cback.gif) center top repeat-y; 
	padding: 0 1px;
}

#botTop {
	height: 25px; 
	background:url(images/horiz_border_top_w.gif) left top repeat-x; 
	padding-left: 25px;
}

#bcbottom {
	height: 25px; 
	background: url(images/horiz_border_bot.gif) left bottom repeat-x; 
	padding-left: 25px;
}

#botContent {  /* body of bottom panel */
	width: 800px; 
	position: relative; 
	height: auto !important; 
	min-height: 150px; 
	height: 150px; 
	padding: 25px 0 0 40px; 
	background-color: #fff; 
	margin: auto;
}

#catMenu1 {   /* left menu panel for bottom panel */
	position: relative; 
	float: left; 
	width: 360px; 
	height: auto !important; 
	min-height: 125px; 
	height: 125px; 
	background: url(images/back1_catNav.gif) left top repeat-y; 
	background-color: #fff; 
	padding: 0;
}

#catMenu2 {  /* right menu panel for bottom panel */
	position: relative; 
	width: 360px; 
	height: auto !important; 
	min-height: 125px; 
	height: 125px; 
	margin-left: 400px; 
	background: url(images/back1_catNav.gif) left top repeat-y; 
	background-color: #fff; 
	padding: 0;
}

#catView {
	width: 100%;
	margin: 0;
}

/* copyright information */
#footer {  
	width: 850px;
	margin: 15px 0 0 100px;
	height: auto; 
	text-align: center;
	color: #777;
	font-size: 11px;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #777;
}

#footer a:hover {
	text-decoration: underline;
	color: #444;
}
#footer a:active {
	text-decoration: underline;
	background-color: #444;
	color: #fff;
}

/************************/


/* for admin */
#greeting {
	padding-right: 10px;
	text-align: right;
	font-size: 12px;
	margin: 0;
	border-right: 12px solid #5b3e1c;
}
#greeting a {
	text-decoration: underline;
	color: #f90;
}
#greeting a:hover {
	text-decoration: none;
	color: #888;
}
#greeting span.name {
	color: #5b3e1c;
	font-weight: bold;
}

/* style for the crumbs and image size */
#heading {
height: 22px;
line-height: 22px; 
width: 675px; 
border-bottom: 2px solid #d6cfc6; 
margin-bottom: 10px;
}
#headLeft {
position: relative; 
float: left; 
width: 500px; 
height: 26px; 
text-align: left;
}
#headLeft a {
	text-decoration: underline;
	color: #5b3e1c;
}
#headLeft a:hover {
	text-decoration: none;
	color: #888;
}
#headRight {
position: relative; 
height:22px; 
line-height: 22px; 
width: 150px; 
margin-left: 520px; 
font-size: 0.8em; 
font-weight: bold; 
text-align: right;
}




#identity { /* Main Logo div */
	clear: both; 
	position: absolute; 
	height: auto; 
	width: 160px; 
	margin: 125px 0 0 -80px; 
	border: 1px solid #5b3e1c; 
	background-color: #fff; 	
	padding-top: 10px;
}

#identity div.motto {
	background: url(images/motto.gif) center top no-repeat;
	background-color: #5b3e1c;
	height: auto;
	width: 100%;
}
#introLink {
	margin: 25px auto;
	text-align: center;
}
#introLink a {
	font-size: 12px;
	font-family: arial;
	text-decoration: none;
	border-left: 3px solid #f90;
	border-right: 3px solid #f90;
	padding: 0 0.3em 0 .6em;
	color: #f90;
	letter-spacing: 0.2em;
}
#introLink a:hover {
	text-decoration: none;
	color: #5B3E1C;
	border-left: 6px solid #f90;
	border-right: 6px solid #f90;
	padding: 0 0.3em 0 .6em;
}
	
#navContainer {
	width: auto;
	height: auto;	
	padding-left: 25px;
}
#pages {  /* for displaying page numbers */
	font-size: 0.8em;
}
#pages a {
	text-decoration: none;
}
#pages a:hover {
	color: #f90;
}
#PM {  /* for Print Media section */ 
	padding: 0 10px 10px 35px;
}
#PM a {
	text-decoration: none;
	font-weight: bold;
	color: #5b3e1c;
}
#PM a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #d6cfc6;
}
/* Scroller Styles */
#pscrollerLrg{
width: 400px;
height: 80px;
padding: 10px 0 0 0px;
background-color: #fff;
font-size: 0.8em;
}
/*******************/
#topNav { /* Primary Top Navigation panel */
	width: auto;
	height: auto; 
	background: url(images/horiz_border_top.gif) left top repeat-x;
}

#search { /* top search panel */
	position: absolute; 
	height: 25px; 
	width: auto; 
	right: 50px;
	top: 45px; 
	font-size: 12px; 
	text-align: right;
	z-index: 10;
}

div.boxed {  /* for use in framed content of the static pages */ 
	padding: 0 10px 10px 35px;
}
div.catLink {
	text-align: left;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 0 10px 5px;
	/* border-bottom: 1px solid #aaa; */
	font-size: 0.8em;
}

div.confirmation {  /* for displaying database confirmations */
	width: 300px;
	font-size: 1.1em;
	border: 1px solid #01ad4e;
	min-height: 1.5em;
	height: auto !important; /* CSS hack for IE6 */
	height: 1.5em; /* CSS hack for IE6 */
	vertical-align: top;
	background: #b8e8cd url(images/confirm.gif) 10px 5px no-repeat;
	padding: 5px 5px 5px 35px;
	margin: 0 0 10px 0;
}
div.error {  /* for displaying database errors */
	width: 300px;
	font-size: 1.1em;
	border: 1px solid #ff1a00;
	min-height: 1.5em;
	height: auto !important;  /* CSS hack for IE6 */
	height: 1.5em;  /* CSS hack for IE6 */	
	vertical-align: top;
	background: #ffcdc7 url(images/error.gif) 10px 5px no-repeat;
	padding: 5px 5px 5px 35px;
	margin: 0 0 10px 0;	
}
div.forms {
	margin-bottom: 50px;
}
div.staticHdrAbout {
	position: relative;
	height: 30px;
	width: 740px;
	margin: 0;
	padding: 0;
}
div.staticHdr {
	position: relative;
	height: 20px;
	width: 740px;
	margin: 0;
	padding: 0;
}
div.aboutHdr {
	background: url(images/about_hdr.gif) right bottom no-repeat;
}
div.aboutHdr2 {
	background: url(images/about_hdr2.gif) right bottom no-repeat;
}
div.eventsHdr {
	background: url(images/events_hdr.gif) right bottom no-repeat;
}
div.pressHdr {
	background: url(images/press_hdr.gif) right bottom no-repeat;
}
div.contactHdr {
	background: url(images/contact_hdr.gif) right bottom no-repeat;
}
div.infoHdr {
	background: url(images/prodinfo_hdr.gif) right bottom no-repeat;
}

div.staticWrap {
	position: relative;
	width: 740px;
	height: auto;
	padding: 0;
	margin: 0;
}
div.staticLeft {
	position: relative;
	float: left;	
	width: 624px;
	height: auto !important;
	min-height: 320px;
	height: 320px;
	padding-top: 30px;
}
div.staticRight {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 25px;
	margin-left: 625px;	
	width: 109px;
	height: auto !important;
	min-height: 320px;
	height: 320px;
	background: url(images/static_side.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.staticLeft a {
	color: #5b3e1c;
}
.staticLeft a:hover {
	text-decoration: none;
}

.staticLeft p, .staticLeft ul {
	padding-right: 15px;
	font-size: .8em;
}
.staticLeft label {
	font-size: 0.7em;
}
/* for top text area in the static page */
div.brownBox {
	position: relative; 
	margin: 10px 20px; 
	width: 550px; 
	border: 1px solid #5b3e1c; 
	height: auto !important; 
	min-height: 100px; 
	height: 100px; 
}
div.bbFuture {
	background: url(images/bk_future.gif) left top no-repeat;
}
div.bbCare {
	background: url(images/bk_care.gif) left top no-repeat;
}
div.bbContact {
	background: url(images/bk_contact.gif) left top no-repeat;
}
div.bbDelivery {
	background: url(images/bk_delivery.gif) left top no-repeat;
}
div.bbPast {
	background: url(images/bk_past.gif) left top no-repeat;
}
div.bbPrint {
	background: url(images/bk_print.gif) left top no-repeat;
}
/* for bottom text area in the static page */
div.taupeBox {
	position: relative; 
	margin: 15px 20px; 
	width: 550px; 
	border: 1px solid #d6cfc6; 
	height: auto !important; 
	min-height: 100px; 
	height: 100px; 
}


.bordered {
	border: 1px solid #5b3e1c;
}
.borderSides {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.centerContent {
	text-align: center;
}
.left {
	text-align: left;
}
.req {
	border-left: 3px solid #f90;
}
.buffer {
	line-height: 18px;
}
a.but {
	text-decoration: none;
}
a.crumbs {
	text-decoration: underline;
	color: #fff;
}
a.admin {
	text-decoration: underline;
	color: #5b3e1c;
	font-size: 13px;
}

br.gap {
line-height: 25px;
}

img {
	border: none;
	display: block;
}
img.cal {
	vertical-align: top;
	display: inline;
	padding-left: 3px;
}
img.cat {
	float: right;
	border-bottom: 5px solid #5b3e1c;
}
img.left {
	float: left;
	padding: 0 10px 10px 0;
	border: none;
	vertical-align: bottom;
}
img.right {
	position: relative;
	float: right;
	margin-right: 60px;
}	
img.static {
	margin: 5px auto;
}
img.address {
	margin: 0 auto;
}

img.bordered {
	border: 1px solid #5b3e1c;
}

input {
	vertical-align: middle;
}
input.sm {
	width: 80px;
	height: 1.2em;
}
input.med {
	width: 140px;
	height: 1.2em;
}
input.lrg {
	width: 200px;
	height: 1.2em;
}
input.full {
	width: 80%;
	height: 1.2em;
}
input.buttons {
	width: auto;
	height: 1.8em;
	padding: 1px;
}

p.top {
	margin-top: 0;
}
p.caption {
	padding-left: 5px;
	font-size: 13px;
	font-style: italic;
}
p.crumb {
	background: url(images/blt_circles.gif) left top no-repeat;
	padding-left: 20px;
	margin-left: 20px;
	color: #5b3e1c;
	font-size: 12px;
}
p.listing {
	padding-left: 25px;
}

select {
	font-size: 0.8em;
}

span.bold {
	font-weight: bold;
}
span.classify {
	color: #5b3e1c;
	font-style: italic;
}
span.current {
	background: url(images/h_arrow_org.gif) right center no-repeat;
	padding-right: 12px;
}
span.level2 {
	background: url(images/rt_arrow_org.gif) right center no-repeat;
	padding-right: 12px;
}
span.crumb {
	background: url(images/blt_circles.gif) left center no-repeat;
	padding-left: 20px;
	margin-right: 10px;
	color: #5b3e1c;
	font-size: 12px;
	height: 25px;
}
span.crumbThumb {
	background: url(images/blt_circles.gif) left center no-repeat;
	padding-left: 20px;
	margin-right: 10px;
	color: #5b3e1c;
	font-size: 10px;
	height: 25px;
}
span.name {
	color: #d6cfc6;
	font-style: italic;
	padding: 0 0 0 3px;
}
span.new {
	color: #f00;
	font-weight: bold;
	font-size: 11px;
	height: 25px;
	line-height: 20px;
	padding-left: 13px;	
}
span.prodName {
	color: #5b3e1c;
	font-size: 10px;
	height: 25px;
	line-height: 20px;
	border-left: 3px solid #ccc;
	padding-left: 10px;
}
span.delink {
	color: #bbb;
}
span.description {
	font-size: 11.5px; 
	color: #000;
}
span.emphasis {
	color: #5b3e1c;
	font-weight: bold;
}
span.kern {
	letter-spacing: -.5px;
}
span.grayed {
	color: #999;
}
span.on {
	color: #000;
}
span.off {
	color: #f00;
}
span.unlink {
	color: #F90;
}

table {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

table.editing, table.login, table.data {
	background-color: #d6cfc6;
}
table.login {
	width: 400px;
}

table.data td {
	padding: 3px 10px 5px 10px;
	font-size: 13px;
	vertical-align: middle;
}
table.data td.crumbs, table.login td.crumbs, table.editing td.crumbs {
	font-size: 14px;
	padding-bottom: 5px;	
}
table.editing td, table.login td {
	padding: 3px 10px 15px 10px;
	font-size: 13px;
}
table.editing label, table.data label {
	color: #5b3e1c;
	font-size: 11px;
}

table#upload_table {
	background-color: #eee;
	font-size: 13px;
}
table#upload_table td {
	padding: 10px 0 10px 25px;
	text-align: left;
	font-size: 13px;
}

td {
	vertical-align: top;
}
td.error {
	color: #f00;
}
td.leftCell {
	width: 40%;
}
table.admin td.normal {
	padding-bottom: 5px;
}
td.fixed {
	width: 150px;
}
td.pages {
	padding: 2px;
	text-align: center;
	border-bottom: 2px solid #d6cfc6;
}
td.thumb {
	padding: 5px 10px 5px 10px; 
	text-align: center; 
	vertical-align: top;
}



th {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
}
th.shaded {
	background-color: #bbb;
}

tr.header {
	background-color: #5b3e1c;
	color: #fff;
}
tr.shaded{
	background-color: #eee;
}

textarea.large {
	width: 600px;
	overflow: auto;
	height: 60px;
	padding: 3px;
}

ul.rollNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}