/** 
    Resetting is based on Eric Meyer's Reset CSS, Public Domain.
    http://meyerweb.com/eric/tools/css/reset/
**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	margin: 0;
	outline: 0;
	outline: none;
	padding: 0;
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

html {
	height: 100%;
}

body {
    background: #1e1e1e url(/static/images/takeover.jpg) repeat-y center top;
    color: #fff;
	font-size: 10px;
	height: 100%;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del, .strikethrough {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    color: #fff;
    text-decoration: none;
}

hr {
    margin: 20px 0;
}

.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}

p.large {
    font-size: 1.2em;
    line-height: 1.4em;
}

p.large a {
    text-decoration: underline;
}


/** Widgets. **/
div.whitestars {
    background: transparent url(/static/images/small_white_stars.png) no-repeat scroll left;
    margin: 0;
    padding: 0;
    height: 14px;
    width: 122px;
}

div.stars {
    background: transparent url(/static/images/small_stars.png) no-repeat scroll left;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 122px;
}

a.buy, input.buy, a.prepurchase, input.prepurchase, a.buy_large, input.buy_large, a.prepurchase_large, input.prepurchase_large {
    background: transparent url(/static/images/buttons/buy_small.png) no-repeat scroll 0px 0px;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none!important;
    text-transform: uppercase;
    vertical-align: middle;
    width: 57px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

a.prepurchase, input.prepurchase {
    background-image: url(/static/images/buttons/prepurchase_small.png);
}

a.prepurchase.small, input.prepurchase.small {
    font-size: 0.8em;
    height: 22px;
    line-height: 1.1em;
    padding-top: 4px;
}

a.buy:hover, a.prepurchase:hover {
    text-decoration: none!important;
}

a.buy:active, input.buy:active, a.prepurchase:active, input.prepurchase:active {
    background-position: 0px -26px;
}

a.buy_large, input.buy_large {
    background: transparent url(/static/images/buttons/buy.png) no-repeat scroll 0px 0px;
    height: 33px;
    font-size: 1.9em;
    line-height: 33px;
    width: 75px;
}

a.buy_large:active, input.buy_large:active {
    background-position: 0px -33px;
}

a.prepurchase_large, input.prepurchase_large {
    background: transparent url(/static/images/buttons/prepurchase.png) no-repeat scroll 0px 0px;
    height: 26px;
    font-size: 1em;
    line-height: 26px;
    width: 120px;
}

a.prepurchase_large:active, input.prepurchase_large:active {
    background-position: 0px -26px;
}

a.button {
    line-height: 23px;
    text-align: center;
    text-decoration: none!important;
}

a.button:hover {
    text-decoration: none!important;
}

span.symbol {
    font-family: Times New Roman, Times, serif;
}


/** Password strenght indicator. **/
span.password_strength {
    color: #1e1e1e;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: -10px;
    margin-top: -4px;
    width: 329px;
}
span.password_strength_1 {
    background-color: #d80e27;
    display: block;
    padding: 5px 10px;
    width: 89px;
}
span.password_strength_2 {
    background-color: #ef9431;
    display: block;
    padding: 5px 10px;
    width: 149px;
}
span.password_strength_3 {
    background-color: #d8e8c5;
    display: block;
    padding: 5px 10px;
    width: 209px;
}
span.password_strength_4 {
    background-color: #8fc14c;
    display: block;
    padding: 5px 10px;
    width: 269px;
}
span.password_strength_5 {
    background-color: #73b32c;
    display: block;
    padding: 5px 10px;
    width: 331px;
}


/** Wrapper. **/
div.wrapper {
	height: 100%;
	margin: 0px auto;
	width: 864px;
}

div.contentwrapper {
    background: transparent url(/static/images/background.png) repeat scroll top;
    height: auto!important;
    min-height: 100%;
    width: 864px;
}

div.notes {
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 25px;
}

div.markdown {
    line-height: 1.3em;
}

div.markdown p {
    margin: 7px 0px;
}

div.markdown a {
    text-decoration: underline;
}

div.markdown ul {
    margin-left: 15px;
}

div.markdown ul li {
    list-style-position: outside;
    list-style-type: disc;
}

div.markdown ol li {
    list-style-position: outside;
    list-style-type: decimal;
}

div.markdown li li {
    margin-left: 15px;
}


/** Main navigation. **/
div.nav {
	height: 22px;
	margin-bottom: 2px;
	margin-right: 7px;
	text-align: right;
}

div.nav a {
    text-transform: uppercase;
}

div.nav a:hover {
    text-decoration: underline;
}


/** Header. **/
div#header {
    background-color: #1e1e1e;
    height: 112px;
    padding: 8px 0px 0px 17px;
    position: relative;
    width: 847px;
}

div#header div.right {
    background: none;
    height: 112px;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 440px;
}

div#header div.right p {
    font-size: 1.2em;
    margin-right: 7px;
}

div#header div.right p a {
    font-weight: bold;
}

div#header div.right p a:hover {
    text-decoration: underline;
}

div#header a.support {
    display: block;
    height: 43px;
    left: 280px;
    position: absolute;
    width: 150px;
}

/** User tools. **/
div.usertools {
    background: transparent url(/static/images/corners.png) no-repeat scroll 0px 0px;
    bottom: 32px;
    font-size: 1.2em;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding-left: 25px;
    position: absolute;
    right: 0px;
    width: 400px;
}

div.usertools div.inner {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px 0px;
    height: 32px;
    width: 100%;
}

div.usertools div.inner b {
    margin-right: 15px;
}

div.usertools div.inner span {
    background: transparent url(/static/images/dividers.png) no-repeat scroll right top;
    padding: 0px 22px 0px 16px;
}

div.usertools div.inner span.last {
    background: none;
    padding-right: 0px;
}


/** Menu. **/
div.menu {
    background: transparent url(/static/images/corners.png) no-repeat scroll 593px -66px;
    color: #1e1e1e;
    height: 32px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    padding-right: 25px;
    width: 593px;
}

div.menu div.inner {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px -64px;
    height: 100%;
    padding-left: 10px;
}

div.menu div.inner a, div.menu div.inner span {
    background: transparent url(/static/images/dividers.png) no-repeat scroll 100% -18px;
    color: #1e1e1e;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 32px;
    padding: 0px 22px 0px 16px;
    text-transform: uppercase;
}

div.menu div.inner span.last {
    padding-right: 0px;
}

div.menu div.inner a.last, div.menu div.inner span.last, div.menu div.inner span.symbol {
    background: none!important;
}

div.menu div.inner span.symbol {
    padding: 0px 5px 0px 0px!important;
}

div.menu div.inner a:hover {
    color: #878787;
}

div.menu div.inner a.selected {
    color: #73b21f;
}

div.menu div.inner span {
    color: #8e8e8e;
}

div.menu div.inner span.selected {
    color: #1e1e1e;
}

div.menu.right {
    background: transparent url(/static/images/corners.png) no-repeat scroll 0px -99px;
    height: 32px;
    padding: 0px 0px 0px 25px;
    text-align: center;
    width: 221px;
}

div.menu.right div.inner {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px -64px;
    height: 32px;
    width: 221px;
    padding: 0;
}

div.menu.right div.inner a {
    padding: 0px;
}


/** Browse. **/
div.browse {
    margin-bottom: 20px;
    padding: 0px 25px;
    overflow: hidden;
    width: 569px;
    height: 14px;
}

div.browse span {
    font-size: 1.2em;
}

div.browse a {
    background: none!important;
    padding: 0px 5px;
}

div.browse a:hover, div.browse a.selected {
    background: none!important;
    color: #76bb30;
}


/** Messages. **/
div.message {
    background-color: #f39325;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 10px;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0px 25px 20px 25px;
    padding: 15px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.message a {
    background-image: none!important;
    text-decoration: underline;
}


/** Columns. **/
div.content div.column.left {
    background-image: none!important;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 619px;
}

div.content div.column.right {
    background-image: none!important;
    height: 100%;
    margin: 0;
    padding: 0px 23px;
    width: 199px;
}


/** Containers. **/
div.container {
    margin-bottom: 15px;
    overflow: hidden;
}

div.container h1 {
    font-size: 2em;
    margin-bottom: 12px;
    margin-top: 10px;
}

div.container div.title {
    background: transparent url(/static/images/corners.png) no-repeat scroll right -132px;
    color: #1e1e1e;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0;
    padding-right: 25px;
}

div.container div.title a {
    color: #1e1e1e;
}

div.container div.inner {
    background-color: #1e1e1e;
    border-top: 2px solid #d3d3d3;
    clear: left;
    height: 100%;
    overflow: hidden;
    padding: 25px;
}

div.container div.inner.high {
    height: auto!important;
    height: 500px;
    min-height: 500px;
}

div.container div.inner.xlarge {
    font-size: 1.4em;
    line-height: 1.8;
}

div.container div.inner.xlarge a:hover {
    text-decoration: underline;
}

div.container div.title div.inner {
    background: #d3d3d3 url(/static/images/bars.png) repeat-x scroll 0px -96px;
    border: 0;
    clear: none;
    height: auto;
    line-height: 23px;
    margin: 0;
    padding: 0px 15px 0px 25px;
}

div.container div.title div.inner a:hover {
    color: #878787;
}

div.container div.inner div.right {
    text-align: left;
}


/** Top bar. **/
div.topbar {
    background: transparent url(/static/images/corners.png) no-repeat scroll 0px -156px;
    float: right;
    height: 23px;
    margin: -25px -25px 4px 0px;
    padding-left: 25px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

div.topbar div.inner {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px -119px;
    border: 0;
    clear: none;
    color: #1e1e1e;
    height: 23px;
    line-height: 23px;
    padding: 0px 25px 0px 22px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

div.topbar b {
    font-size: 1.2em;
    font-weight: bold;
    padding-right: 7px;
}

div.topbar a {
    color: #1e1e1e;
    padding: 0px 3px;
}

div.topbar a:hover, div.topbar a.selected {
    color: #64a622;
}


/** Tables. **/
div.table {
    font-size: 1.2em;
    margin-top: 20px;
    position: relative;
    width: 100%;
}

div.table table {
    width: 100%;
}

div.table table caption {
    font-size: 2em;
    padding-bottom: 12px;
    text-align: left;
}

div.table table th {
    background-color: #515151;
    border: 1px solid #515151;
    font-weight: normal;
    padding: 7px 0px 7px 27px;
    text-align: left;
    vertical-align: middle;
}

div.table table th.header {
    background: #515151 url(/static/images/tbg.png) no-repeat scroll 12px 6px;
    cursor: pointer;
}
div.table table th.header.headerSortDown {
    background-image: url(/static/images/tasc.png);
    background-position: 12px 8px;
}
div.table table th.header.headerSortUp {
    background-image: url(/static/images/tdes.png);
}

div.table table th.num {
    text-align: center;
}

div.table table td {
    border: 1px dotted #a3a3a3;
    padding: 14px 20px;
    vertical-align: middle;
}

div.table table td.date, div.table table td.checkbox {
    text-align: center;
    width: 90px;
}

div.table table td.num {
    text-align: right;
    width: 90px;
}

div.table table td.last {
    border-right-color: #1e1e1e;
}

div.table td a:hover {
    text-decoration: underline;
}

div.table table td.alignright {
    text-align: right!important;
}

/** Pager. **/
div.table div.pager {
    position: absolute;
    right: 0px;
    top: 10px;
}

div.table div.pager input.pagedisplay {
    background-color: transparent;
    border: 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 42px;
}

div.table div.pager a {
    font-size: 1.4em;
}

/** Totals. **/
div.table div.totals {
    position: relative;
}

div.table div.totals table {
    margin-top: 20px;
    width: 100%;
}

div.table div.totals table th {
    background-color: transparent;
    border: 0;
    font-weight: bold;
    padding: 10px 20px;
    text-align: right;
}

div.table div.totals table td {
    border: 0;
    padding: 10px 20px;
    font-weight: bold;
}

div.table div.totals table th.text {
    font-weight: normal;
    line-height: 1.2em;
    padding-left: 200px;
    text-align: left;
    width: auto;
}


/** Carousel. **/
div#carousel div.screen {
    display: block;
    height: 223px;
    width: 434px;
}

div#carousel div.screen.hidden {
    display: none;
}

div#carousel div.screen img, div#carousel div.screen a {
    border: 1px solid #858585;
    display: block;
    height: 223px;
    width: 434px;
}

div#carousel div.screen a img {
    border: 0;
}

div#carousel div.screen a:hover, div#carousel a:hover, div#carousel a.selected {
    border-color: #f7931e;
}

div#carousel ul {
    float: right;
    height: 228px;
    overflow: hidden;
    width: 116px;
}

div#carousel ul li {
    display: block;
    height: 47px;
    width: 116px;
}

div#carousel ul li a {
    border: 1px solid #858585;
    display: block;
    height: 35px;
    width: 112px;
}

div#carousel ul li a img {
    height: 35px;
    width: 112px;
}


/** Offer boxes. **/
div.offerbox {
    margin-bottom: 23px;
    width: 199px;
}

div.offerbox a, div.offerbox div {
    background-color: #858585;
    color: #fff;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 1px;
    text-align: left;
    width: 197px;
}

div.offerbox a:hover {
    background-color: #f7931e;
}

div.offerbox a span {
    padding: 2px;
    line-height: 1.4em;
}

div.offerbox a img {
    display: block;
    width: 197px;
}


/** Product rows. **/
ul.productrow, ul.promorow {
    margin-bottom: -7px;
    margin-right: -27px;
}

ul.promorow {
    margin-bottom: 0px;
    margin-top: 15px;
}

ul.productrow li, ul.promorow li {
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 27px;
    vertical-align: top;
    width: 122px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

ul.productrow li p, ul.promorow li p {
    margin-bottom: 6px;
}

ul.productrow li img, ul.promorow li img {
    height: 174px;
    width: 122px;
}

ul.productrow li a:hover, ul.promorow li a:hover {
    text-decoration: underline;
}

ul.productrow li p.price, ul.promorow li p.price {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 3px;
}


/** Product list. **/
div.container div.product {
    border-bottom: 2px dotted #a3a3a3;
    font-size: 1.2em;
    height: 103px;
    padding: 17px 0px;
}

div.container div.product.last {
    border: 0;
    padding-bottom: 0px;
}

div.container div.product p {
    margin-bottom: 6px;
}

div.container div.product a:hover {
    text-decoration: underline;
}

div.container div.product b {
    font-size: 1.16em;
}

div.container div.product div {
    float: left;
    height: 103px;
}

div.container div.product div.boxart {
    width: 85px;
}

div.container div.product div.boxart a, div.container div.product div.boxart img {
    display: block;
    height: 100px;
    width: 70px;
}

div.container div.product div.info {
    overflow: hidden;
    width: 315px;
    white-space: nowrap;
}

div.container div.product div.whitestars {
    height: 14px;
    margin-top: 10px;
}

div.container div.product div.stars {
    height: 14px;
}

div.container div.product div.price {
    float: right;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    width: 146px;
}

div.container div.product div.price div {
    float: none;
    height: 77px;
    width: 146px;
}

div.container div.product a.buy {
    font-size: 1.2em;
}


/** Sorter. **/
div.topbar.sorter b {
    font-size: 1.2em;
    font-weight: bold;
    padding-right: 7px;
}

div.topbar.sorter a {
    background: transparent url(/static/images/bg.gif) no-repeat scroll -6px 2px;
    color: #1e1e1e;
    padding: 0px 0px 0px 19px;
    text-transform: capitalize;
}

div.topbar.sorter a.asc {
    background-image : url(/static/images/asc.gif);
    background-position: -6px 4px;
}

div.topbar.sorter a.des {
    background-image : url(/static/images/des.gif);
    background-position: -6px 4px;
}


/** Paginator. **/
div.paginator {
    font-size: 1.1em;
    float: right;
    height: 23px;
    line-height: 23px;
}

div.paginator span {
    text-decoration: underline;
}

div.paginator a:hover {
    text-decoration: underline;
}


/** Product profile. **/
div.container div.profile {
    font-size: 1.2em;
    height: 100%;
    min-height: 400px;
}

/** Box art. **/
div.container div.profile div.boxart {
    float: left;
    height: 295px;
    margin: 0;
    padding: 0;
    width: 210px;
}

div.container div.profile div.boxart img.boxart {
    height: 272px;
    width: 190px;
}

/** Share links. **/
div.container div.profile div.boxart div.sharelinks {
    height: 25px;
    padding-top: 10px;
}

div.container div.profile div.boxart div.sharelinks span.FBConnectButton {
    position: relative;
    bottom: 5px;
}

div.container div.profile div.boxart div.sharelinks a.delicious {
    margin-left: 3px;
}

div.container div.profile div.boxart div.sharelinks span.db-digger {
    display: inline-block;
    /** For IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

/** Product info. **/
div.container div.profile div.info {
    float: left;
    width: 359px;
}

div.container div.profile div.info a:hover {
    text-decoration: underline;
}

div.container div.profile div.info div.top {
    height: auto!important;
    height: 152px;
    min-height: 152px;
    position: relative;
    width: 359px;
}

div.container div.profile div.top span.offer, div.product div.info span.offer {
    background: #EBA538;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #ddd #777 #777 #ddd;
    color:#fff;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 47px;
    width: 180px;
}

div.product div.info span.offer {
    left: 0px;
    position: relative!important;
    top: 10px;
}

div.container div.profile div.info div.top p {
    border-bottom: 2px dotted #a3a3a3;
    padding: 7px 0px;
}

div.container div.profile div.info div.top p span.small {
    font-size: 0.9em;
}

div.container div.profile div.info div.top span.large {
    font-size: 1.16em;
    font-weight: bold;
}

div.container div.profile div.info div.top h1 {
    font-size: 1.9em;
    line-height: 21px;
    margin-bottom: 10px;
    margin-top: 0;
}

div.container div.profile div.info div.top span.prices {
    margin-left: 5px;
    position: relative;
    top: 8px;
}

div.container div.profile div.info div.top a.buy_large {
    font-size: 1.6em!important;
    margin: 0px 0px 5px 0px;
}

div.container div.profile div.info div.bottom {
    height: 115px;
    line-height: 1.2;
    margin-top: 10px;
    position: relative;
    width: 359px;
}

div.container div.profile div.info div.bottom p {
    margin-bottom: 5px;
}

div.container div.profile div.info div.bottom img.agerating {
    bottom: 5px;
    position: absolute;
    right: 0px;
}

/** Markdown. **/
div.container div.profile div#description {
    margin: 25px 0px;
}

/** Media. **/
div.container div.profile div.media {
    height: auto!important;
    height: 233px;
    min-height: 233px;
    width: 100%;
}

div.container div.profile div.media div.left {
    height: 100%;
    width: 402px;
}

/** Video. **/
div.container div.profile div.media div.left div#video {
    border: 1px solid #444;
    display: none;
    margin-bottom: 25px;
    padding: 0;
    width: 373px;
}

div.container div.profile div.media div.left div#video div {
    padding: 40px 0px;
    text-align: center;
    width: 100%;
}


/** Screenshots. **/
div.container div.profile div.media div.right {
    margin: 0;
    padding: 0;
    width: 163px;
}

div.container div.profile a.screenshot {
    display: block;
    height: 97px;
    width: 163px;
    margin-bottom: 12px;
}

div.container div.profile a.screenshot img {
    display: block;
    width: 163px;
}

/** Requirements. **/
div.requirements {
    color: #acacac;
    padding-right: 25px;
}

div.requirements p.title {
    font-weight: bold;
    margin-bottom: 5px;
}

div.requirements div.markdown {
    margin-bottom: 25px;
}


/** Forms. **/
div.form {
    font-size: 1.2em;
}

div.form h1 {
    font-size: 2em;
    margin-bottom: 12px;
    margin-top: 0px;
}

div.form p {
    margin-top: 15px;
}

div.form label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

div.form label.checkbox {
    display: inline;
    font-weight: normal;
    margin-bottom: 0px;
}

div.form a {
    text-decoration: underline;
}

div.form a.button {
    text-decoration: none;
}

div.form input {
    background-color: #1e1e1e;
    border: 1px solid #a3a3a3;
    color: #fff;
    font-size: 1.3em;
    height: 23px;
    line-height: 23px;
    margin: 0;
    margin-bottom: 5px;
    vertical-align: middle;
    padding: 4px 10px;
    width: 329px;
}

div.form select {
    font-size: 1.3em;
    width: 350px;
}

div.form textarea {
    background-color: #1e1e1e;
    border: 1px solid #a3a3a3;
    color: #fff;
    font-size: 1.3em;
    height: 75px;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 5px;
    vertical-align: middle;
    padding: 4px 10px;
    width: 329px;
}

div.form input#id_postal_code {
    width: 100px;
}

div.form input.checkbox {
    border: 0;
    height: auto;
    margin-bottom: 0px;
    width: auto;
}

div.form input.button, a.button {
    background: transparent url(/static/images/buttons/button.png) no-repeat scroll 0px 0px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    outline: 0;
    outline: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 53px;
    /** For IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

div.form input.button:active, a.button:active {
    background-position: 0px -23px;
}

div.form input.button.long, a.button.long {
    background: transparent url(/static/images/buttons/long.png) no-repeat scroll 0px 0px;
    width: 93px;
}

div.form input.button.long:active, a.button.long:active {
    background-position: 0px -23px;
}

div.form input.button.orange, a.button.orange {
    background: transparent url(/static/images/buttons/orange.png) no-repeat scroll 0px 0px;
}

div.form input.button.orange:active, a.button.orange:active {
    background-position: 0px -23px;
}

div.form input.button.orange.long, a.button.orange.long {
    background-image: url(/static/images/buttons/orange_long.png);
    width: 93px;
}

div.form input.button.orange.long:active, a.button.orange.long:active {
    width: 93px;
}

div.form form {
    margin-top: 25px;
}

div.form ul.errorlist, div.table ul.errorlist {
    color: #f39325!important;
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

div.form ul.errorlist a {
    color: #f39325!important;
}


/** Search. **/
div.search {
    background: transparent url(/static/images/corners.png) no-repeat scroll 0px -33px;
    bottom: 0px;
    color: #1e1e1e;
    font-size: 1.2em;
    height: 32px;
    margin: 0;
    padding: 0;
    padding-left: 25px;
    position: absolute;
    right: 0px;
    width: 440px;
}

div.search div.inner {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px -32px;
    color: #464646;
    font-weight: bold;
    height: 26px;
    padding: 6px 10px 0px 0px;
    vertical-align: middle;
}

div.search div.inner input.button {
    bottom: 2px;
    position: relative;
}

div.search input#id_search {
    background: #fff url(/static/images/search.gif) no-repeat scroll 4px 5px;
    border: 1px solid #1e1e1e;
    border-bottom-color: #cbcbcb;
    border-right-color: #cbcbcb;
    bottom: 2px;
    color: #000;
    font-size: 1.2em;
    height: 18px;
    line-height: 19px;
    margin: 0px 10px!important;
    padding: 2px 0px 1px 25px;
    position: relative;
    width: 215px;
}


/** Flatpages. **/
div.container div.inner.flatpage {
    font-size: 1.2em;
    line-height: 1.5em;
    width: 569px;
}

div.container div.inner.flatpage h1 {
    line-height: 1.2em;
    margin-top: -5px;
}

div.container div.inner.flatpage h2 {
    margin: 1.4em 0em 1em 0em;
}

div.container div.inner.flatpage p, div.container div.inner.flatpage li {
    list-style-position: outside;
    margin: 10px 0px;
}

div.container div.inner.flatpage ul, div.container div.inner.flatpage ol {
    margin-left: 15px;
}

div.container div.inner.flatpage ul li {
    list-style-type: disc;
}

div.container div.inner.flatpage ol li {
    list-style-type: decimal;
}

div.container div.inner.flatpage img {
    margin: 15px 10px 0px 10px;
}

div.container div.inner.flatpage a {
    text-decoration: underline;
}


/** Download. **/
div.container div.inner div.download {
    clear: both;
    height: 174px;
    margin-bottom: 25px;
    margin-top: 25px;
    width: 100%;
}

div.container div.inner div.download h1 {
    font-size: 1.4em;
    margin: 0;
}

div.container div.inner div.download div.left {
    height: 174px;
    width: 147px;
}

div.container div.inner div.download div.left img {
    height: 174px;
    width: 122px;
}

div.container div.inner div.download div.right {
    height: 174px;
    margin: 0;
    padding: 0;
    width: 422px;
}

div.container div.inner div.download div.right div.top {
    height: 152px;
    margin: 0;
    padding: 0;
    width: 422px;
}

div.container div.inner div.download div.top p {
    font-size: 1.2em;
    margin: 5px 0px;
}

div.container div.inner div.download div.top a:hover {
    text-decoration: underline;
}

div.container div.inner div.download a.button {
    font-size: 1.2em;
}


/** Reservation page. **/
body.reserving {
    background: none;
    background-color: #1e1e1e;
    font-size: 1.4em;
    height: 100%;
    line-height: 3em;
}

div.reserving {
    height: 100%;
    margin: 75px auto;
    width: 800px;
    text-align: center;
}

div.reserving span.timer {
    color: #f7931e;
    font-weight: bold;
}

div.reserving a {
    color: #f7931e;
}

div.reserving a:hover {
    text-decoration: underline;
}


/** Checkout. **/
div#header div.timer, div.smalltimer {
    background-image: none;
    font-size: 1.2em;
    height: 112px;
    margin: 0px 25px 0px 0px;
    text-align: center;
    width: 193px;
    position: absolute;
    right: 0px;
    top: 5px;
}

div#header div.timer p, div.smalltimer p {
    line-height: 1.4;
}

div#header div.timer div.clock, div.smalltimer div.clock {
    background-color: #fff;
    border-radius: 4px;
    color: #1e1e1e;
    font-size: 2.4em;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 9px 36px;
    width: 121px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.timer-parent {
    height: 25px;
    position: relative;
}

div.smalltimer {
    font-size: 1em;
    height: 80px;
    position: absolute;
    top: -40px;
}

div.smalltimer div.clock {
    margin: 2px 36px;
}
div.smalltimer p {
    line-height: 1.2em;
}

div.form.voucher {
    font-size: 1em;
}

div.form.voucher {
    height: 150px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 285px;
}

div.form.voucher input#id_voucher {
    width: 200px;
}

div.form.voucher div#id_voucher_form {
    display: none;
}



/** Confirmation. **/
table.confirm {
    font-size: 1.2em;
    line-height: 1.4;
    width: 593px;
}

table.confirm th {
    border-top: 1px dotted #a3a3a3;
    font-weight: normal;
    padding: 10px 25px;
    text-align: left;
    vertical-align: middle;
}

table.confirm th b.tabbed {
    margin-left: 70px;
}

table.confirm td {
    border-top: 1px dotted #a3a3a3;
    padding: 10px 25px;
    padding-right: 70px;
    text-align: right;
    vertical-align: middle;
}

table.confirm th.total, table.confirm td.total {
    background-color: #515151;
    font-weight: bold;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating {
    background: transparent;
    cursor: pointer;
    display: block;
    overflow: hidden;
    float: left;
    height: 16px;
    text-indent: -999em;
    width: 21px;
}
div.star-rating, div.star-rating a {
    background: url(/static/images/star.png) no-repeat 0 0px;
}
div.rating-cancel a, div.star-rating a {
    background-position: 0 0px;border:0;
    display: block;
    height: 100%;
    width: 21px;
}
div.star-rating-on a {
    background-position: 0 -16px!important;
}
div.star-rating-hover a {
    background-position: 0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a {
    cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
    background: transparent!important;
    overflow: hidden!important;
}

span.star-rating-control {
    display: inline-block;
    height: 16px;
    margin-bottom: 2px;
    vertical-align: middle;
    width: 105px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}


/** Footer. **/
div.footer {
    line-height: 1.6;
    margin-top: 25px;
    padding: 15px;
    position: relative;
    text-align: center;
}

div.footer p {
    width: 65%;
    margin: 0px auto;
}

div.footer table {
    position: absolute;
    right: 15px;
    top: 0px;
}

div.footer a:hover {
    text-decoration: underline;
}


/** Availability. **/
a.availability {
    margin-left: 10px;
}

span.available, span.unavailable {
    color: #76bb30;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

span.unavailable {
    color: #f39325;
}


/** Account. **/
div.account div.table table td {
    vertical-align: top;
}

div.account div.table table td.game {
    padding-right: 5px;
}

div.account div.table table td div.game div.boxart {
    float: left;
    width: 70px;
}

div.account div.table table td div.game div.boxart a img {
    display: block;
    height: 100px;
    width: 70px;
}

div.account div.table table td div.game div.right {
    height: 100px;
    padding: 0;
    width: 205px;
}

div.account div.table table td div.game div.info {
    font-weight: bold;
    height: 78px;
    overflow: hidden;
    width: 205px;
}

div.account div.table table td div.game div.info p {
    margin-bottom: 15px;
}


/** Promo pages. **/
img.banner {
    border-top: 2px solid #d3d3d3;
    display: block;
    height: 150px;
    width: 619px;
}


/** Top sellers. **/
div.topsellers {
    background-color: #1e1e1e;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 23px;
    padding: 0;
}

div.topsellers h2 {
    background: transparent url(/static/images/bars.png) repeat-x scroll 0px -64px;
    color: #1e1e1e;
    height: 32px;
    padding-left: 10px;
    line-height: 32px;
    text-align: left;
    text-transform: uppercase;
}

div.topsellers h2 a {
    color: #1e1e1e;
}

div.topsellers h2 a:hover {
    color: #878787;
}

div.topsellers div {
    border: 1px solid #858585;
    padding: 10px;
    width: 177px;
}

div.topsellers a.item {
    display: block;
    height: auto;
    line-height: 1.4em;
    padding: 3px;
    padding-left: 30px;
    text-align: left;
}

div.topsellers a.item:hover {
    background: #323232;
}

div.topsellers a.item:hover span.name {
    text-decoration: underline;
}

div.topsellers a.item span.number {
    display: inline-block;
    margin-left: -30px;
    padding-right: 10px;
    text-align: right;
    text-decoration: none!important;
    width: 20px;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

div.topsellers p {
    margin-top: 15px;
    text-align: right;
}

div.topsellers p a:hover {
    text-decoration: underline;
}


/** Post affiliate pro. **/
div#pap {
    visibility: hidden;
}


/** Capsule. **/
div.capsule {
    background: transparent url(/static/images/capsule/gradient.png) repeat-x left;
    border: 1px solid #d0d0d0;
    font-size: 1.8em;
    font-weight: bold;
    height: 109px;
    line-height: 1.2em;
    margin-bottom: 4px;
    margin-top: 25px;
}

div.capsule p {
    height: 42px;
    padding: 33px 0px 33px 29px;
    vertical-align: middle;
}

div.capsule img {
    display: block;
    float: left;
    height: 21px;
    padding: 44px 15px;
    width: 40px;
}

div.capsule a {
    background: transparent url(/static/images/capsule/download.png) no-repeat 0px -80px;
    display: block;
    float: left;
    height: 79px;
    margin-top: 15px;
    width: 95px;
}

div.capsule a:active {
    background-position: 0px 0px;
}


/** Client download. **/
div.container div.client {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0px;
}

div.container div.client div.heading {
    background: #72b300 url(/static/images/download/capsule.jpg) no-repeat scroll bottom left;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 207px;
}

div.container div.client div.heading iframe {
    display: none;
}

div.container div.client div.heading h1 {
    font-size: 1.7em;
    height: 47px!important;
    line-height: 47px;
    margin: 0;
    padding: 0;
}

div.container div.client div.heading h2 {
    background-color: #fff;
    color: #000;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 30px;
    margin-left: 140px;
    text-align: left;
}

div.container div.client div.heading p {
    line-height: 1.4em;
    margin-top: 10px;
}

div.container div.client div.heading a {
    font-weight: bold;
    text-decoration: underline;
}

div.container div.client div.inner {
    border: 0;
}

div.container div.client div.inner h1, div.container div.client div.inner table.lpt {
    margin-top: 10px;
}

div.container div.client div.inner h1, div.container div.client div.inner table.lpt caption {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
}

div.container div.client div.inner table.lpt {
    margin-bottom: 40px;
}

div.container div.client div.inner table.lpt caption {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 40px;
    text-align: left;
}

div.container div.client div.inner table.lpt th {
    font-size: 2.5em;
    padding: 0;
    padding-bottom: 5px;
}

div.container div.client div.inner table.lpt td {
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 189px;
}

div.container div.client div.inner table.lpt td p {
    padding: 0px 20px;
    text-align: center;
}

div.container div.client div.inner ol {
    margin: 40px 0px 0px 0px;
}

div.container div.client div.inner ol li {
    list-style: none;
    margin-bottom: 40px;
}

div.container div.client div.inner ol li h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
}

div.container div.client div.inner ol li p {
    margin-left: 42px;
}

div.container div.client div.inner ol li p img {
    margin: 0;
}

div.container div.client div.inner ol li h2 span.number {
    background: transparent url(/static/images/download/circle.png) no-repeat scroll center;
    margin-right: 10px;
    padding: 10px;
}


/** Currencies. **/
div.currencies, div.currencies form, div.currencies, div.currencies form div {
    display: inline-block;
    margin: 0;
    padding: 0;
    /** IE 6 and 7. **/
    *display: inline;
    zoom: 1;
}

div.currencies {
    margin-left: 5px;
}

div.currencies form input.flag {
    height: 11px;
    margin: 0px 2px;
    position: relative;
    top: 1px;
    width: 16px;
}


/** EULAs. **/
div.eula {
    margin-top: 25px;
    width: 706px;
}

div.eula h3 {
    float: left;
    font-size: 1em;
    font-weight: bold;
    width: 80%;
}

div.eula a {
    float: right;
    font-size: 0.9em;
    height: 15px;
}

div.eula a:hover {
    text-decoration: underline;
}

div.eula textarea {
    clear: both;
    height: 120px;
    margin: 5px 0px;
    width: 700px;
}

div.eula input {
    margin-right: 15px;
    width: auto;
}


/** Tooltips. **/
div.tooltip {
    background-color: #1E1E1E;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.4;
    padding: 10px;
    width: 159px;
}

/** Keys. **/
div.keys {
    font-size: 1.2em;
}

div.keys p {
    line-height: 2;
}

div.keys p.key {
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 25px;
}


/** Bundles. **/
div.container div.inner div.bundle div.markdown {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: -10px;
    width: 469px;
}

div.container div.inner div.bundle div.right {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 75px;
}

div.container div.inner div.bundle div.right p {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

div.bundle table.totals {
    font-size: 1.4em;
    margin: 15px 0px;
    text-align: right;
    width: 569px;
}

div.bundle table.totals th, div.bundle table.totals td {
    padding: 8px 0px;
    text-align: right;
}

div.bundle table.totals td {
    text-align: right;
    width: 120px;
}

div.bundle table.totals tr.green th, div.bundle table.totals tr.green td {
    color: #73b21f;
    font-weight: bold;
}