/* INIT
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
img { border-style: solid; border-color: #000; }

body
{
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #003258 url(../images/bg_body.gif) repeat-y top center;
	color: #000;
	text-align: center;
}

body { background: #2e84c8 url(../images/bg_body_lightblue.gif) repeat-y top center; }

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
#container { width: 682px; margin: 0 auto; text-align: left; position: relative; }

/* HEADER
------------------------------------------------*/
#header { width: 682px; height: 160px; position: relative; }
#header img { border: 0; }
#header #logo { position: absolute; left: 0; top: 15px; width: 197px; height: 107px; }
#header #loginregister { position: absolute; width: 200px; left: 5px; top: 148px; font-size: 70%; line-height: 1.4; color: #0f3357; }
#header #address { position: absolute; width: 204px; left: 478px; top: 15px; font-size: 70%; line-height: 1.4; color: #0f3357; }
#header a:link, #header a:visited { color: #3298d4; text-decoration: underline; }
#header a:hover, #header a:active { color: #3298d4; text-decoration: none; }

#header #searchkw { position: absolute; top: 130px; left: 246px; }
#header #products { position: absolute; top: 130px; left: 478px; }
#header .text, #header .text { line-height: normal; color: #003258; background: #fff; font-size: 70%; vertical-align: middle; width: 150px; padding: 2px; border: 1px solid #ccc; }
#header .submit { vertical-align: middle; }

#imagefader { position: relative; margin-top: 15px; width: 682px; height: 210px; overflow: hidden; background: transparent no-repeat; padding: 0; }
#imagefader img { border: 0; position: absolute; display: none; }
#imagefader #overlay { width: 682px; height: 210px; position: absolute; top: 0; left: 0; background-image: url(../images/home_image_overlay.png); z-index:1000; }
#imagefader #noscript { display: inline; }

/* NAV
------------------------------------------------*/
#nav { width: 682px; height: 31px; background: #3298d4 url(../images/bg_nav.gif) no-repeat; position: relative; }
#nav li { position: absolute; display: block; height: 31px; background-repeat: no-repeat; background-position: left top; }
#nav a { position: absolute; display: block; height: 31px; background-repeat: no-repeat; text-indent: -1000em; }
#nav a:link, #nav a:visited { background-position: left top; }
#nav a:hover, #nav a:active { background-position: left bottom; }

/* LI POSITIONS */
#nav #n1 { left: 0; }
#nav #n2 { left: 61px; }
#nav #n3 { left: 141px; }
#nav #n4 { left: 224px; }
#nav #n5 { left: 323px; }
#nav #n6 { left: 404px; }
#nav #n7 { left: 521px; }
#nav #n8 { left: 603px; }

/* LI & A SIZES AND IMAGES */
#nav #n1, #nav #n1 a { width: 61px; background-image:url(../images/n_home.gif); }
#nav #n2, #nav #n2 a { width: 80px; background-image:url(../images/n_products.gif); }
#nav #n3, #nav #n3 a { width: 83px; background-image:url(../images/n_solutions.gif); }
#nav #n4, #nav #n4 a { width: 99px; background-image:url(../images/n_latest.gif); }
#nav #n5, #nav #n5 a { width: 81px; background-image:url(../images/n_about.gif); }
#nav #n6, #nav #n6 a { width: 117px; background-image:url(../images/n_howtofindus.gif); }
#nav #n7, #nav #n7 a { width: 82px; background-image:url(../images/n_enquiries.gif); }
#nav #n8, #nav #n8 a { width: 79px; background-image:url(../images/n_careers.gif); }

/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 668px; font-size: 70%; line-height: 1.3; padding: 9px 0 9px 14px; background: #bed7e5; color: #102545; margin-bottom: 0; }
#breadcrumb p, #breadcrumb ul { display: inline; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #102545; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #102545; background: transparent; text-decoration: none; }
#breadcrumb strong { font-weight: bold; color: #000; }
#breadcrumb span { font-weight: bold; }

/* ACCOUNT BAR
------------------------------------------------*/
#account-bar { width: 668px; font-size: 70%; line-height: 1; padding: 9px 0 9px 14px; background-color: #dde9ef; color: #102545; }
#account-bar strong { font-weight: bold; }
#account-bar a:link, #account-bar a:visited { color: #102545; background: transparent; text-decoration: underline; }
#account-bar a:hover, #account-bar a:active { color: #102545; background: transparent; text-decoration: none; }


/* CONTENT
------------------------------------------------*/
#content { width: 656px; padding: 0 13px; margin: 1.5em 0 1em; color: #333; font-size: 80%; line-height: 1.4; }
#content h1 { color: #003258; margin: 0 0 0.5em; font-size: 200%; }
#content h2 { color: #3298d4; margin: 0; font-size: 120%; font-weight: bold; }

#content strong {  font-weight: bold; }
#content strong.intro { color: #3298d4; }
#content strong.asterisk { color: #d43232; }
#content p { margin: 0 0 1em; }

#content a:link, #content a:visited { color: #3298d4; background-color: transparent; text-decoration: underline; }
#content a:hover, #content a:active { color: #003258; background-color: transparent; text-decoration: none; }

#content ul { margin: 0 0 1em 0; padding: 0 0 0 1.5em; list-style-type: square; }
#content ul.arrows { line-height: 1; list-style-image: url(../images/bg_list_arrow.gif); }
#content ul.arrows li { margin-bottom: 0.5em; }

#content td { vertical-align: top; }

#content #dls { width: 638px; line-height: 1; }
#content #dls th, #content #dls td { vertical-align: top; text-align: left; padding: 2px; border: 1px solid #fff; }
#content #dls th { font-weight: bold; color: #fff; background: #003258; }
#content #dls td { background: #eee; }

/* NEWS
------------------------------------------------*/
#content h1.newsheader { margin-bottom: 0; }
#content h2.newssubheader { font-size: 140%; font-weight: bold; color: #003258; margin-top: 1em; padding-top: 1em; border-top: 1px solid #dbe2e8; }
#content h2.searchheader { font-size: 140%; font-weight: bold; color: #003258; margin-top: 1em; padding: 1em 0 0.5em; border-top: 1px solid #dbe2e8; }
#content ul.boxedlist { margin: 0; padding: 0; list-style: none; }
#content ul.boxedlist a { font-weight: bold; display: block; padding: 5px 0 5px 24px; border-bottom: 1px solid #fff; background: #bed7e5 url(../images/bg_list_arrow_blue.gif) no-repeat 1% 0.75em; }
#content ul.boxedlist a:link, #content ul.boxedlist a:visited { color: #003258; text-decoration: none; }
#content ul.boxedlist a:hover, #content ul.boxedlist a:active { color: #3298d4; text-decoration: none; }
#content ul.boxedlist a span { font-weight: normal; }
#content ul.boxedlist a:link span, #content ul.boxedlist a:visited span { color: #000; text-decoration: none; }
#content ul.boxedlist a:hover span, #content ul.boxedlist a:active span { color: #333; text-decoration: none; }

#content a.backlink { margin-top: 1em; font-weight: bold; display: block; padding: 5px 0 5px 24px; background: #bed7e5 url(../images/bg_back_arrow_blue.gif) no-repeat 1% 50%; }
#content a.backlink:link, #content a.backlink:visited { color: #003258; text-decoration: none; }
#content a.backlink:hover, #content a.backlink:active { color: #3298d4; text-decoration: none; }

/* PRODUCT LIST
------------------------------------------------*/
#content .prodcat img { float: left; border: 0; width: 110px; height: 110px; margin-right: 5px; }
#content .prodcat { float: left; clear: left; font-size: 90%; width: 309px; padding-right: 10px; margin: 0 0 0.5em; background: url(../images/bg_productlisting.gif) no-repeat; }
#content .right { float: right; clear: right; }
#content .datasheet { background: url(../images/bg_productdatasheet.gif) no-repeat; }

#content .prodcat h2 { font-size: 100%; margin-top: 10px; }
#content .prodcat h2 a:link, #content .prodcat h2 a:visited, #content .prodcat h2 a:hover, #content .prodcat h2 a:active { color: #000; text-decoration: none; }
#content .prodcat p a:link, #content .prodcat p a:visited { color: #003258; text-decoration: underline; }
#content .prodcat p a:hover, #content .prodcat p a:active { color: #000; text-decoration: none; }
#content .datasheet p a:link, #content .datasheet p a:visited { color: #583e00; text-decoration: underline; }
#content .datasheet p a:hover, #content .datasheet p a:active { color: #000; text-decoration: none; }

/* PRODUCT CONTENT AND SIDEBAR
------------------------------------------------*/
#desc { width: 440px; float: left; }
#sidebar { float: right; width: 188px; font-size: 90%; }
#sidebar h2 { font-size: 130%; margin: 0 0 0.25em; }
#sidebar ul { line-height: 2; color: #194668; border-top: 1px solid #dbe2e8; list-style: square inside; margin: 0 0 1.25em; padding: 0; }
#sidebar li { border-bottom: 1px solid #dbe2e8; }
#sidebar li a:link, #sidebar li a:visited { color: #194668; text-decoration: none; }
#sidebar ul li a { line-height: 1; }

#sidebar ul.downloads { list-style: none outside; padding: 0; margin: 0; }
#sidebar ul.downloads a { line-height: 1.5; display: block; padding-left: 24px; background: url(../images/icon_pdf.gif) no-repeat 0 0.25em; }

/* LOGIN
------------------------------------------------*/
#loginform label { color: #000; margin: 0 0 2px; font-weight: bold; display: block; }
#loginform label span { color: #666; font-weight: normal; }
#loginform .text { font-family: verdana,arial,sans-serif; width: 184px; color: #000; background: #bed7e5; border: 1px solid #888; padding: 2px; margin: 0 0 0.75em; }
#loginform .submit { margin: 0.25em 0 1em; }

/* FORMS
------------------------------------------------*/
#content .genform { font-size: 90%; }
#content .genform h2 { background: #bed7e5; color: #102545; margin: 0; line-height: 1; padding: 7px 10px; }
#content .genform fieldset { background: #eff5f8; padding: 10px; margin-bottom: 1.5em; }
#content .genform input, #content .genform select, #content .genform textarea { font: 90% verdana,arial,sans-serif; border: 1px solid #bed7e5; background: #fff; color: #111; padding: 2px; }

#content .genform label, #content .genform input, #content .genform select { float: left; display: block; margin-bottom: 0.5em; }
#content .genform label { width: 110px; }
#content .genform .hidden { display: none; }
#content .genform input, #content .genform select { width: 170px; }
#content .genform textarea { width: 620px; }
#content .genform .hwid { width: 96px; }
#content .genform textarea.hwid { width: 170px }
#content .genform br { clear: both; }

#content .genform .submit { cursor: pointer; width: auto; background: #3298d4; color: #fff; font-weight: bold; margin-top: 1em; padding: 0.25em 1em; border-width: 2px; border-style: solid; border-color: #89c4e6 #184965 #184965 #89c4e6; }

#content .genform .fcolumn { width: 300px; float: left; }
#content .genform .right { float: right; }

#content .genform .widelabels label { width: 160px; }
#content .genform .widelabels input { width: 110px; }

#content #response, #content #confirm { padding: 1em 1em 1em 80px; margin-bottom: 1em; color: #000; border: 1px solid #d43232; background: #f39a9a url(../images/exclaim.gif) no-repeat 2% 50%; }
#content #response strong, #content #confirm strong { color: #000; }
#content #response p, #content #confirm p { margin-bottom: 0; }
#content #response.noicon, #content #confirm.noicon { font-weight: bold; background-image: none; padding: 0.5em; }

#content #response a:link, #content #response a:visited { color: #102545; }
#content #confirm { border: 1px solid green; background-color: #EDFFE9; }

#content #sitemap ul { list-style: none; margin: 0; padding: 0; line-height: 1; }
#content #sitemap ul a { display: block; padding: 6px 0; }
#content #sitemap ul a:link, #content #sitemap ul a:visited { color: #333; text-decoration: none; }
#content #sitemap ul a:hover, #content #sitemap ul a:active { color: #003258; text-decoration: none; }

#content #sitemap ul li { background: #dde9ef; padding: 0 6px; }
#content #sitemap ul li li { background: #bed7e5; padding: 0 12px; }
#content #sitemap ul li li li { background: #99bcd0; padding: 0 18px; }
#content #sitemap ul li li li li { background: #75a1b9; padding: 0 24px; }

/* HOME
------------------------------------------------*/
#flash { margin-top: 15px; width: 682px; height: 210px; background: url(../images/bg_noflash.jpg); }

/* FOOTER
------------------------------------------------*/
#footer { clear: both; padding: 1em 15px 0; margin: 1em 0; border-top: 2px solid #3298d4; text-align: left; font-size: 70%; line-height: 150%; color: #003258; }
#footer strong { font-weight: bold; }
#footer a:link, #footer a:visited { color: #05a; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #29f; background-color: transparent; text-decoration: none; }
#footer .ddlink:link, #footer .ddlink:visited, #footer .ddlink:hover, #footer .ddlink:active { color: #555; text-decoration: none; }