/* ------------------------------------------ */
/* http://joma.com.ua/                        */
/* Sept 2014                                  */
/* ------------------------------------------ */


/* Body
---------------------------------------------------- */

body	{ 
	color: #222; 
	background-color: #fff; 
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif;  /* Georgia, Times, serif; -- Tahoma, Geneva, Arial, Helvetica, sans-serif -- Arial, Helvetica, sans-serif */
	font-size: 0.625em; /* 0.625em */
}

html, button, input, select, textarea { color: #222; }


body { background-position: 50% 10px; background-repeat: no-repeat; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1.1em 0 1em 0; padding: 0; }


/* Links
---------------------------------------------------- */

a:link					{ color : #02519a; } 
a:visited				{ color : #9756e1; } 
a:hover					{ color : #e65618; } 
a:active					{ color : #e65618; }

a:link					{ text-decoration: underline; }
a:visited				{ text-decoration: underline; }
a:hover					{ text-decoration: underline; } 
a:active					{ text-decoration: underline; }

a.rev:link					{ text-decoration: none; }
a.rev:visited				{ text-decoration: none; }
a.rev:hover					{ text-decoration: underline; } 
a.rev:active				{ text-decoration: underline; }

.rev a:link					{ text-decoration: none; }
.rev a:visited				{ text-decoration: none; }
.rev a:hover				{ text-decoration: underline; } 
.rev a:active				{ text-decoration: underline; }




/* Box 
---------------------------------------------------- */

.container { width: auto; text-align: center; clear: both; padding: 0; margin: 0; }
	.wrapper { margin: 0 auto; padding: 0; text-align: left; width: 980px; position: relative; }	

.l-page-container { width: 100%; text-align: center; clear: both; }
.l-page-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 100%; position: relative; }

/* header content */			
.l-header-content { height: 102px; background: #f0f0f0 url(../img/top-bg.png) repeat-x 0 100%; }

/* header content */			
.l-menu-content { height: 40px; background-color: #fff; box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5); z-index: 1000;  }

/* main content */
.l-main-content { min-height: 120px; margin-bottom: 40px; position: relative; }
		* html .l-main-content { height: 120px; }
	.l-top-pane { margin: 15px 0 15px 0; }
	.l-main-sidebar { float: left; display: inline; width: 645px; } /* 645 + 30 + 305 = 980 */
	.l-additional-sidebar { float: right; display: inline; width: 305px; }


/* footer */
.l-social-block-bottom { }
.l-footer { border-top: 7px solid #4fa7f8; background-color: #ecf5ff; }
.l-footer-bottom { border-top: 1px solid #a5abb2;  }



/* Pages
---------------------------------------------------- */

.p-text-page {  }

.p-homepage {  }
	.p-homepage .l-main-content {  } /* background: url(../files/homeslider/slider.jpg) no-repeat 50% 0; min-height: 494px; margin-bottom: 0; */
	.l-pane-home { } /* padding-top: 520px;  */

.p-stub-page {  }
	.p-stub-page .l-main-content { background: url(../files/homeslider/slider-stub.jpg?123) no-repeat 50% 0; min-height: 494px; margin-bottom: 0; }

.p-good-page {  }	
	.p-good-page .l-top-pane { margin: 25px 0 15px 0; }
	
.p-catalogue-page {  }	
	.p-catalogue-page .l-top-pane { margin: 25px 0 35px 0; }
	.p-catalogue-page .l-main-sidebar { float: right; display: inline; width: 760px; } /* 760 + 40 + 180 = 980 */ 
	.p-catalogue-page .l-additional-sidebar { float: left; display: inline; width: 180px; }	
		.p-catalogue-page .l-no-filter-column .l-main-sidebar { width: 980px; } 	
		.p-catalogue-page .l-no-filter-column .l-additional-sidebar { display: none; } 	
	

.p-types-page { }	
	.p-types-page .l-top-pane { margin: 25px 0 15px 0; }
	
.p-list-page { }	
	.p-list-page .l-top-pane { }
	
.p-team-kit { }
	.p-team-kit .l-top-pane { margin: 25px 0 15px 0; }
	
.p-search {  }	
	.p-search .l-top-pane { margin: 25px 0 50px 0; }
	.p-search .l-main-sidebar { width: 760px; margin-left: 110px; } /* 760 + 40 + 180 = 980 */ 
	.p-search .l-additional-sidebar { float: left; display: none; width: 180px; }	
	
	

/* Header
---------------------------------------------------- */

/* logo and b-phone */
.b-logo { position: absolute; top: 106px; left: -5px; z-index: 100; }

.b-name-about { position: absolute; top: 32px; left: 2px; z-index: 100; color: #999; width: 200px; }
	.b-name-about h3 { margin: 0 0 3px 0; padding: 0; text-transform: uppercase; font-size: 10px; }
	.b-name-about p { margin: 0; padding: 0; font-size: 11px; }


.b-phone { position: relative; top: 12px; float: right; height: 26px; line-height: 26px; border-left: 1px solid #c0c0c0; padding-left: 15px; } 
	.b-phone span { float: left; display: inline; height: 26px; line-height: 26px; }
	.b-phone .label { font-size: 13px; margin-right: 10px; }
	.b-phone .code { font-size: 19px; margin-right: 5px;  }
	.b-phone .number { font-size: 24px; }
.b-phone-fixed { position: relative; top: 12px; float: right; height: 26px; line-height: 26px; width: 270px; overflow: visible; } 
	.b-phone-fixed span { float: left; display: inline; height: 26px; line-height: 26px; }
	.b-phone-fixed .label { font-size: 13px; margin-right: 10px; }
	.b-phone-fixed .code { font-size: 19px; margin-right: 5px;  }
	.b-phone-fixed .number { font-size: 24px; }	

.b-top-phones { position: relative; top: 11px; float: right; width: 290px; height: 80px; overflow: visible; } 
	.b-top-phones .phone { font-size: 1.5em; line-height: 18px; height: 18px; width: 145px; float: left; display: inline; margin-top: 4px; padding-bottom: 0; }
			.b-top-phones .pos-lt { position: absolute; left: 0; top: 15px; }
			.b-top-phones .pos-rt { position: absolute; left: 145px; top: 15px; }
			.b-top-phones .pos-lb { position: absolute; left: 0; top: 36px; }
			.b-top-phones .pos-rb { position: absolute; left: 145px; top: 36px; font-weight: bold;}	
			.b-top-phones .pos-bb { position: absolute; left: 155px; top: 57px; font-size: 1.2em; line-height: 12px;}
		.b-top-phones span {  }
		.b-top-phones .code { background: url(../img/phone.png) no-repeat 10px 50%; padding-left: 32px; }
			.b-top-phones .mts .code 		{ background-image: url(../img/mts.png); }
			.b-top-phones .kyivstar .code { background-image: url(../img/kyivstar.png); }
			.b-top-phones .life_old .code 		{ background-image: url(../img/life.png); background-position: 0 50%; }
			.b-top-phones .life .code { background-image: url(../img/lifecell.png); }
		.b-top-phones .number { margin-left: -1px; }	

		.b-top-link { font-size: 11px; text-transform: uppercase; }
		.b-top-magazin { position: absolute; left: 10px; top: 0px; }
		.b-top-opt { position: absolute; left: 155px; top: 0px; }

		.b-top-link a:link					{ color : #2B2B2B; } 
		.b-top-link a:visited				{ color : #2B2B2B; } 
		.b-top-link a:hover					{ color : #e65618; } 
		.b-top-link a:active				{ color : #e65618; }

		.b-top-link a:link					{ text-decoration: underline; }
		.b-top-link a:visited				{ text-decoration: underline; }
		.b-top-link a:hover					{ text-decoration: underline; } 
		.b-top-link a:active				{ text-decoration: underline; }		

	
/* top menu */	
.b-top-menu { float: right; display: inline; margin-right: 15px; position: relative; top: 37px; height: 26px; line-height: 25px; border-right: 1px solid #c0c0c0; padding-right: 15px; }
	.b-top-menu li { float: right; display: inline; font-size: 12px; text-transform: uppercase; margin-left: 5px; }
			.p-fonts-corr .b-top-menu li { font-size: 11px; }
	
		.b-top-menu li a { padding: 4px 8px; }
			.b-top-menu li a:link 		{ color: #2b2b2b; text-decoration: underline; }	
			.b-top-menu li a:visited 	{ color: #2b2b2b; text-decoration: underline; }	
			.b-top-menu li a:hover 		{ color: #fff; text-decoration: none; background-color: #2b2b2b; }
			.b-top-menu li a:active 	{ color: #fff; text-decoration: none; background-color: #2b2b2b; }		
			
			.b-top-menu li.active a:link 		{ color: #fff; text-decoration: none; background-color: #2b2b2b; }	
			.b-top-menu li.active a:visited 	{ color: #fff; text-decoration: none; background-color: #2b2b2b; }	
			.b-top-menu li.active a:hover 	{ color: #fff; text-decoration: none; background-color: #2b2b2b; }
			.b-top-menu li.active a:active 	{ color: #fff; text-decoration: none; background-color: #2b2b2b; }	
			
			.b-top-menu li.select a:link 		{ color: #ff5411; }	
			.b-top-menu li.select a:visited 	{ color: #ff5411; }	
			.b-top-menu li.select a:hover 	{ color: #fff; background-color: #ff5411; }
			.b-top-menu li.select a:active 	{ color: #fff; background-color: #ff5411; }	
			
			.b-top-menu li.select.active a:link 		{ color: #fff; text-decoration: none; background-color: #ff5411; }	
			.b-top-menu li.select.active a:visited 	{ color: #fff; text-decoration: none; background-color: #ff5411; }	
			.b-top-menu li.select.active a:hover 		{ color: #fff; text-decoration: none; background-color: #ff5411; }
			.b-top-menu li.select.active a:active 		{ color: #fff; text-decoration: none; background-color: #ff5411; }	
			
			/* select by href */
			.b-top-menu li a[href*="actions"]:link 	{ color: #ff5411; }	
			.b-top-menu li a[href*="actions"]:visited { color: #ff5411; }	
			.b-top-menu li a[href*="actions"]:hover 	{ color: #fff; background-color: #ff5411; }
			.b-top-menu li a[href*="actions"]:active 	{ color: #fff; background-color: #ff5411; }				

			.b-top-menu li.active a[href*="actions"]:link 		{ color: #fff; text-decoration: none; background-color: #ff5411; }	
			.b-top-menu li.active a[href*="actions"]:visited 	{ color: #fff; text-decoration: none; background-color: #ff5411; }	
			.b-top-menu li.active a[href*="actions"]:hover 		{ color: #fff; text-decoration: none; background-color: #ff5411; }
			.b-top-menu li.active a[href*="actions"]:active 	{ color: #fff; text-decoration: none; background-color: #ff5411; }				

		

/* Main menu
---------------------------------------------------- */

.b-main-menu-wrapper { height: 40px; width: 100%; position: relative; /*background: url(../img/menu-vert.png) no-repeat 50% 8px;*/ }	
	.b-main-menu {  }	
	
	.b-main-menu li.menu-item { position: absolute; left: 0; top: 1px; width: 100%; height: auto; }			
		
		/* main link */
		.b-main-menu .main-link { text-align: center; z-index: 100; } 
			.b-main-menu .link-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 980px; position: relative; } 			
	
			.b-main-menu li div.main-link a { display: block; text-align: center; position: absolute; top: -5px; font-size: 16px; font-weight: bold; line-height: 52px; height: 45px; text-transform: uppercase; border-top-left-radius: 6px; border-top-right-radius: 6px; } 
					.p-fonts-corr .b-main-menu li div.main-link a { font-size: 1.4em; } 
			.b-main-menu li.active div.main-link a {  } 
			.b-main-menu li:hover div.main-link a {  } 
				.b-main-menu li.active div.main-link a span { display: inline-block; background: url(../img/menu-border.png) repeat-x 0 40px;  } 
				.b-main-menu li:hover div.main-link a span { display: inline-block; background: url(../img/menu-border.png) repeat-x 0 40px;  } 
				
		/* no-sub */ 
			.b-main-menu li.no-sub div.main-link a { top: 8px; line-height: 25px; height: 25px; border-radius: 6px; } 
				.b-main-menu li.no-sub:hover div.main-link a span { background: none; } 
					.b-main-menu li.no-sub.active div.main-link a span { display: inline-block; background: url(../img/menu-border.png) repeat-x 0 40px;  } 

		/* UKR TEAM */
			.b-main-menu li.menu-item--ukr-team div.main-link a {
				background-image: url(../img/ffu_ico.png);
				background-repeat: no-repeat;
				background-position: 6px 50%;
				padding-left: 20px;
				height: 30px;
				line-height: 32px;
				top: 4px;
				border-radius: 6px;
			}
						
		/* sub-menus */ 
		.b-main-menu .submenu { display: none; text-align: center; position: absolute; top: 40px; left: 0; width: 100%; background-color: rgba(0, 88, 168, .95); border-bottom: 7px solid #4fa7f8; }
			.b-main-menu li.menu-item:hover .submenu { display: block; z-index: 100; }	
				.b-main-menu li.menu-item div.submenu-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 980px; position: relative; } 		
				
				.p-stub-page .b-main-menu li.menu-item:hover .submenu { display: none; }


				

		/* link colors */
		.b-main-menu li .main-link a:link 		{ color: #2b2b2b; text-decoration: none; }	
		.b-main-menu li .main-link a:visited 	{ color: #2b2b2b; text-decoration: none; }	
		.b-main-menu li .main-link a:hover 		{ color: #fff; text-decoration: none; background-color: #0058a8; }
		.b-main-menu li .main-link a:active 	{ color: #fff; text-decoration: none; background-color: #0058a8; }	
						
		.b-main-menu li.active .main-link a:link 		{ color: #0058a8; text-decoration: none; }	
		.b-main-menu li.active .main-link a:visited 	{ color: #0058a8; text-decoration: none; }	
		.b-main-menu li.active .main-link a:hover 	{ color: #fff; text-decoration: none; }
		.b-main-menu li.active .main-link a:active 	{ color: #fff; text-decoration: none; }
			
		.b-main-menu li:hover .main-link a:link 		{ color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li:hover .main-link a:visited 	{ color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li:hover .main-link a:hover 		{ color: #fff; text-decoration: none; background-color: #0058a8; }
		.b-main-menu li:hover .main-link a:active 	{ color: #fff; text-decoration: none; background-color: #0058a8; }


		
		/* link colors no-sub */
		.b-main-menu li.no-sub.active .main-link a:link 	{ color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li.no-sub.active .main-link a:visited { color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li.no-sub.active .main-link a:hover 	{ color: #fff; text-decoration: none; background-color: #0058a8; }
		.b-main-menu li.no-sub.active .main-link a:active 	{ color: #fff; text-decoration: none; background-color: #0058a8; }



		/* link colors STOCK */
				.b-main-menu li#menu-item-stock.active div.main-link a span { background-image: url(../img/menu-border-stock.png); } 
				.b-main-menu li#menu-item-stock:hover div.main-link a span { background-image: url(../img/menu-border-stock.png); } 		

		.b-main-menu li#menu-item-stock .main-link a:link 		{ color: #ff5411; }	
		.b-main-menu li#menu-item-stock .main-link a:visited 	{ color: #ff5411; }	
		.b-main-menu li#menu-item-stock .main-link a:hover 	{ color: #fff; }
		.b-main-menu li#menu-item-stock .main-link a:active 	{ color: #fff; }	
		
		.b-main-menu li#menu-item-stock.active .main-link a:link 		{ color: #ff5411; }	
		.b-main-menu li#menu-item-stock.active .main-link a:visited 	{ color: #ff5411; }	
		.b-main-menu li#menu-item-stock.active .main-link a:hover 		{ color: #fff; }
		.b-main-menu li#menu-item-stock.active .main-link a:active 		{ color: #fff; }

		.b-main-menu li#menu-item-stock:hover .main-link a:link 		{ color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li#menu-item-stock:hover .main-link a:visited 	{ color: #fff; text-decoration: none; background-color: #0058a8; }	
		.b-main-menu li#menu-item-stock:hover .main-link a:hover 		{ color: #fff; text-decoration: none; background-color: #0058a8; }
		.b-main-menu li#menu-item-stock:hover .main-link a:active 	{ color: #fff; text-decoration: none; background-color: #0058a8; }		
				
		/* items width */ 
		.b-main-menu li#menu-item-wear 			.main-link a { width: 95px; left: 140px; } /* 170 */
		.b-main-menu li#menu-item-footwear 		.main-link a { width: 80px; left: 235px; }	/* 275 */
		.b-main-menu li#menu-item-accessories 	.main-link a { width: 125px; left: 315px; } /* 355 */
		.b-main-menu li#menu-item-stock 			.main-link a { width: 68px; left: 445px; }	/* 502 */
		
		.b-main-menu li#menu-item-man 			.main-link a { width: 110px; right: 175px; }
		.b-main-menu li#menu-item-woman 			.main-link a { width: 110px; right: 65px; }	
		.b-main-menu li#menu-item-child 			.main-link a { width: 65px; right: 0px; }		
		
		.b-main-menu li#menu-item-team-kit 		.main-link a { width: 190px; left: 520px; } /* right: 0 */

		.b-main-menu li#menu-item-ukr-team 		.main-link a { width: 180px; left: 720px; } /* right: 0 */

		
		

		
	/* sub-menu styles */		
	.b-submenu { padding: 20px 0 30px 0; float: left; font-size: 14px; line-height: 1; min-height: 150px; } 
		.b-submenu .img-block { width: 140px; position: absolute; left: 0; top: 30px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 1.2;  }
			.b-submenu .img-block img { margin-bottom: 5px; }		
			.b-submenu .img-block a { margin-bottom: 5px; display: block; }					
			.b-submenu .img-block div { font-size: 10px; color: #7d9ebc; }			
		.b-submenu .list { width: 185px; float: left; display: inline; margin-left: 20px; position: relative; }
			.b-submenu .list h2 { position: absolute; left: 0; top: 0; color: #4fa7f8; text-transform: uppercase; font-size: 13px; line-height: 1; }
			.b-submenu .list ul { margin-top: 40px; }
				.b-submenu .list ul li { margin-bottom: 8px; }
		
		.b-submenu .col-1 { margin-left: 180px; }		
		
		/* submenu positioning */
		#main-submenu-wear .b-submenu .col-1 			{  }	
		#main-submenu-footwear .b-submenu .col-1 		{  }	
		#main-submenu-accessories .b-submenu .col-1 	{  }	
		#main-submenu-stock .b-submenu .col-1 			{  }	
		#main-submenu-man .b-submenu .col-1 			{  }	
		#main-submenu-woman .b-submenu .col-1 			{  }	
		#main-submenu-child .b-submenu .col-1 			{  }	
		
		.b-submenu a { }			
			.b-submenu a:link 	{ color: #fff; text-decoration: none; }
			.b-submenu a:visited { color: #fff; text-decoration: none; }
			.b-submenu a:hover 	{ color: #add5fc; text-decoration: none; }
			.b-submenu a:active 	{ color: #add5fc; text-decoration: none; }	
	
		.b-submenu h2 a { }			
			.b-submenu h2 a:link 	{ color: #4fa7f8; text-decoration: none; }
			.b-submenu h2 a:visited { color: #4fa7f8; text-decoration: none; }
			.b-submenu h2 a:hover 	{ color: #4fa7f8; text-decoration: none; }
			.b-submenu h2 a:active 	{ color: #4fa7f8; text-decoration: none; }	
	

/* Sidebar menu
---------------------------------------------------- */

.b-sidebar-menu { margin-bottom: 30px; font-size: 14px; line-height: 1.2; border-left: 1px solid #c0c0c0; padding-left: 15px; }
	.b-sidebar-menu h2 { text-transform: uppercase; font-size: 13px; line-height: 1; margin-bottom: 20px; padding-left: 8px; }
	.b-sidebar-menu ul { }
		.b-sidebar-menu ul li { margin-bottom: 10px; }

		.b-sidebar-menu li a { padding: 4px 8px; }
			.b-sidebar-menu li a:link 		{  }	
			.b-sidebar-menu li a:visited 	{  }	
			.b-sidebar-menu li a:hover 	{ color: #fff; text-decoration: none; background-color: #4fa7f8; }
			.b-sidebar-menu li a:active 	{ color: #fff; text-decoration: none; background-color: #4fa7f8; }		
			
			.b-sidebar-menu li.active a:link 	{ color: #fff; text-decoration: none; background-color: #4fa7f8; }
			.b-sidebar-menu li.active a:visited { color: #fff; text-decoration: none; background-color: #4fa7f8; }
			.b-sidebar-menu li.active a:hover 	{ color: #fff; text-decoration: none; background-color: #4fa7f8; }
			.b-sidebar-menu li.active a:active 	{ color: #fff; text-decoration: none; background-color: #4fa7f8; }		

			
/* Footer content
---------------------------------------------------- */

.b-footer-top { padding: 20px 0 30px 0; float: left; font-size: 14px; line-height: 1; position: relative; }
	.b-footer-top .list { width: 160px; float: left; display: inline; margin-left: 20px; position: relative; }
		.b-footer-top .list h2 { position: absolute; left: 0; top: 0; text-transform: uppercase; font-size: 13px; line-height: 1; }
		.b-footer-top .list h3 { text-transform: uppercase; font-size: 13px; line-height: 1; clear: both }
		.b-footer-top .list p { line-height: 1.4; font-size: 0.9em; margin: 0 0 15px 0; }
		.b-footer-top .list ul { margin-top: 40px; }
			.b-footer-top .list ul li { margin-bottom: 8px; }
		
	.b-footer-top .col-1 { margin-left: 0; width: 240px; }		
	.b-footer-top .col-2 { margin-left: 30px; width: 190px; }			
	.b-footer-top .col-3 { margin-left: 30px; width: 110px; }			
	.b-footer-top .col-4 { margin-left: 95px; width: 285px; padding-top: 40px; }			
	
			.b-footer-top li.select a:link 		{ color: #ff5411; }	
			.b-footer-top li.select a:visited 	{ color: #ff5411; }	
			.b-footer-top li.select a:hover 		{ color: #e65618; }
			.b-footer-top li.select a:active 	{ color: #e65618; }	

			/* select by href */
			.b-footer-top li a[href*="actions"]:link 		{ color: #ff5411; }	
			.b-footer-top li a[href*="actions"]:visited 	{ color: #ff5411; }	
			.b-footer-top li a[href*="actions"]:hover 	{ color: #e65618; }
			.b-footer-top li a[href*="actions"]:active 	{ color: #e65618; }	
						
			.b-footer-top li a[href*="stock"]:link 	{ color: #ff5411; }	
			.b-footer-top li a[href*="stock"]:visited { color: #ff5411; }	
			.b-footer-top li a[href*="stock"]:hover 	{ color: #e65618; }
			.b-footer-top li a[href*="stock"]:active 	{ color: #e65618; }				

		
.b-phone-footer { height: 22px; line-height: 22px; margin-top: 6px;  } 
	.b-phone-footer span 	{ float: left; display: inline; height: 22px; line-height: 22px; }
	.b-phone-footer .label 	{ font-size: 13px; margin-right: 10px; }
	.b-phone-footer .code 	{ font-size: 16px; margin-right: 5px;  }
	.b-phone-footer .number { font-size: 20px;  }	
	
.b-bottom-phones { position: relative; margin-bottom: 60px; } 
	.b-bottom-phones .phone { font-size: 1em; line-height: 18px; height: 18px; width: 145px; margin-top: 4px; padding-bottom: 0; }
			.b-bottom-phones .pos-lt { position: absolute; left: 0; top: 0;  }
			.b-bottom-phones .phone-main { font-size: 1.2em; font-weight: bold; }
			.b-bottom-phones .pos-rt { position: absolute; left: 155px; top: 0; }
			.b-bottom-phones .phone-comment { font-size: 1em; line-height: 12px; font-style: italic; }

			.b-bottom-phones .pos-lb { position: relative; float: left; top: 40px; }
			.b-bottom-phones .pos-rb { position: absolute; left: 155px; top: 40px; }	
		.b-bottom-phones span {  }
		.b-bottom-phones .code { background: url(../img/phone.png) no-repeat 10px 50%; padding-left: 32px; }
			.b-bottom-phones .mts .code 		{ background-image: url(../img/mts.png); }
			.b-bottom-phones .kyivstar .code { background-image: url(../img/kyivstar.png); }
			.b-bottom-phones .life_old .code 		{ background-image: url(../img/life.png); background-position: 0 50%; }
			.b-bottom-phones .life .code 		{ background-image: url(../img/lifecell.png); }
		.b-bottom-phones .number { margin-left: -1px; }	


	
	
.b-footer-bottom { padding: 22px 0 20px 0; position: relative; }
	.b-footer-bottom .logo { float: right; display: inline; margin-top: -26px; }
	.b-footer-bottom .footer-copy { font-size: 14px; line-height: 1; float: left; }

	.b-footer-bottom .fishdesign { width: 300px; float: right; text-align: right; color: #858585; font-size: 1.2em; margin-top: -8px;  }
		.b-footer-bottom .fishdesign img { position: relative; top: 6px; margin-left: 5px; }

				
.b-marker { background: url(../img/marker-small.png) no-repeat 0 50%; padding-left: 18px; font-size: 1em; display: block; height: 20px; width: 150px; line-height: 20px; margin: 3px 0 0 12px; }				
			

/* Page content
---------------------------------------------------- */

.breadcrumb { font-size: 10px; line-height: 15px; color: #9f9f9f; text-transform: uppercase; }
	.breadcrumb a:link 		{ color: #9f9f9f; text-decoration: none; }
	.breadcrumb a:visited 	{ color: #9f9f9f; text-decoration: none; }
	.breadcrumb a:hover 		{ color: #9f9f9f; text-decoration: underline; }
	.breadcrumb a:active 	{ color: #9f9f9f; text-decoration: underline; }
	
.p-good-page .breadcrumb,
.p-catalogue-page .breadcrumb,
.p-types-page .breadcrumb,
.p-team-kit .breadcrumb,
.p-search .breadcrumb
		{ padding: 8px 10px; border: 2px solid #8bc5fa; border-radius: 6px; background-color: #f4f6f8; font-size: 12px; line-height: 12px; color: #9f9f9f; text-transform: none; }
	.p-good-page .breadcrumb a:link,
	.p-catalogue-page .breadcrumb a:link,
	.p-team-kit .breadcrumb a:link,
	.p-search .breadcrumb a:link
													{ color: #0058a8; text-decoration: none; }
	.p-good-page .breadcrumb a:visited,
	.p-catalogue-page .breadcrumb a:visited,
	.p-types-page .breadcrumb a:visited,
	.p-team-kit .breadcrumb a:visited,
	.p-search .breadcrumb a:visited
													{ color: #0058a8; text-decoration: none; }
	.p-good-page .breadcrumb a:hover,		
	.p-catalogue-page .breadcrumb a:hover,
	.p-types-page .breadcrumb a:hover,
	.p-team-kit .breadcrumb a:hover,
	.p-search .breadcrumb a:hover
													{ color: #0058a8; text-decoration: underline; }
	.p-good-page .breadcrumb a:active,
	.p-catalogue-page .breadcrumb a:active,
	.p-types-page .breadcrumb a:active,
	.p-team-kit .breadcrumb a:active,
	.p-search .breadcrumb a:active
													{ color: #0058a8; text-decoration: underline; }
	
		
html h1.page-title { font-size: 30px; line-height: 1.2; color: #273340; font-weight: normal; margin: 0 0 15px 0; }
html .p-good-page h1.page-title { font-size: 26px; line-height: 1.2; color: #273340; font-weight: normal; margin: 0 0 15px 540px; }

html .p-catalogue-page h1.page-title, 
html .p-search h1.page-title
		{ font-size: 26px; line-height: 1.2; color: #273340; font-weight: bold; margin: 15px 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #7fbfff; text-align: center; }	
.b-amount { font-size: 10px; color: #666; text-align: center; margin: 5px 0; text-transform: uppercase; }

html .p-types-page h1.page-title { font-size: 26px; line-height: 1.2; color: #273340; font-weight: bold; margin: 25px 0 0 0; text-align: left; }	
html .p-list-page h1.page-title { margin: 15px 0 0 0; }	
html .p-team-kit h1.page-title { font-size: 26px; line-height: 1.2; color: #273340; font-weight: bold; margin: 25px 0 0 0; text-align: left; }	

.b-phones-set { position: relative; margin: 10px 0 10px 20px; } 
	.b-phones-set .phone { font-size: 1em; line-height: 18px; height: 18px; width: 145px; margin-top: 4px; padding-bottom: 0; }
		.b-phones-set span {  }
		.b-phones-set .code { background: url(../img/phone.png) no-repeat 10px 50%; padding-left: 32px; }
			.b-phones-set .mts .code 		{ background-image: url(../img/mts.png); }
			.b-phones-set .kyivstar .code { background-image: url(../img/kyivstar.png); }
			.b-phones-set .life_old .code 		{ background-image: url(../img/life.png); background-position: 0 50%; }
			.b-phones-set .life .code 		{ background-image: url(../img/lifecell.png); }
		.b-phones-set .number { margin-left: -1px; }



/* UKR TEAM EQUIPMENT
---------------------------------------------------- */
.b-top-teaser {	margin: -20px 0 15px 0; }
	.p-text-page .b-top-teaser { margin: -10px 0 15px 0; }
.b-homepage-teaser { margin-bottom: 30px; }

.b-contact-ukraine {


}

.b-contact-ukraine {
	display: none;
	float: left; clear: both; margin-bottom: 30px; }
	.b-contact-ukraine h2 { text-transform: uppercase; color: #ff5411; margin-bottom: 25px; font-size: 14px; }
	.b-contact-ukraine h2 span { border-bottom: 3px solid #ff5411; padding-bottom: 2px; }

	.b-contact-ukraine h3 { text-transform: uppercase; color: #0058a8; margin: 20px 0 5px 0; font-size: 12px; }

	.b-contact-ukraine p { font-size: 13px; line-height: 15px; margin: 0 0 5px 0; }

	.b-contact-ukraine a.filter	{ color: #0058a8; text-decoration: none; display: block; }
	.b-contact-ukraine a.filter:link 		{ color: #0058a8; text-decoration: none; }
	.b-contact-ukraine a.filter:visited 	{ color: #0058a8; text-decoration: none; }
	.b-contact-ukraine a.filter:hover		{ color: #0058a8; text-decoration: underline; }
	.b-contact-ukraine a.filter:active 	{ color: #0058a8; text-decoration: underline; }

.b-contact-ukraine.active { display: block; }

		
/* Homepage
---------------------------------------------------- */


/* Slider */
.l-home-slider-wrapper { position: relative; }
	.l-home-slider-wrapper .slider-shadow { position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: url(../img/menu-shadow.png) repeat-x 0 0; }

.b-home-slider { background-color: #f4f9fd; }
	.b-home-slider .one-slide { background-color: #3d4e5d; background-repeat: no-repeat; background-position: 50% 50%; height: 340px; width: 100%; text-align: center; clear: both; padding: 0; margin: 0; overflow: hidden; }
	
		.b-home-slider .slide-shadow { height: 340px; width: 100%; }
			.b-home-slider .bg-shadow .slide-shadow { background: url(../img/slider-shadow.png) repeat 0 0;  }
	
		.b-home-slider .slide-wrapper { margin: 0 auto; padding: 20px 0; text-align: left; width: 980px; position: relative;}

		.b-home-slider .slide-link { display: block; width: 980px; height: 340px; }
		
			.b-home-slider .slider-img-left { float: left; display: inline; margin: 0 40px 20px 0;  }
			.b-home-slider .slide-text { float: left; display: inline; margin: 0; text-align: center; }
				.b-home-slider .slide-text h2 { font-size: 3.6em; line-height: 1.2; color: #cde5ff; margin: 0; padding-bottom: 5px; }
				.b-home-slider .slide-text h2 a {  }
					.b-home-slider .slide-text h2 a:link 		{ color: #cde5ff; }
					.b-home-slider .slide-text h2 a:visited	{ color: #cde5ff; }
					.b-home-slider .slide-text h2 a:hover 		{ color: #fff; }
					.b-home-slider .slide-text h2 a:active		{ color: #fff; }
				.b-home-slider .slide-text .descr { font-size: 1.8em; line-height: 1.4; color: #fff; margin-top: 10px; }
				.b-home-slider .slide-text img { margin-top: 10px; }
		
			.b-home-slider .slide-button { width: 240px; margin: 20px auto 0 auto; text-align: center; font-size: 1.2em; line-height: 1.4; font-weight: bold; text-transform: uppercase; color: #1d71ce; border: 2px solid #fff; background-color: #cde5ff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
				.b-home-slider .slide-button a { display: block; padding: 10px 10px; }
					.b-home-slider .slide-button a:link 	{ color: #1d71ce; text-decoration: none; }
					.b-home-slider .slide-button a:visited	{ color: #1d71ce; text-decoration: none; }
					.b-home-slider .slide-button a:hover 	{ color: #ff5411; text-decoration: none; }
					.b-home-slider .slide-button a:active	{ color: #ff5411; text-decoration: none; }
		
		
		
/* Search */
.l-homepage-search { margin: 0 0 30px 0; background-color: #f4f9fd; border-bottom: 3px solid #4fa7f8; padding: 1px 0 10px 0; }



/* Navigation */
.b-visual-navigation { width: 980px; margin-bottom: 50px; }
	.b-visual-navigation .block { margin: 0 4px; width: 236px; text-align: center; float: left; display: inline; }
	.b-visual-navigation .block .img-wrapper { margin-bottom: 5px; width: 236px; text-align: center; }
	.b-visual-navigation .block h2 { font-size: 17px; line-height: 1.2; margin: 0 0 10px 0; color: #02519a; }	
		.b-visual-navigation h2 a { text-decoration: none;	}
			.b-visual-navigation h2 a:link 		{ color : #02519a; text-decoration: none;	}
			.b-visual-navigation h2 a:visited 	{ color : #02519a; text-decoration: none;	}
			.b-visual-navigation h2 a:hover 		{ color : #e65618; text-decoration: underline;	}
			.b-visual-navigation h2 a:active 	{ color : #e65618; text-decoration: underline;	}	
	
	.b-visual-navigation .block ul { width: 236px; font-size: 12px; line-height: 1.2;  }	
		.b-visual-navigation .block ul li { text-transform: uppercase; color: #666; margin-bottom: 4px; font-weight: bold; }	
	.b-visual-navigation .block ul.col-1 { width: 110px; padding-right: 7px; border-right: 1px solid #d5d5d5; float: left; display: inline; }	
		.b-visual-navigation .block ul.col-1 li { text-align: right; }	
	.b-visual-navigation .block ul.col-2 { width: 110px; float: right; display: inline;  }	
		.b-visual-navigation .block ul.col-2 li { text-align: left; }	
	
		.b-visual-navigation ul a { text-decoration: none; font-weight: normal; }
			.b-visual-navigation ul a:link 		{ color : #02519a; text-decoration: none;	}
			.b-visual-navigation ul a:visited 	{ color : #02519a; text-decoration: none;	}
			.b-visual-navigation ul a:hover 		{ color : #e65618; text-decoration: underline;	}
			.b-visual-navigation ul a:active 	{ color : #e65618; text-decoration: underline;	}
	
	
	
/* News home */	
.b-home-news { background-color: #ecf5ff; border: 2px solid #4fa7f8; padding: 15px 0 15px 0;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
	.b-home-news h3 { margin: 0 0 15px 18px; text-transform: uppercase;  }
		.b-home-news h3 a { color: #02519a; text-decoration: none; }
		

	.b-news-home-item { width: 300px; margin: 0 0 0 18px; position: relative; display: inline; float: left; }
		.b-news-home-item .img-wrapper { border: 1px solid #57abf8; position: relative; width: 150px; height: 75px; overflow: hidden; text-align: center; float: left; display: inline; margin-right: 15px; }
			.b-news-home-item .img-wrapper a { display: block; margin: 0; padding: 0; }
			.b-news-home-item .img-wrapper img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
		.b-news-home-item .text-wrapper { width: 130px; float: left; display: inline; }
			.b-news-home-item h2 { font-size: 1.3em; line-height: 1.3; margin: 0 0 5px 0; }
			.b-news-home-item .date { text-transform: uppercase; color: #969696; margin: 0 0 5px 0; }
		
		.b-news-home-item:hover {  }		
			.b-news-home-item:hover .img-wrapper { border-color: #bcefff; }	
			.b-news-home-item:hover h2 { }	
				.b-news-home-item:hover h2 a { color: #e65618; }	
	
	

/* Good page 
---------------------------------------------------- */
	
.l-good-wrapper { position: relative; margin-top: 25px; min-height: 570px; }	
	
	.b-good-data { margin-left: 540px; }
		.b-good-data hr { border-color: #7fbfff; clear: both; }

		.b-good-header { position: relative; }
			.b-article { color: #888; font-size: 16px; }		
			.b-year { clear: both; line-height: 16px; margin-bottom: 0.3em; position: absolute; top: 0; right: 0; vertical-align: top;  }
				.b-year .label { float: left; width: 65px; text-transform: uppercase; color: #727272; font-size: 10px; font-weight: bold; }
				.b-year .value { padding-left: 80px; font-size: 13px; position: relative; color: #0058a8; }
					.b-year .amount { font-size: 16px; font-weight: bold; position: absolute; left: 64px; }
					.b-year .year { color: #727272;  }
					
		.b-price { clear: both; margin-bottom: 1.2em; position: relative; float: left; }
			.b-price .label { float: left; display: inline; width: 35px; text-transform: uppercase; color: #727272; font-size: 10px; font-weight: bold; height: 22px; line-height: 22px;  }
			.b-price .value { font-size: 22px; color: #0058a8; float: left; display: inline; height: 22px; line-height: 22px;  }
				.b-price .value span { font-size: 11px; }
			.b-price .caption { float: left; display: inline; margin-left: 20px; text-transform: uppercase; color: #fff; background-color: #ff5411; font-size: 10px; font-weight: bold; padding: 2px 5px; height: 16px; line-height: 16px; }

		.b-option { clear: both; line-height: 16px; margin-bottom: 0.3em; }
			.b-option .label { float: left; width: 90px; text-transform: uppercase; color: #727272; font-size: 10px; font-weight: bold; }
			.b-option .value { padding-left: 100px; font-size: 13px; }
			.b-option.pack .value { color: #ff5411; }
			
		.b-check { clear: both; line-height: 16px; margin-bottom: 0.3em; }
			.b-check .label { float: left; width: 90px; text-transform: uppercase; color: #727272; font-size: 10px; font-weight: bold; }
			.b-check .value { padding-left: 100px; font-size: 13px; background: url(../img/check-plus.png) no-repeat 100px 1px; text-indent: -9999px;  }
			
		.b-addition { clear: both; line-height: 16px; margin-bottom: 0.3em; color: #727272;  font-size: 12px; font-style: italic; }
					
	.b-good-color { position: relative; margin: 1.3em 0 1.4em 0;  }
		.b-good-color .label { text-transform: uppercase; color: #585858; font-size: 10px; position: absolute; left: 20px; top: 3px; }
	.b-color-dot { width: 14px; height: 14px; overflow: hidden; position: relative; }
		.b-color-dot .left-color { width: 14px; height: 14px; position: absolute; left: 0; top: 0; }
		.b-color-dot .right-color { width: 7px; height: 14px; position: absolute; left: 7px; top: 0; }
		.b-color-dot .mask { background: url(../img/color-dot-mask.png) no-repeat 0 0; width: 14px; height: 14px; position: absolute; left: 0; top: 0; }

	.b-sizes-table { font-size: 13px; }
		.b-sizes-table.yellow table { background-color: #fff219; }
		.b-sizes-table.blue table { background-color: #c1dffa; }	
		.b-sizes-table table { border: 1px solid #999; width: 300px; background-color: #eee; }
			.b-sizes-table table.second { border-top: none; }
			.b-sizes-table td { border-left: 1px solid #999; padding-top: 2px; height: 24px; text-align: center; vertical-align: middle; font-weight: bold; color: #333; }
			.b-sizes-table .label { width: 100px; text-align: left; padding-left: 10px; background-color: #fff; font-weight: normal; color: #000; }	

		.b-good-preview { position: absolute; left: 0; top: 0; width: 486px; height: 486px; border: 2px solid #8bc5fa; border-radius: 6px; text-align: center; }
			.b-good-preview img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
			.b-good-preview .zoom { width: 21px; height: 21px; position: absolute; right: 0; top: 0; background: url(../img/zoom-arrow.png) no-repeat 50% 50%; }
		.b-good-thumb { float: left; }	
			.b-good-thumb span { border: 2px solid #fff; border-radius: 6px; width: 64px; height: 64px; display: block; float: left; text-align: center; margin: 0 5px 5px 0; cursor: pointer; cursor: hand; position: relative; }	
				.b-good-thumb span.active { border-color: #ccc; }	
			.b-good-thumb img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }	
		
	.b-promo-gallery { position: absolute; left: 0; top: 505px; width: 486px; border: 2px solid #8bc5fa; border-radius: 6px; text-align: center; }
		.b-promo-gallery .foto-wrapper { padding: 10px 10px 8px 10px; }
		.b-promo-gallery img { margin: 0 1px 1px 0; }

		
		

/* Catalogue page 
---------------------------------------------------- */		

.b-goods-list { margin: 0 0 0 -20px; }		
		
	.b-goods-list-item { width: 240px; height: 375px; overflow: hidden;  margin: 0 0 50px 20px; position: relative; display: inline; float: left; outline: 5px solid #fff; }
		.b-goods-list-item .img-wrapper { width: 240px; height: 250px; overflow: hidden; text-align: center; margin-bottom: 40px; position: relative; }	
			.b-goods-list-item .img-wrapper a {  }			
			.b-goods-list-item .img-wrapper img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }	
		.b-goods-list-item .colors { text-align: center; position: absolute; left: 10px; top: 250px; width: 220px; height: 37px; overflow: hidden; line-height: 1; font-size: 0; }	
			.b-goods-list-item .colors .colors-wrapper { display: table; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; width: 220px; }	
		.b-goods-list-item h2 { clear: both; text-align: center; font-weight: normal; border-top: 1px solid #b2b2b2; margin: 0; padding-top: 5px; line-height: 1.2; }	
		.b-goods-list-item .article { color: #888; font-size: 12px; text-align: center; margin-top: 5px; }	

		.b-goods-list-item:hover { outline: 5px solid #bcefff; }		
			.b-goods-list-item:hover h2 { border-top: 1px solid #bcefff;  }	
				.b-goods-list-item:hover h2 a { color: #e65618; }				
		
	.b-goods-list-item .b-color-dot { width: 14px; height: 14px; overflow: hidden; position: relative; display: inline-block; margin: 2px 2px 1px 2px; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
		.b-goods-list-item .b-color-dot .left-color { width: 14px; height: 14px; position: absolute; left: 0; top: 0; }
		.b-goods-list-item .b-color-dot .right-color { width: 7px; height: 14px; position: absolute; left: 7px; top: 0; }
		.b-goods-list-item .b-color-dot .mask { background: url(../img/color-dot-mask.png) no-repeat 0 0; width: 14px; height: 14px; position: absolute; left: 0; top: 0; }
		
		.b-price-wrapper { position: absolute; left: 0; top: 250px; width: 240px; height: 37px; }
			.b-price-list { text-align: center; }
			.b-price-list .caption { display: inline; text-transform: uppercase; color: #fff; background-color: #ff5411; font-size: 9px; font-weight: normal; padding: 4px 5px 3px 5px; height: 14px; line-height: 13px; }			
			.b-price-list .value { font-size: 18px; color: #0058a8; height: 18px; line-height: 18px; margin-top: 7px; font-weight: bold; }
				.b-price-list .value span { font-size: 11px;  }

/* No filter column */		
	.l-no-filter-column .b-goods-list { margin-left: -20px; }
		.l-no-filter-column .b-goods-list-item { width: 230px; margin-left: 20px; }
			.l-no-filter-column .b-goods-list-item .img-wrapper { width: 230px; }	
			.l-no-filter-column .b-goods-list-item .colors { left: 5px; width: 220px; }	
				.l-no-filter-column .b-goods-list-item .colors .colors-wrapper { width: 220px; }	
			.l-no-filter-column .b-price-wrapper { width: 230px; }



.l-types-list-wrapper { margin: 0 0 0 -28px; }		
		
	.b-types-list-item { width: 140px; height: 330px; overflow: hidden;  margin: 0 0 50px 28px; position: relative; display: inline; float: left; outline: 5px solid #fff; }
		.b-types-list-item .img-wrapper { width: 140px; height: 250px; overflow: hidden; text-align: center; position: relative; }	
			.b-types-list-item .img-wrapper a {  }			
			.b-types-list-item .img-wrapper img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }	
		.b-types-list-item h2 { clear: both; text-align: center; font-weight: bold; margin: 0; font-size: 1.6em; line-height: 1.2; padding: 8px 2px 0 2px; border-top: 4px solid #4FA7F8;  }	
		
		.b-types-list-item:hover { outline: 5px solid #bcefff; }		
			.b-types-list-item:hover h2 { border-top: 4px solid #bcefff; }	
				.b-types-list-item:hover h2 a { color: #e65618; }							
				
		
		
.b-filter { text-transform: uppercase; float: left; clear: both; margin-bottom: 30px; }
	.b-filter h2 { color: #2d465d; margin-bottom: 15px; font-size: 12px; }	
		.b-filter h2 span { border-bottom: 3px solid #2d465d; padding-bottom: 2px; }	
	.b-filter ul { font-size: 12px;  }	
		.b-filter li { margin-bottom: 8px; float: left; clear: both; }	
			.b-filter li span { display: none; }
			.b-filter a.filter	{ color: #0058a8; text-decoration: none; display: block; }
				.b-filter a.filter:link 		{ color: #0058a8; text-decoration: none; }
				.b-filter a.filter:visited 	{ color: #0058a8; text-decoration: none; }
				.b-filter a.filter:hover		{ color: #0058a8; text-decoration: underline; }
				.b-filter a.filter:active 	{ color: #0058a8; text-decoration: underline; }
		.b-filter li.active { color: #fff; position: relative; margin-bottom: 10px; }	
			.b-filter li.active span	{ cursor: pointer; cursor: hand; display: inline; height: 100%; text-indent: -9999px; width: 17px; border-left: 1px solid #cddeee; position: absolute; right: 0; top: 0; background: #5099da url(../img/cross-only.png) no-repeat 50% 50%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
				.b-filter li.active a:hover span	{ background-color: #6fd1fe; }
			.b-filter li.active a.filter	{ color: #fff; text-decoration: none; padding: 4px 30px 3px 4px; float: left; background-color: #3379b9; border-radius: 4px; }
				.b-filter li.active a.filter:link 		{ color: #fff; text-decoration: none; }
				.b-filter li.active a.filter:visited 	{ color: #fff; text-decoration: none; }
				.b-filter li.active a.filter:hover		{ color: #fff; text-decoration: none; }
				.b-filter li.active a.filter:active 		{ color: #fff; text-decoration: none; }
			
		html .filter-clear { margin-bottom: 15px; }	
			.filter-clear li.active span	{ border-left: none; position: absolute; left: 0; top: 0; background: transparent url(../img/cross-only.png) no-repeat 50% 50%; }
			.filter-clear li.active a.filter	{ background-color: #20242d; padding: 4px 4px 3px 18px;  } /* #ffba00 #20242d */
	
		
.b-pager {  }		
	


/* Lists page 
---------------------------------------------------- */		

.l-content-list-wrapper { margin: 0 0 0 -40px; }

	/* PDF */
	.b-pdf-list-item { width: 300px; height: 435px; overflow: hidden;  margin: 0 0 25px 40px; position: relative; display: inline; float: left; border-bottom: 5px solid #fff; }
		.b-pdf-list-item .img-wrapper { border: 10px solid #6eb7f9; position: relative; margin-bottom: 10px; background: url(../img/bg-300.png) repeat-y 0 0;  }
			.b-pdf-list-item .img-wrapper a { display: block; width: 280px; height: 280px; text-align: center; margin: 0; padding: 0; }
			.b-pdf-list-item .img-wrapper img { width: 280px; height: 280px; overflow: hidden; }
		.b-pdf-list-item .text-wrapper {  }	
			.b-pdf-list-item h2 { font-size: 1.6em; line-height: 1.2; margin-bottom: 5px; padding: 0 10px;  }
			.b-pdf-list-item .label-wrapper { margin: 0 0 5px 10px; color: #787878; font-size: 13px;  height: 20px; }
				.b-pdf-list-item .label { background: url(../img/ico-pdf.png) no-repeat 100% 0; padding-right: 25px; margin-right: 10px; font-weight: bold; line-height: 20px; height: 20px; display: inline-block; }
				.b-pdf-list-item .size { height: 20px; }
					.b-pdf-list-item .label-wrapper a	{ color: #787878; text-decoration: none;  }
						.b-pdf-list-item .label-wrapper a:link 	{ color: #787878; text-decoration: none; }
						.b-pdf-list-item .label-wrapper a:visited { color: #787878; text-decoration: none; }
						.b-pdf-list-item .label-wrapper a:hover	{ color: #787878; text-decoration: none; }
						.b-pdf-list-item .label-wrapper a:active 	{ color: #787878; text-decoration: none; }				
			.b-pdf-list-item .descr { font-size: 11px; line-height: 12px; color: #999; padding: 0 5px 0 10px; height: 48px; overflow: hidden; }
		
		.b-pdf-list-item:hover { border-bottom: 5px solid #bcefff; background: url(../img/bg-300.png) repeat-y 0 0; }		
			.b-pdf-list-item:hover .img-wrapper { border-color: #bcefff; }	
			.b-pdf-list-item:hover h2 { }	
				.b-pdf-list-item:hover h2 a { color: #e65618; }							

				
		
	/* NEWS */
	.l-content-list-wrapper .odd { clear: left; }
	
	.b-news-list-item { width: 302px; margin: 0 0 35px 40px; position: relative; display: inline; float: left; }
		.b-news-list-item .img-wrapper { border: 1px solid #57abf8; position: relative; width: 300px; height: 150px; overflow: hidden; margin-bottom: 10px; text-align: center; }
			.b-news-list-item .img-wrapper a { display: block; margin: 0; padding: 0; }
			.b-news-list-item .img-wrapper img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
		.b-news-list-item .text-wrapper {  }
			.b-news-list-item h2 { font-size: 1.7em; line-height: 1.3; margin: 0 0 5px 0; text-transform: uppercase;  }
			.b-news-list-item p { font-size: 1.3em; line-height: 1.35; margin: 0 0 7px 0; }
			.b-news-list-item .date { text-transform: uppercase; color: #969696; margin: 0 0 5px 0; }
		
		.b-news-list-item:hover {  }		
			.b-news-list-item:hover .img-wrapper { border-color: #bcefff; }	
			.b-news-list-item:hover h2 { }	
				.b-news-list-item:hover h2 a { color: #e65618; }							
		
		

	/* ACTION */
	.b-action-list-item { width: 640px; padding: 15px 0; margin: 0 0 35px 40px; position: relative; background: #dfeef9 url(../img/action-wrapper-bg.jpg) repeat-x 0 100%; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
		.b-action-list-item .img-wrapper { width: 300px; float: left; display: inline; margin-left: 15px; }
			.b-action-list-item .img-wrapper a { display: block; margin: 0; padding: 0; }
			.b-action-list-item .img-wrapper img { border: 1px solid #57abf8; }
		.b-action-list-item .text-wrapper { width: 280px; float: right; display: inline; margin-right: 15px; }
			.b-action-list-item h2 { font-size: 1.7em; line-height: 1.3; margin: 0 0 10px 0; text-transform: uppercase;  }
			.b-action-list-item p { font-size: 1.4em; line-height: 1.4; margin: 0 0 7px 0; }
			.b-action-list-item .date { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #e90000; margin: 0 0 10px 0; }
		
		.b-action-list-item:hover { background: #ecf7ff url(../img/action-wrapper-bg-hover.jpg) repeat-x 0 100%; }		
			.b-action-list-item:hover .img-wrapper img { border-color: #bcefff; }	
			.b-action-list-item:hover h2 { }	
				.b-action-list-item:hover h2 a { color: #e65618; }							
		

				
				
/* News and action page 
---------------------------------------------------- */		

	/* NEWS */
	.b-news-img { float: left; display: inline; margin: 0 20px 0 0; }
		html .b-news-img img { margin: 0; border: 1px solid #57abf8;  }
	.b-news-date { text-transform: uppercase; color: #969696; margin: 0 0 5px 0; font-size: 11px;}
		
	/* ACTION */
	.b-action-header { width: 640px; padding: 15px 0; margin: 0 0 25px 0; position: relative; background: #dfeef9 url(../img/action-wrapper-bg.jpg) repeat-x 0 100%; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
		.b-action-header .img-wrapper { width: 300px; float: left; display: inline; margin-left: 15px; }
			.b-action-header .img-wrapper img { border: 1px solid #57abf8; margin: 0; }
		.b-action-header .text-wrapper { width: 280px; float: right; display: inline; margin-right: 15px; font-size: 0.8em; }
			.b-action-header p { font-size: 1.4em; line-height: 1.4; margin: 0 0 7px 0; }
			.b-action-header .date { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #e90000; margin: 0 0 10px 0; }
			
		.b-action-header .action-button { width: 240px; margin: 25px 0; text-align: center; font-size: 1.1em; line-height: 1.4; font-weight: bold; text-transform: uppercase; border: 2px solid #fff; background: #518ec5 url(../img/action-button-bg.jpg) repeat-x 0 0; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;  }
			.b-action-header .action-button a { color: #fff; display: block; padding: 15px 10px; }
			.b-action-header .action-button:hover { background: #518ec5 url(../img/action-button-bg-hover.jpg) repeat-x 0 100%; }
			
			
		



/* Fotogallery 
---------------------------------------------------- */		
	.b-page-fotogallery { margin: 20px 0 25px 0; }
		.b-fotorama { }
	
	
	
		

/* Team-Kit
---------------------------------------------------- */		
		
.l-team-kit-wrapper {  }		

	.b-series-list { margin: 0 0 0 -7px; }		
	
		.b-series-list-item { width: 80px; height: 117px; overflow: visible; margin: 0 0 25px 2px; float: left; display: inline; }
			.b-series-list-item .img-wrapper { border: 5px solid #6eb7f9; margin-bottom: 5px; width: 60px; margin-left: 5px; position: relative; }
				.b-series-list-item .img-wrapper a { display: block; margin: 0; padding: 0; width: 60px; height: 60px; }
			.b-series-list-item img { width: 60px; height: 60px; overflow: hidden; }
			.b-series-list-item h3 { font-size: 12px; line-height: 14px; font-weight: normal; text-transform: uppercase; margin: 0; width: 80px; text-align: center; }
			
		.b-series-list-item:hover { }		
			.b-series-list-item:hover .img-wrapper { border-color: #ff5411; }	
			.b-series-list-item:hover h3 {  }	
				.b-series-list-item:hover h3 a { color: #e65618; }							
		
		.b-series-list-item.active { }		
			.b-series-list-item.active .img-wrapper { border-color: #ff5411; }	
			.b-series-list-item.active h3 {  }	
				.b-series-list-item.active h3 a { color: #e65618; text-decoration: none; }				
				
		.b-series-list-item.preloader { }		
			.b-series-list-item.preloader .img-wrapper span { background: url(../img/fff-50-alfa.png) repeat 0 0; display: block; position: absolute; left: 0; top: 0; width: 60px; height: 60px; }	
			.b-series-list-item.preloader .img-wrapper a span { background: url(../img/preloader-blue.gif) no-repeat 50% 50%; }	
							

	.b-kit-header { margin: 0; position: relative; top: -30px; }			
		.b-kit-header h2 { font-size: 2em; line-height: 1.5; color: #3379b9; margin: 0 0 10px 0; }			
			.b-kit-header h2 span { border-bottom: 5px solid #3379b9; padding-bottom: 2px; }			
		.b-kit-header .subheader { font-size: 1.2em; line-height: 1.5; color: #888; text-transform: uppercase; }			
		.b-kit-header .delimeter { font-size: 1.1em; font-weight: bold; margin: 0 4px; }			


	.b-kit-footer { margin: 50px 0 0 0; position: relative; }			
		.b-kit-footer .description { color: #888; font-size: 1.2em; line-height: 1.5; margin-bottom: 5px; text-transform: uppercase;  }			
			.b-kit-footer .description-content { cursor: pointer; cursor: hand; }			
			.b-kit-footer .label { font-weight: bold; color: #3379b9; border-bottom: 2px solid #3379b9; margin-right: 5px; text-transform: uppercase;  }			
			.b-kit-footer .delimeter { font-size: 1.1em; font-weight: bold; margin: 0 4px; }			
		.b-kit-footer .link { color: #888; font-size: 1.2em; line-height: 1.5; }			
			.b-kit-footer .address { cursor: pointer; cursor: hand; }	
		.b-kit-footer .comment { color: #888; font-size: 0.9em; line-height: 1.5; margin-left: 10px; text-transform: lowercase; }			
		
	/* -- */
	.b-kit-section { margin-bottom: 2px; position: relative; }
		.b-kit-section .navigation { margin: 0 0 30px 0; float: left; display: inline; width: 180px; }
			.b-kit-section .navigation h3 { margin: 0 0 12px 0; font-size: 1.2em; color: #3379b9; text-transform: uppercase; }
			.b-kit-section .navigation .menu { margin: 0; padding: 0; font-size: 1.4em; text-transform: uppercase; float: left; display: inline; }
				.b-kit-section .navigation .menu li { margin: 0 8px 6px 0; padding: 6px; float: left; display: inline; border: 1px dotted #777;  }
				
				.b-kit-section .navigation a { color: #555; text-decoration: none; }
					.b-kit-section .navigation li:hover { border: 1px dotted #02519a;  } /* #e65618 #02519a */
					.b-kit-section .navigation li:hover a { color: #02519a; text-decoration: none; }
					
				.b-kit-section .navigation li.active { border: 1px dotted #fff; background-color: #e65618; color: #fff; } /* #e65618 #02519a */					
					.b-kit-section .navigation li.active a { color: #fff; } 

				.b-kit-section .navigation li.preloader  { overflow: hidden; position: relative; } 
					.b-kit-section .navigation li.preloader a { background: url(../img/fff-50-alfa.png) repeat 0 0; color: #ddd; } 
					.b-kit-section .navigation li.preloader a span { background: url(../img/preloader-blue.gif) no-repeat 50% 50%; display: block; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -23px; width: 45px; height: 15px; } 					
					
					
	/* -- */		
	.b-good-label { position: absolute; left: 493px; top: 0px; color: #000; font-size: 14px; }	
		.b-good-label b { color: #666; padding: 3px 0; border-bottom: 2px solid #666; margin-right: 5px; }	
		.b-good-label span.name { color: #000; background-color: #feff55; padding: 3px 5px; }	

	
	/* -- */
	.b-kit-good-item { width: 240px; overflow: visible;  margin: 0 0 0 23px; position: relative; display: inline; float: left; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;  } /* outline: 1px solid #000; */
	
		.b-kit-good-item .img-wrapper { width: 240px; height: 250px; overflow: hidden; text-align: center; position: relative; }	
			.b-kit-good-item .img-wrapper a {  }			
			.b-kit-good-item .img-wrapper img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }	
		.b-kit-good-item h2 { clear: both; text-align: center; font-weight: normal; border-top: 1px solid #b2b2b2; margin: 0; padding-top: 5px; line-height: 1.2; }	
		
		.b-kit-good-item .left { background-position: 0 0; left: 0; width: 16px; height: 29px; text-indent: -99999px; background-image: url(../img/arrows.png); overflow: hidden; position: absolute; top: 50px; cursor: pointer; cursor: hand;  }	
		.b-kit-good-item .right { background-position: -16px 0; right: 0; width: 16px; height: 29px; text-indent: -99999px; background-image: url(../img/arrows.png); overflow: hidden; position: absolute; top: 50px; cursor: pointer; cursor: hand; }	
			.b-kit-good-item .left:hover { background-position: 0 -29px; }	
			.b-kit-good-item .right:hover { background-position: -16px -29px; }	

		
		/* - */
		#id-kit-shirts .b-kit-good-item { height: 250px; }
			#id-kit-shirts .b-kit-good-item .img-wrapper { height: 250px; }	
			#id-kit-shirts .b-kit-good-item .left { top: 110px; }	/* 250 / 2 = 125 - 15 = 110 */
			#id-kit-shirts .b-kit-good-item .right { top: 110px; }	/* 250 / 2 = 125 - 15 = 110 */
			
		#id-kit-shorts .b-kit-good-item { height: 170px; }
			#id-kit-shorts .b-kit-good-item .img-wrapper { height: 170px; }			
			#id-kit-shorts .b-kit-good-item .left { top: 70px; }	/* 170 / 2 = 85 - 15 = 70 */
			#id-kit-shorts .b-kit-good-item .right { top: 70px; }	/* 170 / 2 = 85 - 15 = 70 */
			
		#id-kit-gaiters .b-kit-good-item { height: 170px; }
			#id-kit-gaiters .b-kit-good-item .img-wrapper { height: 170px; }			
			#id-kit-gaiters .b-kit-good-item .left { top: 70px; }	/* 170 / 2 = 85 - 15 = 70 */
			#id-kit-gaiters .b-kit-good-item .right { top: 70px; }	/* 170 / 2 = 85 - 15 = 70 */
		
		
	/* -- */
	.b-kit-good-thumb { position: relative; float: left; display: inline; margin: 0 0 0 50px; width: 485px; top: 35px; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;  } /* max 487 */	/* outline: 1px solid #000; top: -150px;  */
		.b-kit-good-thumb span { border: 2px solid #fff; border-radius: 6px; width: 54px; height: 54px; display: block; float: left; text-align: center; margin: 0 5px 4px 0; cursor: pointer; cursor: hand; position: relative; }	
			.b-kit-good-thumb span.active { border-color: #ef8f65; }	/* #ccc #e65618 */
		.b-kit-good-thumb img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }	
		
		
		
		
		
/* Search
---------------------------------------------------- */

/* top serch form scrollable */
.b-top-search-form-scrollable { margin: 0 auto; padding: 0; text-align: left; width: 980px; position: relative; }

	.b-top-search-form-scrollable .search-form { position: absolute; top: 4px; left: 155px; width: 740px; height: 32px; font-size: 14px; background: #1572d9 url(../img/search-scroll_icon.png) no-repeat 646px 0px; display: none;  }
	.b-top-search-form-scrollable .search-label { position: absolute; left: 0; top: 0; line-height: 32px; font-weight: bold; color: #fff; width: 80px; text-align: center; }
	.b-top-search-form-scrollable .search-input  { position: absolute; top: 1px; left: 80px; width: 560px; padding: 0 0 0 2px; height: 30px; border: none; background-color: #fff; color: #081d2b; font-size: 14px; } /* #4b5660 */
	.b-top-search-form-scrollable .search-button { position: absolute; top: 0; right: 0; width: 98px; height: 32px; background: transparent none; border: 0 none; text-align: left; text-indent: 30px; color: #fff; cursor: pointer; cursor: hand; }
	.b-top-search-form-scrollable .search-close { text-indent: -9999em; width: 20px; height: 20px; position: absolute; top: 5px; left: 780px; cursor: pointer; cursor: hand; background: url(../img/close.svg) no-repeat; opacity: 0.5; }

	.b-top-search-form-scrollable .icon {
		position: absolute; top: 5px; right: 20px; width: 30px; height: 30px;
		background: url(../img/search-scroll_icon.png) no-repeat 50% 50%;
		}

	.b-top-search-form-scrollable.is-expanded { background-color: #fff; height: 40px; }

	.b-top-search-form-scrollable.is-expanded .icon { display: none; }
	.b-top-search-form-scrollable.is-expanded .search-form { /*display: block;*/ }

	.b-top-search-form-scrollable.is-collapsed .icon { display: block; }
	.b-top-search-form-scrollable.is-collapsed .search-form { display: none; }



/* top search */
.b-top-search-form { margin: 0 auto; padding: 0; text-align: left; width: 980px; position: relative; }
	.b-top-search-form .search-form { position: absolute; top: 7px; left: 740px; width: 220px; height: 25px; font-size: 14px; background: #1572d9 url(../img/search-icon.png) no-repeat 202px 6px;  }
		.b-top-search-form .search-input  { position: absolute; top: 1px; left: 1px; width: 193px; padding: 0 0 0 2px; height: 23px; border: none; background-color: #fff; color: #081d2b; font-size: 14px; } /* #4b5660 */
		.b-top-search-form .search-button { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: transparent none; border: 0 none; text-indent: -999em; cursor: pointer; cursor: hand; }

		
/* bottom search */
.b-bottom-search-form { position: absolute; left: 0; bottom: 70px; }
	.b-bottom-search-form .search-form { position: absolute; top: 0px; left: 0px; width: 274px; height: 25px; font-size: 14px; background: #1572d9 url(../img/search-icon.png) no-repeat 256px 6px;  }
		.b-bottom-search-form .search-input  { position: absolute; top: 1px; left: 1px; width: 247px; padding: 0 0 0 2px; height: 23px; border: none; background-color: #fff; color: #081d2b; font-size: 14px; } /* #4b5660 */
		.b-bottom-search-form .search-button { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: transparent none; border: 0 none; text-indent: -999em; cursor: pointer; cursor: hand; }

		
/* page search form */
.b-search-form-wrapper { position: relative; margin: 10px 0 0 0; }

	.search-form { position: relative; }
		.search-form .form-wrapper {  }
		.search-form .form-item { margin: 0; }
		.search-form .form-type-textfield { float: left; display: inline; }
			.search-form .form-type-textfield label { font-size: 14px; color: #636363; font-weight: bold; line-height: 28px; margin-right: 10px; width: 298px; text-align: right; float: left; display: inline; }
			.search-form .form-type-textfield input { border: 1px solid #1572d9; width: 360px; height: 28px; font-size: 16px; line-height: 26px; color: #081d2b; padding: 0 2px; float: left; display: inline; }
		.search-form .form-submit{ float: left; display: inline; height: 30px; width: 100px; border: none; background: #1572d9 url(../img/search-icon.png) no-repeat 10px 9px; margin-left: 10px; color: #fff; font-size: 14px; line-height: 28px; }	
		
	.search-form .search-advanced { display: none!important; }		
		
	.b-search-form-wrapper .form-search-tip { clear: both; position: relative; top: 4px; margin-left: 310px; font-size: 11px; color: #636363; }
		.b-search-form-wrapper .form-search-tip p {  }
		.b-search-form-wrapper .form-search-tip span { margin: 0 2px; border-bottom: 1px dotted #02519a; color: #02519a; cursor: pointer; cursor: hand; }
		
	.b-result-message	{ text-align: center; color: #636363; }
		.b-result-message	h2 { font-style: italic; font-weight: normal; }
		
	
/* Text Content
---------------------------------------------------- */
/* 
	All this styles use inside 
	<div class="content"></div> 		   
												*/
												
.content { font-size: 14px; line-height: 20px; color: #333; }												
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: bold; line-height: normal; margin-bottom: 10px; }	/* clear: both;  */								
	.content h1 { font-size: 24px; line-height: 36px; font-weight: normal; color: #0054a5; }
	.content h2 { font-size: 20px; line-height: 28px; font-weight: normal; color: #0054a5; }
	.content h3 { font-size: 14px; line-height: 20px; color: #0054a5; text-transform: uppercase; }
	.content h4 { font-size: 14px; line-height: 20px; color: #0054a5; }
	.content h5 { font-size: 12px; line-height: 18px; font-style: italic; color: #e63e19; text-transform: uppercase; }
	.content h6 { font-size: 12px; line-height: 16px; font-style: italic; color: #e63e19; }

	.content p+h2, .content p+h3, .content p+h4,
	.content ul+h2, .content ul+h3, .content ul+h4,
	.content ol+h2, .content ol+h3, .content ol+h4,
	.content div+h2, .content div+h3, .content div+h4,
	.content table+h2, .content table+h3, .content table+h4,	.content img+h2, .content img+h3, .content img+h4
		{ margin-top: 20px; }

	div.content p { margin: 0 0 5px 0; }

	.content .small { font-size: 12px; }
	.content .select { font-style: italic; color: #4b4b4b; }

	.content ul, .content ol { margin-bottom: 10px; float: none; margin-left: 40px; }
	.content ul { list-style-image: url(../img/li.gif); display: block; list-style-type: disc; }			
	.content ol { list-style: decimal; padding-left: 20px; }
		.content ul li, .content ol li { padding-bottom: 5px; display: list-item; }		
		.content ul li { list-style-type: disc; list-style-image: url(../img/li.gif); list-style-position: outside;  }				
		/* .content ul li { background: url(../img/em_dash.png) no-repeat 0 0.7em; padding-left: 19px; min-height: 1em; } 
			* html .content ul li { height: 14px; } */

			
	.content img { margin: 0 0 10px 0; }
		.content img.float { float: left;	margin: 0 10px 5px 0; }
		.content img.floatright	{ float: right;	margin: 0 0 5px 10px; }
		.content img.no_float { float: none; margin: 0 0 10px 0; }
		.content img.border { border: 1px solid #d3d3d3; padding: 5px; }
		.content .image_legend { font-size: 13px;  font-style: italic; margin: -5px 0 15px 0; }

	.content .youtube_video { margin-top: 20px; }
	
	.content sup { font-size: 10px; vertical-align: super; }
	.content sub { font-size: 10px; vertical-align: sub; }	


	
	
	
	
	
	
	

/* ==========================================================================
   Helper classes
   ========================================================================== */

.display-block	{ display: block; }
.display-none	{ display: none; }

.left				{ float: left; }
.right			{ float: right; }

.clear			{ clear: both; }

.clear_null		{ clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }

.hand { cursor: pointer; cursor: hand; }


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}




/* Drupal
---------------------------------------------------- */

tbody { border-top: none !important; }
tbody th { border-bottom: none; }


/* Debug
---------------------------------------------------- */

.debug { border: 1px solid #f00; background-color: #0f0; }
.debug_bg { background-color: #0f0; }
.debug_border { border: 1px solid #f00; }