/* 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: 100%; background-color:#FFFFFF; font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif;  text-align: center;}
a {text-decoration:none; }
img {border:0;}
fieldset {border:0;}

.container{margin : auto; width: 788px;  text-align: left;  margin-top : 20px;  padding-top : 21px;  background: url(../images/container_top.gif) no-repeat top; }
.all_columns{margin: 0;	 width: 788px; float: left; clear: none; background: url(../images/container_midd.gif) repeat-y;}

.top_link{margin : -18px 0 0 0; float :left; padding-left: 25px;}
.top_link a{font:normal 0.7em "Trebuchet MS", Tahoma, Verdana, sans-serif; color : #FFFFFF;}

.header_container{margin: 0; width: 788px; height : auto; } /* all down to the article*/
.header_container_left{margin: 0; float: left; width: 547px;}
.header_container_logos{margin: 0;	float: left;	width: 547px;	height : 62px;	background-image: url(../images/header_background.gif);	background-repeat: no-repeat;}
.logo{margin: 16px 0 0 28px; float: left;}

.header_banner{margin: 0;	float: left; width: 547px;	height : 139px; background-image: url(../images/banner_block.gif);	background-repeat: no-repeat;}
.header_container_right{ margin : 0px;	float: left;	width: 238px;	height : 232px;	background-image: url(../images/header_right.gif);	background-repeat: no-repeat;}

.search_form{margin: 174px 0 0 0; float: left; text-align: right;	height : 55px;	width : 238px; overflow: hidden; }
.search_form p{font:normal 0.7em "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left; text-align: left; padding : 10px 0 0 60px; }


select {  background-color: #ebebeb;  color: #000000; width: 148px;  height: 20px; font: normal 0.55em "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left; margin: 3px 1px 3px 58px; border: 1px; /*removes border in FF*/ border-color: red;}
.submit { cursor:pointer; border: 0; float: left; font-weight:normal; margin: 0px 0 10px 1px; background:url(../images/search_go.jpg) repeat-x left top;}

.top_nav{display: inline; float : right; margin : 0; width : 381px; height: 1px;} /*height: 1px to cater for left nav minus margin in FF*/
.top_nav ul {float : left; padding: 0px; margin: 5px 0 0 0;  list-style:none;}
.top_nav li{display: inline; margin:0; padding:0; }

.top_nav a{font:bold 0.8em "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left;display: block;width : 119px; line-height : 24px; color: #FF8F00;text-align : center;text-decoration: none;margin: 0 5px 0 0; background-color: #EBEBEB;border: 1px solid #D4D4D4;}
.top_nav a:hover{font:bold 0.8em "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left; display: block; width : 119px; line-height : 24px; color: #FFFFFF;text-align : center;text-decoration: none;margin: 0 5px 0 0; background-color: #000000; border: 1px solid #FF8F00;}
.top_nav a.active{font:bold 0.8em "Trebuchet MS", Tahoma, Verdana, sans-serif; float: left; display: block; width : 119px; line-height : 24px; color: #FFFFFF;text-align : center;text-decoration: none;margin: 0 5px 0 0; background-color: #000000; border: 1px solid #FF8F00;}

.leftnav_container{float: left; width:160px; height :465px; margin-top: -31px; background-color: #ff8f00; overflow : hidden;}
.leftnav{float: left;   width: 160px; font:normal 0.75em Verdana,Arial,Helvetica,san-serif;}

.leftnav ul {float : left;   padding: 0px; margin: 0px;  width : 100%; list-style: none; }
.leftnav li {display :inline; float : left; margin: 0px ; width : 100%;  }

.leftnav li a{	line-height : 23px;	color: #FFFFFF;	display : block;	background-image: url(../images/menu_off.jpg);	padding-left : 20px;  background-repeat : no-repeat;}
.leftnav li a:hover{	line-height : 23px;	color: #FFFFFF;	display : block;	background-image: url(../images/menu_on.jpg);	padding-left : 20px; background-repeat : no-repeat;	}
.leftnav li a.active{	line-height : 23px;	color: #FFFFFF;	display : block;	background-image: url(../images/menu_on.jpg);	padding-left : 20px; background-repeat : no-repeat;	}
.leftnav_footer{float: left; width: 145px; height: 400px; background-color: #FFFFFF; background: url(../images/left_bgl.gif) left top no-repeat; padding : 25px 0 0 15px;}
.leftnav_footer p {  color : #FFFFFF; }
.leftnav_footer a {  color : #FFFFFF;}

.contact {overflow : hidden;}
.contact p {  color : #FFFFFF; }
.contact a {  color : #FFFFFF;}


.article{  margin: 0 0 0 0; float :left;  width : 580px; padding-left: 25px; padding-bottom: 20px; min-height : 200px; height:auto !important; height : 200px;}
.article p,.article ol,.article ul,.article dl {font:normal 0.6em Verdana,Arial,Helvetica,san-serif; color:#000000; margin-bottom : 10px; line-height : 15px; }
.article a{color:#ed7b1b; } 
.article a:hover{color:#000000; text-decoration: underline;} 
.article a:visited{color:#ed7b1b;} 
.article h1 {margin-top : 15px; font: bold 1em Verdana,Arial, Helvetica, sans-serif; color:#000000; margin-right : 15px}
.article h2 {margin-top : 10px; margin-bottom : 15px; font: bold 0.7em Verdana,Arial, Helvetica, sans-serif ; color: #ed7b1b; margin-right : 15px; line-height: 16px; }
.article h3 {float :left; font: normal 0.9em Verdana,Arial, Helvetica, sans-serif; color: #000000;line-height : 25px;}
.article p.confirmation{margin-top : 15px; color : #CC0000;}

/* LISTS */
ul,.article ol {margin:1em 0 1em 3em;padding:0;}
.article ul ul,.article ol ol,.article ul ol,.article ol ul,.article ul p,.article ol p,.article dl ul{font-size:1em;}
.article ul ul,.article ol ul {list-style:disc;}
.article ul ul,.article ol ul,.article ol ol,.article ul ol {margin-top:0.5em;}
.article ul li,.article ol li {margin-top:0.4em ;}
.article dl {margin:1em 0 0 0;}

.img_holder{float: left; height: 164px; width: 210px; margin: 12px 10px 15px -23px;}
.img_holder_product{float: left;  margin: 5px 20px 10px 0px;}

.info_container{float: left; width: 564px; margin: 0px; display: inline;}
.info{float: left; width: 255px; margin: 0 20px 10px 0 ; display: inline;}
.info_head{float: left; width: 100%; background-color: #ff8f00; padding: 0 0 0 6px; font: normal 0.9em Verdana,Arial,Helvetica,san-serif; color : #FFFFFF; }
.info_summary{ float: left; width: 100%; padding: 10px 0 10px 4px; min-height : 72px; height:auto !important; height : 72px; font: bold 0.6em Verdana,Arial,Helvetica,san-serif; color : #000000; border: 1px solid #ff8f00;}
.info_item{float: left; display: inline; width :100%;   background-color: #ececee; padding: 0 0 0 4px; border: 1px solid #ff8f00; border-top-width: 0px;}
.info_item_file{float : left; width : 26px; text-align: center; background-color : #FFFFFF; border-right: 1px solid #ed7b1b;}
.info_item_text{float: left; display: inline; width :215px; padding: 0 0 0 4px;}
.info_item_text a {float :left; font:normal 0.55em Verdana,Arial,Helvetica,san-serif; color : #000000; padding: 4px 0 0 4px;} 
.info_item_text span{ float: right;}

.downloads{ float: left; width: 564px; height: 20px; background-color: #ff8f00; padding-left: 10px; font:normal 0.9em Verdana,Arial,Helvetica,san-serif; color : #FFFFFF; padding-top: 4px; margin-top: 20px;}
.downloads_container{float: left; display : inline; width : 564px; background-color : #FFFFFF; border:5px solid #ff8f00; padding: 3px 0 3px 0;}
.downloads_container h3{font:normal 0.9em Verdana,Arial,Helvetica,san-serif; color : #000000;}
.download_item_text{float: left; width :220px; padding-left : 5px; padding-top : 4px;}
.download_item_text a {float :left; font:normal 0.55em Verdana,Arial,Helvetica,san-serif; color : #000000;}/*font color*/
.download_item_text span{float :right;}
.download_item_file{float : left;	text-align: center; width : 26px; background-color : #FFFFFF; border-right: 1px solid #ed7b1b;}
.item_container{  background-color:#ececee; width: 268px; height: 21px; border:1px solid #ff8f00;}
.download_item{float: left; display : inline; margin : 0 2px 4px 7px; background-color : #EBEFF0; width : 268px;}

div.contact{font-size:100%; }
div.contact p{color:#ed7b1b; font-size:100%;}
div.contactleft{float:left; display:inline; color:#ed7b1b; }
div.contactright{float:right; display:inline; margin-right:30px; width:220px; color:#000000;}
div.contact img{margin-top:10px; margin-bottom:10px;}
div.contacterr {color:red; margin-left:5px; font-size:70%; margin-bottom:10px;}

input.contact_form{margin: 0px;	padding: 0px;	font-size: 12px;	width: 200px;	height: 17px;	border: 1px solid  #000000;	background-color: #FBFBFB;}
input.button{float :right; margin : 5px 15px 15px 0;}
label.contact_form{margin : 0px; font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 25px; color : #ed7b1b;}
label.contact_form2{float :left; margin : 0px;  font : normal 0.6em Verdana,Arial,Helvetica,san-serif; line-height : 12px; margin : 22px 10px 10px 0; color : #535353;}
textarea.contact_form{margin : 0px;	padding : 0px;	width : 240px;	height : 82px; border : 1px solid  #000000;	background-color: #FBFBFB; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}
textarea.contact_form_wide{margin : 0px;	padding : 0px;	width : 374px;	height : 82px; border : 1px solid  #7A8B95;	background-color: #FBFBFB; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}


.footer{ padding-bottom: 20px; width: 788px; height: auto;	margin: auto; text-align: center;	float: left;	clear: none; background: url(../images/footer_container.gif) no-repeat;}
.footer a{font:normal 0.7em "Trebuchet MS", Tahoma, Verdana, sans-serif;	color: #A7A9AC;}
.footer p.arkom{padding-top : 5px;}
.footer p.navi{font:normal 0.7em "Trebuchet MS", Tahoma, Verdana, sans-serif; color : #FFFFFF; line-height : 30px;}



/* 
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.
*/