#content-subheader {margin-top:46px;margin-left: 50px; }
#content-subheader h4 { color: #efe3d2; font-size: 50px; text-shadow: #241209 0 0 5px; }
#content .content-bot .left-col { float: left; width: 570px }
#content .content-bot .right-col { float: right; width: 402px }

.story-highlight { margin-bottom:25px; }
.story-highlight p {color: #b79855; font-size: 14px;margin: 20px 10px 0 50px;line-height:22px}
.story-highlight strong {color: #FFB100;}
.story-highlight p.memo {padding:10px 30px;margin-top:0}

.available-info-box { width:331px; height:300px;background:url(../images/available-box.jpg) 0 0 no-repeat; float:right; padding:20px 42px 26px 36px;}
.available-info-box-title { color:#FFB100; font-size:14px; width:300px; text-transform:uppercase; margin:20px 10px;font-weight:bold }
.available-info-box li { float:left; width:155px }
.available-info-box li a { display:block; height:36px; width:143px; padding-bottom:17px }
.available-info-box .icon-frame { float:left }
.available-info-box .list-title { float:left; display:block; height:36px; line-height:36px; padding-left:10px; }

.basic-info-box-list {width:500px; margin-bottom:38px ;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-moz-box-shadow: #0d0703 0 0 5px; -webkit-box-shadow: #0d0703 0 0 5px; box-shadow: #0d0703 0 0 5px;border:1px solid #6B3F26}
.basic-info-box-list .basic-info-box-list-title {width:100%; height:63px; background:url("../images/title-bg-basicinfo-box.gif") no-repeat 0 0; }
.basic-info-box-list .basic-info-box-list-title span {font:bold 14px/62px Arial, Sans-serif; padding-left:59px; color:#efe3d2; text-transform:uppercase; display: block; background: url('../images/classes-info-icons-sprite.gif') no-repeat }
.basic-info-box-list .list-box p { text-indent:25px;margin:0; padding:0 23px 30px 23px; font-size:12px; line-height:20px; color:#b79855 }
.basic-info-box-list .list-box strong { margin:0; padding:0 23px 5px 23px; font-size:12px; line-height:25px; }
.basic-info-box-list .list-box { background:url("../images/bg-basicinfo-box-bottom.gif") no-repeat 0 100% }
.basic-info-box-list .list-box .wrapper { background:url("../images/bg-basicinfo-box-top.gif") no-repeat 0 0 #211309; padding:7px 0 23px 0 }

#content .content-bot .basic-info-box-list { margin-left: 50px }
#content .content-bot .right-col .basic-info-box-list { width:349px; float:right; margin:0 50px 47px 0 }
.talent-info .talent-info-wrapper {MARGIN-TOP: -6px; MARGIN-BOTTOM: 10px}
.basic-info .basic-info-box-list-title span {background-position: 15px 4px}
.basic-info .list-box .underline { border-bottom:1px solid #382714; padding-bottom:22px; margin-bottom:22px }

.talent-info {margin-top: -6px !important; margin-bottom: 80px}
.talent-info .basic-info-box-list-title span {background-position: 16px -59px}
.talent-info .list-box p { border-bottom:1px solid #382714; padding-bottom:22px; margin-bottom:0 }
.talent-info .talent-header {padding-bottom: 30px; text-transform: uppercase; padding-left: 23px; padding-right: 0px; float: left; color: #e9bd7f; font-size: 14px; padding-top: 25px}
.talent-info .talent-wrapper {text-align: center; margin: 0px 5px 0px 23px; float: left}
.talent-info .talent-wrapper .talent-block {width: 67px; display: block; background-repeat: no-repeat; background-position: 50% 50%; height: 67px;margin-bottom:5px}
.talent-info .talent-wrapper .talent-block .circle-frame {width: 67px; display: block; background: url('../images/talent-frame.png') no-repeat; height: 67px}

.game-scrollbox { width:388px; float:right; margin:0 27px 13px 0 }
.game-scrollbox .scroll-title { width:100%; height:87px; background:url("../images/bg-scrollbox-top.png") no-repeat 0 0 }
.game-scrollbox .scroll-title  span { font:bold 18px Arial, Sans-serif; color:#603317; letter-spacing:-0.5px; display:block; margin-left:53px; padding-top:50px }
.game-scrollbox .scroll-content { width:100%; background:url("../images/bg-scrollbox-body.png") repeat-y }
.game-scrollbox .scroll-content .wrapper { width:100%; background:url("../images/bg-scrollbox-bottom.png") no-repeat 0 100%; padding-bottom:71px }


.feature-list { color:#341F12; padding:0 50px 0 45px; width:293px }
.feature-list .feature-wrapper { width:260px; float:left; padding:0 0 15px 20px }
.feature-list .feature-item-title { padding-top:3px; display:block; font-weight:bold; font-size:14px; line-height:21px; letter-spacing:-0.5px; text-transform:uppercase;text-indent:32px;}
.feature-list .feature-item-faction { display:block; font-weight:bold; font-size:16px; line-height:21px; letter-spacing:-0.5px; color:#B51408;margin-bottom:15px}

.ie .basic-info-box-list { zoom: 1 }
.ie6 .game-scrollbox { margin-right:0 }
.ie6 .available-info-box {padding:30px 15px 26px 36px;}
.ie6 .game-scrollbox .scroll-title { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/main/images/bg-scrollbox-top.png', sizingMethod='crop') }
.ie6 .game-scrollbox .scroll-content { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/main/images/bg-scrollbox-body.png', sizingMethod='crop') }
.ie6 .game-scrollbox .scroll-content .wrapper { background-image:url('../images/bg-scrollbox-bottom.jpg') }

.section-title { margin: 25px 0; margin-top: 35px; }
.main-header-desc { margin: 0 0 50px 0; width: 50%; color: #a4704e }
.flag-card { width:459px; height:183px; margin-bottom:25px; box-shadow:0 0 6px #000; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; float:left;}
.flag-card .class-name { font-size:18px; display:block; padding-top:11px; margin-left:186px; }
.flag-card .class-type { color:#f0e29a; font-size:11px; line-height:13px; display:block; margin-left:186px; }
.flag-card .class-req { font-size:11px; line-height:12px; margin-left:186px;  }
.flag-card .class-req.wrath { color:#2588c0 }
.flag-card .class-desc { color:#b79855; font-size:11px; line-height:14px; display:block; margin:10px 25px 0 186px; }
.flag-card a:hover .class-type, .flag-card a:hover .class-desc { color:#fff }
.flag-card a { width:459px; height:183px; display:block; background:url(../images/flag-cards.jpg) no-repeat;opacity:.8;filter: alpha(opacity=80);}
.flag-card.warrior a { background-position:0 0; }
.flag-card.hunter a { background-position:-471px 0; }
.flag-card.mage a { background-position:0 -190px; }
.flag-card.warlock a { background-position:-471px -190px; }
.flag-card a:hover{ opacity:1;filter: alpha(opacity=100); }