/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
homepage_update,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
strong{
    font-weight:bold
}


/* GLOBAL NAVIGATION */
#runic_global_nav{
    width:100%;
    height:35px;
    margin:0;
    padding:0;
    font-size:11px;
    line-height:11px;
    position:relative;
    z-index:20;
    background-image:url(../images/runic_global_bg.png);
    background-color:#000
}
#runic_global_nav_container{
    background-image:url(../images/runic_global_watermark.png);
    background-repeat:no-repeat;
    padding:0px;
    padding-right:40px;
    margin:0 auto;
    width:940px;
    font-size:11px;
    position:relative;
    text-align:left;
    z-index:20
}
#runic_global_nav #runic_logo{
    display:inline-block;
    height:35px;
    padding:0px 60px
}
#runic_global_nav ul{
    position:absolute;
    top:0px;
    right:0px;
    z-index:16
}
#runic_global_nav ul li{
    display:inline-block;
    height:35px;
    position:relative;
    float:left
}
#runic_global_nav ul li ul{
    position:absolute;
    left:3px;
    top:35px;
    background:#000;
    width:150px;
    z-index:15;
    display:none;
    -webkit-border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    -webkit-box-shadow:0px 0px 6px #000;
    -moz-box-shadow:0px 0px 6px #000;
    box-shadow:0px 0px 6px #000
}
#runic_global_nav ul li ul li{
    height:auto;
    margin:5px 20px 10px 20px
}
.other_titles{
    display:block;
    overflow:hidden;
    height:0;
    padding-top:45px;
    width:110px;
    background-image:url(../images/other_titles.png);
    background-repeat:no-repeat
}
.other_titles.torchlight{
    background-position:0px 0px
}
.other_titles.torchlight:hover{
    background-position:-112px 0px
}
.other_titles.torchlightxbla{
    background-position:0px -46px
}
.other_titles.torchlightxbla:hover{
    background-position:-112px -46px
}
.other_titles.torchlight2{
    background-position:0px -92px
}
.other_titles.torchlight2:hover{
    background-position:-112px -92px
}
#runic_global_nav .account{
    display:inline-block;
    padding:10px;
    padding-bottom:0px;
    height:25px
}
#runic_global_nav #other_titles{
    display:inline-block;
    padding:10px 40px 0 10px;
    height:25px
}
a.account,a.account:link{
    color:#8fddf0;
    text-decoration:none
}
a.account:visited,a.account:link:visited{
    color:#8fddf0
}
a.account:hover,a.account:link:hover{
    color:#c3f3ff
}
a.account:active,a.account:link:active{
    color:#8fddf0
}
a#other_titles,a#other_titles:link{
    color:#8fddf0;
    text-decoration:none;
    background-image:url(../images/runic_global_titles_arrow.png);
    background-repeat:no-repeat;
    background-position:100% 0%
}
a#other_titles:visited,a#other_titles:link:visited{
    color:#8fddf0
}
a#other_titles:hover,a#other_titles:link:hover{
    color:#c3f3ff
}
a#other_titles:active,a#other_titles:link:active{
    color:#8fddf0
}
a#other_titles.clicked,a#other_titles:link.clicked{
    background-position:100% -74px !important
}

#head {	
    position:relative;
    height:46px;
    background-repeat:repeat-x;
    background-position:center top;
    background-image: url(../images/title_bg2.gif);
}
#infohead { 
    position:relative;	
    height:46px;
    width:980px;
    margin-left:auto;	
    margin-right:auto;
}
/* TL2 STYLES */
body{
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    /*/background-image:url(../images/tl2/body_background_gradient.jpg);*/
    background-repeat:repeat-x;
    background-color:#0e2334;
    color:#301a0b;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-weight:bold;
    margin-bottom:10px;
    text-shadow: rgb(179, 156, 122) 1px 1px 0px;
}
p,body{
    font-size:11px;
    line-height:18px
}
p{
    margin-bottom:18px
}
h1{
    font-size:32px;
    line-height:36px;
    margin-bottom:0
}
h2{
    font-size:28px;
    line-height:24px
}
h3{
    font-size:20px;
    line-height:30px
}
h4{
    font-size:18px;
    line-height:24px
}
h5{
    font-size:15px;
}
h6{
    font-size:13px;
}
a{
    text-decoration:none
}
a:link,a:visited{
    color:#740004
}
a:link.link_button,a:visited.link_button{
    color:#c9cfd5
}
a:hover{
    color:#8f0005;
    text-decoration:none
}
a:active{
    color:#740004
}
.strong{
    font-weight:bold
}
.float_left{
    float:left
}
.float_right{
    float:right
}
.aligncenter{
    text-align:center
}
.alignleft{
    text-align:left
}
.alignright{
    text-align:right
}
.clear{
    clear:both
}
.toggle{
    overflow:hidden
}
.col_255{
    width:255px;
    float:left
}
.col_460{
    width:460px;
    float:left;
}
.col_460.top {
    text-align: center;
    text-shadow: rgb(179, 156, 122) 1px 1px 0px;
}
.col_630{
    width:630px;
    float:left;
    margin-left:60px
}
.col_970{
    width:970px;
    float:left
}
.container{
    margin:0 auto 0 auto;
    width:980px
}
.content{
    position:relative;
    width:980px;
}
.article_inset_top{
    background-image:url(../images/tl2/article_inset_top.png);
    background-repeat:no-repeat;
    width:520px;
    height:20px;
    margin:0;
    position:relative
}
.article_inset_middle{
    background-image:url(../images/tl2/article_inset_repeat.png);
    padding:0px 17px 5px 19px;
    position:relative;
    width:484px;
    color:#9b8268
}
.article_inset_middle p{
    font-size:11px;
    margin-bottom:10px
}
.article_inset_middle h3{
    font-size:16px;
    line-height:16px
}
.article_inset_middle h4{
    font-size:14px;
    line-height:14px;
    text-align:center
}
.article_inset_middle a:link{
    color:#6f5e4b;
    text-decoration:none
}
.article_inset_middle a:visited{
    color:#6f5e4b
}
.article_inset_middle a:hover{
    color:#cabf95
}
.article_inset_middle a:active{
    color:#6f5e4b
}
.article_inset_bottom{
    background-image:url(../images/tl2/article_inset.png);
    background-position:-10px -87px;
    background-repeat:no-repeat;
    padding-top:20px;
    height:0;
    width:520px;
    position:absolute;
    bottom:-5px;
    left:0
}
.right_column{
    width:224px;
    margin:0 0 25px 28px;
}
.right_column_tw{
    width:224px;
    margin:0 0 25px 0px; 
    height:auto;
}
.right_column_top_simple{
    background-image:url(../images/tl2/right_column_top_simple.png);
    background-repeat:no-repeat;
    width:224px;
    height:20px;
    margin:0;
    position:relative
}
.right_column_top{
    background-image:url(../images/tl2/right_column_top.png);
    background-repeat:no-repeat;
    width:224px;
    height:41px;
    padding-top:16px;
    margin:0;
    font-size:16px;
    line-height:21px;
    color:#84a1bd;
    text-align:center;
    text-transform:uppercase;
    text-shadow:0px 1px 3px #000;
    position:relative
}
.right_column_middle,.right_column_middle_simple{
    background-image:url(../images/tl2/right_column_repeat.png);
    padding:20px 17px 5px 19px;
    position:relative;
    width:188px;
    color:#9b8268
}
.right_column_middle p,.right_column_middle_simple p{
    font-size:12px;
    margin-bottom:10px
}
.right_column_middle h3,.right_column_middle_simple h3{
    font-size:16px;
    line-height:16px
}
.right_column_middle h4,.right_column_middle_simple h4{
    font-size:14px;
    line-height:14px;
    text-align:center
}
.right_column_middle div.divider,.right_column_middle_simple div.divider{
    padding-top:10px;
    background-image:url(../images/tl2/sidebar_divider.png);
    background-repeat:no-repeat;
    background-position:center top
}
.right_column_middle a.fb_link,.right_column_middle a.tw_link,.right_column_middle_simple a.fb_link,.right_column_middle_simple a.tw_link{
    padding:10px 0 2px 26px;
    display:inline-block
}
.right_column_middle a:link,.right_column_middle_simple a:link{
    color:#6f5e4b;
    text-decoration:none
}
.right_column_middle a:visited,.right_column_middle_simple a:visited{
    color:#6f5e4b
}
.right_column_middle a:hover,.right_column_middle_simple a:hover{
    color:#cabf95
}
.right_column_middle a:active,.right_column_middle_simple a:active{
    color:#6f5e4b
}
.right_column_middle_simple{
    padding-top:0px
}
.right_column_bottom{
    background-image:url(../images/tl2/right_column_bottom.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-top:20px;
    height:0;
    width:224px;
    position:absolute;
    bottom:-5px;
    left:0
}

.btn_gold_border{
    text-decoration:none;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:100% -44px;
    color:#2c89ac !important;
    display:block;
    float:left;
    font-weight:bold;
    font-size:15px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    height:44px;
    margin-right:5px;
    padding-right:17px;
    text-shadow:0px 1px 1px #000;
}

.btn_gold_border:hover{
    ackground-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:100% -132px;
    color:#45b3dc
}
.btn_gold_border:visited,.btn_gold_border:active{
    color:#2c89ac
}
.btn_gold_border span{
    text-decoration:none;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    display:block;
    line-height:24px;
    padding:10px 0 10px 18px;
    text-align:center
}
.btn_gold_border:hover span{
    text-decoration:none;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:0 -88px;
    color:#45b3dc
}
.btn_gold_border.disabled{
    display:none
}
.btn_gold_border_right{
    float:right;
    margin-right:0;
    text-decoration:none;
}
.stone_bg,.character_stone_bg,.classes_stone_bg,.plain_stone_bg{
    overflow:auto;
    background-image:url(../images/tl2/stone_bg.jpg);
    background-repeat:no-repeat;
    background-color:#0e0908;
    width:970px;
    padding:0 0 28px 0;
    margin:5px 5px 0px 5px;
    box-shadow:0px 0px 12px #000;
    -moz-box-shadow:0px 0px 12px #000;
    -webkit-box-shadow:0px 0px 12px #000
}
.character_stone_bg{
    background-image:url(../images/tl2/classes/character_stone_bg.jpg)
}
.classes_stone_bg{
    background-image:url(../images/tl2/classes/character_stone_bg.jpg);
    height:700px
}
.plain_stone_bg{
    padding-bottom:11px
}
.stone_cap,.stone_base,.stone_base1{
    width:980px;
    height:0;
    overflow:hidden;
    position:absolute;
    background-repeat:no-repeat
}
.stone_cap{
    padding-top:51px;
    top:-8px;
    left:0px;
    background-image:url(../images/tl2/stone_cap.png);
    z-index:1
}
.stone_base{
    padding-top:30px;
    bottom:-5px;
    left:5px;	
    background-image:url(../images/tl2/stone_base.png);	
    z-index:6
}
.stone_base1{
    padding-top:30px;
    position:relative;
    background-image:url(../images/tl2/stone_base.png);
    z-index:6
}
.image_frame{
    width:204px;
    height:145px;
    background-image:url(../images/tl2/image_frame.png);
    background-repeat:no-repeat;
    padding:5px;
    margin:0 auto 0 auto
}
.image_frame_wrapper{
    height:145px;
    background:#000
}
.image_frame a{
    display:block;
    height:145px;
    width:204px
}
.image_frame a span{
    height:145px;
    width:204px;
    display:block;
    background-image:url(../images/tl2/image_frame.png);
    background-repeat:no-repeat;
    background-position:-5px -5px
}
.image_frame a:hover span{
    background-position:-214px -5px
}
.image_frame_controls{
    width:76px;
    margin:14px auto 0 auto
}
.image_frame_controls a{
    height:33px;
    width:33px;
    display:inline-block
}
.image_frame_btn_left{
    background-image:url(../images/tl2/image_frame.png);
    background-repeat:no-repeat;
    background-position:0 -161px
}
.image_frame_btn_left:hover{
    background-position:-80px -161px
}
.image_frame_btn_right{
    background-image:url(../images/tl2/image_frame.png);
    background-repeat:no-repeat;
    background-position:-41px -161px;
    margin-left:5px
}
.image_frame_btn_right:hover{
    background-position:-121px -161px
}
.image_frame .image_frame_image{
    display:none;
    position:absolute
}
#torchlight_2_nav{
    position:relative;
    z-index:15
}
#torchlight_2_logo{
    width:356px;
    background-image:url(../images/tl2/torchlight_2_logo_nav.png);
    background-repeat:no-repeat;
    background-position:0 -45px;
    height:0px;
    padding-top:117px;
    position:absolute;
    left:313px;
    top:44px;
    z-index:8;
    overflow:hidden
}
#torchlight_2_nav ul{
    width:940px;
    height:50px;
    margin-left: 24px;
}
#torchlight_2_nav ul li{
    display:inline
}
#torchlight_2_nav ul li a{
    float:left;
    height:0px;
    padding-top:50px;
    overflow:hidden;
    background-image:url(../images/tl2/torchlight_2_nav.png);
    background-repeat:no-repeat;
    display:block
}
#torchlight_2_nav ul a#character_classes{
    background-position:-7px 0;
    width:176px
}
#torchlight_2_nav ul a#character_classes:hover,#torchlight_2_nav ul a#character_classes.current_site_section{
    background-position:-7px -50px
}
#torchlight_2_nav ul a#the_world{
    background-position:-183px 0;
    width:125px
}
#torchlight_2_nav ul a#the_world:hover,#torchlight_2_nav ul a#the_world.current_site_section{
    background-position:-183px -50px
}
#torchlight_2_nav ul a#about{
    background-position:-309px 0;
    width:162px
}
#torchlight_2_nav ul a#about:hover,#torchlight_2_nav ul a#about.current_site_section{
    background-position:-309px -50px
}
#torchlight_2_nav ul a#purchase{
    background-position:-471px 0;
    width:150px
}
#torchlight_2_nav ul a#purchase:hover,#torchlight_2_nav ul a#purchase.current_site_section{
    background-position:-471px -50px
}
#torchlight_2_nav ul a#news{
    background-position:-620px 0;
    width:91px
}
#torchlight_2_nav ul a#news:hover,#torchlight_2_nav ul a#news.current_site_section{
    background-position:-620px -50px
}
#torchlight_2_nav ul a#media{
    background-position:-711px 0;
    width:118px
}
#torchlight_2_nav ul a#media:hover,#torchlight_2_nav ul a#media.current_site_section{
    background-position:-711px -50px
}
#torchlight_2_nav ul a#support{
    background-position:-828px 0;
    width:113px
}
#torchlight_2_nav ul a#support:hover,#torchlight_2_nav ul a#support.current_site_section{
    background-position:-828px -50px
}

#torchlight_2_nav ul a#download{
    background-position:-609px 0;
    width:119px
}
#torchlight_2_nav ul a#download:hover,#torchlight_2_nav ul a#download.current_site_section{
    background-position:-609px -50px
}
#torchlight_2_nav ul a#beginner{
    background-position:-728px 0;
    width:106px
}
#torchlight_2_nav ul a#beginner:hover,#torchlight_2_nav ul a#beginner.current_site_section{
    background-position:-728px -50px
}
#popup_preorder{
    position:absolute;
    bottom:-51px;
    right:60px;
    width:186px;
    height:80px
}
#popup_preorder #popup_preorder_button{
    display:block;
    height:0px;
    overflow:hidden;
    background-image:url(../images/tl2/popup_preorder.png);
    background-repeat:no-repeat;
    cursor:pointer;
    padding-top:36px
}
#popup_preorder #popup_preorder_button:hover{
    background-position:0px -83px
}
.homepage_preorder_buttons{
    position:absolute;
    bottom:0;
    left:329px;
    width:322px;
    height:101px;
    background-image:url(../images/tl2/btn_hp_preorder.png);
    background-repeat:no-repeat
}
.preorder_torchlight_2{
    display:block;
    height:0;
    overflow:hidden;
    padding-top:38px;
    width:292px;
    margin:49px 15px 0px 15px;
    background-image:url(../images/tl2/btn_hp_preorder.png);
    background-repeat:no-repeat;
    background-position:-15px -49px
}
.preorder_torchlight_2:hover{
    background-position:-15px -150px
}
#popup_sell{
    position:absolute;
    bottom:-51px;
    right:60px;
    width:186px;
    height:80px
}
#popup_sell_try,#popup_sell_buy{
    display:block;
    height:0px;
    overflow:hidden;
    background-image:url(../images/tl2/popup_sell.png);
    background-repeat:no-repeat;
    cursor:pointer
}
#popup_sell_try{
    padding-top:36px
}
#popup_sell_try:hover{
    background-position:0px -83px
}
#popup_sell_buy{
    padding-top:44px;
    background-position:0px -36px
}
#popup_sell_buy:hover{
    padding-top:44px;
    background-position:0px -119px
}
.homepage_sell_buttons{
    position:absolute;
    bottom:0;
    left:329px;
    width:322px;
    height:101px;
    background-image:url(../images/tl2/btn_hp_buy_try.png);
    background-repeat:no-repeat
}
.landing_sell_buttons{
    position:absolute;
    top:140px;
    left:558px;
    width:322px;
    height:101px;
    background-image:url(../images/tl2/btn_hp_buy_try.png);
    background-repeat:no-repeat;
    margin:0 auto 20px
}
.buy_torchlight_2{
    display:block;
    height:0;
    overflow:hidden;
    padding-top:32px;
    width:234px;
    margin:8px 44px 9px 44px;
    background-image:url(../images/tl2/btn_hp_buy_try.png);
    background-repeat:no-repeat;
    background-position:-44px -8px
}
.buy_torchlight_2:hover{
    background-position:-44px -109px
}
.try_torchlight_2{
    display:block;
    height:0;
    overflow:hidden;
    padding-top:38px;
    width:292px;
    margin:0 15px 0px 15px;
    background-image:url(../images/tl2/btn_hp_buy_try.png);
    background-repeat:no-repeat;
    background-position:-15px -49px
}
.try_torchlight_2:hover{
    background-position:-15px -150px
}
.tall_hero_area{
    height:340px;
    position:relative
}
.buy_hero_area{
    height:250px;
    position:relative
}
.hero_area{
    height:112px;
    position:relative
}
.homepage_background{
    /* background-image:url(../images/tl2/torchlight_2_homepage_hero.jpg);
    background-repeat:no-repeat;
    background-position:50% 0% */
}
.character_background,.world_background,.about_background{
    background-image:url(../images/tl2/torchlight_2_background_left.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%
}
.media_background,
.news_background,.community_background,.support_background{
    background-image:url(../images/tl2/torchlight_2_background_right.png);
    background-repeat:no-repeat;
    background-position:50% 0%
}
.to_runic_forums:link{
    margin:0 auto 12px auto;
    background:url(../images/btn_to_runic_forums.png) no-repeat;
    width:188px;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:48px
}
.to_runic_forums:hover{
    background-position:0 -48px
}
.to_runic_forumsa:link{
    margin:20px 0 12px 5px;
    background:url(../images/btn_to_runic_forums_1.png) no-repeat;
    width:188px;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:48px
}
.to_runic_forumsa:hover{
    background-position:0 -48px
}

.build_history{
    text-align:center
}
.build_history h4{
    font-size:30px;
    margin-top:8px
}
.tech_specs h3{
    font-size:16px;
    line-height:21px
}
.tech_specs .right_column_top{
    background:url(../images/tl2/right_column_tab_top.png) no-repeat;
    height:70px
}
#tech_specs_pc_btn{
    background:url(../images/tl2/right_column_tabs.png) 100% 0 no-repeat;
    width:66px;
    height:23px;
    padding-top:7px;
    position:absolute;
    bottom:3px;
    left:15px;
    line-height:16px;
    font:bold 16px "Gill Sans","Gill Sans MT",Arial,sans-serif;
    text-shadow:0px 1px 0px #999;
    color:#000;
    cursor:pointer
}
#tech_specs_mac_btn{
    background:url(../images/tl2/right_column_tabs.png) 100% 0 no-repeat;
    width:66px;
    height:23px;
    padding-top:7px;
    position:absolute;
    bottom:3px;
    left:15px;
    line-height:16px;
    font:bold 16px "Gill Sans","Gill Sans MT",Arial,sans-serif;
    text-shadow:0px 1px 0px #999;
    color:#000;
    cursor:pointer;
    background:url(../images/tl2/right_column_tabs.png) 100% 0 no-repeat;
    left:86px
}
.tech_specs_btn_active{
    text-shadow:0px 1px 0px #fff;
    background:url(../images/tl2/right_column_tabs.png) 0 0 no-repeat !important;
    cursor:default !important
}
.landing_background{
    background-image:url(../images/tl2/landing_page_bg.jpg);
    background-repeat:no-repeat;
    background-position: 50% 150px;
    background-color:transparent
}
#landing_torchlight_2_logo{
    width:356px;
    background:url(../images/tl2/torchlight_2_logo_nav.png) no-repeat 0 0;
    height:0px;
    padding-top:162px;
    position:absolute;
    left:314px;
    top:0px;
    z-index:8;
    overflow:hidden
}
.landing_info{
    background-image:url(../images/tl2/metal_border_460.gif);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:0 0;
    background-color:transparent;
    box-shadow:0 0 10px #000;
    color:#301a0b;
    position:relative;
    text-shadow:0 1px 0 #b39c7a;
    margin:0 0 20px;
    padding:21px 0 15px;
    float:right
}
.featured_class{
    height:388px;
    margin-top:20px
}
.featured_class h2{
    display:none
}
.featured_class_berserker a{
    padding-top:190px;
    height:198px;
    background:url(../images/tl2/featured_class_berserker.png) no-repeat;
    display:block
}
.featured_class_berserker .featured_class_title{
    background:url(../images/tl2/featured_class_berserker.png) -510px 0px no-repeat;
    height:0px;
    overflow:hidden;
    padding-top:160px
}
.featured_class_berserker a:hover{
    background-position:-255px 0
}
.featured_class_berserker a:hover .featured_class_title{
    background-position:-510px -160px
}
.featured_class_outlander a{
    padding-top:190px;
    height:198px;
    background:url(../images/tl2/featured_class_outlander.png) no-repeat;
    display:block
}
.featured_class_outlander .featured_class_title{
    background:url(../images/tl2/featured_class_outlander.png) no-repeat -510px 0px;
    height:0px;
    overflow:hidden;
    padding-top:160px
}
.featured_class_outlander a:hover{
    background-position:-255px 0
}
.featured_class_outlander a:hover .featured_class_title{
    background-position:-510px -160px
}
.featured_class_engineer a{
    padding-top:190px;
    height:198px;
    background:url(../images/tl2/featured_class_engineer.png) no-repeat;
    display:block
}
.featured_class_engineer .featured_class_title{
    background:url(../images/tl2/featured_class_engineer.png) no-repeat -510px 0px;
    height:0px;
    overflow:hidden;
    padding-top:160px
}
.featured_class_engineer a:hover{
    background-position:-255px 0
}
.featured_class_engineer a:hover .featured_class_title{
    background-position:-510px -160px
}
.featured_class_embermage a{
    padding-top:190px;
    height:198px;
    background:url(../images/tl2/featured_class_embermage.png) no-repeat;
    display:block
}
.featured_class_embermage .featured_class_title{
    background:url(../images/tl2/featured_class_embermage.png) no-repeat -510px 0px;
    height:0px;
    overflow:hidden;
    padding-top:160px
}
.featured_class_embermage a:hover{
    background-position:-255px 0
}
.featured_class_embermage a:hover .featured_class_title{
    background-position:-510px -160px
}
.latest_updates,.character_classes,.class_info{
    background:url(../images/tl2/metal_border_460.gif) no-repeat;
    box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    margin-top:18px;
    padding:1px 0 15px 0;
    color:#301a0b;
    position:relative
}
.latest_updates h2{
    background:url(../images/tl2/section_title_latest_updates.png) no-repeat; 
    text-indent: -1000px;
    height:0px;
    padding-top:75px;
    margin:12px auto 0px auto;
    overflow:hidden;
    width:387px
}
.latest_updates_more{
    padding:14px 0 8px 0;
    height:44px
}
.latest_updates_more .btn_gold_border{
    float:none;
    width:240px;
    margin:0 auto
}
span.metal_border_460_bottom{
    background:url(../images/tl2/metal_border_460_bottom.png) 0 100% no-repeat;
    display:block;
    width:460px;
    height:0;
    padding-top:22px;
    left: 0;
    position:absolute;
    bottom:-4px
}
.latest_updates h3 a:link{
    color:#301a0b;
    text-decoration:none;
    font-size:14px
}
.latest_updates h3 a:visited{
    color:#301a0b
}
.latest_updates h3 a:hover{
    color:#005571
}
.latest_updates h3 a:active{
    color:#301a0b
}
.update{
    margin:5px 8px 0 9px;
    padding:0 20px 5px 20px;
    /*background:url(../images/tl2/update_div.png) no-repeat 0 100%;*/overflow:auto
}
.update p.datetime{
    color:#4c3b22;
    font-weight:bold;
    margin-bottom:6px
}
.update img.thumb{
    float:right;
    margin-bottom:6px
}
a.read_more:link{
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    color:#003343;
    text-decoration:none
}
a.read_more:visited{
    color:#003343
}
a.read_more:hover{
    color:#005571
}
a.read_more:active{
    color:#003343
}
.external_review{
    overflow:auto;
    background-image:url(../images/tl2/review_flag.png);
    background-repeat:no-repeat;
    background-position:bottom;
    padding:35px 24px 90px 24px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow:0 -1px 1px #000;
    text-align:center
}
.external_review h2{
    display:none
}
.external_review:hover p{
    color:#fff
}
.external_review:hover p a.quote{
    color:#fff
}
.external_review a,.external_review a:link{
    font-size:12px;
    color:#9e3925;
    text-decoration:none
}
.external_review:hover a{
    color:#d03617
}
.external_review p{
    background:url(../images/tl2/review_flag_quote.png) no-repeat 50% 0px;
    padding-top:40px;
    font-size:16px;
    line-height:22px;
    color:#c1a099;
    margin-bottom:20px
}
.external_review p a.quote{
    font-size:16px;
    line-height:20px;
    color:#c1a099
}
.external_review p a.quote:hover{
    color:#fff
}
.about_sidebar .right_column{
    margin-left:44px
}
.sidebar_quote_box{
    margin:0 0 25px 28px;
    position:relative;
    padding-left:2px;
    padding-top:10px
}
.sidebar_quote_box .quote_box_header{
    position:absolute;
    top:5px;
    left:0px;
    width:255px;
    padding-top:19px;
    background-image:url(../images/tl2/right_column_metal_top.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:0 0;
    background-color:transparent
}
.sidebar_quote_box .external_review{
    position:relative;
    width:205px;
    padding-top:24px
}
.homepage_background .right_column{
    margin-left:14px
}
a.blue_link:link{
    color:#228ba8;
    text-decoration:none
}
a.blue_link:visited{
    color:#228ba8
}
a.blue_link:hover{
    color:#29a8cb
}
a.blue_link:active{
    color:#228ba8
}
.right_column_middle a.fb_link:link{
    background:url(../images/socials.png) no-repeat 0 10px
}
.right_column_middle a.fb_link:hover{
    background-position:0 -18px
}
.right_column_middle a.tw_link:link{
    background:url(../images/socials.png) no-repeat 0 -46px;
    margin-bottom:16px
}
.right_column_middle a.tw_link:hover{
    background-position:0 -74px
}
.character_parade{
    height:440px;
    z-index:4;
    margin:0 0 260px 0;
    padding:0;
    overflow:hidden !important;
    position:relative
}
.character_parade h1{
    overflow:hidden;
    height:0;
    padding-top:75px;
    display:block;
    margin:6px auto 0 auto;
    background:url(../images/tl2/classes/section_titles_character_classes.png) no-repeat;
    width:387px
}
#character_parade_strip{
    width:1940px;
    height:400px;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0
}
.characters_male{
    width:970px;
    height:400px;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0
}
#male_ber{
    position:absolute;
    top:40px;
    left:460px;
    width:210px;
    height:330px;
    background:url(../images/tl2/classes/character_sheet_male.png) no-repeat -790px 0;
    z-index:60
}
#male_ber:hover{
    background-position:-790px -389px
}
#male_ber span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:10px;
    z-index:63;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#male_ber span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px 0px
}
#male_ber:hover span{
    width:278px
}
#male_emb{
    position:absolute;
    top:10px;
    left:230px;
    width:184px;
    height:370px;
    background:url(../images/tl2/classes/character_sheet_male.png) no-repeat -560px 0;
    z-index:61
}
#male_emb:hover{
    background-position:-560px -389px
}
#male_emb span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:220px;
    left:0px;
    z-index:64;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#male_emb span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -24px
}
#male_emb:hover span{
    width:278px
}
#male_eng{
    position:absolute;
    top:50px;
    left:630px;
    width:300px;
    height:330px;
    background:url(../images/tl2/classes/character_sheet_male.png) no-repeat -200px 0;
    z-index:59
}
#male_eng:hover{
    background-position:-200px -389px
}
#male_eng span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:80px;
    z-index:65;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#male_eng span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -48px
}
#male_eng:hover span{
    width:278px
}
#male_out{
    position:absolute;
    top:60px;
    left:50px;
    width:174px;
    height:320px;
    background:url(../images/tl2/classes/character_sheet_male.png) no-repeat;
    z-index:62
}
#male_out:hover{
    background-position:0px -389px
}
#male_out span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:-20px;
    z-index:66;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#male_out span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -72px
}
#male_out:hover span{
    width:278px
}
.characters_female{
    width:970px;
    height:400px;
    position:absolute;
    top:0;
    left:970px;
    margin:0;
    padding:0
}
#female_ber{
    position:absolute;
    top:70px;
    left:465px;
    width:214px;
    height:330px;
    background:url(../images/tl2/classes/character_sheet_female.png) no-repeat -419px -50px;
    z-index:70
}
#female_ber:hover{
    background-position:-419px -430px
}
#female_ber span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:10px;
    z-index:73;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#female_ber span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px 0px
}
#female_ber:hover span{
    width:278px
}
#female_emb{
    position:absolute;
    top:10px;
    left:230px;
    width:204px;
    height:370px;
    background:url(../images/tl2/classes/character_sheet_female.png) no-repeat -198px -10px;
    z-index:71
}
#female_emb:hover{
    background-position:-198px -390px
}
#female_emb span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:220px;
    left:0px;
    z-index:74;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#female_emb span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -24px
}
#female_emb:hover span{
    width:278px
}
#female_eng{
    position:absolute;
    top:30px;
    left:690px;
    width:184px;
    height:330px;
    background:url(../images/tl2/classes/character_sheet_female.png) no-repeat -640px 0;
    z-index:69
}
#female_eng:hover{
    background-position:-640px -380px
}
#female_eng span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:20px;
    z-index:75;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#female_eng span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -48px
}
#female_eng:hover span{
    width:278px
}
#female_out{
    position:absolute;
    top:60px;
    left:50px;
    width:174px;
    height:320px;
    background:url(../images/tl2/classes/character_sheet_female.png) no-repeat;
    z-index:72
}
#female_out:hover{
    background-position:0px -380px
}
#female_out span{
    display:block;
    width:0px;
    height:104px;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat;
    overflow:hidden;
    position:absolute;
    top:200px;
    left:-20px;
    z-index:76;
    -webkit-transition:width 0.15s linear;
    -moz-transition:width 0.15s linear;
    -o-transition:width 0.15s linear;
    transition:width 0.15s linear
}
#female_out span h3{
    height:0px;
    display:block;
    padding-top:24px;
    margin:36px 0 0 12px;
    overflow:hidden;
    background:url(../images/tl2/classes/blood_splat_character_classes.png) no-repeat -376px -72px
}
#female_out:hover span{
    width:278px
}
.character_strip_controls{
    width:86px;
    position:absolute;
    top:6px;
    left:447px;
    height:43px
}
.characters_male_show{
    width:42px;
    float:left;
    height:0;
    padding-top:43px;
    overflow:hidden;
    background:url(../images/tl2/classes/class_gender.png) no-repeat 0 -43px
}
.characters_male_show_active{
    cursor:pointer;
    background:url(../images/tl2/classes/class_gender.png) no-repeat -42px -43px
}
.characters_female_show{
    width:42px;
    float:right;
    height:0;
    padding-top:43px;
    overflow:hidden;
    cursor:pointer;
    background:url(../images/tl2/classes/class_gender.png) no-repeat -42px 0px
}
.characters_female_show_inactive{
    background:url(../images/tl2/classes/class_gender.png) no-repeat 0 0px
}
.character_flags{
    position:absolute;
    top:370px;
    left:5px;
    height:438px;
    background:url(../images/tl2/classes/character_flags.png) no-repeat;
    z-index:11
}
.character_classes{
    margin-top:50px;
    position:relative;
    /*text-shadow: rgb(179, 156, 122) 1px 1px 0px;*/
}
.character_classes h3{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:26px;
    width:400px;
    margin:21px auto 14px auto
}
.character_classes p{
    padding:0 32px 0px 29px;
    margin-bottom:8px;
    font-size:13px
}
.classes_stone_bg #character_art,.classes_stone_bg .frame_large{
    width:220px;
    height:260px;
    margin:106px auto 0 24px
}
.classes_stone_bg #screenshot{
    height:260px;
    margin:106px 17px 0 auto
}
.classes_stone_bg .character_gallery h2{
    height:0;
    padding-top:17px;
    width:127px;
    overflow:hidden;
    margin:0 auto 4px auto;
    background:url(../images/tl2/classes/image_frame_title_character_art.png) no-repeat
}
.classes_stone_bg #screenshot h2{
    background:url(../images/tl2/classes/image_frame_title_screenshots.png) no-repeat
}
.class_info{
    margin:0 0 20px 0;
    padding:21px 0 15px 0
}
.berserker h1,.embermage h1,.engineer h1,.outlander h1{
    background:url(../images/tl2/blood_wipe.png) no-repeat;
    width:387px;
    height:59px;
    margin:6px auto 0 auto;
    padding-top:15px
}
.berserker h1 span,.embermage h1 span,.engineer h1 span,.outlander h1 span{
    height:0;
    padding-top:35px;
    width:200px;
    display:block;
    overflow:hidden;
    margin:0 auto
}
.class_info h2{
    text-align:center;
    padding:0 30px 0 30px;
    font-size:21px;
    margin:6px 0 15px 0
}
.class_info p{
    padding:0 40px 0 40px;
    /*text-shadow: rgb(179, 156, 122) 1px 1px 0px;*/
}
.class_media{
    padding-top:350px
}
.class_images{
    margin:0 0 0px 50px;
    width:390px;
    overflow:auto
}
.class_images a{
    display:block;
    float:left;
    margin:0 20px 20px 0;
    position:relative
}
.class_images a div{
    background:url(../images/tl2/class_frame.png) no-repeat;
    width:172px;
    height:123px;
    position:absolute;
    top:0;
    left:0
}
.class_images img{
    opacity:0.9;
    margin:2px
}
.class_images a:hover img{
    opacity:1
}
.class_media .btn_gold_border{
    margin-left:130px
}
.berserker h1 span{
    background:url(../images/tl2/classes/class_titles.png) no-repeat
}
.berserker .col_970{
    background:url(../images/tl2/classes/berserker_lede.jpg) no-repeat
}
.embermage h1 span{
    background:url(../images/tl2/classes/class_titles.png) 0 -35px no-repeat
}
.embermage .col_970{
    background:url(../images/tl2/classes/embermage_lede.jpg) no-repeat
}
.engineer h1 span{
    background:url(../images/tl2/classes/class_titles.png) 0 -70px no-repeat
}
.engineer .col_970{
    background:url(../images/tl2/classes/engineer_lede.jpg) no-repeat
}
.outlander h1 span{
    background:url(../images/tl2/classes/class_titles.png) 0 -105px no-repeat
}
.outlander .col_970{
    background:url(../images/tl2/classes/outlander_lede.jpg) no-repeat
}
.other_classes{
    margin:0 auto 15px auto;
    width:400px;
    text-align:center;
    background:url(../images/tl2/update_div.png) center bottom no-repeat;
    padding:0px 0 8px 0
}
.other_classes li{
    display:inline;
    padding:0 15px 0 15px;
    background:url(../images/tl2/list_icon.png) 0 -5px no-repeat
}
.other_classes li span.selected{
    font-weight:bold;
    font-size:10px;
}
.other_classes a:link{
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    color:#003343
}
.other_classes a:visited{
    color:#003343
}
.other_classes a:hover{
    color:#005571
}
.other_classes a:active{
    color:#003343
}
h1.error_page{
    height:0;
    margin-top:60px;
    overflow:hidden
}
.news_page{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/news/section_titles_news.png) no-repeat; width:360px}
.news_page a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.news_page_a{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/news/section_titles_news_a.png) no-repeat; width:360px}
.news_page_a a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.member_page{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/member/section_titles_member.png) no-repeat; width:360px}
.member_page a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.register_page{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/member/section_titles_register.png) no-repeat; width:360px}
.register_page a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.purchase_page{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/purchase/section_titles_purchase.png) no-repeat; width:360px}
.purchase_page a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.download_page{overflow:hidden; height:0;  padding-top:85px; margin:0 auto 25px auto; background:url(../images/tl2/download/section_titles_download.png) no-repeat; width:360px}
.download_page a{position:absolute; top:3px;right:310px;overflow:hidden; height:0; padding-top:85px; display:block; width:360px;z-index:90}

.news_page_nav{
    display:block;
    height:44px;
    overflow:auto;
    margin-bottom:30px;
    margin-right:6px;
    text-align:center;
    text-decoration:none;
    padding-right:18px;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:100% -44px
}
.news_page_nav span.news_page_nav_inner{
    display:block;
    height:24px;
    line-height:24px;
    padding:10px 0;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat
}
.news_page_nav span.news_page_nav_inner span{
    padding:0px 3px;
    text-decoration:none;
    text-shadow:0px 1px 1px #222;
    font-weight:bold;
    font-size:16px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
}
.news_page_nav span.news_page_nav_inner span.disabled,.news_page_nav span.news_page_nav_inner span.current{
    color:#444
}
.news_page_nav span.news_page_nav_inner a{
    color:#2c89ac;
    padding:0px 3px;
    text-decoration:none;
    text-shadow:0px 1px 1px #000;
    font-weight:bold;
    font-size:16px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
}
.news_page_nav span.news_page_nav_inner a.next_page{
    margin-left:5px
}
.news_page_nav span.news_page_nav_inner a.prev_page{
    margin-right:5px
}
.news_page_nav span.news_page_nav_inner a:hover,.news_page_nav span.news_page_nav_inner a.next_page:hover,.news_page_nav span.news_page_nav_inner a.prev_page:hover{
    color:#45b3dc
}
.news_page_nav span.news_page_nav_inner a:visited,.news_page_nav span.news_page_nav_inner a.next_page:visited,.news_page_nav span.news_page_nav_inner a.prev_page:visited{
    color:#2c89ac
}
.news_page_nav span.news_page_nav_inner a:active,.news_page_nav span.news_page_nav_inner a.next_page:active,.news_page_nav span.news_page_nav_inner a.prev_page:active{
    color:#2c89ac
}
.article_page_nav{
    margin-bottom:30px;
    overflow:auto
}
.article_970{
    background-image:url(../images/tl2/article_bg_970.png);
    background-repeat:repeat-y;
    position:relative;
    width:970px;
    box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    margin:5px 0 0px 0
}
.article_970 h1{
    text-align:center;
    margin-bottom:10px
}
.article_970 h1 a{
    text-decoration:none
}
.article_970 .article_body_970{
    position:relative;
    padding:20px 40px 20px 64px
}
.article_970 .article_top_970{
    background-image:url(../images/tl2/article_top_bg_970.png);
    position:absolute;
    top:-5px;
    height:22px;
    width:970px
}
.article_970 .article_bottom_970{
    background-image:url(../images/tl2/article_bottom_bg_970.png);
    background-repeat:no-repeat;
    position:absolute;
    bottom:-5px;
    left:0px;
    z-index:15;
    height:22px;
    width:970px
}
.article{
    background:url(../images/tl2/article_bg.jpg) repeat-y;
    position:relative;
    width:630px;
    box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    margin:5px 0 35px 0
}
.article_body{
    background:url(../images/tl2/article_body_bg.jpg) no-repeat;
    position:relative;
    padding:20px 40px 20px 55px; 
    text-decoration:none;
}
.article_pubdate{
    color:#5f4d32;
    font-weight:bold;
    padding:0;
    margin-bottom:8px !important;
    font-size:12px;
    text-shadow:0px 1px 0px #b39c7a
}
.article h3{
    text-shadow:0px 1px 0px #b39c7a;
    margin-bottom:0px
}
.article_text{
    color:#301a0b;
    padding-top:14px;
    margin-bottom:20px;
}
.article_text h4{
    padding-top:10px
}
.article_text a{
    text-decoration:underline
}

.fansite,.article_divider{
    background:url(../images/tl2/article_divider.png) top no-repeat
}
.fansite{
    margin-top:14px
}
.article_subtext p:first-child{
    padding-top:10px
}
.article_img img{
    border:1px solid #826540;
    border-bottom:1px solid #a68b62;
    margin-bottom:3px
}
.caption{
    font-size:12px;
    font-style:italic;
    color:#524129
}
.article_footer{
    background:url(../images/tl2/article_footer_bg.png) no-repeat;
    margin:0 7px 0 8px;
    padding:16px 20px 0 56px;
    height:33px;
    position:relative
}
.article_footer p{
    font-size:12px;
    font-weight:bold;
    line-height:12px;
    color:#5f4d35;
    text-shadow:0px -1px 0px #000;
    margin-top:4px
}
.article_socials{
    position:absolute;
    top:19px;
    right:20px;
    width:120px
}
.article_top{
    background:url(../images/tl2/article_top_bg.png);
    position:absolute;
    top:-5px;
    height:22px;
    width:630px
}
.article_type_runic,.article_type_review,.article_type_faq,.article_type_community{
    background:url(../images/tl2/news/article_type_banners.png) no-repeat;
    position:absolute;
    top:-5px;
    height:54px;
    width:47px
}
.article_type_review{
    background-position:-47px 0px
}
.article_bottom{	
    background:url(../images/tl2/article_bottom_bg.png) no-repeat;	
    position:absolute;	
    bottom:-4px;
    left:1px;
    z-index:15;	
    height:22px;
    width:630px
}
.article h3 a:link{
    color:#301a0b;
    text-decoration:none
}
.article h3 a:visited{
    color:#301a0b
}
.article h3 a:hover{
    color:#005571
}
.article h3 a:active{
    color:#301a0b
}
.article_footer a:link{
    color:#5f4d35;
    text-decoration:none
}
.article_footer a:visited{
    color:#5f4d35
}
.article_footer a:hover{
    color:#987a53
}
.article_footer a:active{
    color:#5f4d35
}
.bold{
    font-weight:bold
}
em,.em{
    font-style:italic
}
.article blockquote{
    padding-left:30px;
    border-left:1px solid #826540;
    font-style:italic
}
.article ul{
    margin:0 0 6px 30px;
    padding:0
}
ol{
    margin:0 0 6px 30px;
    padding:0
}
.article ol{
    list-style-type:decimal
}
.article ul{
    list-style-image:url(../images/tl2/list_icon.png)
}
.article ul.simple{
    list-style-type:circle;
    list-style-image:none
}
.article li{
    margin:0;
    padding:0
}
.community_page{
    overflow:hidden;
    height:0;
    padding-top:100px;
    display:block;
    margin:2px auto 0 auto;
    background:url(../images/tl2/community/section_titles_community.png) no-repeat;
    width:320px
}
.community_page a{
    position:absolute;
    top:3px;
    right:330px;
    overflow:hidden;
    height:0;
    padding-top:100px;
    display:block;
    width:320px;
    z-index:90
}
.community_feature{
    position:relative;
    margin-bottom:30px;
    display:block;
    text-decoration:none
}
.community_feature:hover .feature_blurb{
    color:#fff
}
.community_feature:hover .feature_blurb span{
    color:#dfd6bb
}
.community_feature img{
    margin:2px;
    opacity:0.9
}
.community_feature:hover img{
    opacity:1
}
.feature_blurb{
    position:absolute;
    bottom:0;
    left:0;
    background:url(../images/tl2/feature_block_bg.png);
    width:100%;
    padding:6px 10px 16px 20px;
    font:24px "Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    color:#dfd6bb
}
.feature_blurb span{
    font-size:11px;
    font-weight:bold;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    display:block;
    text-transform:uppercase;
    padding:0 0 2px 0;
    color:#756b4e
}
.feature_frame_top{
    background:url(../images/tl2/community_frame_top.png) no-repeat;
    width:630px;
    position:absolute;
    top:0;
    left:0;
    height:100%
}
.feature_frame_bottom{
    background:url(../images/tl2/community_frame_bottom.png) no-repeat;
    width:630px;
    position:absolute;
    bottom:-2px;
    left:0;
    padding-top:19px;
    height:0
}
.article_type_community{
    background-position:-141px 0px
}
.fansite_image{
    width:85px;
    float:left
}
.fansite_image a{
    width:85px;
    height:0;
    padding-top:85px;
    display:inline-block;
    position:relative;
    overflow:hidden;
    margin-top:4px
}
.fansite_image a img{
    position:absolute;
    top:5px;
    left:5px;
    border:0;
    margin:0;
    opacity:0.9
}
.fansite_image a:hover img{
    opacity:1
}
.fansite_image a div{
    width:85px;
    height:0;
    padding-top:85px;
    background:url(../images/tl2/community/fansite_frame.png) no-repeat;
    position:absolute;
    top:0;
    left:0
}
.fansite_feature{
    float:right;
    width:420px
}
.fansite_feature h4{
    padding-top:0px
}
.right_column_top.torched{
    background:url(../images/tl2/right_column_torched_top.png) no-repeat;
    height:153px;
    padding-top:8px
}
.right_column_top.torched a{
    background:url(../images/tl2/right_column_torched.png) no-repeat;
    height:0;
    display:block;
    padding-top:145px;
    width:202px;
    overflow:hidden;
    margin:0 auto;
    opacity:0.9
}
.about_torched a.torched{
    background:url(../images/tl2/right_column_torched.png) no-repeat;
    height:0;
    display:block;
    padding-top:145px;
    width:202px;
    overflow:hidden;
    margin:0 auto;
    opacity:0.9
}
.right_column_top.torched a:hover{
    opacity:1
}
.about_torched a.torched{
    margin:0 0 20px 0
}
.about_torched a.torched:hover{
    opacity:1
}
.support_page{overflow:hidden;    height:0;    padding-top:95px;    margin:0 auto 0 auto; background:url(../images/tl2/support/section_titles_support.png) no-repeat; width:292px}
.support_page a{ position:absolute;  top:3px; right:390px;overflow:hidden; height:0;padding-top:60px; display:block; width:200px; z-index:90}

.support_page_a{overflow:hidden;    height:0;    padding-top:95px;    margin:0 auto 0 auto; background:url(../images/tl2/support/section_titles_support_a.png) no-repeat; width:292px}
.support_page_a a{ position:absolute;  top:3px; right:390px;overflow:hidden; height:0;padding-top:60px; display:block; width:200px; z-index:90}

.faq_page{overflow:hidden;    height:0;    padding-top:95px;    margin:0 auto 0 auto; background:url(../images/tl2/support/section_titles_faq.png) no-repeat; width:292px}
.faq_page a{ position:absolute;  top:3px; right:390px;overflow:hidden; height:0;padding-top:60px; display:block; width:200px; z-index:90}

.article_type_faq{
    background-position:-94px 0px
}
.article .question_section{
    background:url(../images/tl2/article_divider.png) top no-repeat;
    padding:14px 0 14px 0
}
.article_text .question_section:first-child{
    text-shadow:0px 1px 0px #b39c7a
}
.article_to_top{
    font-size:11px;
    text-decoration:none;
    float:right;
    margin-right:10px;
    margin-top:13px
}
.article.faq ul{
    padding:0;
    margin:0 0 6px 10px
}
.article.faq ul li{
    padding:0;
    margin:0 0 2px 12px;
    background:none
}
.article.faq .question_section a{
    text-decoration:none;
    font-weight:bold
}
.article.faq .question_section h6{
    text-transform:uppercase;
    margin-bottom:10px;
    color:#301b0d
}
.article.faq .answer_section{
    padding:10px 0 20px 0
}
.article.faq .answer,.article.faq .build_notes{
    position:relative;
    background:url(../images/tl2/article_divider.png) top no-repeat;
    padding:18px 0 5px 0;
    margin:0
}
.article.faq .answer .to_top{
    font-size:11px;
    position:absolute;
    top:18px;
    right:10px;
    text-decoration:none
}
.article.faq .build_notes .to_top{
    font-size:11px;
    position:absolute;
    bottom:0;
    right:10px;
    text-decoration:none
}
.article.faq .answer p{
    margin-bottom:10px;
    padding:0 0 0 25px
}
.article.faq .answer h5{
    background:url(../images/tl2/list_icon.png) no-repeat 0 -5px;
    padding-left:25px;
    padding-right:25px;
    color:#301b0d
}
.article.faq .build_notes h5{
    background:url(../images/tl2/list_icon.png) no-repeat 0 -5px;
    padding-left:25px;
    color:#301b0d;
    background:none;
    padding-left:0
}
.article.faq .build_notes ul{
    list-style-image:url(../images/tl2/build_list_icon.png);
    padding-left:10px
}
.media_page{
    overflow:hidden;
    height:0;
    padding-top:135px;
    margin:0 auto 0 auto;
    background:url(../images/tl2/media/section_titles_media.png) no-repeat;
    width:280px
}
.media_page a{
    position:absolute;
    top:3px;
    right:430px;
    overflow:hidden;
    height:0;
    padding-top:60px;
    display:block;
    width:120px;
    z-index:91;
    text-transform:uppercase
}
.media_container{
    margin:-46px 0 30px 0
}
.media_container .media_strip_column{
    width:890px;
    float:left;
    height:100%
}
.media_container div h2{
    text-align:center;
    margin-bottom:10px;
    text-indent: -9999px;
}
.video_media_container div h2{
    text-align:center;
    margin-bottom:10px
}
.video_media_container .media_strip_column{
    width:890px;
    float:left;
    height:100%
}
.btn_left{
    background:url(../images/media_box/btns.png) 0 -35px no-repeat;
    display:block;
    width:35px;
    padding-top:35px;
    height:0;
    overflow:hidden;
    position:absolute;
    top:49%;
    left:-6px;
    cursor:pointer
}
.btn_left:hover{
    background-position:-35px -35px
}
.btn_right{
    background:url(../images/media_box/btns.png) 0px -70px no-repeat;
    display:block;
    width:35px;
    padding-top:35px;
    height:0;
    overflow:hidden;
    position:absolute;
    top:49%;
    right:-6px;
    cursor:pointer
}
.btn_right:hover{
    background-position:-35px -70px
}
.media_container a,.media_container p{
    font:bold 13px "Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    text-decoration:none;
    line-height:18px
}
.more_videos a,.more_videos p{
    font:bold 13px "Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    text-decoration:none;
    line-height:18px
}
.media_strip_mask{
    width:890px;
    margin:0 auto 0 auto;
    overflow:hidden;
    position:relative;
    text-align:center
}
.media_strip_mask .frame_text{
    margin-left:10px;
    margin-right:10px
}
.media_strip{
    width:8600px;
    position:absolute;
    left:0;
    top:0
}
.frame_large{
    width:266px;
    height:154px;
    margin:0 15px 28px 15px;
    display:block;
    position:relative;
    float:left
}
.frame_large img{
    margin:2px 0 0 2px;
    opacity:0.9
}
.frame_large:hover img{
    opacity:1
}
.frame_large div.frame_top,.frame_large div.frame_footer{
    width:266px;
    height:0px;
    position:absolute
}
.frame_large div.frame_top{
    background:url(../images/tl2/frame_large_top.png) no-repeat;
    height:100%;
    top:0;
    left:0
}
.frame_large div.frame_footer{
    background:url(../images/tl2/frame_large_bottom.png) no-repeat;
    padding-top:18px;
    bottom:-1px;
    left:0px
}
.media_videos_trailers{
    background:url(../images/tl2/metal_separator_broken.png) no-repeat;
    width:926px;
    margin:0 auto 30px auto;
    position:relative
}
.media_videos_trailers h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -142px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    text-indent: -9999px;
    margin:0 auto
}
.media_videos_trailers .media_strip_mask{
    height:240px
}
.media_screenshots,.media_concept_art{
    background:url(../images/tl2/metal_separator_broken.png) no-repeat;
    width:926px;
    margin:0 auto 30px auto;
    position:relative
}
.media_screenshots h2,.media_concept_art h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -172px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    margin:0 auto
}
.media_screenshots .media_strip_mask,.media_concept_art .media_strip_mask{
    height:370px
}
.media_screenshots .frame_large,.media_concept_art .frame_large{
    height:169px
}
.media_concept_art .media_strip_mask{
    height:165px
}
.media_concept_art h2{
    background-position:-5px -290px
}
.media_game_music{
    background:url(../images/tl2/metal_separator_broken.png) no-repeat;
    width:926px;
    margin:0 auto 30px auto;
    position:relative
}
.media_game_music h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -202px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    margin:0 auto
}
.media_game_music .media_strip_mask,.media_game_music .media_strip{
    height:200px
}
.media_game_music .btn_left,.media_game_music .btn_right{
    top:40%
}
.media_wallpapers{
    background:url(../images/tl2/metal_separator_broken.png) no-repeat;
    width:926px;
    margin:0 auto 30px auto;
    position:relative
}
.media_wallpapers .btn_left,.media_wallpapers .btn_right{
    top:40%
}
.media_wallpapers h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -232px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    margin:0 auto
}
.media_wallpapers .media_strip_mask{
    height:220px
}
.media_icons_avatars{
    background:url(../images/tl2/metal_separator_broken.png) no-repeat;
    width:926px;
    margin:0 auto 60px auto
}
.media_icons_avatars h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -262px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    margin:0 auto
}
.media_icons_avatars .media{
    width:804px;
    margin:10px auto 0 auto;
    overflow:auto
}
.track{
    background:url(../audio/player_bg.jpg) no-repeat;
    margin:60px 60px 50px 60px;
    padding:9px 44px 0 44px;
    width:290px
}
.track_downloads{
    margin-top:20px;
    text-align:center
}
.frame_text_large{
    width:266px;
    margin:0 15px 0 15px;
    display:block;
    position:relative;
    float:left;
    text-decoration:none;
    font-weight:bold
}
.frame_text_large img{
    margin:2px 0 0 2px;
    opacity:0.9
}
.frame_text_large:hover img{
    opacity:1
}
.frame_text_large div.frame_top,.frame_text_large div.frame_strut,.frame_text_large div.frame_footer{
    width:266px;
    height:0px;
    position:absolute
}
.frame_text_large div.frame_top{
    background:url(../images/tl2/frame_large_top.png) no-repeat;
    height:100%;
    top:0;
    left:0
}
.frame_text_large div.frame_strut{
    background:url(../images/tl2/frame_large_strut.png) no-repeat;
    padding-top:60px;
    top:164px;
    left:0
}
.frame_text_large div.frame_footer{
    background:url(../images/tl2/frame_large_bottom.png) no-repeat;
    padding-top:18px;
    bottom:-1px;
    left:0px
}
.frame_text_large p{
    padding:8px 12px 16px 20px;
    margin-bottom:0;
    position:relative;
    color:#755a40
}
.frame_text_large p span{
    color:#755a40;
    background:none;
    padding:0;
    margin-bottom:0;
    height:auto;
    width:auto;
    position:relative
}
.frame_text_large:hover p,.frame_text_large:hover span{
    color:#9b8268
}
.frame_text_large span{
    display:block;
    padding-top:18px;
    height:0;
    width:266px;
    background:url(../images/tl2/frame_large_bottom.png) no-repeat;
    position:absolute;
    bottom:-1px
}
.media_container .frame_text_large,.video_media_container .frame_text_large{
    float:none;
    display:inline-block;
    margin-left:10px;
    margin-right:10px
}
.media_container .frame_large,.video_media_container .frame_large{
    float:none;
    display:inline-block;
    vertical-align:top;
    margin-left:10px;
    margin-right:10px
}
.media_container .frame_text,.video_media_container .frame_text{
    vertical-align:top
}
.frame_text{
    vertical-align:top;
    width:148px;
    margin:0 15px 15px 15px;
    display:inline-block;
    position:relative;
    *display: inline;
    *zoom:1;
}
.frame_text img{
    margin:2px 0 0 2px;
    position:relative;
    opacity:0.9
}
.frame_text:hover img{
    opacity:1
}
.frame_text div.frame_top,.frame_text div.frame_strut,.frame_text div.frame_footer{
    width:148px;
    height:0px;
    position:absolute
}
.frame_text div.frame_top{
    background:url(../images/tl2/frame_medium_top.png) no-repeat;
    height:100%;
    top:0;
    left:0
}
.frame_text div.frame_strut{
    background:url(../images/tl2/frame_medium_strut.png) no-repeat;
    padding-top:9px;
    top:90px;
    left:0
}
.frame_text div.frame_footer{
    background:url(../images/tl2/frame_medium_bottom.png) no-repeat;
    padding-top:18px;
    bottom:-1px;
    left:0px;
    z-index:6
}
.frame_text p,.frame_text ul{
    padding:8px 12px 0px 12px;
    position:relative
}
.frame_text p span{
    color:#510003;
    display:block;
    padding-top:0px;
    height:auto;
    width:auto;
    background:none;
    position:relative
}
.frame_text:hover p span{
    color:#740004
}
.frame_text ul{
    margin-bottom:18px
}
.frame_text ul li a{
    color:#755a40
}
.frame_text ul li a:hover{
    color:#9b8268
}
.frame_text_teaser{
    vertical-align:top;
    width:215px;
    height:190px;
    display:block;
    position:relative
}
.frame_text_teaser img{
    margin:2px 0 0 2px;
    position:relative;
    opacity:0.9
}
.frame_text_teaser:hover img{
    opacity:1
}
.frame_text_teaser div.frame_top,.frame_text_teaser div.frame_strut,.frame_text_teaser div.frame_footer{
    width:215px;
    height:0px;
    position:absolute
}
.frame_text_teaser div.frame_top{
    background:url(../images/tl2/frame_teaser_top.png) no-repeat;
    height:100%;
    top:0;
    left:0
}
.frame_text_teaser div.frame_strut{
    background:url(../images/tl2/frame_teaser_strut.png) no-repeat;
    padding-top:60px;
    top:125px;
    left:0
}
.frame_text_teaser div.frame_footer{
    background:url(../images/tl2/frame_teaser_bottom.png) no-repeat;
    padding-top:18px;
    bottom:0px;
    left:0px;
    z-index:6
}
.frame_text_teaser p{
    padding:6px 12px 0px 12px;
    position:relative;
    margin-bottom:0px;
    font-size:12px;
    line-height:14px;
    text-shadow:none;
    color:#755a40
}
.frame_small{
    width:104px;
    height:105px;
    margin:0 15px 28px 15px;
    display:block;
    position:relative;
    float:left
}
.frame_small img{
    margin:2px;
    opacity:0.9
}
.frame_small:hover img{
    opacity:1
}
.frame_small div{
    background:url(../images/tl2/frame_small.png) no-repeat;
    position:absolute;
    height:104px;
    width:105px;
    top:0;
    left:0
}
.media_page_video{
    font:bold 16px "Gills Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    color:#fff;
    text-shadow:0px 1px 1px #000;
    margin:22px auto 40px auto;
    width:840px
}
.media_page_video a,.media_page_video a:link{
    background-image:url(../images/tl2/separator_arrow.png);
    background-repeat:no-repeat;
    background-position:100% 55%;
    padding-right:21px;
    color:#a67630;
    text-decoration:none;
    z-index:92;
    position:relative
}
.media_page_video a:hover,.media_page_video a:link:hover{
    color:#c4a550
}
.media_page_video a:visited,.media_page_video a:active,.media_page_video a:link:visited,.media_page_video a:link:active{
    color:#a67630
}
.video_container_small{
    width:450px;
    background:#000;
    position:relative;
    margin:0 auto 60px auto
}
.video_container_small .nw{
    background:url(../images/media_box/border_nw.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    top:-25px;
    left:-25px
}
.video_container_small .n{
    background:url(../images/media_box/border_n.png);
    height:25px;
    width:100%;
    position:absolute;
    top:-25px;
    left:0
}
.video_container_small .ne{
    background:url(../images/media_box/border_ne.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    top:-25px;
    right:-25px
}
.video_container_small .e{
    background:url(../images/media_box/border_e.png);
    height:100%;
    width:25px;
    position:absolute;
    top:0;
    right:-25px
}
.video_container_small .se{
    background:url(../images/media_box/border_se.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    bottom:-25px;
    right:-25px
}
.video_container_small .s{
    background:url(../images/media_box/border_s.png);
    height:25px;
    width:100%;
    position:absolute;
    bottom:-25px;
    left:0
}
.video_container_small .sw{
    background:url(../images/media_box/border_sw.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    bottom:-25px;
    left:-25px
}
.video_container_small .w{
    background:url(../images/media_box/border_w.png);
    height:100%;
    width:25px;
    position:absolute;
    top:0;
    left:-25px
}
.video_container_small .video{
    width:450px
}
.video_footer_small{
    width:100%;
    background:url(../images/media_box/media_leather_bg.jpg);
    height:32px;
    position:relative;
    margin:16px 0 0 0
}
.video_footer_small .strut_left{
    height:8px;
    width:50px;
    background:url(../images/tl2/strut_border.png) 0 0 no-repeat;
    position:absolute;
    left:-17px;
    top:0
}
.video_footer_small .strut_center{
    height:8px;
    width:100%;
    background:url(../images/tl2/strut_border.png) 0 -16px
}
.video_footer_small .strut_right{
    height:8px;
    width:50px;
    background:url(../images/tl2/strut_border.png) 0 -8px no-repeat;
    position:absolute;
    right:-17px;
    top:0
}
.video_footer_small .video_links{
    margin:10px auto 0 auto;
    width:300px;
    text-align:center
}
.video_container{
    width:810px;
    background:#000;
    position:relative;
    margin:0 auto 60px auto
}
.video_container .nw{
    background:url(../images/media_box/border_nw.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    top:-25px;
    left:-25px
}
.video_container .n{
    background:url(../images/media_box/border_n.png);
    height:25px;
    width:100%;
    position:absolute;
    top:-25px;
    left:0
}
.video_container .ne{
    background:url(../images/media_box/border_ne.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    top:-25px;
    right:-25px
}
.video_container .e{
    background:url(../images/media_box/border_e.png);
    height:100%;
    width:25px;
    position:absolute;
    top:0;
    right:-25px
}
.video_container .se{
    background:url(../images/media_box/border_se.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    bottom:-25px;
    right:-25px
}
.video_container .s{
    background:url(../images/media_box/border_s.png);
    height:25px;
    width:100%;
    position:absolute;
    bottom:-25px;
    left:0
}
.video_container .sw{
    background:url(../images/media_box/border_sw.png) no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    bottom:-25px;
    left:-25px
}
.video_container .w{
    background:url(../images/media_box/border_w.png);
    height:100%;
    width:25px;
    position:absolute;
    top:0;
    left:-25px
}
.video_container .video{
    width:810px
}
.video_footer{
    width:100%;
    background:url(../images/media_box/media_leather_bg.jpg);
    height:32px;
    position:relative;
    margin:16px 0 0 0
}
.video_footer .strut_left{
    height:8px;
    width:50px;
    background:url(../images/tl2/strut_border.png) 0 0 no-repeat;
    position:absolute;
    left:-17px;
    top:0
}
.video_footer .strut_center{
    height:8px;
    width:100%;
    background:url(../images/tl2/strut_border.png) 0 -16px
}
.video_footer .strut_right{
    height:8px;
    width:50px;
    background:url(../images/tl2/strut_border.png) 0 -8px no-repeat;
    position:absolute;
    right:-17px;
    top:0
}
.video_footer .video_links{
    margin:10px auto 0 auto;
    width:600px;
    text-align:center
}
.video_footer .video_socials{
    position:absolute;
    top:18px;
    right:8px;
    width:120px
}
.video_footer_small .video_socials{
    position:absolute;
    top:18px;
    right:8px;
    width:120px
}
.more_videos{
    width:926px;
    margin:0 auto 10px auto;
    position:relative
}
.more_videos h2{
    background:url(../images/tl2/media/section_titles_media.png) -6px -202px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden;
    width:196px;
    margin:0 auto
}
.more_videos .media_strip_mask,.more_videos .media_strip{
    height:200px
}
.more_videos .btn_left,.more_videos .btn_right{
    top:38%
}
.video_links a:link{
    font:bold 13px "Gills Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    color:#634e0e;
    text-decoration:none;
    text-shadow:none
}
.video_links a:visited{
    color:#634e0e
}
.video_links a:hover{
    color:#a67630
}
.video_links a:active{
    color:#634e0e
}
.world_page{
    overflow:hidden;
    height:0;
    padding-top:75px;
    position:absolute;
    top:0;
    left:310px;
    background:url(../images/tl2/world/section_titles_world.png) no-repeat;
    width:360px;
    z-index:200
}
#world_feature{
    overflow:hidden;
    position:relative;
    padding:0;
    margin:30px 0 0 0
}
#world_feature_load h2{
    color:#43c0a7;
    font-size:24px;
    text-shadow:1px 1px 0 #301a0b
}
#world_starting_feature{
    background:url(../images/tl2/world/world_bg.jpg) no-repeat;
    position:relative; 
    height: 435px;
}
#world_feature p{
    margin-bottom:20px;
    line-height:19px;
    color:#ddd;
    text-shadow:2px 2px 5px #000
}
.hook_words{
    font:bold 18px "Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    color:#43c0a7;
    text-shadow:0px 1px 0px #301a0b
}
.column_first{
    width:380px;
    float:right;
    padding:70px 70px 60px 520px
}
.column_left{
    width:380px;
    float:left;
    margin:0px 0 0px 70px
}
.column_right{
    width:380px;
    float:left;
    margin:0px 0 0px 70px;
    width:380px;
    float:right;
    margin-left:0px;
    margin-right:70px;
    text-shadow: rgb(179, 156, 122) 1px 1px 0px;
}
.column_image{
    padding:0;
    margin:0;
    float:left
}
.column_image img{
    padding:0;
    margin:0
}
.feature_above_fold{
    width:100%;
    overflow:auto;
    padding:0 0 40px 0
}
.feature_above_fold .column_right,.feature_above_fold .column_left{
    margin-top:80px
}
.feature_below_fold{
    width:100%;
    overflow:auto;
    padding:0 0 40px 0
}
#show_more{
    position:absolute;
    bottom:0px;
    width:530px;
    padding-left:440px;
    height:44px;
    background:url(../images/tl2/jagged_strip.png) no-repeat
}
#show_more 
.btn_gold_border span{
    color:#43c0a7 !important
}
#show_more .btn_gold_border:hover span{
    color:#43e3c3 !important
}
.world_tabs{
    background:#0e0908;
    margin-bottom:5px;
    padding-top:10px;
    overflow:auto
}
.world_tabs .frame_text .frame_strut{
    top:144px
}
.world_tabs a,.world_tabs p{
    font:bold 13px "Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    text-decoration:none;
    text-align:center;
    text-transform:capitalize;
    line-height:18px
}
.world_tabs a:link{
    color:#359985;
    text-decoration:none
}
.world_tabs a:visited{
    color:#359985
}
.world_tabs a:hover{
    color:#43c0a7
}
.world_tabs a:active{
    color:#359985
}
.tab_control{
    background:url(../images/tl2/category_bg.png) no-repeat;
    width:896px;
    height:56px;
    margin:0 auto;
    position:relative;
    text-align:center
}
.tab_control .highlight{
    cursor:pointer;
    position:absolute;
    top:0;
    left:-2000px
}
.tab_control .world_tab{
    height:0;
    padding-top:22px;
    cursor:pointer;
    margin:14px 20px;
    display:inline-block;
    overflow:hidden;
    background-image:url(../images/tl2/world/section_titles_world.png);
    background-repeat:no-repeat
}
.tab_control .world_tab#creatures_link{
    width:134px;
    background-position:0 -100px
}
.tab_control .world_tab#creatures_link:hover,.tab_control .world_tab#creatures_link.selected{
    background-position:-224px -100px
}
.tab_control .world_tab#weapons_link{
    width:112px;
    background-position:-10px -150px
}
.tab_control .world_tab#weapons_link:hover,.tab_control .world_tab#weapons_link.selected{
    background-position:-234px -150px
}
.tab_control .world_tab#places_link{
    width:100px;
    background-position:-21px -125px
}
.tab_control .world_tab#places_link:hover,.tab_control .world_tab#places_link.selected{
    background-position:-245px -125px
}
.world_section{
    width:906px;
    margin:0 auto;
    display:none;
    overflow:auto;
    padding:0;
    text-align:center
}
.world_section_subtitle{
    color:#aaa
}
.about_page{
    overflow:hidden;
    height:0;
    padding-top:130px;
    margin:0 auto 0 auto;
    background:url(../images/tl2/about/section_titles_about.png) no-repeat;
    width:366px
}
.top_features{
    width:970px;
    background:salmon;
    position:relative;
    margin:-60px 0 0 0;
    position:relative;
    background:url(../images/tl2/about/centerpiece_bg.jpg) center top no-repeat;
    height:480px
}
.torchlight_returns,.coop_action{
    background:url(../images/tl2/about/feature_parchment_bg.png) no-repeat;
    width:243px;
    float:left;
    padding:36px 42px 0px 42px;
    height:424px;
    margin-top:10px
}
.torchlight_returns h2,.coop_action h2{
    background:url(../images/tl2/about/section_titles_about.png) 0 -174px no-repeat;
    height:0;
    padding-top:25px;
    width:240px;
    overflow:hidden;
    margin-bottom:30px
}
.torchlight_returns p{
    /*text-shadow:0px 1px 0px #c4b197;*/
    color:#492b07;
    padding:0 2px 0 12px
}
.coop_action{
    float:right
}
.coop_action p{
    /*text-shadow:0px 1px 0px #c4b197;*/
    color:#492b07;
    padding:0 2px 0 12px
}
.coop_action h2{
    background-position:0 -199px
}
.about_centerpiece{
    position:absolute;
    top:0;
    left:305px;
    width:360px
}
.about_reviews{
    background:url(../images/tl2/review_banner_bg.jpg) center 8px no-repeat;
    width:926px;
    margin:0 auto 10px auto
}
.about_reviews span{
    padding-top:24px;
    display:block;
    overflow:auto;
    min-height:95px
}
.review{
    background:url(../images/tl2/metal_separator.png) no-repeat;
    font-weight:bold;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    text-align:center;
    margin-bottom:20px
}
.review_logo{
    width:60px;
    height:60px;
    float:left;
    margin-left:60px
}
.review_text{
    width:576px;
    float:left;
    margin:6px 40px 0px 40px
}
.review_text p{
    font-size:16px;
    color:#ae9b99;
    text-transform:uppercase
}
.review_rating{
    width:110px;
    height:60px;
    float:right;
    margin:10px 40px 0 0
}
.review_rating a{
    font-size:21px;
    color:#9e3925;
    text-decoration:none
}
.review_rating a div{
    font-size:14px
}
.review_rating a:hover{
    color:#d03617
}
.review_refresh{
    color:#333;
    margin:0px auto;
    cursor:pointer;
    width:110px;
    clear:both;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-weight:normal;
    font-size:11px;
    text-transform:uppercase;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none
}
.review_refresh:hover{
    color:#666
}
.more_features{
    margin:0 0 40px 29px;
    background:url(../images/tl2/metal_separator_630_broken.png) 0 4px no-repeat
}
.about_tech_specs{
    margin-left:25px;
    background:url(../images/tl2/metal_separator_255_broken.png) 0 4px no-repeat;
    padding:0 20px 0 20px;
    width:215px;
    float:left;
    color:#563412
}
.about_torched{
    margin-left:25px;
    background:url(../images/tl2/metal_separator_255_broken.png) 0 4px no-repeat;
    padding:0 20px 0 20px;
    width:215px;
    float:left;
    color:#563412;
    margin-top:40px
}
.more_features h2,.about_tech_specs h3,.about_torched h3{
    background:url(../images/tl2/about/section_titles_about.png) 5px -150px no-repeat;
    height:0;
    padding-top:25px;
    overflow:hidden; 
    text-indent: -1000px;
    width:240px;
    margin:0px auto 6px auto
}
.about_tech_specs h3{
    background-position:-18px -227px;
    width:200px;
    margin-bottom:12px
}
.about_torched h3{
    background-position:-18px -227px;
    width:200px;
    margin-bottom:12px;
    background-position:-20px -252px
}
.about_tech_specs h4,.about_torched h4{
    color:#563412
}
.more_features ul{
    margin:0px auto 0 auto
}
.more_features ul li{
    padding:10px 0 10px 0px;
    margin:0 10px 0px 20px;
    background-repeat:no-repeat;
    background-position:100% 0
}
.more_features ul li h3{
    color:#9b8268;
    font-size:21px;
    line-height:24px;
    text-shadow:none;
}
.more_features ul li p{
    width:400px;
    color:#755a40;
}
.more_features ul li#multiplayer{
    background-image:url(../images/tl2/about/features_multiplayer.jpg)
}
.more_features ul li#customizable_characters{
    background-image:url(../images/tl2/about/features_customizablechars.jpg)
}
.more_features ul li#moddability{
    background-image:url(../images/tl2/about/features_moddability.jpg)
}
.more_features ul li#new_ui{
    background-image:url(../images/tl2/about/features_newui.jpg)
}
.more_features ul li#open_world{
    background-image:url(../images/tl2/about/features_openworld.jpg)
}
.more_features ul li#pets_fishing{
    background-image:url(../images/tl2/about/features_fishing.jpg)
}
.more_features ul li#new_game_plus{
    background-image:url(../images/tl2/about/features_newgameplus.jpg)
}
.about_tech_specs a,.about_torched a,.more_features a,.about_tech_specs a:link,.about_torched a:link,.more_features a:link{
    color:#837f4f;
    text-decoration:none
}
.about_tech_specs a:visited,.about_torched a:visited,.more_features a:visited{
    color:#837f4f
}
.about_tech_specs a:hover,.about_torched a:hover,.more_features a:hover{
    color:#fff582
}
.about_tech_specs a:active,.about_torched a:active,.more_features a:active{
    color:#c4be75
}
#try,#buy{
    width:420px;
    color:#999
}
.try h2,.buy h2{
    color:#ccc;
    font-size:21px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    float:left
}
.header{
    overflow:auto;
    margin:0 0 0 0;
    clear:both
}
.win_mac_selector{
    text-align:right
}
.win_mac_selector a.inactive:link,.win_mac_selector span{
    text-decoration:none;
    color:#666;
    display:inline-block;
    padding:8px 16px;
    margin:0 0 0 4px;
    background:#222;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.win_mac_selector a.inactive:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    padding:8px 16px;
    margin:0 0 0 4px;
    background:#222;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.win_mac_selector a.inactive:hover{
    text-decoration:none;
    color:#fff;
    display:inline-block;
    padding:8px 16px;
    margin:0 0 0 4px;
    background:#666;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.win_mac_selector a.inactive:active{
    text-decoration:none;
    color:#666;
    display:inline-block;
    padding:8px 16px;
    margin:0 0 0 4px;
    background:#222;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.win_mac_selector a.active:link,.win_mac_selector a.active:visited,.win_mac_selector a.active:hover,.win_mac_selector a.active:active{
    text-decoration:none;
    color:#ccc;
    display:inline-block;
    padding:8px 16px;
    margin:0 0 0 4px;
    background:#555;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.try,.buy{
    margin:0 0 24px 0;
    padding:18px 0 0 0;
    overflow:auto;
    border-top:1px solid #333
}
.try:hover h2,.buy:hover h2{
    color:#fff
}
#try .try,#buy .buy{
    border-top:1px solid #555
}
.buy p,.try p{
    margin-bottom:0;
    float:right;
    clear:right;
    background:url(../images/tl2/buy_btn_color.png);
    text-transform:uppercase;
    margin-bottom:8px;
    border:1px solid #017d94;
    border-radius:3px;
    text-shadow:0px -1px 0px #333;
    width:200px;
    text-align:center
}
.article_body .buy p,.article_body .try p{
    margin-bottom:0;
    float:right;
    clear:right;
    background:url(../images/tl2/buy_btn_color.png);
    text-transform:uppercase;
    margin-bottom:8px;
    border:1px solid #017d94;
    border-radius:3px;
    text-shadow:0px -1px 0px #333;
    width:200px;
    text-align:center
}
.windows a,.mac a{
    display:block;
    padding:8px 0 8px 0;
    color:#fff !important;
    font-size:11px;
    text-decoration:none
}
.article_body .buy a,.article_body .try a{
    display:block;
    padding:8px 0 8px 0;
    color:#fff !important;
    font-size:11px;
    text-decoration:none
}
.mac{
    display:none
}
.mac .try,.mac .buy{
    margin-bottom:36px
}
.gray{
    background:url(../images/tl2/buy_btn_gray.png) !important;
    border:1px solid #555 !important
}
.article_body .buy p.gray,.article_body .try p.gray{
    background:url(../images/tl2/buy_btn_gray.png) !important;
    border:1px solid #555 !important
}
.gray a{
    color:#ccc !important
}
.article_body .buy p.gray a,.article_body .try p.gray a{
    color:#ccc !important
}
.sysreqs{
    border-top:1px solid #333;
    padding:18px 0 0 0
}
.article_body .buy h2,.article_body .try h2{
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-weight:bold;
    margin-bottom:10px;
    font-size:24px;
    text-shadow:0px 1px 0px #b39c7a;
    color:#301a0b
}
.article_body .buy:hover h2,.article_body .try:hover h2{
    color:#3c210f
}
.article_body .buy,.article_body .try{
    background:url(../images/tl2/article_divider.png) top no-repeat;
    border:none
}
.buy_mac .buy,.buy_mac .try{
    margin-bottom:32px
}
.buy_page{
    overflow:hidden;
    height:0;
    padding-top:75px;
    display:block;
    margin:6px auto 12px auto;
    background:url(../images/tl2/buy_torchlight2.png) no-repeat;
    width:387px
}
.buy_background .stone_bg{
    background:url(../images/tl2/buy_stone_bg.jpg) no-repeat #0e0908
}
.buy_background .col_630{
    float:none;
    margin:0 auto
}
.article_body .sysreqs{
    border:none;
    background:url(../images/tl2/article_divider.png) top no-repeat
}
.article_body .win_mac_selector{
    text-align:right;
    margin-bottom:12px
}
.article_body .win_mac_selector a.inactive:link{
    text-decoration:none;
    color:#664328;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#b39c7a;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.win_mac_selector span{
    text-decoration:none;
    color:#664328;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#b39c7a;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.article_body .win_mac_selector a.inactive:visited{
    text-decoration:none;
    color:#664328;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#b39c7a;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.article_body .win_mac_selector a.inactive:hover{
    text-decoration:none;
    color:#d6bd99;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#301a0b;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.article_body .win_mac_selector a.inactive:active{
    text-decoration:none;
    color:#b39c7a;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#4d2e17;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.article_body .win_mac_selector a.active:link,.article_body .win_mac_selector a.active:visited,.article_body .win_mac_selector a.active:hover{
    text-decoration:none;
    color:#b39c7a;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#4d2e17;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.article_body .win_mac_selector a.active:active{
    text-decoration:none;
    color:#664328;
    display:inline-block;
    padding:6px 12px;
    margin:0 0 0 4px;
    background:#b39c7a;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-radius:4px;
    border-radius:4px
}
.footer{
	font-size:11px;
	line-height:18px;
	color:#164c6c;
	padding:20px 0 40px;
	margin-top:15px;
	overflow:auto
}
.footer.character{
    margin-top:100px
}
.footer a:link{
    color:#267bac;
    text-decoration:none
}
.footer a:visited{
    color:#267bac
}
.footer a:hover{
    color:#3a9cd4
}
.footer a:active{
    color:#267bac
}
.footer .sitemap {
    float: left;
    width: 194px;
    margin-right: 85px;
    *zoom: 1;
}
.footer .sitemap:after {
    display: block;
    clear: both;
    content: "";
}
.footer .sitemap li {
    float: left;
    width: 97px;
}
.footer .sitemap li a:hover {
    text-decoration: underline;
}
.footer .copyright {

}
.footer .copyright:after {
    display: block;
    clear: both;
    content: "";
}
.footer .copyright li {
    float: left;
    padding-left: 24px;
    vertical-align: middle;
}
.footer .copyright li:first-child {
    margin-left: 0;
}
.footer .copyright li p {
    padding-top: 13px;
    text-align: center;
}
.footer .copyright li p strong {
    color: #217bac;
}
.footer_site_nav{
    text-transform:uppercase
}
.footer_site_nav ul{
    float:left;
    margin-right:80px
}
.footer_external_nav{
	float: left;
	width: 450px;
    }
.footer_external_nav ul:first-child{
    margin-left:20px
}
.footer_external_nav_col{ 
    line-height: 22px;
}
.tos_wrapper{
    color:#999;
    width:550px
}
.errorbot{
    float:right;
    position:absolute;
    top:0;
    right:0;
    margin-right:15px;
    margin-top:140px;
    z-index:20
}


/* NEW BUTTON */
.link_button{
    background-color:#0e80c5;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#0e80c5', endColorstr='#0e6395');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e80c5', endColorstr='#0e6395')";
    background-image:-moz-linear-gradient(#0e80c5, #0e6395);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0e80c5), to(#0e6395));
    background-image:-webkit-linear-gradient(#0e80c5, #0e6395);
    background-image:-o-linear-gradient(#0e80c5, #0e6395);
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    box-shadow:0px 1px 0px #6a573c;
    border-width:1px;
    border-style:solid;
    border-color:#3595cf;
    color:#c9cfd5;
    width:240px;
    display:block;
    padding:13px 5px;
    margin:8px 0px 12px 0px;
    text-decoration:none;
    text-align:center;
    text-shadow:0 -1px 0 #000;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-size:18px
}
.link_button:visited{
    color:#c9cfd5
}
.link_button:hover,.link_button:active{
    cursor:pointer;
    background-color:#0993ec;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#0993ec', endColorstr='#095d92');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0993ec', endColorstr='#095d92')";
    background-image:-moz-linear-gradient(#0993ec, #095d92);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0993ec), to(#095d92));
    background-image:-webkit-linear-gradient(#0993ec, #095d92);
    background-image:-o-linear-gradient(#0993ec, #095d92);
    color:#fff
}
.link_button.small{
    padding:5px;
    font-size:18px
}
.link_button.top_button {
    width: 80%;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
}
.align_center .link_button{
    margin-left:auto;
    margin-right:auto
}


/* NOTIFY BAR */
.jquery-notify-bar{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:32768;
    background-color:#efefef;
    font-size:18px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    color:#000;
    text-align:center;
    padding:5px 0px;
    border-bottom:1px solid #000;
    cursor:pointer
}
.jquery-notify-bar.error{
    background-color:#a00
}
.jquery-notify-bar.success{
    color:#060;
    background-color:#bbffb6
}
.notify-bar-close{
    position:absolute;
    left:95%;
    font-size:12px;
    padding:12px 0px
}


/* FANCYBOX */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.onlyone{ 
    width:535px;
}
.twcd_article_page_nav{
    margin-bottom:30px;
    overflow:auto; 
    width:250px; 
    padding:0 0 0 140px;
    text-decoration:
}
.tw_article_page_nav{
    margin-bottom:30px;
    overflow:auto; 
    width:250px; 
    padding:0 0 0 120px;
    text-decoration:
}
.twab_article_page_nav{
    margin-bottom:30px;
    ;
    overflow:auto; 
    width:250px; 
    padding:0 0 0 100px;
    text-decoration:
}
.twa_article_page_nav{
    margin-bottom:30px;
    overflow:auto; 
    width:300px;
    padding:0 30px 0 0px; 
    float:right;
    text-decoration:
}
.tw_btn_gold_border{
    text-decoration:none;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:100% -44px;
    color:#2c89ac !important;
    display:block;
    float:left;
    font-weight:bold;
    font-size:15px;
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    height:44px;
    margin-right:6px;
    padding-right:18px;
    text-shadow:0px 1px 1px #000;
}
.tw_btn_gold_border:hover{
    ackground-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:100% -132px;
    color:#45b3dc
}
.tw_btn_gold_border:visited,.btn_gold_border:active{
    color:#2c89ac
}
.tw_btn_gold_border span{
    text-decoration:none;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    display:block;
    line-height:24px;
    padding:10px 0 10px 18px;
    text-align:center; 
    font-size:18px;
}
.tw_btn_gold_border:hover span{
    text-decoration:none;
    background-color:transparent;
    background-image:url(../images/btn_gold_border.png);
    background-repeat:no-repeat;
    background-position:0 -88px;
    color:#45b3dc
}
.tw_btn_gold_border.disabled{
    display:none
}
.tw_btn_gold_border_center{
    margin:0 auto;
    text-decoration:none;
}

.article_text td{
    border: 1px solid #21170d; 
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-size:12px;
}
.article_text td.a{border: none;font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;font-size:12px;margin:0 auto;}
.article_text td.b{border: none;font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;font-size:13px;margin:0 auto;font-weight: bolder;}
.tw_text{ 
    font-size:12px; 
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    font-weight:normal;
}
.tw_left{
    width:175px;
    float:left;
}
.tw_right{ 
    width:350px; 
    float:right;
    color: #391b11; 
    font-weight: bolder; 
    font-size: 14px; 
    line-height:18px; 
    font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
}
.tw_right ul li{
    list-style-type: none;
}
.twbox{ 
    clear:both;
}
#fancybox-loading {	
    position: fixed;
    top: 50%;	
    left: 50%;	
    width: 40px;
    height: 40px;	
    margin-top: -20px;	
    margin-left: -20px;	
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-loading div {	
    position: absolute;	
    top: 0;	
    left: 0;
    width: 40px;
    height: 480px;	
    background-image: url('../images/media_box/loading.png');
}
#fancybox-overlay {	
    position: absolute;	
    top: 0;	
    left: 0;	
    width: 100%;
    z-index: 1100;	
    display: none;
}
#fancybox-tmp {	
    padding: 0;	
    margin: 0;	
    border: 0;	
    overflow: auto;	
    display: none;
}
#fancybox-wrap {
    position: absolute;	
    top: 0;	
    left: 0;
    padding: 20px;	
    z-index: 1101;	
    outline: none;	
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;	
    background: #000;
}
#fancybox-content {	
    width: 0;	
    height: 0;	
    padding: 0;	
    outline: none;
    position: relative;	
    overflow: hidden;	
    z-index: 1102;	
    border: 0px solid #000;
}
#fancybox-hide-sel-frame {	
    position: absolute;	
    top: 0;	
    left: 0;

    width: 100%;
    height: 100%;	
    background: transparent;	
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -40px;	
    right: -40px;	
    width: 35px;
    height: 35px;	
    background: transparent url('../images/media_box/btns.png') 0px 0px;
    cursor: pointer;
    z-index: 1103;	
    display: none;
}
#fancybox-close:hover {	
    position: absolute;	
    top: -40px;	
    right: -40px;	
    width: 35px;
    height: 35px;	
    background: transparent url('../images/media_box/btns.png') 35px 0px;
    cursor: pointer;
    z-index: 1103;	
    display: none;
}

#fancybox-error {
    	color: #444;
    	font: normal 12px/20px Arial;
    	padding: 14px;
    	margin: 0;
    }

#fancybox-img {
    	width: 100%;
    	height: 100%;
    	padding: 0;
    	margin: 0;
    	border: none;
    	outline: none;
    	line-height: 0;
    	vertical-align: top;
    }

#fancybox-frame {
    	width: 100%;
    	height: 100%;
    	border: none;
    	display: block;
    }

#fancybox-left, #fancybox-right {
    	position: absolute;
    	cursor: pointer;
    	outline: none;
    	background: transparent;
    	z-index: 1102;
    	display: none;
    	top: 40%;
    	width: 65px;
    	height: 65px;
    }

#fancybox-left {
    	left: -67px;
    }

#fancybox-right {
    	right: -68px;
    }

#fancybox-left-ico, #fancybox-right-ico {
    	position: absolute;
    	top: 15px;
    	width: 32px;
    	height: 35px;
    	cursor: pointer;
    	z-index: 1102;
    	display: block;
    }

#fancybox-left-ico {
    	background-image: url('../images/media_box/btns.png');
    	background-position: 0px 70px;
    	left: 15px;
    }

#fancybox-left:hover #fancybox-left-ico {
    	background-image: url('../images/media_box/btns.png');
    	background-position: 35px 70px;
    }

#fancybox-right-ico {
    	background-image: url('../images/media_box/btns.png');
    	background-position: -3px 35px;
    	right: 15px;
    }

#fancybox-right:hover  #fancybox-right-ico {
    	background-image: url('../images/media_box/btns.png');
    	background-position: 32px 35px;
    }

#fancybox-left:hover, #fancybox-right:hover {
    	visibility: visible; 
    /* IE6 */
    }
/*
#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
*/
.fancybox-bg {
    	position: absolute;
    	padding: 0;
    	margin: 0;
    	border: 0;
    	width: 25px;
    	height: 25px;
    	z-index: 1001;
    }

#fancybox-bg-n {
    	top: -25px;
    	left: 0;
    	width: 100%;
    	background-image: url('../images/media_box/border_n.png');
    }

#fancybox-bg-ne {
    	top: -25px;
    	right: -25px;
    	background-image: url('../images/media_box/border_ne.png');

    }

#fancybox-bg-e {
    	top: 0;
    	right: -25px;
    	height: 100%;
    	background-image: url('../images/media_box/border_e.png');

    }

#fancybox-bg-se {
    	bottom: -25px;
    	right: -25px;
    	background-image: url('../images/media_box/border_se.png');

    }

#fancybox-bg-s {
    	bottom: -25px;
    	left: 0;
    	width: 100%;
    	background-image: url('../images/media_box/border_s.png');

    }

#fancybox-bg-sw {
    	bottom: -25px;
    	left: -25px;
    	background-image: url('../images/media_box/border_sw.png');

    }

#fancybox-bg-w {
    	top: 0;
    	left: -25px;
    	height: 100%;
    	background-image: url('../images/media_box/border_w.png');
    }

#fancybox-bg-nw {
    	top: -25px;
    	left: -25px;
    	background-image: url('../images/media_box/border_nw.png');

    }

#fancybox-title {
    	font-family: 'Meiryo','Hiragino Kaku Gothic Pro',sans-serif;
    	font-size: 13px;
    	z-index: 1102;
    }

.fancybox-title-inside {
    	padding-bottom: 0px;
    	text-align: left;
    	color: #98841d;
    	background: transparent;
    	position: relative;
    }

/*2012-08-29*/
#head {
        background-image: url("../images/title_bg2.gif");
        background-position: center top;
        background-repeat: repeat-x;
        height: 46px;
        position: relative;
    }
#infohead {
        height: 46px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 980px;
    }
.right_column_middle a:link,.right_column_middle a:visited { 
    color: #9B8268; 
    font-weight: bolder; 
    font-size: 14px; 
    display: block; 
    height: 20px; 
    line-height: 20px; 
    margin-bottom: 10px; 
    margin-left: 10px;
}
.right_column_middle a.btn03 { 
    margin-bottom: 20px;
}
.right_column_middle a:hover,.right_column_middle a:active { 
    color: #cabf95; 
    font-weight: bolder;
}
.right_column_middle a.to_runic_forums { 
    height: 48px; 
    width: 188px; 
    text-indent: -1000px; 
    overflow: hidden; 
    padding: 0px; 
    margin-left: 0px;
}
.video_box { 
    width: 333px; 
    height: 188px; 
    margin: 0 auto;
}
.update p { 
    text-indent: 2em; 
    margin: 0; 
    padding-bottom: 10px;
}
.update a:link,.update a:visited { 
    color: #003a74; 
    text-decoration: underline;
}
.update h3 { 
    margin: 0; 
    font-size: 14px;
}
.entry a{
    background: url("/images/entry.png") 0 0 no-repeat;
    position: absolute;
    width: 223px;
    height: 56px;
    display: block;
    top: -23px;
    left: 115px;
    text-indent: -9999px;
}
.entry a:hover {
    background-position: 0 -56px;
}
a.top_download {
    background: url("/images/btn_download.png") 0 0 no-repeat;
    width: 380px;
    height: 52px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto 30px;
}
a.top_download:hover {
    background-position: 0 -52px;
}
.topFAQ {
    font-weight: bold;
    font-size: 13px;
    margin-top: 30px;
    color: #740004;
}
.topFAQ a:hover {
    text-decoration: underline;
}
.top_movie {
    position: absolute;
    top: 15px;
    right: 32px;
}