/* CSS Document */
body {text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76.5%;
	color:#000000;
	background-color:#FFFFFF;
	padding:20px 0 0 0;
	margin:0;
	}
	
	
/* video styling */
#VideoHold {width: 189px; height: auto; padding:5px 0px 0px 0px; margin:0; text-align:left}


	
	
/*a.blue:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002976;
	text-decoration: none;
	}*/

#frame {
	width:760px;
	height: auto;
	padding: 0 0 0 0;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	border: 1px solid #999;
	}

#container {
	width: 760px;
	height: auto;
	margin:0;
	padding:0 0 0 0;
	}
	
#banner {
	width: 760px;
	height: 140px;
	background:url(images/TopBannerNewLogo_01.jpg) no-repeat ;

	}
	
#bannertech {
	width: 760px;
	height: 140px;
	background:url(images/TechnicalManual/TopBannerNewLogoTech.jpg) no-repeat ;
	}

#bannertech a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9d3293;
	text-decoration: none;
	}	
	
#bannerLeft {
	width: 275px;
	height: 140px;
	padding: 0px 0 0 12px;
	float: left;
	}
	
#bannerLeftTop {
	width:275px;
	height:85px;
	padding: 10px 0 0 px;
	float: left;}

#bannerLeftBottom {
	width:275px;
	height:12px;
	padding: 20px 0 0 0px;
	float: right;}
	
	#bannerLeft2 {
	width: 350px;
	height: 140px;
	padding: 0px 0 0 12px;
	float: left;
	}
	
#bannerLeftTop2 {
	width:350px;
	height:85px;
	padding: 10px 0 0 px;
	float: left;}

#bannerLeftBottom2 {
	width:350px;
	height:12px;
	padding: 20px 0 0 0px;
	float: right;}
	
#bannerRight {
	width: 250px;
	height: 140px;
	float: right;
	padding:  0 0 0 25px;}	
	
#banner a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002976;
	text-decoration: none;
	}	
	
#access {
	display: none;
	}
	
#left {
	width: 195px;
	
	padding: 0 0 0 4px;
	float: left;
	}
	
#right {
	width: 555px;
	float: left;
	background: url(images/BlueLineBk.jpg) 0px 170px repeat-x;
	border: 1px #002976 solid;
	margin: 2px 0 2px 0;
	}
	
#right a { 
	font-size: 10px;
	color: #9d3293;
	text-decoration: none;
	}
	
#right a:hover { 
	color: #9d3293;
	}			
	
	
#imagebanner {
	width: 545px;
	height: 130px;
	padding: 5px 0 0 5px;
	clear: both;
	}
	
#textleft {
	width:350px;	
	padding: 7px 5px 7px 5px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-align: left;	
	}
	
#textleft a{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}	
	
a.purple:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d3293;
	text-decoration:underline;
	}
	
.textleft a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d3293;
	text-decoration:underline;
	}	


#map {
	width: 190px;
	height: auto;
	float: left;
	padding: 7px 0 5px 0;
	}
	
#footer {
	width: 760px;
	height: 45px;
	padding: 0 0 0 0;
	border-width: 1px 0 0 0;
	border-color: #002976;
	border-style: solid;
	margin: 2px 0 0 0;
	background-image: url(images/PaintFooter.jpg);
	}
	
#footertech {
	width: 760px;
	height: 45px;
	padding: 0 0 0 0;
	margin: 2px 0 0 0;
	background-image: url(images/TechnicalManual/PaintFooter.jpg);
	}
	
#footersplit {
	width: 300px;
	height: 40px;
	padding: 10px 0 0 25px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	}
	
#footersplit a {
	font-size:11px;
	color: #FFFFFF;
	text-decoration: none;
	}	
	
#footersplit2 {
	width: 410px;
	height: 45px;
	padding: 0 0 0 0;
	text-align: right;
	float: left;
	}
	
#address {
	width: 760px;
	text-align: center;
	padding: 5px 0 5px 0;
	clear: both;
	}	
	
.addpurple {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d3293;
	font-weight: bold;
	}
	
.addlightgrey {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	}	
	
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #9d3293;
	text-align: left;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	color: #9d3293;
	text-align: left;
	}


#searchbox {
clear:both;
	width: 185px;
	height: 30px;
	padding: 5px 0 0 0;
	background-color: #fff;
	}
	
#bottomnavimage {
	width: 185px;
	height: 45px;
	background-color: #fff;
	padding: 0 0 3px 0;
	}	
	
#PurpleNavBk {
	width: auto;
	height: auto;
	background-color: #9d3293;}	

#menuholder {
	width: 185px;
	height: 350px;
	background-color: #9d3293;
	padding: 0 0 5px 0;
	}


#menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:185px;
    /*border-top: 2px #9d3293 solid;
    border-left: 2px #9d3293 solid;
    border-right: 2px #9d3293 solid;
    border-bottom: 1px #FFFFFF dotted;*/
	margin:0;
    padding:0 0 0 0;
    }
    
#menu span{
    display:none;
    }
    
#menu ul{
    /*border-top: 2px #9d3293 solid;
    border-left: 2px #9d3293 solid;
    border-right: 2px #9d3293 solid;
	border-bottom: 2px #9d3293 solid;*/
    margin:0;
    padding:0 0 0 0;
    position:absolute; /* important */
    /*width:154px;
    width/**/ /*:150px;  */
	
    }
    
#menu li ul{
    visibility:hidden;
    }
            
#menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
 
 
 #menu ul a{
	background-color: #333;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; 
	border-bottom: 0;
 }
    
	
#menu a{
    background-color: #9d3293;
    color:#fff;
    /*font-weight:bold;*/
    text-align:left;
	display:block;
    width:180px;
    border-top: 1px #c952bd solid;
	border-bottom: 1px #692162 solid;
    text-decoration:none;
    margin:0;
    padding: 3px 0 11px 5px;
	font-size:11px; /* em units can creat little graphic bug in mozilla */
    }
 
 
#menu ul a:hover{
 	color: #000000;
	background-color: #ccc;
	border-bottom: 0;
	}
 
 
    
#menu a:hover{
    background-color: #333333;
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
    background-color: #9c5096;
}

#menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
#menu li{
    width:185px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html #menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
/*a.linkOver{
    background-color: #999999;
    }*/


    
/* IE PC selector */
* html .tech li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
/*a.linkOver{
    background-color: #999999;
    }*/
	
#MapTitle{
	width: 190px;
	padding-top: 3px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9d3293;
	}
	
#MapImage {
	width: 190px;
	height: auto;
	}
	
#MapPostcodes {
	padding: 2px 0 0 0;
	width: 190px;
	height: auto;
	text-align: left;
	}
	
.cookies {
	color: #9d3293;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}
	
.cookies a:link{
	color: #9d3293;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}	
	
.cookieswithlink a:link {
	color: #9d3293;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}	
	
.cookieswithlink {
	color: #9d3293;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}	
	

/* TechManual */

h2.tech {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;color: #18398a;text-align: left;	}

.cookiestech {color: #18398a;font-weight: bold;text-decoration: none;font-size: 10px;}
.cookiestech a:link{color: #c3c6e5;	font-weight: bold;	text-decoration: none;	font-size: 10px;	}	
	
#techholder {
	width: 190px;
	height: auto;
	background-color: #18398a;
	padding: 0 0 5px 0;
	}

#techleft {width:28px;height:43px;margin:0;padding:0 0 0 0; float:left;}


#tech{
		/* solve a Opera7/IE display bug */
	/*border-top: 2px #9d3293 solid;
    border-left: 2px #9d3293 solid;
    border-right: 2px #9d3293 solid;
    border-bottom: 1px #FFFFFF dotted;*/
	height:auto;
	margin:0;
	padding:0 0 0 0;
	float:left;
    }
    
#tech span{
    display:none;
    }
    
#tech ul{
    /*border-top: 2px #9d3293 solid;
    border-left: 2px #9d3293 solid;
    border-right: 2px #9d3293 solid;
	border-bottom: 2px #9d3293 solid;*/
    margin:0;
    padding:0 0 0 0;
    position:absolute; /* important */
    /*width:154px;
    width/**/ /*:150px;  */
	
    }
    
#tech li ul{
    visibility:hidden;
    }
            
#tech li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
 
 
 #tech ul a{
	background-color: #18398a;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; 
	
 }
    
	
#tech a{
    background: #c4c5e4;color:#18398a;    /*font-weight:bold;*/ text-align:left;display:block;width:188px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 0px;	font-size:11px; /* em units can creat little graphic bug in mozilla */   }
	
#tech a.light{
    background:#c4c5e4 url(images/TechnicalManual/SectionTwoHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;	font-size:11px; /* em units can creat little graphic bug in mozilla */    }
	
#tech a.light4{
    background:#c4c5e4 url(images/TechnicalManual/SectionFourHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */    }

#tech a.light6{
    background:#c4c5e4 url(images/TechnicalManual/SectionSixHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;	font-size:11px; /* em units can creat little graphic bug in mozilla */  }

#tech a.light8{
    background:#c4c5e4 url(images/TechnicalManual/SectionEightHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */    }
	
#tech a.light10{
    background:#c4c5e4 url(images/TechnicalManual/SectionTenHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */    }

#tech a.light12{
    background:#c4c5e4 url(images/TechnicalManual/SectionTwelveHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;	font-size:11px; /* em units can creat little graphic bug in mozilla */    }
#tech a.light14{
    background:#c4c5e4 url(images/TechnicalManual/SectionFourteenHover.jpg) 0 0 no-repeat;    /*font-weight:bold;*/ text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */   }


 
 
    
/*#tech a:hover{
 background: #c4c5e4 url(images/TechnicalManual/NavBack.jpg) 0 0 no-repeat;  }
#tech a:hover.light{background: url(images/TechnicalManual/SectionTwoHover.jpg) 0 0 no-repeat; }
#tech a:hover.light4{background: url(images/TechnicalManual/SectionFourHover.jpg) 0 0 no-repeat;  }
#tech a:hover.light6{background: url(images/TechnicalManual/SectionSixHover.jpg) 0 0 no-repeat;  }
#tech a:hover.light8{background: url(images/TechnicalManual/SectionEightHover.jpg) 0 0 no-repeat;  }
#tech a:hover.light10{background: url(images/TechnicalManual/SectionTenHover.jpg) 0 0 no-repeat; }
#tech a:hover.light12{background: url(images/TechnicalManual/SectionTwelveHover.jpg) 0 0 no-repeat;  }
#tech a:hover.light14{background: url(images/TechnicalManual/SectionFourteenHover.jpg) 0 0 no-repeat; }*/


     
/* for a mozilla better display with key nav */
#tech a:focus{
    background-color: #c3c4e2;
}

#tech a.Viewall {background:#18398a url(images/ViewAll.gif) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:17px;
   text-decoration:none; margin:0;padding: 5px 2px 5px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */  border-bottom:#FFFFFF 1px solid;}

#tech a.Empty {background:#18398a;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:17px;
   text-decoration:none; margin:0;padding: 5px 2px 5px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */  border-bottom:#FFFFFF 1px solid;}

#tech a.dark {background:#18398a;color:#fff; /*font-weight:bold;*/
text-align:left;display:block;width:158px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 30px;font-size:11px; 
/* em units can creat little graphic bug in mozilla */  }

#tech a.dark1 {background:#18398a url(images/TechnicalManual/SectionOnehover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */  }

#tech a.dark3 {background:#18398a url(images/TechnicalManual/SectionThreeHover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a.dark5 {background:#18398a url(images/TechnicalManual/SectionFivehover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a.dark7 {background:#18398a url(images/TechnicalManual/SectionSevenHover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a.dark9 {background:#18398a url(images/TechnicalManual/SectionNinehover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a.dark11 {background:#18398a url(images/TechnicalManual/SectionElevenHover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a.dark13 {background:#18398a url(images/TechnicalManual/SectionThirtennhover.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }
#tech a.dark15 {background:#18398a url(images/TechnicalManual/SectionFifteen.jpg) 0 0 no-repeat;color:#fff;/*font-weight:bold;*/text-align:left;display:block;width:158px;height:27px;
   text-decoration:none; margin:0;padding: 5px 2px 11px 30px;font-size:11px; /* em units can creat little graphic bug in mozilla */ }

#tech a:hover {color:#FFFFFF;}
.number {float:left; width:27px; font-size:21px; padding:2px 0px 1px 0px; color:#FFFFFF; text-align:center; margin-right:2px;}
.name {float:left; width:148px; padding:0 6px 0 5px;}


#tech a.techdark {background:transparent url(images/TechnicalManual/TechDark.jpg) 0 0 no-repeat; color:#fff; /*font-weight:bold;*/
text-align:left;display:block;width:188px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 0px;font-size:11px; 
/* em units can creat little graphic bug in mozilla */  }
#tech a.techlight {background:transparent url(images/TechnicalManual/TechLight.jpg) 0 0 no-repeat;  /*font-weight:bold;*/
text-align:left;display:block;width:188px;height:27px;text-decoration:none;margin:0;padding: 5px 2px 11px 0px;font-size:11px; 
/* em units can creat little graphic bug in mozilla */  }


/*#tech a:hover.dark{background: url(images/TechnicalManual/NavHover.jpg) 0 0 no-repeat;}
#tech a:hover.dark1{background: url(images/TechnicalManual/SectionOnehover.jpg) 0 0 no-repeat;}
#tech a:hover.dark3{background: url(images/TechnicalManual/SectionThreeHover.jpg) 0 0 no-repeat;}
#tech a:hover.dark5{background: url(images/TechnicalManual/SectionFivehover.jpg) 0 0 no-repeat;}
#tech a:hover.dark7{background: url(images/TechnicalManual/SectionSevenHover.jpg) 0 0 no-repeat;}
#tech a:hover.dark9{background: url(images/TechnicalManual/SectionNinehover.jpg) 0 0 no-repeat;}
#tech a:hover.dark11{background: url(images/TechnicalManual/SectionElevenHover.jpg) 0 0 no-repeat;}
#tech a:hover.dark13{background: url(images/TechnicalManual/SectionThirtennhover.jpg) 0 0 no-repeat;}*/


/* for a mozilla better display with key nav */
#tech a:focus.dark{
    background-color: #18398a;
}

#tech span{
    /* hide some accessibility stuff */
    display:none;
    }
        
#tech li{
    width:185px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }

#Technicaltextleft {
	width:540px;	
	padding: 7px 5px 7px 5px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-align: left;	
	}
	
#Technicaltextleft a{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}	
	
a.purple:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d3293;
	text-decoration:underline;
	}
	
.Technicaltextleft a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:underline;
	}	

#techright {
	width: 555px;
	float: left;
	background: url(images/BlueLineBk.jpg) 0px 170px repeat-x;
	margin: 2px 0 2px 0;
	}


.go {background:url(../images/GoBack.jpg) 0px 0 no-repeat; padding:0px 0 0 0px; width:28px; height:28px; border:0; cursor:pointer;}
.SearchBack {background:url(images/SearchBack.jpg) left bottom no-repeat; width:144px; height:18px; padding:5px; border:none; outline:none;}

.SearchTitle a {color: #18398a;	text-decoration: none; font-weight: bold;}
.SearchTitle a:hover {color: #999999;}

.NewBlueLink {color: #18398a;	text-decoration: none; font-weight: normal;}
.NewBlueLink :hover {color: #999999;}

#Technicaltextleft a.LinkLarger  {font-size:14px; font-weight:bold;}