/* CSS 2 Document */
/*
Author: Daniel "Gizmo" Knaack
Website: www.gizcore.com
CSS Version: 2.1
XHTML Version: 1.1
*/

body {
	margin: 0;
	padding: 0;
	font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffffff;
}

a:active, a:focus { color: #15235c; text-decoration: underline; }

#layout { margin: 0 auto; width: 1000px; }

#container {
	width: 960px;
	padding: 0 20px;
	background: url("images/body.gif") no-repeat;
	text-align: left;
}

#container, #head, #logo, #topnavi, #wrapper, #path, #wrapper-left, #wrapper-mid, #wrapper-right,
#wrapper h1,.menu_main, .menu_sub, .box, .product-offer, #foot, .product-item-left, .product-item-right,
.page-info, .page-site, .product-left, .product-right, .product-imagelist img { float: left; overflow: hidden; }

/* ------------------------------------------ Head --- */
#head {
	height: 100px;
	width: 960px;
	;
	clip:  rect(   )
}

#logo {
	width: 500px;
	height: 150px;
	padding: 24px 0 0 0;
}
#logo img { border: none; }

#topnavi {
	width: 350px;
	padding: 22px 0 090px;
	float: right;
}
#topnavi-box {
	height: 55px;
	width: 250px;
	padding: 15px 20px 0 25px;
	background: transparent url(topnavi_bg.gif) no-repeat;
}

#topnavi-box p {
	padding: 0 0 0 30px;
	margin: 0;
	color: #2f3c70;
	background: transparent url("images/icon_home.gif") no-repeat;
	font-weight: bold;
	line-height: 1.8;
}
#topnavi-box ul { padding: 5px 0 0 0; margin: 0; list-style: none; }
#topnavi-box ul li { display: inline; color: #d6ddea; }
#topnavi-box ul li a { color: #679200; text-decoration: none; }
#topnavi-box ul li a:hover { color: #2f3c70; text-decoration: underline; }

/* ------------------------------------------ Content --- */
#wrapper { width: 920px; padding: 20px; }

#path {
	width: 898px;
	padding: 6px 10px;
	margin: 0 0 10px 0;
	background: #f9fafc;
	border: 1px solid #d6ddea;
	color: #2f3c70;
}

#wrapper-left { width: 200px; padding: 0 10px 0 0; }
#wrapper-mid { width: 500px; }
#wrapper-right { width: 200px; padding: 0 0 0 10px; }

#wrapper h1 {
	padding: 6px 10px 5px 28px;
	margin: 0 0 2px 0;
	border: 1px solid #c4ea7b;
	background: #e1ff69 url("images/h1_bg.gif") repeat-x;
	color: #679200;
	font-size: 13px;
	font-weight: bold;
}
#wrapper-left h1, #wrapper-right h1 { width: 160px; }
#wrapper-mid h1 { width: 460px; }

#wrapper h2 {
	padding: 0 0 0 13px;
	margin: 0;
	background: url("images/h2_icon.gif") no-repeat 0 7px;
	color: #2f3c70;
	font-size: 13px;
	font-weight: bold;
}

#wrapper h3 {
	padding: 0 0 0 16px;
	margin: 0;
	background: url("images/h3_icon.gif") no-repeat 0;
	color: #2f3c70;
	font-size: 12px;
	font-weight: bold;
}

#wrapper p {
	margin: 0;
	color: #2f3c70;
	line-height: 1.3;
}
#wrapper-left p { padding: 5px 0 0 0; }
#wrapper-mid p {
	text-align: left;
	padding: 0 0 10px 0;
}
#wrapper-right p { padding: 0 0 5px 0; }

#wrapper p a, #path a { color: #679200; text-decoration: none; background: url("images/arrow_01.gif") no-repeat 0 3px; padding: 0 0 0 12px; }
#wrapper p a:hover, #path a:hover { color: #2f3c70; text-decoration: underline; background: url("images/arrow_03.gif") no-repeat 0 3px; }

#wrapper small { color: #7481b5; font-size: 10px; }
#wrapper caption { text-transform: uppercase; }
#wrapper strong { font-weight: bold; }
#wrapper em { font-style: italic; }
#wrapper abbr, acronym { border-bottom: 1px dotted #d6ddea; cursor: help; }
#wrapper del { text-decoration: line-through; color: #b00000; }
#wrapper address { font-style: normal; line-height: 1.3; padding: 0.5em 0; }
#wrapper hr {
	border-top: 1px dotted #d6ddea;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 0em;
	padding: 0;
	margin: 4px 0!important;
	margin: 0;
}

#wrapper .box { padding: 10px; margin: 0 0 10px 0; border: 1px solid #d6ddea; }
#wrapper-left .box, #wrapper-right .box { width: 178px; }
#wrapper-mid .box { width: 478px; }

.menu_main, .menu_sub { padding: 0; margin: 0; list-style: none; width: 178px; }
.menu_main li a, .menu_main li a:hover, .menu_sub li a, .menu_sub li a:hover { line-height: 2.2; border-bottom: 1px dotted #d6ddea; display: block; }

.menu_main li { clear: left; }
.menu_main li a {
	color: #679200;
	text-decoration: none;
	line-height: 2.2;
	background: url("images/arrow_01.gif") no-repeat 0 8px;
	padding: 0 0 0 14px;
	width: 164px;
}
.menu_main li a:hover { color: #2f3c70; text-decoration: underline; background: url("images/arrow_03.gif") no-repeat 0 8px; }

.menu_sub li {color: #6699CC}
.menu_sub li a {
	color: #5b689c;
	text-decoration: none;
	line-height: 2.2;
	background: url("images/arrow_02.gif") no-repeat 14px 8px;
	padding: 0 0 0 28px;
	width: 150px;
}
.menu_sub li a:hover { color: #2f3c70; text-decoration: underline; background: url("images/arrow_04.gif") no-repeat 14px 8px; }

fieldset { border: none; margin: 0; padding: 0; }

#search { padding: 0; margin: 0; }
#searchinput {
	padding: 2px 4px;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
	border: 1px solid #a5acb2;
	background: #ffffff;
	color: #2f3c70;
	font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
}
#searchsubmit { border: none; width: 20px; height: 16px; }

.active { font-weight: bold; }
.headline {
	border-bottom: 1px dotted #d6ddea;
	padding: 0 0 5px 0;
	margin: 0 0 3px 0;
	text-align: left;
}
.price { padding: 0 0 0 40px; }

.product-offer { width: 25%; padding: 0 0 10px 0; }
.product-offer span { text-align: center; display: block; }
.product-offer span img { border: none; vertical-align: middle; }
.product-offer span a { color: #679200; text-decoration: underline; }
.product-offer span a:hover { color: #2f3c70; text-decoration: underline; }
.product-offer small { padding: 0 0 0 4px; }

/* ------------------------------------------ Footer --- */
#foot {
	width: 920px;
	margin: 0 20px!important;
	margin: 0 10px;
	padding: 7px 0;
	border-top: 2px solid #d6ddea;
}

#foot p { padding: 0; margin: 0; color: #2f3c70; float: left; overflow: hidden; }
#foot .spacer { padding-right: 10px; margin-right: 10px; border-right: 1px solid #d6ddea; }
#foot ul { padding: 8px 0 0 0; margin: 0; list-style: none; text-align: right; }
#foot ul li { display: inline; color: #d6ddea; }
#foot ul li a { color: #679200; text-decoration: underline; }
#foot ul li a:hover { color: #2f3c70; text-decoration: underline; }

/* ------------------------------------------  Global Styles --- */
.phone, .mobile, .mail, .fax, .www { padding: 0 0 0 14px; }
.phone { background: url("images/icon_phone.gif") no-repeat 0; }
.mobile { background: url("images/icon_mobile.gif") no-repeat 0; }
.mail { background: url("images/icon_mail.gif") no-repeat 0; }
.fax { background: url("images/icon_fax.gif") no-repeat 0; }
.www { background: url("images/icon_www.gif") no-repeat 0; }

.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify }

.floatleft { float: left; overflow: hidden; }
.floatright { float: right; overflow: hidden; }

.clear { clear: both; height: 0; font-size: 0em; visibility: hidden; }

img.noborder { border: none; padding: 0; margin: 0 8px 0 0; }
img.border { border: 1px solid #d6ddea; padding: 0; margin: 0 8px 0 0; }
img.left { border: none; float: left; overflow: hidden; padding: 0; margin: 0 8px 0 0; }
img.right { border: none; float: right; overflow: hidden; padding: 0; margin: 0 0 0 8px; }
img.left-border { border: 1px solid #d6ddea; float: left; overflow: hidden; padding: 0; margin: 0 8px 0 0; }
img.right-border { border: 1px solid #d6ddea; float: right; overflow: hidden; padding: 0; margin: 0 0 0 8px; }