/*=====================================================*/
/* Global Reset
/*=====================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align:baseline;
	
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}

ul {
	line-height: 150%;	
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}


a { text-decoration:none; border:none; }

img {  
 border-style: none;
}

/*=====================================================*/
/* Global Style Definitions
/*=====================================================*/

body {
	background: url(../img/bg.jpg) #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #525252;
}

a:link { color:#2956A1; text-decoration: none; }
a:visited { color:#2956A1; text-decoration: none; }
a:hover { color:#2956A1; text-decoration: none; }
a:active { color:#2956A1; text-decoration: none; }

p {
	line-height: 130%;
}

.h1 {	
	width: 100%;
	font-size: 20px;
	padding: 0 0 6px 0;
	font-weight: bold;
	color: #0055A5;
}

.h2 {
	font-size: 15px;
	font-weight: bold;
	color: #525252;	
}

/*=====================================================*/
/* Layout Style Definitions
/*=====================================================*/

#container { 
	width: 100%;
	float: left;
}

#container_width {
	width: 800px;
	height: auto;
	margin: 0 auto;
}

#main {
	width: 782px;
	height: auto;
	margin: 0 auto;

}

/*=====================================================*/
/* Template Structure Style Definitions
/*=====================================================*/

#header {
	width: 782px;
	height: 75px;
	background: url(../img/bg_header.png);
	float: left;
}

#logo {
	margin: 20px 0 0 5px;
}

/*=====================================================*/
/* Navigation Structure Style Definitions
/*=====================================================*/

#navigation {
	width: 737px;
	height: 31px;
	background: url(../img/bg_navigation.png);
	margin: 0;
	padding: 1px 0 0 0;
	float: left;
}

#navigation_left {
	width: 41px;
	height: 32px;
	float: left;
}

#language {
	width: 90px;
	height: 28px;
	background: url(../img/bg_navigation.png);
	padding: 5px 0 0 0;
	float: left;
}

#navigation_right {
	width: 4px;
	height: 32px;
	background: url(../img/navigation_right.png);
	float: left;
}

/*=====================================================*/
/* Main Image & Video Definitions
/*=====================================================*/

#main_top {
	width: 782px;
	height: 6px;
	_margin-bottom: -9px;
	background: url(../img/main_top.png) no-repeat;
	float: left;
}

#main_front {
	width: 782px;
	min-height: 185px;
	margin: 0 0 6px 0;
	position: relative;
	float: left;
}

#main_content {
	width: 782px;
	min-height: 185px;
	position: relative;
	background: url(../img/bg_main.png) repeat-y;
	float: left;
}

#main_bottom {
	width: 782px;
	height: 6px;
	margin: 0 0 18px 0;
	background: url(../img/main_bottom.png) no-repeat;
	float: left;
}

#main_img a {
	font-size: 12px;
	font-style: italic;
}

/*=====================================================*/
/* Information Column Definitions
/*=====================================================*/

.column {
	width: 250px;
	min-height: 265px;
	float: left;
}

.column_top {
	width: 250px;
	height: 6px;
	_margin-bottom: -9px;
	background: url(../img/column_top.png) no-repeat;
	float: left;
}

.column_body {
	width: 235px;
	min-height: 250px;
	line-height: 130%;
	background: url(../img/bg_column.png) repeat-y;
	padding: 5px 8px;
	float: left;
}

.column_footer {
	width: 250px;
	height: 6px;
	background: url(../img/column_bottom.png) no-repeat;
	float: left;
}

.column_margin {
	margin-right: 16px;
	_margin-right: 14px;
}

.column_title {
	width: 100%;
	padding: 5px 0 10px 5px;
	text-transform: uppercase;
	font-size: 17px;
	float: left;
}

.column_image {
	width: auto;
	text-align: center;
	float: right;
}

.column_text {
	width: 100%;
	font-size: 11px;
	float: left;
}

.column_body .hr {
	width: 100%;
	height: 1px;
	background: #7C8792;
	margin: 15px 0 5px 0;
}

.date {
	font-size: 10px;
}

/*=====================================================*/
/* Series Colours - Products - Definitions
/*=====================================================*/

.g_series {
	color: #62C31E;
	font-weight: bold;
}

.r_series {
	color: #C30D26;
	font-weight: bold;
}

.o_series {
	color: #FF5702;
	font-weight: bold;
}

/*=====================================================*/
/* Content Page Definitions
/*=====================================================*/

#left {
	width: 471px;
	margin: 0 15px 0 0;
	_margin: 0 5px 0 0;
	height: auto;
	float: left;
}

#right {
	width: 296px;
	height: auto;
	float: left;
}

#content_area {
	width: 782px;
	height: auto;
	float: left;
}

#content_top {
	width: 471px;
	height: 6px;
	margin: 14px 0 0 0;
	_margin-bottom: -9px;
	background: url(../img/content_top.png) repeat-y;
	float: left;	
}

#content {
	width: 455px;
	padding: 3px 12px 3px 12px;
	background: url(../img/bg_content.png) repeat-y;
	float: left;
}

.content_images {
	width: inherit;
	margin: 5px 0 10px 0;
	border: 1px solid #CCCCCC;
	float: left;
}

#content_bottom {
	width: 471px;
	height: 6px;
	background: url(../img/content_bottom.png) no-repeat;
	float: left;
}

#subnav_top {
	width: 296px;
	height: 6px;
	margin: 14px 0 0 0;
	_margin-bottom: -9px;
	background: url(../img/subnav_top.png) no-repeat;
	float: left;
}

#subnav {
	width: 296px;
	height: auto;
	background: url(../img/bg_subnav.png) repeat-y;
	float: left;
}

#subnav_bottom {
	width: 296px;
	height: 6px;
	background: url(../img/subnav_bottom.png) no-repeat;
	float: left;
}

#subnav a {
	width: 280px;
	min-height: 19px;
	background: none;
	margin: 0 0 0 1px;
	padding: 6px 0px 0px 15px;
	_padding: 6px 0px 0px 10px;
	font-size: 12px;
	color: #525252;
	font-style: normal;
	display: block;
	float: left;
}

#subnav a:hover {
	width: 280px;
	min-height: 19px;
	background: #0055A5;
	margin: 0 0 0 1px;
	padding: 6px 0px 0px 15px;
	_padding: 6px 0px 0px 10px;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	display: block;
	float: left;
}

#subnav a.active {
	width: 280px;
	min-height: 15px;
	background: #0055A5;
	margin: 0 0 0 1px;
	padding: 6px 0px 4px 15px;
	_padding: 6px 0px 0px 10px;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	display: block;
	float: left;
}

.content_left_column {
	width: 220px;
	border-right: 1px solid #D4D4D4;
	margin: 0 8px 0 0;
	float: left;
}

.content_right_column {
	width: 220px;
	float: left;
}

/*=====================================================*/
/* Footer Definitions
/*=====================================================*/

#footer {
	width: 100%;
	margin: 14px 0 0 0;
	font-size: 11px;
	color: #525252;
	line-height: 130%;
	float: left;
}

#footer_content {
	margin: 0 auto;
	width: 782px;
	border-top: 1px solid #D4D4D4;
	height: 100px;
	padding: 10px 0;

}

#footer_content a {
	color: #525252;
}

/*=====================================================*/
/* Navigation Style Definitions
/*=====================================================*/

#menuwrap { margin: 0px;float: left;}
.menu { width:100%; height:33px; position:relative; top: 0; z-index:100; }
* html .menu { width:655px; w\idth:657px ;}
.menu ul { padding:0;margin:0;list-style-type:none; }
.menu ul ul { width:120px; }
.menu li { float:left;width:inherit;position:relative;  font-size:11px; }
.menu a, .menu a:visited { display:block;font-size:11px; text-transform: uppercase; text-decoration:none; color:#525252; height:26px; line-height:25px; padding: 4px 15px 0 15px; background: url(../img/spacer_navigation.png) no-repeat right;  font-style: normal; }
* html .menu a, * html .menu a:visited { width:100px; w\idth:100px; font-style: normal; }
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#910023; font-style: normal; }
.menu ul ul a.drop:hover{ background:; }
.menu ul ul :hover > a.drop { background:#0055a5; }
.menu ul ul ul a, .menu ul ul ul a:visited { background:#0d1246; font-style: normal;}
.menu ul ul ul a:hover { background:#0055A5;  font-style: normal;}
.menu ul ul { visibility:hidden;position:absolute;height:0;top:30px;left:0; width:150px; }
* html .menu ul ul { top:25px;t\op:26px; }
.menu ul ul ul{ left:150px; top:-1px; width:80px; }
.menu ul ul ul.left { left:-150px;}
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }
.menu ul ul a, .menu ul ul a:visited { color:#FFFFFF; font-style: normal; height:auto; line-height:1em; padding:5px 10px; width:200px; background: #0055A5; font-size:10px; }
* html .menu ul ul a, * html .menu ul ul a:visited { width:250px;w\idth:128px; }
.menu a:hover, .menu ul ul a:hover{ color:#fff; background:url(../img/bg_navigation_active.png); }
.menu :hover > a { color:#fff; background:#0055a5; font-style: normal; }
.menu ul ul :hover > a { background:#CF4238; color: #fff; font-style: normal; }
.menu ul li:hover ul,
.menu ul a:hover ul{ visibility:visible; }
.menu ul :hover ul ul{ visibility:hidden ;}
.menu ul :hover ul :hover ul{ visibility:visible ;}
.menu ul a.active { background: #0055a5; color: #fff; }

/*=====================================================*/
/* Update Box Definitions
/*=====================================================*/

.tline {
	width: 100%;
	font-size: 16px;
	position: absolute;
	top: 163;
	padding: 0;
	float: left;
}

.main_txt {
	width: 220px;
	height: 200px;
	background: url(../img/bg_main_txt.png) no-repeat;
	font-size: 11px;
	padding: 10px;
	margin: 14px 0 0 0;
	float: left;
}

.main_img {
	width: 533px;
	height: 178px;
	background: #FAFAFB;
	float: left;
}

.tline .h1 {
	width: 218px;
	font-size: 20px;
	font-weight: bold;
	color: #0055A5;
	background: #FAFAFB;
	margin: 0;
	float: left;
}

.ttext {
	width: 218px;
	background: #FAFAFB;
	line-height: 130%;
	margin: 0;
	float: left;
}

/*=====================================================*/
/* Image Box Definitions
/*=====================================================*/

.images {
	width: 450px;
	padding: 12px 0;
	margin: 12px 0;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	float: left;
}

.images ul, li {
	margin:0;
	padding:0;
}

.images li {
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	margin-top: -400px;
	background: #0055A5;
	padding:5px;
	display:none;
	color:#fff;
}

/*=====================================================*/
/* Contact Definitions
/*=====================================================*/

#contactwrapper {
	width: 435px;
	height: inherit;
	background: #e7e9eb;
	border: 1px solid #dcddde;
	padding: 5px;
	margin: 15px 0px 10px 0px;
	font-size: 10px;
	float: left;
}

#contactleft {
	float: left;
}

#contact_details {
	width: 296px;
	padding: 0 15px 0 15px;
	height: auto;
	background: url(../img/bg_subnav.png) repeat-y;
	float: left;
}

.contacttext {
	color: #FFF;
	padding: 10px;
}

input.tf {
	background: #FFF;
	border: 1px solid #c9cbcd;
	width: 149px;
	height: 15px;
	padding: 4px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #373d44;
}

#contactwrapper table td {
	width: 60px;
	padding: 5px 5px 5px 0px;
	text-align: right;
}

textarea {
	width: 149px;
	height: 119px;
	padding: 4px;
	background: #FFF;
	border: 1px solid #c9cbcd;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #373d44;
}

select {
	width: 147px;
}