.clear {clear:both;}



@media screen and (min-width: 700px) {	
.useage_main {width:100%; height: auto; /*min-height:200px; */ float:left; margin: 10px auto 0px; }
.table_main {width:100%; /*min-height:200px;*/ height:auto; padding:0px; }
.selection_boxes {text-align:right;}
}

@media screen and (max-width: 699px) {
.useage_main {width:100%; height: auto; float:left; margin: 10px auto 0px;}
.table_main {width:100%; height:auto; padding:0px;}
.selection_boxes {text-align:center;}
}
 
.selection_boxes { width:100%; float:left; margin-bottom: 10px; }
.discount_box { width: auto; height:auto; display:inline-block; padding:5px; margin:0px 0px 10px 0px; font-size:12px; color:#000;}
select { width:150px; height:auto; padding:5px; margin:0px 0px 10px 15px; border:0px solid #f00 !important; background:#FFF !important; font-size:12px;}

@media screen and (max-width: 390px) {
select { width:133px !important; margin:0px 0px 10px 0px !important; padding:5px 3px !important;}
}

.table_main {
/*-moz-box-shadow:inset 0px 0px 20px #dedede;
-webkit-box-shadow:inset 0px 0px 20px #dedede;
box-shadow:inset 0px 0px 20px #dedede;*/
border: 0px solid #ddd !important;
font-size:13px;
text-align: center;
font-family: "Droid Sans" ; 
}
	

.pagi_box {width:100%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px;}

.pagi_box ul {padding:0px; margin:0px; float:right;}
.pagi_box ul li {display:inline-block; float:left; text-align:center;}
.pagi_box ul li a {width:16px; height:16px; padding:1px; margin:0px 2px; display:inline-block; color:#4b4b4b; font-weight:bold;}
.pagi_box ul li a:hover {color:#f57f20;}
.pagi_box ul li a.active {background:#afafaf; color:#fff; width:16px; height:16px; padding:1px; display:inline-block;}

.pagi_box a.dirc {font-size:12px; margin: 0px 5px;}
.pagi_box a.dirc {width:auto; display:inline-block; color:#4b4b4b; background:none; font-weight: normal;}
.pagi_box a.dirc:hover {width:auto; display:inline-block; color:#f57f20; background:none;}

 
/* 	xxxxxxxxxxxxxxxxxxxxxxxxxx
		Responsive Tables
	xxxxxxxxxxxxxxxxxxxxxxxxxx   */


@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
		font-size:12px;
  	}


	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		/*top: -9999px;
		left: -9999px;*/
		display:none;
  }
	

	#no-more-tables tr { border-bottom: 1px dotted #ccc; margin-bottom:10px;  }
	#no-more-tables tr:last-child { border-bottom: 0px solid #ccc; margin-bottom:10px; }
	#no-more-tables td { 
		/* Behave  like a "row" */
		/*border: none;*/
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		vertical-align:text-top;
	}

	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
/*		top: 25px;*/
		left: 8px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
		text-align:left;
		overflow:hidden;
		font-weight: bold;
 	}

	/*
	Label the data
	*/
	
	#no-more-tables td:before { content: attr(data-title); }
}
	
	
.table-bordered{border:0px solid #ff0000; border-collapse:collapsed; *border-collapse:collapsed; }
.table-bordered th,.table-bordered td,.table-bordered th,.table-bordered td{border:0px solid #FC0;}
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {/*border-top:0px;*/ text-align:center; }

.table-condensed th, .table-condensed td {/*padding:15px;*/ /*padding:5px;*/ border:0px solid #ddd !important; border-bottom:1px solid #e0e0e0 !important; /*padding:15px !important 0px 15px 0px;*/ padding-top:15px !important; padding-bottom:15px !important; border-right:1px solid #e0e0e0 !important; padding-left:5px; padding-right:5px; border-left:1px solid #e0e0e0 !important; }

.table-condensed {border-collapse:collapse; width:100%;}
.table-condensed a { color:#a9006f !important; }
.table-condensed a:hover{ color:#000 !important; }

@media only screen and (max-width: 800px) {
	
.table-condensed tr { padding: 0px 0px 10px 0px; }
.table-condensed tr td { border: 0px solid #ddd !important; padding: 10px 10px 0px 10px; }

}



 
	
	
.table_title
{
	background-color:#f0f0f0;
	color:#000;
	border:0px !important;
    font-family: "Droid Sans" ; 
	font-size:13px;
	font-weight:normal;
	height:30px !important;
	
	
    }	


.table_grand_total
{
	background-color:#f0f0f0;
	color:#000;
	border:0px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
     }




.img_style
{
	width:127px;
	height:127px;
	background-color: #ececec;
}
 
.img_style img
{
	width:100%;
	height:auto;
}

.cart_input
{
	background-color:#fff;
	width:70px;
	height:25px;
	outline:none;
	border:1px solid #dedede;
	text-align:center;
	padding:5px;
}

.description_text
{
	color:#646464;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-right: 10px;
}


.description_text span
{
	 color:#000;
	 text-align:left;
	 font-size:14px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 display:block;
	 padding-bottom:3px;
}
 

.countinue_shopping
{
	padding-left:0px;
}

 


/**/

/*.grand{width:100%; height:35px; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:35px; margin-bottom:0px !important; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.grand .left{text-align:center;  width:55%;   float:left; background-color:#9C3; }
.grand .right{text-align:left;  width:45%;    float:left; background-color:#F99; }

@media all and  (max-width:768px){
.grand{display:block; height:35px; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:35px; margin-bottom:20px !important;  border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.grand .left{text-align:center;  width:55%; float:left; }
.grand .right{text-align:left;  width:40%;  float:left;}

}*/






.grand{width:100%; height:52px; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:50px; margin-bottom:0px !important; }
.grand .left{text-align:right;  width:55%;   float:left; }
.grand .right{text-align:left;  width:38%;    float:right; }

@media all and  (max-width:768px){
.grand{display:block; height:35px; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:35px; margin-bottom:20px !important;  border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.grand .left{text-align:center;  width:55%; float:left; }
.grand .right{text-align:left;  width:40%;  float:left;}
}