
#header{
	overflow:hidden;
	border-top:5px solid #cccccc;
}
.boxW870{
	width:870px;
}
.logoBlock{
	margin:0px;
	padding-bottom:20px;
	display:block;
}
#topNav{
	width:200px;
	height:100px;
	background:url(../images/navBgr.jpg) no-repeat;
	padding-left:20px;
	margin-top:-3px;
}
#topNav dl{
	float:left;
	margin:0px;
	padding:0px;
	height:100px;
}
#topNav dl dd{
	float:left;
	margin:0px;
	padding:0px;	
}
#topNav dl#lp{
	padding-right:20px;
}
#topNav dl dd a{
	padding:25px 15px 0px 15px;	
	display:block;
}
#topNav dl dd span{
	padding:25px 15px 0px 15px;	
	background:url(../images/selectDec.gif) no-repeat center top;
	display:block;	
}

   /* #2.5 -- Main Menu -- */
    #mainMenu {
    	width:650px;
		font-family:verdana;
		*height:50px;
		margin-top:-28px;
		*margin-top:0px;
    }
    #mainMenu ul.level_1{
      margin: 0px;
      padding: 0px;
      list-style-type: none;  
    }
    #mainMenu ul.level_1 li{
      float: left;
	  padding:0px 18px 5px 11px;
	  background:url(../images/menuSepBgr.jpg) right center no-repeat;
    }
    #mainMenu ul.level_1 li.last{
    	background:none;
    }
    #mainMenu ul.level_1 li a{
      display: block;
	  font-weight:bold;
    }
    #mainMenu ul.level_1 li a:hover{

    }
    #mainMenu ul.level_1 li.active{

    }
    #mainMenu ul.level_1 li.active p.active{
    	margin:0px;
		padding:0px;
    }
	

	
	
.contactInfo{
	height:100px;
	width:460px;
	float:left;
}
.contactInfo ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	width:230px;	
}
	
	
/* -- Banner block -- */
#header #bannerBlock{
	position:relative;
	top:-140px;
}
#header  #bannerBlock ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#header #bannerBlock ul li{
	background: url(../images/shadowBgr.jpg) bottom right no-repeat;
	margin:0px;
	padding:0px;	
	float:left;
}
#header #bannerBlock ul li a{
	display:block;
	font: 150%/1.6em Arial, Helvetica, sans-serif;
	width:220px;
	height:218px;	
	text-decoration:none;
}

#header #bannerBlock .minerals-fertilizers a{
	background: url(../images/mineralsImg.jpg) no-repeat  -15px 0px;
	margin-top:120px;		
}
#header #bannerBlock .special-fertilizers a{
	background: url(../images/specialfertilizersBgr.jpg) no-repeat -14px 1px;
	margin-top:80px;	
}
#header #bannerBlock .agro-seed a{
	background: url(../images/agroseedBgr.jpg) no-repeat  -13px 0px;
}
#header #bannerBlock .plant-protect a{
	background: url(../images/plantprotectBgr.jpg) no-repeat -15px 0px;
	margin-top:40px;
}

#header #bannerBlock ul li a span{
	display:block;
	text-transform:uppercase;
	padding:20px 0px 0px 50px;
	color:#ffffff;
}
#header #bannerBlock ul li a strong{
	padding:20px 0px 0px 50px;	

	font-size:13pt;
}

#header #bannerBlock ul li a:hover {
	color: #bbbbbb;
}


/* -- product catalog menu -- */
#right .inside{
	margin-top:200px !important;
	background:gray;
}

#right #bannerBlock{
	margin-bottom:20px;
}
#right #bannerBlock ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#right #bannerBlock ul li{
	margin:0px 0px 1px 0px;
	padding:0px;	
	float:left;
}
#right #bannerBlock ul li a{
	display:block;
	font: 150%/1.6em Arial, Helvetica, sans-serif;
	width:220px;
	height:95px;	
	text-decoration:none;
}

#right #bannerBlock .minerals-fertilizers a{
	background: url(../images/mineralsImg.jpg) no-repeat;
}
#right #bannerBlock .special-fertilizers a{
	background: url(../images/specialfertilizersBgr.jpg) no-repeat;
}
#right #bannerBlock .agro-seed a{
	background: url(../images/agroseedBgr.jpg) no-repeat;
}
#right #bannerBlock .plant-protect a{
	background: url(../images/plantprotectBgr.jpg) no-repeat;
}

#right #bannerBlock ul li a span{
	display:block;
	text-transform:uppercase;
	padding:20px 0px 0px 80px;
	color:#ffffff;
}
#right #bannerBlock ul li a strong{
	padding:20px 0px 0px 80px;	

	font-size:13pt;
}

#right #bannerBlock ul li a:hover {
	color: #bbbbbb;
}



/* -- small Banner block -- */
#smallBanner{
	background: url(../images/shadowBgr.jpg) bottom right no-repeat;
	position:relative;
	top:-120px;
	width:650px;	
}
#smallBanner .insideSmBanner{
	background:url(../images/contactBanner.jpg) no-repeat top left;
	height:173px;		
	width:632px;		
}
#smallBanner .insideSmBanner strong{
	display:block;
	width:250px;
	color:#ffffff;
	font: 150%/1.6em Arial, Helvetica, sans-serif;	
	padding:15px 0px 0px 50px;
	

}

/* -- Chapter description -- */
.mod_breadcrumb{
	position:relative;
	top:-120px;
	width:700px;
	font-family:verdana;
}
.mod_breadcrumb a{
	font-weight:bold;
}

#chapterDescr strong{
	margin:0px 10px;
	font-family:verdana;
}



/* -- index blocks -- */
#opinionBlock{
	padding:0px 50px 15px 50px;
}
#consuldBlock{
	padding:0px 50px 15px 0px;
}

/* --  distrebutors map & table-- */
#MapBox { position: relative; width: 50%; height: 374px; margin-left: 50%; }
#Map { position: absolute; width: 550px; height: 374px; left: -250px; }
#Map IMG { position: absolute; width: 550px; height: 374px; border: none; }

.distrebutors{
	border-collapse:collapse;
	margin:1px;
	width:938px;
	margin-bottom:30px;
	text-align:center;	
}
.distrebutors tr th{
	padding-bottom:10px;
	border-bottom:1px solid #bbbbbb;	
}
.distrebutors tr td{
	padding:3px 0;
	border-bottom:1px solid #bbbbbb;
}
.distrebutors tr td.col1,
.distrebutors tr td.col2,
.distrebutors tr td.col3{

}



/* -- Footer block -- */
#footer{
	border-top:5px solid #ccc;
	color:#888888;
	font-family:verdana;
	font-size:8pt;
}
#footer .inside{
	margin-top:15px;
}
#footer dl{
	margin:0px;
	padding:10px 0px 10px 0px;
}
#footer dl dd{
	float:left;
	margin:0px;
	padding:0px;
}
#footer dl dd.lp{
	width:300px;
}
#footer dl dd.cp{
	width:260px;
	color:#000000;
}
#footer dl dd.rp{
	width:300px;	
}




@media all
{

/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns {width: 100%; overflow:hidden;}

.c50l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c703, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c30l, .c30r { width: 30%; }
.c33l, .c33r { width: 33.333%; }
.c40l, .c40r { width: 40%; }
.c45l, .c45r { width: 45%; }
.c50l, .c50r { width: 50%; }
.c55l, .c55r { width: 55%; }
.c66l, .c66r { width: 66.666%; }
.c70l, .c70r { width: 70%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em }
.subcl { padding: 0 1em 0 0 }
.subcr { padding: 0 0 0 1em }


/**
 * (en) IE-Adjustments for subtemplates
 * (de) IE-Anpassung für Subtemplates
 *
 * Doubled Float-Margin Fix
 *
 * @bugfix
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html .c50l, * html .c25l, * html .c30l, 
* html .c33l, * html .c38l, * html .c40l, 
* html .c45l, * html .c55l, * html .c66l, 
* html .c70l, * html .c75l, * html .c62l, 
* html .c50r, * html .c25r, * html .c30r, 
* html .c33r, * html .c38r, * html .c40r, 
* html .c45r, * html .c55r, * html .c66r, 
* html .c70r, * html .c75r, * html .c62r {display:inline;}


/**
 * Internet Explorer and the Expanding Box Problem
 * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
 *
 * @workaround
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html .subcolumns .subc,
* html .subcolumns .subcl,
* html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }
}


@media print
{

/**
 * @section layout preparation
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/* Linearising subtemplates */

.c50l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l,
.c50r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c703, .c75r, .c62r {width: 100%; margin:0; float:none; overflow:visible; display:table;}
.subc, .subcl, .subcr  {margin: 0; padding: 0;}


/**
 * @section browser fixes for print layouts
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/**
 * overflow:hidden Bug in print layouts
 *
 * @bugfix
 * @since     3.0
 * @affected  FF2.0, IE7
 * @css-for   all browsers
 * @valid     yes
 */

.subcolumns {overflow:visible; display: table; }

}


#feedback{
	width:620px;
}
.explanation{
	clear:both;
}
#feedback label{
	display:block;
	width:120px;
	float:left;
}
#feedback #ctrl_1, 
#feedback #ctrl_2, 
#feedback #ctrl_3, 
#feedback #ctrl_4,
#feedback #ctrl_5{
	width:120px;
	margin-bottom:1px;
	border:1px solid #bbbbbb;
}

#feedback textarea#ctrl_6{
	width:260px;
}
.sendMessage{
	margin:10px 0;
}


/* -- contact map -- */
#contactMap{

}
