body {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 20px;
    font-family: "Tahoma", MS Sans Serif, Verdana;
}

img {
    border-style: none;
}

h1 {
    font-size: 20px;
}

.outframe {
    width: 980px;
    margin: 0 auto 0 auto;
}

.inframe {
    margin: 0 auto 0 auto;
    width: 960px;
}

.container_left {
    width: 200px;
    float: left;
}

.container_center {
    width: 560px;
    padding: 0 5px 0 5px;
    float: left;
}

.container_center_right {
    width: 180px;
    float: left;
}

.container_right {
    width: 740px;
    float: left;
    padding: 0 10px 0 10px;
}

.container_all {
    min-height: 500px;
    width: 100%;
    /*padding: 0 10px 0 10px;*/
}
/* Header */
.firstheader {
    margin: 0 auto 0 auto;
    width: 959px;
    height: 203px;
    background-image: url('../images/header01.jpg');
}

.webnetwork {
    text-align: right;
    background-color: #061b53;
}

    .webnetwork div {
        float: left;
        border: 1px solid #fff;
        height: 22px;
    }
/* Header */
/* Menu */
.hr {
    width: 100%;
    height: 5px;
    display: block;
}

.cleardiv, * + html .cleardiv {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.menu {
    width: 200px;
}

.menu_right {
    width: 186px;
    text-align: right;
    overflow: hidden;
}

    .menu .bg, .menu_right .bg {
        background-color: #021665;
    }

.inmenu {
    width: 90%; /*width:100%\9;*/
}

.bg .inmenu div {
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu_angle {
    width: 100%;
    height: 12px;
    overflow: hidden;
}
/*.menu_angle img{display:block;}*/

.banner {
    padding: 0 0 0 0;
}

.link_banner {
    color: #00FF00 !important;
    font-size: 15px;
    font-weight: bold;
}
/* Menu */
a:link {
    color: #ffffff;
    text-decoration: none;
}

a:visited {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #FDD01C;
    text-decoration: none;
}

a:active {
    color: #FDD01C;
    text-decoration: none;
}

.tx_1 {
    /*font-size: 12px;*/
    font: 15px Tahoma !important;
    text-decoration: none;
    color: #ffffff;
}


.tx_2 {
    /*font-size: 13px;*/
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
    line-height: 16px;
}

.tx_3 {
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
    line-height: 20px;
}

.tx_store {
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
    line-height: 24px;
}

.tx_store2 {
    /*font-size: 13px;*/
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
}

.tx_store_title {
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    line-height: 24px;
}

.tx_store_title_orange {
    font-size: 16px;
    text-decoration: none;
    color: #ffcc00;
    font-weight: bold;
    line-height: 24px;
}

.brdRight {
    border-right: 1px solid #495891;
}

.brdItem {
    border-right: 1px dotted #dddddd;
}

.tx_title1 {
    font-size: 16px;
    text-decoration: none;
    color: #ffbe00;
    font-weight: none;
    line-height: 16px;
}

.tx_title2 {
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: none;
    line-height: 16px;
}

.txt_grey {
    font-size: 13px;
    text-decoration: none;
    color: #999999;
    font-weight: none;
}

.txt_red {
    font-size: 15px;
    text-decoration: none;
    color: #FF0000;
    font-weight: none;
    line-height: 16px;
}

.txt_green {
    font-size: 13px;
    text-decoration: none;
    color: #0F6D00;
    font-weight: bold;
    line-height: 16px;
}

.tx_SongkranTaradpra {
    font-size: 13px;
    text-decoration: none;
    color: #ff9000;
    font-weight: normal;
    padding: 0 0 0 10px;
}

a.link_1:link, a.link_1:visited {
    font-size: 14px; /*font-size: 13px;*/
    text-decoration: none;
    color: #ffbe00;
}

a.link_1:hover {
    font-size: 14px; /*font-size: 13px;*/
    text-decoration: underline;
    color: #ffbe00;
}


a.link_2:link, a.link_2:visited {
    font-size: 15px; /*font-size: 13px;*/
    text-decoration: underline;
    color: #ffffff;
}

a.link_2:hover {
    font-size: 15px; /*font-size: 13px;*/
    text-decoration: underline;
    color: #ffbe00;
}


.link_3:link, .link_3:visited {
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    line-height: 30px;
}

.link_3:hover {
    font-size: 15px;
    text-decoration:,underline;
    color: #ffbe00;
    line-height: 30px;
}

.link_4:link, .link_4:visited {
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    line-height: 22px;
}

.link_4:hover {
    font-size: 15px;
    text-decoration:,underline;
    color: #ffbe00;
    line-height: 22px;
}

a.orange_link:link, a.orange_link:visited {
    font-size: 13px;
    text-decoration: none;
    color: #ffbe00;
}

a.orange_link:hover {
    font-size: 13px;
    text-decoration: underline;
    color: #ffbe00;
}


a.thaiChar:link, a.thaiChar:visited {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #2E2EFE;
}

a.thaiChar:hover {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #2E2EFE;
}


a.store_search:link, a.store_search:visited {
    font-size: 18px;
    text-decoration: none;
    color: #0097EF;
}

a.store_search:hover {
    font-size: 18px;
    text-decoration: underline;
    color: #ffbe00;
}

.header_menu_link:link, .header_menu_link:visited {
    font: 13px 'Arial Black';
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-style: normal;
}

.header_menu_link:hover {
    font: 13px 'Arial Black';
    text-decoration:,underline;
    color: #333399;
    font-weight: bold;
}

.header_manage_link:link, .header_manage_link:visited {
    font: 13px 'Arial Black';
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
}

.header_manage_link:hover {
    font: 13px 'Arial Black';
    text-decoration: none;
    color: #FACD00;
    font-weight: bold;
    font-style: normal;
}

.txtOrange, .txtOrange a:link, .txtOrange a:visited, .txtOrange a:hover {
    font: 15px;
    color: #FFCC33;
    font-weight: bold;
    text-decoration: none;
}

.txtOrange2 {
    font: 15px;
    color: #FFCC33;
    font-weight: normal;
    text-decoration: none;
}

.inputbox {
    font: 15px Tahoma;
    border: 1px solid black;
    color: #000000;
    background-color: #FFFFFF;
    width: 95%;
}

.txtSkt1 {
    font-size: 13px;
    color: #003399;
    text-decoration: none;
}

#LeftNavZoneA {
    width: 180px;
}
/*Begin LeftNave Menu*/
.leftNave {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    background: #021665;
    border: 1px solid #ffbe00;
    border-width: 1px 1px;
    padding: 5px;
    font: normal 12px Verdana;
    z-index: 100;
}

    .leftNave .column {
        float: left;
        width: 180px; /*width of each menu column*/
        margin-right: 5px;
    }

        .leftNave .column ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .leftNave .column ul li {
                padding-bottom: 5px;
            }

a.zone {
    color: #ffbe00;
    font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
    line-height: 30px;
}

.leftNave .column ul li div a {
    text-decoration: none;
    color: #ffffff;
}
/*End leftNave*/

/*Begin Mega Menu*/
.megamenu {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    background-image: url('../images/taradpra2013_index_bgshop.png');
    border: 1px solid #ffffff;
    border-width: 1px 1px;
    padding: 10px;
    font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
    z-index: 100;
}

    .megamenu .column {
        float: left;
        width: 180px; /*width of each menu column*/
        margin-right: 5px;
    }

        .megamenu .column ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .megamenu .column ul li {
                padding-bottom: 5px;
            }

        .megamenu .column h3 {
            font: 11px;
            margin: 0 0 5px 0;
        }

        .megamenu .column ul li a {
            text-decoration: none;
        }

            .megamenu .column ul li a:hover {
                color: #ffbe00;
            }
/* End Mega menu */
/* Tooltip */
dl {
    font: normal 12px/15px tahoma;
    position: relative;
}

dt {
    clear: both;
    float: left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}

dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

/* The hint to Hide and Show */
.hint {
    display: none;
    position: absolute;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,     I must do a bg image, too!  So I'm duplicating the pointer.gif     image, and positioning it so that it doesn't show up     within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

    /* The pointer image is hadded by using another span */
    .hint .hint-pointer {
        position: absolute;
        left: -10px;
        top: 5px;
        width: 10px;
        height: 19px;
        background: url(/images/pointer.gif) left top no-repeat;
    }

div.htmltooltip {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #272727;
    border: 10px solid black;
    color: white;
    padding: 3px;
    width: 250px; /*width of tooltip*/
    font-size: 12px;
}
/* Tooltip */

/* Product Detail Tabbing Skin Themes [DarthGoo]*/
/*------------------------------------------------------*/
/* default layout */
.DarthGoo__tab_default .ajax__tab_header {
    white-space: nowrap;
}

.DarthGoo__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.DarthGoo__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.DarthGoo__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme */
.DarthGoo__tab_xp .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    margin-top: 3px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    background: url(/images/tab-line.gif) repeat-x bottom;
}

.DarthGoo__tab_xp .ajax__tab_outer {
    padding-right: 0px;
    background: url(/images/tab-right.gif) no-repeat right;
    height: 21px;
}

.DarthGoo__tab_xp .ajax__tab_inner {
    padding-left: 3px;
    background: url(/images/tab-left.gif) no-repeat;
}

.DarthGoo__tab_xp .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(/images/tab.gif) repeat-x;
}

.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background: url(/images/tab-hover-right.gif) no-repeat right;
}

.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background: url(/images/tab-hover-left.gif) no-repeat;
}

.DarthGoo__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background: url(/images/tab-hover.gif) repeat-x;
}

.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(/images/tab-active-right.gif) no-repeat right;
}

.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(/images/tab-active-left.gif) no-repeat;
}

.DarthGoo__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(/images/tab-active.gif) repeat-x;
}

.DarthGoo__tab_xp .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #000000;
}

/* scrolling */
.DarthGoo__scroll_horiz {
    overflow-x: scroll;
}

.DarthGoo__scroll_vert {
    overflow-y: scroll;
}

.DarthGoo__scroll_both {
    overflow: scroll;
}

.DarthGoo__scroll_auto {
    overflow: auto;
}


/**/
.brdBoard {
    padding-left: 13px;
    line-height: 28px;
}

.link_board {
    font-size: 13px;
    color: #FFFFFF;
    padding: 0px 5px 0 5px;
}

a.link_board:link, a.link_board:visited {
    font-size: 13px;
    text-decoration: none;
    color: #ffffff;
}

a.link_board:hover {
    font-size: 13px;
    text-decoration: underline;
    color: #ffbe00;
}

.tx_gray {
    font-size: 12px;
    text-decoration: none;
    color: #898989;
    font-weight: none;
}

.tx_gray2 {
    font-size: 15px;
    text-decoration: none;
    color: #898989;
    font-weight: none;
}

.tx_HeadBoard {
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    line-height: 25px;
    border: none;
}

.tx_black {
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    font-weight: none;
    line-height: 17px;
}

.ItemPrice {
    float: left;
    font-size: 11px;
    color: #dddddd;
    text-decoration: none;
    padding-top: 5px;
    white-space: nowrap;
    font-weight: normal;
    text-align:center;
}

.StoreNameThai {
    float: left;
    font-size: 11px;
    color: #ffcc00;
    text-decoration: none;
    padding-top: 3px;
    font-weight: normal;
}

.link_zone {
    float: left;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    /*padding-top: 3px;*/
    font-weight: normal;
}

.style1 {
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
    line-height: 16px;
    width: 129px;
}

.style2 {
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: none;
    line-height: 24px;
    width: 129px;
}

#testslide {
    width: 98%;
    margin: 0 auto 0 auto;
    text-align: right;
}

#nav {
    position: relative;
    height: 34px;
    z-index: 1000;
    text-align: right;
}

#linkBan {
    text-decoration: none;
}


.navi {
    line-height: 20px;
    padding: 2px;
    margin: 6px 2px 5px 2px;
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    color: #000000;
}

.cr_sl {
    margin-top: 7px;
}
/*#crop-slider
{
    margin-top: -30px;
    width: 546px;
    height: 34px;
    background-color: #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}*/

#banFlash {
    z-index: 0;
}

/* 2013 */

.tx_blue14 {
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    color: #0a4486;
}

.tx_red14 {
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    color: #b21005;
}

.tx_white14 {
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    color: #ffffff;
}

.tx_white13 {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #ffffff;
}

.tx_gray13 {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    line-height: 18px;
    color: #a1a1a1;
}

.tx_brown14 {
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    color: #814a23;
}

a.link_blue13:link, a.link_blue13:visited, a.link_blue13:active {
    font-size: 13px;
    color: #3d9ee5;
    line-height: 18px;
    text-decoration: none;
    font-weight: normal;
}

a.link_blue13:hover {
    font-size: 13px;
    color: #3d9ee5;
    line-height: 18px;
    text-decoration: underline;
    font-weight: normal;
}

a.link_blue13B:link, a.link_blue13B:visited, a.link_blue13B:active {
    font-size: 13px;
    color: #b9dffb;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;
}

a.link_blue13B:hover {
    font-size: 13px;
    color: #ffffff;
    line-height: 18px;
    text-decoration: underline;
    font-weight: bold;
}



a.link_blue13B1:link, a.link_blue13B1:visited, a.link_blue13B1:active {
    font-size: 13px;
    color: #185498;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;
}

a.link_blue13B1:hover {
    font-size: 13px;
    color: #185498;
    line-height: 18px;
    text-decoration: underline;
    font-weight: bold;
}


a.link_blue14w:link, a.link_blue14w:visited, a.link_blue14w:active {
    font-size: 14px;
    color: #0a4486;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}


a.link_blue14w:hover {
    font-size: 14px;
    color: #ffffff;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}



a.link_blue14red:link, a.link_blue14red:visited, a.link_blue14red:active {
    font-size: 14px;
    color: #0a4486;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}


a.link_blue14red:hover {
    font-size: 14px;
    color: #b21005;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}

a.link_blue14R:link, a.link_blue14R:visited, a.link_blue14R:active {
    color: #0a4486;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
    width: 100%;
}



.link_blue14R:hover {
    color: #b21005;
    background-size: 100% 100%;
    background-color: #FFFFFF;
    width: 100%;
}

a.link_blue14B:link, a.link_blue14R:visited, a.link_blue14R:active {
    color: #0a4486;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
    width: 100%;
}



.link_blue14B:hover {
    color: #FFFFFF;
    background-size: 100% 100%;
    background-color: #1c589d;
    width: 100%;
}

a.link_red14:link, a.link_red14:visited, a.link_red14:active {
    font-size: 14px;
    color: #b21005;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}

a.link_red14:hover {
    font-size: 14px;
    color: #b21005;
    line-height: 19px;
    text-decoration: underline;
    font-weight: normal;
}

a.link_yellow14:link, a.link_yellow14:visited, a.link_yellow14:active {
    font-size: 14px;
    color: #fcce3a;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
}

a.link_yellow14:hover {
    font-size: 14px;
    color: #fcce3a;
    line-height: 19px;
    text-decoration: normal;
    font-weight: normal;
}



.formLogin150 {
    background-color: #ffffff;
    border: solid 1px;
    border-color: #ccdeeb;
    font-size: 14px;
    color: #464646;
    line-height: 19px;
    width: 150px;
    height: 22px;
}

.formLogin80 {
    background-color: #ffffff;
    border: solid 1px;
    border-color: #ccdeeb;
    font-size: 14px;
    color: #464646;
    width: 80px;
    height: 22px;
}

.formLogin200 {
    background-color: #ffffff;
    border: solid 1px;
    border-color: #ccdeeb;
    font-size: 14px;
    color: #464646;
    line-height: 19px;
    width: 200px;
    height: 22px;
}