/* base style file
 * 
 * 1、 general
 * 2、 styles
 * 3、 layout
 * 4、 header
 * 5、 footer
 * 6、 widget - sidebar
 * 7、 widget - box
 * 8、 widget - tab
 * 9、 widget - button 
 * 10、widget - AD
 * 11、widget - itemList
 * 12、widget - controlPanel
 * 13、widget - pageControl
 * 14、widget - table
 * -------------------------------------------------- */
/* 1、 general
 * -------------------------------------------------- */
@import url(reset.css);
body {
	background: url(../Medias/bg.gif) #FFF repeat-x;
	color: #333;
	font: 12px Tahoma, Geneva, sans-serif;
}
.clear {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}
/* 2、 styles
 * -------------------------------------------------- */
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0183B7;
	text-decoration: underline;
}
.marginTop {
	margin-top: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}
#sideLeft .noMarginTop, #sideRight .noMarginTop, #content .noMarginTop, #contentB .noMarginTop {
	margin-top: 0;
}
.inputA {
	padding: 3px;
	border-top: 1px solid #999;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #999;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #333;
}
.crumb {
	color: #666;
}
.crumb a {
	color: #004684;
}
.crumb span {
	position: relative;
	padding-left: 15px;
}
.crumb span a {
	position: absolute;
	float: left;
	left: 0;
	top: 1px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	font-size: 0;
	background: url(../Medias/btn/btnClose.gif) no-repeat left top;
}
.crumb span a:hover {
	background: url(../Medias/btn/btnClose.gif) no-repeat left bottom;
}
/* 3、 layout
 * -------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 980px;
}
#header {
	position: relative;
	height: 1%;
	z-index: 500;
}
#main {
	padding-bottom: 20px;
}
#sideLeft {
	float: left;
	margin: 10px 10px 0 0;
	width: 200px;
}
#sideRight {
	float: right;
	margin-top: 10px;
	width: 200px;
}
#content {
	float: left;
	margin: 10px 0 0 0;
	width: 560px;
}
#contentWidth #contentB {
	margin-top: 0;
	width: 980px;
}/*Add By Milo*/
#contentB {
	float: left;
	margin: 10px 0 0 0;
	width: 770px;
}
/* 4、 header
 * -------------------------------------------------- */
#logo {
	display: inline;
	float: left;
	margin: 38px 0 1px 29px;
}
#userPanel {
	float: right;
	margin-top: 10px;
}
#welcome {
	float: left;
	margin: 8px 15px 0 0;
	color: #333;
}/*Add By Milo 2*/
#enterPanel {
	float: left;
	margin: 8px 10px 0 0;
}/*Add By Milo 2*/
#enterPanel a {
	float: left;
	color: #E37715;
}
#enterPanel span {
	float: left;
	padding: 0 7px;
	color: #CDCDCD;
}/*Add By Milo 2*/
#myPanel, #myPanel .outer, #myPanel .inner {
	float: left;
	height: 28px;
	background: url(../Medias/bg/bgMyPanel.gif) repeat-x left -28px;
}
#myPanel .outer {
	background: url(../Medias/bg/bgMyPanel.gif) no-repeat right bottom;
}
#myPanel .inner {
	padding-left: 7px;
	background: url(../Medias/bg/bgMyPanel.gif) no-repeat left top;
}
#myPanel .dropDown {
	position: relative;
	float: left;
	padding: 1px 1px 0 1px;
	z-index: 2000;
}
#myPanel .accountList {
	display: none;
	position: absolute;
	left: -1px;
	top: 27px;
	float: left;
	padding-bottom: 5px;
	width: 103px;
	background: #FFF;
	border: 1px solid #F5C59D;
	border-top: 0;
}
#myPanel .accountList li {
	float: left;
	width: 100%;
}
#myPanel .accountList a {
	display: block;
	float: left;
	padding-left: 30px;
	height: 24px;
	background: url(../Medias/icon/iconArrow.gif) no-repeat 17px 7px;
	line-height: 24px;
	color: #666;
}
#myPanel .accountList a:hover {
	color: #0183B7;
}
#myPanel .cartList {
	display: none;
	position: absolute;
	left: -206px;
	top: 26px;
	float: left;
	width: 370px;
	background: #FFF;
	border: 1px solid #F5C59D;
}/*Add By Milo 2*/
#myPanel .cartList dl {
	padding: 0 10px;
}
#myPanel .cartList dd {
	float: left;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
	line-height: 1.5;
}
#myPanel .cartList .img {
	display: inline;
	float: left;
	margin-left: 5px;
}
#myPanel .cartList .detail {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 260px;
}
#myPanel .cartList .detail strong {
	padding: 0;
}
#myPanel .cartList .control {
	float: right;
}
#myPanel .cartList .control a {
	float: left;
	width: 15px;
	height: 15px;
	background: url(../Medias/btn/btnRemove.gif) no-repeat left top;
}
#myPanel .cartList .control a:hover {
	background: url(../Medias/btn/btnRemove.gif) no-repeat left bottom;	
}
#myPanel .cartList .img img {
	width: 60px;
	height: 45px;
}
#myPanel .cartList .viewCart {
	float: left;
	width: 100%;
	height: 35px;
}
#myPanel .cartList .viewCart p {
	display: inline;
	float: left;
	margin: 10px 0 0 15px;
	color: #666;
}
#myPanel .cartList .viewCart .total {
	font-size: 14px;
	color: #F00;
}
#myPanel .cartList .btnA {
	margin: 7px 0 0 10px;
}
#myPanel .cartList .btnA span {
	display: block;
	padding: 0 10px;
	width: auto;
	height: 22px;
	background: url(../Medias/btn/btnA.gif) no-repeat right -22px;
	line-height: 22px;
	color: #FFF;
}
#myPanel .cartList .btnA:hover span {
	background: url(../Medias/btn/btnA.gif) no-repeat right bottom;
}
#myPanel span {
	float: left;
	height: 27px;
	color: #CDCDCD;
	line-height: 27px;
}
#myPanel .dropDown span {
	padding: 0 0 0 30px;
	color: #666;
	cursor: pointer;
}
#myPanel .dropDown span span {
	padding: 0 25px 0 0;
	background: none;
}
#myPanel .dropDown strong {
	padding: 0 3px;
	font-weight: bold;
	color: #E37715;
}
#myPanel .account span {
	background: url(../Medias/icon/iconAccount.gif) no-repeat 8px 6px;
}
#myPanel .cart span {
	background: url(../Medias/icon/iconCart.gif) no-repeat 8px 6px;
}
#myPanel .over span {
	position: relative;
	background-color: #FFF;
	z-index: 3000;
}
#myPanel .dropDown span span {
	background: url(../Medias/icon/iconDropDown.gif) no-repeat right 7px;	
}
#myPanel .over span span {
	background: url(../Medias/icon/iconDropDownB.gif) no-repeat right 7px;	
}
#myPanel .help {
	float: left;
	padding: 1px 1px 0 1px;
}
#myPanel .help span {
	color: #666;
	cursor: pointer;
	padding: 0 15px 0 30px;
	background: url(../Medias/icon/iconHelp.gif) no-repeat 8px 6px;
}
#myPanel .over span, #myPanel .help:hover, #myPanel .help:hover span {
	color: #01478C;
}
#myPanel .over {
	padding: 0;
	border: 1px solid #F5C59D;
	border-bottom: 0;
	text-decoration: none;
}
#myPanel .over .accountList, #myPanel .over .cartList {
	display: block;
}
#mainTab {
	position: absolute;
	float: left;
	left: 220px;
	top: 71px;
	z-index: 1000;
}
#mainTab li {
	float: left;
	background: url(../Medias/bg/bgMainTab.gif) no-repeat left -128px;
}
#mainTab li a {
	float: left;
	padding: 0 20px;
	height: 32px;
	background: url(../Medias/bg/bgMainTab.gif) no-repeat right -96px;
	font-size: 14px;
	line-height: 32px;
	color: #333;
}
#mainTab .first {
	background: url(../Medias/bg/bgMainTab.gif) no-repeat left top;
}
#mainTab .first a {
	padding: 0 34px 0 43px;
	background: url(../Medias/bg/bgMainTab.gif) no-repeat right -32px;
	font-weight: bold;
	color: #FFF;
}
#mainTab .first a:hover {
	text-decoration: none;
}
#mainTab .second {
	background: url(../Medias/bg/bgMainTab.gif) no-repeat left -64px;
}
#mainTab .last a {
	background: url(../Medias/bg/bgMainTab.gif) no-repeat right -160px;
}
#mainNav, #mainNav .outer, #mainNav .inner {
	float: left;
	width: 100%;
	height: 36px;
	background: url(../Medias/bg/bgMainNav.gif) repeat-x left -36px;
}
#mainNav .outer {
	background: url(../Medias/bg/bgMainNav.gif) no-repeat right bottom;
}
#mainNav .inner {
	background: url(../Medias/bg/bgMainNav.gif) no-repeat left top;
}
#mainNav .allCategory {
	float: right;
	margin: 10px 10px 0 0;
	padding: 0 21px 0 0;
	height: 20px;
	color: #FFF;
	font-size: 13px;
	font-family: "宋体";
	font-weight: bold;
	line-height: 20px;
	background: url(../Medias/icon/iconAllCategory.gif) no-repeat right center;
}
#menuList {
	float: left;
}
#menuList li {
	position: relative;
	float: left;
	margin-top: 3px;
	padding: 0 4px 0 2px;
	height: 33px;
	background: url(../Medias/bg/bgNavBar.gif) no-repeat right center;
	line-height: 33px;
	z-index: 1500;
}
#menuList li.last {
	background: none;
}
#menuList a {
	float: left;
	background: url(../Medias/bg/bgMenuIcon.gif) no-repeat right 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
#menuList span span {
	float: left;
	display: block;
	padding: 0 17px;
	height: 33px;
	line-height: 33px;
	cursor: pointer;
}
#menuList a:hover {
	text-decoration: none;
}
#menuList .over a {
	background: url(../Medias/bg/bgMenuHover.gif) repeat-x left -33px;
	color: #012D86;
	text-decoration: none;
}
#menuList .over span {
	background: url(../Medias/bg/bgMenuHover.gif) no-repeat right bottom;
}
#menuList .over span span {
	background: url(../Medias/bg/bgMenuHover.gif) no-repeat left top;
}
#menuList .subMenu {
	display: none;
	position: absolute;
	left: 2px;
	top: 33px;
	float: left;
	width: 266px;
	background: #FFF;
	border: 2px solid #1655BE;
	border-top: 0;
}
#menuList .over .subMenu {
	display: block;
}
#menuList .subMenu dl {
	float: left;
	padding: 3px;
}
#menuList .subMenu dd {
	float: left;
	width: 130px;
}
#menuList .subMenu a {
	display: block;
	float: none;
	padding-left: 10px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	font-weight: normal;
	background: none;
}
#menuList .subMenu a:hover {
	background: #0262B9;
	color: #FFF;
}
#search, #search .outer, #search .inner {
	float: left;
	width: 100%;
	height: 37px;
	background: url(../Medias/bg/bgSearch.gif) repeat-x left -37px;
}
#search .outer {
	background: url(../Medias/bg/bgSearch.gif) no-repeat right bottom;
}
#search .inner {
	background: url(../Medias/bg/bgSearch.gif) no-repeat left top;
}
#searchInput {
	display: inline;
	float: left;
	margin: 5px 0 0 21px;
	width: 417px;
	background: url(../Medias/bg/bgSearchInput.gif) repeat-x left bottom;
}
#searchInput span {
	display: block;
	padding-left: 15px;
	height: 26px;
	background: url(../Medias/bg/bgSearchInput.gif) no-repeat left top;
}
#searchInput input {
	margin: 4px 0 0 0;
	width: 390px;
	border: 0;
	font-size: 12px;
	color:#666;
}
.searchBtn {
	float: left;
	margin: 5px 0 0 0;
	width: 66px;
	height: 25px;
	background: url(../Medias/btn/btnSearchA.gif) #F60 no-repeat left top;
	font-size: 13px;
	font-family: "宋体";
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	color: #FFF;
}
.searchBtn:hover {
	background: url(../Medias/btn/btnSearchA.gif) #F60 no-repeat left bottom;
	color: #FFF;
	text-decoration: none;
}
#hotSearch {
	float: left;
	margin: 10px 0 0 20px;
	color: #666;
}
#hotSearch span {
	padding: 0 6px;
	color: #666;
}
#hotSearch a {
	color: #666;
}
/* 5、 footer
 * -------------------------------------------------- */
#siteMap {
	padding: 0 0 5px 105px;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #E1E1E1;
	background: url(../Medias/bg/bgFooter.gif) #FBFBFB repeat-x left top;
}
#siteMap dl {
	float: left;
	width: 140px;
}
#siteMap dt {
	margin-bottom: 5px;
	height: 29px;
	line-height: 29px;
	font-weight: bold;
	color: #666;
}
#siteMap dd {
	height: 20px;
	line-height: 20px;
}
#siteMap dd a {
	color: #999;
}
#copyright {
	float: left;
	height: 50px;
	margin: 10px 0 0 10px;
}
#copyright p {
	margin-bottom: 5px;
	color: #999;
}
#footerNav {
	float: right;
	margin: 10px 10px 0 0;
}
#footerNav a {
	float: left;
	color: #00498E;
}
#footerNav span {
	float: left;
	padding: 0 7px;
	color: #CCC;
}
/* 6、 widget - sidebar
 * -------------------------------------------------- */
#sideNav h2 {
	background: url(../Medias/bg/bgSideNav.gif) repeat-x left -31px;
}
#sideNav h2 span {
	display: block;
	background: url(../Medias/bg/bgSideNav.gif) no-repeat left top;
}
#sideNav h2 span span {
	padding-left: 10px;
	height: 31px;
	background: url(../Medias/bg/bgSideNav.gif) no-repeat right bottom;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 31px;
}
#sideNav .category {
	float: left;
	width: 198px;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
#sideNav .category dt {
	float: left;
	width: 100%;
	height: 25px;
	background: url(../Medias/bg/bgSideNavSub.gif) repeat-x;
}
#sideNav .category dt label {
	float: left;
	margin: 6px 0 0 8px;
	font-size: 13px;
	font-family: "宋体";
	font-weight: bold;
	color: #004688;
}
#sideNav .category dt label a {
	color: #004688;
}
#sideNav .category dt .btnShow, #sideNav .category dt .btnHide {
	float: right;
	width: 27px;
	height: 25px;
	background: url(../Medias/btn/btnSlide.gif) no-repeat left top;
	cursor: pointer;
}
#sideNav .category dt .btnHide {
	background: url(../Medias/btn/btnSlide.gif) no-repeat left bottom;
}
#sideNav .category dd {
	float: left;
	width: 100%;
	background: #E6F2FE;
}
#sideNav .category dd.borderBottom {
	border-bottom: 1px solid #DADADA;
}
#sideNav .category dd .sideMenu {
	float: left;
	width: 100%;
	height: 28px;
	border-top: 1px solid #E6F2FE;
	border-bottom: 1px solid #E6F2FE;
}
#sideNav .category dd a:hover {
	color: #333;
	text-decoration: none;
}
#sideNav .category dd label, #sideNav .category dd em {
	float: left;
	margin: 7px 0 0 5px;
	width: 65px;
	font-weight: bold;
	color: #333;
	text-align: right;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
	cursor: pointer;
}
#sideNav .category dd em {
	margin: 7px 0 0 0;
	font-weight: normal;
	width: 100px;
	color: #999;
	text-align: left;
}
#sideNav .category dd span {
	float: left;
	margin: 7px 0 0 0;
	width: 18px;
	text-align: center;
	color: #999;
	cursor: pointer;
}
#sideNav .thirdCategory dd a {
	display: block;
	float: none;
	width: auto;
	padding-left: 10px;
	line-height: 28px;
	border: 0;
}
#sideNav .thirdCategory dd a:hover {
	background: #FFF;
	color: #0183B7;
	text-decoration: none;
}
#sideNav .thirdCategory dd a.current {
	color: #333;
	font-weight: bold;
	background: url(../Medias/icon/iconArrowB.gif) #FFF no-repeat right center;
}
#sideNav .thirdMenu {
	display: none;
	position: absolute;
	left: 170px;
	top: 0;
	float: left;
	width: 260px;
	border: 1px solid #A3C9F8;
	background: #FFF;
	z-index: 1500;
	zoom: 1;
}
#sideNav .over {
	position: relative;
	z-index: 1000;
}
#sideNav .over .thirdMenu {
	display: block;
}
#sideNav .over .thirdMenu .cover {
	position: absolute;
	left: -1px;
	top: 0;
	width: 1px;
	height: 28px;
	background: #FFF;
	overflow: hidden;
}
#sideNav .category .over .sideMenu {
	background: #FFF;
	border-top: 1px solid #A3C9F8;
	border-bottom: 1px solid #A3C9F8;
}
#sideNav .category .over .sideMenu a:hover {
	color: #004688;
	text-decoration: underline;
}
#sideNav .category .over label {
	color: #004688;
	overflow: visible;
}
#sideNav .category .over .sideMenu span, #sideNav .category .over .sideMenu em {
	display: none;
}
#sideNav .over .thirdMenu a {
	display: block;
	float: none;
	padding-left: 20px;
	width: auto;
	height: 28px;
	line-height: 28px;
	border: 0;
	background: url(../Medias/icon/iconArrow.gif) no-repeat 10px 9px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
#sideNav .over .thirdMenu a:hover {
	color: #0183B7;
	text-decoration: underline;
}
#sideNav .over .thirdMenu li {
	float: left;
	width: 130px;
}
#sideNav .btnMore .show, #sideNav .btnMore .show:hover {
	padding-left: 28px;
	border-bottom: 1px solid #DADADA;
	background: url(../Medias/icon/iconShow.gif) no-repeat 10px 6px;
}
#sideNav .btnMore .hide, #sideNav .btnMore .hide:hover {
	padding-left: 28px;
	background: url(../Medias/icon/iconHide.gif) no-repeat 10px 6px;
}
/* 7、 widget - box
 * -------------------------------------------------- */
.boxA {
	margin-top: 10px;
	border: 1px solid #DADADA;
	border-top: 0;
	border-bottom: 1px solid #B2B2B2;
}
.boxA .boxATop  {
	height: 28px;
	background: url(../Medias/bg/bgBoxA.gif) repeat-x;
}
.boxA .boxAMain {
	height: 1%;
	background: #FFF;
}
.boxA h2 {
	display: inline;
	float: left;
	margin: 8px 0 0 7px;
	font-weight: bold;
}
.boxA .infoList {
	padding: 5px 5px 0 5px;
}
.boxA .infoList li {
	padding: 4px 0 4px 13px;
	background: url(../Medias/icon/iconDot.gif) no-repeat 4px 11px;
}
.boxA .infoListB li {
	padding: 4px 0 4px 0;
	line-height: 1.5;
}
.boxA .infoListC dl {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}
.boxA .infoListC dt {
	display: inline;
	float: left;
	margin-left: 10px;
}
.boxA .infoListC dt img {
	width: 50px;
	height: 50px;
}
.boxA .infoListC dd {
	float: left;
	margin-left: 10px;
	width: 120px;
}
.boxA .more, .boxA .remove {
	padding: 5px 10px;
	text-align: right;
}
.boxA .infoListD {
	float: left;
	padding-bottom: 5px;
	width: 100%;
}
.boxA .infoListD li {
	float: left;
	width: 100%;
}
.boxA .infoListD li a {
	float: left;
	width: 100%;
	padding: 5px 0;
	background: url(../Medias/icon/iconDot.gif) no-repeat 10px 10px;
}
.boxA .infoListD li a:hover {
	text-decoration: none;
	background: url(../Medias/icon/iconDot.gif) #FEF7E4 no-repeat 10px 10px;
}
.boxA .infoListD li span {
	float: left;
	margin-left: 20px;
	cursor: pointer;
}
.boxA .infoListD li em {
	float: right;
	margin-right: 10px;
	color: #999;
	font-style: normal;
	cursor: pointer;
}
.boxA .infoListD .head {
	margin-bottom: 5px;
	border-bottom: 1px solid #EDEDED;
}
.boxA .infoListD .head a {
	padding: 10px 0;
	background: none;
	color: #004688;
}
.boxA .infoListD .head span {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.boxA .infoListD .head a:hover  {
	background: none;
}
.boxA .infoListD .head a:hover span  {
	text-decoration: underline;
}
.boxA .more a {
	color: #0082BC;
}
.boxA .remove a {
	padding-left: 12px;
	background: url(../Medias/icon/iconRemove.gif) no-repeat left 3px;
	color: #666;
}
.boxA .title {
	float: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	border-bottom: 1px solid #DADADA;
}
.boxA .borderTop {
	border-top: 1px solid #E1E1E1;
}
.boxA .title h3 {
	float: left;
	color: #014A8E;
	margin-left: 8px;
	font-weight: bold;
}
.boxA .title a {
	float: right;
	margin-right: 8px;
	color: #0082BC;
}
.boxA .brandList {
	float: left;
	width: 100%;
	padding-bottom: 6px;
}
.boxA .brandList li {
	display: inline;
	float: left;
	width: 88px;
	margin: 6px 0 0 8px; 
}
.boxA .brandList a img {
	border: 1px solid #FFF;
}
.boxA .brandList a:hover img {
	border: 1px solid #E1E1E1;
}
.boxA .vote {
	margin: 8px 8px 3px 8px;
}
.boxA .voteList li {
	padding: 2px 8px;
}
.boxA .voteList input, .boxA .voteList label {
	vertical-align: middle;
	cursor: pointer;
}
.boxA .voteList label {
	margin-left: 5px;
}
.boxA .btnVote {
	padding: 8px 8px 8px 50px;
}
.boxA .btnVote .btnC {
	margin-right: 10px;
}
.boxB {
	margin-top: 10px;
}
.boxB .boxBTop  {
	height: 28px;
}
.boxB .boxBMain {
	height: 1%;
	background: #FFF;
}
.boxB h2 {
	padding-left: 7px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
}
.boxC {
	margin-top: 10px;
	border: 1px solid #DADADA;
	border-bottom: 1px solid #B2B2B2;
}
.boxC h2 {
	position: relative;
	padding-left: 50px;
	height: 32px;
	line-height: 32px;
	background: url(../Medias/bg/bgBoxC.gif) repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #CA0000;
}
.boxC h2 span {
	position: absolute;
	left: -2px;
	top: -2px;
	float: left;
	width: 50px;
	height: 49px;
	background: url(../Medias/bg/bgHot.gif) no-repeat;
}
.boxC .boxCMain {
	height: 1%;
	background: #FFF;
}
.boxTable {
	border: 0;
	border-right: 1px solid #DADADA;
}
.boxTable .boxATop {
	border-left: 1px solid #DADADA;
}
.boxD dl {
	float: left;
	width: 490px;
	margin-top: 20px;
}
.boxD dt {
	display: inline;
	float: left;
	margin-left: 20px;
}
.boxD dt img {
	border: 1px solid #DADADA;
}
.boxD dd {
	float: left;
	margin-left: 20px;
}
.boxD dd h3 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
.boxD dd h3 a {
	color: #004688;
}
.boxD dd li {
	padding: 4px 0;
}
/* 8、 widget - tab
 * -------------------------------------------------- */
.tabA .tabs {
	float: left;
	width: 100%;
}
.tabA .tabs li {
	float: left;
	margin-top: 1px;
	width: 99px;
	height: 27px;
	line-height: 27px;
}
.tabA .tabs li.last {
	width: 98px;
	border-left: 1px solid #E6E6E6;
}
.tabA .tabs li.over {
	background: #FFF;
}
.tabA .tabs li a {
	display: block;
	font-weight: bold;
	text-align: center;
}
.tabA .tabs li.over a {
	color: #333;
	text-decoration: none;
	cursor: default;
}
.tabB .tabs {
	float: right;
}
.tabB .tabs li {
	float: left;
}
.tabB .tabs li a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-left: 1px solid #DADADA;
	color: #034484;
}
.tabB .tabs li.over a{
	background: url(../Medias/bg/bgTabB.gif) repeat-x;
	font-weight: bold;
	color: #E77616;
	text-decoration: none;
	cursor: default;
}
.tabC .boxATop {
	position: relative;
}
.tabC .tabs {
	position: absolute;
	left: 5px;
	top: -2px;
	float: left;
}
.tabC .tabs li {
	float: left;
}
.tabC .tabs li a {
	display: block;
	float: left;
	padding: 0 25px;
	height: 28px;
	line-height: 32px;
	_line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.tabC .tabs li.over a {
	padding: 0 24px;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	height: 30px;
	background: url(../Medias/bg/bgTabC.gif) repeat-x left top;
	text-decoration: none;
	color: #EC7616;
	cursor: default;
}
.tabD .tabs {
	float: left;
	width: 100%;
}
.tabD .tabs li {
	float: left;
	margin-right: 5px;
	background: url(../Medias/bg/bgTabD.gif) no-repeat left -56px; 
}
.tabD .tabs li a, .tabD .tabs li span {
	float: left;
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
	background: url(../Medias/bg/bgTabD.gif) no-repeat right bottom;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.tabD .tabs li.current {
	background: url(../Medias/bg/bgTabD.gif) no-repeat left top; 
}
.tabD .tabs li.current span {
	color: #FFF;
	background: url(../Medias/bg/bgTabD.gif) no-repeat right -28px; 
}
/* 9、 widget - button
 * -------------------------------------------------- */
.button {
	float: left;
}
.button span {
	display: block;
	float: left;
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	color: #FFF;
	cursor: pointer;
}
.button:hover {
	text-decoration: none;
}
.btnA {
	background: url(../Medias/btn/btnA.gif) no-repeat left top;
}
.btnA span {
	background: url(../Medias/btn/btnA.gif) no-repeat right -22px;
}
.btnA:hover {
	background: url(../Medias/btn/btnA.gif) no-repeat left -44px;
}
.btnA:hover span {
	background: url(../Medias/btn/btnA.gif) no-repeat right bottom;
}
.btnB {
	background: url(../Medias/btn/btnB.gif) no-repeat left top;
}
.btnB span {
	background: url(../Medias/btn/btnB.gif) no-repeat right -22px;
}
.btnB:hover {
	background: url(../Medias/btn/btnB.gif) no-repeat left -44px;
}
.btnB:hover span {
	background: url(../Medias/btn/btnB.gif) no-repeat right bottom;
}
.btnC {
	background: url(../Medias/btn/btnC.gif) no-repeat left top;
}
.btnC span {
	background: url(../Medias/btn/btnC.gif) no-repeat right -22px;
	color: #404040;
}
.btnC:hover {
	background: url(../Medias/btn/btnC.gif) no-repeat left -44px;
}
.btnC:hover span {
	background: url(../Medias/btn/btnC.gif) no-repeat right bottom;
}
.btnCart {
	background: url(../Medias/btn/btnCart.gif) no-repeat left top;
}
.btnCart span {
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	background: url(../Medias/btn/btnCart.gif) no-repeat right -28px;
	font-weight: bold;
}
.btnCart:hover {
	background: url(../Medias/btn/btnCart.gif) no-repeat left -56px;
}
.btnCart:hover span {
	background: url(../Medias/btn/btnCart.gif) no-repeat right bottom;
}
.btnMail {
	background: url(../Medias/btn/btnMail.gif) no-repeat left top;
}
.btnMail span {
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	background: url(../Medias/btn/btnMail.gif) no-repeat right -28px;
	font-weight: bold;
}
.btnMail:hover {
	background: url(../Medias/btn/btnMail.gif) no-repeat left -56px;
}
.btnMail:hover span {
	background: url(../Medias/btn/btnMail.gif) no-repeat right bottom;
}
.btnFav {
	background: url(../Medias/btn/btnFav.gif) no-repeat left top;
}
.btnFav span {
	height: 28px;
	line-height: 28px;
	background: url(../Medias/btn/btnFav.gif) no-repeat right -28px;
	font-weight: bold;
}
.btnFav:hover {
	background: url(../Medias/btn/btnFav.gif) no-repeat left -56px;
}
.btnFav:hover span {
	background: url(../Medias/btn/btnFav.gif) no-repeat right bottom;
}
 /* 10、widget - AD
 * -------------------------------------------------- */
.topAD {
	position: relative;
	height: 180px;
	border: 1px solid #DADADA;
}
.topAD img {
	height: 180px;
}
.topADC, .topADC img {
	height: 220px;
}
.topADB {
	margin-top: 10px;
}
.topADB, .topADB img {
	height: 110px;
}
.topAD .img {
	position: relative;
}
.topAD .img li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.topAD .panel {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 29px;
	border-top: 1px solid #DADADA;
	background: #FFF;
	filter: alpha(Opacity=60);
	Opacity: 0.6;
	z-index: 200;
}
.topAD .title {
	position: absolute;
	left: 10px;
	bottom: 6px;
	color: Black;
	text-decoration: none;
	z-index: 400;
}
.topADB .panel {
	border: 0;
	background: none;
}
.topAD .num {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 300;
}
.topAD .num li {
	display: inline;
	float: left;
	margin: 0 1px;
}
.topAD .num li .numVal {
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	background: #FFF;
	border: 1px solid #CDCDCD;
	font: 11px Tahoma;
	color: #404040;
	text-align: center;
	cursor: pointer;
}
.topAD .num li.over .numVal {
	background: #0078E0;
	border: 1px solid #055BBE;
	color: #FFF;
}
.middleAD, .sideAD, .sideBBS {
	margin-top: 10px;
}
.middleAD img, .sideAD img {
	border: 1px solid #DADADA;
}
.middleAD a:hover img,.sideAD a:hover img {
	border: 1px solid #E8681D;
}
.sideBBS a {
	display: block;
	height: 29px;
	background: url(../Medias/btn/btnBBS.gif) no-repeat left top;
}
.sideBBS a:hover {
	display: block;
	height: 29px;
	background: url(../Medias/btn/btnBBS.gif) no-repeat left bottom;
}
/* 11、widget - itemList
 * -------------------------------------------------- */
.itemList dd {
	color: #666;
}
.itemList .img {
	padding: 5px 0;
}
.itemList .name {
	height: 30px;
	margin-bottom: 8px;
	overflow: hidden;
}
.itemList .original ins {
	margin-left: 9px;
	text-decoration: line-through;
}
.itemList .price strong {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #E67817;
}
.itemList .group strong {
	margin-left: 9px;
	font-weight: bold;
	color: #333;
}
.itemList .img img {
display:block;
}
.itemList .original, .itemListA .price, .itemListA .group {
	padding-bottom: 2px;
}
.itemList .btn {
	padding-top: 8px;
}
.itemList .btn input {
	float: left;
	width: 20px;
	margin-right: 5px;
}
.itemList .btn a {
	margin-right: 5px;
}
.itemListA {
	padding: 0 0 15px 5px;
}
.itemListA dl {
	display: inline;
	float: left;
	margin: 15px 0 0 10px;
	width: 170px;
}
#contentB .itemListA {
	padding: 0 0 15px 10px;
}
#contentB .itemListA dl {
	width: 235px;
	margin-left: 15px;
}
#sideRight .itemListA  {
	padding: 0 0 5px 5px;
}
#sideRight .itemListA dl {
	margin-top: 5px;
}
.itemListB {
	padding: 0 0 15px 10px;
}
.itemListB dl {
	display: inline;
	float: left;
	margin: 15px 0 0 15px;
	width: 360px;
}
.itemListB .img {
	float: left;
	padding: 0;
}
.itemListB .detail {
	float: left;
	margin-left: 5px;
	width: 195px;
}
.boxC .itemListB dl {
	margin: 15px 0 0 15px;
	width: 360px;
}
.itemListB .detail {
	margin-left: 5px;
	width: 195px;
}
.itemListC dl {
	float: left;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #EDEDED;
}
.itemListC dl.noBorder {
	border: 0;
}
.itemListC .img {
	float: left;
	margin-left: 5px;
	padding: 0;
}
.itemListC .detail {
	float: left;
	margin-left: 5px;
	width: 100px;
}
.itemListD {
	float: left;
	width: 100%;
	padding-bottom: 6px;
}
.itemListD li {
	display: inline;
	float: left;
	width: 82px;
	margin: 6px 0 0 10px; 
}
.itemListD li img {
	width: 80px;
	height: 60px;
	border: 1px solid #FFF;
}
.itemListD li a:hover {
	text-decoration: none;
}
.itemListD li a:hover img {
	border: 1px solid #E1E1E1;
}
.itemListD li strong {
	display: block;
	font-weight: bold;
	color: #E67817;
}
#contentB .listGrid {
	padding: 0;
}/*Add By Milo*/
#contentB .listGrid dl {
	width: 183px;
	margin: 10px 10px 0  0;
	padding: 5px 0 10px 0;
	border: 1px solid #EFEFEF;
}/*Add By Milo*/
#contentWidth .listGrid dl {
	width: 236px;
}/*Add By Milo*/
#contentWidth .listGrid .noMarginRight {
	width: 234px;
}/*Add By Milo*/
#contentB .listGrid dd {
	padding: 0 10px;
}/*Add By Milo*/
#contentB .listGrid .img {
	text-align: center;
	position: relative;
	height: 1%;
}/*Add By Milo*/
#contentB .listGrid input {
	position: absolute;
	top: 0;
	>top: -3px;
	right: 30px;
	cursor: pointer;
}/*Add By Milo*/
#contentB .listGrid .priceWrap {
	height: 110px;
}/*Add By Milo 2*/
#contentB .listGrid .btn input {
	position: static;
	float: left;
	width: 20px;
	margin-right: 5px;
	cursor: auto;
}/*Add By Kenny*/
#contentB .listGrid label {
	position: absolute;
	top: 2px;
	right: 5px;
	color: #666;
	cursor: pointer;
}/*Add By Milo*/
#contentB .listGrid .name {
	height: 45px;
}/*Add By Milo*/
#contentB .listGrid .noMarginRight {
	margin-right: 0;
}/*Add By Milo*/
#contentB .listGrid .selected, #contentB .listRow .selected {
	border: 1px solid #E67817;
}/*Add By Milo*/
#contentB .listRow {
	padding: 0;
}
#contentB .listRow dl {
	margin: 10px 0 0 0;
	padding: 10px 0;
	width: 768px;
	border: 1px solid #EFEFEF;
}/*Add By Milo*/
#contentWidth .listRow dl {
	width: 978px;
}/*Add By Milo*/
#contentB .listRow .img {
	position: relative;
	display: inline;
	float: left;
	margin-left: 10px;
	padding: 0;
	height: 1%;
}
#contentB .listRow input {
	position: absolute;
	top: -5px;
	>top: -8px;
	left: -8px;
	cursor: pointer;
}/*Add By Milo*/
#contentB .listRow .btn input {
	top: 8px;
	left: -35px;
	cursor: auto;
}/*Add By Kenny*/
#contentB .listRow label {
	position: absolute;
	top: -3px;
	left: 13px;
	color: #666;
	cursor: pointer;
}/*Add By Milo*/
#contentB .listRow .detail {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 490px;
}
#contentWidth .listRow .detail {
	width: 700px;
}/*Add By Milo*/ 
#contentB .listRow .btn {
	position: absolute;
	top: 0;
	right: -100px;
	float: left;
	width: 90px;
}
#contentB .listRow .btn .button {
	margin: 0 0 5px 0;
}
#contentB .listRow .btn .btnB {
	margin-right: 20px;
}
/* 12、widget - controlPanel
 * -------------------------------------------------- */
.controlPanel {
	margin-bottom: 10px;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	height: 28px;
	background: url(../Medias/bg/bgBoxA.gif) repeat-x;
}
.controlPanel .display {
	float: left;
	height: 28px;
}
.controlPanel .showGrid, .controlPanel .showRow {
	float: left;
	margin: 7px 5px 0 0;
}
.controlPanel .showGrid a, .controlPanel .showGrid span, .controlPanel .showRow a, .controlPanel .showRow span {
	float: left;
	width: 14px;
	height: 14px;
}
.controlPanel .showGrid a {
	background: url(../Medias/icon/iconDisplay.gif) no-repeat right top;
}
.controlPanel .showGrid a:hover, .controlPanel .showGrid span.current {
	background: url(../Medias/icon/iconDisplay.gif) no-repeat left top;
}
.controlPanel .showRow a {
	background: url(../Medias/icon/iconDisplay.gif) no-repeat right bottom;
}
.controlPanel .showRow a:hover, .controlPanel .showRow span.current {
	background: url(../Medias/icon/iconDisplay.gif) no-repeat left bottom;
}
.controlPanel .display label {
	float: left;
	margin-left: 10px;
	height: 28px;
	line-height: 28px;
	color: #666;
}
.controlPanel .showQty {
	float: left;
	margin-top: 7px;
}
.controlPanel .showQty a, .controlPanel .showQty span {
	float: left;
	margin-right: 5px;
	padding: 0 2px;
	height: 12px;
	border: 1px solid #A0A0A0;
	background: #FFF;
	font-size: 10px;
	color: #A0A0A0;
	text-align: center;
}
.controlPanel .showQty a:hover, .controlPanel .showQty span.current {
	background: #1853B9;
	border: 1px solid #02328C;
	color: #FFF;
	text-decoration: none;
}
.controlPanel .sort {
	float: right;
	padding-right:6px;
}
.controlPanel .sort label {
	float: left;
	height: 28px;
	line-height: 28px;
}
.controlPanel .sort a, .controlPanel .sort span {
	float: left;
	padding: 0 7px;
	height: 28px;
	line-height: 28px;
	color: #01478C;
}
.controlPanel .sort span.current {
	padding: 0 6px;
	background: url(../Medias/bg/bgSort.gif) repeat-x;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
/* 13、widget - pageControl
 * -------------------------------------------------- */
.pageControl {
	background: #EEF7FE;
	border: 1px solid #D4E9FA;
}
.pageControl .compare {
	float: left;
}
.pageControl .compare label {
	float: left;
	margin: 10px 0 0 10px;
}
.pageControl .compare .list{
	float: left;
	margin-top: 2px;
}
.pageControl .compare li {
	position: relative;
	float: left;
	margin-left: 5px;
	width: 40px;
	height: 30px;
	border: 1px solid #DADADA;
	background: #FFF;
}
.pageControl .compare li img {
	width: 40px;
	height: 30px;
}
.pageControl .compare li a {
	position: absolute;
	float: left;
	left: -5px;
	top: -5px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	font-size: 0;
	background: url(../Medias/btn/btnClose.gif) no-repeat left top;
}
.pageControl .compare li a:hover {
	background: url(../Medias/btn/btnClose.gif) no-repeat left bottom;
}
.pageControl .compare .button {
	margin-top: 6px;
}
.pageControl .page {
	display: inline;
	float: right;
	margin: 6px 6px 0 0;
	height: 30px;
	color: #666;
}
.pageControl .page input {
	float: left;
	width: 20px;
}
.pageControl .page em {
	float: left;
	margin-left: 5px;
	height: 22px;
	line-height: 22px;
	font-style: normal;
}
.pageControl .pageNum {
	float: left;
}
.pageControl .pageNum a, .pageControl .pageNum span {
	float: left;
	margin-left: 5px;
	padding: 0 7px;
	height: 20px;
	background: #FFF;
	border: 1px solid #C2C2C2;
	text-align: center;
	line-height: 20px;
}
.pageControl .pageNum a:hover, .pageControl .pageNum span.current {
	background: #1853B9;
	border: 1px solid #02328C;
	color: #FFF;
	text-decoration: none;
}
.pageControl .button {
	margin-left: 5px;
}
/* 14、widget - table
 * -------------------------------------------------- */
.tableA {
	width: 100%;
}
.tableA td {
	padding: 8px;
	border-left: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
}
.tableA td a {
	color: #004A8B;
}
.tableA td.label {
	width: 80px;
	vertical-align: top;
}
.tableA td.label strong {
	font-weight: bold;
}
.tableA td .img {
	padding: 5px 0;
}
.tableA td .btn {
	padding: 5px 0;
}
.tableA td .button {
	margin-right: 5px;
}
.tableA td .btnRemove a {
	float: right;
	width: 15px;
	height: 15px;
	background: url(../Medias/btn/btnRemove.gif) no-repeat left top;
}
.tableA td .btnRemove a:hover {
	background: url(../Medias/btn/btnRemove.gif) no-repeat left bottom;
}
.tableA .col td {
	background: #EFF8FF;
}
.tableA td.column {
	background: #FEF7E4;
}/*Add By Milo*/
.tableA td.column strong {
	font-weight: bold;
	font-size: 14px;
	color: #F60;
}/*Add By Milo*/
.tableB {
	width: 100%;
	border-top: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
.tableB td {
	padding: 8px;
	border-left: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
}
.tableB td.label {
	width: 100px;
	background: #EFF8FF;
}
.tableC {
	width: 100%;
}
.tableC td {
	padding: 6px 10px;
	border-top: 1px solid #DADADA;
}
.tableC .col td {
	background: #EFF8FF;
}
.tableC th {
	padding: 6px 10px;
	background: #FEF7E4;
	font-weight: bold;
}
/* message box */
.message_width{
	width: 420px;
	color: #31415A;
} 
.message_title {
	width: 420px;
	background-color: #DEEAF4;
	border-top: solid 1px #8F8F8F;
	border-left: solid 1px #8F8F8F;
	border-right: solid 1px #8F8F8F;
	border-bottom: 0px;
}
.message_div {
	float: left;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 10px;
}
.message_close {
	float: right;
	padding: 9px;
	height: 8px;
	width: 8px;
}
.message_close img {
	border: 0px;
	width: 8px;
	height: 8px;
}
.message_close a {
	background: url(../Medias/close.gif) no-repeat; 

}
.message_close a:hover {
	background: url(../Medias/close_mouseon.gif) no-repeat; 
}
.message_contain {
	width: 420px;
	border-top: 0px;
	border-left: solid 1px #8F8F8F;
	border-right: solid 1px #8F8F8F;
	border-bottom: solid 1px #8F8F8F;
	background-color: #FFFFFF;
}
.message_leftcontain {
	width: 100px;
	text-align: right;
	vertical-align: top;
}
.message_rightcontain 
{
	padding: 0px 20px;
	text-align:left;
}
.message_buttontd {
	text-align:center;
	padding: 10px;
}

.message_button {
	text-align:center;
	width: 75px;
	cursor: pointer;
}

#message_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.message_hide {
  z-index:-100;
}
.message_overlayBG {
  background-color: #000;
  z-index: 500;
}
* html #message_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.process {
	background:none repeat scroll 0 0 #FFFEE2;
	border:1px solid #FFB903;
	height:20px;
	margin:10px auto 0;
	padding:7px 14px;
}
.process span {
	background:url("../Medias/loading_icon.gif") no-repeat scroll left center transparent;
	color:#FF6600;
	float:left;
	padding-left:23px;
	text-align:center;
}

.checkoutError {
margin-top:1px;
color:#FF6600;
float:left;
font-style:normal;
font-weight:normal;
margin:0;
padding:0;
}

.checkoutError span{
background:url("../Medias/wokao.gif") no-repeat scroll 12px -1938px transparent;
color:#FF4C31;
float:left;
font-weight:lighter;
height:23px;
line-height:23px;
padding:0 10px 0 35px;
}