#logo{
	text-align:center;			
}

#mainBar{
	background-image:url(/images/brick.jpg);
	padding:10px 0;
}

#mainBar ul{
	text-align:center;
}

#mainBar li{
	display:inline;
}

#mainBar img{
	border:0;
	border: 1px solid #C0C0C0;
	width:140px;
	height:51px;
}

#menuBar{			
	background:#333333 url(/images/greysliver.jpg);
	padding:5px 0;
	border:1px solid #999999;			
}

#menuBar ul{
	text-align:center;
}	

#menuBar li{
	display:inline;
}
		
.formLayout ol{
	padding:0;
	margin:0;
	list-style:none;
}	

.formLayout li{
	padding-bottom:5px;
	margin:2px 0;
}

.formLayout label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:10px;		
	font-weight:bold;
}

.formLayout input, select{				
	text-align:left;
}

.formLayout fieldset{
	width:100%;	
	padding:0;
	margin:0;
	border: 0;	
}

h2{
	background-color:6b6b6b;		
	width:100%;		
	margin:5px 0px;
	padding:5px 0px 5px 5px;
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	
	color:white;
}

h1{		
	width:100%;
	font:bold 20px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
}

#checkoutContainer{
	padding-left:10px;
	padding-bottom:10px;
}

#submitButton input{
	width:200px;
	float:right;
}

.container{
	width:99%;	
}

.list{
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}

.list th{	
	font-weight:bold;
	text-align:left;
}

.compactList{
	margin-bottom:5px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}

.compactList th{
	margin:5px 0;
	font-weight:bold;
	text-align:left;
}

.compactList tr, td{
	margin:0;
	padding:0;
}

.checkoutButtons p{
	text-align:right;
	margin-bottom:5px;
}

#invoiceInformation table,
#invoiceReturnInformation table{
	padding:10px 10px;
}

#invoiceReturnInformation th{
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid black;
}

#invoiceReturnInformation td{
	padding-top:3px;
}

/*
Order Form
*/

#orderFormContainer{
	padding:5px;
}

#orderFormContainer ul{
	list-style:none;
	padding:0;
	margin:0;
}

#orderFormOfficeInfo{
	
}

#orderFormOfficeAddress{
	float:left;
	width:150px;	
}

#orderFormOfficeLogo{
	float:left;
	width:410px;
	text-align:center;
}

#orderFormOfficeTelephone{
	float:right;
	width:150px;
	text-align:right;
}

#orderFormOrderInfo{
	clear:both;	
	padding-top:10px;	
}

#orderFormOrderInfo p{
	padding:0;
	margin:0;	
}

#orderFormOrderInfo label{
	padding-right:30px;
}

#orderFormDateOrdered{
	float:left;	
}

#orderFormOrderNumber{
	float:right;
}

#orderFormOrderInfoBottom{
	border-top:1px solid black;	
}

#orderFormCustomerInformation{
	clear:both;
	padding-top:10px;
}

#orderFormCustomerInformation .big{
	width:60%;
}

#orderFormCustomerInformation .medium input{
	width:250px;
	float:right;
}

#orderFormCustomerInformation .medium label{
	float:left;
}


#orderFormCustomerInformation td{
	padding:2px;
}

#orderFormCustomerInformation input,
#orderFormCustomerInformation textarea,
#orderFormCustomerInformation select{
	font-size:11px;	
}

#orderFormCustomerInformation .bigInput{
	width:90%;
}


#orderFormCustomerInformation table{
	width:100%;
	font-size:11px;
	border-collapse: collapse;
}

#orderFormCustomerInformation label{
	font-weight:bold;
}



#orderFormBody table{
	width:100%;
	border-top:none;
	border-collapse: collapse;
}

#orderFormBody input{
	width:2em;
}

#orderFormBody th,
#orderFormBody td{
	font-size:11px;
}

#orderFormBody td{
	text-align:center;
}



#publishInfo{
	clear:both;
	text-align:center;
	padding-top:10px;
}

#orderInvoice{
	padding:0;
	margin:0;	
	border:1px solid black;
	border-top:none;
}

#orderInvoice h1{
	padding:5px 0 5px 0;
	margin:0;
	font-size:14px;
}

#orderInvoice th{
	border-bottom:1px solid black;
}

.clear{
	clear:both;
}

.supplier{
	width:70px;
}

.productCode{
	width:100px;
}

.description{
	width:200px;
}

.um{
	width:60px;
}

.order{
	width:50px;
}

.ship{
	width:50px;
}

.backOrder{
	
}

/* INVOICE FORM */

#invoiceFormBody table{
	width:100%;
	border-top:none;
	border-collapse: collapse;
}

#invoiceFormBody th,
#invoiceFormBody td{
	font-size:11px;
}

#invoiceFormBody input{
	font-size:11px;
}

#invoiceFormBody td{
	text-align:center;
}

#invoiceFormBody .totalHeader{
	text-align:right;
	font-weight:bold;	
}

#invoiceFormBody .totalAmount{
	text-align:right;
	font-weight:bold;	
	
}



/* RETURN FORM */
#returnContainer{
	padding:5px;
	font-size:12px;
}

#returnContainer input,
#returnContainer textarea{
	font-size:11px;
}

#returnContainer ul{
	list-style:none;
	padding:0;
	margin:0;
}


#returnContainer label{
	font-weight:bold;
}

#returnContainer h1{
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

#returnContainer h2{
	font-size:13px;
	font-weight:bold;	
	background-color:transparent;
	color:000;
	text-align:center;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

#returnContainer h3{
	font-size:13px;
	font-weight:bold;
	text-align:left;		
	padding:0;
	margin:0;
}

#returnHeaderLeft{
	float:left;
	width:350px;	
}

#returnHeaderCenter{
	float:left;
}

#returnHeaderRight{
	float:right;
}

#returnHederAddress{
	margin:0;	
	padding:10px 0 2px 220px;
	margin-bottom:10px;
	clear:both;
	border-bottom:2px solid black;
}

#returnShipTo span{
	padding-left:55px;
}

#returnPhone span{
	padding-left:94px;
}

#returnFax span{
	padding-left:108px;
}

#returnShipping{
	float:left;
	width:400px;	
}

#returnCredit{
	float:right;	
	width:465px;
}

#returnBodyItems{
	clear:both;
}

#returnVia{
	height:65px;
	border:1px solid black;
	padding:0;
	margin:0;
}

#returnCreditAmounts{
	border:1px solid black;	
	padding:0;
	margin:0;
	margin-bottom:10px;
}
#returnCreditAmounts p{
	padding:0;
	margin:0;	
}

#returnCreditAmounts ul{
	padding-bottom:5px;
}

#returnCreditAmounts li{
	display:inline;
	padding-right:5px;
}

#returnBodyItems input{
	width:2em;
}

#returnBodyItems textarea{
	width:90%;
	height:90%;
}

#returnBodyItems table{
	font-size:11px;
	width:100%;	
	border-collapse: collapse;
}

#returnBodyItems td{
	padding:2px;
}

#returnBodyItems .big{
	width:100%;
}

#returnMessage{
	float:left;
	width:350px;
}

#returnMessage textarea{
	width:100%;
	height:80px;
}

#returnBodyMessageReceiver p{
	padding:0;
	margin:0;
}

#message h1{
	font-size:13px;
	font-weight:bold;
	color:red;
}

#returnReceiver{
	float:right;
	width:400px;
	border:1px solid black;
	border-top:none;
}

#returnReceiver li{
	display:inline;
	padding-right:5px;
}

#returnReceiver ul{
	padding-bottom:5px;
}

#returnReceiver h3{
	text-align:center;
	padding-bottom:5px;
}

#returnFooter{
	clear:both;
	padding-top:10px;
	text-align:center;
}

.userPadding{
	padding-left:50px;
}

.error{
	text-align:center;	
	margin-bottom:10px;
}

.error li{	
	list-style:none;
	padding-bottom:3px;
	font-weight:bold;
	color:red;
}