@charset "UTF-8";
/* CSS Document */

/* contact details */
#cdtls {
	background-color: white;
	width: 100%;
	max-width: 780px;
	min-width: 270px;
	display: table;
}
/* each field's div. id */ 
#ttl, #nm, #odn, #pnm, #scc, #stt, #asd, #twn, #cns, #dcc, #eml, #pms, #pmop {
	margin-top: 0.5em;
}
/* error messages to go with each field */
#erMsg1, #erMsg2,#erMsg3,#erMsg4,#erMsg5,#erMsg6,#erMsg7,#erMsg8,#erMsg9, #erMsg10 {
	color: red;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
/* labels */
.cntctdtls {
	line-height: 2.0em;
	font-weight: bold;
	text-align: right;	
	vertical-align: middle;
	display: table-cell;
	width: 270px;
	height: 2.0em;
	padding-right: 20px;
}
/* required  & not-required */
.rqrd, .ntRqrd {
	font-size: larger;
	line-height: 2.0em;
	vertical-align: sub;
	display: inline-block;	
	width: 0.5em;	
	height: 2.0em;
}
.rqrd {
	color: red;
	text-align: center;
}
/* input fields */
.inpt {
	line-height: auto;
	vertical-align: middle;
	display: table-cell;
	height: 2.0em;	
}

/* special styles */
/* extra info. to go with Order Number & Phone Number */
.mssg {
	font-size: smaller;
	font-style: italic;
	margin-left: 7em;
}
/* address fields x3 */
.adrrws {
	vertical-align: top;
	display: table-cell;
}
/* address label alignment */
.vat {
	vertical-align: top;
}
/* payments spacer top */
.pmspcr {
	height: 1.5em;	
}

/* media queries */
@media (max-width: 550px) {
	#cdtls {
		margin-left: 10px;
	}
	#cdtls, .cntctdtls, .inpt, .adrrws {
		display: block;
	}
	.cntctdtls {
		text-align: left;
		}
	.mssg {
	margin-left: 1em;
	}
}