﻿html, body{
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;	
	color:#000;
	/*color:#6e6e6e;*/
	background:#FFFFFF;
	}
#container{
	width:90%;
	min-width:990px;
	height:500px;
	margin:auto;
	/* IE Dynamic Expression to set min width in IE6 */
	width:expression(document.body.clientWidth <1060 ? "940px" : "90%" );
	}
	
    a:link, a:visited
    {
    color:blue;
    text-decoration:none;
    }
	
    a:hover, a:active
    {
    color:red;
	text-decoration:underline;
	}
	
    img
    {
    margin:2px;
	border:0px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    h1
    {
    font-family:Arial, Verdana, Helvetica, sans-serif;		
    color:#06539c;
    font-size:1.5em;
    font-weight:normal;
    margin:5px 0px 15px 0px;
    padding:0px;
    }

    h2, h2 span
    {
    font-family:Arial, Verdana, Helvetica, sans-serif;	
    /*color:#06539c; color change request 15/07/09 */
    color:#000;
    font-size:1.1em;
    font-weight:normal;
    margin:0px 0px 5px 0px;
    padding:0px;
    }

    h3
    {
    font-family:Arial, Verdana, Helvetica, sans-serif;	
    color:#06539c;
    font-size:1.1em;
    font-weight:normal;
    margin:0px 0px 5px 0px;
    padding:0px;
    }

    p
    {
    font-size:0.8em;
    margin:0px 0px 10px 0px;
    line-height:1.6em;
    font-weight:normal;
    }

    .content li 
    {
    font-size:0.8em;
    margin:0px 0px 10px 10px;
    line-height:1.4em;
    font-weight:normal;
    }

    .content table tr td, .content table tr th
    {
    border:1px solid #fff;
    vertical-align:top;
    padding:6px !important;
    height:35px;
    text-align:left;
    }

    .content table
    {
    margin:10px 0 10px 0;
    }

    .content table tr td
    {
    background-color:#edf0f3;
    }

    .content table tr th
    { color:#fff; 
    background-color:#388ca9;
    }

    .content table tr th p
    {
    font-weight:bold;
    }

    .content table tr td p
    {
    font-size:.8em;
    }

    sup
    { 
    font-size:x-small;
    line-height:20%
    }
    
    .small_type
    {}
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content end ~~~~~~~~~~~~~~~~~~~~ */
    
    table#links 
    {
    margin-left:0px;
    }

    table#links td {
    padding:3px 3px 3px 0 !important;
    height:18px;
    line-height:1.6em;
    font-size:0.8em;
    background-color:#fff;
    }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ enquiry form ~~~~~~~~~~~~~~~~~~~~ */

    .info
    {
    width:242px;
    border:1px solid #7f9db9;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    padding:3px;
    font-size:inherit;
    }

    #name, #contact_details
    {
    background-color:#fff;
    }

    #enquiry_form
    {
    margin:10px 0 0 0;
    }

    #enquiry_form tr td input.txt
    {
    border:1px solid #7f9db9;
    background-color:#fff;
    width:241px;
    padding:3px;
    }

    #enquiry_form tr td select.txt_drop
    {width:250px;
    border:1px solid #7f9db9 !important;
    }

    #enquiry_form tr td
    {
    background-color:#fff;
    font-size:12px;
    color:#000 !important;
    }

    #enquiry_form tr td.base
    {
    text-align:left;
    }

    #enquiry_form tr th h1
    {
    font-size:14pt;
    color:#fff;
    }

    #county optgroup option 
    {
    color: #000;
    }
    
    #contact_details_address
    {
    width:235px;
    height:50px;
	font-family:Arial;
    }

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ enquiry form end ~~~~~~~~~~~~~~~~~~~~ */
	
img.logo{
	position:relative;
	top:0px;
	left:5px;
	}
img.strapLine{
	position:relative;
	top:5px;
	left:10px;
	z-index:1;
	}
img.imageHead{
	position:absolute;
	top:-2px;
	right:-2px;
	bottom:0px;
	}

table.homePage{
	width:100%;
	height:100%;
	vertical-align:top;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	}
	
.rightCol{
	vertical-align:top;
	width:277px;
	background:#edf0f3;
	/*position:relative;*/
	}
	
.rightCol hr{
	border:0px;
	padding:0px;
	margin:0px;
	color:#CCCCCC;
	background-color:#CCCCCC;
	height:1px;
	}

.rightCol ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-left:#edf0f3 1px solid;
	border-right:#edf0f3 1px solid;
	width:99.5%;
	}
.rightCol ul li{
	border-top:#FFFFFF 1px solid;
	background:url(../images/rightColGrad.gif) repeat-x;
	}
.rightCol ul p{
	padding:0px 10px 0px 40px;
	font-size:0.7em;
	}
.rightCol ul li a:link,
.rightCol ul li a:visited{
	display:block;
	height:40px;
	line-height:38px;
	color:#565656;
	font-size:0.75em;
	font-weight:bold;
	padding:0px 0px 0px 50px;
	}
.rightCol ul li a:hover,
.rightCol ul li a:active{
	color:#1b7699;
	text-decoration:none;
	}
	
div.rightMenu_top{
	width:100.25%;
	background:url(/images/arrow-Blue.gif) #979797 no-repeat 120px 0px;
	display:block;
	border:none;
	height:25px;
	color:#FFFFFF;
	}
	
div.rightMenu{
	width:279px;
	background:#979797;
	display:block;
	border:none;
	height:25px;
	color:#FFFFFF;
	float:right;
	}
	
/*.rightCol div.rightMenu li{
	border:none;
	background:none;
	float:left;
	padding:0px;
	font-size:0.75em;
	}
*/ 
	
.rightMenu { font-size: 10px; }
	
div.rightMenu a:link, .rightCol div.rightMenu_top a:link,
div.rightMenu a:visited, .rightCol div.rightMenu_top a:link{
	display:inline;
	line-height:normal;
	font-weight:normal;
	padding:0px 2px 0px 3px;
	line-height:22px;
	color:#FFFFFF;
	}
	
/*  .rightCol ul.rightMenu li a:hover,
    .rightCol ul.rightMenu li a:active{
	color:#FFFFFF;
	text-decoration:underline;
	}
	*/
	
div.rightMenu_top a:active, div.rightMenu_top a:hover
	 {
	  text-decoration:none;color:#1b7699 !important;
	 }
	  
	  div.rightMenu_top a
	{
	color:#fff;
	 font-size:1em;
	 font-weight:bold;
	 margin:0 0 0 10px;
	 line-height:150%;
	}
	
.login
{
	background:url(../images/iconLogin.jpg) no-repeat 8px 3px;
	}
.register{
	background:url(../images/iconRegister.jpg) no-repeat 8px 3px;
	}
.pin{
	background:url(../images/iconPin.jpg) no-repeat 8px 0px;
	}
.contact{
	background:url(../images/contact_us2.jpg) no-repeat 8px 0px;
	}
	
.security{
	background:url(../images/iconSecurity.jpg) no-repeat 8px 0px;
	}
	
.new{
	background:url(../images/iconNew.jpg) no-repeat 8px 0px;
	}
.content{
	vertical-align:top;
	padding:10px 22px 10px 23px;
	}
#footer{
    clear:both;
	margin:10px 0px 0px 0px;
	}
	
#footer a,#footer p
    {	
    font-size:0.6em;
    }

#footer p
    {
    width:1000px;	
    }

#footer a{
	float:right;
	color:#6e6e6e;
	}
#footer a:hover{
	color:#59a9ce;
	text-decoration:none;
	}	
	
/* FIRST LEVEL NAV
----------------------- */
ul#nav
{ 
  display:block;
  white-space:nowrap;
  width:106%;
  margin:0;
  padding:0;
  }

#headBar{
	position:relative;
	top:38px;
	height:80px;
	background:url(../images/headXV2.gif) repeat-x bottom left #59abd0;
	margin-bottom:37px;
	}
	
#menu a.topNav:link,
#menu a.topNav:visited{
	text-decoration:none;
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	background: url(../images/rightCornerDown.gif) #f2f8fb no-repeat top right;
	color:#000000;
	font-size:0.7em;
	margin:0px 3px 0px 0px;
	}
	
#menu a.topNav:hover,
#menu a.topNav:active{
	color:#FFFFFF;
	background: url(../images/rightCornerUp.gif) #4c9dbd no-repeat top right;
	margin-bottom:100px;
	z-index:500;
	}
	
#menu a.topNav:link span,
#menu a.topNav:visited span{
	display:block;
	background:url(../images/leftCornerDown.gif) no-repeat top left;
	padding:0px 3px;
	}
	
#menu a.topNav:hover span,
#menu a.topNav:active span{
	display:block;
	background:url(../images/leftCornerUp.gif) no-repeat top left;
	}
/* #################################################################################################### */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dropdown Lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
#menu{
	position:absolute;
	top:13px;
	height:28px;
	z-index:5000;
	 min-width:990px;height:60px;
	 }
	
#menu ul, #menu2 ul
	{ /* all lists */
	position:relative;
	display:block;
	top:0px;
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	}
	
#menu li
	{
	/* all list items */
	position: relative;
	float:left;
	
	}

#menu li ul{ /* second-level lists */
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	z-index:734;
	left:0px;
	width:200px;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: .90;
	-khtml-opacity: .90;
	opacity: .90;
	}
#menu li>ul
	{
	/* to override top and left in browsers other than IE,
	which will position to the top right of the containing li, 
	rather than bottom left */
	top:auto;
	left:auto;
	}
#menu li:hover ul, li.over ul, #menu2 li:hover ul
	{
	/* lists nested under hovered list items */
	display:block;
	position:absolute;
	top:24px;
	left:0px;
	margin:0px;
	padding:0px;
	z-index:53;
	color:#666666 !important;
	padding-top:1px;
	}
.sub{
	display:block;
	width:200px;
	padding:0px;
	margin:0px;
	background:#FFFFFF;
	}
 a.sub:link, #menu a.sub:visited{
	color:#666666 !important;
	font-size:0.7em;
	height:20px;
	line-height:20px;
	padding:0px 2px 0px 10px;
	text-decoration:none;
	width:200px;
	}
	
#menu a.sub:hover, #menu a.sub:active{
	background:#06539c;
	color:#FFFFFF!important;
	text-decoration:none;
	}

.content ul li ul
{
padding:10px 0px 5px 20px;
}


.content ul li ul li
{
 margin:5px 0px 0px 0px ;
 font-size:.9em;
 line-height:130%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ History ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

#history
{
margin:30px auto;
}

#history tr th
{
padding:0px 0px 0px 10px; 
text-align:left; 
background:url(/images/history_header.jpg) repeat-x bottom left #59abd0; 
height:40px;
 
}

#history tr td
{
border-bottom: dotted 1px #ccc;
}

#history tr th h1
{
 font-size:14pt;
color:#fff;
}

#history tr th p
{
color:#fff;
}

#history tr td p
{
font-size:.8em;
margin:0px;
}

#history tr td a
{ 
 text-decoration:none;
}

#history tr td.center
{
border-bottom: dotted 1px #ccc; 
border-right: dotted 1px #ccc; 
border-left: dotted 1px #ccc;
padding:0px 0px 0px 14px !important;
}

#history tr td img
{
padding:0px 0px 0px 8px;
height:75px;
width:100px;
}

#topNavi 
{
width: 100%;
table-layout: fixed;
}

.bodImage 
{
float: left; width: 19%; 
}

.bodContent 
{
float: right; width: 79%; 
}

#service_notice p 
{
color:red; 
font-size:.7em; 
font-weight:normal; 
margin:5px;
}

#sitemap div
{
float:left;
height:110px;
width:170px;
background:#f2f8fb;
padding:10px;
border:1px solid white;
overflow:hidden;
}

#sitemap div a#first_links
{
font-size:80%;
}

#sitemap div ul
{
margin:0px;
padding:3px 0 0 2px;
}

#sitemap div ul li
{
margin:0 0 0 10px; 
}

#sitemap div ul#extras
{
list-style:none;
font-size: 100%;
padding:0px;
margin:-5px 0 0 0;
}

#sitemap div a,#sitemap div ul#extras li a
{
color:blue;
}

#sitemap div a:hover,#sitemap div ul#extras li a:hover
{
 color:red;
}

/*~~~~~~~~~~~~~~~~~|Content Buttons|~~~~~~~~~~~~~~~~~~~*/

	a.button					{background: url(/images/button_X_up.gif) repeat-x;
	        					 display:block; 
	        					 text-decoration:none; 
	        					 outline:none;
	        					 padding:0px;
	             				 margin:0px;
	             				 padding:0px 0px 3px 0px; 
	             				 width:215px;
	        					 }
	        					 
	a.button span				{background:url(/images/button_Left_up.gif) no-repeat;
	             				 display:block; 
	             				 padding:0px;
	             				 margin:0px; 
	             				 padding:0px 0px 3px 0px; 
	             				 }
	             				 
	a.button span span			{background:url(/images/button_Right_up.gif) top right  no-repeat  ;
	                  			 line-height:1.4em;
	                  			 display:block; 
	                  			 height:20px; 
	                  			 color:#FFFFFF; 
	                  			 padding:0px 15px 0px 10px; 
	                  			 cursor:pointer;  
	                  			 }
		
	a.button:hover				{	background: url(/images/button_X_ovr.gif) repeat-x; }
	a.button:hover span			{	background:url(/images/button_Left_ovr.gif) no-repeat; }
	a.button:hover span span	{	background:url(/images/button_Right_ovr.gif) no-repeat top right; color:#000000; }
		
	a.button:active				{	background: url(/images/button_X_dwn.gif) repeat-x; }
	a.button:active span		{	background:url(/images/button_Left_dwn.gif) no-repeat; }
	a.button:active span span	{	background:url(/images/button_Right_dwn.gif) no-repeat top right; color:#FFFFFF; }