﻿
@import url(navigation.css);

body {
	margin:0px 0px 1px 0px;
 	text-align:center;
 	padding:0px;
	color:#343434;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF url('/img/mainBg.gif') repeat-x fixed bottom;
}

/*************** blocks  ********************/
#top_block {background:transparent url('/img/top_bg.gif') repeat-x;height:119px;width:100%;margin:0;padding:0;}
#top_block .constrain {margin:auto;text-align:left;width:969px;height:119px; background:transparent url('/img/menutop.gif') no-repeat;}
#mainblock{background-color: #FFFFFF;width:100%;}
#mainblock{background:transparent none; }
#mainblock .constrain{margin:auto;text-align:left;width:921px;}

#front .container,#subsites .container{float:left; width:919px; border-left:1px #b7b7b7 solid;border-right:1px #b7b7b7 solid; background:#FFF; border-bottom:1px #b7b7b7 solid;}
#front .panel1{float:left;  width:628px;margin:0 0 0 14px; min-height:150px;}
#front .panel2{float:left;  width:256px; margin:11px 0 0 11px; min-height:150px;}
* html .panel1{display: inline; }

.logo{float:left;width:300px; height:79px;padding:0 0 0 24px;margin:0;}
#top_block .logo h1{margin:0;padding:0;}
#top_block .logo h1 a { display:block; width:300px; height:79px; background:url('/img/alafoss.gif') no-repeat ; overflow:hidden; text-indent:-300px;  margin:0;} 
.links{float:left;width:456px;height:68px; text-align:right; padding:11px 5px 0 0;}
#top_block .links a{color:#000000;}

.sidebox{float:left;width:242px;height:100px;border:1px #bbbbbb solid; background: #080808 url(/img/boxbg.gif) repeat-x top;padding:5px 6px 5px 6px;color:#FFFFFF;margin-bottom:6px;}
.sidebox h3{font-size:18px; font-weight:normal;color:#FFFFFF; padding-bottom:3px;}
.uline h3{border-bottom:1px #d8782e solid;}
#front .sidebox a,#subsites .sidebox a{color:#FFFFFF;font-size:12px;line-height:20px;}
#front .sidebox ul{list-style:none;margin:0;padding:0;}
#front .sidebox li{background: transparent url(/img/box_link.gif) no-repeat 12px 5px; padding-left:30px;}

.frontbox{width:613px; height:164px; top:-2px; z-index:50; position:relative; margin:0 0 10px 0; background: transparent url(/img/front_BoxAd.gif) no-repeat bottom; padding:0 0 7px 15px;}
.frontbox h2{color:#c16620; font-size:22px; border-bottom:1px #080808 solid; width:425px; font-weight:normal;}

#subsites .panel1{float:left;  width:628px;margin:0 0 0 274px; min-height:150px; padding:0px 0 10px 0px;}
#subsites .panel2{float:left;  width:256px; margin:0 0 0 -902px; min-height:150px; }
.toolbar{width:919px;border-bottom:1px #b7b7b7 solid;height:25px;}

#submenu{width:245px; background: transparent url(/img/subMenubg.gif) no-repeat ; padding:0 0 0 12px;margin:0 0 12px 0}
#submenu h2{width:236px;font-size:16px;border-bottom:1px #d8782e solid; padding:6px 0 4px 0;margin:0 ;}


#front .tabpanel{float:left; width:628px; min-height:300px; background: transparent url(/img/tab_box_bg.gif) no-repeat top; }
#front .tabpanel_eng{float:left; width:628px; min-height:300px; background: transparent url(/img/tab_box_bg_eng.gif) no-repeat top; }
#front .tabs{float:left; width:628px; height:23px; }
#front .tabs ul {	float:left;	list-style: none;	padding: 0 0px 0 0px ;	margin:0;}
#front .tabs li{float:left;}
#front .tabs li a {display:block; 	height:23px;	overflow:hidden; 	text-indent:-3000px; }
#front .tabs li.tab_1 a{width:100px; background:transparent url(/img/tab_1.gif) no-repeat ;}
#front .tabs li.tab_2 a{width:93px; background:transparent url(/img/tab_2.gif) no-repeat ;}
#front .tabs li.tab_3 a {width:93px; background:transparent url(/img/tab_3.gif) no-repeat ;}
#front .tabpanel_eng li.tab_1 a{width:100px; background:transparent url(/img/tab_1_eng.gif) no-repeat ;}
#front .tabpanel_eng li.tab_2 a{width:105px; background:transparent url(/img/tab_2_eng.gif) no-repeat ;}
#front .tabpanel_eng li.tab_3 a {width:93px; background:transparent url(/img/tab_3_eng.gif) no-repeat ;}
#front .tabs li.selected a{background-position: 0 -23px ;}
#front .tabs li.selected a:hover{background-position: 0 -23px ;}
#front .tabs li  a:visited {text-decoration:none; }
#front .tabs li  a:active {text-decoration:none;}
#constrain #front li a:hover {background-position: 0 -23px ;}

.tabbox{float:left; width:628px; min-height:10px; margin:0; padding:0; height:auto;display:block;}
.tabboxhidden{visibility:hidden; height:0; overflow:hidden; }

.footer{float:left;width:919px;padding:10px 0 0 0; text-align:center; margin:0 0 30px 0;}

#hdr_menu span{float:right; padding:5px 5px 0 0;}
#hdr_menu span a{display:block;height:13px; width:18px; background: transparent url(/img/eng_flag.gif) no-repeat; overflow:hidden; text-indent:-3000px; }
#hdr_menu .isl a{background: transparent url(/img/isl_flag.gif) no-repeat;}

.searchdiv{float:left; width:157px; height:20px; padding:8px 0 0 0; }
.search_txt_box{float:left;width:135px; height:17px; background:#e8e8e8; border:1px #d5803f solid;}
.search_btn{float:left; width:14px; height:19px;display:block; background: transparent url(/img/search_btn.gif) no-repeat 0px 0px; border:0;text-indent:-3000px; overflow:hidden; cursor:pointer;}
.serach_btn:hover{background-position:0 -19px;}

.breadcrumbs{float:left; width:628px; height:20px; padding:5px 0 10px 0;}
.breadcrumbs,#subsites .breadcrumbs a{color:silver; font-size:11px;}


/**mailform**/
.mailform{float:left; width:400px; padding:10px; border:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:400px; 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:400px;min-height:50px; padding:3px 0 3px 0 ;}
.mailform .form_txtArea label{float:left; text-align:right; width:95px; height:40px; display:block;padding:0 5px 5px 0;}
.mailform .form_txtArea textarea{width:290px; height:80px;border:1px silver solid;}
.mailform .form_label{clear:both;width:400px; 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:400px; 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_check{float:left;width:400px; height:20px; min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_check{height:auto;}
.mailform .form_check label{float:left; width:370px;  line-height:20px; text-align:left; 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_btn_div{clear:both; width:400px;}
.mailform  .formBtn, #mailReg  .searchBtn{float:right;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; 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; }
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}

/**************************/
/*  product			     */
/**************************/
#pro_info{float:left;width:628px;min-height:100px;padding:5px 0px 10px 0px;border-bottom: 1px #b5b5b5 solid;}
#pro_info h2{width:315px;font-size:18px;color:#001e44;border-bottom: 1px #b5b5b5 solid;padding:0 0 5px 0;}
#pro_info img{padding: 1px; margin-bottom:5px;border: 1px #b5b5b5 solid; width:300px;}
#pro_info span{color:#656565;font-weight:bold;}
.backBtn {background: transparent url('/img/back_or.gif') no-repeat scroll left;padding: 0 0 0 10px;font-weight:bold;}
#pro_info .imgbox{width:303px; float:right;  }
#pro_info .imgbox a{width:345px; display:block; height:46px;  text-indent:-3000px; overflow:hidden; background:url(/img/kaupavoru.gif) no-repeat;}

#pro_list{float:left;width:628px;min-height:100px;padding:5px 0px 10px 0px;}
#pro_list h2{font-size:18px;color:#001e44; padding:0 0 2px 0; border-bottom: 1px #b5b5b5 solid;}
.pro_list_tbl{width:100%;}
.pro_list_tbl td{border-bottom:1px #eff2ec solid;padding:10px 5px 10px 5px;vertical-align:top;}
.pro_list_tbl img{padding: 2px;border: 1px #b5b5b5 solid;margin-bottom:4px;}
#pro_list a{font-size:13px;font-weight:bold;}
.proOrder{float:left; width:714px;min-height:100px;padding:5px 10px 10px 10px; background:#fafafa;}

/**************************/
/*		news    */
/**************************/
.artdate{float:left;display:block;width:67px;border-right: 1px #d4d4d4 solid;margin:0 0 3px 0;	min-height:13px;height:auto;padding:0;line-height:13px;	}
.artheader{	float:left;	display:block;	width:184px;	min-height:13px;	height:auto;	padding: 0 0 0 5px;	margin:0 0 3px 0;	line-height:13px;}
.separator{	border-bottom:1px #c4c4c4 solid;	margin:5px 0 5px 0;}

 /*links*/
a:link  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c8712e; text-decoration: none}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #c8712e;  text-decoration: none }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #c8712e; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #c8712e;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, sans-serif;color: #000000;		line-height:1.1em; margin:0 0 0.3em 0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
	
hr {background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;}

 form,  blockquote,img {	margin:0; padding:0; }
p	{	margin-top: 0em;	padding: 0px 0px 0px 0px;	margin-bottom: 0em; }





