* { margin: 0; padding: 0; }
body {
	font: 14px "Lucida Grande", Helvetica, Sans-Serif;
	/* background-image: url(/order/images/sewingproducts1500fade1.png);
	background-repeat: repeat-x;
	background-position: center top; */
	
}
table { border-collapse: collapse; }
#page-wrap {
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	/*background-image: url(/order/images/sewingproducts1500fade1.png);
	background-repeat: repeat;
	background-position: center bottom; */
}
.wrapper {
	width: 960px;
}

h1 {
	letter-spacing: -2px;
	margin: 0 0 10px 0;
	font-family: Helvetica;
	font-size:30px;
}
.hdiv1 {
	width: 960px;
	margin: 0px;
}
.clear { clear: both; }
#order-form {
	width: 800px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#order-table {
	width: 800px; 
}
#order-table td { padding: 5px; }
#order-table th {
	padding: 5px;
	color: #000;
	text-align: left;
	background-color: #FC0;
}
#order-table td .row-total { text-align: right; }
#order-table td input {
	width: 70px;
	text-align: right;
	float: right;
	margin-right: 17px;
	font-size: 14px;
	color: #000;
}
#order-table tr.even td { background: #eee; }
.num-pallets input { background: white; }
.num-pallets input.warning { background: #ffdcdc; }

#order-table td .total-box, .total-box {
	border: 1px solid #FC0;
	width: 70px;
	padding: 3px;
	text-align: right;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 0;
}

#shipping-subtotal { margin: 0; }

#shipping-table { width: 350px; float: right; }
#shipping-table td { padding: 5px; }

#shipping-table th { padding: 5px; background: #FC0; color: #000; text-align: left; }
#shipping-table td input { width: 69px;  text-align: center; }

#order-total {
	font-weight: bold;
	font-size: 21px;
	width: 110px;
	color: #000;
}
.order-total {
	text-align: right;
	padding-right: 5px;
}
.submit {
	background: #FC0;
	color: #000;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	margin-right: 17px;
}
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
}
.picBlock {
	width: 400px;
	position: absolute;
	z-index: 1000;
	left: 30%;
	top: 30%;
}
.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
#imageLink {
     background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}