/**
 * 
 * @author beerwin
 * @package ls_fact
 * @copyright Leading Soft SRL
 * 
 * Main template stylesheet
 */


ul, li{
  margin:0;
  padding:0;
  list-style:outside none;
}

h1{
margin:0px;
padding:0.5em;
}

html{
	margin:0px;
	overflow:hidden;
	width:100%;
	height:100%;
}

body{
	margin:0px;
	overflow:hidden;
	width:100%;
	height:100%;
	font-family: "Tahoma", helvetica, sans-serif;
	font-size:10px;
}

div#mainarea{
	width:100%;
	height:100%;
}

#header{
	height:60px;
	width:100%;
	float:left;
	overflow:hidden;
}

#header_inner{
  background-color:#ffcc00;
  background-image: -moz-linear-gradient(#ffcc00,#ff9900);
  background-image: -webkit-linear-gradient(#ffcc00,#ff9900);
  background-image: -o-linear-gradient(#ffcc00,#ff9900);
  background-image: linear-gradient(#ffcc00,#ff9900);
}

#header_inner h1{
  float:left;
  background-color:transparent !important;
  background-image:none !important;
  line-height:40px;
  font-weight:normal !important;
  font-family:Verdana, helvetica, sans-serif;
  color:#333333;
  margin-left: 20px;
  text-shadow: 1px 1px 1px #fff;
}

#menu{
	width:150px;
	float:left;
	overflow-x:hidden;
	overflow-y:auto; 
}

#content{
	float:left;
	overflow:auto;
}

#toolbar{
	float:left;
	height:40px;
	overflow:hidden;
	background-color:#CCCCCC;
	background-image:-moz-linear-gradient(#E0E0E0,#CCCCCC);
	background-image:-webkit-linear-gradient(#E0E0E0,#CCCCCC);
	background-image:-o-linear-gradient(#E0E0E0,#CCCCCC);
	background-image:linear-gradient(#E0E0E0,#CCCCCC);
}

#footer{
	float:left;
	width:100%;
	height:60px;
	overflow:hidden;
}

.inner{
	width:100%;
	height:100%;
	position:relative;
}

#header .inner{
  border-bottom:1px solid #ccc;
  height:59px;
}

#menu{
  background-color:#F0F0F0;
}

#menu .inner{
  border-right:1px solid #ccc;
  width:149px;
}

#toolbar .inner{
  border-bottom:1px solid #ccc;
  height:39px;
}

#footer .inner{
  border-top:1px solid #ccc;
}

#contentarea{
float:left;
width:100%;
}

#inv_items{
width:100%;
float:left;
}

.menu li a{
	display:block;	
  line-height:25px;
  text-decoration:none;
  font-size:12px;
  font-weight:normal;
  color:#666;
  text-shadow:1px 1px 1px #FFFFFF;
  padding-left:0.5em;
}

.menu li a:hover{
  background-color:#0099ff;
  color:#005599;
  background-image:-moz-linear-gradient(#99CCFF,#0099FF);
  background-image:-webkit-linear-gradient(#99CCFF,#0099FF);
  background-image:-o-linear-gradient(#99CCFF,#0099FF);
  background-image:linear-gradient(#99CCFF,#0099FF);
  -moz-box-shadow: 0 0 2px #333;
  -webkit-box-shadow: 0 0 2px #333;
  box-shadow: 0 0 2px #333;
}

.separator{
  margin-top:0.5em;
  margin-bottom:0.5em;
  height:0px;
  border-top:1px solid #E0E0E0;
  border-bottom:1px solid #f9f9f9;
  overflow:hidden;
}

.item_id{
  float:left;
  width:50px;
  height:20px;
  line-height:20px;
}

.item_name{
	float:left;
	width:361px;
	height:20px;
	line-height:20px;
/*	overflow:hidden;*/
	position:relative;
}

.item_name .listedit{
	width:320px;
}

.item_unit{
	float:left;
	width:50px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

.item_unit .listedit{
	width:50px;
}

.item_units{
	float:left;
	width:50px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align: right;
}

.item_units .listedit{
	width: 50px;
}

.item_date{
	float:left; 
	width:100px;
	height:20px;
	line-height:20px;
	position:relative;
	overflow:hidden;
}

.item_value{
	float:left; 
	width:80px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align: right;
}

.item_value .listedit{
	width:80px;
}

.item_unitprice{
	float:left; 
	width:120px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align: right;
}

.item_unitprice .listedit{
	width: 120px;
}

.item_value{
	float:left; 
	width:120px;
	height:20px;
	line-height:20px;
	overflow:hidden;		
	text-align: right;
}

.item_value .listedit{
	width:120px;
}

.item_vat{
	float:left; 
	width:120px;
	height:20px;
	line-height:20px;
	overflow:hidden;		
	text-align: right;
}

.item_vat .listedit{
	width:120px;
}

.item_status{
	float:left; 
	width:100px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}


.listheader{
  float:left;
  width:100%;
  clear:both;
  height:20px;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  background-image:-moz-linear-gradient(#f9f9f9,#eeeeee);
  background-image:-webkit-linear-gradient(#f9f9f9,#eeeeee);
  background-image:-o-linear-gradient(#f9f9f9,#eeeeee);
  background-image:linear-gradient(#f9f9f9,#eeeeee);
}

.list_item{
  height:20px;
  width:100%;
  clear:both;
}

.list_item:hover{
	background-color: #0099FF;
    background-image: -moz-linear-gradient(#99CCFF, #0099FF);
    background-image: -webkit-linear-gradient(#99CCFF, #0099FF);
    background-image: -o-linear-gradient(#99CCFF, #0099FF);
    background-image: linear-gradient(#99CCFF, #0099FF);
    -moz-box-shadow: 0 0 2px #333333;
    -webkit-box-shadow: 0 0 2px #333333;
    box-shadow: 0 0 2px #333333;
    color: #005599;
}

.list_item a{
  color:#005599;
  text-decoration: none;
  display:block;
}

.list_item:hover a{
  color:#fff;
}


.listheader div,
.list_item div{
	border-right:1px solid #ccc;
	padding-left:5px;
	padding-right:5px;
}

.row_0{
  background-color:#F0F0F0;
}

.row_1{
  background-color:#fff;
}

.invoice{
	margin-top:10px;	
}

#inv_issuer, #inv_title, #inv_client{
	width:33%;
	height: 270px;
	float:left;
	overflow: auto;
}

#inv_title{
  text-align: center;
}

#inv_footer{
	width:100%;
	float:left;
	clear:both;
	height:160px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

#stamp_issuer_signature{
	width:100px;
	float:left;
	border-right: 1px solid #ccc;
	padding:5px;
	height:150px;
}

#expedition_data{
	width: 372px;
	border-right:1px solid #ccc;
	float:left;
	padding:5px;
	height:150px;
}

#col_1{
	float:left;
	width: 130px;
	height:160px;
	border-right:1px solid #ccc;
}

#subtotal{
	float:left;
	width:120px;
	height:30px;
	padding:5px;
	border-bottom:1px solid #ccc;
}

#client_sig{
	float:left;
	width:120px;
	height:109px;
	padding:5px;
}

#col_2{
 border-right:1px solid #ccc;
 float:left;
 width:261px;
 height:160px;
}

#val_total, #vat_total{
	float:left;
	height:30px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:120px;
	padding:5px;
}

#vat_total{
	border-right:none;
}

#grand_total{
	float:left;
	width:260px;
	text-align:center;
	padding-top: 40px;
}

span#amount{
	font-size:20px;
}

.toolbutton{
  display:block;
  float:left;
  padding-left:5px;
  padding-right:5px;
  height:35px;
  line-height:35px;
  margin:2px;
  font-size:12px;
  color:#666666;
  text-shadow: 1px 1px 1px #FFFFFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}

.toolbutton:hover{
  background-color:#ccc;
  background-image:-moz-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-webkit-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-o-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:linear-gradient(#F0F0F0,#CCCCCC);
  -moz-box-shadow:0 0 2px #666;
  -webkit-box-shadow:0 0 2px #666;
  box-shadow:0 0 2px #666;
}

.toolbutton.disabled{
  opacity:0.5;
}

div.list{
  border-bottom: 1px solid #ccc;
}

.listedit{
  background-color:transparent;
  border:none;
}

.listedit:focus{
  background-color:#fff;
}

.listedit[readonly="readonly"]:focus{
	background-color:transparent;
}

#client_data
{
	position:relative;
}

#clientList{
	position:absolute;
	left:0;
	top:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	height:220px;
	width:200px;
	background-color: #fff;
}

.winHdr{
	padding:5px;
	height: 20px;
	line-height:20px;
	border-bottom:1px solid #ccc;
	font-size:12px;
	background-color: #cccccc
}

.winHdr a
{
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	float:right;
	vertical-align:top;
	text-decoration:none;
	color:#fff;
	background-color:#CC0000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: -moz-linear-gradient(#FF6666,#CC0000);
	background-image: -webkit-linear-gradient(#FF6666,#CC0000);
	background-image: -o-linear-gradient(#FF6666,#CC0000);
	background-image: linear-gradient(#FF6666,#CC0000);
	font-size:12px;
	text-shadow: 1px 1px 1px #CCEEEE;
}

#clientItems{
  height:154px;
  padding:5px;
  background-color: #F0F0F0;
  overflow:auto;
  
}

ul.clients li a{
  display:block;
  padding-left: 5px;
  line-height:20px;
  color:#333;
  text-decoration: none;
  font-size:12px;
  font-weight:normal;
  border-bottom:1px solid #ccc;
}

ul.clients li a:hover{
  background-color:#0066cc;
  color:#fff;
  background-image: -moz-linear-gradient(#99CCFF, #0099FF);
  background-image: -webkit-linear-gradient(#99CCFF, #0099FF);
  background-image: -o-linear-gradient(#99CCFF, #0099FF);
  background-image: linear-gradient(#99CCFF, #0099FF);
  box-shadow: 0 0 2px #333333;
  border-bottom:1px solid #0099ff;
}

#quickFilter{
	height:25px;
	background-color:#ccc;
	line-height:25px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

#QF{
  border:1px solid #999;
  background-color:#f9f9f9;
  margin-left:10px;
}

.pickbutton{
  border:1px solid #cccccc;
  background-color:#F0F0F0;
  color:#333;
  font-size:12px;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  margin-top:5px;
  background-image: -moz-linear-gradient(#F9F9F9,#CCCCCC);
  background-image: -webkit-linear-gradient(#F9F9F9,#CCCCCC);
  background-image: -o-linear-gradient(#F9F9F9,#CCCCCC);
  background-image: linear-gradient(#F9F9F9,#CCCCCC);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.pickbutton:hover{
  background-image: -moz-linear-gradient(#F9F9F9,#DFDFDF);
  background-image: -webkit-linear-gradient(#F9F9F9,#DFDFDF);
  background-image: -o-linear-gradient(#F9F9F9,#DFDFDF);
  background-image: linear-gradient(#F9F9F9,#DFDFDF);
  -moz-box-shadow: 0 0 1px #999;
  -webkit-box-shadow: 0 0 1px #999;
  box-shadow: 0 0 1px #999;
}

#inv_title .inputbox{
  border-width: 0 0 1px 0;
  background-color:transparent;
  border-style: solid;
  border-color:#000;
}

#i_grand_total{
	margin-top:10px;
	font-size:22px;
	width:80px;
}

.printbtn,
.delebtn,
.pdfbtn,
.pselectbtn{
  position:absolute;
  right:10px;
  top:0;
  width:80px;
  height:16px;
  line-height:16px;
  border:1px solid #999;
  background-color:#ccc;
  background-image:-moz-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-webkit-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-o-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:linear-gradient(#F0F0F0,#CCCCCC);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#333 !important;
  text-align:center;
  margin:1px;
  display:none !important;
}

.pselectbtn{
	display:inline !important;
	width:auto;
	padding: 0 5px 0 5px;
}

.pdfbtn{
  right: 100px;
}

.printbtn:hover,
.delebtn:hover,
.pdfbtn:hover{
  background-color:#DFDFDF;
  background-image:-moz-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:-webkit-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:-o-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:linear-gradient(#F9F9F9,#DDDDDD);
}

.list_item:hover .printbtn,
.list_item:hover .delebtn,
.list_item:hover .pdfbtn{
	  display:block !important;
}

.messagewindow
{
	position:fixed;
	z-index:9999;
	left: 50%;
	top:50%;
	margin-left:-200px;
	margin-top:-150px;
	width:390px;
	height:290px;
	border:5px solid #999999;
	background-color:#ffffff;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display:none;
	color:#333333;
}

.messagewindow p{
  font-size:14px;
  margin-left:1em;
  margin-right:1em;
}

.messagewindow ul,
.messagewindow li
{
	list-style-position: outside;
	list-style-type: disc;
	font-size:13px;
}

.messagewindow ul{
  padding-left:20px;
  padding-right:20px;
}

.messagewindow li{
  margin-left:20px;
}

#deletewarning
{
	border-color:#cc0000;
	background-color: #FFFFCC;
	color:#660000;
}

.messagewindow h1{
  font-size:20px;
  font-weight:normal;
}

.messagewindow h3{
  margin-left:1em;
  padding-bottom:1em;
}

.delete-yes{
	padding:10px;
	border:1px solid #cc0000;
	background-color:#ff0000;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	background-image: -moz-linear-gradient(#FF3333,#CC3333);
	background-image: -webkit-linear-gradient(#FF3333,#CC3333);
	background-image: -o-linear-gradient(#FF3333,#CC3333);
	background-image: linear-gradient(#FF3333,#CC3333);
	text-shadow: 1px 1px 1px #FF9999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.delete-yes:hover{
	background-color:#ff3333;
	background-image: -moz-linear-gradient(#FF6655,#CC3333);
	background-image: -webkit-linear-gradient(#FF6655,#CC3333);
	background-image: -o-linear-gradient(#FF6655,#CC3333);
	background-image: linear-gradient(#FF6655,#CC3333);
}

.delete-no,
.btn-no
{
	padding:10px;
	border:1px solid #cccccc;
	background-color:#f9f9f9;
	color:#333;
	font-weight:bold;
	text-decoration: none;
	background-image: -moz-linear-gradient(#F0F0F0,#CCCCCC);
	background-image: -webkit-linear-gradient(#F0F0F0,#CCCCCC);
	background-image: -o-linear-gradient(#F0F0F0,#CCCCCC);
	background-image: linear-gradient(#F0F0F0,#CCCCCC);
	text-shadow: 1px 1px 1px #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
}

.delete-no:hover,
.btn-no:hover{
	background-color:#DFDFDF;
	background-image: -moz-linear-gradient(#F9F9F9,#DFDFDF);
	background-image: -webkit-linear-gradient(#F9F9F9,#DFDFDF);
	background-image: -o-linear-gradient(#F9F9F9,#DFDFDF);
	background-image: linear-gradient(#F9F9F9,#DFDFDF);
}

#content_inner h1{
  color:#0066CC;
  font-weight:normal;
  font-family:verdana, helvetica, sans-serif;
  background-color:#ffffff;
  background-image: -moz-linear-gradient(#ffffff,#f0f0f0);
  background-image: -webkit-linear-gradient(#ffffff,#f0f0f0);
  background-image: -o-linear-gradient(#ffffff,#f0f0f0);
  background-image: linear-gradient(#ffffff,#f0f0f0);
}

.inputarea label{
	width:200px;
	display:inline-block;
	vertical-align: top;
}

.inputarea input,
.inputarea textarea,
.inputarea select{
  border:1px solid #ccc;
  padding:2px;
  width:250px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:#fff;
}

.inputarea input:hover,
.inputarea textarea:hover,
.inputarea select:hover{
  border:1px solid #0099cc;
}

.inputarea input:focus,
.inputarea textarea:focus,
.inputarea select:focus{
  border:1px solid #0066cc;
}
.inputarea{
  padding:2px;
}

.file_uploader label{
  display:block;
  font-size:14px;
}

.file_uploader label.second{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #ccc;
}

.file_uploader input{
  width:auto !important;
}

form{
  background-color:#F0F0F0;
  padding:10px;
}

form#the-invoice
{
	background-color:transparent !important;
	padding:0 !important;
}

#message
{
	position:fixed;
	width:400px;
	height:150px;
	margin-left:-205px;
	margin-top:-80px;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	left:50%;
	top:50%;
	z-index:9999px;
	border:5px solid #ccc;
	background-color:#F0F0F0;
	text-align: center;
	display:none;
}

#message .inner{
  height: 100px !important;
}

#message ul{
  font-size:16px;
  text-align: center;
  margin-top:20px;
}

.err{
  color:#c00;
}

.info
{
	color:#0066CC;
}

.toolbarbox{
  display:block;
  float:left;
  padding-left:5px;
  padding-right:5px;
  height:30px;
  line-height:30px;
  border:1px solid #ccc;
  margin:2px;
  font-size:10px;
  color:#666666;
  text-shadow: 1px 1px 1px #FFFFFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-decoration:none;	
  background-color:#F0F0F0;
}

span.toolbarbox select{
  height:15px;
  border:none;
}

span.label{
  display:block;
  height:11px;
  padding-top:3px;
}

.toolbarbox:hover,
.toolbarbox:focus
{
	  -moz-box-shadow:0 0 2px #666;
	  -webkit-box-shadow:0 0 2px #666;
	  box-shadow:0 0 2px #666;
	  border:1px solid transparent;
}

#date1,#date2{
  margin:0;
  border:1px solid transparent;
  background-color: #F0F0F0;
  height:11px;
}

#date1{
  border-bottom:1px solid #ccc;
}

span.toolbarbox{
  line-height:10px;
}

span.toolbarbox label{
  width:40px;
  display:inline-block;
}

span.toolbar_separator{
  display:block;
  float:left;
  width:0px;
  margin-top:5px;
  height:30px;
  margin-bottom:5px;
  border-left:1px solid #ccc;
  border-right:1px solid #E9E9E9;
}

#details{
  display:none;
  position:fixed;
  z-index:9999;
  height:240px;
  width:500px;
  left:50%;
  top:50%;
  margin-left: -255px;
  margin-top: -125px;
  border:5px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 3px #000;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
  background-color:#F0F0F0;
}

#details hr{
  color:#ccc;
  height:1px;
}

.file_uploader{
  float:right;
  padding-left:10px;
  border-left:1px solid #ccc;
}

#currencies
{
	width:220px;
	border:1px solid #ccc;
	float:left;
	margin: 0px 10px 10px 10px;
}

#currencies .list{
  height:260px;
  width:100%;
  float:left;
  overflow:auto;
}

h2{
  color:#333;
  font-size:16px;
  font-weight:normal;
  margin:0;
  padding:10px 10px 10px 10px;
  background-color: #F0F0F0;
  background-image: -moz-linear-gradient(#F9F9F9,#E9E9E9);
  background-image: -webkit-linear-gradient(#F9F9F9,#E9E9E9);
  background-image: -o-linear-gradient(#F9F9F9,#E9E9E9);
  background-image: linear-gradient(#F9F9F9,#E9E9E9);
}

.inputarea input.readonly{
  color:#666;
  background-color: #E0E0E0;
}

.inputarea input.readonly:hover{
  border:1px solid #999;
}

.inputarea input.readonly:focus{
  border:1px solid #666 !important;
}

.status_1
{
	background-color:#ff9999;
	background-image: -moz-linear-gradient(#ff9999,#ff6666);
	background-image: -webkit-linear-gradient(#ff9999,#ff6666);
	background-image: -o-linear-gradient(#ff9999,#ff6666);
	background-image: linear-gradient(#ff9999,#ff6666);
}

.status_3
{
	background-color:#FFDDAA;
	background-image: -moz-linear-gradient(#ffeecc,#ffddaa);
	background-image: -webkit-linear-gradient(#ffeecc,#ffddaa);
	background-image: -o-linear-gradient(#ffeecc,#ffddaa);
	background-image: linear-gradient(#ffeecc,#ffddaa);
}

#logo{
  margin:5px;
  float:left;
}

.button{
  padding:5px;
  font-size:14px;
  text-shadow:1px 1px 1px #fff;	
  border:1px solid #999;
  background-color:#ccc;
  background-image:-moz-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-webkit-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:-o-linear-gradient(#F0F0F0,#CCCCCC);
  background-image:linear-gradient(#F0F0F0,#CCCCCC);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#333 !important;
  text-align:center;
  margin:1px;
}

.button:hover
{
  background-color:#DFDFDF;
  background-image:-moz-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:-webkit-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:-o-linear-gradient(#F9F9F9,#DDDDDD);
  background-image:linear-gradient(#F9F9F9,#DDDDDD);
}

.bold, .bold *{
  font-weight:bold !important;
}

div.messagetext
{
	font-size:12px;
	padding:0 10px 10px 10px;
}

span.msgNum{
  display:inline-block;
  height:20px;
  width:20px;
  background-color:#cc0000;
  color:#fff;
  line-height:20px;
  vertical-align:middle;
  text-align:center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  font-size:10px;
  text-shadow:0 0 0 #fff;
}

#product-list{
	position:absolute;
	left:0;
	top:25px;
	width:auto;
	height:150px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#fff;
	border:3px solid #999;
	-moz-box-shadow:0 0 3px #666;
	-webkit-box-shadow:0 0 3px #666;
	box-shadow:0 0 3px #666;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:999999999999;
}

#product-list a{
	color:#000 !important;
}

#product-list .item_id,
#product-list .delebtn{
	display:none !important;
}

.thetotal
{
	text-align:center;
	font-size:16px;
}

.tot{
	font-weight:bold;
	margin-right:3em;
}