body {
    /*background: #1B7A9C url(/static/images/tgs_bg.png) top center fixed no-repeat;*/
    /*background-color: #1B7A9C;*/
    font-family: Helvetica, Arial, sans-serif;
}

.clearBoth {
    clear: both;
}

.btn {
    vertical-align: top;
}

strong {
    font-weight: bold;
}

#page {
    width: 1000px;
    margin: 0 auto;
}

#content {

}

#topbar {
    width: 100%;
    background-color: #FFF;
    color: #444;
    height: 45px;
    /*line-height: 40px;*/
    position: relative;
}

#topbar .cart_link {
    display: block;
    float: left;
    color: #444;
    margin: 0 0px;
    line-height: 50px;
    text-decoration: underline;
    font-size: 14px;
    /*background: url(http://tgs.net/static/images/btn_cart.png) no-repeat; */	
}

#topbar .num_cart_items {
    line-height: 40px;
    font-size: 12px;
}

#topbar .checkout_link {
    text-decoration: underline;
    line-height: 40px;
    font-size: 12px;
}

#topbar a {
    color: #444;
    font-size: 13px;
    text-decoration: underline;
}

#topbar .account_links {
    position: absolute;
    top: 0;
    line-height: 40px;
    right: 10px;
}

.login_form .tb_login {
    height: 18px;
    width: 75px;
    font-size: 12px;
    background-color: #EEE;
    height: 18px;
    font-family: arial;
    color: #444;
    vertical-align: middle;
}

.btn_login {
    background: url(/static/images/btn_login.png) top left no-repeat;
    height: 18px;
    font-size: 12px;
    padding: 0 3px;
    width: 50px;
    height: 26px;
    line-height: 16px;
    color: #FFF;
    border: 0;
    margin: 10px 0 0 0;
    vertical-align: top;
}

.search_box p.btn_advanced {
    font-size: 11px;
    margin: 2px 0 0 0;
    text-decoration: underline;
    cursor: pointer;
}


#banner_search {
    height: 130px;
    width: 100%;

    position: relative;
}

#banner_search .facebook_link {
    position: absolute;
    top: 8px;
    right: 15px;
}

#banner_search .twitter_link {
    position: absolute;
    top: 8px;
    right: 90px;
}

#banner {
    background: transparent url(http://i140.photobucket.com/albums/r36/chadwick575/tgs_600.png) top left no-repeat;
    width: 600px;
    height: 140px;
}

#banner_search .search_box {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    color: #333;
    background-color: #FFF;
    width: 350px;
}

#banner_search .tb_search {
    width: 270px;
    background-color: #EEE;

}

#banner_search #btn_search {
    width: 47px;
    height: 20px;
    background: url(/static/images/btn_search.png) top left no-repeat;
}

#banner_search .search_box p.server_txt {
    font-size: 13px;
    color: #333;
}

#nav {
    height: 30px;
    width: 100%;
    float: left;
    line-height: 30px;
    margin: 10px 0;
    background-color: #FFF;
}

#nav li {
    float: left;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
}

#nav li a {
    color: #1B7A9C;
    display: block;
    font-weight: bold;
}

#nav li a:hover {
    font-weight: bold;
    text-decoration: underline;
}
#nav li.selected {
}




#content {
    width: 980px;;
    background-color: #FFF;
    float: left;
    padding: 10px;
}

#left_col {
    width: 205px;
    float: left;
    margin: 0 10px 0 0;
}

#main_col {
    width: 430px;
    float: left;
    margin: 0 10px;

}

#right_col {
    width: 295px;
    float: left;
    margin: 0 0 0 10px;

}

.module {
    margin: 0 0 10px 0;
}

.module h3 {
    width:  213px;
    height: 38px;
    margin: 0;
    text-indent: -999;
}

#contact_us h3 {
    background: transparent url(/static/images/contact_us_module.png) top left no-repeat;
}

#new_products h3 {
    background: transparent url(/static/images/whats_new_module.png) top left no-repeat;
}

#by_class h3 {
    background: transparent url(/static/images/shop_by_class_module.png) top left no-repeat;
}

#by_race h3 {
    background: transparent url(/static/images/shop_by_race_module.png) top left no-repeat;
}

#other_products h3 {
    background: transparent url(/static/images/aionaccounts.gif) top left no-repeat;
}

/*
#other_products ul {
    font-size: 18px;
    padding: 0 0 0 8px;

}

#other_products ul li {
    margin: 4px 0;
}

#other_products ul li a {
    color: #497191;
    text-decoration: underline;
}
*/

.icon_category ul {
}

.icon_category ul li {
    float: left;
    width: 90px;
    margin: 0 0 6px 0;
    text-align: center;
}


.icon_category ul li a:hover img {
    opacity: .8;
}

.icon_category ul li p {
    font-size: 12px;
    color: #333;
    text-decoration: underline;
}

.module .new_products {

}

.module .new_products li {
    margin: 0 0 10px 0;
}

.module .new_products .product_link {
    
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 0 0 2px 0;
}

.module .new_products .product_description {
    color: #555;
    font-size: 11px;
    line-height: 14px;
}

.module .new_products .product_price {
    font-size: 18px;
}

.module .new_products .buy_link {
    font-size: 12px;
    text-decoration: underline;
}



.module .mod_content {
    padding: 10px;
    background-color: #FFF;
    width: 185px;
}

.news {
    width: 100%;
    margin: 0 0 15px 0;
    height: 455px;
    position: relative;

}

.news h2 {
    font-size: 18px;
    border-bottom: 1px dotted #CCC;
    margin: 0 0 8px 0;
    padding: 0 0 4px 0;
    color: #1B7A9C;
}

.news .content {
    padding: 10px;
    background-color: #FFF;
    width: 410px;
    height: 360px;
    float: left;
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #444;
    line-height: 14px;
    overflow: hidden;
}

.news .content .img_wrapper {
    width: 200px;
    max-height: 340px;
    float: left;
    margin: 0 8px 4px 0;
    overflow: hidden;
}

.news .content img {

    max-width: 200px;
    max-height: 340px;
}

.news_thumbs {
    position: absolute;
    bottom: 0;
}

.news_thumb {
    width: 130px;
    margin: 0 8px 0 0;
    border: 1px solid #FFF;
    background-color: #EEE;
    height: 60px;
    overflow: hidden;
    float: left;
    position: relative;
    opacity: .5;
}

.news_thumb_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #222;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #FFF;
    width: 127px;
    padding: 0 2px;
    overflow: hidden;
}

.cont3 {
    margin: 0;

}

.about_gs {
    margin: 0 0 10px 0;
}

.about_gs h5 {
    color:#222;
    font-size: 16px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.about_gs p {
    font-size: 12px;
    line-height: 14px;
    color: #333;
}

#verisign_right_col {
    margin: 0 auto;
}

#footer {
    width: 900px;
    margin: -10px;
    /*background-color: #999;*/
}

/*
#footer ul {
    float: left;
    margin: 0 0 0 10px;
}

#footer ul li {
    font-size: 12px;
    float: left;
    line-height: 30px;
    margin: 0 0 0 10px;

}

#footer ul li a {
    color: #FFF;

}
*/

#footer table {
    margin: 0 auto 10px;
}

/****ADV SEARCH ****/

#adv_search {
    width: 100%;
    height: 70px;
    margin: 8px 0 0 0;
}

#adv_search label {
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 55px;
    line-height: 24px;
}

#adv_search select {
    float: left;
    height: 24px;
    margin-bottom: 4px;
}

#adv_search_server {
    width: 292px;
    margin: 4px 0 0 0;
}

#adv_search_class{
    margin: 0 7px 0 0;
    width: 115px;
}

#adv_search_race {
    width: 115px;
}

#adv_search_level {
    margin: 0 7px 0 0;
    width: 115px;
}

#adv_search_budget {
    width: 115px;
}


/***********STATIC PAGES *************/
#static_content {
    width: 990px;
    padding: 10px;
    background-color: #FFF;
}


/***********LISTING PAGES*************/
#listing_page #right_col {
    display: none;
}

#listing_page #main_col {
    width: 655px;
}

.listings {
    width: 100%;
}

.listings li {
    padding: 5px;
    width: 645px;
    height: 75px;
    position: relative;
    float: left;
    border: 1px solid #CCC;
}

.listings li .group {
    border-left: 1px solid #CCC;
    float: left;
}

.listings .char_type{
    width: 180px;
}

.listings .char_thumb{
    display: block;
    float: left;
    margin: 0 5px 0 0;
}


.listings .char_link {
    font-size: 20px;
    display: block;
    line-height: 75px;
    margin: 0 5px 5px 10px;
    float: left;

}

.listings .char_icons {
    float: left;
}

.listings .char_icons img {
    margin: 0 0 6px 0;
    display: block;
}

.listings .health_bar {
    width: 150px;
    height: 18px;
    margin: 5px 0 0 0;
    line-height: 18px;
    font-size: 12px;
    background-color: green;
    color: #FFF;
    text-align: center;
}

.listings .mana_bar {
    width: 150px;
    height: 18px;
    margin: 5px 0 0 0;
    line-height: 18px;
    font-size: 12px;
    background-color: blue;
    color: #FFF;
    text-align: center;
}

.listings .price_info {
    height: 75px;
    width: 100px;
    float: right;
    position: absolute;
    right: 0;
}

.listings .char_price {
    font-size: 18px;
    display: block;
    text-align: center;
    margin: 12px 0 8px 0;
}

.listings .buy_link {
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: underline;
}

.basic_stats {
    float: left;
    border-left: 1px solid #CCC;
    padding: 0 0 0 10px;
    height: 75px;
    width: 300px;
}

.stats {
    font-size: 12px;
}

.stats td.stat_name {
    padding: 0 8px 0 0;
}

.basic_stats ul li .stat {
    width: 75px;
    display: block;
    float: left;
}

.basic_stats ul li .stat_val {
    display: block;
    float: left;
}

.basic_stats  .spec {
    float: left;
    margin: 0 10px 0 0;
}

.basic_stats  .spec h3 {
    font-size: 18px;
}

/**************CHAR PAGE **************/

#char_tabs {
    width: 515px;
    float: left;
    margin: 10px 0 0 40px;
    float: left;
    font-size: 15px;
    color: #FFF;
}

#char_tabs li {
    float: left;
    background-color: #8EA7AF;
    padding: 4px 6px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

#char_tabs  li.selected{
    background-color: #6B868F;
}

#gear_left_side {
    float: left;
    margin: 0 5px 0 0;
}

#gear_left_side li {
    width: 50px;
    height: 50px;
}

#char_info_box {
    width: 400px;

    float: left;
    margin: 0 2px;
}

#char_ss {
    background-color: #111;
}

#char_ss img {
    width: 250px;
    margin: 0 0 0 25px;
}

#gear_right_side {
    float: left;
    margin: 0 0 0 5px;
}

#gear_right_side li {
    width: 50px;
    height: 50px;
}

.gear_list li {
    margin: 0 0 2px 0;
}

.gear_list li img {
    height: 50px;
    width: 50px;
}

.ss_module {
    margin: 10px;
}

.ss_module .mod_content {
    background-color: #FFF;
}

.ss_module h3 {
    background: transparent url(/static/images/screenshot_module.png) top left no-repeat;
    height: 38px;
    width: 213px;

}

.ss_list{
    margin: 5px 0;
    float: left;
}

.ss_list li {
    float: left;
    width: 58px;
    height: 58px;
    margin: 1px;
}

.ss_list li img {
    width: 58px;
    height: 58px;
    margin: 5px 0;
}

.more_info {
    margin: 0 0 0 10px;
}

.more_info h3 {
    background: transparent url(/static/images/more_info_module.png) top left no-repeat;
}

.more_info .mod_content {
    color: #333;
    font-size: 14px;
    line-height: 16px;
}

#related_products {
    margin: 0 10px;
}

#related_products #char_bars {
    display: none;
}

#related_products .description_spec {
    display: none;
}

#related_products .char_points {
    display: none;
}

#related_products .custom_descr {
    color:#333333;
    font-size:12px;
    line-height:14px;
    margin:5px 0 0;
    width:190px;
}
.stat_section {
    background-color: #A8C5CF;
    float: left;
    margin: 0 0 4px 0;
}

.stat_section h6 {
    font-size: 11px;
    color: #4C676F;
    margin: 5px 0 8px 5px;
}

#talent_spec {
    width: 238px;
    height: 101px;
    margin: 0 4px 4px 0;
}

#talent_spec p {
    color:#444;
    font-size: 13px;
    margin: 0 0 5px 50px;
    font-weight: bold;
    text-transform: capitalize;
}

#talent_spec .spec_numbers {
    color: #444;
    font-size: 13px;
    font-weight: bold;

}

.talent_icon {
    float: left;
    display: block;
    margin: 0 10px;
}

#prim_professions {
    width: 238px;
    height: 104px;
}

.prof_name {
    font-size: 11px;
    color: #444;
    text-transform: capitalize;
    margin: 0 0 2px 50px;
}

.prof_icon {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin: 0 0 0 12px;
}

.prof_percent_bar {
    height: 16px;
    background: url(/static/images/ui_bars/bar_grey.gif) top left repeat-x;
    position: relative;
    width: 160px;
    border: 1px solid #222;
    margin: 0 0 6px 15px;
    float: left;
}

.prof_percent {
    background: url(/static/images/ui_bars/bar_mana.gif) top left repeat-x;
    height: 16px;
}

.prof_percent_txt {
    color: #FFF;
    font-size: 12px;
    position: absolute;
        left: 0;
        top: 1px;
    text-align: center;
    width: 160px
}

#resistances {
    float: right;
    width: 158px;
    height: 209px;
}

#char_bars {
    width: 400px;
    padding: 5px 0;
    font-size: 12px;
    color: #FFF;
}

#char_bars .bar_label {
    width: 90px;
    color: #444;
    text-align: right;
}

#char_bars p {
    float: left;
}

#char_health {
    width: 270px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 4px 20px;
    background: url(/static/images/ui_bars/bar_life.gif) top left repeat-x;
    text-align: center;
}

#char_second_bar{
    width: 270px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 20px;
    text-align: center;
}

.energy_bar {
    background: url(/static/images/ui_bars/bar_energy.gif) top left repeat-x;
}

.mana_bar {
    background: url(/static/images/ui_bars/bar_mana.gif) top left repeat-x;
}

.runic_bar {
    background: url(/static/images/ui_bars/bar_runic.gif) top left repeat-x;
}

.rage_bar {
    background: url(/static/images/ui_bars/bar_rage.gif) top left repeat-x;
}

.char_stats {
    float: left;
    width: 390px;
    height: 117px;
    padding: 5px;
    background-color: #A8C5CF;
}

.stats_col {
    float: left;
    width: 180px;
}

#stat_prim{
    margin: 0 15px 0 0;
}

#stat_prim h5 {
    margin: 5px 0 15px 0;
}

.stats_col select {
    margin: 0 0 10px 0;
}

.stats_col h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #4C676F;
}

.char_stats ul {
    color: #444444;
    font-size: 13px;

}

.char_stats ul li p {
    float: left;
    font-weight: bold;
    width: 110px;
}

.char_stats ul li em {
    display: block;
    float: right;
    color: #444;
}

#res_list {
    margin: 6px 0 0 0;
}

#res_list li {
    margin: 0 0 4px 0;
    float: left;
    width: 158px;
}

#res_list li p {
    color: #444;
    margin: 0 10px 2px 0;
    float: left;
    font-size: 10px;
    line-height: 27px;
    font-weight: bold;
    width: 110px;
    text-align: right;
}

#res_list div {
    float: left;
    font-size: 12px;
    text-align: center;
    line-height: 27px;
    color: #FFF;
    width: 27px;
    height: 27px;
}

#res_list #arcane {
    background: url(/static/images/res_arcane.png) top left no-repeat;
}

#res_list #fire {
    background: url(/static/images/res_fire.png) top left no-repeat;
}

#res_list #nature {
    background: url(/static/images/res_nature.png) top left no-repeat;
}

#res_list #frost {
    background: url(/static/images/res_frost.png) top left no-repeat;
}

#res_list #shadow {
    background: url(/static/images/res_shadow.png) top left no-repeat;
}

#gear_bottom {
    float: left;
    margin: 4px 0 0 121px
}

#gear_bottom li {
    width: 50px;
    height: 50px;
    margin: 0 2px 0 0;
    float: left;
}

#char_gear_stats {
    background-color:#6B868F;
    float:left;
    margin:0 0 0 40px;
    padding:5px;
    width:520px;
}



h3.price_label {
    margin: 2px 0 0 10px;
    font-weight: bold;
    font-size: 12px;
    color: #111;
}

.product_btns {
    margin: 2px 0 0 0;
}

#char_middle_section {
    float: left;
}



.btn_add {
    background-color: #333;
    color: #FFF;
    font-size: 11px;
    padding: 2px 3px;
}

.contact {
    font-size: 12px;
    line-height: 16px;
    color: #222;
}




.contact .support_email {
    margin: 5px 0 0 0;
    font-weight: bold;
    font-size: 11px;
    color: #444;
}

/*******SEARCH RESULTS***********/

.cat_results_header {
    font-size: 22px;
    margin: 10px;

}

.search_results {
    width: 880px;
    color: #333;
}

.search_results thead tr {

    width: 100%;
}


#product_category h1 {
    font-size: 36px;
    color:#1B7A9C;
    margin: 10px 5px;
}

.search_results th {
    background: url(/static/images/account_accordion.png) 0 0 no-repeat;
    height: 70px;
    color: #FFF;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.search_results th:hover {
    background-position: 0 -70px;
}

.search_results th h3 {
    margin: 0 0 0 5px;
    color: #FFF;
    display: block;
    font-size: 36px;
    padding: 18px 0 0 70px;
}

.search_results th a {
    color: #FFF;
}

.search_results th .icon_container {
    float: left;
    height: 60px;
    width: 60px;
    margin: 5px 0 0 5px;
}

.search_results th .icon_container img {
    width: 60px;
    height: 60px;

}

.search_results th .exp_col{
    font-size: 22px;
    float: right;
    line-height: 70px;
    margin: 0 10px 0 0;
}


.search_results tbody {

    float: left;
    width: 100%;
    display: block;
}

.search_results td {
    padding: 0 0 10px 0;
    background-color: #FFF;
}

.search_results tr {
    position: relative;
}

.search_results .product_thumb {
    width: 84px;
    border-right: 1px solid #DDD;
}

.search_results .product_thumb a {
    display: block;
    position: relative;
}


.product_body {
    vertical-align: top;
}

.search_results .product_thumb img {
    padding: 0 10px;
    vertical-align: top;
    width: 64px;
    height: 64px;
}

.glossy_mask {
    display: block;
    position: absolute;
    top: 0;
    z-index: 10;
}

a.product_name {
    text-decoration: underline;
}

.product_name a {
    text-decoration: underline;
}

.search_results .product_name {
    width: 250px;
    vertical-align: middle;
    line-height: 20px;
}

.search_results .product_name a {
    display: block;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.search_results .product_description {
    padding: 10px 10px;
    line-height: 18px;
    font-size: 12px;
    width: 775px;
}

.product_title_bar {
    background: url(/static/images/grey_module.png) top left no-repeat;
    color: #444;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    position: relative;
}

.product_title_bar a {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.product_title_bar .helper {
    font-size: 12px;
}

.product_title_bar em {
    position: absolute;
    right: 5px;
}

.search_results .product_description .char_points {
    font-size: 32px;
    width:  165px;
    text-align: center;
    float: left;
    line-height: 64px;
    margin: 0 10px 0 0;
}

.search_results .product_description .points_icon {
    margin: -5px 0 0 0;
    vertical-align: middle;
    height: 45px;
}


h6.search_results_header {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 18px;

}

h6.search_results_header span {
    color: #333;
}

/*********FLAT PAGES **********/

#flat_page {
    width: 655px;
    float: left;
}

#flat_page h1 {
    width: 635px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    background-color: #1B7A9C;
    color: #FFF;
}
#flat_page a {
    color:#1B7A9C;
    text-decoration:underline;
}
.fp_content {
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin: 10px;
}

.fp_content p {
    margin: 0 0 10px 0;
}

.fp_content h3 {
    font-size: 14px;
    font-weight: bold;
}

.fp_content a {
    color:#1B7A9C;
    text-decoration:underline;
}




/*********Achievements**********/

#char_achiev {
    background-color:#6B868F;
    float:left;
    margin:0 0 0 40px;
    padding:5px;
    width:515px;
}

#achiev_list {
    width: 560px;
    margin: 10px 0 0 5px;
    float: left;
}

#achiev_list li.par {
    margin: 0 0 4px 0;
    float: left;
    width: 100%;
}

#achiev_list li.par h6 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 4px 0;
    color: #FFF;
}

#achiev_list li.par em {
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    margin: 0 0 0 5px;
}

.achiev_percent_bar {
    border: 1px solid #222;
    height: 16px;
    float: left;
    background: url(/static/images/ui_bars/bar_grey.gif) top left repeat-x;
    position: relative;
    width: 480px;
}

.achiev_percent {
    background: url(/static/images/ui_bars/bar_mana.gif) top left repeat-x;
    height: 16px;
}

.achiev_percent_txt {
    color: #FFF;
    font-size: 12px;
    position: absolute;
        left: 0;
        top: 1px;
    text-align: center;
    width: 100%;
}

.achievement_list {
    margin: 5px 0 5px 8px;
    width: 500px;
    float: left;
}

.achievement_list li {
    color: #BBB;
    font-size: 14px;
    padding: 5px;
    margin: 1px 0;
    float: left;
    width: 458px;
    background-color: #777;
}

.achievement_list li.completed {
    background: #777 url(/static/images/point_shield_small.png) 470px 2px no-repeat;
    /*background-color: #7F7447;*/

}

.achievement_list li.completed .achiev_title {
    color: #FFD52F;
}

.achievement_list .achiev_icon {
    float: left;
    position: relative;
}

.achievement_list .achiev_icon .frame {
    height: 72px;
    width: 72px;
    position: relative;
    z-index: 2;

}
.achievement_list .achiev_icon .icon {
    position: absolute;
    top: 12px;
    left: 12px;
    height: 48px;
    width: 48px;
    z-index: 1;
}

.achievement_list .achiev_title {
    text-align: center;
    margin: 5px 0;
    float: left;
    width: 368px;
}

.achievement_list .achiev_descr {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 368px;
}

.achiev_criteria ul {
    float: left;
    width: 415px;
    margin: 10px 0 10px 20px;
}

.achiev_criteria ul li {
    color: #EEE;
    float: left;
    font-size: 11px;
    width: 185px;
    line-height: 14px;
    list-style-type: disc;
    padding: 0 15px 0 0;
}


.achiev_criteria ul li.completed {
    color: #FFD52F;
}

.achiev_criteria ul li.criteria_percent_bar {
    border: 1px solid #222;
    height: 16px;
    position: relative;
    width: 415px;
    background: url(/static/images/ui_bars/bar_grey.gif) top left repeat-x;
    padding: 0;
    list-style-type: none;
    float: left;
    overflow: hidden;
}

.criteria_percent {
    height: 16px;
    background: url(/static/images/ui_bars/bar_life.gif) top left repeat-x;
}

.criteria_percent_txt {
    color: #FFF;
    font-size: 12px;
    position: absolute;
        left: 0;
        top: 1px;
    text-align: center;
    width: 100%;
}


/*******CATEGORY LIST************/

.categories {
    background-color: #EEE;
    padding: 0 0 6px 0;
}

.category_list h4 {
    margin: 8px 0 0 10px;
}

.category_list h4 a {
    font-size: 14px;
    color: #333 !important;
    font-weight: bold;
}

.category_list h5 {
    margin: 0 0 0 5px;
}

.category_list h5 a {
    font-size: 13px;
    color: #333 !important;
    font-weight: bold;
}

.category_list .cat_sub_list {
    margin: 0 0 0 20px;
    font-size: 13px;
}

.category_list .cat_sub_list li {
    margin: 3px 0;
}

.category_list .cat_sub_list li a {
    text-decoration: underline;
    color: #497191;
}


.category_list .cat_sub_list h5 a {
    text-decoration: none;
}

.category_list li {
}

.product_price b {
    color: #990000;
}


/**************CART*************/
h1 {
    color: #1B7A9C;
    font-size:36px;
    margin:10px 5px;
}


#cart_table {
    border-bottom: 1px solid #AAA;
    margin: 0 0 8px 0;
}

#cart_table tr {

}

#cart_table th {
    background-color: #1B7A9C;
    border: 1px solid #0F627F;
    padding: 5px;
    color: #FFF;
}

#cart_table td {
    width: 880px;
    font-size: 14px;
    color: #333;
    border: 1px solid #CCC;
    padding: 5px;
    background-color: #FFF;
    border-bottom: 0;
}

#cart_table td a {
    color: #1B7A9C;
    text-decoration: underline;

}

#cart_table td input {
    background-color: #DDD;
    color: #444;
}

#cart_table .disclaimer_descr {
    font-size: 11px;
    color: red;
    display: block;
}

#cart_table .cart_total {
    font-size: 18px;
    color: #555;
}

a.btn_checkout {
    margin: 5px 0;
    padding: 3px 5px;
    background-color: #1B7A9C;
    color: #FFF;
    font-size: 13px;
}



#checkoutprogress ul {
    float: left;
    width: 100%;
    margin: 0 0 8px 0;
    color: #444;
    font-size: 14px;
}

#checkoutprogress ul li.first {
    border: 0;
    padding-left: 0;
}

#checkoutprogress ul li {
    float: left;
    font-weight: bold;
    padding: 0 8px;
    border-left: 1px solid #444;
}

/*=======SHORT DESCRIPTION=======*/
.description_stats {
    font-size: 11px;
    line-height: 15px;
    display: table-cell;

}

.product_body .description_stats {
    float: left;
}

.description_spec {
    padding: 0 10px 0 0;
    text-align: center;
    width: 145px;
    float: left;
}

.description_stats b {
    display: block;
    float: left;
    width: 100px;
}

.description_stats em {
    display: block;
    float: left;
    width: 50px;
    text-align: right;
}

.description_spec h6 {
    font-size: 22px;
    margin: 0 0 4px 0;
    text-transform: capitalize;
}

.description_spec p {
    font-size: 18px;
}

.search_results #char_bars {
    float: left;
    width: 250px;
    margin: 0 0 0 10px;
}

.search_results #char_health {
    background: url(/static/images/health_bar.png) top left no-repeat;
    height: 30px;
    width: 180px;
    font-size: 18px;
    float: left;
    line-height: 30px;
}

.search_results #char_bars .bar_label {
    color: #333;
    line-height: 30px;
    float: left;
    text-align: left;
    width: 30px;
}

.search_results #char_second_bar {
    height: 30px;
    width: 180px;
    float: left;
    font-size: 18px;
    line-height: 30px;
}


.search_results .description_spec {
    vertical-align: middle;
    margin: 6px 0 0 0;
}

.search_results .description_spec p {
    font-size: 26px;
    line-height: 28px;
}

.search_results .description_stats {
    margin: -8px 0 0 15px;
}



/*=======WHATS NEW=======*/

#new_products a.product_link {
    color: #497191;
    margin: 0 0 2px 0;
}

#new_products .description_stats {
    display: block;
    color: #444;
    line-height: 14px;
}

#new_products .description_stats b {
    display: block;
    font-weight: bold;
    float: left;
    width: 120px;
}

#new_products .description_stats em {
    display: block;
    float: left;
    width: 60px;
    text-align: right;
}

#new_products .description_stats li {
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #CCC;
    float: left;
}

#new_products .char_points {
    display: none;
}

#new_products .description_spec{
    display: none;
}

#new_products #char_bars {
    display: none;
}

#new_products .product_price {
    margin: 5px 0 0 0;
}

#new_products .product_price del {
    margin: 5px 0 0 0;
}

#new_products .product_price span {
    font-weight: bold;
    color: #333;
    margin: 0 5px 0 0;
}

#new_products .custom_descr {
    display: none;
}
/*=======RELATED=======*/

#related_products {
    margin: 0 10px;
}

#related_products h3 {
    background: transparent url(/static/images/related_products_module.png) top left no-repeat;
    height: 38px;
    width: 213px;
}

#related_products a.product_link {
    color: #497191;
    margin: 0 0 2px 0;
}

#related_products .description_stats {
    display: block;
    color: #444;
    line-height: 14px;
}

#related_products .description_stats b {
    display: block;
    font-weight: bold;
    float: left;
    width: 120px;
}

#related_products .description_stats em {
    display: block;
    float: left;
    width: 60px;
    text-align: right;
}

#new_products .description_stats li {
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #CCC;
    float: left;
}
/*=======FEATURED=======*/


.featured {
    width: 100%;

}

.featured h3 {
    width: 440px;
    margin: 0;
    height: 38px;
    background: url(/static/images/featured_module.png) top left no-repeat;
}

.featured_listings {
    padding: 10px;
    background-color: #FFF;
    width: 410px;
    float: left;
}

.featured_listings .product_description {
    color: #333;
    line-height: 16px;
}

.featured_listings .description_spec{
    display: none;
}

.featured_listings li {
    margin: 2px 0;
    float: left;
    font-size: 12px;
    width: 400px;
}

.featured_listings li .left_product_col {
    float: left;
    margin: 0 10px 0 0;
    width: 60px;
}

.featured_listings li .product_thumb {
    width: 60px;
    display: block;
    height: 60px;
}

.featured_listings li .product_name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #497191;
}

.featured_listings .description_stats {
    line-height: 15px;
    color: #333;
    width: 160px;
    margin: 15px 5px 0 0;
    float: left;
}

.featured_listings .description_stats li {
    width: 100%;
    margin: 1px 0;
    line-height: 12px;
    font-size: 11px;
}

.featured_listings .description_stats b {
    display: block;
    float: left;
    width: 90px;
}

.featured_listings .description_stats em {
    display: block;
    float: left;
    width:70px;
    text-align: right;
}

.featured_listings li .product_price {

    font-size: 16px;
    float: right;
}

.featured_listings li .product_price del {
    font-size: 14px;
    color: #444
}

.featured_listings li .product_price b {

}

.featured_listings li .product_price span {
    font-weight: bold;
    margin: 0 5px 0 0;
}

.btn_add_cart {
    font-size: 10px;
    background-color: #444;
    color: #FFF;
    margin: 5px 0;
}

.featured_listings li .buy_link {
    text-decoration: underline;
}

.featured_listings #char_bars {
    width: 160px;
    font-size: 12px;
    float: left;
    color: #FFF;
    margin: 0 0 0 5px;
}

.featured_listings #char_bars .bar_label {
    display: block;
    margin: 0 0 2px 0;
    color: #333;
    text-align: left;
    width: 160px;
}

.featured_listings #char_health {
    width: 160px;
    height: 15px;
    margin: 0 0 5px 0;
    background-color: #1D6501;
}

.featured_listings #char_second_bar{
    width: 180px;
    height: 30px;
    margin: 0 0 5px 0;
    text-align: center;
}

.featured_listings .char_points {
    display: none;
}

.featured_listings #char_bars {
    float: left;
    width: 155px;
    margin: 0 0 0 70px;
}

.featured_listings #char_health {
    background: url(/static/images/health_bar.png) top left no-repeat;
    height: 30px;
    width: 130px;
    font-size: 18px;
    line-height: 30px;
}

.featured_listings #char_bars .bar_label {
    color: #333;
    text-align: left;
    width: 30px;
    float: none;
    display: block;
}

.featured_listings #char_second_bar {
    height: 30px;
    width: 130px;
    font-size: 18px;
    line-height: 30px;
}

.featured_listings .custom_descr {
    color: #444;
    font-size: 11px;
    line-height: 16px;
    margin:0 0 10px 70px;
    width: 330px;
}

/******table stuff********/

td.table_cat_header {
    height: 18px;
    line-height: 20px;
    font-size: 18px;

    background-color: #555;
}

td.table_cat_header h3 {
    margin: 0 0 0 10px;
    color: #FFF;
}

.product_box {
    float: left;
    width: 600px;
    line-height: 16px;
    color: #333;
    font-size: 14px;
}

/***************FORUM****************/

#djangoForumList th {
    background-color: #1B7A9C;
    border: 1px solid #0F627F;
}

a.forum_title {
    display: block;
    font-size: 18px;
    margin: 0 0 8px 0;
    color: #333;
    text-decoration: underline;
}

.djangoForumListLastPost {
    font-size: 14px;
    color: #333;
}

.djangoForumListLastPost a {
    color: #444;
    text-decoration: underline;
}

.forum_descr {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    margin: 3px 0 0 0;
}

.djangoForumStats {
    color: #333;
    font-size: 11px
}

#djangoForumThreadList th {
    background-color: #1B7A9C;
    font-size: 14px;
    border: 1px solid #0F627F;
}

a.thread_title {
    text-decoration: underline;
    font-size: 14px;
    color: #333;
}

.post_and_views {
    text-align: center;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
}

.djangoForumThreadLastPost {
    font-size: 12px;
    line-height: 14px;
}

a.view_thread {
    text-decoration: underline;
}

#create_thread_box {
    border: 1px solid #0F627F;
    margin: 10px 0;
}

#create_thread_box h2 {
    background-color: #1B7A9C;
    color: #FFF;
    font-size: 14px;
    padding: 4px;
}

#create_thread_box .body {
    padding: 10px;
}

#create_thread_box label {
    display: block;
    font-size: 14px;
    color: #333;
    margin: 0 0 5px 0;
}

#create_thread_box #id_title {
    border: 1px solid #AAA;
    background-color: #EEE;
    margin: 0 0 10px 0;
    width: 600px;
}

#create_thread_box #id_body {
    border: 1px solid #AAA;
    background-color: #EEE;
    margin: 0 0 10px 0;
    width: 600px;
}

.post_thread {
    background-color: #1B7A9C;
    color: #FFF;
    font-size: 12px;
    padding: 2px;
}

#id_subscribe {
    display: none;
}

#djangoForumThreadPosts .djangoForumThreadPostDetail {
    background-color: #1B7A9C;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #0F627F;
}

#djangoForumList td, #djangoForumThreadList td, #djangoForumThreadPosts td {
    border: 1px solid #0F627F;
    font-size: 13px;
    color: #333;
}
/*************REP************/

#char_rep {
    background-color:#6B868F;
    color:#FFFFFF;
    float:left;
    margin:0 0 0 40px;
    padding:5px;
    width:515px;
}



#char_rep ul {
    float: left;
    width: 100%;
}


#char_rep ul li {
    float: left;
    width: 100%;
    margin: 2px 0;
}

.rep_percent_bar {
    border: 1px solid #222;
    height: 16px;
    position: relative;
    width: 250px;
    background: url(/static/images/ui_bars/bar_grey.gif) top left repeat-x;
    margin: 0 0 6px 15px;
    float: left;
    overflow: hidden;
}

.rep_percent {
    height: 16px;
}

.rep_percent_txt {
    color: #FFF;
    font-size: 12px;
    position: absolute;
        left: 0;
        top: 1px;
    text-align: center;
    width: 100%;
}

.faction_name {
    float: left;
    line-height: 18px;
    width: 165px;
    font-size: 12px;
}

.rep_name {
    float: right;
    width: 80px;
    margin: 0 2px 0 0;
    line-height: 18px;
    font-size: 12px;
    text-align: right;
}




/******REP BARS*******/

.neutral {
    background: url(/static/images/ui_bars/rep/bar_neutral.gif) top left repeat-x;
}

.friendly {
    background: url(/static/images/ui_bars/rep/bar_friendly.gif) top left repeat-x;
}

.honored {
    background: url(/static/images/ui_bars/rep/bar_honored.gif) top left repeat-x;
}

.revered {
    background: url(/static/images/ui_bars/rep/bar_revered.gif) top left repeat-x;
}

.exalted {
    background: url(/static/images/ui_bars/rep/bar_exalted.gif) top left repeat-x;
}

.unfriendly {
    background: url(/static/images/ui_bars/rep/bar_unfriendly.gif) top left repeat-x;
}

.hostile {
    background: url(/static/images/ui_bars/rep/bar_hostile.gif) top left repeat-x;
}

.hated {
    background: url(/static/images/ui_bars/rep/bar_hated.gif) top left repeat-x;
}


/*******CHAR BASIC*******/

.char_legend {
    background: url(/static/images/character_legend.png) top left no-repeat;
    width: 600px;
    height: 25px;
}


.basic_info_values {
    float: left;
    color: #333;
    font-size: 32px;
    width: 590px;
}


.basic_info_labels .points_label {
    width: 185px;
}

.basic_info_values li {
    float: left;
    padding: 5px 8px;
    line-height: 64px;
    height: 64px;
    text-align: center;
    width: 64px;
}

#char_points {
    width: 160px;
    background: url(/static/images/point_shield_small.png) right center no-repeat;
}
}
#char_description {

}

#char_description p {
    padding: 15px 10px;
    background-color:#6B868F;
    color:#FFFFFF;
    display:block;
    font-size:14px;
    line-height:16px;
    margin: 0 0 0 40px;
    width:515px;
}

.account_module {
    margin: 10px 0;
}

.account_module .module_header {
    width: 610px;
    background: url(/static/images/product_info_module.png) top left no-repeat;
    height: 40px;
}

.account_module .module_content {
    background-color: #FFF;
    width: 100%;
    position: relative;
}

.account_module .module_content p {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    padding: 5px;
}

.product_info .module_content {
    padding: 5px;
    width: 590px;
}

.product_info .product_img {
    float: left;
    display: block;
    margin: 0 10px 0 0;
}

.product_info .price {
    font-size: 18px;
    color: #497191;
}

.product_info .price b {
    font-size: 18px;
    color: #777;
    width: 150px;
    font-weight: normal;
}
.product_info .product {
    line-height: 20px;
}

.product_info .product b {
    font-size: 18px;
    font-weight: normal;
    color: #777;
}

.product_info .product em {
    font-size: 18px;
    font-weight: normal;
    color: #497191;
}


.product_info .btn_add {
    background: #1B7A9C url(/static/images/btn_addtocart.png) top left no-repeat;
    width: 150px;
    height:	30px;
    margin: 5px 0 0 0;
    cursor: pointer;
}

.product_info .product_btns {
    position: absolute;
    top: 0;
    right: 12px;
}

.product_info .sku {
    font-size: 18px;
    color: #777;
    margin: 1px 0;
}

.product_info .sku em {
    color: #497191;
    font-size: 18px;
}

.product_info .disclaimer {
    font-style: italic;
    font-size: 11px;
    margin: 3px 0 3px 74px;
}

.product_info .disclaimer h6 {
    color: red;
    font-size: 13px;
    margin: 0 0 2px 0;
    font-style: italic;
}

#product_wow_account {
    background-color: #FFF;
    float: left;
    width: 600px;
}

/************Check out*************/
.hdr {
    color: #333;
    font-size: 22px;
    margin: 0 0 5px 0;
}

.checkout_fields li {
    margin: 5px 0;
}

.checkout_fields label  {
    font-size: 13px;

    color: #333;
    width: 250px;
    display: block;
    float: left;
}

.checkout_fields #id_addressee, .checkout_fields #id_city, .checkout_fields #id_street1, .checkout_fields #id_street2, .checkout_fields #id_postal_code,
.checkout_fields #id_ship_addressee, .checkout_fields #id_ship_city, .checkout_fields #id_ship_street1, .checkout_fields #id_ship_street2,
.checkout_fields #id_ship_postal_code, .checkout_fields #id_email, .checkout_fields #id_first_name, .checkout_fields #id_last_name, .checkout_fields #id_phone,
.checkout_fields #id_credit_number, .checkout_fields #id_ccv , .checkout_fields #id_discount, .checkout_fields #id_username, .checkout_fields #id_password {
    width: 250px;
    border: 1px solid #AAA;
    background-color: #DDD;
    color: #333;
}

.checkout_btn {
    background-color: #1B7A9C;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    padding: 2px;
}

.validation {
    color: red;
    font-size: 12px;
}

#checkout_page {
    position: relative;
}

#checkout_page hr {
    display: block;
    margin: 5px 0 0 0;
    height: 1px;
    color: #FFF;
    border: 1px solid #FFF;
    clear: left;
}

#checkout_page h3 {
    font-size: 22px;
    margin: 0 0 10px;
    color: #1B7A9C;
}

#checkout_page h4.hdr {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 0 0;
}

#checkout_login .form_descr {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
    color: #333;
}

#test_pay {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 5px;
}

#test_pay b {
    display: block;
    margin: 0 0 4px 0;
}


#checkout_login {
    margin: 20px 0;

}

.form_descr {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
    color: #333;
}

.checkout_fields li h4 {
    margin: 0 0 8px 0;
    color: #222;
    font-size: 14px;
    font-weight: bold;
}

.checkout_fields .help {
    margin: 0 0 0 250px;
    font-size: 11px;
    color: #333;
    margin: 3px 0 5px 250px;
}

#confirm_page {
    font-size: 12px;
    line-height: 16px;
    color: #333;
}

#confirm_page h3 {
    font-size: 22px;
    margin: 0 0 10px;
    color: #333;
}

#confirm_page h4 {
    color: #444;
    margin: 10px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}

#ordersuccess .success_hdr {
    font-size: 22px;
color: #333;
    margin: 0 0 6px 0;
}

#ordersuccess p {
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

.custom_descr {
    margin: 0 0 15px;
    width: 780px;
}

/* ACCOUNT */

#account_page {
    padding: 0 10px;
}

#account_options {
    float: left;
    width: 180px;
    margin: 0 15px 0 0;
}

#account_options h5 {
    background-color: #1B7A9C;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 0 10px;
}

#account_options ul li {
    margin: 3px 10px;
}

#account_info {
    float: left;
    width:400px;
}

.account_hdr {
    font-size: 26px;
    margin: 0 0 10px 0;
}

#account_page h3 {
    font-size: 18px;
    color: #333;
    margin: 0 0 2px 0;
}

#account_page a {
    font-size: 13px;
    color: #333;
    text-decoration: underline;
    line-height: 18px;
}

#account_info h5 {
    background-color: #1B7A9C;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 0 10px;
}

.profile {
    margin: 5px 10px 10px 10px;
}

.profile li {
    font-size: 14px;
    color: #444;
    line-height: 16px;
    margin: 4px 0;
}

#update_account td {
    padding: 2px 0;
}
#update_account input {
    border: 1px solid #AAA;
    background-color: #EEE;
}

#update_account label {
    font-size: 15px;
    color: #333;
}


#update_account p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
    color: #333;
}

#update_account h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 0 0;
}

#update_account .update_btn {
    background-color: #1B7A9C;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    border: 0;
    padding: 2px;
}

/*** LOGIN PAGE ***/

#login_page td {
    padding: 3px 0;
}

#login_page label {
    font-size: 14px;

    color: #333;
    width: 200px;
}

#login_page .labels {
    width: 150px;
}

#login_page input {
    width: 250px;
    border: 1px solid #AAA;
    background-color: #DDD;
    color: #333;
}


#login_page .login_btn {
    background-color: #1B7A9C;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    border: 0;
    width: 60px;
    padding: 2px;
}

#login_page p {
    color:#333333;
    font-size:14px;
    line-height:18px;
}

#login_page p a {
    color:#1B7A9C;
    text-decoration:underline;
}

#login_page .error {
    color: red;
}


/*** SIGN UP ***/

#signup_page h3 {
    color:#1B7A9C;
    font-size: 22px;
    margin: 0 0 8px 0;
}

#signup_page td {
    padding: 3px 0;
}

#signup_page label {
    font-size: 14px;

    color: #333;
    width: 200px;
}

#signup_page .labels {
    width: 150px;
}

#signup_page input {
    width: 250px;
    border: 1px solid #AAA;
    background-color: #DDD;
    color: #333;
}

#signup_page .submit_btn {
    background-color: #1B7A9C;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    border: 0;
    width: 100px;
    padding: 2px;
}

#signup_complete h3 {
    color:#1B7A9C;
    font-size: 22px;
    margin: 0 0 8px 0;
}

#signup_complete p {
    color: #333;
    font-size: 14px;
    line-height: 16px;
}

#orderhistory h2 {
    color:#1B7A9C;
    font-size: 22px;
    margin: 0 0 8px 0;
}

.ordertable {
    width: 880px;
}

.ordertable thead th {
    background-color: #1B7A9C;
    font-size: 18px;
    padding: 5px;
    border: 1px solid #0F627F;
    color: #FFF;
}

.ordertable td {
    border: 1px solid #CCC;
    color: #333;
    font-size: 15px;
    padding: 5px 3px;
}

.highslide img {
    border:2px solid silver; !important
}

.nothing_found {
    color:#1B7A9C;
    font-size: 22px;
}