@CHARSET "UTF-8";

* {
	margin: 0px;
	font-family: Verdana;
	font-size: 11px;
}

a { text-decoration: none; color: #000000; }
a:hover { pointer: cursor; }
p { margin: 0px; }
form { margin: 0; padding: 0; }
ul { padding: 0; }
img { border: 0; }

body 
{
	margin: 0px;
	background: url('/layout/frontend/bg.jpg') repeat-x;
	background-color: #ffffff;
}

#wrapper 
{
	margin: auto;
	width: 1000px;
	height:99%;
}

#header { height: 92px; }
.logo { width: 564px; height: 63px; padding-top: 10px; float: left; }
#family { width: 189px; height: 96px; float: left; z-index: -1; margin-left: 575px; position: absolute; }

/**
 * Main content
 * - include the main menu
 * - include left product menu
 * - include content of the wepage
 */

#main { width: 808px; float: left; }
#main .main_top { width: 808px; height: 35px; background: url('/layout/frontend/main_top.png') no-repeat; }
#main .main_middle { width: 808px; min-height: 650px; background: url('/layout/frontend/main_middle.png') repeat-y; }
#main .main_bottom { width: 808px; height: 50px; background: url('/layout/frontend/main_bottom.png') no-repeat; }

/**
 * Top main menu
 */

#main_menu { position: absolute; z-index: 1; margin-left: 210px; margin-top: 8px; }
#main_menu ul { padding: 0px; }
#main_menu ul li { display: inline; }

#main_menu ul .menu a { 
	display: block; 
	float: left; 
	padding-left: 10px; 
	padding-right: 10px; 
	margin-top: 10px; 
	height: 35px; 
	line-height: 35px;
	color: #141414;
	background-color: #ffffff;
	margin-right: 1px;
	border-bottom: solid 1px #569217;
}

#main_menu ul .menu_on a { 
	display: block; 
	float: left; 
	padding-left: 10px; 
	padding-right: 10px; 
	height: 45px; 
	line-height: 45px;
	font-weight: bold;
	color: #141414;
	background-color: #ffffff;
	margin-right: 1px;
	border-bottom: solid 1px #569217;
}

/**
 * Slice content
 * - cotnact information
 * - featured priducts
 */

#slice { width: 189px; float: left; margin-left: 3px; }
#slice .slice_top {  width: 189px; height: 22px; background: url('/layout/frontend/slice_top.png') no-repeat; }
#slice .slice_middle {  width: 189px; min-height: 50px; background: url('/layout/frontend/slice_middle.png') repeat-y; overflow: hidden; }
#slice .slice_bottom {  width: 189px; height: 40px; background: url('/layout/frontend/slice_bottom.png') no-repeat; }



/**
 * User menu contain
 * - the login form
 * - where the logged user menu apears
 */
#user_menu ul { list-style: none; }
#user_menu ul li { line-height: 17px; }

/**
 * Product list
 * - where the products are listed
 */

#prod_list { 
	width: 203px; 
	margin-left: 6px; 
	float: left;
	border-right: solid 1px #346833;
}

#prod_list > #search a {
	color: #000000;
}

#search .over { background-color: #569217; color: #ffffff!important; }
#search .selected { background-color: #346833; color: #ffffff!important; }
#search .cat { height: 35px!important; line-height: 35px!important; text-align: center; }


/**
 * Content
 * - where the page content is displayd
 */

#content { width: 595px; float: left; }


#footer {
	background: url('/layout/frontend/footer_bg.jpg'); 
	height: 80px; 
	width: 100%;
	position: relative;
	top: -80px;
	bottom: -80px;
	padding-bottom: -40px;
	margin-bottom: -40px;
	z-index: -1;
}

#footer2 { 
	background: url('/layout/frontend/footer_bg.jpg'); 
	height: 80px; 
	width: 100%; 
	float: left; 
	position: absolute; 
	z-index: -1; 
	margin-top: -40px;
	[if Webkit] margin-top: -80px;
}


/**
 * Register form
 */

label.error 
{
	background: transparent url(/layout/frontend/unchecked.gif) no-repeat;
	margin-top: 5px;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 10px;
	display: block;
}

label.error 
{
	background: transparent url(/layout/frontend/unchecked.gif) no-repeat;
	margin-top: 5px;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 10px;
	display: block;
}

/**
 * General
 * - common classes
 */

table.list { padding: 1px; border-spacing: 1px; background-color: #ddd; }
table.list thead tr th { line-height: 18px; padding: 2px; background-color: #3a67b3; color: #ffffff; }
table.list tbody tr td { line-height: 18px; padding: 2px; background-color: #fff; }


.show { display: block; }
.hide { display: none; }
.clear { clear: both; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.margin_auto { margin: auto; }

.float_left { float: left; position: relative; }
.float_right { float: right; position: relative; }

.capitalize { text-transform: capitalize ; }
.lowecase  { text-transform: lowecase; }
.uppercase  { text-transform: uppercase; }
.bold { font-weight: bold; }
.regular { font-weight: bold; }

/* Paddings */
.pad3 { padding: 3px; }

.autowidth { width: 95%!important; }
.notice { background-color: #ffff99; border: dotted 1px #cccccc; padding: 5px; }

/* Colors */
.white	{ color: #ffffff; }
.red	{ color: #ff0000; }
.black	{ color: #000000; }
.orange	{ color: #ff0099; }