@media print{
	
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
   /*body {
      
      background:none;
	 
   -webkit-text-stroke:0.6px;
   -webkit-text-fill-color:#000;                                                                              ; 
font-family:Arial,Helvetica,Sans-Serif;font-size:12px;line-height:1.3em;padding:0;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;color:#333;

 
	
   } */
}

.button-padding {padding-left:4px; float:left;}
body{
background-color:#d0d6d4; /*d7c394 *** d0d6d4 */
font-family:"Trebuchet MS";
color:#333333; 
/*
transform: scale(1.1);
transform-origin:10% 10%;
*/
/*
font-family:Arial,Helvetica,Sans-Serif;font-size:12px;line-height:1.3em;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;color:#333;
	margin-left: 0px;
  
	margin-right: 0px;
	font-style:normal;
font-weight:normal;
 */



}

html, body {
 height: 100%;



}


.smallFont {
font-size:10px;

}
.smallFont2 {
font-size:11px; text-align:left;

}

.smallFont3 {
font-size:16px; text-align:left;

}

.SaleVariantFont {
font-size:11px; color:#a57060; padding-bottom:5px; display:block;

}

/* comment opacity out to see linetax   */
.SaleMiniDisplayFont {
font-size:12px; color:#FFF; padding-bottom:5px; padding-top:1px; display:block; opacity:0; 

}
/* comment opacity out to see linetax   */
.SaleMiniDisplayFont2 {
font-size:12px; color:#FFF; padding-top:7px; display:block; opacity:0; 

}


#body-wrapper { 
width:100%;
margin-left:auto;
margin-right:auto;
min-height:600px;
background-color:#a5b6c5;
}

#apollo-menu{
	float:left;
	width:100%;
	height:40px;
	background-color:#f6f8f6;
}
    

a:link {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	
}

a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
/*background-color:#cccccc;*/
padding: 4px 4px 4px 4px;
}

.medFont {font-size:12px;}

.medFont2 {font-size:14px;}


.redtext {color:#C30;}

.textarea {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:200px;
height:30px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
}

.textareaScan {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:200px;
height:20px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
outline:none;
}

.textareaScan2 {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:180px;
height:20px;
background-color:#eeeeee;
padding: 3px 3px 3px 3px;
outline:none;
}

.textareaLong {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:400px;
height:20px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
outline:none;
}

.textarea_short {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:50px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.textarea_default_variants {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:90px;
height:18px;
background-color:#eeeeee;
padding: 2px 2px 2px 2px;
border:1px solid #666;
}

.textarea2 {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:400px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.textarea_supplier {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:267px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.textarea3 {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:400px;
height:150px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
}

.textarea4 {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:190px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.textarea5 {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:115px;
height:20px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
text-align:center;
}

.textarea_prices {
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:50px;
height:20px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
text-align:center;
}



.textarea_small {
font-family:font-family:"Trebuchet MS";
font-size:14px;
width:40px;
height:25px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
}

.textarea_small2 {
font-family:font-family:"Trebuchet MS";
font-size:14px;
width:60px;
height:25px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
text-align:left;
}

.textarea_small3 {
font-family:font-family:"Trebuchet MS";
font-size:11px;
width:280px;
height:50px;
background-color:#cccccc;
padding: 1px 1px 1px 1px;
text-align:left;
}


.dropDown {
font-family:font-family:"Trebuchet MS";
font-size:16px;
width:400px;
height:30px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownMed {
font-family:font-family:"Trebuchet MS";
font-size:16px;
width:300px;
height:30px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownCust {
font-family:font-family:"Trebuchet MS";
font-size:16px;
width:300px;
height:35px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownLogin {
font-family:font-family:"Trebuchet MS";
font-size:16px;
width:200px;
height:30px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownMed2 {
font-family:font-family:"Trebuchet MS";
font-size:12px;
width:220px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownMed3 {
font-family:font-family:"Trebuchet MS";
font-size:13px;
width:180px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownMed4 {
font-family:font-family:"Trebuchet MS";
font-size:13px;
width:100px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownMed5 {
font-family:font-family:"Trebuchet MS";
font-size:13px;
width:60px;
height:25px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
}

.dropDownSmall {
font-family:font-family:"Trebuchet MS";
font-size:11px;
width:100px;
height:22px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
border:none;
}

.dropDownStatus {
font-family:font-family:"Trebuchet MS";
font-size:12px;
width:120px;
height:22px;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
border:none;
}

.formButton {
font-family:font-family:"Trebuchet MS";
font-size:16px;
width:200px;
height:40px;
background-color:#ffffff;
border:1px 1px 1px 1px;
border-color:#000000;
border-width:thin;
vertical-align:middle;
text-align:center;

}

.formButton2 {
font-family:font-family:"Trebuchet MS";
font-size:12px;
width:150px;
height:35px;
background-color:#eeeeee;
border:1px 1px 1px 1px;
border-color:#000000;
border-width:thin;
vertical-align:middle;
text-align:center;

}

.formButton3 {
font-family:font-family:"Trebuchet MS";
font-size:12px;
width:50px;
height:20px;
background-color:#eeeeee;
border:1px 1px 1px 1px;
border-color:#000000;
border-width:thin;
vertical-align:middle;
text-align:center;

}

.formButtonLong {
font-family:font-family:"Trebuchet MS";
font-size:12px;
width:30px;
height:30px;
background-color:#cccccc;
border:1px 1px 1px 1px;
border-color:#000000;
border-width:thin;
vertical-align:middle;
text-align:center;

}

.menuList {
list-style:none;
padding: 3px 3px 3px 3px;
}

#productList {
padding-bottom:2px;
 padding-top:0px;
 padding-left:10px;
 height:auto;
 background-color:#a1967c; /*CC9966*/
 vertical-align:middle;
 color:#ededed;
 width:930px;
 }
 
 
 
 .productList {color:#ededed;}
 
 #productListSmall {
padding-bottom:1px;
 padding-top:0px;
 padding-left:10px;
 height:20px;
 
 vertical-align:middle;
 }
 
 .messageOK {
 width:300px;
 height:20px;
 color:#009900; 
 background-color:#FFFFFF;
 text-align:center;
 vertical-align:middle;
 border:1px 1px 1px 1px;
 border-style:solid;
 border-width:2px;
 font-size:14px;
 }
 
  .messageError {
 float:left;
 width:958px;
 height:20px;
 color:#C00; 
 background-color:#FFFFFF;
 text-align:center;
 border:1px solid #000;
 font-size:14px;
 line-height:20px;
 font-weight:bold;
 left:300px;
 


 }
 
  #rotate_barcode {
	 /* Rotate div */
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */

 }
 
/*Pop up windows here */

				/* Z-index of ##mask must lower than ##boxes .window */
					#mask {
					  position:fixed;
					  z-index:9000;
					  background-color:#000;
					  display:none;
					  top:0px;
					  left:0px;
					}
					   
					#boxes .window {
					  position:absolute;
					width:350px;
					height:460px;
					  display:none;
					  z-index:9999;
					 /* background-color:#FFFF00;*/
					  
					}
					
					
								#boxes .window2 {
					  position:absolute;
					width:350px;
					height:460px;
					  display:none;
					  z-index:9999;
					  }
					  				#boxes .window3 {
					  position:absolute;
					width:900px;
					height:460px;
					  display:none;
					  z-index:9999;
					 /* background-color:#FFFF00;*/
					  
					}
					 
					 
					 
					/* Customize your modal window here, you can add background image too */
					#boxes #dialog1 {
					
					 background-color:#eeeeee;
					/*background-image:url(images/photo_gallery_posters/#file_photo#);*/
					background-repeat:no-repeat;
					width:340px;
					
					height:460px;
					
					}
					
					
					
						#boxes #dialog2 {
						
					 background-color:#eeeeee;
					/*background-image:url(images/photo_gallery_posters/#file_photo#);*/
					background-repeat:no-repeat;
					width:650px;
					max-height:460px;
					height:460px;
					
					}
					
			
					
					
					#CloseButton {position:absolute; top:0px; right:0px; float:right; padding-top:5px; }
					
					#DetailsArea { position:relative;  padding-top:5px; }
					
					
					
					.an_article_container {
	overflow:hidden;
	
	padding-left:15px;
	padding-top:10px;
	
	
}
.an_article {
	width: 140px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right:10px;

	
}
.an_article.right {
	padding-right: 0px;
	padding-left: 0px;
}
.an_article_clear {
	clear: both;	
}

.an_article_over {
 width:120px;
 height:120px;
 background-image:url(../images/special_over.png);
 background-repeat:no-repeat;
 background-position:center;
 position:absolute;
z-index:2;
cursor:pointer;

 }
 
 .an_article_over_noimage {
 width:120px;
 height:120px;
/* background-image:url(../images/special_over.png);*/
 background-repeat:no-repeat;
 background-position:center;
 position:relative;
z-index:2;
cursor:pointer;
 }
 
 /* buttons */
 .button {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		text-align:center;
		
		text-decoration: none;
		color: #fff;
		font-size: 1.1em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		width:150px;
	}

	.button:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		
		
		
		color:#ededed;
		text-align:center;
		width:150px;
	}
	
	
	.button2 {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		
	   background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		text-align:center;
		
		text-decoration: none;
		color: #fff;
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		width:105px;
		
	}

	.button2:hover {
	  	background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		color:#ededed;
		text-align:center;
		width:105px;
		
	}
	
	.button_popular {
		display: inline-block;
		padding: 5px 5px 5px 5px;
	   /* background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;*/
		
		border-radius: 5px;
		text-align:center;
		height:60px;
		
		text-decoration: none;
		color: #666;
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		word-wrap:break-word;
		
		width:100px;
		margin-bottom:5px;
		
	}

	.button_popular:hover {
	   /* background-color: #63809a;  
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );*/
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		border: solid 1px #000000;
		color:#000000;
		text-align:center;
		width:100px;
		height:60px;
		
	}
	
	
	.button_department {
		display: inline-block;
		padding: 2px 2px 2px 2px;
	    /*background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;*/
		
		border-radius: 5px;
		text-align:center;
		height:35px;
		
		text-decoration: none;
		color:#444; /*666 */
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		width:90px;
		margin-bottom:5px;
		margin-left:5px;
		
	}

	.button_department:hover {
	   /* background-color: #cccccc;  
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );*/
		box-shadow: inset 0px 0px 0px 0px #63809a;
		border: solid 1px #000000;
		color:#000000;
		text-align:center;
		width:90px;
		height:35px;
		
	}
	
	
	.button_logout {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		
		text-align:center;
		
		text-decoration: none;
		color: #fff;
		font-size:0.9em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		width:54px;
	}

	.button_logout:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		
		color:#ededed;
		text-align:center;
		width:54px;
	}
	
		.button_add_variant {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		
		text-align:center;
		
		text-decoration: none;
		color: #fff;
		font-size:16px;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		height:50px;
		line-height:50px;
		
		width:80px;
	}

	.button_add_variant:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		line-height:50px;
		color:#ededed;
		text-align:center;
		height:50px;
		width:80px;
	}
	
	
		.button-qty-class {
		display: inline-block;
		
		
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		height:20px;
		line-height:18px;
		
		text-align:center;
		text-shadow:none;
		
		text-decoration: none;
		color: #fff;
		font-size:12px;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		width:30px;
	}

	.button-qty-class:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		
		color:#ededed;
		text-align:center;
		width:30px;
	}
	
	
	.button-product-price {
		display: inline-block;
		
		
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		height:20px;
		line-height:18px;
		
		text-align:center;
		text-shadow:none;
		
		text-decoration: none;
		color: #fff;
		font-size:12px;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		width:60px;
	}

	.button-product-price:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		
		color:#ededed;
		text-align:center;
		width:60px;
	}
	
	
	
		.button_salemenu {
		display: inline-block;
		padding: 5px 5px 5px 5px;
	    background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		text-align:center;
		height:50px;
		line-height:50px;
		
		text-decoration: none;
		color: #fff;
		font-size: 1.1em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		
		width:100px;
		
	}

	.button_salemenu:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		color:#ededed;
		text-align:center;
		width:100px;
		height:50px;
		line-height:50px;
		
	}
	
	
	
	.button_salemenu_small {
		display: inline-block;
		padding: 5px 5px 5px 5px;
	    background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		text-align:center;
		height:15px;
		line-height:15px;
		
		text-decoration: none;
		color: #fff;
		font-size: 1.1em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		
		
		width:100px;
		
	}

	.button_salemenu_small:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		color:#ededed;
		text-align:center;
		width:100px;
		height:15px;
		line-height:15px;
		
	}
	
	
	
	#logout-button {
		float:right;
		padding-right:0px;
		padding-top:1px;
		width:450px;
		
		
	}
	
	 .button_category {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		
		background-color: #587b97;
		background-image: -moz-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-linear-gradient(top, #7491a9, #587b97);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7491a9), to(#587b97));
		background-image: -ms-linear-gradient(top, #7491a9, #587b97);
		background-image: -o-linear-gradient(top, #7491a9, #587b97);
		background-image: linear-gradient(top, #7491a9, #587b97);
		box-shadow: inset 0px 0px 0px 1px #7491a9;
		
		border-radius: 5px;
		text-align:center;
		
		text-decoration: none;
		color: #fff;
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #63809a;
		width:250px;
		text-transform:lowercase;
	}

	._category:hover {
		background-color: #63809a;  /*007b9d*/
		background-image: -moz-linear-gradient(top, #93a7b9, #63809a );
		background-image: -webkit-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93a7b9 ), to(#63809a ));
		background-image: -ms-linear-gradient(top, #93a7b9 , #63809a );
		background-image: -o-linear-gradient(top, #93a7b9 , #63809a );
		background-image: linear-gradient(top, #93a7b9 , #63809a );
		box-shadow: inset 0px 0px 0px 0px #63809a;
		
		
		
		
		color:#ededed;
		text-align:center;
		width:250px;
	}
	
	 #logout_menu_item2 {
	 float:left;
	 width:200px;
	 height:25px;
	 color:#bf9144;
	 margin-top:0px;
	 text-align:left;
	  font-size:12px;
	 font-weight:bold;
	 line-height:25px; 
	 
	 }

 
#logout_menu_item2 a:link {color:#476a88;}
 
 #logout_menu_item2 a:hover {color:#000;}
 
   #logout_menu_item3 {
	 float:left;
	 width:130px;
	 height:30px;
	 color:#bf4600;
	 margin-top:5px;
	 text-align:left;
	 font-size:12px;
	 font-weight:bold;
	  line-height:15px;
	  margin-left:10px;
	  
 }
	
	
	
	
	
	/* menu */
	.menu-headings {
		color:#000000; font-weight:bold;
		width:100%;
		background-color:#FFF;
		height:25px;
		line-height:25px;
		}
		
	.menu-items {width:100%; height:auto; text-align:center; padding-top:10px; }	
	
	#menu_outer {width:1000px;
	
	margin:auto;
	background-color:#660;}
	
	#show_hide_click { 
	 float:left; }
	
	#slidingMenuDiv {
    width:920px; /* must be same as menu_outer width */
	margin:auto;
	background-color:#0C9;
	float:left;
	padding-bottom:5px;
	
    }
	
	#popular_product_menu {
		position:relative; 
		width:1006px;
		height:70px;
		background-color:#ededed;
		margin:auto;
		padding-top:5px;
		padding-bottom:5px;

 }
 
 	#popular_product_menu_extend {
		position:relative; 
		width:1006px;
		height:80px;
		background-color:#ededed;
		margin:auto;
		padding-top:5px;
		padding-bottom:5px;

 }
 
 #button_float {float:left; padding-left:12px;}
 

 
 #logout_menu {
	 float:right;
		text-align:right;
		font-size:13px;
		font-weight:bold;
	 width:450px;
	 height:30px;
	 
		
		
 }
 

 

 
 
 

/* product details layout tabs */

#details_left {
	float:left;
	width:33%;
	height:auto;
	color:#333;
	
}

#details_left_stock_panel {
	float:left;
	width:600px;
	height:auto;
	color:#333;
	
}

#details_right {
	float:left;
	width:450px;
	height:auto;
	
}




/* table */
table.product a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.product a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.product a:active,
table.product a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.product {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/* Arial, Helvetica, sans-serif*/
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.product th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.product th:first-child {
	text-align: left;
	padding-left:20px;
}
table.product tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.product tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.product tr {
	
	padding-left:20px;
}
table.product td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.product td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.product tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.product tr:last-child td {
	border-bottom:0;
}
table.product tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.product tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.product tr:hover td {
	/*background: #f2f2f2;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));*/
	/*background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);*/	
}


/* table dashboard */
table.dashboard a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.dashboard a:visited {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}
table.dashboard a:active,
table.dashboard a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.dashboard {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/* Arial, Helvetica, sans-serif*/
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	margin-top:0px;
	border:#ccc 1px solid;
	min-width:440px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.dashboard th {
	padding:6px 10px 7px 10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.dashboard th:first-child {
	text-align: center;
	padding-left:16px;
}
table.dashboard tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.dashboard tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.dashboard tr {
	
	padding-left:10px;
}
table.dashboard td:first-child {
	text-align: center;
	padding-left:10px;
	border-left: 0;
}
table.dashboard td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align:center;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.dashboard tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.dashboard tr:last-child td {
	border-bottom:0;
}
table.dashboard tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.dashboard tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.dashboard tr:hover td {
	background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}




/* table sales */
table.sales a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
	
}
table.sales a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.sales a:active,
table.sales a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.sales {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;
	width:1000px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.sales th {
	padding:5px 25px 6px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.sales th:first-child {
	text-align: center;
	padding-left:20px;
}
table.sales tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.sales tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.sales tr {
	text-align: center;
	padding-left:20px;
}
table.sales td:first-child {
	text-align: center;
	padding-left:10px;
	border-left: 0;
	
}
table.sales td {
	padding:13px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.sales tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.sales tr:last-child td {
	border-bottom:0;
}
table.sales tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.sales tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.sales tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

/* table sales totals */
table.salestotals a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.salestotals a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.salestotals a:active,
table.salestotals a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.salestotals {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;
	width:1000px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.salestotals th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.salestotals th:first-child {
	text-align: center;
	padding-left:20px;
}
table.salestotals tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.salestotals tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.salestotals tr {
	text-align: center;
	padding-left:20px;
}
table.salestotals td:first-child {
	text-align: right;
	padding-left:10px;
	border-left: 0;
	
}
table.salestotals td {
	padding:13px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.salestotals tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

table.salestotals tr.refund td {
	background:#FCF;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.salestotals tr:last-child td {
	border-bottom:0;
}
table.salestotals tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.salestotals tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.salestotals tr:hover td {
	/*background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	*/
}

.right_align {text-align:right;}

.center_align {text-align:center;}

.dotted {
	background-image:url(../../images/dotted.png); background-repeat:repeat-x left top;border:0;margin:20px;
	width:100%;
	margin:auto;
}




/* table saleslist */
table.saleslist a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.saleslist a:visited {
	color: #666;
	
	text-decoration:none;
}
table.saleslist a:active,
table.saleslist a:hover {
	color:#090;
	text-decoration:underline;
}
table.saleslist {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;
	width:960px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.saleslist th {
	
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	height:40px;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.saleslist th:first-child {
	text-align: center;
	padding-left:20px;
}
table.saleslist tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.saleslist tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.saleslist tr {
	text-align: center;
	padding-left:20px;
}
table.saleslist td:first-child {
	text-align: center;
	padding-left:10px;
	border-left: 0;
	
}
table.saleslist td {
	padding:13px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.saleslist tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

table.saleslist tr.even2 td {
	background:#f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f0f0f0,  #f0f0f0);
}
table.saleslist tr:last-child td {
	border-bottom:0;
}
table.saleslist tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.saleslist tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.saleslist tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}



/* POS sale contents*/

table.possalecontent a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.possalecontent a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.possalecontent a:active,
table.possalecontent a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.possalecontent {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/* Arial, Helvetica, sans-serif*/
	color:#666;
	font-size:13px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:10px;
	margin-top:0px;
	border:#ccc 1px solid;
	width:440px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.possalecontent th {
	padding:6px 10px 7px 10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.possalecontent th:first-child {
	text-align: center;
	padding-left:16px;
}
table.possalecontent tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.possalecontent tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.possalecontent tr {
	
	padding-left:10px;
}
table.possalecontent td:first-child {
	text-align: center;
	padding-left:5px;
	border-left: 0;
}
table.possalecontent td {
	padding:13px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align:center;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.possalecontent tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.possalecontent tr:last-child td {
	border-bottom:0;
}
table.possalecontent tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.possalecontent tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.possalecontent tr:hover td {
	background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

/* variant details edit */

table.variantedit a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.variantedit a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.variantedit a:active,
table.variantedit a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.variantedit {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/* Arial, Helvetica, sans-serif*/
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin-left:0px;
	
	margin-top:0px;
	border:#ccc 1px solid;
	width:900px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.variantedit th {
	padding:6px 10px 7px 10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.variantedit th:first-child {
	text-align: center;
	padding-left:16px;
}
table.variantedit tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.variantedit tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.variantedit tr {
	
	
}
table.variantedit td:first-child {
	text-align: center;
	padding-left:5px;
	border-left: 0;
}
table.variantedit td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align:center;
	width:100px;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.variantedit tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.variantedit tr:last-child td {
	border-bottom:0;
}
table.variantedit tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.variantedit tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
/*
table.variantedit tr:hover td {
	background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}
*/

/* end variant edit details */


/* end tables */

#dashboard_headings {width:100%; margin:auto; } 
#dashboard_heading_left {float:left; width:33%; color:#476a88; font-weight:bold; text-align:center; }
#dashboard_heading_right {float:left; width:460px;  color:#476a88; font-weight:bold;  }

#footer_outer {
	 position:relative;
  width:500px;
  height:50px;
  margin:auto;
  font-size:12px;
  color:#ededed;
  text-align:center;
  padding-top:10px;
	
}

/* sale interface */

#sales-interface-top {width:960px;
margin:auto; height:36px;
background-color:#f5f7f8;
float:left;
}

#scanTextBox { padding-left:10px; float:left;}


#sale-interface-outer {
	width:960px;
	margin:auto; 
	height:631px;
	background-color:#f5f7f8;
	padding-top:5px;
}

#sale-interface-left{
	float:left;
	width:470px;
	height:388px;
	overflow:auto;
}

#sale-interface-right{
	float:left;
	width:365px;
	height:388px;
	padding-left:0px;
	overflow:auto;
}

#sale-interface-department{
	float:right;
	width:125px;
	height:550px;
	overflow:auto;
}

#salecontent-qty {
	float:left;
	width:30px;
	height:20px;
	text-align:center;
}

#salecontent-prodname {
	float:left;
	width:230px;
	height:20px;
	text-align:center;
}
#salecontent-prodprice {
	float:left;
	width:60px;
	height:20px;
	text-align:center;
}
#salecontent-linetotal {
	float:left;
	width:60px;
	height:20px;
	text-align:center;
}
#salecontent-del {
	float:left;
	width:50px;
	height:20px;
	text-align:right;
	padding-top:2px;
	
}


#salecontent-qty-header {
	float:left;
	width:30px;
	height:20px;
	text-align:center;
	font-size:11px;
}

#salecontent-prodname-header {
	float:left;
	width:230px;
	height:20px;
	text-align:center;
	font-size:11px;
}
#salecontent-prodprice-header {
	float:left;
	width:60px;
	height:20px;
	text-align:center;
	font-size:11px;
}
#salecontent-linetotal-header {
	float:left;
	width:60px;
	height:20px;
	text-align:center;
	font-size:11px;
}

.clearIt {
	clear:both;
}



#checkout-area {
	float:left;
	width:830px;
	height:160px;
	background-color:#e4e7e6;

}

#checkout-buttons-short {
	width:360px;
	height:80px;
	float:left;
}

#checkout-buttons-long {
	width:830px;
	height:80px;
	float:left;
}

.buttons-padding {padding-left:10px; padding-top:10px;}

.buttons-padding2 {padding-left:10px; padding-top:15px;}


#totals-panel {
	width:470px;
	height:80px;
	background-color:#e4e7e6;
	float:left;

}

#totals-panel-left {
	width:240px;
	height:80px;
	float:left;
	text-align:left;
	padding-left:5px;
	margin:auto;


	
}
#totals-panel-right {
	width:220px;
	height:auto;
	float:right;
}

#totals-price {
	height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	
	font-size:16px;

	line-height:25px;
}

#totals-price2 {
	height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;
	line-height:25px;
}

#totals-taxtotal {
	height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;

	line-height:25px;
}

#totals-taxtotal2 {
height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;
	line-height:25px;
}

#totals-grand-total {
	height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}

#totals-grand-total2 {
height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}

#totals-discount {
height:25px;
	width:110px;
	float:left;
	color:#476a88;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}


.a-menu-button {
	padding-top:1px;
	float:left;
	padding-left:8px;
}

.center {
	text-align:center;
}

.registerName {
	text-align:center;
}


/* calculator */
.main_panel
{
width:240px;
height:320px;
background-color:#d0d6d4;
border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
padding:10px;
text-align:center;
}

.main_panel_operator
{
width:240px;
height:320px;
background-color:#d0d6d4;
border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
padding:10px;
text-align:center;
}

.number_button
{
width:50px;
height:50px;
margin-left:15px;
margin-right:15px;
margin-top:15px;
float:left;
background-color:#587b97;
border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
font-size:16px;
text-align:center;
line-height:50px;
color:#fffeff;
}
.number_button:hover
{
background-color:#a0b4bf;
}
.text_box
{
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:200px;
height:20px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
}

.text_box_discount
{
font-family:font-family:"Trebuchet MS";
font-size:18px;
width:160px;
height:20px;
background-color:#cccccc;
padding: 3px 3px 3px 3px;
}
/* end calculator */

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}


/* variants */
#variant-list {
	 
	
}

#variant-type-header {
	float:left;
	width:155px;
	height:20px;
	text-align:center;
	font-size:12px;
	
	line-height:20px;
}

#variant-value-header{
	float:left;
	width:155px;
	height:20px;
	text-align:center;
	font-size:12px;
	
	line-height:20px;
}

.variant-delete-header {
	float:left;
	width:50px;
	height:20px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	
}

.variant-view-header {
	float:left;
	width:50px;
	height:20px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	
}

#variant-edit-window {
	width:960px;
    height:300px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}


#edit-product-tabs { font-size:14px; color:#333;}

.box { width:350px; }

h6 {padding:0px; margin:0px; display:inline;}

#defaultvariants {width:240px; height:220px; display:none; text-align:center;  margin-left:0px;}

#defaultvariantsrow {width:240px; height:70px; position:relative;  }

#defaultvariantsItemLeft {width:95px; padding-right:5px; height:30px; line-height:30px; float:left; text-align:right;}
#defaultvariantsItemRight {width:110px; height:30px; line-height:30px; float:left; text-align:left;}


.dotted2 {width:220px; margin-bottom:15px; margin-left:-10px; border-top:1px dotted #999999;}

.variant-header-font {font-size:13px; color:#6a9ca5;}

.variant-list-font {font-size:12px; }

.variant-options {height:40px; width:250px; font-size:24px;}

.variant-options option {background-color:#DDD; height:40px; text-align:center; line-height:40px; padding-top:10px;}


.padding1 {padding:1px;}


/* receipts */

.receipt-branch {text-align:center; position:relative; width:100%; text-transform:uppercase; border:1px solid #000000; font-family:Tahoma, Geneva, sans-serif;}

 
#dialog-select-user { display:none;}

#dialog-select-user2 { display:none;}

#saleinfo {width:400px; height:27px; border:1px solid #080; border-radius:5px; float:left; line-height:27px; padding-left:5px; font-size:13px; }

#add-manual-item {width:100px; height:25px;   float:left;  padding-left:0px; padding-top:2px;}

.save-product-button { float:right; width:200px; height:35px; padding-top:5px; padding-right:5px;}

.composite-scan { float:right; width:200px; height:35px; padding-top:5px; padding-right:5px; display:none;}

.variant-rows {border:1px solid #FFCCFF; }

.registerName {margin-left:auto; margin-right:auto; margin-top:0px; text-align:center; position:relative; color:#0A0; font-size:12px;  width:300px; height:20px;}

.change_user {color:#FCC;}
 
 
#dialog-add-comment {display:none;}

#dialog-select-user {display:none;}

#dialog-select-user2 {display:none;}

#dialog-select-user3 {display:none;}

#dialog-cash-payment {display:none;}

#dialog-change-sale-price {display:none;}

#dialog-discount {display:none;}

/*#scanTextBox {display:none;}*/

#dialog-new-product-barcode {display:none;}

#dialog-find-sale {display:none;}

#dialog-find-product {display:none;}

#dialog-add-customer {display:none;}

#dialog-change-sale-price {display:none;}


.centre {width:960px; margin-left:auto; margin-right:auto;  text-align:center;}

/* BEGIN daily tracker */
.daily-tracker-outer {width:100%; height:100%; background-color:#FFF; margin:0px; padding-top:1px; }

.daily-left1 {width:150px; height:1200px; float:left; overflow:auto; border-right:1px solid #09C; border-top:1px solid #09C; border-bottom:1px solid #09C; }

.staff-list {list-style:none; margin-left:0px; padding-left: 10px; }

.staff-list li {font-size: 14px;}

.van-list {list-style:none; margin-left:0px;}
.van-list li {font-size: 14px;}

.in-work {float:left; width:1150px; border-top:1px solid #09C; height:135px; overflow-y: scroll;   }

.sick-container {float:left; width:1040px; border-top:1px solid #09C; height:120px; margin-top:20px; padding-left:10px; padding-top:10px; }

.holiday-container {float:left; width:1040px;  border-top:1px solid #09C; height:120px; padding-left:10px; padding-top:10px;}

.in-work-inner1 {float:left; width:470px; padding-left:10px; padding-top:10px;  height:auto;    }

.in-work-inner2 {float:left; width:500px; padding-top:10px;  height:auto;  }
.topsection {width:1200px;}
.topsectionLeft {width: 650px; }
.topsectionRight {}

.reg {width:80px; text-transform:uppercase;}
.reg-hide { background: transparent;
    border: none; width:80px;}
.gettext {width:115px}
.hours {width:45px; text-align:center; color:#F30; border:1px solid #F30;}
.add,remove {width:50px; font-size:9px; text-align:center; height:20px;}
.add-sick,remove-sick {width:50px; font-size:9px; text-align:center; height:20px; }
.add-holiday,remove-holiday {width:50px; font-size:9px; text-align:center; height:20px; }
.add-other,remove-other {width:50px; font-size:9px; text-align:center; height:20px; }

.labels-outer {width:405px; float:left;  height:20px; }

.labels-outer-top {width:600px; float:left;  height:20px; }

.labels-outer2 {width:320px; float:left;  height:20px; }

.rates-top {float:left; width:1200px;  height:20px;  }
.rates-left-top {float:left; width:570px;  height:20px;   }
.rates-left-inner-top {float:right; width:150px;  height:20px; margin-right:45px; text-align:center; }
.rates-right-top {float:left; width:580px;  height:20px;   }
.rates-right-inner-top {float:right; width:150px;  height:20px; margin-right:55px; text-align:center; }
.rate-top {float:right;  width:50px; height:20px; font-size:10px; text-align:center; line-height:20px; color:#F30;}

.rates {float:left; width:1200px;  height:20px;  }
.rates-left {float:left; width:470px;  height:20px;   }
.rates-left-inner {float:right; width:150px;  height:20px; margin-right:45px; text-align:center; }
.rates-right {float:left; width:470px;  height:20px;   }
.rates-right-inner {float:right; width:150px;  height:20px; margin-right:55px; text-align:center; }
.rate {float:right;  width:50px; height:20px; font-size:10px; text-align:center; line-height:20px; color:#F30;}

.call {text-transform:uppercase; border:1px solid #066; color:#066;}

.hours-worked {height:20px; font-size:10px; text-align:center; line-height:20px; float:right; margin-right:30px; color:#F30;}
.hours-worked-top {height:20px; font-size:10px; text-align:center; line-height:20px; float:right; margin-right:-250px; color:#F30;}
.hours-worked2 {height:20px; font-size:10px; text-align:center; line-height:20px; float:right; margin-right:-40px; color:#F30;}

.supervisor {height:20px; font-size:10px; text-align:center; line-height:20px; float:right; margin-right:150px; color:#666;}
.supervisor-top {height:20px; font-size:10px; text-align:center; line-height:20px; float:right; margin-right:250px; color:#666;}
.supervisorText {margin-right: 5px;}

.oncall1 {float:right;  width:35px; height:20px; font-size:10px; text-align:center; line-height:20px; margin-right:-53px; color:#066;}
.oncall1-top {float:right;  width:35px; height:20px; font-size:10px; text-align:center; line-height:20px;  color:#066; margin-right:45px;}
.oncall2 {float:right;  width:35px; height:20px; font-size:10px; text-align:center; line-height:20px; margin-right:-125px; color:#066;}

.contract-top {float:left;  width:35px; height:20px; font-size:10px; text-align:center; line-height:20px;  color:#066; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
text-transform:lowercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 text-transform:lowercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   text-transform:lowercase;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   text-transform:lowercase;
}


.divider {
	width:100%;border: 0;
    height: 1px;
    background: #ccc;
}
	
/* calendar boxes */
.sick-colour {color:#F03;}
.holiday-colour	 {color:#3C3;}
.work-colour {color:#3CF;}
.other-colour {color:#F93;}

.freeze {pointer-events: none;opacity: 0.5;background: #CCC;}

.notsubmitted-colour {color:#F33;}
.submitted-colour {color:#FC0;}
.finalised-colour {color:#090;}

.redline {text-decoration:line-through;color:#f00;}
	
/* calendar boxes */
	
/* END daily tracker */

.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0.8;
    transition: opacity 0.6s;
    margin-bottom: 15px;
	width:250px;
position:fixed;
    top: 50%;
    left: 50%;
	 margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
	border-radius: 4px;
}

.alert.success {background-color: #2ECC71; color:#FFF;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.hideIt {
	opacity:0;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}


.contractSelect {width:100px; float: left; }