@import url(reset.css);
@import url(layout.css);
@import url(table.css);

/************************************************************************************************************************************************/

body {
	font-family: sans-serif;
	font-size: 13px;
	outline: none;
}

a {
	color: #f60;
}
a:hover {
	color: #f90
}

strong {
	color: #f00;
}

.document #main p, .home #main p {
	margin: 0.5em 0 1em;
}

.document #main ol {
	list-style: decimal;
	list-style-position: inside;
}
.document #main ul {
	list-style-position: inside;
	list-style-type: square;
}

h1 {  
		margin-bottom: 10px;
		padding: 10px;
		height: 20px;
		
		display: block;
		color: #965c01;
		font-size: 15px;
		font-weight: normal;
		background: #e18900 url(../images/background/header.png) center;
		color: #fff;
		
	border: 1px solid #f90;
	border-bottom: 0;
		
}

h2 {
		margin: 15px 0 10px;
		color: #94bc60;
		font-size: 18px;
		font-weight: bold;
}
h3{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 1em;
}



dt{
	margin-top: 1em;
		color: #94bc60;
}

/* symfony list
---------------------------------------------*/
ul.radio_list li,
ul.checkbox_list, ul.checkbox_list li
{
  margin: 0;
  display: inline;
  list-style: none;
  padding: 0 3px;
  color: black;
}



#logo {
	margin-left: 10px;
}

.home #logo, .document #logo {
	margin: 0;
}

/*****************************************************************************/
/*****************************MAIN STYLE*******************************/
/****************************************************************************/


#main {
	margin-top: 0;
	line-height: 1.5;
}

.home #main, .document #main, .registerseller #main {
	font-size: 15px;
	border: 0;
	color: #666
}


#main .newsblock {
}
#main .newsblock h2 {
}

#main .newsblock li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	list-style: square outside;
	color: #f60;
	margin-left: 1.5em;
}

ul.liststyle {
	margin: 1em 0;
}
ul.liststyle li {
	list-style: square outside;
	margin-left: 1.5em;
		line-height: 1.5;
}

/*****************************************************************************/
/*****************************MENUS*************************************/
/****************************************************************************/


/**SIDE MENU*/
#menu_navigation {
	background: #eee;
	border: 1px solid #f90;
	font-size: 15px;
	line-height: 1.5;
}

#menu_navigation ul {
}

#menu_navigation li {
	display: block;
	*height:1%;
}

#menu_navigation li a {
	*height:1%;
	display: block;
	padding: 10px 0 10px 36px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
 #menu #menu_navigation li a:hover {
	background-color: #e18900;
	color: #fff;
}

#menu_navigation li a.parent { 
	
		background: #e18900 url(../images/background/header.png) center;
		padding-left: 10px;
	color: #fff;
}

.document  #menu_navigation li a {
 	background: url(../images/menu/categories.gif) no-repeat 10px center;
 }

 #menu li.aucorder a {
 	background: url(../images/menu/camera.gif) no-repeat 10px center;
 }
 #menu li.preorder a {
  background: url(../images/menu/edit.gif) no-repeat 10px center;
 }
 #menu li.order a {
 	background: url(../images/menu/post.gif) no-repeat 10px center;
 }
 #menu li.outercreate a {
 	background: url(../images/menu/external.gif) no-repeat 10px center;
 }
 #menu li.orderclose a {
 	background: url(../images/menu/folder.gif) no-repeat 10px center;
 }
 #menu li.ordersearch a {
 	background: url(../images/menu/search.gif) no-repeat 10px center;
 }
 #menu li.accountseller a {
 	background: url(../images/menu/edit.gif) no-repeat 10px center;
 }
 #menu li.cvsweekcheckaccount a {
 	background: url(../images/menu/edit.gif) no-repeat 10px center;
 }
 #menu li.arriveshop a {
 	background: url(../images/menu/mail.gif) no-repeat 10px center;
 }
 #menu li.stockmonitor a {
 	background: url(../images/menu/search.gif) no-repeat 10px center;
 }
 #menu li.specialprice a {
 	background: url(../images/menu/plus.gif) no-repeat 10px center;
 }
body.aucorder #menu li.aucorder,
body.preorder #menu li.preorder,
body.order #menu li.order,
body.outercreate #menu li.outercreate,
body.orderclose #menu li.orderclose,
body.ordersearch #menu li.ordersearch,
body.cvsweekcheckaccount #menu li.cvsweekcheckaccount,
body.arriveshop #menu li.arriveshop{
	background: #fde978;
	color: #fff;
}


/**SETTING MENU*/

#menu_setting {
	background: #eee url(../images/background/menu.png)  left -5px;
	overflow: hidden;

	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	z-index: 1000;
	
	min-height: 30px;
	}
#menu_setting #menu_navigation {
	overflow: hidden;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;	
	padding-right: 10px;
}
#menu_setting a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 10px;
	
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;

	float: left;	
}
#menu_setting a:hover {
	background: #eee;
}

#menu_setting ul {
	float: right;
	overflow: hidden;
	z-index: 1000;
}

#menu_setting li {
	float: left;	
}

body.seller #menu_setting li.seller,
body.ordercompose #menu_setting li.ordercompose,
body.notice #menu_setting li.notice,
body.feedback #menu_setting li.feedback,
body.confirmmessage #menu_setting li.confirmmessage,
body.blacklistuser #menu_setting li.blacklistuser,
body.systemaccount #menu_setting li.systemaccount

 {
	background: #eee;
}

/**USER MENU*/
#menu_user {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	
	font-size: 13px;
}
.home #menu_user, .document #menu_user {
	padding: 25px 0;
}

#menu_user a {
	color: #e18900;
	text-decoration: none;
}

#menu_user a:hover {
	text-decoration: underline;
}

#menu_user ul {
	float: left;
}
#menu_user li {
	line-height: 1.5 ;
	float: left;
	padding: 10px 15px 5px 20px;
}

#menu_user li.price {
  background: url(../images/feature/wallet_16.png) no-repeat left center;

}

#menu_user li.feedback {
  background: url(../images/feature/delete_16.png) no-repeat left center;

}

#menu_user li.letter {
  background: url(../images/feature/letter_16.png) no-repeat left center;

}
#menu_user li.manual {
 	background: url(../images/feature/bookmark_16.png) no-repeat left center;

}
#menu_user li.faq {
 	background: url(../images/feature/bubble_16.png) no-repeat left center;

}
#menu_user li.profile {
 	background: url(../images/feature/pencil_16.png) no-repeat left center;

}
#menu_user li.erp {
 	background: url(../images/feature/briefcase_16.png) no-repeat left center;

}
#menu_user li.logout {
 	background: url(../images/feature/user_16.png) no-repeat left center;

}

#menu_user li.signup, #menu_user li.login  {
	margin: 5px 0 0 0;
	padding: 0;
}

#menu_user li.login a, a.signup{
	display: block;
	width: 80px;
	height: 32px;
	
		
 	background: url(../images/index/login.png) no-repeat left center;
	text-indent: -9999px;
}
#menu_user li.signup a, a.signup{
	display: block;
	width: 80px;
	height: 32px;
	
	margin-right: 10px;

 	background: url(../images/index/signup.png) no-repeat left center;
	text-indent: -9999px;

}
#menu_index{
	position: absolute;
	left: 450px;
	top:25px;

}
#menu_index li{
	float: left;
}

#menu_index a{
	display: block;
	width: 80px;
	height: 40px;
	text-indent: -9999px;
}

#menu_index .index a{
	background: url(../images/index/index-menu.png) no-repeat;
}
#menu_index .features a{
	background: url(../images/index/index-menu.png) no-repeat -100px 0;
}
#menu_index .price a{
	background: url(../images/index/index-menu.png) no-repeat -200px 0;
}

.index #menu_index .index a, #menu_index .index a:hover {
	background: url(../images/index/index-menu.png) no-repeat 0 -40px;
}
.features #menu_index .features a, #menu_index .features a:hover {
	background: url(../images/index/index-menu.png) no-repeat -100px -40px;
}
.price #menu_index .price a, #menu_index .price a:hover{
	background: url(../images/index/index-menu.png) no-repeat -200px -40px;
}


#menu_document {
	float: right;
}
#menu_document li {
	display: block;
	float: left;
	padding: 15px 0;
	padding-left: 25px;
	background: url(../images/icon/tag.png) no-repeat 6px center;
}
#menu_document li a {
	text-decoration: none;
}
#menu_document li a:hover {
	text-decoration: underline;
}
 
 /**TAB MENU IN MAIN*/


.menu_action {
	padding: 0;
	height: 30px;
	position: absolute;
	left: 340px;
	top:21px;
}
.menu_action ul {
	margin: 0;
}
.menu_action li {
	float: left;
	display: block;
	border-bottom:  none;
	line-height: 1;
	background: #fde978;
	margin: 0 10px 0 0;
}

.menu_action a {
	display: block;
	text-decoration: none;
	color: #e18900;
	font-size: 15px;
	padding: 10px 10px 5px ;
}
.menu_action a:hover {
	background: #fff;
}

.aucorder.list .aucorder.list,
.aucorder.upload .aucorder.upload,

.outercreate.list .outercreate.list,
.outercreate.listOrder .outercreate.list,
.outercreate.printmasterlist .outercreate.list,
.outercreate.printrecord .outercreate.printrecord,
.outercreate.listPrepare .outercreate.listPrepare,
.outercreate.listOrderPrepare .outercreate.listPrepare,
.outercreate.orderPrepareWarning .outercreate.orderPrepareWarning,

.orderclose.orderSure .orderclose.orderSure,
.orderclose.sevenIbon .orderclose.sevenIbon,
.orderclose.mapleClose .orderclose.mapleClose,

.stockmonitor.setting .stockmonitor.setting,
.stockmonitor.hundredGoods .stockmonitor.hundredGoods,
.stockmonitor.virtualStorage .stockmonitor.virtualStorage,
.stockmonitor.virtualStorageAssign .stockmonitor.virtualStorageAssign,

.order.list .order.list,
.order.check .order.check,
.order.autoassign .order.autoassign,
.order.uploadMinusStock .order.uploadMinusStock,

.ordersearch.search .ordersearch.search,
.ordersearch.searchByBuyer .ordersearch.searchByBuyer,

.blacklistuser.list .blacklistuser.list,
.blacklistuser.searchadd .blacklistuser.searchadd,
.blacklistuser.listadd .blacklistuser.searchadd,

.notice.editSmtp .notice.editSmtp,
.notice.list .notice.list,
.notice.create .notice.list,

.vip.list .vip.list,
.vip.upload .vip.upload,
.vip.addCoupon .vip.addCoupon,
.vip.listCoupon .vip.listCoupon,
.vip.addYcash .vip.addYcash,

.ordercompose.basic .ordercompose.basic,
.ordercompose.basicpure .ordercompose.basic,
.ordercompose.list .ordercompose.list,
.ordercompose.create .ordercompose.list,
.ordercompose.edit .ordercompose.list,
.ordercompose.erpChannel .ordercompose.erpChannel,

.feedback.list .feedback.list,
.feedback.editAccount .feedback.editaccount,

.outerget.multi .outerget.multi,
.outerget.single .outerget.single,
.outerget.list .outerget.list,
	
.letter.list .letter.list,
.letter.searchadd .letter.add,
.letter.add .letter.add,

.specialprice.fortunebeg .specialprice.fortunebeg,
.specialprice.firstprice .specialprice.firstprice   

{
	background: #fff!important;
}


.menu_function {
	overflow: hidden;
}
.menu_function li{
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0;
}


.menu_function .create a{
	display: block;
	padding: 10px 5px 5px 35px;
	background: url(../images/function/document_add.png) no-repeat left center;
}
.menu_function .upload a{
	display: block;
	padding: 10px 5px 0px 35px;
	background: url(../images/function/up.png) no-repeat left center;
}
.menu_function .autocheck a{
	display: block;
	padding: 10px 5px 0px 35px;
	background: url(../images/function/document_refresh.png) no-repeat left center;
}
.menu_function .xls a{
	display: block;
	padding: 10px 5px 0px 35px;
	background: url(../images/function/stats.png) no-repeat left center;
}

/*****************************************************************************/
/*****************************     PAGER    *******************************/
/****************************************************************************/


.pager {
	font-size: 15px;
	float: right;
	overflow: hidden;
}

.pager a, .pager span {
	font-size: 15px;
	line-height: 190%;
	margin: 0 2px;	
	padding: 2px 5px;
	border: 1px solid #999;
	text-decoration: none;
	color: #999;
	}
.pager a:hover {
	background: #eee;
}

 .pager span {
 	background: #666;
 	color: #fff;
 }
.pager img {
	vertical-align:  text-bottom;
}

/*****************************************************************************/
/*************************     FILTER BOX    ****************************/
/****************************************************************************/


.filter_box {
	background: #eee;
	
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

.filter_add {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#filter_result th, #filter_result td {
	text-align: left;
}

.checkbox_list li {
	display: inline;
}



/*****************************************************************************/
/*********************     SIDEBAR NOT LOGIN   *********************/
/****************************************************************************/

#navigation input[type="text"], #navigation input[type="password"]{
	border: 1px solid #ccc;
	padding: 3px;
	width: 100px!important;
}
#navigation h2 {
	color: #e18900;
	
	margin: 10px 0 0;
}

#navigation p {
	color: #666;
	font-size: 13px;
	
	margin-bottom: 0.5em;
}




.search_order {
	background: #eee;
	padding: 10px;
}

.login_notice {
	float: left;
	width: 360px;
	overflow: hidden;
}

#login {
	border-left: 1px solid #ccc;
	padding: 1px 0 0 70px ;
	margin-left: 450px;

}


#main .login_notice p {
	display: block;
	margin: 4em 0 3.3em;
}
#login .login_button, #search_button {
	margin-left: 3.5em;
}
#login p {
	margin-top: 1em;
}

#login .forget_password{
	margin-left: 4em;
	font-size: 13px;	
}
#login .password_safe {
	color: #f90;
}
.login h2 {
	margin: 0 0 30px 0;
}
#login label {
}

#login .input_block input{
	font-size: 18px;
	font-family: Helvetica;
	width: 255px;
}

#login .input_block {
	margin: 10px 0;
}
#login  .login_button {
	margin-top: 1em;

}

.search_order p{
	line-height: 1.5;
}

.forget_password a{
	color: #ccc;
}
.forget_password a:hover{
	color: #f90;
}

.qtrans_block {
	margin-top: 20px;
	padding-top: 20px;
}

.qtrans_block img{
	margin-bottom: 10px;
}

/*****************************************************************************/
/*********************     INDEX PROMOTE PAGE   ******************/
/*****************************************************************************/
#home {
	line-height: 1.5;
}
#home p {
	font-size: 15px;
	color: #666;
	margin: 0.5em 0;
}


/*****************************************************************************/
/*******************************     INDEX PANEL   **************************/
/*****************************************************************************/

.indexpanel {
	border: 1px solid #e1b659;
	margin-top: 0;
	margin-bottom: 15px;
	margin-right: 15px;
	
	line-height: 1.5;
	
	width: 360px;
	
	float: left;

}

.indexpanel h2 {
		padding: 10px;
		margin: 0;
		border-bottom: 1px solid #f90;
		
		
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		line-height: 1em;
		height: auto;
		background: #e18900 url(../images/backgorund/header.png) center;

}

.indexpanel ul {
	padding: 10px;
	
}

.indexpanel li {
	background: url(../images/icon/tag.png) no-repeat left  5px;
	padding-left: 20px;
}


/*****************************************************************************/
/*******************************     MISC   **************************/
/*****************************************************************************/


.clear {
	clear: both;
}

.selected a {
	background: url(../images/icon/check.png) no-repeat right center;
	padding-right: 20px;
		color: #6bd16b;
}




/*****************************************************************************/
/*******************************    HOMEPAGE   **************************/
/*****************************************************************************/

body.home, body.document, body.registerseller {
	background: url(../images/index/home.png) 0 90px repeat-x;

}

.home h1, .document h1 {
	background: none;
	color: #f90;
	margin: 0  0 30px;
	
	font-size: 30px;
	padding: 0;
	border: 0;
}

.document h2 {
	margin-top: 25px;
}


#home {
	background: url(../images/index/slogon.png) no-repeat -30px 0;
	position: relative;
	height: 420px;	
}

#home .showcase {
	position: absolute;
	right: 0;
	top: 30px;

	height: 360px;
	width: 480px;
}

#home .promote {
	float: left;
	width: 500px; 
	height: 400px;
}

#home .promote h1, .promote p {
	display: none;
	
}

#home .promote ul {
margin-top: 300px;
width: 480px;
height: 82px;
	display: block;

}

#home .promote ul li {
	display: block;
	float: left;
	margin: 0;
}

#home .promote li a, a.signup_big {
	display: block;
	width: 203px;
	height: 81px;
	
	text-indent: -9999px;
	float: left;
}

#home .promote .signup a, a.signup_big{	
	background: url(../images/index/signup_button.png) no-repeat;	}
#home .promote .feature a{
	background: url(../images/index/feature_button.png) no-repeat;
	margin: 0 0 0 25px;
}



.features a.signup_big {
	margin: 30px auto 0;
	float: none;
}


/*****************************************************************************/
/*******************************    FEATURES   **************************/
/*****************************************************************************/



div.features {
	width: 420px;
	float: left;
	margin: 0 60px 60px 0;
	color: #666;
	height: 8em;
}

div.features.even {
	margin-right: 0;
}

.features h2 {
	margin: 0;
	padding: 30px 0 20px 80px;
	margin-bottom: 10px;
	font-size: 22px;
	
}

.features h2 strong {
	color: #e18900;

}

.feature1 h2 {
	background: url(../images/feature/buy_64.png) no-repeat left center;
}
.feature2 h2 {
	background: url(../images/feature/label_64.png) no-repeat left center;
}
.feature3 h2 {
	background: url(../images/feature/home_64.png) no-repeat left center;
}
.feature4 h2 {
	background: url(../images/feature/heart_64.png) no-repeat left center;
}
.feature5 h2 {
	background: url(../images/feature/tick_64.png) no-repeat left center;
}
.feature6 h2 {
	background: url(../images/feature/right_64.png) no-repeat left center;
}
.feature7 h2 {
	background: url(../images/feature/letter_64.png) no-repeat left center;
}
.feature8 h2 {
	background: url(../images/feature/gear_64.png) no-repeat left center;
}

.beta {
	position: absolute;
	right: 10px;
	top:50px;
	
	display: block;
	padding: 5px;
	border: 1px solid #f00;
	
	color: #f00;
	background: #ffd0ca;
	
}

.home .beta, .document .beta {
	display: none;
}


	.features #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat;
		text-indent: -9999px;
	}
	.about #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -60px;
		text-indent: -9999px;
	}
	.terms #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -120px;
		text-indent: -9999px;
	}
	.private #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -180px;
		text-indent: -9999px;
	}
	.contact #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -240px;
		text-indent: -9999px;
	}
	.registerseller #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -300px;
		text-indent: -9999px;
		margin-bottom: 30px;
		padding: 0;
	}
	.manual #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -360px;
		text-indent: -9999px;
	}
  .bid #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -360px;
		text-indent: -9999px;
	}
	.faq #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -420px;
		text-indent: -9999px;
	}
	.price #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -480px;
		text-indent: -9999px;
	}
	.login #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -540px;
		text-indent: -9999px;
	}

	.contract #main h1, .signup #main h1 {
		display: block;
		height: 60px;
		background: url(../images/document/header.png) no-repeat 0 -660px;
		text-indent: -9999px;
	
	}

.icon, .icon a {
	color: #999; font-size: 13px;
	text-align: right;
}
















.pricing table {
	width: 100%;
}



.pricing th, .pricing td {
	padding: 20px;
	background: #fff;
	border-top:1px solid #999;
}

.pricing th {
	border-right: 1px dotted #ccc;
	width: 240px;
}

.pricing thead{
	border-bottom: 2px solid #999

}
.pricing tbody th {
		color: #64983e;
}
.pricing td {
	text-align: center;
}
.pricing td a {
	margin: 0 auto;
}

span.feature1 {
	background: url(../images/feature/buy_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature2 {
	background: url(../images/feature/label_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature3 {
	background: url(../images/feature/home_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature4 {
	background: url(../images/feature/heart_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature5 {
	background: url(../images/feature/tick_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature6 {
	background: url(../images/feature/right_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature7 {
	background: url(../images/feature/letter_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}
span.feature8 {
	background: url(../images/feature/gear_32.png) no-repeat left center;
	padding: 10px 10px 10px 40px;
}



.login_notice ul{
	list-style: square inside;
	color: #e18900;
	margin-top: 1em;

}


#forget {
	border-top: 1px solid #ccc;
	margin-top:20px;
	padding-top: 30px;
	
}


.partners {
	background: #666;
	color: #fff;
	padding: 10px;
	font-size: 13px;

	position: absolute;
	top:120px;
	left: 820px;
}


.print-contract {
	position: absolute;
	top: 50px;
	right:20px;
	padding: 10px;
	padding-left: 20px;
	font-size: 13px;
	
	text-decoration: underline;
	cursor: pointer;
	
	background: url(../images/icon/print.png) no-repeat left 12px;
}
.margin-top{
	margin-top: 10px;
}


label.error,
span.error
{
  color: #C00;
}

input.error,
textarea.error,
select.error
{
  background: #FEE;
  border-color: #C00;
}


.icon_tip {
	border: 1px solid #ccc;
	position: absolute;
	right: 10px;
	top:60px;
	padding: 5px;
	background: #666;
	color: #ccc;
}

.icon_tip img {
	vertical-align: text-bottom;
}
.auto_assign_block{
  text-align: right;
  float: left;
  width: 150px;
}