/* CSS Document */

/*multiple list*/
.multiple_list{
	padding:10px 0 0 0;
	width:670px;
	clear:both;
}
.multiple_list h3{
	background: url("../img/multiplebg_title.gif") repeat-x bottom;
	padding:2px 2px 5px 2px;
	margin:0 7px 5px 7px;
	color:#303030;
	font-size:15px;
	line-height:22px;
}
.multiple_list h3 a{
	color:#303030;
	text-decoration:none;
}
.multiple_list h3 a:hover{
	color:#303030;
	text-decoration:none;
}
.multiple_list h3 span{
	color:#666;
	font-size:12px;
	border-right:1px solid #ddd;
	padding:0 7px 0 0;
	margin-right:7px;
}
.multiple_list ul{
	margin:0;
	padding:0;
}
.multiple_list li{
	clear:both;
	margin:0 0 10px 0;
	list-style:none;
	padding-top:5px;
	width:670px;
	background: url("../img/multiplebg_top.gif") no-repeat left top;
	position:relative;
}
.multiple_list li p{
	background: url("../img/icon_package.gif") no-repeat left top #efefef;
	padding:7px 5px 12px 35px;
	margin:5px 7px 5px 7px;
	font-size:12px;
	color:#5f5f5f;
	clear:both;
	letter-spacing:1px;
	line-height:20px;
}
.multiple_list li p img{
	vertical-align:baseline;
	margin:0 3px;
}
.multiple_list li.selectthis{
	background: url("../img/multiplebg_top_select.gif") no-repeat left top;
}
.multiple_list li.selectthis h3{
	background: url("../img/multiplebg_title_select.gif") no-repeat center bottom;
	padding:2px 2px 5px 2px;
	margin:0 7px 5px 7px;
	color:#303030;
	font-size:15px;
	line-height:22px;
}
.multiple_bottom{
	background: url("../img/multiplebg_bottom.gif") no-repeat left bottom;
	height:10px;
	clear:both;
	position:absolute;
	bottom:-1px;
	left:0;
	width:670px;
}
.multiple_item{
	margin:0 0 0 7px;
	padding:0;
}
.multiple_item ol{
	margin:0;
	padding:0;
	clear:both;
}
.multiple_item li{
	list-style:none;
	clear:none;
	float:left;
	width:auto;
	padding:2px 2px 0 2px;
	text-align:center;
	vertical-align:middle;
	background-image:none;
	position:relative;
}
.multiple_item li.plsu{
	width:25px;
	height:85px;
	background: url("../img/icon_plus.gif") no-repeat center 50%;
	border:none;
}
.multiple_item li img{
	height:80px;
	overflow:hidden;
}

/*select color*/

.multiple_item li div{
	text-align:center;
	font-size:10px;
	color:#666;
	padding:4px 0 0 0;
	border-top:1px solid #ccc;
}
.multiple_item li div select{
	font-size:11px;
	color:#666;
	border:1px solid #999;
}

.div_right{
	float:right;
	padding:15px 5px 0 0;
}
.multiple_price{
	font-size:12px;
	color:#666;
	width:170px;
	border-right:1px solid #dadada;
}
.discount{
	width:90px;
	height:70px;
	font-size:12px;
	color:#fff;
	text-align:center;
	padding-top:10px;
	background: url("../img/discount_bg.gif") no-repeat center top;
}
.discount strong{
	color:#fff;
	font-size:15px;
}
.discount div{
	clear:both;
	color:#666;
	font-size:10px;
	padding:18px 0 0 0;
}
.lower{
	margin-top:10px;
	width:80px;
	padding-top:15px;
	background-position: center 8px;
}

.detailbox{
	border-top:1px solid #dadada;
	padding-top:10px;
	padding-bottom:5px;
	margin-top:10px;
	height:auto;
	overflow: hidden;
}
.overline{
	text-decoration:line-through;
}
.smalltext{
	font-size:10px;
}
.floatright{
	float:right;
}
.itemleft{
	float:left;
	width:380px;
}
.itemleftshort{
	float:left;
	width:325px;
	border-right:1px solid #dadada;
}
ol.itemleftshort li{
	float:left;
	display:block;
	vertical-align:middle;
}
.inflow{
	margin-left:10px;
}

/*multiple detail tabs*/

.navcontainer {
	margin: 20px 0 20px 0;
	padding: 0;
	clear:both;
}
.navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url("../img/multipletab_bg.gif") repeat-x bottom #f3f2f7;
	height:23px;
}
.navcontainer ul li {
	text-align: center;
	background: url("../img/multipletab_bg.gif") repeat-x bottom #f3f2f7;
	letter-spacing:1px;
	display:inline;
	border-right: #fff 1px solid;
	line-height:22px;
	font-size: 12px;
	font-weight:bold;
	font-family:tahoma, "新細明體";
}
.navcontainer ul li a {
	padding: 4px 8px;
	color: #2f2f2f;
	text-decoration: none;
}
.navcontainer ul li a:hover {
	color: #2f2f2f;
	background: url("../img/multipletab_bg-over.gif") repeat-x bottom;
}
.navcontainer li#redbg a {
	background: #e01f20;
	color: #fff;
}
.navcontainer li.redbg a {
	background: #e01f20;
	color: #fff;
}
