

* { 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 : Verdana,Arial,Helvetica,'MS Sans Serif',Serif;  text-align: center;}
a {text-decoration:none; }
img {border:0;}
fieldset {border:0;}

.site{margin : auto;width: 776px;  text-align: left;  margin-top : 20px; }
.container{margin: 0; width: 776px; float: left; clear: none;	}

/*Header*/
.header_container{margin: 0; float: left; width: 776px; height: 291px;}
.header_logo{margin: 0; float: left; width: 346px; height: 71px;}
.header_banner{margin: 0; float: left; width: 776px; height: 186px;}

/*Login*/
.header_login{margin: 0; float: left; width: 430px; height: 71px; background-image: url(../images/bg_login.gif);	background-repeat: no-repeat;}
.header_login p.forgotten {float:right; margin : 12px 35px 0 0; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #FFFFFF;}
p.forgotten a{color: #FFFFFF; text-decoration: underline;}
.header_login_inputs{margin: 5px 0 0 37px; display: inline; float: left; width: 390px;}
input.login{ display : inline; margin: 0 7px 0 0; padding-left : 1px; float: left; font-size: 11px; color : #1e553d; width: 172px;	height: 17px;	line-height: 17px; border: 1px solid  #bc9a6a;}
.header_loggedin{margin: 0; float: left;	width: 430px; height: 71px; background-image: url(../images/bg_loggedin.gif);	background-repeat: no-repeat;}
.header_loggedin p{margin : 42px 0 0 37px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #1f553e;}
.header_loggedin p.logout{float:right; margin : 0 5px 0 0; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #1f553e;}
.header_loggedin p.logout a{color: #1f553e; text-decoration : underline;}

/*Failed*/
.header_failed_login{margin: 0; float: left; width: 430px; height: 71px; background-image: url(../images/bg_failed_login.gif);	background-repeat: no-repeat;}
.header_failed_login p.password{float:right; margin : 50px 5px 0 0; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #1f553e;}
p.password a{
	color: #1f553e;
}
/*Top Nav*/
.header_topnav{margin: 0;float: left; width: 776px; height: 26px; background-image: url(../images/bg_topnav.gif);	background-repeat: no-repeat;}
#header_topnav ul{float : left;  margin:0; padding:0;}
#header_topnav li{float : left; display:inline; list-style-type: none; margin:0; padding:0; width : 194px;}
img.nav_1{float : left;  margin: 0 0 0 52px;}
img.nav_2{float : left;  margin: 0 0 0 30px;}
img.nav_3{float : left;  margin: 0 0 0 35px;}
img.nav_4{float : left;  margin: 0 0 0 63px;}


/*Left Nav*/
.left_navigation{margin: 0; float: left; display: inline;width: 184px; height: auto;}
.left_navigation img{float :left; margin : 0 0 1px 0; display : inline; width: 184px;}
.sub_nav_info{margin: 0 0 2px 0; float: left; width: 184px;	height: auto; background-image: url(../images/slc_subnav.gif);	background-repeat: repeat-y;}
.sub_nav_products{margin: 0; float: left; width: 184px; height: auto; background-image: url(../images/slc_subnav.gif); background-repeat: repeat-y; border-bottom : 1px solid #8faa9f;}
#left_navigation ul{float: left; display: inline; font: normal 1em Verdana,Arial,Helvetica,san-serif; width: 171px; height: auto; padding: 0px; margin: 5px 0 5px 13px;	list-style: none;}
#left_navigation ul ul{float: left; display : inline; font:normal 1em Verdana,Arial,Helvetica,san-serif; width: 171px; height :auto; padding: 0px; margin :5px 0 5px 0px; list-style:none; }
#left_navigation li{display :inline; float :left; width : 160px; margin:  0;  padding: 0px;}
#left_navigation ul a{display: block; color: #3c7664; padding-left: 10px; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;	line-height: 17px; width: 155px;	text-decoration: underline; background-image: url(../images/ico_nav.gif); background-repeat:no-repeat; background-position: 1px 3px;}
#left_navigation ul a:hover{display: block; color: #8d6834; line-height: 17px; width: 155px; text-decoration: underline;}
#left_navigation ul a.active{display: block; color: #8d6834; padding-left: 10px; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;	line-height: 17px; width: 155px; text-decoration: underline; background-image: url(../images/ico_nav.gif); background-repeat:no-repeat; background-position: 1px 3px;}
#left_navigation ul a.active:hover{display: block; color: #8d6834; line-height: 17px; width: 155px; text-decoration: underline;}
#left_navigation ul ul a{display: block; color: #3c7664; padding-left : 0px; font: normal 0.6em Verdana,Arial,Helvetica,san-serif;	line-height: 17px; width: 155px;	text-decoration: none; background: none;}
#left_navigation ul ul a:hover{display: block; color: #8d6834; line-height: 17px; width: 155px; text-decoration: underline;}
#left_navigation ul ul a.active{display: block; color: #8d6834; padding-left : 0px; font: normal 0.6em Verdana,Arial,Helvetica,san-serif; line-height: 17px; width: 155px;text-decoration: none; background: none;}
#left_navigation ul ul a.active:hover{display: block; color: #8d6834; line-height: 17px; width: 155px; text-decoration: underline;}


/*Article*/
.article{margin : 0px; float: left; width: 592px;}
img.cms_image{margin: 0 0 15px 15px; border : 1px solid #9a9a9a; float: right;}
img.cms_image2{margin: 0 0 0 15px; border : 1px solid #9a9a9a; float: right;}
.article p{margin : 0 15px 10px 15px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #1f553e;  line-height : 15px;}
.article p a{color:#1f553e; text-decoration: underline;} 
.article p a:hover{color:#1f553e; text-decoration: underline;} 
.article p a:visited{color:#1f553e; text-decoration: underline;} 
.article h1 {margin : 0 15px 0 15px; font: bold 1em Verdana,Arial, Helvetica, sans-serif; color:#1e553d; }
.article h2 {margin : 20px 15px 20px 15px; font: bold 0.75em Verdana,Arial, Helvetica, sans-serif ;color: #858383;  line-height : 17px}

/* LISTS */
.article ul,.article ol {margin : 0 15px 10px 40px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color:#1e553d;}
.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;}

/*Contact*/
.contact_right{margin: 0 0 15px 0 ; float: right; width : 199px; }

.contact_conatiner{ display : inline; margin: 5px 0 10px 15px; float: left; width: 576px; height: auto; background-image: url(../images/bg_contact.gif);background-position: bottom;	background-repeat: no-repeat;}
.contact_header{margin: 0 0 5px 0; float: left; width: 576px; height :24px;}
div.contact_single{float :left; display : inline; margin : 0 0 0 17px; width : 264px; height : auto;}
div.contact_double{float :left; display : inline; margin : 0 0 0 17px; width : 545px; height : auto;}
div.contact_third{float :left; display : inline; margin : 0 0 0 17px; width : 200px; height : auto;}
div.contact_twothird{float :left; display : inline; margin : 0 0 0 17px; width :329px; height : auto;}

.contact_validation{margin: 0 0 0 10px;	float : left; display : inline; border : #CBD0D2 solid 1px; padding : 0px; width : auto;	height : 24px;}
.contact_validation img{margin : 1px;}
.contact_third a{color : #1f553f; text-decoration : underline;}



input.contact_form{margin: 0 0 0 10px; padding: 0px;	font-size: 11px;	width: 245px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.contact_form_val{margin: 0 0 0 10px; padding: 0px;	font-size: 11px;	width: 143px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.Store_Info{
	float :right;
}
select.contact_form{margin: 0 0 0 10px; padding: 0px;	font-size: 11px;	width: 245px;	height: 19px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
textarea.contact_form{margin: 0 0 0 10px;	padding : 0px;	width : 245px;	height : 65px; border : 1px solid  #bc9a6a;	background-color: #FFFFFF; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}
textarea.contact_form2{margin: 0 0 0 10px;	padding : 0px;	width : 525px;	height : 82px; border : 1px solid  #bc9a6a;	background-color: #FFFFFF; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}
label.contact_form{margin : 0px; font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 25px; color : #1f553f;}
label.contact_form2{float :left; margin : 0px;  font : normal 0.55em Verdana,Arial,Helvetica,san-serif; line-height : 14px; margin : 7px 10px 10px 0; color : #393939;}
input.contact_button{display : inline; float :right; margin : 10px 23px 15px 0;}
p.verification{margin: 5px; color: #888787; font: normal 0.75em Verdana,Arial,Helvetica,san-serif;	line-height: 14px;}
p.confirmation{margin : 15px 15px 10px 15px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #CC0000;  line-height : 15px;}

/*News*/
.news_conatiner{ display : inline;margin: 5px 0 10px 15px; float: left; width: 576px; min-height: 216px; height: auto !important; height: 216px; background-color: #f3f3f3; background-image: url(../images/bg_news.gif); background-position: bottom;	background-repeat: no-repeat;}
.news_header{margin: 0 0 5px 0; float: left; width: 576px; height :24px;}
.news_article{margin : 0 0 0 1px; float: left; width: 574px; border-top : 2px solid #FFFFFF;}
.news_article p{margin-top : 5px; font:normal 0.67em Verdana,Arial,Helvetica,san-serif;}
.news_article p a{margin : 0px; text-decoration: none; font-weight: bold;}
.news_article p a:hover{margin : 0px; text-decoration: underline; font-weight: bold;}
.news_article p a:visited{margin : 0px; text-decoration: none; font-weight: bold;}

/*Downloads*/
.downloads_container{display : inline; margin: 5px 0 10px 15px; padding-bottom : 10px; float: left; width: 576px; min-height: 132px; height: auto !important; height: 132px;	background-color: #f3f3f3;	background-image: url(../images/bg_downloads.gif);	background-position: bottom; background-repeat: no-repeat;}
.downloads_header{margin: 0 0 5px 0; float: left; width: 576px;	height :24px;}
.download_item{float: left; display : inline; margin : 5px 0 0 20px; width : 550px;}
.download_item_text{float: left;	width :521px; 	padding-left : 7px; padding-top : 1px;}
.download_item_text a {float :left; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color : #1f553f;}
.download_item_text span{float :left;}
.download_item_file{float : left;	width : 13px;}

/*Footer*/
.footer_container{margin: 0; float: left; width: 776px; height: 100px;}
.footer_logos{margin: 0;	float: left;  height: 54px;}
.footer_logos img{float :left; display : inline; margin : 0px;}


.footer_addopts{margin: 0; float: left; width: 776px; background-image: url(../images/bg_address.gif); background-repeat: no-repeat;}
.footer_address{margin: 0; float: left; width: 592px; height: 21px;}
.footer_options{margin: 0; float: left; width: 182px; height: 21px;}


.footer_address p{margin-left :15px; font:normal 0.59em  Verdana,Arial,Helvetica,san-serif;	line-height : 20px; color: #FFFFFF;}
.footer_options p{margin-left : 30px; font:normal 0.59em  Verdana,Arial,Helvetica,san-serif;	line-height : 20px; color: #FFFFFF;}
.footer_options p a{color : #FFFFFF;}
.footer_arkom{margin: 0; float: left; width: 776px;	height: 25px;}
.footer_arkom a{font:normal 0.55em Verdana,Arial,Helvetica,san-serif;	line-height : 25px; color: #A7A9AC;}
.footer_arkom p{text-align: center;}
.footer_arkom p a:hover{color:#B50A47; text-decoration: underline;} 




/* 
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.
*/