﻿html 
{
	background: #000 url('/images/layout/site-background.jpg') no-repeat fixed center top;
	color: #FFF;
	font: 13px "Trebuchet MS", Tahoma, Verdana;
	height: 100%;
}
body 
{
	height: 100%;
	line-height: 1.33em;
	position: relative;
	margin: 0 auto;
}
.clearbr
{
	clear: both;
	display: block;
	height: 0;
}
a
{
	color: #CCC;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
hr.divider
{
	border: none;
	background : url('/images/divider.gif');
	clear: both;
	height: 6px;
	width: 536px;
}
html* hr.divider /* ie7 fix */
{
	display: list-item;
	list-style : url('/images/divider.gif') inside;
	height: 6px;
	float: left;
	padding: 1em 0;
	width: 0;
}
p
{
	margin: 1em 0;
}
h1
{
	margin: .67em 0;
}
h2
{
	margin: .83em 0;
}
.error
{
	color: #F00;
}

.Hide
{
	display: none;
}

/* #region Site.Master */

/* #region Header */

body > form > header
{
	height: 235px;
	left: 50%;
	margin-left: -298px;
	position: absolute;
	top: 0;
	width: 608px;
	z-index: 11;
}
body > form > header > a
{
	display: block;
	margin: 0 auto;
}

body > form > header > a > img
{
	display: block;
	margin: 0 auto;
}

/* #endregion */

/* #region Site Navigation */

body > form > nav
{
	display: block;
	height: 51px;
	left: 50%;
	margin-left: -436px;
	position: absolute;
	top: 238px;
	width: 881px;
	z-index: 13;
}
body > form > nav > a
{
	background: url('/images/layout/site-nav2.png');
	display: block;
	height: 51px;
	position: absolute;
	top: 0;
}
#nav_game
{
	background-position: 0 0;
	left: 0;
	width: 123px;
}
#nav_game:hover
{
	background-position: 0 -51px;
}
#nav_journals
{
	background-position: -123px 0;
	left: 123px;
	width: 90px;
}
#nav_journals:hover
{
	background-position: -123px -51px;
}
#nav_dlc
{
	background-position: -213px 0;
	left: 213px;
	width: 67px;
}
#nav_dlc:hover
{
	background-position: -213px -51px;
}
#nav_purchase
{
	background-position: -602px 0;
	left: 602px;
	width: 106px;
}
#nav_purchase:hover
{
	background-position: -602px -51px;
}
#nav_forum
{
	background-position: -708px 0;
	left: 708px;
	width: 70px;
}
#nav_forum:hover
{
	background-position: -708px -51px;
}
#nav_media
{
	background-position: -778px 0;
	left: 778px;
	width: 103px;
}
#nav_media:hover
{
	background-position: -778px -51px;
}

/* #region Dropdown */

#nav_game_dropdown
{
	display: none;
	left: 22px;
	padding-bottom:3px;
	position: absolute;
	top: 48px;
}
#nav_features, #nav_lore, #nav_gameplay, #nav_faq
{
	background: url('/images/layout/game_dropdown.png') no-repeat;
	display: block;
	height: 37px;
	padding: 0;
	width: 101px;
}
#nav_lore
{
	background-position: 0 -37px;
}
#nav_gameplay
{
	background-position: 0 -74px;
}
#nav_faq
{
	background-position: 0 -111px;
}
#nav_features:hover
{
	background-position: -101px 0;
}
#nav_lore:hover
{
	background-position: -101px -37px;
}
#nav_gameplay:hover
{
	background-position: -101px -74px;
}
#nav_faq:hover
{
	background-position: -101px -111px;
}

/* #endregion */

body > form > div.lowernav
{
	display: block;
	height: 51px;
    left: 50%;
    margin-left: -92px;
    position: absolute;
    top: 298px;
	z-index: 13;
}
body > form > div.lowernav > a
{
	background: url('/images/layout/btn_community.png') no-repeat top center;
	display: block;
	height: 51px;
	top: 0;
    width: 194px;
}

body > form > div.lowernav > a:hover
{
	background-position: bottom center;
}

/* #endregion */

/* #region Container */

body > form > div.container
{
	left: 50%;
	margin-left: -474px;
	position: absolute;
	top: 240px;
	width: 948px;
	z-index: 12;
}
body > form > div.container > .top
{
	background: url('/images/layout/body-background-header.png');
	height: 121px;
	left: 10px;
	position: absolute;
	top: 0;
	width: 928px;
	z-index: 11;
}
body > form > div.container > .middle
{
	background: url('/images/layout/body-background-middle.png');
	bottom: 124px;
	left: 0;
	min-height: 206px;
	position: absolute;
	top: 121px;
	width: 948px;
	z-index: 11;
}
body > form > div.container > .bottom
{
	background: url('/images/layout/body-background-footer.png');
	bottom: 0;
	height: 74px;
	font-size: .75em;
	left: 10px;
	line-height: 1.4em;
	padding-top: 50px;
	position: absolute;
	text-align: center;
	width: 928px;
	z-index: 11;
}
body > form > div.container > .bg
{
	background: url('/images/layout/body-background.jpg') repeat scroll center top;
	bottom: 102px;
	left: 53px;
	position: absolute;
	right: 53px;
	top: 58px;
	z-index: 10;
}
body > form > div.container > .content
{
	margin: 90px 70px 134px 70px;
	position: relative;
	z-index: 15;
}
body > form > div.container > .content > footer
{
	display: block;
	margin: 10px auto 0;
	text-align: center;
}
body > form > div.container > .content > footer > a
{
	color: #FFF;
	text-decoration: none;
}
body > form > div.container > .content > footer > a:hover
{
	text-decoration: underline;
}

/* #endregion */

/* #endregion */

/* #region Standard.Master */

div.main
{
	float: left;
	margin-right: 17px;
	overflow-x: hidden;
	width: 567px;
}
div.main > h1
{
	border-left: 4px solid #FF9A00;
	font-size: 1.9em;
	line-height: 1em;
	padding-left: 5px;
	text-shadow: 2px 2px 5px #000;
}
html div.main > h1
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135);
}
div.main h1:first-child
{
	margin-top: 0;
}
div.main h2
{
	font-size: 1.2em;
	font-weight: normal;
}
div.side
{
	float: right;
	width: 224px;
}

/* #region Boxes */

#rebellion_reviews
{
	margin-bottom: 10px;
	padding-right: 35px;
}
#rebellion_reviews > h1
{
	margin-top: 0;
}
#rebellion_reviews > a
{
	color: #ff9a00;
	display: block;
	margin-bottom: 2px;
	text-decoration: underline;
}
#rebellion_reviews > a:hover
{
	text-decoration: none;
}
#rebellion_reviews > p
{
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#rebellion_reviews > p.score
{
	font-size: 1.5em;
	margin-bottom: 20px;
	margin-top: 5px;
}
#sins_poll
{
	margin-bottom: 10px;
}
#sins_poll > h1
{
	margin-top: 0;
}
#sins_poll > .polloptions
{
	height: 142px;
	margin-bottom: 1em;
}
#sins_poll > .polloptions li
{
	list-style: none none outside;
}
#sins_poll > .polloptions input
{
	margin: 0 3px 0 0;
	vertical-align: middle;
}
#sins_poll > .polloptions label
{
	vertical-align: middle;
}
#sins_poll .votes
{
	font-size: .8em;
	float: left;
}
#sins_poll .submit
{
	float: right;
	vertical-align: baseline;
}
.pollanswer
{
	background: url('/images/poll.meter.bg.gif') no-repeat left top;
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}
.pollpercent
{
	background: url('/images/poll.meter.knob.gif') no-repeat left top;
	font-size: 5px;
	height: 17px;
	line-height: 5px;
	margin-top: 4px;
	position: absolute;
	width: 34px;
}
#mailing_list
{
	clear: right;
	padding: 10px 0;
	margin-bottom: 10px;
	margin-top: 16px;
}
#mailing_list .subscribe
{
	background: url('/images/layout/subscribe.png');
	display: block;
	height: 31px;
	margin: 0 auto;
	overflow: hidden;
	width: 176px;
}
#mailing_list .subscribe:hover
{
	background-position: 0 -31px;
}
#awards, #esrb
{
	clear: right;
	float: right;
	margin-bottom: 17px;
	width: 224px;
}
#awards > img
{
	left: -8px;
	position: relative;
}
#facebook_feed, #twitter_feed
{
	clear: right;
	float: right;
	margin-bottom: 10px;
	padding-right: 5px;
	width: 219px;
}

/* #endregion */

/* #endregion */

/* #region Login.Master */

#login
{
	 background:url('/images/boxes/pattern_bg.png');
	 font-size: .8em;
}

/* #endregion */

/* #region Boxed Regions */

.box
{
	background-color: #000;
	display: block;
	position: relative;
}
.box > .tl, .box > .t, .box > .tr,
.box > .l, .box > .r,
.box > .bl, .box > .b, .box > .br
{
	position: absolute;
	z-index: 10;
}

.box > .tl, .box > .tr,
.box > .bl, .box > .br
{
	background: url('/images/boxes/corners.png');
}
.box > .t, .box > .b
{
	background: url('/images/boxes/horz.png');
}
.box > .l, .box > .r
{
	background: url('/images/boxes/vert.png');
}

.box > .tl, .box > .t, .box > .tr
{
	top: 0;
}
.box > .tl
{
	background-position: 0 0;
	height: 15px;
	left: 0;
	width: 15px;
}
.box > .t
{
	background-position: 0 0;
	height: 5px;
	left: 15px;
	right: 15px;
}
.box > .tr
{
	background-position: -15px 0;
	height: 15px;
	right: 0;
	width: 15px;
}
.box > .l
{
	background-position: 0 0;
	bottom: 12px;
	left: 0;
	top: 15px;
	width: 7px;
}
.box > .r
{
	background-position: -7px 0;
	bottom: 15px;
	right: 0;
	top: 15px;
	width: 7px;
}
.box > .bl, .box > .b, .box > .br
{
	bottom: 0;
}
.box > .bl
{
	background-position: 0 -18px;
	height: 12px;
	left: 0;
	width: 15px;
}
.box > .b
{
	background-position: 0 -5px;
	height: 6px;
	left: 15px;
	right: 15px;
}
.box > .br
{
	background-position: -15px -15px;
	height: 15px;
	right: 0;
	width: 15px;
}

.box.wtab
{
	margin-top: 33px;
}
.box.padded
{
	padding: 15px;
}
.box > .tab
{
	float: left;
	height: 33px;
	left: 0;
	position: absolute;
	top: -33px;
}
.box > .tab > .l, .box > .tab > .c, .box > .tab > .r
{
	background: url('/images/titles/background-tab.png');
	bottom: 0;
	position: absolute;
	top: 0;
}
.box > .tab > .l
{
	left: 0;
	width: 23px;
}
.box > .tab > .c
{
	background-position: 0 -33px;
	left: 23px;
	right: 65px;
}
.box > .tab > .r
{
	background-position: 0 -66px;
	right: 0;
	width: 65px;
}
.box > .tab > img
{
	padding: 10px 30px 10px 10px;
	position: relative;
}
.box > .tab2
{
	float: right;
	height: 22px;
	position: absolute;
	right: 0;
	top: -22px;
}
.box > .tab.inactive > .l
{
	background-position: 0 -99px;
	left: 0;
	width: 23px;
}
.box > .tab.inactive > .c
{
	background-position: 0 -132px;
	left: 23px;
	right: 65px;
}
.box > .tab.inactive > .r
{
	background-position: 0 -165px;
	right: 0;
	width: 65px;
}

/* #endregion */

/* #region Letters */

span.letter
{
	background: url('/images/letters.gif');
	display: block;
	float: left;
	height: 35px;
	margin: 0 7px;
	vertical-align: text-top;
	width: 37px;
}
span.letter.a
{
	background-position: 0 0;
}
span.letter.b
{
	background-position: -37px 0;
}
span.letter.c
{
	background-position: -74px 0;
}
span.letter.d
{
	background-position: -111px 0;
}
span.letter.e
{
	background-position: -148px 0;
}
span.letter.f
{
	background-position: -185px 0;
}
span.letter.g
{
	background-position: 0 -35px;
}
span.letter.h
{
	background-position: -37px -35px;
}
span.letter.i
{
	background-position: -74px -35px;
}
span.letter.j
{
	background-position: -111px -35px;
}
span.letter.k
{
	background-position: -148px -35px;
}
span.letter.l
{
	background-position: -185px -35px;
}
span.letter.m
{
	background-position: 0 -70px;
}
span.letter.n
{
	background-position: -37px -70px;
}
span.letter.o
{
	background-position: -74px -70px;
}
span.letter.p
{
	background-position: -111px -70px;
}
span.letter.q
{
	background-position: -148px -70px;
}
span.letter.r
{
	background-position: -185px -70px;
}
span.letter.s
{
	background-position: 0 -105px;
}
span.letter.t
{
	background-position: -37px -105px;
}
span.letter.u
{
	background-position: -74px -105px;
}
span.letter.v
{
	background-position: -111px -105px;
}
span.letter.w
{
	background-position: -148px -105px;
}
span.letter.x
{
	background-position: -185px -105px;
}
span.letter.y
{
	background-position: 0 -140px;
}
span.letter.z
{
	background-position: -37px -140px;
}

/* #endregion */

/* #region press */
span.pdf {
    background: url('/images/pages/press/pdf-icon.png');
    display: block;
    float: left;
    height: 26px;
    margin: 0 7px;
    vertical-align: text-top;
    width: 26px;
}
/* #endregion */

/* #region Home */

#home_coming_soon, #home_now_available
{
	float: left;
	width: 273px;
}
#home_coming_soon
{
	margin-right: 21px;
}
#home_coming_soon > a, #home_now_available > a
{
	display: block;
	margin: 4px 7px 2px 7px;
}
#home_coming_soon > img, #home_now_available > img
{
	display: block;
}
#home_news > article
{
	margin: 0 0 20px;
}
#home_news > article > header > h1
{
	color: #E26319;
	display: inline;
	font-size: 1.17em;
	font-weight: bold;
	padding-bottom: 2px;
}
#home_news > article > header > h2
{
	color: #ffffff;
	font-size: 1em;
	margin-top: 0em;
}
#home_news > article > footer
{
	text-align: right;
}

/* #endregion */

/* #region Gameplay */

#features
{
	margin-bottom: 50px;
}
#features ul, #gameplay ul
{
	margin-left: 25px;
}
#features ul li
{
	margin: .5em 0;
}
#gameplay ul li
{
	margin: 1em 0;
}

/* #endregion */

/* #region FAQ */

#faq h2
{
	line-height: 35px;
}
#faq h2 span.letter
{
	margin-right: 4px;
}
#faq dl
{
	clear: both;
	margin: 25px 40px;
}
#faq dl dt
{
	font-weight: bold;
	text-decoration: underline;
}
#faq dl dd
{
	color: #CCC;
}
#faq dl ul
{
	margin: 0 0 1em 25px;
}

/* #endregion */

/* #region Downloads */

#downloads table
{
	width: 100%;
}
#downloads table th
{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.75em;
	text-decoration: underline;
	vertical-align: middle;
	width: 33%;
}
#downloads table th, #downloads table td
{
	text-align: center;
}
#downloads .button
{
	background-image: url('/images/buttons/downloads.png');
	display: inline-block;
	height: 33px;
	width: 152px;
}
#downloads .button.download
{
	background-position: 0 0;
}
#downloads .button.upload
{
	background-position: 0 -33px;
}

/* #region Videos */

#downloads_videos_rebellion .screenshots
{
	margin: 13px 0 -15px;
}
#downloads_videos_rebellion .screenshots a
{
	float: left;
	margin: 0 14px;
}
#downloads_videos_rebellion .screenshots a img
{
	display: block;
	margin: 0 auto 29px;
	padding: 11px 0 0;
}
#downloads_videos_rebellion .screenshots a img:first-child
{
	margin: 0;
	padding: 0;
}

/* #endregion */

/* #region Screenshots */

#downloads_screenshots_rebellion h2
{
	display: block;
	margin: 14px;
	padding: 0 0 5px 0;
	width: 506px;
}
#downloads_screenshots_rebellion .screenshots,
#downloads_screenshots .screenshots
{
	display: inline-block;
	margin-bottom: -14px;
	position: relative;
}
#downloads_screenshots_rebellion .screenshots a,
#downloads_screenshots .screenshots a
{
	display: inline-block;
	margin: 10px 12px;
	position: relative;
}

/* #endregion */

/* #region Logos */

#downloads_logos_rebellion h2 {
    display: block;
    margin: 14px;
    padding: 0 0 5px 0;
    width: 506px;
}

#downloads_logos_rebellion .logos,
#downloads_logos .logos {
    display: inline-block;
    margin-bottom: -14px;
    position: relative;
}

    #downloads_logos_rebellion .logos a,
    #downloads_logos .logos a {
        display: inline-block;
        margin: 10px 12px;
        position: relative;
    }

/* #endregion */

/* #region Artwork */

#downloads_artwork_rebellion h2 {
    display: block;
    margin: 14px;
    padding: 0 0 5px 0;
    width: 506px;
}

#downloads_artwork_rebellion .artwork,
#downloads_artwork .artwork {
    display: inline-block;
    margin-bottom: -14px;
    position: relative;
}

    #downloads_artwork_rebellion .artwork a,
    #downloads_artwork .artwork a {
        display: inline-block;
        margin: 10px 12px;
        position: relative;
    }

/* #endregion */

/* #region New Screenshots */

#downloads_screenshots_new h2 {
    display: block;
    margin: 14px;
    padding: 0 0 5px 0;
    width: 506px;
}

#downloads_screenshots_new .screenshots,
#downloads_screenshots_new .screenshots {
    display: inline-block;
    margin-bottom: -14px;
    position: relative;
}

    #downloads_screenshots_new .screenshots a,
    #downloads_screenshots_new .screenshots a {
        display: inline-block;
        margin: 10px 12px;
        position: relative;
    }

/* #endregion */

/* #region Wallpaper */

#downloads_wallpaper .wallpaper
{
	text-align: center;
}
#downloads_wallpaper .wallpaper.first
{
	margin: 0 0 2em;
}

/* #endregion */

/* #region Buttons */

.sinsbutton
{
	background: url('/images/buttons/sins_buttons.png');
	display: block;
}
.sinsbutton.submit
{
	height: 30px;
	width: 104px;
}
.sinsbutton.buy
{
	background-position: 0 -30px;
	height: 36px;
	width: 96px;
}
.sinsbutton.preorder
{
	background-position: 0 -66px;
	height: 36px;
	width: 126px;
}
.sinsbutton.download
{
	background-position: 0 -102px;
	height: 36px;
	width: 173px;
}
.sinsbutton.upgrade
{
	background-position: 0 -138px;
	height: 36px;
	width: 126px;
}
.sinsbutton.seebundles
{
    background-position: 0 -174px;
	height: 36px;
	width: 134px;
}

/* #endregion */

/* #region Store */

#store a
{
    color: #fff;
}
#store ul
{
    list-style-position: inside;
}
#store h2
{
    color: #ff9a00;
    font-size: 1.6em;
}
#store h2.boxed
{
    background-color: #292929;
    display: block;
    font-size: 1.385em;
    font-weight: bold;
    margin: 0 -15px;
    margin-bottom: 1em;
    padding: 0.5em;
    padding-left: 0.85em;
    width: 102%;
}
#store h2.boxed > span
{
    color: #fff;
    font-weight: normal;
}
#store h3
{
    color: #fff;
    font-size: 1em;
}
#store h4
{
    color: #e26319;
    font-size: 1em;
    font-weight: bold;
}
#store p.sub
{
    margin-top: 0;
}
#store p.collapsed
{
    margin: 0;
}
#store div.community-discount
{
    background-color: #292929;
    display: block;
    margin-left: -8px;
    padding: 1em 0;
    width: 554px;
}
#store div.community-discount h2
{
    color: #e3a726;
    font-size: 1.385em;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0.375em;
    text-align: center;
}
#store div.community-discount p
{
    margin: 0.25em 0;
    font-size: 14px;
    text-align: center;
    padding: 0 1em;
}
#store div.community-discount p span
{
    color: #e3a726;
    font-weight:bold;
}
#store table
{
    margin-bottom: 1em;
}
#store table tr td
{
    vertical-align: top;
}
#store table tr td.ss
{
    width: 150px;
}
#store sup
{
    font-size: 0.6em;
    vertical-align: super;
}
#store p.legal
{
	font-size: 10px;
	line-height: 12px;
}
#store .sinsbutton
{
	float: left;
	margin-right: 5px;
}
#store .price
{
	float: left;
	margin-right: 15px;
	text-align: center;
}
#store .price small
{
	display: block;
	font-size: .8em;
	font-weight: bold;
}
#store .retail
{
    margin-top: 1em;
}
#store .retail a
{
	display: inline-block;
	margin: 0 .8em;
	vertical-align: middle;
}
#store .retail a:first-child
{
	margin-left: 0;
}
#store .requirements
{
    margin-bottom: 2.5em;
    margin-top: 1.6em;
}
#store .requirements p
{
    margin: 0;
}
#store .limitedoffer
{
	float: left;
	height: 54px;
	margin-left: -8px;
	padding: 5px 8px;
	width: 325px;
}
#store .limitedoffer p
{
	margin: 0;
	padding-top: 1px;
}
#store .limitedoffer a 
{
	color: #fff;
	text-decoration: underline;
}
#store .limitedoffer a:hover
{
	text-decoration: none;
}
#store .collectorsleft 
{
	float: left;
	width: 355px;
}
#store .collectorsleft .quantity
{
	background: #bd1600 url('/images/pages/store/limitedoffer_background.jpg') repeat-x top;
	float: left;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	height: 112px;
	margin: 0 18px 18px 0;
	padding-top: 21px;
	text-align: center;
	width: 155px;
}
#store .collectorsleft .quantity div
{
	font-size: 50px;
	line-height: 1.25em;
}
#store .collectorsleft .quantity.soldout
{
	padding-bottom: 4px;
	padding-top: 5px;
}
#store .collectorsleft .quantity.soldout div
{
	line-height: 1.1em;
}
#store .collectorsleft h3
{
	color: #e26319;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: 1.0em;
}
#store .collectorsleft h4
{
	color: #e26319;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: .5em;
}
#store .collectorsleft p
{
	margin: 0;
	margin-bottom: 10px;
}
#store .collectorsleft p.small
{
	font-size: .8em;
	line-height: 1.5em;
}
#store .collectorsleft ul li
{
	list-style-position: inside;
	line-height: 1.65em;
	padding-left: 2px;
}
#store .collectorsleft a
{
	color: #e26319;
	text-decoration: underline;
}
#store .collectorsleft a:hover
{
	text-decoration: none;
}
#store .collectorsright
{
	float: left;
	margin-left: 28px;
	margin-top: 5px;
}
#store .collectorsright .sinsbutton
{
	float: none;
	margin: 0 auto;
}
#store .collectorsright .price
{
	float: none;
	margin: 0 auto;
}
#store .purchaseoptions
{
	display: block;
}
#store .purchaseoptions.fullwidth
{
	display: block;
	float: none;
	margin: 1em 0;
	width: 100%;
}
#store .purchaseoptions .sinsbutton
{
	display: block;
	margin: 0 auto;
    margin-right: 1em;
}
    #store .purchaseoptions .price {
        font-size: 1.5em;
        line-height: 2em;
        margin: 0 15px 0 0;
    }
#store .purchaseoptions .price .price2 {
    display: inline-block;
    line-height: normal;
}
#store .purchaseoptions .price .price2 strike {
    font-size: .613em;
    color: gray;
    display: block;
}
#store .product ul
{
	list-style-position: outside;
    margin: 1em 0 1.5em;
	padding-left: 1.4em;
}

    #store .product ul li
    {
        margin: 0.385em 0;
    }

        #store .product ul li.sub {
            list-style: none;
        }

#store .product .requirements ul
{
    margin-top: 0;
}
#store .product .requirements ul li
{
    margin: 0;
}
#store .product table tr td.ss a:not(:last-child)
{
    display: inline-block;
    margin-bottom: 0.8em;
}
#store #rebellion_ce ul
{
    float: left;
    list-style-position: outside;
    margin-left: 1.5em;
    margin-bottom: 1.25em;
    width: 200px;
}
#store #rebellion_ce ul:nth-of-type(1)
{
    width: 240px;
}
#store #rebellion_ce ul li
{
    line-height: 1.5em;
}
#store #rebellion_ce img#ce_ss
{
    margin-bottom: 1em;
}
#store #rebellion_ce a
{
    color: #fff;
    text-decoration: underline;
}
#store select{
	background: url(/images/br_down2.png) no-repeat right #5A5A5A;
	background-position-x: 124px;
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 13px;
	height: 34px;
	padding: 5px;
	-webkit-appearance: none;
	width: 148px;
}
#preorder .sinsbutton
{
	clear: right;
	float: right;
}
#preorder .type
{
	clear: right;
	color: #888;
	float: right;
	font-size: 10px;
	margin-right: 23px;
}
#preorder .price
{
	font-size: 16px;
}
#preorder .price .originalprice
{
	color: Red;
	font-size: 11px;
	text-decoration: line-through;
}
#store .includes ul
{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}
#store .includes li
{
	font-weight: bold;
	list-style: none outside none;
	text-align: center;
}
#store .includes li img
{
	display: block;
	margin: 0 auto;
}
#store .includes li sup {
	font-size: 1.25em;
	font-weight: normal;
}
/* #endregion */

/* #region Lore */

#lore_races .tab:hover
{
	cursor: pointer;
	cursor: hand;
}
#lore_races .tab img
{
	display: block;
	margin: 0 auto;
}
#lore_timeline, #lore_racesstory
{
	margin-bottom: 17px;
}
#lore_races
{
	margin-top: 50px;
}

#lore_timeline h2
{
	background: url('/images/pages/lore/titles.png') no-repeat;
	margin: 2em 0 1.5em;
}
#lore_timeline h2 span
{
	display: none;
}
#lore_timeline h2.y10000
{
	background-position: 0 0;
	height: 16px;
	width: 114px;
}
#lore_timeline h2.y1000
{
	background-position: 0 -16px;
	height: 16px;
	width: 106px;
}
#lore_timeline h2.y30
{
	background-position: 0 -32px;
	height: 15px;
	width: 89px;
}
#lore_timeline h2.y20
{
	background-position: 0 -47px;
	height: 19px;
	width: 243px;
}
#lore_timeline h2.y15
{
	background-position: 0 -66px;
	height: 19px;
	width: 334px;
}
#lore_timeline h2.y5
{
	background-position: 0 -85px;
	height: 19px;
	width: 355px;
}
#lore_timeline h2.ynow
{
	background-position: 0 -104px;
	height: 19px;
	width: 246px;
}

/* #endregion */

/* #region Update */

#update .sinsbutton { float: right; margin-top: 1em; }

/* #endregion */

/* #region Create Account */

.signup fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
	width: 540px;
}
.row label
{
	clear: left;
	float: left;
	width: 140px;
}
.row input
{
	clear: right;
	float: left;
	padding: 2px 0 0 2px;
}
.row .info
{
	color: #666;
	clear: left;
	font-size: .9em;
	margin: 2px 0 10px 142px;
	padding-left: 0px;
}
#createaccount a
{
	color: #FF9A00;
	text-decoration: underline;
}
#createaccount a:hover
{
	color: #FFF;
}
#createaccount h2
{
	color: #FF9A00;
}

/* #endregion */

/* #region Rebellion Collector's Edition */

#rebcollect .overlay
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)";
	filter: alpha(opacity=2);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#rebcollect h2
{
	font-size: 18px;
}
#rebcollect h3
{
	color: #e26319;
	font-size: 15px;
	margin-top: 16px;
}
#rebcollect .icon
{
	float: left;
	overflow: hidden;
	width: 96px;
}

#rebcollect .SocialMediaFacebook
{
	width: 87px;
}

#rebcollect ul
{
	list-style-position: inside;
}

#rebcollect ul li
{
	margin-left: 18px;
}

#rebcollect img.thumb
{
	border: 1px solid #3c3c3c;
	float: left;
	margin: 3px 25px 0 0;
}

#rebcollect .collectorsleft 
{
	float: left;
	margin-top: 18px;
}
#rebcollect .collectorsleft .quantity
{
	background: #bd1600 url('/images/pages/store/limitedoffer_background.jpg') repeat-x top;
	float: left;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	height: 127px;
	margin: 5px 18px 18px 0;
	padding-top: 33px;
	text-align: center;
	width: 155px;
}
#rebcollect .collectorsleft .quantity div
{
	font-size: 50px;
	line-height: 1.25em;
}
#rebcollect .collectorsleft .quantity.soldout
{
	padding-bottom: 4px;
	padding-top: 20px;
}
#rebcollect .collectorsleft .quantity.soldout div
{
	line-height: 1.1em;
}

#rebcollect p.small
{
	font-size: 10px;
	line-height: 12px;
}

#rebcollect div.newcustomer
{
	border-left: 1px solid #414141;
	float: left;
	padding-left: 30px;
	width: 230px;
}

#rebcollect div.newcustomer p
{
	margin: 5px;
}

#rebcollect div.newcustomer ol
{
	list-style-position: outside;
	margin-left: 25px;
}
#rebcollect div.newcustomer ol li
{
	margin: 5px 0;
}

#rebcollect div.upgradecustomer
{
	float: left;
	padding-right: 20px;
	width: 251px;
}

#rebcollect div.upgradecustomer p
{
	margin: 5px 0;
}

#rebcollect .price
{
	float: left;
	font-size: 25px;
	margin: 20px 0 0 10px;
	text-align: center;
	width: 115px;
}

#rebcollect .price strike
{
    color: #f00;
    font-size: 13px;
}

#rebcollect .price small
{
	display: block;
	font-size: 12px;
	font-weight: bold;
}

#rebcollect .smallprice
{
	float: left;
	width: 135px;
}

#rebcollect .ss
{
	float: left;
	margin-right: 1px;
	text-align: center;
	width: 98px;
}

#rebcollect .ss2
{
	float: left;
	margin-right: 1px;
	text-align: center;
	width: 200px;
}

#rebcollect .sinsbutton
{
	float: left;
	margin: 20px 0 0 0;
}

#rebcollect .requirements
{
	margin: 25px 0;
}

#rebcollect .requirements h2
{
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}

/* #endregion */

/* #region Collector's Edition Order Status */

#orderstatus h2
{
	color: #e95f2d;
	font-size: 25px;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	margin-bottom: 0;
}

#orderstatus .button
{
	cursor: pointer;
}

#orderstatus input
{
	height: 33px;
	margin-bottom: 17px;
	padding-left: 13px;
	width: 200px;
}

#orderstatus label
{
	cursor: text;
}

#orderstatus > div.option
{
	float: left;
	width: 200px;
}

#orderstatus > div.option p
{
	margin: 5px 0;
}

#orderstatus > div.option > span
{
	position: relative;
}

#orderstatus > div.option > span > label
{
	color: #7f7f7f;
	line-height: 36px;
	margin-left: 13px;
	position: absolute;
}

/* #endregion */

/* #region Order Status Popup */
div.popup
{
	left: 50%;
	position: absolute;
	text-align: center;
	top: 15%;
	z-index: 99;
}
div.popup h2
{
	color: #e95f2d;
	font-size: 20px;
	font-family: "Trebuchet MS Gothic", Arial;
}
#_AcceptPopup
{
	height: 100px;
	margin-left: -340px;
	top: 40%;
	width: 650px;
}
#_CancelPopup
{
	margin-left: -284px;
	text-align: left;
	width: 543px;
}
#_CancelPopup p
{
	font-size: 11px;
}
#_CancelPopup h2
{
	text-align: center;
}
#_CancelledPopup
{
	height: 100px;
	margin-left: -390px;
	text-align: center;
	top: 45%;
	width: 750px;
}
#_CancelledPopup h2
{
	text-align: center;
}
#_ErrorPopup
{
	height: 120px;
	margin-left: -340px;
	top: 45%;
	width: 650px;
}
#_throbber
{
	left: 50%;
	margin: -11px 0 0 -63px;
	position: absolute;
	top: 50%;
	z-index: 98;
}
div.popup .close
{
	bottom: 10px;
	position: absolute;
	right: 15px;
	text-decoration: underline;
}

/* #endregion */
#store a.expand_btn
{
    color: #ff9a00;
}
.details
    {
	    display: none;
    }