/*  global stuff    */
h1, h2, h3, h4, h5, h6{font-weight:normal;}
a, a:visited{color:#e2252f;text-decoration: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*  container   */
.container{width:960px;margin:auto;}

/*  header  */
#Header{height:84px;margin-top: 1px;}
#Header ul{float:left;width:502px;margin:1px 13px 0 0;display:inline;}
#Header ul li{float:left;}
#Header ul li a{float:left;height:83px;text-indent:-3000px;padding:0 17px 0 0;}
#Header ul li a.videos{background:url(/img/nav.gif) 4px -11px no-repeat;width:54px;}
#Header ul li.selected a.videos, #Header ul li a.videos:hover{background-position: 4px 61px;}
#Header ul li a.submit-your-video{background:url(/img/nav.gif) -66px -11px no-repeat;width:146px;}
#Header ul li.selected a.submit-your-video, #Header ul li a.submit-your-video:hover{background-position: -66px 61px;}
#Header ul li a.about-the-bid{background:url(/img/nav.gif) -228px -11px no-repeat;width:133px;}
#Header ul li.selected a.about-the-bid, #Header ul li a.about-the-bid:hover{background-position: -228px 61px;}
#Header h1{float:left;width:311px;}
#Header h1 a{float:left;height:83px;text-indent:-3000px;}
#Header h1 a.england-2018{background:url(/img/england-2018.gif) -13px -1px no-repeat;width:311px;padding:0;}
#Header #ImIn{float:left;width:121px;margin-left:13px;display:inline;}
#Header #ImIn span{background-image:url(/img/im-in.png);width:121px;padding:0;float:left;height:84px;text-indent:-3000px;background-repeat:no-repeat;}
#Header #ImIn span.i1{background-position:right 0px;}
#Header #ImIn span.i2{background-position:right -84px;}
#Header #ImIn span.i3{background-position:right -168px;}
#Header #ImIn span.i4{background-position:right -252px;}
#Header #ImIn span.i5{background-position:right -336px;}
#Header #ImIn span.i6{background-position:right -420px;}
#Header #ImIn span.i7{background-position:right -504px;}
#Header #ImIn span.i8{background-position:right -588px;}
#Header #ImIn span.i9{background-position:right -672px;}
#Header #ImIn span.i10{background-position:right -756px;}
#Header #ImIn span.i11{background-position:right -840px;}
#Header #ImIn span.i12{background-position:right -924px;}
#Header #ImIn span.i13{background-position:right -1008px;}

/*  flash container */
#Videos{text-align: center;height:475px;/*background:url(/img/home-flash.jpg) center top no-repeat;*/}
#Videos .no-flash{text-indent: -33333px;background:url(/img/noflash-grid.jpg) center top no-repeat;height:475px;}
#Videos .no-flash a.get-flash{display:block;text-align: none;height:475px;width:960px;margin:auto;}
body.videos #Videos .no-flash{text-indent: -33333px;background:url(/img/noflash-video.jpg) center top no-repeat;height:475px;}


/*  video details (facebook & twitter)  */
#VideoDetails{width:600px;margin:auto;height:70px;background:#f2f2f2;padding-top:18px;}
#VideoDetails #ShareLinks{float:left;width:370px;padding:0 20px;}
#VideoDetails #ShareLinks p, #VideoDetails #ShareLinks iframe{float:left;}
#VideoDetails #ShareLinks p{margin:0 1em 0 0;}
#VideoDetails #LikeThis{float:right;width:190px;}
#VideoDetails #ShareLinks #Facebook{min-height:35px;}
#VideoDetails #Spinner{display:none;float:left;width:370px;padding:0 20px;}

/*  main    */
#Main{width:600px;margin:auto;}
#Main h1{margin:1em 0 0;font-size:2.4em;text-transform: uppercase;}
#Main h2{margin:2em 0 0;font-size:2.4em;text-transform: uppercase;}
#Main p{margin:1em 0;font-size:1.2em;}
#Main ol{margin:1em 0;font-size:1.2em;}

/*  footer  */
#Footer{border-top: 1px solid #e5e5e5;text-align: center;height:122px;margin:60px 0 25px 0;padding: 40px 0 0 0;}
#Footer #Logos{margin:0 0 25px;}
#Footer #Logos img{margin:0 15px;}
#Footer ul li{display:inline;margin:0 .5em 0 0;font-size:1.05em;}
#Footer ul li a{color:#4c4c4c;margin:0 .5em 0 0;}
#Footer ul li a:hover{color:#e2252f;}

/*  home page   */
body.home #Main #SubmitVideo {margin-top: 25px;text-align: center;}

/*  submit video page   */
body.submit-your-video{}
body.submit-your-video #Main h1{margin-top:2em;}
body.submit-your-video div.form{margin:1.2em 0 0 175px;}
body.submit-your-video div.form label{font-size:1.6em;float:left;text-align: right;width:120px;color:#7f7f7f;padding-top:6px;}
body.submit-your-video div.form div.text{margin:14px 0 0;}
body.submit-your-video div.form div.text input{float:left;-moz-border-radius:5px;width:184px;margin-left:20px;font-size:1.6em;height:22px;padding:8px 8px 7px;-webkit-border-radius:5px;}
body.submit-your-video div.form div.error input, body.submit-your-video div.form div.focus input{-moz-border-radius:5px 0 0 5px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;}
body.submit-your-video div.form input{background: #f9f9f9;border:1px solid #d4d4d4;}
body.submit-your-video div.form div.checkbox {margin:10px 0 0 136px;float:left;display:inline;}
body.submit-your-video div.form div.checkbox input{float:left;border:none;background: none;}
body.submit-your-video div.form div.checkbox label{font-size: 1.2em;float:left;text-align: left;width:310px;margin-left:5px;display:inline;padding:0;}
body.submit-your-video div.form div.submit {margin:22px 0 30px 120px;}
body.submit-your-video div.form div.submit input{cursor:pointer;color: #464646;height:37px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-left:20px;font-size:1.6em;padding:7px 15px 8px;background: #eaeaea;border-color: #404040;}
body.submit-your-video div.form div.text div.hint{display:none;font-size:1.2em;background: url(/img/hint-bg.gif) 13px center no-repeat #f3f3f3;border:1px solid #d4d4d4;float:left;height:22px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:5px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;padding:8px 13px 7px 29px;border-left:none;}
body.submit-your-video div.form div.focus div.hint{display:block;}
body.submit-your-video div.form span.note{margin:2px 0 0 140px;display:block;}
body.submit-your-video div.form p{margin:1em 0;font-size:1.2em;width:600px;}
body.submit-your-video div.form div.error input{border-color: #e2252f;}
body.submit-your-video div.form div.text div.error-message{-webkit-border-radius:5px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;font-size:1.2em;background: url(/img/error-bg.gif) 13px center no-repeat #ffd1d3;border:1px solid #d4d4d4;float:left;height:22px;-moz-border-radius:0 5px 5px 0;padding:8px 13px 7px 29px;border-left:none;}
body.submit-your-video div.form div.checkbox.terms-error{border: 1px solid #e2252f;padding:8px;-moz-border-radius:5px;-webkit-border-radius:5px;}
body.submit-your-video div.form div.checkbox.error-message{color:#e2252f;font-size: 1.2em;}
body.submit-your-video #Main ol {background:#f7f7f7;padding:8px 13px 3px 0;margin:1.5em 0;}
body.submit-your-video #Main ol li{padding:7px 0 5px 63px;min-height:33px;}
body.submit-your-video #Main ol li.one{background:url(/img/submit-numbers.gif) 13px top no-repeat;}
body.submit-your-video #Main ol li.two{background:url(/img/submit-numbers.gif) 13px -58px no-repeat;min-height:39px;}
body.submit-your-video #Main ol li.three{background:url(/img/submit-numbers.gif) 13px -117px no-repeat;}
body.submit-your-video #Main p img{float:right;}

/*  404 error page  */
body.error-404 #Main{height:280px;}

/*  about the bid page  */
body.about-the-bid #Main {width:740px;}
body.about-the-bid #Main h1{margin:2em 70px 0;}
body.about-the-bid #Main h2{margin:2em 70px 0;}
body.about-the-bid #Main h2.win {margin-top: 1.5em;}
body.about-the-bid #Main p{margin:1em 70px;}
body.about-the-bid #Main div{margin:2em 0;text-align: center;}
body.about-the-bid #Main #Influencers li{float:left;width:148px;text-align: center;margin:0 0 15px;}
body.about-the-bid #Main #Influencers li img{width:148px;display:block;margin:0 0 8px;}
body.about-the-bid #Main #Influencers li a{float:left;display: block;font-size:1.2em;font-weight: bold;}
body.about-the-bid #Main .lead-image {float: left;}
body.about-the-bid #Main .lead-copy {float: right; width: 280px; text-align: left; margin: 15px 0;}

/*  terms and conditions page   */
body.terms-and-conditions{}
body.terms-and-conditions #Main h1{margin-top:2em;}

/*  submit video thanks page   */
body.submit-thanks{}
body.submit-thanks #Main h1{margin-top:2em;}
body.submit-thanks #Main #WhileYouWait {background: #F7F7F7;margin: 30px 0 40px;padding: 16px 10px;width: 580px;}
body.submit-thanks #Main #WhileYouWait img {float: left;}
body.submit-thanks #Main #ShowYourSupport {background: #F7F7F7;width: 340px;margin: 0 auto;padding-top: 10px;}
body.submit-thanks #Main #ShowYourSupport h1 {margin: 0px 0 15px 0;text-align: center;}
body.submit-thanks #Main #ShowYourSupport #ShareTools {margin: 0 auto; padding: 0 0 15px 0;width: 260px;}
body.submit-thanks #Main #ShowYourSupport #ShareTools #Twitter {width: 70px;float: left;}
body.submit-thanks #Main #ShowYourSupport #ShareTools #Facebook {width: 190px;float: left;}


/*  terms and conditions page   */
body.terms-and-conditions #Main ol{list-style: decimal;font-size: 1em;}
body.terms-and-conditions #Main ol ol{list-style:lower-alpha;font-size: 1.2em;margin-left:2em;}
body.terms-and-conditions #Main ol ol ol{font-size:1em;list-style:lower-roman;margin-left:1.6em;}

