body {
	background-color: #FFF;
	margin: 50px auto 0 auto;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #666;
	line-height: 18px;
}
img {border: none; padding: 0; margin: 0;}
	img.left {margin-top: 3px; margin-right: 10px;}
	img.right {margin-left: 10px;}

a {color: #666; text-decoration: none;}
a:hover, a.active {color: #C00; text-decoration: underline;}
a.nounderline:hover  {text-decoration: none;}
a.linkpdf {background-image: url('../_images/icon-pdf.gif'); background-repeat: no-repeat; background-position: left center; padding: 2px 0 2px 25px; margin: 0;}
a.linktop {background-image: url('../_images/icon_arrow_blue_top.gif'); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 18px; margin: 0;}
a.arrowtext {background-image: url('../_images/icon_arrow_text.gif'); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 10px; margin: 0 0 0 50px;}
a.bullet {background-image: url('../_images/icon_bullet.gif'); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 10px; margin: 0 0 0 10px;}

p, ul, ol {
	font-family: Arial, Verdana;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 18px;
}
td {vertical-align: top;}

hr {
	clear: both;
	color: #FFF;
	border: none;
	border-top: 1px dotted #999;
	padding-bottom: 15px;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

h1 {
	font-family: "Georgia","Serif","Arial","Verdana";
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 15px;
	color: #91B00F;
}
h1.indent {padding-left: 8px;}

#areaLeftBar {width: 1076px; margin: 0 auto;}
	#areaLeftBar .facebook {position: absolute; float: left; margin-top: 104px;}

.sdContainer {
	width: 1024px;
	margin: 0 auto;
	background-image: URL("../_images/bg-containershadow.gif");
	background-repeat: repeat-y;
	background-position: center center;
}
.bdContainer {
	width: 998px;
	margin: auto;
	border: 1px solid #C7C7C7;
	border-top: none;
	border-bottom: none;
}
#areaContainer {
	width: 988px;
	border: 5px solid #F6F6F6;
	border-top: none;
	border-bottom: none;
}
#areaHeader {
	background-color: #EFEFEF;
	width: 988px;
	height: 74px;
}
.bigcake #areaHeader {
	background-image: URL("../_images/bg-header-bigcake.gif");
	background-position: left center;
	background-repeat: no-repeat;
}
	#areaHeader .logo {position: absolute; float: left;}

/*AREA MAINNAV & SUBNAV*/
.mainnav {
	font-family: "Georgia","Serif","Arial","Verdana";
	color: #FFF;
	font-size: 11px;
	height: 30px;
	font-weight: normal;
}
.mainnav a {
	color: #FFF;
	background-image: URL("../_images/bg-mainnav.gif");
	background-position: left center;
	background-color: #CCC;
	float: left;
	border-left: 1px solid #FFF;
	width: 161px;
	height: 24px;
	padding: 6px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-family: "Georgia","Serif","Arial","Verdana";
	font-size: 11px;
}

.mainnav a:hover, .mainnav a.actived {
	color: #000;
	text-decoration: none;
	background-image: URL("../_images/bg-mainnav-on.gif");
	background-color: #000;
}
.subNav  {
	font-family: "Georgia","Serif","Arial","Verdana";
	width: 808px;
	background-color: red;
	margin: 0 auto;
	position: absolute;
}
.subNav a { 
	display: block;	
	font-family: "Georgia","Serif","Arial","Verdana";
	font-size: 11px; 
	color: #666; 
	height: 21px;	
	padding: 3px 15px 2px 25px;
	margin: 0; 
	border: 1px solid #C9DA84; 
	border-top: none; 
	background-color: #E7EEC8; 
}
.subNav a:hover {color: #70383F; background-color: #FFF; text-decoration: none;}


/*AREA MAIN*/
#areaMain {
	background-image: URL("../_images/bg-areamain.gif");
	background-repeat: repeat-y;
}
.newproducts #areaMain {
	height:668px;
	background-image: URL("../_images/pic-page-home.jpg");
	background-repeat: no-repeat;
}
.newcake #areaMain {
	height:668px;
	background-image: URL("../_images/bg-newcake.jpg");
	background-repeat: no-repeat;
}
.catalog #areaMain {
	background-image: none;
	background-color: #FFF;
}

.bigcake #areaMain {
	background-image: none;
	background-color: #F6F6F6;
}


#areaKicker {
	float: left;
	width: 178px;
	_width: 175px;
	background-color: #F8F6EC;
}

#areaKicker ul.links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#areaKicker ul.links a {
	height: 23px;
	display: block;
	border-top: 1px solid #E7E6E0;
	background-color: #FFF;
	color: #666;
	padding: 4px 0 0 30px;
	text-decoration: none;
	font-size: 10px;
}
#areaKicker ul.links a:hover, #areaKicker ul.links a.actived {
	color: #F16E04;
	background-color: #DBF0FA;
	text-decoration: none;
}

#areaKicker .contentspace {
	padding: 3px 10px;
	margin: 0;
}

#areaBody {
	min-height: 650px;	_height: 650px;
	margin: 0 0 0 178px; _margin: 0 0 0 175px;
	background-color: #FFF;
}
#areaBody .banner {height: 169px; background-color: #F6F6F};
	.home #areaBody .banner {height:  309px;}
	.productindex #areaBody .banner {height: 290px;}
	.bigcake #areaBody .banner {height: 399px;}
#areaBody .contentnav {
	text-align: right;
	padding: 5px 0 10px 0;
	margin: 0;
}
#areaBody .contentspace {
	padding: 0 50px 50px 45px;
	margin: 0;
}
	.home #areaBody .contentspace {padding: 0 0 30px 0; margin: 0; clear: right;}
	.products #areaBody .contentspace {padding: 0 35px 80px 0px; margin: 0;}
		.indentLeftProduct {padding-left: 45px;} /* plus with padding of areaMain equal to be 45px} */
		.indentCenterProduct {padding: 30px 40px;} /* plus with padding of areaMain equal to be 45px} */


/* TOP NAV & FOOTER NAV */
#areaTopNav, 
	#areaFooter {
		width: 1024px;
		margin: 0 auto; 
		padding: 0 0 10px 0; 
		font-family: Arial, Verdana;
		font-size: 11px;
		color: #CCC;
		background-image: URL("../_images/bg-topnav.gif");
		background-repeat: no-repeat;
		background-position: center bottom;
}
	#areaTopNav .nav {text-align: right; padding-right: 10px;}
		#areaTopNav .nav a {color: #999; padding: 0 3px; text-decoration: none;}
		#areaTopNav .nav a:hover, #areaTopNav .nav a.actived {color: #C00; text-decoration: none;}

#areaFooter {
	padding: 20px 0 20px 0; 
	color: #666;
	background-image: URL("../_images/bg-footnav.gif");
	background-position: center top;
}
	#areaFooter .copy {padding-left: 18px;}
	#areaFooter .nav {float: right; padding-right: 15px;}
		#areaFooter .nav a {color: #666; padding: 0 3px; text-decoration: none;}
		#areaFooter .nav a:hover, #areaFooter .nav a.actived {color: #70383F; text-decoration: none;}

	#areaFooter .navIndex {float: right;}
		#areaFooter .navIndex a {
			margin: 0;
			padding: 0;
			font-size: 14px; 
			color: #451F1E; 
			font-weight:bold;
			text-decoration: none;
			/*9
			background-image:URL("../_images/icon-arrow-circle.jpg");
			background-position:right center;
			background-repeat:no-repeat;
			height: 100px;
			*/
		}
		#areaFooter .navIndex a:hover, #areaFooter .nav a.actived {color: #70383F; text-decoration: none;}

/*SLIDE PRODUCTS*/
* {margin: 0; padding: 0;}
img {border: none;}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 8px;
	width: 140px;
}
ul.thumb li {
	margin: 0; padding: 3px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 140px;
	height: 85px;
}
ul.thumb li img {
	width: 140px; height: 85px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover, ul.thumb li img.actived {
	background-image: URL("../_images/bg-slideproduct-thumb.gif");
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
}

/*TABLE STYLE*/
.tableHome {border-top: 1px solid #FFF;}
.tableHome th {
	background-image: URL("../_images/bg-tablehome-th.gif");
	background-position: left center;
	background-color: #CCC;
	border-bottom: 1px solid #FFF;
	height: 31px;
	_height: 30px; #height: 30px;
}
.tableHome th.borderleft {border-left: 1px solid #F7EFAF;}
.tableHome th.borderright {border-right: 1px solid #F7EFAF;}
.tableHome td {padding-bottom: 5px;}

.tableForm {}
.tableForm td {padding: 0 0 5px 0;}
.tableForm input, .tableForm select {width: 260px; color:#633; font-size: 11px; border: 1px solid #CCC; padding: 2px;}
.tableForm textarea {width: 460px; color:#633; font-size: 10px;}
.tableForm input.small {width: 80px;}
.tableForm input.middle {width: 175px;}
.tableForm input.button,  input.button {
	background-image: URL("../_images/bg-bt-submit.gif");
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	color: #333;
	font-size: 11px;
	background-color: #F1F1F1; 
	padding: 2px 0 3px 0;
	margin-top: 5px;
	width: 95px;
	text-align: center;
	cursor: pointer;
	height: 20px;
}
.tableForm input.errInput, .tableForm textarea.errInput {border: 2px solid #F60;}
.tableForm label {font-weight: bold;}
.tableForm optgroup {
	background-color: #CCC;
	color: #333;
	font-style: normal;
}
.tableForm input.error, .tableForm select.error {
	border: 1px solid #F60;
}

.tableForm optgroup option {
	background-color: #FFF;
	color: #000;
	padding-left: 10px;
}

.tableCake {}
.tableCake td {vertical-align: bottom; padding: 0 0 0 0; width: 25%;}
.tableCake td hr {margin: 10px 0 0 45px;}
.cakeimg {vertical-align: bottom;  text-align: left; height: 185px; }
	.cakeimgCatalog {vertical-align: bottom;  text-align: left; height: 185px; padding-bottom: 10px;}
.cakelabel {font-family: Arial, Verdana; font-size: 11px; font-weight: bold; color: #666; padding: 0; margin: 0;}


/*CUSTOM STYLE*/
.hdBrown, .hdGrey, .hdYellow, .hdBlue {
	height: 24px;
	padding: 6px 0 0 30px;
	color: #666;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 11px;
}
	.hdBrown {color: #FF6633; background-color: #E7E7E7;}
	.hdGrey {border-top: 1px solid #FFF;
		background-image: URL("../_images/bg-hdgrey.gif");
		background-position: left center;
		background-color: #E7E7E7;
	}
	.hdYellow {
		border-top: 1px solid #FFF;
		/* background-image: URL("../_images/bg-hdyellow.gif"); */
		background-position: left center;
		background-color: #DBF0FA;
	}
	.hdBlue {
		height: 25px;
		border-top: 1px solid #FFF;
		color: #FFF; 
		background-color: #88CDED;
	}



.colorRed {color: #C00;}
.colorWhite {color: #FFF;}
.indentLeft {padding-left: 8px;}
.indentTop {padding-top: 8px;}
.columntext {width: 28px; float: left; font-weight: bold;}
.borderTop {border-top: 1px solid #C9DA84; }
.borderGrey {border: 1px solid #CCC;}
.noborderhoriz {border-left: none; border-right: none;}
.georgia14 {font-size: 14px; font-family: Georgia;}

#areaMain.clearbg, #areaBody.clearbg {background-image: none; background-color: #EBEBEB;}
#homesmall {float: left;}

#newproducts {
	position:absolute;
	z-index:2;
	margin:0;
	padding:0;
}
#kicker{
	position:absolute;
	z-index:99;
	margin: 457px 0 0 50px;
	padding:0;
}

#kicker table td{
	margin:0;
	padding:5px 0 0 0;
	color:#cc0000;
	font-size:14px;
	font-family:"Arial";
	text-align:center;
}

#kicker .detail{
	margin:0;
	padding:0 10px 0 0;
	/*background:URL("../_images/icon-coner.jpg") no-repeat right center;*/
}

#homemain {float: right;}

/*UPDATED@27 MAY 2010 FOR BIG CAKE CATEGORY*/
#areaBigcake {
		background-image: URL("../_images/bg-bigcake.gif"); 
		background-position: left top;
		background-color: #EFEFEF;
		background-repeat: repeat-x;
		min-height: 248px;
		_height: 248px;
}
#areaBigcake table {padding-top: 25px; _margin-top: 25px; #margin-top: 25px; text-align: left;}
#areaBigcake img {border: 3px solid #CCC; margin-bottom: 5px;}
#areaBigcake a:hover{text-decoration: none;}
#areaBigcake a:hover img {border: 3px solid #F60;  text-decoration: none;}

#areaCandyland, #areaFantasyland, #areaWonderland {
		background-image: URL("../_images/img-bg-candyland.jpg"); 
		background-position: left top;
		background-repeat: no-repeat;
		width: 988px;
		height: 647px;
}
	#areaCandyland .contentspace, #areaFantasyland .contentspace, #areaWonderland .contentspace {padding: 65px 0 0 715px;}
	#areaFantasyland {background-image: URL("../_images/img-bg-fantasyland.jpg"); }
	#areaWonderland {background-image: URL("../_images/img-bg-wonderland.jpg"); }

#bgPlain {min-height: 590px; _height: 590px; background-color: #F6F6F6; padding-right: 20px;}
#bgPlain .contentnav {
	text-align: right;
	padding: 10px 20px 10px 0;
	margin: 0;
}

#moving .movingTop {
	background-color: #EFEFEF;
	background-image: URL("../_images/moving-text.gif");
	background-position: right top;
	background-repeat: no-repeat;
}
#moving .movingBottom {
	background-color: #F6F6F6;
	background-image: URL("../_images/moving-background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 646px;
}
#moving .movingSticker {
	position: relative;
	left: 624px;
	top: 225px;
	width: 341px;
	height: 341px;
}