/*////////////Div table Class///////*/
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/* border: 1px solid #999999;*/
	display: table-cell;
	/*padding: 3px 10px;*/
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/*///End Div Table Class///////*/


.col_1p4A{
	display: table-cell;
	width:200px;
	padding:5px;
	border-top: 1px solid #ff8000;
    border-right: 0;
    border-bottom: 1px solid #ff8000;
    border-left: 1px solid #ff8000;
	text-align:center;
	height:384px;
	border-radius: 5px;
  
}
.col_1p4B{
	display: table-cell;
	width:180px;
	padding:5px;
	border-top: 1px solid #ff8000;
    border-right: 1px solid #ff8000;
    border-bottom: 1px solid #ff8000;
    border-left: 0;
	border-radius: 5px;
    
}
.colGroup{
	margin-top:15px;
	display:table-cell;
	width:50%;
}

.itemImgVer{
width:150px;
height:225px;

border-radius: 5px;
}
.itemImgHor{
width:150px;
height:100px;
border-radius: 5px;
}
 .uploadB, .uploadA{
	display:inline-block;
	margin-top:5px;	
}
 

.deleteItemImg{
	display:block;
	margin-top:-5px;
	margin-left:-5px;
	width:15px;
	height:15px;
	cursor:pointer;
}
/*mobile*/
@media screen and (max-width: 736px){

.colGroup{
	display:block;
	width:100%;
}



}
/*////////////////////Navigation/////////////////*/
#nav ul{
	color:ivory;
}
.pointer{
	cursor:pointer;
}

.navCategoryGroup{
	cursor:pointer;
}
.navCategory{
	cursor:pointer;
}
.btnInLiCategory{
	font-size: x-large;
    background: blue;
    display: table-cell;
    cursor: pointer;
	font-weight:bold;
	
	 vertical-align: middle;
}
.btnInLiCategoryGroup{
	font-size: x-large;
    background: green;
    display: table-cell;
    cursor: pointer;
	font-weight:bold;
	
	 vertical-align: middle;
}

.fieldInLi{	
	 display: table-cell;	
	 width:100%;
	 cursor: pointer;
	 padding: 0.4em 1em 0.4em 1em;
    text-decoration: none;
    border-radius: 0.4em;
    outline: 0;
	 
}

.addFieldInLi{	
	 display: table-cell;	
	/* width:100%;*/
	 cursor: pointer;
	
	 
}
.addFieldInLi input{
	width:100%;
}
#nav li  li:hover .fieldInLi  {
	font-weight:bold;
	background-color: rgba(255, 255, 255, 0.1);
			color:#15E4AC;
			/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
#nav li  li .fieldInLi  {
	background-color: rgba(255, 255, 255, 0.1);
			color: #fff;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#nav   li:hover  {
	background-color: rgba(255, 255, 255, 0.1);
			color:orange;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.deleteCategoryImg{
	display:flow-root;
	margin-bottom: 15px;
	margin-left:-10px;
	width:10px;
	height:10px;
	cursor:pointer;
	
}
.deleteCategory{   
    display: table-cell;	
}
/*////////////////////END Navigation/////////////////*/
/*///////////////////////// DISPLAY IMAGE Box ///////////*/
.curImg{
	/*
	 display:inline;
	 margin-left:18px;
	 margin-right:18px;
	 */
}
.previewImgBtn{	
	
    width: 18px;    
    padding: 0;
	/*
	display: inline;
    margin-right:-18px;
	vertical-align: top;
	margin-top:100px;
	*/
}
.nextImgBtn{
	
    width: 18px;    
    padding: 0;
	
/*	display: inline;
    margin-left:-18px;
	vertical-align: top;
	margin-top:100px;
	*/
}
.lViewImgBtn , .rViewImgBtn{
	display: table-cell;
	vertical-align: middle;
	
}
/*mobile*/
@media screen and (max-width: 1025px){
	/*
.previewImgBtn, .nextImgBtn{	
margin-top:70px;
}
*/
.itemImgVer{
width:109px;
height:165px;
/*padding-top: 10px;*/
border-radius: 5px;
}
.itemImgHor{
width:109px;
height:75px;
border-radius: 5px;
}
}
/*///////////////////////// END DISPLAY IMAGE Box ///////////*/
/*///////////////////////// DISPLAY PAGE BUTTON ///////////*/
/*mobile*/
@media screen and (max-width: 415px){
.pageBtn{
    display: inline;
    width: 10%;
    margin: 3px;
    font-size: 1.25em;
    padding: 0;	
}
/*///////////////////////// DISPLAY PAGE BUTTON ///////////*/
}

.showItemDetail{
	font-size:20px;
	display:block;
}
.promotionBox{
	display:block;
	border-radius: 0.4em;
    -webkit-appearance: none;
    border: solid 1px #ddd;
    padding: 0.5em 0.75em;
    width: 100%;
    line-height: 1.25em;
	background: hsla(9, 100%, 64%, 0.2);
	
}
@media screen and (max-width: 736px){
.box.post {
   padding-bottom: 0;
    margin-bottom: 0;
}
	
}
.addToCartBtn{
	width:132.6px;
	 font-size: 12px;

}