/* ================================================================= home/index page === */

#home .page {
}

#home .coming-soon {
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

#home a.big-order-button {
    display: block;
    width: 343px;
    height: 101px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/home/btn_buy_now.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    left: 50%;
    position: absolute;
    margin-left: -171px;
    top: 650px;
    z-index: 1;
}

#home .flexslider {
    width: 1473px;
    margin-left: -736px;
    position: absolute;
    top: 0;
    left: 50%;
}

#home .flexslider li .pre-order {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 215px;
    width: 810px;
    left: 50%;
    margin-left: -405px;
    height: 360px;
}

#home .flexslider li .video {
    display: block;
    position: absolute;
    top: 215px;
    width: 620px;
    height: 372px;
    left: 50%;
    margin-left: -310px;
}

#home .youtube {
    position: absolute;
    top: 2px;
    left: 2px;
}

#home .frame-top { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-top.png) no-repeat; position: absolute; top: 0; left: 0;}
#home .frame-left { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-left.png) no-repeat; position: absolute; top: 10px; left: 0;}
#home .frame-right { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-right.png) no-repeat; position: absolute; top: 10px; right: 0;}
#home .frame-bottom { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-bottom.png) no-repeat; position: absolute; bottom: 0; left: 0;}

#home .flexslider li .video .watch {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 614px;
    height: 366px;
    cursor: pointer;
}

#home .first p {
    position: absolute;
    top: 580px;
    left: 0;
    text-align: center;
    width: 100%;
}

#home .first p img {
    margin: 0 auto;
}

/* ================================================================= features === */

#features {
    background: #000 url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_Background.jpg) no-repeat center top;
}

#features .page {
}

#features .date {
    margin: 10px auto;
}

#features h2.select {
    margin: 10px auto;
    padding: 0;
    width: 310px;
    height: 28px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Select_to_view.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#features table {
    margin: -30px auto 0;
    padding-left: 15px;
}

#features td {
    vertical-align: bottom;
}

#features td a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#features a.rohan-region { width: 232px; height: 232px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_1.png) no-repeat; }
#features a.mounted-combat { width: 335px; height: 209px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_2.png) no-repeat; }
#features a.roving-warbands { width: 248px; height: 192px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_3.png) no-repeat; }
#features a.warsteeds { width: 232px; height: 173px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_4.png) no-repeat; }
#features a.epic-story { width: 335px; height: 173px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_5.png) no-repeat; }
#features a.level-85 { width: 248px; height: 213px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Features_thumb_6.png) no-repeat; }

#features #overlay > div {
    width: 686px;
    height: 249px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/features/r2/Lightbox_Text_Holder.png) no-repeat;
    margin: 200px auto;
    position: relative;
    font-family: garamond, serif;
    font-size: 18px;
}

#features .flexslider {
    width: 575px;
    height: 249px;
    margin: 0 auto;
}

#features .flexslider li {
    height: 249px;
}

#features .container {
    position: relative;
}

#features #overlay h3 {
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 17px;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#features #overlay p {
    margin: 25px 10px;
}

#features #overlay p.link {
    margin-top: -10px;
}

#features #overlay p.link a {
    color: #fff;
}

#features #overlay .close {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 66px;
    height: 14px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/btn_close.png) no-repeat;
    position: absolute;
    top: -30px;
    right: 30px;
}

#features .slideshow {
    display: none;
}

/* ================================================================= featured videos === */

#feature-videos {
    background: #000 url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/Videos_Background.jpg) no-repeat center top;
}

#feature-videos .page {
}

#feature-videos .stage {
    width: 620px;
    height: 372px;
    margin: 20px auto;
    position: relative;
}

#feature-videos .video {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 616px;
    height: 368px;
}

#feature-videos .frame-top { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-top.png) no-repeat; position: absolute; top: 0; left: 0;}
#feature-videos .frame-left { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-left.png) no-repeat; position: absolute; top: 10px; left: 0;}
#feature-videos .frame-right { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-right.png) no-repeat; position: absolute; top: 10px; right: 0;}
#feature-videos .frame-bottom { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-bottom.png) no-repeat; position: absolute; bottom: 0; left: 0;}

#feature-videos .thumbnails {
    position: relative;
    width: 100%;
    height: 114px;
}

#feature-videos .video-nav {
    width: 855px;
    height: 114px;
    margin: 15px auto 0;
    overflow: hidden;
}

#feature-videos .video-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    left: 50%;
}

#feature-videos .video-nav li {
    position: relative;
    float: left;
    right: 50%;
    width: 171px;
    height: 114px;
}

#feature-videos .video-nav a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 171px;
    height: 114px;
}

#feature-videos .video-nav a.v1 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb1.png) no-repeat; }
#feature-videos .video-nav a.v2 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb2.png) no-repeat; }
#feature-videos .video-nav a.v3 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb3.png) no-repeat; }
#feature-videos .video-nav a.v4 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb4.png) no-repeat; }
#feature-videos .video-nav a.v5 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb5.png) no-repeat; }
#feature-videos .video-nav a.v6 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb6.png) no-repeat; }
#feature-videos .video-nav a.v7 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb7.png) no-repeat; }

#feature-videos .video-nav a.v1:hover, #feature-videos .video-nav a.v1.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb1-over.png) no-repeat; }
#feature-videos .video-nav a.v2:hover, #feature-videos .video-nav a.v2.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb2-over.png) no-repeat; }
#feature-videos .video-nav a.v3:hover, #feature-videos .video-nav a.v3.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb3-over.png) no-repeat; }
#feature-videos .video-nav a.v4:hover, #feature-videos .video-nav a.v4.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb4-over.png) no-repeat; }
#feature-videos .video-nav a.v5:hover, #feature-videos .video-nav a.v5.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb5-over.png) no-repeat; }
#feature-videos .video-nav a.v6:hover, #feature-videos .video-nav a.v6.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb6-over.png) no-repeat; }
#feature-videos .video-nav a.v7:hover, #feature-videos .video-nav a.v7.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/videos/video-thumbs/video-thumb7-over.png) no-repeat; }

#feature-videos .prev {
    position: absolute;
    top: 50%;
    margin-top: -34px;
    left: 141px;
    width: 29px;
    height: 68px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/arrow-left.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 100;
}

#feature-videos .next {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    right: 138px;
    width: 29px;
    height: 62px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/arrow-right.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 100;
}

/* ================================================================= images === */

#images {
    background: #000 url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/images-background.jpg) no-repeat center top;
}

#images .page .nav {
    width: 503px;
    height: 48px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/bg_menu.png) no-repeat;
    margin: 20px auto 0;
}

#images .page .nav ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    left: 50%;
}

#images .page .nav li {
    position: relative;
    float: left;
    right: 50%;
}

#images .page .nav a {
    display: block;
    height: 31px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 7px 28px 0;
}

#images .page .nav a.screenshots { margin-top: 12px; width: 117px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/screenshots.png) no-repeat center top; }
#images .page .nav a.screenshots:hover, #images .page .nav a.screenshots.selected { background-image: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/screenshots-selected.png);}

#images a.concepts { width: 96px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/concepts.png) no-repeat center top; }
#images a.concepts:hover, #images a.concepts.selected { background-image: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/concepts-selected.png);}

#images a.wallpapers { width: 120px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/wallpapers.png) no-repeat center top; }
#images a.wallpapers:hover, #images a.wallpapers.selected { background-image: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/menu/wallpapers-selected.png);}

#images #screenshots .flexslider {
    width: 1145px;
}

#screenshots table {
    height: 436px;
}

#screenshots tr {
    vertical-align: top;
}

#screenshots table a {
    display: block;
    position: relative;
}

#screenshots .left {
    width: 337px;
}

#screenshots .left a {
    float: right;
}

#screenshots .middle {
    width: 245px;
}

#screenshots .right {
    width: 563px;
}

#screenshots .right a {
    float: left;
}

#screenshots .c  , #screenshots .e ,  #screenshots .k  {
    clear: both;
}

#screenshots .frame {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

#screenshots .tn {
    position: absolute;
    top: 15px;
    left: 15px;
}

#screenshots .a { width: 132px; height: 164px; }
#screenshots .a .frame { width: 132px; height: 164px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/a.png) no-repeat; }
#screenshots .b { width: 186px; height: 168px; }
#screenshots .b .frame { width: 186px; height: 168px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/b.png) no-repeat; }
#screenshots .c { width: 151px; height: 158px; }
#screenshots .c .frame { width: 151px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/c.png) no-repeat; }
#screenshots .d { width: 186px; height: 105px; }
#screenshots .d .frame { width: 186px; height: 105px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/d.png) no-repeat; }
#screenshots .e { width: 116px; height: 110px; }
#screenshots .e .frame { width: 116px; height: 110px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/e.png) no-repeat; }
#screenshots .f { width: 244px; height: 228px; }
#screenshots .f .frame { width: 244px; height: 228px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/f.png) no-repeat; }
#screenshots .g { width: 244px; height: 158px; }
#screenshots .g .frame { width: 244px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/g.png) no-repeat; }
#screenshots .h { width: 194px; height: 158px; }
#screenshots .h .frame { width: 194px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/h.png) no-repeat; }
#screenshots .i { width: 237px; height: 157px; }
#screenshots .i .frame { width: 237px; height: 157px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/i.png) no-repeat; }
#screenshots .j { width: 132px; height: 132px; }
#screenshots .j .frame { width: 132px; height: 132px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/j.png) no-repeat; }
#screenshots .k { width: 317px; height: 205px; }
#screenshots .k .frame { width: 317px; height: 205px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/k.png) no-repeat; }
#screenshots .l { width: 162px; height: 158px; }
#screenshots .l .frame { width: 162px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/l.png) no-repeat; }
#screenshots .m { width: 131px; height: 110px; }
#screenshots .m .frame { width: 131px; height: 110px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/m.png) no-repeat; }

#screenshots .b .tn { width: 155px; height: 138px; }
#screenshots .a .tn { width: 101px; height: 134px; }
#screenshots .f .tn { width: 213px; height: 198px; }
#screenshots .h .tn { width: 163px; height: 128px; }
#screenshots .i .tn { width: 206px; height: 127px; }
#screenshots .j .tn { width: 101px; height: 102px; }
#screenshots .d .tn { width: 155px; height: 75px; }
#screenshots .c .tn { width: 120px; height: 128px; }
#screenshots .g .tn { width: 213px; height: 128px; }
#screenshots .k .tn { width: 286px; height: 175px; }
#screenshots .l .tn { width: 131px; height: 128px; }
#screenshots .e .tn { width: 85px; height: 80px; }
#screenshots .m .tn { width: 100px; height: 80px; }

#ss-p-1 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/1.png) no-repeat center center; }
#ss-p-1 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/2.png) no-repeat center center; }
#ss-p-1 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/3.png) no-repeat center center; }
#ss-p-1 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/4.png) no-repeat center center; }
#ss-p-1 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/5.png) no-repeat center center; }
#ss-p-1 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/6.png) no-repeat center center; }
#ss-p-1 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/7.png) no-repeat center center; }
#ss-p-1 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/8.png) no-repeat center center; }
#ss-p-1 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/9.png) no-repeat center center; }
#ss-p-1 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/10.png) no-repeat center center; }
#ss-p-1 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/11.png) no-repeat center center; }
#ss-p-1 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/12.png) no-repeat center center; }
#ss-p-1 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/13.png) no-repeat center center; }

#ss-p-2 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/14.jpg) no-repeat center center; }
#ss-p-2 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/15.jpg) no-repeat center center; }
#ss-p-2 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/16.jpg) no-repeat center center; }
#ss-p-2 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/17.jpg) no-repeat center center; }
#ss-p-2 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/18.jpg) no-repeat center center; }
#ss-p-2 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/19.jpg) no-repeat center center; }
#ss-p-2 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/20.jpg) no-repeat center center; }
#ss-p-2 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/21.jpg) no-repeat center center; }
#ss-p-2 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/22.jpg) no-repeat center center; }
#ss-p-2 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/23.jpg) no-repeat center center; }
#ss-p-2 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/24.jpg) no-repeat center center; }
#ss-p-2 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/25.jpg) no-repeat center center; }
#ss-p-2 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/26.jpg) no-repeat center center; }

#ss-p-3 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/27.jpg) no-repeat center center; }
#ss-p-3 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/28.jpg) no-repeat center center; }
#ss-p-3 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/29.jpg) no-repeat center center; }
#ss-p-3 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/30.jpg) no-repeat center center; }
#ss-p-3 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/31.jpg) no-repeat center center; }
#ss-p-3 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/32.jpg) no-repeat center center; }
#ss-p-3 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/33.jpg) no-repeat center center; }
#ss-p-3 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/34.jpg) no-repeat center center; }
#ss-p-3 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/35.jpg) no-repeat center center; }
#ss-p-3 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/36.jpg) no-repeat center center; }
#ss-p-3 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/37.jpg) no-repeat center center; }
#ss-p-3 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/38.jpg) no-repeat center center; }
#ss-p-3 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/39.jpg) no-repeat center center; }

#ss-p-4 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/40.jpg) no-repeat center center; }
#ss-p-4 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/41.jpg) no-repeat center center; }
#ss-p-4 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/42.jpg) no-repeat center center; }
#ss-p-4 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/43.jpg) no-repeat center center; }
#ss-p-4 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/44.jpg) no-repeat center center; }
#ss-p-4 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/45.jpg) no-repeat center center; }
#ss-p-4 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/46.jpg) no-repeat center center; }
#ss-p-4 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/47.jpg) no-repeat center center; }
#ss-p-4 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/48.jpg) no-repeat center center; }
#ss-p-4 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/49.jpg) no-repeat center center; }
#ss-p-4 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/50.jpg) no-repeat center center; }
#ss-p-4 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/51.jpg) no-repeat center center; }
#ss-p-4 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/52.jpg) no-repeat center center; }

#ss-p-5 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/53.jpg) no-repeat center center; }
#ss-p-5 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/54.jpg) no-repeat center center; }
#ss-p-5 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/55.jpg) no-repeat center center; }
#ss-p-5 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/56.jpg) no-repeat center center; }
#ss-p-5 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/57.jpg) no-repeat center center; }
#ss-p-5 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/58.jpg) no-repeat center center; }
#ss-p-5 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/59.jpg) no-repeat center center; }
#ss-p-5 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/60.jpg) no-repeat center center; }
#ss-p-5 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/61.jpg) no-repeat center center; }
#ss-p-5 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/62.jpg) no-repeat center center; }
#ss-p-5 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/63.jpg) no-repeat center center; }
#ss-p-5 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/64.jpg) no-repeat center center; }
#ss-p-5 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/65.jpg) no-repeat center center; }


#ss-p-6 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/66.jpg) no-repeat center center; }
#ss-p-6 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/67.jpg) no-repeat center center; }
#ss-p-6 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/68.jpg) no-repeat center center; }
#ss-p-6 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/69.jpg) no-repeat center center; }
#ss-p-6 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/70.jpg) no-repeat center center; }
#ss-p-6 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/71.jpg) no-repeat center center; }
#ss-p-6 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/72.jpg) no-repeat center center; }
#ss-p-6 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/73.jpg) no-repeat center center; }
#ss-p-6 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/74.jpg) no-repeat center center; }
#ss-p-6 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/75.jpg) no-repeat center center; }
#ss-p-6 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/76.jpg) no-repeat center center; }
#ss-p-6 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/77.jpg) no-repeat center center; }
#ss-p-6 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/78.jpg) no-repeat center center; }


#ss-p-7 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/79.jpg) no-repeat center center; }
#ss-p-7 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/80.jpg) no-repeat center center; }
#ss-p-7 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/81.jpg) no-repeat center center; }
#ss-p-7 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/82.jpg) no-repeat center center; }
#ss-p-7 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/83.jpg) no-repeat center center; }
#ss-p-7 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/84.jpg) no-repeat center center; }
#ss-p-7 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/85.jpg) no-repeat center center; }
#ss-p-7 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/86.jpg) no-repeat center center; }
#ss-p-7 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/87.jpg) no-repeat center center; }
#ss-p-7 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/88.jpg) no-repeat center center; }
#ss-p-7 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/89.jpg) no-repeat center center; }
#ss-p-7 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/90.jpg) no-repeat center center; }
#ss-p-7 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/91.jpg) no-repeat center center; }


#ss-p-8 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/92.jpg) no-repeat center center; }
#ss-p-8 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/93.jpg) no-repeat center center; }
#ss-p-8 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/94.jpg) no-repeat center center; }
#ss-p-8 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/95.jpg) no-repeat center center; }
#ss-p-8 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/96.jpg) no-repeat center center; }
#ss-p-8 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/97.jpg) no-repeat center center; }
#ss-p-8 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/98.jpg) no-repeat center center; }
#ss-p-8 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/99.jpg) no-repeat center center; }
#ss-p-8 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/100.jpg) no-repeat center center; }
#ss-p-8 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/101.jpg) no-repeat center center; }
#ss-p-8 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/thumbs/102.jpg) no-repeat center center; }

#ss-p-8 .e,
#ss-p-8 .m
{
    display: none;
}


/* old pagination
.screenshot-nav-container {
    width: 108px;
    height: 47px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/bg.png) no-repeat;
    margin: 0 auto;
    padding: 20px 0 0 31px;
}

.screenshot-nav-container li {
    float: left;
}

.screenshot-nav-container a {
    display: block;
    text-indent: -999em;
    cursor: pointer;
}

.screenshot-nav-container a.m0 { width: 26px; height: 28px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/1.jpg) no-repeat; }
.screenshot-nav-container a.m1 { width: 24px; height: 28px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/2.jpg) no-repeat; }
.screenshot-nav-container a.m2 { width: 25px; height: 28px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/3.jpg) no-repeat; }

.screenshot-nav-container a.m0.flex-active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/1-active.jpg) no-repeat; }
.screenshot-nav-container a.m1.flex-active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/2-active.jpg) no-repeat; }
.screenshot-nav-container a.m2.flex-active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/menu/3-active.jpg) no-repeat; }
*/

#screenshots .flex-control-nav {
    width: 285px;
    height: 53px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_bg_1-8.png) no-repeat;
    margin: 0 auto;
}

#screenshots .flex-control-nav li {
    display: inline-block;
}

#screenshots .flex-control-nav a {
    display: block;
    text-indent: -999em;
    cursor: pointer;
    width: 29px;
    height: 53px;
}

#screenshots .flex-control-nav a.m0 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number1.png) no-repeat 5px 14px; }
#screenshots .flex-control-nav a.m1 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number2.png) no-repeat center center; }
#screenshots .flex-control-nav a.m2 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number3.png) no-repeat center center; }
#screenshots .flex-control-nav a.m3 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number4.png) no-repeat 3px 15px; }
#screenshots .flex-control-nav a.m4 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number5.png) no-repeat 4px 15px; }
#screenshots .flex-control-nav a.m5 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number6.png) no-repeat 4px 15px; }
#screenshots .flex-control-nav a.m6 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number7.png) no-repeat 4px 15px; }
#screenshots .flex-control-nav a.m7 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number8.png) no-repeat 4px 15px; }

#screenshots .flex-control-nav li.active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/menu/images_menu_circle.png) no-repeat center center; }

/* ================================================================= begin concepts === */

#images #concepts .flexslider {
    width: 1145px;
}

#concepts table {
    height: 436px;
}

#concepts tr {
    vertical-align: top;
}

#concepts table a {
    display: block;
    position: relative;
}

#concepts .left {
    width: 337px;
}

#concepts .left a {
    float: right;
}

#concepts .middle {
    width: 245px;
}

#concepts .right {
    width: 563px;
}

#concepts .right a {
    float: left;
}

#concepts .c  , #concepts .e ,  #concepts .k  {
    clear: both;
}

#concepts .frame {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

#concepts .tn {
    position: absolute;
    top: 15px;
    left: 15px;
}

#concepts .a { width: 132px; height: 164px; }
#concepts .a .frame { width: 132px; height: 164px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/a.png) no-repeat; }
#concepts .b { width: 186px; height: 168px; }
#concepts .b .frame { width: 186px; height: 168px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/b.png) no-repeat; }
#concepts .c { width: 151px; height: 158px; }
#concepts .c .frame { width: 151px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/c.png) no-repeat; }
#concepts .d { width: 186px; height: 105px; }
#concepts .d .frame { width: 186px; height: 105px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/d.png) no-repeat; }
#concepts .e { width: 116px; height: 110px; }
#concepts .e .frame { width: 116px; height: 110px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/e.png) no-repeat; }
#concepts .f { width: 244px; height: 228px; }
#concepts .f .frame { width: 244px; height: 228px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/f.png) no-repeat; }
#concepts .g { width: 244px; height: 158px; }
#concepts .g .frame { width: 244px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/g.png) no-repeat; }
#concepts .h { width: 194px; height: 158px; }
#concepts .h .frame { width: 194px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/h.png) no-repeat; }
#concepts .i { width: 237px; height: 157px; }
#concepts .i .frame { width: 237px; height: 157px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/i.png) no-repeat; }
#concepts .j { width: 132px; height: 132px; }
#concepts .j .frame { width: 132px; height: 132px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/j.png) no-repeat; }
#concepts .k { width: 317px; height: 205px; }
#concepts .k .frame { width: 317px; height: 205px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/k.png) no-repeat; }
#concepts .l { width: 162px; height: 158px; }
#concepts .l .frame { width: 162px; height: 158px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/l.png) no-repeat; }
#concepts .m { width: 131px; height: 110px; }
#concepts .m .frame { width: 131px; height: 110px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/screenshots/frames/m.png) no-repeat; }

#concepts .b .tn { width: 155px; height: 138px; }
#concepts .a .tn { width: 101px; height: 134px; }
#concepts .f .tn { width: 213px; height: 198px; }
#concepts .h .tn { width: 163px; height: 128px; }
#concepts .i .tn { width: 206px; height: 127px; }
#concepts .j .tn { width: 101px; height: 102px; }
#concepts .d .tn { width: 155px; height: 75px; }
#concepts .c .tn { width: 120px; height: 128px; }
#concepts .g .tn { width: 213px; height: 128px; }
#concepts .k .tn { width: 286px; height: 175px; }
#concepts .l .tn { width: 131px; height: 128px; }
#concepts .e .tn { width: 85px; height: 80px; }
#concepts .m .tn { width: 100px; height: 80px; }

#c-p-1 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/1.jpg) no-repeat center top; }
#c-p-1 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/2.jpg) no-repeat center top; }
#c-p-1 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/3.jpg) no-repeat center center; }
#c-p-1 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/4.jpg) no-repeat center center; }
#c-p-1 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/5.jpg) no-repeat center top; }
#c-p-1 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/6.jpg) no-repeat -204px top; }
#c-p-1 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/7.jpg) no-repeat center center; }
#c-p-1 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/8.jpg) no-repeat center top; }
#c-p-1 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/9.jpg) no-repeat center top; }
#c-p-1 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/10.jpg) no-repeat center center; }
#c-p-1 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/11.jpg) no-repeat center top; }
#c-p-1 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/12.jpg) no-repeat center top; }
#c-p-1 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/13.jpg) no-repeat center top; }


#c-p-2 .b .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/14.jpg) no-repeat center top; }
#c-p-2 .a .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/15.jpg) no-repeat center center; }
#c-p-2 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/16.jpg) no-repeat center center; }
#c-p-2 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/17.jpg) no-repeat center top; }
#c-p-2 .i .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/18.jpg) no-repeat center top; }
#c-p-2 .j .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/19.jpg) no-repeat center center; }
#c-p-2 .d .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/20.jpg) no-repeat -73px top; }
#c-p-2 .c .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/21.jpg) no-repeat center top; }
#c-p-2 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/22.jpg) no-repeat center top; }
#c-p-2 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/23.jpg) no-repeat center center; }
#c-p-2 .l .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/24.jpg) no-repeat center center; }
#c-p-2 .e .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/25.jpg) no-repeat center -20px; }
#c-p-2 .m .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/26.jpg) no-repeat center -30px; }

#c-p-3 .f .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/27.jpg) no-repeat center center; }
#c-p-3 .h .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/28.jpg) no-repeat -65px top; }
#c-p-3 .g .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/29.jpg) no-repeat center center; }
#c-p-3 .k .tn { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/thumbs/30.jpg) no-repeat center center; }

#c-p-3 .a,
#c-p-3 .b,
#c-p-3 .c,
#c-p-3 .d,
#c-p-3 .e,
#c-p-3 .i,
#c-p-3 .j,
#c-p-3 .l,
#c-p-3 .m
{
    display: none;
}

#concepts .flex-control-nav {
    width: 125px;
    height: 53px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_bg_1-3.png) no-repeat;
    margin: 0 auto;
}

#concepts .flex-control-nav li {
    display: inline-block;
}

#concepts .flex-control-nav a {
    display: block;
    text-indent: -999em;
    cursor: pointer;
    width: 29px;
    height: 53px;
}

#concepts .flex-control-nav a.m0 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number1.png) no-repeat 5px 14px; }
#concepts .flex-control-nav a.m1 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number2.png) no-repeat center center; }
#concepts .flex-control-nav a.m2 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_number3.png) no-repeat center center; }

#concepts .flex-control-nav li.active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/pagination/images_menu_circle.png) no-repeat center center; }

/* ================================================================= wallpapers === */

#images #wallpapers .flexslider {
    width: 818px;
}

#wallpapers .flexslider .slides img {max-width: none; }

#wallpapers table {
    margin: 0 auto;
}

#wallpapers .flex-control-nav {
    width: 111px;
    height: 41px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/menu/images_menu_bg.png) no-repeat;
    margin: 20px auto 0;
    padding: 7px 7px 0 0;
}

#wallpapers .flex-control-nav li {
    display: inline-block;
}

#wallpapers .flex-control-nav a {
    display: block;
    text-indent: -999em;
    cursor: pointer;
    width: 29px;
    height: 29px;
}

#wallpapers .flex-control-nav a.m0 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/menu/images_menu_number1.png) no-repeat center center; }
#wallpapers .flex-control-nav a.m1 { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/menu/images_menu_number2.png) no-repeat center center; }

#wallpapers .flex-control-nav li.active { background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/concepts/menu/images_menu_circle.png) no-repeat; }

/* ================================================================= end wallpapers === */

#concepts, #wallpapers {
    display: none;
}

#images #overlay > div {
    width: 675px;
    margin: 200px auto;
    position: relative;
}

#images .flexslider {
    width: 616px;
    margin: 0 auto;
}

#images .container {
    position: relative;
}

#images .wallpaper-frame {
    position: absolute;
    top: -6px;
    left: 27px;
    width: 620px;
    height: 379px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/wallpaper-frame.png) no-repeat;
    z-index: 10;
}

#images #overlay .frame {
    position: absolute;
    top: -2px;
    left: 27px;
    width: 620px;
    height: 372px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/lightbox_Frame.png) no-repeat;
    z-index: 10;
}

#images .download {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 136px;
    height: 32px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/images/btn_download.png) no-repeat;
    margin: 3px auto 0;
}

#images #overlay .close {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 66px;
    height: 14px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/btn_close.png) no-repeat;
    position: absolute;
    top: -30px;
    right: 30px;
}

#images .slideshow {
    display: none;
}

/* ================================================================= story === */

#story {
    background: #000 url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/background_behind-the-scenes.jpg) no-repeat center top;
}

#story .page .nav {
    width: 334px;
    height: 48px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/menu/bg_menu.png) no-repeat;
    margin: 20px auto ;
}

#story .page .nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    float: left;
    left: 50%;
}

#story .page .nav li {
    position: relative;
    float: left;
    right: 50%;
}

#story .page .nav a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 20px;
}

#story .page .nav a.videos { margin-top: 13px; width: 64px; height: 26px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/menu/videos.png) no-repeat center top; }
#story .page .nav a.videos:hover, #story .page .nav a.videos.selected { background-image: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/menu/videos_active.png); }

#story .page .nav a.characters { margin-top: 8px; width: 121px; height: 31px; background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/menu/characters.png) no-repeat center top; }
#story .page .nav a.characters:hover, #story .page .nav a.characters.selected { background-image: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/menu/characters_active.png); }

#story .stage {
    width: 620px;
    height: 372px;
    margin: 0 auto;
    position: relative;
}

#story .video {
    position: absolute;
    top: 2px;
    left: 2px;
}

#story .frame-top { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-top.png) no-repeat; position: absolute; top: 0; left: 0;}
#story .frame-left { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-left.png) no-repeat; position: absolute; top: 10px; left: 0;}
#story .frame-right { width: 10px; height: 352px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-right.png) no-repeat; position: absolute; top: 10px; right: 0;}
#story .frame-bottom { width: 620px; height: 10px; background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/video-frame-bottom.png) no-repeat; position: absolute; bottom: 0; left: 0;}

#story .video-nav {
    width: 100%;
    margin-top: 15px;
}

#story .video-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    left: 50%;
}

#story .video-nav li {
    position: relative;
    float: left;
    right: 50%;
    width: 171px;
    height: 114px;
}

#story .video-nav a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 171px;
    height: 114px;
}

#story .video-nav a.v1 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb1.png) no-repeat; }
#story .video-nav a.v2 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb2.png) no-repeat; }
#story .video-nav a.v3 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb3.png) no-repeat; }
#story .video-nav a.v4 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb4.png) no-repeat; }
#story .video-nav a.v5 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb5.png) no-repeat left -1px; }
#story .video-nav a.v6 { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb6.png) no-repeat left -1px; }

#story .video-nav a.v1:hover, #story .video-nav a.v1.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb1-over.png) no-repeat; }
#story .video-nav a.v2:hover, #story .video-nav a.v2.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb2-over.png) no-repeat; }
#story .video-nav a.v3:hover, #story .video-nav a.v3.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb3-over.png) no-repeat; }
#story .video-nav a.v4:hover, #story .video-nav a.v4.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb4-over.png) no-repeat; }
#story .video-nav a.v5:hover, #story .video-nav a.v5.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb5-over.png) no-repeat left -1px; }
#story .video-nav a.v6:hover, #story .video-nav a.v6.selected { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/video-thumbs/video-thumb6-over.png) no-repeat left -1px; }

#characters {
    display: none;
    width: 968px;
    margin: 0 auto;
}

#characters a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 242px;
    height: 343px;
    float: left;
}

#characters a.captain { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/characters/character1.png) no-repeat; }
#characters a.spearman { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/characters/character2.png) no-repeat; }
#characters a.archer { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/characters/character3.png) no-repeat; }
#characters a.axeman { background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/story/characters/character4.png) no-repeat; }

#story #overlay > div {
    margin: 200px auto;
    width: 644px;
    position: relative;
    font-family: garamond, serif;
    font-size: 16px;
    position: relative;
}

#story #overlay .content {
    width: 564px;
    height: 489px;
    padding: 40px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/global/images/faq-lightbox.png) no-repeat;
}

#story .bio {
    display: none;
}

#story #overlay .scroll-pane {
    height: 445px;
    overflow: auto;
}

#story #overlay p {
    font-size: 16px; 
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.2;
}

#story #overlay b {
    font-size: 20px;
}

#story #overlay .close {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 66px;
    height: 14px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/btn_close.png) no-repeat;
    position: absolute;
    top: -10px;
    right: 15px;
}

/* ================================================================= pre-order === */

#pre-order {
    background: #000 url(http://ridersofrohan.blob.core.windows.net/content/us/images/pre-order/background_presale3.jpg) no-repeat center top;
}

#pre-order .page {
    padding-top: 110px;
    width: 980px;
    margin: 0 auto;
}

#pre-order .e3-logo {
    display: none;
}

#pre-order .bonus {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#pre-order .bonus img {
    position: absolute;
    top: -40px;
    left: -45px;
    z-index: 110;
}

#pre-order #footer .big-order-button {
    display: none;
}

#pre-order .tooltip {
    display: none;
}

#pre-order .page .wrapper {
    width: 974px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/pre-order/grid2.png) no-repeat center 268px;
    margin-left: 9px;
    font-size: 16px;
    font-family: garamond, serif;
}

#pre-order .boxes {
    width: 974px;
    position: relative;
    overflow: hidden;
}

#pre-order .boxes a {
    display: block;
    width: 322px;
    height: 325px;
    float: left;
}

#pre-order .compare {
    width: 961px;
    height: 794px;
}

#pre-order .row {
    overflow: hidden;
}

#pre-order .row .col {
    height: 55px;
}

#pre-order .edition {
    overflow: hidden;
}

#pre-order .spacer1 {
    height: 42px;
}

#pre-order .spacer2 {
    height: 30px;
}

#pre-order .row1 .col {
    height: 95px;
}

#pre-order .row1 .col a {
    display: block;
    height: 35px;
    text-indent: -999em;
}

#pre-order .row1 .col p {
    font-size: 11px;
    text-align: center;
    width: 220px;
    margin: 10px auto 0;
    float: none;
}

#pre-order .col {
    float: left;
    width: 320px;
    min-height: 1px;
}

#pre-order .col.tall p {
    margin-top: 10px;
}

#pre-order .col .steed {
    float: left;
    padding: 5px 10px 0 20px;
}

#pre-order .col p {
    float: left;
    overflow: hidden;
    width: 230px;
    text-align: left;
    margin-top: 20px;
}

#pre-order .row6 .steed,
#pre-order .row7 .steed,
#pre-order .row8 .steed
{
    padding-top: 3px;
}

#pre-order .row6 p,
#pre-order .row7 p,
#pre-order .row8 p
{
    margin-top: 18px;
}

/* ================================================================= footer === */

#home #footer .big-order-button {
    display: none;
}

#footer .logos {
    margin-top: 33px;
}

#footer .rating {
    float: right;
    width: 172px;
    height: 85px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/home/logos/ESRB.png) no-repeat;
}

#footer a.faq {
    display: block; 
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 64px;
    height: 28px;
    background: url(http://ridersofrohan.blob.core.windows.net/content/us/images/home/btn_faq.png) no-repeat;
    margin: 0 auto;
}