body {margin:0; background-color: #ffffff; color: inherit;}

#container{ border:.06em solid #e3e3e3;height:100%; background-color: #ffffff; color: inherit;}

#topborder {background: url('images/abg.jpg'); background-color: inherit;
height:8em; font-family: Arial,sans-serif; color: #c00000;font-size: 1em; font-weight: 700; text-align: center;}

#advert {text-align:center; margin-top:8em;}
.offset {margin-top:-1em;}

#main {padding: .3em; background-color:#ffffff;color: inherit;position:relative;}

#maincontent {font-family: Verdana,  Arial, sans-serif;color: #000000;line-height:1.1em; 
background-color:#edf0f5; padding: .3em; border:.06em solid #d1cec8;position:relative;}

#linkborder {background-color: #F9F9FF; clear:both;padding: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;font-size:.7em; border-top:.07em solid #898ABA;border-bottom:.07em solid #898ABA}

#toplinkborder {clear:both;padding: .5em; background: url('images/silverbg.jpg');  
font-family: Verdana, Helvetica, Arial, sans-serif; font-size:.8em; border-top:.06em solid #d1cec8;
border-bottom:.06em solid #d1cec8}

.casestudy{font-family: Verdana,  Arial, sans-serif; font-size:1em; color: #303030;
background-color: #fff; padding: .187em;border:.06em solid #8989ba;
margin-top: 0.5em; }

.announce{font-family: Verdana,  Arial, sans-serif; font-size:1em; color: #303030;
background-color: #d5d5e4; padding: .187em;border-bottom:.06em solid #8989ba; 
border-right:.06em solid #8989ba;border-top:.06em solid #8989ba; border-left:.06em solid #8989ba;
margin-top: 0.5em; width:80%; margin-left:auto; margin-right:auto;}

.myth{color:#c00000; background-color:inherit; font-size:1.2em;}

#footer {clear:both;padding:.6em;font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: .7em;color: #000000;text-align: center;background-color:inherit;}




img {border:0;}
.imageright {float: right;position:relative;}
.imagerss {float: right;  vertical-align: middle; position:relative;}
.imageleft {float: left; vertical-align: middle; }
.screen {float: left;  padding:.38em; vertical-align: middle;position:relative;}
.image_left_border {float:left; border: .187em solid #8989ba; padding:0.5em; margin:0.5em; position:relative;}
.image_right_border {float:right; border: .187em solid #8989ba; padding:0.5em; margin:0.5em; position:relative;}

#clear {clear:both;}
.clear {clear:both;}
.center {text-align:center;}
h1
{
color: #000080;
font-family: Verdana, Arial, sans-serif;
background-color: inherit;
font-size:.9em;

}

h2
{
color: #c00000;
font-family: Verdana, Arial, sans-serif;
background-color: inherit;
font-size:.8em;

}

h3, h4
{
color: #c00000;
font-family: Verdana, Arial, sans-serif;
background-color: inherit;
font-size:.8em;
}

p 
{ 
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
color: #000000;
}
.plus {font-size:2em; font-weight:bolder;}
.calcbutton {margin-right: 4em;}
.calculator 
{
font-family: Verdana,  Arial, sans-serif;
font-size:.8em; color: #303030;
background-color: #d5d5e4;
padding: .3em;
border-bottom:.187em solid #8989ba; 
border-right:.187em solid #8989ba;
border-top:.06em solid #8989ba; 
border-left:.06em solid #8989ba;
width:70%;
}
blockquote{color: #000000;background: inherit;font-family: Verdana, Arial, sans-serif; font-style: italic; line-height: 1.5;}

.cert{font-size: 0.7em; color: #000000; background-color: inherit; font-family: Verdana, Arial, sans-serif;}

.rightborder 
{
font-family: Verdana,  Arial, sans-serif;
font-size:.9em; color: #303030;
background-color: #d5d5e4;
padding: .3em;
border:.06em solid #8989ba; 
text-align:left;
line-height:1.4em;
}

.quote 
{
font-family: Verdana,  Arial, sans-serif;
font-size:.8em; color: #303030;
background-color: #d5d5e4;
padding: .3em;
border-bottom:.187em solid #8989ba; 
border-right:.187em solid #8989ba;
border-top:.06em solid #8989ba; 
border-left:.06em solid #8989ba;
}

.rightbordertext {font-family: Arial, sans-serif;font-size:.9em; color: #000080;font-weight: 700;
background-color: #ffffff;line-height:1.2em; }

.rightbordertextred {font-family: Arial, sans-serif;font-size:.9em; color: #c00000;font-weight: 700;
background-color: #ffffff;line-height:1.2em; }

.rightbordertextlist {font-family: Arial, sans-serif;font-size:.9em; color: #505050;font-weight: 700;
background-color: #ffffff;line-height:1.2em; }

.top {color: #000080; font-family: Arial, sans-serif; font-size:.9em;}
.smalltext {font-family:Verdana, Arial, sans-serif; font-size:.8em; background-color: inherit; color: inherit;}
.rightspan  {font-family: Verdana, Arial, sans-serif; font-size:.8em; background-color: inherit; color: inherit;}	
.stick {color: #000080; font-family: Arial, sans-serif; font-size:1em; padding: 7px; background-color: inherit;}
.stick2 {color: #808080; font-family: Arial, sans-serif; font-size:.8em; padding: .3em; background-color: inherit;}

acronym {border-bottom: .06em dotted #000000;cursor: help;}

code { font-family: Arial, sans-serif; font-size:.9em; color: #303030; background-color: #d5d5e4;}


hr {color:#8989ba; background-color: #8989bb; height: 0.1em; width: 75%;}

.indent { 
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
color: #c00000;
background-color: inherit;
margin-left:6.3em;
}

.hideme {display:none;}

li {display:inline }

ul { list-style-type:none; margin:0; }

#maincontent li a 
{
background: #F9F9FF url('images/listicon.jpg') no-repeat 0 0; 
padding-left:5em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: inherit;
margin-top:1em;}

#maincontent li.services  
{
background: #F9F9FF url('images/listicon.jpg') no-repeat 0 0; 
padding-left:4em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: #000080;
font-weight: 600;}

#maincontent li.plain  
{
background: #F9F9FF; 
padding-left:5em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: inherit;}

#rightborder li.services  
{
background: #ffffff url('images/listicon.jpg') no-repeat 0 0; 
padding-left:2em;
display: block; width: 70%;
font-size:.8em;
line-height:1.8em;
text-align: left;
font-family: Arial, sans-serif; 
color: inherit}

.background-image dt
{background: #F9F9FF url('images/listicon.jpg') no-repeat 0 0; 
padding-left:5em;
font-size:.8em;
line-height:1.8em; 
color: inherit}


.background-image dd
{background: #F9F9FF url('images/listicon.jpg') no-repeat 0 0; 
padding-left:3em;
font-size:.8em;
line-height:1.8em; 
color: inherit}

dt a {display:block; width: 80%;}
dd a {display:block; width: 80%;}

ol .no_bullet{
	list-style: none; display: list-item; font-size:.8em; line-height:1.8em;
}

/* Coloured tick lists*/
#maincontent li.basic  
{background: #F9F9FF url('images/listredtick.jpg') no-repeat 0 0; 
padding-left:3em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: #000080;
font-weight: 600;
margin-left:2em;}

#maincontent li.advanced  
{background: #F9F9FF url('images/listbluetick.jpg') no-repeat 0 0; 
padding-left:3em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: #000080;
font-weight: 600;
margin-left:2em;}

#maincontent li.premier  
{background: #F9F9FF url('images/listgreentick.jpg') no-repeat 0 0; 
padding-left:3em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em; 
color: #000080;
font-weight: 600;
margin-left:2em;}

/* End Coloured tick lists*/

a {color: #0000FD; text-decoration:none; background-color: inherit;}

a:link    {color: #0000FD; text-decoration:underline;  background-color: inherit;}
a:visited {color: #0000FD; text-decoration:underline;  background-color: inherit;}
a:hover   {color: #0000D5; text-decoration:none;  background-color: inherit;}
a:focus   {color: #0000D5; text-decoration:none;  background-color: inherit;}
a:active  {color: #0000FD; text-decoration:none;  background-color: inherit;}

a.text:link    {color: #0000FD; text-decoration:underline; background-color: inherit;}
a.text:visited {color: #0000FD; text-decoration:underline;background-color: inherit;}
a.text:hover   {color: #0000D5; text-decoration:none; background-color: inherit;}
a.text:focus   {color: #0000D5; text-decoration:none; background-color: inherit;}
a.text:active  {color: #0000FD; text-decoration:none;background-color: inherit; }

.skip-link a, .skip-link span{
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
   top:-4em;
  left:-3em;
}

.skip-link a:active, .skip-link a:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
 font-family: Verdana,  Arial, sans-serif;
  background-color: #ffcc00;
  color: #0000D5;
  top: 4em;
  left: 1em;
  padding: .3em;
  border: .125em solid #0000D5;
  font-weight: bold;
}


/* FORM STYTLES */
input, select, textarea{
	color: #000080;
	background-color: #d5d5e4;
	margin: 0.5em 0 0 0;
}
fieldset {padding:1.5em 0em 1.5em 0.5em; width:95%; border:#8989ba solid; }
legend {color:#000080; font-weight:bold; background-color: inherit; font-size:.8em;}

#about label
{
display: block;
width: 12.5em;
float: left;
text-align: right;
margin: 0.7em 1em 1em 0;
clear: both;
background-color: inherit;
}

.test label
{
display: block;
width: 17em;
float: left;
text-align: right;
margin: 0.7em 1em 1em 0;
clear: both;
background-color: inherit;
}

.input-box{margin-bottom: .6em}



input:focus {background-color: #fff; color: #000;  }
input:hover {background-color: #fff; color: #000; }

textarea {font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif; font-size: 1.4em; width:98%; }
textarea:focus {background-color: #fff; color: #000;  }
textarea:hover {background-color: #fff; color: #000;  }

select:focus {background-color: #fff; color: #000;  }
select:hover {background-color: #fff; color: #000;  }

checkbox:focus {background-color: #fff; color: #000;  }
checkbox:hover {background-color: #fff; color: #000;  }

#main .submit {margin-right: 6em; color: #000080; background-color: #d5d5e4; margin-left:5em;}
.button {color: #000080; background-color: #d5d5e4;}

.floatright a {float:right; margin: 0 5em 0 0; cursor:help;}
div.floatform{
font-size:.8em;
padding-left:3em;
}

/* FORM STYTLES */


#quotebox {width:40%;padding:0.5em; margin: 0.5em; border:#000000 solid 0.02em; 
background-color:#fffffa; color:#c00000; font-size:0.8em; float:right;text-align:center; } 

#newsletter
{
font-family: Verdana,  Arial, sans-serif;
color: #000000;
line-height:1.1em; 
background-color: #ffffff;
padding: .3em;

}
#newsletter li.news  
{
background: #ffffff url('http://www.rayfields.co.uk/images/bulletsmall2.jpg') no-repeat 0px 0px; 
padding-left:3em;
display: block; width: 80%;
font-size:.8em;
line-height:1.8em;
margin-left:1em;
color: inherit}

#newsletterbottom 
{
clear:both;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:.9em; 
background-color: #F9F9FF;
border-bottom:.187em solid #d1cec8;
border-right:.187em solid #d1cec8;
border-top:.06em solid #d1cec8;
border-left:.06em solid #d1cec8;
text-align:center;
color: inherit;}


.latest {border:.05em solid #000; width: 85%; background-color: #fff;
 color:inherit;  margin-left:auto; margin-right:auto; line-height: 1.2em; text-align: left;position:relative;}
.latest p {background-color: inherit; color: #000080;font-size: .8em;padding: .5em;margin-top:-1em}
.latest h1 {background-color: #000; color: #fff;font-size: .8em;padding: .2em; text-align: center;}
.latest span {background-color: inherit; color: #000;font-weight: 700}


.advert {border:.05em solid #c00000; width: 85%; background-color: #FFF;
 color:inherit;  margin-left:auto; margin-right:auto; line-height: 1.2em; text-align: center;position:relative;}
.advert p {background-color: inherit; color: #000;font-size: .8em;padding: .5em;margin-top:-1em}
.advert h1 {background-color: #c00000; color: #fff;font-size: .8em;padding: .2em}
.advert span {background-color: inherit; color: #000;font-weight: 700}


/* Testing boxes */

div.float {float: left; padding: .5em; position:relative;}
  
div.float p {text-align: left; font-family:Verdana, Arial, sans-serif; font-size:.75em; 
color:#000; background-color: #fff; border:.05em solid #000080;padding: .1em;margin-top:0;
background-image: url(images/bluetick.jpg);background-repeat: no-repeat;
background-position:bottom right}


#floatwrapper {margin-left:1%; width:98%;position:relative;}


/* End Testing boxes */