@charset "utf-8";

@import url("the-crew-wfonts.css");

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*---| RESET GLOBAL.CSS |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
[class*="span"] { float:left; margin-left:20px; }
.row-fluid { width:100%; *zoom:1; }
.row-fluid:before,
.row-fluid:after { display:table; content:""; }
.row-fluid:after { clear:both; }
.row-fluid [class*="span"] { display:block; float:left; width:100%; min-height:28px; margin-left:0; *margin-left:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; }
.row-fluid [class*="span"]:first-child { margin-left:auto; }
.row-fluid .span12	{ width:100%;	*width:100%; }
.row-fluid .span11	{ width:880px;	*width:880px; }
.row-fluid .span10	{ width:800px;	*width:800px; }
.row-fluid .span9	{ width:720px;	*width:720px; }
.row-fluid .span8	{ width:640px;	*width:640px; }
.row-fluid .span7	{ width:560px;	*width:560px; }
.row-fluid .span6	{ width:480px;	*width:480px; }
.row-fluid .span5	{ width:400px;	*width:400px; }
.row-fluid .span4	{ width:320px;	*width:320px; }
.row-fluid .span3	{ width:240px;	*width:240px; }
.row-fluid .span2	{ width:160px;	*width:160px; }
.row-fluid .span1	{ width:80px;	*width:80px;  }
.row-fluid > div { margin:0; }

/* TC CSS */

/*---| RESET STYLES |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { overflow:hidden; overflow-x:hidden; height:100%; width:100%; }
body { background-color:#101113; color:#fff; font-weight:100; }

a			{ outline:0; }
a:focus		{ outline:0; }
a:link		{ color:#02b1f4; text-decoration:none; }
a:visited	{ color:#02b1f4; text-decoration:none; }
a:hover		{ color:#ffffff; text-decoration:none; }
a:active	{ color:#02b1f4; text-decoration:none; }

h1, h2, h3, h4, h5 { margin:0; font-weight:normal; text-align:left; font-family:'tcbold',sans-serif; text-transform:uppercase; }
h2 { padding:0; color:#fff; line-height:50px; font-size:50px; }
h3 { padding:0; color:#fff; line-height:40px; font-size:35px; }
h4 { padding:0; color:#fff; line-height:30px; font-size:26px; }

p { margin:5px 0; line-height:20px; text-align:left; }
ul, ol { list-style:none; list-style-image:none; margin:0; padding:0; text-align:left; }


/*---| LOADER (before) |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body #form1     { /*display:none;*/ visibility:hidden; }
body #main      { /*display:none;*/ visibility:hidden; }

/*---| LOADER (loading) |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html.loading,
body.loading        { /*overflow:auto;*/ }
body.loading #form1 { visibility:hidden; overflow:hidden; position:static; width:auto; height:auto; }
body.loading #main  { position:static; width:auto; height:auto; }

body #loader        { display:none; }
body #loader        { display:block; position:absolute; z-index:9000; top:0; left:0; width:100%; height:20000em; background-color:#101113; }
body #loader h2     { margin-top:100px; text-align:center; font-size:10px; color:#02b1f4; text-transform:uppercase; }
body #loader span   { background-image:url('spinner.gif'); background-position:50% 130px; background-repeat:no-repeat; }

/*---| LOADER (loaded) |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html.loaded,
body.loaded         { overflow:auto; overflow-x:hidden; }
body.loaded #form1  { /*display:block;*/ visibility:visible; overflow:auto; }
body.loaded #main   { /*display:block;*/ visibility:visible; overflow:hidden; }
body.loaded #loader { display:none; }

/*
body form#form1>div { position:absolute; z-index:8000; top:0; left:0; width:100%; height:200%; background:#101113 url('spinner.gif') 50% 130px no-repeat; display:none;}
body form#form1 div#main { position:static; width:auto; height:auto; background:none; }
body.loaded form#form1>div { display:none; }
body.loaded form#form1 div#main { display:block; }
html.loaded,body.loaded { overflow:auto; overflow-x:hidden; }
html.loading, body.loading { overflow:hidden; height:100%; width:100%; }
body #loader { position:absolute; z-index:9000; top:0; left:0; width:100%; height:200%; background:#101113 url('spinner.gif') 50% 130px no-repeat; }
body #loader h2 { margin-top:100px; text-align:center; font-size:10px; color:#02b1f4; text-transform:uppercase; }
body #loader span { }
*/

/*---| CLEAR ROW |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_ubibar			{ width:100%; height:40px; display:none; }
.row_logo			{ width:100%; position:absolute; z-index:10; left:50%; margin:0 0 0 -480px; width:540px; height:120px; }
.row_slide_home     { width:100%; height:450px; margin:0 0 20px 0; overflow:hidden; }

.row_nav            { width:100%; position:absolute; z-index:20; top:105px; height:58px; background:url('tc_nav_bg.png') 0 0 repeat-x; }
.ie7 .row_nav		{ left:0; }
.row_nav.fixed      { position:fixed; z-index:1000; top:-3px; }

.row_main_content   { margin:0 auto; width:960px; }
.row_container      { margin:0 auto; width:960px; }

.row_ubi_links	    { margin:0 auto; width:960px; }
.row_flag		    { margin:0 auto; width:960px; }
.row_footer		    { margin:0 auto; width:960px; }

/*---| UBIBAR |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ubibar { height:40px; }


/*---| BODY |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
html.loaded body                    { background:#101113 url('tc_map_full.jpg') 50% -370px no-repeat; -webkit-background-size:2000px 1480px; }
html.loaded body.the_crew_homepage  { background:#101113 url('tc_map_full.jpg') 50% -2px no-repeat; }
*/
html.loading body,
html.loaded body                    { background:#101113 url('tc_map_full.jpg') 50% -370px no-repeat; -webkit-background-size:2000px 1480px; }
html.loading body.the_crew_homepage,
html.loaded body.the_crew_homepage  { background:#101113 url('tc_map_full.jpg') 50% -2px no-repeat; background:#101113 url('tc_map_full.jpg') 50% -42px no-repeat; }

div.m-mobilesite    { display:block; text-align:center; font-family:'tcbold',sans-serif; font-size:56px; line-height:60px; margin:10px 0 30px 0; text-transform: uppercase; }
div.m-mobilesite a  {}


/*---| HEADER |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HOME */
.c_header_logo		{ margin:0; width:540px; height:110px; background:url('tc_logo.png') 0 0 no-repeat; }
.c_header_logo a	{ display:block; height:110px; text-indent:-9999px; overflow:hidden; }

/* ALL */
.row_header                     { width:100%; height:160px; background:#000 url('tc_header.jpg') 50% 0 no-repeat; }
.row_header	.span12             { margin:0 auto; }
.row_header	.c_header		    { float:none; margin:0 auto; width:960px; height:110px; }
.row_header .c_header_logo      { position:absolute; z-index:10; left:50%; margin:0 0 0 -480px; }
.row_header .c_packshot_header2 { position:absolute; z-index:9; left:50%; margin:0 0 0 340px; }

.c_header_social    { position:absolute; overflow:hidden; z-index:8; left:50%; margin:0 0 0 120px; }
.c_header_social a	{ display:block; float:left; margin:0 5px; width:30px; height:30px; background:url('tc_social_small.png') 0 0 no-repeat; text-indent:9999px;  }
.c_header_social .btn-social-facebook	{ background-position:0 0; }
.c_header_social .btn-social-twitter	{ background-position:0 -30px; }
.c_header_social .btn-social-google		{ background-position:0 -60px; }
.c_header_social .btn-social-youtube	{ background-position:0 -90px; }

.c_packshot_header	{ width:140px; height:100px; text-align:center; }
.c_packshot_header  { position:absolute; overflow:hidden; z-index:8; left:50%; margin:0 0 0 340px; }
.c_packshot_header a  { display:block; margin:10px 0 0 0; }

span.game-date { font-size: 24px; line-height: 291px; font-family: 'tcbold',sans-serif; color: #02b1f4; background: black; margin-top: 23px; padding: 2px; }


/*---| NAV |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_nav .main_nav			{ margin:0 auto; margin-left:auto; padding:3px 0; width:960px; height:52px; font-family:'tcbold', sans-serif; text-transform:uppercase; }
ul.main_nav li				{ position:relative; z-index:1000; display:block; float:left; width:137px; width:120px; height:52px; text-align:center; }
ul.main_nav li a			{ display:block; float:left; padding:0; width:100%; height:52px; line-height:52px; font-size:20px; color:#808080; }
ul.main_nav li a:hover		{ color:#fff; text-decoration:none; }
ul.main_nav > li.selected,
ul.main_nav li.AspNet-Menu-ChildSelected	{ background:url('tc_nav_over.png') 0 0 no-repeat; background:#fbb03b url("tc_bg_pattern.png"); background:#02b1f4 url("tc_bg_pattern.png"); }
ul.main_nav li.selected a,
ul.main_nav li.AspNet-Menu-ChildSelected a	{ color:#fff; }

ul.main_nav li.m-newslist   { display:none; }
ul.main_nav li.m-mobile-web { display:none; }

ul#navmenu-h li.m-cars:hover ul { display: none; }

ul.main_nav li.m-order      { float:right; }
ul.main_nav li.m-beta       { background:#fbb03b url('tc_bg_pattern.png'); }
ul.main_nav li.m-beta a     { color:white; }
ul.main_nav li.m-beta-thanks{ display: none; }



/*---| SUBNAV |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ul#navmenu-h li ul			{ position:absolute; top:52px; left:0; width:280px; background:url('tc_000_75.png'); overflow:hidden; display:none; }
ul#navmenu-h li:hover ul	{ display:block; }
ul#navmenu-h li li			{ height:42px; width:274px; text-align:left; }
ul#navmenu-h li li a		{ display:block; padding:0 20px; font-size:20px; line-height:42px; color:#fff; }
ul#navmenu-h li li a:hover	{ color:#02b1f4; }


/*---| SITEMAP |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_ubi_links { margin-top:40px; }
.row_ubi_links .c_ubi_block { float:left; width:320px; height:270px; }

.c_ubi_block h2			{ margin:0 0 10px 0; padding:0 0 0 30px; height:60px; line-height:40px; background:url('tc_block_sep.png') 0 100% no-repeat; font-family:'tcreg', sans-serif; }
.c_ubi_block ul			{ margin:0 0 0 60px; height:210px; font-weight:100; }
.c_ubi_block ul li		{ margin:10px 0; list-style:square; font-size:14px; color:#02b1f4; }

.c_footer_followus		{ overflow:hidden; }
.c_footer_followus h2	{ background-position:100% 100%; }
.c_footer_followus a			{ display:block; float:left; width:60px; height:60px; background:url('tc_social_big.png') 0 0 no-repeat; text-indent:9999px; }
.c_footer_followus a:hover		{ opacity:0.75; }
.c_footer_followus .btn-social-facebook	{ margin:10px 10px 10px 40px; background-position:0 0; }
.c_footer_followus .btn-social-twitter	{ margin:10px 50px 10px 10px; background-position:0 -60px; }
.c_footer_followus .btn-social-google	{ margin:10px 10px 10px 40px; background-position:0 -120px; }
.c_footer_followus .btn-social-youtube	{ margin:10px 50px 10px 10px; background-position:0 -180px; }
/*
.c_footer_followus a		{ display:block; float:left; margin:0 0 0 20px; width:90px; height:90px; background:url('tc_social_footer.png') 0 0 no-repeat; text-indent:-9999px; }
.c_footer_followus a:hover	{ opacity:0.75; }
.c_footer_followus .btn-social-facebook	{ background-position:0 0; }
.c_footer_followus .btn-social-twitter	{ background-position:0 -90px; }
.c_footer_followus .btn-social-google	{ background-position:0 -180px; }
.c_footer_followus .btn-social-youtube	{ background-position:0 -270px; }
*/

.c_ubi_block #Promo a { display:block; padding:10px; width:300px; height:250px; }


/*---| FLAGS |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_flag .localeSelector 	{ padding:30px 0 20px 0; min-height:11px; text-align:center; }
.row_flag .flag		{ display:inline; margin:0; padding:0 14px; }


/*---| FOOTER |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*overide footer.css*/
div.footer			{ position:static; margin:0 auto; padding:0; width:960px; text-align:left; }
div.footer p.legal	{ padding:20px 0; font-size:11px; line-height:14px; font-weight:100; color:#868686; text-align:justify; margin-left:-68px; width:100em; }
div.footer-item		{ display:inline; margin:0 10px; width:auto; text-align:center; }

/* custom */
.row_footer .footer-items { text-align:center; }
	.footer-items .footer-item { display:inline-block; vertical-align:middle; }
	.footer-items .footer-item a { display:block; margin:0 10px; }

/* FANCYBOX     NEW ! ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.fancybox-lock .fancybox-overlay { overflow-x:hidden; overflow-y:hidden; overflow:hidden; }
body .fancybox-skin              { position:relative; text-shadow:none; border-radius:2px; background:url('fancybox-bg.jpg') left bottom; }
body .fancybox-outer             { border:1px solid #c0c0c0; }
body .fancybox-inner             { border:1px solid #aaa; }
body .fancybox-prev span,
body .fancybox-next span         { margin-top:-30px; width:120px; height:120px; background: url("tc_slider_arrows.png") no-repeat scroll 0 0 transparent; }
body .fancybox-next span         { background-position: -120px 0; }
body .fancybox-prev span:hover   { background-position: 0px -120px; }
body .fancybox-next span:hover   { background-position: -120px -120px; }
body .fancybox-title             { position:absolute; width:98%; line-height:50px; font-size:40px; font-family:'tcreg',sans-serif; text-align:center; text-shadow: 0px 0px 1px #555; }
body .fancybox-close             { position:absolute; z-index:8040; right:-28px; top:-57px; width:80px; height:80px; cursor:pointer; background:url("fancy_close.png") no-repeat scroll 0 0 transparent; }


/*---| GLOBAL |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-bullets                        { position:absolute; z-index:20; left:0; bottom:0; margin:0; padding:0; width:100%; text-align:center; }
.nav-bullets a.nav-bullet           { display:inline-block; margin:5px; width:8px; height:8px; background:#fff; border:1px solid #000; text-indent:-9999px; }
.nav-bullets a.nav-bullet.active    { background:#02b1f4; border:1px solid #02b1f4; }

/* pagination */
.actions				{ position:relative; margin:6px 20px 0 20px; padding:10px 0; height:30px; font-family:'tcbold', sans-serif; text-transform:uppercase; }
.actions .disabled		{ opacity:0.25; }

.actions .prev,
.actions .next			{ float:none; display:block; position:absolute; top:10px; left:0; z-index:100; margin:0; padding:0; width:30px; height:30px; background:url('tc_slider_arrows_small.png') 0 0 no-repeat; text-indent:-9999px; cursor:pointer; }

.actions .next         { background-position:-30px 0; left:auto; right:0; }
.actions .prev:hover   { background-position:0 -30px; }
.actions .next:hover   { background-position:-30px -30px; }

.actions .scrollablePagination         { margin:0 40px; line-height:30px; height:30px; overflow:hidden; }
.actions .scrollablePagination div		{ height:30px; overflow:hidden; white-space:nowrap; }
.actions .scrollablePagination a		{ padding:0 6px 3px 6px; /*padding:0 16px 3px 16px;*/ line-height:25px; font-size:20px; color:#808080; }
.actions .scrollablePagination a:hover	{ color:#fff; }
.actions .scrollablePagination a.active	{ color:#fff; border:1px solid white; }

.actions           { }
.actions .prev,
.actions .next     { cursor:pointer; }
.actions .prev     { }

.actions span.prev,
.actions span.next { filter:alpha(opacity=25); opacity:0.25; }