#rof-div .imgButton:hover {
	cursor:pointer;
}
#rof-div .rof-ErrMsg {
	color: #DF0000;
	font-weight: bold;
}
div.rof-ErrMsg {
	z-index:30;
	display:block;
	position:absolute;
	width:150px;
	padding: 8px;
	margin-top: 25px;
	background-color:#fff;
	border:1px solid #000;
	margin-left:-150px;
}
#rof-div .imgButton {
background-color:#ff6c00;border:1px outset #ff6c00;border-radius:.54em;color:#fff;font-size:.95em;padding:.27em .54em;vertical-align: bottom;
}
#rof-div .rof-del .imgButton{background-color:#dd0000;border:1px outset #dd0000;}

#rof-div {
	max-width: 730px;
	margin:auto;
}
#rof-div label {
	display:block;
	padding:0 5px;
	font-weight: bold;
	margin:.5em 0 .25em;
}
.rof-input-container{padding:0 0 .5em}
.rof-input-container .imgButton{margin:1em 0 0}
@media only screen and (min-width:30em) { /*480px*/
	.rof-input-container{float:left;padding:0 1em 0 0}
	.rof-input-container .imgButton{margin:2.375em 0 0}
}
#rof-div p, #rof-div form{
	text-align: left;
}
#rof-ProdCode{width:150px}
#rof-ProdQty{width:75px}
#rof-ProdsDiv {
	margin:auto;
	text-align: left;
}
#rof-products {
	display:table;
	width:100%;
	border-spacing:0;
}
div.rof-product {
	width:49%;
	display:inline-block;
	text-align:center;
}
div.rof-Row {
	width:auto;
	display:table-row;
	text-align:left;
}
.rof-quant input{position:relative;margin:0 auto;width:50px;}
div.rof-Cell {
	display:table-cell;
	vertical-align:middle;
}
div.rof-Tbody {
	display:table-row-group;
}
div.rof-Foot {
	text-align:right;
	margin-top:4px;
}
#rof-products>div.rof-Thead {
	display:table-header-group;
	background-color: #438585;
	color:#fff;

}
#rof-products>.rof-Thead div.rof-Cell{
	padding:4px;
	font-size:110%;
	white-space: nowrap;
}
#rof-products div.rof-Cell{
	padding:4px 4px 6px;
}
#rof-AddedProds div.rof-Cell{
	border-bottom: solid 1px #222;
}
input.rof-invalid {
	background-color:red;
}