/* Masters */
body {
	background-color: #19191B;
	margin: 0;
	font-family: Arial, Helvetica;
	font-size: 80%;
}
a {
	text-decoration: none;
	color: #EE1100;
}
a:hover {
	text-decoration: underline;
}
img {
	border-width: 0px;
}
#master {
	padding: 25px;
	line-height: 1.8em;
}
.red {
	color: #EE1100;
}
.largest {
	font-size: 170%;
}
h1 {
	color: #EE1100;
	font-weight: normal;
	font-size: 140%;
}
h2 {
	color: #FFF;
	background-color: #EA0402;
	background-image: url(/layout/checked.gif);
	background-position: right;
	background-repeat: repeat-y;
	padding: 5px;
	font-size: 115%;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}
h2 a {
	color: #FFF;
}
.rfifteen {
	margin-right: 15px;
}

/* Head Layout */
#head-left {
	width: 290px;
	float: left;
	padding: 20px 10px 18px 20px;
}
#head-mid {
	width: 300px;
	padding: 20px 10px 18px 10px;
	float: left;
	text-align: center;
}
#head-right {
	width: 280px;
	float: right;
	padding: 20px 20px 18px 10px;
	text-align: right;
	font-size: 90%;
}

/* Navigation */
#nav {
	background-image: url(/layout/nav.gif);
	text-align: center;
	color: #FFF;
	width: 960px;
	height: 44px;
	overflow: hidden;
}
#nav a {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding-top: 7px;
	height: 44px;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/layout/nav-off.gif);
	background-position: top;
}
#nav a:hover {
	background-image: url(/layout/nav-over.gif);
	background-position: top;
}
#nav img {
	vertical-align: top;
}
#navcenter {
	margin: auto;
}

/* Top Layout */
#greyt {
	min-width: 960px;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(/layout/grey-gradient-t.png);
	border-bottom: 1px solid #FFF;
}
#greyb {
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(/layout/grey-gradient-b.png);
}
#greywrap {
	width: 960px;
	padding: 0px 1px;
	margin: 0 auto;
	color: #1C1C1E;
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(/layout/grey-gradient-b.png);
	background-color: #FFF;
	min-height: 500px;
}

/* Images */
.rightimages {
	border: 1px solid #2A2B2D;
	padding: 1px;
	float: right;
	margin-left: 15px;
}
.leftimages {
	border: 1px solid #2A2B2D;
	padding: 1px;
	float: left;
	margin-right: 15px;
}

/* Mid Layout */
#mid {
	background-color: #2A2B2D;
	min-width: 960px;
	border-bottom: 1px solid #FFF;
	padding: 5px;
	color: #FFF;
}
#midwrap {
	width: 960px;
	margin: 0px auto;
 	text-align: center;
}
#midwrap a {
	color: #FFF;
}

/* Mid Pods */
.pod {
	width: 182px;
	border: 1px solid #FFF;
	background-color: #19191B;
	color: #FFF;
	float: left;
	margin-left: 10px;
	text-align: left;
}
.podfirst {
	width: 182px;
	border: 1px solid #FFF;
	background-color: #19191B;
	color: #FFF;
	float: left;
	text-align: left;
}
.podline {
	padding: 5px;
	min-height: 90px;
	line-height: 1.6em;
}
.podline p {
	margin: 0px;
}
.podimg {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/* Foot Layout */
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0px;
	line-height: 1.8em;
	text-align: center;
	font-size: 90%;
	color: #FFF;
	background-color: #19191B;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	color: #EE1100;
	text-decoration: none;
}

.leftcol {
	width: 280px;
	float: left;
	text-align: left;
}
.rightcol {
	width: 610px;
	float: right;
	text-align: left;
}
.dbox {
	border: 1px solid #EA0402;
	border-top-width: 0px;
	padding: 5px;
	background-color: #FFF;
}

/* Login and Forms */
.loginbox {
	background-image: url(/layout/form-dial.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 95px 95px 0px 95px;
	min-height: 300px;
	width: 400px;
	margin: 0 auto;
}
.darkbox {
	border-top: 1px solid #FFF;
	background-color: #19191B;
	color: #FFF;
	margin: 0px;
	min-height: 100px;
	padding: 5px;
}
form {
	margin: 0px;
}

/* Pricing */
.results {
	border-top: 1px solid #FFF;
	background-color: #19191B;
	color: #FFF;
	margin: 0px;
	padding: 5px;
}
.results ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.search {
	display: block;
	width: 310px;
	float: left;
	margin-right: 10px;
}
.search label {
	display: block;
	float: left;
	width: 100px;
}
.search li {
	margin-top: 5px;
}
.tablebox {
	font-weight: normal;
	width: 580px;
	float: right;
	font-size: 95%;
}
.tablebox th {
	text-align: left;
	padding: 3px 5px;
	border-top: 1px solid #FFF;
}
.tablebox td {
	text-align: right;
	padding: 3px 5px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.redback {
	background-image: url(/layout/nav.gif);
	background-position: center;
	text-align: center;
}
.small {
	font-size: 80%;
	line-height: normal;
}
.plus {
	font-size: 110%;
}

/* Enquiry Form */
#enq ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#enq li {
	padding-bottom: 1px;
	display: block;
}
#enq label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px;
	margin: 4px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
#enq input, textarea, select {
	width: auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 4px 0px 0px 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-family: Arial, Helvetica, sans-serif;
}
.enqblank {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: auto;
	margin: 4px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}