@import "reset.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 0.75em/1.5em Arial, Helvetica, Sans-serif; color: #000; background: #121e4b;}

h1										{font: normal 3.1818em/1em Arial, Helvetica, Sans-serif; margin: 0 0 0.2em; color: #5c5c5c;}
h2										{font: normal 1.4545em/1.5em Arial, Helvetica, Sans-serif; margin: 0.2em 0 0.3em; color: #121e4b;}
h3										{font: normal 1.2727em/1.5em Arial, Helvetica, Sans-serif; margin: 0.2em 0 0.2em;  color: #121e4b;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}
h2.group                                {padding-top: 15px; border-top: solid 1px #ccc; clear: both;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#masthead, div#navigation, div#footer {}
div#masthead-content, div#navigation-content, div#footer-content, div#wrapper {width: 960px; margin: 0 auto;}

div#masthead							{background-color: #fff;}
div#navigation							{background: #e6e6e6 url(../gfx/layout/navigation-bg.png) repeat-x top; height: 53px;}
div#footer								{background-color: #0c1432; margin: 20px 0 0; padding: 25px 0 35px;}

div#masthead div#logo					{width: 328px; float: left; height: 96px; overflow: hidden;}
div#masthead div#logo img				{height: 97px; margin: 0 0 -5px;}
div#masthead div#toolbar				{width: 450px; float: right; margin: 20px 0 0;}
div#masthead div#toolbar div#languages	{background: transparent url(../gfx/layout/language-bg.png) no-repeat; width: 107px; float: left; padding: 23px 0 10px 10px;}
div#masthead div#toolbar div#languages a {margin: 0 2px 0 0;}
div#masthead div#toolbar div#searcharea {background: transparent url(../gfx/layout/searcharea-bg.png) no-repeat; width: 220px; float: left; margin: 0 0 0 10px; padding: 12px 10px;}
div#masthead div#toolbar div#searcharea fieldset {position: relative;}
div#masthead div#toolbar div#searcharea label.overlabel {display: none;}
div#masthead div#toolbar div#searcharea label.overlabel-apply {color: #595959; position: absolute; top: 3px; left: 5px; z-index: 1; cursor: text; font-weight: normal; font-style: italic; font-size: 12px;}

div#wrapper								{padding: 10px; background-color: #fff; width: 940px;}
div#wrapper div#secondarynavigation		{width: 220px; float: left; margin: 0;}
div#wrapper div#content					{width: 680px; float: right; min-height: 650px;}
div#wrapper div#content.wide			{width: 940px; float: none !important;}
div#wrapper div#content.startpage		{width: 460px; float: left; min-height: 450px !important;}

div#wrapper div#content	ul.breadcrumbs	{margin: 15px 0 10px !important; padding: 0 !important; list-style: none !important;}
div#wrapper div#content	ul.breadcrumbs li {list-style: none !important; display: inline !important; color: #595959;}
div#wrapper div#content	ul.breadcrumbs li span {color: #393939;}
div#wrapper div#content	ul.breadcrumbs li a {color: #121e4b; text-decoration: none;}
div#wrapper div#content	ul.breadcrumbs li a:hover {text-decoration: underline;}

div#wrapper div#content table td, div#wrapper div#content table th {vertical-align: top !important;}
div#wrapper div#content	p				{margin: 0 0 1em;}
div#wrapper div#content	a				{color: #121e4b; text-decoration: underline;}
div#wrapper div#content	a:hover			{text-decoration: none;}

div#content ul, div#content ol			{padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content	ul li		{list-style-type: disc;}
div#content ol, div#content ol li		{list-style: decimal;}
div#content	ul li, div#content ol li	{line-height: 1.4em; margin: 0 0 0.4em;}

div.rightcontent                        {width: 450px; float: right;}

div#newslist							{padding: 10px; margin-bottom: 30px; background-color: #f8f8f8;}
div#newslist h2							{font-size: 1.6em; margin: 0 0 10px;}
div#newslist ol							{margin: 10px 0 0; border-top: solid 1px #dcdcdc;}
div#newslist ol li a					{border-bottom: solid 1px #dcdcdc; padding: 8px 0; display: block; text-decoration: none; color: #555;}
div#newslist ol li a span				{font-weight: bold; color: #121e4b; margin: 0 20px 0 0;}
div#newslist ol li a:hover				{background-color: #f3f3f3;}
div#newslist p							{margin: 0 !important; padding: 0 !important;}
div#newslist p span.date				{color: #121e4b; font-weight: bold; margin: 0 0 5px;}
div#newslist img						{float: right; margin: 0 0 0 15px;}
div#newslist h3, div#newslist h3 a		{color: #555; font-size: 19px; text-decoration: none; line-height: 1.6em !important; margin: 0 0 5px;}

/* Menu */
div#navigation-content ul li			{display: inline;}
div#navigation-content ul li a			{display: block; float: left; padding: 15px 20px 17px; font: bold 1.2727em/1em Arial, Helvetica, Sans-Serif; color: #393939; text-decoration: none;}
div#navigation-content ul li a:hover,
div#navigation-content ul li.on a		{color: #121e4b; background: transparent url(../gfx/layout/navigation-item-hover-bg.png) repeat-x top;}
div#navigation-content ul ul			{display: none !important;}

div#secondarynavigation ul				{background-color: #121e4b; padding: 0 0 10px;}
div#secondarynavigation ul li a			{display: block; color: #fff; text-decoration: none; padding: 6px 5px 6px 25px; background: transparent url(../gfx/layout/secondarymenu-item-bg.png) no-repeat left;}
div#secondarynavigation ul li.on a, div#secondarynavigation ul li a:hover {background: #060a1a url(../gfx/layout/secondarymenu-item-active-bg.png) no-repeat left;}
div#secondarynavigation div#currentpage {background-color: #121e4b; border-top: solid 7px #03050c; padding: 8px 5px 8px 11px;}
div#secondarynavigation div#currentpage span, div#secondarynavigation div#currentpage a {font-size: 1.2727em; font-weight: bold; text-decoration: none; color: #fff;}

div#secondarynavigation ul ul			{}
div#secondarynavigation ul ul li a		{background: transparent url(../gfx/layout/secondarymenu-item-bg.png) no-repeat 15px !important; padding: 6px 5px 6px 45px;}
div#secondarynavigation ul ul li a:hover, div#secondarynavigation ul ul li.on a {background: #060a1a url(../gfx/layout/secondarymenu-item-active-bg.png) no-repeat 15px !important;}

div#secondarynavigation.overheader		{margin: -41px 0 0 10px !important; z-index: 5; position: relative;}

/* Header */
div.headers								{width: 940px; height: 320px; overflow: hidden; position: relative; margin: 0 0 20px !Important;}
ul.headers, ul.headers li				{margin: 0 !important; padding: 0 !important; list-style: none !important;}
div.headers a.previous, div.headers a.next {position: absolute; display: block; width: 49px; height: 73px; top: 110px; z-index: 1000; text-indent: -9999px;} 
div.headers a.previous					{left: 0; background: transparent url(../gfx/layout/header-navigation-previous.png) no-repeat left top;}
div.headers a.next						{right: 0; background: transparent url(../gfx/layout/header-navigation-next.png) no-repeat left top;}

div.headeritem							{width: 940px; height: 320px; overflow: hidden; position: relative; z-index: 1;}
div.headeritem span.master				{position: absolute; background: transparent url(../gfx/layout/header-title-left.png) no-repeat left; padding: 7px 0 8px 17px; right: 20px; bottom: 20px;}
div.headeritem span span				{background: transparent url(../gfx/layout/header-title-right.png) no-repeat right; padding: 7px 18px 8px 0; height: 32px; position: relative;}
div.headeritem a						{color: #000; text-decoration: none !important;}
div.headeritem object					{margin: 0 0 10px;}


/* Footer */
div#footer-content						{color: #fff; position: relative;}
div#footer-content address.footer		{color: #fff; font-weight: normal !important; font-style: normal !important;}
div#footer-content address.footer.extra {margin-top: 10px;}
div#footer-content address.footer strong {display: none;}
div#footer-content address.footer span.org	{font-size: 1.1818em !important; display: block; font-weight: bold;}
div#footer-content address.footer span.tel strong,
div#footer-content address.footer span.email strong,
div#footer-content address.footer span.fax strong {display: inline;}
div#footer-content address.footer a		{color: #fff; text-decoration: underline;}
div#footer-content address.footer a:hover,
div#footer-content a:hover				{text-decoration: none;}

div#footer-content ul					{margin: 15px 0 0;}
div#footer-content ul li				{display: block;}
div#footer-content ul li a				{color: #fff;}

div#footer-content div.creditcertification {float: right; text-align: center; margin: 0 0 0; width: 450px;}
div#footer-content div.creditcertification img {background-color: #fff;  padding: 3px 5px 4px; float: right; margin: 0 0 0 3px;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

table.list-view							{width: 460px !important;}
table.list-view	h3						{width: 460px !important; margin-top: 15px !important; font-weight: bold;}
table.list-view	h3	a					{text-decoration: none !important;}
table.list-view	h2, table.list-view p	{width: auto !important;}
table.list-view	td.img					{width: 150px; vertical-align: middle; text-align: center;}
table.list-view	td.smallimg				{width: 50px; vertical-align: middle; text-align: center;}
table.list-view	td.text					{width: 350px; vertical-align: top; text-align: left;}
table.list-view	td.smalltext			{width: 200px; vertical-align: top; text-align: left;}
table.list-view	td.img,table.list-view td.text {padding-top: 5px}
table.list-view td.more					{padding-top: 5px;}
table.list-view td.preamble				{padding: 0 0 10px; border-bottom: solid 1px #f6f6f6;}
table.list-view td.date					{padding: 0 0 10px; color: #474c83;}

table.default-view						{margin: 0; width: 100%;}
table.default-view tr td				{padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;}
table.default-view tr td.last			{border-right: 0;}
table.default-view tr.odd td			{background-color: #f2f2f2;}
table.default-view tr.header th			{text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;}
table.default-view tr th				{padding: 5px 5px 5px 15px; text-align: left !important;}
table.default-view tr.list-head th		{background: #f8f8f8; border-bottom: solid 1px #fff;}
table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;}
table.default-view tr td.middle			{vertical-align: middle !important;}
table.default-view tr td.download		{width: 100px;}
table.default-view tr td.icon			{width: 10px;}

div.archive								{margin: 15px 0 0; border-top: solid 1px #f0f0f0; padding: 10px 0 0;}

div.tabarea								{background: transparent url(../gfx/layout/tab-area-bg.png) repeat-x bottom; padding: 0 0 0 10px; clear: both; margin: 15px 0 10px; height: 36px; overflow: hidden;}
div.tabarea ul#tabs						{margin: 0 !important; padding: 0 !important;}
div.tabarea ul#tabs li					{display: inline-block; background: #fff url(../gfx/layout/tab-item-left.png) no-repeat left top; padding: 0 0 0 12px; margin: 0 !important; list-style: none !important;}
div.tabarea ul#tabs li a				{display: block; float: left; background: #fff url(../gfx/layout/tab-item-right.png) no-repeat right top; padding: 10px 13px 9px 0; text-decoration: none !important;}
div.tabarea ul#tabs li.ui-tabs-selected	{background: #fff url(../gfx/layout/tab-item-left-selected.png) no-repeat left top;}
div.tabarea ul#tabs li.ui-tabs-selected a {background: #fff url(../gfx/layout/tab-item-right-selected.png) no-repeat right top; padding: 8px 13px 11px 0;}
div.tab-content							{clear: both; padding: 10px;}
.ui-tabs-hide							{display: none;}

div.productimage						{background-color: #eee; padding: 10px 10px 5px; overflow: hidden; float: left; margin: 10px 0;}
div.productimage img					{max-width: 400px !important; margin: 0 !important; padding: 0 !important;}

div#product-thumbs						{width: 240px; float: right; margin: 10px 0;}
div#product-thumbs a					{width: 105px; height: 105px; overflow: hidden;}
div#product-thumbs a img				{padding: 5px; background-color: #eee; width: 105px; display: inline-block;}
div#product-thumbs a:hover img			{background-color: #a5a5a5;}

/* PROJECT */
.cr, .cl								{float: left; width: 260px; overflow: hidden;}
.cl										{margin-right: 10px;}

div.company				                {width: 340px; height: 170px; margin: 0 0 20px 0; float: left; overflow: hidden; position: relative; z-index: 10;}
div.company p.more				        {position: absolute; bottom: 5px; left: 0px;}

fieldset#country						{background-color: #f0f0f0; margin: 10px 0; display: block; padding: 10px 10px 0;}
fieldset#country label					{display: inline-block; width: 80px;}
fieldset#country legend					{display: none;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/
span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px; background: none;}
ol.searchresult h3						{margin: 0 0 5px 0; font-size: 14px;}
ol.searchresult h3 a					{text-decoration: none; color: #666;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{width: 340px; height: 140px; margin: 20px 0; display: block; float: left; overflow: hidden;}
address.staff strong                    {font: normal 11px sans-serif;}
address.staff span						{margin: 0 0 3px 0; font: normal 11px sans-serif; display: block;}
address.staff span.wrapper				{width: 165px; float: left;}
address.staff span.photo				{width: 95px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 12px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px; color: #999;}
address.staff span.value				{display: inline;}
address.staff span.vcf a				{padding-left: 18px; background: url(../gfx/vcf.gif) no-repeat 0 2px;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px 0; border-bottom: solid 1px #eee;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #f0f0f0; color: #000; text-decoration: none; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #d0d0d0;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}


body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{background-color: #f0f0f0; margin: 10px 0; display: block; padding: 10px;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none !important; margin: 0 !important; padding: 0 !important;}
ul.documentlibrary li					{line-height: 20px; list-style: none !important;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}