/*  Stylesheet by Cornish WebServices */
/* Colours used are 
	blue background: #316980;
	darker blue text: #062158;

*****************************************/
/*body {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0px 0 0 0;
	color:#062158;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
}

/* some general styles for anywhere  */
/* --------------------------------- */
/* extra user defined colours        */


.blueback {background-color:#E6EEFF;}
.yellback {background-color:#FFFFCE;}
.dkback   {background-color:#4cb4d1;}

.bbkul  {background-color:#E6EEFF;
         border-bottom: 1px solid #4cb4d1;}
.ybkul  {background-color:#FFFFCE;
         border-bottom: 1px solid #4cb4d1;}
.bkul   {border-bottom: 1px solid #4cb4d1;}

.small {font-size:0.7em;}

.med {font-size:1.2em;}

.narrow {

         width:215px;
		 overflow:auto;
		 line-height:0.1em;		 
}		 	 

.col1 {width:50%;
    font-size:1.2em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FF0000;
}

.water {background:url('water002.gif')repeat;
}

.underline {text-decoration: underline;
}	

/*p {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 10px 10px 0;
	padding:0;
	}


p       a:hover {
	color:#FF6600;font-weight:bold;
	text-decoration:underline;
	}
*/

/*h1 {
	font-size:2.3em;
	line-height:2em;
	color: #FF3300;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:10px 0 10px 0;
	font-weight:normal;
	}
h2 {
	font-size:2em;
	line-height:1.4em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#000099;
	
	margin-top:0.2em;
	margin-bottom:0.2em;
	}
h3 {
	font-size:1.9em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FF3300;
	margin-top:1.5em;
	margin-bottom:0.2em;
	}
	
h4 {
	font-size:1.4em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FF3300;
	margin-top:0.2em;
	margin-bottom:0.2em;
	}	
*/

.red {color:#ff0000;}
.blue {color:#0000ff;}
.white {color:white;}
.yellow {color:#FFFF33;}
.black {color:#000000;}
	
/*
ul {
	font-size:1.2em;
	}
			
ul a:visited{
	color:#666666;
	}	
	
ul a:hover{
	color:#FF6600;
	}
	
li {

	font-size:14px;
	}*/
/*
a {
	color:#366CA3;font-weight:bold;
	}
	
a:visited {color:#666666}	
	
a:hover {
	color:#FF6600;
	}
*/

.clear {
	height:1px;
	font-size:1%;
	width:100%;
	clear:both;
	}
a img {
	border:none;
	}
img.rightImage {
	border:1px solid #009ace;
	float:right;
	margin:0 10px 10px 10px;
	}

img.leftImage {
	border:1px solid #009ace;
	float:left;
	margin:0 10px 10px 10px;
	}

img.Lnoborder {
	float:left;
	margin:0 10px 10px 10px;
	}

img.Rnoborder {
	float:right;
	margin:0 10px 10px 10px;
	}

p.contact {
	font-size:1.5em;
	margin-top:20px;
	color: #000099;
        font-weight:bold;
        text-align:center;
        padding:0 13px 0 0;
	}

/*  css2 content generation below won't work in internet explorer 
p.contactel:after {
        content: "0208-979-1667";
	font-size:1.5em;
	margin-top:20px;
	color: #000099;font-weight:bold;
	}
*/

.bordx {
    border: 0;
	}	

p.contact a,
p.contact a  {
	color: #366CA3;
	}
p.prices a,
p.prices a:hover 
 {
	color:#990000;
	font-size:1.4em;
	}
/*
table {
	width:99%;
	border:1px solid #4cb4d1;
	}
table td {
	text-align:center;font-size:1.2em;
	}
	
table td.water {background:url('water002.gif')repeat;
    }	
	
table tr.tableHeader {
	background-color:#caf2ff;text-align:center;
	}
*/

#container {
	text-align:left;
	/*width:99.5%;*/
	overflow:visible;
	height:auto;
	margin:0 auto 0 auto;
	border: 0px solid #4cb4d1;
	position: absolute;
	top: 204px;
	left: 0px;
	padding: 0px 0px 0px 130px;
	}

h1#header {
	/*height:10px;*/
	width:99.5%;
	background-color:#ffffff;
	background-image:url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding:0;
	margin:0;
	/*vertical-align: bottom;*/
	position: absolute;
	top: 24px;
	left: -2px;
	height: 172px;
	}
h1#header a {
	display:block;
	text-indent:-5000px;
	height:160px;
	/*width:99%;*/
	text-indent:-5000px;
	padding:0;
	margin:0;
	overflow:hidden;
	}
/* Top Nav */
#topNav .clear {
	background-color:#316980;
	}
	
/*#topNav {
	width:99.5%;
	background: #6699cc;
	position:center;
	}
*/	

 #topNav{
	/*align: right;*/
	position: absolute;
	top: 0px;
	left: 135px;
	right: 4px;
	/*width: 1078px;*/
	background: #6699cc;
	/*border: 0px solid #333333;
	color: #333333;
	margin: 0px;*/
	/*padding: 0px 0px 0px 143px;*/
	/*height: 23px;*/
	z-index: 190;
 }

/*#topNav {
	width:99.5%;
	position: absolute;
	top: 0px;
	left: 2px;
	background: #6699cc;
	position:center;
	}
*/

#topNav ul {
	margin:0;
	padding:0;
	font-size:11px;
	
}

#topNav li {
	margin:0;
	padding:0;
	font-size:11px;
	
}

#topNav a {
	display:block;
	width: auto;
	text-decoration:none;
	color: #FCFA9E;
	line-height:1.3em;
	font-weight:bold;
	font-size:1.3em;
	
}

#topNav a:hover {
display:block;
	width: auto;
	/*text-decoration:none;*/
	line-height:1.3em;
	font-weight:bold;
	font-size:1.3em;
	        background-color: #3366cc;
			color: white;
			/*border-bottom:1px solid black;*/
}

#topNav a:visited{ 
		 color: #A6FFE2;
}

#topNav li {
	/*align: right;*/
	list-style: none;
	position:relative;
	float:right;
	margin:0;
	padding:2px 10px 2px 10px;
	border-right:1px solid white;
	z-index:3000;
	     color: #FCFA9E;	
}

/*#topNav li a:visited{ 
		 color: #A6FFE2;
}*/

#topNav li ul {
	position: absolute;
	width: 120px;
	left: -999em;
	        background-color: #6699cc;
			color: #FCFA9E;
	padding:0px;
	z-index:3000;
	margin:0 0 0 -15px;
	/*border-top:1px solid black;*/

}
#topNav li li {
	float:none;
	display:block;
	width:100%;
	padding:0 0 0 0;
	margin:0;
	border-right:none;
	
	
	      color: #FCFA9E;
}
#topNav li li a {
	display:block;
	line-height:1em;
	font-weight:bold;
	margin:0 5px 0 5px;
	        background-color: #6699cc;
			color: #FCFA9E;
	width:100%;
	padding:5px 0 5px 0;
	border-bottom:1px solid black;
	
}

#topNav li li a:hover {
	display:block;
	line-height:1em;
	font-weight:bold;
	margin:0 5px 0 5px;
	        background-color: #3366cc;
			color: white;
	width:100%;
	padding:5px 0 5px 0;
	border-bottom:1px solid white;
	}

#topNav li:hover ul, #topNav li.sfhover ul {
	left: auto;
	top:1.8em;
	      color: white;
}
#topNav li:hover, #topNav li.sfhover {
	background-color: #3366cc;
	      color: white;
}
#topNav li:hover a, #topNav li.sfhover a {
	color:white;
}

#topNav li:hover a:visited, #topNav li.sfhover a:visited {
    color: #A6FFE2;
}

#topNav li:hover li a, #topNav li.sfhover li a {
	color: #FCFA9E;
}

#topNav li:hover li:hover a, 
#topNav li.sfhover li:hover a
 {
	color:white;
}

/* End of Top Nav */
#content {
	overflow:visible;
	height:auto;
	/*width:95%;*/
	/*padding: 0px 0 0 20px;*/
	/*padding: 10px 145px 0 25px;*/
    padding: 0px 135px 0px 15px;
	/*margin:0 0 20px 20px;*/
	/*margin:0 0 0px 20px;*/
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#related{
	position: absolute;
	top: 32px;
	right: 3px;
	width: 135px;
	border: 1px solid #4cb4d1;
	/*height: 10px;*/
	z-index: 200;
	font-size:1.2em;
	color: #0F66B5;
	/*line-height:1.4em;*/	
 } 	

div.ww {
	overflow:visible;	
	margin:0px 0px 0px 0px;
	float:left;
	/*width:100%;*/
	position:relative;
	}	
	
div.wwm {
	overflow:visible;	
	margin:0px 10px 0px 0px;
	float:left;
	/*width:100%;*/
	position:relative;
	}	

div.box {
	width:257px;
	overflow:visible;
	text-align:center;
	background-color:#e0f0ff;
	border:1px solid #4cbfd1;
	margin:0 20px 20px 0;
	float:left;
	height:310px;
	min-height:310px;
	position:relative;
	z-index:189;
	}


/*div.boxsmall {   
	text-align:center;
	background-color:#e0f0ff;
	border:1px solid #4cbfd1;
	margin:0 2px 2px 0;
	float:left;
    position:relative;*/
	
	/*width:9%;
	overflow:hidden;*/
	/*height:30px;
	min-height:30px;*/
	
	/*
	}
    */
	
div.boxwide {
	width:23%;
	overflow:hidden;
	text-align:center;
	background-color:#e0f0ff;
	border:1px solid #4cbfd1;
	margin:0 2px 2px 0;
	float:left;
	height:30px;
	min-height:30px;
	position:relative;
	}
	
div.boxtext {
	width:536px;
	overflow:visible;
	text-align:center;
	background-color:#e0f0ff;
	border:1px solid #4cbfd1;
	margin:0 20px 20px 0;
	float:left;
	height:310px;
	min-height:310px;
	position:relative;
	}


div.boxbsmall {
	width:9%;
	overflow:hidden;
	text-align:center;
	
	border:1px solid #4cbfd1;
	margin:0 2px 2px 0;
	float:left;
	height:30px;
	min-height:30px;
	position:relative;
	}

div.boxyell {
	width:9%;
	overflow:hidden;
	text-align:center;font-size:1.2em;
	background-color:#FDFBB7;
	border:1px solid #FF9900;
	margin:0 2px 2px 0;
	float:left;
	height:18px;
	position:relative;
	}

div.boxywide {
	width:23%;
	overflow:hidden;
	text-align:center;font-size:1.2em;
	background-color:#FDFBB7;
	border:1px solid #FF9900;
	margin:0 2px 2px 0;
	float:left;
	height:18px;
	position:relative;
	}

div.boxpyell {
	width:9%;
	overflow:hidden;
	text-align:center;font-size:1.2em;
	
	border:1px solid #FF9900;
	margin:0 2px 2px 0;
	float:left;
	height:18px;
	position:relative;
	}


div.box p {
	margin:0 10px 0 10px;
	}
	
div.box a.top {
	color:#FCFA9E;
	text-decoration:none;
	}
	
div.box a.top:visited {
	color:#A6FFE2;
	text-decoration:none;
	}
	
div.box a.top:hover {
	color:white;
	text-decoration:underline;
	}
	
	div.box h2 {
	background-color:#6699cc;
	color:white;
	margin:0 0 5px 0;
	font-size:1.4em;
	font-weight:bold;
	}
	
	
    div.box h3 {
	/*background-color:#8CB3D9;*/
	/*background-color:#7BA7D2;*/
	color:black;
	margin:0 0 5px 0;
	font-size:1.1em;
	line-height:1.4em;
	}	
	  	
	
a.one:link {
  color: #0F66B5;
  text-decoration:none;	
  border-bottom:1px solid #FF3300;
  }
  
a.one {
  color: #0F66B5;
  text-decoration:none;	
  border-bottom:1px solid #FF3300;
  }
  
a.one:visited {
  color: #0F66B5;
  text-decoration:none;	
  border-bottom:1px solid #0F66B5;
  }
  
a.one:active {
  color: #0F66B5;
  text-decoration:none;	
  border-bottom:1px solid green;
  }
  
a.one:hover {
  color: #0F66B5;
  text-decoration:none;	
  border-bottom:2px solid #FF3300;
  }
  	
a.five:link {
  color: #003AB5;	
  border-bottom:0px solid #FF3300;
  }
  
a.five:visited {
  color: #003AB5;	
  border-bottom:0px solid #0F66B5;
  }
  
a.five:active {
  color: #003AB5;
  border-bottom:0px solid green;
  }
  
a.five:hover {
  color: #003AB5;	
  border-bottom:0px solid #FF3300;
  }
 		
	
.remember {
	font-size:1.5em;
	color:#FF0000;
	}
	
.search {
	font-size:1.5em;
	color:#000099;
	text-align:left;
	}
	
.remember strong {
	font-size:1.2em;
	}
#footer {
	width:96%;
	height:auto;
	overflow:visible;
	clear:both;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	color:#366CA3;
	border:0px;
	}
#footer p {
	font-size:1em;
	padding:0 0 0 0px;
        font-weight:bold;
        color:#366CA3;
	text-align:center;
	}

#footer p.t {
	font-size:1.5em;
        text-align:center;
	color: #000099;font-weight:bold;
	}
	
form {margin:0;
}

.left {text-align: left;}	
.center {text-align: center;}
.right {text-align: right;}
.justified {text-align: justify;}	
.middle {vertical-align: middle;}	

