/******************************************************************************************************/
/* HTML ***********************************************************************************************/
/******************************************************************************************************/

/* fonts ***********************************************************************************************/

body, div, p, span, 			/* text */
table, tr ,th, td,				/* tables */
h1, h2, h3, h4, h5, h6, 		/* heading */
strong, em, b, i				/* formatting */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#841C00;
}
form, input, textarea, select	/* form */
{
	font-family:"Courier New", Courier, monospace; font-size:11px;
}

/* margins ***********************************************************************************************/

body, div, p, span, 			/* text */
table, tr ,th, td,				/* tables */
form, input, textarea, select,	/* form */
h1, h2, h3, h4, h5, h6, 		/* heading */
strong, em, b, i				/* formatting */
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

/* links ***********************************************************************************************/

a, a:link, a:visited{ color:#841C00; text-decoration:underline; }
a:hover, a:visited:hover{ color:#841C00; text-decoration:none; }

/* buttons ********************************************************************************************/

a.button,
a.button:visited,
input.button
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	width:140px;
	padding:6px;
	border:2px solid #841C00;
	background-image:url(/sites/homefood/images/button-bg.png);
	background-position:left;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	cursor:pointer;
	margin-top:4px;
}
a.button:hover,
a.button:visited:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

/* buttons-mini ********************************************************************************************/

a.button-mini,
a.button-mini:visited,
input.button-mini
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	width:140px;
	padding:2px;
	border:1px solid #841C00;
	background-image:url(/sites/homefood/images/button-bg.png);
	background-position:left;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	cursor:pointer;
	margin-top:4px;
}
a.button-mini:hover,
a.button-mini:visited:hover
{
	text-decoration:none;
	color:#FFFFFF;
}


/******************************************************************************************************/
/* COMMON *********************************************************************************************/
/******************************************************************************************************/

.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.stretch{ width:100%; }
.nowrap{ white-space: no-wrap}
.error{ color:#FF0000; }
.nofloat{ clear:both; }
.fleft{ float:left; }
.fright{ float:right; }
.error{ background-color:#CC0000; color:#FFFFFF; }
.mr0{ margin-right:0px; }
.mr2{ margin-right:2px; }
.mr4{ margin-right:4px; }
.mr6{ margin-right:6px; }
.mr8{ margin-right:8px; }
.mr10{ margin-right:10px; }
.ml0{ margin-left:0px; }
.ml2{ margin-left:2px; }
.ml4{ margin-left:4px; }
.ml6{ margin-left:6px; }
.ml8{ margin-left:8px; }
.ml10{ margin-right:10px; }
.m2{ margin:2px; }
.m4{ margin:4px; }
.w500{ width:500px; }
.w520{ width:520px; }
.w530{ width:530px; }
.b1{ border:1px solid #841C00; }
.ar{ text-align:right; }
.al{ text-align:left; }
.ac{ text-align:center; }
.aj{ text-align:justify; }
.bg-grey{ background-color:#EEEEEE; }
.vat{ vertical-align:top; }


/******************************************************************************************************/
/* LAYOUT *********************************************************************************************/
/******************************************************************************************************/

/* structure ******************************************************************************************/

body
{
	text-align:center;
	background-image:url(/sites/homefood/images/site-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#layout
{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header
{	
	text-align:left;
	height:116px;
	padding-top:84px;
	padding-left:10px;
	background-image:url(/sites/homefood/images/site-header.jpg);
	background-repeat:no-repeat;
}
#main
{
	width:760px;
	padding:10px;
	margin-top:20px;
	background-color:#FFFFFF;
	border:1px solid #841C00;
}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:28px; margin-top:30px; margin-bottom:10px; }
h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; margin-top:30px; margin-bottom:10px; }
h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-top:30px; margin-bottom:10px; }

/* panel ***********************************************************************************************/

div.panel
{
	margin-bottom:10px;
}
div.panel .panel-title{}
div.panel .panel-text{}
div.panel .panel-text p{}
div.panel .panel-image{}
div.panel .panel-link{}

/* box ***********************************************************************************************/

div.box
{
	border:1px solid #841C00; 
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding:4px;
}
div.box .box-title{ background-color:#841C00; padding:4px; color:#FFFFFF; display:block; margin-bottom:4px; }
div.box .box-text{}
div.box .box-text p{}
div.box .box-image{ float:left; margin-right:10px; }
div.box .box-link{ margin-top:4px; }

/* grid-record *****************************************************************************************/

div.grid, 
div.record
{
	border:1px solid #841C00;
	margin-bottom:20px;
}
table.grid, 
table.record
{
	width:100%;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}
table.grid tr.grid-row th,
table.grid tr.grid-header th,
table.record tr.record-header th,
table.record tr.record-group th
{
	padding:6px;
	color:#FFFFFF;
	background-color:#841C00;
}
table.grid tr.grid-row td,
table.grid tr.grid-header td,
table.record tr td
{
	vertical-align:middle; 
	padding:6px;
	border-top:1px solid #841C00;
	border-right:1px dashed #CCCCCC;
}
table.record tr th
{
	background-color:#E6D2CC;
	border-top:1px solid #841C00;
	padding:6px;
}

table.grid tr.small th,
table.grid tr.small td
{
	padding:4px;
}
table.grid tr.grid-footer td,
table.record tr.record-footer td
{
	padding:4px;
	color:#841C00;
	border:0px;
	border-top:1px solid #841C00;
}
table.grid tr.grid-footer td a, 
table.grid tr.grid-footer td a:link, 
table.grid tr.grid-footer td a:visited{ color:#FFFFFF; }
table.grid tr.grid-footer td a:hover, 
table.grid tr.grid-footer td a:visited:hover{ color:#FFFFFF; text-decoration:none; }

/* record *********************************************************************************************/


/******************************************************************************************************/
/* SHOP ***********************************************************************************************/
/******************************************************************************************************/

/* step ***********************************************************************************************/

div.shop-step
{
	width:304px;
	height:30px;
	margin-bottom:20px;
	background-image:url(/sites/homefood/images/shop_steps.gif);
	background-repeat:no-repeat; 
}

div.shop-step-it-1{	background-position:0px 0px; }
div.shop-step-it-2{	background-position:0px -30px; }
div.shop-step-it-3{	background-position:0px -60px; }
div.shop-step-it-4{	background-position:0px -90px; }
div.shop-step-it-5{	background-position:0px -120px; }
div.shop-step-en-1{	background-position:0px -150px; }
div.shop-step-en-2{	background-position:0px -180px; }
div.shop-step-en-3{	background-position:0px -210px; }
div.shop-step-en-4{	background-position:0px -240px; }
div.shop-step-en-5{	background-position:0px -270px; }

/* cart ***********************************************************************************************/

tr.shop-cart-resume td
{
	border-right:1px dashed #FFCC00;
	background-color:#FFFFCC;
	padding:6px;
	border-top:1px solid #841C00;
}
tr.shop-cart-total td
{
	border-right:1px dashed #FFCC00;
	background-color:#FFFF33;
	padding:6px;
	border-top:1px solid #841C00;
}
select.shop-cart-shipping{ background-color:#FFFFCC; }

/* articles *******************************************************************************************/

.shop-articles-title
{
	font-weight:bold;
	margin-bottom:4px;
	padding:4px;
	color:#FFFFFF;
	background-color:#841C00; 
}
.shop-articles-cell
{
	width:50%; 
	padding:10px;
	background-image:url(/sites/homefood/images/shop-articles-cell-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x; 
	background-color:#FFFFFF; 
	border-bottom:1px solid #841C00;
}
.shop-articles-data th{	text-align:left; vertical-align:top; }
.shop-articles-image
{
	float: left;
	margin:6px;
	border:0px;
}