html
{	
	width: 100%;	
	height: 100%;
}

body
{	
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial;
	
	font-size: 12px;
	
	width: 100%;	
	height: 100%;
	
	background: #f7f1f1 url(../gfx/site-bg.gif) 0 0 repeat-x;
}

body.no-bg
{
	background: #fff;
	/*background-image: none;*/
	background: url(../gfx/full_bg.jpg) center top no-repeat;
}
#main-flash
{
	width: 970px;	
	height: 530px;
	display: block;
	margin: 0 auto;	
}

#site
{
	width: 836px;
	background: #fff;
	
	margin: 0 auto;
	height: 100%;
}


#content
{
	
	width: 836px;
	background: #fff;
	float: left;	
}

#submenu
{
	margin: 0; padding: 18px; width: 800px; float: left; clear: both; width: 750px;
}

#submenu ul
{
	margin: 0; padding: 0; list-style: none; font-size: 12px;
}

#submenu li
{
	margin: 0; padding: 4px 6px;  display: block; line-height: 16px; float: left;
}


#submenu a
{
	color: #c7043d;
	text-decoration: none;
	
	padding: 2px 2px 0 2px;
	float: left;
	display: block;
}

#submenu a:hover
{
	color: #de4d77;
	text-decoration: underline;
}

#submenu span
{
	padding: 0px 0px;
	color: #de4d77;
	float: left;
	display: block;
}


.container
{
	padding: 18px;
	clear:both;	
	
	position: relative;
}


.container a
{
	color: #c7043d;
	text-decoration: none;

}

.container a:hover
{
	color: #de4d77;
	text-decoration: underline;
}

.questions_and_answers
{
	float: left;
	width: 480px;
}

.questions_and_answers p
{
	margin: -6px 0 12px 0;
}

.questions_and_answers .spacer
{
	height: 30px;
	display: block;
}

h1
{
 	margin: 0;
	padding: 0;
		
	font-size: 20px;
	font-weight: normal;
	
}

.container h2
{
	padding: 0px 0px 8px 0px;
	clear:both;	
	
	font-size: 32px;
	line-height: 36px;
	
	margin: 0;
}

.container h2.qa
{
	padding: 0px 0px 8px 0px;
	font-size: 18px;
	line-height: 22px;
	
	margin: 0;
}
.container h2.qa2
{
	padding: 0px 0px 8px 0px;
	font-size: 18px;
	line-height: 22px;
	
	margin: -6px 0 0 0;
}


.container h2.contentTitle
{
	padding: 8px 0px 0px;
	clear:both;	

	font-size: 12px;
	line-height: 20px;
		
	margin: 0;
}



/* Candy
---------------*/
.candy_row
{
	float: left;
	
	width: 800px;
	padding: 0px;
	min-height: 280px;
	
}

.candyImageLeft
{

	width: 192px;
	float: left;
	padding: 0 0 0 10px;
}


.spacerImageLeft
{
	width: 192px;
	float: left;
	padding: 0 0 0 10px;
}

.candyImageRight
{

	width: 180px;
	float: right;
	text-align: right;
}

.candyImageRight img
{
	float: right;
	clear: right;

}
.candyContent
{
	width: 416px;
	float: left;
	
}



.candyContent .ingredients, .candyContent .nutritional
{
	width: 416px;

	padding: 6px 0;
	margin: 2px 0;
	
	float: left;
	

	background: url(../gfx/sweetBorder.gif) 0 100% repeat-x;
	
}

.candyContent h3
{
	padding: 6px 0;
	margin: 2px 0;
	
	font-size: 16px;
}


.candyContent p
{
	padding: 0 0 6px 0;
	margin: 2px 0;
}


.candyContent table
{
 	margin: 0 0 8px 0;
 	padding: 0;
 	width: 350px;
	border-left: 1px solid #b2c801;	
	border-bottom: 1px solid #b2c801;

}

.candyContent table td, .candyContent table th
{
	padding: 6px;
	border-top: 1px solid #b2c801;	
	border-right: 1px solid #b2c801;
	
	text-align: left;
}


.candyContent table .right
{	
	text-align: right;
}

.candyContent table .center
{	
	text-align: center;
}

.candyContent table .small
{	
	font-size: 11px;
}

.candyActions
{
	width: 416px;
	float: left;
	
	padding: 8px 0;
	margin: 0;
}

.candyActions li
{
	float: left;
	
	padding: 0px 10px 4px 0px;
	margin: 0;
	
	color: #c7043d;
	display: block;
	line-height: 16px;
	list-style: none;
}

.candyActions a
{
	color: #c7043d;
	text-decoration: none;
	
	padding: 2px 2px 0 2px;
	float: left;
	display: block;
}

.candyActions a:hover
{
	color: #de4d77;
	text-decoration: underline;
}

.candyActions span
{
	padding: 0px;
	color: #de4d77;
	float: left;
	display: block;
}


.candyActions li.border span
{
	color: #c5d7a1;
}

#sideLeft, #sideRight
{
	float: left;
}

#sideRight
{
	right: 0;
}

#sideLeft img, #sideRight img
{
	padding: 20px 10px;
}



.clear { clear: both;}

/*
Truly Strory
--------------------*/
.story_container { width: 650px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding-top: 18px;}
.story_container img { padding-left: 40px; }
.story_container p.ingressi {width: 435px; padding-left: 92px; font-size: 14px; line-height: 18px;}
.story_container p {width: 435px; padding-left: 92px; font-size: 12px; line-height: 17px; clear: right;}
.story_container p img {padding-left: 0px; display:block; clear:right; padding-bottom: 3px;}
.story_container img.sidecandy {float: right; padding: 10px 40px 10px 0px; clear:both;}