@charset "utf-8";

/*	=
	@author		Joey Buys / Blueberry new media
	@version	1.0
	@since		mar 09
	----------------------------------------------------*/


/*	=RESETS / TEMPLATE
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	body { background: url(/assets/img/body_bg.gif) repeat-x #000; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	#page-box { width: 980px; margin: 0 auto; }	


/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 20px; color: #414141; }
	.dynamic-input p { margin: 0 0 10px 0; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #f27100; text-decoration: underline; }
	.dynamic-input a:hover { text-decoration: none; }
	.dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
	.dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
	.dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }
	
	
/*	=HEADER
	----------------------------------------------------*/
	#header { height: 52px; overflow: visible; z-index: 2000; border-bottom: 1px solid #fff; background: url(/assets/css/core/img/header_bg.gif) repeat-x #ec5400; }
	#top-vsl { position: relative; }
	#top-vsl .logo { position: absolute; top: 30px; right: 40px; }
	#header .select-lang { float: right; margin: 0 10px 0 0; color: #fff; font-size: 11px; }
	#header .select-lang li { float: left; height: 18px; padding: 5px 2px 0px 2px; list-style: none; background: #000; }
	#header .select-lang li.left { width: 12px; height: 23px; padding: 0; background: url(/assets/img/select-lang_left_bg.png) no-repeat; }
	#header .select-lang li.right { width: 12px; height: 23px; padding: 0; background: url(/assets/img/select-lang_right_bg.png) no-repeat; }
	#header .select-lang li a img { border: 1px solid #000; }
	#header .select-lang li a.selected img { border: 1px solid #fff; }


/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { position: relative; z-index: 2000; padding: 13px 0 0 25px; overflow: visible; } 
	#nav-main li { position: relative; float: left; margin: 0 10px 0 0; list-style: none; font-size: 0; line-height: 0; }
	#nav-main li a { float: left; display: block; height: 23px; padding: 0 3px 0 6px; font-size: 16px; line-height: 23px; font-family: Futura MdCn BT; font-weight: normal; color: #fff; text-decoration: none; background: url(/assets/css/core/img/nav-main_a_bg.gif) no-repeat; cursor: pointer; }
	#nav-main li span.end { display: inline-block; float: left; width: 3px; height: 23px; background: url(/assets/css/core/img/nav-main_end_bg.gif) no-repeat; }
	#nav-main li ul { display: none; position: absolute; top: 23px; left: 0px; width: 165px; padding: 1px 0 0 0; }
	#nav-main li:hover ul { display: block; }
	#nav-main li li.first { display: block; width: 180px; height: 3px; background: url(/assets/img/nav-main_li-first_bg.gif) no-repeat; }
	#nav-main li li.last { display: block; width: 180px; height: 3px; background: url(/assets/img/nav-main_li-last_bg.gif) no-repeat; }
	#nav-main li li .arrow { position: absolute; top: -4px; left: 10px; }
	#nav-main li li a { display: block; width: 170px; height: 15px; padding: 5px 5px 4px 5px; background: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; }
	#nav-main li li a:hover { text-decoration: underline; }

/*	=FOOTER
	----------------------------------------------------*/
	#footer-cta { background: #eee; }
	#footer-cta .col-a { float: left; width: 237px; padding: 25px 30px 25px 35px; border-right: 1px solid  #cccccc; }
	#footer-cta .col-b { float: left; width: 242px; padding: 25px 30px; border-right: 1px solid  #cccccc; }
	#footer-cta .col-c { float: right; width: 345px; padding: 25px 0; }
	#footer-cta .col-c ul { float: left; padding: 0 30px 0 0; list-style: none; }
	#footer-cta .col-c li a { text-decoration: none; font-size: 12px; line-height: 20px; color: #414141; }
	#footer-cta .col-c li a:hover { text-decoration: underline; }
	#footer-cta h3 a{ margin: 0 0 5px 0; color: #4f4f4f; font-size: 17px; line-height: 20px; font-family: Futura XBlkCn BT; font-weight: normal; text-decoration: none; } 
	#footer-cta h3 { margin: 0 0 5px 0; color: #4f4f4f; font-size: 17px; line-height: 20px; font-family: Futura XBlkCn BT; font-weight: normal; text-decoration: none; } 

	#footer { padding: 10px 0; }
	#footer .col-a { float: left; }
	#footer .col-b { float: right; margin: 0 30px 0 0; text-align: right; color: #4f4f4f; font-size: 12px; line-height: 20px; }
	#footer .col-b a { color: #4f4f4f; text-decoration: none; }
	#footer .col-b a:hover { text-decoration: underline; }
	#footer .col-b span a { color: #000; }
	

/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/
	#homepage-content { position: relative; z-index: 1000; background: url(/assets/img/homepage_content_bg.jpg) no-repeat #fff; }

	#homepage-flash-slider { position: absolute; top: -258px; left: 26px; }
	
	#homepage-content #intro { height: 300px; }
	#homepage-content #intro .text { float: left; width: 425px; padding: 115px 0 0 50px; }
	#homepage-content #intro .text h1 { margin: 0 0 5px 0; color: #2e2e2e; font-size: 28px; line-height: 29px; font-family: Futura XBlkCn BT; font-weight: normal; }
	
	#homepage-content #intro .cta-blocks { display: inline; float: right; width: 451px; margin: 0 15px 0 0; }
	#homepage-content #intro .cta-blocks .cta-top { margin: 17px 0 0 0; }
	#homepage-content #intro .cta-blocks .cta { float: left; width: 208px; margin: 17px 0 0 0; background: #f4f4f4; }
	#homepage-content #intro .cta-blocks .cta.first { margin-right: 17px; }
	#homepage-content #intro .cta-blocks .cta h2 { margin: 5px 0 2px 0; padding: 0 10px; color: #313131; font-size: 15px; line-height: 18px; font-family: Futura XBlkCn BT; font-weight: normal; }
	#homepage-content #intro .cta-blocks .cta p { padding: 0 10px 10px 10px; }
	
	/*
	#homepage-content #leagues { background: url(/assets/img/homepage_leagues_bg.gif) repeat-x #fff; }
	#homepage-content #leagues ul.col-a { float: left; width: 488px; border-right: 1px solid #cfcfcf; }
	#homepage-content #leagues ul.col-b { float: left; width: 480px; }
	#homepage-content #leagues ul { padding: 15px 0; }
	#homepage-content #leagues ul li { padding: 15px 25px; }
	#homepage-content #leagues ul li .vsl { border: 1px solid #a2a2a2; }
	#homepage-content #leagues ul li .vsl { float: left; margin: 0 10px 0; }
	#homepage-content #leagues ul li h2 { color: #2e2e2e; font-size: 22px; line-height: 25px; font-family: Futura XBlkCn BT; font-weight: normal; }
	*/
	
	#homepage-content #leagues { margin-left: 36px; padding-bottom: 20px; }
	#homepage-content #leagues li { list-style: none;float: left; width: 200px; margin-right: 36px; }
	#homepage-content #leagues li img { margin-bottom: 5px; }
	#homepage-content #leagues li h3 { font-family: Futura XBlkCn BT; font-weight: normal; font-size: 15px; text-transform: uppercase; color: #313131; margin-bottom: 5px; }
	#homepage-content #leagues li p { font-size: 12px; line-height: 20px; }


/*	=SUBPAGE SPECIFIC
	----------------------------------------------------*/
	#subpage-content { position: relative; background: url(/assets/img/subpage_content_bg.jpg) no-repeat #fff; }	
	#subpage-content .inner { position: relative; }
	#subpage-content .page { float: left; position: relative; margin-top: -228px; left: 26px; width: 540px; padding: 35px; background: #fff; }
	#subpage-content .page h1 { margin: 0 0 15px 0; color: #2e2e2e; font-size: 28px; line-height: 29px; font-family: Futura XBlkCn BT; font-weight: normal; } 
	#subpage-content .cta-blocks { display: inline; float: right; width: 316px; margin: 0 15px 20px 0; }
	#subpage-content .cta-blocks  .cta-top { margin: 17px 0 0 0; }
	#subpage-content .cta-blocks .cta .vsl { float: left; margin: 0 10px 0 0; }
	#subpage-content .cta-blocks .cta {  width: 316px; margin: 17px 0 0 0; background: #f4f4f4; }
	#subpage-content .cta-blocks .cta h2 { margin: 5px 0 2px 0; padding: 0 10px; color: #313131; font-size: 15px; line-height: 18px; font-family: Futura XBlkCn BT; font-weight: normal; }
	#subpage-content .cta-blocks .cta p { padding: 0 10px 10px 10px; }
	#subpage-content #footer-cta { clear: both; }
	


/*	=STANDARD FORM
	----------------------------------------------------*/
	.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
	.standard-form ol { list-style: none; color: #fff; font-size: 12px; line-height: 20px; color: #414141;  }
	.standard-form ol li { padding: 3px 0; }
	.standard-form fieldset { padding: 0; margin: 0 0 20px 0;  border: none; }
	.standard-form legend {  margin: 0 0 5px 0; padding: 0; font-family: Futura XBlkCn BT; font-size: 15px; font-weight: normal; color: #2e2e2e; }
	.standard-form label { display: block; float: left; padding: 3px 10px 4px 0; }
	.standard-form label.col-a { float: left; width: 150px; padding: 3px 0 4px; }	
	.standard-form span.col-b { display: block; float: left; width: 400px; padding: 3px 0 4px; }	
	.standard-form input.txt { width: 170px; padding: 3px; color: #555555; background: #f4f4f4; border: 1px solid #b2b2b2;float:left; }
	.standard-form textarea { width: 270px; height: 120px; padding: 3px; font-size: 12px; color: #555555; background: #f4f4f4; border: 1px solid #b2b2b2; }
	.standard-form input.medium { float: left; width: 50px; margin-right: 5px; padding-left: 0px; }
	.standard-form input.small { float: left;  width: 30px; margin-right: 5px; padding-left: 0px; }
	.standard-form input.xsmall {float: left; width: 16px; margin-right: 5px; padding-left: 0px; }
	.standard-form input.radio { display: inline-block; margin: 0 3px 0 0; padding: 5px 0 0 0; }
	.standard-form input.checkbox {  margin: 0 3px 0 0;  }
	.standard-form .select { width: 178px; height: 23px; background: #f4f4f4; border: 1px solid #b2b2b2; }
	.standard-form #error { position: absolute; z-index: 10; color: red; padding: 4px; padding: 35px 0 0 180px; }
	.standard-form #error img { float: left; }
	.standard-form .errorfield { color: #FF0000; margin-top: 5px; padding-left: 20px; margin-left:10px; padding-bottom:3px; background-position:center left; background-repeat:no-repeat; background-image:url("/assets/css/core/img/ico_error.png")  }
	.standard-form #error #error-text { color: red; font-weight:bold; font-size: 12px; display: block; float: left; margin-left: 5px; padding-top: 1px; }
	
/* =News overview
	-----------------------------------------------------*/
	#subpage-content .news-item{font-size: 12px; font-family: arial; color: #414141; line-height: 20px;height: 150px;}	
	#subpage-content .news-item h2{font-family: Futura XBlkCn BT; font-weight: normal; font-size: 20px;}	
	#subpage-content .news-item .image{float: left;}	
	#subpage-content .news-item .data{float: left; width: 350px; padding-left: 20px;}	
	#subpage-content .news-item .data h2 {padding-bottom: 5px;}	
	
	/*	=RELATED IMAGES
	----------------------------------------------------*/
	.related-images { margin: 20px 0; padding: 12px 0 12px 0px; }
	.related-images ul { margin: 0 !important;}
	.related-images li { float: left; margin: 10px 10px 0 0 !important; list-style: none !important; }
	.related-images li a img { border: 1px solid #5b5b5b; }
	
	
	/* =Paginator
	-----------------------------------------------------*/
	.paging { position: relative; }
	.paging ul { text-align: center; list-style: none; font-size: 0; line-height: 0;  }
	.paging ul li { display: inline; height: 19px; }
	.paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #000; text-decoration: none; cursor: pointer; }
	.paging ul li a:hover { text-decoration: underline; }
	.paging ul li a.img { padding: 0; background: none; }
	.paging ul li a.selected { font-weight: bold; color:#FFF;}