/* --------------------------- generic classes -----------------------------*/

.paddingbot{
	padding-bottom:10px;
}

/*----------------------------------------------------------------------------- Top banner --------------------------------------------------------------------------------------------------------*/

#bannerinvestor{
	width:87.09em; /* 958px*/
	clear:both;
	height:11.00em; /* 121px*/
	background:url(/images/bg-inner-gray.jpg) bottom;

}

#bannerinvestor #bannerinvestor-left{
	width:22.36em; /* 246px */
	height:11.00em; /* 121px */
	float:left;
	width:"22em";

}

#bannerinvestor #bannerinvestor-left img{
	height:11.00em; /* 121px */
	float:left;
	width:"22em";

}

#bannerinvestor #bannerinvestor-right{
	background:url(/images/bg-inner-gray.jpg) bottom;
	width:64.18em; /* 706px */
	height:10.45em; /*115px*/
	height:"10.8em"; 
	width:"64.6em";
	float:right;
	color:#fff;
	border: 3px solid #515256;
	
}

#bannerinvestor #bannerinvestor-right h1{
	font-size:2.3em;
	display:block;
	margin:10px 0 30px  20px;
}

#bannerinvestor #bannerinvestor-right div.breadcrumb{
	display:block;
	padding-top:10px;
	margin-left:20px;
	background-image:url(/images/border-grey-investor.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:#b3b3b5;
	width:95%;
}

#bannerinvestor #bannerinvestor-right div.breadcrumb  img{
	margin-right:5px;
	margin-left:5px;
}

#bannerinvestor #bannerinvestor-right div.breadcrumb span{
	color:#e2e2e3;
}

#bannerinvestor #bannerinvestor-right div.breadcrumb  a{
	color:#b3b3b5;
	text-decoration:none;
}

#bannerinvestor #bannerinvestor-right div.breadcrumb  a:hover{
	color:#e2e2e3;
	text-decoration:none;
}

/*---------------------------------------------------- inner body container -------------------------------------------- */

#container{
	width:87.09em;
}

/*---------------------------------------------------- left navigation------------------------------------------- */

#container #leftcolouter{
	width:22.36em; /* 246px */
	#width:22.45em; /* 247px */
	float:left;
}

#container #leftcol{
	background:#d7d7d7 url(/images/bg-inner-left-nav.jpg) repeat-x bottom right;
	padding:12px 20px 20px 20px;
	color:#4d4f53;
	margin:0;
	height:27.09em; /*298 px */
	border: 3px solid #d7d7d7;
}

#container #leftcol h2{
	background:url(/images/border-grey.gif) repeat-x bottom;
	margin:0 0 10px 0;
	color:#005293;
	font-size:1.1em;
	padding:10px 0 10px 15px;
}

#container #leftcol ul.leftlinks{
	list-style:none;
}

#container #leftcol ul.leftlinks li{
	padding:5px 0;
	background:url(/images/border-grey.gif) repeat-x bottom;
}

#container #leftcol ul.leftlinks li a{
	background: url(/images/arrow-grey-dark2.gif) no-repeat bottom left;
	color:#4d4f53;
	text-decoration:none;
	padding-left:15px;
}

#container #leftcol ul.leftlinks li a:hover{
	background: url(/images/arrow-grey-dark2.gif) no-repeat bottom left;
	text-decoration:none;
	font-weight:bold;
}

.on {
	text-decoration:none;
	font-weight:bold;
	background: url(/images/arrow-grey-dark2.gif) no-repeat bottom left;
	padding-left:15px;
}





/*
#container #leftcol ul.leftlinks ul.leftlinks_sub{
	margin:5px 0 0 0px;
	padding:0 0 0 30px;
	list-style:none;
	background:url(/images/border-grey.gif) repeat-x top;
}

#container #leftcol ul.leftlinks li ul.leftlinks_sub li{
	padding:5px 0;
	background-image:none;
}

#container #leftcol ul.leftlinks li ul.leftlinks_sub li a{
	color:#4d4f53;
	padding-left:15px;
}


#container #leftcol ul.leftlinks li ul.leftlinks_sub li a:hover{
	color:#4d4f53;
	text-decoration:none;
	padding-left:15px;
}


#container #leftcol ul.leftlinks li ul.leftlinks_sub li a.current{
	background: url(/images/arrow-grey-dark2.gif) no-repeat bottom left;
	color:#4d4f53;
	text-decoration:none;
	padding-left:15px;
}
*/

/*------- right container ---- */

#rightcolouter{
	width:64.55em; /* 711px*/
	float:left;
}

#bodytxt{
	margin:37px 0 0 20px;
	height:100%;
}

#bodytxt .bodyul{
	margin-left:5px;
	margin-bottom:10px;
	
}

#bodytxt .bodyul li {
	padding-left: 3px;
	margin:10px 0 0.5em 2.5em;
}

#bodytxt .bodyulwb{
	margin-left:5px;
	margin-bottom:10px;
	list-style:none;
}

#bodytxt .bodyulwb li {
	padding-left: 0px;
	margin:5px 0 0.5em 0px;
}

#bodytxt p{
	 padding-bottom:10px;
}


#bodytxt a{
	color: #005293;
	text-decoration: none;
}

#bodytxt a:hover{
	text-decoration: underline;
}

#bodytxt table td{
 padding: 5px 0;
 width:33%;
}


.tdbold
{
	font-weight: bold;
	color: #005b98;
}

/*-------------  Accessibility ----------------------- */

#accessibility ul{
 margin-left:20px;
}

#accessibility ul li{
 padding-top:10px;
}


/*----------------------------------------------------Quick Links------------------------------------------- */

#container #leftcolouter div.quicklinks {
   padding-left:25px;
   border-top:9px solid #fdc82f;
   margin-top:20px;
}

#container #leftcolouter div.quicklinks h2{
    color:#005293;
    font-size:1.1em;
    padding:10px 0 10px 0;
}

#container #leftcolouter div.quicklinks h4 {
	font-size:1em;
}

#container #leftcolouter div.quicklinks h4 a{
    color:#005293;
    font-size:1em;
    margin:0;
    padding:0 0 4px 0;
}


#container #leftcolouter div.quicklinks p{
    margin:0;
    padding:0;
}

#container #leftcolouter div.quicklinks a{
    text-decoration:underline;
    color:#005293;
    padding-left:15px;
}

#container #leftcolouter div.quicklinks a:hover{
    text-decoration:none;
}

#container #leftcolouter div.quicklinks ul{
    margin:0 0 0 15px;
    padding:0;
    list-style:none;
}


#container #leftcolouter div.quicklinks li{
    margin:0;
    padding:5px 0;
}

#container #leftcolouter div.quicklinks li a{
   
    color:#4d4f53;
    text-decoration:none;
    padding-left:15px;
}

#container #leftcolouter div.quicklinks li a:hover{
  
    color:#4d4f53;
    text-decoration:underline;
    padding-left:15px;
    
}

.more{
   background:url(/images/arrow-blue.gif) no-repeat left;
   padding-left:5px;
   margin-top:5px;
	
}

/*------------------------------- other pages content with images  ---------------------- */

.txtbdy{
	width:44.55em; /*490px*/
	float:left;
}

.imgbdy{
	margin-left:1.82em; /*20px*/
	float:left;
}


/*----------------------------------------------------------- history page ------------------------------------------------------- */

.history {
	width:100%;
	list-style:none;
}

.history li {
	float:left;
	display:block;
	clear:both;
	width:100%;
	margin:0;
	border-bottom:1px solid #ccc;
}

.history li strong {
	display:block;
	float:left;
	width:7%;
    padding:10px 0;
}

.history li span {
	display:block;
	float:left;
	width:93%;
	padding:10px 0;
}


/* ------------------------------ brochure download -------------------------------------------- */

.brochureimg{
	float:left;
	margin-right:10px;
}


/* ---------------------------------------------------  products ---------------------------------------------------------- */

.imageleft {
    width:11.82em; /*130px */
    height:170px;
    float:left;
}

.imageleft img{
    width:11.82em; /*130px */
	float:left;
	
}	
	

.textright {
    float:left;
    width:175px;
	width:"157px";
    margin-left:18px;
}

.box1 {
    width:29.55em; /*325px;*/
    float:left;
	vertical-align:top;
}

.box2 {
    width:29.55em; /*325px;*/
    float:left;
    margin-left:34px;
}


 .lastbox{
	width:684px;
	float:none;
}
 
.bottomblock {
    float:left;
    margin-top:49px;
    padding-top:35px;
	width:688px;
    background: url(/images/border-grey.gif) repeat-x;
    
}

.box1 h2, .box2 h2 {
    color: #005293;
    font-size: 1.1em;
    background: url(/images/arrow-heading.gif) no-repeat top left;
    padding:0 0 10px 15px;
}


.moreinfo{
   background:url(/images/top_nav_bg_over.gif) repeat-x;
   line-height:2em;
   text-align:center;
   display:inline;
   float:left;
   height:2.09em; /*23px;*/
   width:11.82em; /*130px;*/
   
}

.moreinfo a{
    color:#4d4f53;
    background:url(/images/arrow-yellow-white.gif) no-repeat left;
    padding-left:12px;
}

.moreinfo a:hover{
    color:#4d4f53;
    text-decoration:none;
    background:url(/images/arrow-grey.gif) no-repeat left;
    padding-left:12px;
}

.pdf img{
	display:block;
	float:left;
	margin-bottom:5px;

}

.pdf a{
	float:left;
	padding-left:5px;
	width:150px;
	margin-bottom:5px;
	text-decoration:underline;
}


/* ------------------------------ sales page --------------------------- */

.product_3col {
	margin-top:35px;
}
.product_3col .box1,
.product_3col .box2,
.product_3col .box3 {
	width:30% !important;
	text-align:center;
	float:left;
	margin:0;
	clear:none;
}


/* -----------------------for product  and sales section listing ----------------------------------------*/


.products1{
	width:48%;
	float:left;
	height:22em;
	clear:left;
	border-bottom:1px solid #eae9e9;
	padding-bottom:10px;
	padding-top:30px;
}

.products1-inn1{
	border-left:1px solid #eae9e9;
	height:21em;
	padding-left:7%;
	width:100%;
	
}

.products1 img{
	width:11.82em; /*130px;*/
	height:17.73em; /* 195px;*/
}

.leftproduct { 
	clear:none; 
	border-right:0;
	width:51%;
	#width:48%;
}


.products1 ul{
	margin:10px 0 0 10px;

}

.products1 ul li{
	padding:0 0 0 5px;
}

.productimgmain{
	width:13.64em; /*150px;*/
	float:left;
}


.prodtxt{
	float:left;
	width:14.55em; /*160px;*/
	padding-left:10px;
}

.prodtxt a {
	text-decoration: underline;
	color: #005293;
	background: url(/images/arrow-grey-dark2.gif) left 4px no-repeat;
	padding-left: 15px;
}

.prodtxt h4 a {
	color: #005293;
	font-size: 1.2em;
	margin:0;
	padding: 0 0 4px 15px;
}

.prodtxt a:hover{
	text-decoration: none;
}	

.prodtxt .boldtxt{
	font-weight:bold;
	padding-right:5px;
}

.image{
	padding-right:9.09em; /*100px;*/
}

.next-prev{
	clear:both;
	float:left;
	text-align:right;
	width:100%
 }
 
 .greybar-left{
	width:320px;
	float:left;
 }
 
.next-prev-btn{
  margin-left:50px;
  width:300px;
  float:left;
  text-align:right;
}
 

.greybg{
	background:#515256;
	color:#fff;
    padding:4px 4px 4px 10px; 
    float:left;  
   	margin:30px 0 30px 0;
	width:98%;
	clear:both;
}

.greybg-list{
	background:#515256;
	color:#fff;
    padding:4px 4px 4px 10px; 
    float:left;  
   	margin:0 0 0px 0;
	width:98%;
	clear:both;
}

.greybg a, .greybg-list a{
	color:#fff !important;
}




/*---------------------------------- Training  ----------------------------------- */

.logoimg{
	float:left;
	margin-bottom:2em;
	width:10.5em;
}

.logoimgtxt{
	float:left;
	width:81%;
}	

/* -------------------------- enquiry from --------------------------------------- */

.contact-form {
	background-color:#e5e5e5;
	border:1px solid #b7b7b7;
	float:left;
	width:80%;
}

.contact-form table {
	margin:20px;
	margin-right:20px;
}

.contact-form table  td{
	vertical-align:top;
	font-size:1em;
	#font-size:1em;
	font-size:"0.69em";
} 

.contact-form input  {
	margin:0 0 20px 20px;
	border:1px solid #cfcfcf;
}

.contact-form label {
	position:relative;
	top:-2px;
	left:5px;
	#left:3px;
}

.contact-form .noborder input{
	border:0;
} 

.contact-form select, .contact-form  textarea{
	border:1px solid #cfcfcf;
}

.contact-form p {
	margin:0 20px;
}

.contact-form table input {
	margin:0;
}

.contact-form table ul li {
	list-style-type:none;
	float:left;
	width:120px;
	clear:none;
	margin:0 0 5px 0;
	#margin:0;
	
}

.contact-form .submit {
	width:120px;
	border:1px solid #cfcfcf;

}


/*------------------- product details ------------------- */

.product h4{
	font-size: 1em;
	color: #005293;
	padding-top: 10px;
}

.product img{
	width:14.45em; /* 159px */
	height:21.73em; /*239px */
}

.product .moreinfo{
	padding:0 10px 0 10px;
}

.specific{
	width:48.18em; /*530px;*/
	#width:48em; /*530px;*/
	float:left;
}


.specific ul {
	float: left;
	padding-left: 35px;
	padding-top: 10px;
	clear: left;
	list-style:none;
}

.specific ul  span {
	display: block;
	width: 170px;
	float: left;
	font-weight: bold;
}

.descrip ul{
	margin-left:30px;
	margin-bottom:10px;
}

.descrip ul li{
	padding-bottom:10px;
}

/*------------------------------------ news page ----------------------------------------------*/

#les-ln ul{
    list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

#les-ln ul li{
   background: url(/images/hsbody_border.gif) repeat-x bottom;
   padding:0px 0 7px 10px ;
   margin:0 0 10px 0;
   padding:0;
}

#les-ln p{
	margin:0;
	padding:7px 0 7px 0;
}

#les-ln a{
    color:#4d4f53;
    font-weight:bold;
    text-decoration:none;
} 

#les-ln a:hover{
    color:#4d4f53;
     text-decoration:underline;
} 

#les-ln-details ul{
	margin-left:5px;
	margin-bottom:10px;
	
}

#les-ln-details li {
	padding-left: 3px;
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}

#les-ln-details h2{
	padding-bottom:10px;
}


/*-------------------- generic classes ----------------------- */

.abt_img{
	width:16.36em;
	height:21.73em;
}

#poscodeseach input{
	border:1px solid #ccc;
}


/*-------------------- depot search ------------------------- */

#poscodeseach .postcode_results  h4{
	padding-top:10px;
	color: #005293;
}


#poscodeseach .item img{
	width:13.2em;

}

.postcode_results .item 
{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
float: left;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
padding-bottom:10px;
padding-top:10px;
width:100%;
}