/* overwrites */
.db-tab-links { bottom: 170px; }
.db-overview .features .crest { top: -125px; }

/* lore */
.lore { background: none; position: relative; }
.lore .section-body { padding: 0; }
.lore .lore-text { position: relative; z-index: 2; margin-left: 255px; min-height: 438px; }
.lore .view-all { margin-top: 25px; text-align: right; }

/* progression */
.progression { width: 565px; height: 265px; margin: 0 auto; position: relative; background: url("../../images/artisan/progression-bg.jpg") 0 0 no-repeat;
	  box-shadow: 0 0 10px #000; }
.progression .level { height: 245px; width: 545px; top: 10px; left: 10px; position: absolute; }
.progression .level.level-2 { background-position: 0 -245px; }
.progression .level.level-3 { background-position: 0 -490px; }
.progression .level.level-4 { background-position: 0 -735px; }
.progression .level .header-3 { padding: 212px 0 10px 15px; color: #987c4e; }
.progression .level .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.progression .level:hover .overlay { background: rgba(0, 0, 0, .3) url("../../images/media/view-image.png") 50% 50% no-repeat; }
.progression .toggler { width: 288px; height: 65px; position: absolute; left: 140px; bottom: -35px; background: url("../../images/artisan/progression-sprite.png") 0 0 no-repeat; }
.progression .toggler .next,
.progression .toggler .prev { width: 29px; height: 34px; position: absolute; top: 10px; display: block; }
.progression .toggler .next { right: 38px; }
.progression .toggler .prev { left: 38px; }
.progression .toggler .next:hover,
.progression .toggler .prev:hover { background: url("../../images/artisan/progression-sprite.png") 0 100% no-repeat; }
.progression .toggler .next:hover { background-position: -29px 100%; }
.progression .toggler .bullets { position: absolute; top: 18px; left: 91px; }
.progression .toggler .bullets a { display: inline-block; width: 22px; height: 22px; margin-right: 1px; background: url("../../images/artisan/progression-sprite.png") -103px 100% no-repeat; }
.progression .toggler .bullets a:hover { background-position: -80px 100%; }
.progression .toggler .bullets a.bullet-active { background-position: -58px 100%; }

/* artisan specific */
.artisan-blacksmith .body-top { background-image: url("../../images/artisan/blacksmith/bg.jpg"); }
.artisan-blacksmith .features .crest { background-image: url("../../images/artisan/blacksmith/crest.png"); top: -139px; }
.artisan-blacksmith .features-top { background-image: url("../../images/artisan/blacksmith/features-top.jpg"); }
.artisan-blacksmith .progression .level { background-image: url("../../images/artisan/blacksmith/progression.jpg"); }
.artisan-blacksmith .character-model .model-canvas { background-image: url("../../images/artisan/blacksmith/model-bg.jpg"); }
.artisan-blacksmith .character-model .model-canvas .fallback { background-image: url("../../images/artisan/blacksmith/model-character.jpg"); }

.artisan-jeweler .body-top { background-image: url("../../images/artisan/jeweler/bg.jpg"); }
.artisan-jeweler .features .crest { background-image: url("../../images/artisan/jeweler/crest.png"); }
.artisan-jeweler .features-top { background-image: url("../../images/artisan/jeweler/features-top.jpg"); }
.artisan-jeweler .progression .level { background-image: url("../../images/artisan/jeweler/progression.jpg"); }
.artisan-jeweler .character-model .model-canvas { background-image: url("../../images/artisan/jeweler/model-bg.jpg"); }
.artisan-jeweler .character-model .model-canvas .fallback { background-image: url("../../images/artisan/jeweler/model-character.jpg"); }

.artisan-mystic .body-top { background-image: url("../../images/artisan/mystic/bg.jpg"); }
.artisan-mystic .features .crest { background-image: url("../../images/artisan/mystic/crest.png"); top: -129px; }
.artisan-mystic .features-top { background-image: url("../../images/artisan/mystic/features-top.jpg"); }
.artisan-mystic .progression .level { background-image: url("../../images/artisan/mystic/progression.jpg"); }
.artisan-mystic .character-model .model-canvas { background-image: url("../../images/artisan/mystic/model-bg.jpg"); }
.artisan-mystic .character-model .model-canvas .fallback { background-image: url("../../images/artisan/mystic/model-character.jpg"); }

/* ie */
.ie67 .progression .toggler .bullets a { margin-right: 7px; }

.ie6 .progression .toggler,
.ie6 .progression .toggler .next:hover,
.ie6 .progression .toggler .prev:hover,
.ie6 .progression .toggler .bullets a { background-image: url("../../images/artisan/progression-sprite-ie.png"); }
.ie6 .artisan-blacksmith .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/artisan/blacksmith/crest.png", sizingMethod="image"); }
.ie6 .artisan-jeweler .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/artisan/jeweler/crest.png", sizingMethod="image"); }
.ie6 .artisan-mystic .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/artisan/mystic/crest.png", sizingMethod="image"); }