body {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 15px;
}

.maincontent {
     margin: auto;
     width: 80%;
     border: 1px solid #5e5858;
     padding: 10px;
} 

.island {
	padding: 1.5em 0.75em; margin-top: 1em; margin-bottom: 1.5em;
}

.dataline{
	background:#dfdfdf;
	padding:.2em;
	font-weight:bold;
	height:auto;
	line-height:1.2em;
	width:100%;
}

.caption1 {
	display: inline-block;
  	width: 40%;
	font-weight:bold;
}

.data1 {
	font-weight:normal;
	text-align: left;
	padding-bottom: 7px;
	line-height:20px;	
}

.wsbutton{
	margin: 0px 0px 10px, 0px;
	border-radius: 0.75em;
	transition: background-color 100ms ease-in-out;
	color: rgb(245, 245, 245);
	text-transform: none;
	display: block;
	min-height: 4.5em;
	box-shadow: 0px 0.25em 0px 0px #000000;
	background-color: rgb(63, 63, 65);

	width: 48%;
}

.wsbutton:hover {
    text-decoration: none;
    background-color: #5e5757;
    color: rgb(245, 245, 245);
    box-shadow: 0 0.25em 0 0 #000000;
}

.actionbtn {
	margin: 0px 0px 10px, 0px;
	border-radius: 0.75em;
	transition: background-color 100ms ease-in-out;
	color: rgb(245, 245, 245);
	text-transform: none;
	display: block;
	min-height: 4.5em;
	box-shadow: 0px 0.25em 0px 0px #000000;
	background-color: rgb(63, 63, 65);
	/*width: 48%;*/
}

.actionbtn:hover {
    text-decoration: none;
    background-color: #5e5757;
    color: rgb(245, 245, 245);
    box-shadow: 0 0.25em 0 0 #000000;
}

.inputerror1 {
	color:red;
	font-weight:bold;
}

.errortitle {
	padding-top: 2px; 
	padding-bottom:2px;
	padding-left:5px; 
	border: #FF000 1px solid;
	text-align: left;
	color:#000000;
	font-weight:bold;
	background-color:#fcccd3;
}

.inputbox {
	padding:.2em;
}

/*table td {
border: 1px solid black;
}*/

.cart {
	border: 1px solid black;
}

.field {
	width:80%;
	height:30px;
	margin: 0px 0px 20px 0px;
}

.label {
	font-weight:bold;	
}

@media only screen and (max-width: 600px) {
    .field {
	width:50%;
	height:30px;
	margin: 0px 0px 20px 0px;
    }
}