html, body, div, span, object, iframe, h1, p, img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html, body { background: #000 url("../_images/bg-generic.jpg") 50% 0 no-repeat; color: #f7f3e0; font: normal 11px/1.2 "Arial", sans-serif, sans-serif; }
a { color:#ffc93f; text-decoration: none  }
a:hover,
a:focus { color: #fff; }
.clear { clear:both; content: ''; visibility: hidden; display: block; height: 0; width: 0; }

.wrapper { width: 1000px; height:1200px; margin:0 auto; position: relative; min-width: 1000px;}
.wrapper h1 { background: url("../_images/en/header-page.jpg") no-repeat scroll 0 0 transparent; display: block; height: 183px; left: 256px; position: absolute; text-indent: -9999px; top: 19px; width: 493px;}
.wrapper .rating-logo { background: url("../_images/ratinglogo-pegi.jpg") no-repeat scroll 0 0 transparent; display: block; height: 170px; left: 96px; position: absolute; top: 620px; width: 94px; }

.online-and-retail { margin: 0 0 0 442px; padding: 229px 0 20px; position: relative; width: 505px; }
.online-and-retail .intro {  padding: 0 20px; height: 122px; font-size: 15px; color: #c2a684;}
.online-and-retail .intro h3 { display: block; text-indent: -9998px; background: url(../_images/en/header-box.jpg) no-repeat 0 0; width:400px; height: 29px; margin-left: -5px; margin-top: 26px;}
.online-and-retail .retailers { width: 100%; position: relative;  }
.online-and-retail .selection .country-selection { cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 4px #722906; -moz-box-shadow: 0 0 4px #722906; box-shadow: 0 0 4px #722906; margin: 25px 0 18px 154px; outline: none; font: normal 16px/24px "Trebuchet MS",Arial,sans-serif; background: none repeat scroll 0 0 #6E3E0E; border: 1px solid #E2A559; list-style-position: outside; padding: 3px; width: 203px; color: #fff; }
.online-and-retail .selection .city-selection { padding: 10px; height: 47px; overflow: auto;}
.online-and-retail .selection .city-selection ul { padding: 0 20px; text-align: center; margin: 0; height: 46px;}
.online-and-retail .selection .city-selection li { margin: 2px 0; vertical-align: top; display: inline-block; padding: 2px 5px 2px 0; }
.online-and-retail .selection .city-selection li:after { content: ' · '}
.online-and-retail .selection .city-selection li:last-child:after { content: ''}
.online-and-retail .selection .city-selection li a { color: #fff; font-family: Arial;}
.online-and-retail .selection .city-selection li a:hover { color: #F9EFA2;}
.online-and-retail .selection .countries { height: 418px; overflow: hidden; }
.online-and-retail .selection .country-container { display: none; }
.online-and-retail .country-selection a { text-decoration: underline; color: #f4f4f4; font: normal 16px/20px "Trebuchet MS",Arial,sans-serif;}
.online-and-retail .country-selection a:hover { color: #fff; }
.online-and-retail .country-selection select {  }
.online-and-retail .country-selection select:hover{ background: #722906; }
.online-and-retail .button-events { width:358px; height: 76px; display: block; margin: 20px auto 0; text-align:center; background-color: brown; background: url(../_images/en/button-launch-events.jpg) no-repeat 0 0; text-indent: -9999px; }
.online-and-retail .retailers-list-container { height:292px; padding: 20px 0 20px 20px; /*overflow: auto;*/}

.retailers-list-container .city-entry { width: 450px;}
.retailers-list-container .city-entry h5 { margin: 12px 0 6px 0; padding: 0 0 0 26px; background: url(../_images/bullet-city.png) no-repeat 0 0; color: #F9EFA2;   font: normal 19px/20px "Georgia",Arial,sans-serif; display: block; text-transform:uppercase;}
.retailers-list-container .entry-details { background-color: rgba(37,19,4, 0.5); border: 1px solid #2F1D12; border-radius: 5px 5px 5px 5px; margin-bottom: 8px; padding: 6px; }
.retailers-list-container .featured-event { background-color: rgba(58,40,30, 0.7); border: 1px dotted #ca6c0e; }
.online-and-retail .entry-details .store-name { color: #e08237; font-size: 16px; text-shadow: 1px 1px 3px #000000; float: left; padding-bottom: 2px;}
.online-and-retail .entry-details .time { float: right; color: #957b5c;}
.online-and-retail .entry-details .address { text-align: center; color: #c2a684; font-size: 13px; display: block; border-top: 1px solid #482c11; padding-top: 6px; margin-top: 0; clear:both;}
.retailers-list-container .featured-event .address { border-top: 1px solid #592f06; color:#fff  }
.retailers-list-container .featured-event .store-name { color: #ffc93f;}
.retailers-list-container .featured-event .time { color: #c6c6c6;}
.retailers-list-container .featured-event a:hover { text-decoration: underline}

.retailers-list-container .retailer-names { position:relative;}



/* footer */
.wrapper .bottom { margin: 110px auto 0; }

.wrapper .bottom .copyright { width: 700px; float: left; font-family:Myriad Pro, serif; font-size:12px; color:#f3edd2; text-align: left; margin-right: 10px;}
.wrapper .bottom .copyright a{ color:#c66e26 }
.wrapper .bottom .logos { float:right; height:100px; width:833px; }
.wrapper .bottom .logos img { margin:3px }
.wrapper .bottom .more-info { width:54px; margin: 0 auto; height:18px; display:block; position:absolute; top:46px; left:317px }
.wrapper .bottom .bbfc { width:70px; height:70px; display:inline-block; margin: 0 10px 0 0; }
.wrapper .bottom .blizzard-logo { height: 58px; left: 1px; margin: 0 5px 0 15px; padding: 0 0 15px; position: absolute; top: 107px; width: 143px;}
.wrapper .bottom .pegi { margin: 0 10px 0 0; width:57px; height:70px; display:inline-block }
.footer-rating { width: 100px; height: 100px; display: block; float: right; }


/* locale overrides */
.de-de .online-and-retail .intro h3 { background-image: url(../_images/de/header-box.jpg); width: 480px; }
.de-de .wrapper h1 { background-image: url("../_images/de/header-page.jpg"); }
.de-de .online-and-retail .button-events { background-image: url(../_images/de/button-launch-events.jpg);}
.de-de .rating-logo { background-image: url("../_images/ratinglogo-usk16.jpg"); }

.es-es .online-and-retail .intro h3 { background-image: url(../_images/es/header-box.jpg); width: 480px; }
.es-es .wrapper h1 { background-image: url("../_images/es/header-page.jpg"); }
.es-es .online-and-retail .button-events { background-image: url(../_images/es/button-launch-events.jpg);}

.fr-fr .online-and-retail .intro h3 { background-image: url(../_images/fr/header-box.jpg); width: 480px; }
.fr-fr .wrapper h1 { background-image: url("../_images/fr/header-page.jpg"); }
.fr-fr .online-and-retail .button-events { background-image: url(../_images/fr/button-launch-events.jpg);}

.ru-ru .online-and-retail .intro h3 { background-image: url(../_images/ru/header-box.jpg); width: 480px; }
.ru-ru .wrapper h1 { background-image: url("../_images/ru/header-page.jpg"); }
.ru-ru .online-and-retail .button-events { background-image: url(../_images/ru/button-launch-events.jpg);}
.ru-ru .rating-logo { background: none;}

.pl-pl .online-and-retail .intro h3 { background-image: url(../_images/pl/header-box.jpg); width: 480px; }
.pl-pl .wrapper h1 { background-image: url("../_images/pl/header-page.jpg"); }
.pl-pl .online-and-retail .button-events { background-image: url(../_images/pl/button-launch-events.jpg);}

.it-it .online-and-retail .intro h3 { background-image: url(../_images/it/header-box.jpg); width: 480px; }
.it-it .wrapper h1 { background-image: url("../_images/it/header-page.jpg"); }
.it-it .online-and-retail .button-events { background-image: url(../_images/it/button-launch-events.jpg);}


/* IE fixes */
.ie #retailers-list-container { background-color: #632101; }
.ie6 .wrapper  { width: 1030px; }
.ie .online-and-retail .retailers ul {  margin: 30px 0 0 25px; }
.ie8 .online-and-retail .retailers li{ width: 155px; }


.ie .online-and-retail .selection .city-selection li { display: block; float: left; margin: 3px 0; padding: 2px 5px; vertical-align: top; }
.ie .online-and-retail .intro { height: 150px; }

.retailers-list-container .retailer-names { height: 320px; overflow: auto; }