@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url('fonts/itcavantgardestd-bk-webfont.eot?version=20250630-180633');
    src: url('fonts/itcavantgardestd-bk-webfont.eot?version=20250630-180633#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-bk-webfont.ttf?version=20250630-180633') format('truetype'),
         url('fonts/itcavantgardestd-bk-webfont.svg?version=20250630-180633#ITCAvantGardeStdBkRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url('fonts/itcavantgardestd-demi-webfont.eot?version=20250630-180633');
    src: url('fonts/itcavantgardestd-demi-webfont.eot?version=20250630-180633#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-demi-webfont.ttf?version=20250630-180633') format('truetype'),
         url('fonts/itcavantgardestd-demi-webfont.svg?version=20250630-180633#ITCAvantGardeStdMdBold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* reset */
body, h1, h2, h3, h4, h5, p, ul, ol, dl, dd, fieldset, input { margin:0;}
button, fieldset, legend, select, ul, ol ,input{ padding:0;}
ul { list-style:none;}
h1, h2, h3 { font-family:ITCAvantGardeStd, 'Microsoft Yahei'; font-weight:normal; margin-bottom:.2em;}
h1 { font-size:30px; color:#F9AC02; text-transform:uppercase;}
h2 { font-size:25px; color:#000; text-transform:capitalize;}
h3 { font-size:20px; color:#000;}
h1 span { font-size:12px; padding-left:15px;}
h1 span em { margin-right: 10px; font-size: 14px; color: #333;}
h1 em { color:#000; text-transform:none;}

h1 small { color:#999; font-size:12px; padding-right:3px;}
h2 > span, h3 > span { font-size:12px; padding-left:10px;}

fieldset, img { border:none;}
cite, em, i { font-style:normal;}
em { color:red;}
a { text-decoration:none; color:#2672EC;}
a:active { outline:none;}
a:focus { outline: 1px dashed #FA7905; background:#F9AC02; color:#FFF;}
a:hover { color:#000;}
p { padding-bottom:5px;}

abbr { border-bottom: 1px dashed #000;}
.cl { clear: both;}
.cf:after { content:"."; display:block; height:0; overflow:hidden; clear:both;}
.cf { zoom:1;}
.cf .freeShipping .freeShipping-title,.cf .freeShipping .freeShipping-radio{display:inline-block;vertical-align:middle;}
.cf .freeShipping .freeShipping-title{min-width:90px;padding-right:5px;text-align:right;}
.oldIENotices { padding: 10px 20px 8px; background: #FF5A00; color: #FFF; font-size: 14px;}
.oldIENotices a { color: #000;}

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #EEE;}
th { text-align:left;}
thead th { padding:12px 5px 8px; background:#EEE;}
thead tr.colspanLine th { padding: 5px 5px 4px; background: #E5E5E5;}
td { padding:8px 5px 6px;}
th:first-child, td:first-child { padding-left:15px;}
th:last-child, td:last-child { padding-right:15px;}
td.image { width: 52px; padding: 0 5px 0 0;}
td.imageBanner { padding: 0 5px 0 0;}
td.image img { max-width: 50px;}
td.imageBanner img { max-height: 50px;}

td.image .imgUpdateBox { min-height: 40px; min-width: 70px; vertical-align: middle; margin-right: 5px;}
.tight th, .tight td { padding: 5px 5px 3px;}

th.number, td.number, td.number input { text-align: right;}

table, tbody td[rowspan] { background:#F5F5F5;}
tr:nth-child(odd), tr:nth-child(odd) td[rowspan] { background:#FFF}
tr:nth-child(odd) td[rowspan] { background:#FFF}
table.lineRow, table.lineRow tr:nth-child(odd)  { background: none;}
table.lineRow tr:nth-child(odd) td[rowspan], table.lineRow td[rowspan] { background: #FFF;}
table.lineRow tbody tr { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
table.lineRow tbody tr:hover { background: #DDD;}

tbody tr:hover, tbody tr:hover, table.lineRow tr:hover td[rowspan="1"] { background:#DDD;}
tr.emptyNote td { background: transparent;}
tr.emptyNote:hover td { background: none;}
tr.emptyNote td, div.emptyNote, li.emptyNote { padding:35px; text-align:center; font-size:30px; background:#FFF; color: #AAA; 
	font-family:ITCAvantGardeStd, 'Microsoft Yahei';}

form li.emptyNote { padding: 10px 0; text-align: left; margin-left: 100px;}

tr.deleting { background:#FA7105;}
table.alignR, th.alignR, td.alignR { text-align:right;}
table.alignL, th.alignL, td.alignL { text-align:left;}
th.lineL, td.lineL { border-left:1px solid #DDD;}
th.lineR, td.lineR { border-right:1px solid #DDD;}
table img { margin-right:5px; vertical-align:middle; border:1px solid #FFF;}

table label { font-size: 12px; margin: 0; text-align: left; min-width: 0;}
table label input[type="checkbox"], table label input[type="radio"] { top: -2px;}


code {background: #DDD; padding: 1px 5px; border-radius: 5px; font-family: Consolas;}

/* table width */
th.thId, th.thSku { width:70px;}
th.thSingleNumb { width:70px;}
th.thAddress { width:300px;}

.colspanLine th[colspan]:nth-child(2){ background: #2D3E50; color: #FFF;}
.colspanLine th[colspan]:nth-child(3){ background: #8D44AF; color: #FFF;}
.colspanLine th[colspan]:nth-child(4){ background: #297FB8; color: #FFF;}
.colspanLine th[colspan]:nth-child(5){ background: #D45300; color: #FFF;}

th.nth2 { background: #5D6E7E;}
th.nth3 { background: #9B58B5;}
th.nth4 { background: #3598DC;}
th.nth5 { background: #E77E23;}

td.nth2 { background: #95A5A5;}
td.nth3 { background: #B77CCE;}
td.nth4 { background: #58A7E0;}
td.nth5 { background: #F39B13;}

tr:nth-child(odd) td.nth2 { background: #A7B2B2;}
tr:nth-child(odd) td.nth3 { background: #C490D8;}
tr:nth-child(odd) td.nth4 { background: #6FB7E8;}
tr:nth-child(odd) td.nth5 { background: #F7A72E;}

table.reportList td, table.reportList th { text-align:right;}
table.reportList td.string, table.reportList th.string { text-align:left;}
table.reportList td.alignC, table.reportList th.alignC, 
table.reportList th[colspan] { text-align: center;}
table.reportList .emptyNote td { text-align: center;}

table.overviewList th {width: 8.33%;}
table.overviewList td {width: 8.33%;}

input.singleNumb { width:40px;}

.errorInfo { color: #FF5200}
/* form */
fieldset { margin-bottom:10px; float:left; padding:8px 10px 10px; margin:0 20px 10px 0; border:1px solid #DDD; width:360px;}
fieldset.medium { width:460px;}
legend {position:relative; margin:0 -11px 10px; padding:6px 10px 4px; border:1px solid #DDD; border-bottom:none; font-family:ITCAvantGardeStd, 'Microsoft Yahei';
	display:block; font-weight:bold; color:#000; font-size:14px; width:100%; background:#EEE;}
legend span { position:absolute; top:0; right:0;}
legend span a.btn { margin:0; height:26px;}


.rowChild th:first-child, .rowChild td:first-child { padding-left: 5px;}
.optionsList tr { cursor: pointer;}
.optionsList tr:hover { color: #F9AC02;}

fieldset tr{ background:none;}
fieldset td{ border:1px solid #ccc;}
fieldset td a{ padding:0 5px; text-decoration:underline; display:inline-block;}

#showInfo fieldset th{ text-align:right; font-size:12px; font-weight:bold; background:#ddd; border:1px solid #ccc;}
#showInfo fieldset td th{ text-align: center;}
#showInfo fieldset td.t_l{ text-align:left;}

/* form */
form ul { margin-bottom:10px;}
form li, form > p { padding-bottom:8px;}
form li ul { margin-bottom: 0;}
label span { font-weight: normal; color: #333; margin-left: 8px;}

input, select, textarea { font:12px/1.5 arial, 'Microsoft Yahei'; vertical-align:top; 
	padding: 2px 3px 1px; border: 1px solid #CCC;}
select { padding:2px; margin:0; max-width:200px; min-width:50px; height: 23px;}
	option{ max-width: 150px; line-height: 1.5em;}
.selectWrap{position: relative;}
.mask{display:none;}
.selectWrap .mask {display:block;z-index:1;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #CCC;opacity: 0.4;}
input[type="radio"],input[type="checkbox"]{ margin-right:3px; position:relative; top:2px; border: none;}
label + input[type="radio"], label + input[type="checkbox"] { top:5px;}
input[type="text"]{ border:1px solid #B8B8B8; width:180px; height: 21px;}

input[type="text"].number, input[type="text"].digits { text-align: right;}
input[type="time"] { padding: 0}
input.shelf{width:40px;}
input[type="text"]:focus, textarea:focus{ outline:none; border-color: #333 #666 #666 #333;}
input[type="file"] { padding:1px;}
input[type][disabled], a.disabled{ background:#EEE; color:#666; cursor:default; text-shadow:1px 1px 1px #FFF;}
input[type][disabled]:hover { background:#EEE; color:#666;}

input.textStyle { border: none; background: transparent;}
input.textStyle:focus { background: #FFEAB7;}

textarea { width:400px; height:60px; padding:5px; resize:none;}

label, label + div { display:inline-block; zoom:1; *display:inline;}
label { padding-right:5px; min-width:90px; text-align:right; vertical-align:top;
	line-height:1.5; padding-top:3px;}
label + div { vertical-align: top;}
input + label, label.checkbox { min-width:20px; margin-right:10px; text-align:left; cursor: pointer;}
/*input + label { padding-top: 0;}*/
.checkboxs { display: inline-block; zoom:1; *display: inline;}
label.labelInline { min-width: 20px; margin-left: 15px; text-align:left;}
label + label.labelInline { margin-left: 0;}

.checkLine { padding-left: 98px;}
.checkLine label { text-align: left;}
.mediumLabel label { min-width: 130px;}
.mediumLabel .checkLine { padding-left: 138px;}
.largeLabel label { min-width: 160px;}
.largeLabel .checkLine { padding-left: 168px;}

input[type="submit"], input[type="reset"], input[type="button"], 
	button, .btn{ margin-right:5px; padding:3px 10px 2px; cursor:pointer;
		border:none; vertical-align:top; background:#2672EC; color:#FFF;
		font-family:ITCAvantGardeStd, 'Microsoft Yahei'; text-transform:uppercase;}
.btnDisabled{ margin-right:5px; padding:3px 10px 2px; cursor:pointer;
    border:none; vertical-align:top; background:#d3d3d3; color:#FFF;
    font-family:ITCAvantGardeStd, 'Microsoft Yahei'; text-transform:uppercase;}
.btn { display:inline-block; zoom:1; *display:inline;}
.btn a { color: #FFF;}
.btnLarge { font-size: 22px; padding: 5px 25px 3px;}
input[type="submit"].btnLarge { padding: 5px 25px 3px;}

input[type="submit"]:hover, input[type="button"]:hover, 
	input[type="submit"]:focus, input[type="button"]:focus, 
	button:hover, a.btn:hover
	button:focus, a.btn:focus { background:#1255C9; color:#FFF;}
input[type="submit"]:focus, input[type="button"]:focus,
	button:focus, a.btn:focus { outline:2px solid #F9AC02;}

input[type="reset"] { background:#74A7FF; border-color:#74A7FF;}
input[type="reset"]:hover { background:#EDA200; border-color:#FA5D05;}

label.block { text-align: left; padding-bottom: 6px;}
span.required, label.required:before, i.required:before,
label.block.required:after { position: relative; top: 3px; font-size: 16px; line-height: 1.1; color:red; margin:0 3px;}
label.required:before, i.required:before { content: "*";}
label.block.required:before { content: ""; margin: 0;}
label.block.required:after { content: "*";}

/*form*/
.imgColForForm { float: left; width: 200px; margin-bottom: 10px;}
.imgColForForm + form, .imgColRighter { margin-left: 220px;}
.imgColForForm img { max-width: 100%;}
.imgColForForm .imgUpdateBox { display: block; min-height: 120px;}

.fullColForForm label, 
.imgColForForm label,
.appBoutiqueImage label,
.appBoutiqueImageLarge label,
.commonImageCss label,
.commonImageEditCss label,
.imgColRighter label { display: block; font-weight: bold; text-align: left; padding-bottom: 4px;}

.operation a { display: inline-block; zoom:1; *display: inline; padding: 2px 5px 1px;
    background: #2672EC; color: #FFF;}
.operation a.remove { background: #999;}
.operation a:hover { background: #F9AC02;}

.success, tr.success,  table.lineRow tr.success, table.lineRow tr.success td[rowspan="1"] { background: #69BD0D;}
tr.success:nth-child(odd), table.lineRow tr.success:nth-child(odd) { background: #71CB0F;}
tr.success:hover, table.lineRow tr.success:hover, table.lineRow tr.success:hover td[rowspan="1"] { background: #50BC0F;}
tr.success td.image img { border: 1px solid #69BD0D;}

table p { padding: 0;}
table input, table label { vertical-align: middle;}
table td.price, table th.price, .price input, input.price, input.number { text-align: right;}
.tableStyle > i { display: inline-block; zoom:1; vertical-align: top;}
table .tableStyle > i { vertical-align: middle; margin-right: 5px;}
.regularPrice { color: #999;}

.success .regularPrice { color: #FFF;}

.hightlight { background: #FFD966;}

.hightlight input { background: #68C033; background: rgba(255,255,255,.2); border-color: #43B200}
.hightlight input:focus { border-color: #FFF;}
.hightlight .regularPrice { color: #C4FF9B;}

.removing, tr.removing td { background: #F9AC02;}
tr.removing { background: none;}

.empty { position: relative;}	/* for the fields which valid error in bulk setup */
.empty input[type="text"][disabled] { color:#000000; background:#FFEAB9; border-color:#FFC136;}

.block { display: block;}
.inline { display: inline;}

html, body { height: 100%;}
#wrap { min-height: 100%; margin-bottom: -40px;}
body > footer, #wrap > .push { height: 40px;}
body > footer { background: #FBFBFB;}

body { min-width:500px; font:12px/1.5 Arial, Helvetica, 'Microsoft Yahei'; color:#000;}
footer > p { border-top:1px solid #DDD; padding:10px 20px;}

.btnLine { padding:8px 0;}
.cb{ clear:both;}
.f_r{ float:right;}
.t_center{ text-align:center;}
.f_l{ float:left;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
input.short{ width:70px;}
input.x_short{ width:40px;}
input.xx_short{ width:22px;} /* 3 numbers */
input.normal{ width:95px;}
input.x_normal{ width:140px;}
input.x_long{ width:320px;}
input.long{ width:250px;}
input.width404{ width:404px;}
input.price { width: 60px;}
.previewList
{
    display:inline;
    white-space: nowrap;
}
th.normal { min-width: 80px;}

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.processBar { margin-left: 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;
	font-size: 0; border-bottom: 4px solid #DDD;}
.processBar em { display: inline-block; zoom: 1; *display: inline; position: relative; min-width: 90px; 
	text-align: center; padding: 5px 0; font-size: 13px;
	border-bottom: 4px solid #DDD; margin-bottom: -4px;}
.processBar em i { position: absolute; bottom: -9px; left: 50%; margin-left: -6px; width: 13px; height: 13px; 
	border-radius: 6px; background: #DDD;}
.processBar em.on { border-color: #2672EC; color: #2672EC;}
.processBar em.on i { background: #2672EC;}
/* .fielWrap{ float:left;} */

.access .main { padding:50px;}
.signNote { float:left; width:400px; padding-top: 40px;}
.formLogin { margin-left:450px;}
.formLogin label { display:block; padding-bottom:5px; text-align:left;}
.formLogin li { padding-bottom:15px;}
.formLogin li input { border:1px solid #B8B8B8; padding:5px 3px 3px; padding:5px 3px 6px\0; width:250px;}
.formLogin li input:focus { border-color:#666; outline:none;}

#wrap { background: #FBFBFB url(images/bg.png) repeat-y -240px 0;}
.accessPage #wrap { background-image: none;}

/* header */
.header { position:relative; z-index:2; padding:10px 30px 6px 20px; background:#000 url(images/header.png); color:#FFF; box-shadow:0 2px 5px #CCC; font-size:12px;}
.header a { color:#FFF; }
.header a:hover { color:#2672EC}
.header .toSite { float:left; text-indent:-999px;}
.header .toSite a{ display:block; background:url(images/logo.png) left top no-repeat; width:124px; height:52px;}
.header .toOthers { float:right; padding:0 0 5px 0;}

.nav { clear: right; float: right; position: relative; bottom: -6px; 
    background: #333; line-height: 33px; font-size: 13px;}
.nav li { float: left; border-left: 1px solid #2A2A2A; border-right: 1px solid #3F3F3F;}
.nav li a { display: block; padding: 0 15px; text-transform: uppercase;}
.nav li.on a { margin-bottom: -5px; padding-bottom: 5px; background: #FBFBFB; color: #000;}
.nav li:first-child, .nav li:last-child {border-right: none;}


#sidebar { float: left; width: 160px;}
#main { margin-left: 160px; padding: 20px 30px; background: #FBFBFB;}
#main > .content { float: left; width: 100%;}

.sidebar { padding: 0 0 10px;}
.sidebar .menu { position: relative; z-index: 5;}
.menu li { position: relative;}
.menu li ul { display: none; position: absolute; top: 0; left: 159px;  padding: 5px 0;
	background: #094AB2; }
.menu li li ul { left: 139px;}

.menu a span { margin-right: 8px;}
.menu a { display: block; padding: 8px 15px 5px; color: #333;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.menu > li > a { color: #333; font-size: 13px; text-shadow: 2px 2px 1px #FFF;}
.menu > li > a:hover { background: #094AB2; color: #FFF; text-shadow: 2px 2px 1px #003689;}

.menu li li a { padding: 3px 15px;}
.menu li li a:hover { color: #FFDE34}

/*.menu > li.current { position: static;}*/
.menu > li.current > a { background: #444; color: #FFF; border-right: 5px solid #F9AC02; text-shadow: 2px 2px 1px #000;}
.menu > li.current > ul { display: block; position: static; padding-left: 15px; width: auto; background: #DDD;}
.menu > li.current li a { padding: 3px 20px;}
.menu > li.current li a:hover {color: #2672EC;}

.menu li li.current > a { font-weight: bold; color: #FA8605; text-shadow: 1px 1px 1px #FFF;}

.menu li.on a { color: #FFF;}
.menu li.on > ul { display: block;}
.menu > li.current li.on a { color: #FFF}
.menu li.on > a { background: #094AB2; text-shadow: 2px 2px 1px #003689;}
.menu li.on > a, .menu li.current li.on a:hover { color: #FFDE34;}

.quickNav { border-bottom: 5px solid #FBFBFB;}
.quickNav > a { border-bottom: 5px solid #DDD;}
.collapseMenu { border-top: 5px solid #DDD; z-index: -1}
.collapseMenu > a { border-top: 5px solid #FBFBFB;}

/*page navigetion*/
.pageNav { padding:10px 15px; text-align:right;}
.pageNav a, .pageNav strong, .pageNav span { display:inline-block; zoom:1; *display:inline; vertical-align: top;
    margin-left:5px; padding:2px 5px 1px; min-width:15px; text-align:center;}
.pageNav span.totalPages { width: auto; margin-right: 5px; line-height: 18px; color: #666}
.pageNav a { background:#2672EC; color:#FFF;}
.pageNav a:hover { background:#FFF; color:#2672EC;}
.pageNav select, .filter select { min-width:0;}
.pageNav select { padding: 1px;}
.pageNav p { display:inline-block; zoom:1; *display:inline; margin-left:10px;}

/*main*/
.formLogin { padding:40px; width:350px; border-left:1px solid #CCC;}

/*filter  &essInfo*/
.filter { padding:6px 15px 0 5px; position:relative; border-bottom:1px solid #D0D0D0; background:#DDD;/* box-shadow:0 3px 4px #CCC;*/}
.filter ul { margin: 0;}
.filter li { display:inline-block; padding:0;}
.filter label { min-width:20px; margin-left:10px; margin-bottom: 5px; margin-right: 0; padding-top:4px;}
.filter input[type="text"] { max-width:150px; vertical-align:top;}
.filter input[type="text"].dateinput { width:70px;}
.filter select { max-width: 150px;}
.filter .sideLink, .ulAndFilter .sideLink { float: right; position: relative; z-index: 1;}
.filter .sideLink form { background: #BBB; padding: 5px 10px 0; margin: -5px -15px 0 0;}

.filter + table, .filter + div { border-top: 1px solid #FBFBFB;}

.filter .bulkActionForm { float: left; width: 200px; padding-left: 10px;}
.filter .bulkActionForm select { width: 120px;}
.filter .bulkActionForm + form { margin-left: 210px;}

.advance{ display:none;}

.generalInfo { float:left; width:250px;}
.generalInfo ul { background:#F5F5F5;}
.details { margin-left:275px;}

.generalAttrs li { padding:8px 12px 5px;}
.generalAttrs li:nth-child(odd) { background:#EEE;}
.generalAttrs li strong { display:inline-block; min-width:70px; margin-right:5px;}
.generalAttrs li strong + p { margin-left:75px;}

.txtR { text-align: right;}
.txtL { text-align: left;}
.txtC { text-align: center;}

/* tab Navi */
.tabNav a { display:inline-block; padding:5px 15px 3px; margin-left:10px; border:1px solid #2672EC; border-bottom:none;
	font-weight:bold; background:#2672EC; color:#FFF;}
.tabNav a.cur, .tabNav a:hover{ color:#000;}
.tabNav a.cur { background:#FFF; border-color:#DDD; padding-bottom:4px; position:relative; bottom:-1px;}
.tabtextWrap, .tabContents { padding-top:20px; border-top:1px solid #DDD;}
.tabtextWrap li { padding-bottom:8px;}
.tabHide, .tabCon { display:none;}

.orderList tr.current td { background:#F9AC02}
.noteList { background:#F5F5F5;}
.noteList li { padding:12px 20px 6px; border-bottom:1px solid #DDD;}
.noteList li:nth-child(odd) { background:#EEE;}
.noteList h3 { font-size:14px; margin:0;}
.noteList .noteBody { padding:5px 0;}
.noteList .noteMeta { color:#666;}

/*print box*/
.printPreview { width:800px; min-height:800px; margin:0 auto; background:#FFF; padding:25px; border:1px solid #DDD;
	position:relative; box-shadow:2px 2px 5px #999; font-size:10pt;}
	a.printBtn,p.printBtn { position:absolute; top:0; left:0;}
.printPreview_barcode { min-height: 300px;}
.printPreview h1, .printPreview h2, .printPreview h3 { font-weight: bold;}
.printPreview h1 { font-size:26pt; color:#000;}
.printPreview h2 { font-size:18pt;}
.printPreview h3 { font-size:14pt;}
.printPreview h4 { font-size: 12pt;}
.printPreview ol { margin-left: 20px;}
.printPreview li { margin-bottom: 8px;}
.printPreview small { font-size: 8pt;}
.printPreview .textC { text-align: center;}
.printPreview .textR { text-align: right;}

.pageBreak { page-break-after:always;}

.printPreview .checkBox { display: inline-block; zoom:1; margin-right: 25px;}
.printPreview .checkBox i { display: inline-block; zoom: 1; margin-left: 2px; 
    width: 10px; height: 10px; border: 1px solid #333;}
.printPreview .boxs i { display: inline-block; zoom: 1; vertical-align: top; width: 16px; height: 16px; 
    border: 1px solid #999; border-left: none;}
.printPreview .boxs i:first-child { border-left: 1px solid #999;}

.printPreview .handWrite { font-family: 'comic sans ms', Helvetica, Arial;}
.printPreview table { background:#FFF; font-size:9pt;}
.printPreview table tr:hover { background:#FFF;}
.printPreview td { vertical-align:top;}

.infoList li { padding-bottom:3px;}
.infoList li > strong { display:inline-block; zoom:1; *display:inline; width:120px;}

.printDate th, .printDate td { border-top:1px solid #999; border-bottom:1px solid #999;}
.printDate th { background:none; text-shadow:none;}
.table { margin-top: 5px;}
.table th, .table td { border: 1px solid #666; padding: 3px 5px 2px;}
.printInfo { margin-bottom:20px;}
table.printInfo { border: none;}
.printInfo table { border:none; margin-bottom:15px;}
.printInfo th, .printInfo td { padding-left: 0; border:none;}
.printInfo th { text-align:left; padding:2px 5px; text-shadow: none; }
.printInfo td { border:none; padding:2px 5px;}

.simpleForm { border:1px solid #DDD; padding:35px 40px 30px; width:450px; margin:0 auto; position:relative; background: #FFF;}
.simpleForm form li { padding-bottom:15px;}
.simpleForm form li.btnLine { padding:5px 0 0;}
.simpleForm li label, .simply li label { display:block; width:auto; font-size:13px; text-align:left; margin-bottom:3px;}
.simpleForm input[type="submit"], .simpleForm .btn { font-size:20px; padding:10px 20px 6px;}
.simpleForm li input[type="text"], .simply li input[type="text"],
.simpleForm li input[type="password"], .simply li input[type="password"] { height: 30px; width:400px; padding:8px 10px 6px; 
     font-size:20px; font-family:ITCAvantGardeStd, 'Microsoft Yahei';}

.simpleForm .cancelBtn, .simpleForm .asideBtn { position:absolute; top:-1px; left:-1px; font-size:12px; 
    padding:5px 10px 2px; border: 1px solid #DDD; background:#DDD; color:#333;}
.simpleForm .cancelBtn {}
.simpleForm .asideBtn { background: #444; border-color: #444; color: #FFF;}
.simpleForm .cancelBtn:hover, .simpleForm .asideBtn:hover { background:#F9AC21; color:#FFF; border-color:#F9AC21; }

.simple-medium { width: 550px;}
.simpleForm .fullCol { margin-left: -40px; margin-right: -40px; padding: 15px 40px;}
.simpleForm .infoBar { margin: -35px -40px 15px; padding: 25px 40px; background: #FFF5C1;}
.simpleForm .infoBar .btn { font-size: 14px;}

.simply .btnLine { padding: 15px 0;}
.simply li { padding-top: 8px;}

.content .aside { border-top: 1px solid #444; float: left; width: 450px;}
.content .aside + .simpleForm { margin-left: 450px;}
/*.simply label { font-size: 20px;}*/
.simply input[type="submit"] { min-width: 150px; font-size: 26px; padding: 3px 25px; text-indent: 5px; letter-spacing: 5px;}
.simpleForm select, .simply select { font-size: 24px; padding: 5px;}

/* reportList */
.chartArea {}
.reportBox{overflow-x:auto;}
.reportBox .reportList th,.reportBox .reportList td{min-width:50px;}
.reportBox .reportList th:first-child,.reportBox .reportList th:first-child + th,.reportBox .reportList tr td:first-child,.reportBox .reportList tr td:first-child + td{ min-width:60px;}

/* form Note */
.formNote { padding: 5px 10px; margin-bottom: 15px; border-left: 3px solid #F9AC02; color: #E87900;}
span.fieldNote, span.valueShow, span.addOn { display:inline-block; zoom:1; *display:inline; vertical-align:top;
	color:#666;}
	form span.fieldNote, form span.valueShow { padding:3px 5px 1px 5px;}
span.valueShow, span.addOn { color:#000;}
span.addOn {left: -1px; padding:2px 5px 1px 5px; position: relative; background: #DDD; border: 1px solid #B8B8B8; border-left: none;}
input:focus + span.addOn { border-color: #666; border-top-color: #333;}
.I { padding:0 5px; color:#999; position:relative; top:-1px;}
	
.imgUploadArea { position:absolute; top:50%; left:0; margin-top:-33px; min-width:250px;
	padding:12px 15px; border-left:1px solid #2672EC; box-shadow:1px 1px 5px rgba(0,0,0,.5);
	background:rgba(255,255,255,.8);}
.IE8- .imgUploadArea  { background:#FFF;}
.imgUploadArea a.cancelBtn { display:block; margin-bottom:3px;}
.imgUploadArea a.cancelBtn:hover { background:#F9AC02;}

/* varify message */
input.error, select.error { border-color:#EB646A #FAB7B9 #FAB7B9 #EB646A;}

	.msgValid { position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
	.msgValid label.error { position:absolute; bottom:-2px; left:-30px; min-width:180px; text-transform:none; text-align:left;
		padding:3px 5px 1px; color:#E55258; background:#FFF5C8; background:rgba(255,244,195,.9); border:1px solid #EC9BA2; white-space:nowrap;
		border-radius:3px; text-shadow:0 1px 1px #FFE8EA;}
	.msgValid label.valid { display:none !important;}	
	.msgValid i { position:absolute; width:11px; height:8px; left:10px; bottom:-7px; background:url(images/valid.png) no-repeat;}
	
    .stage .filter .msgValid label.error { bottom: auto; top: 28px; left: -60px;}
    .stage .filter .msgValid label.error i { bottom: auto; top: -7px; left: 20px;
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
/* ajaxLoading */
.loadingBox { position:relative; z-index: 5; background:rgba(255,255,255,.5);}
.IE8- .loadingBox { background:#FFF; filter: Alpha(opacity=50);}
.loadingBox img.loading { position:absolute; top:50%; left:50%; width:20px; height:20px;min-height:0; margin:-10px 0 0 -10px;}

.boutiqueNormalImg { width:296px; float:left;}
.boutiqueNormalImg > span.imgView,
.boutiqueNormalImg span.imgView img { width:296px; height:296px}
.boutiqueBannerImg { width:980px;}
.boutiqueBannerImg > span.imgView { width:980px; height:240px;}
.boutiqueBannerImg > span.imgView img { max-width:980px;}

.imgUploadArea { position:absolute; top:50%; left:0; margin-top:-33px; min-width:250px;
    padding:12px 15px; border-left:1px solid #2672EC; box-shadow:1px 1px 5px rgba(0,0,0,.5);
    background:rgba(255,255,255,.8);}
.IE8- .imgUploadArea  { background:#FFF;}
.imgUploadArea a.cancelBtn { display:block; margin-bottom:3px;}
.imgUploadArea a.cancelBtn:hover { background:#F9AC02;}

/* lightbox*/
.stage::-webkit-scrollbar-thumb:vertical { background-color: #999; border-radius: 5px;}
.shade { display: none; position: fixed; bottom: 0; left: 0; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.IE8- .shade { background: #000; opacity: .3; filter: Alpha(opacity=30);}
.lightbox { display: none; background: #FFF;}
.lightbox .stage {}
.lightboxside { position: fixed; bottom: 0; right: 0; height: 100%; z-index: 102;}
.lightbox .close { position: absolute; top: 0; right: 0; opacity: 0.6;}
.lightbox a.close:hover { opacity: 1;}
.lightbox .title { margin: 0;  padding: 25px 20px;}
.lightbox .stage { padding: 0 20px; overflow: auto;}
.lightbox .stage > div {}
.lightboxside textarea { width: 320px; height: 50px;}

.errorPage h1 { text-transform: none;}
.errorNote, .warningNote { padding: 6px 12px 5px; margin-bottom: 15px; font-size: 13px;}
.warningNote { background: #FFEDC4; color: #E97900; border: 1px solid #F9AC02;}
.errorNote { background: #FFE8E0; color: #FF3400; border: 1px solid #FFCEBF;}

.msgBox { display:none; position:relative; z-index:111; width:100%; font-size:12px;}
.msgBox div { position:absolute; top:0; left:50%; width:560px; margin-left:-300px; padding:5px 12px;
	background:#FFFFB7; background:rgba(255,255,183,.8); border:1px solid #D8C46F; border-top:none; color:#000;}
.globalMsg div { position:fixed; top:0;}
.lightboxMsg div { position:fixed; top:0; left: auto; right: 0; margin-left: 0; margin-right: 95px; width: 400px;}
form .msgBox div { border:1px solid #D8C46F;}

.msgBox .faild { background:#FFE3C6; background:rgba(255,227,198,.8); border-color:#E8BF9B; color:red;}
.msgBox .success { background:#E5F7B7; background:rgba(229,247,183,.8); border-color:#C9E589; color:#000;}
.msgBox a.esc { position: absolute; top: 0; right: -18px;
	background: #F9AC02; width: 18px; height: 18px; text-align: center; color: #FFF;
	font-size: 16px; line-height: 1; font-family: ITCAvantGardeStd, 'Microsoft Yahei';}
.msgBox .success a.esc { background: #62C412;}
.msgBox a.esc:hover { background: #2672EC;}


form .msgBox { margin:0 0 6px; width:auto; padding:0;}
form .msgBox #msgBox { position:static; margin:0; width:auto;}
form .msgBox a.esc { right: 0;}

/* custome form style */
.hsSelect { border:1px solid #B8B8B8; display:inline-block; *display:inline; zoom:1; vertical-align:top;
	position:relative; color:#333;}
.hsSelect dt { position:relative;}
.hsSelect dt .hsSelectTitle { display:block; padding:2px 4px; background:#FFF url(images/select.png) no-repeat 100% 6px;
	color:#333; cursor:pointer;}
	.hsSelect.disabled dt .hsSelectTitle { background-color:#EEE; color:#666; cursor:default;}
.hsSelect dt input { position:absolute; top:0; left:0; border:none;}
#selecting { z-index:5;}	
.hsSelect dd { display:none; position:absolute; top:22px; left:-1px; width:100%;
	background:#FFF; border:1px solid #B8B8B8; border-top:none;
	max-height:280px; overflow:auto;}
.hsSelect dd a, .hsSelect dd span { display:block; padding:3px 6px 2px; height:17px; line-height:17px; text-decoration:none; color:#333}
.hsSelect dd a.on { background:#74B7FF; color:#000;}
.hsSelect dd a:hover { color:#2672EC;}
.hsSelect dd a.selected { background:#D3F2FF;}

.selectInterlace dd a.on { border:1px solid #2672EC; border-right:#FFF; margin:0 -1px;}
.selectInterlace dd { border:1px solid #B8B8B8;}
#selecting.selectInterlace { border:1px solid #2672EC;}

/* Lightbox */
.boxShade { position:absolute; z-index:1001; left:0; top:0; width:100%; display:none; background:rgba(0,0,0,.8);}
.IE8- .boxShade { background: #000; opacity: .8; filter: Alpha(opacity=80);}
#boxArea { position:absolute; z-index:1002; display:none; background:#FFF url(images/wrapper.png) no-repeat; top:50%; left:50%;}
#boxClose { position:absolute; top:15px; right:20px; width:12px; height:12px;
	background:url(images/boxClose.png) no-repeat; text-indent:-99em; overflow:hidden;}

#boxStage { overflow:hidden;}

#main { position:relative; z-index:0;}
#floatBox { position:absolute; left:0; top:0;}
.floatBox { width:300px; position:absolute; top:0; left:0; display:none;
	background:#FFFAED; padding:20px; 
	border:2px solid #FFF0CB; border-top:none; box-shadow:1px 0 5px #666;}
.floatBox input[type="text"] { width:150px;}
.floatBox form { margin-bottom:15px;}

#orderResult dt { font-weight:bold;}
#orderResult dl { margin-bottom:8px;}
#orderResult dd span { display:inline-block; zoom:1; *display:inline; min-width:100px; font-weight:bold;}

.detailAttrs {}
.detailAttrs ul { padding-bottom:10px;}
.detailAttrs li { padding-bottom:3px;}
.detailAttrs li > strong, .label { display:inline-block; zoom:1; *display:inline; min-width:90px; margin-right:5px; font-weight:bold;}

    li.entryArea { margin-bottom: 10px; min-height: 1.5em;}
    li.entryArea > strong { display: block; float: left; width: 90px;}
    li.entryArea .entry { margin-left: 98px; max-width:700px;}

    .productAttrs li.entryArea .entry { width: 470px; background: #FFF; border: 1px solid #EEE; 
        box-shadow: 2px 2px 3px #DDD; padding: 15px 20px 10px;}
    .productEdit .redactor_editor { width: 600px; border-right: 1px solid #EE7799;}

.detailAttrs li:last-child { margin-bottom: 0;}

.detailAttrs .detailBlock { float:left;}
.detailBlock { width:300px; margin-right:20px;}
.detailBlock h3 { background:#DDD; padding:4px 12px 2px; margin:0;}
.detailBlock > ul { background:#EEE;}
.detailAttrs .detailBlock li ul { margin:0 -12px 0 90px;}
.detailBlock > ul li { padding:8px 12px 5px;}
.detailBlock > ul li:nth-child(odd) { background:#F5F5F5;}

    .entry table tr:nth-child(odd), .entry table tr:hover { background: none;}
    .entry table { background:none;}
    .entry td, .entry th { border: 1px solid #DDD; padding: 5px 6px 2px;}

.hoverShow { display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 8px 0 8px 10px;
	background: #FFF; background: rgba(255,255,255,.7);}
li:hover .hoverShow { display: block;}
.rowBlock { display: inline-block; zoom:1; *display: inline; vertical-align: top;}

.dateInput { position:relative; z-index:0;}
.dateActive { z-index:2;}

.dateInput, .dateFormat { display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.dateFormat { width:150px; height:21px; line-height:21px; text-indent:3px;
    border:1px solid #DFDFDF; border-color:#B8B8B8; cursor:text; color:#000;
    background:#FFFFFF;}
.dateFormat sup { line-height:1.1;}
.dateFormat i { color:#999; font-style:normal;}
.dateClear { display:none; position:absolute; top:4px; right:3px; background:url(images/toggle.png) no-repeat -84px -44px; width:16px; height:16px;}
.dateClear:hover { background-position:-100px -44px;}

.dateInput div { display:none; position:absolute; top:22px; left:0; width:170px; padding:5px; font-family:Helvetica, Arial, 'Microsoft Yahei';
    background:#EEE; border:1px solid #DDD; font-size:11px; box-shadow:1px 1px 4px #CCC;}

.calendar li { padding:0 !important;margin:0 !important;}
.calendar li.week_name {}
.calendar li span, .calendar li a { display:inline-block; zoom:1; *display:inline; vertical-align:top;
    width:22px; line-height:22px; text-align:center; border:1px solid #EEE;}
.calendar li a.today { background:#FFF;}
.calendar li a.current { background:#282121; color:#FFF;}
.calendar li a.submitMonth { background: #2672EC; padding: 1px 8px 0; width: 55px;}
.calendar li a.submitMonth.disabled { background: #CCC;}
.calendar li a:hover { background:#FFF;}
.calendar li a.submitMonth:hover { background: #F9AC02;}

.dateInput select { width:70px !important; margin: 0 !important; padding: 1px;}
.dateInput select#dateInput_year { margin-left:5px;}
.dateInput .esc { display: inline-block; vertical-align: middle; width: 20px; height: 19px; margin-left: 3px; border-radius: 3px;
  background: #FFF; text-align: center; line-height: 19px; color: #FF3400; border: 1px solid #DDD;}
.dateInput .esc:hover { border-color: #FF3400; background: #FF3400; color: #FFF;}

.skuImg img{vertical-align: middle; margin-right: 5px;}

a.delete { position:absolute; top:-5px; right:-5px; width:15px; height:15px; 
    line-height:15px; text-align:center; background:#FA5F05; color:#FFF; border-radius:100%; font-family:Tahoma;}
a.delete:hover { background:#FA3108}
/*brands setting*/

.imgBox { margin-right: -5px;}
.imgBox span { position:relative; display:inline-block; vertical-align:middle; margin-right:5px; margin-bottom: 8px; min-width:55px;
	border:3px solid #DDD;}
.imgBox span.cover { border-color:#2672EC;}
.imgBox span.active { border-color: #F9AC02;}
.imgBox span.uploading { height:50px; background:url(images/loading.gif) no-repeat 50% 50%;}

.imgBox img { display:block; margin:0 auto;}
.imgBox a.setAsCover { display:none; position:absolute; top:30%; left:0; width:100%; margin-top:-10px; padding:3px 0 1px;
	text-align:center; background:rgba(255,255,255,.6);}
.imgBox span:hover a.setAsCover { display:block;}
.imgBox span.cover:hover a.setAsCover { display:none;}
.imgBox .coverMarker { position: absolute; top: 0; left: 0; padding: 2px 8px; background: #2672EC; background: rgba(255,255,255,.7);}
.imgshowBox { display:inline-block; margin-left:3px; height:23px;}
/*.imgshowBox.uploading { background:url(images/loading.gif) no-repeat 50% 50%;}*/
.imgBox a.setAsQC { display:none; position:absolute; top:60%; left:0; width:100%; margin-top:-10px; padding:3px 0 1px;
    text-align:center; background:rgba(255,255,255,.6);}
.imgBox span:hover a.setAsQC { display:block; color: #a61b01;}
.imgBox span:hover a.setAsQC:hover { color: #000;}
.imgBox span.cover:hover a.setAsQC { display:none;}
.imgBox span.qc:hover a.setAsQC { display:none;}
.imgBox span.qc { border-color:#a61b01;}
.imgBox span.qc:hover a.setAsCover { display:none;}

.imgUpdateBox, .inputFileBtn { display:inline-block; zoom: 1; vertical-align:top;}
.inputFileBtn { overflow:hidden; position:relative; width: 70px; padding: 0; border: none;}
.inputFileBtn input { position: absolute; top: 0; right: 0; font-size: 60px; /*make the input button long enough*/
	opacity: 0; filter: Alpha(opacity=0); z-index: 1; min-width: 100%;}
.inputFileBtn a { display: block; width: 100%; text-align: center;}

.displayByTree { margin-top: 20px;}
.displayByTree li { padding-top: 8px; position: relative;}
.displayByTree li li { padding-top: 5px; padding-left: 2em; background: url(images/line_gray.png) no-repeat 0 50%}
.displayByTree li ul { margin-left: 10px;}
.displayByTree .itemInfo, .displayByTree .showChildren { display: inline-block; zoom: 1; *display: inline;}
.displayByTree .itemInfo { width: 250px; padding: 5px; background: #DDD;}
.displayByTree .showChildren { width: 16px; height: 16px; position: relative; z-index: 1;
	text-align: center; cursor: pointer; background: #F9AC02; color: #FFF;}
.displayByTree li ul { display: none; border-left: 1px solid #DDD;}
.displayByTree li ul.on { display: block;}
.displayByTree li .operation { position: absolute; top: 0; right: 0;}

#menuList4Role li { padding-bottom: 0;}
#menuList4Role .itemInfo { border-radius: 3px; position: relative;}
#menuList4Role .showChildren {position: absolute; bottom: 0; border-radius: 0 0 3px 3px; width: 260px; margin: 0 -5px; height: 10px; line-height: 1;}
	#menuList4Role .hasChild > .itemInfo { padding-bottom: 10px;}
#menuList4Role li li { background-position: 0 16px;}
#menuList4Role li li:last-child { position: relative; bottom: -17px; margin-top: -17px;}
#menuList4Role li ul { margin-bottom: 15px;}
#menuList4Role li label { display: block;}
/*#menuList4Role li .showChildren { position: absolute; top: 15px; left: 5px;}*/

.timeInput dt { z-index:1;}
.timeInput dd { z-index:0; top:21px; width:250px; border-top:1px solid #B8B8B8; box-shadow:1px 1px 3px #999;}
.timeInput dd a { display:inline-block; zoom:1; *display:inline; width:30px;}

/*Vendor*/
.excelStyle td, .excelStyle th { border:1px solid #EEE;}
.excelStyle th { padding: 0 0 5px 5px; vertical-align: top;}
.excelStyle th i { display: block; margin-bottom: 5px; margin-left: -5px; text-align: center;
    background: #DDD; color: #666; font-weight: normal;}
.excelStyle td:first-child { padding-left: 5px; background: #DDD; color: #666;}
.excelStyle td.errorTd { position: relative; background: #FA7C05;}
.excelStyle td.errorTd .errorInfo { display: block; position: absolute; top: 0; left: 0; background: red; background: rgba(255,0,0,.8);
    color:#FFF; padding: 2px 5px; border-radius:0 5px 5px 0; min-width: 200px;}
.excelStyle td.errorTd:hover .errorInfo { display: none;}
.excelStyle td.errorTd:last-child .errorInfo { left: auto; right: 0; border-radius: 5px 0 0 5px;}

/*vendor for productBulkTB*/
.excelStyle.productBulkTB td, 
.excelStyle.productBulkTB th { padding: 8px 5px;}
.excelStyle.productBulkTB td.errorTd { background: none;}
.excelStyle.productBulkTB td.errorTd .errorInfo { padding: 8px 5px; border-radius: 5px; width: 240px; margin-top: -8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.excelStyle.productBulkTB tr:hover td.errorTd .errorInfo {background: #B81414; z-index: 2; white-space: inherit; overflow: inherit; text-overflow: inherit;}
.excelStyle.productBulkTB td.errorTd:hover .errorInfo{ display: block;}

/* Editor */
#tinyeditor {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana}
.tinyeditor {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial}
.tinyeditor iframe {border:none; overflow-x:hidden}
.tinyeditor-header {height:31px; border-bottom:1px solid #bbb; background:url(images/header-bg.gif) repeat-x; padding-top:1px}
.tinyeditor-header select {float:left; margin-top:5px}
.tinyeditor-font {margin-left:12px}
.tinyeditor-size {margin:0 3px}
.tinyeditor-style {margin-right:12px}
.tinyeditor-divider {float:left; width:1px; height:30px; background:#ccc}
.tinyeditor-control {float:left; width:34px; height:30px; cursor:pointer; background-image:url(images/icons.png)}
.tinyeditor-control:hover {background-color:#fff; background-position:30px 0}
.tinyeditor-footer {height:32px; border-top:1px solid #bbb; background:#f5f5f5}
.toggle {float:left; background:url(images/icons.png) -34px 2px no-repeat; padding:9px 13px 0 31px; height:23px; border-right:1px solid #ccc; cursor:pointer; color:#666}
.toggle:hover {background-color:#fff}
.resize {float:right; height:32px; width:32px; background:url(images/resize.gif) 15px 15px no-repeat; cursor:s-resize}
#editor {cursor:text; margin:10px}


::-moz-selection { background: #222; color: #fff; text-shadow:none; }
::selection { background: #222; color: #fff; text-shadow:none; }
/** scroll bar */
::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#EEE;}
::-webkit-scrollbar-thumb:vertical {background-color:#DDD;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#F9AC02;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}

::-webkit-scrollbar-thumb:horizontal{background-color:#DDD;}
::-webkit-scrollbar-thumb:horizontal:hover{background-color:#F9AC02;}

/* platformsPage */
.platform #wrap { background-image: none;}
.platform #main { margin-left: 0;}

.platformNav { font-family: ITCAvantGardeStd, 'Microsoft Yahei'; font-size: 18px;}
.platformNav li{ float:left; margin-right:20px; margin-bottom: 20px; background: #1CBF58;}
.platformNav li a { display:block; width:200px; padding: 120px 0 10px 20px; overflow: hidden; color: #FFF; line-height: 30px;}
.platformNav li a:hover { opacity: 0.8;}
.platformNav li.site-Intranet a { width: 280px; padding-top: 300px; 
	background: #2582D3 url(images/site-intranet.png) no-repeat 50% 70px; background-size: 200px;}
.platformNav li.site-Security a { width: 270px; 
	background: #A43AE3 url(images/site-security.png) no-repeat 50% 5px; background-size: 140px;}
.platformNav li.site-Report a{ width: 270px; 
	background: #A43AE3 url(images/site-security.png) no-repeat 50% 5px; background-size: 140px;}
/* Navigation setting */
.navBox { margin-bottom: 20px;}
.navItem { width: 200px; background: #DDD; color: #000;}
	#navBox > li {}
.navBox li .btn { text-transform: none; padding: 5px 8px 3px}
.navBox li { margin-top: 6px;}
.navBox li ul { position: relative;}
/*.navBox .add { position: absolute; top: -32px; left: 195px;}*/
.navBox .active > span { display: none;}
.navBox .active > .navItem { background: #F9AC02;}
.navBox li > ul { margin-left: 50px;}
.navBox li form { margin-top: 5px; padding: 10px 15px; border:1px solid #DDD; width: 350px;}
.navBox li form.add { margin-left: 50px;}
.navBox li form h3 { font-size: 14px;}

form #cancelSubNav { display: none;}
.navBox .active form #cancelSubNav { display: inline;}

#navSetUp { display: none;}
.addRootNavi #navSetUp, .active #navSetUp { display: block;}

/* 	Scope: intranet/navigation => Item Link Setting */
.checkboxOptions li > label { float: left; min-width: inherit;}
.checkboxOptions li > span { display: block; overflow: hidden;}
.checkboxOptions .options label{ min-width: 100px}

/* Scope: intranet/navigation => Item Link Setting */
.w120 { width: 120px !important;}
.editInTable { padding-right: 8px;}
.editInTable form { display: none;}
.status_edit .editInTable { padding-top: 2px; padding-bottom: 2px;}
.status_edit .editInTable form { display: block;}
.status_edit .editInTable > span { display: none;}

	.editInTable i, .editInTable select,
	.editInTable input,.editInTable .dateInput { float: left; margin-left: 5px; margin-right: 0;}
	.editInTable i { width: 78px;}
	.editInTable a { float: right;}
	.editInTable .msgValid { float: left;}
	.editInTable .msgValid label.error { left: -90px;}
	
.filterTabLinks { border-bottom: 1px solid #DDD; margin-bottom: 10px;}
.filterTabLinks span { margin-right: 5px;}
.filterTabLinks a { display: inline-block; padding: 3px 0 2px; width: 26px; text-align: center;}
.filterTabLinks a.on { background: #2672EC; color: #FFF;}

.welcomeNote { font-size: 100px; color: #DDD;}

td .icon { padding: 1px 5px; margin: -1px 0; line-height: 1.5; border-radius: 2px;}
td .icon:hover { background: #2672EC; color: #FFF;}

/* 收起侧边栏 */
.miniMenu_1 .header, .miniMenu_1 .menu a, 
.miniMenu_1 .menu > li.current li a { padding-left: 10px; padding-right: 15px;}
.miniMenu_1 #main { padding: 15px;}

.miniMenu_1 #wrap { background-position: -365px 0;}
.miniMenu_1 #sidebar { width: 35px;}
.miniMenu_1 #main { margin-left: 40px;}
.miniMenu_1 .menu li ul { left: 34px;}

.miniMenu_1 .menu > li.current > ul { display: none;}
.miniMenu_1 .menu > li.current.on > ul { display: block; position: absolute; width: 149px; padding-left: 0; background: #094AB2;}
.miniMenu_1 .menu > li.current > a { border-width: 3px;}
.miniMenu_1 .menu > li > a { overflow: hidden; text-overflow: clip;}
.miniMenu_1 .menu > li > a span { margin-right: 15px; display: inline-block; width: 13px; text-align: center;}

/* more media support */
@media only screen and (max-width: 980px) {
    .header, .menu a, .menu > li.current li a { padding-left: 10px; padding-right: 10px;}
    #main { padding: 10px;}
    /* 收起侧边栏 */
    #wrap { background-position: -365px 0;}
    #sidebar { width: 35px;}
    #main { margin-left: 40px;}
    .menu li ul { left: 34px;}

    .menu > li.current > ul { display: none;}
    .menu > li.current.on > ul { display: block; position: absolute; width: 149px; padding-left: 0; background: #094AB2;}
    .menu > li.current > a { border-width: 3px;}
    .menu > li > a { overflow: hidden; text-overflow: clip;}
    .menu > li > a span { margin-right: 15px;}
    .menu li.collapseMenu { display: none;}
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 541px) {
    .nav { background: none; font-size: 12px;}
    .nav li { border: none;}
    .nav li a { line-height: 1.5; padding: 0 0 0 10px;}
    .nav li.on a { background: none; color: red;}
}

.vendorRequirement label {
    min-width: 130px;
}
.vendorPayment label {
    min-width: 145px;
}
/* child information collect */
.child-info-widget{
    border:1px solid #e5e5e5;
    padding:10px 0 0 14px;
    margin-top:10px;
}
.child-info-widget dt{
    padding-bottom:16px;
}
.child-info-content-option{
    padding:8px 0 0 10px;
    font-size:0;
}
.child-info-content-option select{
    width:65px;
    margin-right:9px;
}
.child-info-widget dd a{
    width:62px;
    height:29px;
    line-height:29px;
    border:1px solid #e1e1e1;
    display:inline-block;
    color:#483d3b;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    margin:1px 10px 1px 0;
    background:#fff;
}
.child-info-widget dd a:focus{
    outline:none;
    background:#fff;
}
.child-info-widget dd a.selected{
    border:2px solid #2672ec;
    margin:0 9px 0 0;
}
.child-info-gender,
.child-info-date{
    position:relative;
}
.child-info-gender{
    padding:0 0 12px 0;
}
.child-info-button{
    text-align:right;
    padding:19px 2px 12px 0;
}
.child-info-error{
    display:none;
    position:absolute;
    color:#cc0000;
    left:10px;
}
.child-info-gender-error{
    bottom:-5px;
}
.child-info-date-error,
.child-info-date-max-error{
    bottom:-18px;
}
.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #EBEBEB;
    filter: alpha(opacity=60);
    opacity: 0.60;
    z-index: 1000;
    min-height: 100%;
    min-width: 100%;
}
.processMessage
{
    text-align: center;
    position: fixed;
    background-position: center;
    top: 40%;
    left: 45%;
    padding: 10px;
    width: 10%;
    z-index: 1001;
}
.confirmation_popup {
    font: 14px Georgia, "Times New Roman", Times, serif;
    text-align:center;
    position: fixed;
    width: 400px;
    height: 220px;
    top: 30%;
    left: 30%;
    background-color: #fff;
    border: 5px solid gray;
    z-index: 1002;
}
.confirmation_popup_header {
    font:bold 11px Georgia, "Times New Roman", Times, serif;
    padding-top:4px;
    font-size:medium;
    vertical-align:middle;
    text-align:center;
    background-color: #CDF0EA;
    color:#0f3c37;
    height: 25px;
}
.confirmation_popup_button {padding:5px 12px; background:#CDF0EA; color:#0f3c37; font:bold 11px Georgia, "Times New Roman", Times, serif; border:0px; cursor:pointer; outline:none;  text-decoration:none;}
.confirmation_popup_button:hover {padding:5px 12px; background:#9AD6D0; color:#0f3c37; font:bold 11px Georgia, "Times New Roman", Times, serif; text-decoration:none;}

#purchaseOrderList .trCheckedBackground {background:green;}

/* Custom background colour for Order numbers*/
.orderTypeShipped {background-color:#5EFB6E}
.orderTypeCancelled {background-color:#F9966B}
.orderTypePresale {background-color:#00FFFF}
.orderTypeOthers {background-color:#FFFF00}

/*****************Spinloader*********************/
.spinLoader {
    
    position: relative;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-radius: 100%;
    border-left: 4px solid rgba(0,0,0,.15);
    border-right: 4px solid rgba(0,0,0,.15);
    border-bottom: 4px solid rgba(0,0,0,.15);
    border-top: 4px solid rgba(0,0,0,.8); 
}
.spin-big{
	margin: 35px auto;
	height: 20px;
    width: 20px;
}
.spin-small{
	height: 15px;
    width: 15px;
	margin: 5px auto;
}
#btnScanSkid, #spinLoaderSmall{
	float: left;
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
#menu{font-size:12px;}
.table-td tbody,.table-td tbody tr{
    width: 100%;
    display:block;
}
#pickerId { 
    height: 30px;
    width: 150px;
    padding: 8px 10px 6px; 
    font-size: 20px; 
    font-family: 'ITCAvantGardeStd', 'Microsoft Yahei';
}
.pickticket-picker-id {
	width: 450px; 
	text-align:right; 
	margin-bottom: 10px;
}
.packing-table-datecell{
	min-width: 120px;
}

.important_info {
    padding-top: 5px;
    padding-bottom: 5px;
}

.important_info label {
    text-align: right;
    min-width: 145px;
}

.important_info input {
    width: 477px;
    margin-left: -3px;
    text-align: center;
}
.refundType {
	padding-left: 20px;

}

.homepageLoader{
    display: none;
}

.exchange-status{
    position: absolute;
    bottom: 0;
    color: red;
  }
  
  a.exchange-status:hover{
    color: red;
    text-decoration: underline;
  }

  .exchange-label{
    width: 72px;
    text-align: center;
    background: red;
    color: white;
  }

/* Bar Loader */
    
.sk-spinner-wave.sk-spinner {
  margin: 50px auto;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
.sk-spinner-wave div {
    background-color: #AAA;
    height: 100%;
    width: 6px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
    
.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
    .sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }
    .sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }
    .sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }
    .sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }
    .sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }
    .sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
    .sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
    .sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
    
    .sk-spinner-wave  .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }


    @-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  }