.ie8 body{background-color:#252525}
.ie8 #screenBackgroundContainer{position:absolute;width:100%}.ie8 #screenBackgroundContainer .content{position:relative;width:980px;height:600px;margin:0 auto}.ie8 #screenBackgroundContainer .content .color{position:relative;height:600px;width:980px;top:0;left:0}
.ie8 #screenBackgroundContainer .content .boat{position:relative;height:600px;width:auto;top:0;right:0}
.ie8 #allContent{position:relative;height:600px;width:980px;top:0px;margin:0 auto}
.ie8 #menuContent{width:600px}.ie8 #menuContent .title{font-size:24px}
.ie8 #menuContent .subTitle{font-size:14px}
.ie8 #menuContent #history_button{background-image:url(../img/historybuttonSmall.png);width:350px;height:351px;top:0;left:0}
.ie8 #menuContent #rules_button{background-image:url(../img/rulesbuttonSmall.png);width:233px;height:167px;right:0}
.ie8 #menuContent #winners_button{background-image:url(../img/winnersbuttonSmall.png);width:233px;height:167px;right:0;bottom:129px;top:auto}
.ie8 #menuContent #milestones_button{background-image:url(../img/milestonesbuttonSmall.png);width:600px;height:112px;left:0;right:0;bottom:0;top:auto;margin:auto}
.ie8 #winnersContent .content .contentScroller,.ie8 #capitainsContent .content .contentScroller,.ie8 #shipsContent .content .contentScroller{font-size:14px}
.ie8 #milestoneYearSelect,.ie8 #winnerYearSelect,.ie8 #milestoneCarousel,.ie8 #winnerCarousel,.ie8 #capitainYearSelect,.ie8 #shipYearSelect{overflow:auto}
.ie8 #shipYearSelect li{padding-left:1.6em;font-size:22px}
.ie8 #capitainYearSelect li{font-size:24px}
.ie8 .carouselPage .carouselContainer .carousel{font-size:18px;left:0px;right:0px}
.ie8 .carouselPage .carouselContainer .carousel .scroller{left:10px;right:10px}
.ie8 .carouselPage .carouselContainer .carousel .scroller li{font-size:28px;background-image:none;position:relative}.ie8 .carouselPage .carouselContainer .carousel .scroller li img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1}
.ie8 .carouselPage .carouselContainer .carousel .scroller li span{position:relative;z-index:2}
.ie8 .carouselPage .contentContainer .content .contentCarousel{overflow:auto}
.ie8 .carouselPage .contentContainer h1{font-size:17px}
.ie8 .carouselPage .contentContainer .content .contentCarousel .contentScroller{font-size:16px}
.ie8 #winnersContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon,.ie8 #capitainsContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon,.ie8 #shipsContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon{background-image:url("../images/cameraIconSmall.png");cursor:pointer;display:inline-block;width:63px;height:28px;left:1.5em;position:relative;top:-1em}
.ie8 .winnersFooter{font-size:18px}
.ie8 .videoContainer .video{top:50px}
.ie8 #cartePopup .popup .body{font-size:18px}
.ie8 #cartePopup .popup .body #countryScrollContainer{overflow:auto}
.ie8 #cartePopup .popup .title{font-size:18px}
.ie8 #cartePopup .popup .body .mapCountryTable{font-size:14px}
.ie8 #cartePopup .popup .body .bottomTable{font-size:14px}
.ie8 #rulesContainer #rulesScrollContainer .scrollContent .section .button.up{background-image:url("../images/rules_button_up_small.png")}
.ie8 #rulesContainer #rulesScrollContainer .scrollContent .section .button.down{background-image:url("../images/rules_button_down_small.png")}
.ie8 #rulesContainer #rulesScrollContainer .scrollContent .section .button{width:210px;height:67px}
.ie8 #rulesContainer #rulesScrollContainer{overflow:auto}
.ie8 #rulesContainer .title{font-size:14px}
.ie8 #rulesContainer #rulesScrollContainer .scrollContent .section{font-size:14px}
.ie8 #historyPopup #historyPagesSelector{overflow:hidden}
.ie8 #historyPopup #historyPagesContainer>li .paragraphs{overflow:auto}
.ie8 #historyPopup #historyPagesContainer>li .imageWrapper .images .image .glassIcon{background-image:url("../img/rules/magnifyingGlass_small.png")}
.ie8 #historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller .paragraph{font-size:16px}
.ie8 #historyPopup #historyPagesContainer>li.canne{background-image:url("../img/canePresentationIE8.png")}.ie8 #historyPopup #historyPagesContainer>li.canne .imageWrapper{display:none}
.ie8 #historyPopup #historyPagesContainer>li.canne .paragraphs .paragraphScroller .paragraph{font-size:14px;border-style:none;margin:3em 5% 0 0;padding:1em 1em 0.3em 1.5em}
.ie8 #historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph{font-size:16px;padding-top:1.5em}
.ie8 #historyPopup #historyPagesContainer>li.nameSelect #historyNameSelect .inputWrapper label{display:block;font-size:14px;font-weight:bold}
.ie8 #historyPresentDayPopup{font-size:14px}
.ie8 #historyQuiz{font-size:16px}
.ie8 #historyQuizQuestion{font-size:16px}.ie8 #historyQuizQuestion .questionMark{background-image:url("../img/questionMark_small.png")}
.ie8 #historyError{font-size:16px}.ie8 #historyError .cross{background-image:url("../img/cross_small.png")}
.ie8 #historySuccess{font-size:16px}.ie8 #historySuccess .check{background-image:url("../img/check_small.png")}
.carouselPage .carouselContainer{position:absolute;width:25%;height:100%;background:#084B8A}.carouselPage .carouselContainer .carousel{right:0;bottom:2.2em}@media only screen and (min-width:481px){.carouselPage .carouselContainer .carousel{font-size:12px}}@media only screen and (min-width:769px){.carouselPage .carouselContainer .carousel{font-size:14px}}@media only screen and (min-width:1025px){.carouselPage .carouselContainer .carousel{font-size:18px}}.carouselPage .carouselContainer .carousel .genericScrollbarV{right:4px}
.carouselPage .carouselContainer .carousel .scroller{width:auto;left:0%;right:15px;padding:0;color:white}
.carouselPage .carouselContainer .carousel .scroller li.empty{display:none}
#historyPopup{font-size:12px}@media only screen and (min-width:481px){#historyPopup{font-size:14px}}@media only screen and (min-width:769px){#historyPopup{font-size:18px}}@media only screen and (min-width:1025px){#historyPopup{font-size:20px}}#historyPopup .body{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}
#historyPopup .historyPreviousButton{background-color:#E1A550;-webkit-border-top-right-radius:1em;-webkit-border-bottom-right-radius:1em;-moz-border-top-right-radius:1em;-moz-border-bottom-right-radius:1em;border-top-right-radius:1em;border-bottom-right-radius:1em;bottom:1em;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;position:absolute;left:0;text-align:right;cursor:pointer;z-index:9999;line-height:2em}
#historyPopup .historyNextButton{background-color:#E1A550;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;bottom:1em;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;position:absolute;right:0;text-align:right;cursor:pointer;z-index:9999;line-height:2em}
.videoContainer .video{top:0px}
