@CHARSET "UTF-8";

/* pattern1 : (full banner) x (1 line) + (half bannars) x (2 lines) */
/* pattern2 : (full banner) x (1 line) + (half bannars) x (1 line) */

img {
  -ms-interpolation-mode: bicubic;
}

.weeklyArrivals img,
.weeklyRanking img 
{
  box-shadow: 2px 2px 10px #ccc;
  -moz-box-shadow: 2px 2px 10px #ccc;
}
#innerContent .weeklyArrivals a:hover img,
#innerContent .weeklyRanking a:hover img
{
  box-shadow: 3px 3px 10px #bbb;
  -moz-box-shadow: 3px 3px 10px #bbb;
}


/*
 * promotion area frame
 */

#innerContent #promotion {
	width:710px;
	height:186px; /* pattern1 */
	/*height:330px;*/ /* pattern2 */
	position:relative;
	top:0px;
  background: #F2F5FA;
}

#innerContent #promotion #slides {
	position:absolute;
	top:40px;
	z-index:100;
	left: 33px;
}

#innerContent #promotion .slides_container {
	width:644px;
	height:140px;  /* pattern1 */
	/*height:280px;*/  /* pattern2 */
	overflow:hidden;
	position:relative;
	display:none;
}

#innerContent #promotion #slides .slide {
	padding:0px;
	width:644px;
	height:206px;  /* pattern1 */
	/*height:280px;*/ /* pattern2 */
	display:block;
}


/*
 * banner area (slide area)
 */

#innerContent #promotion .slide ul{
  margin: 0;
  padding: 0;
  width: 644px;
  list-style: none outside;
}

#innerContent #promotion .slide ul li{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0;
  float: left;
  width: 312px;
  height: 64px;
}


#innerContent #promotion .slide ul li.leftbanner{
  margin-right: 20px;
}

#innerContent #promotion .slide ul li.mainbanner{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0;
  width: 644px;
  height: 132px;
}



/*
 * next & prev icons
 */

#innerContent #promotion #slides .next,
#innerContent #promotion #slides .prev {
	position:absolute;
	top:40px;  /* pattern1 */
	/*top:100px;*/  /* pattern2 */
	left:-28px;
	width:24px;
	height:60px;
	display:block;
	z-index:101;
  background-color:#ccc;
}
#innerContent #promotion #slides .next {
	left:648px;
}

#innerContent #promotion .arrowArea{
  width: 24px;
  height: 60px;
  background-color:#ccc;
}

/* for IE6 transparent png */

#innerContent #promotion #slides .next img,#slides .prev img{
	position:relative;
}

/*
 * pagination
 */

#innerContent #promotion .pagination {
	width:150px; /* if changing surface num, set (22 + 10) x n */
	position: absolute;
	top: -30px;
	right: -30px;
}

#innerContent #promotion .pagination li {
	float:left;
	margin-right:10px;
	list-style: none;
}

#innerContent #promotion .pagination li a {
  display:block;
  width: 20px;
  height:18px;
  font-size: 16px;
  padding-top:2px;
  float:left;
  overflow:hidden;
  text-align:center;
  background-color: #323f4b;
  color: #ffffff;
}

#innerContent #promotion .pagination li.current a {
  background-color: #accce7;
  color: #323f4b;
}


/*
 * effects
 */
 
#innerContent a:link,
#innerContent a:visited {
  text-decoration:none;
  color: #343434;
}

#innerContent a:hover,
#innerContent a:active {
  text-decoration:none;
  color: #444444;
}


#innerContent #promotion #slides .next:hover,
#innerContent #promotion #slides .prev:hover,
#innerContent #promotion #slides .slide img:hover {
	opacity: 0.6;
}

#innerContent #promotion .pagination li:hover {
	opacity: 0.7;
}

#innerContent #promotion .pagination li.current:hover {
	opacity: 1;
}