/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Shopping Tree Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Shopping Tree.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@ShoppingTree.com
'**************************************************************************/

/* General Tag specifications */
BODY, B, TD, P     {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt}

BODY {background-image:url(../assets/mainBack.gif); background-position:center; background-repeat:repeat-y;}


/* ADDED BY CHUCK //////////////////////////////////////////////////////////*/
HTML {
	overflow:-moz-scrollbars-vertical;
}

/* BUTTONS */
.goBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/miniButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 36px; height: 16px;margin: 0; padding: 0; color: #FFFFFF;}
.goBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 36px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.goBtn img{width: 36px; height: 16px; border: 0}
.goBtn a:hover{visibility:visible}
.goBtn a:hover img{visibility:hidden}
.goBtn span{position: absolute; left: 11px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.addBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/addButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 84px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.addBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 84px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.addBtn img{width: 84px; height: 16px; border: 0}
.addBtn a:hover{visibility:visible}
.addBtn a:hover img{visibility:hidden}
.addBtn span{position: absolute; left: 8px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.deleteBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/deleteOver.gif) no-repeat; white-space: nowrap; display: block; width: 42px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.deleteBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 42px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.deleteBtn img{width: 42px; height: 16px; border: 0}
.deleteBtn a:hover{visibility:visible}
.deleteBtn a:hover img{visibility:hidden}
.deleteBtn span{position: absolute; left: 4px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.updateBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/updateButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 77px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.updateBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 77px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.updateBtn img{width: 77px; height: 16px; border: 0}
.updateBtn a:hover{visibility:visible}
.updateBtn a:hover img{visibility:hidden}
.updateBtn span{position: absolute; left: 17px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.cancelBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/updateButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 77px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.cancelBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 77px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.cancelBtn img{width: 77px; height: 16px; border: 0}
.cancelBtn a:hover{visibility:visible}
.cancelBtn a:hover img{visibility:hidden}
.cancelBtn span{position: absolute; left: 19px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.loginBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/updateButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 77px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.loginBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 77px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.loginBtn img{width: 77px; height: 16px; border: 0}
.loginBtn a:hover{visibility:visible}
.loginBtn a:hover img{visibility:hidden}
.loginBtn span{position: absolute; left: 19px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.saveBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/saveButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 77px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.saveBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 77px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.saveBtn img{width: 77px; height: 16px; border: 0}
.saveBtn a:hover{visibility:visible}
.saveBtn a:hover img{visibility:hidden}
.saveBtn span{position: absolute; left: 23px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.continueBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/continueShoppingButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 131px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.continueBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 131px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.continueBtn img{width: 131px; height: 16px; border: 0}
.continueBtn a:hover{visibility:visible}
.continueBtn a:hover img{visibility:hidden}
.continueBtn span{position:absolute; left: 12px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.checkoutBtn{position: relative; background: url(../assets/chcekoutOver.gif) no-repeat; white-space: nowrap; display: block; width: 131px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.checkoutBtn a{display: block; color: #857156; font-weight:bold; width: 131px; height: 16px; display: block; float: left;  text-decoration: none;}
.checkoutBtn img{width: 131px; height: 16px; border: 0}
.checkoutBtn a:hover{visibility:visible; color: #FFFFFF; font-weight:bold; text-decoration: none;}
.checkoutBtn a:hover img{visibility:hidden}
.checkoutBtn span{position: absolute; left: 38px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; font-size: 10px;}

.newCustBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/newCustomerButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 100px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.newCustBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 100px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.newCustBtn img{width: 100px; height: 16px; border: 0}
.newCustBtn a:hover{visibility:visible}
.newCustBtn a:hover img{visibility:hidden}
.newCustBtn span{position:absolute; left: 10px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}

.viewBtn{position: relative; FONT-FAMILY: Verdana, Arial, Helvetica; background: url(../assets/saveButtonOver.gif) no-repeat; white-space: nowrap; display: block; width: 77px; height: 16px; margin: 0; padding: 0; color: #FFFFFF;}
.viewBtn a{display: block; color: #FFFFFF; font-size: 9px; width: 77px; height: 16px; display: block; float: left; color: black; text-decoration: none;}
.viewBtn img{width: 77px; height: 16px; border: 0}
.viewBtn a:hover{visibility:visible}
.viewBtn a:hover img{visibility:hidden}
.viewBtn span{position: absolute; left: 24px; top: 2px; margin: 0px; padding: 0px; cursor: pointer; color: #FFFFFF; font-weight:100;}
/**/

/* FIELDS */
.fieldNoWidth{border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.fields{width:134px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.qtyfields{width:30px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.discountFields{width:86px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.loginFields{width:181px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.addressForFields{width:210px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.theSortFields{width:110px; border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
.thePageFields{border-style:solid; border-width:1px; border-color:#84683f; font-size:9px;}
/**/

.headerTop{height:75px; background-image:url(../assets/checkBack.gif); background-repeat:repeat-x; background-position:bottom;}
.headerMiddle{height:52px; background-image:url(../assets/yellowBack.gif); background-repeat:repeat-x;}
.headerBottom{height:40px; background-image:url(../assets/checkBack.gif); background-repeat:repeat-x; background-position:top;}

.folderBack{ background-image:url(../assets/folderBack.gif); background-repeat:repeat-y;}
.fridgeBack{ background-image:url(../assets/fridgeBack.gif); background-repeat:repeat-y;}

.boilerPlate{}

.featuredImage{border-style:solid; border-width:1px; border-color:#5b3e1c; margin:12px;}
.storeBackground{background-image:url(../assets/storeBackground.gif); background-repeat:repeat-y; background-position:center;}
.aboutBackground{background-image:url(../assets/aboutBack.gif); background-repeat:repeat-y; background-position:left;}
.homeBack{background-image:url(../assets/homeBack.gif); background-repeat:repeat-y; background-position:center;}
.contactFormBack{background-image:url(../assets/contactFormBack.gif); background-repeat:repeat-y; background-position:center;}
.contactAddressBack{background-image:url(../assets/contactBackground.gif); background-repeat:repeat-y; background-position:center;}
.menuBackground{background-image:url(../assets/menuBack.gif); background-repeat:repeat-y; background-position:center;}
.ovalMenuBack{background-image:url(../assets/menuOvalBack.gif); background-repeat:repeat-y; background-position:center;}
.policyBack{background-image:url(../assets/policyBack.gif); background-repeat:repeat-y; background-position:center;}

/* BUTTONS */
.copyright {COLOR: #84683f; FONT-SIZE: 9px; TEXT-DECORATION: none;}
.copyright A:link    {COLOR: #84683f; FONT-SIZE: 9px; TEXT-DECORATION: none}
.copyright A:visited {COLOR: #84683f; FONT-SIZE: 9px; TEXT-DECORATION: none}
.copyright A:hover   {COLOR: #b0100a; FONT-SIZE: 9px; TEXT-DECORATION: underline}

.CPbox2C           {BACKGROUND-COLOR: #f6e6bd;}
.CPbox2C A:link    {COLOR: #83673e; FONT-SIZE: 10px; TEXT-DECORATION: none; }
.CPbox2C A:visited {COLOR: #83673e; FONT-SIZE: 10px; TEXT-DECORATION: none; }
.CPbox2C A:hover   {COLOR: #b0100a; FONT-SIZE: 10px; TEXT-DECORATION: underline; }

.miniCheck {background-image:url(../assets/miniCheck.gif); background-repeat:repeat-x;}


a:link 			{color: #b0100a; FONT-SIZE: 10px; text-decoration: none;}
a:visited 		{color: #b0100a; FONT-SIZE: 10px; text-decoration: none;}
a:hover 		{color: #b0100a; FONT-SIZE: 10px; text-decoration: underline;}

.darkFridge	 {background-image:url(../assets/fridge/bkDark.gif); background-repeat:repeat-y;}	
.grayText    {color: #969696; FONT-SIZE: 10px;}
.tanText	{color: #977e5b; FONT-SIZE: 10px;}
.redText	{color: #b0100a;}
.brownText  {color: #4a301e; FONT-SIZE: 10px;}
.redMenuText{color: #b0100a; FONT-SIZE: 10px;}


	#bakeryBucket  {
		background-image:url(../assets/bakeryAndCafeBucket.gif); 
		background-repeat:no-repeat; 
		padding:50px 10px 15px 10px;
	}
	.backeryButtons{
		float:left;
		padding:0 0 0 14px;
	}
	
	#bakeryBucket .backeryButtons a{
		display:block;
		margin:0 auto;
		width:132px;
		height:16px;
		padding:2px 0 0 0;
		color:#83673e;
		text-align:center;
		background-image:url(../assets/orderButton1.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		margin-bottom:6px;
	}
	#bakeryBucket .backeryButtons a:hover{
		color:#fff;
		text-decoration:none;
		background-image:url(../assets/orderButton2.gif);
		background-repeat:no-repeat;
	}
	#monthBackground{
		background-image:url(../assets/cakeOfTheMonthBackground.gif); 
		background-repeat:no-repeat; 
		background-position: 0 0; 
		width:352px; 
		height:210px;
	}
	
	.hoursBox           {BACKGROUND-COLOR: #e3c886;}
	
	.hourText1 {
		color:#4a301e;
		font-size:12px;
		font-weight:normal;
	}
	
	.hourText2{
		color:#726047;
		font-size:10px;
		font-weight:normal;
	}

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


/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3;}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {BACKGROUND-COLOR: #f6e6bd;}
.CPbox2B A:link    {COLOR: #83673e; FONT-SIZE: 9px; TEXT-DECORATION: none; font-weight:BOLD;}
.CPbox2B A:visited {COLOR: #83673e; FONT-SIZE: 9px; TEXT-DECORATION: none; font-weight:BOLD;}
.CPbox2B A:hover   {COLOR: #b0100a; FONT-SIZE: 9px; TEXT-DECORATION: underline; font-weight:BOLD;}


/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 11px; color:#b0100a; font-weight:bold;}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 14px; color:#4a301e;}

/* Product Long Description */
.CPprodDescLong {FONT-SIZE: 9px; }

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-WEIGHT: bold; color: #b0100a; FONT-SIZE: 10px;}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 11px;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 11px;}
.CPsysMsgURL {FONT-SIZE: 11px}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 10px; color: #83673e; font-weight:bold;}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-WEIGHT: bold; color: #b0100a; FONT-SIZE: 10px}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}

.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}