.boxImg_off {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.boxImg_on {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.gradualshine{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}

.textgrey {
	font-family:		arial;
	font-size:		11px;
	color:			#999999;
	font-weight:		normal;
	text-decoration:	none;
}

.tableheader {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		bold;
	text-decoration:	none;
}
.tablecell {
	font-family:		arial;
	font-size:		11px;
	color:			#656565;
	font-weight:		normal;
	text-decoration:	none;
}

#iOrderTotal {
	font-family:		arial;
	font-size:		12px;
	color:			#9F4459;
	font-weight:		bold;
	text-decoration:	none;

	padding:		0px 0px 5px 0px;
	margin:			0px 0px 5px 0px;
	display:		inline;
}
.loading {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		bold;
	text-decoration:	none;
}

.chocolate_name {
	font-family:		Tahoma;
	font-size:		11px;
	color:			#666666;
	font-weight:		bold;
	text-decoration:	none;
}


#oTrays {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	none;
}

div#oBoxFullMsg a{
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	underline;
	text-align:		center;
}


#navlist {
	padding-left: 		0px;
	margin-left: 		0px;
	margin-top:		0px;
	margin-bottom:		0px;

}

#navlist li {
	list-style: 		none;
	margin: 		0px;
	padding: 		0px;
}


#oOrderExtraItems {
	padding-left: 		0px;
	margin-left: 		0px;
	margin-top:		0px;

}

#oOrderExtraItems li {
	list-style: 		none;
	margin: 		0px 0px 2px 0px;
	padding: 		0px 0px 2px 0px;
	border-bottom:		1px solid #CEB895;
}

#oOrderExtraItems li div {
	font-family:		arial;
	font-size:		11px;
	color:			#555555;
	font-weight:		normal;
	text-decoration:	none;
	text-align:		left;
}


#oOrderExtraItems_SummaryContainer {
	display:		block;
	margin:			0px 0px 0px 0px;
	height:			110px;

	font-family: 		arial;
	font-size:		11px;
	font-weight:		normal;
	color:			#555555;
	text-align:		center;
	text-decoration:	none;

}
#oOrderExtraItems_Summary_ul {
	padding-left: 		0px;
	margin-left: 		0px;
	margin-top:		0px;

}

#oOrderExtraItems_Summary_ul li {
	list-style: 		none;
	margin: 		0px 0px 2px 0px;
	padding: 		0px 0px 2px 0px;
}

.BoxText_OutOfStock {
	font-family:		arial;
	font-size:		11px;
	color:			#DADADA;
	font-weight:		normal;
	text-decoration:	none;
}
.BoxText {
	font-family:		arial;
	font-size:		11px;
	color:			#656565;
	font-weight:		normal;
	text-decoration:	none;
}
.BoxText_on {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		bold;
	text-decoration:	none;
}
.Prefilled_Selected {
	border-top:		0px solid #AA8280;
	border-right:		0px solid #AA8280;
	border-left:		0px solid #AA8280;
	border-bottom:		0px solid #D4C1BD;
}


div#brown_selection_bar {
	width:			560px;
	background-color:	#EEE6D9;
	padding:		0px 0px 0px 0px;
}

div#brown_selection_bar_choc_filter {
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#EEE6D9;
}
div#brown_selection_bar_chocolatier_selection {
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#EEE6D9;
	display:		none;
}
div#brown_selection_bar_finishing_touches {
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#EEE6D9;
	display:		none;
}
div#brown_selection_bar_alphabet_truffles {
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#FFFFFF;
	display:		none;
}
div#oAlphabetTrufflesContainer {
	width:			560px;
	border-top:		0px solid #53342F;
	background-color:	#FFFFFF;
	display:		none;
	padding-top:		10px;
}
div#oPrefilledTrufflesContainer
{
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#FFFFFF;
	display:		none;
	padding-top:		4px;
}
div#brown_selection_bar_content_selection {
	width:			560px;
	border-top:		1px solid #53342F;
	background-color:	#EEE6D9;
	display:		none;
}


div#category_description {
	width:			550px;
	text-align:		left;
	background-color:	#FFFFFF;
	padding:		10px 0px 5px 10px;

	font-family:		arial;
	font-size:		11px;
	color:			#623201;
	font-weight:		bold;
	text-decoration:	none;
}


div#chocolate_selection_grid {
	text-align:		left;
	background-color:	#FFFFFF;
	padding:		10px 0px 5px 0px;

	font-family:		arial;
	font-size:		11px;
	color:			#623201;
	font-weight:		bold;
	text-decoration:	none;
}

div#finishingTouches_selection_grid {
	text-align:		left;
	background-color:	#FFFFFF;
	padding:		10px 0px 5px 0px;

	font-family:		arial;
	font-size:		11px;
	color:			#623201;
	font-weight:		bold;
	text-decoration:	none;
}

div#oAlphabetTruffles_SelectionGrid {
	text-align:		left;
	background-color:	#FFFFFF;
	padding:		10px 0px 5px 0px;

	font-family:		arial;
	font-size:		11px;
	color:			#623201;
	font-weight:		bold;
	text-decoration:	none;
}

.smalltext {
	font-family:		arial;
	font-size:		10px;
	color:			#656565;
	font-weight:		normal;
	text-decoration:	none;
}

.brown {
	color:			#623201;
}

.mediumtext {
	font-family:		arial;
	font-size:		12px;
	color:			#656565;
	font-weight:		normal;
	text-decoration:	none;
}





.link {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	none;
}
.link:hover {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	underline;
}

.smalllink {
	font-family:		arial;
	font-size:		10px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	none;
}
.smalllink:hover {
	font-family:		arial;
	font-size:		10px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	underline;
}

.amendlink {
	font-family:		arial;
	font-size:		11px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	underline;
}
.amendlink:hover {
	font-family:		arial;
	font-size:		11px;
	color:			#000000;
	font-weight:		normal;
	text-decoration:	underline;
}


.tray_on {
	font-family:		arial;
	font-size:		10px;
	color:			#623202;
	font-weight:		normal;
	text-decoration:	underline;
	margin:			0px 5px 0px 0px;
}

.tray_off {
	font-family:		arial;
	font-size:		10px;
	color:			#999999;
	font-weight:		normal;
	text-decoration:	none;
	margin:			0px 5px 0px 0px;
}

.tray_off:hover {
	font-family:		arial;
	font-size:		10px;
	color:			#999999;
	font-weight:		normal;
	text-decoration:	underline;
	margin:			0px 5px 0px 0px;
}



div#oInfo {
	border:			3px solid #593328;
}

.popup_message_box {
	border:			3px solid #593328;
}

.chocolate_detail_header {
	font-family:		font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
	font-size:		14px;
	color:			#666666;
	font-weight:		bold;
}

.chocolate_detail_description {
	font-family:		font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
	font-size:		11px;
	color:			#666666;
	font-weight:		normal;

}


.static_tabs  {
	text-align:		right;
}
.static_tabs a {
	font-family:		arial;
	font-size:		10px;
	color:			#000000;
	font-weight:		normal;
	text-decoration:	none;
}

.static_tabs a:hover {
	font-family:		arial;
	font-size:		10px;
	color:			#000000;
	font-weight:		normal;
	text-decoration:	underline;
}
.prefilled_text {
	font-family:		arial;
	font-size:		12px;
	color:			#BB9B6A;
	font-weight:		bold;
	text-decoration:	none;
}
.serverySearchBox 				{ width: 158px; text-align: left; margin-bottom: 0px; font-family: Arial; height:11px; font-size: 11px; color: #270001; font-weight: bold; border-style: solid; border-width: 1px; border-color: #3A0208 #FFFFFF #FFFFFF #3A0208; text-transform: none; padding: 0px 0px 2px 7px;}

/* 2009-05-4917: Additions for new Alphabet Truffle pages */
.AT_PlaceHolder_TD	{width:57px; height:57px; text-align:center; vertical-align:top; padding-right:1px; padding-bottom:1px;}
.AT_PlaceHolder_Div	{background-image: url(/PUBLIC/IMAGES/SERVERY/alphabet/truffles/AW_Alphabet_[SPACE].jpg); width:57px; height:46px; background-repeat: no-repeat; background-position: left top; padding-top:11px;}
.AT_PlaceHolder_TextBox	{width:20px; height:30px; border:solid 1pt #F6E7AE; font:normal 29px arial; color:black; background-color:#F6E7AE;}
.AT_FT_MessageText	{font-family: arial; font-size:	11px; color: #623202; font-weight: normal; text-decoration: none;}
.AT_BoxLinkText_On	{font-family: arial; font-size: 12px; color: #593328; font-weight: bold; text-decoration: none;}
.AT_BoxLinkText_Off	{font-family: arial; font-size: 12px; color: #593328; font-weight: normal; text-decoration: none;}
.btn_Generic		{padding: 3px 20px; font-family: "century gothic", "Helvetica", "Arial"; font-size: 16px; color:#FFFFFF; background-color:#593328; text-align:center; border:none; cursor:pointer; cursor:hand; margin:0px 0px 0px 0px; vertical-align:middle;}
.btn_AT_BuyMe		{ }
.test1	{cursor:pointer;background-color:#CDDFD0;margin-top:5px;margin-left:3px;width:130px; height: 28px; border: solid 1px #663333; font-family: arial; font-weight: bold; font-size: 12px; color: #663333;}
.AT_BoxGrid_44		{background-image: url(/PUBLIC/IMAGES/SERVERY/ALPHABET/AT_BoxGrid_44.jpg); background-repeat: no-repeat; background-position: left top;}
.AT_BoxGrid_33		{background-image: url(/PUBLIC/IMAGES/SERVERY/ALPHABET/AT_BoxGrid_33.jpg); background-repeat: no-repeat; background-position: left top;}

.AT_FT_FontFamily1	{font-family: "century gothic", "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:14px}
.AT_FT_FontFamily2	{font-family: "century gothic","Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:14px}
.AT_FT_BtnFontColor	{color:#774268}
.AT_FT_TxtFontColor1	{color:#666666}
.AT_FT_TxtFontColor2	{color:#666666}
.AT_FT_TxtFontColor3	{color:#774268}

.Page_Container 	{margin: 0 auto; width:915px; text-align:left; background:transparent;}

.Servery_Divider	{background-color:#774268}

.Servery_Tray16_Div	{background-image: url(/PUBLIC/IMAGES/SERVERY/Back_Flat_16.jpg); background-repeat: no-repeat; background-position: left top;}
.Servery_Tray8_Div	{background-image: url(/PUBLIC/IMAGES/SERVERY/Back_Flat_8.jpg); background-repeat: no-repeat; background-position: left top;}




.Servery_btnTrayOn	{width:70px; line-height:20px; font-family: "century gothic", "Helvetica", "Arial"; font-size: 16px; font-weight: bold; color:#FFFFFF; background-color:#593328; text-align:center; border:none; cursor:pointer; cursor:hand; margin:0px 0px 0px 0px; vertical-align:middle;}
.Servery_btnTrayOff	{width:70px; line-height:20px; font-family: "century gothic", "Helvetica", "Arial"; font-size: 16px; font-weight: normal; color:#FFFFFF; background-color:#D4CCCC; text-align:center; border:none; cursor:pointer; cursor:hand; margin:0px 0px 0px 0px; vertical-align:middle;}

/* draggable chocs need to be level */
#draggable2, #draggable8, #draggable14, #draggable20 { width: 70px; text-align:center; }
#draggable1, #draggable3, #draggable7, #draggable9, #draggable13, #draggable15, #draggable19, #draggable21	{ width: 70px; text-align:center; }

#draggable5, #draggable11, #draggable17, #draggable23  		{ width: 65px; text-align:left; padding-left:13px;}
#draggable4, #draggable6, #draggable10, #draggable12, #draggable16, #draggable18, #draggable22, #draggable24	{ width: 70px; text-align:center;}

.Servery_TxtFontColor1	{color:#666666}
.Servery_TxtFontColor2	{color:#666666}
.Servery_FontFamily1	{font-family: "century gothic", "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:16px}
.Servery_FontFamily2	{font-family: "century gothic", "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:14px}
.Servery_FontFamily3	{font-family: "century gothic", "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:10px}
.Servery_UnderlineText	{text-decoration: undeRline;}

.Servery_TrayRow	{float:left; width:286px; text-align:left;}
.Servery_ChocsSoFar	{font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 12px; color:#FFFFFF;}
.Servery_ChocsList	{font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 11px; color:#FFFFFF;}
.Servery_ChocsList	a {font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 11px; color:#FFFFFF;}

.Servery_btnBuyMe	{padding:15px; font-weight: bold;}
.Servery_TextBox	{font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 13px; color: #666666; background: #FFFFFF; border-style: solid; border-width: 1px; border-color: #666666 #666666 #666666 #666666; padding: 1px 1px 1px 3px; height: 40px; width: 220px;}

.Servery_Link		{color:#666666; text-decoration: underline;}
.Servery_Link	a	{color:#666666; text-decoration: underline;}


/* Start - Server changes - 2010-07-5878 */

.Servery_Tray12_Div	{background-image: url(/PUBLIC/IMAGES/SERVERY/Back_Flat_12.jpg); background-repeat: no-repeat; background-position: left top;}

.image-scale { float: left; width: 75px; }
.image-move { float: left; width: 150px; }
.image-rotate { float: left; width: 75px; }

.image-size-warning { 
	position: absolute; 
	z-index: 2000; 
	background-color:#6B8F25; 
	color: #FFFFFF;
	min-width:500px; 
	min-height: 50px; 
	display: none;
	padding: 15px; 
}

.image-size-warning .continueBtn,
.image-size-warning .cancelBtn {
	float:left;
	width:50%;
	text-align:center;
	margin-top: 20px;
}

.image-size-warning .continueBtn .btn_Generic { width: 120px; }
.image-size-warning .cancelBtn .btn_Generic { width: 160px; }

.progress-spinner { 
	position: absolute; 
	z-index: 2000; 
	background-color:#FFFFFF; 
	color: #6B8F25;
	min-width:200px; 
	min-height: 10px; 
	display: none;
	padding: 50px;
	text-align:center; 
	border: 10px solid #6B8F25;
}

.box_colours {
	margin:5px;
	border: solid 1px #cccccc;	
	cursor: pointer;
}

.designown-image {
	height: 94px;
	width: 145px;
	padding-bottom: 10px;
}

.btnChooseBox_container input {
	margin-bottom: 10px;	
}

#btnFavouriteFill_NoAlert { 
	display: none;
}

.filter-title {
	float: left;
	width: 100px;	
}

.choclist-label { margin: 10px 0; }
.image-upload input { padding: 3px 10px; }

#oTopContainer { font-family: "century gothic", "Helvetica", "Arial"; font-size:16px; color: #666666;}
#oTopContainer .filter-title { font-weight: bold; }
#oToprightContainer .AT_FT_FontFamily2 { font-family: "century gothic", "Helvetica", "Arial"; font-size:14px; color: #666666; }
#oMiddleMainContainer { margin-top:20px; }
#oMiddleMainContainer .middle-title { font-family: "century gothic", "Helvetica", "Arial"; font-size:16px; color: #666666; font-weight:bold; padding: 0 30px; }
#oFiltersContainer { width: 375px; }

#oBottomRightContainer {
	width: 300px;
	padding: 0 60px 20px 0px;	
}

#oBottomRightContainer .Servery_btnBuyMe {
	font-family: "century gothic", "Helvetica", "Arial";
	font-size: 22px;
}


#oMiddleTrayContainer .AT_FT_FontFamily1 {
	font-family: "century gothic", "Helvetica", "Arial";
	font-size: 16px;	
}

/* End - Server changes - 2010-07-5878 */