@charset "utf-8";

* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(images/bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif; margin: 6px 0; }
#wrap, .wrap { width: 980px; margin: auto; background: #323232; border: 4px solid #000; border-top: 0; position: relative; }
.wrap { border-top: none; }
#head { position: relative; }
#head img, #footer img { float:left; border: none; }
#head img.logo { position: absolute; left: 0px; top: 20px; }
#head img.logo-tour { position: absolute; left: 30px; top: 25px; }
img.logo-join { position: absolute; left: -28px; top: 35px; }


#head .intro { float:left; width: 791px; height: 144px; color: #fff; background: url(images/main_10.gif) no-repeat; display: inline; }
#head .intro p { padding: 42px 25px 25px 25px; font-weight: bold; line-height: 24px; font-size: 14px;  }

#head img.euro { position: absolute; top:90px; right:-40px; }
#head img.euro-tour { position: absolute; top:48px; right:230px; }

img.euro-join { position: absolute; left: 520px; top: 30px; }

.table { background: url(images/main_12.gif) repeat-y; clear:left; position: relative; margin: 5px; border-top: 1px solid #000; padding-top:2px;  }
.table .title { position: absolute; top: 10px; left: 15px; color: #fff; font-weight: bold; width: 326px; height: 35px; padding-top:13px; background: url(images/title-trans.png) no-repeat; text-align: center; }
.table .bg { background: url(images/main_17.gif) no-repeat bottom center; }
.table .main { position: relative; padding-bottom: 3px; height: 546px; }
.table .main div.trailer{ position: relative; margin: auto; margin-left: 3px;}
.table .main img { border: 1px solid #000; margin: auto; }
.table .main img.bigthumb { position: absolute; border: 0px;}
.table .main img.play { position: absolute; top: 450px; left: 630px; border: none; }
.table .main img.res { position: absolute; top: 500px; left:16px; border: none; }

.table img { display: block; border: none; position: relative; }
.table img.tall { float:left; margin-left:2px; border: 1px solid #000; display: inline; }
.table .bottom .info { background: url(images/main_14.gif) no-repeat top; }
.table .bottom .info h1 { font-size: 18px; font-weight: bold; color: #fff; padding: 8px; }
.table .bottom .info h1 span { color: #fff000; padding-left: 85px; }
.table .bottom .info p { color: #fff; font-weight: bold; font-size: 15px; padding: 8px; line-height: 24px; }
.table .bottom .info img {  border: 1px solid #000; margin-left: 3px; float:left; display: inline; }
.table img.euro { position: absolute; right: -30px; bottom: 50px; border: none; }

.trailer { position: relative; margin: auto; }
.trailer .main { margin: auto; display:  block; }
.trailer .player { position: relative; width:1280px; height:720px; background: url(thumbs/trailer_video.jpg) no-repeat; cursor: pointer;}
.trailer .trailerflv2 { position: relative; width:1280px; height:720px; background: url(trailer/endpic.jpg) no-repeat; cursor: pointer;}
.trailer img.play { position: absolute; border: none; left: 373px; top: 309px; }
.trailer-footer-top { background-color: #000; text-align:center; margin: 0 5px 0 5px; padding: 1px;}
.trailer-footer-top a { font-size: 20px; font-weight: normal; color:#ff0; text-decoration:underline;}
.trailer-footer { background: url(images/trailer.jpg) no-repeat; height: 286px; margin: 0 5px 0 5px; padding: 1px; position: relative; }
.trailer-footer img.euro { position: absolute; left: -50px; bottom: 140px; }
.trailer-footer p { font-size: 16px; margin:50px 20px 0 520px; color: #fff; }
.trailer-join { border: none; display: block; margin: auto; }
.trailer .title { position: absolute; top: 10px; left: 15px; color: #fff; font-weight: bold; width: 326px; height: 35px; padding-top:13px; background: url(images/title-trans.png) no-repeat; text-align: center; }

.updates { margin-bottom:10px;  }
.updates ul { list-style: none; margin-left:20px; }
.updates ul li { float:left; width: 223px;  margin: 6px; background: url(images/update_01.gif) no-repeat top #d50000; font-size: 13px; color: #fff; line-height: 18px;margin-top:8px;  }
.updates ul li  img { display: block; margin: auto; margin-top:10px; }
.updates ul li p { padding:5px 10px; }
.updates ul li p.desc { line-height: 18px;  font-size: 12px; padding: 10px; text-align:justify; height:130px;}
.updates ul li .bg {  background: url(images/update_03.gif) no-repeat bottom; }
.updates ul li strong { float:left; width: 80px; }
.updates ul li img { border: 1px solid #000; }
.updates a { font-size: 17px; font-weight: bold; color: #ff0000; }

#footer { position: relative; clear:left; }
#footer .nav { background: #ff0039; height: 40px; clear:left; }
#footer img.special { border: none; position: absolute; top:10px; left:10px; }
#footer ul.sites { list-style: none;  clear:left; margin-left: 0px; margin-bottom:2px; }
#footer ul.sites img { border: 1px solid #000; }
#footer ul.sites li { width: 236px; padding: 2px; margin: 1px; float:left; background: #000; display: inline;  }
#footer ul.sites li p { font-weight: bold; color: #fff; text-align: center; color: #fff; }
#footer img.euro { position: absolute; bottom: 168px; right: -30px; border: none; }
#footer .disclaimer {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #808080; padding: 8px; text-align:center}
#footer .disclaimer a {  color: #ffffff;}


#buttons img { border: none; opacity: .7; filter: alpha(opacity=70); }

#join .left { width: 244px; float:left; border-right: 1px solid #000; background: #7d0000; height: 525px; }
#join .left p { margin: 4px 10px; color: #fff; font-size: 13px; line-height: 18px; }
#join .left p strong { display: block; text-align: center; color: #f0fe02; background: #d50000; padding: 5px; }
#join .form { float:left; width: 423px; border-right: 1px solid #000; height: 680px; border-top: 5px solid #000; }
#join .form .frm { margin: auto; display: block; width: 533px; }
#join .form p { font-size: 13px; color: #fff; line-height: 22px; font-weight: bold; background: #222; padding: 3px; }
#join .form p div { font-size: 13px; color: #fff; line-height: 22px; font-weight: bold; background: #222; padding: 3px; }
#join .form form p { margin: 2px 4px; background: #222;}
#join .form form label { width: 110px; float:left; margin-left: 10px; }
#join .form form input.txt, #join .form form select { width: 270px; border: 1px solid #d8006d; padding: 3px; }
#join .form form select { width: 278px; }
#join .form .small { margin-top:29px; }
#join .form h2 { float: left; color: #ff0;  background: #222; padding: 5px; }
#join .form h1 { background: #7d0000; color: #fff; font-size: 14px; padding: 10px 0px 10px 0px; text-align: center; margin: 0px; }
#join .thumbs { width: 311px; float:left; background: #000; height: 680px; border-top: 5px solid #000;}
#join .thumbs p {color: #000; font-size: 12px; padding: 10px; text-align: right;}
#join .thumbs h1 { font-size: 13px; text-align: center; color: #fff; margin: 4px;background: #7d0000; padding: 3px; }
#join .thumbs img { display: block; margin: auto; border: 1px solid #fff; margin:0 0 4px 4px; float:left; }
#join .thumbs img.none { display: block; border: 0px; margin:0 0 0 5px; float:left; }

.extra2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #fff; font-weight: normal;}
.extra {font-size: 11px; text-align: center; color: #aaa; }
.extra a {color: #ccc;}

.recommended {
 color: #f00;
}
.prevthumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: transparent;
	float: left;
	text-align: center;
	padding: 1px;
	margin-bottom: 1px;
}

.prevthumb2 {
	border: solid 1px #ffffff;
}

.prevthumb span{
	color: #ffff00;
	font-weight: bold;
}

#footer { width: 980px; margin: auto; color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#footer a { color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	background-color: #222;
}

.line2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	background-color: #ff0;
}

.border{
	padding-top: 10px;
	padding-left: 10px;
	height: 30px;
	background-color: #F1F1F1;
}

.border2{
	padding-left: 10px;
	height: 30px;
	background-color: #F1F1F1;
	border: 1px solid #000;
}

.pointer {
	cursor: pointer;
}

.join_error {
	color: #ff0;
}
/* Disclaimer */
#disclaimer-background {background-color: black;z-index:998;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;}
#disclaimer {display:none;}
#disclaimer .container { position: fixed;top: 25%;left: 25%; font-family: Arial, Helvetica, sans-serif;height: 305px;width: 585px;padding: 10px; background-clip: padding-box; background-color: #fff; border: 7px solid rgba(255, 255, 255, 0.2);-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 20px auto 0px;z-index:999;}
#disclaimer .title { text-align: center; font-size: 32px; font-weight: bold; color: #525252; padding: 15px 0 0 0; }
#disclaimer  p  {  text-align: justify; font-size: 14px; line-height: 24px ; padding: 5px; border:1px solid #aaa  }
#disclaimer span { text-decoration: underline; }
#disclaimer div.buttons { text-align: center; padding: 0px 0 5px 0;  }
#disclaimer a { display: block; text-decoration: none;}
#disclaimer a:hover { text-decoration: underline; }
#disclaimer a.agree{ color: #1440e0; font-size: 30px; font-weight: bold; padding: 10px;}
#disclaimer a.disagree{font-size: 20px; color: #313131;}