/* Colors */
/* GoldDark: #806517 */
/* GoldLight: #817339 */

    /*  Reset */
html, body, h1, h2, h3, h4, h5, h6, p, fieldset, ul, li, input { padding: 0; margin: 0; }
img, fieldset { border: 0; }


    /*  Global */
html { background-color: #e5e6e6 }
body { font-family: verdana; font-size: 12px; line-height: 18px; background: #fff url("/images/bg_body.png") repeat-x center bottom; }
div.container { width: 990px; margin: auto; overflow: visible; }
div.clearer { clear: both; }

    /*  Navigation */
div#navigation { height: 18px; width: 660px; padding: 0 20px; }
div#navigation ul ul { display: none; }
div#navigation li { float: left; list-style: none; line-height: 18px; padding: 0 10px; }
div#navigation a { font-size: 11px; color: #fff; text-shadow: 1px 1px 1px #000; font-family: Arial; font-weight: bold; text-decoration: none; } /* text-shadow: 2px 2px 2px #000; */
div#navigation a:hover { color: #817339; }

    /*  Header */
div#header { width: 990px; height: 286px; margin: auto; background: url("/images/header/cod4mf.jpg") no-repeat center center; overflow: visible; }

    /*  Branding */
div#branding { height: 45px; padding: 10px; width: 700px; }
div#sitename, div#slogan { display: block; float: left; color: black; }
div#slogan { height: 40px; padding: 5px 20px 0 40px; line-height: 40px; font-family: Arial; font-size: 18px; }
div#slogan a { color: black; text-decoration: none; }
div#slogan a:hover { text-decoration: underline; }

    /*  Search */
div.search { height: 50px; width: 644px; padding: 14px; margin: 10px; background: url("/images/bg_search.png") no-repeat center center; }
div.search fieldset {  width: 100%; }
div.search fieldset input[type="text"] { width: 584px; height: 34px; padding: 10px 5px 5px 8px; border: 0; margin:0; float: left; background-color: transparent; font-family: Arial; font-size: 26px; font-weight: bold; color: white; }
div.search fieldset input[type="text"]:focus { color: white; outline: none; }
div.search fieldset input[type="submit"] { margin: 0; color:red; height: 44px; width: 44px; margin: 3px 2px 0 0; background: transparent url("/images/bg_button-search.png") no-repeat center center;   }
div.search fieldset input[type="submit"]:hover { color:blue;   }


    /*  Content */
div#content { overflow: auto; clear: both;}
div#content ul { padding: 5px 0 15px 20px; }
p { padding: 10px 0; text-align: justify; }
p.notification { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; margin: 10px 0; }
h1, .h1 { display: block; clear: both; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 28px; font-weight: normal; color: #333332; }
h2, .h2 { display: block; border: 1px solid #E5E6E6; clear: both; padding: 5px 10px; margin: 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777777;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: transparent url("/images/bg_h2.png") repeat-x scroll 0 0;
}
h3, .h3 { font-size: 18px; }
h2 + ul { margin-top: 15px; }

div#content-wrapper { background: white url("/images/bg_content-wrapper.png") repeat-x top center; padding-top: 10px;}
div#wrapper { overflow: hidden; height: 200px; background: transparent url("/images/splash/warfare.jpg") no-repeat center center; }

    /*  Ccolumn right */
img#platform-logo { margin-bottom: 20px; }
div#content div.block { margin: 0 0 20px 0; padding: 10px; border: 1px solid #E1E1E1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F7F7F7 none repeat-x top center;
}
div#content div.block ul { list-style: none; padding-left: 0; }
div#content div.column { padding: 20px 10px 40px 10px; }
div#content div.column:first-child { padding-right: 0; }
div#content div.lft { float: left; width:  650px; }
div#content div.rgt { float: right; width: 300px; }

    /*  Hyperlinks */
a { color: #000; text-decoration: underline; }
a:hover { color: #817339; text-decoration: none; }

    /*  Footernavigation */
div#footernavigation { overflow: auto; height: 343px; font-size: 11px; }
div#footernavigation div.block { float: left; width: 227px; padding: 10px; }
div#footernavigation h3 { color: #808080; font-weight: normal; margin: 10px 0 20px 0; font-family: Arial; }
div#footernavigation ul { padding: 0; margin: 0; list-style-type: none; }
div#footernavigation ul li { line-height: 14px; padding-bottom: 5px; }
div#footernavigation ul a { color: #b0b0b0; text-decoration: none; }
div#footernavigation ul a:hover { color: #333333; }

    /*  Footer */
div#footer { clear: both; overflow: visible; height: 15px; line-height: 15px; padding: 10px; height: 64px; color: #808080; font-size: 11px; }
div#footer a { color: #808080; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer div#copyright { float: left; }
div#footer div#extra { float: right;  }
div#footer div#extra ul { padding: 0; margin: 0; float: right; list-style: none; }
div#footer div#extra ul li { padding: 0; margin: 0; float: left; }
div#footer div#extra ul li a { display: block; height: 15px; padding: 0 6px; line-height: 15px; text-decoration: none; }
div#footer div#extra ul li:first-child a { border-left: 0; }
div#footer div#extra ul li a:hover { text-decoration: underline; }
div#footer div#extra ul li.active a { text-decoration: underline; }

    /*  Forms */
fieldset input.button { height: 20px; line-height: 20px; border: 0; color: #FFFFFF; font-size: 18px; font-family: arial; cursor: pointer; }
fieldset input.small { width: 95px; height: 40px; line-height: 40px; margin-top: -10px; background: url("/images/bg_button-small.png"); }
fieldset label { display: block; float: left; height: 18px; width: 200px; margin: 4px 0; }
fieldset input { width: 250px; height: 18px; margin: 4px 0; clear: right; display: block;}
fieldset select { width: 254px; margin: 4px 0;  clear: right;}
input[type="checkbox"] { width: auto; }
input[type="submit"] { width: auto; margin: 15px 114px 15px 0; }
form fieldset textarea, form fieldset input { font-family: verdana; font-size: 12px; }

    /*  Pricing */
ul.pricing { overflow: hidden; list-style: none; overflow: auto; clear: right; padding: 0 0 20px 0 !important; margin: 0 !important; }
ul.pricing li { width: 80px; height: 85px; margin-left: 12px; float: left; padding: 5px; border: 1px solid #E1E1E1;
    background: #F7F7F7 none repeat-x top center;
    text-align: center;
}
ul.pricing li:first-child { margin-left: 0; }
ul.pricing li span { color: #808080; overflow: hidden; padding-bottom: 20px; display: block; font-size: 36px; font-family: Arial; padding-top: 20px; border-top: 1px solid #E1E1E1; margin-top: 5px;  }
ul.pricing li:first-child span { color: black; }

    /*  Score */
span.starbox { padding-top: 3px; }
div.indicator { color: #808080 !important; font-size: 11px; }

    /*  Buy */
a.buy { display: block; float: right; height: 45px; line-height: 45px; width: 147px; text-align: center; font-family: Arial; font-size: 18px; color: white; text-decoration: none; background: transparent url("/images/bg_action-button.png") no-repeat center center; }
a.buy:hover { color: white; }

    /* Group: comments */

#comments {
    overflow: auto;
}

.comment {
    display: block;
    width: 419px;
    margin: 5px 0 0;
    padding-top: 5px;
    float: right;
    background: url(/images/CommentBalloon.png) no-repeat -419px 0;
}

.comment.odd { float: left }

.comment .text {
    color: #57390d;
    background: #F7F7F7; /* #fefcca */
    border: 1px solid #e5e5e5;
    border-width: 0 1px;
    margin: 0;
    padding: 1px 1px 0;
}

.comment .text p { margin: 2px 10px 10px }

.comment p.metadata {
    font-size: 0.8em;
    text-align: center;
    background: url(/images/CommentBalloon.png) no-repeat -838px 100%;
    margin: 0 -2px;
    padding: 0 15px 6px;
}

.comment .metadata, .comment .metadata a { color: #808080; border: none }
.comment .metadata a:hover { text-decoration: underline }

.author {
    float: right;
    padding: 2px 12px 2px 32px;
    margin: -2px 0 0;
    background: url(/images/CommentBalloon.png) no-repeat;
}

.odd .author {
    float: left;
    background-position: 100% 0;
    padding: 2px 22px 2px 12px;
}

.author, .author a {
    color: #434343;
    border-style: none;
}

.author img {
    vertical-align: middle;
    padding: 3px 0 3px 3px;
}

.odd .author img { padding: 0 3px 0 0 }

.awaitmod { font-weight: bold }

.comment label { display: none; }
.comment form fieldset textarea { height: 80px; width: 100%; border: 0; background-color: white; border: 1px solid #E5E7E6; }

.new form fieldset textarea { font-weight: bold; }
.new form input[type="submit"] { float: right; margin: -7px 5px 0 0; }

    /*  - Balloon [error] */
ul.errorlist { font-size: 10px; width: 349px; height:48px; line-height: 18px; padding: 10px 20px !important; margin: 0; border: 0; display: block; position: absolute; margin: -50px 0 0 425px; background: url('/images/notifications/balloon-error.png') no-repeat center center; color: #333333; }
ul.errorlist li { float: left; list-style: none; }

    /*  Product */
div.product img#packshot { float: left; margin: 6px 10px 20px 0; clear: both; display: block; }
div.product ul#actions { margin-top: 40px; list-style-type: none; }
ul.offers { padding: 0 !important; list-style: none; border-top: 1px solid #DFDFDF; overflow: visible; clear: both; }
ul.offers li { min-height: 40px; padding: 5px; border-bottom: 1px solid #DFDFDF; overflow: visible; }
ul.offers li:hover { height: auto; }
ul.offers span { min-height: 40px; line-height: 20px; display: block; float: left; }
ul.offers span.price { line-height: 40px; width: 120px; font-size: 28px; font-family: arial; font-weight: bold; }
ul.offers span.provider { width: 190px; padding-left: 6px; }
ul.offers span.shop { width: 200px; }

ul.exchangeoffers { border-bottom: 1px solid #DFDFDF; }
ul.exchangeoffers li { width: 105px; float: left; border-bottom: 0; }


    /*  Account */

div.account ul.offers { border: 0;}
div.account ul.offers li { border: 0; padding: 1px; display: list-item; width: 160px; float: left; cursor: pointer; }

div.account ul.offers li div.price { position: relative; margin: -30px 0 0 -5px; width: 160px font-family: Arial ; font-size: 18px; font-weight: bold; }
div.account ul.offers li div.price div { float: right; background: white; padding: 5px; display: inline;
    -webkit-border-radius-lefttop: 4px;
    -moz-border-radius-lefttop: 4px;
}
div.account ul.offers li div.actions { display: none; position: absolute; margin: -10px 0 0 140px; }
div.account ul.offers li:hover div.actions { display: block;  }


    /* Pagination */
div.pagination { clear: both; }
div.pagination a, span.dots, span.current { display: block; float: left; height: 20px; padding: 10px; margin-right: 5px; line-height: 20px; min-width: 20px; font-size: 18px; border: 1px solid #e1e1e1; text-align: center; text-decoration: none; }
span.dots { border-color: transparent; }
span.current { background-color: #817339; color: white; }

    /* Lists */
ul.withimages { border: 0; list-style: none; padding: 0 !important; overflow: auto; }
ul.withimages li { border: 0; padding: 1px; display: list-item; width: 160px !important; height: 225px !important; overflow: hidden; float: left; cursor: pointer; }

    /*  Platform */
div.platform ul { width: 100%; overflow: auto; }
div.platform ul li { width: 50%; float: left; }