* { text-decoration: none; }
img { border: 0px; border: none; }

body {
	background-image: url(Images/bg.png);
	background-repeat: repeat-x;
	background-color: #D9D9D9;
	margin: 0px; padding: 0px;
}

.tblMain { width: 978px; }

/* Main Logo SWHK */
.main_logo_swhk {
    padding: 5px; margin-left: 10px;
}

.main_header {
	/*
	height: 87px; background-image: url(Images/main_header.jpg); background-repeat: no-repeat; background-position: center;
	background-color: #000000;
    */
}

.main_menu_bg {
	height: 30px; background-image: url(Images/main_menu_bg.gif); background-repeat: no-repeat; background-position: center;
	/*background-color: #000000;*/
}

.main_menu { margin-left: 12px; }
.main_menu a, .main_menu .separator {
    display: inline; float: left; padding: 0px 15px 0px 15px; margin: 0px 5px 0px 0px;
    color: #CCCCCC; font-size: 12px; line-height: 28px; white-space: nowrap;
}
.main_menu a:hover {
     background-image: url(Images/main_menu_bg_hover.jpg); background-repeat: no-repeat; background-position: center;
     color: #FFFFFF;
}
.main_menu a:active {
     background-image: url(Images/main_menu_bg_active.jpg); background-repeat: no-repeat; background-position: center;
     color: #FFFFFF;
}
.main_menu .separator { padding: 0px; margin: 0px -2px 0px -7px; }


#main_title {
	height: 380px; width: 978px; margin-top: -4px;
}

#main_title_image { position: absolute; z-index: 1; height: 380px; width: 976px; margin-left: 2px; }
#main_title_image .flash { position: absolute; z-index: 0; margin-left: -488px; height: 380px; width: 976px; }

#main_title_selection { position: relative; z-index: 2; width: 65px; top: 23px; left: 8px; }
#main_title_selection img { margin: 3px; border: 1px solid #000000; display: block; width: 75%; height: 75%; }
/*#main_title_selection>img:hover { border: 1px solid #FFFFFF; }*/
#main_title_selection>img:hover { border: 1px solid #FFFFFF; width: 100%; height: 100%; }


/* Main - News */
.main_news { font-size: 12px; }


/* Site map path */
.site_map_path {
    background-color: #555555; border: 1px solid #000000; border-bottom: 1px solid #555555; padding: 2px 0px 0px 10px;
    color: #FFFFFF;
}
.site_map_path a:link, .site_map_path a:visited { color: #ABCDEF; }

/* Game list */
.game_list { background-color: #FFFFFF; }

/* Hit game list */
.hit_game_list { width: 478px; height: 398px; font-size: 0px; margin: 0px; padding: 0px; }
.hit_game_list img { padding: 3px 2px 3px 2px; }


/* Products list */
.tblProductsList { background-color: #FFFFFF; border: 1px solid #000000; }
.tblProductsList .navigator { border-top: 1px dashed #EAEAEA; padding: 5px; } 
.tblProductsList .navigator span, .tblProductsList .navigator a { font-size: 18px; padding: 5px; } 
.tblProductsList .navigator span span { font-size: 24px; color: #FF0000; } 
.products_list { padding: 0px; margin: 0px; }
.products_list .items .product_image {
    padding: 8px; margin: 8px 0px 4px 0px;
    border-top: 1px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #666666;
	
 }
.products_list .items span { font-weight: bolder; text-align: center; color: #00A0E9; }
.products_list .items span:hover { color: #FF0000; }

.products_list_detail .content_detail { width: 700px; }
.products_list_detail .content_detail td { padding: 5px; }
.products_list_detail .content_detail td, .products_list_detail .content_detail td span { font-size: 15px; }
.products_list_detail .content_detail .title { border-bottom: 1px solid #666666; }
.products_list_detail .content_detail .title span { font-size: 24px; font-weight: bolder; vertical-align: bottom; }

.products_list_detail .image { width: 240px; height: 350px; }

.products_list_detail .image img {
    padding: 8px;
}

/* AboutUs */
.tblAboutUs { background-color: #FFFFFF; border: 1px solid #000000; }
.aboutus_header {
    height: 120px; background-image: url(Images/aboutus_header_bg.jpg); background-repeat: no-repeat; background-position: center;
	background-color: #000000;
}
.aboutus_menu { width: 120px; padding: 8px 0px 8px 0px; }
.aboutus_menu a { font-size: 24px; font-weight: bolder; }
.aboutus_menu a:link, .aboutus_menu a:visited { color: #008BEC; }
.aboutus_menu a:hover { color: #FF0000; border-left: 1px solid #FF7D00; border-right: 1px solid #FF7D00; }
.aboutus_content { width: 848px; padding: 8px; }

/* AboutUs - Introduction */
.aboutus_introduction td { font-size: 15px; }
.aboutus_introduction img { /*padding: 5px; border: 1px solid #CCCCCC;*/ }

/* AboutUs - Concept */
.aboutus_concept ul li { font-size: 18px; font-weight: bolder; line-height: 25px; }
.aboutus_concept ul li ul li { font-size: 15px; font-weight: normal; }

/* AboutUs - Timeline */
.aboutus_timeline .date { font-style: italic; }
.aboutus_timeline .title { border-bottom: 2px solid #EAEAEA; font-size: 15px; }

/* AboutUs - Future */
.aboutus_future td { font-size: 18px; }
.aboutus_future img { padding: 5px; border: 1px solid #CCCCCC; }

/* ShopList */
.tblShopList { background-color: #FFFFFF; border: 1px solid #000000; }
.tblShopList .shoplist_header {
    height: 120px; background-image: url(Images/shoplist_header_bg.jpg); background-repeat: no-repeat; background-position: center;
	background-color: #000000;
}
.shoplist_menu { width: 120px; padding: 8px 0px 8px 0px; }
.shoplist_menu a { font-size: 15px; font-weight: bolder; margin-left: 10px; }
.shoplist_menu a:link, .shoplist_menu a:visited { color: #008BEC; }
.shoplist_menu a:hover { color: #FF0000; }
.shoplist_menu .group { font-size: 15px; font-weight: bolder; margin-left: 10px; text-decoration: underline; }
.shoplist_menu .sublinks { font-size: 12px; font-weight: bolder; margin-left: 10px; }

/* ShopList - Index */
.shoplist_index_memo { width: 700px; border: 1px solid #EAEAEA; font-size: 24px; font-weight: bolder;  padding: 25px; }
.shoplist_index_memo .logo_swhk_icon { float: left; margin: 3px 8px 3px 3px; width: 150px; }
.shoplist_index_memo .memo_title {
    font-size: 30px; font-weight: bolder; border-bottom: 1px solid #000000; width: 535px; float: right; color: #FF0000;
}
.shoplist_index_memo .memo_content { font-size: 24px; font-weight: bolder; padding-top: 15px; }

/* ShopList - All */
.shoplist_all_bg { width: 235px; height: 400px; float: right; background: url(Images/shoplist_tab_body_bg.jpg) no-repeat; }
.ajax__ShopList .ajax__tab_body .tblShop a { font-size: 15px; }
.ajax__ShopList .ajax__tab_body .tblShop { border: 5px solid #EAEAEA; }
.ajax__ShopList .ajax__tab_body .tblShop td, .ajax__ShopList .ajax__tab_body .tblShop th { font-size: 15px; padding: 7px; background-color: #EAEAEA; border-bottom: 1px solid #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblShop tr:hover td {
    background-color: #F6E77B; color: #FF0000; border-top: 1px solid #B08B15; border-bottom: 1px solid #B08B15;   
}
.ajax__ShopList .ajax__tab_header {
    width: 584px;  margin-left: 8px; color: #EAEAEA;
    background: url(Images/shoplist_tab_bg_line.gif) repeat-x bottom;                                    
}
.ajax__ShopList .ajax__tab_header .ajax__tab_outer {
    height: 32px; padding-right:3px; background: url(Images/shoplist_tab_header_bg_right.jpg) no-repeat right;
}
.ajax__ShopList .ajax__tab_header .ajax__tab_inner {
    padding-left:3px; background: url(Images/shoplist_tab_header_bg_left.jpg) no-repeat;
}
.ajax__ShopList .ajax__tab_header .ajax__tab_tab
{
    height: 32px; font-size: 15px; padding: 8px; margin: 0px;
    background: url(Images/shoplist_tab_header_bg_center.jpg) repeat-x;    
}
.ajax__ShopList .ajax__tab_active { height: 36px; } 
.ajax__ShopList .ajax__tab_active .ajax__tab_outer {
    height: 36px; padding-right:3px; background: url(Images/shoplist_tab_active_bg_right.jpg) no-repeat right;
} 
.ajax__ShopList .ajax__tab_active .ajax__tab_inner {
    padding-left: 3px; background: url(Images/shoplist_tab_active_bg_left.jpg) no-repeat;
}
.ajax__ShopList .ajax__tab_active .ajax__tab_tab {
    height: 36px; background: url(Images/shoplist_tab_active_bg_center.jpg) repeat-x; font-size: 20px; font-weight: bolder; color: #ff6419;
}

/* ShopList - ECharge */
.tblECharge { margin-bottom: 5px; }
.tblECharge .content { font-size: 15px; border: 1px solid #EAEAEA; padding: 12px; }
.initial { font-size: 30px; font-weight: bolder; padding: 0px 3px 0px 0px; line-height: 33px; }
.ajax__ShopList_ECharge .ajax__tab_header { width: 824px; }

/* ShopList - 7-11 */
.shoplist_7-11_bg { width: 235px; height: 450px; float: right; background: url(Images/shoplist_tab_body_7-11_bg.jpg) no-repeat; }

/* ShopList - OK */
.shoplist_OK_bg { width: 235px; height: 450px; float: right; background: url(Images/shoplist_tab_body_OK_bg.jpg) no-repeat; }

/* ShopList - i-One, MSystem, 2000FUN, VnGo */
.ajax__ShopList_iOne .ajax__tab_header, .ajax__ShopList_MSystem .ajax__tab_header, .ajax__ShopList_2000Fun .ajax__tab_header, .ajax__ShopList_VnGo .ajax__tab_header {
    width: 824px;
}
.ajax__ShopList_iOne .ajax__tab_body .tblShop .headerBanner, .ajax__ShopList_MSystem .ajax__tab_body .tblShop .headerBanner, .ajax__ShopList_2000Fun .ajax__tab_body .tblShop .headerBanner, , .ajax__ShopList_VnGo .ajax__tab_body .tblShop .headerBanner {
    width: 833px; height: 75px; background-color: #EAEAEA; border: none; padding: 0px 0px 3px 0px; margin: 0px;
}
.ajax__ShopList_iOne .ajax__tab_body .tblShop th { background-color: #AACE37; color: #FFFFFF; }
.ajax__ShopList_MSystem .ajax__tab_body .tblShop th { background-color: #FFF100; color: #333333; }
.ajax__ShopList_2000Fun .ajax__tab_body .tblShop th { background-color: #6389B8; color: #333333; }
.ajax__ShopList_VnGo .ajax__tab_body .tblShop th { background-color: #AACE37; color: #FFFFFF; }

/* ShopList - HKI, KWN, NT, Island, Internal common header */
.ajax__ShopList .ajax__tab_body .tblHKI th { background-color: #00A0E9; color: #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblKWN th { background-color: #E4007F; color: #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblNT th { background-color: #009944; color: #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblIsland th { background-color: #EB613B; color: #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblInternal th { background-color: #E60011; color: #FFFFFF; }

/* ShopList - Chain header */
.ajax__ShopList .ajax__tab_body .tblPARKnSHOP th { background-color: #002A88; color: #FFFFFF; }
.ajax__ShopList .ajax__tab_body .tblTheCommercialPress th { background-color: #326666; color: #FFFFFF; }

/* News */
.main_news { border: 1px solid #CCCCCC; background-image: url(Images/news_bg.jpg); padding-top: 15px; }
.main_news td { /*border-bottom: 1px solid #EEEEEE;*/ }
.main_news a:link, .main_news a:visited { color: #0000FF; }

.tblNews { border: 1px solid #000000; background-color: #FFFFFF; height: 450px; }
.tblNews .tblNewsForm table td { padding: 5px 8px 0px 8px; }
.tblNews .tblNewsForm {
    width: 955px; margin-top: 9px; margin-bottom: 9px; border: 1px solid #EAEAEA;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #666666;
} 
.tblNews .tblNewsForm .title { border-bottom: 1px dashed #CCCCCC; height: 50px; background-color: #00A0E9; height: 60px; }
.tblNews .tblNewsForm .title span { font-size: 36px; font-weight: bolder; color: #FFFFFF; }
.tblNews .tblNewsForm .info { padding-top: 5px; padding-bottom: 2px; }
.tblNews .tblNewsForm .content { height: 280px; }
.tblNews .tblNewsForm .content span { padding: 8px 8px 8px 0px; font-size: 15px; }
.tblNews .tblNewsForm .newsFooter { border-top: 1px dashed #EAEAEA; }

/* Login */
.tbl_login {
	position: absolute;	width: 380px; left: 50%; top: 25px; margin-left: -190px;
	border: 1px solid #999999; font-size: 12px; background-color: #FFFFFF;
}
.tbl_login .login_field { border: none; width: 120px; }
.tbl_login .btn_login { font-weight: bold; border: 1px solid #666666; background-color: #CCCCCC; padding: 3px 10px 3px 10px; }
.tbl_login .hints { color: #FF0000; }

/* Downloads */
.downloads_header {
    height: 120px; background-image: url(Images/downloads_header_bg.jpg); background-repeat: no-repeat; background-position: center;
	background-color: #000000;
}

.tblDownloads { background-color: #FFFFFF; border: 1px solid #000000; }
.tblDownloadsList { width: 952px; border: 5px solid #EAEAEA; margin: 7px; }
.tblDownloadsList th { font-size: 18px; padding: 12px 5px 0px 5px; border: none; color: #FFFFFF; background-color: #E72418; }
.tblDownloadsList .header { font-size: 15px; background-color: #000000; color: #EAEAEA; text-align: left; }
.tblDownloadsList td { font-size: 15px; padding: 5px; background-color: #EAEAEA; border: 1px solid #FFFFFF; vertical-align: top; }
.tblDownloadsList .logo { padding: 5px; margin:0px; width: 160px; }
.tblDownloadsList tr:hover td {
    background-color: #F6E77B; color: #FF0000; border-top: 1px solid #B08B15; border-bottom: 1px solid #B08B15; font-weight: bolder;
}
.tblDownloadsList .iconDownload { padding: 1px; margin-top: -2px; width: 16px; height: 16px; }

/* Files */
.tblFiles { background-color: #FFFFFF; border: 1px solid #000000; height: 400px; }
.tblFiles .content { font-size: 15px; padding: 10px; }
.tblFiles .content p, .tblFiles .content a { font-size: 18px; padding: 5px; }
.tblFiles .content p { font-weight: bolder; }

/* ContactUs */
.tblContactUs { background-color: #FFFFFF; border: 1px solid #000000; }
.contactus_header {
    height: 120px; background-image: url(Images/contactus_header_bg.jpg); background-repeat: no-repeat; background-position: center;
	background-color: #000000;
}
.contactus_message {
    padding: 8px; font-weight: bold; color: #FF0000;
}
.ajax__ContactUs { margin: 5px 0px 8px 10px; width: 800px; }
.ajax__ContactUs .ajax__tab_header { width: 785px; }
/* .ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral td { font-size: 15px; padding: 5px 0px 5px 8px; background-color: #FF9600; color: #FFFFFF; } */
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral td { font-size: 15px; padding: 5px 0px 5px 8px; background-color: #666666; color: #FFFFFF; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral a:link, .ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral a:visited {
     font-size: 15px; color: #FFFFFF;
}
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral a:hover { text-decoration: underline; color: #FF0000; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral .title {
     font-size: 18px; padding: 12px 8px 0px 15px; font-weight: bolder; vertical-align: bottom; color: #ABCDEF;
}
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral .space5 { font-size: 0px; padding: 0px 15px 0px 15px; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsGeneral .space5 div { border-bottom: 1px dashed #EAEAEA; }
 
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail td { font-size: 15px; padding: 5px 0px 5px 8px; background-color: #666666; color: #FFFFFF; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail .tips {
     font-size: 20px; padding: 12px 8px 0px 15px; font-weight: bolder; vertical-align: bottom; color: #FFFFFF;
}
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail td input, .ajax__ContactUs .ajax__tab_body .tblConatctUsEmail td textarea {
    border: 1px solid #EAEAEA; font-size: 15px;
}
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail .type { padding: 0px; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail .type input { border: 0px; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail .type label { font-size: 15px; padding-left: 8px; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail td .button_submit { padding: 5px; vertical-align: middle; }
.ajax__ContactUs .ajax__tab_body .tblConatctUsEmail .message { font-size: 24px; font-weight: bolder; color: #FFFF00; }

/* Copyright */
.copyright { padding: 8px; }

/* Location */
.location { font-size: 12px; margin-right: 5px; margin-bottom: 2px; color: #CCCCCC; }
.location a:link, .location a:visited { color: #FFFFFF; }
.location a:hover { color: #ABCDEF; }
.location a:active { color: #FF0000; }

/* SiteMap */
.tblSiteMap { background-color: #FFFFFF; border: 1px solid #000000; }
.tblSiteMap a:link, .tblSiteMap a:visited { color: #0000FF; }
.tblSiteMap a:hover { color: #FF7D00; }
.tblSiteMap a:active { color: #FF0000; }

/* Footer */
.footer { margin-top: 3px; height: 25px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #EEEEEE; }
.footer_string { float: left; font-size: 12px; line-height: 28px; margin-left: 8px; }
.footer_menu a {
    display: inline; float: right; padding: 0px 10px 0px 10px; margin: 0px 5px 0px 0px;
    color: #000000; font-size: 12px; line-height: 28px; white-space: nowrap;
}
.footer_menu a:hover { color: #0000FF; }
.footer_menu a:active { color: #FF0000; }


/* Error page - General */
.tblError { 
    position: absolute;	width: 380px; left: 50%; top: 25px; margin-left: -190px;
	border: 1px solid #999999; font-size: 12px; background-color: #FFFFFF;
}
.tblError td { 
    padding: 10px;
}

/* Space */
.space5 { font-size: 0px; height: 5px; }