@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
}

.typeface-js,h1,h2,h3{
	font-family: Myriad Pro;
}
body {
	background: url(img/body_bg.gif) repeat-x #fff;
}

img {
	border: 0;
}

a {
	outline: 0;
	color: black;
}

ul.white-text {
	list-style: none;
	
}
ul.white-text li{
	width:600px;
	margin-right:10px;
	float: left;
	padding-right:0px;
	padding-top:8px;
	text-align:right;
}

.white-text a {
	color:white;	
}

#breadcrumb .selected{
	font-weight:bold;	
}

.clr {
	overflow: hidden;
	height: 100%;
}

#page-box {
	width: 973px;
	padding: 0 7px;
	margin: 0 auto;
	background: url(img/pagebox_bg.jpg) left top no-repeat;
}
#page-box.play {
	background: url(img/pagebox_bg_play.jpg) left top no-repeat;
}

/*	=DYNAMIC INPUT
	----------------------------------------------------*/
.dynamic-input {
	font-size: 12px;
	color: #878787;
}

.dynamic-input h1,
.dynamic-input h2,
.dynamic-input h3,
.dynamic-input h4
{
	color: #0a426b;
	font-size: 22px;
	font-family: Myriad Pro;
	font-weight: bold;
}

.dynamic-input h1 {
	font-size: 27px;
}

.dynamic-input h2 {
	padding: 10px 0 0 0;
	font-size: 22px;
}

.dynamic-input h3 {
	padding: 0 0 0 0;
	font-size: 18px;
}

.dynamic-input h4 {
	padding: 10px 0 0 0;
	font-size: 16px;
}

.dynamic-input p {
	margin: 0 0 10px 0;
}

.dynamic-input a,.dynamic-input a:active,.dynamic-input a:visited {
	color: #326878;
	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,.dynamic-input ol li {
	padding: 0 0 0 10px;
	list-style: disc inside;
}

/*	=HEADER
	----------------------------------------------------*/
#header {
	position: relative;
	height: 130px;
	margin: 0 0 18px 0;
	z-index:50;
}

#header .logo {
	position: absolute;
	top: 25px;
	left: 20px;
}

#header .meta {
	position: absolute;
	top: 9px;
	right: 23px;
	width: 635px;
	height: 30px;
}

#header .meta .nav-lang {
	list-style:none;
	float: left;
	width: 188px;
	height: 21px;
	background: url(img/meta_nav-lang_bg.jpg) no-repeat;
}

#country-list{
	display:none;
	position:absolute;
	margin-left:26px;
	top:20px;
	z-index:100;
}
#country-list li,
#header .meta .nav-lang-menu {
	list-style:none;
	float: left;
	background: #5E717F;
	width:160px;
}
#country-list li{
	clear:both;
}
#country-list li a,
#header .meta .nav-lang-menu li a{
	display: block;
	padding: 4px 0 0 4px;
	color: #fff;
	text-decoration: none;
}
#country-list li a:hover,
#header .meta .nav-lang-menu li a:hover{
	text-decoration: underline;
}

#header .meta .nav-lang-menu li a img {
	margin: 0 5px 0 0;
}

#country-list a,
	#header .meta .nav-lang li a{
	display: block;
	padding: 4px 0 0 30px;
	color: #fff;
	text-decoration: none;
}

#header .meta .nav-lang li a img {
	margin: 0 5px 0 0;
}

#header .meta .frm-login {
	float: right;
}

#header .meta .frm-login a{
	color:#d5dadd;
}

#header .meta .frm-login label {
	float: left;
	padding: 4px 7px 0 7px;
	color: #d5dadd;
	font-weight: bold;
}

#header .meta .frm-login .txt {
	width: 81px;
	height: 15px;
	padding: 2px;
	border: none;
	background: none;
}

#header .meta .frm-login .txt-wrap {
	float: left;
	width: 89px;
	height: 23px;
	padding: 2px;
	background: url(img/frm-login_txt_bg.gif) no-repeat;
}

#header .meta .frm-login .sbmt {
	float: left;
	margin: 2px 0 0 4px;
}

/*	=NAVIGATION
	----------------------------------------------------*/
#nav-main {
	position: absolute;
	bottom: 6px;
	right: 7px;
	height: 39px;
	font-size: 0;
}

#nav-main li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
}
#nav-main li .selected {
	font-weight: bold;
}
#nav-main li.indent div.sub{
	
}

#nav-main li a {
	display: block;
	float: left;
	cursor: pointer;
/*	padding: 20px 16px 11px 20px; */
	padding: 20px 10px 11px 14px;
	color: #fff;
	font-size: 15px;
	/*font-family: Arial, Helvetica, Verdana;*/
	font-weight: bold;
	text-decoration: none;
}

#nav-main li span.end {
	float: left;
	height: 39px;
	width: 4px;
	background: none;
}

#nav-main li.selected,#nav-main li:hover {
	background: url(img/nav-main_li-hover_bg.gif) no-repeat;
}

#nav-main li.selected span.end,#nav-main li:hover span.end {
	background: url(img/nav-main_end_bg.gif) no-repeat;
}

#nav-main .sub {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	/*width:420px;*/
	width:200px;
	padding: 10px 10px 10px 0;
	background: url(img/nav-main_sub_bg.gif) repeat-x #346770;
	z-index:100;
}

#nav-main li:hover .sub {
	display: block;
}

#nav-main .sub ul {
	/*float: left;
	padding: 5px 20px 5px 10px;
	border-left: 1px solid #81a1a6;*/
	padding-left:7px;
}

#nav-main .sub ul.first {
	border: none;
}

#nav-main .sub ul li {
	float: none;
}

#nav-main .sub ul li:hover {
	background: none;
}

#nav-main .sub ul li a  {
	display: block;
	float: none;
	padding: 2px 10px 2px 5px;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#nav-main .sub ul li.sub-cat{
	color:#3bb2c7;	
	display: block;
	float: none;
	padding: 2px 10px 2px 5px;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav-main .sub ul li a:hover {
	background: #478c94;
}

/*	=FOOTER
	----------------------------------------------------*/
#footer {
	margin: 30px 0 0 0;
	padding: 20px 0 50px 0;
	border-top: 3px solid #dadada;
	background: #eaeaea;
}

#footer .inner {
	width: 973px;
	padding: 0 7px;
	margin: 0 auto;
}

#footer .nav-footer li {
	float: left;
	list-style: none;
}

#footer .nav-footer li a {
	float: left;
	padding: 0 15px;
	color: #888888;
	text-decoration: none;
	border-left: 1px solid #9e9e9e;
}

#footer .nav-footer li a:hover {
	text-decoration: underline;
}

#footer .nav-footer li a.first {
	border: none;
	padding-left: 0;
}

#footer .copyright {
	margin: 15px 0;
	color: #afafaf;
	font-size: 11px;
	line-height: 18px;
}

#footer .nav-lang li {
	float: left;
	list-style: none;
}

#footer .nav-lang li a {
	float: left;
	padding: 0 15px;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	border-left: 1px solid #9e9e9e;
}

#footer .nav-lang li a:hover {
	text-decoration: underline;
}

#footer .nav-lang li a.first {
	border: none;
	padding-left: 0;
}

/*	=HOMEPAGE HEADER
	----------------------------------------------------*/
#homepage-header {
	padding: 0 10px 17px 10px;
	background: url(img/homepage-blocks_bot_bg.gif) left bottom no-repeat #d2e4e8;
}
#homepage-header.play {
	padding-left:13px;
	padding-bottom:20px;
}

#homepage-flash-carrousel {
	float: left;
	width: 694px;
	height: 280px;
}
#homepage-flash-carrousel.play {
	height: 132px;
}
.homepage-play{
	clear:both;
	width:947px;
}
.homepage-play .top{
	width:947px;
	height:9px;
	background-image:url('img/play-home-top.jpg');
}
.homepage-play .mid{
	width:920px;
	background-color:#fff;
	border-left:1px solid #84babc;
	border-right:1px solid #84babc;
	padding-left:25px;
	padding-bottom:25px;
}
.homepage-play .mid .mid-left{
	float:left;
	width:380px;
	margin-right:30px;
	margin-top:23px;
}
.homepage-play .mid .mid-right{
	float:left;
	margin-top:10px;
}
.homepage-play .mid .mid-right .right-top{
	width:493px;
	height:8px;
	background-image:url('img/play-home-right-top.jpg');
}
.homepage-play .mid .mid-right .right-mid{
	width:457px;
	background-color:#b1d4da;
	padding-left:17px;
	padding-right:19px;
}
.homepage-play .mid .mid-right .right-mid .form-element{
	margin-bottom:10px;
	clear:both;
}
.homepage-play .mid .mid-right .right-mid .form-element h2{
	color:#fff;
	font-size:16px;
	float:left;
	width:170px;
	margin-top:8px;
}
.homepage-play .mid .mid-right .right-mid .form-element span{
	float:left;
	font-size:16px;
	color:#FFF;
	margin-top:5px;
}
.homepage-play .mid .mid-right .right-mid input.image{
	float:right;
	margin-bottom:6px;
	clear:both;
}
.homepage-play .mid .mid-right .right-mid .form-element input{
	color:#3d8088;
	border:1px solid #6ba4ad;
	padding:5px;
	width:225px;
	font-size:16px;
	float:right;
	margin-bottom:10px;
}
.homepage-play .mid .mid-right .right-bot{
	width:493px;
	height:8px;
	background-image:url('img/play-home-right-bot.jpg');
}
.homepage-play .mid .mid-left h1{
	color:#63a9b5;
	font-size:24px;
}
.homepage-play .bot{
	width:947px;
	height:9px;
	background-image:url('img/play-home-bot.jpg');
}
#homepage-cta-blocks {
	float: right;
	width: 248px;
}

#homepage-cta-blocks .banner{
	border: 1px solid #34557B;
}

#homepage-cta-blocks .cta {
	margin: 7px 0 0 0;
}

#homepage-cta-blocks .cta.first {
	margin: 0;
}

#homepage-cta-blocks .top {
	height: 5px;
	font-size: 0;
	line-height: 0;
	background: url(img/hompage-cta-blocks_cta_top_bg.gif) no-repeat;
}

#homepage-cta-blocks .bot {
	height: 5px;
	font-size: 0;
	line-height: 0;
	background: url(img/hompage-cta-blocks_cta_bot_bg.gif) no-repeat;
}

#homepage-cta-blocks .mid {
	padding-left:6px;
	padding-top:1px;
	background: #63A9B5;
	height:269px;
}

#homepage-cta-blocks .cta .vsl {
	width: 236px;
	height: 62px;
	
}
#homepage-cta-blocks .cta .vsl a {
	display:block;
}

#homepage-cta-blocks .cta .vsl img {
}

#homepage-cta-blocks .cta .vsl .overlay {
	z-index: 1;
}

#homepage-cta-blocks .cta h2 {
	padding: 8px 0 0 0;
	font-size: 15px;
	color: #fff;
	font-family: Myriad Pro;
	font-weight: bold;
}

#homepage-cta-blocks .cta p {
	color: #fff;
	line-height: 16px;
}

/*	=HOMEPAGE-BLOCKS
	----------------------------------------------------*/
.homepage-blocks.blocks-a {
	margin: 10px 0 0 0;
	background: url(img/homepage-blocks_bot_bg.gif) left bottom no-repeat #d2e4e8;
}

.homepage-blocks.blocks-a .top {
	height: 7px;
	font-size: 0;
	line-height: 0;
	background: url(img/homepage-blocks_top_bg.gif) no-repeat;
}

.homepage-blocks.blocks-a .mid {
	padding: 3px 10px 20px 10px;
}

.homepage-blocks.blocks-b {
	margin: 10px 0 0 0;
}

.homepage-blocks.blocks-b .top {
	height: 7px;
	font-size: 0;
	line-height: 0;
	background: url(img/homepage-blocks-b_top_bg.gif) no-repeat;
}

.homepage-blocks.blocks-b .mid {
	padding: 4px 0 4px 10px;
	background: url(img/homepage-blocks-b_mid_bg.gif) repeat-y;
}

.homepage-blocks.blocks-b .bot {
	height: 13px;
	font-size: 0;
	line-height: 0;
	background: url(img/homepage-blocks-b_bot_bg.gif) no-repeat;
}

.homepage-blocks .block {
	position: relative;
	float: left;
	width: 311px;
	margin: 0 10px 0 0;
}

.homepage-blocks .block.last {
	margin: 0;
}

.homepage-blocks .block .top {
	height: 6px;
	font-size: 0;
	line-height: 0;
	background: url(img/homepage-blocks_block_top_bg.gif) no-repeat;
}

.homepage-blocks .block .mid {
	padding: 5px 0 0 0px;
	background: url(img/homepage-blocks_block_mid_bg.gif) repeat-y;
	z-index: 4;
}

.homepage-blocks .block .bot {
	height: 6px;
	font-size: 0;
	line-height: 0;
	background: url(img/homepage-blocks_block_bot_bg.gif) no-repeat;
}

.homepage-blocks .block .freesms {
	height: 198px;
	width: 195px;
	margin-left: 100px;
}

.homepage-blocks .block .messenger {
	height: 198px;
	width: 195px;
	margin-left: 100px;
}

.homepage-blocks .block h2 {
	padding: 0 0 0 15px;
	font-size: 18px;
	color: #295b65;
	font-family: Myriad Pro;
	font-weight: bold;
}

.homepage-blocks .block .show-all {
	clear:both;
	float:left;
	display: block;
	text-decoration: none;
	background: url(img/arrow-right_vsl.gif) right 3px no-repeat;
	padding-right:8px;
	text-align:right;
	color:#63a7b3;
	width:290px;
}

.homepage-blocks .block .show-all:hover {
	text-decoration: underline;
}

 .item {
	display: inline;
	width: 135px;
	height:100px;
	float: left;
	padding: 10px 0 15px 15px;
	
}

 .item .vsl {
	position: relative;
	height: 68px;
	margin: 0 0 5px 0;
}

 .item .vsl img {
	position: absolute;
	top: 0;
	left: 0;
}

 .item .vsl .overlay {
	z-index: 10;
}

 .item h3 {
	font-size: 11px;
	text-align: center;
	color: #63a7b3;
	font-weight: normal;
}

 .item h3 span {
	font-weight: bold;
}

.homepage-blocks .block.text h2 {
	padding: 0;
}

.homepage-blocks .block.text p {
	line-height: 18px;
	color: #295b65;
}

.homepage-blocks .block.text .mid {
	height: 274px;
	padding-left: 15px;
	padding-right: 15px;
}

.homepage-blocks .block.top5 .mid {
	background: none;
	padding: 0 0 0 8px;
}

.homepage-blocks .block.top5 .mid h2 {
	padding-left: 20px;
}

.homepage-blocks .block.top5 .mid ul {
	margin: 0 0 0 18px;
}

.homepage-blocks .block.top5 .mid ul li {
	list-style: none;
	margin: 15px 0 0 0;
}

.homepage-blocks .block.top5 .mid ul li a {
	display: block;
	width: 273px;
	height: 24px;
	padding: 10px 0 0 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(img/homepage-blocks-top5_li_bg.gif) no-repeat;
}

/* SUB PAGE*/