/* Latronics CSS */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	/* margin: 9px 0px; border: 0px; padding: 0px; */
	background-color: #FFFFFF;
}

#content {
	position: relative;	
	width: 944px;
	height: 590px;	/* IE takes this as the height and then incorrectly re-sizes if required */
	text-align: left;
	margin: 18px 0 20px 52px;  /* Margin at bottom is distance between end of content and footer */
	border: 0; padding: 0;
}
/* Standards compliant browsers recognise this height setting */
html>body div#content {
  height: auto; 
  min-height: 590px;
}

/* Add right padding and a bit of space between points in lists within the content area */
#content ol, #content ul {margin: 0; border: 0; padding: 0 10px 5px 52px;}
#content li {
	margin-bottom: 0.5em;
	font-size: 12px; /* Set font size and color same as for p */
	color: #000000;
}

p {
	text-align: left;
	font-size: 12px; 
	line-height: 12px;
	margin: 0 5px 10px 0;
	border: 0;
	padding: 0 16px 0 0;
	color: #000000;
}

/* Make table cell contents same as for p */
td {
	text-align: left;
	font-size: 12px; 
	line-height: 12px;
}

/* Standard headings */

h1, h2, h3, .h1, .h2, .h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 14px 0;
	border: 0;
	padding: 6px 16px 6px 0;
}
h2, h3, .h2, .h3 {margin: 0 0 5px 0;}

h1, .h1 {
	color: #009999;
	font-size: 30px;
	line-height: 32px;
}

h2, .h2 {
	color: #333333;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

h3, .h3 {
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}


/* CSS to replace tables - used for web enquiry forms */

/* The div with class tbl-out centres correctly in standards compliant browsers (as left and right margin set to auto). IE doesn't recognise auto. Div (centrefix) fixes this as IE incorrectly centres an element with text-align:center; */
.centrefix {text-align: center;} 

/* Width and margin set on a containing table wrapper (tbl-out) and not inner table div (tbl-in) to fix the IE width bug */
.tbl-out {
	width: 635px; /* 590,635 */
	margin: 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
}

.tbl-in {
	margin: 0;
	border: 1px solid #EFDBA4;
	padding: 5px;
	/* background-color: #ECEAEB; */
}

div.row {
  clear: both;
  margin: 0; border: 0; padding: 0;
}
/* Standards compliant browsers don't add their own spacing so need top padding */
html>body div.row {padding: 2px 0 0 0;}

div.half-space, div.space {
  clear: both;
  height: 6px;
  line-height: 6px;
  margin: 0; border: 0; padding: 0;
}
div.space {height: 12px; line-height: 12px;}

div.row label {
	float: left;
	width: 252px; /*252*/
	text-align: right;
	font-size: 14px; 
	line-height: 18px;
	margin: 2px 0 0 0;
	padding: 0;
}
span.fld label {width: 100px;} /* Email & Phone radio labels */
div.row label.full {width: 100%; text-align: left; font-weight: bold;}

div.row span label.failurelight {
	width: 100%;
	text-align: left;
}

/* Class fld (field) defines data input fields */
div.row span.fld {
  float: right;
  width: 345px;
  text-align: left;
  margin-right: 2px;	/* Required to stop right side touching the fieldset border in IE */
}

div.row span.fld-full-width {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0;
}

/* The spacer is used to ensure the table-div clears the last field. Note not required if fields are enclosed in a fieldset tag */
div.spacer {
  clear: both;
}

/* Class full (full width) ensures fields fill their containing element */
.full {width: 100%;}

.bld {font-weight: bold;}  /* Set bold text in selects */

fieldset {
	border: 1px solid #EFDBA4;
	padding: 0 8px 10px 5px;	/* Can't add padding to top as IE incorrectly puts this outside the fieldset so have added a bottom margin on the legend */
}

legend {
	border: 1px solid #EFDBA4;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009999;
}

form {border: 0; margin: 0; padding: 0;}	/* Stops IE adding space around a form */

/* Style for the input boxes */
/* applied only to inputs within div class inputs so does not have to apply to inputs that are buttons (as cannot be undone with a specific input.btn class). */
div.inputs input, div.inputs select, div.inputs textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
	margin: 2px 0 0 0; padding: 0; border: 1px solid #7F9DB9; /* Remove border style to stick with sunken default */
	background-color: #FFFFFF !important;   /* Removes yellow background added by Google toolbar and other browser style sheets */
}

div.inputs input.checkbox, div.inputs input.radio {background-color: #FFFFFF !important; border: 0;} /* IE fix: Remove "div.inputs input" styling applied to radio buttons */

/* Buttons */
input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; /* Required to vertically centre text in button in IE */
	color: #222222;
	width: 100px;
	margin: 0; padding: 0;
}