/*** HTML STYLES ************************************************/

/* Set the default font and page margin here. Do not set colors here.*/
body  {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#6e4d00;
	background: #d1e3bc url(../images/pageelements/bg.jpg) repeat-x top center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}
.twoColFixLtHdr #container { 
	width: 940px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	height:50px;
} 

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	border:10px solid #c6d7a5;
	position:relative;
}
.twoColFixLtHdr #mainContent { 
	position:relative;
	margin: 0 0 0 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height:500px;
  	height:auto !important;
  	height:500px;
	border:10px solid #c6d7a5;
	background:#fff url(../images/pageelements/bd-bg.jpg) repeat-x top center;
} 
.twoColFixLtHdr #footer { 
	
	margin: 0 0 0 230px;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

em {font-style:italic}

a img {border:0}
a {text-decoration: none}

/* --- calendar css  -------*/

a.navmonth { color: #FFFFFF !important; font-weight: bold; text-align: center; }

.day-current { background-color: #ffffcc; }

.day-event { background-color: #CEDBEF; }

.event { border-top: 2px solid #CCCCCC; margin-top: 2px; padding-bottom: 3px; padding-left: 10px; padding-top: 3px; width: 100%; }

.headerCal { background-color: #49859f; color: #FFFFFF; font-size: .95 em; font-weight: bold; text-align: center; }

.miniday-basic { background-color: #EFEFEF; font-size: .75 em; }

.minisubheader { background-color: #CEDBEF; font-size: .75 em; font-weight: bold; text-align: center; }

.minititle { font-weight: bold; text-align: center; }

.newsheader { background-color: #CEDBEF; font-size: .8 em; font-weight: bold; padding-bottom: 3px; padding-top: 3px; text-align: center; }

.newslist { list-style-type: square; margin-bottom: 0px; margin-left: 1em; margin-top: 0px; padding-left: 1em; }

.newstools, .day-basic, .news { background-color: #EFEFEF; }

.number { font-weight: bold; }

.subheader { background-color: #c6d7a5; color: #FFFFFF; font-weight: bold; text-align: center; }

.TitleText { font-size: 1.5 em; font-weight: bold; }

.alert { color: green; background-color: #FFFFCC; width: 70%; text-align: center; margin-left: 20px;  }

.highlight { background-color: #FFFFCC; }

/* -------- buttons and links ------------ */
.leftNavButton {
	line-height:28px;
	text-align:center;
	float:left;
	width:196px;
	/*font-size:11px;*/
	color:#65560f;
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:2px solid #FFFFFF;
	background:#c5e6f9 url(../images/pageelements/bt-up.jpg) repeat-x center center;
	}
	
A:link.leftNavButton {color:#65560f; text-decoration:none;}	
A:visited.leftNavButton {color:#65560f; text-decoration:none;}	
A:hover.leftNavButton {color:#65560f; text-decoration:none; background: #cfdcbc url(../images/pageelements/bt-down.jpg) repeat-x center center;}	
A:active.leftNavButton {color:#65560f; text-decoration:none; background: #cfdcbc url(../images/pageelements/bt-down.jpg) repeat-x center center;}

.active {color:#65560f; text-decoration:none; background: #cfdcbc url(../images/pageelements/bt-down.jpg) repeat-x center center;}

.leftNavButton2 {
	line-height:28px;
	text-align:center;
	float:left;
	width:196px;
	color:#65560f;
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:2px solid #FFFFFF;
	background:#a9a9ae;
	}

A:link.leftNavButton2 {COLOR: #FDF6F3; text-decoration:none;}	
A:visited.leftNavButton2 {COLOR: #fff; text-decoration:none;}	
A:hover.leftNavButton2 {COLOR: #6e4d00; text-decoration:none; background: #cfdcbc;}	
A:active.leftNavButton2 {COLOR: #fff; text-decoration:none; background: #cfdcbc;}

.active2 {color:#65560f; text-decoration:none; background: #cfdcbc url(../images/pageelements/bt-down.jpg) repeat-x center center;}

/* Style for links */
A:link {
	color:#49859f;
	text-decoration: none;
}
A:visited {
	text-decoration: none;
	color:#d5a355;
} 
A:hover {
	color:#3f8ff2;
}

/* Style for lines. */
div.thickline {
	height: 2px;
	margin-bottom : 2px;
	margin-top : 2px;
	border: none; 
}
div.thickline hr {
  display: none;
}

div.thinline {
	height : 1px;
	margin-bottom : 2px;
	margin-top : 2px;
	border: none; 
}
div.thinline hr {
  display: none;
}

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/*** Login Box Styles ****************************************/

.LoginBoxTop {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(images/box_T.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 4px;
}
.LoginBoxLeft {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/box_L.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.LoginBoxRight {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/box_R.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.LoginBoxBottom {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(images/box_B.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 5px;
}



/*** GENERAL PAGE LAYOUT ****************************************/
/* Your Main Site Name. */
#siteName {
	font-size: 24px;
	line-height: 35px;
	margin-left: 5px;
}

.storewideDiscount {
	font-size: 14px;
	color: purple;
}

#basketStats {
	font-size: 11px;
}



/* This is the default font for the entire page body */
.mainpage {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#6e4d00;
}

/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}


/* Header is a large separating bar used for "What's New" and 
'Product of the Day'. It uses the Highlight Box (Order Box) Title Bar
colors. */
.header {
	FONT-SIZE: 14px;
	font-weight : bolder;
	background-color: gray;
	color: white; 
}

/* Highlight and Input Form box title bars. */
.BoxTitle {
	FONT-SIZE: 16px;  
	font-weight: bold;
}
/* Used primarily in Highlight boxes. */
.BoxText {
	FONT-SIZE: 13px;  
}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 12px;
	font-weight: bold;
	color : Maroon;
}

/* Used for listing and detail page navigation links like the 'Sort by' links
on listing pages and 'next | back' links at the bottom of detail pages.*/
.section_footer {
	font-size: 11px;
	color : Maroon;
}
A.section_footer {
	text-decoration : none;
}

.caution {
	COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: 700
}




/*** CATEGORY & PAGES ****************************************/

/* Page Title - only 1 title per page: category, feature, page, product */
 H1 {
	FONT-SIZE: 22px; 
	color:#6e4d00; 
	line-height:30px;
	margin-bottom:6px;
}

H2 { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px;
}

H3 {
	PADDING: 0px; 
	MARGIN: 0px;  
	FONT-SIZE: 14px;
	font-weight:bold;
}
H4 {
	DISPLAY: block; 
	MARGIN: 0px;  
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 3px; 
}
H5 {
	Display: block; 
	Margin:0px; 
	Padding:0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
}


.cat_text_large {
}
.cat_text_featured {
	font-size: 14px;
}
.cat_text_small {
	font-size: 13px;
}
.cat_text_list {
	font-size: 12px;
}
.review_title {
	font-size: 14px;
	font-weight: bold;
	color: #666699;
}


/*** FEATURE DETAIL ****************************************/
.FeatureTeaser {
	font-size : 16px;
}
.FeatureByline {
	font-size : 12px;
	font-style : italic;
}
.Feature_Type {
	font-size : 9px;
	color : #FF3300;
}

/*** PRODUCT DETAIL ****************************************/
/* Style for Product SKU, number in stock, etc. */
.prodSKU {
	font-size : 11px;
	color : #666666;
}

/* Product price line */
.prodprice {
	font-size : 11px;
}

/* Product price emphasized words: 'Our Price' */
.prodprice2 {
	font-size : 12px;
	font-weight: bold;
	color: maroon;
}

/* Amount saved from retail price */
.prodsavings {
	font-size : 12px;
	color: maroon;
	font-style: italic;
}

/* Discounted price amount */
.proddiscounted {
	font-size : 12px;
	font-weight: bold;
	color : maroon;
}

/* Product discount line */
.proddisc {
	font-size : 12px;
	color : maroon;
}

/* Product error messages */
.proderror {
	font-size : 12px;
	color: red;
}

/* Small image on catalog pages. */
.listingimg {
	margin-right : 5px;
}


/* Medium image on product detail page. */
.medium_img {
	margin-right : 10px;
}

/* 'More Image' gallery on product detail page. */
.gallery_img {
	border-style : solid;
	border-color : Silver;
	margin-right : 3px;
	border-width : 1px;
}
/* 'More Image' gallery detail caption. */
.photocaption {
	COLOR: white; FONT-SIZE: 11px; 
}

/*** POPUP IMAGE STYLES *************************************/
#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid gray;
	}
#dragbar{
	cursor: hand;
	cursor: pointer;
	background-color: #EFEFEF;
	min-width: 100px; /*NS6 style to overcome bug*/
	}
#dragbar #closetext{
	font-size: 11px;
	margin-right: 2px;
	}
#detailimg{
	cursor: hand;
	cursor: pointer;
	}
#detailarea{
	width: 100%; 
	background-color: White;
	}
#caption{
	background-color: white;
	font-size: 12px;
	padding: 2px;
	}


/*** WISH LIST DETAIL *************************************/

/* The delete and update buttons for Wish List product listings */
.WishButton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}


/*** SHOPPING CART ****************************************/
/* Product name, prices, etc. */
.carttext {
	font-size : 11px;
}
/* Sku and options listed under product name*/
.smallcarttext {
	font-size : 10px;
}
/* errors listed under product name*/
.smallcarterror {
	font-size : 11px;
	color : Red;
}


/*** INPUT FORMS ******************************************/
/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 14px;
	font-weight : bold;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 12px;
	color : Red;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 10px;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 12px;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 10px; 
}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 9px;
	COLOR: gray;
}

.formfield {
	BACKGROUND-COLOR: #fbfbfb;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #003163;
	FONT-SIZE: 12px;
}
.formfieldselect {
	FONT-SIZE: 12px;
	COLOR: #003163;
}
/* The form fields for the login box have width set as well */
.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 120px;
}

.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
}

/* HTML form submit buttons */
.formbutton {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #f4f6e8;
	background: url(../images/pageelements/button-bg.jpg) center bottom; 
	padding:2px 8px 3px 8px;
}
A.formbutton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #dddddd;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.formbutton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: white;
	BACKGROUND-COLOR: #666666;
	TEXT-DECORATION: none;
}

/* Used to set margins on a form tag */
form.margins {
	margin: 10px; 
	padding: 0px;
}
form.nomargins {
	margin: 0px; 
	padding: 0px;
}


/* Simple Search Field */
#searchbox {
}
#searchbox .formfield {
	width: 130px;
	FONT-SIZE: 11px;
}

/*** LISTING RECORDS ******************************************/
/* Query Description line */
.ResultHead {
	FONT-SIZE: 16px;
}

/* Result table title row */
.listingHead {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
}
/* Result table smaller font */
.ListingSmall {
	font-size:	10px;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 14px; ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 12px; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 12px; 
}
.listingsubtext {
	FONT-SIZE: 11px;  
}
/* For Feature listings author line */
.listingtagline {
	FONT-SIZE: 10px; 
}
/* For Event listings */
.listingdate {
	FONT-SIZE: 12px; 
}


/*** ALPHA MENU (SITEMAP) *************************************************/
A.alphaon:link {
	 FONT-SIZE: 13px; TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px; TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #F0F0F0;
}
A.alphaoff:link {
	 FONT-SIZE: 9px; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 9px;  TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 9px;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}


/*** MENUS ******************************************/
/* Breadcrumb Trail Menu */
/* The Breadcrumb Trail DIV and non-link text */
#menu_trail {
	font-size: 12px;
	text-decoration : none;
	COLOR: gray;
}
#menu_trail a {
	COLOR: gray;
}

/* Category Jump Menu - firs style form, then select box */
#categorySelect {
	text-align: right;
}
#categorySelect select {
	width: 140px;
	FONT-SIZE: 11px;
	color: purple;
}
.menu_page {
	font-size: 12px;
	COLOR: gray;	
	clear: left;
}
a.menu_page
{
	font-size: 12px;
}

.menu_page2 {
	font-size: 10px;
	COLOR: #808080;
}
a.menu_page2
{
	font-size: 10px;
	COLOR: #808080;
}

.menu_page_title {
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}


.menu_trail {
	font-size: 12px;
	text-decoration : none;
	COLOR: #808080;
}
a.menu_trail
{
	font-size: 12px;

}

/* Page Footer Menu */
.menu_footer {
	font-size: 10px;
	color : Gray;
}
.menu_footer A {
	font-size: 10px;
	color : Gray;
}
	
/* Copyright Notice DIV */
#copyright {
	font-size: 10px;
	color : Gray;	
} 
#copyright a {
	color : Gray;
}

/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 17px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}


/* Admin Menu Links */
.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}




/* ---------- Styles for Tracking Page --------------------- */

th.track {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
	background-color : #B6B6B6;
}

td.trackbold {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
}

td.track {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
}

td.track0 {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
	background-color : #F0F0F0;
}

td.track1 {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
	background-color : #FFFFFF;
}


/* ---------- Styles for Gift Registry Printing --------------------- */
.printregistry {
	border: 2px solid #000000;
	FONT-SIZE: 14px;
	font-family : Arial, Helvetica, sans-serif;
}