/*-----------------------------------------
    GP3 - base.css
-----------------------------------------*/
/* CSS section 
--------------------------
    BASIC ELEMENTS
        Reset Styles
        Basic styles
        Accessible style    
    PAPE LAYOUT STYLES
        Header & Footer
        Content
            Content Area
            Layout Area
                //-----------------------------------------//
                //              Layout Area A              //
                //-----------------------------------------//
                //  Layout Area B       // Layout Area C   //
                //    |___ Area         //    |___Area     // 
                //      |___ Col        //      |___rightCol//
                //-----------------------------------------//

    PAGE CONTENT STYLES
        Headings
        Paragraphs 
        Lists
        Tabs
        Carousel
        Accordion
        CMS content
        Signin/signup
--------------------------*/

/*---- BASIC ELEMENTS ----*/

/*--- Reset Styles ---*/
*{
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

ol, ul {
    list-style: none;
}
a {
    color:#ffffff;
}
a, a:link, a:visited {
    text-decoration: none;
}
a:active{
    outline: none;
}
a:hover, a:focus, a:active{
    text-decoration: underline;
}
strong, em, .strong {
   font-weight:bold;
   font-style:normal;
}
hr{background-color:#858585;}

/*--- Basic styles ---*/
html{
    /*height:100%;*/
}
body{
    color:#ffffff;
    font-family:Trebuchet MS, Helvetica, sans-serif, Tahoma;
    font-size:75%;
    text-transform:uppercase;
    background-color:#000;
    /*height:100%;*/
}
#wrapper{
    position:relative;
    /*min-height:100%;*/
    background:transparent url(/assets/img/css/bg-gp3-main.jpg) repeat-y center -243px;
}
#wrapper.pageTypeB, #wrapper.pageTypeC{
    background-position:center top;
}
#wrapper.pageTypeA, #wrapper.pageTypeD{
    background-position:center -160px;
}

h1{
    font-size:5em;
    font-weight:normal;
    line-height:1em;
    padding:5px 0 0 0;
}
h2, h3, .h2{
    font-size:2em;
    font-weight:normal;
    text-transform:uppercase;
    line-height:1em;
}
h4{font-size:1em;} 

#contentArea:after,
ul:after,
.layoutAreaA:after,
.area:after,
.rightCol:after,
.listStyleB li:after,
.panel h2:after,
.headingSection:after,
.promoArea .mid:after,
.gridTypeB:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

/*--- Accessible styles ---*/
ul#skipLinks {
    position:absolute;
    top:0;
    left:0;
}
ul#skipLinks li a{
    font-size:1.2em;
    left:-99999px;
    position:absolute;
}
ul#skipLinks li a:active, ul#skipLinks li a:focus{
    top:0;
    left:130px;
}
.structural{
    left:-99999px;
    position:absolute;
}
.hidden{
    display:none;
}
.externalControl, .carousel-hero li{
    position:absolute;
    left:-9999em;
}
.hasJS .externalControl, .hasJS .carousel-hero li, .carousel-hero li.first{
    position:static;
}

/*---- PAYE LAYOUT STYLES ----*/

/*--- Header & Footer ---*/
#header{
    background-color:#DF2424;
    font-size:1.1667em;
    width:100%;
}

#footer, .footer{
    background-color:#000;
    font-size:1em;
    overflow:hidden;
    width:100%;
}
.footer{
    background-color:#3a3a3a;
}
#header ul, #footer ul, .fieldTypeA{
    width:992px;
    margin:0 auto;
}
#header li, #footer li{
    float:left;
    display:inline;
}
#primaryNav{
    position:relative;
}
#header li.last{
    position:absolute;
    top:0;
    right:0;
}
#header a, #footer a,#footer span{
    display:block;
    padding:8px 16px; 
}

#header li.selected a, #footer li.selected a{
    background-color:#4e4e4e;
}
#header a{
    color:#000000;
}
#header li.selected a{
    color:#ffffff;
}
#masthead{
    position:relative;
    margin:0 0 0 224px;
    min-height:118px;
}
#companyLogo{
    position:absolute;
    left:-208px;
    top:1.2em;
}
#breadcrumb{
    font-size:1.1667em;
}
#breadcrumb li{
    float:left;
    padding:32px 10px 4px 0;
}

#breadcrumb li a{
    padding-left:15px;
    background:transparent url(/assets/img/css/icon-4.png) no-repeat left 6px;
}
#breadcrumb li.first a{
    background:none;
    padding-left:0;
}

/*--- Content ---*/
/*-- Content Area --*/
#content{
    margin:0 auto;
    background:transparent url(/assets/img/css/bg-gp3.jpg) no-repeat center -252px;  
}
.pageTypeA #content{
    background-position:center -164px;
}
.pageTypeA .layoutAreaB{
    padding-top:20px;
}

.pageTypeA .layoutAreaC{
    padding-top:50px;
}
.pageTypeB #content{
    background-position:center -18px;
}
.pageTypeB .layoutAreaB, .pageTypeB .layoutAreaC{
    padding-top:46px;
}
.pageTypeC #content{
    background-position:center -18px;
}
.pageTypeC .layoutAreaB, .pageTypeC .layoutAreaC{
    padding-top:16px;
}
.pageTypeD #content{
    background-position:center -164px;
}
.pageTypeD .layoutAreaB, .pageTypeD .layoutAreaC{
    padding-top:0;
}

#contentWrapper{
    background:transparent url(/assets/img/css/png-24-bg-top.png) repeat-x top left;
}
.pageType1 #contentArea{
    background:none;
}
#contentArea{
    padding:0 0 30px 0;
    min-height:728px;
    width:992px;
    margin:0 auto;
    background:transparent url(/assets/img/css/bg-lines.png) no-repeat 492px top;
    
}
/*-- Layout Area --*/
/*- Layout Area A -*/
.layoutAreaA{
    padding:0 16px;
}
.layoutAreaA h2{
    font-size:2.5em;
    padding:10px 0 10px 16px;
}
.layoutAreaA .area{
    float:left;
    width:224px;
    background:transparent url(/assets/img/css/bg-pattern-4.png) no-repeat 0 0;
    padding-top:18px;
    margin-top:35px;
}
.layoutAreaA .area .base{
    height:18px;
    background:transparent url(/assets/img/css/bg-pattern-4.png) no-repeat right -21px;
}
.layoutAreaA .imageHolder{
    padding-left:252px;
}
/*- Layout Area B -*/
.layoutAreaB {
    width:640px;
}
.layoutAreaB{
    padding:100px 0 16px 16px;
    float:left;
}
.layoutAreaB p,
.layoutAreaB h4{
    padding:0 16px 20px;
}


.layoutAreaB .imageHolder{
    padding:0 0 45px 0;
    margin-left:-26px;
    background:transparent url(/assets/img/css/png-24-bg-team-car.png) no-repeat 240px -12px;
}

/*- Layout Area C -*/
.layoutAreaC{
    width:304px;
    padding:100px 16px 16px 0;
    float:right;
}
.layoutAreaC .area{
    background:transparent url(/assets/img/css/pattern-3.png) no-repeat 0 0;
    padding:18px 0 0 0;
}
.layoutAreaC .area h3{
    margin-bottom:16px;
}

.layoutAreaC .areaStyleA{
    background:transparent url(/assets/img/css/pattern-2.png) no-repeat bottom right;
    padding:0 0 16px 0;
    margin:0 0 12px 0;
}
.pageTypeC .layoutAreaC .areaStyleA{
    margin-top:36px;
}
/*- Columns-*/
.col1, .col2, .col3{
    float:left;
    width:300px;
    padding-top:288px;
    position:relative;
    text-align:center;
}
.col1 p, .col2 p, .col3 p{
    padding:15px 20px 25px;
    background:transparent url(/assets/img/css/png-24-pattern-2.png) no-repeat 70% 0;
    position:relative;
}
.col1 p a, .col2 p a, .col3 p a{
    padding:2px 10px;
    background-color:#000000;
}
.col1 img, .col2 img, .col3 img{
    position:absolute;
    top:0;
    left:0;
}
.col1 img{
    top:28px;
}
.col2 img{
    left:-20px;
    top:60px;
}
.col3{
    width:355px;
}
.col3 img{
    left:65px;
    top:-12px;
}
.col3 p{
    padding:15px 0 15px 66px;
    background-position:62px 0;
}
.areaStyleC .rank{
    position:absolute;
    top:89px;
    left:54px;
    width:200px;
}
.rank span.number{
    float:right;
    font-size:3em;
    padding-left:6px;
}
.number sup{
    font-size:0.5em;
    color:#fff;
}
.rank p{
    text-align:right;
    background:none;
    padding:0 0 20px 0;
    font-size:1.167em;
    text-transform:uppercase;
}
.rank span.last{
    display:block;
}
.areaStyleC  .col1, .areaStyleC .col2, .areaStyleC .col3{
    padding-top:248px;
}
.areaStyleC .col1 p{
    background-position:40% 0;
}
.areaStyleC .col2 p{
    padding-left:70px;
}
.areaStyleC .col3 p{
    background-position:82px 0;
    padding-left:0;
}
.areaStyleC .col1 img{
    top:20px;
    left:0;
}
.areaStyleC .col2 img{
    top:10px;
    left:-15px;
}
.areaStyleC .col3 img{
    left:77px;
    top:25px;
}
.col3 .news{
    left:108px;
    position:absolute;
    top:105px;
    text-align:left;
}
.col3 .news img{
    position:static;
}
.col3 .news span{
    display:block;
    padding:5px 0 0;
}
.col3 .news p a{
    padding:0 20px 0 0;
    text-transform:uppercase;
}

.colTop{
    background:#101010 url(/assets/img/css/bg-pattern-5.png) no-repeat -170px top;
}
.col{
    float:left;
    display:inline;
    margin:0 0 20px 0;
    width:295px;
}
.col p{
    padding:0 0 0 16px;
    line-height:1.8em;
}
.col p.last{
    margin-bottom:30px;
}
.rightCol{
    background:#858585;
    padding:14px 0 10px 10px;
    margin-bottom:12px;
}
.areaStyleA .rightCol{
   background-color:#3a3a3a ;
   margin-bottom:0;
}

.areaStyleB .rightCol{
    background-color:transparent;
    padding:0;
}
.layoutAreaC .areaStyleB h3{
    background:#858585;
    padding:14px 0 16px 10px;
    margin:0
}
/*- Column background pattern-*/
.bgStyleA{
    background:#858585 url(/assets/img/css/bg-pattern-1-indexed.png) no-repeat 0 0;
}

.bgStyleB{
    background:#858585 url(/assets/img/css/bg-pattern-1-indexed.png) no-repeat -305px 0;
}
.bgStyleC{
    background:transparent url(/assets/img/css/pattern-2.png) no-repeat bottom right;
    padding:0 0 16px 0; 
}
.bgStyleC .mid{
    background:#3a3a3a url(/assets/img/css/bg-pattern-2.png) no-repeat 0 0;
    padding:5px;
}
.layoutAreaB .bgStyleC .linkStyleA p{
    padding:0;
}
.bgStyleD{
    background:#3a3a3a url(/assets/img/css/bg-pattern-3.png) no-repeat 0 0;
}
.bgStyleE{
    background: transparent url(/assets/img/css/bg-pattern-11.png) no-repeat scroll right top;
    overflow:hidden;
}
.bgStyleF{
    background:transparent url(/assets/img/css/bg-pattern-7.png) no-repeat 16px 18px;
}
/*- Panel-*/
.panel{
    margin-bottom:30px;
}
.layoutAreaB .panel h2{
    padding:0;
}
.panel h2 a{
    display:block;
    padding:2px 0 10px 30px;
    background:transparent url(/assets/img/css/icon-2.png) no-repeat 0 -36px;
    float:left;
}
.panel h2 a.selected{
    background-position:0 0;
}
.panelContent ,  .calendar{
    margin:0 16px 57px 0;
    background:transparent url("/assets/img/css/pattern-3.png") no-repeat scroll right -20px ;
    padding-top:18px;
}
.panelContent h3{
    padding:16px 10px;
    background:#858585;
}

.panelContent span{
    float:right;
    padding:22px 10px 0 0;
    font-size:1.167em;
}
/*- Special Area-*/
.midContent{
    background:#080808 url("/assets/img/css/bg-pattern-10.png") repeat-x top left;
    overflow:hidden;
}

#race-header {margin-top:100px;}
.pageTypeB #race-header {
    margin-top:30px;
}
#race-header .mid {
    overflow:visible;
    background:none transparent;
    padding:0;
}
#race-header .midContentA{
    background:#080808 url("/assets/img/css/bg-pattern-10.png") repeat-x top left;
    overflow:visible;
}
.country-img {position:absolute;left:-12px;top:-116px;z-index:-1;}
.track-img {position:absolute;left:212px;top:-52px;z-index:-1;}
.imgCountry { position: absolute;right: -10px;top: 4px;}
.country {
    position:relative;
    z-index:20;   
    width:196px;
}
.midContentA .country{
   background:transparent url("/assets/img/css/bg-pattern-12.png") no-repeat top left;    
}
.country p {text-transform:uppercase;}
.country a,
.country .trackName{
    font-size:2em;
    color:#df2424;
    padding-bottom:4px;
    display:block;
}
.country a span,
.country .trackName span{
    display:block;
}
.country, .session{
    float:left;
    display:inline;
    padding:20px 0 0 14px;
    height:133px;
}
.session{
    display:inline;
    float:right;
    margin-right:120px;
    
}
.session h3{
    padding-bottom:0px;
}
.session p{line-height:1.7em;}
.session p.linkStyleC span{
    float:left;
}
.session span{
    margin-right:5px;
    display:inline;
}
.promoArea .session p.linkStyleC{
    margin:0;
    padding:0;
}
.session p.linkStyleC a{
    margin-top:3px;
}
.promoArea{
    margin:0 0 20px 0;
    padding-right:10px;
}
.promoArea .top{
    background:transparent url("/assets/img/css/pattern-1.png") no-repeat right 1px;
    height:17px;
}
#race-header .top{
    background-image:url("/assets/img/css/pattern-4.png");
}

.promoArea .base{
    background:transparent url("/assets/img/css/pattern-1.png") no-repeat left -18px;
    height:17px;
}
.promoArea .mid{
    background:#1e1e1e;
    padding:12px;
    
}
.promoInfo{
    float:right;
    width:308px;
}
.layoutAreaA .promoArea .mid{
    position:relative;
}
.layoutAreaB .promoArea .mid{
    text-align:center;
}
.layoutAreaB .promoArea .mid p{
    text-align:left;
}
.layoutAreaB .promoArea h2{
    background:none;
    margin:0;
    padding:0;
}

.gridTypeA li{
    padding:5px 5px 0 6px;
    margin-right:14px;
    background:transparent url(/assets/img/css/bg-grid.png) no-repeat 0 0;
}
.gridTypeB .imageHolder{
    float:right;
    background:transparent url(/assets/img/css/bg-image-holder-1.png) no-repeat 0 0;
    padding:9px 17px 20px 15px;
    margin-left:0;
}
.gridTypeB img{
    width:285px;
}

.gridTypeC .col{
    padding:5px 5px 0 6px;
    margin-right:14px;
}
.gridTypeC img{
    border:1px solid #7b7b7b;
}
.gridTypeC a, .gridTypeC span{
    display:block;
}

.gridTypeD h3{
    padding:14px 0 16px 10px;
    line-height:1.2em;
}
.gridTypeD .col{
    border-top:3px solid #555552;
    margin-right:40px;  
}
.gridTypeD .col p{
    min-height:50px;
}
.gridTypeD .last{
    margin-right:0;
}
.gridTypeD .col p{
    padding:0 0 0 10px;
    line-height:1.2em;
}
.gridTypeD .bgStyleC{
    border:none;
}
.gridTypeE{padding-bottom:20px;}
.gridTypeE span.first{
    color:#525252;
    display:block;
    padding:10px 0 0 12px;
}
.gridTypeE h3 {
    padding:10px;
    line-height:1.2em;
    min-height:56px;
}
.gridTypeE .col{
    border-bottom:3px solid #555552;
    margin-right:40px;
    background:transparent url("/assets/img/css/pattern-3.png") no-repeat scroll right -20px ;
    padding:18px 0 0;
}
.gridTypeE .mid {
    background-color: #858585; 
}

.gridTypeE .mid p{
    min-height:50px;
    padding:0 12px 12px 12px;
    line-height:1.2em;
}
.gridTypeE .last{
    margin-right:0;
}
.gridTypeE .tags{
   margin:10px;
   padding:0;
   font-weight:bold;
   min-height:42px;
}
.tags span{
   margin:0 3px;
   text-transform:uppercase;
   text-decoration:underline;  
}

/*---- PAGE CONTENT STYLES ----*/
/*--- GP3 color---*/
.promoArea p span, h3 span.highLight, td.strong, .closeBtn, .fieldTypeA span, .number, p.intro span.highLight,
p.intro span{
    color:#df2424;
}
.promoArea p span{
    text-transform:uppercase;
}
tr.first td, tr.first th{
    background:#DF2424;
}

/*--- Headings---*/
.layoutAreaB h2{
    margin:0 0 20px 0;
    padding:2px 0 10px 10px;
    background:transparent url(/assets/img/css/bg-heading.png) no-repeat 0 0;
}
h2 span{
    font-size:0.5em;
    padding:0 10px;
}
h3 span{
    font-size:0.5em;
    padding:0 10px;
}
.headingSection{
    background:transparent url("/assets/img/css/bg-heading.png") no-repeat scroll 0 0 ;
    margin: 0 0 20px;
    padding:2px 0 10px 10px;
}
.headingSection h2{
    background:none;
    margin:0;
    padding:0 30px 0 0;
    float:left;
}
/*--- Form ---*/
select{
    background:#ffffff;
}
label{
    text-transform:uppercase;
    color:#ffffff;
    font-size:1.167em;
    padding:2px 5px 0 5px;
}
.searchArea{
    float:right;
}
input{
    color:#ffffff;
    font-size:1.167em;
    padding:2px 5px ;
}
.searchArea input{
    margin:1px 30px 0 0;
}
.fieldTypeA{
    background:#3a3a3a;
    padding:8px 8px 8px 40px;
}
.fieldTypeA span.first{
    font-size:1.167em;
    margin-right:245px;
    color:#FFFFFF;
}
.fieldTypeA input{
    background:#555;
    width:124px;
}
.fieldTypeA .error input{
    border:2px solid #DF2424;
}
input.submitBtn{
    text-transform:uppercase;
    padding-right:20px;
    background:transparent url(/assets/img/css/png-24-icon-arrows.png) no-repeat 90% 7px;
}
input.submitBtn:hover{
    background-color:#000;
}
#footer .fieldTypeA span{
    display:inline;
}
/*--- Links ---*/
.linkStyleA{
    margin:18px 0 0 0;
}
.layoutAreaC .linkStyleA{
    margin-bottom:18px;
}
.linkStyleA a{
    font-size:1.167em;
    display:block;
    padding:5px 5px 7px 10px;
    background:#7b7b7b url(/assets/img/css/link-1.png) no-repeat 0 0;
}
.linkStyleA a:hover{
    background-color:#363636;
    background-image: url(/assets/img/css/link-2.png);
}

.layoutAreaB .linkStyleA a{
    background-position:-10px 0;
}
.layoutAreaB .bgStyleC .linkStyleA  a{
    background-position:-22px 0;
}

.linkStyleB, .linkStyleE a{
    float:right;
    display:inline;
    margin:8px 10px 0 0;
    color:#2c2c2c;
    padding:0 20px 0 0;
    background:transparent url(/assets/img/css/png-24-icon-arrows.png) no-repeat right -58px;
}

.linkStyleB:hover, .linkStyleE a:hover, .linkStyleE .selected a{
    color:#ffffff;
    background-position:right 3px;
}
.linkStyleB-2{
    color:#ffffff;
    background-position: right -28px;
}

.linkStyleC li{
    float:left;
    width:144px;
    padding:4px 0;
}

.linkStyleC a{
    display:block;
    margin-right:16px;
    padding:0 20px 1px 0;
    line-height:1.2em;
    background:transparent url(/assets/img/css/png-24-icon-arrows.png) no-repeat right -28px;
}
.linkStyleC a:hover{
    background-position:right 3px;
}

.linkStyleC-2 a{
    color:#2c2c2c;
    background-position:right -58px;
}
p.linkStyleC{
    padding:5px 0;
    overflow:hidden;
}
.promoArea p.linkStyleC{
    margin:0 0 0 16px;
    padding:5px 0;
}
.layoutAreaA .linkStyleC a, .layoutAreaB .linkStyleC a{
    text-transform:uppercase;
    float:left;
    display:inline;
    background:transparent url(/assets/img/css/png-24-icon-arrows.png) no-repeat right 3px;
}
.linkStyleD{
    background:transparent url(/assets/img/css/png-24-icon-arrows.png) no-repeat 0 -116px;
    padding-left:20px;
    float:right;
    margin:10px 0 0 0;
}
.linkStyleD.selected{
    background-position: 0 -146px;
}
.panelContent .linkStyleD{
    float:left;
}

.linkStyleE li{
    padding:4px 10px;
}
.linkStyleE a{
    float:none;
    margin:0;
}
.linkStyleF{
    text-transform:uppercase;
    padding:5px 0 !important;
}
.linkStyleF a{
    border:none !important;
}
.linkStyleF img{
    float:none !important;
}
/*--- Paragraphs ---*/
blockquote{
    text-transform:none;
    padding:12px 24px;
}
p{
    font-size:1em;
    text-transform:none;
}
p.intro, .intro p{
    font-size:2em;
    text-transform:uppercase;
}
.layoutAreaB p.intro{
    padding-top:0;
}
.promoArea p.intro, .promoArea .intro p{
    padding:18px 16px 0;
    text-align:left;
}
p span, h3 span{
    padding:0 2px;
}
p a span{
    color:#2c2c2c;
    background:#858585;
}

.driverInfo{
    background-color:#7b7b7b;   
}
.driverInfo p{
    padding:5px 0 5px 8px;
}
.driverInfo .linkStyleC{
    background-color:#939393;
    margin:0 5px 5px;
    padding:2px 0 2px 5px;
}
.driverInfo .linkStyleC a{
    margin:0;
}
.raceInfo{
    margin-left:142px;
}
.listStyleB-2 .raceInfo p{
    width:auto;
    text-align:center;
    margin:0 5px 5px 5px;
    background:#7b7b7b url(/assets/img/css/bg-pattern-1.png) repeat-y top right;
    color:#df2424;
    padding:0;
}
.listStyleB-2 .raceInfo p span{
    display:block;
    float:left;
    text-align:left;
    width:58px;
    color:#ffffff;
}
/*--- Pagination---*/
.pagination p.pageNo{
    float:left;
    padding:5px 0 0 0;
}
.pagination .linkStyleC{
    float:right;
    padding:5px 25px 5px 0;
}
.pagination .linkStyleC .prev{
    margin-right:5px;
    padding:0 0 0 20px;
    background:transparent url("/assets/img/css/png-24-icon-arrows.png") no-repeat scroll left -88px ;
}
.pagination .prev:hover{
    background-position:left -88px;
}
.pagination .linkStyleC .next{
    float:right;
    margin:0 15px 0 5px;
}

/*--- Lists---*/
.listStyleA li{
    border:2px solid #727272;
    float:left;
    display:inline;
    margin-right:8px;
}

.listStyleB{
    margin-right:10px;
}
.listStyleB li{
    background:#939393;
    margin-bottom:10px;
    padding:5px 0 5px 5px;
}
.listStyleB li img{
    float:right;
}
.listStyleB li h4{
    padding:5px 0;
    overflow:hidden;
}
.listStyleB li span.date{
	color:#525252;
}

.listStyleB-2 li{
    padding:0;
}
.listStyleB-2 li img{
    float:left;
    display:inline;
    margin-right:10px;
}

.listStyleB-2 li a{
    float:left;
    margin-top:0;
}
.listStyleB-2 li a img{
    padding:1px;
}
.listStyleB-2 li a:hover img{
    padding:0;
    border:1px solid red;
}
.listStyleB-2 p{
    text-transform:uppercase;
    padding:0 0 16px;
}

.listStyleB-2 span{
    text-transform:lowercase;
}

.listStyleC{
    margin-bottom:20px;
}

.listStyleC li{
    float:left;
    display:inline;
    width:135px;
    padding:8px 5px 0 6px;
    margin:0 12px 0 0;
    min-height:210px;
}
.listStyleC li a{
    display:block;
    border:2px solid #7b7b7b;
    overflow:hidden;
}
.listStyleC li a img{
    float:left;
}
.listStyleC li.selected a, .listStyleC li a:hover{
    border:2px solid #df2424;
}
.listStyleC p.linkStyleC a, .listStyleC p.linkStyleC a:hover{
    border:none;
}

.listStyleC li span{
    display:block;
}

/*--- Tables ---*/
.tableContent{
    background:#858585;
    padding:5px;
}
table{
    text-transform:none; /*lowercase*/
    text-align:left;
    border-collapse:collapse;
    border-spacing:0;
    padding:5px;
}
.layoutAreaA table{
    width:215px;
    text-align:center;
    padding:0 0 16px 10px;
    background:transparent;
}
.layoutAreaA th{
    font-size:1.167em;
    font-weight:normal;
}
.layoutAreaA td{
    font-size:3em;
}
.layoutAreaB table{
    width:614px;
}
.layoutAreaC table{
    width:294px;
}
td.strong{
    width:60px;
}
table th{
    text-transform:uppercase;
    text-align:left;
}
table tr.even ,table tr.even td, table tr.even th {
    background:#6d6d6d;
}
table thead th{
    padding:5px 0 16px 5px;
}
table th, table td{
    padding-left:5px;
}
table tbody tr{
    line-height:1.8em;
}

.calendar h3{
   padding:16px 10px;
   background-color: #858585;
}

.calendar tbody th, .calendar td{
    background-color:#6d6d6d;
}
.calendar .linkStyleC a {
    margin-top:20px;
    background-position:right 7px;
}
.calendar p{
    padding:0;
}
.calendar th{
    border-bottom:5px solid #858585;
    font-weight:normal;
}
.calendar th img{
    margin-top:10px;
}
.calendar td{
    background-color:#636363;
    border-bottom:5px solid #858585;
    text-transform:uppercase;
    padding-left:0;
}
.calendar td p{
    border-top:5px solid #6d6d6d;
    border-bottom:5px solid #6d6d6d;
    text-indent:15px;
}
.calendar th span{
    display:block;
}
.calendar th span.first{
    float:left;
    min-width:82px;
    padding-right:10px;
}
.calendar td span{
    text-transform:none;
}

.dataStyleA td, .dataStyleB td{
    border-bottom:none;
}
.dataStyleA .last td, .dataStyleB .last td{
    border-bottom:5px solid #858585;    
}

.dataStyleA td p, .dataStyleB td p{
    border-top:none;
    line-height:3em;
}
.calendar .dataStyleB th{
    background-color:#2c2c2c;
}
.dataStyleB td p{
    background-color:#444444;
    border-bottom:5px solid #2c2c2c;
}
/*--- Tabs ---*/
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -99999px;
    overflow:hidden;
    height:1%;
}
.ui-tabs li{
    float:left;
}

.tabStyleA ul{
    padding:0 0 0 3px;
    background:#858585;
}
.tabStyleA ul li{
    width:142px;
    padding:10px 0 10px 5px;
    margin-right:2px;
}
.tabStyleA .ui-state-default{
    background-color:#9e9e9e;
}
.tabStyleA .ui-tabs-selected{
    background:#858585;
    border:1px solid #9e9e9e;
    border-bottom:0 none;
}

/*-- THE CAR PAGE --*/
#carTabs .imageHolder{
    height:258px;
    padding:0;
    text-align:center;
}
#carTabs ul.controls{
    margin:0 0 0 42px;
}
.hasJS #controlA a{
    display:block;
    height:99px;
    width:337px;
    background-image:url("/assets/img/car-nav-1.png");
}

.hasJS #controlB a{
    display:block;
    height:101px;
    width:213px;
    background-image:url("/assets/img/car-nav-2.png");
}

.hasJS #controlC a{
    display:block;
    height:99px;
    width:337px;
    background-image:url("/assets/img/car-nav-3.png");
}
ul.controls a{
    background-position:left top;
}
ul.controls a:hover, ul.controls .ui-tabs-selected a{
    background-position:left -101px;
}

.carDetails{
   height:158px;
   position:relative;
}
.carDetails h3{
    font-size:1.167em;
}
.carDetails .mid{
    background: #1e1e1e url("/assets/img/css/bg-pattern-8.png") no-repeat scroll right top ;
}
.carDetails .mid img{
    float:right;
}
.carDetails .mid  ul{
    padding:14px 14px 0 14px;
    width: 200px;
}
.carDetails .mid li{
    float:none;
    list-style:disc;
}

.detailControl li{
    background:transparent url("/assets/img/css/bg-pattern-9.png") no-repeat scroll left top ;
    padding:5px 20px 10px;
}
.detailControl p{
    text-transform:uppercase;
    background:transparent url("/assets/img/css/png-24-icon-arrows.png") no-repeat scroll center -146px ;
    padding-bottom:28px;
}
.detailControl a{
    display:block;
    background-color:#000;
    padding:2px 10px;
}
.carDetails .detail, .carDetails .detailControl li{
    position:absolute;
}
.closeBtn{
    float:right;
    padding-left:14px;
    background:transparent url("/assets/img/css/icon-5.png") no-repeat scroll left 2px ;
}
#tabs-1 .imageHolder img{
    margin-left:10px;
}
#tabs-2 .imageHolder img{
    margin:-20px 0 0 20px;
}
#tabs-3 .imageHolder img{
    margin-left:20px;
}
#info-1{
    padding-left:40px;
    bottom:-20px; 
}
#info-1-link{
    left:222px;
    bottom:-80px;
}
#info-2{
    padding-left:250px;
    bottom:30px; 
}
#info-2-link{
    left:322px;
    top:120px;
}
#info-3{
    bottom:-30px;
    padding-left:670px;  
}
#info-3-link{
    left:644px;
    top:182px; 
}
#info-4{
    padding-left:120px;
    bottom:-30px;
}
#info-4-link{
    left:274px;
    top:183px;
}
#info-5{
    padding-left:360px;
    bottom: 70px;
}
#info-5-link{
    left:428px;
    top:83px;
}
#info-6{
    bottom:-30px;
    padding-left:580px;  
}
#info-6-link{
    left:574px;
    top:182px;
}
#info-7{
    padding-left:184px;
    bottom:-0px; 
}
#info-7-link{
    left:280px;
    top:150px;
}
#info-8{
    bottom:20px;
    padding-left:400px;  
}
#info-8-link{
    left:442px;
    top:132px;
}
#info-9{
    bottom:-20px;
    padding-left:620px;  
}
#info-9-link{
    left:644px;
    top:172px; 
}
#info-10{
    padding-left:450px;
    bottom:0px; 
}
#info-10-link{
    left:450px;
    top:150px;
}
#info-11{
    bottom: -30px;
    padding-left:10px;  
}
#info-11-link{
    left:100px;
    top:180px;
}
/*--- Carousel ---*/
.carouselStyleA{
    position:relative;
    padding:0 40px;
    min-height:288px;
}
.carouselStyleA h3{
    margin:0 0 16px -16px;
    padding:16px 0 0 0;
}
.carouselStyleA li{
    text-align:center;
    padding:30px 0;
}
.carouselStyleA li img{
    margin:0 auto;
}
.carouselStyleA li p{
    width:210px;
    text-align:left;
    padding-bottom:14px;
}
.carouselStyleA .next, .carouselStyleA .prev{
    position:absolute;
    top:125px;
    left:12px;
    width:30px;
    height:20px;
    cursor:pointer;
    background:transparent url(/assets/img/css/icon-1.png) no-repeat 0 0;
}
.carouselStyleA .next{
    left:auto;
    right:8px;
    background-position:-30px 0;
}
.carouselStyleA .next:hover{
    background-position:-30px -20px;
}
.carouselStyleA .prev:hover{
    background-position:0 -20px;
}

.externalControl{
    float:right;
    padding:18px 0 0 18px;
}

.layoutAreaA .externalControl{
    float:left;
    padding-left:0;
}

.externalControl a{
    display:inline;
    float:left;
    margin-left:12px;
    border:2px solid #1e1e1e;
}
.externalControl a img{
    float:left;
}
.externalControl .selected{
    border:2px solid #df2424;
}

/*--- Accordion ---*/
.accordion h4{
    padding:6px 0 0 30px;
    height:22px;
    margin-bottom:5px;
    background:transparent url(/assets/img/css/bg-heading-small.png) no-repeat 0 0;
}
.accordion .ui-state-active{
    background-position:0 -28px;
}
.accordion h4 a{
    display:block;
}
.accordion ul{
   padding:14px 0 10px 0;
}

/*---CMS content---*/
.standardContent {
    text-transform: none;
}
.standardContent h3{
    padding:0 16px 20px;
}
.standardContent table {
    text-transform:none;
}
.standardContent table p
{
    text-transform: none;
    padding:0;
}
.standardContent ul{
    list-style: disc inside;
    padding: 0 16px 20px;
}
.standardContent EM{
    font-style:italic;
    font-weight:normal;
}

.metadataContent {
	border-top: #555552 3px solid;
	border-bottom: #555552 3px solid;
	min-height: 60px;
	padding-top: 10px;
}
.metadataContent .tags{
   margin:0 0 15px 15px;
   padding:0;
   font-weight:bold;
}

/* ------------------------------signin form for access to media centre ---------------------------------*/ 
#signin td {padding:0;}
#signin p.intro {width:330px;line-height:1.2;padding-left:10px;float:left;}
#signin #arrow {background:url(/assets/img/css/icon-1.png) no-repeat bottom right;}
#signin .formrow {overflow:hidden;margin-bottom:5px;}
#signin fieldset {margin-top:20px;}
#signin label {display:block;text-align:right;float:left;width:5.5em;}
#signin input {background-color:#555;padding:2px;text-transform:none;width:150px;}
#signin input.button {text-transform:uppercase;background:#df2424 url(/assets/img/css/png-24-icon-arrows.png) no-repeat 120px 7px;font-size:1em;font-weight:bold;margin:1em 0 1em 7.4em;padding:0 0 2px 5px;text-align:left;width:150px;cursor:pointer;height:2em;color:#fff;display:block;}
#signin input.button:hover {text-decoration:underline;}
#signin #forgotten-pwd {display:block;text-transform:uppercase;font-size:1em;color:#555;margin-left:9em;font-size:0.9em;background:url(/assets/img/css/png-24-icon-arrows.png) no-repeat 125px -25px;}
#signup-promo {color:#2c2c2c;padding:20px;}
#signup-promo h3 span {color:#fff;}
#signup-promo li {margin-bottom:1em;font-size:1.2em;margin-bottom:0.8em;}
#signup-promo a.button {display:block;text-transform:uppercase;background:#df2424 url(/assets/img/css/png-24-icon-arrows.png) no-repeat 120px 7px;font-size:1em;font-weight:bold;margin:4em 0 0 10em;text-align:left;width:11.8em;padding:3px 0 2px 6px;}

/* signup form for access to media centre */ 
#signup .error input {border:1px solid Red;}
#signup p.intro {width:240px;}
#signup p.intro span {color:#df2424;}
#signup .formrow {padding:5px 0;position:relative;}
#signup input, #signup select {text-transform:none;}
#signup label {display:block;float:left;width:196px;position:relative;top:2px;margin-left:20px;} 
#signup input, #signup select {color:#fff;background-color:#555;padding:4px;width:253px;}
#signup select {width:260px;}
#signup .context-help {float:left;font-size:0.9em;width:100px;height:40px;line-height:1.2;margin:0 0 0 500px;padding:8px 0 0 33px;position:absolute;top:0px;text-transform:uppercase;background:url(/assets/img/css/bg-context-help.png) no-repeat 1px -2px;}
#signup #or {font-size:1.3em;font-weight:bold;margin:0 0 0 12em;padding:0;}
#signup h3 {margin:40px 0 20px 10px;}
#signup #form-buttons {margin:35px 0 20px 15px;width:645px;height:30px;}
#signup a.button {display:block;font-size:1.167em;background:#7b7b7b url(/assets/img/css/link-1.png) no-repeat -305px 0;width:285px;height:24px;font-weight:normal;color:#000;float:left;margin-right:30px;padding:6px 20px 0 0;text-align:right;}
#signup a.button:hover {background:#363636 url(/assets/img/css/link-2.png) no-repeat -305px 0;color:#fff;}
#signup input.button {display:block;float:right;font-size:1.167em;padding:6px 5px 7px 10px;background:#7b7b7b url(/assets/img/css/link-1.png) no-repeat 0 0;width:305px;height:30px;font-weight:normal;color:#000;overflow:hidden;text-transform:uppercase;text-align:left;cursor:pointer;}
#signup input.button:hover {background:#363636 url(/assets/img/css/link-2.png) no-repeat 0 0;text-decoration:underline;color:#fff;}

/* error summary for sigin/signup */
#signin #error-summary {overflow:hidden;color:#fff;padding:0 10px 5px 10px;} 
#signup #error-summary {overflow:hidden;color:#fff;background-color:#3a3a3a;padding:10px 10px 5px 10px;margin-bottom:10px;width:607px;} 
#error-summary span {float:none;}
#error-summary ul {list-style-type:disc;padding:0 15px 10px 10px;}
#error-summary li {margin-left:20px;text-transform:none;color:#fff;}

#forgotten-pwd .formrow {padding:0 0 40px 0;position:relative;}
#forgotten-pwd label {display:block;float:left;position:relative;top:2px;margin-left:20px;} 
#forgotten-pwd input {text-transform:none;color:#fff;background-color:#555;padding:4px;width:296px;}
#forgotten-pwd input.button {display:block;margin-left:71px;font-size:1.167em;padding:6px 5px 7px 10px;background:#7b7b7b url(/assets/img/css/link-1.png) no-repeat 0 0;width:305px;height:30px;font-weight:normal;color:#000;overflow:hidden;text-transform:uppercase;text-align:left;cursor:pointer;}
#forgotten-pwd input.button:hover {background:#363636 url(/assets/img/css/link-2.png) no-repeat 0 0;text-decoration:underline;color:#fff;}

#confirmation a {padding-left:15px;}
/*
.weather {margin-left:125px;width:200px;}
.weather h3, .session h3 {margin-bottom:9px;}
.weather table {width:auto;}
.weather th {color:#df2424;width:44px;font-size:1em;text-align:center;padding:0 3px 0 5px;}
.weather td {font-size:1em;padding:5px 3px 0 5px;}
*/
#temperature td {background:url(/assets/img/css/bg_temperature.gif) no-repeat 0 0;}
#logged-in {position:relative;float:right;padding:10px 15px;}
.logged-in-name {text-transform:none;}

#unsubscribe label {display:block;text-align:right;float:left;width:5.5em;}
#unsubscribe input {background-color:#555;padding:2px;text-transform:none;width:150px;}
#unsubscribe .error input { border:2px solid #DF2424;}
#unsubscribe input.button {text-transform:uppercase;background:#df2424 url(/assets/img/css/png-24-icon-arrows.png) no-repeat 120px 7px;font-size:1em;font-weight:bold;margin:1em 0 1em 7.4em;padding:0 0 2px 5px;text-align:left;width:150px;cursor:pointer;height:2em;color:#fff;display:block;}


/*---- BASIC PRINT ELEMENTS ----*/

@media print {

* {background: #fff; color: #000; }

html{ font: 100%/1.5 georgia, serif; }

.layoutAreaC,
.country-img,
.track-img,
.carousel-hero,
.externalControl,
#caption{display:none;}

} /* END BASIC PRINT ELEMENTS */


#testSessionContent
{
    background-color: #6D6D6D;
    border: 5px solid #858585;
    padding: 5px;    
}