/***********
CSS by AC 200802
************/


/***
* FRAMEWORK & TOP WRAPPERS
***/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FAFAE0;
	font-family: arial, sans-serif;
	font-size: 11pt;
	color: #660101;
}

#site-bg {
	background: url('../_images/site-bg.gif') repeat-x;
}

#site-wrapper-deco {
}

#site-wrapper-bottom-deco {
}

#site-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	min-height: 764px;
	height: auto !important;
	height: 764px;
	background: url('../_images/site-side-col-bg.gif') 100% 0 repeat-y;
}



/***
* NOTE DIFFERENT ID's OF BODY (names from joomla's mainname, var-safe-formatted)
***/
body#home {}
body#about-us {}
body#catalog {}
body#quality--packaging {}
body#our-history {}
body#food-safety {}
body#contact-us {}
body#our-product {}


/***
* NOTE DIFFERENT CLASS's OF BODY (names set in template index.php)
***/
body.logged-in {}
body.vm {}



/***
* HEADER
***/
#site-header {
	position: relative;
	height: 178px;
	background: #E8EDA3;
}

#site-header-deco {
	position: absolute;
	z-index: 100;
	top: 161px;
	left: 0;
	width: 792px;
	height: 17px;
	background: #660101;
}
#site-key-visual {
	position: absolute;
	top: 178px;
	z-index: 90;
	width: 792px;
	height: 299px;
	background: #cccccc;
}

	/* KEY-VISUAL FOR DIFFERENT PAGES */
	body#home #site-key-visual {
		height: 373px;
		background: url('../_images/key-visual/home.jpg') no-repeat;
	}
	body#about-us #site-key-visual {
		background: url('../_images/key-visual/about-us.jpg') no-repeat;
	}
	body#catalog #site-key-visual {
		background: url('../_images/key-visual/catalog.jpg') no-repeat;
	}
	body#quality--packaging #site-key-visual {
		background: url('../_images/key-visual/quality--packaging.jpg') no-repeat;
	}
	body#our-history #site-key-visual {
		background: url('../_images/key-visual/our-history.jpg') no-repeat;
	}
	body#food-safety #site-key-visual {
		background: url('../_images/key-visual/food-safety.jpg') no-repeat;
	}
	body#contact-us #site-key-visual {
		background: url('../_images/key-visual/contact-us.jpg') no-repeat;
	}
	body#our-product #site-key-visual {
		background: url('../_images/key-visual/our-product.jpg') no-repeat;
	}



#site-logo {
	position: absolute;
	z-index: 120;
	top: 34px;
	left: 10px;
	width: 325px;
	height: 113px;
	background: url('../_images/site-logo.gif') no-repeat;
}

#site-logo img.ph {
	width: 325px;
	height: 113px;
}

#site-slogan {
}

#site-header-tool-bg {
}

#site-header-tool {
	position: absolute;
	z-index: 170;
	top: 34px;
	right: 10px;
	margin: 0;
	padding: 0;
}

/* hide public search after login */
body.logged-in div.moduletable-public-search {
	display: none;
}



/***
* MENU
***/
#site-menu {
	z-index: 150;
	position: absolute;
	top: 34px;
	left: 407px;
}

#site-menu ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 400px;
}

/*
#site-menu ul.alpha {
	left: 0;
	top: 0;
}
#site-menu ul.beta {
	left: 198px;
	top: 0;
}
*/

#site-menu ul li {
	position: relative;
	float: left;
	width: 188px;
	height: 15px;
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	background: url('../_images/site-menu-bullet.jpg') 0 3px no-repeat;
}
#site-menu ul li a {
	position: relative;
	display: block;
	line-height: 15px;
	text-decoration: none;
}
#site-menu ul li.long a.on {
}

#site-menu ul li a span {
}
#site-menu ul li a img.ph {
}

/***
* SIDE-MENU
***/
div#site-side-menu {
	width: 188px;
	height: 336px;
	padding: 10px;
	background: url('../_images/site-side-menu-bg.jpg') no-repeat;
	border-top: 17px solid #ED008C;
	border-bottom: 17px solid #221E1F;
	color: #ffffff;
}
div#site-side-menu h3 {
	margin: 0 0 10px 0;
}
div#site-side-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#site-side-menu ul li {
	margin: 0 0 10px 0;
}
div#site-side-menu ul li a {
	text-decoration: none;
	color: #ffffff;
}

/* hide public-catalog menu if logged in */
body.logged-in div.moduletable-public-catalog {
	display: none;
}
div.moduletable-client-catalog h3 {
	color: #CD256C;
}

/* re-style side-menu for VM catalog */
body.logged-in div#site-side-menu {
	background: #221E1F;
	padding-bottom: 50px;
}
body.logged-in div#site-side-menu a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin: 0 0 10px 0;
}
body.logged-in div#site-side-menu a#active_menu {
	font-style: normal;
	text-decoration: underline;
}


/***
* SIDE-TOOL
***/

div#site-side-tool {
	padding: 10px;
	margin: 0;
}
div#site-side-tool h3 {
	background: url('../_images/icon-log-in.gif') no-repeat;
	padding: 5px 0 0 45px;
}
body.logged-in div#site-side-tool h3 {
	display: none;
}
div#site-side-tool form {}
div#site-side-tool form label {
	font-size: 8pt;
}
div#site-side-tool form input.text,
div#site-side-tool form input#mod_login_username {
	width: 182px;
	margin: 0 0 5px 0;
}
div#site-side-tool form input.password,
div#site-side-tool form input#mod_login_password {
	width: 116px;
}
div#site-side-tool form input.submit,
div#site-side-tool form input.button {
	width: 60px;
	margin: 0;
}
div#site-side-tool a.lost-password {
	font-size: 8pt;
}
div#site-side-tool div.note {
	font-size: 8pt;
	color: #797979;
	margin: 40px 0 0 0;
}
div#site-side-tool div.logout {
	float: right;
}


/***
* BODY
***/
#site-body {
float: left;
width: 772px;
margin-top: 299px;
padding: 10px;
border-top: 17px solid #00AEEF;
}
body#home #site-body {
margin-top: 373px;
}
body.logged-in.vm #site-body {
width: 792px;
padding: 0;
}

#site-side-col {
margin-left: 792px;
}
body#home #site-side-col {
}




/***
* COLUMNS
***/
#site-col-alpha {
float: left;
width: 268px;
padding: 26px 26px 33px 0;
border-right: 1px solid #bababa;
min-height: 220px;
height: auto !important;
height: 220px;
}
#site-col-beta {
margin-left: 294px;
padding: 35px 30px 0 32px;
}
#site-col-full {
padding: 5px 0 0 0px;
position: relative;
}
#site-col-hidden {
display: none;
}

td.col-alpha {
padding: 26px 26px 33px 0;
border-right: 1px solid #bababa;
}
td.col-beta {
padding: 35px 30px 0 32px;
}


/***
* FOOTER
***/
#site-footer {
clear: both;
height: 31px;
padding: 5px 0 0 0;
background: #2F3021;
font-size: 7pt;
color: #E8EFB0;
}
#site-footer div.copyright {
width: 1000px;
margin: 0 auto;
text-align: left;
}
#site-footer a {}
#site-footer ul {}
#site-footer ul li {}


/***
* HEADINGS & TITLES
***/

h1, h2, h3,
.componentheading {
margin: 0px;
font-weight: normal;
}
h1, .contentheading, .componentheading {
font-size: 22pt;
color: #00AEEF;
}
h2 {
font-size: 20pt;
}
h3 {
font-size: 18pt;
}
#site-col-full table.contentpaneopen.header .contentheading,
#site-col-full .componentheading,
#site-col-full h1 {
padding: 3px 0 5px 50px;
background: url('../_images/icon-lettuce.gif') no-repeat;
}



/***
* INDIVIDUAL PAGES
***/

table.main-content {}
body#home table.main-content {
	position: absolute;
	top: -27px;
	left: -10px;
}
body#home table.main-content h1 {
	margin: 0 0 5px 0;
}

/* hide article title in frontpage */
body#home table.contentpaneopen.header {
	display: none;
}
body#home #site-side-menu {
}

body#our-product table.product-table {}
body#our-product table.product-table img {
	border: 2px solid #ffffff;
	margin: 0 10px 0 0;
}
body#our-product table.product-table td {
	font-size: 10pt;
	text-align: top;
}
body#our-product table.product-table td h2 {
	margin: 0;
	font-size: 13pt;
}


/***
* GENERIC HTML TAGS
***/
form {
margin: 0;
}


p {
margin: 0;
}

a, a:link, a:visited, a:hover{
color: #ED008C;
}

a img {
border: 0;
}

@