/* Copyright (c) */


/* Declare Font*/



/*@font-face {
	 font-family: 'helvetica';
	 src: url('fonts/helvetica/helvetica.eot');
	 src: url('fonts/helvetica/helvetica.eot?#iefix') format('embedded-opentype'),  
	 	  url('fonts/helvetica/helvetica.woff') format('woff'),  
		  url('fonts/helvetica/helvetica.ttf') format('truetype'),  
		  url('fonts/helvetica/helvetica.svg#helvetica') format('svg');
	 font-weight: normal;
	 font-style: normal;}
*/

@font-face {
	 font-family: 'liberation';
	 src: url('http://mclayout.flatbooster.com/templates/fonts/liberation/liberation.eot');
	 src: url('http://mclayout.flatbooster.com/templates/fonts/liberation/liberation.eot?') format('embedded-opentype'),  
	 	  url('http://mclayout.flatbooster.com/templates/fonts/liberation/liberation.woff') format('woff'),  
		  url('http://mclayout.flatbooster.com/templates/fonts/liberation/liberation.ttf') format('truetype'),  
		  url('http://mclayout.flatbooster.com/templates/fonts/liberation/liberation.svg') format('svg');
	 font-weight: normal;
	 font-style: normal;}


/* End*/

/* #[ RESET ]#################### */
* {margin:0; padding:0; /*border:0;*/ outline:none;} /* not (*) because cellpadding bug */

/* #[ DEFAULT ]#################### */
html {height:100%;}
blockquote, figure { margin: 1em 40px; }
b, strong, .bold {font-weight:bold;}
.nobold {font-weight:normal;}
.center {text-align:center; display:block;}
a:link, a:visited {text-decoration:none; }
a img {border: none; } /* IE border remove */
#tpl-center a:hover {text-decoration:underline;}

input[type='hidden'] {display:none;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button {cursor:pointer;}

ul.menu, ul.menu li {list-style:none; margin:0; padding:0;}

.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.fleft {float:left;}
.fright {float:right;}
.foleft {float:left; overflow:hidden;}
.foright {float:right; overflow:hidden;}

.leftcol {float:left; clear:left;}
.rightcol {float:right; clear:right;}

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w33 {width:33%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w49 {width:49%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w66 {width:66%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.w99 {width:99%!important;}
.w100 {width:100%!important;}

.img	{margin:10px;}
.img-l	{margin-left:10px;}
.img-r	{margin-right:10px;}
.img-t	{margin-top:10px;}
.img-b	{margin-bottom:10px;}
.img-rl	{margin:0 10px;}
.img-tb	{margin:10px 0;}
.img-tl	{margin:10px 0 0 10px;}
.img-bl	{margin:0 0 10px 10px;}
.img-tr	{margin:10px 10px 0 0;}
.img-rb	{margin:0 10px 10px 0;}
.img-trl{margin:10px 10px 10px 0;}

.relative {position:relative;}
.absolute {position:absolute;}

.hidden {display:none;}

/* specific */

#col, #extra {display:none;}

body.extra #col,body.extra #extra {display:block;}

ul.menu, ul.menu2 { position:relative; z-index:999}
ul.menu li, ul.menu2 li { position:relative;}
ul.menu li:hover, ul.menu2 li:hover { z-index:22}
ul.menu ul, ul.menu2 ul { position:absolute; left:0px;  display:none; background:#FFF;   } 
ul.menu2 li li,ul.menu li li, #footer ul.menu ul li, #col ul.menu ul li, #header ul.menu ul li  { display:block; float:none;  height:auto; vertical-align:top;}
ul.menu2 li li a, ul.menu ul li a, #footer ul.menu ul li a, #col ul.menu ul li a, #header ul.menu ul li a, #footer ul.menu ul li a:link, #footer ul.menu ul li a:visited { float:none; padding:6px 10px; display:block;} 
ul.menu ul a,ul.menu2 li li a { white-space:nowrap;}


/*ul.menu li:hover ul { display:block;}
ul.menu li:hover ul ul { display:none;}

ul.menu li:hover li:hover ul { display:block;}
ul.menu li:hover li:hover ul ul { display:none;}

ul.menu li:hover li:hover li:hover ul { display:block;}
ul.menu li:hover li:hover li:hover ul ul { display:none;}

ul.menu li:hover li:hover li:hover li:hover ul { display:block;}
ul.menu li:hover li:hover li:hover li:hover ul ul { display:none;} */
#header ul.menu ul{ top:100%;}
#header ul.menu ul ul { top:0px; left:100%;}
#col ul.menu ul {left:100%; top:0; }
#col ul.menu li { display:block; position:relative}
#footer ul.menu ul, #footer ul.menu2 ul  { bottom:100%; left:0;  }
#footer ul.menu ul ul, #footer ul.menu2 ul ul { bottom:0px; left:100%;}
#footer ul.menu ul li, #footer ul.menu2 ul li { border:0px;}

.clearfix:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul.menu li a span { display:none; position:absolute; width:5px; height:3px; right:4px; top:50%; margin-top:-1px;}
ul.menu li li a span { display:none}
#col ul.menu span { display:none;}
.clear { clear:both;}

#center.tpl-width:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
#center.tpl-width{ display:inline-block; }		
* html #center.tpl-width { height:1%; }
#center.tpl-width{ display:block; }

/* hotfix for all templates*/
.image img { overflow: hidden; width: 100%; }
.article ul, .article ol { padding-left:20px  }

/*banner pager*/
html{ position:relative;}
.image { position:relative;}
.image .pager{ position:absolute; left:0; bottom:20px; text-align:center; display:block; z-index:10; width:100%;}
.image .pager a{display:inline-block; line-height:18px; border:solid 1px #FFF; background:#FFF; padding:0 4px; margin:0 1px; color:#000}
.image .pager a.activeSlide{ background:#CCC;}
.image .numberPager, #bannerDesignEffect .iconPager { display:block;}
.image .noPager { display:none;}
.image .numberPager a{ line-height:18px; font-size:12px; color:#000; }
.image .iconPager { }
.image .iconPager a{ line-height:0; font-size:0; color:#FFF; padding:0; height:10px; width:10px; border-radius:6px; }
.sliderbanneroption{ width:100% !important; height:100%}

.sliderbanneroption img{ height:auto !important}

.bannerNext, .bannerPrev { position:absolute; top:50%; margin-top:0px; width:30px; height:59px; z-index:33; display:none}
/*#bannermodule { position:relative;}*/

.bannerNext { background-position:-17px 0px; right:5%;  background:url(http://mclayout.flatbooster.com/js/sliderGallery/images/next.png) no-repeat left 0;}
.bannerPrev { left:5%;  background:url(http://mclayout.flatbooster.com/js/sliderGallery/images/prev.png) no-repeat left 0;}
.bannerNext.true,  .bannerPrev.true { display:block;}