@import url("common.css");
@import url("black.css");
@import url("cyan.css");
@import url("magentawhite.css");
@import url("magenta.css");
@import url("yellow.css");
@import url("yellowwhite.css");
@import url("dropdown.css");

/*CHANGE TEXT AND BACKGROUND COLOUR*/

#black{background: black;}
#cyan{background: black;}
#magenta{background: black;}
#magentawhite{background: black;}
#yellow{background: black;}
#yellowwhite{background: black;}

#textrow table td {background: white; color: black;}

#textcolumn{background: white; color: black;} 

#textcolumn h1 {color: black;}

#textrow {background: white; color: black;} 

#textrow h1 {color: black; }

#textrow p{color: black;}

#main #rows #textrow table a{background: #0099ff; color:white;}

#main #textcolumn a{color: #00aeff; text-decoration:none;}

#main #rows #textrow a{color:#00aeff; text-decoration:none;}

/*END OF CHANGE TEXT AND BACKGROUND COLOUR*/

table, th, td, p{font-family:  Arial, Helvetica, sans-serif;}

#container{background: black; margin: 0px;position: relative;width: 960px;margin-left: auto;margin-right: auto;text-align: left;padding: 0px; height: auto !important;height: 600px;min-height: 600px;border: 1px solid #424242;}

#menus{position: absolute;top: 130px;left: 5px;z-index: 2;}

#menus ul{margin: 0px;padding: 0px;}

#menus ul ul{margin-top: 5px;}

#menus li{margin: 0px;padding: 0px;list-style-type: none;display: inline;}

#menus li a, #menus li a.current:hover{color: #ffffff; text-transform: uppercase;font-size: 11px;line-height: 18px;display: block;width: 100px;font-weight:bold;}

#menus li a.current{background: black; color: #fff000;}

#menus li li a.current:hover{width: 250px;color: #4db848;}

#menus li a:hover, #menus li a.current:hover{color: #4db848;}

#columns{ position: relative;height: auto !important;height: 600px;min-height: 600px; }

#main{position: relative;height: auto !important;height: 600px;min-height: 600px;margin-right: 82px;margin-left: 153px;background-color: black;color: #ffffff;}

#footer{width: 940px;margin-left: auto;margin-right: auto;text-align: left;border:1px solid #424242;padding:10px;margin-top:5px;margin-bottom:10px;}

#footer ul{margin: 0px;padding: 0px;}

#footer li{margin: 0px;padding: 0px 8px 0px 8px;list-style-type: none;display: inline;}

#footer li a{color: #ffffff;text-transform: uppercase;font-size: 8px;line-height: 25px;}

#footer li a:hover{color: #4db848;}

#header{position: absolute;top: 0px;left: 0px;width: 154px;height: 131px;z-index: 30;}

.logo{position: relative;top: 26px;left: 20px;}

#rh{position: absolute;top: 0px;right: 0px;height: 100%;}

#newsbox{border: 1px solid #4db848;position: absolute;top: 380px;left: 25px;width: 96px;padding: 2px 5px;color: #ffffff;font-size: 9px;z-index: 30;background: #000000;}

#newsbox a{color: #ffffff;font-size: 9px;}

#newsbox a.more{color: #ec008c;text-transform:lowercase;display: block;text-align: right;margin: 0px 0px 8px 0px}

#newsbox a.more:hover{color: #4db848;}

#newsbox h3{color: #00aeef;text-transform: uppercase;font-weight: bold;font-size: 12px;line-height: 14px;margin: 2px 0px 3px 0px;font-family: arial black;}

#newsbox p{margin: 0px 0px 0px 0px;}

#imagecolumn{float: left; }

#textcolumn{width: 100%;}

#textcolumn{float: left;width: 385px;margin: 14px 0px 0px 15px; padding: 5px 5px; font-size: 12px; }

#textrow{position: relative;padding: 15px 35px 35px 35px; font-size: 12px;  height: auto !important;height: 395px;min-height: 395px;}

#textcolumn h1{text-transform: uppercase;font-size: 12px;font-weight: normal;font-family: arial black, arial;margin-top: 0px;line-height: 1.3em;}

#textcolumn p{font-size: 1em; }

#textrow table{border:1px solid #424242;	border-collapse:collapse; width:100%;}

#textrow table td{border:1px solid #424242; border-collapse:collapse;padding:3px;}

#textrow table th{	padding:3px;}

#textrow p{margin: 6px 0px 8px 0px;}

#textrow h1{text-transform: uppercase;font-size: 14px;font-weight: normal; font-family: arial black, arial;text-decoration:none;}

#textrow h1 span{text-transform: none;}

#textrow h3{font-size: 14px;font-weight: bold;color: #fff000;margin: 25px 0px 0px 0px;padding: 0px;line-height: 12px;}

#textrow .eventlisting p{margin: 0px;line-height: 13px;}

textarea{width: 350px;height: 50px;}

#contactbox {clear:both;float:none;}

#newsbox {display:none;}

#contactbox p{font-size: 12px;color: #ffffff;font-weight: bold;padding:10px 35px 20px;}

#contactbox p{margin: 0px;line-height: 16px;}

#rows{height: auto !important;height: 428px;min-height: 428px;}

#imagerow{position: relative;border-bottom: 1px solid #424242;padding: 0px;}

#languages {background-color: black;}

.green{color: #4db848;}

.green:hover{color: #fff200;}

.eventlisting{border-top: 1px solid #ffffff;margin: 0px 0px;padding: 8px 0px;}
.eventlisting h2{font-size: 1em;margin: 0px;line-height: 14px;}

.eventlisting h2 strong{color: #fff200;font-weight: bold;}

input, select, textarea{font-family: Arial, Helvetica, sans-serif;font-size: 1em;border: 1px solid #ffffff;width: 200px;}

input:hover, select:hover, textarea:hover{border: 1px solid #ffcc00;}

input:focus, select:focus, textarea:focus{border: 1px solid #00aeff;}

input.button{width: auto;background: transparent;text-align: left;margin: 0px;padding: 0px;color: #ffffff;text-transform: uppercase;font-size: 1em;font-weight: normal;font-family: arial black, arial;border: 0px;cursor: pointer;}

input.button:hover{color: #ffcc00;}

.contactform{border-collapse: collapse;}

.contactform th{vertical-align: top;padding: 3px 0px 3px 0px;}

.contactform td{vertical-align: top;padding: 3px 0px 3px 10px;}

.productslist{font-family: arial black, arial;margin: 20px 0 10px 0;padding: 0px;text-transform: uppercase;}

.productslist li{margin: 0px;padding: 0px 0px 0px 20px;list-style-type: none;font-size: 12px;line-height: 16px;font-weight: normal;}

.productslist2{font-family: arial black, arial;margin: 20px 0 10px 0;padding: 0px;text-transform: uppercase;}

.productslist2 li{margin: 0px;padding: 0px 0px 18px 20px;list-style-type: none;font-size: 12px;line-height: 16px;font-weight: normal;background: url(../images/prodbullet.gif) no-repeat 8px 4px;}

.productslist2 li a{color: #ffffff;}

dl{}

dt{background: url(../images/q.gif) no-repeat 0px 2px;padding-left: 14px;color: #fff200;margin: 25px 0px 0px 0px;}

dd{background: url(../images/a.gif) no-repeat 0px 2px;padding-left: 14px;margin: 4px 0 15px 0;}

#productpage{background: url(../images/whitebg.gif) repeat-y top right;height: auto !important;height: 460px;min-height: 460px;}

#productsbox{position: absolute;top: 20px;left: 309px;width: 199px;text-align: center;}

#productpage #textrow{width: 250px;height: auto !important;height: 410px;min-height: 410px;}

.floatright{float: right;padding: 10px 0px 10px 10px;}

.compat{border-collapse:collapse;width: 100%;font-size: 10px;color: #000000;}

.compat td{border: 1px solid #ffffff;font-size: 10px;}

.pdf{float: right; padding: 20px 0px 20px 15px; width: 95px; text-align: center; font-size: 9px;}

.pdf img{float: left;padding: 0px 5px 0px 0px;}

.printlogo{display: none;}

.footerlogos{float: right;position: relative;top: -15px;}

.disclaimer{margin-top: 5px;color: #cfcfcf;text-align: left;font-size: 9px;padding-left: 5px;}

.error{color:#FF0000;}

.centerleft{text-align: center;display: block;width: 100%;}

.centerleft img{border: 1px solid #000000;}

@media print{#container{background: #ffffff;}

#rh, #menus, #imagerow, #imagecolumn, #newsbox, .pdf, .logo, .footerlogos{display: none;}	
.printlogo{display: block; margin-left: 30px;}	

#main{margin: 100px 5% 0px 0px;}	

#footer{margin: 20px 0px 0px 10px;display: none;}		

#contactbox{left: 30px; position: relative;	top: 0px;	text-align: left;}		

#languages ul {list-style:none;	margin:0px;padding:0px; float:right;	padding:5px;}

#languages ul li {	float:left;	margin:0 0 0 5px;}