@charset "UTF-8";
/* CSS Document */
html,body{
          margin:0px;
          padding:0px;
		  
}
body{
	background:#000;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.5em;
}
/* style */   
a {text-decoration:none;color: #fff;}
.red {color:#FF0000;text-decoration:none;}
.green {color:#018086;text-decoration:underline;}
.orange {color:#FF6600;}
.white { color:#fff; }
h1 {margin:0px;padding:0px;height:10px;}

.grey {color:#969a9b;}
#label {
	font-size:16px;
}
.bg-grey {background:#e1e1e1;}
.title_page {
	font-size:28px;
}




img {border:none;}

#clear{
	height:0px;
	font:0px;
	clear:both;
}

.clear{	height:0px;	font:0px;	clear:both;}

/* frame section */
#wrapper_upper{
	margin:0px;
	padding:0px;
	background:#000;
}
#wrapper_upper_right{
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	width:50%;
	height:140px;
	background:#F7610E url(../images/bg_right_upper.jpg) top right repeat-x;
	overflow:hidden;
}

#wrapper_banner{
	margin:0px;
	padding:0px;
	background:#F7610E url(../images/bg_wrapper_banner.jpg) top left repeat-x;
}
#wrapper_banner_left{
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	width:50%;
	height:369px;
	background:#F7610E url(../images/wrapper_left.jpg) top left repeat-x;
	overflow:hidden;
}
#wrapper_banner_right{
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;

	height:369px;
	background:#F7610E url(../images/wrapper_right.jpg) top left repeat-x;	
}
#wrapper_mid{
	margin:0px;

	background:#ccc;
	
}
#wrapper_footer{
	margin:0px;
	padding-top:14px;
	padding-bottom:14px;
	background:#000;
	font-size:11px;
	
}
#wrapper_content{
	margin:0px;
	padding:0px;
	background:#ccc url(../images/bg_container_banner.jpg) top left repeat-x;
}
#container_content{
	width:954px;
	position:relative;
	margin:0 auto;
	background:#fff;
	color:#000;
	text-align:left;
	height:auto !important; /* real browsers */
	height:1110px; /* IE6: treaded as min-height*/
	min-height:1110px; /* real browsers */
	background:url(../images/bg_container_mid.jpg) repeat-x #fff;
	padding:14px;
	top:30px;
	z-index:1;
	}
#content_text {
	width:698px;
}
#side_banner {
right:10px;
display:block;
width:253px;
/* position:absolute; */
}

#bannershow {
	height:252px;
}
#nav {position:absolute; right:265px; top:265px; color:#fff; z-index:1000;}
#nav a{
	display:block;
	background:url(../images/bg_nav.jpg)top left repeat-x #000;
	margin:5px 0 5px 5px;
	color:#fff;
	width:18px;
	height:16px;
	border:1px solid #fff;
	text-align:center;
	padding:0 0 1px 0;
	float:left;
}
#nav a:hover, #nav a.activeSlide {
	background:url(../images/bg_nav_active.jpg)top left repeat-x #000;	
}


#container_upper {
	width:954px;
	height:140px;
	background:#000;
	margin:0 auto;
	color:#fff;
	text-align:left;
	background:url(../images/bg_container_upper.jpg) 140px 0px no-repeat;
	position:relative;
	}
#container_banner {
	width:954px;
	height:369px;
	margin:0 auto;
	padding:0px 25px 0px 25px;
	color:#000;
	text-align:left;
	position:relative;
	background:url(../images/bg_container_banner.jpg) center top no-repeat;
	}
#container_mid {
	width:954px;
	top:-20px;
	margin:0 auto;
	background:#fff;
	color:#000;
	text-align:left;
	position:relative;
	height:auto !important; /* real browsers */
	height:970px; /* IE6: treaded as min-height*/
	min-height:970px; /* real browsers */
	background:url(../images/bg_container_mid.jpg) repeat-x #fff;
	padding:14px;
	}

#container_bottom {
	width:982px;
	height:30px;
	padding-top:14px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	position:relative;
	}
hr{
color: #333;
background-color: #333;
height: 1px;
}
#container_footer {
	width:982px;
	height:30px;
	padding-top:14px;
	margin:0 auto;
	color:#999;
	text-align:left;
	position:relative;
}

.home_label, #home_label{
	display:block;
	padding:5px;
	background:url(../images/bg_bestseller.jpg) repeat-x #fff;
	border:1px solid #e0e0e0;
	font-weight:bold;
	text-transform:uppercase;
}
#home_left {
	position:absolute;
	left:15px;
	top:15px;
	width:240px;
z-index:10000000;
}

#home_mid{
	display:block;
	width:450px;
	height:auto !important; /* real browsers */
	height:300px; /* IE6: treaded as min-height*/
	min-height:300px; /* real browsers */
	float:left;
	margin-left:255px;
}
#music_list, #book_list{
	display:block;
	width:700px;
	height:auto !important; /* real browsers */
	height:300px; /* IE6: treaded as min-height*/
	min-height:300px; /* real browsers */
	float:right;
}

.book_list{
	display:block;
	width:700px;
	height:auto !important; /* real browsers */
	height:80px; /* IE6: treaded as min-height*/
	min-height:80px; /* real browsers */
	float:right;
}
#tabs {
	background:url(../images/bg_tab.jpg) repeat-x ;
	height:25px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#tabs span{
	display:block;
	float:left;
	padding:5px;
	border-right:1px solid #ccc;
	cursor:pointer;
}
#tabs span.active{
	background:#fff;
	border-bottom:1px solid #fff;
}

#side_banner{
	float:right;width:240px;
}
#side_banner img{
	margin-bottom:8px;
}

#best_seller{
	border:1px solid #e0e0e0;

	background:#fff;

}
.best_seller ul, #best_seller ul {margin:0px;padding:0px;}
.best_seller ul li, #best_seller ul li {margin:0px 0px 10px 0px;padding:0px; list-style:none none;}
.best_img, #best_img {float:right;width:195px;padding-top:5px;}
.best_img img, #best_img img {margin-right:3px;}
.best_number, #best_number {
	text-align:right;
	display:block;
	float:left;
	width:35px;
	font-size:36px;
	font-weight:;
	color:#DEDEDE;
}
#home_category {
	background:#000;
	display:block;
	height:auto !important; /* real browsers */
	height:271px; /* IE6: treaded as min-height*/
	min-height:271px; /* real browsers */
	padding:5px;
	margin-bottom:5px;

	}
#home_category #side_menu{
	display:block;
	padding-left:11px;
	padding-top:8px;
	height:20px;
	color:#FFF;
	background:url(../images/bg_category.jpg) repeat-x #000;
	border-bottom:1px solid #444;
	position:relative;

}
#home_category #side_menu input {
	background:transparent;
	border:none;
	padding-left:0px;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	font-family:arial;
}




#home_category div#home_sub {
position:absolute;
left:-11px;
display:none;
padding:5px;

}
div#home_sub div#side_menu{
	padding:0px;
	height:28px;
}

#home_category div#home_sub a{
display:block;
padding-left:11px;
padding-top:8px;
height:20px;
background:#000 url(../images/bg_category.jpg) repeat-x;
padding-right:5px;
}
#home_category #side_menu:hover,#home_category #side_menu #home_sub a:hover,#home_category #side_menu.active {
	background:url(../images/bg_sidemenu.jpg) repeat-x #000 ;	
}


#home_category #side_menu:hover div#home_sub {
left:225px;top:-5px;
display:block;
width:200px;
}

#new_release{

	height:auto !important; /* real browsers */
	height:300px; /* IE6: treaded as min-height*/
	min-height:300px; /* real browsers */
	background:#fff;
	border:1px solid #e0e0e0;
	margin-top:10px;
	position:relative;
}
#music_category, .book_category, #book_category{
	background:#fff;
	border:1px solid #e0e0e0;
	margin-top:0px;
	position:relative;
}

.new_list, #new_list {position:relative;margin:12px;}
.new_list ul , #new_list ul {margin:0px;padding:0px;}
.new_list ul li, #new_list ul li 
{
	display:block;
	float:left;
	margin-right:8px;
	height:auto !important; /* real browsers */
	height:250px; /* IE6: treaded as min-height*/
	min-height:240px; /* real browsers */
	margin-bottom:5px;
}
.new_img, #new_img {
	width:90px; height:146px;position:relative;
	overflow:hidden;
}
.new_list ul li img, #new_list ul li img {position:absolute; bottom:0px;}



#books_inner 
{
	padding:10px;
}
#books_content 
{
	float:right;
	position:relative;
	width:470px;
	color:#666;
	
}
#book_title
{
	font-size:20px;
	color:#333;
}
#books_detail
{
	float:left;
	position:relative;
	width:270px;	
	padding-top:10px;
}

#books_price
{
	float:right;
	width:164px;
	margin-right:-10px;
}
#books_price img
{
	margin-top:4px;
}
#books_price_inner
{
	padding:7px;
	background:url(../images/bg_price.jpg) left top no-repeat;
}

#logo{
	position:absolute;
	left:0px;
	top:29px;
	}
	
#branch {
	padding-right:10px;
	margin-right:20px;
	display:block;
	background:url(../images/bullet_orange.jpg) top right no-repeat;
	float:left;
	
}
#search{
	width:297px;
	height:49px;
	display:block;
	position:absolute;
	top:10px;
	right:0px;
}
#search form {
	margin:0px;
	padding:0px;
}
#search input {
	width:263px;
	height:23px;
	position:absolute;
	top:0px;
	padding-top:6px;
	padding-left:6px;
	background:url(../images/bg_search.jpg);
	border:0px;
	color:#bebebe;
	font-size:14px;
}
#search #submit{
	cursor:pointer;
	position:absolute;
	right:0px;top:0px; 
	width:39px;height:30px;
	background:url(../images/btn_search.jpg) left top no-repeat;
	display:block;border:0;
}







/* menu section */

#featured { width: 940px; height: 200px; position: relative; margin: 0px auto; text-align: left; }
	#featured h2 { color: #088C03; font-size: 24px; margin: 0; padding: 15px 0 0 0; }
	#featured .controls { position: absolute; top: 18px; right: 0; }
	#featured .controls ul { margin: 0; padding: 0; list-style: none; }
		#featured .controls ul li { float: left; margin: 0 0 0 20px; padding: 0; list-style: none; display: inline; }
		#featured .controls ul li a { float: left; padding: 0 10px 0 0; color: #FF9900; text-decoration: none; font-weight: bold; font-size: 12px; height: 25px; line-height: 25px; display: block; }
		#featured .controls ul li a:hover { color: #FF6600; }
		#featured .controls ul li a.active { color: #FFF; background: #FF9900 url(../images/bg_featured_control.jpg) no-repeat right top; }
		#featured .controls ul li a.active:hover { color: #FFF; }
		#featured .controls ul li a.active span { float: left; padding: 0 0 0 10px; height: 25px; background: #FF9900 url(../images/bg_featured_control.jpg) no-repeat left top; display: block; }


#menu
{
	height:59px;
	width:698px;
	float:right;
	position:relative;
	margin-top:24px;
}
#menu a{
display:block;
float:left;
height:64px;
text-align:center;
background:url(../images/bg_menu1.jpg) 100px 100px no-repeat;
}


a#home{
width:82px;
/*background:0px 0px;*/
background:none;
border-right:1px solid #222;
padding-top:14px;
font-size:21px;
font-weight:lighter;
font-family:arial;
height:45px;
}
a#home:hover, a#home.active{
background-position:0px 0px;
color:#FF6600;
}
a#books{
width:112px;
/*background:-82px 0px;*/
background:none;
border-right:1px solid #222;
padding-top:14px;
font-size:21px;
font-weight:lighter;
font-family:arial;
height:45px;
}
a#books:hover, a#books.active{
background-position:-82px 0px;
color:#FF6600;
}
a#music{
width:108px;
/*background:-270px 0px;*/
background:none;
border-right:1px solid #222;
padding-top:14px;
font-size:21px;
font-weight:lighter;
font-family:arial;
height:45px;
}
a#music:hover, a#music.active{
background-position:-270px 0px;
color:#FF6600;
}
a#kids{
width:85px;
background-position:-190px 0px;
}
a#kids:hover, a#kids.active{
background-position:-190px 0px;
}

#menu2
{
	height:34px;
	width:100%;
	float:right;
	position:relative;
	margin-top:20px;
	background:url(../images/bg_menu2.jpg) top right no-repeat;
	
}
#menu2 a{
display:block;
float:right;
height:25px;
background:url(../images/bg_menu1.jpg) 100px 100px no-repeat;
color:#fff;
font-family:Arial;
font-size:14px;
padding:11px 21px 0px 19px;
border-left:1px solid #333;


}	
#menu2 a:hover, #menu2 a.active{
background:url(../images/menu_hover.jpg) bottom center no-repeat #000;
}

#menu2 a#login{
	/*padding-right:0px;*/
}

#menu2_sub {
	position:absolute;
	display:none;
	padding:5px;
	float:left;

}

#menu2 #member {
	display:block;
	float:right;
	height:25px;
	background:url(../images/bg_menu1.jpg) 100px 100px no-repeat;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	padding:11px 21px 0px 19px;
	border-left:1px solid #333;
	position:relative;
}
#menu2 #member:hover, #menu2 #member.active {
	background:url(../images/menu_hover.jpg) bottom center no-repeat #000;
	cursor:pointer;
}

#menu2 #member:hover #menu2_sub {

	position:absolute;
	left:-5px;
	top:30px;
	display:block;
	z-index:100000000;
	font-size:10px;


}


#menu2 #event {
	display:block;
	float:right;
	height:25px;
	background:url(../images/bg_menu1.jpg) 100px 100px no-repeat;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	padding:11px 21px 0px 19px;
	border-left:1px solid #333;
	position:relative;
}
#menu2 #event:hover, #menu2 #event.active {
	background:url(../images/menu_hover.jpg) bottom center no-repeat #000;
	cursor:pointer;
}

#menu2 #event:hover #menu2_sub {

	position:absolute;
	left:-5px;
	top:30px;
	display:block;
	z-index:100000000;
	font-size:10px;  


}





#menu2_sub a

{
	height:20px;
	background:#000;	
	font-size:11px;
	width:196px;
	border-bottom:#333 1px solid;

}
#menu2_sub a:hover{
	background:url(../images/bg_category.jpg) repeat-x #000;		
}

#member_menu a{
	display:block;
	padding-left:11px;
	padding-right:11px;
	padding-top:5px;
	height:21px;
	color:#FFF;
	float:left;
	cursor:pointer;
}
#member_menu a:hover{
		background:url(../images/bg_sidemenu.jpg) repeat-x #000 ;	
}
#member_menu a.active {
		background:url(../images/bg_sidemenu.jpg) repeat-x #000 ;	
}

/* Home Section */
#gallery_home{
	position:relative;
	height:300px;
}
.gallery_category {
	left:240px;
	position:absolute;
	top:0px;
	font-size:13px;
}
.gallery_category a{
	display:block;
	float:left;
	color:#fff;	
	padding: 15px 21px 21px 21px;
}

.gallery_category a:hover{
		background:url(../images/bg_feature_hover.jpg) repeat-x;
}
.gallery_category a.active{
		background:url(../images/bg_feature_hover.jpg) repeat-x;
}

.stepcarousel {
height:305px;
left:0;
overflow:scroll;
position:relative;
top:30px;
width:974px;
}
.stepcarousel .belt {
left:5px;
position:relative;
top:0;
padding-bottom:0px;
}
.stepcarousel .panel {
position:relative;
margin-right:15px;
height:305px;
width:127px;
overflow:hidden;

}
.stepcarousel .label{
	position:absolute;
	bottom:0px;
}
.stepcarousel .panel img {
	border-bottom:2px solid #333;
	border-right:2px solid #333;
}


#book_name {
	height:auto !important; /* real browsers */
	height:70px; /* IE6: treaded as min-height*/
	min-height:60px; /* real browsers */


}

#prev, #prev2{
	display:block;
	background:url(../images/btn_featured_left.png) no-repeat left bottom;
	position:absolute;
	cursor:pointer;
	width:30px;
	height:39px;
	top:135px;
	left:-25px;		
	}
	#next, #next2{
	display:block;
	background:url(../images/btn_featured_right.png) no-repeat right top;
	position:absolute;
	cursor:pointer;
	width:30px;
	height:39px;
	top:135px;
	right:-45px;						
	}

.ui-tabs-hide {
display:none;
}
.ui-tabs-selected {
font-weight:bold;
}

/*style */

ul#news
{
	margin:0px;
	padding:0px;
	/* float:left */
}
ul#news a
{
color:#333333;
text-transform: uppercase;
}
ul#news a.title
{
font-size:16px;
}
ul#news .date
{
font-size:10px;
}

ul#news li
{
	list-style:none none;
	/* border-bottom:#EEE6D4 1px dashed; */
	padding:8px 0px 18px 0px;
	margin-bottom:9px;
	height:auto !important; /* real browsers */
	height:217px; /* IE6: treaded as min-height*/
	min-height:217px; /* real browsers */
	position:relative;

}
ul#news li.news
{
	list-style:none none;
	/* border-bottom:#EEE6D4 1px dashed; */
	padding:8px 0px 18px 0px;
	margin-bottom:9px;
	height:auto !important; /* real browsers */
	height:87px; /* IE6: treaded as min-height*/
	min-height:87px; /* real browsers */
	position:relative;

}

ul#news .img {
	float:left;
	width:282px;
	/* height:217px;*/
	overflow:hidden;
	display:block;
	cursor:pointer;
}
ul#news .address {
	float:right;
	width:390px;
	margin:0 0 0 15px;
}


table#career-list {width:100%;}
table#career-list tr {
	background:#eeeeee;
}

table#career-list tr.bg-grey {background:#e1e1e1;}
table#career-list tr.label {
	background:#000;
	color:#FF6600;
}
table#career-list tr.label:hover {
	background:#000;
}
table#career-list td {
	padding:5px;
	cursor:pointer;
	border-right:1px solid #fff;
}
table#career-list a {
	color:#000;
}
table#career-list tr:hover {
	background:#eee;
}

#store {}

#store .title {
	font-size:28px;
}

#store form#select_store select{
	color:#666;
	background:#f7f7f7;
	border:1px solid #d4d4d4;
	float:right;
}


.tpc_container  {
border:1px solid #636363;
padding:4px;
}
.tpc_container input {
	border:1px solid #666;
}

.tpc_container .text {
border:1px solid #636363;
width:236px;
height:20px;
}
.tpc_check{

}
.tpc_submit{
width:74px;
height:20px;
background:url(../images/tpc_submit.jpg) left top;
}

#form_contact {
	padding:20px;
	color:#6e6e6e;
}

#form_contact label {
	float:left;
}
#form_contact p {
	display:block;
	position:relative;
	margin-left:100px;
	height:25px;
}
#form_contact input{
	border:1px solid #cfcfcf;
}
#form_contact textarea{
	border:1px solid #cfcfcf;
}
#form_contact button{
	width:74px;
	height:20px;
	border:none;
background:url(../images/btn_submit.jpg) left top;
}
#form_contact input.sign {
		width:74px;
		height:20px;
		border:none;
	background:url(../images/btn_sign.jpg) left top;
	
}
#form_contact input.reg {
		width:74px;
		height:20px;
		border:none;
		display:block;
	background:url(../images/btn_reg.jpg) left top;
	
}

#paging {color:#000;}
#paging a { color:#FF6600;}