#products {
	background: url(mages/bg_head.gif) repeat-x;
	background-position: top;
	padding-bottom: 20px;
	float: left;
	width: 770px;
	font-size: 9px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 770px;
}
html>body #item {
	width: 770px;
}

#item {
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 0 0 0 0px;
	display: inline;
	width: 750px;
}

#item TR {
	float: left;
	padding: 0px;
	margin: 0px;
}
#item TR TD {
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	display: inline;
	vertical-align: top;
	border-right: #888 1px dotted;
	border-bottom: #888 1px dotted;
	width: 125px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 146px;
}
html>body #item TR TD {
	width: 125px;
}

#item TR.alt TD {
	background: #eee;
}

#item .itemnumber {
	background: url('iages/bg_item_number.gif') no-repeat top left;
	font-size: 9px;
	padding-bottom: 3px;
	color: #999;
	float: right;
}


#products .pic {
	background: #fff;
	width: 75px;
	height: 75px;
	margin: 0;
	padding: 6px;
	border: 1px solid #f4f4f4;
}

#products .manufact {
	font-size: 9px;
	color: #666;
}

#products .price {
	float: right;
	text-align: right;
	padding-top: 5px;
	width: 125px;
	color: #c22;
	height: 30px;
}

#products .prodinfo {
	clear: both;
	padding-top: 6px;
	min-height: 62px;
  height: auto !important;
  height: 62px;
	font-size: 10px;
	color: #aaa;
}
#products .prodname {
	font-weight: bold;
	color: #aaa;
}
#products .prodname A {
	color: #192E4E;
}
#products .prodname A:hover {
	color: #c22;
}

#products .supplier {
	float: right;
	text-align: right;
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	margin: 0;
	color: #666;
}

#products .qty {
	float: left;
	padding-top: 6px;
	text-align: left;
	font-size: 10px;
	margin: 0;
	color: #666;
}

#products .carts {
	float: right;
	width: 129px;
	padding-top: 5px;
	text-align: right;
	font-size: 10px;
	margin: 0;
	color: #666;
}

#products .variations {
	clear:both;
	font-size: 10px;
	margin: 0;
	padding-top: 5px;
}

#products .variations A {
	text-decoration: underline;
	color: #999;
}

.noprod {
	padding: 0px 20px 20px 20px;
	text-align: center;
	color: #555;
}

#test {
 border: 1px solid #000000;
 padding: 10px;
 background-image: url('javascript:alert(message);')
}

#loader_container {
	text-align:center;
	position:absolute;
	top:40%;
	width: 100%
}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width: 135px;
	border:1px solid #eee;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width: 113px;font-size:1px
}
/*
.title_h2 {
  padding: 5px 10px 0px 10px;
	height: 24px;
 	font-size: 10px;
	color: #555;
	font-weight: normal;
	overflow: none;
}
 */
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #ddd;
}
	
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
/*
	padding: 0px 10px 10px 10px;
*/
	padding: 15px 10px 15px 10px;
}
.preview_temp_load img{
	vertical-align:middle;
	text-align:center;
}