/* GLOBAL SETUP ================================================================== */
* { margin: 0px; padding: 0px; }
option {padding:0 0.5em 0 3px; } /* Firefox hides the RHS of options if padding is 0 */
body {font-size: 0.9em; font-family: Verdana,Arial, Helvetica, sans-serif;text-align: left;	background-color: #FFFFFF; background-image: url(../images/back_strip.gif); background-repeat:  repeat-x; }
a {text-decoration:none; }
img {border:0;}
fieldset {border:0;}

.container{	margin: auto; width: 779px;	text-align: left; padding: 20px 0 20px 0;}
.header_section{height: 100px; width: 779px;  background-image: url(../images/header_bg.gif); background-repeat:  no-repeat;}
.header_top{float: left; height : 60px; width: 760px; text-align : right; margin: 10px 0 0 0;}
.header_top span{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #636262; }
.header_nav{float: right;  width : 730px; text-align : right; height : 20px; padding-right : 40px; }

.header_menu {float : right; padding :0 5px 0 0; width : 450px;  }
.header_menu a{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding-right : 10px}
.header_menu a:hover{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : red; padding-right : 10px}
.header_menu span{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #267da0; margin-left : 30px}

.search input {float: right; width : 100px; } /* search input box */
.search_submit {float : right; margin :  0 0 0 5px; } /*search submit*/

.top_nav{height : 15px; border-bottom : 3px solid #7db0ca; text-align : right; background-color : #7db0ca; padding : 6px 0 0 160px; background-image: url(../images/topnav_bg.gif); background-repeat:  no-repeat;}
.top_nav a{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF;  overflow : hidden;}
.top_nav a:hover {font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #cc0000; overflow : hidden;}
.top_nav_option {float : left; width : 110px; text-align : center; padding : 0 0 0 12px; }
.top_nav_option_active a{float : left; width : 110px; text-align : center; padding : 0 0 0 12px; font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #cc0000; }

.left_nav{float: left; width: 158px; height : 233px; overflow : hidden; background-color : #bfbfbf; }
.left_nav a {font: bold 0.6em Verdana,Arial, Helvetica, sans-serif; color : #636262; padding : 0 0 0 10px;}
.left_nav li { background-image: url(../images/nav_btn_off.gif); background-repeat:  no-repeat; height : 22px; padding : 2px 0 0 0; }
.left_nav li:hover { background-image: url(../images/nav_btn_on.gif); background-repeat:  no-repeat; height : 22px; padding : 2px 0 0 0;  }
.left_nav li.odd:hover { background-image: url(../images/nav_btn_on.gif); background-repeat:  no-repeat; height : 22px; padding : 2px 0 0 0;  }
.left_nav li.active { background-image: url(../images/nav_btn_on.gif); background-repeat:  no-repeat; height : 22px; padding : 2px 0 0 0;  }
.left_nav li.odd { background-image: url(../images/nav_btn_odd.gif); background-repeat:  no-repeat; height : 22px; padding : 2px 0 0 0;  }
.left_slice{margin: 97px 0 0 0;}

.main_img{float: left; width : 621px; height : 233px; overflow : hidden; }
.breadcrumb{float: left; width : 779px; height : 21px; border-bottom : 1px solid white; background-color : #7db0ca;}
.breadcrumb p{float: left;  font: normal 0.6em Verdana,Arial, Helvetica, sans-serif; color : #c4edf7; padding : 4px 0 0 10px;}
.arrow_swf {float: left; width : 70px; text-align : right; padding: 3px 0 0 0;}

.left_sub_null{float: left; width: 158px; height : 1px; overflow : hidden; background-color : white;}

.left_sub_nav{float: left; width: 153px; height : auto; padding : 0 0 0 5px; overflow : hidden; background-color : #7ca6b1;}
.left_sub_nav a{font: 0.6em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; padding : 0 0 0 5px; }
.left_sub_nav li{margin-bottom : 3px }
.left_sub_nav a:hover {font: 0.6em Verdana,Arial, Helvetica, sans-serif; color :#000000; }
.sub_footer{width: 158px; height : 15px; background-color : #7db0ca; border-top : 1px solid white; margin : 5px 0 0 -5px}

/*home page*/
.home_container{float : left; background-color : #708b99;  width : 779px; padding : 0 0 20px 0;}

.home_left{float: left; width: 151px; padding : 13px 0 0 12px;}
.home_latest_title{background-image: url(../images/latest_news_bg.jpg); background-repeat:  no-repeat; height : 25px; margin : 0 0 0 0;}
.home_latest_title p{font: bold 0.75em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; padding : 5px 0 0 6px;}

.home_latest {float: left; width : 145px; height : 231px; background-color : #7ca6b1; padding : 0 0 5px 0; margin : -4px 0 0 0; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF;}
.home_latest h1{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; padding : 10px 4px 4px 8px;}
.home_latest h2{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; margin-bottom : 10px;}
.home_latest p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; padding : 10px 4px 4px 8px;}
.home_latest p a{font: bold 1em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; }

.home_latest_footer{float : left;  width: 151px; background-image: url(../images/latest_news_footer.gif); background-repeat:  no-repeat;  height : 25px;}

.home_middle{float: left; width :305px; padding : 13px 18px 0 18px;}
.header_title{background-image: url(../images/home_header_title.gif); height : 22px; background-repeat:  no-repeat; margin : 0;}
.header_title h1{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; padding : 6px 0 4px 6px; }

.home_article {float: left; width : 292px; height : 218px; background-color : #7ca6b1; margin : 0; padding : 12px 3px 5px 4px; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF;}
.home_article h2{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; margin-bottom : 10px;}
.home_article p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF}

.home_article_footer{ float : left; background-image: url(../images/home_article_footer.gif); background-repeat:  no-repeat; margin : 0 0 0 0px; height : 25px; width : 301px; }
.home_right{float: left; width : 270px; padding : 13px 0 0 5px;}

.home_right a{ margin : 3px 0 0 0; font: bold 0.9em Verdana,Arial, Helvetica, sans-serif;}
.home_footer{float : left; height : 41px; border-top: 1px solid #FFFFFF; background-color : #7db0ca; width : 779px;}
.home_footer_left{float: left; width : 779px; padding : 9px 0 0 20px;}
.home_footer_left p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; margin : 0 0 2px 0;}
.home_footer_left span{ margin : 0 0 0 15px;}
.home_footer_left span.footer_mleft{ margin : 0 0 0 97px;}
.home_footer_right {float : left; width : 280px; padding : 9px 0 0 0;  text-align : right;}
.home_footer_right p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF;}
.home_footer_detail{font: normal 0.65em Verdana,Arial, Helvetica, sans-serif; color :#666666; width : 660px; margin : 5px 0 0 0;}
.arkom_link {float: right; margin : 5px 0 0 0; }
.arkom_link a{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#666666;}

.home_broadcast_link{float: left; width : 240px; margin : 10px 0 0 0;}

.rss_feed{float: left; width : 258px; font: 0.8em Verdana,Arial, Helvetica, sans-serif; margin : 5px 0 0 0; border : 1px solid #FFFFFF;}
.rss_title{height : 32px; width : 252px; background : #7ca6b1; border-bottom : 1px solid #FFFFFF; padding : 8px 0 0 6px;}
.rss_title a{font: bold 0.9em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF;}
.rss_title p{font: 0.8em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF;}
.rss_item{ margin : 5px 0 0 0; padding : 5px;}
.rss_item a{color : #FFFFFF; }

/*home page end*/

.article_container{float: left; width : 601px; padding : 10px 7px 10px 13px; height : auto; background-color : #FFFFFF;}

.article{float: left; width : 550px; padding : 20px; height : auto; border : 1px solid #e6e6e6; }
.article li{font: normal 0.8em Verdana,Arial, Helvetica, sans-serif; color :#666666; line-height: 16px; margin : 0 0 0 15px;}
.article h1{font: bold 0.9em Verdana,Arial, Helvetica, sans-serif; margin-bottom : 10px;}
.article h2{font: normal 1.2em Verdana,Arial, Helvetica, sans-serif; color : #8bc5e3; margin-bottom : 10px;}
.article p{font: normal 0.8em Verdana,Arial, Helvetica, sans-serif; color :#666666; line-height: 16px;}

.footer{float: left; padding : 5px;}
.footer p{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; text-align : center; margin-bottom : 5px;}
.footer a{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #8bc5e3; text-align : left;}

.news_links{height : 75px; width : 555px; float : left; margin : 10px 0 10px 0;}
.news_left_link{float : left; height : 74px; width : 275px }
.news_right_link{float: left; height : 74px; width : 275px; padding: 0 0 0 5px;}

.press_release_container_1{float: left; min-height : 45px; background-color : #FFFFFF; width : 545px; padding : 5px; }
.press_release_container_1 h3{font: bold 0.75em Verdana,Arial, Helvetica, sans-serif; color :#666666; }
.press_release_container_1 p{font: normal 0.75em Verdana,Arial, Helvetica, sans-serif; color :#666666; }
.press_release_container_1 a{ color :#666666; }
.press_release_container_2{float: left; min-height : 45px; background-color : #f5f5f5; width : 545px; padding : 5px; }
.press_release_container_2 h3{font: bold 0.75em Verdana,Arial, Helvetica, sans-serif; color :#666666; }
.press_release_container_2 p{font: normal 0.75em Verdana,Arial, Helvetica, sans-serif; color :#666666; }
.press_release_container_2 a{ color :#666666; }
.press_release_summary{float: left; width : 480px}
.press_release_date{float : right}

.news_article{float: left; width : 550px; padding : 20px; height : auto; border : 1px solid #e6e6e6; }
.news_article h1{font: bold 0.9em Verdana,Arial, Helvetica, sans-serif; color : #8bc5e3; margin-bottom : 10px; width : 450px;}
.news_article li{font: normal 0.8em Verdana,Arial, Helvetica, sans-serif; color :#666666; line-height: 16px; margin : 0 0 0 15px;}
.news_article h2{font: bold 1em Verdana,Arial, Helvetica, sans-serif; color : #666666; margin-bottom : 10px;}
.news_article p{font: normal 0.8em Verdana,Arial, Helvetica, sans-serif; color :#666666; line-height: 16px;}
.news_date{float : right; margin : -30px 0 0 0; }

.case_studies_container{float : left; background-color : #eaf1f3; padding : 10px 0 10px 10px; margin-top : 20px; width : 530px}
.case_study{float: left;margin : 10px 0 10px 0; height : auto; width : 515px; padding: 2px; }
.case_image{float: left; margin : 0 20px 20px 0; width : 100px; height : 100px; border : 1px solid #8bc5d5;}
.case_summary{float: left; padding : 5px; border : 1px solid #8bc5d5; width : 380px; min-height: 90px; margin : 0 0 10px 0;}
.case_summary p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#666666;}
.case_summary h1{font: bold 1em Verdana,Arial, Helvetica, sans-serif; color :#666666; padding : 0; margin : 0 0 10px 0;}

.BC_container{float : left; background-color : #eaf1f3; padding : 10px 0 10px 10px; margin : 0 0 0 0; width : 510px}
.BC{float: left;margin : 10px 0 10px 0; height : auto; width : 500px; padding: 2px; }

.BC_image{float: right; margin : 10px 10px 5px 0; width : 167px; height : 118px; }

.BC_Title{float: left; background-image: url(../images/media_lib_title.jpg); background-repeat:  no-repeat; width : 500px; height : 50px;}
.BC_Title p{font: bold 0.9em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; padding : 7px 0 0 10px;}

.BC_Vid{float: left; background-image: url(../images/vid_bg.gif); background-repeat:  no-repeat; width : 100px; height : 30px;}
.BC_Vid p{font: normal 0.6em Verdana,Arial, Helvetica, sans-serif; color :#FFFFFF; padding : 8px 0 0 10px;}

.BC_summary{float: left; padding : 5px;  width : 300px; min-height: 110px; margin : 0 0 10px 0;}
.BC_summary p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000;}
.BC_summary h1{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000; padding : 0; margin : 0 0 10px 0;}
.BC_summary span{font: bold 0.8em Verdana,Arial, Helvetica, sans-serif; color :#000000; padding : 0; margin : 0 0 10px 0;}
.broadcast_framer {background-color : #e5eef5; width : 540px; padding : 5px; border : 1px solid #ccccff; }

.contact_form{border : 1px solid #666666; margin : 20px 0 20px 0; padding : 10px;}
.contact_Title{float : left; font: bold 0.8em Verdana,Arial, Helvetica, sans-serif; color :#000000; width : 150px; }
.contact_field{float: left; margin : 0 0 0 20px; width :350px;}
.contact_enquiry{float: left; margin : 0 0 0 20px; width :350px;}
.contact_verify{float: left; margin : 0 20px 0 20px; width :196px; height : 20px}
.msg p{ font: bold 0.8em Verdana,Arial, Helvetica, sans-serif; color :red; text-align : center; }

.verification{font: normal 1em Verdana,Arial, Helvetica, sans-serif; color :#666666; background : white;}

.link {float : left; margin : 10px 0 0 0;}
.link a{color : #4d7376; }
.link p{color : #000000 ;}

.faq_cat{margin : 5px; padding : 5px 0 5px 0;}
.faq_cat h2{font: bold 0.8em Verdana,Arial, Helvetica, sans-serif; color :#666666; margin : 0 0 3px 0;}
.faq{background-color : #e8eff0; margin : 10px 0 15px 0; padding : 5px 0 5px 2px;}
.faq span {font: bold 1em Verdana,Arial, Helvetica, sans-serif; color :red; }
.faq p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000; margin : 0 0 8px 0;}
.faq h5{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000;}

/*site map*/

.site_lvl_0{text-align : center; padding : 20px 0 10px 0;}
.site_lvl_0 h1 a{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :#000000; margin : 0 0 20px 0;}
.site_lvl_0 h1 a:hover{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :red; margin : 0 0 20px 0;}

.site_lvl_1{float: left; width : 550px; height : auto; overflow : hidden; padding : 20px 0 20px 0; border-top : 20px solid #e8eff0; border-bottom : 20px solid #e8eff0;}
.site_lvl_1 h1 a{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :#000000; margin : 0 0 20px 0;}
.site_lvl_1 h1 a:hover{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :red; margin : 0 0 20px 0;}
.site_lvl_1 li {list-style-type : none; margin : 0;}
.site_lvl_1 li a{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :#000000; }
.site_lvl_1 li a:hover{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :red; }
.site_lvl_1_group{float: left;  width : 85px; background-color : white; padding : 0 0 0 5px}
.site_lvl_1_functions{float: left;  width : 120px; background-color : white; padding : 0 0 0 0}
.site_lvl_1_IR{float: left;  width : 127px; background-color : white; padding : 0 0 0 3px; overflow : hidden;}
.site_lvl_1_News{float: left;  width : 95px; background-color : white;  padding : 0 0 0 7px; overflow : hidden;}
.site_lvl_1_Contact{float: left;  width : 105px; background-color : white; padding : 0 0 0 3px}

.site_lvl_2{float: left; width : 550px; height : auto; overflow : hidden; padding : 20px 0 10px 0; border-bottom : 20px solid #e8eff0;}
.site_lvl_2 h1 a{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :#000000; margin : 0 0 20px 0;}
.site_lvl_2 h1 a:hover{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :red; margin : 0 0 20px 0;}
.site_lvl_2 li {list-style-type : none; margin : 0;}
.site_lvl_2 li a{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :#000000; }
.site_lvl_2 li a:hover{font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color :red; }
.site_lvl_2_approach{float: left;  width : 135px; background-color : white; padding : 0 0 0 15px}
.site_lvl_2_sustainability{float: left;  width : 135px; background-color : white; padding : 0;}
.site_lvl_2_awards{float: left;  width : 125px; background-color : white; padding : 0 0 0 25px; overflow : hidden;}
.site_lvl_2_technology{float: left;  width : 115px; background-color : white; padding : 0 0 0 0; overflow : hidden;}

.share_container{float : left; width : 550px; background-color : #c0eeff; text-align : left;}
.share_feed {float : left; width : 150px; padding : 15px; text-align : center;}
.share_feed p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000;}
.share_feed a{font: bold 1em Verdana,Arial, Helvetica, sans-serif; color :#666666;}

.share_center {float : left; width : 190px;  text-align : left; padding : 60px 0 0 0;}
.share_center p{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000;}

.share_right {float : left; width : 170px; text-align : center; padding : 40px 0 0 0;}
.share_right p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color :#000000;}

.pod_container{border : 1px solid #b4ced5; width : 535px; padding : 10px 5px 0px 5px; margin : 20px 0 0 0;}
.pod_container a{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000;}
.podcast { margin: 0 0 10px 0; width : 545px}
.podcast span{float : right; width : 30px; margin: -15px 0 0 0;}

.financial_calendar{width : 545px; height : auto; border: 2px solid #cccccc; margin : 20px 0 10px 0; background-color : #b9d0d2; overflow : hidden;}
.financial_calendar span{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 1px 0 3px 2px;}

.FC_Row{float : left; width : 545px; height : 17px; border-top : 2px solid #cccccc; background-color : white; overflow : hidden; }
.FC_Row_Left{float : left; height : 16px; width :195px; border-right : 2px solid #cccccc; padding : 1px; }
.FC_Row_Left p{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 1px 0 0 2px;}
.FC_Row_Right{float : left; height : 16px; overflow : hidden; }
.FC_Row_Right p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 2px 0 0 4px; }

.FR_Row{float : left; width : 545px; height : 20px; border-top : 2px solid #cccccc; background-color : white; overflow : hidden; }
.FR_Row_Left{float : left; height : 18px; width :20px; border-right : 2px solid #cccccc; padding : 2px 0 0 3px; }
.FR_Row_Left p{font: bold 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 1px 0 0 2px;}
.FR_Row_Right{float : left; height : 18px; overflow : hidden; width : 200px; }
.FR_Row_Right p{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 4px 0 0 4px; }
.FR_Row_Right a {color : #000000;}

.FR_Flexi{float : left; width : 55px; margin : 0 0 0 40px; padding : 2px 0 0 0;}
.FR_Flexi_Link{float : left; width : 150px; }
.FR_Flexi_Link p{float: left; font: normal 1em Verdana,Arial, Helvetica, sans-serif; color : #000000; padding : 4px 0 0 0;}
.FR_Flexi_Link a{font: normal 0.7em Verdana,Arial, Helvetica, sans-serif; color : #000000; }

/* search */

.section_header_sitemap {padding : 0 0 5px 0;}
.section_header_sitemap span{font: normal 1em Verdana,Arial, Helvetica, sans-serif; color : #000000;}
.section_item{padding : 0 0 10px 0;}

.download{float : left; height : 16px; border-top : 1px solid #FFFFFF; border-bottom:  1px solid #FFFFFF; padding : 1px 0 0 0; width : 145px; margin : 23px 0 0 0;}
.download2{ float : left; height : 16px; border-bottom:  1px solid #FFFFFF; padding : 1px 0 0 0; width : 145px; }

.icon{float : left; width : 15px; margin : 0 5px 0 0;}

.download a{float : left; font: normal 0.55em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; margin : 2px 0 0 0;}
.download2 a{float : left; font: normal 0.55em Verdana,Arial, Helvetica, sans-serif; color : #FFFFFF; margin : 2px 0 0 0;}

/* 
The contents of this file is licensed material and is copyright to arkom creative technology. It is protected by international copyright laws. It may not be modified, copied in whole or in part except in the manner expressly stated in the license agreement. If you are in any doubt as to what you are allowed to do, contact us at www.arkom.co.uk.
*/