/*  
*
*		MSM Grid framework
*		File type: CSS2
*		Media type: screen
*		License : GPL
*   
---------------------------------------- 
        Stylesheet structure
----------------------------------------
#1 - Debug
#2 - Box floats
#3 - Box widths
#4 - Box heights
#5 - Backgrounds
#6 - Text
	#6.1 - Text style
	#6.2 - Text aligments
	#6.3 - Text colors 		 
#7 - Borders
	#7.1 - Border top
	#7.1 - Border bottom
	#7.1 - Border right
	#7.1 - Border left	
	#7.1 - No border 		
#8 - Margins
	#8.1 - Margin ALL
	#8.2 - Margin Left
	#8.3 - Margin Right
	#8.4 - Margin Top
	#8.5 - Margin Bottom
#9 - Paddings
	#9.1 - Padding ALL
	#9.2 - Padding Left
	#9.3 - Padding Right
	#9.4 - Padding Bottom
	#9.5 - Padding top					
#10 - Vertical alignments
#11 - Misc
#12 - Clear classes
#13 - Message boxes
	#13.1 - Box background
	#13.2 - Box links


/* #1 -------- Debug -------- */
	.dbgC1{ background:red; }
	.dbgC2{ background:green; }
	.dbgC3 {background:cyan;}
	.dbgC4 {background:yellow;}


/* #2 -------- Box floats -------- */
	.boxFltL	{ float: left; display:inline;	}
	.boxFltR	{ float: right; display:inline;}	

	
/* #3 -------- Box widths -------- */
	.boxsW0 { width:0px;  }
	.boxsW1 { width:120px; }
	.boxsW2 { width:290px; }
	.boxsW3 { width:430px;}	

	
/* #4 -------- Box heights -------- */
	.boxH0{ height:0px;}
	.boxH1{ height:100px;}
	.boxH2{ height:120px;}


/* #5 -------- Backgrounds -------- */
	.bgr1 { 	background:#ffffff; }
	.bgr2 {background:url(../images/topCornerBgr.png) no-repeat top center ; padding-top:18px;}
	.bgr3 {background:#fff7e6;}
	.bgr4 {background:url(../images/standartBgr.png) no-repeat 25px 0px ; padding-left:100px;}
	.bgr5 {background:url(../images/asortiBgr.png) no-repeat 20px 25px; }
	.bgr6{background:url(../images/vSeparator.png) no-repeat left center; }
	.bgr7{background:url(../images/mailIcoBgr.png) no-repeat 25px 65px; }

	/* - Chapter backgrounds - */
	.bgr20{background:url(../images/cBgr/companyBgr.jpg) no-repeat; }
	.bgr21{background:url(../images/cBgr/contactBgr.jpg) no-repeat; }
	
/* #6 -------- Text -------- */

	/* #6.1 - Text style  - */
		.fWb	{  font-weight:bold !important; }
		.fWn	{  font-weight:normal !important; }
		.fVi	{  font-style:italic  !important;}
		.sTxt	{  font-size:8pt !important; font-family:verdana;}
		.lTxt	{  font-size:110% !important;  }	
	
	/* #6.2 - Text aligments  -  */
		.tAl	{ text-align:left !important;     }
		.tAc	{ text-align:center !important;}
		.tAr	{ text-align:right !important;   }
		.tAj	{ text-align:justify !important; }

	/* #6.3 - Text colors - */
		.tClr0{ color:#000000; }
		.tClr1{ color:#555555; }


/* #7 -------- Borders -------- */

	/* #7.1 - Border top - */
		.brdT1{ border-top:1px solid #ffffff; }	

	/* #7.2 - Border bottom - */
		.brdB1{ border-bottom:1px solid #ffffff; }

	/* #7.3 - Border right - */
		.brdR1{ border-top:1px solid #ffffff; }	

	/* #7.4 - Border left - */
		.brdL1{ border-bottom:1px solid #ffffff; }

	/* #7.5 - No borders - */
		.brdNone{ border:none; }
	
	
/* #8 -------- Margins -------- */
			
	/* #8.1 - Margin ALL - */
		.mrgAll0{margin:0px;	}
	
	/* #8.2 - Margin Left - */
		.mrgL0{ margin-left:0px; }
		.mrgL1 {margin-left:130px;}
		.mrgL2 {margin-left:300px;}
		.mrgL3 {margin-left:450px;}
		.mrgL4 {margin-left:10px;}
			
	/* #8.3 - Margin Right - */
		.mrgR0{ margin-right:0px; }
		.mrgR1{ margin-right:300px; }		
		.mrgR2 {margin-right:10px;}
	/* #8.4 - Margin Top - */
		.mrgT0{ margin-top:0px; }
		.mrgT1{ margin-top:60px; }
			
	/* #8.5 - Margin Bottom - */
		.mrgB0{ margin-top:0px; }
		.mrgB1{ margin-top:20px; }		
		
		
/* #9 -------- Paddings -------- */

	/* #9.1 - Padding ALL - */
		.padAll0{ padding:0px; }
			
	/* #9.2 - Padding Left - */
		.padL0{ padding-left:0px; }
		.padL1{ padding-left:190px; }
		.padL2{ padding-left:300px; }
		.padL3{ padding-left:130px; }			

	/* #9.3 - Padding Right - */
		.padR0{ padding-right:0px; }			

	/* #9.4 - Padding Bottom - */
		.padB0{ padding-bottom:0px; }			
			
	/* #9.5 - Padding top - */					
		.padT0{ padding-top:0px; }
		.padT1{ padding-top:35px; }
		.padT2{ padding-top:440px; }


/* #10 -------- Vertical alignments -------- */
	.vlgT, .vlgT * { vertical-align:top !important; }


/* #11 -------- Misc -------- */
	.hide		{ display: none; }
	.dBlock	{ display: block; }
	.firstItem		{ margin-left:0; padding-left:0; }
	.lastItem		{ margin-right:0; padding-right:0; }
	.topItem		{ margin-top:0; padding-top:0; }
	.bottomItem	{ margin-bottom:0; padding-bottom:0; }


/* #12 -------- Clear classes -------- */
	.clearfix:after{
	    content: "\0020"; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden; 
	    overflow:hidden; 
	}
	.clear { clear:both; }


/* #13 -------- Message boxes -------- */
	.msgBlock	{ padding: .8em; margin: 1em 0; border: 1px solid #ddd; }
	.loaderBgr strong { background:url(../images/loader.gif) no-repeat; line-height:50px; padding: 15px 0px 15px 50px; }

	/* #13.1 - Box background - */
	.errorMsg		{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.noticeMsg		{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.successMsg	{ background: #d5efc2; color: #264409; border-color: #006a23; }	
	
	/* #13.2 - Box links - */
	.errorMsg a		{ color: #8a1f11; }
	.noticeMsg a	{ color: #514721; }
	.successMsg a	{ color: #264409; }