body  {
	font-size:14pt;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	background:url(../images/bg.jpg);
	background-position:top left;
	background-repeat:no-repeat !important;
	padding-top:5px;
	color:#666;
	}

hr  {
	margin-top:20px;
	margin-bottom:20px;
	}
.logo  {
	width:400px;
	padding:20px;
	}
a:link {
	color:#039;
	text-decoration:none;
	}
a:visited {
	color:#039;
	text-decoration:none;
	}
a:hover  {
	color:#03F;
	text-decoration:none;
	}
a:active  {
	color:#F30;
	text-decoration:none;
	}
.small-text  {
	font-size:12px;
	}
.center {
		margin: auto;
		width: 100%;
		max-width:750px;
		background:#FFF;
		min-height:400px;
		border:solid 1px #DFDFDF;
		border-radius:10px;
		box-shadow: 0 0 20px #FFFFFF;
		}
.center2 {
		width: 98%;
		font-size:16px;
		padding: 10px;
		}
.center2 img  {
	float:right;
	padding:20px;
	}
input  {
		font-size:16px;
		border:1px dashed #CCC;
		border-radius:5px;
	}
textarea  {
		font-size:16px;
		font-family: 'Roboto', sans-serif;
		border-radius:5px;
		width:98%;
		height:200px;
		border:1px dashed #CCC;
		}
select {
		font-size:16px;
		border:1px dashed #CCC;
		border-radius:5px;
	}
button  {
		font-size:16px;
		border-radius:5px;
		border:1px solid #CCC;
		background:#E8F9E8;
	padding:5px
	}

button:hover  {
	background:#CCEABF;
	}
	
input,textarea,select,button:focus  {
	outline:none;
	}
.login-table  {
	font-size:36px;
	width:100%;
	}
.login-table td  {
	padding-right:5px;
	text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
	}
.login-table input  {
		font-size:48px;
		border:1px solid #CCC;
		width:100px;
		text-align:center;
	}
.login-table file  {
		font-size:48px;
		border:1px solid #CCC;
		width:100px;
		text-align:center;
	}
.login-table button  {
		font-size:18px;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;;
	}
	
.time-table  {
	font-size:16px;
	width:100%;
	table-layout: fixed;
	}
.time-table td  {
	padding-right:5px;
	text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
	}
.time-table input  {
		font-size:14px;
		border:1px dashed #CCC;
		border-radius:5px;
		width:300px;
	}
.time-table textarea  {
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		border-radius:5px;
		}
.time-table select {
		font-size:14px;
		border:1px dashed #CCC;
		border-radius:5px;
		height:30px;
		width:100%;
	}
.time-table button  {
		font-size:16px;
		padding:10px;
		width:99%;
		margin-top:20px;
	}

.time-table input,textarea,select,button:focus  {
	outline:none;
	}
	
.greeting  {
	font-size:26px;
	}
h1  {
	font-size:28px;
	font-weight:200;
	}
.del-entry {
	padding:30px;
	text-align:center;
	font-size:28px;
	}
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 20 0;
	width:40px;
}
.text-center  {
	text-align:center;
	}
h2  {
	font-size:16px;
	font-weight:100;
	}
	
.center-footer {
	margin: auto;
	margin-top:50px;
	width: 500px;
	padding: 5px;
	border:1px #E0E0E0 solid;
	background:#FFF;
	text-align:center; 
	font-size:11px;
	}
.center-header {
	margin: auto;
	margin-bottom:5px;
	width: 100%;
	background:#FFF;
	height:100px;
	border:1px #E0E0E0 solid;
	border-radius:10px;
	max-width:750px;
	box-shadow: 0 0 20px #FFFFFF;
	}
.center-header img {
	float:right;
	height:80px;
	margin-right:10px;
	margin-top:7px;
	}
.hideshowdiv  {
	cursor:pointer;
	}
.collapsible {
  background-color: #51708E;
  color: white;
  cursor: pointer;
  padding: 3px;
  width: 97%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12px;
}

.active, .collapsible:hover {
  background-color: #CCC;
}

.content {
  /*padding: 0 18px;*/
  display: none;
  overflow: hidden;
  /*background-color: #f1f1f1;*/
}
#txt  {
	font-size:85px;
	font-weight:100;
	color:#F0F0F0;
	-webkit-text-fill-color: white; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #999 ;
	position: absolute;
	right: -100px;
	top: 190px;
	z-index:-1;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	}
#basket_control { font-size:14px;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(http://mayfair.planb-it.co.uk/images/loader-128x/Preloader_2.gif) center no-repeat #fff;
}
.cust-search  	{ 
	display:none; 
	position:fixed; 
	top:100px; 
	left:0px; 
	height:900px;
	background-color:#FFF;
	border:2px solid #CCC;
	width:100%;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.19);
	}