.dl-body{margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#CCC;color:#222}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.input{padding:7px;border:1px #888 solid;border-radius:2px;width:90%;font-size:13px;display:block}
.input:focus{border:1px solid #f30;transition:0.3s ease}
.h4{font-size:15px;font-weight:bold}
.dl-button{background-color:#F33;border:1px solid #f33;color:white;border-radius:2px;padding:5px;font-size:14px;width:150px;cursor:pointer}
.dl-button:hover{background-color:#FF6600;transition:0.5s ease}
.pop_category{width:50%;height:450px;border:2px black solid;background-color:white;display:none;padding:10px;}
.prod_cat_div{border-bottom:1px gray solid;padding-top:8px;padding-bottom:8px;background-color:#f2f2f2}
.del_icon{float:right;height:20px;cursor:pointer;}

.tbl{border-collapse:collapse;width:100%}
.tbl tr td{border-bottom:1px solid #ccc;padding:8px;}
.bold{font-weight:bold}
.div_center{width:1100px;padding:10px;background-color:#F7F7F7;margin-top:20px;border-radius:3px}

/* start pagination */


.rowodd{background-color:#F3F3F3}
.paging{padding:5px 0px 2px 0px;}
div.paging a {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid silver;
	background-color: #fff;
	text-decoration: none; /* no underline */
	color: gray;
}
div.paging a:active {
	border: 1px solid #fff;
	color: #000;
}
div.paging a:hover {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging a:focus {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging span.current {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid #F63;	
	font-weight: bold;
	background-color:#F63;
	color: #FFF;
}
	div.paging span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;	
		color: gray;
	}
/*end pagination style*/