/* 
 *  TABLE OF CONTENTS 
 *
 *      1. CSS RESETS
 *      2. GLOBAL STYLES
 *      3. SPLASH PAGE
 *      4. HOME PAGE
 *      5. NEWS PAGES
 *      6. MEMBERS BENEFITS
 *      7. MEDIA PAGES
 *      8. HISCORE PAGES
 *     9. DOWNLOADS
 *      10. ACCOUNT ASSOCIATION
 *   11. INFOGRAPHIC
 *  12. BETA PAGE
 *      13. PRINT STYLES
 *      14. IE7/8 STYLES
 *      15. LOYALTY PROGRAMME
 *   16. BONDS PAGE
 *  17. STORE LOCATOR PAGE
 *  18. FRIENDS PAGE
 *      19. POLL PAGE
 *   20. GAME PAGE
 *  21. WELL OF GOODWILL PAGE
 *  22. PREMIER CLUB
 *  23. COMPANION APP
 *   24. TOP TRUMPS 
 *      25. SHARED STYLES (Macro call to shared.css)
*/


/*
 * 
 *  1. CSS RESETS
 *  
 */



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul{list-style:none;}
li a:active,li a:focus,a:active,a:focus{outline:0;border:0;}
body{line-height:1;font-size:62.5%;text-align:left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
a img{border-style:none;border-width:0;}
fieldset{border:0;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
p{line-height:150%;}
[placeholder]:focus::-webkit-input-placeholder{color:transparent;}

/*
 * 
 *  2. GLOBAL STYLES 
 *  
 */



html,body{
    height:100%;
}
body{
    font-family:'MuseoSans500';
    background:#071b25 url(http://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    color:#d7dbe1;
}
a{
    text-decoration:none;
    color:#b2dbee;
}
a:hover{
    color:#e1bb34;
}
h1,h2,h3,h4,h5,h6{
    color:#e1bb34;
    font-family:'trajan-pro-3';
    font-weight:normal;
}
h1{
    font-size:8.6em;
}
h2{
    font-size:2.4em;
}
h3{
    font-size:2.2em;
}
h4{
    font-size:1.6em;
}
h5{
    font-size:1.1em;
}
h6{
    font-size:1.5em;
}

@media screen and (min-width: 1500px){
 .header > .top:before,.header > .top:after{
     content:'';
     background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -527px;
     width:176px;
     height:57px;
     position:absolute;
     bottom:-23px;
     z-index:2;
 }
 .header > .top:after{
     background-position:0 -594px;
     right:0;
 }
 .banner:before,.banner:after{
     content:'';
     background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2857px;
     width:175px;
     height:56px;
     position:absolute;
     z-index:2;
     bottom:-20px;
 }
 .banner:after{
     background-position:0 -2924px;
     right:0;
 }
}

.svg .gradient{ /* SVG Gradient fix for IE9 */
    filter: none !important;
}
time{
    font-family:'MuseoSans500';
}
.floatright {
 float:right;
 display:inline;
}
.floatleft {
 float:left;
 display:inline;
}
.relative {
    position:relative;
}
.textCenter {
 text-align:center;
}
.textRight {
 text-align:right;
}
.stickyWrap{
    min-height:100%;
}
.tooltipOuter {
 position:relative;
 display:inline;
}
.tooltipLink {
 cursor:help;
}
.tooltipDescription {
 background: url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat scroll 0 0 transparent;
    border: 1px solid #2E3F49;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
    display: none;
    padding: 10px;
    position: absolute;
    width: 260px;
    z-index:10;
}
.tooltipDescription p,
.tooltipDescription span{
 font-size:11px;
 color:#a9acad;
 text-shadow:0px 0px 10px rgba(0,0,0,0.7);
}
.contents{
    background-image: url(http://www.runescape.com/img/rs3/background-content-top.jpg), url(http://www.runescape.com/img/rs3/background-content-bottom.jpg);
    background-repeat:repeat-x;
    background-position:top left, bottom left;
    overflow:visible;
    padding-bottom:221px;
}
.contents:before, .contents:after{
    content: '';
    display:table;
}
.main{
    width:1000px;
    margin:0 auto;
    background: transparent url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
    box-shadow: 0px 250px 15px 12px #000;
    -moz-box-shadow: 0px 250px 15px 12px #000;
    -webkit-box-shadow: 0px 250px 15px 12px #000;
    position:relative;
    margin-top:-335px;
    /* note to self. z-index here break hiscore cat dropdown */
}
.main:before, .main:after{
    content: " ";
    display:table;
}
.main:after{
    clear:both;
}
.trackingLink {
 font-size: 0;
 text-indent: -9999px;
}
.loadingAnim {
 background: url(http://www.runescape.com/img/global/content/CircleLoader.gif) transparent;
 width: 54px;
 height: 55px;
}
.patternedBorder:before {
 background: url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x scroll 0 0 transparent;
 box-shadow: 0 10px 9px 0 black;
 content: "";
 height: 18px;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}
.btn input[type="submit"]:focus {
 outline:0;
}
.errorMessage {
 padding:10px;
 color:#e1bb34;
 background:#450604;
 border: 1px solid #355563;
    border-radius: 6px;
    width: 100%;
}
/* Generic Styles END */
/* Page Headings START*/
#deployJavaPlugin {
 display: none;
}
.title{
    background-image: url(http://www.runescape.com/img/rs3/_sprite/background-heading-small.png), url(http://www.runescape.com/img/rs3/6-box-top.jpg);
    background-repeat:no-repeat, repeat-x;
    background-position:-19px 12px, 0 58px;
    padding:28px 30px 0 0;
    margin:-58px 0 -26px 15px;
}
.title:before,.title:after{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3333px;
    width:70px;
    height:80px;
    position:absolute;
    top:-28px;
    left:-20px;
    z-index:1;
}
.title:after{
    background-position:0 -3423px;
    right:-17px;
    left:auto;
}
.title span{
    display:block;
    text-indent:-9999px;
    height:80px;
    position:relative;
    z-index:10;
    margin: 0 0 -7px 6px;
    padding-top: 26px;
}
.title span:before{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -76px;
    width:20px;
    height:32px;
    position:absolute;
    left:7px;
    top:26px;
    z-index:15;
}
/* Page Headings END */
/* Breadcrumb START */
.breadcrumb {
    padding: 12px 10px 12px 33px;
    position: relative;
    right: 10px;
    width: 97.5%;
    background: #071B25 url(http://www.runescape.com/img/rs3/6-box-top.jpg) repeat 355px 0;
    box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    -moz-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    -webkit-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    font-size:1.2em;
    font-family:'MuseoSans500';
    z-index:25;
}
.breadcrumb li {
    padding-right:5px;
    display:inline;
    color:#495255;
}
.breadcrumb a {
    color: #b3bfc5;
}
.breadcrumb a:hover {
    color:#e1bb34;
}
.breadcrumb li:before {
    content: '>';
    margin-right:8px;
    color:#8eb0c0;
}
.breadcrumb li:first-child:before {
    content: '';    
}
.breadcrumb li:last-child{
    color:#fff;
}
/* Breadcrumb END */
/* Banner START */
.banner{
    position:relative;
    clear:both;
    overflow: visible;
}
.banner .inner{
    height:605px;
    overflow:hidden;
}
.banner img{
    left: 50%;
    margin-left: -970px;
    position: relative;
    width: 1920px;
    display:block;
}
.slides li{
    display:none;
    overflow: hidden;
}
.slides li:first-child{
    display:block;
}
.flex-direction-nav a{
    display:block;
    text-indent:-9999px;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -524px;
    width:69px;
    height:77px;
    position:absolute;
    top:155px;
    left:0;
}
.flex-direction-nav .flex-next{
    background-position:0 -230px;
    left:auto;
    right:0;
}
.flex-direction-nav a:hover{
    background-position:0 -611px
}
.flex-direction-nav .flex-next:hover{
    background-position:0 -317px
}
/* Banner END */
/* Tabbed Element START */
.tabbedElement{
    display:table-cell;
    background: transparent url(http://www.runescape.com/img/rs3/background-tabbedelement.jpg) repeat-y 0 0;
    width:660px;
    z-index:2;
    vertical-align:top;
    box-shadow:10px 0px 8px #000;
    -moz-box-shadow:10px 0px 8px #000;
    -webkit-box-shadow:10px 0px 8px #000;
    overflow:visible;
    position:relative;
}
.tabbedElement .inner{
    overflow:visible;
    position:relative;
}
.tabNav .active:first-child:before,.tabbedElement .inner:after,.secondary .active:first-child:before{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1822px;
    width:23px;
    height:28px;
    position:absolute;
    left:-10px;
    top:10px;
    z-index:10;
}
.tabbedElement .inner:after{
    background-position:0 -1943px;
    left:auto;
    right:-12px;
    top:53px;
}
.tabNav,.secondary{
    background:transparent url(http://www.runescape.com/img/rs3/tabbedelement.png) repeat-x 0 0;
    height:56px;
}
.secondary{
    position:relative;
}
.secondary a{
    color: #b2dbee;
}
.secondary a:hover{
 color: #e1bb34;
}
.secondary:after {
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x 0 0;
    bottom: 1px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tabNav li,.secondary li{
    float:left;
    padding-right:30px;
    position:relative;
    z-index:1;
    margin-left:-25px;
}
.tabNav .active:first-child, .secondary .active:first-child{
    position:relative;
    overflow:visible;
}
.tabNav a, .secondary a{
    font-size:2.2em;
    font-family:'trajan-pro-3';
    display:block;
    line-height:57px;
    padding-left:38px;
}
.tabNav li:first-child, .secondary li:first-child{
    margin-left:0;
}
.tabNav li:first-child a, .secondary li:first-child a{
    padding-left:31px;
}
.tabNav span, .secondary span{
 display:block;
 padding:0 15px 0 0;
}
.en .tabNav span,.en .secondary span{
    padding:0 15px 0 10px;
}
.tabNav li:first-child span, .secondary li:first-child span{
 padding-left:0;
}
.tabNav .active,.secondary .active{
    background:transparent url(http://www.runescape.com/img/rs3/background-tab-right.png) no-repeat right -8px;
}
.tabNav .active:first-child a,.secondary .active:first-child a{
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat -7px -182px;
}
.tabNav .active a, .secondary .active a{
    color:#e1bb34;
    background:transparent url(http://www.runescape.com/img/rs3/background-tab-left-slant.png) no-repeat 0 -3px;
}
.tabNav .active span, .secondary .active span{
    background:transparent url(http://www.runescape.com/img/rs3/background-tab-mid.png) repeat-x 0 -8px;
}
.tabbedContents{
    padding:20px 31px 20px 29px;
    background:transparent url(http://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x 0 0;
    margin-top:-3px;
}
.tabbedContents:before, .tabbedContents:after {
    background: transparent url("http://www.runescape.com/img/rs3/border-image-left.png") repeat-y 0 0;
    width: 3px;
    content: " ";
    display:table;
}
.tabbedContents:after {
    background-image: url("http://www.runescape.com/img/rs3/border-image-right.png");
    left:auto;
    right:0;
    width: 1px;
    clear:both;
}
.tabbedContent .categories{
    position:absolute;
    top:0;
    right:0;
}
.tabbedContent .categories h6{
    font-size:1.4em;
    font-family:'MuseoSans500';
    color:#e1bb34;
    overflow:visible;
    position:relative;
    padding-right:25px;
    cursor:pointer;
    padding:20px 55px 20px 25px;
    margin:1px 1px 0 1px;
    z-index:6;
}
.tabbedContent .categories h6:after{
    content:'';
    border-color: #e1bb34 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 7px;
    position:absolute;
    right:30px;
    top:21px;
}
.tabbedContent .categories:hover h6{
    color:#e1bb34;
    margin:0;
    border-top:solid 1px #2c3c43;
    border-left:solid 1px #2c3c43;
    border-right:solid 1px #2c3c43;
    background:transparent url(http://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
}
.tabbedContent .categories:hover h6:after{
    border-color: #e1bb34 transparent transparent transparent;
}
.tabbedContent .categories ul{
    display:none;
    background:url(http://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
    font-size:1.4em;
    font-family:'MuseoSans500';
    width:190px;
    padding:10px 10px 30px;
    position:absolute;
    right:0;
    z-index:5;
    border:solid 1px #2c3c43;
    box-shadow:0 4px 10px #000;
    -moz-box-shadow:0 4px 10px #000;
    -webkit-box-shadow:0 4px 10px #000;
    top:54px;
    overflow:visible;
}
.tabbedContent .categories ul:after{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/background-bar-repeat.png);
    position:absolute;
    bottom:0;
    left:-3px;
    width:217px;
    height:18px;
}
.tabbedContent .categories li{
    padding:10px 0;
    border-top:solid 1px #223843;
    border-bottom:solid 1px #000;
}
.tabbedContent .categories li:last-child{
    padding-bottom:0;
    border-bottom:0;
}
.tabbedContent .categories li:last-child a{
    padding-bottom:10px;
}
.tabbedContent .categories a{
    display:block;
    padding:0 10px;
    color:#b2dbee;
}
.tabbedContent .categories .active,.tabbedContent .categories a:hover{
    color:#e1bb34;
}
.tabbedContent .categories li:first-child{
    border-top:0;
}
.tabbedContent .categories:hover ul{
    display:block;
}
article.video figure a{
    position:relative;
    display:block;
}
article.video figure a:after{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -428px;
    position:absolute;
    left:52px;
    top:12px;
    width:64px;
    height:65px;
}
.tabbedElement article{
    padding:15px 0 15px 4px;
    border-top:solid 1px #223843;
    border-bottom:solid 1px #000;
}
.index{
    clear:both;
    border-bottom:solid 1px #223843;
}
.tabbedElement .index + article,.tabbedElement .index article:first-child{
    padding-top:0;
    border-top:0;
}
.tabbedElement article, article .copy{
    overflow:hidden;
}
.copy{
    padding:12px 0 0;
}
.copy header{
    overflow:hidden;
    margin-bottom:5px;
}
.copy h4{
    margin-bottom:7px;
    line-height:120%;
}
.copy h4 a{
    display:block;
    position:relative;
    padding-right:30px;
}
.copy h4 a:after{
    content:'';
    border-color: transparent transparent transparent #e1bb34;
    border-style: solid;
    border-width: 7px 10px;
    position:absolute;
    right:0;
    top:0;
}
.copy h4 a:hover:after{
    border-color: transparent transparent transparent #b2dbee;
}
.copy h5{
    float:left;
    font-family:'MuseoSans500';
    margin-right:10px;
}
.copy h5:after{
    content:'|';
    margin-left:10px;
    color:#a9acad;
}
.copy h5 a:hover{
    color:#e1bb34;
}
.copy time{
    float:left;
    font-size:1.1em;
}
.copy h5 a, .copy time{
    color:#a9acad;
}
.copy p{
    font-size:1.2em;
    font-family:'MuseoSans500';
}
.copy p a{
    color:#e1bb34;
}
.copy p a:hover{
    color:#fff2c5;
}
.tabbedElement article figure{
    float:left;
    margin-right:10px;
    background-color:#000;
    border:solid 1px #384043;
    padding:2px;
    -webkit-box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    box-shadow:0px 0px 10px #000;
    width:170px;
    position:relative;
}
.tabbedElement article figure:after {
    box-shadow: 0 0 10px #000000;
    -webkit-box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 174px;
    z-index:1;
}
.tabbedElement figure a{
    display:block;
    position:relative;
    z-index:2;
}
.tabbedElement figure img{
    display:block;
    height:88px;
}
.tabbedElement .btnWrap{
    float:right;
}
/* Tabbed Element END */
/* Sidebar START */
.sidebar{
    display:table-cell;
    background:transparent url(http://www.runescape.com/img/rs3/background-effect.png) repeat 0 0;
    vertical-align:top;
}
.sidebar section{
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-divider2.png) no-repeat bottom left;
    padding-bottom:70px;
    overflow:hidden;
    border-right:solid 1px #000;
    width:339px;
}
.sidebar section iframe.axesoIframe{
 padding-left:20px;
 width:300px;
 height:250px;
 overflow:hidden;
}
.sidebar .heavy,.hiscore .sidebar .heavy, .friends .sidebar .heavy {
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-0-divider.png) no-repeat bottom left;
    padding-bottom:41px;
}
.sidebar section:last-child{
    background:none;
    padding-bottom:20px;
    position:relative;
    overflow:visible;
}
.sidebar section:last-child .btnWrap{
    margin-bottom:20px;
}
.sidebar section:last-child:before{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1943px;
    width:23px;
    height:28px;
    position:absolute;
    top:-1px;
    right:-7px;
    z-index:10;
}
.sidebar article{
    border-top: 1px solid #1e313c;
    border-bottom: 1px solid #000;
    padding:9px 0;
}
.sidebar .index{
    margin:0 25px 0 30px;
}
.sidebar h3{
    border-bottom: 1px solid black;
    padding: 0 0 14px;
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-header.png) no-repeat right center;
    height:51px;
    line-height:65px;
    margin-left:30px;
}
.es .sidebar h3,.pt .sidebar h3, .de .sidebar h3{
    font-size:1.7em;
}
.sidebar h3 a{
    color:#e1bb34;
}
.news .sidebar h3 a
.sidebar .link h3 a{
    color:#b2dbee;
}
.sidebar h4{
    margin-bottom:5px;
}
.sidebar time{
    font-size:1.1em;
    color:#a9acad;
}
.sidebar p{
    padding: 9px 0 0 0;
    border-top: 1px solid #1e313c;
    margin:0 25px 15px 30px;
    font-size:1.4em;
    font-family:'MuseoSans500';
}
.sidebar .video figure a:after{
    top:65px;
    left:105px;
}
.sidebar .error{
    margin:0;
    border-bottom:solid 1px #000;
    padding:20px 0;
}
.sidebar .btnWrap{
    float:left;
    position:relative;
    left:50%;
}
.sidebar .btn{
    position:relative;
    left:-50%;
}
.sidebar .mpu-wrap{
 background:none;
 padding:15px 0 0;
}
.mpu{
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-0-divider.png) no-repeat bottom left;
    padding:0 0 51px 17px;
}
.mpu:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    margin:0;
}
.mpu.last{
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-1-divider.png) no-repeat 3px bottom;
    padding:13px 0 13px 17px;
}
.mpu .removeAds{
 text-align: right;
 font-size: 1.4em;
 margin: 10px 15px 0 0;
 display: block;
}
/* Sidebar END */
/* greyFrame begin */
.no-borderimage .greyFrame>*{
    margin: 5px;
    z-index :1;
    position: relative;
}
.greyFrame .corner{
    display: none;
}
.no-borderimage .greyFrame .corner{
    background-image: url('http://www.runescape.com/img/rs3/global/greyFrameIE.png');
    background-repeat: no-repeat;
    width: 60%;
    height: 60%;
    position: absolute;
    margin: 0;
    z-index: 0;
    display:inline-block;
}
.no-borderimage .tl{
    top: 0;
    left: 0;
}
.no-borderimage .tr{
    top: 0;
    right: 0;
    background-position: top right;
}
.no-borderimage .bl{
    bottom: 0;
    left: 0;
    background-position: bottom left;
}
.no-borderimage .br{
    bottom: 0;
    right: 0;
    background-position: bottom right;
}
.greyFrame,
.fancybox-inner.greyFrame {
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    border-image: url('http://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    -moz-border-image: url('http://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    -o-border-image: url('http://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 6px 6px black;
}
.no-borderimage .greyFrame{
    border-width: 0;
}
.greyFrame > a{
    display:block;
    margin:0;
}
.greyFrame .greyFrameContent {
    background:#071b25 url(http://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    padding: 20px;
}
/* greyFrame end */
/* tiledBlueFrame begin */
.no-borderimage .tiledBlueFrame{
    position:relative;
    border-width: 0;
    padding:1px;
}
.tiledBlueFrame .corner{
    display: none;
}
.no-borderimage .tiledBlueFrame .corner{
    background-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg');
    background-repeat: no-repeat;
    width: 60%;
    height: 60%;
    position: absolute;
    margin: 0;
    z-index: 0;
    display:inline-block;
}
.borderimage .tiledBlueFrame,
.borderimage .fancybox-inner.tiledBlueFrame {
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    -moz-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    -o-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    position: relative;
    z-index:2;
    box-shadow: 0 0px 6px 7px black;
    -moz-box-shadow: 0 0px 6px 7px black;
    -webkit-box-shadow: 0 0px 6px 7px black;
}
.borderimage .tiledBlueFrame.noTop{
    border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    -moz-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    -o-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    border-width: 1px 10px 10px;
}
.borderimage .tiledBlueFrame.noBottom{
    border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    -moz-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    -o-border-image: url('http://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    border-width: 10px 10px 1px 10px;
}
.no-borderimage .tiledBlueFrame.noTop>*{
    margin: 0 10px 10px 10px;
}
.no-borderimage .tiledBlueFrame.noBottom>*{
    margin: 10px 10px 0 10px;
}
.tiledBlueFrame.noTop:before, .tiledBlueFrame.noTop:after{
    content:'';
    background:none;
}
/* tiledBlueFrame end */
/* .halfColumn begin*/
.foreground.halfColumn{
    background: url('http://www.runescape.com/img/rs3/background-halfColumn.jpg') repeat-y 0 0 transparent;
    box-shadow: 10px 18px 8px #000;
    -moz-box-shadow: 10px 18px 8px #000;
    -webkit-box-shadow: 10px 18px 8px #000;
    z-index: 2;
}
.foreground.halfColumn,
.halfColumn {
    font-family: 'MuseoSans500';
    display: table-cell;
    overflow: visible;
    position: relative;
    vertical-align: top;
    width: 420px;
}
.halfColumn{
    padding: 38px 40px 20px;
}
.galleryWrap .flex-direction-nav a {
    margin-top: -35px;
    top: 50%;
    z-index: 1;
    outline: none;
}
.galleryWrap .flex-direction-nav a:hover {
    outline: none;
}
.galleryWrap img {
    width: 100%;
    height: 100%;
}
a.galleryLightBox.inactive {
    cursor: default;
}
.no-borderimage .greyFrame>.flex-direction-nav{
    margin: 0;
    z-index: auto;
    position: static;
}
/* Pagination START */
.paginationWrap{
    margin-top:25px;
}
.pagination, .paging{
    position:relative;
    float:left;
    left:50%;
}
.paging {
    left:-50%;
}
.paging > a, .paging > ul{
    display: block;
    float: left;
}
.paginationWrap .gotoPage {
    float:right;
    font-family: 'MuseoSans500',Arial,Times New Roman,serif;
    font-size: 1.4em;
    padding-right: 5px;
    color: #d7dbe1;
}
.pagination .pageNumbers {
    list-style: none;
}
.paginationWrap .gotoPage input[type=text] {
    background: none repeat scroll 0 0 #010709;
    border: 1px solid #355563;
    border-radius: 6px 6px 6px 6px;
    color: #AED0E0;
    font-family: 'MuseoSans500',Arial,Times New Roman,serif;
    font-size: 1em;
    margin: 0 0 0 5px;
    padding: 4px;
    position: relative;
    top: -2px;
    width: 45px;
}
.pagination .pageNumbers li {
    background: url(http://www.runescape.com/img/rs3/global/whiteTransparency.png) repeat scroll 0 0 transparent;
    border-color: rgb(0, 0, 0) rgb(76, 92, 100) rgb(76, 92, 100) rgb(0, 0, 0);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    float: left;
    font-family: 'MuseoSans500',Arial,Times New Roman,serif;
    font-size: 12px;
    margin-left: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
}
.pagination .pageNumbers li a {
    display: block;
    padding: 6px 10px 4px;
    text-decoration: none;
    color:#e1bb34;
}
.pagination .pageNumbers li a:hover{
    color:#b2dbee;
}
.pagination .pageNumbers li.current {
    background: #70a5b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #70a5b8 0%, #1b3e55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a5b8), color-stop(100%,#1b3e55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #70a5b8 0%,#1b3e55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70a5b8', endColorstr='#1b3e55',GradientType=0 ); /* IE6-9 */
    border-color: rgb(0, 0, 0) #76bbd3 rgb(76, 92, 100) rgb(0, 0, 0);
    text-shadow: 1px 1px 1px #223e4b;
}
.pagination .pageNumbers li.current a {
    color:#a9acad;
}
.pagination .pageNumbers li.ellipsis {
    background: none;
    border: none;
    color: #FFCB05;
    font-family: Arial;
    font-size: 1.2em;
    letter-spacing: 0.1em;
}
.pagination .pageNumbers li.ellipsis a {
    padding: 10px 0 0;
}
.pagination .previous, .pagination .next, .pagination.simple a:after {
    height: 14px;
    margin-top: 5px;
    width: 11px;
}
.pagination .previous, .pagination.simple .previous:after {
    background: url(http://www.runescape.com/img/rs3/_sprite/smallArrowLeft.png) no-repeat;
}
.pagination .next,.pagination.simple .next:after {
    background: url(http://www.runescape.com/img/rs3/_sprite/smallArrowRight.png) no-repeat;
    margin-left: 10px;
}
.pagination .previous:hover, 
.pagination .next:hover {
    background-position: right top;
}
.paginationOuter {
 background:url(http://www.runescape.com/img/rs3/hiscores/pagination.png) repeat-x 0 0;
 height:33px;
}
.pagination.simple{
    position:static;
    float:none;
    left:auto;
    font-size:1.2em;
    font-family: 'MuseoSans500',Arial,Times New Roman,serif;
    text-align:center;
    margin:0 10px 17px;
    padding-top:10px;
    border-top:solid 1px #223843;
}
.pagination.simple a{
    margin:0;
    height:auto;
    width:auto;
    background:none;
    position:relative;
    line-height:14px;
    color:#e1bb34;
}
.pagination.simple a:hover{
    color:#b2dbee;
}
.pagination.simple a:after{
    content:'';
    position:absolute;
    left:0;
    margin-top:0;
}
.pagination.simple .next:after{
    left:auto;
    right:0;
}
.pagination.simple .previous{
    float:left;
    padding-left:25px;
}
.pagination.simple .next{
    float:right;
    padding-right:25px;
}
.simple.noFirst span{
    margin-left:71px;
}
.simple.noLast span{
    margin-right:51px;
}
/* Pagination END */
/* Countdown timer START */
.countdownTimer .seconds {
    display: none;
}
.js .countdownTimer .seconds {
    display: block;
}
.numeral,
.divider {
    display: block;
    float: left;
    height: 24px;
    margin-right: 2px;
    overflow: hidden;
    position: relative;
    width: 15px;
}
.divider,
.numeral span {
    background: url(http://www.runescape.com/img/rs3/global/countdown-sprite.png) no-repeat scroll 0 0 transparent;
}
.numeral span {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}
.divider { 
    background-position: right 0; 
    width: 15px;
}
.countdownLabel {
    clear: both;
    display: block;
}
.countdownLabel span {
    color: white;
    display: block;
    float: left;
    font-family:'MuseoSans500';
    font-size: 0.95em;
    margin-right: 21px;
    padding-top: 3px;
    text-align: center;
    width: 30px;
}
.numeral span.num0 { background-position: 0 0; }
.numeral span.num1 { background-position: -15px 0; }
.numeral span.num2 { background-position: -30px 0; }
.numeral span.num3 { background-position: -45px 0; }
.numeral span.num4 { background-position: -60px 0; }
.numeral span.num5 { background-position: -75px 0; }
.numeral span.num6 { background-position: -90px 0; }
.numeral span.num7 { background-position: -105px 0; }
.numeral span.num8 { background-position: -120px 0; }
.numeral span.num9 { background-position: -135px 0; }
.oldNumber {
    z-index: 1;
}
/* Countdown timer END */
/* Timer Min START */
.timerMin {
 
}
.timerMin .timerMinUnit {
 margin-right:3px;
 display:inline-block;
}
/*EU COOKIE POPUP*/


.cookiePopup{width: 100%; background-color: #DFDFDF; color:black; border-bottom: 1px solid black;}
.cookiePopup .cookiePopupContents{width: 960px; margin: auto; display: table;}
.cookiePopup a{color: #007DB6; font-weight: bold;}
.cookiePopup a:hover{color: #00AFFF; cursor: pointer;}
.cookiePopup .dialogue{width: 87%; display: table-cell; vertical-align: middle; text-align: center; padding: 5px 0; font-size: 12px;}
.cookiePopup .closeCookieContainer{display: table-cell; vertical-align: middle; background: url(http://www.runescape.com/img/rs3/global/cookie-close.png) center right no-repeat; text-align: right; padding-right: 30px;}
.cookiePopup .closeCookieContainer:hover{cursor: pointer;}
.cookiePopup .closeCookiePopup{line-height: 50px; font-size: 14px;}
.cookie .header .cta-wrap{top: 79px; z-index: -1;}
.cookie .header .cta-show{top: 117px;}
.cookie .nav-show{margin-bottom:20px;}
@media only screen and (max-width: 1036px) {.cookiePopup .cookiePopupContents{width: 90%;} .closeCookieContainer a{display: none;}}

/* Timer Min END */
/*
 * 
 *  3. SPLASH PAGE
 *  
 */
.splash .title span{
    background: transparent url(http://www.runescape.com/img/rs3/titles/welcome.png) no-repeat bottom left;
}
.splash .banner img,
.splash .banner {
    height: 800px;
}
.splash .main{
    margin-top: -69px;
    box-shadow: 0px 90px 15px 12px #000;
    -moz-box-shadow: 0px 90px 15px 12px #000;
    -webkit-box-shadow: 0px 90px 15px 12px #000;
}
.splash .halfColumn {
    float: left;
}
.no-borderimage .splash .halfColumn:last-child{
    width: 424px;
    padding: 38px 38px 0 38px;
}
.splash .banner .inner{
    color: #000;
    height:800px;
}
.splash .banner h1{
    position: absolute;
    left: 30px;
    top: 69px;
    text-indent: -9999px;
    width: 739px;
    height: 234px;
}
.splash .banner h3{
    position: absolute;
    left: 318px;
    top: 260px;
    font-size: 2em;
    text-align: center;
    width: 340px;
    color: black;
}
.banner .inner .titles{
    width: 800px;
    margin-left: -400px;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 50%;
    color: black;
}
.statements{
    width:770px;
    margin:330px auto 0;
}
.de .statements, .es .statements, .pt .statements{
    margin-top:320px;
}
.fr .statements{
    margin-top:300px;
}
.splash .statements .inner{
    overflow:hidden;
    height:auto;
}
.splash .banner h2{
    color: black;
    font-weight: bold;
}
.splash h2.left,
.splash h2.right,
.splash .banner h2.center{
    text-align: center;
    font-size: 1.1em;
}
.splash h2.left{
    float: left;
    width:352px;
}
.splash h2.right{
    float: right;
    margin-right:30px;
    width:340px;
}
.splash .banner h2.center{
    margin:15px auto 0;
    font-size:1.3em;
}
.splash h2.center span{
    font-size:2.5em;
}
.splash .banner h2 span{
    color: black;
    font-size: 2em;
    line-height: 0.96em;
    vertical-align: middle;
    text-transform: uppercase;
}
.splash .banner h2 strong{
    display:block;
    font-size:1.2em;
    font-family:'MuseoSans500';
    color:#254b64;
    margin-top:5px;
    padding-bottom:2px;
}
.es.splash banner h2 span {
 line-height: 1.2em;
}
.fr.splash .banner h2 span{
    line-height: 1.25em;
}
.splash .banner h2 span.tick{
    width: 26px;
    height: 4px;
    background: url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3586px;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
}
.splash .banner h2 span.right{
    background-position: -26px -3586px;
}
.splash .playNow{
    background: url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3171px;
    top: 482px;
    left: 50%;
    margin-left: -238px;
    font-family: 'trajan-pro-3';
    font-weight: bold;
    color: #000;
    text-shadow: 0 1px #fff;
    font-size: 3.15em;
    line-height: 71px;
    text-align: center;
}
.de.splash .playNow, .es.splash .playNow {
 font-size: 2.5em;
}
.fr.splash .playNow {
 font-size: 1.8em;
}
.splash .playNow,
.splash .playNow:after{
    width: 477px;
    height: 71px;
    display: block;
    position: absolute;
    cursor: pointer;
}

.splash .playNow:after{
    content: 'Play Free Now';
    background: url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3252px;
    top: 0;
    left: 0;
    
opacity: 0.0; filter: alpha(opacity=0);

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

}
.splash .playNow:hover:after{
    
opacity: 1; filter: alpha(opacity=100);

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

}
.splash .breadcrumb li {
    visibility: hidden;
}
.foreground.halfColumn, .halfColumn {
    min-height: 855px;
}
.splash .halfColumn h3{
    color: #e1bb34;
}
.splash .halfColumn h3{
    font-size: 3em;
    line-height: 1.2em;
    margin-bottom: 13px;
}
.de .halfColumn h3{
    font-size: 2.94em;
}
.splash .halfColumn p{
    font-size: 1.6em;
    line-height: 1.6em;
    color:#d7dbe1;
}
.splash h2.subHeader {
 color:#e1bb34;
 font-family:'trajan-pro-3';
 font-size: 1.8em;
    left: 40px;
    position: absolute;
    top: 59px;
    z-index: 25;
}
.lt-ie9 .splash h2.subHeader {
 top:30px;
}
.bullets{
    color: #e1bb34;
    font-size: 1.6em;
    line-height: 1.88em;
    margin: 15px 0 0 15px;
}
ul.bullets {
    list-style-type: disc;
}
ul.bullets.spacing {
 margin-bottom:30px;
}
.bullets li{
    margin: 13px 0 0 0;
    line-height: 1.2em;
}
.bullets span {
 color:#d7dbe1;
}
.awards {
    margin: 30px auto 0;
    width: 256px;
}
.awards li {
    margin-left: 35px;
    position: relative;
    float: left;
    list-style-type: none;
    text-indent:-9999px;
}
.awards li:first-child {
    margin-left: 0;
}
.awards .guinness {
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1545px;
    height: 56px;
    width: 55px;
}
.awards .golden-2009 {
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1426px;
    height: 44px;
    width: 76px;
    margin-top: 10px;
}
.awards .golden-2010 {
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1480px;
    height: 55px;
    width: 54px;
}
.btnWrap.lowerPlayNow{
    margin: 48px auto 0 -109px;
    left: 50%;
    position: relative;
    width: 222px;
}
.de .btnWrap.lowerPlayNow {
 font-size: 0.7em;
}
.fr .btnWrap.lowerPlayNow {
 left: 30%;
}
.es .btnWrap.lowerPlayNow {
 left: 45%;
}
.btnWrap.lowerPlayNow span{
    width: 184px;
    text-align: center;
    font-size: 1.35em;
    line-height: 0.8em;
}
.es .btnWrap.lowerPlayNow span {
 width: 230px;
}
.fr .btnWrap.lowerPlayNow span {
 width: 355px;
}
.splash .continue{
    clear: both;
    color: #8eb0c0;
    display: block;
    float: left;
    font-size: 1.4em;
    margin: 9px auto 40px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
}
.splash .continue:hover{
    color: #e1bb34;
}
.trailer{
    display: block;
    position:relative;
}
.trailer img{
    display:block;
}
.trailer:after{
    content:'';
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2991px;
    width:80px;
    height:80px;
    position:absolute;
    top:75px;
    left:173px;
    z-index:10;
}
.trailer:hover:after{
    background-position:0 -3081px;
}
.splash .video{
    margin-bottom: 27px;
}
.splash .greyFrame{
    display: inline-block;
}
.no-borderimage .splash .greyFrame{
    display: block;
    overflow: hidden;
}
.splash .carouselLightboxNav .flex-direction-nav a {
    height: 50px;
    top: 89px;
    width: 44px;
}
.splash .carouselLightboxNav .flex-direction-nav a{
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -758px;
}
.splash .carouselLightboxNav .flex-direction-nav .flex-next{
    background-position:0 -464px;
}
.splash .carouselLightboxNav .flex-direction-nav a:hover{
    background-position:0 -698px;
}
.splash .carouselLightboxNav .flex-direction-nav .flex-next:hover{
    background-position:0 -404px;
}
.lt-ie8 .splash .carouselLightboxNav .flex-direction-nav a {
    top: -60px;
}
.splash .links{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2402px;
    width: 499px;
    height: 310px;
    margin: 12px 0 0 -39px;
    padding-top: 23px;
}
.splash .links li{
    display: block;
    height: 63px;
    width: 499px;
    margin-top: 11px;
    overflow: hidden;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat  0 -2743px;
}
.splash .links li a{
    font-family:'MuseoSans500';
    font-size: 1.11em;
    margin: 0;
    height: 63px;
    padding: 0 0 0 37px;
    position: relative;
    color: #8eb0c0;
    display: block;
    cursor:pointer;
}
.splash .links li a:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:211px;
    height:63px;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1353px;
}
.splash .links li.child2 a:after{
    background-position:0 -818px;
}
.splash .links li.child3 a:after{
    background-position:0 -3513px;
}
.splash .links li.child4 a:after{
    background-position:0 -1611px
}
.splash .links:hover li{
    
opacity: 0.50; filter: alpha(opacity=50);

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

}
.splash .links li:hover{
    
opacity: 1; filter: alpha(opacity=100);

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

}
.splash .links li a span:after{
    content: '';
    border-width: 8px 11px;
    border-color: transparent transparent transparent #e1bb34;
    border-style: solid;
    position: absolute;
    margin-left: 14px;
    top: 18px;
    position: absolute;
}
.splash .links li a span{
    color: #e1bb34;
    font-size: 2em;
    font-family: 'trajan-pro-3';
    position: relative;
    padding: 15px 0 0 0;
    width: 462px;
    display: block;
}
.carouselLightboxNav {
    width: 410px;
    height: 232px;
}
/*
 * 
 *  4. HOME PAGE
 *  
 */
.home .main{
    margin-top:-240px;
    box-shadow:0 0 25px -10px #000;
    -webkit-box-shadow:0 0 25px -10px #000;
    -moz-box-shadow:0 0 25px -10px #000;
}
.hpto .main > .clear{
 box-shadow:0 0 20px 3px #000;
    -webkit-box-shadow:0 0 20px 3px #000;
    -moz-box-shadow:0 0 20px 3px #000;
}
.hpto .main{
 margin-top:180px;
 z-index:10;
}
.hpto{
 position:relative;
 overflow:hidden;
}
.google-hpto{
 position:absolute;
 top:0;
}
.hpto .promoBoxes .play{
 display:none;
}
/* Carousel START */
.carousel .overlay{
    width:1000px;
    margin:0 auto;
}
/* Carousel END */
/* Promo Boxes START */
.promoBoxes{
    position:relative;
    overflow:visible;
    background:transparent url(http://www.runescape.com/img/rs3/6-box-top.jpg) repeat-x 0 0;
    border-right:solid 1px #09202B;
    box-shadow: 0px 0px 20px 5px #000;
    -moz-box-shadow: 0px 0px 20px 5px #000;
    -webkit-box-shadow: 0px 0px 20px 5px #000;
}
.promoBoxes .inner{
    padding:20px 19px 50px;
    background:transparent url(http://www.runescape.com/img/rs3/promo-bottom.png) repeat-x bottom left;
    box-shadow:0px 12px 10px #000;
    -moz-box-shadow:0px 12px 10px #000;
    -webkit-box-shadow:0px 12px 10px #000;
}
.promoBoxes .inner:before, .promoBoxes .inner:after{
    content:'';
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1379px;
    width:183px;
    height:163px;
    position:absolute;
    bottom:28px;
    left:0;
    z-index:1;
}
.promoBoxes .inner:after{
    background-position:0 -1582px;
    right:0;
    left:auto;
}
.promoBoxes:before,.promoBoxes:after{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3333px;
    width:70px;
    height:80px;
    position:absolute;
    top:-25px;
    left:-20px;
    z-index:20;
}
.promoBoxes:after{
    background-position:0 -3423px;
    right:-20px;
    left:auto;
}
.promoBoxes .play{
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -274px;
    text-align:center;
    font-size:2.5em;
    color:#061f2a;
    font-family:'trajan-pro-3';
    top: -42px;
    left:50%;
    margin-left:-208px;
    z-index:10;
    text-shadow: 1px 1px 1px #fff;
}
.de .promoBoxes .play{
 font-size: 1.9em;
}
.promoBoxes .play,
.promoBoxes .play:after{
    display:block;
    position:absolute;
    width:416px;
    cursor: pointer;
    padding-top:13px;
    height:54px;
}
.de .promoBoxes .play,
.de .promoBoxes .play:after{
 padding-top:17px;
}
.fr .promoBoxes .play{
    font-size:1.9em;
}
.fr .promoBoxes .play, .fr .promoBoxes .play:after{
    padding:6px 70px 0;
    width:280px;
}

.promoBoxes .play:after{
 background-image: url(http://www.runescape.com/img/rs3/sprite_main.png);
    background-position:0 -351px;
    content: 'Play Free Now';
    height: 47px;
    top: 0;
    left: 0;
    
opacity: 0.0; filter: alpha(opacity=0);

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

}
.lt-ie9 .promoBoxes .play:after{
    display: none;
}
.promoBoxes .play:hover:after{
 content: 'Play Free Now';
    
opacity: 1; filter: alpha(opacity=100);

}
.promoBoxes .selection{
    position:relative;
    height:240px;
    overflow:visible;
    z-index:15;
}
.promoBoxes .selection > li{
    float:left;
    position:relative;
}
.promoBoxes .selection > li:nth-child(1):after,.promoBoxes .selection > li:nth-child(3):after{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1785px;
    width:13px;
    height:27px;
    position:absolute;
    top:107px;
    z-index:2;
}
.promoBoxes .selection > li:nth-child(3):after{
    background-position:0 -1897px;
    right:0;
}
.promoBoxes .selection > li:nth-child(2):after,.promoBoxes .selection > li:nth-child(3):before{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1822px;
    width:23px;
    height:28px;
    position:absolute;
    top:107px;
    left:-12px;
    z-index:2;
}
.promoBoxes .selection > li:nth-child(3):before{
    background-position:0 -1859px;
    left:-10px;
}
.promoBoxes .selection > li:nth-child(4):before,.promoBoxes .selection > li:nth-child(6):before{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1552px;
    width:24px;
    height:20px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:10;
}
.promoBoxes .selection > li:nth-child(6):before{
    background-position:0 -1755px;
    left:auto;
    right:0;
}
.promoBoxes h3 a{
    display:block;
    text-indent:-9999px;
    background:transparent url(http://www.runescape.com/img/rs3/home/RuneScape-Clans.jpg) no-repeat 0 0;
    width:320px;
    height:120px;
}
.promoBoxes .selection:hover h3 > a{
    opacity:0.5;
}
.promoBoxes .selection:hover h3 > a:hover{
    opacity:1;
}
.promoBoxes .clans h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Clans.jpg); 
}
.promoBoxes .gameguide h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-The-Game-Guide.jpg);    
}
.promoBoxes .well h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Well.jpg);
}
.promoBoxes .prem h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Premier.jpg?1);
}
.promoBoxes .member h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/Become-A-RuneScape-Member.jpg);
}
.promoBoxes .youtube h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-YouTube-Videos.jpg);
}
.promoBoxes .membership h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Prepaid-Cards.jpg);
}
.promoBoxes .highscores h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-High-Scores.jpg);
}
.promoBoxes .exchange h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Grand-Exchange.jpg);
}
.promoBoxes .forums h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Community-Forums.jpg);
}
.promoBoxes .adventurerslog h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Adventurers-Log.jpg);
}
.promoBoxes .betaprogramme h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/Combat_beta.jpg);
}
.promoBoxes .wiki h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Wiki.jpg);
}
.promoBoxes .oldschool h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-OS.jpg);
}
.promoBoxes .bestiary h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Bestiary.jpg);
}
.promoBoxes .reset h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/HTML5-or-Java.jpg);
}
.promoBoxes .resetHTML5 h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/HTML5.jpg);
}
.promoBoxes .resetJava h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/Java.jpg);
}
.promoBoxes .axeso h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/Axeso5.jpg?2);
}
.promoBoxes .comapp h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/Homepage_GE.jpg);
}
.promoBoxes .toptrumps h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/TopTrumps.jpg);
}
.promoBoxes .axeso5Facebook h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Facebook-Login.jpg);
}
.promoBoxes .bonds h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Bonds.jpg);
}
.promoBoxes .powerplayer h3 a{
    background-image: url(http://www.runescape.com/img/rs3/home/RuneScape-Power-to-the-Players.jpg);
}
.promoBoxes .custom h5{
    text-indent:-9999px;
    background:transparent url(http://www.runescape.com/img/rs3/_sprite/promo-arrow.png) no-repeat 0 0;
    width:30px;
    height:30px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:10;
}
.promoBoxes .custom:last-child h5{
    background-image:url(http://www.runescape.com/img/rs3/_sprite/promo-arrow-last.png);
}
.promoBoxes .popup{
    display:none;
    background:transparent url(http://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
    position:absolute;
    bottom:0;
    right:0;
    z-index:10;
    font-size:1.1em;
    font-family:'MuseoSans500';
    padding:0 8px;
    width:142px;
    border:solid 1px #2C3C43;
    box-shadow:0 4px 10px #000;
    -moz-box-shadow:0 4px 10px #000;
    -webkit-box-shadow:0 4px 10px #000;
}
.promoBoxes .custom h5:hover + .popup,.popup:hover{
    display:block;
}
.promoBoxes .popup li{
    border-top:solid 1px #2d414a;
    border-bottom:solid 1px #0f2a36;
}
.promoBoxes .popup li:first-child{
    border-top:0;
}
.promoBoxes .popup li:last-child{
    border-bottom:0;
}
.promoBoxes .popup a{
    display:block;
    padding:9px 0;
}
/* Promo Boxes END */
/* Tabbed Element START */
.home .sidebar section:last-child{
    margin-top:-9px;
}
/* Tabbed Element END */
/* Pre-Paid Cards START */
.sidebar .prepaid h3 {
    background:none;
    border:0;
    padding:0;
    margin:0;
    height:auto;
    line-height:1.2em;
    color:#b2dbee;
}
.fr .prepaid h3{
    font-size:2em;
}
.sidebar .prepaid h4 {
    font-size:1.3em;
}
.sidebar .prepaid h4 a{
    color:#e1bb34;
}
.sidebar .prepaid h4 a:hover{
    color:#b2dbee;
}
.sidebar .prepaid{
    position:relative;
    padding:20px 0 0 30px;
    width:309px;
    height:129px;
}
.sidebar .prepaid:after{
    content:'';
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -67px;
    width:105px;
    height:98px;
    position:absolute;
    right:7px;
    top:0;
}
/* Pre-Paid Card END */
.sidebar .updates .index h4 {
 font-size: 1.3em;
}
/* Poll START */
.poll ul li{
    margin: 0 25px 0 33px;
    border-top: 1px solid #1e313c;
    border-bottom: 1px solid #000;
    overflow: hidden;
    position: relative;
}
.poll ul li:first-child{
    border-top: none;
}
.poll ul li:last-child{
    border-bottom: none;
}
.poll input{
    float: left;
    clear: left;
}
.poll input[type="radio"]{
    display: inline-block;
    position: absolute;
    clear: left;
    float: left;
    top: 19%;
    left: 1%;
    z-index: -1;
}
.poll label, .poll .label{
    float: left;
    cursor: pointer;
    font-family:'MuseoSans500';
    font-size:1.4em;
}
.poll .label {
    float: none;
    margin: 5px 0;
    width:220px;
    padding-left:5px;
}
.poll label:hover{
    color:#e1bb34;
}    
.poll .label.voted {
    color:#e1bb34;
}      
.poll input[type="radio"] + label{
    float: left;
    clear: left;
    cursor: pointer;
    width:100%;
    padding:2px 0;
}     
.poll input[type="radio"] + label .radio{
    width: 36px;
    background: transparent url(http://www.runescape.com/img/rs3/radio.png) right center no-repeat;
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
}
.poll input[type="radio"] + label .text{
    width:230px;
    cursor:pointer;
    padding:9px 0;
    vertical-align: middle;
    display: table-cell;
    color: #a9acad;
}
.poll input[type="radio"]:checked + label .text,.poll input[type="radio"] + label:hover .text{
    color: #e1bb34;
}
.poll input[type="radio"]:checked + label .radio{
    background: transparent url(http://www.runescape.com/img/rs3/radio-checked.png) no-repeat left center;
}
.poll .pollResult {
    padding:8px 0;
    width:287px;
    border:0;
}
.poll .pollResult span{
    color:#a9acad;
}
.poll .pollResult:first-child{
    padding-top:0;
}
.poll .pollResult:last-child{
    padding-bottom:0;
}
.poll .voteText{
    display:table;
}
.poll .voteText span{
    display:table-cell;
    vertical-align:middle;
}
.poll .voteBarOuter {
    margin: 6px 0 0;
    position: relative;
    overflow:hidden;
    height: 16px;
    background: transparent url(http://www.runescape.com/img/rs3/_sprite/vote-bar-outer.png) no-repeat 0 0;
}
.poll .voteBar {
    height: 5px;
    position:absolute;
    top:4px;left:13px;
    background: #ffd465; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzVkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffd465 0%, #8c5d00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd465), color-stop(100%,#8c5d00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd465 0%,#8c5d00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd465 0%,#8c5d00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd465 0%,#8c5d00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd465 0%,#8c5d00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd465', endColorstr='#8c5d00',GradientType=0 ); /* IE6-8 */
}
.poll .votePercent {
    color: #b2dbee;
    font-family:'MuseoSans500';
    font-size:1.4em;
    width:50px;
}
.poll .error{
    margin:0 25px;
}
.poll .hint{
 display: table-cell;
 height: 100%;
 width: 86px;
 background: transparent url(http://www.runescape.com/img/rs3/poll/hint.png) no-repeat center center;
 position: relative;
}
.poll .hint:hover .pollToolTip{
 display: block;
 color: #d7dbe1;
}
.poll .pollToolTip{
 background: url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat scroll 0 0 transparent;
    border: 1px solid #2E3F49;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
    display: none;
    padding: 7px;
    position: absolute;
    width: 260px;
    z-index:10;
    bottom: 0;
    right: 0;
    margin-bottom: 27px;
    color: #d7dbe1;
 font-size: 0.5em;
}
.poll-vote .poll .pollToolTip{
 font-size:0.75em;
}
/* Poll END */
/*
 * 
 *  5. NEWS PAGES
 *  
 */
.news .banner{
    height:409px;
}
.news .main{
    background:none;
}
.news .title span{
    background: transparent url(http://www.runescape.com/img/rs3/titles/news.png) no-repeat bottom left;
}
.news .copy h4 a:after{
    background:none;
    display:none;
}
.news .tabbedElement{
    padding-top:13px;
    display:block;
    float:left;
}
.news .tabbedElement:after{
    top:65px;
}
.news .tabbedContents{
    min-height:910px;
}
.news .tabNav{
    box-shadow:0 -10px 10px 2px #000;
    -webkit-box-shadow:0 -10px 10px 2px #000;
    -moz-box-shadow:0 -10px 10px 2px #000;
}
.news .articleContentText a, 
.news .articleMeta a{
 color: #e1bb34;
}
.news .articleContentText a:hover, 
.news .articleMeta a:hover{
 color: #fff2c5;
}
.news .content .tags a {
 color: #000000;
}
.news .content .tags a:hover {
 color: #000000;
}
.articleContentText .withBorders {
 margin-right:10px;
 background-color:#000;
 border:solid 1px #384043;
 padding:2px;
 -webkit-box-shadow:0px 0px 10px #000;
 -moz-box-shadow:0px 0px 10px #000;
 margin: 10px 0;
 box-shadow:0px 0px 10px #000;
 position:relative;
}
.tabbedElement .index > p, .tabbedContents > p{
    font-size:1.4em;
    font-family:'MuseoSans500';
    overflow:hidden;
    margin-bottom:10px;
    line-height:42px;
}
.tabbedElement .rss{
    display:block;
    text-indent:-9999px;
    float:right;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2066px;
    width:45px;
    height:46px;
}
.tabbedElement .rss:hover{
    background-position:0 -2122px;
}
.tabbedElement .archive{
    display:block;
    float:left;
    color:#b2dbee;
    font-family:'trajan-pro-3';
    font-size:1.4em;
    margin-top:35px;
}
.tabbedElement .archive:hover{
    color: #e1bb34;
}
.news .tabbedContent .categories{
    top:13px;
}
.news .readMore{
 display: inline-block;
}
/* News Archive START */
.archiveSelect{
    padding:40px 31px 30px 31px;
    box-shadow:inset 0px 10px 40px 0px #000;
    -moz-box-shadow:inset 0px 10px 40px 0px #000;
    -webkit-box-shadow:inset 0px 10px 40px 0px #000;
    position:relative;
    zoom: 1; /* See WDRS-1765 */
}
.newsArchive h3, .archiveSelect h4{
    margin-bottom:20px;
    color:#b2dbee;
}
.archiveSelect li {
    float:left;
    margin:0 0 12px 19px;
}
.lt-ie9 .archiveSelect li{
    margin:0 0 12px 14px;
}
.lt-ie8 .archiveSelect li{
    margin:0 0 12px 19px;
}
.archiveSelect .years li {
    margin:0 0 10px 17px;
}
.lt-ie9 .archiveSelect .years li{
    margin:0 0 10px 14px;
}
.lt-ie8 .archiveSelect .years li{
    margin:0 0 10px 17px;
}
.archiveSelect .years li:nth-child(6n+1), .archiveSelect .months li:nth-child(4n+1) {
    margin-left:0;
}
.archiveSelect a{
    display:block;
    padding:5px 0;
    text-align:center;
    color:#000;
    font-family:'trajan-pro-3';
    font-size:1.6em;
    background: #8cb4c4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYjRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDZjODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #8cb4c4 0%, #446c81 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cb4c4), color-stop(100%,#446c81)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8cb4c4 0%,#446c81 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8cb4c4 0%,#446c81 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8cb4c4 0%,#446c81 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8cb4c4 0%,#446c81 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cb4c4', endColorstr='#446c81',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 1px -2px #FFFFFF inset,-3px -2px 1px -3px #000000 inset;
    -webkit-box-shadow: 2px 2px 1px -2px #FFFFFF inset,-3px -2px 1px -3px #000000 inset;
    box-shadow:2px 2px 1px -2px #FFFFFF inset, -3px -2px 1px -3px #000000 inset;
    text-shadow: 1px 1px 2px #9cc3ce;
    text-transform:uppercase;
}
.archiveSelect .years a{
    width: 85px;
    font-size: 1.7em;
    padding: 6px 0;
}
.archiveSelect .months a{
    width: 135px;
    font-size: 1.4em;
    padding: 8px 0;
}
.archiveSelect a:hover, .archiveSelect .active a{
    background: #f6f6f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #c5c5c5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f6 0%,#c5c5c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#c5c5c5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#c5c5c5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.archiveSelect .years {
    padding-bottom: 20px;
    border-bottom: solid 1px #000;
    overflow:hidden;
}
.archiveSelect .years + h4{
    padding-top:20px;
    border-top:solid 1px #223843;
}
.newsArchive .tabbedContents{
    padding:25px 0 20px 0;
    box-shadow:inset 0px 0px 5px 0px #000;
    -webkit-box-shadow:inset 0px 0px 5px 0px #000;
    -moz-box-shadow:inset 0px 0px 5px 0px #000;
}
.newsArchive .tabbedContent, .newsArchive .tabbedContents > p{
    padding:0 25px 0 29px;
}
.fr .newsArchive .tabbedContents > p{
    padding-right:16px;
}
.newsArchive .tabbedContent{
    padding-top:20px;
    margin-top:4px;
    background-image: url(http://www.runescape.com/img/rs3/background-heading-left.png), url(http://www.runescape.com/img/rs3/background-tabbedelement-top.jpg);
    background-repeat:no-repeat, repeat-x;
    background-position:2px 2px, 0 0;
    box-shadow:0 -4px 4px 1px #000;
    -moz-box-shadow:0 -4px 4px 1px #000;
    -webkit-box-shadow:0 -4px 4px 1px #000;
}
.newsArchive .tabbedContents > p{
    background:transparent url(http://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x bottom left;
    margin-bottom:0;
    padding-bottom:10px;
}
.newsArchive .archiveButton{
    display:block;
    text-indent:-9999px;
    background: transparent url(http://www.runescape.com/img/rs3/_sprite/btn-archive-open.png) no-repeat 0 0;
    width:46px;
    height:46px;
    float:right;
}
.newsArchive .archiveButton.expand{
    background-image:url(http://www.runescape.com/img/rs3/_sprite/btn-archive-close.png);
}
.archiveSelectForm{
    text-align: center;
}
.tabbedElement .archiveSelectSubmit{
    display: none;
    float: none;
}
.lt-ie8 .tabbedElement .archiveSelectSubmit{
    float: left; /* Fix for shoddy old IE7 */
}
/* News Archive END */
/* Feature Image START */
.feature{
    padding:14px 13px;
    position:relative;
    box-shadow:inset 0 0 60px 10px #000;
    -moz-box-shadow:inset 0 0 60px 10px #000;
    -webkit-box-shadow:inset 0 0 60px 10px #000;
}
.feature:before, .feature:after, .archiveSelect:before, .archiveSelect:after{
    content:'';
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1379px;
    width:183px;
    height:163px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
}
.feature:after, .archiveSelect:after{
    background-position:0 -1582px;
    right:0;
    left:auto;
}
.feature img{
 display:block;
 margin:0 auto;
}
.archiveSelect:before, .archiveSelect:after{
    z-index:-1;
}
.feature .inner{
    position:relative;
    z-index:2;
    border:solid 1px #384145;
    padding:1px;
    background-color:#000;
}
.feature iframe {
    display:block;
    margin:0 auto;
}
/* Feature Image END */
/* Content START */
.content{
    float:left;
    width:660px;
    position:relative;
    overflow:visible;
    background:transparent url(http://www.runescape.com/img/rs3/background-tabbedelement.jpg) repeat-y 0 0;
    box-shadow:10px 0px 8px #000;
    -moz-box-shadow:10px 0px 8px #000;
    -webkit-box-shadow:10px 0px 8px #000;
    min-height:1020px;
    padding-bottom:30px;
}
.articleContent {
    background:transparent url(http://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x 0 0;
    padding:27px 40px 0;
}
.content h2 {
    font-size:2.4em;
    margin-bottom:20px;
}
/*
.news .content p:first-child {
    color:#{rs3_global_secondary_colour};
    font-weight:bold;
}*/
.content p{
    margin-bottom:20px;
    font-size:1.5em;
    font-family:'MuseoSans500';
    color:#d7dbe1;
}
.articleContentText h1{
 font-size:2.5em;
 margin-bottom:20px;
}
.articleContentText h2{
 margin-bottom:20px;
} 
.articleContentText h3{
 font-size:2em;
 margin-bottom:20px;
} 
.articleContentText h4{
 font-size:1.8em;
 margin-bottom:20px;
} 
.articleContentText h5{
 font-size:1.5em;
 margin-bottom:20px;
} 
.articleContentText h6{
 font-size:1.1em;
 margin-bottom:20px;
}
.articleContentText ul,.articleContentText ol{
 color:#d7dbe1;
    line-height: 1.88em;
    margin: 0 0 0 15px;
}
.articleContent ul{
 list-style-type:disc;
}
.articleContent ol{
 list-style: decimal outside none;
    margin-left: 18px;
    margin-top: 0;
}
.articleContentText, .articleContentText li {
 margin-bottom:20px;
    font-size:1.5em;
    font-family:'MuseoSans500';
    line-height:150%; 
}
.articleContentText p, .articleContentText li {
 font-size:1em;
}
.content .left { /* left and right float for images */
    float:left;
    display:inline;
    margin:0 10px 10px 0;
}
.content .right {
    float:right;
    display:inline;
    margin:0 0 10px 10px;
}
.articleMeta{
    margin-bottom:25px;
    overflow:hidden;
    font-size:1.2em;
    font-family:'MuseoSans500';
    color:#a9acad;
}
.articleMeta span{
    margin-left:8px;
    padding-left:8px;
    border-left:solid 1px #a9acad;
}
.articleMeta a{
    color:#b2dbee;
}
.articleMeta a:hover{
    color:#e1bb34;
}
/* Content END */
/* Tags START */
.tags{
    overflow:hidden;
}
.tags h4, .share h4 {
    color:#8eb0c0;
    font-size:1.7em;
}
.articleContent  .tags ul {
    margin:15px 0;
    list-style-type:none;
    font-size:1.2em;
}
.articleContent .tags li {
    display:inline-block;
    font-family:'MuseoSans500';
    margin:0 8px 8px 0;
    background: #b1d8e7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZDhlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjdiOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b1d8e7 0%, #527b8e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d8e7), color-stop(100%,#527b8e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b1d8e7 0%,#527b8e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b1d8e7 0%,#527b8e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b1d8e7 0%,#527b8e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b1d8e7 0%,#527b8e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d8e7', endColorstr='#527b8e',GradientType=0 ); /* IE6-8 */
    color:#000;
    padding:0 10px;
    line-height:22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 1px -2px #FFFFFF inset,-3px -2px 1px -3px #000000 inset;
    -webkit-box-shadow: 2px 2px 1px -2px #FFFFFF inset,-3px -2px 1px -3px #000000 inset;
    box-shadow:2px 2px 1px -2px #FFFFFF inset, -3px -2px 1px -3px #000000 inset;
    position:relative;
    text-shadow: 1px 1px 2px #ffffff;
    float: left;
}
.tags a{
    color:#000;
}
/* Tags END */
/* Share START */
.share {
    border-top: 1px solid #000;
    border-bottom: solid 1px #1E313C;
    height:60px;
    overflow:hidden;
    position:relative;
}
.share .btnWrap{
    float:left;
    margin-top:9px;
}
.share h4 {
    float:left;
    position:relative;
    top:13px;
}
.content .social {
    float:right;
    padding:7px 0;
}
.content .social li:first-child{
    margin-left:10px;
}
.share:before{
    content:'';
    width:100%;
    border-top:solid 1px #1E313C;
    position:absolute;
    top:0;
}
.share:after{
    content:'';
    width:100%;
    border-bottom:solid 1px #000;
    position:absolute;
    bottom:0;
}
/* Share END */
/* News Sidebar START */
.news .sidebar {
    box-shadow:10px 9px 20px 3px #000;
    -moz-box-shadow:10px 9px 20px 3px #000;
    -webkit-box-shadow:10px 9px 20px 3px #000;
    padding-top:8px;
}
.news .sidebar img{
    display:block;
}
.news .sidebar section {
    padding-bottom:13px;
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-divider.png) no-repeat bottom left;
}
.news .sidebar section.detailed {
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-1-divider.png) no-repeat 3px bottom;
    padding-bottom:38px;
}
.news .sidebar section:last-child{
    background:none;
    padding-bottom:0;
}
.news .sidebar section:last-child:before{
    background:none;
    display:none;
}
.news .sidebar section h3.detailed {
    position:relative;
}
.news .sidebar section h3.detailed:after {
    content:'';
    position:absolute;
    right:-6px;
    bottom:-5px;
    background:transparent url(http://www.runescape.com/img/rs3/_sprite/sidebar-news-shadow-corner.png) no-repeat 0 0;
    height:37px;
    width:29px;
}
.news .sidebar h3 a{
    position:relative;
    display:block;
    margin-right:25px;
}
.news .sidebar h3 a:hover {
 color: #fff2c5;
}
.news .sidebar .detailed .index h4 {
 font-size: 1.3em;
}
.news figure.youtube{
    height:145px;
    overflow:hidden;
    margin: -5px 0 20px 0;
    width: 270px;
}
.news figure.youtube img{
    width:270px;
    margin-top:-25px;
}
.sidebar #youtube time{
    display:block;
    margin-top:3px;
    font-size:1.2em;
    padding-bottom:8px;
    border-bottom:solid 1px #000;
}
.sidebar #youtube p{
    padding:8px 0;
    margin:0;
}
.sidebar #youtube .index, .sidebar #youtube article{
    border-bottom:none;
}
#youtube .btnWrap{
    margin:10px 0 20px;
}
.news .sidebar h3.youtube a{
    background:transparent url(http://www.runescape.com/img/rs3/_sprite/icon-youtube.png) no-repeat right center; 
}
.news .sidebar h3.youtube a:hover{
    background-image: url(http://www.runescape.com/img/rs3/_sprite/icon-youtube-hover.png);   
}
.news .sidebar .facebook a{
    background:transparent url(http://www.runescape.com/img/rs3/_sprite/icon-facebook.png) no-repeat right center;
}
.news .sidebar .facebook a:hover{
    background-image: url(http://www.runescape.com/img/rs3/_sprite/icon-facebook-hover.png);  
}
.news .sidebar .twitter a{
    background:transparent url(http://www.runescape.com/img/rs3/_sprite/icon-twitter.png) no-repeat right center;
}
.news .sidebar .twitter a:hover{
    background-image: url(http://www.runescape.com/img/rs3/_sprite/icon-twitter-hover.png);   
}
.de .news .sidebar h3{
    font-size:1.8em;
}
/* News Sidebar END */
/*
 * 
 *  6. MEMBERS BENEFITS
 *  
 */
.membersBenefits .banner .inner {
 height:408px;
}
.membersBenefits .backgroundImage {
    background: url("http://www.runescape.com/img/rs3/banners/view-from-the-castle.jpg") no-repeat top center;
}
.membersBenefits .contents{
    position:relative;
    z-index:1;
}
.membersBenefits .playVideoLinkOuter {
 height: 270px;
    left: 50%;
    margin-left: -285px;
    position: absolute;
    top: 0;
    width: 560px;
}
.membersBenefits .playVideoLink {
    display: block;
    z-index:10;
    position:relative;
    width:100%;
    height:100%;
}
.membersBenefits .playVideoLink > span {
    display: block;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 80px;
    background: url("http://www.runescape.com/img/rs3/sprite_splash.png") no-repeat scroll 0 -2991px transparent;
    cursor:pointer;
    text-indent:-9999px;
}
.membersBenefits .playVideoLink:hover span {
 background-position: 0 -3081px;
}
.membersBenefits .title span{
    background: transparent url(http://www.runescape.com/img/rs3/titles/members-benefits.png) no-repeat bottom left;
}
.membersBenefits .adjustment {
    overflow: hidden;
    width: 1000px;
    text-align: left;
    font-family: 'MuseoSans500';
}
.membersBenefits .adjustment h3{
    text-transform: uppercase;
    position: relative;
}
.membersBenefits .adjustment p{
    color: #d7dbe1;
    font-size: 1.6em;
}
.membersBenefits .adjustment h2,
.membersBenefits .adjustment h3,
.membersBenefits .adjustment p{
    margin: 6px 48px 0 48px;
}
.membersBenefits .adjustment h2{
    text-transform: uppercase;
    position: relative;
    margin-top: 22px;
}
.membersBenefits div.pricing{
    padding: 0 10px;
    overflow: hidden;
    font-family: 'trajan-pro-3';
}
.membersBenefits div.pricing.padded{
 padding:0 130px;
}
.membersBenefits article.price{
    display: block;
    background: url("http://www.runescape.com/img/rs3/members_benefits/dealBackGrey.png") no-repeat scroll 0 14px transparent;
    border: 1px;
    float: left;
    width: 245px;
    margin: 0;
    font-weight: bold;
    position: relative;
    min-height: 318px;
    position: relative;
    z-index: 1;
}
.membersBenefits article.price:last-child{
    background: url("http://www.runescape.com/img/rs3/members_benefits/dealBackGold.png") no-repeat scroll 0 14px transparent;
}
.membersBenefits article.price > a{
    display: block;
    min-height: 286px;
}
.membersBenefits article.price h3{
    font-size: 2.4em;
    text-align: center;
    color: black;
    margin-top: 13px;
    line-height: 1.7em;
    text-shadow: 1px 1px 0 white;
    float: none;
    margin: 13px 0 0;
}
.membersBenefits article.price h3 span{
    width: 100%;
    padding-right: 4px;
    font-size: 1.85em;
    display: block;
    line-height: 1.8em;
    width: 74px;
    margin: auto;
    height: 74px;
}
.membersBenefits article.price div.price,
.membersBenefits article.price span.price{
    text-align: center;
    margin: 0;
    padding: 48px 10px;
    color: #d7d7d7;
    display: block;
}
.membersBenefits p.price{
    font-size: 3.2em;
    line-height: 0.9em;
}
.de.membersBenefits p.price, .fr.membersBenefits p.price, .pt.membersBenefits p.price, .es.membersBenefits p.price{
 font-size:2.8em;
}
.membersBenefits p.price,
.membersBenefits p.saving{
    margin: 0;
    color: #f5f5f5;
    text-shadow: 0 0 10px #595959, 1px 2px black;
}
.smallCurrency{
    font-size: 0.4em;
}
.membersBenefits p.saving{
    font-size: 2.0em;
}
.membersBenefits p.saving .smallCurrency{
 font-size:0.6em;
}
.membersBenefits p.price span{
    color: #fac808;
}
.membersBenefits p.axeso5 span{
 color: #f5f5f5;
}
.membersBenefits .price .btnWrap{
    margin:-28px auto;
}
.en.membersBenefits .price .btnWrap{
    width:110px;
}
.de.membersBenefits .price .btnWrap{
    width:141px;
}
.fr.membersBenefits .price .btnWrap{
    width:120px;
}
.pt.membersBenefits .price .btnWrap,
.es.membersBenefits .price .btnWrap{
    width:109px;
}
#allBenefits{
    text-align: center;
    margin: 20px 0 12px;
}    
#allBenefits hr{
    width: 723px;
    float: left;
    margin: 17px 0 0 26px;
    height: 2px;
    background: url('http://www.runescape.com/img/rs3/hr.png') repeat-x;
    border: none;
}
.de #allBenefits hr{
    width: 663px;
}
.es #allBenefits hr,
.fr #allBenefits hr{
    width: 653px;
}
.pt #allBenefits hr{
    width: 643px;
}
#allBenefits a{
    color: #b2dbee;
    display: inline-block;
    font-size: 1.85em;
    height: 70px;
    line-height: 70px;
    margin: -15px auto 0;
    /*width: 418px;*/
    position: relative;
    font-family: 'trajan-pro-3';
}    
#allBenefits a:after {
    display: inline-block;
    border-color: #b2dbee transparent transparent transparent;
    border-style: solid;
    border-width: 7px 4px;
    content: "";
    width: 0;
    height: 0;
    margin-left: 13px;
    vertical-align: -5px;   
}
#allBenefits a:hover:after {
    background-position: right top;
}
.lt-ie8 #allBenefits hr{
    width: 780px;
}
.lt-ie8 .es #allBenefits hr,
.lt-ie8 .de #allBenefits hr{
    width: 720px;
}
.lt-ie8 .pt #allBenefits hr,
.lt-ie8 .fr #allBenefits hr{
    width: 700px;
}
.lt-ie8 #allBenefits a{
    margin-right: 20px;
    height: 1.85em;
    line-height: 1.85em;
    float: right;
    margin-top: -3em;
}
.membersBenefits h4.paymentOptions{
    font-family: 'trajan-pro-3';
    color: #f5f5f5;
    text-shadow: 0 0 10px #595959, 1px 2px black;
    vertical-align: middle;
    margin: 10px 0 0 48px;
    font-size: 1.8em;
}
.membersBenefits .cardIcons {
 margin: 10px 0 0 43px;
}
.membersBenefits .cardIcons a{
 padding: 0 3px 0 3px;
}
.lt-ie8 .membersBenefits h4.paymentOptions{
    line-height: 1.85em;
    margin-top: 0;
}
.membersBenefits ul.paymentOptions{
    margin: 2px 0 0 26px;
    list-style: none;
    float: left;
    vertical-align: middle;
}
.membersBenefits ul.paymentOptions li{
    float: left;
    margin: 2px 6px 0 0;
}
.membersBenefits ul.paymentOptions li img{
    box-shadow: 0 0 4px #000;
    position: relative;
    z-index: 10;
}
.membersBenefits .hexBoxes{
    margin-top: 26px;
    overflow: hidden;
    position: relative;
}    
.membersBenefits .hexBoxes ul{
    margin: 47px 20px 49px;
    position: relative;
    width: 960px;
    height: 300px;
    z-index:5;
}
.membersBenefits .hexBoxes ul .hexPanel{
    opacity: 1;
    filter: alpha(opacity=100);
}
.membersBenefits .hexBoxes ul:hover .hexPanel{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.membersBenefits .hexBoxes ul li{
    cursor: pointer;
    display: block;
    float: left;
    width: 320px;
    height: 150px;
    color: #000;
    font-family: 'trajan-pro-3';
    text-shadow: 0 1px 1px white;
    font-weight: bold;
} 
.membersBenefits .hexBoxes ul:hover .hexPanel:hover{
    box-shadow: 0 0 10px black;
    z-index: 90;
    opacity: 1;
    filter: alpha(opacity=100);
}
.membersBenefits .hexBoxes ul li.quests .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/extra_quests.jpg?1') no-repeat #fcfbfa;
}
.membersBenefits .hexBoxes ul li.skills .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/more_skills.jpg?1') no-repeat #e3dbca;
}
.membersBenefits .hexBoxes ul li.minigames .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/members_only_minigames.jpg') no-repeat #42cbf8;
}
.membersBenefits .hexBoxes ul li.home .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/player_home_and_ports.jpg') no-repeat #e48e33;
}
.membersBenefits .hexBoxes ul li.adverts .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/no_adverts.jpg') no-repeat #525841;
}
.membersBenefits .hexBoxes ul li.worlds .hexPanel{
    background: url('http://www.runescape.com/img/rs3/members_benefits/larger_world.jpg') no-repeat #f1a781;
}
.membersBenefits .hexBoxes ul li p{
    margin: 0;
    color: black;
    font-size: 1.7em;
}
.membersBenefits .hexBoxes ul li .hexContent h3{
    margin: 56px 42px 0 470px;
    font-size: 2.33em;
    color: #002537;
    text-shadow: 1px 1px 0 #ECE2D1;
    text-transform: none;
    letter-spacing: 0.065em;
}
.membersBenefits .hexBoxes ul li .hexContent p {
    color: #2B1E0A; 
    font-size: 1.62em;
    margin: 9px 50px 0 470px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
    font-family:  'MuseoSans500';
    font-weight: normal;
}
.membersBenefits .hexBoxes ul li .hexContent .buyNow {
 position:absolute;
 right:36px;
 bottom:18px;
}
div.corner span,
div.deco span{
    position: absolute;
    display: block;
    z-index: 10;
}
div.corner span{
    width: 50px;
    height: 34px;
}
div.corner span:nth-child(1){
    background: url(http://www.runescape.com/img/rs3/members_benefits/hex_top_left.png) no-repeat;
    top: 27px;
    left: 2px;
}
div.corner span:nth-child(2){
    background: url(http://www.runescape.com/img/rs3/members_benefits/hex_top_right.png) no-repeat;
    top: 27px;
    right: 2px;
}
div.corner span:nth-child(3){
    background: url(http://www.runescape.com/img/rs3/members_benefits/hex_bottom_left.png) no-repeat;
    bottom: 27px;
    left: 2px;
}
div.corner span:nth-child(4){
    background: url(http://www.runescape.com/img/rs3/members_benefits/hex_bottom_right.png) no-repeat;
    bottom: 27px;
    right: 2px;
}
div.deco span:nth-child(1){
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1785px;
    top: 185px;
    left: 20px;
    height: 27px;
    width: 13px;
}
div.deco span:nth-child(2){
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1822px;
    width: 23px;
    height: 28px;
    top: 184px;
    left: 328px;
}
div.deco span:nth-child(3){
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1859px;
    width: 23px;
    height: 28px;
    top: 184px;
    left: 650px;
}
div.deco span:nth-child(4){
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1897px;
    top: 184px;
    right: 20px;
    height: 27px;
    width: 13px;
}
.membersBenefits .hexPanel{
    width: 320px;
    height: 150px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
.membersBenefits .hexContent{
    cursor: default;
    height: 300px;
    width: 960px;
    position: absolute;
    top: 0;
    left: 0;
    background: yellow;
    display: none;
    background: url("http://www.runescape.com/img/rs3/members_benefits/quests.jpg") no-repeat scroll left top transparent;
    z-index: 50;
    text-indent: 0;
}
.membersBenefits .hexBoxes ul li:nth-child(2) .hexContent{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/skills.jpg");
}
.membersBenefits .hexBoxes ul li:nth-child(3) .hexContent{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/minigames.jpg");
}
.membersBenefits .hexBoxes ul li:nth-child(4) .hexContent{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/ports.jpg");
}
.membersBenefits .hexBoxes ul li:nth-child(5) .hexContent{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/adverts.jpg");
}
.membersBenefits .hexBoxes ul li:nth-child(6) .hexContent{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/map.jpg");
}
.membersBenefits .hexBoxes ul li .more{
    display: none;
    margin: auto;
    bottom: 8px;
    left: 10px;
    position: absolute;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 2px 8px;
}
.membersBenefits .hexBoxes ul li:hover .more{
    display: block;
}
.membersBenefits .hexContent a.close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 35px;
    height: 35px;
    background: url("http://www.runescape.com/img/rs3/members_benefits/close_mo.png") no-repeat transparent;
}
.membersBenefits .hexContent a.close img{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}    
.membersBenefits .hexContent a:hover.close img{
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.membersBenefits .hexContent img.skills{
    float: right;
    margin: 8px 73px;
}
.membersBenefits .howTo:before,
.membersBenefits .howTo:after{
    content: ' ';
    display: table;
}
.membersBenefits .howTo:after{
    clear: both;
}
.membersBenefits .howTo{
    margin-top: -47px;
    position: relative;
    /* overflow: hidden;*/
    min-height: 510px;
}
.membersBenefits .howTo img.become_a_member{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -16px;
}
.membersBenefits .howTo h3{
    margin-top: 84px;
    font-size: 2.4em;
}
.membersBenefits .howTo p{
    width: 500px;
    margin-bottom: 21px;
}
.membersBenefits .benefits{
    position:relative;
    overflow:hidden;
    margin: 0 auto -8px;
}
.membersBenefits .benefits:before,.membersBenefits .hexBoxes:before, .membersBenefits .benefits:after,.membersBenefits .hexBoxes:after{
    content:'';
    background: transparent url(http://www.runescape.com/img/rs3/_sprite/carved_top.png) no-repeat 0 0;
    position:absolute;
    width:100%;
    height:166px;
}
.membersBenefits .benefits:after,.membersBenefits .hexBoxes:after{
    background-image:url(http://www.runescape.com/img/rs3/_sprite/carved_bottom.png);
    bottom:0;
}
.membersBenefits .benefits table{
    margin: 27px 32px 0;
    width: 936px;
    font-size: 2em;
    text-align: center;
}
.membersBenefits .benefits table th {
    background: url('http://www.runescape.com/img/rs3/members_benefits/thBack.png') no-repeat center -10px transparent;
    color: #e1bb34;
    font-family: 'trajan-pro-3';
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    min-height: 40px;
    padding-bottom: 12px;
    text-shadow: 2px 2px 2px #000;
    position:relative;
}
.membersBenefits .benefits table th:first-child{
    background: none;
}
.membersBenefits .benefits table td{
    border-style: dashed;
    border-width: 0 1px 1px 0;
    border-color: #19516b;
    font-size: 1em;
    color: #cacaca;
    padding: 14px 0;
    font-family: 'trajan-pro-3';
}
.membersBenefits .benefits table td img{
    display: block;
    margin: -2px auto;
}
.membersBenefits .benefits table td:first-child{
    color: #8eb0c0;
    font-size: 0.85em;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    text-align: left;
    width: 33.3%;
    font-family: 'MuseoSans500';
}
.membersBenefits .benefits table td.bullet:before {
    background-color: #8eb0c0;
    border-radius: 3px 3px 3px 3px;
    content: "";
    display: inline-block;
    height: 6px;
    margin: 0 29px 0 0;
    vertical-align: middle;
    width: 6px;
}
.membersBenefits .benefits table td:last-child{
    color: #e1bb34;
    width: 33.3%;
    border-right: none;
}
.membersBenefits .advantage:before,.advantage:after{
    content:'';
    background: url("http://www.runescape.com/img/rs3/members_benefits/hexBottomLeftDevice.png") no-repeat scroll 0 0 transparent;
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}
.membersBenefits .advantage:after{
    background-image: url("http://www.runescape.com/img/rs3/members_benefits/hexBottomRightDevice.png");
    bottom: -5px;
    right: -7px;
    width: 20px;
    height: 18px;
    left: auto;
}      
.membersBenefits .advantage{
    margin: 0 20px 48px;
    position: relative;
    background: url('http://www.runescape.com/img/rs3/swirl_repeat.jpg') repeat-x top left transparent;
}
.membersBenefits .advantage p{
    text-transform: uppercase;
    color: #cacaca;
    font-family: 'trajan-pro-3';
    line-height: 4.6em;
    margin: 0 0 0 34px;
}
.membersBenefits .advantage .btnWrap{
    position: absolute;
    top: 0;
    left: 730px;
    z-index: 20;
}
/*
 * 
 *  7. MEDIA PAGES
 *  
 */
.media .main,
.music .main {
    clear: both;
    font-size: 2em;
    margin-top: 10px;
    min-height: 600px;
}
.media #toggleFullList {
    float: right;
}
#soundcloudPlayer {
    font-size: 59%;
    padding:20px; 
    width:290px;
}
#soundcloudPlayer h1 {
    border-bottom: 1px solid #000000;
    color: rgb(255, 203, 5); 
    font-size: 1.9em;
    line-height: 1.5em;
}
#soundcloudPlayer .description {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #1E313C;
    font-size: 1.25em;
    padding: 5px 0 25px;
}

.sc-player {
    position:relative;
    border-top: 1px solid #1E313C;
    display: block;
    padding-top: 9px;
}
.sc-player .sc-topWrapper {
    height: 95px;
}
.sc-player .sc-controls a, 
.sc-player .social_info span .icon, 
.sc-player .sc-trackslist li .icon {
    background: url(http://www.runescape.com/img/main/downloads_and_media/rs3/soundcloud-sprite.png) no-repeat scroll 0 0 transparent;
}
.sc-player .sc-artwork-list {
    float: left;
}
.sc-player .sc-artwork-list li {
    display: none;
    width: 100px;
    height: 100px;
}
.sc-player .sc-artwork-list li.active {               
    display: block;
}
.sc-player .sc-trackslist li.active {
    display: none;
}
.sc-player .sc-waveform-container {
    display: none;
}
.sc-player .sc-artwork-list li img {
    display: block;
}
.sc-player .sc-artwork-list li.active {               
    display: block;
}
.sc-player .sc-trackslist li.active {
    display: none;
}
.sc-player .error,
.sc-player.loadingError .loading {
    display: none;
}
.sc-player.loadingError .error {
    display: block;
}
.sc-player .sc-controls a {
    display: none;
    font-size: 0;
    height: 50px;
    position: absolute;
    width: 50px;
}
.sc-player .sc-controls a.sc-play {
    display: block;
    background-position: -51px 0;
}
.sc-player.playing .sc-controls a.sc-pause {
    display: block;
}
.sc-player.playing .sc-controls a.sc-play {
    display: none;
}
.sc-player .sc-controls a.hidden {
    display: none;
}
.sc-player .sc-info {
    float: left;
    padding: 5px;
    width: 180px;
}
.sc-player .sc-info p, .sc-info-close, .sc-info-toggle {
    display: none;
}
.sc-player .social_info {
    color: #7592A0;
    display: block;
    padding: 5px 0;
}
.sc-player .social_info > span {
    padding: 0 10px;
}
.sc-player .social_info span .icon {
    display: inline-block;
    height: 15px;
    width: 15px;
}
.sc-player .social_info span.playback_count {
    padding-left: 0;
}
.sc-player .social_info span.favorite_count {
    border-left: 1px solid;
    border-right: 1px solid;
}
.sc-player .social_info span.playback_count .icon {
    background-position: -105px -14px;
}
.sc-player .social_info span.favorite_count .icon {
    background-position: -126px -14px;
}
.sc-player .social_info span.comment_count .icon {
    background-position: -149px -16px;
}
.sc-player .sc-trackslist li {
    clear: both;
    padding: 10px 0 5px;
}
.sc-player .sc-trackslist li,
.sc-player .sc-topWrapper {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #1E313C;
}
.sc-player .sc-topWrapper {
    min-height: 95px;
    border-top: none;
}
.sc-player .sc-trackslist li .icon {
    background-position: -62px -11px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 33px;
    margin-right: 10px;
    width: 34px;
}
.sc-player .sc-info h3, .sc-trackslist a {
    font-family: Arial;
    font-size: 1.2em;
    padding: 8px 0;
}
.sc-player .hidden {
    display: none;
}
.sc-player-engine-container{
    width: 1px;
    height: 1px;
    position: fixed;
    top: 2px;
    left: 2px;
}
.sc-player .sc-scrubber {
    display: block;
    height: 50px;
    left: 122px;
    position: absolute;
    top: 57px;
    width: 310px;
    z-index: 600;
}
.sc-player .sc-scrubber img {
    height: 100%;
    width: 100%;
}
.sc-player .sc-scrubber .sc-time-span{
    height: 100%;
    margin: 5px;
    position: relative;
}
.sc-player .sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
    height: 100%;
    position: absolute;
    top: 0;
}
.sc-player .sc-scrubber .sc-time-indicators{
    position: absolute;
    right: 0;
    top: -30px;
}
.sc-player .sc-waveform-container {
    position: absolute;
    z-index: 5;
}
.sc-player .sc-buffer, .sc-played {
    opacity: 0.3;
}
.sc-player .sc-buffer {
    background: darkgray;
}
.sc-player .sc-played {
    background: #ffcb05;
}

.media #soundcloudPlayer {
    width:290px;
}
.media .sc-player .sc-artwork-list {
    height: 80px;
    width: 100px;
}
.media .sc-player .sc-artwork-list li img {
    width: 65%;
    margin: 6px auto;
}
.media .sc-player .sc-track-duration {
    display: block;
    padding: 5px 45px;
}
.media .sc-player .sc-trackslist li {
    min-height: 50px;
}
.media .sc-player .sc-controls a {
    left: 23px;
    top: 23px;
}
.media .sc-player h4 {
    display: none;
}

.music .sc-player .sc-waveform-container {
    display: block;
}
.music #soundcloudPlayer {
    width: 930px;
}
.music .sc-player {
    float: left;
    width: 430px;
}
.music .sc-player:nth-child(odd) {
    margin-right: 70px;
}
.music .sc-player .sc-artwork-list {
    height: 145px;
    width: 121px;
}
.music .sc-player .sc-artwork-list li img {
    width: 100%;
}
.music .sc-track-duration {
    display: inline-block;
    padding: 5px 10px;
}
.music .sc-player .sc-controls a {
    left: 117px;
    top: 0;
}
.music .sc-player h4 {
    display: none;
}
.music .sc-player .sc-info {
    padding: 5px 50px;
}
/*
 * 
 *  8. HISCORE PAGES
 *  
 */
.hiscore .secondary a {
 font-size:1.9em;
}
.fr.hiscore .secondary a {
 font-size:1.6em;
} 
.de.hiscore .secondary a, .pt.hiscore .secondary a, .es.hiscore .secondary a {
 font-size:1.8em;
}
.hiscore .banner .inner{
    height:409px;
}
.hiscore .title span{
    background: transparent url(http://www.runescape.com/img/rs3/titles/hiscores.png) no-repeat bottom left;
}
.es.hiscore .title span {
 height:89px;
}
.hiscore .title:after {
 background:none;
}
.hiscore .title .membersOnlyIcon {
 background: url(http://www.runescape.com/img/rs3/hiscores/members-only-icon.png?0) no-repeat 0 0 transparent;
 width:91px;
 height:82px;
 position: absolute;
    right: -28px;
    top: -29px;
    z-index: 30;
}
.hiscore .content{
    min-height:inherit;
    background:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.hiscore .compareLanding .content {
    min-height: 400px;
    width: 100%;
}
.secondary {
    margin-top: 5px;
}
.secondary a{
    font-size:2em;
}
.overviewBlock {
    float: left;
    height: 200px;
    width: 50%;
}
.overviewBlock .h3Container {
    padding: 75px 30px;
}
.overviewBlock h3 {
    width: 170px;
}
.filter,
p.filterReplace{
    overflow:hidden;
    padding-bottom:20px;
    border-bottom:solid 1px #000;
    margin-bottom: 0;
    margin-top:20px;
}
p.clanError {
    color:#e1bb34;
}
.filter h6, .filter ul{
    float:left;
}
.filter h6{
    font-size:1.5em;
    font-family: 'MuseoSans500';
    margin-right:4px;
}
.filter li{
    float:left;
    font-size:1.5em;
    font-family: 'MuseoSans500';
}
.filter li:first-child{
    margin-left:0;
}
.filter li:before{
    content:'|';
    margin:0 5px;
    color:#e1bb34;
}
.filter li:first-child:before{
    content:'';
}
.filter a{
    color:#e1bb34;
}
.filter a:hover,.filter .active a{
    color:#fff;
}
.paginationWrap .gotoPage input.text {
    margin: 0 5px;
}
.hiscore .error{
    margin:0 30px;
    color:#e1bb34;
    padding-top:10px;
    border-top:solid 1px #223843;
}
.hiscore .error.inline{
    margin:0 0 20px;
    padding-top:0;
    border-top:0;
}
/* Hiscore Overview START */
.hiscore .overviewSlider {
 height:413px;
 width:100%;
 padding:20px 0;
 overflow:hidden;
 background:url('http://www.runescape.com/img/rs3/background-bar-repeat.png') repeat-x 0 0;
 margin-top:10px;
}
.hiscore .overviewSlider .sliderBackground {
 width:100%;
 height:425px;
 background:url('http://www.runescape.com/img/rs3/hiscores/carousel-background.jpg') no-repeat 0 0;
}
.hiscore .overviewSlider .inner {
 background:url('http://www.runescape.com/img/rs3/background-bar-repeat2.png') repeat-x bottom 4px left 0;
 padding-bottom:10px;
}
.hiscore .overviewSlider .flex-prev, .hiscore .overviewSlider .flex-next {
 top:193px;
}
.hiscore .overviewSlider .overviewSliderItem {
 width:100%;
 height:425px;
 position:relative;
}
.hiscore .overviewSlider .overviewSliderItem .hsBigImage {
 width:442px;
 height:398px;
 background:url('http://www.runescape.com/img/rs3/hiscores/carousel-hs-background.png') no-repeat 0 0;
 bottom:12px;
 left:7%;
 position:absolute;
 display:block;
}
.hiscore .overviewSlider .overviewSliderItem .clanBigImage {
 width:383px;
 height:410px;
 background:url('http://www.runescape.com/img/rs3/hiscores/carousel-clan-background.png') no-repeat 0 0;
 position:absolute;
 bottom:8px;
 left:7%;
 display:block;
}
.hiscore .overviewSlider .overviewSliderItem img {
 height:413px;
 width:100%;
}
.hiscore .overviewSliderItem .overviewButtonOuter {
 background:url('http://www.runescape.com/img/rs3/hiscores/overview-score-bot.png') no-repeat 24px 0px;
 height:40px;
 position:relative;
 margin-top:-1px;
}
.no-borderimage .hiscore .overviewSliderItem .overviewButtonOuter {
 margin-top:-1px;
}
.hiscore .overviewSliderItem .overviewButtonOuter .btnWrap {
 bottom: -4px;
    left: 29%;
    position: absolute;
    z-index:2;
}
.de.hiscore .overviewSliderItem .overviewButtonOuter .btnWrap {
    left: 23%;
}
.fr.hiscore .overviewSliderItem .overviewButtonOuter .btnWrap {
    left: 31%;
}
.pt.hiscore .overviewSliderItem .overviewButtonOuter .btnWrap {
    left: 30%;
}
.es.hiscore .overviewSliderItem .overviewButtonOuter .btnWrap {
    left: 30%;
}
.hiscore .overviewSlider .tiledBlueFrame {
 -moz-box-shadow:0 0 14px -1px #000;
    -webkit-box-shadow:0 0 14px -1px #000;
    box-shadow: 0 0 14px -1px #000;
}
.hiscore .overviewSlider .scoreTable {
 width:330px;
 position:absolute;
 top:45px;
 right:100px;
 display:none;
}
.hiscore .overviewSlider .scoreTable table {
 width:100%;
}
.hiscore .overviewSlider .scoreTable .ov1 {
 width:30%;
 text-align:center;
}
.hiscore .overviewSlider .scoreTable .ov2 {
 width:70%;
}
.es.hiscore .overviewSlider .scoreTable th {
 font-size:1.5em;
}
.de.hiscore .overviewSlider .scoreTable tr.loginRow td {
 font-size:1.3em;
}
.fr.hiscore .overviewSlider .scoreTable tr.loginRow td {
 font-size:1.2em;
}
.hiscore .overviewSlider .scoreTable tr.loginRow, .hiscore .overviewSlider .scoreTable tr.loginRow a {
 color:#234D5B
}
.hiscore .overviewSlider .scoreTable tr.loginRow a.specialLink {
 display:inline;
 color:#2B1E0A;
}
.hiscore .overviewSlider .scoreTable h3 {
 background:url('http://www.runescape.com/img/rs3/hiscores/overview-score-top.png') no-repeat 0 0;
 color:#e1bb34;
 height: 48px;
    line-height: 77px;
    padding-left: 30px;
    position: relative;
    z-index: 4;
    margin-bottom:-1px;
}
.fr.hiscore .overviewSlider .scoreTable h3 {
 padding-left:15px;
 font-size:2em;
}
.es.hiscore .overviewSlider .scoreTable h3 {
 padding-left:17px;
 font-size:2em;
}
.hiscore section.overviewHS {
 border-left: 1px solid #000000;
    border-right: 1px solid #223843;
    display: inline;
    float: left;
    margin: 20px 0;
    padding: 0 8px 0 20px;
    width: 220px;
}
.hiscore section.nobrdL {
 border-left: none;
}
.hiscore section.nobrdR {
 border-right: none;
}
.hiscore section.overviewHS h4 {
 margin-bottom:15px;
}
.hiscore section.overviewHS p {
 font-size:1.2em;
}
.hiscore section.overviewHS a {
 color:#e1bb34;
}
.hiscore section.overviewHS a:hover {
 color:#fff2c5;
}
.hiscore section.overviewHS .overviewImageFrame {
 position:relative;
 height:155px;
}
.hiscore section.overviewHS .overviewImage {
 height:155px;
 width:228px;
 background:url('http://www.runescape.com/img/rs3/hiscores/landing-sprite.png?1') no-repeat -8px -5px;
 position:absolute;
 top:0;left:-3px;
 display:block;
}
.hiscore section.overviewHS .overviewImage.secondChild {
 background-position:-255px -5px;
}
.hiscore section.overviewHS .overviewImage.thirdChild {
 background-position:-502px -5px;
}
.hiscore section.overviewHS .overviewImage.forthChild {
 background-position:-752px -5px;
}
/* Hiscore Overview END */
/* Ranking table START */
.hiscore th .relative{
    padding-right:20px;
}
.tiledBlueFrame table {
    width: 640px;
    background: transparent url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y -1px 0;
}
.tiledBlueFrame table tr.oddRow > td {
    background: url('http://www.runescape.com/img/rs3/global/paleRowBg.png') repeat;
}
.tiledBlueFrame table thead tr {
    background: transparent url(http://www.runescape.com/img/rs3/hiscores/table-header.png) repeat-x 0 0;
    height:49px;
    vertical-align:middle;
}
.tiledBlueFrame .noTop thead table tr {
    background:none;
}
.tiledBlueFrame tbody tr.hover > td,
.tiledBlueFrame tbody tr:hover > td{
    background: #c9b088 url('http://www.runescape.com/img/rs3/hiscores/table-hover.gif') repeat-x 0 0;
}
.tiledBlueFrame table th,
.tiledBlueFrame table td{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(117,146,160,0.25) #000 #000 rgba(117,146,160,0.25);
}
.lt-ie9 .tiledBlueFrame table th,
.lt-ie9 .tiledBlueFrame table td{
 border-color:#000;
}
.tiledBlueFrame table th{
    font-family: 'trajan-pro-3';
    font-size: 1.6em;
    padding: 0 10px;
    color: #e1bb34;
    vertical-align:middle;
}
.hiscore table .col1 {
    width:15%;  
}
.hiscore table .col2 {
    width:39%;  
}
.hiscore table .col3 {
    width:23%;  
}
.hiscore table .col4 {
    width:23%;  
}
.hiscore table .col3-1 {
    width:20%;  
}
.hiscore table .col3-2 {
    width:60%;  
}
.hiscore table .col3-3 {
    width:20%;  
}
.hiscore table .clanDrop{
    cursor:pointer;
}
.hiscore .clanDrop .relative:after{
    content:'';
    border-color:#e1bb34 transparent transparent transparent;
    border-style:solid;
    border-width:10px 6px;
    position:absolute;
    right:0;
    top:20%;
}
.hiscore table th.clanDrop:hover a.clanSubNav{
    display:block;
}
.hiscore table th a.clanSubNav{
    background: transparent url(http://www.runescape.com/img/rs3/hiscores/table-header.png) repeat-x 0 0;
    bottom: -64px;
    height: 49px;
    left: -10px;
    line-height: 49px;
    padding: 0 15px;
    position: absolute;
    width:92%;
    display:none;
}
.hiscore table th a.clanSubNav:hover{
    color:#e1bb34;
}
.tiledBlueFrame table td{
    min-height: 36px;
    line-height: 36px;
    font-family: 'MuseoSans500';
    font-size: 1.4em;
    padding: 0 10px;
    text-align: left;
}
.tiledBlueFrame table a{
    width: 100%;
    height: 100%;
    display: block;
    color: #d7dbe1;
}
.tiledBlueFrame tbody tr:hover a,.tiledBlueFrame tbody .hover a{
    color:#234D5B;
}
.tiledBlueFrame table .avatar{
    width: 27px;
    height: 27px;
    margin: 5px 12px 0 0;
    float: left;
}
.hiscore table .avatar-clan{
    width: 37px;
    margin: 11px 12px 0 0;
    float: left;
}
.tiledBlueFrame .noTop{
    margin-top: 10px;
}
.tableWrap{
    position:relative;
}
.no-borderimage .tableWrap{
    margin:10px;
}
.tableWrap:before, .tableWrap:after{
    content:'';
    position:absolute;
    top:-11px;
    left:-20px;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1822px;
    width:23px;
    height:27px;
    z-index:5;
}
.tableWrap:after{
    left:auto;
    right:-20px;
    background-position:0 -1859px;
    width:23px;
    height:27px;
}
.hiscore .findMe {
 background:url(http://www.runescape.com/img/rs3/hiscores/pagination.png) repeat-x 0 0;
 height:30px;
}
.hiscore .findMe .findMeLinkOuter {
 background:url(http://www.runescape.com/img/rs3/hiscores/find-me-bar.png) no-repeat 0 0;
 height:28px;
 line-height:28px;
}
.no-js .hiscore .findMeLinkOuter {
 display:none;
}
.hiscore .findMe .findMeLink {
 position:relative;
 left:10px;
}
.de.hiscore .findMe .findMeLink, .pt.hiscore .findMe .findMeLink {
 font-size: 0.9em;
 left: 6px;
}
.fr.hiscore .findMe .findMeLink, .es.hiscore .findMe .findMeLink {
 font-size: 0.9em;
 left: 4px;
}
.js .hiscore .findMeContent {
 display:none;
}
.hiscore .findMe .findMeLink:after {
 border-color: #B2DBEE transparent transparent;
    border-style: solid;
    border-width: 7px 4px;
    content: "";
    position: absolute;
    top: 3px;
    right:-15px;
}
.fr.hiscore .findMe .findMeLink:after, .pt.hiscore .findMe .findMeLink:after, .es.hiscore .findMe .findMeLink:after {
 right: -10px;
}
.hiscore .findMe .findMeLinkOpen:after {
 transform: rotate(180deg);
 -ms-transform:rotate(180deg); /* IE 9 */
 -webkit-transform:rotate(180deg); /* Safari and Chrome */
 top:-6px;
}
.tiledBlueFrame .tableWrap .paginationWrap {
 margin-top:0;
 background:url(http://www.runescape.com/img/rs3/hiscores/pagination-bot.png) repeat 0 0;
 padding:10px 0;
}
/* Ranking table END */
/* Category drop down START */
.hiscore .categorySection {
    margin: 20px 30px 0;
    min-height: 45px;
}
.hiscore .content p {
    font-size: 1.4em;
}
.hiscore .filter h6 {
 float: left;
    font-size: 1.4em;
}
.hiscore .filter li {
    font-size: 1.4em;
}
.hiscore .categorySection h3 {
    color:#e1bb34;
    margin-bottom: 10px;
}
.js .hiscore p.extraSpace {
 margin-top:20px;
}
.hiscore .categorySection .categories {
    position: absolute;
    right: 0;
    top: 0;
}
.hiscore .categorySection .categories:hover .filterContainer {
    display: block;
}
.hiscore .categorySection .categories h6{
    font-size:1.4em;
    font-family:'MuseoSans500';
    color:#e1bb34;
    overflow:visible;
    position:relative;
    padding-right:25px;
    cursor:pointer;
    padding:20px 40px 20px 25px;
    margin:1px 1px 0 1px;
    z-index:25;
}
.hiscore .categorySection .categories h6:after{
    content:'';
    border-color: #e1bb34 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 7px;
    position:absolute;
    right:16px;
    top:21px;
}
.hiscore .categorySection .categories:hover h6{
    color:#e1bb34;
    margin:0;
    border-top:solid 1px #2c3c43;
    border-left:solid 1px #2c3c43;
    border-right:solid 1px #2c3c43;
    background:transparent url(http://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
}
.hiscore .categorySection .categories:hover h6:after{
    border-color: #e1bb34 transparent transparent transparent;
}
.hiscore .categorySection .filterContainer {
    background: url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat scroll center center transparent;
    border: 1px solid #2C3C43;
    box-shadow: 0 4px 10px #000000;
    display: none;
    font-family: 'MuseoSans500';
    font-size: 1.4em;
    overflow: visible;
    padding: 10px 10px 30px;
    position: absolute;
    right: 0;
    top: 54px;
    width: 607px;
    z-index: 20;
}
.hiscore .categorySection .filterContainer h3 {
    font-size: 2.2em;
    margin: 10px;
}
.hiscore .categorySection .filterContainer:after {
    background: url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 18px;
    left: -3px;
    position: absolute;
    width: 635px;
}
.hiscore .categorySection .filterContainer ul {
    overflow: auto;
    margin-bottom: 30px;
}
.hiscore .categorySection .filterContainer ul:last-child {
    margin-bottom: 0;
}
.hiscore .categorySection .filterContainer li {
    display: inline;
}
.hiscore .categorySection .filterContainer a {
    border-bottom: 1px solid #223843;
    display: block;
    float: left;
    line-height: 30px;
    margin-bottom: 6px;
    margin-left: 10px;
    width: 189px;
    color:#d7dbe1;
}
.es.hiscore .categorySection .filterContainer a {
 font-size: 0.9em;
}
.hiscore.fr .categorySection .filterContainer ul:nth-of-type(2) li a, .hiscore.pt .categorySection .filterContainer ul:nth-of-type(2) li a  {
    height:40px;
    line-height:20px;
}
.hiscore .categorySection .filterContainer a:hover{
    color:#e1bb34;
}
/* Category drop down END */
/* Skill Icons START*/
.hiscore .hiscoreIconOther {
    background: url('http://www.runescape.com/img/rs3/hiscores/other-icons.png') 0 0 no-repeat transparent;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}
.hiscore .iconSkillTotal {
    background-position: -38px -36px;
}
.hiscore .iconXPTotal {
    background-position: -38px -36px;
}
.hiscore .iconCombatLvl {
    background-position: -38px -67px;
}
.hiscore .iconKillsTotal {
    background-position: 0px -36px;
}
.hiscore .iconDeathsTotal {
    background-position: -38px -3px;
}
.hiscore .iconClanMates {
    background-position: -0px -0px;
}
.hiscore .iconClanWars {
    background-position: -0px -67px;
}
.hiscore .iconClanWarsMembers {
    background-position: -0px -103px;
}
.hiscore .iconKillDeathRatio {
    background-position: -38px -3px;
}
.hiscore .hiscoreIcon {
    background: url('http://www.runescape.com/img/rs3/hiscores/skill-icons.png?2') 0 0 no-repeat transparent;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}
.hiscore .iconAttack {
    background-position: -153px 0;
}
.hiscore .iconDefence {
    background-position: -457px -36px;
}
.hiscore .iconStrength {
    background-position: -306px -182px;
}
.hiscore .iconHitpoints {
    background-position: 0 -36px;
}
.hiscore .iconConstitution {
    background-position: 0 -36px;
}
.hiscore .iconRanged {
    background-position: -306px -145px;
}
.hiscore .iconPrayer {
    background-position: -155px -145px;
}
.hiscore .iconMagic {
    background-position: -457px -110px;
}
.hiscore .iconCooking {
    background-position: -458px 0;
}
.hiscore .iconWoodcutting {
    background-position: -152px -219px;
}
.hiscore .iconFletching {
    background-position: 0 -110px;
}
.hiscore .iconFishing {
    background-position: -458px -72px;
}
.hiscore .iconFiremaking {
    background-position: -305px -72px;
}
.hiscore .iconCrafting {
    background-position: -304px -37px;
}
.hiscore .iconSmithing {
    background-position: 0 -182px;
}
.hiscore .iconMining {
    background-position: 0 -144px;
}
.hiscore .iconHerblore {
    background-position: -304px -110px;
}
.hiscore .iconAgility {
    background-position: -305px 0;
}
.hiscore .iconThieving {
    background-position: 0 -219px;
}
.hiscore .iconSlayer {
    background-position: -152px -182px;
}
.hiscore .iconFarming {
    background-position: -152px -71px;
}
.hiscore .iconRunecraft, .hiscore .iconRunecrafting {
    background-position: -456px -145px;
}
.hiscore .iconHunter {
    background-position: -152px -109px;
}
.hiscore .iconConstruction {
    background-position: -153px -35px;
}
.hiscore .iconSummoning {
    background-position: -455px -182px;
}
.hiscore .iconDungeoneering {
    background-position: 0 -71px;
}
.hiscore .iconDivination {
    background-position: -306px -219px;
}
.hiscore .activityIcon {
    background: url('http://www.runescape.com/img/rs3/hiscores/activity-icons.png') 0 0 no-repeat transparent;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
    margin-bottom:1px;
}
.hiscore .actIcon0 {
    background-position: 0 -34px;
}
.hiscore .actIcon1 {
    background-position: -150px -36px;
}
.hiscore .actIcon2 {
    background-position: -151px -69px;
}
.hiscore .actIcon3 {
    background-position: 0 -70px;
}
.hiscore .actIcon4 {
    background-position: -303px -34px;
}
.hiscore .actIcon6 {
    background-position: -154px 0;
}
.hiscore .actIcon7 {
    background-position: -304px 0;
}
.hiscore .actIcon8 {
    background-position: -454px 0;
}
.hiscore .actIcon9 {
    background-position: -305px -72px;
}
.hiscore .actIcon10 {
    background-position: -305px -105px;
}
.hiscore .actIcon11 {
    background-position: -453px -35px;
}
.hiscore .actIcon12 {
    background-position: -452px -70px;
}
.hiscore .actIcon13 {
    background-position: -150px -105px;
}
.hiscore .actIcon14 {
    background-position: 0 -105px;
}
/* Skill Icons END */
/* Hiscore sidebar */
.hiscore .sidebar{
    background:none;
}
.hiscore .sidebar section,.hiscore .mpu{
    background:transparent url(http://www.runescape.com/img/rs3/sidebar-news-divider.png) no-repeat bottom left;
    padding-bottom:13px;
    overflow:hidden;
}
.hiscore .mpu{
    padding:24px 0 24px 17px;
}
.hiscore .sidebar h3{
    font-size:1.8em;
}
.hiscore .sidebar .input h3{
    background:none;
    padding:0;
    height:auto;
    line-height:inherit;
    border:0;
    margin:15px 0 13px 30px;
    color:#b2dbee;
}
.sidebar input.text{
    width:210px;
    float:left;
    margin:0 10px 5px 0;
}
.hiscore .sidebar .btnWrap,.hiscore .sidebar .btn{
    position:static;
    left:0; 
    margin:0;
}
.hiscore .sidebar .btnWrap{
    margin-top:2px;
}
.hiscore .sidebar .index{
    border:0;
    margin-right:0;
}
.hiscore .input input[type="submit"]{
    padding:0 5px;
}
.hiscore .sidebar section:last-child:before{
    background:none;
    display:none;
}
/* Hiscore sidebar */
/* Hiscore Compare START */
.hiscore .smallFilter .filterContainer {
    width:208px;
}
.hiscore .smallFilter .filterContainer:after {
    width:230px;
}
.hiscore .compareNameOuter {
    margin:85px 0 -50px;
    background:url(http://www.runescape.com/img/rs3/hiscores/compare-empty.png) repeat-x 0 43px;
    position:relative;
}
.hiscore .compareNameLeft {
    float:left;
    display:inline;
    width:490px;
    height:85px;
    background:url(http://www.runescape.com/img/rs3/hiscores/compare-left.png) no-repeat 0 0;
    position:relative;
    left:-11px;
}
.hiscore .compareNameOuter h4 {
    width:220px;
    overflow:hidden;
    position:absolute;
    font-size:200%;
    line-height:86px;
}
.hiscore .compareNameLeft h4 {
    left:140px;
}
.hiscore .compareNameRight h4 {
    left:130px;
}
.hiscore .compareNameRight {
    float:right;
    display:inline;
    width:490px;
    height:85px;
    background:url(http://www.runescape.com/img/rs3/hiscores/compare-right.png) no-repeat -17px 0;
    position:relative;
    right:-10px;
    text-align:right;
}
.hiscore .compareVs {
    width:398px;
    height:172px;
    background:url(http://www.runescape.com/img/rs3/hiscores/center-vs.png) no-repeat 0 0;
    left: 50%;
    margin-left: -199px;
    position: absolute;
    top: -30px;
    width: 398px;
    z-index:10;
}
.hiscore .compareVsSmall{
    width:128px;
    height:128px;
    background:url(http://www.runescape.com/img/rs3/hiscores/center-vs-small.png) no-repeat 0 0;
    position:absolute;
    bottom:-25px;
    left:50%;
    margin-left:-64px;
    z-index:10;
}
.hiscore .playerAvatar {
    position:absolute;
    bottom:18px;
    width:231px;
    height:151px;
}
.hiscore .avatarLeft {
    left:-13px;
    background:url(http://www.runescape.com/img/rs3/hiscores/avatar-left.png) no-repeat 0 0;
}
.hiscore .avatarRight {
    right:-16px;
    background:url(http://www.runescape.com/img/rs3/hiscores/avatar-right.png) no-repeat 0 0;
}
.hiscore .playerAvatar .avatarFrame {
    width:94px;
    height:94px;
    overflow:hidden;
    top:42px;
    left:42px;
    position:relative;
}
.hiscore .avatarRight .avatarFrame {
    left:94px;  
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.hiscore .playerAvatar .avatarFrame img {
    max-width:94px;
    max-height:94px;
}
.hiscore .playerStats {
    width:50%;
    float:left;
    display:inline;
}
.hiscore .playerStats.playerStatsNoPlayerOne {
 margin-left: 503px;
}
.hiscore .compareSkillsOuter{
    position:relative;
}
.lt-ie8 .hiscore .compareSkillsOuter {
    zoom:1;
    width:100%;
}
.hiscore .compareSkillsOuter table {
    width:100%; 
}
.hiscore .playerStats table th {
    background:transparent;
    border-color:transparent;
}
.hiscore .playerStats table th, .playerStats table td {
    text-align:right;
}
.hiscore .playerStats table td {
    padding-right:20px; 
}
.hiscore .compareSkillsOuter table td.playerWinLeft .relative:after {
    content:'';
    position:absolute;
    right:9px;
    top:12px;
    width:10px;
    height:12px;
    background:url(http://www.runescape.com/img/rs3/hiscores/compare-arrow-left.png) no-repeat 0 0;
}
.hiscore .playerStats table td.center, .hiscore .playerStats table th.center, .hiscore table.seasonalCompareShared .center {
    padding-right:10px;
    text-align:center;
}
.hiscore .playerStats table td.alignleft, .hiscore .playerStats table th.alignleft, .hiscore table.seasonalCompareShared .alignleft {
    padding-left:20px;
    text-align:left;
}
.hiscore .playerStats table td.alignright, .hiscore .playerStats table th.alignright, .hiscore table.seasonalCompareShared .alignright {
    padding-right:20px;
    text-align:right;
}
.hiscore table .align{
    text-align: right;
}
.hiscore .compareSkillsOuter table td.playerWinRight .relative:before {
    content:'';
    position:absolute;
    left:13px;
    top:12px;
    width:10px;
    height:12px;
    background:url(http://www.runescape.com/img/rs3/hiscores/compare-arrow-right.png) no-repeat 0 0;
}
.hiscore .compareSkillsOuter .skillIcons {
    width:50px;
    background: transparent url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y -5px 0;
    box-shadow: 0 10px 10px 5px #000;
    position:absolute;
    left: 50%;
    margin-left:-25px;
    padding:90px 0 10px 0;
    top:-25px;
    z-index:5;
}
.hiscore .skillIcons .hiscoreIcon, .hiscore .skillIcons .activityIcon  {
    margin: 0 0 0 9px;
    height:37px;
    width:42px;
    overflow:hidden;
}
.hiscore .changeCharacterOuter {
    position:relative;
    z-index:3;
    clear:both;
}
.hiscore .changeCharacterOuter .changeCharacterTab {
    height:28px;
    position:relative;
    top:4px;
    box-shadow: 0 4px 10px #000000;
    background:url(http://www.runescape.com/img/rs3/hiscores/select-player-bar-mid.png) repeat-x 0 0;
}
.hiscore .changeCharacterOuter .changeCharacterTab:before {
    content:'';
    width:140px;
    height:28px;
    left:-7px;
    top:0;
    background:url(http://www.runescape.com/img/rs3/hiscores/select-player-bar-sides.png) no-repeat 0 0;  
    position:absolute;
}
.hiscore .changeCharacterOuter .changeCharacterTab:after {
    content:'';
    width:140px;
    height:28px;
    right:-7px;
    top:0;
    background:url(http://www.runescape.com/img/rs3/hiscores/select-player-bar-sides.png) no-repeat right top;    
    position:absolute;
    z-index:1;
}
.hiscore .changeCharacterTab a.changeCharacterLink {
    position:absolute;
    top:9px;
    z-index:2;
    transition:transform 2s;
}
.hiscore .changeCharacterTab a:hover.changeCharacterLink:after {
    border-color: #e1bb34 transparent transparent;
}
.hiscore .changeCharacterTab a.changeCharacterLink:after {
    content:'';
    border-color: #b2dbee transparent transparent;
    border-style: solid;
    border-width: 7px 4px;
    position: absolute;
    top: 2px;
}
.hiscore .changeCharacterTab a.changeCharacterLeft {
    left:12px;
}
.hiscore .changeCharacterTab a.changeCharacterLeft:after {
    right: -18px;
}
.fr.hiscore .changeCharacterTab a.changeCharacterLeft, .es.hiscore .changeCharacterTab a.changeCharacterLeft {
    left:0;
}
.fr.hiscore .changeCharacterTab a.changeCharacterLeft:after {
    right: -13px;
}
.hiscore .changeCharacterTab a.changeCharacterRight {
    right:12px;
}
.hiscore .changeCharacterTab a.changeCharacterRight:after {
    left: -18px;
}
.fr.hiscore .changeCharacterTab a.changeCharacterRight, .es.hiscore .changeCharacterTab a.changeCharacterRight {
    right:0;
}
.fr.hiscore .changeCharacterTab a.changeCharacterRight:after {
    left: -13px;
}
.hiscore .changeCharacterTab a.changeCharacterOpen:after {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180degdeg); /* IE 9 */
    top:-6px;
}
.hiscore .changeCharacterForm h4 {
    color:#b2dbee;
    margin-bottom: 10px;
}
.hiscore .changeCharacterForm {
    margin:30px;
    height:138px;
    position:relative;
}
.js .hiscore .changeCharacterForm {
 display:none;
}
.hiscore .changeCharacterForm input[type=text] {
    position:absolute;
    width:25%;
    top:95px;
}
.hiscore .changeCharacterForm .leftInput {
    left:0px;   
}
.hiscore .changeCharacterForm:after {
    content:'';
    width:30px;
    border-bottom:1px solid #223843;
    height: 0;
    position: absolute;
    right: 31%;
    top: 112px;
    width: 9%;
}
.hiscore .changeCharacterForm:before {
    content:'';
    width:30px;
    border-bottom:1px solid #223843;
    height: 0;
    position: absolute;
    left: 31%;
    top: 112px;
    width: 9%;
}
.hiscore .changeCharacterForm .rightInput {
    right:0px;
}

.hiscore .changeCharacterForm .rightInput:before {
    content:'';
    width:30px;
    border-bottom:1px solid #223843;
    height:1px;
    position:absolute;
    left:100px;
}
.hiscore .changeCharacterForm .btnWrap {
    position:absolute;
    left:50%;
    top:75px;
    margin-left:-70px;
}
.hiscore .errorMessage {
 margin:30px 0 0 30px;
}
/* Hiscore Compare END */
/* Hiscore Compare Landing START */
.hiscore .compareLanding .landingForm {
    float:left;
    display:inline;
    padding-left:33px;
    width:30%;  
    position:relative;
}
.fr.hiscore .compareLanding .landingForm.widerLandingForm {
 width:31%;
}
.hiscore .compareLanding .landingForm.start{
    padding-left: 0;
}
.hiscore .compareLanding .landingForm.notEnd:after{
    background: #223843;
    content: "";
    height: 81px;
    position: absolute;
    right: 5px;
    top: 95px;
    width: 1px;
}
.hiscore .compareLanding .landingForm h3 {
    font-size:2em;
}
.hiscore.es .compareLanding .landingForm h3 {
    font-size:1.7em;
}
.hiscore .compareLanding .landingForm p {
    font-size:1.3em;
}
.hiscore.fr .compareLanding .landingForm p {
    height:55px;
}
.hiscore.de .compareLanding .landingForm p {
    height:35px;
}
.hiscore .compareLanding .landingForm .inputRow{
    margin-bottom:10px;
}
.hiscore .compareLanding .landingForm .inputRow > input {
    width:75%;
}
.hiscore .compareLanding aside {
    display:inline;
    float:left;
}
.hiscore .compareLanding aside .mpu {
    background:none;
}
/* Hiscore Compare Landing END */
/* Factional START */
.hiscore .factionNav{
 height: 55px;
 background: url(http://www.runescape.com/img/rs3/hiscores/subtab_backdrop.jpg);
 font-family: 'trajan-pro-3';
 font-size: 0.8em;
 box-shadow: 0 5px 9px black;
 position: relative;
 z-index: 1;
 padding-top: 11px;

}
.hiscore .factionNav li{
 display: inline;
 font-size: 1.9em;
 height: 55px;
}
.hiscore .factionNav a{
 display: block;
 height: 55px;
 float: left;
 line-height: 55px;
 text-align: center;
 position: relative;
 border-right: 2px solid black;
 padding: 0 33px;
}
.hiscore .factionNav ul{
 position: relative;
}
.hiscore .factionNav ul:after{
 width: 1px;
 background: #1E313C;
 height: 53px;
 position: absolute;
 content: "";
 right: -2px;
 top: 1px;
}
.hiscore .factionNav .active{
 box-shadow: inset -2px 4px 16px black;
 position: relative;
 color: #e1bb34;
}
.hiscore .factionNav .active:after{
 position: absolute;
 content: '';
 display: block;
 box-shadow: inset -2px 4px 16px black;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
.hiscore .factionContent {
    background: transparent url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
 margin-top: 0;
 padding: 0;
}
.factionContent .compareSkillsOuter{
 padding-top: 11px;
}
.factionContent .compareVs{
 background: url(http://www.runescape.com/img/rs3/hiscores/faction_center-vs.png) no-repeat 0 0;
}
.factionContent .compareNameOuter {
 margin-top: -35px;
}
.factionContent .compareNameLeft {
 height: 175px;
 margin: -79px 0 0 -11px;
 background: url(http://www.runescape.com/img/rs3/hiscores/faction_compare-left.png) no-repeat -7px 0;
}
.factionContent .compareNameRight {
 height: 175px;
 margin: -79px -6px 0 0;
 background: url(http://www.runescape.com/img/rs3/hiscores/faction_compare-right.png) no-repeat 16px 0;
}
.factionContent .avatarLeft {
 background: none;
}
.factionContent .avatarRight {
 background: none;
}
.factionContent .compareNameOuter h4{
 top: 57px;
 font-size: 3.5em;
 width: auto;
}
.factionContent .compareNameOuter h5{
 top: 120px;
 font-size: 2em;
 position: absolute;
 color: #d7dbe1;
}
.factionContent .compareNameLeft h4,
.factionContent .compareNameLeft h5{
 left: 147px;
}
.factionContent .compareNameRight h4,
.factionContent .compareNameRight h5{
 right: 147px;
}
.factionContent .compareSkillsOuter .tiledBlueFrame {
    width: 91%;
}
.factionContent th {
    font-size:1.5em;
}
.factionContent .alignleft {
    text-align:left;
    padding-right:20px;
    padding-left:0;
}
.factionContent .playerAvatar .avatarFrame {
    height: 102px;
    left: 48px;
    top: 38px;
    width: 102px;
}
.factionContent .avatarRight .avatarFrame {
    left:81px;
    top:36px;
}
.lt-ie8 .factionContent .avatarRight .avatarFrame {
    left:-40px;
}
.factionContent .playerAvatar .avatarFrame img {
    max-width:102px;
    max-height:102px;
}
.hiscore .factionBackground {
    position:relative;
    overflow:hidden;
}
.factionContent .factionCounter {
    width:324px;
    height:40px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-162px;
    margin-top:20px;
    background:url(http://www.runescape.com/img/rs3/hiscores/faction-counter-outer.png) no-repeat 0 0;    
}
.factionContent .factionInner {
    background:url(http://www.runescape.com/img/rs3/hiscores/faction-counter-inner.png) repeat-x 0 0; 
    height:20px;
    position:relative;
    top:10px;
    left:11px;
}
.factionContent .playerStats h3 {
    margin:35px 0 35px 35px;
}
.factionContent .playerStats .align{
    margin:35px 35px 35px 0;
    text-align:right;   
}
.factionContent .playerStats a{
 color: #d7dbe1;
}
.factionContent .bottomLinks{
 height: 35px;
 margin: 25px 0 15px 0;
}
.factionContent .bottomLinks a{
 font-size: 1.4em;
}
.factionContent a.yellowLinks{
 font-weight: bold;
 color: #e1bb34;
}
.factionContent a.yellowLinks:hover{
 color: #fff2c5;
}
.factionContent .tableLinkLeft{
 float: left;
 padding-left: 35px;
}
.factionContent .tableLinkRight{
 float: right;
 padding-right: 35px;
}
.factionContent .archiveLinks{
 position: relative;
 padding: 30px 35px;
}
.factionContent .archiveLinks h2{
 font-size: 3.4em;
 margin-bottom: 5px;
}
.factionContent .archiveLinks p{
 margin-bottom: 0px;
}
.factionContent .archiveLinks.archivePadding{
 margin-top: 60px;
}
.factionContent .archiveLinks .btnWrap{
 position: relative;
}
.factionContent .archiveLinks .btnWrap:before{
 position: absolute;
 content: '';
 height: 1px;
 width: 450px;
 left: -475px;
 top: 21px;
 background-color: black;
 border-bottom: 1px solid #273C47;
}
.factionContent .archiveLinks:before{
 background: url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x scroll 0 0 transparent;
 width: 100%;
 height: 18px;
 position: absolute;
 content: '';
 top: -19px;
 left: 0;
}

.factionContent .archiveLink p{
 float: left;
 margin: 13px 0 0 0;
}
.factionContent .archiveLink div{
 float: right;
 margin: 0 0 0 0;
}
.factionContent .tabbedContents{
 padding-top: 54px;
}
.factionContent .bottomBtn {
    padding: 0 20px;
}
.factionContent .bottomBtn .col1{
    float: left;
}
.factionContent .bottomBtn .col2{
    float: right;
}
/* Factional END */
/* Temp Hiscores */
.tempHSCatSectionLeft {
    border-right: 1px solid #1E313C;
    float: left;
    margin-bottom: 20px;
    padding-right: 10px;
    width: 320px;
}
.hiscore .content .tempHSCategorySection .tempHSCatSectionLeft p {
    margin-bottom: 15px;
}
.hiscore .content .tempHSCategorySection .tempHSCatSectionLeft p.activeHiScoreDescription {
 min-height: 31px;
}
.hiscore .tempHSCategorySection .tempHSCatSectionLeft .filter {
 line-height: 1.55em;
    padding-bottom: 0;
}
.tempHSCatSectionRight {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    overflow: hidden;
    width: 259px;
}
.tempHSCatSectionRightCycles {
    clear: both;
    padding-top: 16px;
    text-align: right;
}
.tempHSCatSectionRightDate {
    text-align: right;
}
.tempHSCatSectionRight div.endsInTextContainer {
    float: left;
    height: 25px;
    margin-right: 15px;
    margin-left: 30px;
}
.es .tempHSCatSectionRight div.endsInTextContainer {
 margin-left: 9px;
}
.fr .tempHSCatSectionRight div.endsInTextContainer {
 margin-left: 12px;
}
.pt .tempHSCatSectionRight div.endsInTextContainer {
 margin-left: 1px;
}
.tempHSCatSectionRight .numeral, .tempHSCatSectionRight .divider {
    width: 12px;
}
.hiscore .sidebar .tempHSSideSection {
 margin-top:20px;
}
.hiscore .sidebar .tempHSSideSection h3 {
    border: none;
    color: #FFCB05;
    font-size: 2.2em;
}
.js .hiscore .sidebar .tempHSSideSection #seasonalEventUpcoming, .js .hiscore .sidebar .tempHSSideSection #seasonalEventPast, .no-js .hiscore .sidebar .tempHSSideSection .seasonalEventLink {
 display:none;
}
.hiscore .tempHSCategorySection{
    border-bottom: 1px solid #000;
    margin-right: 20px;
    overflow: hidden;
}
.hiscore .tempHSCategorySection h3 {
 margin-bottom:15px;
 width: 550px;
}
.hiscore .tempHSCategorySection.notFound {
    border-bottom: none;
}
.hiscore .tempHSCategorySection .filter {
    border: none;
}
.hiscore .tempHSCategorySection .filter .active {
    color: #fff;
}
.hiscore .tempHSCategorySection .divider {
    width: 10px;
}
.hiscore .content .tempHSCategorySection p {
    margin-bottom: 10px;
}
.hiscore .tempHSCategorySection .countdownLabel {
    margin-left: 83px;
}
.hiscore .tempHSCategorySection .countdownLabel span {
    margin-left: 23px;
    margin-right: 0;
    width: 20px;
}
.tempHSSideSection .eventData {
 min-height: 385px;
}
.tempHSRankingSeasonalEvent {
 border-top: 1px solid #1e313c;
 border-bottom: 1px solid #000;
 margin: 0 30px;
 min-height: 55px;
 padding-bottom: 10px;
 padding-top: 10px;
}
.tempHSRankingSeasonalEventContent {
 display: table-cell;
 height: 55px;
 vertical-align: middle;
}
.tempHSRankingSeasonalEventContent {
 color: #b2dbee;
}
.tempHSRankingSeasonalEventContent a{
 color: #b2dbee;
}
.tempHSRankingSeasonalEventContent a:hover{
 color: #e1bb34;
}
.tempHSRankingSeasonalEvent.firstTempHSRankingSeasonalEvent {
 border-top: none;
}
.tempHSRankingSeasonalEvent.lastTempHSRankingSeasonalEvent {
 border-bottom: none;
}
.tempHSRankingSeasonalEvent h4 {
 font-size: 1.4em;
 line-height: 125%;
 padding: 0;
}
.hiscore .sidebar .tempHSSideSection .tempHSRankingSeasonalEvent p {
 border: none;
 color: #d7dbe1;
 font-size: 1.1em;
 margin: 0;
 padding: 0;
}
.tempHSSideSection a.notYetActive {
    color: #fff;
}
.tempHSSideSection a.notYetActive:hover {
    color: #E1BB34;
}
.tempHSSideSection sub.notYetActive {
    color: #fff;
}
.tempHSSideSection a.nowComplete {
    color: #767879;
}
.tempHSSideSection a.nowComplete:hover {
    color: #E1BB34;
}
.tempHSSideSection sub.nowComplete {
    color: #767879;
}
.tempHSSideSection .paging, .tempHSSideSection .pagination {
    border: none;
    float: none;
    left: auto;
    position: static;
}
.tempHSSideSection .pagination .previous {
    margin-left: 30px;
}
.hiscore .sidebar .tempHSSideSection .paging h3 {
 background: none;
    border: none;
    color: #FFCB05;
    float: left;
    font-family:'trajan-pro-3';
    font-size: 1.8em;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 260px;
}
.es.hiscore .sidebar .tempHSSideSection .paging h3 {
 font-size: 1.6em;
 line-height: 26px;
}
.tempHSSideSection .seasonalEventDate {
    height: 30px;
    overflow: hidden;
}
.hiscore .tempHSSideSection .btnShowMore {
 float: right;
 margin-left:30px;
}
.no-js .hiscore .lowerPag span.check {
 display:none;
}
.hiscore .sidebar .tempHSSideSection .paging h3.seasonalTitleWithoutPrev {
    margin-left: 41px;
}
.tempHSOverview {
    margin: 30px;
    width: 940px;
}
.tempHSOverview h2 {
    color: #E1BB34;
    margin-bottom: 10px;
    width: 940px;
}
.tempHSOverviewSegment {
    padding-top: 20px;
    position: relative;
    width: 100%;
}
.topOverviewSegment {
 border-top: 1px solid #223843;
}
.tempHSOverviewSegment.titleSegment {
    border-top: none;
    border-bottom: 1px solid #000;
    padding-top: 0;
}
.tempHSOverview .mediumArrowLeft, .tempHSOverview .mediumArrowRight {
    display: block;
    float: left;
    height: 20px;
    width: 16px;
}
.tempHSOverview .topMonthNavSpace {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.tempHSOverview .mediumArrowLeft {
    background-image: url('http://www.runescape.com/img/rs3/_sprite/mediumArrowLeft.png');
}
.tempHSOverview .mediumArrowRight {
    background-image: url('http://www.runescape.com/img/rs3/_sprite/mediumArrowRight.png');
}
.tempHSOverview .topMonth {
    float: left;
    text-align: center;
    width: 908px;
}
.tempHSOverview .topMonthWithoutPrev {
    margin-left: 16px;
}
.tempHSOverview .tempHSBox {
    float: left;
    width: 306px;
    height:90px;
    overflow:hidden;
    border-bottom: 1px solid #000000;
}
.tempHSOverview .tempHSBoxCentre {
    border-left:1px solid #0b202b;
    border-right:1px solid #0b202b;
}
.tempHSOverview .numeral, .tempHSOverview .divider {
    margin-right: 0;
}
.tempHSOverview .tempHSFuture {
    background:url(http://www.runescape.com/img/rs3/hiscores/temp-finished.png) no-repeat 0 0;
    width:276px;
    height:60px;
    padding:15px;
    position:relative;
}
.tempHSOverview .tempHSActive {
    background:url(http://www.runescape.com/img/rs3/hiscores/temp-active.png) no-repeat 0 0;
    width:276px;
    height:60px;
    padding:15px;
    position:relative;
}
.tempHSOverview .tempHSFinished {
    background:url(http://www.runescape.com/img/rs3/hiscores/temp-finished.png) no-repeat 0 0;
    width:276px;
    height:60px;
    padding:15px;
    position:relative;
}
.tempHSOverview  .countdownWrapper {
    position:absolute;
    right:5px;
    bottom:7px;
}
.tempHSOverview .tempHSBox h3 {
    font-size: 1.6em;
    margin-bottom: 5px;
    height:35px;
    overflow:hidden;
}
.tempHSOverview .tempHSFinished h3 {
    height:18px;
}
.tempHSOverview .tempHSActive h3 a {
    color:#b2dbee;
}
.tempHSOverview .tempHSFinished h3 a, .tempHSOverview .tempHSFinished .subText {
    color:#767879;
}
.tempHSOverview .tempHSFuture h3 a, .tempHSOverview .tempHSFuture .subText, .tempHSOverview .tempHSActive .subText {
    color:#fff;
}
.tempHSOverview p.subText {
    font-size: 1.1em;
    margin-bottom: 5px;
}
.tempHSOverview p.subText a {
    color:#b2dbee;
}
.tempHSOverview .dateTxt {
    font-size:1.3em;
    position:absolute;
    bottom:17px;
    left:15px;
}
.tempHSOverview .divider {
    width: 10px;
}
.tempHSOverview .countdownLabel span {
    margin-right: 0px;
    width: 45px;
}
.tempHSOverDivider {
    background-color: #223843;
    border-top: 1px solid #000;
    float: left;
    height: 1px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 20px;
    width: 910px;
}
.tempHSOverShowSection {
 clear: both;
    height: 45px;
    padding-top: 20px;
}
.tempHSOverDividerShort {
    width: 770px;
}
.es .tempHSOverDividerShort {
 width: 787px;
}
.de .tempHSOverDividerShort {
 width: 743px;
}
.fr .tempHSOverDividerShort {
 width: 748px;
}
.pt .tempHSOverDividerShort {
 width: 758px;
}
.tempHSShowMoreContainer {
 float: left;
 margin-left: 20px;
    margin-top: -18px;
}
.fr .tempHSShowMoreContainer {
 float: right;
    margin-right: 10px;
}
.tempHSShowMoreContainerActive {
 display: none;
}
.tempHSOverview .sidebar h3 {
    border: none;
}
.tempHSRanking .emptyTableContainer {
    position: relative;
}
.tempHSRanking .emptyTableOverlay {
    background-color: #000;
    height: 100%;
    left: 0;
    
opacity: 0.60; filter: alpha(opacity=60);

    position: absolute;
    top: 0;
    width: 100%;
}
.tempHSRanking .emptyTableText {
    left: 0;
    position: absolute;
    text-align: center;
    top: 77px;
    width: 100%;
}

.tempHSOverviewSegment h3 {
 color: #e1bb34;
 margin-bottom: 30px;
}
.tempHSOverviewSegment.activeSegment {
 border-top: 1px solid #223843;
}
.tempHSOverviewBox {
 border-color: transparent;
 border-image: url("http://www.runescape.com/img/rs3/hiscores/temphs-overview-box-border.png") 3 3 3 3 repeat repeat;
 border-style: solid;
 border-width: 3px;
 box-shadow: 0 0 3px 3px black;
 float: left;
 height: 120px;
 margin-bottom: 12px;
 margin-left: 5px;
 margin-right: 5px;
 position: relative;
 width: 296px;
}
.no-borderimage .tempHSOverviewBox {
 height: 126px;
 margin-left: 0;
 width: 302px;
}
.tempHSOverviewBox.endOfLine {
 margin-right: 0;
}
.tempHSOverviewBoxContents {
 background-image: url("http://www.runescape.com/img/rs3/hiscores/temphs-overview-box-bg.png");
 background-position: center;
 height: 120px;
 width: 296px;
}
.tempHSOverviewBox.reduceHeight, .tempHSOverviewBox.reduceHeight .tempHSOverviewBoxContents {
 height: 101px;
}
.tempHSOverviewBox.reduceHeight .tempHSOverviewBoxTopSection {
 height: 52px;
}
.no-borderimage .tempHSOverviewBoxContents {
 left: 3px;
 position: relative;
 top: 3px;
}
.tempHSOverviewBox .corner {
 display: none;
}
.no-borderimage .tempHSOverviewBox .corner {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temphs-overview-box-border.png');
 background-repeat: no-repeat;
 display: inline-block;
 height: 60%;
 margin: 0;
 position: absolute;
 width: 60%;
 z-index: 0;
}
.no-borderimage .tempHSOverviewBox .topLeft {
 left: 0;
 top: 0;
}
.no-borderimage .tempHSOverviewBox .topRight {
 background-position: top right;
 top: 0;
 right: 0;
}
.no-borderimage .tempHSOverviewBox .bottomLeft {
 background-position: bottom left;
 bottom: 0;
 left: 0;
}
.no-borderimage .tempHSOverviewBox .bottomRight {
 background-position: bottom right;
 bottom: 0;
 right: 0;
}
.hiscore .tempHSOverviewBoxHover {
 display:none;
 position: absolute;
    right: -300px;
    top: -2px;
    width: 260px;
    background: transparent url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
    padding:10px 10px 0;
    box-shadow: 0 0 3px 3px black;
    z-index:10;
    border:1px solid #2e3f49;
}
.hiscore .tempHSOverviewBoxHover h4 {
 border-bottom: 1px solid #000000;
    color: #B2DBEE;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}
.hiscore .tempHSOverviewBoxHover h4:after {
 border-bottom: 1px solid #223843;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.hiscore .tempHSOverviewBoxHover p {
 color:#A9ACAD;
}
.tempHSOverviewBoxTopSection {
 height: 71px;
 padding: 12px 12px 0;
 width: 272px;
}
.tempHSOverviewBoxTitleContainer {
 height: 40px;
 overflow: hidden;
}
.tempHSOverviewBoxTopSection h4 {
 color: #b2dbee;
 height: 40px;
 line-height: 115%;
}
.tempHSOverviewBoxTopSection p, .hiscore .content .tempHSOverviewBoxTopSection p {
 font-size: 1.1em;
 margin-top: 4px;
}
.fr .tempHSOverviewBoxTopSection p, .fr.hiscore .content .tempHSOverviewBoxTopSection p,
.pt .tempHSOverviewBoxTopSection p, .pt.hiscore .content .tempHSOverviewBoxTopSection p,
.es .tempHSOverviewBoxTopSection p, .es.hiscore .content .tempHSOverviewBoxTopSection p {
 font-size: 1.0em;
}

.tempHSOverviewBoxTopSection .paraDesc {
 position:relative;
}
.tempHSOverviewBoxTopSection .paraDesc p.descAct {
 width:75%;
 height:19px;
 overflow:hidden;
}
.tempHSOverviewBoxTopSection .descLinkStyle {
 cursor:help;
 position:absolute;
 right:52px;
 top:3px;
}
.tempHSOverviewBoxTopSection .descLinkStyle a {
 display:block;
 text-decoration:underline;
}
.no-js .descLinkStyle {
 display:none;
}
.tempHSOverviewBoxTopSection p strong, .hiscore .content .tempHSOverviewBoxTopSection p strong {
 font-weight: normal;
 color: #B2DBEE;
}
.tempHSOverviewBoxBottomSection {
 height: 36px;
 position: relative;
 width: 296px;
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomActive {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temp-hiscores-bottom-bg-active.jpg');
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomPast {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temp-hiscores-bottom-bg-past.jpg');
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomPast.tempHSBoxBottomCalculating {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temp-hiscores-bottom-bg-past-calculating.jpg');
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomUpcoming {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temp-hiscores-bottom-bg-upcoming.jpg');
}
.tempHSIconContainer {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temphs-icon-container.png');
 bottom: 8px;
 height: 46px;
 position: absolute;
 right: 10px;
 width: 46px;
 overflow:hidden;
}
.tempHSIconContainer img {
 width:40px;
 height:40px;
 margin:3px 0 0 3px;
}
.tempHSCategorySection .tempHSIconContainer {
 right: 18px;
 top: 7px;
}
.tempHSOverviewBoxBottomText, .content .tempHSOverviewBoxBottomText {
 color: #143C4F;
 float: left;
 font-size: 1.4em;
 margin-bottom: 0;
 padding-top: 8px;
}
.tempHSOverviewBoxBottomText.calculatingSpace, .content .tempHSOverviewBoxBottomText.calculatingSpace {
 padding-top: 10px;
}
.tempHSOverviewBoxBottomText.posText, .content .tempHSOverviewBoxBottomText.posText {
 text-align: center;
 width: 36px;
}
.content .tempHSOverviewBoxBottomText.locAdjust {
 width:78px;
}
.fr .content .tempHSOverviewBoxBottomText.locAdjust,
.pt .content .tempHSOverviewBoxBottomText.locAdjust {
 font-size: 1em;
    margin-top: 3px;
}
.tempHSOverviewBoxBottomText sup {
 line-height: 14px;
 vertical-align: text-top;
}
.tempHSOverviewBoxBottomText.userAvatar, .content .tempHSOverviewBoxBottomText.userAvatar {
 text-align:center;
 width:36px;
 padding-top:6px;
}
.tempHSOverviewBoxBottomText.userDisplayName, .content .tempHSOverviewBoxBottomText.userDisplayName {
 margin-left: 15px;
 width:140px;
 overflow:hidden;
}
.hiscore .tempHSExtraBoxContainer {
 width: 100%;
}
.js .hiscore .tempHSExtraBoxContainer {
 display:none;
}
.hiscore .seasonalCompareShared {
    margin-bottom: 40px;
}
.hiscore .tempLoading {
    background:url(http://www.runescape.com/img/rs3/lightbox/fancybox_loading.gif) no-repeat center 97%;
}
.tempHSOverviewBox.tempHSCompareBox {
 width: 385px;
 margin-bottom:0;
}
.tempHSOverviewBox.tempHSCompareBox .tempHSOverviewBoxContents, .tempHSCompareBoxTopSection, .tempHSCompareBoxBottom  {
 width:100%;
}
.no-borderimage .tempHSOverviewBox.tempHSCompareBox .tempHSOverviewBoxContents, .no-borderimage .tempHSCompareBoxTopSection, .no-borderimage .tempHSCompareBoxBottom  {
 width:99%;
}
.tempHSCompareBoxLeft, .no-borderimage .tempHSCompareBoxLeft {
 margin-left: 30px;
}
.compareSkillsOuter.tempHSCompareSkillsOuter {
 margin-top: 15px;
}
.hiscore .tempHSCompareSkillsOuter h3 {
 color: #b2dbee;
 text-align: center;
 background: url('http://www.runescape.com/img/rs3/hiscores/temp-compare-type.png') no-repeat 2px center;
 color: #B2DBEE;
 font-size: 1.4em;
 margin: 0 auto;
 width: 203px;
 height:90px;
 line-height:90px;
}
.fr.hiscore .tempHSCompareSkillsOuter h3 {
 font-size:1.3em;
}
.es.hiscore .tempHSCompareSkillsOuter h3 {
 font-size:1.1em;
}
.hiscore .tempHSOverviewEmptyBox {
 background: rgb(0, 0, 0);
 background: rgba(0, 0, 0, 0.3);
 float:left;
 width:389px;
 height:120px;
 border:1px solid #203642;
 margin:0 5px;
 line-height:120px;
 text-align:center;
 color: #A9ACAD;
 box-shadow:0 0 3px 3px black;
 position:relative;
 top:3px;
}
.hiscore .tempHSOverviewEmptyBox.tempHSCompareBoxLeft {
 margin-left:30px;
}
.hiscore .tempHSOverviewEmptyBox.hiscoreUserNotExistLeft {
 margin-left: 40px;
 margin-right: 69px;
 margin-top: 30px;
}
.hiscore .tempHSOverviewEmptyBox.hiscoreUserNotExistRight {
 margin-left: 65px;
 margin-top: 30px;
}
.hiscore .tempHSOverviewEmptyBox h4 {
 color: #A9ACAD;
}

.hiscore .tempHSCrossOuter {
 width:154px;
 height:140px;
 float:left;
 background: url('http://www.runescape.com/img/rs3/hiscores/compare-no-win.png') no-repeat 0 0;
 margin:0 -4px;
}
.hiscore .tempHSCrossOuter.noLeftContent {
 margin-left: 422px;
}
.hiscore .tempHSCrossOuter.tempHSCrossLeft {
 background: url('http://www.runescape.com/img/rs3/hiscores/compare-left-win.png') no-repeat -1px 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossRight {
 background: url('http://www.runescape.com/img/rs3/hiscores/compare-right-win.png') no-repeat 0 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossLeftEnd {
 background: url('http://www.runescape.com/img/rs3/hiscores/compare-left-win-end.png') no-repeat -1px 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossRightEnd {
 background: url('http://www.runescape.com/img/rs3/hiscores/compare-right-win-end.png') no-repeat 0 0;
}
.hiscore .tempHSPlayerWinTotalOuter {
 margin: 0;
    position: relative;
    background: url('http://www.runescape.com/img/rs3/hiscores/compare-no-win.png') no-repeat top center;
    right:1px;
}
.hiscore .tempHSPlayerWinTotal {
 width:426px;
 height:88px;
 background: url('http://www.runescape.com/img/rs3/hiscores/temp-compare-summary.png') no-repeat  0 0;
 position:relative;
 margin:-50px 0 -14px
}
.hiscore .tempHSPlayerWinTotal.tempHSPlayerWinTotalLeft {
 float:left;
 left:20px;
}
.hiscore .tempHSPlayerWinTotal.tempHSPlayerWinTotalRight {
 float:right;
 right:6px;
}
.hiscore .tempHSPlayerWinTotalText {
 text-align:center;
 padding-right:20px;
 padding-top:20px;
}
.hiscore .tempHSPlayerWinTotalText h4 {
 color:#fbfbfb;
 font-size:280%;
}
.hiscore .tempHSPlayerWinTotalText h5 {
 font-size:1.5em;
}
.fr.hiscore .tempHSPlayerWinTotalText h5
.pt.hiscore .tempHSPlayerWinTotalText h5 {
 font-size:1.2em;
}
.tempHSCompareBoxBottomHigher {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temphs-compare-bottom-bg-higher.jpg');
}
.tempHSCompareBoxBottomLower {
 background-image: url('http://www.runescape.com/img/rs3/hiscores/temphs-compare-bottom-bg-lower.jpg');
}
p.tempHSOverviewBoxBottomText.posText.comparePosText {
 margin-left: 10px;
 text-align: left;
 width: 135px;
}
p.tempHSOverviewBoxBottomText.posText.comparePosText.calculatingText {
 margin-left: 0;
}
p.tempHSOverviewBoxBottomText.posText.compareScoreText {
 margin-left: 5px;
 text-align: left;
 width: 188px;
}
.tempHSOverShowSection.tempHSOverShowCompare {
 margin-left: 20px;
}
.tempHSOverShowSection.tempHSOverShowCompare .tempHSOverDivider.tempHSOverDividerActive {
 width: 940px;
}
.tempHSOverShowSection.tempHSOverShowCompare .tempHSOverDivider.tempHSOverDividerActive.tempHSOverDividerShort {
 width: 790px;
}
.hiscore .content.tempHSErrorPageContent {
 margin: 30px;
 min-height: 360px;
}
.content .tempHSUserSearchError {
 width: 100%;
 text-align: center;
 font-weight: bold;
 border-bottom: 1px solid #000;
 border-top: 1px solid #1E313C;
 padding-top: 10px;
 padding-bottom: 15px;
}
.content .tempHSUserSearchError p {
 color: #FFCB05;
 margin-bottom: 0;
}
.calculatingText {
 animation: slowBlink 2s ease-in-out infinite;
 -webkit-animation: slowBlink 2s ease-in-out infinite;
}
.tempHSOverviewBoxBottomText.posText.comparePosText.calculatingText {
 width: 109px;
}
.tempHSOverviewBoxBottomText.userDisplayName.calculatingTextOverview, .content .tempHSOverviewBoxBottomText.userDisplayName.calculatingTextOverview {
 margin-left: 10px;
 width: 180px;
}
@keyframes slowBlink {
 0% { opacity: 1; }
 50% { opacity: 0.2; }
 100% { opacity: 1; }
}
@-webkit-keyframes slowBlink {
 0% { opacity: 1; }
 50% { opacity: 0.2; }
 100% { opacity: 1; }
}
.calculatingSpace {
 padding-top: 10px;
 text-align: center;
 width: 36px;
}
.backToOverviewButton {
 margin-left: 20px;
}
/* Temp Hiscores END */
/*
 * 
 *  9. DOWNLOADS
 *  
 */
 .downloads .banner{
 height:409px;
 }
 .downloads .title span{
 background: transparent url(http://www.runescape.com/img/rs3/titles/downloads.png) no-repeat bottom left;
}
.downloads .availableto p{
 margin-bottom: 21px;
}
.downloads .adjustment {
 width: 1000px;
 text-align: left;
 font-family: 'MuseoSans500';
}
.downloads .adjustment p{
 color: #d7dbe1;
 font-size: 1.5em;
}
.downloads .adjustment h2{
 margin-bottom: 20px;
}
.downloads .availableto {
 margin: 40px;
}
.downloads #downloadables{
 margin-bottom:20px;
}
.downloads .downloadEntity{
 margin:0px 40px 40px;
 padding-bottom:20px;
 overflow:auto;
}
.downloads .downloadEntityContent{
 width:650px;
 float:left;
 padding-right:30px;
 padding-bottom:10px;
 position:relative;
 margin-bottom:20px;
}
.downloads .itemDivider {
 border-bottom: 1px solid #1E313C;
 position:relative;
}
.downloads .itemDivider:after{
 background: #000000;
 bottom: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.downloads .downloadLinks{
 float:right;
 width:200px;
 text-align:right;
 margin-top:-20px;
}
.downloads .downloadImage{
 float:left;
 margin-right:20px;
 position:relative;
 bottom:3px;
}
.downloads .downloadEntityContent p{
 margin:10px 0 20px 0;
 padding-left:92px;
}
.downloads .disclaimer {
 padding-left:92px;
 display:inline-block;
}
.downloads .downloadEntityContent h2{
 margin-top:0;
}
.downloads .downloadEntityContent ul{
 font-size:16px;
 margin-top:10px;
 margin-left:110px;
 color:#d7dbe1;
}
.downloads .btn{
 width:170px;
 text-align:center;
}
.downloads .downloadEntityContent a{
 color:#e1bb34;
}
.downloads .downloadEntityContent a:hover{
 color:#fff2c5;
}
 /* Downloads END */
/*
 * 
 *  10. ACCOUNT ASSOCIATION
 *  
 */
body.assocPopup {
    background: none;
    overflow: auto;
    width: 462px;
}
body.assocPopup.setlogin,
body.assocPopup.setlogin .loginPanel {
    height: auto;
}
body.assocPopup.setlogin .loginPanel {
    background: none;
}
.assocPopup.error,
.assocPopup.fullsize {
    background: url(http://www.runescape.com/img/rs3/global/login/background-weblogin.jpg) no-repeat scroll center top #000000;
    width: auto;
    height: auto;
}
.assocPopup.error .loginPanel,
.assocPopup.fullsize .messageBox {
    margin: 217px auto;
}
.assocPopup.fullsize .loginPanel {
    margin: 185px auto;
}
.assocPopup .associate {
    display: none;
}
.assocPopup .options:after {
    clear:both;
 float:none;
 display:block;
 content:"";
}
.assocPopup h1, 
.assocPopup h3 {
    color: #b2dbee;
    font-size: 2em;
}
.assocPopup h3 {
    font-size: 1.5em;
}
.assocPopup h2 {
    font-size: 4.5em;
}
.assocPopup .btnWrap {
    margin-top: 0;
}
.assocPopup p, .assocPopup .noButton {
    color: #cacaca;
    font-family: 'MuseoSans500';
    font-size: 1.2em;
    line-height: 1.6em;
}
.assocPopup form {
    margin: 90px auto 0;
    width: 340px;
    position: relative;
}
.assocPopup .btn {
    min-width: 100px;
    text-align: center;
}
.assocPopup .pickOption {
    padding-top: 40px;
}
.assocPopup .pickOption {
    float: left;
    width: 50%;
}
.assocPopup .options p {
    height: 120px;
    padding: 5px 25px 0 0;
}
.assocPopup .associate p {
    padding: 10px 0 5px;
}
.assocPopup .associate .btn {
    margin: 20px 0 10px;
}
.assocPopup #errorMessage {
    display: none;
    color: red;
}
.assocPopup .noButton {
    background: none;
    border: medium none;
    color: #b2dbee;
    cursor: pointer;
    font-size: 1em;
    padding: 0;
    vertical-align: inherit;
}
.assocPopup .noButton:hover {
    text-decoration: underline;
}
.assocPopup .backToHP {
    display: none;
}
.assocPopup.error .backToHP,
.assocPopup.fullsize .backToHP {
    display: block;
    font-size: 0;
    height: 40px;
    position: absolute;
    right: 1px;
    top: 57px;
    width: 45px;
    z-index: 2;
}
.assocPopup.error .backToHP:hover,
.assocPopup.fullsize .backToHP:hover {
    background: url(http://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
}
.assocPopup .errorHeader {
    margin: 100px 60px 20px;
}
.assocPopup .errorMes {
    margin: 0 60px 20px;
}
.assocPopup .errorMes p {
    margin: 0 0 20px;
}
#emailErrorBox, #passwordErrorBox, #pageErrorText   {
    display: none;
}
.upgradeFullMainSpace h1 {
    margin: 10px 0;
}
.upgradeFullMainSpace input[type="text"], 
.upgradeFullMainSpace input[type="password"] {
    margin: 10px 0 0;
}
.upgradeFullWillAlso {
    margin-top: 10px;
}
.assocPopup .upgradeFullMainSpace .btnWrap {
    margin: 10px 0;
}

.fancybox-lock .loadingMessage {
 display: none;
}
.noPref .loadingMessage {
 margin: 83px auto auto;
 display: none;
}
.js .noPref .loadingMessage {
 display: block;
}

body.gameErrorPage {
    background:#071b25 url(http://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    min-width: 880px;
    position: relative;
    font-family:'MuseoSans500';
}
.gameErrorPage .stickyWrap {
    position: relative;
}
.gameErrorPage .runescape3Logo {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.gameErrorPage h2 {
    font-family: 'trajan-pro-3';
    font-weight: normal;
    margin: 10px 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.gameErrorPage p {
    margin: 15px 0 0;
    line-height: 2em;
    font-size: 1.6em;
}
.gameErrorPage .bullets {
    margin-top: 0;
}
.gameErrorPage ol.bullets {
    list-style: decimal outside none;
    margin-left: 23px;
    margin-top: 0;
}
.gameErrorPage .greyFrame {
    clear: both;
    width: 100%;
}
.gameErrorPage footer {
    bottom: 0;
    position: absolute;
    height: 106px;
    width: 100%;
    margin: 0;
}
.gameErrorPage footer p {
    float: none;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0;
    width: auto;
}
.gameErrorPage footer .logoAndTerms,
.gameErrorPage .contentWrapper {
    width: 800px;
    margin: auto;
}
.gameErrorPage .contentWrapper {
    padding-top: 20px;
    padding-bottom: 220px;
}
/*
 * 
 *  11. INFOGRAPHIC
 *  
 */
.infographic .banner .inner {
    height: 409px;
}
.infographic .content {
 background:none;
 box-shadow:none;
 width:100%;
}
.infographic .infographicInner {
 padding:30px 30px 20px;
}
.infographic .infographicInner h2 {
 font-size:4em;
}
.infographic .infographicInner .col {
 color:#a9acad;
}
.infographic .infographicInner .col p {
 margin-bottom:15px;
}
.infographic .infographicWrapper {
 line-height:0;
 margin-bottom:20px;
 margin-left:-30px;
}
.infographic .share h4 {
 color:#e1bb34;
 font-size:2em;
 padding-right:15px;
}
.infographic .share .infoEmbedLink {
 float:left;
}
.infographic .share .infoEmbedLink a {
 color:#b2dbee;
}
.infographic .share .infoEmbedLink a:hover {
 color:#e1bb34;
}
.infographic .share .infoEmbedLink p {
 line-height:60px;
}
.infographic .infographicCenter  {
 text-align:center;
}
.infographic .infographicCenter textarea {
 margin-top:10px;
}
.infographic .title span {
 background:url('http://www.runescape.com/img/rs3/titles/infographic.png') no-repeat 0 0;
 bottom:6px;
}
.infographic .infoEmbed {
}
.infographic h3.playHeader {
 text-indent:-999999px;
}
.infographic h3.playHeader span {
 display:block;
 width:501px;
 height:29px;
 background:url('http://www.runescape.com/img/rs3/titles/begin-your-adventure.png') no-repeat 0 0;
 margin:25px auto 30px;
}
.fr.infographic h3.playHeader span, .de.infographic h3.playHeader span {
 width:616px;
}
.de.infographic h3.playHeader span {
 height:42px;
}
.infographic p.shareText {
 float:left;
 padding-top:15px;
}
.infographic .infoEmbed textarea {
 background:#000;
 color:#a9acad;
 padding:10px;
 border:1px solid #363e44;
 width:97%;
 height:75px;
 overflow:auto;
}
.infographic .infoEmbed textarea::selection {
 background: #E1BB34; /* Firefox */
 color:#000;
}
.infographic .infoEmbed textarea::-moz-selection {
 background: #E1BB34; /* Firefox */
 color:#000;
}
.infographic .playInfo{
    background:transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -274px;
    text-align:center;
    font-size:2.5em;
    color:#061f2a;
    font-family:'trajan-pro-3';
    bottom:-13px;
    left:50%;
    margin-left:-208px;
    z-index:25;
    text-shadow: 1px 1px 1px #fff;
}
.infographic .playInfo,
.infographic .playInfo:after{
    display:block;
    position:absolute;
    width:416px;
    cursor: pointer;
    padding-top:13px;
    height:54px;
}

.infographic .playInfo:after{
 background-image: url(http://www.runescape.com/img/rs3/sprite_main.png);
    background-position:0 -351px;
    content: 'Play Now';
    height: 47px;
    top: 0;
    left: 0;
    
opacity: 0.0; filter: alpha(opacity=0);

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

}
.lt-ie9 .infographic .playInfo:after{
    display: none;
}
.infographic .playInfo:hover:after{
 content: 'Play Now';
    
opacity: 1; filter: alpha(opacity=100);

}
/*
 * 
 *  12. BETA PAGE
 *  
 */
.beta .playBeta {
 padding: 30px;
}
.beta .contents .content p {
 font-size: 1.5em;
 margin-bottom: 20px;
 line-height:150%;
 color:#d7dbe1;
}
.beta .contents .content h2, .beta aside h2 {
 font-size:2.6em;
 line-height:1.5em;
 margin-bottom:15px;
}
.beta aside h2 {
 font-size:2.4em;
}
.de.beta aside h2 {
    font-size: 2.2em;
}
.beta .client {
 width:45%;
 float:left;
 display:inline;
 margin:20px 55px 40px 0;
}
.beta .client.lastChild {
 margin-right:0;
}
.beta h3.html5 {
 text-align:center;
 margin-bottom:10px;
}
.beta h3.java {
 color:#a9acad;
 text-align:center;
 margin-bottom:10px;
}
.chromeLogo {
 bottom: 3px;
    float: left;
    position: relative;
    right: 5px;
}
.beta  .playBeta .greyFrame img {
 width: 250px;
}
.beta .title span {
 background: url(http://www.runescape.com/img/rs3/titles/html5beta.png) no-repeat scroll left bottom transparent;
}
.beta .banner .inner, .combat .banner .inner{
 height: auto;
}
.beta .content .loadingAnim {
 margin: 0 auto 30px;
}
.beta aside .loadingAnim {
 margin: 30px auto 0;
}
.beta .webGL,
.beta .nonWebGL {
 display: none;
}
.beta aside section:last-child {
    background: url('http://www.runescape.com/img/rs3/sidebar-divider2.png') no-repeat scroll left bottom transparent;
    padding-bottom:70px;
    position:static;
}
.beta .content .btnWrap {
 margin: 0 auto 30px;
    text-align: center;
}
.beta .content .btnWrap .advert {
 margin-bottom:5px;
}
.beta aside .btnWrap {
 margin: 30px auto 0;
}
.beta aside .btnWrap .advert {
 position:relative;
 right:33px;
 margin-bottom:5px;
}
.beta aside .specs {
 margin:0 30px;
}
.beta aside .specs table {
 border-collapse: inherit;
 width: 100%;
 border-bottom: 1px solid #223843;
 padding-bottom:1px;
}
.beta aside .specs td {
 color:#a9acad;
 font-size: 1.4em;
 padding: 12px 0;
 border-bottom: 1px solid #000000;
    border-top: 1px solid #223843;
    vertical-align:middle;
}
.beta aside .specs td img {
 width: 17px;
 position:relative;
 top:3px;
 padding-right:5px;
}
.beta aside .specs td.amendedTable {
 padding-left: 10px;
}
.beta aside .specs table td.label {
 color:#b2dbee;
 font-weight: bold;
 width: 80px; 
}
.fr.beta aside .specs table td.label {
 width:133px;
}
.pt.beta aside .specs table td.label, .es.beta aside .specs table td.label  {
 width:90px;
}
.beta .advertisement {
 position: relative;
 text-align: center;
 width: 100%;
 top:-15px;
}
.beta .contents p.disclaimer {
 text-align: center;
 font-size: 1em;
 margin-top:-20px;
}
.beta .betaNews article {
 border-bottom: 1px solid #000000;
    border-top: 1px solid #223843;
    padding:15px 0;
}
.beta .betaNews article:last-of-type {
 border-bottom: none;
}
.beta .betaNews article figure {
 background-color: #000000;
    border: 1px solid #384043;
    box-shadow: 0 0 10px #000000;
    float: left;
    margin-right: 10px;
    padding: 2px;
    position: relative;
    width: 170px;
}
.beta .betaNews article figure:after {
 box-shadow: 0 0 10px #000000;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 174px;
    z-index: 1;
}
.combat .title span{
 background:transparent url(http://www.runescape.com/img/rs3/titles/combat-beta.png) no-repeat 7px 0;
}
.combat .padded .btnWrap{
 margin-top:10px;
}
.combat .copy{
 float:left;
 width:48%;
 margin-bottom:20px;
}
.combat .last .copy{
 padding-top:15px;
}
.combay .alternate .copy{
 padding-top:0;
}
.combat .last{
 background:none;
 padding-bottom:40px;
}
.combat section{
 padding:35px 35px 55px;
 background: transparent url(http://www.runescape.com/img/rs3/section-divider.gif) repeat-x bottom left;
}
.combat .alternate{
 position:relative;
 overflow:hidden;
}
.combat .alternate:after{
 content:'';
 background:transparent url(http://www.runescape.com/img/rs3/beta/combat.png) no-repeat 0 0;
 width:1000px;
 height:391px;
 position:absolute;
 bottom:35px;
 left:1px;
 z-index:1;
}
.combat .alternate .copy{
 float:right;
 position:relative;
 z-index:2;
}
.combat .alternate .support{
 float:left;
}
.combat .support .greyFrame{
 margin-top:5px;
}
.combat .slides{
 width:440px;
}
.combat .flex-direction-nav a{
 background:transparent url(http://www.runescape.com/img/rs3/beta/carousel.png) no-repeat 0 0;
 width:44px;
 height:50px;
 top:100px;
 z-index:10;
}
.combat .flex-direction-nav .flex-next{
 background-position:-44px 0;
}
.combat .trailer:after{
 top:88px;
 left:188px;
}
.combat .cols{
 overflow:hidden;
 border-bottom:solid 1px #000;
}
.combat .socialBar{
 border-top:solid 1px #203540;
}
/*
 * 
 *  13. PRINT STYLES
 *  
 */

/*
 * 
 *  14. IE7/8 STYLES
 *  
 */
.lt-ie9 .splash .playNow:after{
    display: none;
}
.lt-ie9 .splash .playNow:hover{
    background: url('http://www.runescape.com/img/rs3/splash/play-now-mo-ie.png') top left no-repeat;
}
.lt-ie8 .contents,lt-ie8 ul{
    zoom:1;
}
.lt-ie8 .main{
    zoom:1;
}
.lt-ie8 .splash .banner h2 span{
    line-height: 1.1em;
}
.lt-ie8 .carousel img {
    margin-left: -950px;
}
.lt-ie8 .flex-direction-nav li{
    position:absolute;
    top:155px;
    right:0;
}
.lt-ie8 .flex-direction-nav li:first-child{
    right:auto;
    left:0;
}
.lt-ie8 .flex-direction-nav a{
    top:0;
}
.lt-ie9 .contents {
    background: transparent url(http://www.runescape.com/img/rs3/background-content-top.jpg) repeat-x 0 0;
}
.lt-ie9 .poll ul li{
    padding:10px 0;
}
.lt-ie9 .poll input[type="radio"] {
    display:block;
}
.lt-ie9 .poll input[type="radio"] + label .radio {
    display:none;
}
.lt-ie9 .poll input[type="radio"] + label .text {
    padding:0;
}
.lt-ie9 .poll input[type="radio"] + label {
    width:auto;
    clear:none;
    margin:3px 0 0 10px;
    padding:0;
}
.lt-ie8 .promoBoxes,.lt-ie8 .promoBoxes .inner {
    position:static;
    z-index:auto;
}
.lt-ie8 .slides li {
    position: relative;
}
.lt-ie8 .tabbedElement{
    float:left;
}
.lt-ie8 .sidebar{
    float:left;
    width:340px;
}
.lt-ie9 .title {
    background:transparent url(http://www.runescape.com/img/rs3/background-content-top.jpg) repeat-x 0 0;
}
.lt-ie9 .contents{
    background-image: url(http://www.runescape.com/img/rs3/background-content-top.jpg);
}
.lt-ie8 .tabNav li, .lt-ie8 .tabNav :first-child.active {
    position:static;
}
.lt-ie8 .secondary, .lt-ie8 .tabNav {
    height:53px;
    overflow:hidden;
}
.lt-ie9 .carousel:before, .lt-ie9 .carousel:after{
    display:none;
    background:none;
}
.lt-ie8 .login{
    display: inherit;
}
.lt-ie8 .like{
    display:none;
}
.lt-ie8 .btn input[type="submit"]{
    padding: 0 10px;
}
.lt-ie9 .news .tabbedElement,.lt-ie9 .title{
    padding-top:0;
}
.lt-ie9 .title:before{
    top:auto;
}
.lt-ie9 .title:after{
    top:-55px;
}
.lt-ie8 .userBarContent .friends span.friends{
    line-height: 0;
    vertical-align: 0;
}
.lt-ie9 .news .tabbedContent .categories{
    top:0;
}
.lt-ie9 .banner:before,.lt-ie9 .banner:after{
    display:none;
}
.lt-ie8 .lowerPlayNow.btnWrap{
    margin-left:-150px;
}
.lt-ie8 .btnWrap.lowerPlayNow span{
    line-height:1.35em;
    padding-top:8px;
}
.lt-ie8 .statements{
    position:relative;
    top:320px;
}
.lt-ie8 .fr .statements{
    position:relative;
    top:300px;
}
.lt-ie8 .hiscore thead tr th {
    background: transparent url(http://www.runescape.com/img/rs3/hiscores/table-header.png) repeat-x 0 0;
}
.lt-ie9 .hiscore .noBottom.tiledBlueFrame, .lt-ie9 .hiscore .noTop.tiledBlueFrame{
    border-width:0;
}
.lt-ie9 .hiscore .noTop{
    margin-top:0px;
}
.lt-ie9 .hiscore .changeCharacterTab a.changeCharacterOpen:after {
    -ms-transform: rotate(180deg);
}
.lt-ie8 .hiscore .compareSkillsOuter .skillIcons {
    top:0px;
    padding-top:55px;
}
.lt-ie8 .hiscore .compareVs {
    top:-40px;
}
.lt-ie8 .hiscore .changeCharacterTab {
    background:none;
}
.lt-ie8 .copy h4 a{
    position:static;
}
.lt-ie8 .categories{
    z-index:10;
}
.lt-ie8 .greyFrame{
    width:310px;
    height:262px;
}
.lt-ie8 .filter li {
    margin-right:8px;
}
.lt-ie8 .hiscore .changeCharacterForm {
 position:static;
}
.lt-ie8 .hiscore .changeCharacterForm .rightInput {
 right:20px;
}
.lt-ie8 .hiscore .changeCharacterForm .leftInput {
 left:20px;
}
.lt-ie8 .hiscore .changeCharacterOuter {
 margin-top:-80px;
} 
.lt-ie9 .hiscore .tempHSCrossOuter {
 margin-right:0;
}
.lt-ie8 .hiscore .tempHSCompareSkillsOuter h3 {
 margin-top:8px;
}
.lt-ie8 .hiscore .tempHSCompareSkillsOuter {
 margin-top:-14px;
}
.lt-ie8 .hiscore .tempHSPlayerWinTotal {
 margin-bottom:-39px;
 bottom:20px;
}
.lt-ie9 .infographic .banner .inner {
 height:605px;
}
/*
 * 
 *  15. LOYALTY PROGRAMME
 *  
 */
.loyalty .contents p a {
 color: #e1bb34;
}
.loyalty .contents p a:hover {
 color: #fff2c5;
}
.loyalty .banner .inner {
 height: 410px;
}
.loyalty .title span {
 background: url(http://www.runescape.com/img/rs3/titles/loyalty-programme.png) no-repeat scroll left 20px transparent;
}
.loyalty .title span:before {
 display: none;
}
.en.loyalty .title span:before {
 display: block;
}
.loyalty h2 {
 font-size: 2.2em;
}
.loyalty .twoColumns {
 position: relative;
}
.loyalty .twoColumns p {
 margin-bottom: 20px;
 font-size: 1.5em;
}
.fr.loyalty .twoColumns p {
 font-size: 1.4em;
 margin-bottom: 12px;
}
.pt.loyalty .twoColumns p,
.de.loyalty .twoColumns p,
.es.loyalty .twoColumns p {
 margin-bottom: 10px;
}
.loyalty .left {
 background: url(http://www.runescape.com/img/rs3/loyalty/texture-top-left.png) repeat-y scroll right 0 transparent;
 box-shadow: 10px 0 20px 1px #000;
 -moz-box-shadow: 10px 0 20px 1px #000;
 -webkit-box-shadow: 10px 0 20px 1px #000;
 float: left;
 height: 410px;
 position: relative;
 width: 489px;
z-index: 1;
}
.loyalty .left h2 {
 margin: 40px 0 20px;
}
.loyalty .twoColumns .left > * {
 padding-left: 35px;
 padding-right: 30px;
}
.loyalty .right {
 float: right;
 width: 511px;
 position: relative;
}
.loyalty .right h2 {
 color: #075104;
 font-size: 4.5em;
 display: inline-block;
 letter-spacing: -0.05em;
 text-shadow: 1px 1px 1px white;
}
.pt.loyalty .right h2,
.fr.loyalty .right h2 {
 font-size: 4em;
}
.de.loyalty .right h2 {
 font-size: 3.7em;
}
.loyalty .right h2:after {
 border-color: transparent transparent transparent #075104;
 border-style: solid;
 border-width: 7px 10px;
 content: "";
 position: absolute;
 right: -30px;
 top: 40px;
}
.de.loyalty .right h2:after {
 top: 13px;
}
.fr.loyalty .right h2:after,
.pt.loyalty .right h2:after {
 top: 34px;
}
.loyalty .right .store h2:after {
 border-color: transparent transparent transparent #d54250;
}
.loyalty .right .store h2 {
 color: #d54250;
 text-shadow: none;
}
.loyalty .right h2 .smallerFont {
 display: block;
 font-size: 0.49em;
 color: #071b25;
 letter-spacing: 0;
}
.loyalty .right .store h2 .smallerFont {
 color: #b2dbee;
 letter-spacing: 0;
}
.loyalty .right p {
 padding-top: 5px;
 width: 295px;
}
.fr.loyalty .right p {
 width: 240px;
}
.de.loyalty .right p {
 font-size: 1.4em;
}
.loyalty .right .store p {
 width: 228px;
}
.loyalty .right:hover article a{
 opacity: 0.5;
}
.loyalty .right:hover article a:hover {
 opacity: 1;
}
.loyalty .ctaButton {
 position: relative;
}
.loyalty .ctaButton a {
 display: block;
 height: 205px;
 position: relative;
}
.loyalty .right:before,
.loyalty .right:after,
.loyalty .ctaButton:after {
 background: url(http://www.runescape.com/img/rs3/global/corner-decorations.png) no-repeat scroll 0 0 transparent;
 content: "";
 height: 30px;
 position: absolute;
 width: 69px;
 z-index: 2;
}
.loyalty .right:before {
 left: -21px;
 top: 0;
}
.loyalty .right:after {
 background-position: 0 -381px;
 bottom: 0;
 height: 24px;
 left: -21px;
}
.loyalty .ctaButton:before {
 background: url(http://www.runescape.com/img/rs3/global/corner-decorations.png) no-repeat scroll right -193px transparent;
 content: "";
 height: 26px;
 position: absolute;
 right: 0;
 top: -11px;
 width: 16px;
 z-index: 2;
}
.loyalty .ctaButton:after {
 background-position: right 0;
 right: 0;
 top: 0;
 width: 28px;
}
.loyalty .ctaButton.store:after {
 background-position: right -375px;
 bottom: 0;
 top: auto;
}
.loyalty .ctaButton.member:before {
 background-position: -21px -194px;
 bottom: -17px;
 left: -2px;
 right: auto;
 top: auto;
}
.loyalty .ctaButton.member a {
 background: url(http://www.runescape.com/img/rs3/loyalty/become-a-member-bg.jpg) no-repeat scroll 0 0 transparent;
}
.loyalty .ctaButton.store a {
 background: url(http://www.runescape.com/img/rs3/loyalty/visit-the-store-bg.jpg) no-repeat scroll 0 0 transparent;
}
.loyalty .ctaButton.store a {
 border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.loyalty .ctaButton .contentBox {
 position:absolute;
 top:45px;
 left:35px;
}
.loyalty .twoColumns .left p {
 color: #d7dbe1;
}
.loyalty .right article.member p {
 color: #071b25;
 text-shadow: 1px 1px 1px white;
}
.loyalty .right article.store p {
 color: #b2dbee;
}
.de.loyalty .right article.store p {
 width: 230px;
}
.loyalty .solomonsLogo {
 background: url(http://www.runescape.com/img/rs3/loyalty/solomons-logo-frame.png) no-repeat scroll 17px 0 transparent;
 bottom: -30px;
 height: 87px;
 left: 0;
 padding: 0;
 position: absolute;
 text-indent: -9999px;
 width: 100%;
}
.loyalty .solomonsHat {
 background: url(http://www.runescape.com/img/rs3/loyalty/solomons-hat.png) no-repeat scroll 0 0 transparent;
 height: 122px;
 position: absolute;
 right: 0;
 top: 323px;
 width: 247px;
 z-index: 100;
}
.loyalty .oneColumn {
 background: url(http://www.runescape.com/img/rs3/loyalty/full-column-bg.jpg) no-repeat scroll -1px -4px transparent;
 clear: both;
 padding: 70px 35px 10px;
}
.lt-ie8 .loyalty .oneColumn {
 padding-top: 40px;
}
.loyalty .oneColumn p {
 font-size: 1.5em;
 color: #d7dbe1;
}
.loyalty .oneColumn p a {
 color: #e1bb34;
 display: block;
}
.loyalty .oneColumn p a:hover {
 color: #fff2c5;
}
.loyalty .oneColumn .intro { 
 zoom: 1;
}
.loyalty .oneColumn .intro p {
 padding: 20px 0 40px;
 width: 680px;
}
.loyalty .products {
 float: left;
 margin-bottom: 40px;
 margin-right: 30px;
 width: 210px;
}
.lt-ie8 .loyalty .products {
 height: 275px;
}
.loyalty .products a.linkToShop {
 border: 1px solid #797d7f;
 border: 1px solid rgba(121, 125, 127, 0.75);
 box-shadow: 0 0 6px 6px black;
 display: block;
 position: relative;
 width: 197px;
}
.loyalty .products a.linkToShop:hover:after {
 background: url(http://www.runescape.com/img/rs3/loyalty/hover-state-eye.png) no-repeat scroll 0 0 transparent;
 content: "";
 height: 118px;
 left: 0;
 position: absolute;
 top: 0;
 width: 198px;
}
.loyalty .products a.linkToShop span {
 background: url(http://www.runescape.com/img/rs3/loyalty/services-sprite.jpg) no-repeat scroll 0 0 transparent;
 display: block;
 height: 117px;
 text-indent: -9999px;
 width: 197px;
}
.loyalty .products.auras a.linkToShop span {
 background-position: right 0;
}
.loyalty .products.emotes a.linkToShop span {
 background-position: 0 -118px;
}
.loyalty .products.teleports,
.loyalty .linkAndDesc {
 clear: left;
}
.loyalty .products.teleports a.linkToShop span {
 background-position: right -118px;
}
.loyalty .products.animations a.linkToShop span {
 background-position: 0 -236px;
}
.loyalty .products.services a.linkToShop span {
 background-position: right -237px;
}
.loyalty .products h3 {
 font-size: 1.6em;
 margin: 20px 0 5px;
 color: #b2dbee;
}
.loyalty .linkAndDesc > * {
 display: block;
 float: left;
}
.loyalty .linkAndDesc h4 {
 margin-top: 12px;
}
.loyalty .linkAndDesc .decoBar {
 background: none repeat scroll 0 0 #000000;
 border-top: 1px solid #223843;
 height: 1px;
 margin: 20px;
 width: 350px;
}
.de.loyalty .linkAndDesc .decoBar {
 width: 305px;
}
.fr.loyalty .linkAndDesc .decoBar {
 width: 248px;
}
.pt.loyalty .linkAndDesc .decoBar {
 width: 318px;
}
.es.loyalty .linkAndDesc .decoBar {
 width: 335px;
}
.loyalty .linkAndDesc .btnWrap {
 margin: 0;
}
.patternedBorder {
 position: relative;
 padding: 50px 35px 35px 35px;
}
.patternedBorder p {
 margin-top: 10px;
 font-size: 1.5em;
 color: #d7dbe1;
}
.lt-ie9 .loyalty .left {
 border-top: 2px solid black;
} 
/*
 * 
 *  16. BONDS PAGE
 *  
 */
.banner .message{
 background:transparent url(http://www.runescape.com/img/rs3/bonds/slider.jpg) no-repeat top center;
 height:605px;
 position:relative;
}
.banner .message a{
 display:block;
 width:100%;
 height:100%;
}
.banner .message .trailer{
 display:inline-block;
}
.banner .message img{
 left:auto;
 margin-left:auto;
 width:auto;
}
.lt-ie9 .banner .message img{
 margin-left:5px;
}
.lt-ie8 .banner .message img{
 top:10px;
}
.banner .video{
 width:1000px;
 margin:0 auto;
 padding-top:50px;
}
.banner .video .greyFrame{
 margin-left:20px;
}
.lt-ie8 .video .greyFrame{
 width:439px;
}
.bonds h2{
 font-size:3em;
}
.bonds .title span{
 background: transparent url(http://www.runescape.com/img/rs3/titles/bonds.png) no-repeat -7px -9px;
 z-index:30;
}
.fr.bonds .title span{
 background-position:-7px -1px;
}
.pt.bonds .title span{
 background-position:-7px -4px;
}
.es.bonds .title{
 background-position:10px 12px, 0 52px;
 margin:-58px 0 -26px 0;
}
.es.bonds .title span:before{
 display:none;
}
.es.bonds .title span{
 background-position:0 7px;
 margin-left:0;
}
.bonds .banner .inner{
 height:auto;
}
.bonds section{
 background: transparent url(http://www.runescape.com/img/rs3/section-divider.gif) repeat-x bottom left;
 padding:35px;
}
.bonds .info {
 background-image:url(http://www.runescape.com/img/rs3/section-divider.gif), url(http://www.runescape.com/img/rs3/bonds/icon.png);
 background-repeat:repeat-x,no-repeat;
 background-position:bottom left, 665px 40px;
 padding-right:355px;
 box-shadow:inset 0px 7px 10px -5px #000;
 -moz-box-shadow:inset 0px 7px 10px -5px #000;
 min-height:325px;
}
.bonds section .padded, .combat section .padded{
 padding:35px;
 overflow:hidden;
}
.bonds section:before, .bonds section:after,.combat section:before, .combat section:after{
    content: " ";
    display:table;
}
.bonds section:after,.combat section:after{
    clear:both;
}
.bonds .simple,.combat .simple{
 background:none;
 position:relative;
 padding:0;
}
.bonds .simple:after,.combat .simple:after{
 background: url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x scroll 0 0 transparent;
 box-shadow: 0 10px 9px 0 black;
 content: "";
 height: 18px;
 left: 0;
 position: absolute;
 bottom: 0;
 width: 100%;
 z-index: 1;
}
.bonds .main p,.combat .main p{
 color: #d7dbe1;
 margin-top: 10px;
 font-size: 1.5em;
}
.bonds .main p strong,.combat .main p strong{
 font-weight:bold;
}
.bonds .col, .combat .col{
 float:right;
}
.bonds .col.first,.combat .col.first{
 float:left;
 width:745px;
}
.fr.bonds .col.first{
 width:870px;
}
.bonds .patternedBorder .col.first,.combat .patternedBorder .col.first{
 width:645px;
}
.bonds .intro, .combat .intro {
 position:relative;
 background:transparent url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x bottom left;
}
.bonds .trailer:after{
 top:60px;
 left:160px;
}
.bonds .video, .combat .support{
 float:right;
}
.bonds .headersWrap{
 float:left;
 margin-top:5px;
 width:490px;
}
.bonds .headers{
 width:460px;
 height:133px;
 background:transparent url(http://www.runescape.com/img/rs3/bonds/mmg.png) no-repeat 0 0;
 text-indent:-9999px;
 border-bottom:solid 1px #020c0d;
 padding-bottom:20px;
}
.bonds .headersWrap p,.combat .headersWrap p{
 padding-top:20px;
 border-top:solid 1px #304151;
 margin-top:0;
}
.bonds .headers h2,.bonds .headers h3{
 color:#d7dbe1;
}
.bonds .headers h2{
 font-size:7.6em;
 margin:5px 0;
}
.bonds .headers h3{
 font-size:1.8em;
}
.bonds .carousel{
 position:relative;
 height:535px;
 background:transparent url(http://www.runescape.com/img/rs3/bonds/background.jpg) no-repeat 0 125px;
 z-index:2;
}
.bonds .carousel .flex-viewport{
 margin-top:-125px;
 overflow:hidden;
 position:relative;
}
.bonds .slides{
 margin-top:165px;
}
.bonds .slides li{
 position:relative;
 overflow:visible;
 height:410px;
}
.bonds .carousel .copy{
 background:transparent url(http://www.runescape.com/img/rs3/bonds/border.png) no-repeat 0 0;
 width:400px;
 height:302px;
 padding:30px 0 0 60px;
 margin:0 0 0 40px;
}
.de.bonds .carousel .copy,.pt.bonds .carousel .copy,.es.bonds .carousel .copy{
 width:450px;
}
.fr.bonds .carousel .copy{
 width:430px;
}
.bonds .flex-direction-nav a{
 top:285px;
}
.bonds .carousel img{
 position:absolute;
 right:60px;
 bottom:39px;
}
.bonds .carousel h3{
 font-size:3.5em;
}
.bonds .carousel h4{
 color:#d7dbe1;
 font-size:1.9em;
}
.bonds .carousel p{
 color:#000;
}
.bonds .cols,.combat .cols{
 overflow:hidden;
 padding-bottom:25px;
 border-bottom:solid 1px #020c0d;
}
.bonds figure{
 position:relative;
 height:350px;
 clear:both;
 border-top:solid 1px #304151;
}
.bonds .stages{
 display:block;
 position:absolute;
 left:-30px;
 top:-35px;
}
.bonds figcaption > div{
 position:absolute;
 top:25px;
 z-index:100;
 cursor:pointer;
 background:transparent url(http://www.runescape.com/img/rs3/blank.gif) no-repeat 0 0;
 text-align:center;
}
.bonds figcaption h5{
 font-size:2.2em;
}
.es.bonds figcaption h5,.pt.bonds figcaption h5{
 font-size:1.8em;
}
.fr.bonds figcaption h5{
 font-size:1.6em;
}
.bonds .purchase{
 left:0;
 width:262px;
 height:260px;
}
.bonds .trade{
 left:288px;
 width:355px;
 height:315px;
}
.bonds .consume{
 left:675px;
 width:220px;
 padding-left:40px;
 height:260px;
}
.bonds .popup{
 background:transparent url(http://www.runescape.com/img/rs3/bonds/popup.jpg) no-repeat 0 0;
 width:280px;
 height:324px;
 padding:30px;
 position:absolute;
 top:-130px;
 z-index:150;
 display:none;
 cursor:default;
 text-align:left;
 box-shadow:0 0 10px 3px #000;
 -moz-box-shadow:0 0 10px 3px #000;
}
.bonds .popup p{
 font-size:1.4em;
 border-bottom:solid 1px #020c0d;
 padding-bottom:20px;
}
.pt.bonds .popup p,.de.bonds .popup p,.fr.bonds .popup p{
 font-size:1.3em;
}
.pt.bonds .popup p{
 margin-top:5px;
}
.de.bonds .trade .popup img,.es.bonds .trade .popup img,.pt.bonds .trade .popup img{
 display:none;
}
.bonds .popup figure{
 height:auto;
 text-align:center;
 padding-top:8px;
}
.bonds .purchase .popup{
 left:-25px;
}
.bonds .trade .popup{
 left:0;
 position:relative;
 top:-166px;
}
.bonds .trade .popup p,.bonds .trade figure{
 padding:0;
 border:0;
}
.bonds .trade figure{
 position:absolute;
 bottom:-2px;
 left:0;
}
.bonds .consume .popup{
 right:-20px;
}
.bonds figcaption > div:hover .popup{
 display:block;
}
.bonds .main h6{
 font-size:1.4em;
 color:#d7dbe1;
}
.bonds .main p a,.combat .main p a{
 color: #e1bb34;
}
.bonds .main p a:hover,.combat .main p a:hover{
 color: #b2dbee; 
}
.bonds .patternedBorder,.combat .patternedBorder{
 background:none;
 padding:0;
 margin-top:-7px;
}
.bonds .patternedBorder .padded,.combat .patternedBorder .padded{
 padding-top:50px;
}
.lt-ie8 .bonds .intro{
 height:438px;
}
.lt-ie8 .bonds .carousel .flex-viewport{
 margin-top:0;
} 
.lt-ie8 .bonds .flex-direction-nav a{
 top:160px;
}
/*
 * 
 *  16. STORE LOCATOR PAGE
 *  
 */
.storeLoc .banner .inner {
 height: 410px;
}
.storeLoc .title span {
 background: url(http://www.runescape.com/img/rs3/titles/prepaid.png) no-repeat scroll left -8px transparent;
}
.storeLoc h2 {
 font-size: 2.2em;
}
.storeLoc .twoColumns {
 position: relative;
}
.storeLoc .twoColumns p {
 margin-bottom: 20px;
 font-size: 1.5em;
 color:#d7dbe1;
}
.storeLoc .twoColumns p a, .storeLoc .patternedBorder p a {
 color: #e1bb34;
}
.storeLoc .twoColumns p a:hover, .storeLoc .patternedBorder p a:hover {
 color: #b2dbee;
}
.storeLoc .left {
 background: url(http://www.runescape.com/img/rs3/loyalty/texture-top-left.png) repeat-y scroll right 0 transparent;
 box-shadow: 10px 0 20px 1px #000;
 -moz-box-shadow: 10px 0 20px 1px #000;
 -webkit-box-shadow: 10px 0 20px 1px #000;
 float: left;
 height: 410px;
 position: relative;
 width: 489px;
 z-index: 1;
}
.storeLoc .left h2 {
 margin: 40px 0 20px;
}
.storeLoc .left small {
 color:#b2dbee;
 font-size:0.8em; 
}
.storeLoc .selectStore {
 clear:both;
}
.storeLoc .selectStore .sectionDecor {
 position:relative;
 box-shadow:0 -5px 8px 0 #000000;
 -moz-box-shadow:0 -5px 8px 0 #000000;
    -webkit-box-shadow:0 -5px 8px 0 #000000;
}
.storeLoc .selectStore h2 {
 color:#b2dbee;
 font-size:1.5em;
 margin-bottom:10px;
}
.storeLoc .selectStore .menu {
 position:relative;
 display:block;
 width:265px;
}
.storeLoc .selectStore .countryName {
 padding:10px;
 border-top:1px solid transparent;
 border-right:1px solid transparent;
 font-size:2.2em;
 color: #e1bb34;
 position:relative;
 z-index:30;
 right:10px;
 bottom:5px;
}
.storeLoc .countryName:after {
 border-color: #e1bb34 transparent transparent;
    border-style: solid;
    border-width: 10px 7px;
    content: "";
    position: absolute;
    right: 15px;
    top: 16px;
}
.js .storeLoc .selectStore .menu:hover .countryName {
 background: url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
 border-right: 1px solid #48555B;
 border-top: 1px solid #48555B;
}
.js .storeLoc .selectStore .menu:hover .subMenu {
 display:block;
}
.storeLoc .subMenu li {
 border-bottom:1px solid #48555B;
 font-size:1.7em;
 color: #b2dbee;
 display: block;
    float: left;
    padding: 15px;
    width: 43%;
}
.storeLoc .selectStore .menu, .storeLoc .subMenu li  {
 font-family:'trajan-pro-3';
 cursor:pointer;
}
.storeLoc .subMenu li:hover, .storeLoc .subMenu li.selected {
 color: #e1bb34;
}
.storeLoc .selectStore .subMenu {
 display:none;
 top: 37px;
    border-right: 1px solid #48555B;
    border-bottom: 1px solid #48555B;
    border-top: 1px solid #48555B;
    left: -10px;
    position: absolute;
    z-index: 20;
    padding: 10px;
    background: url(http://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
 width: 490px;
}
.storeLoc .selectStore .subMenu:after {
    background: url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    width: 100%;
}
.storeLoc .countryFlag {
 padding:23px 0 0;
}
.countryFlag {
 background:url(http://www.runescape.com/img/rs3/cards/flag-sprite.png) no-repeat top right;
}
.countryFlag.countryUS {
 background-position:right 0;
}
.countryFlag.countryUK {
 background-position:right -109px;
}
.countryFlag.countryCA {
 background-position:right -218px;
}
.countryFlag.countryOZ {
 background-position:right -327px;
}
.countryFlag.countryNZ {
 background-position:right -436px;
}
.countryFlag.countryAustria {
 background-position:right -545px;
}
.countryFlag.countryIre {
 background-position:right -654px;
}
.countryFlag.countryDE {
 background-position:right -763px;
}
.countryFlag.countryDen {
 background-position:right -872px;
}
.countryFlag.countryFinland {
 background-position:right -981px;
}
.countryFlag.countryHol {
 background-position:right -1090px;
}
.countryFlag.countryNor {
 background-position:right -1199px;
}
.countryFlag.countrySwed {
 background-position:right -1308px;
}
.countryFlag.countrySwiz {
 background-position:right -1417px;
}
.storeLoc .twoColumns .left > * {
 padding-left: 35px;
 padding-right: 30px;
}
.storeLoc .right {
 float: right;
 width: 511px;
 position: relative;
}
.storeLoc .right h2 {
 color: #075104;
 font-size: 4.5em;
 position: absolute;
 top:75px;
 left:35px;
 line-height:0.6em;
 text-shadow: 1px 1px 1px black;
}
.storeLoc .right h2:after {
 border-color: transparent transparent transparent #000;
 border-style: solid;
 border-width: 7px 10px;
 content: "";
 position: absolute;
 right: -30px;
 top: 40px;
}
.storeLoc .right .store h2:after {
 border-color: transparent transparent transparent #e1bb34;
}
.storeLoc .right .member h2:after {
 top:55px;
}
.storeLoc .right .store h2 {
 color: #e1bb34;
}
.storeLoc .right .member h2 {
 color: #000;
 line-height:0.8em;
 text-shadow: 1px 1px 1px white;
 top: 50px;
}
.storeLoc .right .smallerFont {
 font-size: 0.49em;
 color: #fff;
 letter-spacing: 0;
 text-shadow: 1px 1px 1px black;
}
.storeLoc .right:hover article a {
 opacity: 0.5;
}
.storeLoc .right:hover article a:hover {
 opacity: 1;
}
.storeLoc .ctaButton {
 position: relative;
}
.storeLoc .ctaButton a {
 display: block;
 position: relative;
 height:205px;
}
.storeLoc .ctaButton.member a {
 background: url(http://www.runescape.com/img/rs3/cards/member-packages.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .ctaButton.store a {
 background: url(http://www.runescape.com/img/rs3/cards/activate-card.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .right:before,
.storeLoc .right:after,
.storeLoc .ctaButton:after {
 background: url(http://www.runescape.com/img/rs3/global/corner-decorations.png) no-repeat scroll 0 0 transparent;
 content: "";
 height: 30px;
 position: absolute;
 width: 69px;
 z-index: 2;
}
.storeLoc .right:before {
 left: -21px;
 top: 0;
}
.storeLoc .right:after {
 background-position: 0 -381px;
 bottom: 0;
 height: 24px;
 left: -21px;
}
.storeLoc .ctaButton:before {
 background: url(http://www.runescape.com/img/rs3/global/corner-decorations.png) no-repeat scroll right -193px transparent;
 content: "";
 height: 26px;
 position: absolute;
 right: 0;
 top: -11px;
 width: 16px;
 z-index: 2;
}
.storeLoc .ctaButton:after {
 background-position: right 0;
 right: 0;
 top: 0;
 width: 28px;
}
.storeLoc .ctaButton.store:after {
 background-position: right -375px;
 bottom: 0;
 top: auto;
}
.storeLoc .ctaButton.member:before {
 background-position: -21px -194px;
 top: -9px;
 left: -2px;
 right: auto;
}
.storeLoc .ctaButton.member a {
 background: url(http://www.runescape.com/img/rs3/cards/member-packages.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .ctaButton.store a {
 background: url(http://www.runescape.com/img/rs3/cards/activate-card.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .patternedBorder {
 position: relative;
 padding: 50px 35px 35px 35px;
}
.storeLoc .patternedBorder:before {
 box-shadow:none;
}
.storeLoc .patternedBorder.topPattern:before {
 background:url(http://www.runescape.com/img/rs3/background-bar-repeat2.png) repeat-x 0 0;
}
.lt-ie8 .storeLoc .patternedBorder {
 z-index:-1;
 position:relative;
}
.storeLoc .patternedBorder p {
 margin-top: 10px;
 font-size: 1.5em;
 color: #d7dbe1;
}
.storeLoc .sectionDecor {
 background:url(http://www.runescape.com/img/rs3/cards/page-decor.jpg) no-repeat 0 0;
}
.storeLoc .sectionDecor > * {
 margin-left: 30px;
}
.lt-ie9 .storeLoc .left {
 border-top: 2px solid black;
}
.storeLoc .shopList {
 overflow: auto;
 margin-bottom:-15px; 
 display:none;
}
.no-js .storeLoc .shopList {
 display:block;
}
.shopLink {
 display:block;
 width:144px;
 height:89px;
 text-indent:-9999px;
 background:url(http://www.runescape.com/img/rs3/cards/shop-sprite.jpg) no-repeat 0 0;
 float:left;
 margin:0 10px 10px 0;
 box-shadow:4px 0px 8px #000;
    -moz-box-shadow:4px 0px 8px #000;
    -webkit-box-shadow:4px 0px 8px #000;
}
.shopList:hover a {
 opacity:0.5;
}
.shopList:hover a:hover {
 opacity:1;
}
.shopLink.shopAsda {
 background-position: 0 0;
}
.shopLink.shopGame {
 background-position: 0 -89px;
}
.shopLink.shopGameStop {
 background-position: 0 -178px;
}
.shopLink.shopHMV {
 background-position: 0 -267px;
}
.shopLink.shopSains {
 background-position: 0 -356px;
}
.shopLink.shopToysRUs {
 background-position: 0 -445px;
}
.shopLink.shopPCWorld {
 background-position: 0 -534px;
}
.shopLink.shopWHSmith {
 background-position: 0 -623px;
}
.shopLink.shopBestBuy {
 background-position: 0 -712px;
}
.shopLink.shopCaseys {
 background-position: 0 -801px;
}
.shopLink.shopFYE {
 background-position: 0 -890px;
}
.shopLink.shopBlockBust {
 background-position: 0 -979px;
}
.shopLink.shopHuck {
 background-position: 0 -1068px;
}
.shopLink.shopSpeedway {
 background-position: 0 -1157px;
}
.shopLink.shopSheet2 {
 background-position: 0 -1246px;
}
.shopLink.shopRiteAid {
 background-position: 0 -1335px;
}
.shopLink.shopRaceTrac {
 background-position: 0 -1424px;
}
.shopLink.shopHoliday {
 background-position: 0 -1513px;
}
.shopLink.shop7Elev {
 background-position: 0 -1602px;
}
.shopLink.shopSpeedwaySA {
 background-position: 0 -1691px;
}
.shopLink.shopTarget {
 background-position: 0 -1780px;
}
.shopLink.shopWalmart {
 background-position: 0 -1869px;
}
.shopLink.shopEBGames {
 background-position: 0 -1958px;
}
.shopLink.shopLondonDrugs {
 background-position: 0 -2047px;
};
.shopLink.shopSears {
 background-position: 0 -2136px;
}
.shopLink.shopZellers {
 background-position: 0 -2225px;
}
.shopLink.shopAustPost {
 background-position: 0 -2314px;
}
.shopLink.shopBigW {
 background-position: 0 -2403px;
}
.shopLink.shopDickSmith {
 background-position: 0 -2492px;
}
.shopLink.shopDrake {
 background-position: 0 -2581px;
}
.shopLink.shopJBHiFi {
 background-position: 0 -2670px;
}
.shopLink.shopWools {
 background-position: 0 -2759px;
}
.shopLink.shopBartSmit {
 background-position: 0 -2846px;
}
.shopLink.shopDollar{
 background-image: url(http://www.runescape.com/img/rs3/cards/shop-dollar.jpg);
}
.shopLink.shopHastings{
 background-image: url(http://www.runescape.com/img/rs3/cards/shop-hastings.jpg);
}
.shopLink.shopMeijer{
 background-image: url(http://www.runescape.com/img/rs3/cards/shop-meijer.jpg);
}
.de.storeLoc .selectStore .menu {
 width:360px;
}
.de.storeLoc .selectStore .subMenu {
 width:550px;
}
.fr.storeLoc .selectStore .menu {
 width:280px;
}
.de.storeLoc .textCenter, .fr.storeLoc .textCenter, .pt.storeLoc .textCenter   {
 position:relative;
 bottom:15px;
}
.es.storeLoc .right h2 {
 font-size:4em;
}
.pt.storeLoc .right h2 {
 font-size:3.9em;
}
.de.storeLoc .right h2 {
 font-size:3.2em;
 line-height:1em;
}
.de.storeLoc .right .member h2 {
 line-height:1em;
}
.de.storeLoc .right .smallerFont {
 font-size:0.9em;
}
.pt.storeLoc .right h2:after, .es.storeLoc .right h2:after {
 top:36px;
}
.de.storeLoc .right h2:after {
 top:43px;
 right:-20px;
}
.pt.storeLoc .right .member h2:after, .es.storeLoc .right .member h2:after {
 top:48px;
}
.pt.storeLoc .right .member h2:after {
 top:38px;
}
/*
 * 
 *  17. FRIENDS PAGE
 *  
 */
.friends .title span{
    background: transparent url(http://www.runescape.com/img/rs3/titles/my-friends.png) no-repeat -3px -16px;
}
.friends .banner .inner {
    height: 409px;
}
.friends .categorySection {
    margin: 20px 30px 0;
    min-height: 45px;
}
.friends .filter li, .friends .filter h6 {
    font-size: 1.4em;
}
.friends .tiledBlueFrame table .col1 {
 width:60%;
}
.friends .tiledBlueFrame table .align {
 text-align:center;
 vertical-align:middle;
}
.friends .tiledBlueFrame table .align img {
 vertical-align:middle;
}
.friends .loadingAnim {
 text-align:center;
 margin:0 auto;
 display:none;
}
.no-js .friends #friendsTableContent {
 display:block;
}
.js .friends #friendsTableContent, .no-js .friends .ajaxFriendInfo {
 display:none;
}
.friends .mpu {
    padding: 24px 0 33px 17px;
}
.friends .sidebar section:last-child:before{
    background:none;
    display:none;
}
.friends .sidebar .index{
    border:0;
    margin-right:0;
}
.friends .sidebar table {
 width:100%;
 border-collapse:separate;
 border-bottom: 1px solid #223843;
}
.friends .sidebar table td {
 padding:20px 10px 20px 0;
 font-family: 'trajan-pro-3';
 font-weight:bold;
 font-size:1.6em;
 border-bottom: 1px solid #000000;
    border-top: 1px solid #223843;
}
.friends .sidebar table td.inputCell {
 text-align:right;
 padding-right:35px;
}
.friends .sidebar table td.alt {
 color:#e1bb34;
}
.friends .sidebar select, .friends .sidebar option {
 border:1px solid #355563;
 background:#000;
 color:#AED0E0;
}
.friends .sidebar option {
 border-bottom:none;
}
.friends .sidebar input.text {
 font-size:1em;
 width:165px;
}
.friends .sidebar .btn input[type="submit"] {
 padding:0 5px;
}
.friends .tableWrap p.error {
 color: #e1bb34;
    margin: 0 10px;
    padding:10px;
}
/*
 * 
 *  19. POLL PAGE
 *  
 */
.polls .banner .inner{
 height: 405px;
}
.polls .main{
 margin-top: -120px;
}
.polls .main p{
 font-size: 1.5em;
}
.polls .power{
 height: 90px;
 padding: 50px 50px 80px;
 background: transparent url(http://www.runescape.com/img/rs3/poll/divide.jpg) no-repeat bottom left;
}
.polls .pollList{
 padding: 20px 0 32px;
}
.polls .pollList.open{
 background: transparent url(http://www.runescape.com/img/rs3/poll/divide.jpg) no-repeat bottom left;
}
.polls .pollList h2{
 margin: 0 20px 20px 30px;
}
.polls .pollTab,
.poll-archive .pollTab{
 background: transparent url(http://www.runescape.com/img/rs3/poll/plate.jpg) no-repeat;
 height: 69px;
 padding: 5px 0 0;
 height: auto;
 margin-bottom: 5px;
 box-shadow: 0 10px 10px 0 #000;
}
.polls .pollTab:nth-child(even),
.poll-archive .pollTab:nth-child(even){
 background: transparent url(http://www.runescape.com/img/rs3/poll/alternative_plate.jpg) no-repeat;
}
.polls .open .pollTabTitle,
.poll-vote .titleContainer{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_ruby.png) no-repeat;
}
.polls .open .pollTabTitle.diamond,
.poll-vote .titleContainer.diamond{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_diamond.png) no-repeat;
}
.polls .open .pollTabTitle.dragon,
.poll-vote .titleContainer.dragon{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_dragonstone.png) no-repeat;
}
.polls .closed .pollTabTitle,
.poll-archive .pollTabTitle{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_ruby_closed.png) no-repeat;
}
.polls .closed .pollTabTitle.diamond,
.poll-archive .pollTabTitle.diamond{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_diamond_closed.png) no-repeat;
}
.polls .closed .pollTabTitle.dragon,
.poll-archive .pollTabTitle.dragon{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_dragonstone_closed.png) no-repeat;
}
.polls .pollTabTitle,
.poll-archive .pollTabTitle{
 position: relative;
 margin: 1px 0 5px 20px;
 display: table;
 height: 69px;
}
.polls .pollTabTitle{
 padding-left: 10%;
 width: 88%;
}
.poll-archive .pollTabTitle{
 padding-left: 11%;
 width: 86%;
}
.polls .pollTabTitle a{
 background: transparent url(http://www.runescape.com/img/rs3/_sprite/btn-archive-open.png) no-repeat 830px;
}
.polls .closed .pollExpand{
 color: #999;
}
.polls .closed .pollExpand:hover{
 color: #e1bb34;
}
.polls .pollTabTitle a.expanded{
 background: transparent url(http://www.runescape.com/img/rs3/_sprite/btn-archive-close.png) no-repeat 830px;
}
.polls .pollExpand,
.poll-archive .pollExpand{
 display: table-cell;
 width: 100%;
 vertical-align: middle;
 padding-right: 65px;
}
.polls .voted .pollExpand:after{
 position: absolute;
 content: "";
 display: block;
 width: 50px;
 height: 50px;
 background: transparent url(http://www.runescape.com/img/rs3/poll/tick.png) no-repeat;
 top: 7px;
 right: 6%;
}
.polls .pollTabVoted{
 float: right;
 background: transparent url(http://www.runescape.com/img/rs3/poll/tick.png) no-repeat center center;
 width: 42px;
 height: 100%;
}
.polls .viewArchive{
 margin: 0 0 40px 27px;
}
.polls .pollDetails{
 box-shadow: inset 0 17px 8px -8px black;
 overflow: hidden;
 position: relative;
 max-height: 0px;
 transition: max-height 1s;
 -webkit-transition: max-height: 1s;
}
/*Needed to allow css anims whilst maintaining table layout*/
.polls .pollDetailsTable{
 display: table;
 width: 100%;
}
.polls .pollDetails.showElement{
 max-height: 1000px;
 transition: max-height 1s;
 -webkit-transition: max-height: 1s;
}
.polls .pollDetailsLeft{
 display: table-cell;
 width: 50%;
 height: 100%;
 border-right: 1px solid black;
 box-shadow: 10px 0 30px -2px black;
 padding: 0 30px 20px;
}
.polls .pollDetailsRight{
 width: 50%;
 display: table-cell;
 padding-left: 25px;
 background-image: url(http://www.runescape.com/img/rs3/poll/corner_tl.png),url(http://www.runescape.com/img/rs3/poll/corner_tr.png),url(http://www.runescape.com/img/rs3/poll/corner_bl.png),url(http://www.runescape.com/img/rs3/poll/corner_br.png);
 background-position: top left, top right, bottom left, bottom right;
 background-repeat: no-repeat;
 padding: 0 30px 20px;
 box-shadow: inset 5px 7px 16px black;
}
.polls .pollDetailsRight .btnWrap{
 margin-left:
}
.polls .pollDetails h5{
 font-size: 1.7em;
 margin: 25px 0;
}
.polls .pollDesc{
 margin-bottom: 15px;
}
.polls .totalVotes{
 margin-top: 25px;
}
.polls .time{
 background: transparent url(http://www.runescape.com/img/rs3/poll/time.png) no-repeat left center;
 padding: 15px 0 15px 35px;
 border-top: 1px solid #1E313C;
 position: relative;
 line-height: 1.5em;
}
.polls .time:before{
 background: black;
 top: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.polls .yourVote,
.poll-vote .yourVote{
 margin-bottom: 5px;
 padding: 15px 0 15px 35px;
 border-bottom: 1px solid #1E313C;
 border-top: 1px solid #1E313C;
 background: transparent url(http://www.runescape.com/img/rs3/poll/your_vote.png) no-repeat 0px center;
 position: relative;
}
.polls .changeVote{
 font-size: 0.9em;
}
.polls .main p.youHave{
 font-size: 1.2em;
 padding-bottom: 10px;
 color: #8eb0c0;
}
.polls .yourVote:before,
.poll-vote .yourVote:before{
 background: black;
 top: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.polls .yourVote:after,
.poll-vote .yourVote:after{
 background: black;
 bottom: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.polls .pollDetailsRight ul{
 position: relative;
}
.polls .pollsVoteBar,
.poll-vote .voteBarOuter,
.poll-archive .voteBarOuter{
 background: transparent url(http://www.runescape.com/img/rs3/poll/vote_bar.jpg) repeat-x;
 width: 100%;
 height: 34px;
 text-align: right;
 margin-bottom: 15px;
 position: relative;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
.polls .pollsVoteTitle{
 border-top: 1px solid #1e313c;
 position: relative;
 padding-top: 14px;
 height: 17px;
}
.polls .pollsVoteTitle:before{
 background: black;
 top: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.polls .voteBarFill,
.poll-vote .voteBarFill,
.poll-archive .voteBarFill{
 background: transparent url(http://www.runescape.com/img/rs3/poll/bar_blue.jpg) repeat-x;
 height: 34px;
 display: inline-block;
 float: left;
 margin: 3px 0 0 1px;
}
.polls p.voteStats,
.poll-vote .votePage p.voteStats,
.poll-archive .archivePage p.voteStats{
 margin: 9px;
 position: absolute;
 right: 0;
 font-size: 0.7em;
}
.poll-vote .votePage p.voteStats{
 font-size: 1.3em;
}
.polls .votedAnswer .voteBarFill,
.poll-vote .votedAnswer .voteBarFill,
.poll-archive .votedAnswer .voteBarFill{
 background: transparent url(http://www.runescape.com/img/rs3/poll/bar_green.jpg) repeat-x;
}
.polls .poll label.answerLabel{
 position: relative;
 border-top: 1px solid #1e313c;
 padding-bottom: 5px;
}
.polls .poll label:before{
 background: black;
 top: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.polls .poll li{
 font-size: 1.5em;
 position: relative;
}
.polls .poll li:before,
.polls .poll li:after,
.poll-vote .poll li:before,
.poll-vote .poll li:after{
 content: '';
 display: table;
}
.polls .poll li:after,
.poll-vote .poll li:after{
 clear: both;
}
/*Style override to allow html5*/
.polls input[type="radio"]:checked + label .radio{
 background-position-x: right;
}
.polls .poll .htmlRadio{
 top: 15%;
 left: 0%;
}
.polls .poll label span.text{
 font-size: 0.7em;
 width: 332px;
}
.polls .pollDetailsRight .btn{
 width: 139px;
 margin: auto;
 display: block;
}
.polls .voteForm{
 padding-top: 10px;
}
.polls .main .pollMessage{
 padding-left: 38px;
 box-shadow: inset 0px 1px 16px black;
 overflow: hidden;
 max-height: 0px;
 transition: max-height 1s;
 -webkit-transition: max-height: 1s;
}
.polls .main .pollMessage.pollError{
 background-color: #3a0405;
}
.polls .main .pollMessage.pollHidden{
 background-color: #0b2f3d;
}
.polls .pollMessage.showElement{
 max-height: 60px;
 transition: max-height 1s;
 -webkit-transition: max-height: 1s;
}
.polls .pollMessage.pollHidden .messageText{
 background: transparent url(http://www.runescape.com/img/rs3/poll/info_icon.png) no-repeat left center;
}
.polls .pollMessage.pollError .messageText{
 background: transparent url(http://www.runescape.com/img/rs3/poll/error_icon.png) no-repeat left center;
}
.polls .main .messageText{
 padding-left: 63px;
 line-height: 40px;
 width: auto;
 border: none;
 color: #d7dbe1;
}
/*Poll Vote Page*/
.poll-vote .votePage {
 padding: 40px 25px;
 width: 609px;
 box-shadow: 10px 0 5px -2px black;
 float: left;
 min-height: 600px;
}
.poll-vote .votePage p{
 font-size: 1.6em;
}
.poll-vote .banner .inner {
    height: 409px;
}
.poll-vote .sideBar {
 width: 333px;
}
.poll-vote .titleContainer{
 display: table-cell;
 vertical-align: middle;
 height: 68px;
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_ruby.png) no-repeat;
 padding-left: 80px;
}
.poll-vote .mpu {
 padding: 24px 0 33px 17px;
}
.poll-vote .question {
 margin:20px 0 10px;
}
.poll-vote .adjustment p.errorMessage {
 color: #e1bb34;
 margin: 20px 0; 
 width: 96%;
}

.poll-vote .poll input[type="radio"] + label .text {
 width:500px;
 padding:12px 0;
}
.poll-vote .poll ul {
 margin:10px 0;
}
.poll-vote .poll li {
 margin-left:-5px;
 position: relative;
}
.poll-vote .poll label{
 border-bottom: 1px solid #1e313c;
 position: relative;
}
.poll-vote .poll label:after{
 background: black;
 bottom: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.poll-vote .voteButton{
 width: 140px;
 margin: auto;
 margin-top: 40px;
}
.poll-vote .errorMessage{
 margin-top: 20px;
}
/*POLL ARCHIVE*/
.poll-archive .banner .inner{
 height: 409px;
}
.poll-archive .title span,
.poll-vote .title span{
 background: url(http://www.runescape.com/img/rs3/titles/power-to-the-player.png) no-repeat left center;
}
.de.poll-archive .title span,
.de.poll-vote .title span{
 background-position: 7px 11px;
}
.fr.poll-archive .title span,
.fr.poll-vote .title span{
 background-position: 2px center;
}
.pt.poll-archive .title span,
.pt.poll-vote .title span{
 background-position: left 13px;
}
.poll-archive .archivePage{
 float: left;
 width: 660px;
 box-shadow: 10px 0 5px -2px black;
 min-height: 560px;
}
.poll-archive .archiveSelect{
 background: transparent url(http://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x scroll bottom left;
}
.poll-archive .archiveSelect h4{
 color: #e1bb34;
}
.poll-archive .archiveSelect .years{
 border: none;
}
.poll-archive .voted .pollTabTitle:after{
 position: absolute;
 content: "";
 display: block;
 width: 50px;
 height: 50px;
 background: transparent url(http://www.runescape.com/img/rs3/poll/tick.png) no-repeat;
 top: 7px;
 right: 15px;
}
.poll-archive .pollTab{
 border-right: 1px solid #535353;
}
.poll-archive .pollArchive .pollTitle{
 margin: 30px 0;
}
.poll-archive .pollQuestion{
 position: relative;
 margin: 0 30px 30px;
}
.poll-archive .pollQuestion.current{
 display: block;
}
.poll-archive .questionNumber{
 font-family: 'trajan-pro-3';
 font-size: 1.4em;
 margin: 20px 0 10px;
 padding-top: 10px;
 border-top: 1px solid #1e313c;
 position: relative;
}
.poll-archive .questionNumber:before{
 background: black;
 top: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.poll-archive .questionNumber span{
 color: #a9acad;
}
.poll-archive .question{
 margin-bottom: 25px;
 font-size: 1.3em;
}
.poll-archive .pollQuestion .label{
 font-size: 1.5em;
}
.poll-archive .archivePage p.voteStats{
 font-size: 1.3em;
}
.poll-archive .paginationOuter{
 background: none;
 margin: 20px 0;
}
.poll-archive .pagination{
 border: none;
}

/*POLL SIDE BAR*/
.poll-archive .sidebar section,
.poll-vote .sidebar section{
 background: none;
 padding-bottom: 15px;
}
.poll-vote .sidebar .viewArchive,
.poll-archive .sidebar .viewArchive{
 background: transparent url(http://www.runescape.com/img/rs3/poll/sidebar_option.jpg) no-repeat -10px 0;
}
.poll-vote .viewArchive h3,
.poll-archive .viewArchive h3{
 background: none;
 border: none;
 padding-top: 15px;
}
.poll-vote .sidePoll,
.poll-archive .sidePoll{
 margin: 10px 0 0 30px;
}
.poll-vote .sidePoll li,
.poll-archive .sidePoll li{
 height: 40px;
 padding-left; 30px;
 font-size: 1.5em;
 font-family: 'trajan-pro-3';
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_ruby_small.png) no-repeat left center;
 padding: 5px 5px 5px 50px;
 border-bottom: 1px solid #1e313c;
 position: relative;
 display: table;
}
.poll-vote .sidePollText,
.poll-archive .sidePollText{
 display: table-cell;
 vertical-align: middle;
 color: #a9acad;
 font-family: 'trajan-pro-3';
}
.poll-vote .sidePollText:hover,
.poll-archive .sidePollText:hover{
 color: #e1bb34;
}
.poll-vote .sidePoll li:after,
.poll-archive .sidePoll li:after{
 background: black;
 bottom: 0;
 left: 0;
 content: "";
 display: block;
 height: 1px;
 position: absolute;
 width: 100%;
}
.poll-vote .sidePoll .diamond,
.poll-archive .sidePoll .diamond{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_diamond_small.png) no-repeat left center;
}
.poll-vote .sidePoll .dragon,
.poll-archive .sidePoll .dragon{
 background: transparent url(http://www.runescape.com/img/rs3/poll/stone_dragonstone_small.png) no-repeat left center;
}
/*SIMON MARKER*/
.poll-vote .poll .votePercent {
 width:auto;
 position:absolute;
 left:310px;
 bottom:12px;
 display:block;
}
.poll-vote .poll .label {
 width:100%;
 color:#a9acad;
}
.poll-vote .poll .pollResult {
 position:relative;
 width:100%;
}
.poll-vote .poll .voteText {
 margin:10px 0 15px;
 display:block;
}
.poll-vote .top-buffer {
 margin-top:10px;
}
/*
 * 
 *  20. GAME PAGE
 *  
 */
.gamePage .gameFlowOverlay{
 display:none;
}
.gamePage .javaInstallScreens{
 margin:-35px 0 20px 0;
}
.gamePage .javaInstallScreen{
 display:inline-block;
 padding:13px;
}
.gamePage .javaInstallScreen img{
 box-shadow:1px 5px 10px rgb(82, 82, 82);
 margin-top:15px;
}
.gamePage .javaInstallScreen h4{
 text-align:left;
}
/*
 *
 * 21. WELL OF GOODWILL PAGE
 *
 */
 .goodwill .banner .inner {
  height:405px;
 }
.goodwill h2{
 font-size:3em;
 margin-bottom:10px;
}
.goodwill .tabNav .active:first-child:before, .goodwill .tabbedElement .inner:after, .goodwill .secondary .active:first-child:before {
 background:none;
}
.goodwill .tabbedContents {
 padding:0;
}
.goodwill .tabbedContent {
 height:633px;
 padding:35px;
 position:relative;
}
.goodwill .scoreLink {
 position:absolute;
 bottom:44px;
 left:33px;
}
.no-js .goodwill .tabNav {
 display:none;
}
.js .goodwill #bond-donators {
 display:none;
}
.goodwill h2 span {
 font-size:0.6em;
 color:#d7dbe1;
 display:block;
 margin-bottom:5px;
}
.goodwill .title span{
 background: transparent url(http://www.runescape.com/img/rs3/titles/well-of-goodwill.png) no-repeat -0 19px;
}
.de.goodwill .title span{
 background-position: -0 3px;
}
.fr.goodwill .title span, .de.goodwill .title span, .pt.goodwill .title span, .es.goodwill .title span{
 background-position: -0 3px;
}
.de.goodwill .title span{
 background-position: -0 3px;
}
.pt.goodwill .title span{
 position:relative;
 z-index:26;
}
.goodwill section{
 background: transparent url(http://www.runescape.com/img/rs3/section-divider.gif) repeat-x bottom left;
 padding:35px;
}
.goodwill section.help {
 background:none;
}
.goodwill section.well {
 padding:0;
 height:320px;
 background:none;
}
.de.goodwill section.well h2 {
 font-size:2.2em;
}
.fr.goodwill section.well p  {
 font-size:1.4em;
}
.goodwill .well-inner {
 background: url(http://www.runescape.com/img/rs3/goodwill/well-goodwill.jpg) no-repeat top right;
 padding:35px;
 height:250px;
}
.goodwill .twoDollarPromo{
 color:#FF0000;
 font-weight:bold;
}
.goodwill section:before, .goodwill section:after{
    content: " ";
    display:table;
}
.goodwill section:after{
    clear:both;
}
.goodwill section p {
 width:57%;
}
.goodwill .main p{
 color: #d7dbe1;
 margin-bottom: 10px;
 font-size: 1.5em;
}
.goodwill .main p.errorMessage {
 color:#e1bb34;
}
.goodwill .main p strong{
 font-weight:bold;
}
.goodwill .col {
 float:left;
}
.goodwill .col.first {
 width:730px;
 margin-top:15px;
}
.goodwill .col.second {
 width:543px;
 margin-top:15px;
}
.goodwill .col.bond-total {
 width:380px;
 text-align:center;
 padding-top:80px;
 margin-bottom: 35px;
}
.goodwill .top-donator {
 background:url(http://www.runescape.com/img/rs3/goodwill/top-donator.png) no-repeat 0 0;
 width:565px;
 height:151px;
 position:relative;
 left:-10px;
} 
.goodwill .full-width {
 width:100%;
}
.goodwill .top-donator h3 {
 position:absolute;
 font-size: 2.6em;
    left: 140px;
    top: 45px;
}
.fr.goodwill .top-donator h3, .es.goodwill .top-donator h3, .pt.goodwill .top-donator h3, .de.goodwill .top-donator h3 {
 font-size:2.4em;
}
.goodwill .top-donator h3 span {
 font-size:0.7em;
}
.goodwill .top-donator h4 {
 bottom: 50px;
    font-size: 1.8em;
    left: 140px;
    position: absolute;
    color: #d7dbe1;
}
.goodwill .top-donator .medal {
 width:107px;
 height:105px;
 background:url(http://www.runescape.com/img/rs3/goodwill/medals.png) no-repeat 0 0;
 position:absolute;
 left:21px;
 top:18px;
 overflow:hidden;
}
.goodwill .top-donator .avatar {
 padding:15px 0 0 15px;
}
.goodwill .top-donator .medal.silver {
 background-position:0 -108px;
}
.goodwill .top-donator .medal.bronze {
 background-position:0 -216px;
}
.goodwill .baro {
 background:url(http://www.runescape.com/img/rs3/goodwill/bar-empty-outer.png) no-repeat 0 0;
 width:106px;
 height:527px;
 position:relative;
}
.goodwill .baro:after {
 content:'';
 background:url(http://www.runescape.com/img/rs3/goodwill/bar-top.png) no-repeat 0 0;
 width:103px;
 height:93px;
 position:absolute;
 top:-35px;
 left:50%;
 margin-left:-50px;
 z-index:1;
}
.goodwill .baro-marker {
 position:absolute;
 height:466px;
 bottom:21px;
 width:110px;
 left:-120px;
 padding-top:15px;
}
.goodwill .baro-logo {
 position:absolute;
 right:-197px;
 width:215px;
 height:178px;
 bottom:-32%;
 background:url(http://www.runescape.com/img/rs3/goodwill/game-aid.png) no-repeat 0 0;
 z-index:2;
 padding-top:55px;
}
.goodwill .baro-logo p {
 font-family:'trajan-pro-3';
 color:#000;
 text-shadow: 1px 1px 1px #fff;
 text-align:center;
 width:100%;
 line-height:1em;
 padding-left:15px;
}
.goodwill .baro-logo .current {
 font-size:1.4em;
}
.goodwill .baro-logo .number {
 font-size:1.7em;
}
.goodwill .baro-logo .gp {
 font-size:3.0em;
}
.de.goodwill .baro-logo .gp {
 font-size:1.7em;
}
.pt.goodwill .baro-logo .gp {
 font-size:2.7em;
}
.es.goodwill .baro-logo .gp {
 font-size:2.5em;
}
.goodwill .baro-guage {
 position:absolute;
 height:466px;
 bottom:21px;
 left:50%;
 margin-left: -37px;
 width:74px;
}
.goodwill .guage-inner, .goodwill .marker-inner {
 position:relative; 
 height:100%;
}
.goodwill .guage-inner:after {
 content:'';
 background:url(http://www.runescape.com/img/rs3/goodwill/bar-bot.png) no-repeat 0 0;
 width:372px;
 height:104px;
 position:absolute;
 bottom:-37px;
 left:50%;
 margin-left:-189px;
 z-index:1;
}
.goodwill .money-mark {
 background: url(http://www.runescape.com/img/rs3/goodwill/money-mark.png) no-repeat center right;
 font-size: 1.5em;
 height: 20px;
    left: -50px;
    line-height: 24px;
    padding-right:28px;
    position: absolute;
    text-align: right;
    width: 140px;
 font-family:'trajan-pro-3';
 color: #d7dbe1;
}
.es.goodwill .money-mark {
  width: 150px;
}
.goodwill .money-mark.fallback-opacity-remove {
 opacity:1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
}
.goodwill .money-mark.first-child {
 bottom:20%;
}
.goodwill .money-mark.second-child {
 bottom:40%;
}
.goodwill .money-mark.third-child {
 bottom:60%;
}
.goodwill .money-mark.fourth-child {
 bottom:80%;
}
.goodwill .money-mark.fifth-child {
 bottom:99%;
}
.goodwill .bar-full {
 background:url(http://www.runescape.com/img/rs3/goodwill/bar-full.png) no-repeat bottom left;
 bottom: 0px;
    height: 0px;
    left: 50%;
    margin-left: -37px;
    position: absolute;
    width: 74px;
}
.goodwill .bar-full:after {
 content:'';
 background:url(http://www.runescape.com/img/rs3/goodwill/bar-wave.png) no-repeat top left;
 display: block;
    height: 5px;
    left: 50%;
    margin-left: -18px;
    position: absolute;
    top: 0;
    width: 34px;
}
.goodwill section.help {
 padding:0;
 background: url(http://www.runescape.com/img/rs3/section-divider.gif) repeat-x top left;
 padding-top:35px;
 box-shadow: 0 1px 14px #000000;
}
.goodwill .help-inner {
 padding:35px;
}
.goodwill section.charity {
 padding:35px;
 box-shadow: 0 0 10px 0 #000000 inset;
 background: url(http://www.runescape.com/img/rs3/goodwill/charity-sec.jpg) repeat;
}
.goodwill section.charity h2, .goodwill section.charity p, .goodwill section.charity a {
 color:#3d1c17;
 width:100%;
}
.goodwill section.charity h2 {
 cursor:pointer;
 position:relative;
 z-index:2;
}
.goodwill section.charity h2:hover {
 color:#773A32;
}
.goodwill section.charity h2:after {
 
 content:"Show More";
 width:118px;
 height:10px;
 background: url(http://www.runescape.com/img/rs3/goodwill/charity-arrow.png) no-repeat right 0;
 display:block;
 position:absolute;
 top:10px;
 right:0;
 font-size:0.5em;
 z-index:2;
}
.lt-ie9 .goodwill section.charity h2:after {
 font-size:1.3em;
}
.pt.goodwill section.charity h2:after {
 width:158px;
}
.es.goodwill section.charity h2:after {
 width:108px;
}
.fr.goodwill section.charity h2:after {
 width:78px;
}
.de.goodwill section.charity h2:after {
 width:178px;
}
.goodwill section.charity h2.expanded:after {
 
 content:"Show Less";
 background-position: right -10px;
}
.goodwill section.charity a { 
 text-decoration:underline;
 font-weight:bold;
}
.goodwill section.charity a:hover {
 color:#773A32;
}
.goodwill .charity-content {
 padding-left:300px;
 margin-top:25px;
 padding-bottom:35px;
 border-bottom:1px solid #b99f75;
}
.goodwill .charity-content.charity-dec {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-dec.png) no-repeat 70px 0;
 padding-bottom:55px;
}
.goodwill .charity-content.charity-hart {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-hart.png) no-repeat 89px 0;
 padding-bottom:55px;
}
.goodwill .charity-content.charity-willow {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-willow.png?1) no-repeat 0 29px;
}
.goodwill .charity-content.charity-special {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-special.png) no-repeat 8px 25px;
}
.goodwill .charity-content.charity-action {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-action.png) no-repeat 0 0;
}
.goodwill .charity-content.charity-games {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-games-aid.png) no-repeat 30px 26px;
}
.goodwill .charity-content.charity-watch {
 background:url(http://www.runescape.com/img/rs3/goodwill/logo-internet-watch.png) no-repeat 65px 0;
 padding-bottom:87px;
 border-bottom:0;
}
.goodwill .bond-total {
 font-size:3em;
 color:#fff;
 font-family:'trajan-pro-3';
}
.goodwill .bond-raised {
 font-size:1em;
 color:#fff;
 font-family:'trajan-pro-3';
}
.goodwill .bond-text {
 width:380px;
 height:157px;
 background:url(http://www.runescape.com/img/rs3/goodwill/bonds-donated.jpg) no-repeat 0 0;
}
.de.goodwill .bond-text {
 height:140px;
}
.fr.goodwill .bond-text {
 height:204px;
}
.pt.goodwill .bond-text {
 height:154px;
}
.es.goodwill .bond-text {
 height:140px;
}
/*
 * 
 *  22. PREMIER CLUB
 *  
 */
.premierClub .banner .inner {
 height:500px;
}
.premierClub .bannerBackground{
 background:url(http://www.runescape.com/img/rs3/banners/premier_club_banner.jpg) no-repeat center 0;
 width:100%;
 height:600px;
 top:7%;
}
.premierClub .bannerBackground img{
 margin:auto;
 left:auto;
 width:404px;
 top:46px;
 padding-right:5px;
}
.premierClub .title{
 height:100px;
}
.premierClub .title:before,
.premierClub .title:after{
 z-index: 0;
}
.premierClub .breadcrumb{
 z-index:0;
}
.lt-ie8 .breadcrumb{
 z-index:-1;
}
.premierClub .main{
 margin-top:-90px;
}
.premierClub .premierClubContent section p {
 color: #d7dbe1;
    font-size: 1.6em;
    margin-bottom:10px;
}
.premierClub .adjustment {
    overflow: hidden;
    width: 1000px;
    text-align: left;
    font-family: 'MuseoSans500';
}
.premierClub .premierClubContent section {
 padding:30px;
}
.premierClub section.clubDetails {
 background:url(http://www.runescape.com/img/rs3/premier_club/topSection.png) no-repeat 19px -5px;
 height:476px;
 padding:0 40px;
 margin-top:-234px;
 position:relative;
}
.premierClub section.introText {
 padding:0 30px 50px;
}
.premierClub section.buyBonds {
 padding:50px 30px 50px;
}
.premierClub section.moreInfo {

}
.premierClub .mainHead {
 margin-bottom:10px;
}
.premierClub .mainHead.bonds {
 padding-left:57px;
 background:url(http://www.runescape.com/img/rs3/premier_club/smallBonds.png) no-repeat 0 0;
 line-height:2.1em;
 margin-bottom:0;
}
.premierClub .bondsSubText{
 padding-left: 57px;
}
.premierClub .mainHead{
 font-size:2.1em;
}
.fr.premierClub .mainHead.bonds {
 font-size:2.1em;
}
.premierClub .detailsSeg {
 display: inline;
    float: left;
    height: 237px;
    margin-right: 59px;
    position: relative;
    top: 147px;
    width: 266px;
}
.premierClub .detailsSeg:after {
 content:'';
 position:absolute;
 left:50%;
 margin-left:-71px;
 top:-133px;
 width:142px;
 height:77px;
 display:block;
 background:url(http://www.runescape.com/img/rs3/premier_club/smallBadges.png) no-repeat 0 0;
}
.premierClub .bronzeDetails:after {
 background-position:0 -154px;
}
.premierClub .silverDetails:after {
 background-position:0 -77px;
}
.premierClub .goldDetails:after {
 background-position:0 0;
}
.premierClub .goldDetails {
 margin-right:0;
 left:2px;
}
.premierClub .segHead {
 text-align:center;
 width:100%;
 margin:-66px auto 182px;
}
.premierClub .segPrice {
 font-family:'trajan-pro-3';
 font-size:330%;
 color:#fff;
 text-align:center;
}
.premierClub .segPricePanel {
 font-family:'trajan-pro-3';
 font-size:330%;
 color:#fff;
 text-align:center;
 color:#3D1C17;
}
.premierClub .bronzeDetails .segPricePanel {
 padding-top:85px;
}
.premierClub .silverDetails .segPricePanel {
 padding-top:54px;
}
.premierClub .goldDetails .segPricePanel {
 padding-top:24px;
}
.de.premierClub .bronzeDetails .segPricePanel {
 padding-top:65px;
}
.fr.premierClub .bronzeDetails .segPricePanel {
 padding-top:90px;
}
.fr.premierClub .silverDetails .segPricePanel {
 padding-top:61px;
}
.fr.premierClub .goldDetails .segPricePanel {
 padding-top:32px;
}
.pt.premierClub .bronzeDetails .segPricePanel {
 padding-top:83px;
}
.pt.premierClub .silverDetails .segPricePanel {
 padding-top:58px;
}
.pt.premierClub .goldDetails .segPricePanel {
 padding-top:48px;
}
.es.premierClub .bronzeDetails .segPricePanel {
 padding-top:96px;
}
.es.premierClub .silverDetails .segPricePanel {
 padding-top:70px;
}
.es.premierClub .goldDetails .segPricePanel {
 padding-top:44px;
}
.premierClub .detailsSeg .topBtn {
 text-align:center;
 position:relative;
 top:16px;
 margin-top:0;
}
.premierClub .segContentOuter {
 height: 240px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    cursor:pointer;
}
.premierClub .segContent {
 background:url(http://www.runescape.com/img/rs3/premier_club/hoverPattern.png) no-repeat 0 0;
 display:none;
 box-shadow: 0 1px 8px 0 #000 inset;
 text-align:center;
 height:100%;
 width:100%;
}
.fr.premierClub .segContent p{
 font-size:1.3em;
}
.pt.premierClub .segContent p{
 font-size:1.0em;
}
.es.premierClub .segContent p{
 font-size:1.1em;
}
.premierClub .openLoginPanelPC {
 display:block;
 padding-top:25px;
}
.premierClub section.clubDetails p {
 color:#3D1C17;
 text-shadow:1px 1px 2px rgba(255,255,255, 0.5);
 padding:5px;
 margin-bottom:0;
 font-size:1.4em;
}
.no-js .premierClub .segContent {
 display:block;
}
.premierClub .segContent .opaque {
 background-color:rgba(4,7,8,0.05);
}
.premierClub .segHead h2 {
 font-size:3.0em;
 padding-top:10px;
 color:#323232;
 text-shadow:1px 1px 2px rgba(255,255,255, 0.5);
}
.premierClub .segHead h3 {
 font-size:1.6em;
 color:#323232;
 text-shadow:1px 1px 2px rgba(255,255,255, 0.5);
}
.premierClub .detailsSeg .bronzeHeader {
 background-position:0 0;
}
.premierClub .detailsSeg .silverHeader {
 background-position:0 -65px;
}
.premierClub .detailsSeg .goldHeader {
 background-position:0 -130px;
}
.premierClub .badgeLabel{
 padding-top:70px;
 font-size:0.43em;
 color:white;
 font-family:TrajanPro3 Semibold;
}
.premierClub .goldHead .badgeLabel{
 padding-top:73px;
}
.premierClub .premierClubTable {
 background: url(http://www.runescape.com/img/rs3/goodwill/charity-sec.jpg) repeat;
 position:relative;
 padding-top:55px;
 color:#3D1C17;
}
.premierClub .bronzeHead, .premierClub .silverHead, .premierClub .goldHead {
 width:200px;
 height:105px;
 background:url(http://www.runescape.com/img/rs3/premier_club/badges.png) no-repeat 2px 0;
 position:absolute;
 left:50%;
 margin-left:-100px;
 top:-114px;
}
.premierClub .bronzeHead {
 background-position: 0 -210px;
}
.premierClub .silverHead {
 background-position: 0 -105px;
}
.premierClub .goldHead {
 background-position: 0 0;
}
.premierClub .premierClubTable:before {
 content:'';
 background: url(http://www.runescape.com/img/rs3/background-footer-border-top.png) repeat-x 0 0;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:55px;
 box-shadow: -2px 5px 6px #000000;
}
.premierClub .premierClubTable:after {
 content:'';
 background:url(http://www.runescape.com/img/rs3/background-bar-repeat2.png) repeat-x 0 0;
 position:absolute;
 bottom:-20px;
 left:0;
 width:100%;
 height:20px;
}
.premierClub .premierClubTable table {
 width:100%;
 border-collapse:inherit;
}
.premierClub .premierClubTable td {
 padding:15px 20px;
 text-align:center;
 border-left:1px solid #d6c8ae;
 border-right:1px solid #807055;
 text-shadow:1px 1px 2px rgba(255,255,255, 0.5);
}
.premierClub .premierClubTable td {
 border-bottom:1px dotted #3D1C17;
}
.premierClub .premierClubTable thead td:nth-of-type(1), .premierClub .premierClubTable tbody td:nth-of-type(1) {
 text-align:left;
 font-size:160%;
 border-left:none;
}
.premierClub .premierClubTable tbody td:nth-of-type(1) {
 font-size:128%;
 padding-top:10px;
 vertical-align:middle;
}
.premierClub .premierClubTable thead td {
 font-size:250%;
 font-family:'trajan-pro-3';
 padding:35px 0 20px;
}
.premierClub .premierClubTable tbody td:nth-of-type(2), .premierClub .premierClubTable tbody td:nth-of-type(3), .premierClub .premierClubTable tbody td:nth-of-type(4) {
 font-family:'trajan-pro-3';
 font-size:180%;
}
.lt-ie9 .premierClubTable tbody td {
 font-size:150%;
} 
.premierClub .premierClubTable tr:nth-child(even) {
 background-color:rgba(4,7,8,0.05);
}
.premierClub .premierClubTable td:nth-of-type(2) {
 background-color:rgba(0,0,0,0.10);
}
.premierClub .premierClubTable td:nth-of-type(3) {
 background-color:rgba(0,0,0,0.05);
}
.premierClub .premierClubTable tfoot td {
 border-bottom:0;
}
.premierClub .premierClubTable .btnWrap {
 margin-top:0;
}
.premierClub .tick {
 background-image:url(http://www.runescape.com/img/rs3/premier_club/tick.png);
 background-repeat:no-repeat;
 background-position:center center;
 height:30px;
}
.premierClub .footPrice {
 font-family:'trajan-pro-3';
 font-size:250%;
 margin-bottom:10px;
}
.premierClub .questionMark {
 background:url(http://www.runescape.com/img/rs3/premier_club/questionMark.png) no-repeat;
 display:inline-block;
 width:20px;
 height:20px;
 margin-left:10px;
}
.premierClub .halfWidth {
 float:left;
 width:48%;
 display:inline;
}
.premierClub .halfWidth.lastChild {
 float:right;
 margin-right:0;
 margin-top:11px;
}
.premierClub .tooltipDescription.long{
 width:432px;
}
.premierClub .tooltipDescription .imageTip{
 width:185px;
 float:left;
}
.premierClub .tooltipDescription .imagePic{
 float:right;
}
/*
 *
 * 23. TOP TRUMPS
 *
 */
.topTrumps .title {
 background-image: url(http://www.runescape.com/img/rs3/6-box-top.jpg);
 background-position: -19px 58px, 0 58px;
}
.topTrumps .trumpMain {
 margin-top: -215px;
}
.topTrumps .trumpBuyDecalSpace {
 background-image: url(http://www.runescape.com/img/rs3/top_trumps/top_trumps_top_decal.png);
 height: 60px;
 left: 50%;
 margin-left: -188px;
 padding-top: 40px;
 position: absolute;
 text-align: center;
 top: -89px;
 width: 376px;
 z-index: 20;
}
.topTrumps .contents .trumpBuyDecalSpace p {
 color: #e1bb34;
 font-family:'trajan-pro-3';
 font-size: 2.2em;
 margin:0;
 width:auto;
}
.topTrumps .trumpBuyDecalSpace .btnWrap {
 margin-top: 0;
}
.topTrumps .trumpWhatIsSection {
 background-image: url(http://www.runescape.com/img/rs3/top_trumps/playing_cards_image.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 padding: 40px 40px 30px;
 width: 919px;
}
.topTrumps .collapse{
 display:none;
 overflow:hidden;
}
.topTrumps .trumpWhatIsSection h3 {
 font-size: 3.5em;
}
.topTrumps .contents p {
 color: #d7dbe1;
 font-size: 1.5em;
 margin-top: 10px;
 margin-bottom: 5px;
}
.topTrumps .contents p a{
 font-weight:bold;
 color:#e1bb34;
}
.topTrumps .contents p a:hover{
 color:#b2dbee;
}
.topTrumps .contents .trumpWhatIsSection p{
 width:480px;
}
.topTrumps .trumpPageDividerBar {
 background-image: url(http://www.runescape.com/img/rs3/background-footer-border-top.png);
 box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
 -moz-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
 -webkit-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
 height: 55px;
 position: relative;
 width: 100%;
 z-index: 10;
}
.topTrumps .trumpParchmentContainer {
 background-image: url(http://www.runescape.com/img/rs3/top_trumps/top_trumps_parchment.jpg);
 background-repeat: no-repeat;
 height: 630px;
 overflow: hidden;
 width: 1000px;
}
.topTrumps .trumpMainSection {
 height: 500px;
 position: relative;
 width: 1000px;
}
.topTrumps .trumpCardDetailsContainer {
 display: none;
 position: absolute;
}
.topTrumps .trumpCardDetailsContainer.trumpCardDetailsCurrent {
 display: block;
}
.topTrumps .trumpMainHeroContainer {
 float: left;
 height: 494px;
 width: 504px;
}
.topTrumps .trumpMainInfoContainer {
 background-image: url(http://www.runescape.com/img/rs3/top_trumps/trump_stats_bg.png);
 background-position: left bottom;
 background-repeat: no-repeat;
 float: left;
 height: 472px;
 margin-left: 2px;
 position: relative;
 width: 494px;
}
.topTrumps .trumpMainInfoContainer:after {
 content: '';
 background: transparent url(http://www.runescape.com/img/rs3/top_trumps/trump_stats_bg_bottom.png) no-repeat 0 0;
 width: 412px;
 height: 58px;
 position: absolute;
 left: 2px;
 top: 472px;
}
.topTrumps .trumpInfoDescription {
 height: 210px;
 width: 494px;
}
.topTrumps .trumpInfoDescription h3, .topTrumps .trumpAllCardsInfoContainer h3 {
 color: #331f15;
 font-size: 3.5em;
 padding-top: 50px;
}
.topTrumps .trumpInfoDescription p, .topTrumps .trumpAllCardsInfoContainer p {
 color: #331f15;
 font-size: 1.5em;
 margin-left: 4px;
 margin-top: 5px;
 width: 420px;
}
.topTrumps .trumpInfoStats {
 height: 262px;
 padding-top: 27px;
 width: 494px;
}
.topTrumps .trumpInfoStats p {
 color: #f2f2f2;
 font-family:'trajan-pro-3';
 font-size: 1.6em;
 overflow: hidden;
 padding-left: 20px;
 padding-top: 22px;
 width: 370px;
 margin:0;
}
.topTrumps .trumpInfoStats p span {
 color: #e1bb34;
 float: right;
}
.topTrumps .trumpAllCardsInfoContainer {
 float: left;
 height: 347px;
 padding-left: 80px;
 padding-top: 145px;
 width: 472px;
}
.topTrumps .trumpAllCardsInfoContainer p {
 letter-spacing: -1px;
 width: 402px;
}
.topTrumps .trumpAllCardsInfoContainer .btnWrap {
 margin-left: 150px;
}
.topTrumps .trumpAllCardsContainer {
 float: left;
 height: 492px;
 width: 448px;
}
.topTrumps .trumpSelectionSection, .topTrumps .trumpJSInfoSection {
 height: 130px;
 overflow: hidden;
 padding-left: 28px;
 width: 972px;
}
.topTrumps .trumpJSInfoSection p {
 color: #fff;
 font-size: 1.5em;
 margin-top: 60px;
 text-align: center;
}
.topTrumps .trumpSelectionSection {
 display: none;
}
.topTrumps .trumpSelectionCard {
 background-image: url(http://www.runescape.com/img/rs3/top_trumps/trump_selection_cards.png);
 background-repeat: no-repeat;
 cursor: pointer;
 display: block;
 float: left;
 height: 130px;
 margin-left: 2px;
 margin-top: 60px;
 overflow: hidden;
 text-indent: -10000px;
 width: 155px;
}
.topTrumps .trumpSelectionCardCurrent {
 margin-top: 0;
}
.topTrumps .trumpSelectionCardKre {
 background-position: 0 0;
}
.topTrumps .trumpSelectionCardZil {
 background-position: -155px 0;
}
.topTrumps .trumpSelectionCardKin {
 background-position: -310px 0;
}
.topTrumps .trumpSelectionCardSar {
 background-position: -465px 0;
}
.topTrumps .trumpSelectionCardEvi {
 background-position: -620px 0;
}
.topTrumps .trumpSelectionCardTop {
 background-position: -775px 0;
}
.topTrumps .trumpDividerLine {
 background-image: url(http://www.runescape.com/img/rs3/menuBottom.png);
 background-position: center bottom;
 box-shadow: 0 10px 10px 0 #000, 0 -7px 10px -1px #000;
 -moz-box-shadow: 0 10px 10px 0 #000, 0 -7px 10px -1px #000;
 -webkit-box-shadow: 0 10px 10px 0 #000, 0 -7px 10px -1px #000;
 height: 11px;
 position: relative;
 width: 100%;
 z-index: 10;
}
.topTrumps .trumpBondsBuySection {
 padding: 40px;
}
.topTrumps .trumpBondsBuySectionInner {
 overflow: hidden;
}
.topTrumps .trumpBondsBuySectionInner h3 { 
 float: left;
 font-size: 3.5em;
 margin-bottom: 10px;
 margin-right: 10px;
}
.topTrumps .trumpBondsBuySectionInner img {
 float: left;
}
.trumpDividerLow {
 background-color: #000;
 border-bottom: 1px solid #203540;
 height: 1px;
 margin-top: 20px;
 width: 100%;
}
.socialBar {
 overflow:hidden;
 padding-top: 20px;
 clear:both;
}
.socialBar h4 {
 float: left;
 margin-left: 5px;
 margin-top: 14px;
}
.topTrumps .bullets{
 margin:15px 0 20px 25px;
}
 /*
 *
 * 24. COMPANION APP
 *
 */
.companion .banner .inner {
  height:405px;
 }
.companion section .padded{
 padding:35px;
 overflow:hidden;
}
.companion section {
 position:relative;
}
.companion section:after {
 content:'';
 height:9px;
 background:url(http://www.runescape.com/img/rs3/companion_app/divider.png) repeat-x 0 0;
 position:absolute;
 bottom:-5px;
 left:0;
 width:100%;
}
.companion section.slider:after {
 background:url(http://www.runescape.com/img/rs3/background-footer-border-top.png) repeat-x 0 0;
 height:55px;
 z-index:30;
 box-shadow:0 0 20px #000;
}
.companion section p {
 color: #d7dbe1;
 margin-top: 10px;
 font-size: 1.5em;
}
.companion section h2 {
 font-size:3em;
}
.companion section h2 > span {
 color:#fff;
 display:block;
 font-size:0.9em;
}
.companion .slider {
 padding-bottom:46px;
}
.companion section.whatis {
 background:url(http://www.runescape.com/img/rs3/companion_app/sectionWhatIs.png) no-repeat center right;
 height:350px;
 display:table;
 width:100%;
}
.companion .whatis .text {
 width:45%;
}
.companion section.optimised {
 background:url(http://www.runescape.com/img/rs3/companion_app/sectionOptimised.png) no-repeat center left;
 height:350px;
 display:table;
 width:100%;
}
.companion .optimised .text {
 width:50%;
 float:right;
 background:url(http://www.runescape.com/img/rs3/companion_app/devices.png) no-repeat bottom left;
 padding-bottom:60px;
}
.companion .whatis .padded, .companion .optimised .padded {
 display:table-cell;
 vertical-align:middle;
}
.companion .link {
 text-align:center;
}
.companion .table {
 border-top:1px solid #2b3a43;
 border-bottom:1px solid #000;
}
.companion .table-cell {
 float:left;
 width:34%;
 display:inline;
 padding:20px 42px 20px 104px;
 position:relative;
}
.companion .table-cell:before {
 content:'';
 width:74px;
 height:74px;
 display:block;
 background:url(http://www.runescape.com/img/rs3/companion_app/icons_ge.png) no-repeat 0 0;
 position:absolute;
 left:0;
 top:28px;
}
.companion .secChild:before {
 background-position:0 -148px;
}
.companion .thirdChild:before {
 background-position:0 -74px;
}
.companion .fourthChild:before {
 background-position:0 -222px;
}
.companion .stylefinish {
 padding-bottom:20px;
 border-bottom:1px solid #000;
}
.companion .nobottom {
 border-bottom:none;
}
.companion .carousel {
 height:375px;
}
.companion .flex-control-nav {
 position:absolute;
    bottom:17%;
    right:26%;
    list-style-type:none;
}
.companion .flex-control-nav li {
    display:inline;
}
.companion .flex-control-nav a {
 display:inline-block;
 width:10px;
 height:10px;
 background:#e1bb34;
 margin-right:10px;
 text-align:center;
 line-height:12px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 text-indent:-9999px;
 cursor:pointer;
}
.companion .flex-control-nav a.flex-active {
  background:#fff2c5;
}
.companion .flex-viewport {
 position:relative;
}
.companion .flex-viewport:before {
 content:'';
 position:absolute;
 top:-66px;
 left:10%;
 background:url(http://www.runescape.com/img/rs3/companion_app/phoneTemplate.png) no-repeat 0 0;
 width:335px;
 height:439px;
 z-index:25;
}
.companion .slideContent {
 height:375px;
 position:relative;
 display:table;
 width:100%;
}
.companion .slideContent .phoneScreen {
 position:absolute;
 left:14%;
 bottom:0;
}
.companion .copy {
 display:table-cell;
 vertical-align:middle;
 padding:0 10% 0 50%;
}
.companion .copy p {
 font-size:1.8em;
}
.companion .copy p.smallLink {
 margin-top:0;
 margin-bottom:20px;
 font-size:1.4em;
}
.companion p.notop {
 margin-top:0;
}
.companion .centeralign {
 text-align:center;
}
.companion .textLink, .companion .appCode > a {
 color:#e1bb34;
}
.companion .textLink:hover, .companion .appCode > a:hover {
 color:#fff2c5;
}
.companion .appCode{
 font-size:200%;
 font-weight:bold;
 margin-top:0;
}
.companion .styled {
 list-style-type:disc;
 margin:15px;
}
.companion .styled li {
 line-height:1.88em;
 margin:0 0 0 15px;
 font-size:1.4em;
}
.lt-ie9 .companion .centeralign {
 text-align:left;
}
.lt-ie8 .companion .carousel img {
 margin-left:0;
}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .companion .main, .companion .wrap {
     width:auto;
   max-width:1000px;
   overflow:hidden;
  }
    .companion .optimised .text, .companion .whatis .text, .companion .companionLogo {
     width:100%;
   }
   .companion .companionLogo {
     max-width:355px;
   }
   .companion section.whatis, .companion section.optimised, .companion .flex-viewport:before, .companion .table-cell:before, .companion .showArrow:before {
     background:none;
   }
   .companion .copy {
     padding-left:10%;
   }
   .companion .reshide,.companion .flex-viewport:before, .companion header .bottom, .companion header .top .userBar, .companion .flex-direction-nav, .companion .table-cell:before, .companion .showArrow:before {
     display:none;
   }
   .companion .table-cell {
     width:100%;
     padding:20px 0 20px 0;
   } 
   .companion header .logo {
     float:none;
     margin:0 auto;
   }
   .js .companion .logo.hover .dropdown, .companion .title:before, .companion .title:after{
     display:none;
   }
   .companion .flex-control-nav {
     right:10%;
     bottom:20%;
   }
   .companion .appCode {
     font-size:150%;
   }
}
 /*
 *
 * 25. SHARED STYLES BETWEEN RS2012 and RS3
 *
 */




/* 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('http://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('http://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('http://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(http://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:'trajan-pro-3';
    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{
    z-index: 50;
    position: relative;
}
.header,.header > .top{
    box-shadow: 0 2px 3px #000;
    -moz-box-shadow: 0 2px 3px #000;
    -webkit-box-shadow: 0 2px 3px #000;
    position: relative;
}
.header > .top{
    height: 63px;
    z-index: 3;
    position:relative;
    overflow:visible;
    background: url(http://www.runescape.com/img/rs3/repeating-texture-top.jpg) repeat-x 0 top #05212c;
}
.header > .top .wrap{
    position: relative;
}
.header div.bottom{
    background: url(http://www.runescape.com/img/rs3/menuBack.png) repeat-x 0 bottom #bca379;
}
.header .logo{
    display:block;
    text-indent:-9999px;
    float:left;
}
.showArrow:before{
    content: '';
    width: 13px;
    height: 13px;
    background: url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -661px;
    position: absolute;
    left: 170px;
    top: 26px;
}
.logo{
    background: url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -757px;
    overflow: hidden;
    float: left;
}
.logo,.logo .dropdown ul li,.logo a.logo{
    display: block;
    width: 185px;
    height: 63px;
    text-indent: -9999px;
}
.logo .dropdown ul li, .js .logo.hover .dropdown,.no-js .logo:hover .dropdown{
    display: block;
}
.logo .dropdown ul li a{
    width: 100%;
    height: 100%;
    display: block;
}
.logo .dropdown ul li:first-child:before{
    border-color: #F4C205 transparent transparent;
    border-style: solid;
    border-width: 9.5px 5.5px;
    content: "";
    height: 0;
    left: 191px;
    position: absolute;
    top: 28px;
    width: 0;
}
.logo li{
    background: url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -757px;
}
.logo .oldschool{
    background: url(http://www.runescape.com/img/rs3/global/gameselect/logo_oldschool.png?v1) no-repeat -24px 0px;
    margin-bottom: 14px;
}
/* Header END */
/* Button Styles START*/


/* Generic Button START */

.btnWrap{
    margin-top:20px;
}
.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:'trajan-pro-3';
    font-size:1.4em;
    height:46px;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -118px;
    padding-left:10px;
    text-shadow:1px 1px 2px #ecc622;
}
.btn a, .btnRight{
    color:#000;
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/btn-right.png) no-repeat right 0;
    padding-right:12px;
    cursor:pointer;
}
.btnRight{
    height:38px;
    float: left;
}
.btn span, .btn input[type="submit"]{
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/btn-middle.png) repeat-x 0 0;
    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(http://www.runescape.com/img/rs3/_sprite/btn-arrow-left.png) no-repeat  0 0;
}
.more .btn span:after{
    content:"";
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -251px;
    display:inline-block;
    width:9px;
    height:11px;
    margin-left:8px
}
.showMore .btn span:after{
    content:'';
    display:inline-block;
    margin-left:8px;
    background: transparent url(http://www.runescape.com/img/rs3/arrow-show-more.png) no-repeat 0 2px;
    width:9px;
    height:11px;
}
.btn input[type="submit"]{
    border:none;
    font-family:'trajan-pro-3';
    height:38px;
    margin:0;
    cursor:pointer;
    padding-top:4px;
    height:41px;
    outline:0;
}
.btn:focus input[type="submit"], .btn input[type="submit"]:focus {
 outline:0;
}
.btn:hover{
    background-position: 0 -174px;
}
.btn:hover a, .btn:hover .btnRight{
    background-image: url(http://www.runescape.com/img/rs3/btn-right-hover.png);
    color:#000;
}
.btn:hover span, .btn:hover input[type="submit"]{
    background-image: url(http://www.runescape.com/img/rs3/btn-middle-hover.png);
}
/* 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"] {
 background: url(http://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"] {
 background: url(http://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"] {
 background: url(http://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.yellow .btn span, 
.btnWrap.yellow .btn input[type="submit"],
.btnWrap.green .btn span, 
.btnWrap.green .btn input[type="submit"] {
 background-position: 0 -92px;
 background-repeat: repeat-x;
 text-shadow: 1px 1px 1px #27b9ce;
}
.btnWrap.yellow .btn span, 
.btnWrap.yellow .btn input[type="submit"] {
 text-shadow: 1px 1px 1px #ffe822;
}
.btnWrap.green .btn span, 
.btnWrap.green .btn input[type="submit"] {
 text-shadow: 1px 1px 1px rgba(183,224,79,0.8);
}
.btnWrap.blue .btn:hover span, 
.btnWrap.blue .btn:hover input[type="submit"],
.btnWrap.yellow .btn:hover span, 
.btnWrap.yellow .btn:hover input[type="submit"],
.btnWrap.green .btn:hover span, 
.btnWrap.green .btn:hover input[type="submit"] {
 background-position: 0 -138px;
}
/* Blue Button END */

/* Button Styles END*/
/* Navigation START */
.primary{
    border-left: solid 1px #7b5b2b;
}
.primary a{
    color:#143c4f;
    font-size:1.5em;
}
.de .primary a {
 font-size:1.44em;
}
.primary>ul>li{
    float:left;
    border-left: solid 1px #f3eee2;
    border-right: solid 1px #7b5b2b;
    height: 47px;
}
.primary .dropdown{
    padding: 0 16px;
}
.primary li:last-child{
    border-right:none;
}
.primary li:last-child .menuText{
    padding-right: 100px;
}
.primary>ul{
    position: relative;
}
.primary>ul>li{
    cursor: pointer;
    background: none;
}
.primary>ul>li>a{
    width: 100%;
    height: 100%;
    display: block;
    line-height:50px;
}
.no-js .primary>ul>li:hover,
.js .primary>ul>li.hover{
    background: url('http://www.runescape.com/img/rs3/dropdownBack.jpg') #decba8;
    border-left: 1px solid #7B5B2B
}
.no-js .primary>ul>li:hover>a,
.js .primary>ul>li.hover>a{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -819px;
    position: relative;
}
.no-js .primary>ul>li:hover>a>span:first-child,
.js .primary>ul>li.hover>a>span:first-child{
    background: url('http://www.runescape.com/img/rs3/menuBackRight.png') top right no-repeat transparent;
}
.no-js .primary>ul>li:hover>a>span,
.js .primary>ul>li.hover>a>span{
    color: #624107;
}
.primary>ul>li .dropdown{
    background-image: url('http://www.runescape.com/img/rs3/menuBottom.png'), url('http://www.runescape.com/img/rs3/menuBackTop.png'), url('http://www.runescape.com/img/rs3/dropdownBack.jpg');
    background-repeat: repeat-x,repeat-x, repeat;
    background-position: bottom left, top left, top right;
    background-color: #decba8;
}
.primary>ul>li .dropdown:after{
    border-left: 1px solid black;
    border-right: 1px solid black;
    bottom: 0;
    content: "";
    height: 11px;
    left: -1px;
    position: absolute;
    width: 100%;
    z-index: 4;
}
.primary>ul>li .dropdown{
    display: none;
    /*overflow: hidden;*/
    position: absolute;
    top: 47px;
    z-index: 1;
    cursor: default;
    transform: display 0 0.8s;
}
.primary>ul>li .dropdown ul{
    float: left;
    margin-top: 11px;
    width: 242px;
}
.fr .game_info .dropdown ul{
    width: 244px;
}
.primary>ul>li .multiColumnDropdown ul{
    border-left: 1px solid white;
}
.primary>ul>li .multiColumnDropdown ul:first-child{
    border-right: 1px solid #82653A;
    border-left: none;
    padding-right: 15px;
    padding-left: 0;
}
.primary>ul>li.game_info .multiColumnDropdown ul:last-child,
.primary>ul>li.community .multiColumnDropdown ul:last-child{
    min-height: 254px;
    padding-left:15px;
}
.fr .primaryJS > ul > li.game_info.hover .dropdown,
.no-js .fr .primary>ul>li.game_info:hover .dropdown{
    margin-left: -125px;
}
.primary>ul>li .imageDropdown ul{
    margin: 13px 0 4px 0;
}
.primary>ul>li.store .dropdown ul{
    width: 247px;
}
.primary>ul>.store .dropdown{
    background-image: url('http://www.runescape.com/img/rs3/menuBottom.png'), url('http://www.runescape.com/img/rs3/menuBackTop.png'), url('http://www.runescape.com/img/rs3/dropdownBack.jpg');
    background-repeat: repeat-x,repeat-x, repeat;
    background-position: bottom left, top left, top right;
    background-color: #decba8;
    left: 0;
    width: 620px;
    padding-right: 30px;
}
.lt-ie8 .primary>ul>li.store .dropdown{
    width: 620px;
    left: 0;
}
#store,
#squeal{
    float: right;
    width: 171px;
    padding: 211px 0 0 12px;
}
.es #store, .es #squeal {
 padding-top:204px;
}
.fr #store, .fr #squeal {
 padding-top:193px;
}
.de #store, .de #squeal {
 padding-top:205px;
}
.pt #store, .pt #squeal {
 padding-top:204px;
}
.pt #store{
 width:190px;
}
.no-js .primary>ul>li:hover .dropShadow,
.js .primary>ul>li.hover .dropShadow{
    position: absolute;
    right: 0;
    top: 47px;
    height: 8px;
    background: red;
}
.no-js .primary>ul>li:hover .dropdown,
.js .primary>ul>li.hover .dropdown{
    display: block;
    float: none;
    padding-bottom: 16px;
    box-shadow: 0 1px 1px black;
    transform: display 0 0.8s;
}
.lt-ie8.no-js .primary>ul>li:hover .dropdown,
.lt-ie8.js .primary>ul>li.hover .dropdown{
    padding-bottom: 0;
}
.no-js .primary>ul>li.community:hover .dropdown,
.js .primary>ul>li.community.hover .dropdown{
    margin-left: -209px;
}
.fr .primary ul li.community ul li a span{
    max-width: auto;
}
.fr .primaryJS > ul > li.community.hover .dropdown,
.no-js .fr .primary>ul>li.community:hover .dropdown{
    margin-left: -252px;
}
.primary>ul>li .dropdown li{
    display: block;
    float: none;
    border-bottom: 1px solid #82653a;
    border-top: 1px solid white;
}
.menuText{
    padding: 0 18px;
    /*color: #002537;*/
    -moz-text-shadow: 0px 1px 1px #fff;
-webkit-text-shadow: 0px 1px 1px #fff;
text-shadow: 0px 1px 1px #fff;

    font-family: 'trajan-pro-3';
    height: 100%;
    display: block;
    cursor: pointer;
}    
.es-mx .menuText,.es .menuText{
    padding: 0 14px;
}
.de .primary .dropdown,.de .menuText{
    padding: 0 13px;
}
.pt .primary .dropdown,.pt .menuText{
    padding: 0 11px;
}
.fr .primary .dropdown,.fr .menuText{
    padding: 0 10px;
}
#squeal span,
#store span,
.primary ul li ul li a span{
    color: #624107;
    text-shadow: 0px 1px 1px white;
    display: block;
    font-family: 'MuseoSans500';
    font-size: 0.7em;
    font-weight: normal;
    max-width: 260px; /* For IE */
}
#squeal,
#store,
.primary>ul>li .dropdown li a{
    font-family: 'trajan-pro-3';
    display: block;
    position: relative;
    z-index: 1;
}
#store{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png?1) no-repeat -183px -879px;
    margin-right: -14px;
}
#squeal{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png?1) no-repeat 0 -879px; 
}            
.primary>ul>li .dropdown li a{
    padding: 18px 0;
}  
.primary>ul>li .imageDropdown li a{
    height: 47px;
    padding: 10px 0 0 48px;
    position: relative;
}  
.de .primary>ul>li .imageDropdown li a {
 padding-top:12px;
 padding-bottom:6px;
}
.es .primary>ul>li .imageDropdown li a, .fr .primary>ul>li .imageDropdown li a, .pt .primary>ul>li .imageDropdown li a {
 padding-top:10px;
 padding-bottom:8px;
}
.es .primary>ul>li .imageDropdown ul, .fr .primary>ul>li .imageDropdown ul {
 padding-bottom:10px;
}
.fr .imageDropdown a > div {
 position:relative;
 top:10px;
}
.lt-ie8 .primary>ul>li .imageDropdown li a{
    padding: 18px 0 0 0;
}  
.primary>ul>li .imageDropdown li a:before{
    content: '';
    width: 38px;
    height: 38px;
    background: url("http://www.runescape.com/img/rs3/_sprite/zmenu-gameCardsIcon.jpg") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 0;
    top: 9px;
    border: 1px solid #143C4F;
}
.store .imageDropdown li:nth-child(1) a:before{
    background: url("http://www.runescape.com/img/rs3/_sprite/zmenu-bondsIcon.jpg") no-repeat scroll 0 0 transparent;
}
.store .imageDropdown li:nth-child(2) a:before{
    background: url("http://www.runescape.com/img/rs3/_sprite/zmenu-membersBenefitsIcon.jpg") no-repeat scroll 0 0 transparent;
}
.store .imageDropdown li:nth-child(3) a:before{
    background: url("http://www.runescape.com/img/rs3/_sprite/zmenu-loyaltyIcon.jpg") no-repeat scroll 0 0 transparent;
}
.store .imageDropdown li:nth-child(4) a:before{
    background: url("http://www.runescape.com/img/rs3/_sprite/zmenu-merchandiseIcon.jpg") no-repeat scroll 0 0 transparent;
}
#squeal:hover,
#store:hover,
.primary>ul>li .dropdown li a:hover{
    color: #624107;
}      
.primary .dropdown li a img{
    border: 1px solid #143C4F;
    float: left;
    margin: -9px 8px 6px 0;
    vertical-align: top; 
    width: 38px;
    height: 38px;
}    
.primary .dropdown li:first-child{
    border-top: none;
}
.primary .dropdown li:last-child{
    border-bottom: none;
}
.primary>ul>li .dropShadowMask{
    background: url('http://www.runescape.com/img/rs3/dropShadowMaskLeft.png') top right no-repeat;
    height: 9px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none;
}
.primary > ul > li.store .dropShadowMask{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -503px;
    left: 527px;
    position: absolute;
    z-index: 0;
    width: 200px;
}    
.de .primary > ul > li.store .dropShadowMask{
    left: 504px;
}
.fr .primary > ul > li.store .dropShadowMask{
    left: 496px;
}
.pt .primary > ul > li.store .dropShadowMask{
    left: 513px;
}
.es .primary > ul > li.store .dropShadowMask{
    left: 516px;
}
.es-mx .primary > ul > li.store .dropShadowMask{
    left: 516px;
}
.no-js .primary>ul>li:hover .dropShadowMask,
.js .primary>ul>li.hover .dropShadowMask{
    display: block;
    float: left;
}
.es-mx .primaryJS > ul > li.store.hover .dropShadowMask,
.no-js .es .primary > ul > li.store:hover .dropShadowMask{
    left: 516px;
}
.pt .primaryJS > ul > li.store.hover .dropShadowMask,
.no-js .pt .primary > ul > li.store:hover .dropShadowMask{
    left: 513px;
}
.de .primaryJS > ul > li.store.hover .dropShadowMask,
.no-js .de .primary > ul > li.store:hover .dropShadowMask{
    left: 518px;
}
.fr .primaryJS > ul > li.store.hover .dropShadowMask,
.no-js .fr .primary > ul > li.store:hover .dropShadowMask{
    left: 496px;
}
.no-js .primary>ul>li:hover .dropShadowMaskLeft,
.js .primary>ul>li.hover .dropShadowMaskLeft{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -503px;
    margin-left: -12px;
    left: 0;
}
.no-js .primary>ul>li:hover .dropShadowMaskLeft,
.no-js .primary>ul>li:hover .dropShadowMaskRight,
.js .primary>ul>li.hover .dropShadowMaskLeft,
.js .primary>ul>li.hover .dropShadowMaskRight{
    width: 80%;
    position: absolute;
    top: 47px;
}
.no-js .primary>ul>li:hover .dropShadowMaskRight,
.js .primary>ul>li.hover .dropShadowMaskRight{
    margin: 0;
    right: 0;
}
/* Navigation END */
/* Player Panel Start */
.header .userBar{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1124px;
    height: 160px;
    position: absolute;
    right: -7px;
    width: 375px;
}
.userBarContent > ul{
    height: 30px;
    padding-left: 25px;
    width: 325px;
}
.userInfo,
.logInPlayNow{
    width: 300px;
}
.userBarContent > ul, .userInfo, .logInPlayNow{
    margin: 2px auto 0;
}
.userBarContent > ul > li{
    height: 16px;
    border-left: 1px solid #4c5b62;
    border-right: 1px solid #000;
    display: inline-block;
    margin-top: 10px;
    position: relative;
}
.userBarContent > ul > li:first-child{
    border-left: none;
}
.userBarContent > ul > li:last-child{
    border-right: none;
}
.playerCount .top, .playerCount .bottom, .userBarContent > ul > li > a{
    color: #e1bb34;
    display: inline-block;
    font-family: 'MuseoSans500';
    font-size: 1em;
    height: 100%;
    line-height: 1.5em;
    padding: 0 7px;
}
.userBarContent > ul > li > a:hover{
    color: #b2dbee;
}
.userBarContent.loggedIn .playerCountArrow > a:after{
    border-color: #e1bb34 transparent transparent;
    border-style: solid;
    border-width: 5px 3px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 4px;
    vertical-align: -4px;
    width: 0;
}
.playerCount .bottom{
    display: none;
}
.userBarContent > ul > li.hasDropdown:hover > a{
    height: 12px;
    padding: 10px 6px;
    margin-top: -10px; 
    border-left: 1px solid #3d5661;
    border-right: 1px solid #3d5661;
    background: url('http://www.runescape.com/img/rs3/playerMenuBack.jpg') repeat;
    z-index: 2;
    position: relative;
    color: #e1bb34;
}
.userBarContent > ul > li .dropdown{
    top: 21px;
    padding: 0 10px 12px;
    box-shadow: 0 4px 10px #000;
    min-width: 142px;
    left: 0;
    border-style: solid solid none solid;
}
.logo .dropdown,
.userBarContent > ul > li .dropdown{
    background-image: url("http://www.runescape.com/img/rs3/background-bar-repeat.png"),url('http://www.runescape.com/img/rs3/background-dropdown.jpg');
    display: none;
    z-index: 1;
    position: absolute;
    cursor: default;
    background-position: 0 bottom, 0 0;
    background-repeat: repeat-x, repeat;
    box-shadow: 0 4px 10px #000000;
    border-color: #3D5661;
    border-width: 1px 1px 0 1px;
}
.userBarContent > ul > li .dropdown-inactive {
 display:none;
}
.logo .dropdown{
    border-style: none solid none solid;
    border-width: 1px 1px 0;
    left: -21px;
    top: 0;
    font-size: 1em;
    padding:0 20px;
}   
.logo .dropdown:after,
.userBarContent > ul > li .dropdown:after{
    border-left: 2px solid black;
    border-right: 2px solid black;
    bottom: 0;
    content: "";
    height: 11px;
    left: -2px;
    position: absolute;
    width: 100%;
    z-index: 4;
}
.userBarContent > ul > li:hover .dropdown{
    display: block;
}
.userBarContent > ul > li .dropdown ul{
    float: left;
    margin-top: 1px;
    width: 100%;
    text-align: left;
}
.userBarContent > ul > li .dropdown li{
    border-bottom: 1px solid black;
    border-top: 1px solid #2c4b58;
    display: block;
    float: none;
    overflow: hidden;
}
.userBarContent > ul > li .dropdown li:first-child{
    border-top: none;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li:first-child{
   border-top: 1px solid #2c4b58;
}
.userBarContent > ul > li .dropdown li a{
    line-height: 26px;
    font-size: 1.1em;
    display: block;
    height: 100%;
    width: 100%;
    color:#e1bb34;
    font-family: 'MuseoSans500';
}
.userBarContent > ul > li .dropdown li a:hover{
    color:#fff2c5;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown ul{
    min-width: 192px;
 margin-top: 4px;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li{
    height: 43px;
    padding-top: 4px;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li a{
    font-family:'trajan-pro-3';
    line-height: 1.9em;
    font-size: 1.3em;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li a span.world{
    font-family: 'MuseoSans500';
    font-size: 0.9em;
    color: #8eb0c0;
    display: block;
    line-height: 0;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li span{
    font-family: 'trajan-pro-3';
    line-height: 34px;
    font-size: 1.3em;
    color: #e1bb34;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown li img{
    border: 1px solid #949799;
    float: left;
    margin: 3px 8px 3px 0;
    vertical-align: top;
    box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    width: 27px;
    height: 27px;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown{
    left: 0;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown h4 {
 font-size:1.3em;
 margin:10px 0 0;
 padding-bottom:4px;
}
.userBarContent.loggedIn > ul > li.playerCount .dropdown .friendCount {
 float:right;
 padding-top:10px;
 font-size:1.1em;
 color:#b2dbee;
}
/* Friends not online desaturate their avatar. Doesn't work on FF */
.userBarContent.loggedIn > ul > li.playerCount .dropdown li.offline span img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.userBarContent .dropdown li a:hover{
    color: #e1bb34;
}
.userBarContent .friends .dropdown li span{
    font-family: 'trajan-pro-3';
    line-height: 34px;
}
a:link.allFriends,
a:visited.allFriends,
a:hover.allFriends,
a:active.allFriends{
    clear: both;
    display: block;
    line-height: 34px;
    border-top: 1px solid #2c4b58;
    text-align: right;
    font-size: 1.2em;
    font-family: 'MuseoSans500';
}
.userBarDivider {
 background-color: rgb(0, 0, 0);
 border-bottom: 1px solid rgb(76, 91, 98);
 height: 1px;
 margin-left: 45px;
 width: 280px;
}
.logInPlayNow p,
.userInfo p{
    margin-left: 85px;
    line-height: 1.2em;
}
.logInPlayNow a{
    color:#e1bb34;
}
.logInPlayNow a:hover{
    color:#fff2c5;
}
.userInfo p{
    font-size: 1.3em;
    margin-top: 24px;
}
.userBar .avatar{
    left: 51px;
    position: absolute;
    top: 41px;
    height: 60px;
    width: 60px;
    overflow: hidden;
    background: url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 0;
    border: 1px solid #6e8996;
}
.userBar .loggedIn .avatar{
 background:none;
}
.userInfo .avatar img{
    position: absolute;
    height: 60px;
    width: 60px;
    left: 3px;
}
.logInPlayNow p{
    line-height: 1.3em;
    font-family: 'MuseoSans500';
    font-size: 1.23em;
    margin-top: 24px;
}
.logInPlayNow p a{
    line-height: 1em;
    font-size: 1em;
}
.logInPlayNow p strong,
.userInfo p strong{
    font-size: 1.63em;
}
.logInPlayNow p strong a,
.logInPlayNow p strong,
.userInfo p strong{
    clear: both;
    display: block;
    font-family: 'trajan-pro-3';
    font-weight:normal;
}
.logInPlayNow p strong,
.userInfo p strong{
    margin-top: 23px;
    color: #e1bb34;
}
.PlayerInfoTitle{
    color: #e1bb34;
    font-family: 'MuseoSans500';
}
.userInfo p strong{
    font-family: 'trajan-pro-3';
    font-size: 1.17em;
    margin-top: 25px;
    display: block;
}
.logInPlayNow p strong{
    font-size: 1.22em;
    display: block;
}
.logInPlayNow a.play,
.userInfo a.play{
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1370px;
    clear: both;
    color: black;
    top: 114px;
    left: 66px;
    text-shadow: 1px 1px 1px white;
    font-family: 'trajan-pro-3';
    font-size: 1.6em;
    line-height: 2.4em;
    text-align: center;
}
.logInPlayNow a.play,
.userInfo a.play,
.logInPlayNow a.play:after,
.userInfo a.play:after{
    position: absolute;
    height: 36px;
    display: block;
    width: 243px;
    cursor: pointer;
}
.logInPlayNow a.play:after,
.userInfo a.play:after{
    content: 'Play Free Now';
    background: transparent url(http://www.runescape.com/img/rs3/sprite_main.png) no-repeat 0 -1297px;
    top: 0;
    left: 0;
    
opacity: 0.0; filter: alpha(opacity=0);

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

}
.lt-ie9 .logInPlayNow a.play:after,
.lt-ie9 .userInfo a.play:after,
.ie8 .logInPlayNow a.play:after,
.ie7 .logInPlayNow a.play:after,
.ie8 .userInfo a.play:after,
.ie7 .userInfo a.play:after {
    display: none;
}
.logInPlayNow a.play:hover:after,
.userInfo a.play:hover:after{
    
opacity: 1; filter: alpha(opacity=100);

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

}
/* Player Panel 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-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling: touch;
}
.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(http://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(http://www.runescape.com/img/rs3/lightbox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close{
    background-image: url(http://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(http://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(http://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(http://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(http://www.runescape.com/img/rs3/lightbox/video-bg.png);
    position: absolute;
    height: 100%;
    width: 70%;
}
.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: transparent url(http://www.runescape.com/img/rs3/background-footer-border-top.png) repeat-x 0 0;
    padding-top:55px;
    position:relative;
    overflow:visible;
    -webkit-box-shadow:0px -10px 8px #000;
    -moz-box-shadow:0px -10px 8px #000;
    box-shadow:0px -10px 8px #000;
    clear:both;
    z-index:15;
    height:221px;
}
footer:before,footer:after{
    content:'';
    display:block;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1225px;
    width:44px;
    height:54px;
    position:absolute;
    top:38px;
    z-index:10;
}
footer:after{
    background-position:0 -1289px;
    right:0;
}
.footer{
    background-color:#cdb998;
    background-image: url(http://www.runescape.com/img/rs3/background-bar-repeat.png), url(http://www.runescape.com/img/rs3/background-footer.gif);
    background-repeat:repeat-x;
    background-position:bottom left, top left;
    box-shadow: inset 0px 25px 55px -10px #000, inset 0px 5px 55px -10px #000;
    -webkit-box-shadow: inset 0px 25px 55px -10px #000, inset 0px 5px 55px -10px #000;
    -moz-box-shadow: inset 0px 25px 55px -10px #000, inset 0px 5px 55px -10px #000;
    padding:35px 0 40px;
    position:relative;
    overflow:visible;
}
.footer:before,.footer .wrap:after{
    content:'';
    display:block;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1113px;
    position:absolute;
    bottom:0;
    height:46px;
    width:44px;
    z-index:2;
}
.footer .wrap:after{
    background-position:0 -1169px;
    right:0;
}
footer .jagex{
    display:block;
    text-indent:-9999px;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2816px;
    width:140px;
    height:31px;
    float:left;
    margin-right:35px;
}
footer p{
    color:#2b1e0a;
    font-size:1.1em;
    width:460px;
    float:left;
    font-family: 'MuseoSans500';
}
footer p a{
    color:#2B1E0A;
    text-decoration:underline;
}
footer p a:hover{
    color:#876430;
}
footer hr{
    background:transparent url(http://www.runescape.com/img/rs3/hr-middle.png) repeat-x 0 0;
    height:3px;
    border:none;
    margin:30px 0 35px;
    position:relative;
    overflow:visible;
    clear:both;
}
footer hr:before,footer hr:after{
    content:"";
    display:block;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1684px;
    width:16px;
    height:13px;
    position:absolute;
    top:-5px;
    left:-16px;
}
footer hr:after{
    background-position:0 -1707px;
    right:-16px;
    left:auto;
}









 
 
 
 
  
 


input.text,input.password { 
    background-color: #010709;
    border: 1px solid #355563;
    color: #aed0e0;
    border-radius: 6px;
    padding:10px 12px;
    font-family: 'MuseoSans500';
    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;
}
footer{
    margin-top: -221px;
}
#legacy footer {
    bottom: 0;
    height: 222px;
    margin: 0;
    position: absolute;
    top: auto;
    width: 100%;
    z-index:5;
}
footer h6{
    font-size:2.2em;
    color:#4e402b;
    float:left;
    line-height:40px;
}
.fr footer h6{
    font-size:1.7em;
}
.social .follow,.social .follow ul{
    float:left;
    list-style: none;
}
.social .like{
    float:right;
}
.social .fb-like{
    float:left;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -891px;
    margin:10px 0 0 30px;
    width: 60px;
    overflow: hidden;
    height: 27px;
}
.social .fb-like.fb_iframe_widget{
    width: 90px;
    height: 21px;
    background: none;
}
.social .fbCounter{
    background: transparent url(http://www.runescape.com/img/rs3/_sprite/countBubble.png) no-repeat 0 0;
    float: left; 
    display: none;
    width: 88px; 
    height: 26px;
    font-size: 1.2em;
    color: black;
    margin: 7px 0 0 -31px;
    line-height: 2.2em;
    position: relative;
    text-align: center;
    padding: 0 0 0 3px;
}
.social li{
    float:left;
    margin-left:10px;
}
.social li:first-child{
    margin-left:30px;
}
.social .follow a{
    display:block;
    text-indent:-9999px;
    background:transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1730px;
    width:45px;
    height:46px;
}
.social .follow a:hover{
    background-position:0 -1786px;
}
.social .twitter a{
    background-position:0 -2178px;
}
.social .twitter a:hover{
    background-position:0 -2234px;
}
.social .youtube a{
    background-position:0 -2290px;
}
.social .youtube a:hover{
    background-position:0 -2346px;
}
.social .google a{
    background-position:0 -1842px;
}
.social .google a:hover{
    background-position:0 -1898px;
}
.social .rss a{
    background-position:0 -2066px;
}
.social .rss a:hover{
    background-position:0 -2122px;
}
.social .reddit a{
    background-position:0 -1954px;
}
.social .reddit a:hover{
    background-position:0 -2010px;
}
.language{
    display:inline-block;
    background:#252525 url(http://www.runescape.com/img/rs3/arrow-down-language.png) no-repeat right center;
    border:solid 1px #5e5e5e;
    padding:3px 25px 3px 5px;
    float:right;
    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;
}
.language:hover{
    background-image: url(http://www.runescape.com/img/rs3/arrow-down-language-hover.png);
}
.language div{
    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 div,.language ul{
    width:205px;
}
.language:hover div.subLangs, .language .subLangs ul{
 width:244px;
}
.language a, .language span{
    display:block;
    background: transparent url(http://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -985px; 
    text-indent:-9999px;
    width:34px;
    height:22px;
    position:relative;
}
.language a:before, .language a:after, .language span:before, .language 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 .de a, .language .de span{
    background-position:0 -953px;
}
.language .fr a, .language .fr span{
    background-position:0 -1081px  
}
.language .es a, .language .es span{
    background-position:0 -1049px;
}
.language .pt a, .language .pt span{
    background-position:0 -921px;
}
.language .es-mx a, .language .es-mx span{
    background-position:0 -1049px;
}
.language li{
    float:left;
    margin-left:5px;
    border:solid 1px #5c5c5c;
}
.language li:first-child{
    margin-left:0;
}
/* Footer END */
body.weblogin {
     background:#000 url("http://www.runescape.com/img/rs3/global/login/background-weblogin.jpg") no-repeat top center;
}
.loginPanel{
    padding-bottom:10px;
    overflow: hidden;
    position:relative;
}
.logoutPanel {
    background: url("http://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("http://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: 'MuseoSans500';
    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: 'MuseoSans500';
    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;
}
body.loginiframe{
    background:none;
    background-color:transparent;
    overflow: hidden;
}
.loginiframe .ModalContain{
    margin:0;
    padding:20px 15px;
}
.weblogin .ticketingExtraInfo {
    background: black;
    border: 1px solid #252525;
    border-radius: 5px 5px 5px 5px;
    margin: 15px auto;
    padding: 10px;
    width: 94%;
    text-align:center;
}
.weblogin .homeLink {
    text-align:center;
    width:50%;
    margin:15px auto;
}
.weblogin .logout p {
    font-size:1.44em;
    margin-bottom:12px;
    font-family:'MuseoSans500'
}
.js .descTrigger {
 display:inline;
    cursor:pointer;
    background:url(http://www.runescape.com/img/rs3/_sprite/smallArrowDown.png) no-repeat center right;
    padding-right:30px;
}
.js .descTrigger.descTriggerOpen {
 background:url(http://www.runescape.com/img/rs3/_sprite/smallArrowUp.png) no-repeat center right;
}
#legacy .descTrigger {
 color: #E1BB34;
    font-family: 'trajan-pro-3';
    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: 'trajan-pro-3';
}
.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(http://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(http://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("http://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(http://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('http://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(http://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(http://www.runescape.com/img/global/error/errorTop.png) no-repeat scroll right top transparent;
    height: 9px;
}
.errorBubble .middleBox {
    background: url(http://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(http://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(http://www.runescape.com/img/rs3/_sprite/icon-facebook.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin {
    background: url(http://www.runescape.com/img/rs3/_sprite/icon-gamerica.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.axeso5Login {
    background: url(http://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(http://www.runescape.com/img/rs3/_sprite/icon-facebook-hover.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin:hover {
    background: url(http://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(http://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(http://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: 'MuseoSans500';
 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(http://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: auto;
}
.lt-ie8 .gameFlowOverlay .btn a {
 text-align: center;
}
.gameFlowOverlay em.chromeLogo {
 background: url(http://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: 'MuseoSans500';
 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: 'MuseoSans500';
 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(http://www.runescape.com/img/rs3/game/dividerBackdrop.png) no-repeat scroll center 0 transparent;
 margin-left: -50px;
 left: 50%;
 position: absolute;
 font-family: 'trajan-pro-3';
 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:70px;
}
.noJavaError h2{
 margin-top:20px;
}
.noJavaError p.padded{
 font-size:18px;
 padding:20px 0;
 width:900px;
 margin:auto;
}
.noJavaError .javaInstallScreen{
 display:inline-block;
 padding:13px;
}
.noJavaError .javaInstallScreen img{
 box-shadow:1px 5px 10px rgb(82, 82, 82);
}
.noJavaError .javaInstallScreen h4{
 text-align:left;
 margin-bottom:20px;
 font-size:23px;
}
.noJavaError .btnWrap{
 margin-top:30px;
}
.noJavaError .btn span{
 font-size:14px;
}
.gameFlowOverlay {
 background: url(http://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;
}