@import url("common.css");
@import url("sidebar.css");


#sidebar #category h2 {
    height: 40px;
}

#header{
height:87px;
width:740px;
}

#header h1 {
padding: 0;
}

#sidebar {margin-top:-60px;}

#flashcontent{
margin-bottom: 8px;
margin-top:6px;
}

h2{
margin-bottom: 8px;
}

a{
text-decoration: underline;
line-height: 1.4;
}

a:hover{
text-decoration: underline;
}



/*======================================

	 promotion

=======================================*/
#promotion{
float: left;
width:380px;
margin-right: 15px;
_display: inline;
}

#promotion .promoBox{
width:380px;
float: left;
position: relative;
margin-bottom:15px;
line-height:1;
}

#promotion .promoBox img.newIcon{
position:absolute;
left:10px;
top:10px;
}


/*======================================

	 whatsNew

=======================================*/

#whatsNew{
float: left;
width:345px;
_display: inline;
}


#whatsNew dl {
float:left;
padding-bottom:15px;
width:345px;
}

#whatsNew dt{
float:left;
margin-right:10px;
line-height:0;
_display: inline;
}

#whatsNew dd{
float:left;
width:120px;
}

#whatsNew dd a{
font-weight: bold;
font-size: 12px;
}

#whatsNew dd p{
margin-bottom: 0.5em;
font-size: 10px;
line-height: 1.4;
}


#whatsNew dd p.more{
width: 210px;
text-align: right;
margin:0;
}

#whatsNew div{
float:left;
_display: inline;
}




/*======================================

	 news

=======================================*/

#news {
float:left;
width:345px;
font-size:12px;
margin-bottom:5px;
_display: inline;
}



#news dl dt {
float: left;
font-size:8pt;
font-weight:bold;
width: 7.8em;

}

#news dl dd {
float:left;
margin-bottom:0.6em;
width:240px;
line-height: 1.4;
}

/* Tiny Scrollbar */

#scrollbar1 { width: 345px; clear: both; margin: 0 0 1em 0; }
#scrollbar1 .viewport { width: 325px; height: 9em; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: transparent url(../image/bg-scrollbar.gif) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track	{ background: transparent url(..//image/bg-scrollbar-end.gif) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }

/*#scrollbar1 .disable { display: none; } */



/*======================================

	 top large banner

=======================================*/


#lipBanner{
  margin: 5px 0;
}

/*======================================

	 member room

=======================================*/

#sidebar #memberRoom{
padding-top: 4em;
margin-top: 10px;
}


#sidebar #memberRoom h2{
font-size: 10px;
text-indent:0;
background: url("../image/sidebar_member_bg.gif") no-repeat scroll 0 0 transparent;
}

#sidebar p.shoplistBanner{
margin-top: 5px;
}