/* CSS Document */

* {margin:0; padding:0;}

body {color:#000; background:url(../images/fullbg01.gif) center top repeat-y #ccc; font-size:12px; font-family:simsun;}

a:link, a:visited {color:#000; text-decoration:none; background:none;}
a:hover, a:active {color:#000; text-decoration:none; background:#ff0;}

img {border:none;}

select,input,textarea {font-size:12px;}

ul {list-style:none;}

/* header */
#header {margin-top:20px; padding:0 0 30px 0;}

.logo {padding:20px 0 10px 20px; float:left;}
.thelp {float:right; padding:20px 20px 0 0; text-align:right;}

.login, .search {padding:0 0 10px 0;}
.account {font-weight:bold; font-size:13px;}
.account a:link, .account a:visited {text-decoration:underline;}

#nav {height:40px; margin:0 20px; border-top:#000 1px solid; border-bottom:#000 1px solid;}
#nav table {margin:0 auto; border-collapse:collapse;}
#nav table tr td {width:110px; line-height:40px; text-align:center; font-size:14px;}
#nav table tr td a {padding:2px; *padding:2px 2px 0 2px;}

/* mainpager */
#mainpager {width:860px; padding:0 20px;}

#sidebar {width:170px; float:left; display:inline;}
#content {width:680px; float:right; display:inline;}
 
#mainflash {width:600px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -300px;}

.drinklist01 {width:560px; margin:0 auto;}
.drinklist01 ul li {height:75px; margin:88px 0 0 0; position:relative;}
.drinklist01 ul li img {left:0; bottom:0; position:absolute;}
.drinklist01 ul li h6 {width:450px; text-align:center; font-size:30px; font-family:tahoma; color:#fff; position:absolute; left:108px; top:2px;}
.drinklist01 ul li p {width:450px; text-align:center; font-size:25px; font-family:tahoma; color:#fff; position:absolute; left:108px; top:42px; font-weight:bold;}

.drinklist02 {width:640px; margin:0 auto;}
.drinklist02 ul li {width:300px; height:50px; margin:71px 0 0 20px; display:inline; position:relative; float:left;}
.drinklist02 ul li img {left:0; bottom:0; position:absolute;}
.drinklist02 ul li h6 {width:224px; text-align:center; font-size:20px; font-family:arial; color:#fff; position:absolute; left:76px; top:2px;}
.drinklist02 ul li p {width:224px; text-align:center; font-size:16px; color:#fff; position:absolute; left:76px; top:28px; font-weight:bold;}
.drinklist02 ul li span {position:absolute; right:10px; bottom:5px; font-size:14px; font-family:arial; color:#fff;}

.drinklist03 {margin:0 auto;}
.drinklist03 ul li {height:27px; line-height:27px; font-size:14px; position:relative;}
.drinklist03 ul li span {position:absolute;}
span.price01 {right:100px; top:0;}
span.price02 {right:0; top:0;}

.booklist ul li {width:150px; margin:10px; display:inline; float:left;}
.booklist p {height:20px; overflow:hidden;}
.booklist ul li h6 {height:30px; overflow:hidden; font-size:14px; padding:7px 0 3px 0; font-family:arial;}
.bookimg {width:150px; height:180px; position:relative;}
.bookimg a img {width:154px; height:180px; position:absolute; left:0; bottom:0; z-index:1;}
.bookimg span img {position:absolute; left:80px; bottom:150px; z-index:2;}

.bookstauts {width:292px; float:left; display:inline;}
.bookcontent {width:370px; float:right; display:inline;}
.bookstautsimg {margin:0 0 15px 0;}
.bookstautsimg img {border:#000 1px solid; width:290px; height:360px;}
.bookintro p {line-height:19px; margin:10px 0; font-family:arial;}

.otherfeeling a:link, .otherfeeling a:visited {text-decoration:underline;}

.goodsmenu {position:absolute; top:-30px; left:0;}
.goodsmenu ul li {float:left; margin:0 3px 3px 0; display:inline;}
.goodsmenu ul li a:link, .goodsmenu ul li a:visited {padding:5px 9px; background:#000; color:#fff; font-size:14px; display:block; text-decoration:underline;}

.goodsinfo {width:650px; margin:0 auto; position:relative;}
.goodsinfonow {position:absolute; left:125px; top:10px;}
.goodsinfolist {width:630px; position:absolute; left:40px; top:500px;}
.goodsinfolist ul li {width:135px; float:left ;margin:0 5px 0 0;}

#cd ul li div.bookimg {width:150px; height:150px;}

.adsense {border-top:#999 1px solid; padding:10px 0 0 0;}

#iwant a:hover, #iwant a:active {background:none;}

#tlvideoinfo {width:640px; margin:0 auto; position:relative;}
.tlvideobtn {line-height:20px; text-align:right;}
.tlvideolist {width:680px; position:absolute; left:0; top:510px;}
.tlvideolist ul li {float:left; display:inline; margin:0 40px 10px 0; text-align:center;}
.tlvideolist ul li img {margin:0 0 -10px 0;}
.tlvideolist a:link img, .tlvideolist a:visited img {width:120px; height:75px; padding:4px; border:#ccc 1px solid; background:#fff; display:block;}
.tlvideolist a:hover img, .tlvideolist a:active img {width:120px; height:75px; padding:4px; border:#aaa 1px solid; background:#f5f5f5; display:block;}
.tlvideolist a:link, .tlvideolist a:visited {text-decoration:none; background:none;}
.tlvideolist a:hover, .tlvideolist a:active {text-decoration:underline; background:none;}

.linkslist ul li {width:13.3%; float:left; display:inline; padding-bottom:15px;}
/* sidebar */
.sidenav {margin:0 0 20px 0;}
.sidenav h3 {font-size:13px; font-weight:normal; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:#000 1px solid; position:relative;}
.sidenav h3 span {position:absolute; right:0; top:0;}
.sidenav ul li {line-height:19px;}
.sidenav ul li a:link, .sidenav ul li a:visited {text-decoration:underline;}

/* footer */
#footer {text-align:center; color:#999; font-family:arial; padding:20px 0 20px 0;}

/* apply */
.container {width:900px; margin:0 auto; background:#fff;}

.hackbox {clear:both;}
.hackbox5px {height:5px; font-size:5px; clear:both; font-size:0px;}
.hackbox10px {height:10px; font-size:10px; clear:both; font-size:0px;}
.hackbox20px {height:20px; font-size:20px; clear:both;}

.p20 {line-height:20px;}
.p25 {line-height:25px;}

.pager {padding:0 0 10px 0; text-align:right;}

a:link.addto, a:visited.addto {width:100%; padding:10px 0; text-align:center; display:block; color:#fff; background:#000; font-size:16px; font-family:tahoma; font-weight:bold;}
a:hover.addto, a:active.addto {width:100%; padding:10px 0; text-align:center; display:block; color:#fff; background:#333; font-size:16px; font-family:tahoma; font-weight:bold;}

a:link.checkout, a:visited.checkout {width:100%; padding:10px 0; text-align:center; display:block; color:#fff; background:#aaa; font-size:16px; font-family:tahoma; font-weight:bold;}
a:hover.checkout, a:active.checkout {width:100%; padding:10px 0; text-align:center; display:block; color:#fff; background:#333; font-size:16px; font-family:tahoma; font-weight:bold;}

/* page tab */
body.a-page #nav table tr td a.a-page,
body.b-page #nav table tr td a.b-page,
body.c-page #nav table tr td a.c-page,
body.d-page #nav table tr td a.d-page,
body.e-page #nav table tr td a.e-page,
body.f-page #nav table tr td a.f-page
{background:#ff0;}

body.type1 .sidenav h3 a.type1,
body.type2 .sidenav h3 a.type2,
body.type3 .sidenav h3 a.type3,
body.type4 .sidenav h3 a.type4,
body.type5 .sidenav h3 a.type5,
body.type6 .sidenav h3 a.type6,
body.type7 .sidenav h3 a.type7,
body.type8 .sidenav h3 a.type8,
body.type9 .sidenav h3 a.type9,
body.type10 .sidenav h3 a.type10
{background:#ff0;}

body.class1 .sidenav li a.class1,
body.class2 .sidenav li a.class2,
body.class3 .sidenav li a.class3,
body.class4 .sidenav li a.class4,
body.class5 .sidenav li a.class5,
body.class6 .sidenav li a.class6,
body.class7 .sidenav li a.class7,
body.class8 .sidenav li a.class8,
body.class9 .sidenav li a.class9,
body.class10 .sidenav li a.class10
{background:#ff0;}