edit
.border-bottom { border-bottom:1px solid #ccc; }
.btn-xx:hover { background:#333 !important; color:#f30253 !important; /*
background:-moz-linear-gradient(top, #e62c5f 0%, #c40047 100%) !important;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e62c5f), color-stop(100%,#c40047)) !important;
background:-webkit-linear-gradient(top, #e62c5f 0%,#c40047 100%) !important;
background:-o-linear-gradient(top, #e62c5f 0%,#c40047 100%) !important;
background:-ms-linear-gradient(top, #e62c5f 0%,#c40047 100%) !important;
background:linear-gradient(to bottom, #e62c5f 0%,#c40047 100%) !important;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62c5f', endColorstr='#c40047',GradientType=0 ) !important;*/
}

.headermenu {
	background-repeat:no-repeat;
	background-position: 50% 60%;
	background-size: 50%; 
	background-image: url(images/icons-png/headermenu.png);
}

.headersearch {
	background-repeat:no-repeat;
	background-position: 50% 60%;
	background-size: 50%; 
	background-image: url(images/icons-png/headersearch.png);
}

.headerback {
	background-repeat:no-repeat;
	background-position: 50% 60%;
	background-size: 50%; 
	background-image: url(images/icons-png/headerback.png);
}

.bar-btnback { 
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 100% !important;
	display:block; 
	width:10px; 
	height:16px; 
	margin:10px; 
	opacity:0.5; 
	cursor:pointer; 
	background-image: url(images/icons-png/bar-btnback.png);
}

.btn-backtotop {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 50%; 
	background-image: url(images/icons-png/btn-backtotop.png);
}

.btn-delete {
	background-repeat:no-repeat; 
	background-position:50% 50%;
	background-size:18px;  
	background-image: url(images/icons-png/btn-delete.png);
}

.control-addprduct {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%; 
	background-image: url(images/icons-png/control-addprduct.png);
}

.control-filter {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%; 
	background-image: url(images/icons-png/control-filter.png);
}

.control-delete-filter {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%; 
	background-image: url(images/icons-png/control-delete-filter.png);
}

.control-goodrate {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%; 
	background-image: url(images/icons-png/control-good-rate.png);
}


.control-listtype-row {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-listtype-row.png);
}

.control-listtype-block {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-listtype-block.png);
}

.control-sorttype-hot {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-hot.png);
}

.control-sorttype-new {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-new.png);
}

.control-sorttype-priceup {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-priceup.png);
}

.control-sorttype-pricedown {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-pricedown.png);
}

.control-sorttype-timeup {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-timeup.png);
}

.control-sorttype-timedown {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(images/icons-png/control-sorttype-timedown.png);
}

.overlay .btnclose, .btnclose { 
	background-repeat:no-repeat; 
	background-position:0 0 ; 
	background-image: url(images/icons-png/btnclose.png);
}
	
.errormsg {
	background-repeat:no-repeat; 
	background-position:8px 40%;
	background-size:14px; 
	background-image: url(images/icons-png/errormsg.png);
}


.btnarrow-prev { 
	background-position:8px 51% !important; 
	background-size:10px 16px !important; 
	background-repeat:no-repeat !important; 
	cursor:pointer !important; 
	background-image: url(images/icons-png/btnarrow-prev.png);
}
	
.btnarrow-prev:hover {}

.btnarrow-next-gray { 
	background-position:98% 51% !important; 
	background-size:10px 16px !important; 
	background-repeat:no-repeat !important; 
	background-image: url(images/icons-png/btnarrow-next-gray.png);
}

.icon-csstore { 
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 100%;
	display:inline-block; 
	width:25px; 
	height:18px; 
	margin:0 10px -3px 0; 
	background-image: url(images/icons-png/icon-csstore.png);
}

.icon-add {
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 100%;
	background-image: url(images/icons-png/icon-add.png);
}
.icon-addblack { 
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 100%;
	display:block; 
	clear:both; 
	width:20px; 
	height:20px; 
	margin:5px auto; 
	background-image: url(images/icons-png/icon-addblack.png);
}

.icon-applyaq {
	background-image: url(images/icons-png/icon-applyaq.png);
}

.icon-applynp {
	background-image: url(images/icons-png/icon-applynp.png);
}

.icon-applyrn {
	background-image: url(images/icons-png/icon-applyrn.png);
}

.icon-addorder  {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-addorder.png);
}


.icon-checkout  {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-checkout.png);
}


.icon-checked {
	background-repeat: no-repeat;
	background-position:center 0;
	background-image: url(images/icons-png/icon-checked.png);
}


.icon-checked-black {
	background-repeat: no-repeat;
	background-position:center 0;
	background-image: url(images/icons-png/icon-checked-black.png);
}


.icon-checkedwhite, .numberlistbox > .number-selected {
	background-repeat: no-repeat;
	background-position:center 0;
	background-size:50%; 
	background-image: url(images/icons-png/icon-checkedwhite.png);
}



.icon-compare {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-compare.png);
}


.icon-invoicesearch {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-invoicesearch.png);
}

.icon-signout {
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-size: 35px 35px;
	background-image: url(images/icons-png/icon-signout.png);
}

.icon-signout {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-signout.png);
}

.icon-search {
	display:inline-block; 
	width:18px; height:18px; 
	margin:0 10px -3px 0;
	background-size:100%;
	background-position:center;
	background-image: url(images/icons-png/icon-search.png);
}



.icon-searchnow {
	background-repeat:no-repeat;
	background-position: 50% 60%;
	background-size: 70%; 
	background-image: url(images/icons-png/icon-searchnow.png);
}

.icon-new {
	background-size: 25px 25px; 
	background-image: url(images/icons-png/icon-new.png);
}

.icon-popchecked, .con > .formbox > .listview > p.select, 
.con > .formbox > .listview > div > p.select {
	background-repeat: no-repeat;
	background-position:-5px 2px;
	background-size: 30px 30px; 
	background-image: url(images/icons-png/icon-popchecked.png);
}

.icon-dollarsign {
	display:inline-block; 
	background-size:14px auto; 
	background-position:0 50%; 
	background-repeat:no-repeat; 
	background-image: url(images/icons-png/icon-dollarsign.png);
}

.icon-cancel, .icon-cancel1, .icon-cancel2 , .icon-cancel3 {
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
	display:block; 
	width:20px; 
	height:20px; 
	background-image: url(images/icons-png/icon-cancel.png);
}

.icon-edit, .btnedit { 
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
	display:block; 
	width:20px; 
	height:20px;  
	background-image: url(images/icons-png/icon-edit.png);
}

.icon-nextstep {
	background-repeat:no-repeat;
	background-position:0 0;
	background-size: cover;
	display:inline-block; 
	width:18px; 
	height:18px; 
	margin:0 10px -3px 0;
	background-image: url(images/icons-png/icon-nextstep.png);
}

.icon-nextstep2 {
	background-repeat:no-repeat;
	background-position:0 0;
	background-size: cover;
	display:inline-block; 
	width:18px; 
	height:18px; 
	margin:0 10px -3px 0;
	background-image: url(images/icons-png/icon-nextstep.png);
	position: relative;
	left: 8px;
}

.icon-prevstep {
	background-repeat:no-repeat;
	background-position:0 0;
	background-size: cover;
	display:inline-block; 
	width:18px; 
	height:18px; 
	margin:0 10px -3px 0;
	background-image: url(images/icons-png/icon-prevstep.png);
}

.icon-notification { 
	display:inline-block; 
	width:18px; 
	height:18px; 
	margin:0 10px -3px 0;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
	background-image: url(images/icons-png/icon-notification.png);
}

.icon-productconarrow { 
	display:inline-block; 
	width:20px; 
	height:20px; 
	margin-right:8px; 
	background-size: 25px 25px;
	background-position: 0px -11px;
	vertical-align:middle; 
	background-repeat: no-repeat;
	background-image: url(images/icons-png/icon-productconarrow.png);
}

.icon-productconadd { 
	display:inline-block; 	
	width:20px; 
	height:20px; 
	margin-right:8px; 
	background-size:20px 40px; 
	background-position:0 -19px; 
	vertical-align:middle; 
	background-repeat: no-repeat;
	background-image: url(images/icons-png/icon-productconadd.png);
}

.icon-ok, .btnok { 
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
	display:block; 
	width:20px; 
	height:20px;  
	background-image: url(images/icons-png/icon-ok.png);
}

.icon-share-fb {
	background-image: url(images/icons-png/icon-share-fb.png);
}

.icon-share-email {
	background-image: url(images/icons-png/icon-share-email.png);
}

.icon-share-email2 {
	background-image: url(images/icons-png/icon-share-email2.png);
}

.icon-share-twitter {
	background-image: url(images/icons-png/icon-share-twitter.png);
}

.icon-share-line {
	background-image: url(images/icons-png/icon-share-line.png);
}


.img-angle {
	background-image: url(images/icons-png/img_angle.png);
}

.img-angle2 {
	background-image: url(images/icons-png/img-angle2.png);
}

.img-angle-white {
	background-image: url(images/icons-png/img_angle-white.png);
}

.loader { width:40px; height:40px; margin:100px auto; background-color:#333; border-radius:100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




.texticon-arrowup {
	display:inline-block; margin:0 1px; width:8px; height:8px; 
	background-repeat:no-repeat; background-size:cover; 
	background-image: url(images/icons-png/texticon-arrowup.png);
}

.texticon-arrowdown {
	display:inline-block; 
	margin:0 1px; 
	width:8px; 
	height:8px; 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-image: url(images/icons-png/texticon-arrowdown.png);
}

.thumb-arrowprev {
	background-image: url(images/icons-png/thumb-arrowprev.png);
}

.thumb-arrownext {
	background-image: url(images/icons-png/thumb-arrownext.png);
}


.sep-add { 
    background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 90%;
	display:block; 
	width:198px; 
	height:30px; 
	margin:10px auto;
	background-image: url(images/icons-png/sep-add.png);
}

.steparrow { 
	background-repeat:no-repeat;
	background-position: 0 3px;
	background-size: 10px;
	display:inline-block; 
	width:12px; 
	height:20px; 
	vertical-align:middle; 
	margin:0; 
	background-image: url(images/icons-png/steparrow.png);
}