/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; }

/* ----------------
   GLOBAL STYLES
---------------- */

body { background: #f1f1f2; text-align: center; }

body, div, p, td, input, textarea, select {	color:#333;  }

body { font: 87%/1.3em Arial, Helvetica, sans-serif; } /* 14px */

a { color: #0e6bd4; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

ul { list-style: disc; margin-left: 20px; margin-bottom: 0.7em; }
ul li { padding-bottom: 2px; padding-left: 0; }
ol { margin-left: 15px; }

p { padding-bottom: 0.7em; }

.clearer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	display: block;
}

.separator hr { display: none; }

.separator {
	height: 1px;
	background: #ddddde;
	margin: 0.5em 0 1em 0;
}

/* text styles */

.normal { font-size: 12px; }
.small { font-size: 11px; }
.biger { font-size: 14px; }
.big { font-size: 16px; }
.title { font-size: 14px; color: #007550; font-weight: bold; }

.grey1 { color: #999; }

.neotable { border: 1px solid #ddddde; border-collapse: collapse; margin-bottom:18px; width: 100%; }
.neotablehead { font-weight: bold; border: 1px solid #ddddde; background:#f1f1f2; padding:2px 5px; }
.neotablerow { border: 1px solid #ddddde;  padding:2px 5px; }

.neotablehead p, .neotablerow p { }

h1 {
	font-size: 16px;
	color: #007550;
	font-weight: bold;
	margin-bottom: 12px;
}

h1.sml { font-size: 14px; margin-bottom: 11px; }

h1 a { color: #007550; text-decoration: none; }
h1 a:hover { color: #000; text-decoration: underline; }

h2 {
	font-size: 14px;
	color: #007550;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 0;
	line-height: normal;
}

.tabs_content h2 {
	width: 100%;
	clear: left;
}


/* ----------------
   HEADER
---------------- */

#header {
	background: #fff;
	text-align: center;
}

#header div {
	width: 936px;
	margin: 0 auto;
	position: relative;
	padding: 32px 0 16px 0;
	text-align: left;
}

#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#header h1 a {
	display: block;
	width: 225px;
	height: 32px;
	background: url(../img/logo.gif) no-repeat;
	line-height: 0;
}

#header h1 span { display: none; }

#printlogo { display: none; }

#top {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
}

#nav_small_top {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#nav_small_top li {
	float: left;
	font-size: 78%;
	line-height: normal;
	padding: 3px 8px 0 0;
	vertical-align: middle;
}

#nav_small_top li span { padding-left: 8px; color: #999; }

#nav_small_top li a { color: #666; text-decoration: underline; }
#nav_small_top li a:hover { color: #000; text-decoration: underline; }

#nav_small_top li#search { padding: 0; }

#nav_small_top li#search form { padding: 0 0 0 12px; }

#nav_small_top li#search input {
	width: 94px;
	border: 1px solid #999;
	font-size: 11px;
	color: #999;
	text-align: left;
	padding: 2px 0 2px 4px;
} 

#nav_small_top li#search input.button {
	width: 20px;
	height: 20px;
	background: url(../img/button_go.gif) no-repeat;
	border: 0;
	cursor: pointer;
}

#user-info {
	float: right;
	margin-right: 40px;
	margin-top: 1px;
	font-size: 78%;
}

#user-info span { padding: 0 8px; color: #999; }

#user-info a { color: #666; text-decoration: underline; }
#user-info a:hover { color: #000; text-decoration: underline; }


/* ----------------
   FOOTER
---------------- */

#footer {
	width: 100%;
	clear: left;
	background: #f1f1f2;
}

#footer p {
	width: 936px;
	margin: 0 auto;
	padding: 9px 0 57px 0;
	text-align: left;
	font-size: 78%;
	line-height: normal;
	color: #666;
}

#footer a { color: #666; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration: underline; }

#footer span { padding: 0 7px; }


/* ----------------
   NAVIGATION
---------------- */

/* 1st level */

#nav1 {
	width: 100%;
	height: 32px;
	background: url(../img/bg_nav1.gif) top repeat-x;
	clear: left;
}

#nav1 ul {
	width: 936px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	list-style: none;
	text-align: left;
}

#nav1 li { float: left; line-height: normal; padding: 0; }

#nav1 a {
	display: block;
	padding: 5px 12px;
	color: #fff;
	text-decoration: none;
}

#nav1 a:hover {	background: #86b5eb; }

#nav1 li.in a { background: #86b5eb; }

/* 2nd level */

#nav2 {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #c2daf5;
}

#nav2 li {
	padding: 0;
	border-bottom: 1px solid #c2daf5;
	line-height: normal;
}

#nav2 li a {
	display: block;
	padding: 5px 8px;
	color: #000;
	text-decoration: none;
}

#nav2 li a:hover {
	background: #86b5eb;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px;
}

#nav2 li.in, #nav2 li.in a, #nav2 li.in a:hover { background: #86b5eb; color: #fff; }

/* 3rd level */

#nav2 ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 0;
}

#nav2 li.in li { border-bottom: 0; border-top: 1px solid #c2daf5; }

#nav2 li.in li a, #nav2 li.in li a:hover {
	background: #dae9f9;
	color: #000;
	padding-left: 16px;
}

#nav2 li.in li a:hover { text-decoration: underline; }

#nav2 li.in li.in a, #nav2 li.in li.in a:hover { font-weight: bold; text-decoration: none; }

/* 2nd level in product pages */

#nav2_prod {
	width: 100%;
	background: #fff;
	text-align: center;
	padding-top: 30px;
	clear: left;
}

#nav2_prod ul {
	width: 936px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: left;
	
}

#nav2_prod li { float: left; padding: 0; }

#nav2_prod li a {
	display: block;
	width: 143px;
	height: 45px;
	padding: 6px 6px 0 6px;
	background: #ddddde;
	border-right: 1px solid #c6c6c7;
	text-align: center;
	font-size: 0.83em;
	line-height: 1.1em;
	color: #000;
	text-decoration: none;
}

#nav2_prod li.last a { border-right: 0; }

#nav2_prod li a:hover, #nav2_prod li.in a, #nav2_prod li.in a:hover { background: #f1f1f2; }

/* 3rd level in product pages */

#nav3 {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	border-top: 0;
}

#nav3 li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #acccf1;
	background: #dae9f9;
	padding: 5px 8px;
	line-height: normal;
}

#nav3 li.first { border-top: 0; }

#nav3 li a { color: #000; text-decoration: none; }
#nav3 li a:hover { color: #000; text-decoration: underline; }

#nav3 li.in, #nav3 li.in a, #nav3 li.in a:hover { font-weight: bold; text-decoration: none; }

	
/* ----------------
   CONTENT
---------------- */

#intro { background: #f1f1f2; }

#intro div {
	width: 936px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: left;
	color: #666;
}

#content {
	clear: left;
	background: #fff;
	text-align: center;
	padding: 30px 0;
}

#content_container {
	width: 936px;
	margin: 0 auto;
	text-align: left;
	clear: left;
}

#col1 {
	float: left;
	width:225px;
	padding-right: 30px;
	text-align: left;
}

#col2 {
	float: left;
	width: 681px;
	text-align: left;
}

#col1.index { width:312px; }
#col2.index { width: 594px; }


/* news list on index */

.news {
	margin: 0 0 11px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #e7e7e8;
	width: 100%;
	clear: left;
}

.news li {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.3em;
	padding-bottom: 14px;
	clear: left;
}

.news li img { float: left; margin-right: 8px; }

.news li span { font-size: 0.98em; }
.news li span.clearer { display: block; }

/* information box on index */

.promo {
	clear: left;
	background: #f3f3f4;
	padding: 9px 12px;
	margin: 17px 0 0 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.3em;
}

.promo h1 { font-size: 1em; margin-bottom: 4px; }

/* breadcrumbs */

.breadcrumbs {
	background: #f1f1f2;
	padding: 4px 7px 5px 7px;
	margin-bottom: 1em;
	font-size: 0.83em;
	line-height: normal;
	color: #484949;
}

.breadcrumbs span {
	padding: 0 3px;
	color: #8f8f90;
}

.breadcrumbs a { color: #5293dd; }
.breadcrumbs a:hover { color: #000; }


/* ----------------
   PRODUCTS
---------------- */

/* index */

#products {
	margin: 0;
	padding: 0;
	list-style: none;
}

#products li {
	float: left;
	width:182px;
	height: 150px;
	/*height: 137px;*/
	background: #ddddde;
	margin-bottom: 6px;
	padding: 6px;
	font-size: 0.85em;
	line-height: normal;
}

#products li.mid { margin: 0 6px 6px 6px; }

.products_pic {
	display: block;
	width: 182px;
	height: 115px;
	margin-bottom: 4px;
	overflow: hidden;
}

/* catalogue */

#products.cat li {
	width: 201px;
	height: 240px;
	border: 1px solid #ddddde;
	background: #fff;
	padding: 7px;
	margin-bottom: 15px;
	overflow: hidden;
} 

#products.cat li.mid { margin: 0 15px 15px 15px; }

#products.cat li a { display: block; padding-bottom: 4px; font-weight: bold; }

#products.cat .products_pic {
	width: 201px;
	height: 113px;
	padding-bottom: 0;
	overflow: hidden;
}

.product_foto { 
	float: left;
	margin-right: 15px;
}

/* list of links on product pages */

.box {
	border: 1px solid #7fbaa7;
	padding: 15px 18px;
	margin-bottom: 30px;
}

.product_list {
	width: auto;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: left;

	padding-bottom:9px;
}

.product_list li {
	line-height: normal;
	padding-bottom: 10px;
	color: #333;
	clear:left;
}

.product_list li a { color: #333; display:block; padding-left:40px; padding-top:6px; }
.product_list li a:hover { color: #000; }

.product_list li img { vertical-align: middle; margin-right: 5px; float:left; padding-bottom:10px;}

/* tabs on product pages */

.tabs {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
}

.tabs li {
	display: block;
	float: left;
	margin-right: 3px;
	border: 1px solid #ddddde;
	border-bottom: 0;
	padding: 4px 10px;
	line-height: normal;
}

.tabs li a { color: #333; text-decoration: none; }
.tabs li a:hover { color: #000; text-decoration: underline; }

.tabs li.in {
	background: #86b5eb;
	border: 1px solid #ddddde;
	border-bottom: 0;
	font-weight: bold;
}

.tabs li.in a, .tabs li.in a:hover { color: #fff; font-weight: bold; text-decoration: none; }

.tabs_content {
	clear: left;
	border: 1px solid #ddddde;
	border-top: 6px solid #86b5eb;
	padding: 16px;
	text-align: left;
	font-size: 0.85em;
}

.tabs_view {
	background: #f1f1f2;
	padding: 7px 11px 2px 11px;
	margin: -16px -16px 16px -16px;
	text-align: left;
	/*font-size: 0.85em;*/
	line-height: normal;
	clear: left;
}
.tabs_view form { line-height: normal; }
.tabs_view strong, .tabs_view form, .tabs_view input, .tabs_view label { float: left; }
.tabs_view strong, .tabs_view label { display: block; }
.tabs_view strong, .tabs_view label { padding-top: 2px; }
.tabs_view input { margin: 4px 4px 0 15px; }

.tabs_view .clearer { height: 1px; margin-top: 0; }

/*
.tabs_content ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
*/

ul.plist, ul.pgallery {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.plist li img { float: left; margin-right: 10px; }

.plist li {
	width: 100%;
	margin-bottom: 16px;
	clear: left;
}

.plist li span.clearer { display: block; }

.tabs_content .pgallery {
	clear: left;
}

.pgallery li {
	width: 119px;
	height: 160px;
	float: left;
	margin: 0 13px 13px 0;
	padding:0;
	line-height: normal;
	/*font-size: 0.85em;*/
	overflow: hidden;
}

.pgallery li.last { margin-right: 0; }

.pgallery li a.ppic {
	display: block;
	width: 119px;
	height: 80px;
	overflow: hidden;
}

.gall_pics td { padding-top: 15px; }

.gall_pics.first td { padding-top: 0; }

.gall_txt td {
	padding: 5px 15px 15px 15px;
	font-size: 0.90em;
	line-height: normal;
	border-bottom: 1px solid #e7e7e8;
}

.gall_txt.last td {
	border-bottom: none;
	padding-bottom: 0;
}

.tabs_product_gal .titles td {
	padding: 5px 14px 15px 14px;
	line-height: normal;
	border-bottom: 1px solid #e7e7e8;
}

.tabs_product_gal .titles.last td {
	border-bottom: none;
}

.tabs_product_gal .pics td {
	padding-top: 15px;
}

.tabs_product_gal .pics.first td {
	padding-top: 0;
}

.tabs_product_list td {
	padding-bottom: 15px;
	padding-right: 15px;
}

.tabs_product_list .pics {
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;
}

h2.product_cat {
	border-bottom: 1px solid #7fbaa7;
}


/* ----------------
   FORMS
---------------- */

form { padding-bottom: 0.7em; }

form ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	clear: left;
	position: relative;
	line-height: normal;
	padding-bottom: 13px;
}

form li input, form li select, form li textarea {
	width: 100%;
	text-align: left;
	display: inline;
	border: 1px solid #666;
	font-size: 1em;
}

form li label {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
}

form li.opt { padding-top: 2px; }

form li.opt label { font-weight: normal; color: #666; }

form li.opt input, form li.opt select, form li.opt textarea {
	border: 1px solid #ccc;
}

.req { color: #ff2501; font-weight: bold; font-size: 1.3em; line-height: 1em; }

form li.floatleft { float: left; clear: none; }
form li.floatright { float: right; clear: none; }

form li.wone { width: 329px; }
form li.wtwo { width: 426px; margin-right: 16px; }
form li.wfull { width: 680px; }
form li.wauto { width: auto; }

form li.floatright.wone { margin-right: 0; }

input.radio, form li input.radio, input.check, form li input.check { border: 0; width: auto; }

form li.wauto input, form li.wauto select, form li input.auto, form li select.auto { width: auto; }

form li label.inl { display: inline; font-weight: normal; }

fieldset {
	border-top: 1px solid #ddddde;
	padding: 16px 0;
	
}

form h2 { margin-bottom: 6px; }

input.button {
	width: 78px;
	height: 26px;
	background: url(../img/button.gif) no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	padding-bottom: 2px;
	font-size: 1em;
	font-weight: normal;
}

#request li { width: 329px; line-height: normal; }
#request li.floatleft { margin-right: 23px; }
#request li.wfull { width: 681px; }

#request li select { width: 331px; }

#request .name { margin-right: 16px; }
#request .name select { width: 54px; margin-right: 0; padding-top: 0; padding-bottom: 0; }
#request .name input { width: 267px; }

#request input.button {
	margin-top: -6px;
}

#distributors input.button {
	margin-bottom: 1em;
}

/* error messages */

.errormsg { color: #ff2501; }


/* polls */

.poll-desc {
	/*width: 407px;
	float: right;*/
	background: #f1f1f2;
	padding: 10px 15px;
}

.poll { width: 457px; }

.poll li {
	line-height: normal;
	position: relative;
}

.poll .opt label {
	font-weight: bold;
}

.poll textarea, .poll input, .poll select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-stretch: normal;
}

.note {
	display: inline-block;
	font-size: 0.9em;
	color: #777;
	font-style: italic;
	line-height: 1.2em;
	padding: 2px 0 7px;
}

.poll-qsmall {
	clear: left;
	width: 100%;
	padding-left: 20px;
	margin: 4px 0 6px 0;
}

.poll-qsmall .radio, .poll-qsmall .check {
	float: left;
	margin-left: -20px;
	margin-top: 2px;
}

.poll-qsmall .txt {
	width: 437px;
	margin-top: 2px;
}

.poll-scale { margin: 4px 0; }

.poll-scale td {
	background: #f1f1f2;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 3px 0;
}

.poll-scale .radio, .poll-scale .check { margin-bottom: 2px; }

.poll-comment {
	clear: left;
	margin: 10px 0 0;
}

.poll-comment textarea { height: 35px; }

.poll .opt .poll-comment { color: #666; }

.poll-error {
	position: absolute;
	right: -460px;
	top: 2px;
	width: 435px;
	color: #ff2501;
	background: url(../img/arrow-left.gif) no-repeat 0 2px;
	padding-left: 14px;
}