/* overrides */
.body-top { background-image: url("../../images/layout/bgs/reaper-of-souls.jpg"); }
.page-header { min-height: 240px; }
.box-alert { margin-top: 0; }

/* call out buttons */
.game-index-callout { background: url("../../images/game/index/button-the-story-of-diablo.png") no-repeat; display: block; height: 133px; float: left; margin-top: 45px; position: relative; width: 280px; }
.game-index-callout .what-is-diablo-3 { color: #f3e6d0; font: normal 18px  "Exocet Blizzard Light","Palatino Linotype", "Times", serif; left: 108px; position: relative; top: 50px; text-transform: uppercase; }
.game-index-callout:hover .what-is-diablo-3 { color: #ffffff; }
.timeline-callout { background: url("../../images/game/index/button-the-story-of-diablo.png") no-repeat; display: block; height: 133px; float: left; margin-top: 45px; margin-left: 11px; position: relative; width: 315px; }
.timeline-callout .timeline { color: #f3e6d0; font: normal 18px  "Exocet Blizzard Light","Palatino Linotype", "Times", serif; left: 108px; position: relative; top: 50px; text-transform: uppercase; }
.timeline-callout:hover .timeline { color: #ffffff; }

/* Right banner */
.right-banner { float: right; display: block; padding-right: 70px; margin-top: 95px; font: normal 18px "Exocet Blizzard Light",'palatino linotype', georgia, serif; background: url("../../images/layout/banner-arrow.png") right 10px no-repeat; }
.right-banner .banner-title { display: block; color: #f3e6d0; }
.right-banner .banner-name { color: #57b5b5; text-transform: uppercase; }
.right-banner:hover .banner-name { color: #f3e6d0 }
.right-banner:hover { background-position: right -55px;  }
/* what's new in d3 */
.button-whats-new { background-position: 0 0; }
.button-whats-new:hover { background-position: 0 -132px; }
.button-timeline { background-position: 0 0; }
.button-timeline:hover { background-position: 0 -132px; }

/* directory */
.db-directory-inner { padding-bottom: 0; }
.db-directory .column { float: left; width: 182px; padding: 25px; background: url("../../images/db/directory-divider.png") 0 0 no-repeat; }
.db-directory .name { display: inline-block; vertical-align: middle; }
.db-directory .list-heroes .name,
.db-directory .list-tools .name { width: 125px; }
.db-directory .list-artisans .name,
.db-directory .list-followers .name,
.db-directory .list-items .name{ width: 135px; }
.db-directory .icon-portrait,
.db-directory .d3-icon-item,
.db-directory .icon-custom { vertical-align: middle; margin-right: 5px; }
.db-directory .subheader-3 { margin-bottom: 5px; }
.db-directory .tip { border-bottom: 0; }
.db-directory .disabled .icon-portrait { border-color: #4E4536; }

/* directory - basics */
.db-directory .column-basics { width: 232px; position: relative; margin-left: -2px; margin-top: -5px; padding: 0 0 10px 0; background: url("../../images/game/index/guide-bot.png") left bottom no-repeat; }
.db-directory .column-basics-inner { padding: 30px 25px 20px 25px; min-height: 400px; background: url("../../images/game/index/guide-top2.png") no-repeat; }
.db-directory .column-basics .box li { margin: 0; }
.db-directory .column-basics .header-3 { margin: 0 0 35px 35px; }
.fr-fr .db-directory .column-basics .header-3 { white-space:nowrap; font-size:15px; margin-top:5px }
.es-es .db-directory .column-basics .header-3 { font-size:18px; margin-top:2px }

/* directory - items */
.db-directory .list-items { margin-bottom: 20px; }
.db-directory .column-4 { width: 186px; }

/* directory - world */
.db-directory .list-world-wrapper { float: left; position: relative; }
.db-directory .list-world-wrapper .box { position: absolute; left: 0; top: 0; width: 400px; }
.db-directory .list-world li { float: left; border-left: 1px solid #251f18; padding: 0 15px; }
.db-directory .list-world li:first-child { border: 0; padding-left: 0; }
.db-directory .list-world .name { width: auto !important; }
.db-directory .list-world .roman { font-size: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.zh-tw .db-directory .list-world .roman { font-size: 12px; }

/* bottom columns */
.game-more,
.game-lore,
.game-archived { float: right; width: 300px; margin-left: 15px; }
.game-archived { margin: 0; }
.game-lore a { display: block; line-height: 1.666em; }

.more-tooltip li { margin-bottom: 15px; }
.more-tooltip a { padding-left: 55px; position: relative; display: block; }
.more-tooltip .more-icon { position: absolute; left: 0; top: 0; }
.more-tooltip .more-title { display: block; padding: 2px 0; }
.more-tooltip .more-desc { color: #A99877; font-size: 12px; }
.more-tooltip a:hover * { color: white; }
.more-tooltip li { margin-bottom: 15px; }

/* ie */
.ie6 .db-directory .column-basics { background-image: url("../../images/game/index/guide-bot-ie.png"); }
.ie6 .db-directory .column-basics-inner { background-image: url("../../images/game/index/guide-top2-ie.png"); }
.ie6 .db-directory .column-2,
.ie6 .db-directory .column-3,
.ie6 .db-directory .column-4 { background-image: url("../../images/db/directory-divider.jpg"); }
.ie6 .more-tooltip a { zoom: 1; }