/* Generic Styles START */
::selection{background-color:#8eb0c0;color:#fff;}
::-moz-selection{background-color:#8eb0c0;color:#fff;}
::-webkit-input-placeholder{color:#536066 !important;font-style:italic;}
:-moz-placeholder{color:#536066 !important;font-style:italic;}
::-moz-placeholder{color:#536066 !important;font-style:italic;}
:-ms-input-placeholder{color:#536066 !important;font-style:italic;}
ul:before, ul:after,.clear:before,.clear:after{content: " ";display:table;}
ul:after,.clear:after{clear:both;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
.lt-ie8 .userBarContent li,
.ie7 header .userBarContent li,
.ie6 header .userBarContent li{
    display:inline;
}
.lt-ie8 .footer,
.ie7 footer .footer,
.ie6 footer .footer{
    padding-bottom:0;
}
.lt-ie8 footer hr,
.ie7 footer hr,
.ie6 footer hr{
    height: 0px;
    border-top: 1px solid #4e402b;
}
.lt-ie8 .userBarContent > ul,
.ie7 header .userBarContent > ul,
.ie6 header .userBarContent > ul{
    position: relative;
    z-index: 1;
}
/* Multiple background fallbacks */
.lt-ie9 .primary>ul>li:last-child .dropdown,
.ie8 header .primary>ul>li:last-child .dropdown,
.ie7 header .primary>ul>li:last-child .dropdown,
.ie6 header .primary>ul>li:last-child .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/dropdownBack.jpg');
    background-repeat: repeat;
    background-position: top right;
}
.lt-ie9 .primary>ul>li .dropdown,
.ie8 header .primary>ul>li .dropdown,
.ie7 header .primary>ul>li .dropdown,
.ie6 header .primary>ul>li .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/dropdownBack.jpg');
}
.lt-ie9 .logo .dropdown,
.lt-ie9 .userBarContent > ul > li .dropdown,
.ie8 header .userBarContent > ul > li .dropdown,
.ie7 header .userBarContent > ul > li .dropdown,
.ie6 header .userBarContent > ul > li .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/playerMenuBack.jpg');
    background-repeat: repeat;
    background-position: 0 0;
}
.lt-ie9 .footer,
.ie8 footer .footer,
.ie7 footer .footer,
.ie6 footer .footer{
    background-image: url(https://www.runescape.com/img/rs3/background-footer.gif);
    z-index: -1;
}
.lt-ie8 .banner{
    overflow: hidden;
}
.ie7 .indexpage#legacy footer {
 position:relative;
 margin-top:-30px;
}
/* Generic Styles START */
footer h6{
    font-family:'cinzel';
    font-weight:normal;
}
.floatleft {
    float:left;
    display:inline;
}
.floatright {
    float:right;
    display:inline;
}
/* Generic Styles END */
.wrap{
    width:1000px;
    margin:0 auto;
}
/* Header START */
.header{background: #071b25 url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;box-shadow: 0 2px 3px black;position: relative;z-index: 50;}
.header__bg{background: url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) repeat-x center bottom;background: url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) no-repeat left top, url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) no-repeat right center, url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) repeat-x center bottom;border-top: 1px solid #39444b;}
.header{min-width: 1020px;}
.header:after{background: #39444b;bottom: -1px;content: '';height: 1px;position: absolute;width: 100%;}
.header__container{margin: auto;max-width: 1000px;}
.header-top{clear: both;display: none;font-size: 1.2em;line-height: 30px;overflow: hidden;}
.header-top__left{float: left;}
.header-top__profile{display: block;overflow: hidden;}
.header-top__player-figure{background: #393939;background: linear-gradient(#393939,#151515);border-radius: 50%;box-shadow: inset 0 0 5px 5px #141414, 0 0 5px 5px rgba(0,0,0,0.3);border: 1px solid #515557;float: left;height: 27px;margin: 0 7px 0 0;text-align: center;width: 27px;}
.header-top__player-avatar{margin-top: 1px;}
.header-top__name{color: #d7dbe1;float: left;font-family: 'cinzel';font-size: 1.2em;}
.header-top__profile:hover .header-top__player-figure{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-top__profile:hover .header-top__name{color: #e1bb34;}
.header-top__not-member{color: #a9acad;margin-left: 20px;}
.header-top__not-member:hover{color: #a9acad;}
.header-top__not-member:hover .header-top__not-member-span{color: #fff2c5;}
.header-top__not-member-span{color: #e1bb34;}
.header-top__not-member--icon{margin-left: 0;padding-left: 25px;position: relative;}
.header-top__not-member--icon:before{background: url(https://www.runescape.com/img/rs3/global/header.png) no-repeat 0 0;content: '';height: 18px;left: 0;position: absolute;top: 0;width: 20px;}
.header-top__not-member--icon:hover:before{background-position: 0 -28px;}
.header-top__right{float: right;line-height: 30px;}
.header-top__right-option{float: left;padding: 0 10px;position: relative;}
.header-top__right-option:after{background: black;border-right: 1px solid #444;content: '';height: 50%;position: absolute;right: 0;top: 25%;width: 1px;}
.header-top__right-option:last-child:after{display: none;}
.header-top__right-link{color: #a9acad;}
.header-top__right-link:hover{color: #e1bb34;}
.header-top__right-link--signin{color: #e1bb34;}
.header-top__right-link--signin:hover{color: #fff2c5;}
.header-top__right-link--signout{color: #a9acad;}
.header-top__right-link--signout:hover{color: #e1bb34;}
.header-second{clear: both;font-size: 1.5em;line-height: 25px;min-height: 59px;position: relative;}
.header-second__logo{display: block;margin: auto;width: 141px;}
.header-second__logo:hover{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-second__logo-image{margin-top: 7px;vertical-align: middle;}
.header-second__figure{background: #393939;background: linear-gradient(#393939,#151515);border-radius: 50%;box-shadow: inset 0 0 5px 5px #141414, 0 0 5px 5px rgba(0,0,0,0.3);border: 1px solid #515557;height: 56px;position: absolute;right: 0;text-align: center;top: 0;width: 56px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.header-second__figure:hover .header-second__figure-image{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-second__figure-image{margin-top: 6px;}
.main-nav{left: 0;position: absolute;width: 100%;}
.main-nav:before{color: #e1bb34;content: '\2261';cursor: pointer;font-size: 4em;height: 72px;left: 0;line-height: 65px;position: absolute;top: -54px;width: 72px;}
.main-nav:hover:before{color: #fff2c5;}
.main-nav__list{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;margin-top: 11px;}
.main-nav__item{background: url(https://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat -1px 0;display: none;font-size: 1.3em;padding: 16px;position: relative;}
.main-nav__item:after{background: black;border-bottom: 1px solid #1e313c;bottom: 0;content: '';height: 1px;left: 0;position: absolute;width: 100%;}
.main-nav__item--expand{padding: 20px 20px 0;}
.main-nav__item--play:after{display: none;}
.main-nav--show .main-nav__item{display: block;}
.main-nav__heading{color: #e1bb34;display: block;font-family: 'cinzel';}
.main-nav__heading:hover{color: #fff2c5;}
.main-nav__expander{float: right;height: 30px;position: relative;width: 30px;}
.main-nav__expander:before{background: black;border-right: 1px solid #1e313c;content: '';height: 100%;left: -10px;position: absolute;top: 0;width: 1px;}
.main-nav__expander:after{border-color: #e1bb34 transparent transparent transparent;border-style: solid;border-width: 12px 10px;content: '';left: 0;position: absolute;top: 6px;}
.main-nav__item--expand .main-nav__expander:after{border-color: transparent transparent #e1bb34 transparent;top: -6px;}
.main-nav__item--group:hover .main-nav__expander:after{border-color: #fff2c5 transparent transparent transparent;}
.main-nav__item--group:hover .main-nav__heading{color: #fff2c5;}
.main-nav__group{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;display: none;font-size: 0.9em;line-height: 24px;z-index: 1;}
.main-nav__item--expand .main-nav__group{display: block;}
.main-nav__group-item{color: #d7dbe1;font-family: 'MuseoSans';font-size: 0.8em;position: relative;}
.main-nav__group-item:after{background: black;border-bottom: 1px solid #1e313c;bottom: 0;content: '';height: 1px;left: 0;position: absolute;width: 100%;}
.main-nav__group-item-link{color: #d7dbe1;display: block;height: 26px;padding: 12px 10px 8px;position: relative;z-index: 1;}
.main-nav__group-item-link:visited{color: #d7dbe1;}
.main-nav__group-item:hover .main-nav__group-item-link{color: #e1bb34;}
.main-nav__group-item:hover:before{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header__login{display: none;}


 .main-nav__item--play{background: url(https://www.runescape.com/img/rs3/global/header_play.jpg) repeat-x 0 0;border-top: 1px solid #f8e68d;border-bottom: 1px solid #633702;border-right: none;display: block;font-size: 1.7em;height: 60px;position: absolute;right: 0;top: -49px;z-index: 2;}
 .main-nav__item--play .main-nav__heading{color: black;padding: 3px 19px 0 0;position: relative;}
 .main-nav__item--play .main-nav__heading:after{border-color: transparent transparent transparent black;border-style: solid;border-width: 5px 8px;content: '';right: 9%;position: absolute;top: 44%;}
 .de .main-nav__item--play .main-nav__heading:after, .es .main-nav__item--play .main-nav__heading:after{right: 0%;}
 .header-second__figure{display: none;}


 .header-top{display: block;}
 .main-nav__item--account{display: none;}


 .header-table{display: table;width: 100%;}
 .header-second__logo{display: table-cell;vertical-align: middle;width: 160px;}
 .header-second__logo-image{margin-top: 0;}
 .main-nav{display: table-cell;position: relative;vertical-align: top;width: auto;}
 .main-nav:before{display: none;}
 .main-nav__list{background: transparent;float: left;height: 59px;margin-top: 0;vertical-align: middle;width: 100%;}
 .main-nav__item{border-left: 1px solid #39444b;border-right: 1px solid black;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;float: left;line-height: 57px;padding: 0;text-align: center;vertical-align: middle;white-space: nowrap;}
 .main-nav__item:hover{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;box-shadow: inset 0 0 8px 3px black;}
 .main-nav__item--play:hover{background: url(https://www.runescape.com/img/rs3/global/header_play_hover.jpg) repeat-x 0 0;box-shadow: none;}
 .cssfilters .main-nav__item--play:hover{background: url(https://www.runescape.com/img/rs3/global/header_play.jpg) repeat-x 0 0;-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
 .main-nav__item--account{display: none;}
 .main-nav__item--game{width: 19%;}
 .main-nav__item--news{width: 12%;}
 .main-nav__item--community{width: 19%;}
 .main-nav__item--shop{width: 13%;}
 .main-nav__item--play{border-right: none;position: relative;top: 0;width: 22%;}
 .main-nav--show .main-nav__item{display: table-cell;}
 .main-nav--show .main-nav__item--account{display: none;}
 .main-nav__item:after{display: none;}
 .main-nav__heading{font-size: 0.8em;padding-top: 3px;}
 .fr .main-nav__heading{font-size: 0.7em;}
 .main-nav__item--group .main-nav__heading{padding-right: 13px;}
 .main-nav__expander:before{display: none;}
 .main-nav__expander{clear: both;height: 20px;position: absolute;right: 3%;top: 34%;width: 20px;}
 .main-nav__expander:after{border-width: 6px 5px;top: 9px;}
 .de .main-nav__item--game .main-nav__expander:after, .fr .main-nav__item--shop .main-nav__expander:after, .pt .main-nav__item--game .main-nav__expander:after, .es .main-nav__item--game .main-nav__expander:after{left: 11px;}
 .main-nav__group{border: 1px solid #39444b;position: absolute;left: -1px;min-width: 200px;text-align: left;top: 59px;width: 100%;}
 .main-nav__item--group:hover .main-nav__group{display: block;}
 .main-nav__group-item--shop{position: relative;}
 .fr .main-nav__group-item--shop, .pt .main-nav__group-item--shop, .es .main-nav__group-item--shop{font-size: 0.6em;}
 .main-nav__group-item--shop .main-nav__group-item-link{padding-left: 55px;}
 .main-nav__item--shop .main-nav__expander{right: 7%;}
 .main-nav__group-item--shop:before{background: url(https://www.runescape.com/img/rs3/global/header.png) no-repeat 0 0;content: '';height: 30px;left: 13px;position: absolute;top: 8px;width: 30px;z-index: 0;}
 .main-nav__group-item--shop-membe:before{background-position: 0px -56px;}
 .main-nav__group-item--shop-solom:before{background-position: 0px -96px;}
 .main-nav__group-item--shop-treas:before{background-position: 0px -136px;}
 .main-nav__group-item--shop-bonds:before{background-position: 0px -176px;}
 .main-nav__group-item--shop-loyal:before{background-position: 0px -216px;}
 .main-nav__group-item--shop-cards:before{background-position: 0px -256px;}
 .main-nav__group-item--shop-merch:before{background-position: 0px -296px;}

/*IE OVERIDES - no need to support responsive in less than IE10*/
.lt-ie8 .header-second__logo{display: block;float: left;}
.lt-ie8 .main-nav{display: block;float: left;width: 80%;}
.lt-ie8 .main-nav__list{width: 900px;}
.lt-ie8 .main-nav__item{width: 15%;}
.lt-ie8 .header-second__logo-image{margin-top: 8px;}
/* Header END */
/* Button Styles START*/


/* Generic Button START */

.btnWrap{
    margin-top:20px;
}
.btnWrap--inline{
 display: inline-block;
}
.lt-ie8 .advantage .btnWrap,
.lt-ie8 .advantage p{
    display: inline-block;
}
.lt-ie8 .advantage .btnWrap{
    top: 15px;
    margin-top: 0;
}
.lt-ie8 .galleryWrap .flex-direction-nav {
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lt-ie8 .galleryWrap .flex-direction-nav li {
    width: 100%;
    top: 50%;
}
.lt-ie8.no-borderimage .greyFrame>.tl.corner,
.lt-ie8.no-borderimage .greyFrame>.tr.corner{
    top: 0;
}
.lt-ie8.no-borderimage .greyFrame>.bl.corner,
.lt-ie8.no-borderimage .greyFrame>.br.corner{
    top: auto;
}
.btn{
    display:inline-block;
    color:#000;
    font-family:'cinzel';
    font-size:1.4em;
    height:46px;
    background: transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) no-repeat 0 0;
    padding-left:10px;
    text-shadow:1px 1px 2px #ecc622;
}
.btn a, .btnRight{
    color:#000;
    display:block;
    background:transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) no-repeat right -203px;
    padding-right:12px;
    cursor:pointer;
}
.btnRight{
    height:38px;
    float: left;
}
.btn span, .btn input[type="submit"], .btn button{
    display:block;
    background:transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) repeat-x 0 -102px;
    padding:14px 10px 0;
    height:32px;
    cursor:pointer;
    white-space: nowrap;
    outline:0;
}
.less .btn span:before {
    content:'';
    display:inline-block;
    width:20px;
    height:11px;
    margin-left:0px;
    background:transparent url(https://www.runescape.com/img/rs3/_sprite/btn-arrow-left.png) no-repeat  0 0;
}
.more .btn span:after,.more .btnRight:after{
    content:"";
    display:inline-block;
    margin-left:8px;
    border-top:solid 5px transparent;
    border-bottom:solid 5px transparent;
    border-left:solid 7px #000;
}
.more .btnRight{
 position:relative;
}
 .more .btnRight:after{
  position:absolute;
  top:15px;
  right:20px;
 }
.showMore .btn span:after{
    content:'';
    display:inline-block;
    margin-left:8px;
    background: transparent url(https://www.runescape.com/img/rs3/arrow-show-more.png) no-repeat 0 2px;
    width:9px;
    height:11px;
}
.btn input[type="submit"], .btn button{
    border:none;
    font-family:'cinzel';
    height:38px;
    margin:0;
    cursor:pointer;
    padding-top:4px;
    height:41px;
    outline:0;
}
.btn:focus input[type="submit"], .btn input[type="submit"]:focus, .btn:focus button,  .btn button:focus{
 outline:0;
}
.btn:hover{
    background-position: 0 -51px;
}
.btn:hover a, .btn:hover .btnRight{
    background-position: right -254px;
    color:#000;
}
.btn:hover span, .btn:hover input[type="submit"], .btn:hover button{
    background-position:0 -153px;
}
/* Generic Button END */
/* Blue Button START */
.btnWrap.blue .btn,
.btnWrap.yellow .btn,
.btnWrap.green .btn {
 padding-left: 12px;
}
.btnWrap.blue .btn,
.btnWrap.blue .btn a,
.btnWrap.blue .btn .btnRight,
.btnWrap.blue .btn span,
.btnWrap.blue .btn input[type="submit"],
.btnWrap.blue .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-blue.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.yellow .btn,
.btnWrap.yellow .btn a,
.btnWrap.yellow .btn .btnRight,
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"]
.btnWrap.yellow .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-yellow.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.green .btn,
.btnWrap.green .btn a,
.btnWrap.green .btn .btnRight,
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"]
.btnWrap.green .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-green.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.blue .btn:hover,
.btnWrap.yellow .btn:hover,
.btnWrap.green .btn:hover {
 background-position: 0 -46px;
}
.btnWrap.blue .btn a,
.btnWrap.blue .btn .btnRight,
.btnWrap.yellow .btn a,
.btnWrap.yellow .btn .btnRight,
.btnWrap.green .btn a,
.btnWrap.green .btn .btnRight {
 background-position: right -184px;
}
.btnWrap.blue .btn:hover a,
.btnWrap.blue .btn:hover .btnRight,
.btnWrap.yellow .btn:hover a,
.btnWrap.yellow .btn:hover .btnRight,
.btnWrap.green .btn:hover a,
.btnWrap.green .btn:hover .btnRight {
 background-position: right -230px;
}
.btnWrap.blue .btn span,
.btnWrap.blue .btn input[type="submit"],
.btnWrap.blue .btn button,
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"],
.btnWrap.yellow .btn button,
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"],
.btnWrap.green .btn button {
 background-position: 0 -92px;
 background-repeat: repeat-x;
 text-shadow: 1px 1px 1px #27b9ce;
 font-weight: 700;
}
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"],
.btnWrap.yellow .btn button {
 text-shadow: 1px 1px 1px #ffe822;
}
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"],
.btnWrap.green .btn button {
 text-shadow: 1px 1px 1px rgba(183,224,79,0.8);
}
.btnWrap.blue .btn:hover span,
.btnWrap.blue .btn:hover input[type="submit"],
.btnWrap.blue .btn:hover button,
.btnWrap.yellow .btn:hover span,
.btnWrap.yellow .btn:hover input[type="submit"],
.btnWrap.yellow .btn:hover button
.btnWrap.green .btn:hover span,
.btnWrap.green .btn:hover input[type="submit"]
.btnWrap.green .btn:hover button {
 background-position: 0 -138px;
}
/* Blue Button END */

/* Button Styles END*/
/* Lightbox START */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin{
    position: relative;
    text-shadow: none;
}
.fancybox-opened{
    z-index: 8030;
}
.fancybox-outer, .fancybox-inner{
    position: relative;
}
.fancybox-inner{
    overflow: visible;
}
.fancybox-error{
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe{
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image{
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
    background-image: url(https://www.runescape.com/img/rs3/lightbox/fancybox_sprite.png);
}
#fancybox-loading{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div{
    width: 44px;
    height: 44px;
    background: url(https://www.runescape.com/img/rs3/lightbox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close{
    background-image: url(https://www.runescape.com/img/rs3/lightbox/video-bg-hover.png);
    height: 31px;
    position: absolute;
    right: -36px;
    top: -22px;
    width: 31px;
    z-index: 8040;
}
.fancybox-close:hover {
    background: url(https://www.runescape.com/img/rs3/lightbox/video-bg-hover.png) no-repeat scroll top right transparent;
}
.loginFancyBoxGame .fancybox-close{
    display: none;
}
.fancybox-nav{
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(https://www.runescape.com/img/rs3/lightbox/blank.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev{
    left: 0;
}
.fancybox-next{
    right: 0;
}
.fancybox-nav span{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span{
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span{
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span{
    visibility: visible;
}
.fancybox-tmp{
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock{
    overflow: hidden;
}
.fancybox-overlay{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(https://www.runescape.com/img/rs3/lightbox/fancybox_overlay.png);
}
.fancybox-overlay-fixed{
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay{
    overflow: auto;
}
.fancybox-title{
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title{
    visibility: visible;
}
.fancybox-title-float-wrap{
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child{
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap{
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap{
    padding-top: 10px;
}
.fancybox-title-over-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
.fancybox-outer .outerCorner {
    background: url(https://www.runescape.com/img/rs3/lightbox/video-bg.png);
    position: absolute;
    height: 100%;
    width: 70%;
    max-height: 630px;
}
.fancybox-outer .outerCorner.tr {
    background-position: right top;
}
.fancybox-outer .outerCorner.bl {
    background-position: left bottom;
}
.fancybox-outer .outerCorner.br {
    background-position: right bottom;
}
.fancybox-outer .outerCorner.tl,
.fancybox-outer .outerCorner.tr {
    top: -47px;
}
.fancybox-outer .outerCorner.tl,
.fancybox-outer .outerCorner.bl {
    left: -30px;
}
.fancybox-outer .outerCorner.tr,
.fancybox-outer .outerCorner.br {
    right: -60px;
}
.fancybox-outer .outerCorner.bl,
.fancybox-outer .outerCorner.br {
    bottom: -30px;
}
/* Lightbox END */
/* Footer START */
.footer {
 background: url(https://www.runescape.com/img/rs3/parchment.jpg);
 position:relative;
    overflow:visible;
    z-index:15;
    display: block;
    margin-top: -172px;
}
#legacy .footer {
 margin-top: 0px;
}
.footer:before, footer:after {
 content: '';
 display: block;
 background: transparent url(https://www.runescape.com/img/rs3/large_break.jpg) repeat-x 0 0;
 clear:both;
}
.footer:before {
 height: 52px;
 -webkit-box-shadow:0px -4px 15px #000;
    -moz-box-shadow:0px -4px 15px #000;
    box-shadow:0px -4px 15px #000;
}
.footer:after {
 box-shadow: inset 0px 5px 55px -10px #000;
    -webkit-box-shadow: inset 0px 5px 55px -10px #000;
    -moz-box-shadow: inset 0px 5px 55px -10px #000;
    height: 10px;
}
.footer__inner {
 max-width: 1000px;
 margin: 10px auto;
 padding: 20px 10px 70px;
}
.footer__jagex{
    display:block;
    text-indent:-9999px;
    background:transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -462px 0;
    width:140px;
    height:31px;
    float:left;
    margin: 10px 35px 10px 0;
}
.footer__paragraph{
    color:#2b1e0a;
    font-size:1.1em;
    max-width:460px;
    float:left;
    font-family: 'MuseoSans';
    padding: 5px 0;
}
@media (min-width: 45em) {
  .footer__paragraph {
    border-left: 1px solid #867458;
    padding: 5px 20px;
  }
}
.footer__paragraph__link{
    color:#2B1E0A;
    text-decoration:underline;
}
.footer__paragraph__link:hover{
    color:#876430;
}

.ageWarning {
 position: absolute;
 right: 109px;
 top: -8px;
}

input.text,input.password {
    background-color: #010709;
    border: 1px solid #355563;
    color: #aed0e0;
    border-radius: 6px;
    padding:10px 12px;
    font-family: 'MuseoSans';
    font-size: 1.55em;
}
input.text:focus,input.password:focus {
    background:#062127;
    outline:none;
}
.LoginForm input.text, .LoginForm input.password {
    width: 307px;
    margin: 12px 0 0;
    padding: 16px 14px 10px;
}
.social__follow, .social__list { float:left; list-style: none; }
.social__list { margin: 10px 0;}
.social--share .social__list { margin: 2px 0; }
.social__list__item { float:left; margin-left: 5px; }
.social--homepage .social__list { margin: 20px;}
.social--homepage .social__list__item { float:left; margin-left:10px; }
.social__item__link{ display:block; text-indent:-9999px; background:transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -1300px 0; width:42px; height:40px; }
.social__item__link:hover{ background-position: -1352px 0; }
.social__list__item--twitter .social__item__link{ background-position: -1716px 0; }
.social__list__item--twitter .social__item__link:hover{ background-position: -1768px 0; }
.social__list__item--youtube .social__item__link{ background-position: -1820px 0; }
.social__list__item--youtube .social__item__link:hover{ background-position: -1872px 0; }
.social__list__item--google .social__item__link{ background-position: -1404px 0; }
.social__list__item--google .social__item__link:hover{ background-position: -1456px 0; }
.social__list__item--rss .social__item__link{ background-position: -1612px 0; }
.social__list__item--rss .social__item__link:hover{ background-position: -1664px 0; }
.social__list__item--reddit .social__item__link{ background-position: -1508px 0; }
.social__list__item--reddit .social__item__link:hover{ background-position: -1560px 0; }
.language { float: right; margin: 10px 0; display: inline-block; background-color: #252525; border: solid 1px #5e5e5e; padding: 3px 25px 3px 5px; position: relative; -moz-box-shadow: inset 0 0 3px 2px #000; -webkit-box-shadow: inset 0 0 3px 2px #000; box-shadow: inset 0 0 3px 2px #000; border-radius: 2px; -moz-border-radius: 2px; position: relative; }
.language:after { content: ''; display: block; width: 26px; height: 30px; background: transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat 0 0; position: absolute; right: 0; top: 0; }
.language:hover:after { background-position: -38px 0; }
.language__inner { overflow: hidden; width: 37px; position: relative; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; -ms-transition: width 0.5s ease; transition: width 0.5s ease; }
.language:hover .language__inner, .language__list { width: 205px; }
.language--footer.language:hover .language__inner, .language--footer .language__list { width: 245px; }
.language__item__link, .language__item__span { display: block; background: transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -286px 0; text-indent: -9999px; width: 34px; height: 22px; position: relative; }
.language__item__link:before, .language__item__link:after, .language__item__span:before, .language__item__span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-box-shadow: inset 0 0 10px 1px #000; -webkit-box-shadow: inset 0 0 10px 1px #000; box-shadow: inset 0 0 10px 1px #000; }
.language__list__item--de .language__item__link, .language__list__item--de .language__item__span { background-position: -242px 0; }
.language__list__item--fr .language__item__link, .language__list__item--fr .language__item__span { background-position: -374px 0; }
.language__list__item--pt .language__item__link, .language__list__item--pt .language__item__span { background-position: -418px 0; }
.language__list__item--es .language__item__link, .language__list__item--es .language__item__span { background-position: -330px 0; }
.language__list__item { float: left; margin-left: 5px; border: solid 1px #5c5c5c; }
.language__list__item:first-child { margin-left: 0; }
/* Footer END */
body.weblogin {
     background:#000 url("https://www.runescape.com/img/rs3/global/login/background-weblogin.jpg?1") no-repeat top center;
}
.loginPanel{
    padding-bottom:10px;
    overflow: hidden;
    position:relative;
}
.logoutPanel {
    background: url("https://www.runescape.com/img/rs3/global/login/logoutBack.png") no-repeat scroll 0 0 transparent;
    height: 362px;
    overflow: hidden;
    width: 462px;
    position:relative;
}
div.login{
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: block;
}
div.logout {
    margin: 90px 66px 0 58px;
}
.weblogin .ModalContain a.fauxHomeLink{
    display:block;
    width:31px;
    height:32px;
    position:absolute;
    right: 18px;
    top: 55px;
    background: url("https://www.runescape.com/img/rs3/_sprite/close.png") no-repeat 0 0;
    opacity:0;
    transition: opacity 0.5s ease 0s;
}
.weblogin .ModalContain .fbLogout a.fauxHomeLink {
 top:57px;
}
.weblogin .ModalContain a.fauxHomeLink:hover{
    opacity: 1;
    transition: opacity 0.5s ease 0s;
}
.weblogin .failLinks {
 margin:20px 0;
}
.weblogin .failLinks .btn span {
 text-align:center;
 width:173px;
}
.de.weblogin .failLinks .btn span {
 width:195px;
}
.fr.weblogin .failLinks .btn span, .es.weblogin .failLinks .btn span {
 width:215px;
}
.pt.weblogin .failLinks .btn span {
 width:165px;
}
.lt-ie8 .weblogin .failLinks .btn span {
 width:auto;
}
a.recover, a.create{
    font-family: 'MuseoSans';
    clear: right;
    float: right;
    font-size: 1.44em;
    color: #8eb0c0;
}
.axesoCreate {
 text-align:center;
 margin-bottom:15px;
}
.axesoCreate a.create {
 float:none;
}
.es a.recover, .es a.create {
 font-size:1.3em;
}
.login label {
    font-family: 'MuseoSans';
    font-size: 1.44em;
    color: #8eb0c0;
    padding-right:5px;
}
a:hover.recover, a:hover.create{
    color: #e1bb34;
}
a.recover{
    margin-top: 25px;
}
a.create{
    margin-top: 2px;
}
.weblogin .modalWrapper {
 margin:0 auto;
 width:460px;
 padding-top:165px;
}
.weblogin .ModalContain{
    width:461px;
    margin:0 auto;
    padding-top:165px;
    position:relative;
}
.weblogin .ticketingExtraInfo {
    background: black;
    border: 1px solid #252525;
    border-radius: 5px 5px 5px 5px;
    margin: 15px auto;
    padding: 10px;
    width: 94%;
    text-align:center;
    font-size: 1.6em;
}
.weblogin .homeLink {
    text-align:center;
    width:50%;
    margin:15px auto;
}
.weblogin .logout p {
    font-size:1.44em;
    margin-bottom:12px;
    font-family:'MuseoSans'
}
.js .descTrigger {
 display:inline;
    cursor:pointer;
    background:url(https://www.runescape.com/img/rs3/_sprite/smallArrowDown.png) no-repeat center right;
    padding-right:30px;
}
.js .descTrigger.descTriggerOpen {
 background:url(https://www.runescape.com/img/rs3/_sprite/smallArrowUp.png) no-repeat center right;
}
#legacy .descTrigger {
 color: #E1BB34;
    font-family: 'cinzel';
    font-weight: normal;
    font-size:1.6em;
}
.js .hiScoreDescription {
 display:none;
 margin-top:10px;
}
.descOuter {
 margin-top:10px;
}
/* Legacy pages showing incorrect font size on login popup */
#legacy .loginPanel{
    font-size:80%;
    line-height: 1.5em;
}
/* Make the login button wider at Lee's request */
div.login .btn span, .btn input[type="submit"]{
    padding: 0 24px;
}
.alternative{
    border-top: 1px solid #355563;
}
.loginPanel section.alternative h4, .loginPanel h4.alternateHeader {
 font-family: 'cinzel';
}
.alternative h4, .loginPanel h4.alternateHeader{
    padding-top: 20px;
    font-size: 1.6em;
    color:#b2dbee;
}
.loginPanel h4.alternateHeader {
 padding-bottom:20px;
}
.fr .alternative h4{
    font-size: 2em;
}
.alternative p{
    font-size: 1.4em;
}
.alternative .facebookLogin{
    background:transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1730px;
    display: block;
    height: 46px;
    text-indent: -9999px;
    width: 45px;
    margin-top: 14px;
}
.alternative .facebookLogin:hover{
    background-position:0 -1786px
}
#SocialNetworkingLogin{
    margin: 12px 0 0 -4px;
}
/* This is the override for our login panel. */
.loginFancyBox .fancybox-close,.loginFancyBoxFB .fancybox-close{
    position: absolute;
    top: 102px;
    right: 29px;
    width: 31px;
    height: 32px;
    cursor: pointer;
    z-index: 8040;
    background: transparent url(https://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
    opacity: 0.0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.loginFancyBox a.fancybox-close:hover,
.loginFancyBoxFB a.fancybox-close:hover{
    opacity: 1; filter: alpha(opacity=100);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
/* This is a style for the blue message boxes.*/
 body.modal{
     background:#000 url("https://www.runescape.com/img/rs3/global/login/background-weblogin.jpg") no-repeat top center;
}
.modal .modalWrapper {
 position:absolute;
 left:50%;
 margin-left:-230px;
 width:460px;
 padding-top:165px;
}
.messageBox,
.messageBox .topPart,
.messageBox .bottomPart {
    background: url(https://www.runescape.com/img/rs3/global/messageBoxBg.png?1) no-repeat scroll 0 0 transparent;
}
.messageBox .topPart.noClose {
 background-position: -1371px 0;
}
.messageBox {
    background-repeat: repeat-y;
    background-position: -463px 0;
    margin: 141px 0 0;
    position: relative;
    width: 460px;
}
.messageBox .topPart,
.messageBox .bottomPart {
    height: 141px;
    left: 0;
    position: absolute;
    width: 100%;
}
.messageBox .topPart {
    bottom: auto;
    top: -141px;
    margin-top: 30px;
    height: 141px;
    width: 100%;
}
.messageBox .topPart h1 {
    left: 57px;
    position: absolute;
    top: -5px;
    
 font-size: 86px;
 line-height: 86px;
}
.messageBox .topPart h1:before {
 background: url('https://www.runescape.com/img/rs3/global/messageBoxDetail.png') no-repeat 0 0;
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    top: 41px;
    width: 22px;
}
.messageBox .bottomPart {
    background-position: -926px -29px;
    bottom: -20px;
    top: auto;
}
.messageBox .middlePart {
    min-height: 150px;
    padding: 0 57px;
    position: relative;
    top: -20px;
    z-index: 2;
}
.messageBox  .messageBoxContentStyling h2 {
 padding-bottom:15px;
 border-bottom:1px solid #000;
}
.messageBox  .messageBoxContentStyling h3 {
 color:#b2dbee;
 margin-bottom:15px;
 font-size:1.8em;
 border-top:1px solid #1E313C;
 padding-top:15px;
}
.messageBox .messageBoxContentStyling p.errorMessage {
    width: 91%;
    color:#e1bb34;
}
.messageBox  .messageBoxContentStyling p {
 color:#d7dbe1;
 font-size: 1.5em;
 margin-bottom:10px;
}
.messageBox .messageBoxContentStyling input.text {
 margin: 6px 0;
 padding: 16px 14px 10px;
 width:90%;
}
.messageBox  .messageBoxContentStyling p.smaller {
 font-size:1.2em;
}
.messageBox .messageBoxContentStyling .btnWrap {
 margin-top:20px;
}
.messageBox .fauxClose {
    display: block;
    font-size: 0;
    height: 30px;
    position: absolute;
    right: 14px;
    top: 57px;
    width: 30px;
    background: transparent url(https://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
    opacity: 0.0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.messageBox .fauxClose:hover {
    opacity: 1; filter: alpha(opacity=100);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
/* This is a style for error messages. */

.inputBoxContainer {
    position: relative;
}
.errorBubble {
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 146px;
    right: -35px;
    top: 0;
}
.errorBubble .topBox {
    background: url(https://www.runescape.com/img/global/error/errorTop.png) no-repeat scroll right top transparent;
    height: 9px;
}
.errorBubble .middleBox {
    background: url(https://www.runescape.com/img/global/error/errorMiddle.png) no-repeat scroll right top transparent;
    overflow: hidden;
    padding: 0 16px 0 21px;
    text-align: left;
}
.errorBubble .bottomBox {
    background: url(https://www.runescape.com/img/global/error/errorBottom.png) no-repeat scroll right top transparent;
    height: 14px;
}
/* These styles are for alternative login methods -*/
ul.alternativeLogin  {
    list-style: none;
    margin-left: 0;
}
.alternativeLogin li a {
    display: block;
    height: 46px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 45px;
}
.alternativeLogin li {
    float: left;
}
.alternativeLogin li a.facebookLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-facebook.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.googleLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-google.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-gamerica.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.axeso5Login {
    background: url(https://www.runescape.com/img/rs3/global/login/axeso5-login.png) no-repeat scroll 0 0 transparent;
    width:348px;
    height:94px;
    margin-top:6px;
}
.alternativeLogin li a.axeso5Login:hover {
 background-position: -348px 0;
}
.alternativeLogin li a.facebookLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-facebook-hover.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.googleLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-google-hover.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-gamerica-hover.png) no-repeat scroll 0 0 transparent;
}

.languageOpen {
 margin: auto;
 width: 195px;
}
 .languageOpen ul li {
 float: left;
 display: block;
}
 .languageOpen ul li span,
 .languageOpen ul li a {
 background: url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat scroll 0 -985px transparent;
 height: 22px;
 width: 34px;
 text-indent: -9999px;
 position: relative;
 display: block;
 margin-right: 3px;
 border: 1px solid rgba(255,255,255,0.4);
 }
.languageOpen .fr a, .languageOpen .fr span {
 background-position: 0 -1081px;
}
.languageOpen .de a, .languageOpen .de span {
 background-position: 0 -953px;
}
.languageOpen .pt a, .languageOpen .pt span {
 background-position: 0 -921px;
}
.languageOpen .es a, .languageOpen .es span {
 background-position: 0 -1049px;
}
/*
 *
 *  GAME OPTIONS
 *
 */



#deployJavaPlugin {
 display: none;
}
body.gamePage {
    background: black;
}
body.gamePage.noPref {
    background: url(https://www.runescape.com/img/rs3/splash/runescape-vista.jpg) no-repeat scroll center 0 black;
}
.gamePage.iframe .messageBox, .gamePage.iframe .noScriptBox {
    top: 0;
}
.gamePage .messageBox.noScriptBox {
    display: block;
    margin: auto;
}
.gamePage #chromeWarning,
.gamePage #chromeVersionWarning {
    display: none;
}

.gameOptionLock body {
 overflow: hidden;
}
.gameFlowOverlay a.textlink {
 color: blue;
 font-size: 1.4em;
 text-decoration: underline;
 font-family: 'MuseoSans';
 display: block;
 margin-top: 15px;
}
.gameFlowOverlay a.textlink:hover {
 text-decoration: none;
}
.gameOptionLock .gameFlowOverlay {
 overflow-y: scroll;
}
.lt-ie8.gameOptionLock .gameFlowOverlay {
 overflow: hidden;
}
.gamePage .gameFlowOverlay .backdrop {
 background: url(https://www.runescape.com/img/rs3/game/backdrop.jpg) no-repeat center 0 black;
 width: 100%;
 height: 100%;
 left: 0;
 position: absolute;
}
.lt-ie8 .gameFlowOverlay .backdrop {
 padding: 0;
 margin: 0;
 display: none;
}
.gameFlowOverlay h1,
.gameFlowOverlay h2,
.gameFlowOverlay h4,
.gameFlowOverlay p,
.gameFlowOverlay div,
.gameFlowOverlay strong {
 color: #071b25;
 text-align: center;
}
.gameFlowOverlay h1 {
    font-size: 3.5em;
}
.gameFlowOverlay .chromeDownload h1,
.gameFlowOverlay .runescapeInstall h1 {
 color: white;
}
.gameFlowOverlay .chromeDownload h1 .h1Smaller,
.gameFlowOverlay .runescapeInstall h1 .h1Smaller {
 color: black;
}
.gameFlowOverlay .wrapper {
 width: 1100px;
 margin: 70px auto 0;
 position: relative;
}
#gamePage .gameFlowOverlay .wrapper {
 display: block;
}
#gamePage .loader {
 position: absolute;
 left: 50%;
 margin-left: -30px;
 top: 137px;
}
.gameFlowOverlay h1 .h1Smaller {
    display: block;
 font-size: 0.409em;
}
.gameFlowOverlay h2 {
 font-size: 5.5em;
 letter-spacing: -0.1em;
 color: white;
 text-transform: lowercase;
}
.de .gameFlowOverlay h2{
 font-size:4em;
}
.gameFlowOverlay h2 .h2Smaller {
 display: block;
 font-size: 0.3em;
 letter-spacing: 0em;
 text-transform: none;
}
.de .gameFlowOverlay h2 .h2Smaller{
 font-size:0.5em;
}
.gameFlowOverlay h4 {
 font-size: 2.4em;
}
.gameFlowOverlay .btnWrap {
 margin-top: 0;
}
.gameFlowOverlay .btn {
 min-width: 146px;
}
.lt-ie8 .gameFlowOverlay .btn {
 display: inline;
 min-width: 0;
}
.lt-ie8 .gameFlowOverlay .btn a {
 text-align: center;
}
.gameFlowOverlay em.chromeLogo {
 background: url(https://www.runescape.com/img/rs3/game/chromeLogo.png) no-repeat scroll center center transparent;
 display: inline-block;
 text-indent: -9999px;
 width: 44px;
}
.gameFlowOverlay section {
 min-height: 170px;
 text-align: center;
 margin-top: 20px;
}
.gameFlowOverlay section.leftColumn,
.gameFlowOverlay section.rightColumn {
 width: 310px;
}
.gameFlowOverlay section.rightColumn {
 float: right;
 margin-right: 185px;
}
.gameFlowOverlay section.leftColumn {
 float: left;
 margin-left: 185px;
}
.gameFlowOverlay section.fullwidth {
 margin: auto;
 width: 600px;
}
.gameFlowOverlay section p {
 font-family: 'MuseoSans';
 font-size: 1.6em;
 line-height: 1.2em;
 letter-spacing: -0.01em;
}
.gameFlowOverlay section p.padded {
 padding: 20px 0;
 min-height: 63px;
}
.gameFlowOverlay aside.resetInfo {
 clear: both;
 color: black;
 font-family: 'MuseoSans';
 font-size: 1.3em;
 line-height: 1.3em;
 margin: auto;
 padding-top: 25px;
 text-align: center;
 width: 490px;
}
.gameFlowOverlay .divider {
 background: none repeat scroll 0 0 transparent;
 border-left: 1px solid black;
 height: 100px;
 left: 50%;
 position: absolute;
 top: 145px;
}
.gameFlowOverlay .divider.or,
.gameFlowOverlay .smallDivider.or {
 background: url(https://www.runescape.com/img/rs3/game/dividerBackdrop.png) no-repeat scroll center 0 transparent;
 margin-left: -50px;
 left: 50%;
 position: absolute;
 font-family: 'cinzel';
 font-size: 1.8em;
 font-weight: bold;
 z-index: 1;
}
.gameFlowOverlay .smallDivider.or {
 padding-top: 20px;
 background-position: center -69px;
 height: 40px;
 top: -9px;
 margin-left: -13px;
}
.gameFlowOverlay .divider.or {
 border: none;
 height: 120px;
 padding-top: 90px;
 text-align: center;
 top: 68px;
 width: 100px;
}
.lt-ie8 .gameFlowOverlay .divider.or {
 position: static;
 margin-left: 0;
 margin-top: 40px;
 display: inline-block;
}
.gameFlowOverlay.dataStorage {
 background-position: center -20px;
}
.gameFlowOverlay.dataStorage .wrapper {
 margin: 40px auto 0;
 display: block;
}
.gameFlowOverlay.dataStorage h1 {
 color: white;
}
.gameFlowOverlay.dataStorage h1 .h1Smaller {
 color: black;
}
.gameFlowOverlay.dataStorage p {
 text-align: left;
 margin-top: 15px;
}
.gameFlowOverlay.dataStorage section {
 margin-top: 50px;
}
.gameFlowOverlay.dataStorage .divider {
 top: 112px;
}
.gameFlowOverlay strong {
 border: 1px solid #A6A296;
 border-radius: 4px 4px 4px 4px;
 font-size: 0.8em;
 font-family: Arial;
 font-weight: normal;
 padding: 5px 2px;
 text-shadow: 1px 1px 2px white;
 background: #fdefb7; /* Old browsers */
 background: -moz-linear-gradient(top,  #f7f7f7 0%, #fdefb7 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#fdefb7)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #f7f7f7 0%,#fdefb7 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fdefb7',GradientType=0 ); /* IE6-9 */
}
.gameFlowOverlay figure {
 padding-left: 50px;
 position: absolute;
 right: 120px;
 top: -23px;
}
.gameFlowOverlay .chromeDownload {
 text-align: center;
}
.gameFlowOverlay .chromeDownload h4 {
 text-align: left;
 color: white;
}
.gameFlowOverlay .chromeDownload li {
 display: block;
 float: left;
 text-align: left;
 width: 25%;
}
.gameFlowOverlay .chromeDownload ul {
 margin: 25px 0 0;
 padding-left: 60px;
}
.gameFlowOverlay .chromeDownload ul li img {
 border-radius: 1px 1px 1px 1px;
 box-shadow: 1px 5px 10px #525252;
 display: block;
 margin-top: 12px;
}
.gameFlowOverlay .playButtons {
 position: relative;
 width: 510px;
 margin: auto;
}
.gameFlowOverlay .chromeDownload .playButtons {
 margin: 40px auto;
}
.gameFlowOverlay .chromeDownload .trackingLink {
 font-size: 0;
 text-indent: -9999px;
}
.gameFlowOverlay .left {
 float: left;
 text-align: right;
 width: 50%;
}
.gameFlowOverlay .left.adj {
 margin-top:-11px;
}
.gameFlowOverlay .left .btnWrap {
 margin-right: 35px;
}
.gameFlowOverlay .right {
 float: left;
 text-align: left;
 width: 50%;
}
.gameFlowOverlay .right .btnWrap {
 margin-left: 35px;
}
.gameFlowOverlay .runescapeInstall {
 display: block;
}
.gameFlowOverlay .runescapeInstall h1 {
 font-size: 4.5em;
}
.gameFlowOverlay .runescapeInstall section {
 margin: 40px auto;
}
.gameFlowOverlay .runescapeInstall .btn {
 margin-top: 30px;
}
.gameFlowOverlay .runescapeInstall p {
 margin-bottom: 30px;
}
.gameFlowOverlay .runescapeInstall p a {
 color: blue;
 text-decoration: underline;
}
.gameFlowOverlay .runescapeInstall h1 .h1Smaller {
 line-height: 25px;
}
.gameFlowOverlay .runescapeInstall a:hover {
 text-decoration: none;
}
.gameFlowOverlay .runescapeInstall .rsInstallerIcon {
 padding: 0 5px;
 position: relative;
 top: 16px;
}
.gameFlowOverlay .centreColumn .padded{
 margin-bottom:-30px;
}
.gameFlowOverlay .installInstructions{
 margin:20px auto 40px auto;
 width:908px;
}
.gameFlowOverlay .installInstructionsScreen{
 width:207px;
 float:left;
 margin:10px 10px 0 10px;
}
.gameFlowOverlay .installInstructionsScreen h4{
 text-align:left;
 margin-bottom:20px;
}
.gameFlowOverlay .installInstructionsScreen.done h4{
 opacity:0.5;
 filter:alpha(opacity=40);
}
.gameFlowOverlay .installInstructionsScreen img{
 box-shadow: 1px 5px 10px #525252;
}
.thirdParty .gameFlowOverlay section p.padded{
 width:400px;
 margin:auto;
}

.noJavaError{
 padding-top:25px;
}
.noJavaError .top-error{
 display: block;
 margin: -25px auto 10px auto;
 padding: 15px;
 box-shadow: 0 0 3px 2px black;
 border-bottom: 1px solid;
 background-color: #CA1818;
 font-size: 2em;
 text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.noJavaError .top-error__link{
    color: #fff;
}
.noJavaError .top-error__link:hover{
    text-decoration: underline;
}
.noJavaError h2{
 margin-top:20px;
}
.noJavaError p.padded{
 padding:20px 0;
 margin:auto;
 max-width: 800px;
 font-size: 2.6em;
}
.noJavaError .javaInstallScreen{
 display:inline-block;
 padding:13px;
}
.noJavaError .javaInstallScreen img{
 box-shadow:1px 5px 10px rgb(82, 82, 82);
}
.noJavaError .javaInstallScreen h4{
 text-align:center;
 margin-bottom:20px;
 font-size:23px;
}
.noJavaError .btnWrap{
 margin-top:30px;
}
.noJavaError .btn span{
 font-size:14px;
}
.noJavaError .smallPrint {
 text-align: center;
 display: block;
 font-size: 10px;
 width: 100%;
 text-shadow: 1px 1px 1px #000000;
 margin-top: 15px;
}
.noJavaError .smallPrint a {
 text-decoration: underline;
 color: #ffd414;
}
.noJavaError .smallPrint a:hover {
 color: #86c3f7;
}
.noJavaError .downloadWrap, .noJavaError .playWrap{
 display: inline-block;
}
.noJavaError .playCopy{
 color: white;
 display: inline-block;
 font-size: 1.5em;
 font-weight: bold;
 margin: 0 10px;
 text-shadow: 0 0 9px black;
}
.noJavaError .playInfo{
 color: white;
 filter: alpha(opacity=0);
 -webkit-opacity: 0;
 -khtml-opacity: 0;
 -moz-opacity: 0;
 opacity 0;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 15px;
 text-shadow: 0 0 0px black;
}
.noJavaError .playWrap:hover ~ .playInfo{
 filter: alpha(opacity=100);
 -webkit-opacity: 1;
 -khtml-opacity: 1;
 -moz-opacity: 1;
 opacity: 1;
}
.gameFlowOverlay {
 background: url(https://www.runescape.com/img/rs3/game/backdrop.jpg) no-repeat center 0 black;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
}
.gameFlowOverlay section .uninstall{
 font-size:1em;
 margin-top:10px;
}
.uninstall a{
 color:#000;
 text-decoration:underline;
}
.uninstall a:hover{
 text-decoration:none;
}
.js .fallback{
 display:none;
}
.fallback .centreColumn{
 width:550px;
 margin:0 auto;
}