@charset "utf-8";
/* CSS Document */

body 										{ background:#EEEEEE url(/images/site/backPage.png) top repeat-x; color:#676721; margin:10px 0px 60px 0px; }
img, div, input, table, .pngfix				{ behavior: url(/public/iepngfix.htc) }
strong										{ font-weight:bold; }

*											{ font-size:12px; }

a:link, a:visited							{ color:#069; text-decoration:none; }
a:hover										{ color:#C00; text-decoration:none; }
html 										{ overflow-x:hidden; }

/*a											{ font-size:12px; color:#090; text-decoration:none; }
a:hover										{ color:#900; }*/
input, select								{ padding:3px; }

#menubar, #logobar, #catgroup, #pageHeader,
#pageBody, #pageFooter						{ position:relative; margin:auto; width:980px; }

#menubar td									{ font-size:10px; color:#666; }
#menubar a									{ font-weight:bold; font-size:10px; color:#060; text-decoration:none; }
#menubar a:hover							{ text-decoration:underline; color:#900; }
#menubar .tab, #menubar .tabactive			{ position:relative; float:right; bottom:0px; width:133px; height:32px; line-height:30px; text-align:center; text-indent:32px; font-size:11px; font-weight:bold; color:#CCC; background-image:url(/images/site/tabs.png); background-position:0px -64px; z-index:100; overflow:hidden; }
#menubar .tab:hover							{ background-position:0px -32px; color:#FFF; cursor:pointer; }
#menubar .tabactive							{ background-position:0px 0px; color:#030; cursor:pointer; z-index:101; }

#logobar									{ height:110px; }
#logobar a									{ font-weight:bold; font-size:10px; color:#030; text-decoration:none; }
#logobar a:hover							{ color:#FFF; }
#logobar .searchbox							{ width:288px; height:34px; background-image:url(/images/site/search.png); float:right; position:relative; }
#logobar .searchbtn							{ width:34px; height:34px; background-image:url(/images/site/searchbtn.png); float:right; position:relative; cursor:pointer; }
#logobar .searchbox input					{ width:278px; font-size:14px; border:none; border-color:transparent; background:transparent; position:relative; left:5px; top:5px; }

#catgroup									{ height:36px; background-image:url(/images/site/backcat.png); background-repeat:repeat-x; }
#catgroup .catlink							{ font-size:11px; height:36px; width:140px; color:#CCC; text-align:center; font-weight:bold; background:url(/images/site/catline.png) right no-repeat; }
#catgroup .catlink:hover,
#catgroup .cathover							{ font-size:11px; height:36px; width:140px; color:#FFF; text-align:center; font-weight:bold; background-color:#030; cursor:pointer; }
#catgroup .catlink span,
#catgroup .cathover	span					{ font-size:11px; font-weight:bold; color:#CF0; }

#pageFooter .linkbar						{ border-top:1px solid #CCC; height:36px; line-height:36px; text-align:center; }
#pageFooter .linkbar .catlink				{ font-size:11px; font-weight:bold; color:#060; text-decoration:none; }
#pageFooter .linkbar .catlink:hover			{ color:#900; text-decoration:none; }

#pageFooter .linkbar .link					{ font-size:11px; font-weight:bold; color:#666; text-decoration:none; }
#pageFooter .linkbar .link:hover			{ color:#030; text-decoration:none; }

#pageFooter .copyright						{ border-top:1px solid #CCC; padding:20px 0px 20px 0px; }
#pageFooter .copyright *					{ font-size:11px; color:#666; }
#pageFooter .copyright a					{ font-weight:bold; text-decoration:none; }
#pageFooter .copyright a:hover				{ color:#060; }

#pageBody									{ padding:10px 0px 10px 0px; }
#pageBody .pageIn,
#pageBody .pageRight						{ background-color:#FFF; border:1px solid #CCC; }
#pageBody .titleBig							{ font-size:24px; font-weight:bold; color:#030; }
#pageBody .titleSmall						{ font-size:16px; color:#030; }
#pageBody .imageBox							{ position:relative; width:980px; height:290px; overflow:hidden; }
#pageBody .title_tab,	#pageBody .title_tab:hover,
#pageBody .title_tabActive					{ position:absolute; font-size:13px; font-weight:bold; bottom:0px; width:180px; height:40px; line-height:40px; text-align:center; border:1px solid #CCC; }
#pageBody .title_tabActive					{ color:#030; background-color:#FFF;  border-bottom:1px solid #FFF; }
#pageBody .title_tab						{ color:#666; background-color:#F4F4F4;  }
#pageBody .title_tab:hover					{ color:#030; background-color:#F4F4F4; cursor:pointer;  }
#pageBody .caption							{ font-size:14px; color:#003300; padding-bottom:5px; }
#pageBody #player							{ display:none; }

#pageBody h1								{ font-size:24px; font-weight:bold; color:#030; }
#pageBody h2								{ font-size:18px; color:#060; }
#pageBody h3								{ font-size:16px; color:#060; }
#ActionForm td, #ActionForm li				{ font-size:14px; }
#ActionForm li, #ActionForm .caption		{ padding-bottom:5px; color:#030; }
#ActionForm li.info, #ActionForm li.info *	{ font-size:12px; color:#666; }

#listview									{ position:relative; width:732px; }
#listview .listTab, #listview .listTabl, #listview .listTabr, 
#listview .listTabActive					{ position:relative; float:left; background-image:url(/images/site/prodtabs.png); width:146px; height:45px; line-height:43px; text-align:center; font-weight:bold; font-size:11px; color:#666; }
#listview .listTabl							{ border-left:1px solid #CCC; }
#listview .listTabr							{ border-right:1px solid #CCC; }
#listview .listTab:hover, #listview .listTabl:hover, 
#listview .listTabr:hover					{ color:#333; cursor:pointer; background-position:-146px; }
#listview .listTabActive					{ background-position:-292px; color:#030; }
#listview .listbox							{ position:relative; clear:left; background-color:#FFF; border:1px solid #CCC; border-top:none; display:none; }
#listview a									{ font-size:13px; color:#060; text-decoration:none; }
#listview a:hover							{ color:#900; }
#listview .a11								{ font-size:11px; font-weight:bold; }
#listview .cargofree						{ background-image:url(/images/site/cargofree.png); width:90px; height:20px; }
.pricearea									{ padding:0px 10px 0px 10px; border-right:1px solid #CCC; }
.imgline									{ border:1px solid #D1D1A3; padding:1px; }

#listview .price 							{ font-size:16px; font-weight:bold; color:#333; }
#listview .tax								{ font-size:10px; color:#333; }
#listview .puan								{ font-size:18px; font-weight:bold; color:#060; }
#listview .ptext							{ font-size:11px; font-weight:bold; color:#F90; }

#product									{ position:relative; width:732px; background-color:#FFF; border:1px solid #CCC; }
.productBox									{ position:relative; width:978px; height:90px; overflow:hidden; border:1px solid #CCC; background-image:url(/images/site/backMenu.jpg); } 
.productBox .title							{ font-size:24px; font-weight:bold; color:#030; }
#product .price 							{ font-size:16px; font-weight:bold; color:#333; }
#product .tax								{ font-size:10px; color:#333; }
#product .puan								{ font-size:18px; font-weight:bold; color:#060; }
#product .ptext								{ font-size:11px; font-weight:bold; color:#F90; }
#product .cargofree							{ background-image:url(/images/site/cargofree.png); width:90px; height:20px; }

#pdetail .title								{ font-size:22px; font-weight:bold; color:#030; }
#pdetail .shortBody							{ font-size:16px; font-style:italic; padding-right:10px; }
#pdetail .price 							{ font-size:24px; font-weight:bold; color:#333; }
#pdetail .tax								{ font-size:11px; color:#333; }
#pdetail .puan								{ font-size:24px; font-weight:bold; color:#060; }
#pdetail .ptext								{ font-size:13px; font-weight:bold; color:#F60; }
#pdetail .cargofree							{ background-image:url(/images/site/cargofree.png); width:90px; height:20px; }
#pdetail .buttons a							{ font-size:11px; font-weight:bold; color:#060; text-decoration:none; }
#pdetail .buttons a:hover					{ color:#900; }
#pdetail .quantity							{ width:200px; height:45px; line-height:45px; font-weight:bold; font-size:13px; color:#333; border-bottom:1px dotted #CCC; text-align:center; }
#pdetail .basket							{ width:100px; padding:5px 0px 5px 0px; color:#060; position:relative; float:left; text-align:center; font-weight:bold; font-size:13px; border-bottom:1px dotted #CCC; }
#pdetail .basket:hover						{ background-color:#030; color:#FFF; cursor:pointer; }
#prodFeature1 *								{ font-size:13px; }
#prodFeature1 td							{ padding:5px; border:1px solid #EAEAEA; border-top:none; color:#333; font-size:12px; }

#basket .button								{ width:40%; }
#basket .caption							{ font-size:12px; font-weight:bold; height:21px; color:#333; width:30%; text-align:right; }
#basket .value								{ font-size:16px; height:21px; color:#060; width:20%; text-align:right; font-weight:bold; }
#basket .row								{ background-image:none; border-bottom:1px dotted #CCC; }

#cflashHeader								{ width:980px; height:380px; position:relative; overflow:hidden; cursor:pointer; }
#cflashImage								{ width:980px; height:380px; border:0; }
#cflashHeader #cflashButton					{ width:980px; height:36px; position:absolute; left:0px; bottom:0px; z-index:1100; }
#cflashHeader #cflashButton .flashslide		{ width:25px; height:25px; position:relative; float:left; background-image:url(/images/site/flashslide.png); cursor:pointer; }

#aflashHeader								{ width:980px; height:380px; position:relative; overflow:hidden; cursor:pointer; }
#aflashImage								{ width:980px; height:380px; border:0; }
#aflashHeader #aflashButton					{ width:980px; height:36px; position:absolute; left:0px; bottom:0px; z-index:1100; }
#aflashHeader #aflashButton .flashslide		{ width:25px; height:25px; position:relative; float:left; background-image:url(/images/site/flashslide.png); cursor:pointer; }

#kflashHeader								{ width:980px; height:290px; position:relative; overflow:hidden; cursor:pointer; }
#kflashImage								{ width:980px; height:290px; border:0; }
#kflashHeader #kflashButton					{ width:980px; height:36px; position:absolute; left:0px; bottom:0px; z-index:1100; }
#kflashHeader #kflashButton .flashslide		{ width:25px; height:25px; position:relative; float:left; background-image:url(/images/site/flashslide.png); cursor:pointer; }

#flashHeader								{ width:730px; height:290px; position:relative; overflow:hidden; cursor:pointer; }
#flashImage									{ width:730px; height:290px; border:0; }
#flashButton								{ width:45px; height:270px; position:absolute; left:0px; top:10px; z-index:1100; }
#flashButton .flashslide					{ width:25px; height:25px; position:relative; float:left; background-image:url(/images/site/flashslide.png); cursor:pointer; }
#flashRight									{ width:240px; height:290px; position:relative; overflow:hidden; cursor:pointer; }
#flashRight .panel							{ width:238px; height:288px; border:1px solid #CCC; background-color:#FFF; background:url(/images/site/backProd.jpg) center; overflow:hidden; }

#productSpecial								{ position:relative; width:238px; border:1px solid #CCC; background-color:#FFF; overflow:hidden; }
#productSpecial .title						{ font-weight:bold; color:#030; }
#productSpecial #specialTable				{ position:absolute; left:0px; top:25px; }
#productSpecial #specialTable .flash		{ width:238px; height:300px; text-align:center; vertical-align:top; position:relative; }
#productSpecial #specialTable .price 		{ font-size:16px; font-weight:bold; color:#333; }
#productSpecial #specialTable .tax			{ font-size:10px; color:#333; }
#productSpecial #specialTable .puan			{ font-size:18px; font-weight:bold; color:#060; }
#productSpecial #specialTable .ptext		{ font-size:11px; font-weight:bold; color:#F90; }

#eventHeader								{ position:relative; width:710px; height:64px; overflow:hidden; background-image:url(/images/site/backevent.png); }
#eventHeader .day							{ position:relative; float:left; width:64px; height:64px; line-height:64px; text-align:center; color:#FFF; font-size:42px; font-family:"Times New Roman", Times, serif; }

#slide_payment								{ position:relative; width:730px; height:55px; overflow:hidden; }
#slide_payment img							{ position:absolute; left:0; top:0; cursor:pointer; }

#slide_cargo								{ position:relative; width:240px; height:55px; overflow:hidden; }
#slide_cargo img							{ position:absolute; left:0; top:0; cursor:pointer; }

#slide_login								{ position:relative; width:240px; height:180px; overflow:hidden; }
#slide_login img							{ position:absolute; left:0; top:0; cursor:pointer; }

#openMenu									{ width:980px; height:299px; background-color:#030; border-top:1px solid #CCC; position:absolute; top:0px; margin:auto; z-index:1200; display:none; overflow:hidden; }
#openMenu .indiv							{ width:960px; height:279px; left:10px; top:10px; position:relative; overflow:hidden; background-color:#FFF; }
#openTable									{ position:absolute; left:0px; top:0px; }
#openTable li								{ padding:4px 0px 4px 0px; list-style-position:inside; list-style-type:disc; border-bottom:1px dotted #000; font-size:7px; color:#FFF; }
#openTable a								{ font-size:12px; color:#FFF; text-decoration:none; }
#openTable a:hover							{ color:#0F0; }
#openTable .main							{ font-size:14px; color:#0F0; text-decoration:none; }
#openTable .main:hover						{ color:#FFF; }
#openTable .tdL								{ width:200px; vertical-align:top; background-color:#030; }
#openTable .tdR								{ width:200px; vertical-align:top; background-image:url(/images/site/backMenu1.jpg); border-left:1px solid #CCC; }
#openTable .imgArea							{ position:relative; float:left; width:125px; height:130px; overflow:hidden; text-align:center; padding:0px 5px 5px 0px; }
#openTable .rmenu li						{ padding:3px 0px 3px 0px; list-style-position:inside; list-style-type:disc; border-bottom:1px dotted #030; font-size:7px; color:#030; }
#openTable .rmenu							{ padding-left:10px; }
#openTable .rmenu a							{ font-size:12px; color:#030; text-decoration:none; }
#openTable .rmenu a:hover					{ color:#990000; }

#instalment									{ border-color:#CCC; }
#instalment	td								{ height:26px; text-align:center; border-bottom:1px solid #CCC; font-size:12px; }
#instalment	.title							{ font-weight:bold; font-size:11px; background-color:#FFF; }

.photo										{ background-image:url(/images/site/photo.png); width:140px; height:140px;  margin:auto; overflow:hidden; } 
.photoview									{ width:128px; height:128px; line-height:128px; left:4px; top:4px; position:relative; overflow:hidden; }

.bankCard									{ width:170px; height:170px; background-image:url(/images/site/bankcard.jpg); }
.bankList									{ width:172px; height:90px; background-image:url(/images/site/banklist.jpg); }

fieldset									{ border:1px solid #EAEAEA; padding-left:10px; padding:10px; }
fieldset legend								{ font-size:16px; color:#060; padding:0px 10px 0px 10px; }

.acctable td								{ padding:4px 0px 4px 0px; }

.accPano td									{ border-bottom:1px dotted #EAEAEA; padding:10px 0px 10px 0px; }
.accPano a									{ font-size:12px; font-weight:bold; }
.accPano b									{ font-size:12px; }

.spanclick									{ font-size:16px; cursor:pointer; }
.spancheck									{ width:24px; height:24px; background-image:url(/images/site/spancheck.jpg); cursor:pointer; }

.report .gtitle								{ background-color:#E2EFFF; font-weight:bold; }
.report td									{ height:28px; border:1px solid #CCC; padding:0px 5px 0px 5px; }
.rquery td									{ height:28px; padding:5px; font-size:13px; }
.rptPrev, .rptNext, .rptDate, .rptCalc,
.rptPrint									{ width:30px; height:30px; background-image:url(/images/site/pndp.png); cursor:pointer; position:relative; margin:auto; }
.rptPrev:hover								{ background-position:-30px 0; }
.rptNext									{ background-position:0 -30px; }
.rptNext:hover								{ background-position:-30px -30px; }
.rptCalc									{ background-position:-60px 0; }
.rptCalc:hover								{ background-position:-60px -30px; }
.rptPrint									{ background-position:-90px 0; }
.rptPrint:hover								{ background-position:-90px -30px; }
.rptText									{ font-size:10px; font-weight:bold; color:#666; text-align:center; }
.rptTitle									{ font-size:20px; color:#030; }

.ulTree										{ padding:5px 5px 5px 20px; border-left:1px dotted #CCC; }
.ulTree li									{ padding:5px 0px 5px 0px; list-style-image:url(/images/site/tree_arrow.gif); list-style-position:inside; }
.ulTree .nodown								{ padding:5px 0px 5px 0px; list-style-image:url(/images/site/tree_nodown.gif); list-style-position:inside; }

.teamtable td								{ height:28px; color:#666; font-size:13px; }
.brand										{ padding:4px 0px 4px 0px; border-bottom:1px dotted #CCC; font-size:9px; }

#quickWin									{ position:absolute; left:0px; top:0px; height:auto; padding:10px; border:1px solid #999; background-color:#FFF; z-index:999; display:none; }
.sortList li								{ height:24px; line-height:24px; border-bottom:1px dotted #CCC; }
.star										{ background-image:url(/images/site/star.png); background-position:0px 0px; width:25px; height:25px; float:left; }
.nextbuy									{ width:180px; height:36px; line-height:34px; background-image:url(/images/site/nextbuy.png); font-size:16px; color:#FFF; text-align:left; text-indent:10px; cursor:pointer; }
.nextbuy:hover								{ color:#3F0; }
.must										{ font-size:16px; color:#900; }
#creditcard td								{ font-size:13px; height:36px; }

.cclist td									{ padding:5px; }
.cclist .row								{ border-bottom:1px solid #CCC; background-color:none; }
.cclist .row:hover							{ background-color:#EAEAEA; }

.viplay										{ position:relative; width:175px; height:auto; background-image:none; }
.viplay:hover								{ background:url(/images/site/vplay.png) 10px 40px top no-repeat;  z-index:1001; }

#player										{ width:640px; height:480px; overflow:hidden; }
#player #player_play						{ width:640px; height:480px; }

#camp .cargofree							{ background-image:url(/images/site/cargofree.png); width:90px; height:20px; }
#camp .price 								{ font-size:16px; font-weight:bold; color:#333; }
#camp .tax									{ font-size:11px; color:#333; }
#camp .puan									{ font-size:24px; font-weight:bold; color:#060; }
#camp .ptext								{ font-size:13px; font-weight:bold; color:#F60; }
#camp .cargofree							{ background-image:url(/images/site/cargofree.png); width:90px; height:20px; }