body
{
	background: #3c1905 ;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
a
{
	color: Orange;
	text-decoration: underline;
}
a:hover
{
	color: Red;
}
.copyRightText
{
	font-size: 9px;
	color: darkslategray;
}
.smallLink
{
	font-size: 9px;
}

.banner
{
	background-image: url(../images/bg_head.jpg);
	background-color: black;
	height: 100px;
	background-repeat: no-repeat;
}

.title
{
	font-size:20px;
	font-weight:bold;
}
.subtitle
{
	font-size:16px;
	font-weight:bold;
}

.productItem
{
	float: left;
}

.orderGrid
{
	border: 1px solid lightgrey;
}

.orderGrid th
{
	background-color:#595A5B;
	border-color:#595A5B Gray Gray rgb(89, 90, 91);
	border-style:solid;
	border-width:1px 1px 0px;
	color:#99CA9B;
	padding:4px 5px;
}

.orderGrid td
{
	/*background-color: window;*/
	border: 1px solid #9ADDE7;
	font-family: Verdana, sans-serif;
	font-size: 8.25pt;
	padding-left: 5px;
	border-style: solid;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.orderGrid th a
{
	text-decoration: underline;
	color:#99CA9B;
}

.orderGridItem
{
	font-size: 8.25pt;
	font-weight:bold;
	padding-left:5px;
}

.gridItemTiny
{
	font-size: 8pt;
}

.newOrderGrid
{
	border: 0px none white;
}

.newOrderGrid th
{
	background-color: #595A5B;
	color: #99CA9B;
	padding: 4px 5px;
	border-right: white 0px;
	border-top: white 0px;
	border-left: white 0px;
	border-bottom: silver 1px solid;
}

.newOrderGrid td
{
	background-color: window;
	font-family: Verdana, sans-serif;
	font-size: 8.25pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-right: white 0px none;
	border-top: white 0px none;
	border-left: white 0px none;
	border-bottom: silver 1px solid;
}

.newOrderGrid th a
{
	text-decoration: underline;
	color:#99CA9B;
}

.optionItem
{
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.sortarrow
{
	margin-left: 2px;
}

.gridPager td table td
{
	background-color: window;
	font-family: Verdana, sans-serif;
	font-size: 8.25pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: none;
	border-width: 0px;
}

#leftCol {
	float: left;
	margin: 0 18px 20px 0;
	padding: 30px 0 0 0;
	width: 148px;
}

#rightCol {
	margin: 0 45px 0 166px;
	padding: 6px 0 20px 0;
}

.receiptGrid
{
	border: 1px solid lightgrey;
}

.receiptGrid th
{
	background-color:White;
	border-color:lightgrey;
	border-style:solid;
	border-width:1px 1px 0px;
	color: Black;
	padding:4px 5px;
	font-family: Verdana, sans-serif;
}

.receiptGrid td
{
	background-color: window;
	border: 1px solid lightgrey;
	font-family: Verdana, sans-serif;
	font-size: 8.25pt;
	padding-left: 5px;
	border-style: solid;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.detailheader
{
	font-style: italic;
}

.orderBatchImageGrid
{
	border: 0px none black;
}

.orderBatchImageGrid th
{
	background-color: window;
	border: 0px none black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.orderBatchImageGrid td
{
	background-color: window;
	border: 0px none black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.orderBatchGrid
{
	border: 1px solid darkgray;
}

.orderBatchGrid th
{
	background-color: window;
	border: 1px solid darkgray;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.orderBatchGrid td
{
    color:Black;
	border: 1px solid darkgray;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.control
{
	font-family:Arial;
	font-size:x-small;
}

h3
{
	font-size:small;
}

/*side menu */
ul#menu, ul#menu ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    /*width: 150px;*/
}

ul#menu a {
    display: block;
    text-decoration: none;	
}

ul#menu li {
    margin-top: 1px;
}

ul#menu li a {
    background: #333;
    color: #fff;	
    padding: 0.5em;
}

ul#menu li a:hover {
    background: #000;
}

ul#menu li ul li a {
    background: #ccc;
    color: #000;
    padding-left: 10px;
}

ul#menu li ul li a:hover {
    background: #aaa;
    border-left: 5px #000 solid;
    padding-left: 15px;
}

li 
{
	list-style-type:none;
}

h1 
{ 
    padding: .2em; margin: 0; 
}

#products 
{ 
    float:left; 
    clear:none;    
    text-align:center; 
    padding-left:15px;
    padding-bottom:50px;
    width:57%;
}

#categories 
{ 
    float:left; 
    text-align:left; 
    width:160px; 
    min-height:500px;
    margin-left:5px;
}

#cart 
{ 
    width: 280px; 
    float:right; 
    text-align:left; 
    margin-right:10px;
}

/* style the list to maximize the droppable hitarea */
#cart ol { margin: 0; padding: 3em 0 3em 3em; }

.shoppingCartTotal
{
    height:25px;
    font-size:12px;
    font-weight:bold;
    color:White;
    font-family:Verdana;
    background-color:Black;
    padding-left: 15px;
    padding-top: 10px;
}

.hidebr br { display:none; }

.prdContainer
{   
    border-left: 2px #000 solid;
}
.product
{
    height:200px;
    background-color:white;
    
    text-align:left;
    /*right:10px;
    width:100%;*/
    padding: 5px 0px 8px 0px;
    border-right: 2px #000 solid;
    border-top: 2px #000 solid;
    
}

.productItemStyle
{
    height:195px;
}

.productImage 
{ 
    cursor:hand;
    padding: 2px 5px 2px 5px;
}

.price
{
   /* float:right;*/
    vertical-align:bottom;
    text-align:right;
    padding-right:5px;
    font-weight:bold;
    background-color:Black;
    color:White; 
}

.hiddenPrice
{  
    color:White;
    font-weight:bold;
}

.quantity
{
   /*float:right;*/
   clear:both;
   vertical-align:bottom;
   text-align:right;
   padding-right:15px;
   font-weight:bold;
}


.droppedItemStyle 
{    	 
	 background-color:Black;    	 
	 font-weight:bold;    	
	 border:solid 2px black; 
	 z-index:99999;
	 height:100%;
}

.dropZone
{
    background-color:Black;
      height:500px;
      width:400px;

    position:relative;
    overflow:auto;
}

.dropZoneContainer
{
	top:100px;
    left:800px;	   
    height:500px;
    width:400px;
    position:absolute;
   
} 

.dropZoneHeader 
{
	background:black;
	color:White;
	text-align:center;
	font-weight:bold;
}