


#centerit, .centerit{
	 
    padding: 0px;
}
#container{
border:solid 3px gray;
border-radius:10px;
display:inline-block;
min-width:850px;
margin: 2px,auto;

}
#container .container-main{
display:block;
position:relative;
}
 

#header{
text-align:center;
background:#fffaeb;
padding:5px;
border-bottom:dotted 2px #000000;	
}
/* heading for each section --- sender,receiver, transaction, payment */


#header .newrow{
	margin:0;
	padding-top:0px;
	margin: auto;
    width: 80%;
}
#header .newrow .companylogo{
	margin:0;
	display:inline;
}
#header .newrow .headerlogo{
	margin:0;
	display:inline;
}
#header .companyname h1{
	margin:0;
	padding:0px;
	font:bold 36px/1.7em "Montserrat","Playfair Display","GT Walsheim",sans-serif;
	display:inline;
}
#header .newrow .address h4{
	text-transform:uppercase;
	font:bold 14px Comic Sans MS,"monospace","helvetica","Trebuchet MS","avenir";
	display:inline;
}
#header .newrow .contact{
	text-transform:uppercase;
	font:bold 16px "Montserrat","Playfair Display","GT Walsheim",sans-serif;
}
#header .newrow .contact strong{
	text-transform:uppercase;
	font:bold 16px/1.4em "Montserrat","Playfair Display","GT Walsheim",sans-serif;
}
#header .newrow .contact span.tel{
	font-weight:bold;
}

#header .newrow .contact span.email,#header .newrow .contact span.website{
	text-transform:uppercase;
	font:normal 10px tahoma,"monospace","helvetica","Trebuchet MS","avenir";
	display:inline-block;
	padding-top:5px;
	font-weight:bold;
}



/************************ Sender & Receiver Section *********/
#transPayment{
	margin-top:10px;
}
.sheading h2{
	font:bold 18px/1.0em Comic Sans MS,"Helvetica","Gadget";
	text-transform:uppercase;
	margin-top:0px;
}
#transPayment .trans {
	padding-top:10px;
	border-top:double 3px gray;
	border-right:dotted 3px gray;	
} 

 #transPayment .payment{
	 padding-top:10px;
	border-top: 3px gray double;
	border-left:dotted 3px gray;	
} 
#senderReceiver,#transPayment {
	display:block;	
	padding:4px 8px;
	
}

 .sender, .trans, .receiver, .payment{
display:inline-block;	
overflow:hidden;
}
 .receiver, .payment{
	display:inline-block;
	float:right;
}
 .sender, .trans{
	display:inline-block;
	float:left;
}

.item{	
display:block;
padding-top:15px;
float:left;
line-height:3.5em;
}
 .col1, .col2{
display:inline-block;	
}

 .col1{
width:220px;
float:left;
}


.item h4{
font:bold 17px/1.0em "Playfair Display", sans-serif;
text-transform:uppercase;		
display:inline;
width:100%;

}
.item strong{
font:bold 17px/1.0em "Playfair Display", sans-serif;
text-transform:capitalize;	
float:left;
margin:0 10px;
width:100%;
word-wrap: break-word;
display:inline-block;

}

/* -----date & Time- */
.datetime{
	margin:10px;
	float:right;
	padding-top:10px;
}
.date, .time{
	margin-left:10px;
	float:right;
	font-weight:bold;
}
.companysign,.custsign{
margin-top:35px;
border-top:dotted 2px #000000;
float:right;
width:250px;
font-weight:bold;
}
.companysign strong,.custsign strong{
	margin-top:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.custsign{
float:right;
}
.custsign{
	float:left;
}
.clearfix{
	clear:both;
}
.print{
	padding-top:0px;
	text-align:center;
}