﻿@charset "UTF-8";
/*---------------------
  Brand colours 
  Orange #fd8D2f
  Blue #233054
---------------------*/
/* Common stuff */
* {
  margin:0;
  padding:0;
  }
html {
  height:100%;
  }  
body {
  background:url(Gfx/worldmap-top.jpg) center top repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.clearfix {
  clear:both;
  }
img {
  border:0;
  }
/* Typography */
a {
  color:#fd8D2f;
  text-decoration:none;
}
a:hover {
  border:none;
}
h1 {
  font-size:23px;
  color:#fd8D2f;
  line-height:35px;
  }
h2 {
  font-size:17px;
  color:#233054;
  }  
h3 {
  font-weight:normal;
  display:inline;
  font-size:30px;
  color:#FFF;
  }
h4 {
  font-weight:normal;
  font-size:17px;
  color:#233054;
  }  
.dashes {
  font-size:36px;
  color:#fd8D2f;
  } 
.productheader {
  font-size:30px;
  color:#fff;
  border-bottom:3px solid #fff;
  margin:0 0 10px 0;
}
/* Menues and Navigation */
#navigation {
  margin:52px 0 0 15px;
  float:right;
  height:35px;
  border-left:1px solid #a6a8aa;
  }
#navigation ul li {
  padding:10px 26px 0 26px; 
  height:25px;
  float:left;
  list-style:none;
  border-right:1px solid #a6a8aa;
  }
#navigation li a {
  font-size:16px;
  text-decoration:none;
  color:#333;
  font-weight:normal;
  }
#navigation li a:hover {
  border-bottom:7px solid #fd8D2f;
  }
#productnav{
  width:100%;
  position:absolute;
  z-index:900;
  top:88px;
  left:0;
  background: none repeat scroll 0 0 rgba(35, 48, 84, 0.9);
}
#productwrap {
  color:#fd8D2f;
  width:920px;
  margin:0 auto;
}
#productwrap li a{
  color:#fff;
  padding-left:15px;
  background-image: url(Gfx/arrow.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
#productwrap li a:hover {
  border:none;
  color:#fd8D2f;
}
#productwrap ul li {
  border:none;
  padding:10px 26px 0 26px;
  height:25px;
  float:left;
  list-style:none;
  }
#subproductnav {
  margin:42px 0 0 0;
  padding:10px;
  background: none repeat scroll 0 0 rgba(35, 48, 84, 0.9);
  float:right;
  width:270px;
  height:190px;
}
#subnav li a{
  font-size:16px;
  font-weight:bold;
  color:#fd8D2f;
  padding:0px 0 0 15px;
  background-image: url(Gfx/arrow.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
#subnav li a:hover{
  font-size:16px;
  font-weight:bold;
  color:#FFF;
  padding:0px 0 0 15px;
  background-image: url(Gfx/arrow.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
#subnav li {
  padding:2px 0 2px 0;
  list-style:none;
  border-bottom:1px dashed #fff;
}
#kosmos a {
  color:#ececec;
}
/* Page Layout */
#wrapper {
  background:url(Gfx/menu-xbg.png) repeat-x top;
  margin:0 auto;
  }
#container {
  margin:0 auto;
  width:920px;
  }  
#logo {
  float:left;
  width:180px;
  padding:18px 0 0 0;
  margin:0;
  height:70px;
  }
#imagecanvas {
  float:left;
  margin:10px 0 10px 0;
  width:920px;
  height:245px;
  }
#smallcanvas {
  float:left;
  margin:10px 0 10px 0;
  width:615px;
  height:245px;
  }
#productcanvas {
  padding:32px 0 0 0;
  width:615px;
  height:220px;
  }
.canvascaption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  top:244px;
  line-height: 1.33;
  padding: 5px 20px 10px;
  text-shadow: none;
  width: 300px;
  height:94px;
  position:absolute;
  z-index: 600;
}
#legend {
  margin:10px 0 0 0;
  float:left;
  }  
#content {
  float:left;
  margin:10px 0 0 0;
  padding:15px 0 0 0;
  border-top:8px solid #233054;
  width:920px;  
  }
#article {
  float:left;
  width:620px;
  margin:0 0 15px 0;
  }
#articlefull {
  float:left;
  width:920px;
  margin:0 0 15px 0;
  }
#article li {
  font-size:12px;
  padding:0 0 0 15px;
  background-image: url(Gfx/arrow.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
#newsdetails li {
  font-size:12px;
  padding:0 0 0 15px;
  background-image: url(Gfx/arrow.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
#rightbox {
  width:280px;
  float:right;
  }
.rightboxheader {
  padding:5px 10px;  
  height:40px;
  background:#233054;
  }
.rightboxcontent {
  margin:10px 0 10px 0;
  padding: 0 0 10px 0;
  width:280px;
  }
.rightboxcontent li{
  line-height:20px;
  padding-left:15px;
  background-image: url(Gfx/bullet.png);
  background-repeat: no-repeat;
  background-position:0;
  list-style:none;
}
.frontpagebox {
  float:left;
  margin:0 10px 10px 0;
  background:url(Gfx/frontpagebox.gif) top left no-repeat;
  width:280px;
  height:150px;
  padding:10px;
  font-size:13px;
  }  
#wrapfooter {
  margin:0 auto;
  background:url(Gfx/footer-xtop.png) repeat-x top;
  width:920px;
  height:75px;
  float:left;
  }  
#footer {
  margin:20px 0 0 0;
  float:left;
  width:600px;
  }
#kosmos {
  margin:20px 0 0 0;
  float:right;
  width:150px;
  text-align:right;
  }
.labelname {
  margin:0 0 5px 0;
  font-weight:bold;
}
option {
  width:200px;
}
input {
  width:250px;
  height:20px;
  border:1px dotted #233543;
}
textarea {
  width:250px;
  border:1px dotted #233543;
  height:75px;
}
#defaultform td {
  width:300px;
}
td {
vertical-align:top;
}
/* News */
.readmore a {
  border-bottom:1px dotted #fd8D2f;
}
.newswrap {
  padding:5px 0 0 0;
}
.newslistitem {
  margin:0 0 20px 0;
  padding-bottom:13px;
  border-bottom:1px dotted #333;
}
.newsboxlisting {
  float:left;
  width:445px;
  margin:0 10px 0 5px;
}
.newsboxheader {
  padding:5px 10px;  
  height:40px;
  margin:0 0 10px 0;
  background:#233054;
  }
.newsimage {
  float:right;
  margin:0 0 20px 20px;
}
/* News Ending */
