@charset "UTF-8";

/*---------- Item Spec ----------*/
#shop #itemAlpha{
	float: right;
	width: 220px;
}
#shop #itemAlpha h2{
	margin-bottom: 0.25em;
	padding: 0 0 7px 0;
	background: url(../img/products/content_h2_bg.gif) repeat-x left bottom;
}
#shop #content #itemAlpha h3{
	font-size: 133%;
	margin-bottom: 0.3em;
	padding: 0;
	background: none;
}
#shop #content #itemAlpha h3 img{
	margin: 0 0 -2px 0.3em;
}
#shop #itemAlpha #itemSpecPrice{
	font-size: 117%;
	font-weight: bold;
	color: #F00;
}
#shop #itemAlpha #itemSpecPrice del{
	color: #666;
	font-size: 86%;
}
#shop #itemAlpha .itemSpecPoint{
	margin-top: 0.3em;
	font-size: 83%;
}
#shop #itemAlpha .itemSpecPoint img{
	margin: 0 0.4em -4px 0;
}
#shop #itemAlpha p{
	margin-top: 0.8em;
	line-height: 1.4em;
}
#shop #itemAlpha p span.firstLetter{
	display: block;
	float: left;
	font-size: 200%;
	font-weight: 100;
	width: 1em!important;
	height: 1em!important;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	padding: 0.1em;
	margin-right: 4px;
	margin-top: -0px;
	border: solid 1px #CCC;
}
#shop #itemAlpha #itemOrder{
	margin-top: 0.8em;
	margin-bottom: 1.2em;
	padding: 2px;
	border: solid 1px #CCC;
}
#shop #itemAlpha #itemOrder table{
	/*width: 214px;*/
	margin: 0;
	padding: 0;
	border: solid 1px #CCC;
}
#shop #itemAlpha #itemOrder th,
#shop #itemAlpha #itemOrder td{
	margin: 0;
	padding: 0.4em 0.4em;
	background: url(../img/products/content_order_border.gif) repeat-x left bottom;
}
#shop #itemAlpha #itemOrder th{
	width: 70px;
	background-color: #F4F4F4!important;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
#shop #itemAlpha #itemOrder td{
	width: 144px;
}
#shop #itemAlpha #itemOrder ul{
	margin-bottom: 0.25em;
	list-style: square inside;
}
#shop #itemAlpha #itemOrder select {
	width: 138px;
	padding: 1px;
	color: #666;
	font-size: 100%;
	border: #959595 solid 1px;
}
#shop #itemAlpha #itemOrder .itemOrderColor td span{
	font-size: 83%;
}
#shop #itemAlpha #itemOrder .itemOrderPrice td{
	font-size: 117%;
	font-weight: bold;
}
#shop #itemAlpha #itemOrder .itemOrderStock th,
#shop #itemAlpha #itemOrder .itemOrderStock td{
	background: url(../img/products/content_order_border_solid.gif) repeat-x left bottom;
}
#shop #itemAlpha #itemOrder .itemOrderCart th{
	width: 100%;
	padding: 0px;
}

/*---------- Item Beta ----------*/
#shop #itemBeta{
	float: left;
	width: 494px;
	overflow: hidden;
}
#shop h4{
	clear: both;
	margin-bottom: 0.6em;
	padding: 0 0 5px 0;
	background: url(../img/products/content_h4_bg.gif) repeat-x left bottom;
	font-size: 108%;
}
#shop h4 img{
	vertical-align: bottom;
}
#shop h4 span{
	font-size: 92%;
	font-weight: normal;
	margin-left: 0.8em;
}
#shop h4 a{
	color: #666;
}
#shop h4 a:hover{
	color: #F90;
}

/*---- Item Visual -----*/
#shop #itemBeta #itemPhotoZoom{
	padding: 6px;
	border: solid 1px #CCC;
}
#shop #itemBeta #itemPhotoThumb{
	width: 500px;
	margin-bottom: 1.2em;
}
#shop #itemBeta #itemPhotoThumb li{
	float: left;
	width: 94px;
	margin: 6px 6px 0 0;
	text-align: center;
	font-size: 83%;
}
#shop #itemBeta #itemPhotoThumb li span{
	display: block;
	padding: 2px;
	border: solid 1px #CCC;
}

/*----- Recommend Item (category) -----*/
#shop #recommendItem{
	position: relative;
	margin-bottom: 1.2em;
	padding: 6px;
	border: solid 1px #CCC;
}
#shop #recommendItem .recommendItemInfo{
	display: block;
	position: absolute;
	top: 18px;
	left: 18px;
	width: 210px;
	background: #FFF;
	border: solid 1px #CCC;
}
#shop #recommendItem .recommendItemInfo{
	background: #FFF;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
*html #shop #recommendItem .recommendItemInfo{
	left: 12px;
}
#shop #recommendItem .recommendItemInfo h3{
	padding: 8px 12px 2px 12px;
}
#shop #recommendItem .recommendItemInfo a{
	display: block;
	height: auto;
	padding: 0 12px 8px 12px;
	color: #333;
}
#shop #recommendItem .recommendItemInfo a:hover{
	background: #FFF;
	text-decoration: none!important;
}
#shop #recommendItem .recommendItemInfo a .itemNumber{
	margin-bottom: 0.1em;
	font-size: 83%;
}
#shop #recommendItem .recommendItemInfo a .itemName{
	margin-bottom: 0.1em;
	padding: 2px 0 2px 11px;
	background: url(../img/common/icon_link_l.gif) no-repeat center left;
	font-size: 117%;
	font-weight: bold;
}
#shop #recommendItem .recommendItemInfo a:hover .itemName{
	color: #F90;
}
#shop #recommendItem .recommendItemInfo a .itemPrice{
	margin-bottom: 0.1em;
}
#shop #recommendItem .recommendItemInfo a .itemDescription{
	display: none;
	margin-top: 0.3em;
	background: #FFF;
	font-size: 83%;
	line-height: 1.4em;
	text-align: justify;
	text-justify: distribute;
}
#shop #recommendItem .recommendItemInfo a:hover .itemDescription{
	display: block;
}
#shop #recommendItem .recommendItemInfo a .itemDescription img{
	margin: 6px -10px -6px -10px;
	border: none;
}



/*---------- Item Other Infomation ----------*/

/*----- Spec Detail -----*/
#shop #itemBeta #itemSpecDetail{
	margin-bottom: 1.2em;
}
#shop #itemBeta #itemSpecDetail table{
	border: solid 1px #CCC;
}
#shop #itemBeta #itemSpecDetail th,
#shop #itemBeta #itemSpecDetail td{
	padding: 0.4em 0.55em;
	background: url(../img/products/content_detail_border.gif) repeat-y left top;
	text-align: center;
}
#shop #itemBeta #itemSpecDetail th{
	background-color: #F4F4F4!important;
	font-weight: normal;
}
#shop #itemBeta #itemSpecDetail th.borderNone,
#shop #itemBeta #itemSpecDetail td.borderNone{
	background-image: none;
}

/*----- Comment -----*/
#shop #itemBeta #itemComment{
	margin-bottom: 1.2em;
}
#shop #itemBeta #itemComment p{
	line-height: 1.4em;
	margin-bottom: 0.2em;
}

/*----- Recommend Items -----*/
#shop #itemBeta #recommendItems{
	width: 500px;
	overflow: hidden;
	margin-bottom: 1.2em;
}
#shop #itemBeta #recommendItems li{
	float: left;
	width: 94px;
	margin: 1px 6px 0 0;
	text-align: center;
	font-size: 83%;
}
#shop #itemBeta #recommendItems li span{
	display: block;
	padding: 2px;
	border: solid 1px #CCC;
}
#shop #itemBeta #recommendItems li a{
	display: block;
}
#shop #itemBeta #recommendItems li a img{
	border: none;
}

/*----- Category Items -----*/
#shop .categoryItems{
	width: 738px;
	overflow: hidden;
	margin-bottom: 7px;
}
#shop .categoryItems li{
	float: left;
	margin: 1px 8px 5px 0;
}
#shop .categoryItems li span.photo{
	display: block;
	padding: 3px;
	border: solid 1px #CCC;
}
#shop .categoryItems li a .photo img{
	width: 107px;
	height: 80px;
}
#shop .categoryItems li span.name{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	font-size: 83%;
	text-align: center;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/*----- All Items -----*/
#shop #allItems{
	width: 736px;
	overflow: hidden;
	margin-bottom: 7px;
}
#shop #allItems li{
	float: left;
	width: 86px;
	margin: 1px 6px 5px 0;
	text-align: center;
	font-size: 83%;
}
#shop #allItems li span{
	display: block;
	padding: 2px;
	border: solid 1px #CCC;
}

/*----- Category Items & All Items -----*/
#shop .categoryItems li a,
#shop #allItems li a{
	display: block;
}
#shop .categoryItems li a img,
#shop #allItems li a img{
	border: none;
}





#shop #beta .widget li.size200 a{background: url(../img/side/widget_list_size200.gif);}
#shop #beta .widget li.size205 a{background: url(../img/side/widget_list_size205.gif);}
li.size205 a{background: url(../img/side/widget_list_size205.gif);}
#shop #beta .widget li.size210 a{background: url(../img/side/widget_list_size210.gif);}
#shop #beta .widget li.size215 a{background: url(../img/side/widget_list_size215.gif);}
#shop #beta .widget li.size220 a{background: url(../img/side/widget_list_size220.gif);}
#shop #beta .widget li.size225 a{background: url(../img/side/widget_list_size225.gif);}
#shop #beta .widget li.size230 a{background: url(../img/side/widget_list_size230.gif);}
#shop #beta .widget li.size235 a{background: url(../img/side/widget_list_size235.gif);}
#shop #beta .widget li.size240 a{background: url(../img/side/widget_list_size240.gif);}
#shop #beta .widget li.size245 a{background: url(../img/side/widget_list_size245.gif);}
#shop #beta .widget li.size250 a{background: url(../img/side/widget_list_size250.gif);}
#shop #beta .widget li.size255 a{background: url(../img/side/widget_list_size255.gif);}
#shop #beta .widget li.size260 a{background: url(../img/side/widget_list_size260.gif);}
#shop #beta .widget li.size265 a{background: url(../img/side/widget_list_size265.gif);}
#shop #beta .widget li.size270 a{background: url(../img/side/widget_list_size270.gif);}


#shop #beta .widget li.apparel3 a{background: url(../img/side/widget_list_apparel3.gif);}
#shop #beta .widget li.apparel5 a{background: url(../img/side/widget_list_apparel5.gif);}
#shop #beta .widget li.apparel7 a{background: url(../img/side/widget_list_apparel7.gif);}
#shop #beta .widget li.othersAcc a{background: url(../img/side/widget_list_others_acc.gif);}
#shop #beta .widget li.othersCare a{background: url(../img/side/widget_list_others_care.gif);}