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

.paddingbot{
	padding-bottom:10px;
}

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

#bannerinvestor{
	width:87.09em; /* 958px*/
	display:table;
	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;
	/*display:table;*/
}

/*---------------------------------------------------- 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:18%;
    padding:10px 0;
}

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


/* ------------------------------ 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;
}


/* ------------------------------ 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;
text-align:center;
	float:left;
	height:24em;
	clear:left;
	border-bottom:1px solid #eae9e9;
	padding-bottom:10px;
	padding-top:30px;
}

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


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


.products1 ul{
	margin:10px 0 0 10px;
	list-style-type:none;
}

.products1 ul li{
	padding:0 0 0 5px;
	list-style-type:none;
}

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


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

.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:90px;
  width:300px;
  float:left;
  text-align:right;
}
 

.greybg{
	background:#515256;
	color:#fff;
	padding:4px 4px 4px 10px; 
	float:left;  

	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;
}


.products1 img,
.prodimg img{
	width:11.82em; 
/*  height:17.73em; */ 
}




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

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

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

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

table.col3{
width:100%;
}

table.col3 td{
width:33%;
}

#bodytxt table td{
	vertical-align:top;
}


#bodytxt input, #bodytxt select, #bodytxt textarea{
  border:1px #cfcfcf solid;
}

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

#hsbody  table  tbody  tr td{
	font-size:"0.69em";
}

/*------------------- 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;
}


.pdf {
	background:url(/images/pdf-icon.gif) no-repeat;
	padding:0px 0px 5px 20px;
	margin: 10px 0px;
}



/* CSS FOR NEW LIST PAGE */
.noResult { padding-top:10px; }
.dataTable { border-top:1px solid #4D4F53; margin:20px 0; }
.dataTable td { border-bottom:1px solid #4D4F53; padding:10px 0 !important; vertical-align:middle !important; }
.dataTable td.titleCol { width:13.6364em !important; }
.dataTable td.dataCol { width:16.3636em !important; }
.dataTable td.imageCol { width:auto !important; }
.dataTable td.imageCol img { width:3.6364em /*40px*/; }
.dataTable td.linkCol { width:6.8182em !important; text-align:right }
.dataTable td.iconCol { width:4.0909em !important; text-align:right }
.dataTable td.iconCol img { width:2.7273em /*30px*/; }
.dataTable ul { list-style-type:none; }
.dataTable .blockLink { border:1px solid #005293; background:#d7d7d7; padding:0.3636em 0.9091em; color:#4d4f53 !important; font-weight:bold; }

.imageList { list-style-type:none; }
.imageList li { margin-bottom:10px; clear:both; }
.imageList li .thumb { float:left; clear:both; margin:3px 20px 20px 0; width:10em; border:1px solid #CCC; }
.imageList li .description { overflow: hidden; }
*html .imageList li .description { float:left; }
acronym { cursor:help; }