/* ? karl.s  */
body {font: 12px/1.5 arial, verdana, sans-serif; color: #efc9a0;/* background: url('../images/body-bg-baked.jpg') #000 no-repeat 50% 0px;  -webkit-background-size: 2400px 1332px */}
a {color: #ffb100}
a:hover {color: #fff !important}
#right a {color: #bd8100}
#right a:hover {color: #fff}

.tooltip-frame {z-index: 999; border-bottom: medium none; position: absolute; border-left: medium none; width: auto; display: none; max-width: 220px; background: none transparent scroll repeat 0% 0%; height: auto; border-top: medium none; border-right: medium none}

.tip {border-bottom: #6a5336 1px dotted; cursor: default}
a.tip,.tip a {cursor: pointer}

.ui-breadcrumb { font-size: 12px; }
.ui-breadcrumb li { padding-right: 25px; background: url("../images/flyout-arrows.gif") 98% -118px no-repeat }
.ui-breadcrumb li a { border-bottom: 1px dotted #8c6407; }
.ui-breadcrumb li a.opened { color: #eee !important; }
.ui-breadcrumb li a:hover { color: white; border-bottom: none !important; padding-bottom: 1px; }
.ui-breadcrumb li.last { background: none;color:#EFC9A0; font-weight:bold; }
.ui-breadcrumb li.last a { border-bottom: none; color:#EFC9A0}
.ui-breadcrumb li.children a { border-bottom: 1px dotted #EFC9A0;}
.ui-breadcrumb li.nolink { margin-top:2px; }
.ie6 .ui-breadcrumb li {height:20px;background-position:98% -113px;padding-top:5px;}
.ie6 .ui-breadcrumb li.nolink { margin-top:3px; }
.ie6 .ui-breadcrumb li a { padding:0 2px 0 3px;}

.data-options .ui-pagination {padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: inline; background: none transparent scroll repeat 0% 0%; height: 20px; padding-top: 0px}
.data-options .ui-pagination a {line-height: 20px; height: 20px; color: #ffae00}
.ui-pagination {padding-left: 25px; background: url('../images/pagination.gif') no-repeat 0px 50%}
.ui-pagination li a {background: #2b1507; color: #d3ac6b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.ui-pagination li a:hover {background-color: #4e2f1b; color: white}
.ui-pagination li.current a {background-color: #ffae00; color: #000; font-weight: bold}

.meta {position: absolute; width: 150px; top: 105px; left: 20px}
.character {position: relative}
.context-link {font-weight: bold; text-shadow: 1px 1px 1px black}
.character-name {padding: 0px; line-height: 100%; margin: 0px;  background: none transparent scroll repeat 0% 0%; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px black}
.character-name:hover {color: white; text-shadow: 1px 1px 1px black, 0 0 15px #c64040, 0 0 5px #c64040}
.character-name .arrow {width: 11px; display: inline-block; background: url('../images/char-arrow.png') no-repeat 0px 3px; height: 15px}
.character-name:hover .arrow {background-position: 0px -145px}
.player-name {display: block; font-weight: bold; text-shadow: 1px 1px 1px black;line-height: 100%; margin-bottom: 2px; color: #b0d715; }
.guild-name {display: block; font-weight: bold; text-shadow: 1px 1px 1px black}

.ui-context {z-index: 9000; border-bottom: #262626 1px solid; position: absolute; border-left: #262626 1px solid; width: 225px; display: none; font: 12px "arial", sans-serif; background: #151616; overflow: hidden; border-top: #262626 1px solid; top: 15px; border-right: #262626 1px solid; left: 0px; opacity: .98; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.ui-context a {color: #00b6ff; text-decoration: none}
.ui-context a:hover {color: #fff}
.ui-context a.pinned {cursor: default}

.ui-context .context .realm {padding-right: 15px; display: inline; background: url('../images/arrow-up-down.gif') no-repeat 100% 2px}
.ui-context .context .down.realm {background-position: 100% -14px}
.ui-context .context .unknown.realm {background-position: 100% -28px}
.ui-context .context {padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px}
.ui-context .context strong {color: #fff; font-size: 14px}
.ui-context .context span {color: #5d636b}
.ui-context .context .close {position: absolute; padding-bottom: 0px; padding-left: 0px; width: 11px; padding-right: 0px; display: block; background: url('../images/icons.gif') no-repeat; height: 11px; top: 10px; right: 10px; padding-top: 0px}
.ui-context .context .close:hover {background-position: 0px -26px}
.ui-context .context .context-user {padding-bottom: 10px}
.ui-context .character-list {background: url('../images/divider.gif') no-repeat 50% 0px; color: #5b616a; overflow: hidden; padding-top: 1px}
.ui-context .loading-chars .character-list {padding-bottom: 50px; background: url('../images/uber-loading.gif') no-repeat 50% 50%; }

.ui-context .character-list .secondary .viewport {position: relative; width: 185px; float: left; height: 265px; overflow: hidden}
.ui-context .character-list .secondary .viewport a {padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: block; padding-top: 5px}
.ui-context .character-list .secondary .viewport a .icon-frame {vertical-align: middle}
.ui-context .character-list .secondary .viewport a:hover {background: #080809; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.ui-context .character-list .secondary .viewport a.filtered {display: none}
.ui-context .character-list .secondary .overview {position: absolute; width: 185px; top: 0px; left: 0px}
.ui-context .character-list .secondary .scrollbar {position: relative; width: 15px; float: right}
.ui-context .character-list .secondary .track {position: relative; padding-bottom: 1px; padding-left: 1px; width: 13px; padding-right: 1px; background: #080808; height: 100%; padding-top: 1px; -moz-border-radius: 5px; border-radius: 5px}
.ui-context .character-list .secondary .thumb {position: absolute; width: 13px; background: #24292e; height: 20px; overflow: hidden; top: 0px; cursor: pointer; -moz-border-radius: 5px; border-radius: 5px}
.ui-context .character-list .secondary .thumb .end {display: none}
.ui-context .character-list .secondary .disable {display: none}
.ui-context .character-list .secondary .char-wrapper {padding-bottom: 10px; padding-left: 10px; width: 205px; padding-right: 10px; height: 265px; padding-top: 10px}
.ui-context .no-results {text-align: center; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px}
.ui-context .char-wrapper {padding-bottom: 1px; background: url('../images/divider.gif') #0d0e10 no-repeat 50% 100%; clear: both; -moz-box-shadow: #000 0 0 5px inset; -webkit-box-shadow: #000 0 0 5px inset; box-shadow: #000 0 0 5px inset}
.ui-context .filter {text-align: center}
.ui-context .filter .input {margin-bottom: 5px}
.ui-context .filter {padding-bottom: 8px; line-height: 125%; padding-left: 10px; padding-right: 10px; display: block; padding-top: 10px}


.ui-cancel span {line-height: 38px}
.button1 span {background-image: url('../images/button-1.png'); background-repeat: no-repeat; color: #ffae00}
.button1:hover span {color: #fff}
.button1-next span {background-image: url('../images/button-1-next.png')}
.button1-next span span {padding-right: 40px}
.button1-previous span {background-image: url('../images/button-1-previous.png')}
.button1-previous span span {padding-left: 12px}
.button2-next span {background-image: url('../images/button-2-next.png'); line-height: 26px; padding-left: 16px}
.button2-next span span {text-transform: none; margin: 0px; padding-right: 27px; font-size: 11px}
.button2-previous span {background-image: url('../images/button-2-previous.png'); line-height: 26px; padding-right: 14px !important}
.button2-previous span span {text-transform: none; margin: 0px; padding-left: 1px; font-size: 11px}
.button2 span {padding-bottom: 0px; line-height: 30px; padding-left: 13px; padding-right: 0px; height: 30px; font-size: 11px; padding-top: 0px}
.button3 span {padding-bottom: 0px; line-height: 30px; padding-left: 13px; padding-right: 0px; height: 30px; font-size: 11px; padding-top: 0px}
.button2 span span {padding-bottom: 0px; padding-left: 0px; padding-right: 13px; padding-top: 0px}
.button3 span span {padding-bottom: 0px; padding-left: 0px; padding-right: 13px; padding-top: 0px}
.button2 span {background-image: url('../images/button-2.png'); background-repeat: no-repeat; color: #ffae00}
.hover.button2 span {color: #fff}
.button2:hover span {color: #fff}
.disabled.button2 span {color: #953203}
.processing.button2 span {color: #953203}
.button3 span {background: url('../images/button-3.gif') no-repeat; color: #00b4ff}
.hover.button3 span {color: #fff}
.button3:hover span {color: #fff}
.disabled.button3 span {color: #b1bac3}
.processing.button3 span {color: #b1bac3}
.button4 span {background-image: url('../images/button-4.png'); line-height: 50px; background-repeat: no-repeat; background-position: 0px 0px; height: 50px}
.button4 span span {background-position: 100% -159px; font-size: 16px}
.button4:hover span {background-position: 0px -53px}
.button4:hover span span {background-position: 100% -212px}
.processing.button4 span {background-position: 0px -106px}
.processing.button4 span span {background-position: 100% -265px}
.hover.button4 span {color: #fff}
.button4:hover span {color: #fff}
.disabled.button4 span {color: #b1bac3}
.processing.button4 span {color: #b1bac3}
.button4-download span {background-image: url('../images/button-4-download.png'); padding-bottom: 0px; line-height: 50px; padding-left: 45px; padding-right: 0px; background-repeat: no-repeat; background-position: 0px 0px; height: 50px; padding-top: 0px}
.button4-download span span {padding-left: 2px; padding-right: 14px; background-position: 100% -159px; color: #ffb100; font-size: 16px}
.button4-download span span em {text-align: left; line-height: 11px; display: block; color: #863d13; font-size: 9px}
.button4-download:hover span {background-position: 0px -53px}
.button4-download:hover span span {background-position: 100% -212px}
.processing.button4-download span {background-position: 0px -106px}
.processing.button4-download span span {background-position: 100% -265px}
.hover.button4-download span {color: #fff}
.button4-download:hover span {color: #fff}
.hover.button4-download em {color: #fff}
.button4-download:hover em {color: #fff}
.disabled.button4-download span {color: #b1bac3}
.processing.button4-download span {color: #b1bac3}
.flyout-menu {border: #353837 1px solid;padding: -1px;  background: #161413; opacity: .99; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000}
.flyout-menu ul {width: 139px; font-size:12px;}
.flyout-menu ul li {border-bottom: #2a292b 1px solid; margin: 0px;line-height:20px;}
.flyout-menu ul li.divider {background-color: #060606}
.flyout-menu ul li.divider a {padding-bottom: 4px; padding-left: 8px; padding-right: 8px; display: block; color: #efe3d2; font-weight: bold; padding-top: 4px}
.flyout-menu ul li.divider span {padding-bottom: 4px; padding-left: 8px; padding-right: 8px; display: block; color: #efe3d2; font-weight: bold; padding-top: 4px}
.flyout-menu ul li a {padding-bottom: 4px; padding-left: 8px; padding-right: 8px; color: #ffae00; padding-top: 4px}
.flyout-menu ul li a .desc {display: block; color: #7b7b7b; font-size: 11px}
.flyout-menu ul li .opened {color: #d5d5d5}
.flyout-menu ul li a.children {background: url('../images/flyout-arrows.gif') no-repeat 98% -150px; font-weight: normal}
.flyout-menu ul li span.children {background: url('../images/flyout-arrows.gif') no-repeat 98% -150px; font-weight: normal}
.flyout-menu ul li .opened {background-color: #1c1b1a !important; background-position: 98% -115px}
.flyout-menu ul li a:hover {background-color: #1c1b1a !important; background-position: 98% -115px}
.flyout-menu ul li span.children:hover {background-color: #1c1b1a !important; background-position: 98% -115px}
.flyout-menu ul li a:hover {color: white}
.flyout-menu ul li span.children:hover {color: white}
.flyout-menu ul li .flyout-menu {top: -2px; left: 135px}
.ui-overlay {width: 750px; background: #391b0d; color: #e9bd7f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000}
.ui-overlay .overlay-middle {padding-bottom: 25px; padding-left: 25px; padding-right: 25px; padding-top: 25px}
.ui-overlay .overlay-middle h2 {border-bottom: #50260f 2px solid; padding-bottom: 15px; line-height: 100%; margin-bottom: 15px; color: #7e3406; font-size: 24px; font-weight: normal}
#wrapper {position: relative; margin: 0px auto; width: 1006px}
#header {padding-top: 26px}
#header #logo {height: 115px}
#header #logo a {background: url('../images/logo.png') no-repeat;border: medium none; text-indent: -9999px; width: 201px; display: block; height: 92px; }
.ie6 #header #logo a{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/main/images/logo.png', sizingMethod='crop');}

#header .header-plate {position: relative; height: 93px}
#header .user-plate {position: absolute; width: 355px; bottom: 0px; height: 140px; color: #fff; right: 4px}
#header .user-plate .user-overlay {position: absolute; width: 343px; bottom: 0px; background: url('../images/user-overlay.png'); height: 15px; right: 5px}
#header .user-plate .user-create {position: absolute; padding-bottom: 0px; line-height: 1.4em; padding-left: 30px; width: 215px; bottom: 0px; text-overflow: ellipsis; padding-right: 110px; display: block; background: url('../images/usercreate.gif') no-repeat 0px 0px; height: 65px; color: #eee; font-size: 14px; right: 0px; padding-top: 32px}
#header .user-plate a.user-create:hover {background-position: 0px -97px; color: #fff}
#sub-header {padding-left: 30px; letter-spacing: -0.05em; color: #7e3406; font-size: 24px}
.section-title {}
.section-title h2 {font: 50px/85% "palatino linotype", georgia, times, sans-serif; margin-bottom: 10px; letter-spacing: -1.5px; color: #efe3d2; text-shadow: #241209 0 0 5px;font-weight:bold;}
.section-title p {letter-spacing: normal}
.section-title .view-all {letter-spacing: normal}
#sub-nav {border-bottom: #732c0c 1px solid; border-left: #732c0c 1px solid; margin: 0px auto; width: 942px; background: url('../images/sub-navigation.gif') repeat-x 0px 0px; height: 36px; border-top: #732c0c 1px solid; border-right: #732c0c 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
#sub-nav ul a {padding-bottom: 0px; padding-left: 15px; padding-right: 18px; display: block; font: 13px/36px arial, sans-serif; background: url('../images/sub-navigation.gif') no-repeat 100% -45px; float: left; height: 36px; border-right: #732c0c 1px solid; padding-top: 0px}
#sub-nav ul a.first-col {-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px}
#sub-nav ul a:hover {background-color: #340c02; -moz-box-shadow: inset 5px 5px 5px #200601; -webkit-box-shadow: inset 5px 5px 5px #200601; box-shadow: inset 5px 5px 5px #200601}
#sub-nav ul a.active {background-color: #340c02; cursor: default; -moz-box-shadow: inset 5px 5px 5px #200601; -webkit-box-shadow: inset 5px 5px 5px #200601; box-shadow: inset 5px 5px 5px #200601}
#sub-nav ul a.active span {color: #fff}

#menu {position: absolute; width: 623px; height: 65px; top: 19px; left: 19px; -moz-user-select: none; -webkit-user-select: none; user-select: none}
#menu li {width: 102px; float: left; height: 65px}
#menu li a {text-align: center; text-transform: uppercase; display: block; height: 65px; color: #ffa400}
#menu li a span {position: relative; display: block; font: 12px arial, verdana, serif; top: -5px; padding-top: 45px; text-shadow: #000 0 0 5px}
#menu li a:hover {background-image: url('../images/menu-tab-baked.jpg')}
#menu li a.menu-active {background-image: url('../images/menu-tab-baked.jpg')}
#menu li a:hover {color: white}
#menu li a.menu-active {position: relative; color: #fff !important; -moz-box-shadow: 0 0 15px #ff7501; -webkit-box-shadow: 0 0 15px #ff7501; box-shadow: 0 0 15px #ff7501}
#menu li.menu-game {width: 104px}
#menu li.menu-forums {width: 104px}
#menu li.menu-community {width: 105px}
#menu li.menu-media {width: 105px}
#menu li.menu-home a:hover {background-position: 0px 0px}
#menu li.menu-home a.menu-active {background-position: 0px -65px}
#menu li.menu-game a:hover {background-position: -102px 0px}
#menu li.menu-game a.menu-active {background-position: -102px -65px}
#menu li.menu-community a:hover {background-position: -206px 0px}
#menu li.menu-community a.menu-active {background-position: -206px -65px}
#menu li.menu-media a:hover {background-position: -311px 0px}
#menu li.menu-media a.menu-active {background-position: -311px -65px}
#menu li.menu-forums a:hover {background-position: -416px 0px}
#menu li.menu-forums a.menu-active {background-position: -416px -65px}
#menu li.menu-services a:hover {background-position: -520px 0px}
#menu li.menu-services a.menu-active {background-position: -520px -65px}
.chrome #menu li a span {text-shadow: none}
#content {background-color: #1a0f08 !important; margin: 0px 6px}
#content .content-top {background: url('../images/content-topbot.jpg') no-repeat 0px 0px}
#content .content-bot {/* min-height: 500px; */ background: url('../images/content-topbot.jpg') no-repeat -992px bottom}
#content .content-trail {padding-bottom: 0px; padding-left: 22px; padding-right: 0px; height: 30px; padding-top: 10px}
#content .content-header {padding-bottom: 25px; padding-left: 25px; padding-right: 25px; padding-top: 35px}
#content .content-header .header {font: 52px/85% "palatino linotype", georgia, times, sans-serif; letter-spacing: -1.5px; color: #efe3d2; text-shadow: #241209 0 0 5px}
#content .content-header .desc {margin-top: 25px; width: 50%; color: #a4704e}
#content .content-box-w434 {width: 434px; background: url('../images/box-w434-top.jpg') #21130a no-repeat 0px 0px}
#content .content-box-w434 .wrapper {padding-bottom: 19px; padding-left: 0px; width: 100%; padding-right: 0px; background: url('../images/box-w434-bottom.jpg') no-repeat 0px 100%; letter-spacing: -0.5px; padding-top: 16px}
#content .content-box-w434 .inner-wrapper {margin: 0px 45px 0px 19px}
#content .content-box-w434 .box-title {padding-bottom: 21px; text-transform: uppercase; display: block; color: #efe3d2; font-size: 12px}
#content .content-box-w434 .wrapper p {line-height: 20px; margin-bottom: 15px; color: #967648; font-size: 12px}

#footer {margin: 0px 10px;  -moz-user-select: none; -webkit-user-select: none; user-select: none}
#footer a {color: #552c09}
#footer a:hover {color: #f5ebd1}

.irt-bg {border-bottom: #372511 1px solid; border-left: #372511 1px solid; margin-bottom: 10px; overflow: hidden; border-top: #372511 1px solid; border-right: #372511 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 6px #000000; -webkit-box-shadow: 0 0 6px #000000; box-shadow: 0 0 6px #000000}
.irt-bg:hover {border-bottom-color: #cd9000; border-top-color: #cd9000; border-right-color: #cd9000; border-left-color: #cd9000}
.irt-image {border-bottom: #000 1px solid; border-left: #000 1px solid; display: block; overflow: hidden; border-top: #000 1px solid; border-right: #000 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
.irt-image img {display: block}
.outside-product {margin-bottom: 5px}
.outside-product .title-block {border-bottom: #552b12 2px solid; padding-bottom: 6px; margin-bottom: 6px}
.outside-product .title-block h3{text-transform: uppercase; font-size: 14px; font-weight: blod;}
.outside-product .title-block h3 a {padding-right: 20px; background: url('../images/next.gif') no-repeat 100% 50%; color: #fef092 !important;}
.outside-product .content-block {border: #2e2218 1px solid;padding:5px 10px;height:34px;background-color: #2b1507;margin-top:5px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.outside-product .content-block .content{width:47px;float:left;display:block;}
.slot { width: 34px; height: 34px;}
.item {display: block; position: relative; width: 34px; height: 34px;padding-top: 1px; padding-left:1px;}
.item img {width: 32px; display: block; height: 32px; filter:flipv;-moz-transform: matrix(1, 0, 0, -1, 0, 0);-webkit-transform: matrix(1, 0, 0, -1, 0, 0);}
.item .frame {position: absolute; width: 34px; background: url('../images/slot.gif') no-repeat; height: 34px; top: 0px; left: 0px}
.slot-0 .item .frame {background-position: 0px 0px}
.slot-1 .item .frame {background-position: -34px 0px}
.slot-2 .item .frame {background-position: -68px 0px}
.slot-3 .item .frame {background-position: -102px 0px}
.slot-4 .item .frame {background-position: -136px 0px}

.media-frame {width: auto; display: inline-block; border-collapse: collapse; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px}
.media-frame .tl {width: 11px; background: url('../images/media-frame-corners.gif') no-repeat; height: 11px}
.media-frame .tr {width: 11px; background: url('../images/media-frame-corners.gif') no-repeat; height: 11px}
.media-frame .bl {width: 11px; background: url('../images/media-frame-corners.gif') no-repeat; height: 11px}
.media-frame .br {width: 11px; background: url('../images/media-frame-corners.gif') no-repeat; height: 11px}
.media-frame .tr {background-position: -11px 0px}
.media-frame .bl {background-position: 0px -11px}
.media-frame .br {background-position: -11px -11px}
.media-frame .tm {background: url('../images/media-frame-tb.gif') 0px 0px; height: 11px}
.media-frame .bm {background: url('../images/media-frame-tb.gif') 0px 0px; height: 11px}
.media-frame .bm {background-position: 0px -11px}
.media-frame .ml {width: 11px; background: url('../images/media-frame-lr.gif') 0px 0px}
.media-frame .mr {width: 11px; background: url('../images/media-frame-lr.gif') 0px 0px}
.media-frame .mr {background-position: -11px 0px}
.media-frame .mm {background: #000}
.media-frame .mm img {display: block}
.media-frame .caption {padding-bottom: 5px; margin: 0px -2px; padding-left: 10px; padding-right: 10px; background: url('../images/media-frame-tb.gif') repeat-x 0px -11px; padding-top: 15px}
.media-frame .view-all {padding-right: 17px; background: url('../images/bullet.gif') no-repeat 100% 50%; float: right}
.media-frame .magnifying-wrapper {position: relative}
.media-frame .magnifying-wrapper .magnifying-glass {position: absolute; width: 63px; display: block; background: url('../images/ui.png') no-repeat -81px -156px; height: 51px; top: -18px; right: -14px}
.media-frame:hover .magnifying-wrapper .magnifying-glass {background-position: -81px -207px}
.media-frame .magnifying-wrapper:hover .magnifying-glass {background-position: -81px -207px}
.header {letter-spacing: -0.05em; color: #f5ebd1; font-size: 24px; font-weight: normal}
.header span {color: #7e3406}
.subheader {letter-spacing: -0.05em; color: #f5ebd1; font-size: 20px; font-weight: normal}
.category {letter-spacing: -0.05em; color: #7e3406; font-size: 22px; font-weight: normal}
.category strong {color: #fef092; font-weight: normal}
.subcategory {color: #71401f; font-size: 16px; font-weight: normal}
.text1 {color: #b79855}
.text2 {color: #f5d3a2}
.input {border-bottom: medium none; border-left: medium none; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; background: #f1ebd7; color: #171717; border-top: medium none; border-right: medium none; padding-top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
[disabled].input {cursor: default; opacity: .3}
.disabled.input {cursor: default; opacity: .3}
.select.input {padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px}
.textarea.input {font: 12px/1.5 arial, verdana, sans-serif}
.checkbox.input {vertical-align: bottom}
.content-list {padding-left: 25px}
.content-list li {padding-left: 17px; background: url('../images/bullet.gif') no-repeat 0px 4px}
.table {padding-bottom: 2px; background: url('../images/table-bg.gif') no-repeat 50% 100%}
.table table {width: 100%; table-layout: auto}
.table thead th {border-bottom: #1a0f08 1px solid; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; white-space: nowrap; background: url('../images/table-header.gif') #4d1a08 repeat-x 0px 100%; padding-top: 0px}
.table thead th {color: #f5ebd1; font-weight: bold}
.table thead th a {color: #f5ebd1; font-weight: bold}
.table thead th.align-center .sort-tab {text-align: center}
.table thead th.align-center .sort-link {text-align: center}
.table thead th.align-right .sort-tab {text-align: right}
.table thead th.align-right .sort-link {text-align: right}
.table tfoot th {padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px}
.table tbody td {padding-bottom: 10px; padding-left: 10px; padding-right: 10px; color: #f5ebd1; padding-top: 10px}
.table tbody .row1 td {background: #2b1507; border-top: #31190a 1px solid}
.table tbody .row2 td {background: #231207; border-top: #30190b 1px solid}
.table tbody tr:hover td {background: #180c04; color: #fff}
.table tbody tr.row-active td {background: #180c04; color: #fff}
.table tbody tr.no-results td {text-align: center; padding-bottom: 25px; padding-left: 50px; padding-right: 50px; background: #231207; color: #c09a67; padding-top: 25px}
.table tbody tr.disabled {opacity: 0.33333}
.full-width.table td:first-child {padding-left: 20px}
.table em {font-style: normal; color: #d2ae89}
.table dl {padding-bottom: 0px; line-height: 38px; background-color: #231207; padding-left: 10px; padding-right: 10px; height: 38px; clear: both; padding-top: 0px}
.table dt {display: inline-block; float: left}
.table dd {display: inline-block; float: right; color: #fefffe}
.table h4 {border-left: #7c2804 1px solid; padding-bottom: 6px; padding-left: 8px; padding-right: 8px; background: url('../images/table-header.gif') #4d1a08 repeat-x 0px 100%; color: #fff; border-top: #7c2804 1px solid; padding-top: 6px}
.table li {padding-bottom: 4px; line-height: 27px; padding-left: 0px; padding-right: 0px; background: #231207; height: 27px; clear: both; border-top: #30190b 1px solid; padding-top: 4px}
.table dl.odd {background: #2b1507; border-top: #31190a 1px solid}
.table dl:hover {border-top-color: #0f0702; background: #180c04}
.data-options {padding-bottom: 0px; line-height: 40px; padding-left: 10px; padding-right: 10px; background: url('../images/table-options-bg.jpg') no-repeat 50% 0px; height: 40px; color: #855b47; padding-top: 0px}
.data-options strong {color: #fef092}
.data-options .input {padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px}
.data-options .option {padding-left: 15px; float: right}
.data-options .option .input {padding-right: 2px}

.table-filters {padding-bottom: 15px; padding-left: 15px; padding-right: 15px; background: url('../images/filter-bg.jpg') no-repeat 0px 0px; padding-top: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px #0e0905; -webkit-box-shadow: 0 0 5px #0e0905; box-shadow: 0 0 5px #0e0905}
.table-filters .filter {margin: 0px 15px 15px 0px; float: left}
.table-filters .filter label {padding-bottom: 3px; display: block}
.table-filters .filter-buttons {text-align: center; clear: both}
.inline.table-filters .filter {margin-bottom: 0px}
.inline.table-filters .filter label {padding-bottom: 4px; padding-left: 0px; padding-right: 8px; display: inline-block; padding-top: 0px}
.inline.table-filters .filter-buttons {padding-top: 10px}
.table .sort-link {text-align: left; border-left: #7c2804 1px solid; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; display: block; border-top: #7c2804 1px solid; border-right: #391303 1px solid; padding-top: 8px}
.table .sort-tab {text-align: left; border-left: #7c2804 1px solid; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; display: block; border-top: #7c2804 1px solid; border-right: #391303 1px solid; padding-top: 8px}
.table .sort-link:hover {border-top-color: #af3900; background: url('../images/table-header-hover.gif') #6a240b repeat-x 0px 100%; color: #fff; border-left-color: #af3900}
.table .sort-link .arrow {padding-left: 10px; background: url('../images/table-sort-arrows.gif') no-repeat 0px -10px}
.table .sort-link:hover .arrow {background-position: 0px -115px}
.table .sort-link .up.arrow {background-position: 0px -80px}
.table .sort-link:hover .up.arrow {background-position: 0px -80px}
.table .sort-link .down.arrow {background-position: 0px -45px}
.table .sort-link:hover .down.arrow {background-position: 0px -45px}
.table .hidden.sort-data {display: none}
.content-box {background: url('../images/content-bg.jpg') no-repeat}
.content-box-small {width: 310px; background: url('../images/content-small-bg.jpg') no-repeat}
.content-box .title {padding-bottom: 0px; line-height: 58px; padding-left: 20px; padding-right: 20px; height: 58px; padding-top: 0px}
.content-box-small .title {padding-bottom: 0px; line-height: 58px; padding-left: 20px; padding-right: 20px; height: 58px; padding-top: 0px}
.content-box .title h3 {text-transform: uppercase; font: 18px/58px palatino, georgia, times, serif; color: #f5ebd1}
.content-box-small .title h3 {text-transform: uppercase; font: 18px/58px palatino, georgia, times, serif; color: #f5ebd1}
.content-box .body {padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px}
.content-box-small .body {padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px}
.top-list-container {border-bottom: #956041 1px solid; border-left: #956041 1px solid; margin: 20px auto; width: 90%; background: url('../images/above_glow.jpg') #40200d no-repeat 50% 0px; border-top: #956041 1px solid; border-right: #956041 1px solid}
.top-list-interior {padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px}
.top-list {width: 100%}
.top-list td {padding-bottom: 7px; padding-left: 5px; padding-right: 5px; font-size: 12px; padding-top: 7px}
.top-list td img {vertical-align: middle}
.top-list td.player-name {color: #ffae00}
.top-list td.player-name img {margin-right: 9px}
.top-list tr:hover td {color: #fff}
.top-list th {border-bottom: #884e2c 1px solid; text-align: left; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; color: white; padding-top: 2px}

.tab-menu {height: 30px;margin-top:20px;}
.tab-menu li {display: inline-block; height: 30px; margin-right: 3px;font-size:16px;font-weight:bold}
.tab-menu li a {padding:2px 25px 2px 25px; border:1px solid #666;line-height: 30px; display: block; background: #ffae00/*  url('../images/buy.gif') no-repeat 10% 5px */; float: left; height: 30px; color: #2b1507; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}
.tab-menu li a:hover {background: #4e2f1b; color: #fff;border-color:#ffae00}

.icon-socket {position: relative; width: 15px; display: block; height: 15px}
.icon-socket a.gem {width: 15px; display: block; height: 15px}
.icon-socket a.gem img {padding-bottom: 0px; padding-left: 1px; width: 13px; padding-right: 0px; display: block; height: 13px; padding-top: 1px}
.icon-socket .frame {position: absolute; width: 15px; background: url('../images/sockets.gif') no-repeat; height: 15px; top: 0px; left: 0px}

.socket-0 .frame,.socket- .frame {background-position: 0px 0px}
.socket-1 .frame {background-position: -15px 0px}
.socket-2 .frame {background-position: -30px 0px}
.socket-3 .frame {background-position: -45px 0px}
.socket-4 .frame {background-position: -60px 0px}

.item-link {line-height: 22px; display: inline-block; white-space: nowrap; vertical-align: top;color:#efe3d2}
.item-link .frame-18 {float: left; margin-right: 5px}
.item-link .tip {border-bottom: 0px}
.item-link-large {line-height: 38px; height: 38px}
.item-link-large .frame-36 {float: left; margin-right: 10px}
.item-link-small {line-height: 18px; display: inline-block; height: 18px; vertical-align: top}
.item-link-small-right {line-height: 18px; display: inline-block; height: 18px; vertical-align: top}
.item-link-small .frame-14 {float: left; margin-right: 3px}
.item-link-small-right .count {float: left}
.item-link-small-right .frame-14 {float: left; margin-left: 4px}

.dynamic-menu {padding-bottom: 1px; margin: 0px 10px 0px 20px; background: url('../images/sidebar-menu-sep.gif') no-repeat 0px 100%; font-size: 13px}
.dynamic-menu li {white-space: nowrap; background: url('../images/sidebar-menu-sep.gif') no-repeat 0px 0px; padding-top: 1px}
.dynamic-menu li a {padding-left: 3px; display: block}
.dynamic-menu li a .arrow {background: url('../images/sidebar-menu-arrows.gif') no-repeat 100% 9px;line-height: 30px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden}
.dynamic-menu li a:hover .arrow {background-position: 100% -41px; font-weight: bold}
.dynamic-menu li.active a {background: none transparent scroll repeat 0% 0%; color: #fff; font-weight: bold;padding-left:20px}
.dynamic-menu li.active a .arrow {background-position:100% -41px}

.modal-brown {position: relative; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; background: url('../images/modal-bg.jpg') #70432a; border-top: #7d5031 1px solid; padding-top: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000}
.modal-brown .modal-inner {border-bottom: #985a39 1px solid; border-left: #834e31 1px solid; background: #381a0f; border-top: #834e31 1px solid; border-right: #985a39 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.modal-brown .arrow-left {position: absolute; background: url('../images/modal-arrow.png') no-repeat 0px 0px}
.modal-brown .arrow-right {position: absolute; background: url('../images/modal-arrow.png') no-repeat 0px 0px}
.modal-brown .arrow-top {position: absolute; background: url('../images/modal-arrow.png') no-repeat 0px 0px}
.modal-brown .arrow-bottom {position: absolute; background: url('../images/modal-arrow.png') no-repeat 0px 0px}
.modal-brown .arrow-left {width: 20px; background-position: 0px -25px; height: 50px; left: -20px}
.modal-brown .arrow-right {width: 20px; background-position: -80px -25px; height: 50px; right: -20px}
.modal-brown .arrow-top {width: 50px; background-position: -25px 0px; height: 20px; top: -21px}
.modal-brown .arrow-bottom {width: 50px; bottom: -20px; background-position: -25px -80px; height: 20px}
.modal-brown .close {position: absolute; width: 37px; display: block; background: url('../images/ui.png') no-repeat -22px -157px; height: 37px; top: -15px; right: -5px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-box-shadow: 0 0 10px #241209; -webkit-box-shadow: 0 0 10px #241209; box-shadow: 0 0 10px #241209}
.modal-brown .close:hover {background-position: -22px -208px}

.media-content { padding-top:11px }
.media-content .currently-viewing { height: 42px;width:942px; margin:0 auto;color:#f0e29a}
.media-content .thumb-wrapper { display:block; width:140px; float:left; margin:0 38px 50px 0 }
.media-content .thumb-frame{ background-image:url(../images/sprite.png) }
.thumbnail-page-wrapper .thumb-wrapper .thumb-title { color:#b79855 }
.thumbnail-page-wrapper .thumb-wrapper:hover .thumb-title { color:#fff }
.media-content .thumb-wrapper .thumb-frame { display:block; width:140px; height:90px; background-repeat:no-repeat; background-position:0 0; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:#000 0 0 10px; box-shadow:#000 0 0 10px }
.media-content .thumb-wrapper .thumb-bg { display:block; width:140px; height:90px; background-repeat:no-repeat }
.media-content .thumb-wrapper:hover .thumb-frame { background-position:0 -90px }
.thumbnail-page-wrapper { width:942px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; padding-top:20px;padding-bottom:50px; background-image:url(../images/thumbnail-bg.jpg) }
.thumbnail-page-wrapper .thumbnail-list-paging { padding-bottom:34px }
.thumbnail-page-wrapper #thumbnail-page { width:890px; margin:0 auto }
.thumbnail-page-wrapper .thumb-wrapper .thumb-title { display:block; text-align:center; padding-top:8px }

.icon-down {padding: 0px; width: 36px;height: 36px;  display: block; background: url('../images/icon-down.jpg') no-repeat; }
.icon-down-http{background-position: 0px 0px !important;}
.icon-down-other{background-position: 0px -36px !important;}

.product-sure{background:url('/v8/main/images/cash_button.gif') no-repeat;width:122px;height:42px;display:block;line-height:42px;margin-top:20px;color:#fff;}
.product-sure span{padding-left:50px;font-weight:bold;font-size:16px;line-height:42px}
.product-sure:hover{color:#ff0;background-position:0px -42px;}