body{font-family: Arial,Verdana,Georgia,Sans-Serif; line-height:normal; color: #02487C}

p, td, li{color: #02487C}
p{margin-bottom: 1.2em}
p#topanchor{clear:both;margin-top:15px;width:100%}
p#topanchor a{background:url(/skins/containerboard/gfx/top.gif) no-repeat 0 0;display:block;float:right;height:13px;margin-right:10px;width:11px}

/**** LINKS 
************/
a{color:#0085C9;text-decoration: none}
strong, a{line-height: 1.3em}
a.asr, .asr a {	background: transparent url( "gfx/arrow-simple_right.gif" ) no-repeat 0 4px;padding-left: 6px;}
a:link, a:visited, a strong a, p a {color: #0085C9; text-decoration: none}
a:focus, a:hover, a:active {color: #02487C}
a:link{color:#1899dd}
a:visited{color:#1899dd}
a:hover{color:#000}
a:active,a:focus{color:#000}
a.arrow{background:url(gfx/bg-linkarrow.png) no-repeat 100% 3px;padding-right:12px}
/* HEADLINES
**************/
h1 {color: #26a2e2;float: left;font-size: 1.8em;font-weight: normal;margin-bottom: 0.8em;text-transform: uppercase;width: 100%;}
h2 {border-bottom: solid 1px #a8daf3;color: #26a2e2 !important;font-size: 1.4em !important;font-weight: normal;padding-bottom: 0.3em;margin: 1.3em 0 1em;}/*width: 100%;*/
h2 a{text-decoration: none !important;}
h3, .h3 {color: #02487c;font-size: 1.2em;font-weight: 400;margin: 1em 0;}
h4 {color: #26A2E2 !important;font-weight: 700;margin: 1em 0;}
h2 span#results {color: #02487c;float: right;font-size: 0.7em;font-weight: 700;margin-top: 2px;}
h4{font-size:1.1em;padding:0;margin:0;line-height:normal}
h2.border-top{border-top: none !important}

select.inline{margin:1em 0 0.5em 0;width:10em}

button.subscribe{background:url(gfx/bg-btn-subscribe.png) no-repeat 0 0;width:85px;padding:3px 0;color:#fff;line-height:normal;margin-top:3px}
input.subscribe{background:url(gfx/bg-btn-long.png) no-repeat 0 0;width:140px !important;padding:3px 0;color:#fff;line-height:normal;margin:3px 0 0 0;border:none 0}
button.unsubscribe{background:url(gfx/bg-btn-unsubscribe.png) no-repeat 0 0;width:85px;padding:3px 0;color:#fff;line-height:normal;margin-top:3px}
button.btn{background:url(gfx/bg-btn.png) no-repeat 80% 2px;width:85px;padding:3px 0;color:#fff;line-height:normal;margin:3px 0 0 3px;vertical-align:bottom}

span.error{color: #5EC0F3 !important}
caption,th{text-align:left;padding:0.1em 0.4em}
td{border-bottom:1px dotted #C3C6CB;padding:0.5em 0;}

/*Search*/
fieldset.searchresults{background:#F0F0F0 url(gfx/search-bg-bottom.gif) no-repeat scroll 0 100%; width: 630px; padding: 15px}
fieldset.searchresults div{background:#F0F0F0 url(gfx/search-bg-top.gif) no-repeat scroll 0 100%}
fieldset.searchresults button.btn{color: #F0F0F0;background: transparent url(gfx/buttonl.gif) no-repeat scroll 0 2px; padding: 5px 0 !important}
fieldset.searchresults input{padding:6px 6px !important; width: 500px}
div#center ul.paging{padding:1.5em 0 0 0;margin:0}
div#center ul.paging li{background:transparent none repeat scroll 0 0;display:inline;list-style-type:none;padding:5px 10px;}
div#center ul.paging li.first a{background:url(gfx/paging-first.png) no-repeat 0 50%;padding-left:16px}
div#center ul.paging li.prev a{background:url(gfx/paging-prev.png) no-repeat 0 50%;padding-left:11px}
div#center ul.paging li.next a{background:url(gfx/paging-next.png) no-repeat 100% 50%;padding-right:11px}
div#center ul.paging li.last a{background:url(gfx/paging-last.png) no-repeat 100% 50%;padding-right:16px}
div#center ul.paging li.active-page{font-weight: bold; color: White; font-size: 1.2em}
div#paging-links{background: transparent url(gfx/bg-paging.gif) no-repeat scroll 0 9px;height:45px;border-bottom: 1px solid #D6E6EE; text-align: center; }

div.hit{padding: 10px 0 10px 10px; border-bottom: 1px dotted #C3C6CB}
div.hit h3{margin: 0 !important}
select, textarea {margin-bottom:0 !important;padding:2px !important;vertical-align:bottom !important;}
input {margin-bottom:0 !important;padding:3px 6px 0 !important;vertical-align:middle !important;}

/* TABLE Matrix
**********/
table thead td{background:#fff}
table thead td h2{padding:0.5em 0;text-transform:uppercase;color:#000 !important;font-size:1.1em !important}
table thead td .lower{text-transform:none}
table tbody td{}

div#header div#logo a{position:relative;display:block;height:57px;margin:0 25px;padding:3px 0 0 50px;background:url(gfx/packaging-logo.png) no-repeat 0 100%;width:350px;text-decoration:none}
div#logo a span{position:absolute;left: -9999px;color:#fff;font-size: 1.3em; font-weight: 700;cursor:pointer}
div#logo a span strong{color: #fff; }
div#logo a span div ul{float: left; clear: both; padding: 0px; margin: 15px 0 0 9px }
ul#logotagline{font-size:1em;position:absolute;z-index:10;padding:0;margin:0px;left: 83px; top: 44px}
ul#logotagline li{float:left; padding: 0 6px}
ul#logotagline li.first{border-right: solid 1px #02487C; padding-left: 0px}
ul#logotagline li.last{border-left: solid 1px #02487C}

fieldset.search button span{display:none}
div#container div#flash-area{position:relative;clear:both;left:-9px;width:977px;padding:0;text-align:center;margin:10px auto}
div#container div#flash-area p{margin-left:8px}
div#container div#content{padding:20px 0 100px 0;width:959px;float:left;background: transparent url(gfx/leftmenu-bg.gif) no-repeat scroll 35px 20px}/*overflow:hidden;*/
div#left h2{color:#ac865a;padding-bottom:5px}

/* Structure override
*************/
div#content div#main{float:right;width:709px;overflow:hidden;height:1%; }
div#content.extrawide div#main{width:959px}
div#main div#center{float:left;width:426px;}
div#tagline{left: -60px; width: 715px; overflow: hidden}
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: top}
table{border-collapse:collapse;}
div#main div#center.wide,div#main div#campaign.wide{float:left;width:660px;margin:0}
div#content.extrawide div#main div#center{width:919px}

div#center.wide div.columns div.column{float:left;width:205px;margin:0 20px 20px 0}


/* TOPMENU
*************/
div#container div#header{padding-left: 0px}
ul#topmenu {border-bottom: 1px solid #ADC9DE;float: left;margin: 60px 0 0 30px;padding-bottom: 11px; padding-left: 0; width: 899px; }
ul#topmenu li {float: left;}
ul#topmenu li a {background: transparent url(gfx/topmenu_li-bg.gif) no-repeat scroll 100% 0pt;color: #14223e;float: left;font-size: 1.1em;
                 font-family: Arial,Helvetica,Georgia,sans-serif;text-decoration: none;padding: 18px 13px 5px;text-transform: uppercase;}
ul#topmenu li.first a {margin-left: -13px;}
ul#topmenu li.last a {	background-image: none;}
ul#topmenu li.selected a.selected {color: #26A2E2;}
div#center p.breadcrumbs {color: #a5aab1;font-size: 1em;font-weight: 700;margin-bottom: 1em;}
div#center p.breadcrumbs a{color: #a5aab1;margin-right: 0.2em;text-decoration: underline;}
/* FOOTER
**********/
div#footer {background: #fff url( "gfx/footer-bg.gif" ) no-repeat 0 100%;font-size: 1em;height: 125px;	padding-left: 30px;	bottom: 0;	width: 929px;float: left;}
div#footer p {border-top: solid 1px #adc9de;	color: #5b6672;	margin: 0 0 0.5em;padding-bottom: 0;padding-top: 24px;width: 900px;}
div#footer a {color: #26a2e2;text-decoration: underline;}
div#footer ul {margin: 0;padding: 0;}
div#footer ul li {border-right: solid 1px #a2ab97;float: left;}
div#footer ul li a {border: none;padding: 0 10px;}

/* HEADER
************/
div#header fieldset.search label {color: #fff;font-size: 1em;float: left;margin: 2px 5px 0 0;}
div#header fieldset.search input{background: transparent url( "gfx/quicksearch_input-bg.gif" ) no-repeat;border: none;float: left;height: 20px;overflow: hidden;width: 134px;padding: 2px 0 3px !important}
div#header fieldset.search{position:absolute;top:15px;right:15px;color:#fff}
div#header fieldset.languages{position:absolute;top:140px;right:45px;display:none}
div#header fieldset.languages select{width:7em;margin-left:8px;vertical-align:middle}
div#header div.languages{position:absolute;top:140px;right:8px;}
div#header div.languages select{width:7em;margin-left:8px;vertical-align:middle}
div#header div.languages input.langBtn{background: transparent url(gfx/buttonl.gif) no-repeat 0 0; border: none}

/* LEFT
***********/
div#leftarea{width: 660px; padding-left: 30px;}
div#left {background: transparent url( "gfx/leftmenu-separator-l.gif" ) repeat-y 100% 0;float: left;line-height: 1.2; width: 220px;min-height: 300px;padding-left: 30px;}
#startpage div#left{background:none;}
#left .left{float:right !important;}
#left .left-closer{float: right; margin: 0; padding: 0; height: 40px;background: transparent url( "gfx/leftmenu-separator-l-end.gif" ) repeat-y 100% 0;width:214px;}
#left .left .bottom{width:212px !important;}
div#content div#startpage div#left{padding-left: 0}
div#left a{text-decoration:none}
div#left a.arrow{margin-top:3px;color:#1899dd;background:url(gfx/bg-linkarrow.png) no-repeat 100% 3px;padding-right:12px}
div#left ul {	padding:0;	width: 100%;	}
div#left ul, div.nobg {	background: transparent url( "gfx/leftmenu-separator.gif" ) no-repeat 100% 0;	float: left;	padding-bottom: 20px;}
div#left li {clear: both;margin: 0.5em 0;}
div#left li a {	background: transparent url( "gfx/arrow-down.gif" ) no-repeat 0 7px;	color: #000;	display: block;	font-size: 1.1em;	font-weight: 700;	padding-left: 12px;	width: 90.5%;}
div#left li a.selected {color: #26A2E2;background: transparent url(gfx/arrow-right_full.gif) no-repeat 0 5px}
div#left li a.expanded{font-weight: bold !important;color: #26A2E2 !important;}
div#left li.children ul {padding-bottom: 0;}
div#left li.children ul li a {background: transparent url( "gfx/arrow-right.gif" ) no-repeat 3px 0.4em;color: #000;font-weight: normal;font-size: 1em;display: block;padding-left: 13px;}
div#left li.children ul {background: none;/*padding-left: 15px;*/}
div#left li.children ul li{padding-left: 15px;}
div#left li.children a.selected {color: #26A2E2;}
div#left div.toolbox select{margin:4px 0;width:170px}
div#left div.mediabox{padding:10px;width:160px;border-top:solid 1px #d6e6ee;margin-top:1em}
div#left div.mediabox div.video{margin-bottom:6px;padding:40px 0;background:#f0be7c;text-align:center}
div#left div.mediabox h2 {padding-left:0}

/* CENTER
***********/
div#center h2{font-size:1.2em;color:#ac865a;} /*TODO: clear:both behövs denna? tog bort den nu  för Service-process...*/
div#center h3{padding-bottom:2px}
div#center p{margin:0;padding:0.5em 0}
div#center p.meta{font-weight:bold;padding:0}
div#center div.contentarea{clear:both;margin-top:2em;padding-top:2em}/*border-top:solid 1px #d6e6ee;*/
div#center div.textlist{clear:both;border-top:solid 1px #d6e6ee;padding:1em 0}
div#center div.textlist p{padding:0.5em 0;margin:0}
div#center div.textlist img.image{float:left;margin:0 1em 1em 0}
div#center ul{padding:0.2em 0 1em 15px;margin:0;color:#02487C}
div#center ul li{background: transparent url(gfx/li-bg.gif) no-repeat 0 8px;list-style-type:none;padding:0.1em 0 0 10px;}
div#center ul li span{color:#333}

div#center div.columns{overflow:hidden;height:1%;clear:both}
div#center div.columns br{clear:both !important}
div#center div.columns div.column{float:left;width:193px;padding-top:1em;margin:0 20px 20px 0}
div#center div.columns div.column h3{padding-top:0.2em;color:#666 !important}
div#center div.columns-2{overflow:hidden;height:1%;clear:both}
div#center div.columns-2 br{clear:both !important}
div#center div.columns-2 div.column{padding:1em 20px 20px 0;height:1%;overflow:hidden}
div#center div.columns-2 div.column h3{padding-top:0.2em;color:#02487C !important}
div#center div.columns-2 .vcard{border-top:1px dotted #C3C6CB;}
div#center div.columns-2 .vcard h3{font-weight: bold; font-size: 1em}
div#center div.columns-3{overflow:hidden;height:1%;clear:both !important}
div#center div.columns-3 br{clear:both !important}
div#center div.columns-3 div.column{padding:1em 20px 20px 0;height:1%;overflow:hidden}
div#center div.columns-3 div.column h3{padding-top:0.2em;color:#666 !important}
div#center div.fifty-fifty{overflow:hidden;height:1%;padding:0.5em 0 1em 0;margin-bottom:1em;background:url(gfx/fiftyfifty-sep.png) repeat-y 50% 0}
div#center div.fifty-fifty div.primary{float:left;width:48%;padding-right:2%}
div#center div.fifty-fifty div.secondary{float:left;width:48%;padding-left:2%}
div#center div.fifty-fifty div.secondary h3{margin:0.3em 0}
div#center div.fifty-fifty div.secondary ul{margin-bottom:1em}
div#center div.push-right{float:right;width:320px;padding:0 2em 2em;margin-left:2em;border-left:solid 1px #d6e6ee}
div#center div.push-left{float:left;width:320px;padding:0 2em 2em 0;margin-right:2em;border-right:solid 1px #d6e6ee}
div#center dl dt{border-top:solid 1px #d6e6ee;font-weight:bold;padding-top:1.5em}
div#center dl dd{margin:0;padding:0.5em 0 1.5em 0}

div#content #imagecontainer {float:left; width:183px;margin: 0 10px 10px}
div#content div.contentbody div {}
div#content div.contentbodywide div {}

/*NEWSLIST ************/
div#center dl.newslist{float:left; clear:both;overflow:hidden;height:1%; width: 100%}
div#center dl.newslist div{float: left; width: 100%}
div#center dl.newslist dt{border:none 0;color: #B1B6BC;margin-right: 40px;padding:0.5em 0;font-size: 1.1em;font-weight:bold;float:left;width:6em}
div#center dl.newslist dd{float:left; margin:0;padding:0.2em 0;width: 480px}
div#center dl.newslist dd p img.right{margin: -20px 0 0 0}
div#center dl.newlist div.border-bottom p{ padding: 0 0 0 0 !important}
div#center dl.newlist dd p.readmore{margin-top: 2em}
div#center dl.newslist dd h3{margin: 0; font-size: 1.2em}
div#center dl.newslist .border-bottom{border-bottom:1px dotted #C3C6CB}
div#center p.newspaging{float: left;margin-bottom: 50px}
div#center .newspaging a, div#center .newspaging strong{line-height:1.5em;}
div#center p.newspaging strong,div#center p.newspaging a{background:transparent url(gfx/btn-rounded.gif) no-repeat scroll 0 0;color:White;float:left;text-align:center;width:48px !important;}
div#center p.newspaging strong,div#center p.newspaging a, div#center p.newspaging span{margin-right: 5px}
div#center p.newspaging span{float: left}
div#center p.newspaging strong{text-decoration:underline;}
div#center p.border-top{border: none !important;float:left; width: 100%}
div#center p.border-top a{float:right}

div#center div.product-sub-area{float:right;width:180px;height:1%;overflow:hidden;text-align:right}
div#center div.product-sub-area div.linkboxes{float:none !important}
div#center dl.catlist{border:none;margin:0;border-top:solid 1px #d6e6ee;margin-top:1em}
div#center dl.catlist dt{border:none 0;padding:1em 0 0.2em 0;font-weight:bold}
div#center dl.catlist dd{margin:0;padding:0.2em 1em}
/*SEARCH ************/
div#center dl.searchresult{border-top:solid 1px #d6e6ee}
div#center dl.searchresult dt{border:none 0;font-weight:bold;padding-top:1.5em}
div#center dl.searchresult dd{margin:0;padding:0.5em 0 0 0}
fieldset.search button {cursor:pointer;background: transparent url( "gfx/buttonr.gif" ) no-repeat 0 0;float: left;height: 17px;margin: 1px 0 0 7px;width: 17px}

/*CONTACT ************/
div#center div.contact-card{padding-top:0.5em}
div#center div.contact-card h3{padding:0 !important;margin:0 !important;color:#666}
div#center div.contact-card h4{padding:12px 0 0 0 !important;margin:0 !important;color:#ac865a}
div#center div.contact-card p{padding:0 !important;width:200px}
div#center div.contact-card ul{width:200px}
div#center div#map-legends{float:right;width:210px;padding-top:4px}
div#center div#map-legends h2{font-size:1em;color:#333}
div#center div#map-legends ul{margin:0;padding:0}
div#center div#map-legends ul li{margin:7px 0;padding:0;list-style:none;vertical-align:middle}
div#center div#map-legends ul li img{vertical-align:middle;margin-right:6px}
div#center div#map-legends ul li input{vertical-align:middle;margin-right:6px}
div#center div#map-legends-caption .small{width:318px;padding-top:4px}
div#center div#map-legends-caption{padding-top: 5px; float: left; position: relative}
div#center div#map-legends-caption h2{font-size:1em;color:#333; display: none}
div#center div#map-legends-caption ul{margin:0;padding:0}
div#center div#map-legends-caption ul li{margin:1px 0;padding: 0 0 0 5px;list-style:none !important; background: none !important; vertical-align:middle;float:left;}
div#center div#map-legends-caption ul li img{vertical-align:middle;margin-right:6px; width: 10px;}
div#center div#map-legends-caption ul li input{vertical-align:middle;margin-right:6px}

/* RIGHT
************/
div#main div#right{float:left;width:213px; padding-top: 1.3em}
div#right h3{font-size:1em;color:#000;padding-bottom:2px}
div#right .toolbox .tool ul{padding:0 15px;margin:0;color:#ac865a}
div#right .toolbox .tool ul li{list-style-type:square}
div#right p{margin:0;padding:0.5em 0; float:left}
div#right p.align-right{padding:0}
div#right label{display:block;padding-top:3px}
div#right ul.doclist{padding:1em 0;margin:0}
div#right ul.doclist li{margin:0;padding:0;list-style:none}
div#right ul.doclist li img{vertical-align:middle;margin-right:6px}
.right{float: right !important}

/* TOOLBOX
***************/
.toolbox {border: none;}
.toolbox .tool{background:url(gfx/bg-browndots.png) repeat-x 0 100%;padding-bottom:1em;margin-bottom:1em}
.toolbox .tool select{width:99%}
.toolbox input{width:95%}
.toolbox p{padding-top:0 !important}
.toolbox .btn{float: right}
.notopborder{ border-top: none !important; margin-top: 0 !important; padding-top: 0 !important; }
.padbox{padding:0 1em}
.border-top{border-top:solid 1px #d6e6ee !important}
.border-bottom{border-bottom:solid 1px #d6e6ee !important;margin-bottom:1em;/*overflow:hidden;*/height:1%}
.border-bottom span{margin:0 7px}
.border-left{border-left:solid 1px #d6e6ee !important;padding-left:15px;overflow:hidden;height:1%}
.right-photo{float:right;width:120px;margin:0 !important;padding:0 20px 0 !important;text-align:right !important}
.left-photo{float:left;margin:0 !important;padding:0 10px 10px 0 !important}
.separator{border-top: 1px dotted #898E93 !important;}
div.ajax-result{width:258px;position:absolute;right:10;z-index:1000;padding:10px;border:solid 1px #dbcbb8 !important;background:url(gfx/bg-toolbox.png) repeat-x 0 50%}
div.ajax-result h2{position:absolute;width:auto;font-size:1.1em}
div.ajax-result div.close{background:url(gfx/bg-browndots.png) repeat-x 0 100%;margin-bottom:10px;padding-bottom:6px;text-align:right;overflow:hidden;width:100%}

div.ajax-result input.subscribe{background:url(gfx/bg-btn-long.png) no-repeat 0 0;width:140px;padding:3px 0;color:#fff;line-height:normal;margin:3px 0 0 0;border:none 0}
div.flex-toggle{position:absolute;clear:both;bottom:0;background:#fff;width:100%;padding:1px 0 20px 0}
div.flex-toggle a.more{background:url(gfx/ico-plus.png) no-repeat 0 1px;padding-left:18px}
div.flex-toggle a.less{background:url(gfx/ico-minus.png) no-repeat 0 1px;padding-left:18px}
span.image-with-caption{display:block;clear:both;color:#888;font-style:italic;width:auto;padding:0;font-size:0.9em;line-height:1em !important;zoom:1}

/* IMAGES WITH CAPTION
**********************/
span.image-with-caption:after{content:".";display:block;height:0;clear:both;visibility:hidden}
span.image-with-caption-left, span.image-with-caption-right,span.image-with-caption-left-top,span.image-with-caption-right-top{display:block;color:#888;font-style:italic;width:auto;padding:0;font-size:0.9em;line-height:1em !important}
span.image-with-caption-left p,span.image-with-caption-right p,span.image-with-caption-left-top p,span.image-with-caption-right-top p{margin:0 !important;padding:0 !important}

span.image-with-caption-left{padding:2em 2.5em 2em 0}
span.image-with-caption-left-top{padding:2px 2.5em 2em 0}
span.image-with-caption-right{padding:2em 0 2em 2.5em}
span.image-with-caption-right-top{padding:2px 0 2em 2.5em}
span.image-with-caption,span.image-with-caption-left img, span.image-with-caption-right img,span.image-with-caption-left-top img,span.image-with-caption-right-top img{display:block;width:auto;margin-bottom:5px}

img.image{/*border:solid 1px #d6e6ee !important*/}
img.product-image{border:solid 1px #d6e6ee !important;width:162px;margin-left:1em}
img.mugshot{border:solid 1px #d6e6ee !important;float:left;margin-right:18px}
img.left{margin: 10px 10px 0 0 !important}

/*FORMS
***********/
div.xForm table tr td{font-weight:bold;color:#666}
div.xForm table tr td span{width:300px}
div.xForm table tr td span.xformvalidator{visibility:hidden !important}
div.xForm table tr td input{width:14.8em}
div.xForm table tr td select{padding:1px;width:15.5em}

fieldset.form div.leftfield{clear: left; float: left;width:  271px}
fieldset.form div.leftfield label{width: 80px  !important}
fieldset.form div.rightfield{clear: none; float: right;}
fieldset.form div.rightfield textarea{width: 340px;}

fieldset.form{padding-top:1em;padding-bottom:2em}
fieldset.form div{padding-top:4px;clear:both}
fieldset.form div label{float:left;width:90px;font-weight:bold;padding-top:2px;color:#02487C}
fieldset.form div input{margin-right:4px;width:15em; border-right:1px solid #C3C3C3;border-top:1px solid #898E93;}
.readonly{border: solid 1px #ddd}
fieldset.form div select{width:15.5em;padding:1px}
fieldset.form div input.midi{width:9em}
fieldset.form div input.mini{width:5.1em}
fieldset.form div input.micro{width:1em}


/* Left hand subscription form
*******************************/
div#subscriptionformsmall {width: 170px}
div#subscriptionformsmall fieldset {border: solid 1px #98a9b9;margin: 10px 0 0 0;padding: 20px 15px 10px 15px;width: 178px}
div#subscriptionformsmall fieldset label {float: left;}
div#subscriptionformsmall fieldset textarea{width: 174px}
div#subscriptionformsmall fieldset p {float: left;margin: 0 0 0.5em 0 !important;width: 170px}
div#subscriptionformsmall fieldset input {border: solid 1px #98a9b9;color: #02487c;float: left;padding: 2px;width: 172px}
div#subscriptionformsmall fieldset p.boxes input {border: 0;width: auto;margin-top: 5px;}
div#subscriptionformsmall fieldset p.boxes label {margin-top: 0.15em;padding-left: 8px;width: auto}
div#subscriptionformsmall p.btn {text-align: right;width: 100%}
div#subscriptionformsmall p.btn span.submit input{width: 180px !important;}
div#subscriptionformsmall span.btn {float: right;margin-right: 5px}
div#subscriptionformsmall h3{font-weight: 700;margin: 0 !important;}
h3.folded, h2.folded{background: transparent url( "gfx/arrow-right.gif" ) no-repeat 0 0.35em !important;padding-left: 10px;cursor: pointer;}
h3.unfolded, h2.unfolded{background: transparent url( "gfx/arrow-down.gif" ) no-repeat 0 50%;padding-left: 10px;}

div#right-blog{ width: 213px; background: transparent url( "gfx/leftmenu-separator.gif" ) no-repeat 0 0; padding-left: 10px; margin-top: 63px; float: left}

/* INNOVATION AND DESIGN
************/
div#center #innovationanddesign {background: transparent url( "gfx/bg_flower.gif" ) no-repeat 130px 10px;float: left;min-height: 500px;}
div#center #innovationanddesign #intro {color: #696969;float: left;width: 340px;overflow-x: hidden;}
div#center #innovationanddesign #intro p {width: 240px;}
div#center #innovationanddesign #intro #video {position: relative;left: -2px;}
div#center #innovationanddesign #spotlight {float: right;margin-top: -34px;width: 320px;}
div#center #innovationanddesign #spotlight h2 {border-bottom:medium none;color:#99CC00 !important;font-size:2em !important;font-weight:400;left:-70px;margin:0;padding:0;position:relative;top:63px;}
div#center #innovationanddesign #spotlight .plate {background: transparent url( "gfx/spotlight-plate.gif" ) no-repeat 0 0;float: left;height: 164px;width: 155px;}
div#center #innovationanddesign #spotlight .plate img {padding: 10px 10px 3px;}
div#center #innovationanddesign #spotlight .plate p {margin-right: 10px;margin-left: 10px;text-align: right;padding: 0;}
div#center #innovationanddesign #spotlight .plate a.textlink {background: transparent url( "gfx/btn-rounded_right-green.gif" ) no-repeat 100% 45%;
	color: #3d4f5b;font-size: 1.3em;margin-top:-2px;padding-right: 20px;float: left;text-decoration: none;width: 114px;}
div#center #innovationanddesign #spotlight #item1 {position: relative;left: 120px;top: -180px;}
div#center #innovationanddesign #spotlight #item2 {position: relative;left: -145px;top: 80px;}
div#center #innovationanddesign #spotlight #item3 {position: relative;left: 140px;top: 150px;}

/* READMORE - BOX
******************/
div#content #readmore-box {	background: transparent url( "gfx/bottom-plate.gif" ) no-repeat 0 0;float: left;margin-top: 30px;width: 615px;padding: 15px 20px;}
div#content #readmore-box div {float: left; overflow: hidden; width:370px; height:115px; }
div#content #readmore-box h2 {border: none;color: #fff !important;font-size: 2.7em !important;font-weight: 400;margin: 0px 0 15px 0;padding: 0 !important; clear: none;float:left;width:auto; }
div#content #readmore-box h3 {color: #26a2e2;font-size: 1.4em;font-weight: 400;margin: 0;}
div#content #readmore-box p {color: #27344d;font-size: 1.4em; float: left; clear: both; width: 100% }
div#content #readmore-box p#visit {font-size: 1.1em;margin-left: 0; margin-top:0; float: right; width: auto}
div#content #readmore-box img {float: right;position: relative;top: -50px;}

/* STARTPAGE
********************/
div#leftarea div#left{width: 410px;}
div#leftarea div#right {float: right;padding-right: 15px;width: 220px;}
div#content #right h2 {margin:0 0 4px;padding:0 0 8px;}/*width:190px !important;*/

div#content #news {margin-top: 20px; float: left; width: 220px}
div#content #news .h3 {margin: 0;padding:0;color: #1899DD; font-style: normal}
div#content #news div#head a {background: transparent url( "gfx/arrow-right_blue.gif" ) no-repeat 100% 40%;margin:3px 0 0 0;padding-right:8px;float: right}/*float:right*/

div#content #news div#head {border-bottom: solid 1px #a8daf3;margin-bottom: 8px; height: 22px} 
div#content #news div#head h2 {border-bottom:medium none;float:left;margin:0;}
div#content #news .h3 a {display: block;}
div#content #news .date,  div#content #news a .newsitem span.date {color: #b1b6bc;margin: 0.2em 0;}
div#content #news label, div#content #news a .newsitem span{color:#02487C; display: block; cursor: pointer;}
div#content #news a .newsitem em{cursor: pointer;}
div#content #news .last {border-bottom: none;}

div#content .newsitem .news{float: right;width: 540px;}
div#content .newsitem .news p img {	border: solid 1px #d2d2d2;float: right;	margin-left: 0.8em;	max-height: 100px;}
div#content .newsitem .news h2{border: none;color: #02487c;font-size: 1.1em;font-weight: 700;margin: 0.3em 0 0;padding: 0;}

div#content #news a{float:left; margin-bottom: 0.8em}
div#content #news a.boxlink:hover {background: #efefef; }
dov#content #news .newsitem h3{font-size: 1.2em !important}
div#content .newsitem{border-bottom: dotted 1px #c3c6cb;float: left;width: 220px;padding-bottom:10px;}
div#content .newsitem p {margin:0;padding:0}
div#content #news .newsitem p a {color: #02487c; text-decoration: none}
div.newsitem {	padding-bottom: 6px;}

div#content .lightbox .s-top {background: transparent url( "gfx/startpage-lightbox-bg-top.gif" ) no-repeat 0 0;
                              float: left;height: 4px;overflow-y: hidden;width: 400px;}
div#content .lightbox .s-mid {background: #d2e3ec;float: left;width: 380px;padding: 5px 10px;}
/*div#content .lightbox .s-mid p{margin-bottom: 0.4em}*/
div#content .lightbox .s-mid h2{width: 370px}
div#content .lightbox .s-bottom {background: transparent url( "gfx/startpage-lightbox-bg-bottom.gif" ) no-repeat 0 0;
                                 float: left;height: 4px;width: 400px;}
div#content .s-box {float: left;margin-bottom: 28px;width: 390px;}
div#content .s-box h2 {margin: 5px 0 10px;}
div#content .s-box fieldset {width: 300px;float: left}
div#content .s-box label {float: left;margin-right: 5px;position: relative;top: 2px;text-align: right;width: 95px;}
div#content .s-box select {font-size: 1em;width: 176px;float:left; margin-bottom: 5px !important; }
div#content .s-box .more-link {top:48px; position:relative;float:right}/*background: transparent url( "gfx/bg-button-blue-left.gif" )no-repeat 0 0; width: 50px; text-align: center*/
div#content .s-box .more-link span.closesubmit, div#content .s-box .more-link input.submit{float: right}

div#content .s-box .more-link a{background: transparent url( "gfx/btn-rounded_right-arrow_s-box.gif" ) no-repeat 100% 0; color: White; float: left; width: 100%;}

/*Lightbox-free*/
div#content .lightbox-free .s-top {background: transparent url("gfx/lightboxfreetop2.gif") no-repeat 0 0;float: left;height: 9px;margin-top: 10px;overflow-y: hidden;width: 403px;}
div#content .lightbox-free h2 {border-bottom: solid 1px #32457f;color: #32457f;font-size: 1.4em;padding-bottom: 0.3em;width: 100%;margin: 0.8em 0 1em;}
div#content .lightbox-free .s-mid {background: transparent url("gfx/lightboxfreemiddle2.gif") repeat-y 0 0;float: left;width: 385px;padding-left: 18px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
div#content .lightbox-free .s-mid .s-midlbox {float: left;width: 248px;padding: 0;}
div#content .lightbox-free .s-mid .s-midlbox p.more-link {float: right;margin: 0;background:url("gfx/btn-rounded_left.gif") no-repeat scroll 0 0 #26A2E2;margin-top:2em;width:auto;}
div#content .lightbox-free .s-mid .s-midlbox p.more-link a {background:url("gfx/btn-rounded_right-arrow.gif") no-repeat scroll 100% 0 transparent;color:#FFFFFF;display:block;padding:1px 22px 1px 10px;text-align:center;text-decoration:none;text-transform:uppercase;}
div#content .lightbox-free .s-mid .s-midrbox {float: right;width: 137px;padding: 0;position: relative;left: 24px;/*bottom: 22px;*/}
div#content .lightbox-free .s-bottom {background: transparent url("gfx/lightboxfreebottom2.gif") no-repeat 0 0;float: left;height: 9px;margin-bottom: 23px;width: 403px;}

/* Related columns and boxes
*******************************/
input.submit, a.submit{text-transform:uppercase;background: transparent url( "gfx/bg-button-blue-left.png" ) no-repeat 0px 3px; border: none;clear: none !important; 
color: White !important; border:none !important; margin-left: 0px; position: static !important; left: 0 !important; width: auto !important; float: left;  vertical-align: top !important; 
padding: 4px 10px 0 !important;height: 20px} /*font-size:0.8em;*/
span.closesubmit{background: transparent url( "gfx/bg-button-blue-right.png" ) no-repeat 0 3px; float: left; width: 16px; height: 20px; margin-left: -2px}
a.submit{height: 20px;}
div.buttonwrap {float:left;padding:0.5em 0 !important;clear:both;}
div.buttonwrap a.buttonfix {white-space: nowrap; margin-right: 13px}
div.buttonwrap input.buttonfix {white-space: nowrap; margin-right: 16px}
div.buttonwrap span.buttonfix {margin-left: -16px;}

div#content #related {background: transparent url( "gfx/leftmenu-separator-l.gif" ) repeat-y 0 0;float: right;margin-top: -10px;
                      	overflow-x: hidden;width: 246px;padding: 20px 0 0px 3px;}/*#A5B4C2*/
div#content #related .related-closer{background: transparent url( "gfx/leftmenu-separator-l-end.gif" ) no-repeat 0 0;
	float:left;height:40px;left:-3px;margin:0;padding:0;position:relative;width:100px;}  
html > body div#content #related {position: relative;}


div#content .related-box h2, div#content .left h2 {width: 180px !important;margin: 0.4em 0 1em 0em; font-size: 1.4em !important}
div#content .related-box h2.black{border-bottom: solid 1px #27344d !important;color: #27344d !important;}
div#content .related-box p {padding: 0; float:left; max-width: 184px;  }/*width: 200px*//*width: 182px;margin-top: 8px */
div#content .related-box p.limited{width: 184px;}
div#content .related-box fieldset p{margin-top: 0px; margin-bottom: 1em}

div#content .related-box label {float: left;position: relative;top: 3px;width: 65px;cursor:default;}
div#content .related-box select {font-size: 1em;width: 100px;float:left;}
div#content .related-box .btnGo {margin-left: 4px;position: relative;top: 4px;}
div#content .related-box .distleft{margin-left: 6px}
div#content .related-box #image {float: right;background: transparent url( "gfx/leftmenu_contact_image-bg.gif" ) no-repeat 0 0;
                         	height: 92px;position: relative;left: 8px;padding: 10px 10px 0;}
div#content .related-box input, div#content .related-box select, div#content .related-box textarea{width:100px;}
div#content .related-box .full{float: left; clear: left; padding-bottom: 4px; width: 170px}	
div#content .related-box .errormsg{}
div#content .related-box .right{padding-right: 10px}
div#content div.related-box #RecommendField{float:left}
div#content div.related-box .left{margin-top: 10px}
	/* RIGHT RELATED
	*******************************/
	div#content .related-box {float: left;width: 214px;padding-bottom:10px !important;}/*margin-bottom: 10px;*/
	
	div#content .related-box .top {background: transparent url( "gfx/related-box-bg-top.gif" ) no-repeat 0 0;float: left;
                                          	height: 5px;overflow-y: hidden;width: 216px;}
	div#content .related-box .mid {background: transparent url( "gfx/related-box-bg-mid.gif" ) repeat-y 0 0;float: left;
                                          	width: 210px;padding: 5px 10px 10px 13px;}
	div#content .related-box .bottom {background: transparent url( "gfx/related-box-bg-bottom.gif" ) no-repeat 0 0;
                                             	float: left;height: 5px;width: 216px;}
    div#content  .info, div#content #info {float: left;overflow-x: hidden;width: 100px;}
	div#content  .image {float: right;background: transparent url( "gfx/leftmenu_contact_image-bg.gif" ) no-repeat 0 0;
                               	height: 92px;position: relative;left: 0;padding: 10px 10px 0;width: 86px}
                               	/*padding: 0px 0 15px 15px*/
	div#content  .nobg	{background: transparent none; }
	#about-us{line-height:1em !important; float: left}
	#about-us h2{line-height:1.1em !important;}
	
	
	/** Recommend **/
	#content div.recommendbox{float: left; width: 210px; padding-bottom:10px !important;position:relative;}
		div.recommendbox div.top{display:none;}
		#content div.recommendbox div.image{float:none;position:absolute;right:-12px;left:auto;}
		div.recommendbox.empty{width: 210px; clear: left; margin-top: 5px}
		div.recommendbox h2{border: none; padding-bottom: 0.2em !important; margin-bottom: 0.2em !important}
		div.recommendbox div{float:left; padding: 13px 15px 0 11px; width: 184px; }
		div.recommendbox div.wrap{padding: 0; width: 100%}
		div.recommendbox div.box-top-grey{background:  url("gfx/bg-box-top-grey.gif") no-repeat 0 0; }
		div.recommendbox div.box-top-blue{background:  url("gfx/bg-box-top-blue.gif") no-repeat 0 0; }
		div.recommendbox div.box-top-meeting{background:  url("gfx/bg-recommendbox-withPeople-top.gif") no-repeat 0 0; padding-top: 150px; }
		div.recommendbox div.box-top-meeting p.more-link span.closesubmit{float: right; background-position: 0px 3px}
		div.recommendbox div div{margin: 0; padding: 0}
		div.recommendbox div div.buttonwrap2{float: right; width:auto;}
		div.recommendbox div div.buttonwrap2 a {float: left;}
		div.recommendbox div div.buttonwrap2 span {float: left; margin-top: 3px;}
	
	div.left div p.more-link{width: 174px; }
		div.left div p.more-link span.closesubmit{float: right !important; background-position: 0px 3px}
		div.left div p.more-link a{float: right !important}
		
	div.recommendbox div.empty, div.recommendbox div.empty div{background: none; padding: 0; width: auto}
	div.empty h2{border-bottom: solid 1px #A8DAF3;}
	div.ning h2{background: transparent url("gfx/bg-people.png") no-repeat 0 0; padding-left: 53px; padding-top: 8px; width:146px}
	div.recommendbox div.empty a{float: none; text-decoration: none}
	div.recommendbox label,div.recommendbox input{color: #02487C;float: left}
	div.recommendbox input.submit{height: 18px;background: transparent url( "gfx/bg-button-blue-left.png" ) no-repeat 0px 0px; padding: 0px 10px 0px 10px !important;}
	div.recommendbox span.closesubmit{background: transparent url( "gfx/bg-button-blue-right.png" ) no-repeat 0 0px; }
	div.recommendbox button {float: left;	background: transparent url( "gfx/ico-button-right.png" ) no-repeat 0 0 !important; margin: -6px 0 0 0 !important; height: 27px !important;width: 27px !important}
	div.recommendbox label{border: none; }
	div.recommendbox input{clear:left;border: solid 1px silver; border-top: solid 1px #333;border-left: solid 1px #333; width: 60%}
	div.recommendbox input.searchext{width: 172px}
	div.recommendbox a{  float:right;padding: 3px}
	div.recommendbox .full{width: 170px;}
	div.recommendbox input.full{width: 170px;}
	div.recommendbox fieldset.search{width: 184px !important}
	div.recommendbox fieldset.search label{width: 90%}
	div.recommendbox input.search{background: transparent url( "gfx/bg-textfield.png" ) no-repeat;border: none;float: left;height: 15px;overflow: hidden;width: 144px;padding: 1px 6px 3px;}
	div.recommendbox input.searchbtn, div#rating-control input.searchbtn{background: transparent url( "gfx/buttonl.gif" ) no-repeat 0 0;float: left;height: 19px;margin: 0 0 0 6px;width: 19px; clear: none; border: none}
	div#rating-control input.searchbtn{margin:10px 0 0 6px}
	#RecommendFieldWantMore div.qwerty { padding: 5px 0;  clear: left !important; float: none;}
	div.recommendbox p { float: left; }
	/*div.related-box input{padding: 1px 6px !important}*/
	/*div.recommendbox #RecommendField input, div.recommendbox #LoginFieldset input {width:90% !important;}
	div.recommendbox #RecommendField input.submit, div.recommendbox #LoginFieldset input.submit {margin-top:10px;width:auto !important;}
	div.recommendbox #RecommendField .closesubmit, div.recommendbox #LoginFieldset .closesubmit{margin-top:10px;}


	div.recommendbox #RecommendFieldWantMore input{width:55% !important;}
	div.recommendbox #RecommendFieldWantMore input.submit {width:auto !important;}*/

	/*div.recommendbox input.submit{background: transparent url( "gfx/bg-button-blue-left.gif" ) no-repeat 0 2px; border: none;clear: none !important; 
	color: White; margin-left: 3px; position: static !important; left: 0 !important; width: auto !important; float: left; height: 18px; padding-left: 2px}
	div.recommendbox span.closesubmit{background: transparent url( "gfx/bg-button-blue-right.gif" ) no-repeat 0 2px; float: left; width: 16px; height: 18px; margin-left: -2px}*/
	div.recommendbox p.msg{font-weight: 700; padding: 1.5em 0 !important; width: 100%}
	div.recommendbox span{float: left;	}

	div.wantmore h2, div.recommendbox.rssreader h2{border-bottom: solid 1px #A8DAF3; padding-bottom: 0.3em !important}
	div.recommendbox.rssreader.wantmore{padding-left: 0px}
	/** Core **/
	div.box-bottom, div.box-bottom-blue, div.box-bottom-grey{clear:both;float: left; padding: 0 !important;height: 15px;width: 100% !important;}
	div.box-bottom-grey{background: url("gfx/bg-box-bottom-grey.gif") no-repeat 0 0 !important; }
	div.box-bottom-blue{background: url("gfx/bg-box-bottom-blue.gif") no-repeat 0 0 !important; }

	/*Lost password box*/
	div.recommendbox div.box-top-blue div.remove{padding: 0 !important; clear: left}
	div.recommendbox fieldset.lostpasswordwrap{border-top: solid 1px #ccc;border-bottom: solid 1px #ccc; float: left; clear: left; width: 100%}
	div.recommendbox div#lostpwd{display: none; padding: 0 !important}
	div.recommendbox div#lostpwd.show{display: block !important}
	
    /* LEFT RELATED
	*******************************/
	
	div#content .left .image{float:left !important; left: -25px !important}
	div#content .left .info{position:relative; left: -20px; top: 20px; width: 86px !important; overflow: hidden}
	div#content .left .top {background: transparent url( "gfx/leftmenu_contact-top.gif") no-repeat 0 0 !important;}
	div#content .left .mid {background: transparent url( "gfx/leftmenu_contact-mid.gif") repeat-y 0 0 !important;
	                        width: 196px !important;padding:0 0 0 15px !important;}
	div#content .left .bottom {background: transparent url( "gfx/leftmenu_contact-bottom.gif") no-repeat 0 0 !important;}
	div#content .left p{padding: 0 !important}
	div#content .left .separator{width: 184px}
	div#content .left textarea{border-right:1px solid #C3C3C3;border-top:1px solid #898E93;clear:both;float:left;font-size:1em;margin-top:6px;width:177px;}

/** PRODUCT LISTING
***********************************/
div#content #items {float:left;margin:25px 0; width: 100%}
div#content #items .item {float:left;height:170px;margin-right:14px;width:95px;}
div#content #items .item p{text-align: center}
div#content #project .productintro{border-bottom:1px solid #33A8E4;float:left;}
div#content #project .productitem{border-bottom:1px solid #33A8E4;float:left;}
div#content #project .productitem img{border:2px solid #33A8E4 !important;float:left;margin:0 15px 15px 0;width:180px;}
div#content #project .productitem h3{clear:both;color:#33A8E4;font-size:1.4em;font-weight:700;margin:1em 0;}
div#content div.column h2{font-size:0.9em !important;font-weight:bold;margin-bottom:0.3em !important;}
div#content div.column img.pcimg{background: transparent url(gfx/bg-pcimg.gif) no-repeat 0 0; float: left; margin-right: 4px; padding: 8px; width: 83px}
div#content div.column a.morelink{background: transparent url(gfx/arrow-right.gif) no-repeat scroll 3px 10px; float: left; 
                                  clear: left; padding: 6px 0 0 14px;}

/** GOOGLE MAPS
***********************************/

#googlemapwrapper{background: #EEEEEF url() no-repeat 0 0; clear:both;padding:5px;position:relative;
                  border-top:1px solid #B8BCBF;
                  border-left:1px solid #B8BCBF;
                  border-right:2px solid #B8BCBF;
                  border-bottom:2px solid #B8BCBF;}
.wrapper-medium, .wrapper-large{width:650px;}
.wrapper-tiny{width: 340px}
.googlemaplarge {height: 480px; width: 650px }
.googlemapmedium {height: 300px; width: 650px }
.googlemaptiny{height:300px;overflow:hidden;width:340px;}
#googlemapwrapper .loader{position:absolute;right:10px;top:10px;}

/*#### Map Control
*******************************/
div#controlcanvas{margin:0;position:absolute;top:15px;left:15px;width:79px;height:79px;z-index:100;}
div#controlcanvas a{color:#fff;}
div#controlcanvas .up {background-image:url(gfx/controls.png);background-position:50% -83px;background-repeat:no-repeat;display:block;height:26px;width:79px;}
div#controlcanvas .up:hover{background-position:50% -4px;}
div#controlcanvas .left {background-image:url(gfx/controls.png);background-position: -11px -109px;background-repeat:no-repeat;display:block;float:left;height:23px;width:27px;}
div#controlcanvas .left:hover{background-position:-11px -30px;}
div#controlcanvas .center {background-image:url(gfx/controls.png);background-position:-38px -109px;background-repeat:no-repeat;display:block;float:left;height:23px;width:23px;}
div#controlcanvas .center:hover{background-position:-38px -30px;}
div#controlcanvas .right {background-image:url(gfx/controls.png);background-position:-61px -109px;background-repeat:no-repeat;display:block;float:left;height:23px;width:29px;}
div#controlcanvas .right:hover{background-position:-61px -30px;}
div#controlcanvas .down {background-image:url(gfx/controls.png);background-position:50% -132px;background-repeat:no-repeat;display:block;float:left;height:30px;width:79px;}
div#controlcanvas .down:hover{background-position:50% -53px;}

/*#### Map Slider Control
*******************************/
div#zoomcontrolcanvas{margin:0;position:absolute;top:95px;left:40px;width:29px;z-index:100;}
div#zoomcontrolcanvas a{color:#fff;}
div#zoomcontrolcanvas a{background-image:url(gfx/controls-zoom.png);background-repeat:no-repeat;display:block;height:31px;width:29px;}
div#zoomcontrolcanvas a.zoomIn{background-position:0 0;}
div#zoomcontrolcanvas a.zoomIn:hover{background-position:0 -100px;}
div#zoomcontrolcanvas a.zoomOut{background-position:0 -31px;}
div#zoomcontrolcanvas a.zoomOut:hover{background-position:0 -131px;}

/*#### Google specific
*******************************/
.gmnoprint a {font-size:10pt;}
#iw_kml em{font-size:x-small}
#iw_kml div{}/*float: left;*/
#iw_kml div h3{float: left;width: 100%; clear: both; margin-top: 0px}
#iw_kml hr{position: static; display: block; left: 0; clear: both}
#iw_kml div img, #iw_kml div div{padding: 5px; }/*clear: both;float: left; */

div.countryselector{float: right; margin-bottom: 10px}
div.countryselector select{margin-right: 10px}
ul#suggestions{width: 250px; position: absolute; height: 300px; overflow:scroll}
ul#suggestions .suggestionlistitem{border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc}
ul#suggestions #suggestionlistitem{border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc}
div.recommendbox .searchext{width: 95% !important}

div#lang {}
#lang label {color: #507192;float: left;margin: 3px 5px 0 0;}
div#lang select.langlist {float: left;font-size: 1em;margin-right: 7px;width: 82px;}
div#lang input.langBtn {float: left;margin-top: 1px;}