@import url(http://image.garena.com/sitev2/common/css/reset.css); @import url(http://image.garena.com/sitev2/common/css/commonv2.css);
#ggpayintro{color:#333;float:left;font-size:12px;line-height:1.6em;padding:20px;width:497px;overflow:hidden;}
#ggpayintro h1{color:#C40304;font-size:30px;margin-bottom:10px;}
#ggpayintro h2{color:#C40304;font-size:20px;font-style:italic;margin-bottom:20px;}
#ggpayintro h3{ color:#C40304; font-size:16px; font-style:italic; margin:20px 0 5px 0}
#ggpayintro ul{padding-left:20px;}
#ggpayintro ul li{list-style:disc;}
#ggpayintro dl{ width:500px; overflow:hidden; border-bottom:1px dotted #adadad; padding:0 0 10px 0; margin:0 0 10px 0}
#ggpayintro dd{ width:100px; float:left; margin:0 10px 0 0}
#ggpayintro dt{ float:left; width:380px;}
#ggpayintro dt strong{ color:#fb5e01; font-size:13px;}

.contact{ width:300px; border:1px solid #adadad; background:url(../image/bgd_01.gif) bottom left repeat-x; padding:10px; margin:400px 0 0 0}
.contact h3{ color:#C40304; font-size:16px; font-style:italic; margin:0 0 5px 0}
.contact p{ padding:0 0 10px 0}
.contact em{ font-weight:bold; color:#C40304;}

#ggpayintro .btn {margin-left:100px;margin-bottom:10px}
#contents{background:#fff;margin:0 auto;width:895px;}
#loginpanel{background:url(../image/gcaleftbg.jpg) no-repeat;float:left; height:590px; margin-bottom:20px; margin-left:30px; width:320px;}
#loginpanel a.yellow{color:#FB6E05;text-decoration:none;cursor:pointer;}
*html #loginpanel a.yellow {cursor:hand}
#loginpanel p{height:40px;}
#logintitle{left:20px;position:absolute;top:-14px;}
#logintitle h1{color:#C80106;font-size:20px;}
#titleimg{background:url(../image/topgca.jpg);height:142px;width:895px;}
#titleimg2{background:url(../image/gcaba.jpg);height:142px;width:895px;margin-bottom:10px;}
*html #loginpanel{margin-left:15px;}
.clear{clear:both;height:1px;}
.hr{background:#aaa;border-top:none;height:1px;margin-top:10px;overflow:hidden;}
#joinbtn { padding:180px 0 0 5px;}
#ann {float:left;width:610px; *width:610px; background:#7CA1AA;color:#000;padding:10px;margin-left:10px; *margin-left:5px;margin-bottom:10px;border:1px solid #4C7378;}
#ann strong {color:#C90104}
#menuleft {width:170px;background:url(../image/leftmenubg2.gif);float:left;border:1px solid #799FA8;margin:0 20px 10px 10px;clear:left; *margin-left:5px;}
#menuleft ul {margin:15px 15px 15px 30px;line-height:150%;color:#686868;}
#menuleft ul li {list-style:disc}
#menuleft ul li a{color:#686868;text-decoration:none;font-size:12px}
#search {float:left;width:172px;background:url(../image/searchbg.gif);height:27px;margin:0 10px 10px 10px}
#search input {background:transparent;border:0}
.btnsubmit {width:30px;}
.btnkey {width:130px;padding-top:6px}
#centercontents {float:right;width:440px;margin-right:10px}
#rightcontents {float:right;width:210px;margin-right:10px; *margin-right:5px; background:url(../image/leftmenubg.gif);padding:10px;border:1px solid #A2A2A2;}
#rightcontents  h1 {color:#CB0502;font-size:14px;padding-left:40px;background:url(../image/rightico.gif) no-repeat;height:29px;margin-top:10px}
#rightcontents p {padding:10px 0;border-bottom:1px solid #A3A1A2;color:#707070}
#rightcontents  h1.why {background-position:-4px 0;}
#rightcontents  h1.attn {background-position:0 -29px;}
#rightcontents  h1.news {background-position:-2px -71px;}
#rightcontents  h1.support{background:url(../image/ico_support.gif) 0 0 no-repeat; padding:0 0 0 30px}

#centercontents h1 {color:#0A305F;font-size:18px;font-weight:bold;margin-bottom:10px}
#centercontents table {width:100%;font-size:12px}
#centercontents table td {border-bottom:#ccc 1px solid;height:30px}
#centercontents table th {text-align:left;color:#68655C}
#centercontents table td.cafename,#centercontents table td.cafename a {color:#006B95;font-weight:bold;width:30%;text-decoration:none}
#centercontents table td.cafename a:hover {text-decoration:underline;color:brown}
#centercontents table td.cafeaddress {color:#666;font-weight:normal;width:60%;background:url(../image/ico_1.gif) no-repeat 0 4px;padding-left:24px}


#leftcontents {float:right;width:630px;margin-right:10px}
#leftcontents h1 {color:#0A305F;font-size:18px;font-weight:bold;margin-bottom:10px}
#leftcontents table {width:100%;font-size:12px}
#leftcontents table td {border-bottom:#ccc 1px solid;height:30px}
#leftcontents table th {text-align:left;color:#68655C}
#leftcontents table td.cafename,#leftcontents table td.cafename a {color:#006B95;font-weight:bold;width:30%;text-decoration:none}
#leftcontents table td.cafename a:hover {text-decoration:underline;color:brown}
#leftcontents table td.cafeaddress {color:#666;font-weight:normal;width:80%;background:url(../image/ico_1.gif) no-repeat 0 4px;padding-left:24px}
#leftcontents .bgdDefault{background:url(../image/default.jpg) top center no-repeat; height:500px; width:630px}
#leftcontents .bgdDefault1{background:url(../image/default.jpg) top center no-repeat; height:440px; width:300px}


#centercontents ul, #leftcontents ul {
margin:0px;
padding:0px;
margin-left:0px;
list-style-type:none;
}
#centercontents ul li , #leftcontents ul li {
padding-left:20px;
background:url(../image/blue-bullet.png) left 2px no-repeat;
margin-bottom:5px;
}