/*
 +--------------------------------------------------------------------+
 | Cascading Style Sheet (CSS)                                        |
 | Media Type: Screen                                                 |
 +--------------------------------------------------------------------+
 | Copyright (c) meridian|development                                 |
 | <http://www.meridiantd.co.uk>                                      |
 +--------------------------------------------------------------------+
 | Authors: Jay Stansell                                              |
 +--------------------------------------------------------------------+

/* ---------- ---------- ---------- ---------- ---------- ----------

							BASE RULES

   ---------- ---------- ---------- ---------- ---------- ---------- */
html
{
	height: 100%;
}
body
{
	/*background: #E6E9E4 url( "../images/backer.gif" ) repeat-y 50% 0;*/
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	color: #979696;
	font: 11px verdana, arial, helvetica, sans-serif;
	
}

/* ---------- ---------- ---------- ---------- ---------- ----------

							TYPOGRAPHY RULES

	---------- ---------- ---------- ---------- ---------- ---------- */
h1
{
	font-size: 20px;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 16px;
}
h4
{
	font-size: 14px;
}
h5
{
	font-size: 12px;
}
h6
{
	font-size: 11px;
}

img
{
	border-width:0px;
}
p
{
	line-height:18px;
}
p.news
{
	background-color:#cec1da;
	padding:0px 0px 0px 2px;
	color:#ebedeb;
	font-weight:bold;
	width:100%;
}
/* ---------- ---------- ---------- ---------- ---------- ----------

							HYPERLINK RULES

	---------- ---------- ---------- ---------- ---------- ---------- */
a:link
{
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
a:hover
{
	font-weight: bold;
	background-color:#E6E9E4
}
a:active
{
	font-weight: bold;
	text-decoration: none;
}
/* ---------- ---------- ---------- ---------- ---------- ----------

						LAYOUT RULES

	---------- ---------- ---------- ---------- ---------- ---------- */
#shell
{
	width:773px;
	min-height: 95%;
	height: 95%;
}

#content
{
	position: relative;
	width: 700px;
	top:10px;
}
#left
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 200px;
 color: #333333;
 margin: 0;
 padding: 0;
 z-index: 1;
}
#center
{
 position: absolute;
 margin: 0px 201px 20px 200px;
 color: #333333;
 padding:0px 3px 0px 3px;
 z-index: 3;
 border-left:dotted 1px #333D9C;
 border-right:dotted 1px #333D9C;
 width:360px;
 text-align:justify;
}
#right
{
 position: absolute;
 top:0px;
 left: 570px;
 width: 200px;
 color: #333333;
 margin: 0px;
 padding: 0px;
 z-index: 1;
}
#left p
{
	margin-right:10px;
}
#address
{
	bottom:0px;
	color:#666;
 z-index: 1;
	width:100%;
	font-size:10px;
}
/* ---------- ---------- ---------- ---------- ---------- ----------

						TAG RULES

	---------- ---------- ---------- ---------- ---------- ---------- */
table 
{
	width:100%;
	padding: 0px;
	margin: 0px;
}
td
{
	vertical-align:top;
}
input.apply
{
	font: 10px verdana, arial, helvetica, sans-serif;
	width:150px;
}
input.apply_error
{
	font: 10px verdana, arial, helvetica, sans-serif;
	width:150px;
	background-color:#c9821e;
	
}
select.apply
{
	font: 10px verdana, arial, helvetica, sans-serif;
	width:150px;
}
select.apply_error
{
	background-color:#c9821e;
	font: 10px verdana, arial, helvetica, sans-serif;
	width:150px;
}
* html {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */
  padding:0 2px;         /* fix bug in IE for border spacing */  
  }
  
ul.keypoints
{
	list-style-image: url('../images/bullett_arrow.gif');
	text-align:justify;
}
ul.keypoints_red
{
	list-style-image: url('../images/bullett_arrow_red.gif');
	text-align:justify;
}
ul.keypoints_yellow
{
	list-style-image: url('../images/bullett_arrow_yellow.gif');
	text-align:justify;
}
ul.keypoints_blue
{
	list-style-image: url('../images/bullett_arrow_blue.gif');
	text-align:justify;
}
ul li
{
	font-size:120%;
	font-weight:bold;
	text-align:left;
	text-align:justify;
	padding-bottom:5px;
}
li
{
	padding-bottom:5px;
}
textarea.feedback	
{
	font: 10px verdana, arial, helvetica, sans-serif;
	width:600px;
	height:200px;
}
  /* ---------- ---------- ---------- ---------- ---------- ----------

						CLASSES

	---------- ---------- ---------- ---------- ---------- ---------- */
  .dieseldirecthead 
  {
	font-size:14px;
	font-weight:bold;
	color:#c88140 ;
  }
  .error
  {
	color:#ff0000;
	font-weight:bold;
	font-size: 12pt;
  }
  .subhead
  {
	font-weight:bold;
	font-size:16px;
  }
   .subhead_purple
  {
	font-weight:bold;
	font-size:16px;
	color:#3c0071;
  }
.apply_error
{
	font: 10px verdana, arial, helvetica, sans-serif;
	width:150px;
	background-color:#c9821e;
	
}

td.advert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 2px;
	border-bottom-color:#742f9d;
	border-bottom-width:thin;
	border-bottom-style:double;
}

.advertTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF
}

a.whiteLinkText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}