/*  
*
*		MSM Grid framework
*		File type: CSS2
*		Media type: screen
*		License : GPL
*   
---------------------------------------- 
        Stylesheet structure
----------------------------------------
#1 - Wrapper
#2 - Header
	#2.1 - Language selector
	#2.2 - Navigate buttons
	#2.3 - Dropdown menu
#3 - Custom banner
#4 - Conainer
	#4.1 - Left
		#4.1.2 - Rounded container
		#4.1.3 - News block
		#4.1.4 - Distrebutor list
	#4.2 - Right
		#4.2.1 - Distrebutor login form
	#4.3 - Main
		#4.3.1 -- Slide Banner block
		#4.3.2 - Distrebutor registration form
		#4.3.3 - Product catalog
		#4.3.4 - Contact table
		#4.3.5 - Quick polls
		#4.3.6 - Vacancies
		#4.3.7 - Specials
#5 - Footer


 

/* #1 -------- Wrapper -------- */
	#wrapper{ background:; }
	
	
/* #2 -------- Header -------- */
	#header{
		/*background: url(../images/valentinesDay.png) no-repeat 900px 70px;*/
		
	}
	#header .inside{	}

	/* #2.1 -- Language selector -- */
	.lngSelectBlock{
		float:right;
		background: url(../images/lngBlockBgr.png) no-repeat top center;
		height: 41px;
		width: 204px;
		color:#ffffff;
		margin-right: 10px;
		display: inline;		
	}
	.lngSelectBlock table{
		margin: 8px 0px 0px 15px;
	}
	.lngSelectBlock table tr td select{
		width: 145px;
		margin: 2px 0px;
	}
	.lngSelectBlock table tr td img{
		margin-top: 5px;
	}
	.lngSelectBlock table tr td.wBgr{
		padding: 0px 3px;
	}
	.lngSelectBlock table tr td.lLbl{
		padding-right: 5px;
	}

						

	/* #2.2 -- Navigate buttons -- */
	.navIcoBlock{
		float:right;
		background: url(../images/navBlockBgr.png) no-repeat top center;
		height: 41px;
		line-height: 35px;
		padding-right: 16px;
	}
	.navIcoBlock a{
		padding-left:16px;
	}
	
	
	
	
	/* #2.3 -- Dropdown menu -- */
	#dropDownMenu{
		width:770px;
		margin: 0;
		padding: 5px 0px 0px 0px;
		font-family: verdana;
		position: absolute;
		z-index: 1000 !important;
		background: url(../images/menuBgr.png) no-repeat left bottom;
	}
	
	#dropDownMenu li{
		float: left;
		margin:0px !important;
		padding:0px !important;
		list-style: none;
		font: verdana;
		font-weight: bold;
		width: 139px;
		
	}
	#dropDownMenu li a,
	#dropDownMenu li span{	
		text-align:center;
		display: block;
		padding-top: 28px;
		padding-bottom: 28px;
		color: #EAFFED;
		white-space: nowrap;
		cursor: pointer;
	}
	#dropDownMenu li.active,
	#dropDownMenu li .menuItem{
		background: url(../images/buttonSelected.png) no-repeat center left;
	}
	#dropDownMenu li ul {
			margin: -20px 0 0 0;
			padding: 0;
			width: 210px !important;
			position: absolute;
			z-index: 10000 !important;
			visibility: hidden;
	}
	#dropDownMenu li ul li{
		float: left;
		margin:0px;
		padding:0px;
		background: none;
		width: 210px !important;
	}
	#dropDownMenu li li a{
		text-align:left !important;
		display: block;
		font-weight: normal;
		padding: 6px 20px 6px 30px !important;
		background: url(../images/starBullet.png) no-repeat 10px 11px  #00448d;			
	}
	#dropDownMenu li li a:hover{
		background: url(../images/starBullet.png) no-repeat 10px 11px #023369;			
	}
	#dropDownMenu li li.active span{
		text-align:left !important;
		background: url(../images/starBullet.png) no-repeat 10px 11px #023369;
		padding: 6px 0px 6px 30px !important;
		margin: 0px;
	}	
	
	#dropDownMenu li li.first{
		background: url(../images/topMenuRoundedBgr.png) no-repeat top left !important;
		padding-top: 20px !important;
	}
	#dropDownMenu li li.last{
		background: url(../images/bottomRoundedBgr.png) no-repeat bottom left !important;
		padding-bottom: 20px !important;
	}	
	
	
	

		




	


	/* #3 - Custom banner - */
	.bannerBox{padding-left:10px;overflow:hidden;height:349px;width:550px;}

	/* # -- Small banners -- */
	.smFlash{padding-top:30px;text-align:center;}
	
/* #4 -------- Conainer -------- */
	#container{}
		/* #4.1 - Left - */
			#left{}
			#left .inside{}
			
			/* -- Left Containers -- */
			
				/* #4.1.2 -- Rounded container -- */
					/* -- Blue container -- */
					.rndBlueBlockContainer{}
					.rndBlueBlockContainer .topBgr{
						background: url(../images/topRoundedBgr.png) no-repeat top left;
						height: 17px;
					}
					.rndBlueBlockContainer .bottomBgr{
						background: url(../images/bottomRoundedBgr.png) no-repeat bottom left !important;
						height: 17px;
					}
					.rndBlueBlockContainer .content{
						background: #00448d ;
						padding: 0px 20px;
					}
					.rndBlueBlockContainer .content ul{
						padding:10px;
						list-style-type:none;
						margin:0px;
					}
					.bottomGrBgr{
						background: url(../images/leftFootNewsBgr.png) no-repeat top center;
						height:62px;
					}
					.insideGr{
						padding: 0px 20px;					
						height: 60px;
					}
					.bottomGrBgr a{
						display: block;
						padding-top:20px;
						padding-bottom:20px;
					}
					.bottomGrBgr a:hover{
						color:#ff1d28;
					}
					
						/* -- -- */
						.rssIco{ background: url(../images/newsIcoBgr.png) no-repeat 155px 5px;}
						.pollIco{ background: url(../images/polIcoBgr.png) no-repeat 165px 4px;}
						.hotActsIco{ background: url(../images/actIcoBgr.png) no-repeat 155px 5px;}
						.reqvIco{ background: url(../images/distIcoBgr.png) no-repeat 155px 5px;}
					
			
			/* #4.1.3 -- News block -- */
					
					/* -- Latest layout -- */
					.layout_latest p{
						padding: 5px 0px;
					}
					
					.newsImgGal{
						list-style-type: none;
						margin:0px;
						padding:0px;
						
					} 
					.newsImgGal img {width: 150px;}
					.vertGal{width: 170px;float: left;}
					
					.horGal{
						clear: both;
						display: block;
						width: 100%;
						height: 120px;
					}
					.horGal li{
						float: left;
						margin-left: 5px;
					}
					
			/* #4.1.4 -- Distrebutor list -- */
			.mod_distrebutors_list #MapBox{
				margin: 20px 0px;
			}
			.mod_distrebutors_list table{
				width: 730px;
			}
			.mod_distrebutors_list table tr td{
				width: 33%;
			}
			.mod_distrebutors_list table tr td p{
				margin: 0px;
				padding: 0px;
			}
			.mod_distrebutors_list table tr td ul{
				list-style-type:none;
				margin:0px 0px 0px  10px;
				padding: 10px 0px 10px 10px;
			}		
			.mod_distrebutors_list .emailDistBlock{
				margin:0px 0px 0px  20px;
			}	
			.emailDistBlock a{text-decoration:none;}
			
		
		/* #4.2 - Right - */
			#right{}
			#right .inside{}
			
			/* #4.2.1 -- Distrebutor login form -- */
			#distLoginBlock .submit_container input{
				padding: 5px 10px;
			}
		
		/* #4.3 - Main - */
			#main{
				background: url(../images/topContentRnd.png) no-repeat top right;
				padding-top: 19px;
			}
			#main .inside{ 
				background: #ffffff;
				margin-left: 21px;				
				padding: 0px 20px 0px 20px;
			}
				#main .inside a{color:#0167d3;}
				#main .inside a{color:#0167d3;}
				
			.footInfo{
				height:80px;
				margin-left: 21px;				
				padding: 25px 20px 0px 20px !important;				
			    background:url(../images/footerBgr.png) no-repeat right top !important;
				font-size: 8pt;
				color:#ffffff;			
			}
			
		
		
			/* #4.3.1 -- Slide Banner block -- */		
			.bannerBlock{
				overflow: hidden;
				height: 344px;
				margin-left: 11px;
				margin-bottom: 20px;				
			}	
			.slider{}
			
			.slides{
				width:170px;
				overflow:hidden;
			}
			
			.sharesInfo{
				position: absolute;
				width: 270px;
				margin: 130px 0px 0px 282px;

			}
			.sharesInfo h1{
				color:#ffffff;
				margin: 0px;
				padding: 0px 20px 0px 0px;
			}
			.sharesInfo p{
				margin: 0px;
				padding: 10px;			
			}
			
			/* #4.3.2 -- Distrebutor registration form -- */
			.mod_distrebutors_form .checkbox_container span,
			.mod_distrebutors_form .radio_container span{
				display: block;
			}
			.mod_distrebutors_form table tr td.col1{
				width: 200px;
			}
			.mod_distrebutors_form legend{
				font-weight: bold;
				font-size: 11pt;
			}
			.mod_distrebutors_form input.text{
				width: 250px;
			}
			.mod_distrebutors_form .textarea{
				height: 80px;
			}
			.mod_distrebutors_form .submit_container input{
				padding: 10px;
				margin: 10px;
			}
			.wInputContainer .text{
				width: 450px !important;
			}
			
			
			/* #4.3.3 -- Product catalog -- */
			
				.prodCatBlock{
					padding-top:10px;
				}
				.prodCatBlock table {
					width: 100%;
				}
				.prodCatBlock table tr td{
					background: url(../images/catTdBgr.jpg) repeat-x top center #0071f5;
					text-align: center;
					width: 33.33%;
					padding-bottom: 10px;
					color:#ffffff;					
				}
				.prodCatBlock h1{
					margin: 0px;
					padding: 0px 0px 10px 10px;
				}
				.prodCatBlock table tr td h2{
					background: #0056ad;
					margin: 0px 0px 10px 0px;
					padding:5px;
					font-size: 10pt;
					font-family: verdana;

					
				}
				.prodCatBlock table tr td a{
					color: #ffffff !important;
				}
				.prodCatBlock .prodQuant span{
					padding: 0px 5px;
				}
				.prodCatBlock .prodDescr{
					margin: 0px 20px 0px 20px;
				}
			
			
			/* -- -- */
			.mod_msm_navigation{
				padding: 3px 10px 20px 10px;
				font-size: 8pt;
			}
			
			/* -- Concurses -- */
			.photoContestBlock table{
				width:100%;
			}
			.photoContestBlock table tr td{
					background: url(../images/catTdBgr.jpg) repeat-x top center #0071f5;
					text-align: center;
					width: 33.33%;
					color:#ffffff;		
			}
			.concursantItem{
				padding-top:30px;
				height:270px;
			}
			
			
			
			
			
			/* #4.3.4 -- Contact table -- */
			.departTableBlock{
				width: 720px;
			}
			.departTableBlock tr{
				vertical-align: top;
			}
			.departTableBlock tr td{
				width: 33%;
				padding-bottom: 20px;
			}
			.departTableBlock tr td p{
				margin: 0px;
				padding: 0px 0px 0px 10px;
			}
			
			
			
			
			/* #4.3.5 -------- Quick polls -------- */
			.mod_msmquickpoll{
				background: url(../images/quickpollTopBgr.png) no-repeat top left;
				width:220px;
				padding: 18px 0px 10px 0px;
				color:#ffffff;
			}
			.mod_msmquickpoll h2{
				margin: 0px;
			}
			.pollBlockContainer{
				padding-left:10px;
				padding-right:10px;
				 background:#9e2026;
				 border-left: 1px solid #d6232c;
			}
			#chartBlock{
				width: 209px;
				overflow: hidden;
			}
			.mod_msmquickpoll table{
				margin: 0px;
			}
			.mod_msmquickpoll table tr td{padding: 0px 3px;}
			.mod_msmquickpoll table .cBox{
				height: 8px;
				width: 8px;
			}
			.mod_msmquickpoll .pollSubmit{
				background: url(../images/quickpollFootBgr.png) no-repeat bottom center;
				height:60px;
				border-top:1px solid #1579e5;
			}
			.mod_msmquickpoll .pollSubmit input,
			.mod_msmquickpoll .moreLinkBox{
				display:block;
				margin:8px 0px 0px 10px ;
				padding:10px;
				background:transparent;
				color:#ffffff;
				cursor: pointer;
				border: none;
			}
			
.mod_quickpoll{
  padding: 10px 0px 0px 0px;
  width: 190px; 
}
.mod_quickpoll .formbody{
}
.mod_quickpoll .totaltext{
  
}
.mod_quickpoll .stoptext{
  font-weight: bold;
}
.mod_quickpoll .graph{
	margin-top:10px;
}
.mod_quickpoll .graph div{
  
}
.mod_quickpoll .formbody .submit{
	margin:10px;
	padding:10px;
}

.mod_quickpoll .graph .results .color1 { color:#FFFFFF; background-color:#333333; text-align:center;}
.mod_quickpoll .graph .results .color2 { color:#000000; background-color:#99CC33; text-align:center;}
.mod_quickpoll .graph .results .color3 { color:#000000; background-color:#99CCFF; text-align:center;}
.mod_quickpoll .graph .results .color4 { color:#000000; background-color:#FFFFCC; text-align:center;}
.mod_quickpoll .graph .results .color5 { color:#000000; background-color:#FFCCCC; text-align:center;}
.mod_quickpoll .graph .results .color6 { color:#000000; background-color:#CCCCFF; text-align:center;}

.mod_quickpoll .title{
	font-weight: bold;
	font-family:verdana;
	font-size:11pt;
	 color:#ffffff;
}
.mod_quickpoll .label{
	font-family:verdana;
	font-size:11px;
}
.mod_quickpoll .description{
  padding: 10px 0px 10px 0px;
  font-weight: bold;
  line-height: 120%;
}
.mod_quickpoll .stoptext{
	display:none;
}
.widget .radio_container input{
  float: left;
  margin-right: 5px;
}
.widget span{
  display: block;
  padding: 2px 0px;
}
.mod_quickpoll .formbody .radio_container span label{
  display: table;
  
  _display: block;
  _height: 30px;
}
.mod_quickpoll .submit_container{
  clear: both;
  margin-top: 10px;
}


/* #4.3.6 -- Vacancies -- */
.vacanciesSelect{
	float:right;
}
.vacanciesSelect ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.vacanciesSelect ul li{
	
}
.vacanciesSelect ul li a{
	display:block;
	padding:10px;
	margin-bottom:5px;
	background:#0056AD;
	color:#ffffff !important;
}
.vacanciesSelect ul li a:hover{
	background:#228EFB;
}

/* #4.3.7 -- Specials -- */
.mod_special_list{
	
}
.mod_special_list strong{
	
}
.mod_special_list .moreInfo{
	
}


#MapBox
{
        position: relative;
        height: 337px;
}
#Map
{
        position: absolute;
        width: 495px;
        height: 337px;
}
#Map IMG
{
        position: absolute;
        width: 495px;
        height: 337px;
        border: none;
}

/* #4.3.8 -- Registration Form -- */
.mod_registration{
	background: #ecf9fc;
	border-bottom: 3px solid #2155ba;
	border-top: 3px solid #2155ba;
	padding: 20px;
}
.mod_registration label{
	display: block;
}
.mod_registration .inputBox,
.mod_registration .passwordBox,
.mod_registration .passwordConfirmBox{
	float: left;
	width: 210px;
	margin: 0px 10px 10px 0px;
}
.mod_registration .inputBox select{
	width: 145px;
}
.mod_registration p.error,
.blueBgrBox p.error{
	color: #ff0000;
}
.captchaBox{
	clear: both;
}
.submit_container{
	margin-top: 20px;
}
.outLink{
	position: absolute;
	top: -15px;
	right: 20px;
}
.mypageLink{
	position: absolute;
	top: 10px;
	right: 100px;
}
.blueBgrBox .submit_container input,
.mod_registration .submit_container input,
.outLink .submit_container input{
	padding: 5px 10px;
}


.blueBgrBox{
	background: #ecf9fc;
	border-bottom: 3px solid #2155ba;
	border-top: 3px solid #2155ba;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
}
.blueBgrBox label{
	display: block;
}
.randomPhotoBox{
	float: left;
	width: 310px;
	text-align: center;
}
.randomPhotoBox a{
	display: block;
	margin-top: 20px;
}
.loginBox{
	margin-left: 380px;
	height: 214px;
	padding-left: 50px;
	width: 279px;
}
.loadFileBox{
	margin-bottom: 10px;
}
.submitBox{
	margin-top: 30px;
}
.blueBgrBox2{
	background: #ecf9fc;
	border-bottom: 3px solid #2155ba;
	border-top: 3px solid #2155ba;
	padding-top: 20px;
}
.top5Box{position: relative;}
.top5Bgr{
	position: absolute;
	top: 0px;
	background: url(../images/top5.png) no-repeat left top;
	height: 170px;
	width: 230px;
}
.top5Box,
.contestPhotoBlock .contestPhoto{
	float: left;
	margin-right: 19px;
	margin-bottom: 20px;
	width: 230px;
}
.blueBgrBox2 .last,
.contestPhotoBlock .last{
	margin-right: 0px;
}
.pagination{
	margin-top: 20px;
}
.pagination ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.pagination ul li{
	float: left;
	margin-right: 5px;
}
.pagination ul li a,
.pagination ul li span{
	display: block;
	text-align: center;
}
.pagination ul li a{
	border: 1px solid #aaa9a6;
	color: #aaa9a6 !important;
	text-decoration: none;
	width: 27px;
	height: 23px;
	line-height: 23px;
}
.pagination ul li span{
	background: #2155ba;
	color: #fff;
	width: 29px;
	height: 25px;
	line-height: 25px;
}

/* #5 -------- Footer -------- */