@import url(navigation.css);
@import url(forms.css);
body {margin:0px 0px 1px 0px;	text-align:center;
 	padding:0px;
	color:#505050;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:856px;height:auto; text-align:left;display:block;padding:0;}
.cntcontainer{width:856px; height:300px; min-height:300px;display:block;position:relative; margin:0; padding:0;   }

html>body .cntcontainer{height:auto;}

#hdr{width:856px; height:136px; display:block; position:relative; margin:0px 0 0 0;}
#constrain .logo{position:relative;width:185px; height:80px;padding:0;margin:0; top:33px; left:15px; z-index:100; }
#constrain .logo h3{margin:0;padding:0;}
#constrain .logo h3 a { display:block; width:185px; height:80px; background:url('/img/logo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 



#hdrmenu{width:856px;height:15px;display:block; position:absolute; left:0px; top:-20px; margin:0; padding:0px 0 0 0;  }


#searchBox{width:170px;height:23px; display:block; position:absolute; right:0px; top:-100px;margin:0; padding:0;z-index:150;}
#phdr {width:856px;height:69px;display:block; position:absolute;  left:0px; top:0px;  color:#a4a1a1;margin:0; padding:0; font-size:10px;  }
#phdr a{font-size:10px; color:#a4a1a1;}
.pagetitle{position:absolute; left:0; top:0; width:165px; height:24px; background:#4da15b; padding:45px 0 0 30px;  }
.pagetitle h2{ font-size:13px; color:#ffffff;}
.banner{position:absolute; left:199px; top:0; width:657px; height:69px;  padding:0 0 0 0px;}

#tools{width:100px;height:15px;display:block; position:absolute; right:0px; top:75px; text-align:right; color:#fff;margin:0; padding:0px 0px 0 0;}
#tools a{ margin-right:10px; background: url(/img/sendPor.gif) no-repeat right 3px;padding:0 10px 0 0;}




#front .section1{ position:relative; width:856px; }
#front .section2{}

#front .section1 .panel1{float:left; width:856px; min-height:200px; margin: 0px 0 10px 0px;  padding:0 0 50px 0; background:url(/img/front_skraut.gif) no-repeat bottom; }

* html #front .section1 .panel1{display:inline; }
html>body #front .section1 .panel2{height:auto;}

#front .section2 .panel1{float:left; width:277px; min-height:150px; margin: 0px 0 0 0px;  padding:0 0 0px 0;  border:2px solid #bee18d;}
#front .section2 .panel2{float:left; width:277px; min-height:150px; margin: 0px 0 0 6px;  padding:0 0 0px 0; border:2px solid #bee18d; }
#front .section2 .panel3{float:left; width:277px; min-height:150px; margin: 0px 0 0 6px;  padding:0 0 0px 0; border:2px solid #bee18d;}
* html #front .section2 .panel1{display:inline; height:180px; }
html>body #front .section2 .panel1,#front .section2 .panel2,#front .section2 .panel3{height:auto;}

#front .section2 .panel1 h3,#front .section2 .panel2 h3,#front .section2 .panel3 h3{display:block; width:247px; height:22px; padding:6px 30px 0 0px; margin:0; text-align:right; background:transparent url(/img/box_hdr.gif) no-repeat 255px 10px; font-size:12px; font-weight:bold; color:#f6831f; }
#front .section2 .box{display:block; width:262px; min-height:160px; margin:0;padding:5px 5px 0 10px;}
#front .section2  h3 a{color:#f6831f;font-size:12px;}

#subpage .section1 .panel1{float:left; width:637px; min-height:295px; margin: 72px 0 0 199px;  padding:25px 0 0px 20px; border-left: 1px #d7d9d9 solid; border-bottom: 1px #d7d9d9 solid;}
#subpage .section1 .panel2{float:left; width:195px; min-height:220px; margin: 72px 0 0 -857px;  padding:0 0 0px 0;  }
* html #subpage .section1 .panel1{display:inline; height:295px;}
#subpage .section1{position:relative; width:856px;  background:url(/img/front_section_top.gif) no-repeat 5px 0 ;z-index:0;}


#login .panel1{float:left; width:250px; min-height:350px;  margin:100px 0 0px 370px;  }
* html #login .panel1{display:inline; height:350px;}


.leftContent{padding:0px 0px 0 0px;}

.left_box{float:left;width:195px; background:#283b66; padding: 4px; margin:0; color:#fff; font-size:14px;}
.left_box ul{list-style:none; padding:0; margin:0;}
.left_box li{display:block; border-bottom:1px #fff solid; min-height:20px; background: url(/img/box_or.gif) no-repeat 8px 7px; padding:7px 0 6px 26px; }
#subpage .left_box a,#front .left_box a,#columns3 .left_box a,#columns2 .left_box a{color:#fff; font-size:14px;}

#submenu{width:195px; min-height:295px; background:  url(/img/subMenu_bg.gif) no-repeat bottom;  padding:5px 0 20px 0px; margin:0 0 0px 0; }
html>body #submenu{height:auto;}
* html #submenu{height:320px; }
#submenu h3{color:#283b66; font-size:16px; padding:0px 0 0 12px;}




 .bread{width:860px;height:15px;display:block; position:absolute;  left:219px; top:75px; color:#d7d9d9; font-size:11px;   }
#subpage .bread a{color:#d7d9d9;} 


.low_section{
	display:block;
	margin:20px 0 0 0;
	height:auto;
}
	.low_section .left{
		float:left;
		display:block;
		width:420px;
		padding:0 6px 0 0;
		height:20px;
		min-height:20px;
		border-right: 1px #ccc solid;
	}
	html>body .low_section .left {height:auto;}
	.low_section .right{
		float:left;
		display:block;
		width:420px;
		height:20px;
		min-height:20px;
		padding:0  0 0 6px;
		margin:0 0 0 -1px;
		border-left: 1px #ccc solid;
	
	}
		.low_section .right h2,.low_section .left h2{font-size:14px; }
	html>body .low_section .right {height:auto;}


 .footer{position:relative;width:856px; min-height:33px; height:33px; display:block; margin:15px 0 0 0; padding:3px 0 0 0px;text-align:left; color:#9f9f9f;  border-top:1px #d7d9d9 solid;  }
 .footer a{color:#939393;}
#subpage .footer{position:relative;width:367px;left:199px; min-height:10px; height:10px; display:block; margin:2px 0 0 0; padding:0px 0 0 0px;text-align:left; color:#9f9f9f;  border-top:0px #d7d9d9 solid;  }



/**mailform**/
.mailform{float:left; width:617px; padding:10px; border-top:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:617px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_field label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_field input{width:200px; height:18px; border:1px silver solid;}

.mailform .form_txtArea{float:left;width:617px;min-height:50px; padding:15px 0 3px 0 ;}
.mailform .form_txtArea label{float:left; text-align:right; width:95px; height:80px; display:block;padding:0 5px 5px 0;}
.mailform .form_txtArea textarea{width:500px; height:160px;border:1px silver solid;}

.mailform .form_label{clear:both;width:617px; height:20px; padding:3px 0 3px 0 ; margin:5px 0 0 0; border-bottom: 1px silver solid; font-size:14px; font-weight:bold;}

.mailform .form_zip{float:left;width:617px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_zip label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_zip select{width:200px; height:20px; border:1px silver solid;}

.mailform .form_calendar{float:left;width:617px;  padding:3px 0 3px 0 ;}
.mailform .form_calendar label{float:left; width:95px;  height:12px; line-height:12px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_calendar input{float:left; width:80px; height:18px; border:1px silver solid;margin:0;}
.mailform  .form_calendar button{float:left;display:block; height:13px; width:13px; overflow:hidden; background: transparent url(/Modules/MailForm/Fields/CalendarFiles/calendar.gif) no-repeat right; border:0; text-indent:-3000px; cursor:pointer; margin-left:2px;}


.mailform .form_drop{float:left;width:550px; height:23px; padding:3px 0 3px 100px; }
.mailform .form_drop label{float:left; width:95px;  height:12px; line-height:20px; text-align:left; padding:0 5px 5px 5px; display:block;}
.mailform .form_drop select{float:left;width:50px; height:18px; border:1px silver solid;}

.mailform .formRadio{float:left;width:617px; height:23px; min-height:23px; padding:3px 0 3px 0 ;}
.mailform .formRadio label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .formRadio input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .formRadio span{display:block; height:18px; width:200px;float:right;}
.mailform .formRadio ul{display:block;float:left;list-style:none; padding:0 0 0 5px;margin:0;}
.mailform .formRadio li{display:block;clear:both;}
.mailform .formRadio li label{display:block;padding:0; text-align:left; }
html>body .mailform .formRadio{height:auto;}

.mailform .form_check{float:left;width:617px;  min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_check{height:auto;}
.mailform .form_check label{float:left; width:95px;  line-height:20px; text-align:right; padding:0 5px 0px 0; display:block;}
.mailform .form_check input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .form_check span{color:#555555; font-size:10px;}
.mailform .form_check ul{display:block;float:left;list-style:none; padding:0 0 0 5px;margin:0;}
.mailform .form_check li{display:block;clear:both;}
.mailform .form_check li label{display:block;padding:0; text-align:left; }

.mailform .form_btn_div{float:left;width:617px;  padding:3px 0 3px 0 ;}
.mailform  .formBtn, #mailReg  .searchBtn{float:right;display:block; height:22px; width:auto;line-height:22px; overflow:hidden;  color:#fff; background: #b6b6b6 ; border:0px #a4a4a4 solid; text-indent:0px;font-size:14px; cursor:pointer;}
#mailReg  .searchBtn{float:left ;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#subpage .panel1 #mailReg{width:300px;}
#mailReg .form_field{ float:left; width:160px;}

.warningTxt{ clear:both;  color:Red; background:#fbf8e9; border:1px #ccc solid;padding:2px; margin:5px 5px 0 5px; }

.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}

#mailReg{float:left; width:170px; height:auto;  padding:0px 0 8px 7px; color:#a9a9a9; font-size:10px; letter-spacing:-1px; margin:10px 0 0 0;}
#mailReg .form_field{float:left; padding:0px 0 0 0px;width:170px;}
#mailReg .form_field input{float:left;width:150px; height:13px; font-size:10px; background:#fff none; border:1px #4da15b solid;  color:#a0a0a0; margin:0px 0 5px 0; padding:1px 0 2px 3px;}
#mailReg .searchBtn{background:transparent url(/img/mailButton.gif) no-repeat scroll 0 0;border:0 none;color:#A3A3A3;cursor:pointer;float:left;display:block;height:18px;margin:0px 0 0;padding:0;text-indent:3000px;width:89px;}
#mailReg h4{font-size:15px; color:#a9a9a9;padding: 5px 0 0 35px;}
.mailBottom{display:block; width:177px; height:11px;clear:both; background: url(/img/mailBottom.gif) no-repeat;}



/**search**/
.searchdiv{float:left; height:24px; line-height:20px;  margin:0; padding:0px 0px 0 0px; }
.search_txt_box{float:left;width:140px; height:12px; font-size:10px; background:#fff none; border:1px #d7d9d9 solid;  color:#a0a0a0; margin:2px 0 0 0; padding:1px 0 2px 3px;}
.search_btn{background:transparent url(/img/search_btn.gif) no-repeat scroll 0 0;border:0 none;color:#A3A3A3;cursor:pointer;display:block;float:left;height:17px;margin:2px 0 0;padding:0;text-indent:-3000px;width:21px;}

.panel1 .searchdiv{display:block;width:200px; height:20px; padding-bottom:5px;margin-bottom:10px; }

.searchResults{list-style:none; margin:0; padding:0 0 0px 0;border-top:1px #e6e6e6 solid; }
.searchResults  ul{list-style:none; margin:0; padding:0;}
.searchResults  li {clear:both;border-bottom: 0px #a4a4a4 dotted; padding:0px 0 5px 0;}
.searchResults  h4{color:#023f99; font-size:13px;margin:0;}
/**** User Login ******/

.userLogin{float:left;width:225px; height:22px; min-height:22px;  padding:35px 0 0 0;background:#fff url(/img/userLogin_bg.gif) no-repeat top;}
html>body .userLogin{height:auto;}
#login .userLogin .bottom{float:left;width:225px; height:16px;  background: url(/img/search_btn.gif)no-repeat;}
#login .loginfield{float:left;display:block; height:25px;width:225px;  }
#login .loginfield label{ float:left;display:block; height:16px; width: 65px; text-align:left; padding:2px 0px 0 10px;}
#login .loginfield input{ float:left;height:20px; border:1px #cccccc solid;width: 133px;  padding:0 0px 0 0; }
#login .login_btn{float:right; height:18px; width:51px; display:block; background: transparent url(/img/login_button.gif) no-repeat ;border:0; text-indent:-3000px; overflow:hidden;margin:0px 0 0 0;padding: 0 ;cursor:pointer; color:#a3a3a3;}
#login .btnfield{padding:3px 15px 0 0;}
.loginError{float:left;color:Red;width:225px; text-align:center; padding-top:5px;}
.logOut{padding-left:17px; background:transparent url(/img/logout.gif) no-repeat 0px 1px;}




#constrain a.igm {position:absolute; display:block; width:32px; height:14px; right:5px; top:15px; background: url('/img/igmLogo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 

/**************************/
/*  product			     */
/**************************/
#pro_info{float:left;width:700px;min-height:100px;padding:5px 0px 10px 0px;border-bottom: 0px #cdcdcd solid;}
#pro_info h2{width:393px;font-size:18px;color:#001e44;border-bottom: 1px #cdcdcd solid;padding:0 0 5px 0;margin:0;}
#pro_info img{padding:0px 4px 0px 4px; margin:0; border-left: 1px #cdcdcd solid;border-right: 1px #cdcdcd solid; width:294px;}
#pro_info span{color:#656565;font-weight:bold;}

#pro_info .imgbox{width:304px; float:right;  }
#pro_info .imgbox a{width:274px; display:block; height:34px;  margin:5px 0 0 0; background:url(/img/kaupavoru.gif) no-repeat; color:#fff; padding:12px 0 0 30px;}
#pro_info .imgTop{width:304px; height:5px; font-size:0;clear:both; background: url(/img/img_top.gif) no-repeat;}
#pro_info .imgbottom{width:304px; height:5px;font-size:0; clear:both; background: url(/img/img_bottom.gif) no-repeat;}

#pro_list{float:left;width:700px;min-height:100px;padding:5px 0px 10px 0px; color:#848484; }
#pro_list h2{font-size:18px;color:#001e44;}
.pro_list_tbl{}
.pro_list_tbl td{border-bottom:1px #eff2ec solid;padding:10px 5px 10px 5px;vertical-align:top;}
.pro_list_tbl img{padding: 0px 2px 2px 2px;border-left: 1px #a9a9a9 solid;border-right: 1px #a9a9a9 solid;border-bottom: 1px #a9a9a9 solid;border-top: 0px;margin-bottom:4px; width:158px;}
#pro_list .imgTop{width:164px; height:3px; font-size:0;clear:both; background:url(/img/product_img_top.gif) no-repeat top;}
#pro_list a{font-size:11px;font-weight:bold;padding:0 0 2px 0;}

.titleTbl{float:left;padding:0; margin:0; text-align:left;}
#constrain .titleTbl td{height:30px;padding:0; margin:0;vertical-align:bottom;}

#constrain a.backBtn {background: transparent url('/img/back_btn.gif') no-repeat scroll left;padding: 0 0 0 10px; margin-bottom:5px; font-weight:normal; color:#b4b4b4; font-size:10px;}

.proOrder h3{color:#3c3c3c; font-size:13px; display:block; border-bottom:1px #cdcdcd solid;padding:5px 0 6px 0; }
.proOrder{float:left; width:700px;min-height:100px;padding:0px 0px 0px 0px; background:url(/img/order_bak.gif) repeat-y ;margin-top:5px;}
.ordertop{clear:both; width:700px; height:5px; background:url(/img/order_top.gif) no-repeat top;font-size:0;}
.orderbottom{clear:both; width:700px; height:5px; background:url(/img/order_bottom.gif) no-repeat top;font-size:0;}

.comment{float:left;width:285px; height:170px; padding:5px 5px 0 10px;  background:url(/img/comment_bg.gif) no-repeat top;}

.orderForm{float:left;width:383px;padding:0 0 0 10px;}
.orderForm .field{float:left;width:383px; padding:3px 0 3px;}
.orderForm .field label{float:left;display:block;width:85px; text-align:right; padding:0 10px 0 0;}
.orderForm .field input{float:left;display:block;width:242px;  padding:0;}

.orderForm .textarea{float:left;width:383px;padding:3px 0 3px;}
.orderForm .textarea label{float:left;display:block;width:85px; text-align:right; padding:0 10px 0 0;}
.orderForm .textarea textarea{float:left;display:block;width:242px; height:80px; padding:0;}

.orderForm  .btnDiv {float:left;width:340px;padding:3px 0 3px; text-align:right;}
.ordBtn{width:74px; height:23px; padding:0; background:url(/img/form_btn.gif) no-repeat; border:0; color:#fff; }






/**** FAQ ******/
.faq{}
.open{height:auto; padding:5px 0 5px 0;}
.closed{display:none;}
.faqsep{border-bottom: 1px #dcdcdc solid; margin:5px 0 5px 0; }


/****** News **********/
.news{list-style:none; margin:0; padding:0; color:#595959;}
.news  ul{list-style:none; margin:0; padding:0;}
.news  li {clear:both;border-bottom: 1px #c4c4c4 solid; padding:10px 0 10px 0;font-size:13px;}
#front .news  li h4 a,#subpage .news h4{color:#4da15b; font-size:11px; font-weight:bold;}
.news   span.date{color:#969696; display:block;  padding:0 0 2px 15px; font-size:10px; background: url(/img/news_icon.gif) no-repeat 0 2px;}
#front .news li span.more a,#subpage .news  span.more a {padding:0 0 0 12px; font-size:10px; color:#b4b4b4; background: url(/img/readMore.gif) no-repeat 0 4px;clear:both;}


.artdate{color:#555555; display:block; font-size:11px;	}
.artheader{	padding: 0 0 0 5px;	margin:0 0 3px 0;	line-height:13px;}
.separator{	border-bottom:1px #A4A4A4 dotted;	margin:5px 0 5px 0;}

/******* Calendar ********/
.calendar{float:left; background:#f6f6f6;width:197px;display:block;}
#constrain .calendar h3  a{display:block;  background:#fff url(/img/eventIcon.gif) no-repeat;display:block;height:35px; color:#555555; font-size:14px;line-height:35px; font-weight:normal;padding:0 0 0 44px; border-bottom:1px #a4a4a4 dotted; margin-top:1px; }
#constrain .calendar h3 a:hover{background-color:#eaeaea;cursor:pointer;}
#constrain .calendar  a{cursor: default;}
#constrain .radCalHover_Default a{cursor:pointer;}
.datePicker{float:left; width:196px; min-height:100px; height:auto; margin:0; padding:0 0 8px 1px; }
.calendarSub .datePicker{width:170px; background:none;}
.calendarSub table{width:160px;}


/****** misc **********/

.fix{display:inline;}
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }

.clear{clear:both; height:0; line-height:0; font-size:0;}

a:link  { font-size: 11px; color: #f6831f; text-decoration: none}
a:visited { font-size: 11px; color : #f6831f;   text-decoration: none}
a:active { font-size: 11px; color : #f6831f; }
a:hover {font-size: 11px; color : #f6831f;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {color: #4da15b; line-height:1.1em; margin:0 0 0.3em 0;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
	
hr {background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;}
div,form, blockquote,img {	margin:0; padding:0; }
p	{margin-top: 0em;padding: 0px 0px 0px 0px;margin-bottom: 0em; }