/* CSS TOITOI */

/***************** BASIC ELEMENTS ************************/

body {
	background: #747474 url("../images/bg_body.gif") repeat-x;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	color: #666666;
	text-align: center;
}

div#page {
	background: url("../images/bg_page.gif") no-repeat center top;
	padding:50px 0 0 0;
}

div#frameholder {
	width: 980px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #FFFFFF url("../images/bg_frameholder.gif") repeat-x left 394px;
}

div.frameholder_home {}
div.frameholder_content {}


div#flash{
	position: absolute;
	margin: 0 0 0 239px;
	top:0;
	width: 429px;
	height: 154px;
}

div#left{
	margin: 0 0 0 0;
	padding: 10px 20px 0 20px;
	float: left;
	width: 160px;
}

div#right{
	margin: 0 0 0 0;
	padding: 10px 20px 0 20px;
	float: right;
	width: 160px;
}

div#center{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background:  url("../images/bg_center.gif") no-repeat center top;
}

div.center_home{background:  url("../images/bg_left.gif") repeat-x right top;}
div.center_content{	
	background: none;
	float: left;
	width: 580px;
}

div#content{
	padding: 10px 20px 20px 20px;
	margin: 0 0 0 0;
	line-height: 12pt;
}


div.content_home{
	padding: 0 0 0 0;
}
div.content_content{
	padding: 0 20px;
}


div#footer {
	width: 960px;
	margin: 0 auto 0 auto;
	font-size: 7.5pt;
	text-align: left;
	padding: 10px 10px;
	color: #666666;
	background: #000000;
	text-align:center;
}

div#footer a {
	color: #666666;
	text-decoration: none;
}

div#footer div#submenu {
	margin: 0 0 7px 0;
	font-size:7.5pt;
	color: #666666;
}

div#footer div#submenu a{
	color: #666666;
	text-transform:uppercase;
	font-weight:normal;
	padding: 0 2px;
}

/***************** SPECIFIC ELEMENTS ************************/

/***************** header ************************/

div#header{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: 100px;
  background: #FFFFFF url("../images/bg_header.gif") repeat-x right top;
}

a#logo {
	position: absolute;
	margin: 22px 0 0 27px;
}



/***************** topmenu ************************/

div#topmenu {
	padding: 30px 20px 0 0;
	margin: 0 0 0 0;
	font-size: 8.25pt;
  	text-align: right;
}

div#topmenu a{
	color: #666666;
	padding: 0 3px 0 3px;
	margin: 0 3px 0 3px;
	text-decoration: none;
	vertical-align:middle;
}

div#topmenu a:hover{}


div#topmenu  img{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

div#topmenu  input.text{
	margin: 0 5px 0 15px;
	vertical-align: middle;
	background: #ffffff url("../images/bg_input.gif") no-repeat left top;
	font-size: 8.25pt;
	color:#999999;
	border: 1px solid #b3b3b3;
	padding: 2px 3px;
	width: 120px;
}

div#topmenu  input.submit{
	vertical-align: middle;	
}



/***************** section ************************/


div#section{
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 65px;
	background: #301a08 url("../images/bg_section.gif") repeat-x left top;
}

	div#section ul.menu {
		margin: 0;
		padding: 0 0 0 20px;
	}
	div#section ul.menu li{
		background: none;
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 35px 0 0;
		float:left;
	}
	
	div#section ul.menu li a{
		display: block;
		padding: 5px 0;
		margin: 0 0 0 0;
		text-decoration: none;
		color:#e6ac62;
		height: 55px;
		font-size: 12pt;
	}
	
	div#section ul.menu li a.box_01{
		width: 155px;
		background: #301a08 url("../images/bg_section_box_01.gif") no-repeat left top;
	}
	div#section ul.menu li a.box_02{
		width: 160px;
		background: #301a08 url("../images/bg_section_box_02.gif") no-repeat left top;
		margin: 0 0 0 2px;
	}
	div#section ul.menu li a.box_03{
		width: 177px;
		background: #301a08 url("../images/bg_section_box_03.gif") no-repeat left top;
		margin: 0 0 0 0;
	}	
	div#section ul.menu li a.box_04{
		width: 150px;
		background: #301a08 url("../images/bg_section_box_04.gif") no-repeat left top;
		margin: 0 0 0 0;
	}	

	div#section ul.menu li a span{
		display: none;
	}

div#section a.active{color: #99cc00;}
div#section a.second{ width: 95px;}

/***************** title ************************/

div#title{
	height: 256px;
  	background: #FFFFFF url("../images/bg_title_.jpg") no-repeat left top;
}

/***************** site path ************************/

div#sitepath{
padding: 0 0 10px 20px;
margin: 0 0 0 0;
font-size: 7.5pt;
font-family: Arial, Verdana,  Helvetica, sans-serif;
color:#999999;
}

div#sitepath a{
font-weight: normal;
text-decoration:underline;
color: #999999;
}

/***************** hormenu ************************/

div#hormenu {
	background: #d32e12;
	height: 38px;
	margin: 0 0 0 0;
	color:#ffffff;
}

	div#hormenu ul.menu {
		margin: 0;
		padding: 12px 0 10px 20px;
	}
	div#hormenu ul.menu li{
		background: url("../images/bg_hormenu_list_item.gif") no-repeat right 0;
		list-style-type: none;
		padding: 0 0 4px 0;
		margin: 0 0 0 0;
		float:left;
	}
	
	div#hormenu ul.menu li a{
		color: #ffffff;
		text-decoration: none;
		font-size: 7.5pt;
		text-transform:uppercase;
		font-weight: normal;
		display:block;
		float: left;
		padding: 2px 27px 0 27px;
		margin: 0 0 0 0;
	}

	div#hormenu ul.menu li  a:hover{ color:#ffffff;}

	div#hormenu ul.menu li.first {}
	div#hormenu ul.menu li.first a {padding-left: 0;}
	div#hormenu ul.menu li.last {background: none;}
	div#hormenu ul.menu li.last a {margin: 0 0 0 0; padding-right: 0;}

/***************** vertical menu ************************/

div#vermenu {
	padding: 25px 0 20px 0;	
}


div#vermenu a{color: #666666;}
div#vermenu a:hover{color: #ff0000;}

div#vermenu ul.menu {
		margin: 0;
		padding: 0;
	}

div#vermenu ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 6px 0 6px 19px;
		background: url("../images/bg_vermenu_list_item.gif") no-repeat left 10px;
		border-bottom: 1px solid #E6E6E6; 
	}

div#vermenu ul.menu li.last{border-bottom: none; }
	
div#vermenu ul.menu li a{
		font-size: 8.25pt;	
		font-family: Arial, Verdana;
		text-decoration: none;
		text-transform:uppercase;
		font-weight: bold;
}

/***************** catalog menu ************************/

div.catalog_header{
	margin: 0 0 0 0;
	padding: 15px 0 10px 35px;
	background: url("../images/bg_catalog_enter.gif") no-repeat 15px 17px;
	color: #666666;
	font-size: 9.75pt;
	font-weight: bold;
}

div#catmenu {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px dotted #cccccc; 
}

div#catmenu a{color: #666666;}
div#catmenu a:hover{color: #666666;}

div#catmenu ul.menu {
		margin: 0;
		padding: 0;
	}

div#catmenu ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: url("../images/bg_catmenu_list_item.gif") no-repeat 20px 8px;
	}

div#catmenu ul.menu li.last{border-bottom: none; }
div#catmenu ul.menu li.open{background: #ffb400 url("../images/bg_catmenu_list_item.gif") no-repeat 8px 9px;}
div#catmenu ul.menu li:hover{background: #99cc00 url("../images/bg_catmenu_list_item_h.gif") no-repeat 20px 8px; cursor:pointer;}
	
div#catmenu ul.menu li a{
		font-size: 9pt;	
		font-family: Arial, Verdana;
		text-decoration: none;
		font-weight: bold;
		display: block;
		padding: 5px 0 5px 40px;
		border-bottom: 1px dotted #cccccc; 
}

div#catmenu ul.menu li:hover a:hover{ color:#FFFFFF;}


div#catmenu ul.menu li.open a{font-weight: bold; 		font-size: 8.25pt;	}



div#catmenu ul.menu li ul.submenu{
		margin: 0;
		padding: 3px 0 3px 0;
		margin: 0 0 0 -20px;
	}

div#catmenu ul.menu li ul.submenu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 3px 0 3px 20px;
		background: url("../images/bg_catmenu_list_subitem.gif") no-repeat 8px 9px;
	}

div#catmenu ul.menu li ul.submenu li a{
		text-transform: none;
		font-weight: normal;
}

/***************** unibox ************************/

div.unibox{
	margin: 0 0 0 0;
	padding: 10px 0;
	color: #666666;
	font-size: 8.25pt;
}

div.unibox div.headline{
  font-weight: bold;
  padding: 0 0 5px 0;
  color: #000000;
}	

div.unibox h4{
	font-size: 8.25pt;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

div.unibox p{
  	padding: 3px 0 0 0;
	margin: 0 0 3px 0;
}	

div.unibox table{
	margin: 0;
	width: 100%;
	border: 0;
}

div.unibox table td{
	padding: 2px 0;
	font-size:8.25pt;
}	

div.unibox input.text{
  padding: 2px 5px;
  font-size: 8.25pt;
  color: #666666;
}	


/***************** search ************************/

div.search{
  padding: 15px 0 0 0;
}	

div.search input.submit{
  vertical-align: middle;
  margin: 0 0 0 5px;
}	
	
div.search input.text{
  width: 108px;
  height: 14px;
  padding: 2px 5px 2px 5px;
  vertical-align: middle;
  background:#FFFFFF url("../images/bg_search_input.gif") no-repeat left top;
  border: 1px solid #0d5b9e; 
}	

/***************** select ************************/

div.select{
  background:#363636;
  padding: 10px 20px;
}	


div.select select{
  vertical-align: middle;
  margin: 0 0 0 5px;
  width: 115px;
  padding: 2px 2px 2px 5px;
  background:#2e2e2e;
  border: 1px solid #868686;  
  color: #FFFFFF;
  margin: 0 0 0 0;
  font-size: 8.25pt;
}	
	
div.select input.submit{
  vertical-align: middle;
  margin: 0 0 0 5px;
}	

/***************** map ************************/

div.map{
  padding: 10px 0 5px 0;
}

div.map img{
  margin: 5px 0 0 0;
}

/***************** add ************************/

div.add{

}

div.add ul{
padding: 5px 0 ;
}	

div.add ul li{
list-style-type: none;
background: url("../images/bg_list_add_item.gif") no-repeat 0 7px;
padding: 3px 0 3px 17px;
font-size: 9.5pt;
}

div.add ul li a{
text-decoration:none;
}

/***************** login ************************/

div.login input.submit{
  margin: 2px 0 0 0;
}	

div.login input.text{
  width: 98px;
  height: 12px;
  vertical-align: middle;
}	

div.login table td.input{
  width: 120px;
}	


/***************** news ************************/

div.news {
	background: url("../images/bg_news.gif") repeat-x;
}

div.news div.headline{
  padding: 0 0 10px 0;
}	

div.news div.item{
  padding: 10px 0 10px 0;
  border-top: 1px dotted #cccccc;
}	

div.news div.item div.more{
  padding: 7px 0 0 0;
}

div.news div.item div.archive{
  padding: 0 0 0 0;
}	

div.news .inline-button {
	padding: 1px 3px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #d32e12;
   color: #ffffff;
   }

/***************** catalog ************************/

div.left_shadow{
	background: url("../images/bg_left_left_shadow.gif") no-repeat right 30px;
}	


div.catalog{
padding: 20px;
}	


/***************** quickcontact ************************/

div.quickcontact{
	padding: 15px 20px 35px 20px;
}	

div.quickcontact table{
	margin: 0 0 7px 0;
}

div.quickcontact table td{
	padding: 3px 0;
}	

div.quickcontact table td.head{
  width: 50px;
  color:#999999;
}	

/***************** homepage ************************/

div#homebox{
	padding: 20px 0 10px 15px;
	margin: 0 0 0 0;
}

div#homebox div.button{
	width: 105px;
	height: 156px;
	margin: 0 7px 0 0;
	float: left;
	background: no-repeat left top;
	padding: 0 7px 0 0;
}

div#homebox div.button_01{background: url("../images/box_button_01.jpg");}
div#homebox div.button_02{background: url("../images/box_button_01.jpg");}
div#homebox div.button_03{background: url("../images/box_button_01.jpg");}
div#homebox div.button_04{background: url("../images/box_button_01.jpg");}
div#homebox div.button_05{background: url("../images/box_button_01.jpg");}
div#homebox div.button_06{background: url("../images/box_button_01.jpg");}
div#homebox div.button_07{background: url("../images/box_button_01.jpg");}
div#homebox div.button_08{background: url("../images/box_button_01.jpg");}

div#homebox div.button a{
	display: block;
	height: 101px;
	padding: 65px 0 0 0;
	background: url("../images/bg_box_button.gif") repeat-x left 55px;
	text-align: center;
	text-transform:uppercase;
	font-size: 8.25pt;
	font-weight: bold;
	line-height: 10.5pt;
	color:#FFFFFF;
	text-decoration: none;
}

div#homebox div.button a.wide{padding: 58px 0 0 0;}
div#homebox div.button a:hover{background: url("../images/bg_box_button_h.gif") repeat-x left 55px;}


div#homecontent{
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 0;
	background: #eff5f3;
}

div#homecontent h1{
	font-size: 11.25pt;
	color: #333333;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-weight: bold;
	background: url("../images/bg_home_h1.gif") no-repeat left 2px;	
}

div#homecontent h2{
	font-size: 11.25pt;
	color: #333333;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-weight: bold;
	background: url("../images/bg_home_h1.gif") no-repeat left 2px;	
}

div#homecontent p{
	color: #959595;
	padding: 5px 0 0 25px;	
}

div#homecontent div.button{
	margin: 0 0 0 25px;
}

div#homecontent div.left{
	float: left;
	width: 490px;
	padding: 0 20px 0 0;
	background: url("../images/common/bg_vr_dotted.gif") repeat-y right 0;	
}

div#homecontent div.right{
	float: right;
	width: 400px;
	padding: 0 10px 0 20px;	
	font-size: 8.25pt;
}











table#homebox{
	margin: 20px 0 10px 0;
	font-size: 8.25pt;
}

table#homebox td.left{
	padding: 0 8px 10px 0;
  width: 200px;
	background: #FFFFFF;
}

table#homebox td.center{
	width: 33%;
	padding: 20px 10px 10px 30px;
	width: 200px;
	background: #FFFFFF url("../images/bg_table_homebox_center.gif") repeat-x;
}

table#homebox td.center h2{
	color: #000000;
	padding: 0 0 0 0;

	margin: 0 0 12px 0;
}

table#homebox td.center ul.menu{
	margin: 0;
	padding: 0;
}

table#homebox td.center ul.menu li{
	background: url("../images/bg_list_item.gif") no-repeat left 3px;
	padding: 1px 0 2px 20px;
}

table#homebox td.center ul.menu li a{
	color: #525252;
	text-decoration: none;
	font-size: 9.75pt;
	font-weight: bold;
}

table#homebox td.right{
	padding: 20px 10px 10px 25px;
  width: 175px;
	background: none;
}

table#homebox td.right h2{
	color: #ff0000;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
}

table#homebox td.right img{
	margin: 0 0 5px 0;
}


div#content table.hometable{
margin: 0 0 0 0;
}

div#content table.hometable td{
padding: 20px 0;
}

div#content table.hometable td.indeco{
padding: 20px 15px 20px 0;
vertical-align:middle;
}

div#content table.hometable td.text{
font-size: 8.25pt;
vertical-align:middle;
}