/* =RESET */
* {
   padding: 0;
   margin: 0;
   font: 1em/1.5 normal normal Arial, Helvetica, Geneva, sans-serif;
   color: #446;
   background-color: inherit;
}


ol, ul {
   list-style: none;
}

a img {
   border: 0;
}

th, td {
   vertical-align: text-top;
   text-align: left;
}

/* =LOGO */
div#HeaderWrapper {
   border-top: 5px solid rgb(204, 0, 0);
   border-bottom: 5px solid rgb(204, 0, 0);
   background-color: white;
}

/* =COLOURS */
body {
   background-color: white;
}

a:hover, #Menu2 a:hover {
   color: #00A651;
}


div#Header {
   background-color: #9CCFE5;
}

#Navigation {
   background-color: #9CCFE5; 
}

#Navigation span {
   background-color: white;
   color: #446;
}

#Navigation a {
   background: #9CCFE5 url(/mysite/images/active.png) repeat-x;
   color: rgb(23, 71, 158);
}

#Navigation a:hover, 
#Navigation a:active,
#Navigation a:focus {
   color: #00A651;
}

#Navigation a:visited {
   background: #8cb0bf url(/mysite/images/visitedWB.png) repeat-x;
   color: rgb(70, 88, 96);
}

#Navigation a:visited:hover, #Navigation a:visited:focus {
   background: white url(/mysite/images/visitedBW.png) repeat-x;
   color: white;
}

#Menu2 a {
   color: rgb(23, 71, 158);
}

#Content p{
   color: #446;
}

#sidebarBox {
   background-color: #E4F2F8;   
}

#sidebarBox h3{
   background: white url(/mysite/images/inactive.png) repeat-x;
   color: #446;
}

#sidebarBox > ul {
   border: 1px solid #D3EAF3;
}

#Breadcrumbs {
   color: #555;
}

#Content h2 {
   color: #4E688C;
}

#Content a:hover, #Content a:active, #Content a:focus {
   color: #00A651;
}

#Content table { 
   background-color:         #ffffff;
   border-style:             dotted;
   border-color:             #9CCFE5;
   border-width:             thin;
}

.dashborder, table.dashborder {
   border-style:             dotted none none none;
   border-color:             #9CCFE5;
   border-width:             thin;
}

div#Content div#Footer p{
   color: #666;
}

#Content #CommentHolder li {
   border-bottom: 1px solid #D0D0D9;
}

#NewsList h2 a {
   color: #4e688c;
}


/* =LAYOUT */

.clear {
   clear: both;
}


th {
   width: 20%;
}

h1 a img {
   margin-right: 10px; 
   text-align: baseline;  
}

h1 {
   text-align: middle;
}


fieldset {
   border: 0;
}

label {
  float: left;
  width: 5em;
  padding-right: 1em;
  text-align: right;
  clear: left;
  margin-bottom: 1em;
}

input, textarea {
   margin-bottom: 1em;
   float: left;
}

div.Actions input {
   margin-left: 6em;
}


input + label {
   float: left;
   clear: none;
   width: 12em;
}

#Header {
   padding: 20px 0 20px 0;
}

#HeaderContent, #Navigation ul, #main {
  margin: 0 auto 0 auto;
  width: 80%;
  min-width: 20em;
  max-width: 60em;
}

#HeaderContent {
   height: 19px;
}

#HeaderContent a {
   height: 19px;
   clear: none;
}

#HeaderContent #companyName {
   float: left;
   clear: none;
}

#HeaderContent #logo {
   float: right;
   clear: none;
}


#Navigation li {
   display: inline;
}

div#Navigation a, div#Navigation span{
   display: block;
   float: left;
   display: inline;
   margin-right: 1em;
   padding: 0 1ex 0 1ex;
}

#main {
   padding-top: 1em;
   clear: left;
}

#Content {
  width: 75%;
  float: right;
  display: inline;
}

#innerContent {
   margin-left: 1em;
}


#Content img[align=left] {
   padding: 10px 10px 10px 0;
}

#Content img[align=right] {
   padding: 10px 0 10px 10px; 
}

#sidebarBox {
   float: left;
   display: inline;
   width: 25%;
}

#sidebarBox h3 {
   padding: 1ex 1ex 0 1ex;
}


#sidebarBox li {
   padding: 0.5ex 1ex 0.5ex 1ex;
}

#sidebarBox ul ul {
   margin-left: 2em;
}

div.productImage, div.smallpic {
   float: right;
   width: 160px;
   clear: right;
   margin-bottom: 1em;
}

div.productImage img {
   display: block;
   float: right;
}

div.productImage span {
   display: block;
   text-align: center;
   font-size: 62.5%;
   float: right;
   width: 150px;
}

#Content table { 
   margin-bottom:            1em;
   margin-top:               1em;
}

#Content table td, #Content table th {
   padding-left:             1ex;
   padding-right:            1ex;
}

#Footer {
   clear: both;
   margin-top: 1em;
}

#Content #CommentHolder li {
   margin: 1em 0 1em 0;
}

#Content ul#PageComments {
   margin-left: 0;
}


.right {
   float: right;
   clear: right;
   padding: 10px 0px 10px 10px;
}

.left {
   float: left;
   clear: left;
   padding: 10px 10px 10px 0;
}

.center {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

div.product {
   clear: both;
}
  
 /*
div.product img {
   float: left;
   margin: 10px 10px 10px 0px;
}
*/

div.product h2 {
   clear: none;
}

div.product p {
   padding-top: 1em;
   clear: none;
}


div.blogEntryContent {
   margin-bottom: 2em;
}

p.blogVitals {
   clear: both;
}


/* =ADDRESSES */
div.distributor, div.country, div.street {
  clear: both;
}

div.vcard, div.department {
   margin: 1em;
   overflow: auto;
}

div.adr {
   margin: 1em 0 0 0em;
   float: left;
   width: 17em;
}

h5 {
   margin: 0;
}

ul.distributor-details, ol.address {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: auto;
}

#Content ul.distributor-details li, #Content ol.address li{
   list-style-type: none;
   margin-top: 0;
}

#Content li.fn {
   float:                    left;
   width:                    17em;
} 

ul.distributor-details li.tel {
   float:                    left;
   width:                    17em;
   speak-numeral:            digits;
   display:                  inline;
}

ul.distributor-details li.email {
   float:                     left;
   width:                     17em;
   display:                   inline;
}

div.adr li.extended-address {
   float:                    none;  
}

ol.address {
   margin-left: 1em;
}

ol.address li.street-address{
   clear:                    left;
   float:                    none;  
}

ol.address li.locality {
   float:                   left;
   margin-right:            1em;
}

ol.address li.region {
   float:                   left;
   margin-right:            1em;
}

div[class~=nonWestern] ol.address li.region {
   clear:                   left;
   width:                   22em;
}

ol.address li.postal-code {
   float:                    left;  
   margin-right:             1em;
   speak-numeral:            digits;
}

ol.address li.country-name{
   clear:                    left; 
}

div.download {
   clear: both;
   padding-top: 0.5em;
}

li.tel span.type:after { content: ":"; }

ol#countryList {
   list-style-type: none;
}

ol#countryList li{ 
   display: inline;
   padding-right: 1em;
   line-height: 1.5;
}

/* =TYPOGRAPHY */

p {
   margin-bottom: 1em;
}

th {
   font-weight: bold;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

a {
   text-decoration: none;
}

a:visited {
   text-decoration: none; 
}

a:hover {
   text-decoration: none;
}

a:active {
   text-decoration: none;
}

a:focus {
   text-decoration: none;
}

#Content a, #BlogContent a{
   text-decoration: underline;
}

h2, h3, h4, h5, h6 {
   clear: left;
}

#Content h1, #BlogContent h1 {
   font-family: "Arial Black", sans-serif;
   font-size: 150%;
}


#Content h2, #Content h2 *, #BlogContent h2, #BlogContent h2 *  {
   font-family: "Arial", sans-serif;
   font-weight: bold;
}

#Content h2, #BlogContent h2 {
   font-size: 150%;
}

ul + h2, p + h2 {
   margin-top: 1em;
}

#Content h3, #Content h3 *, #BlogContent h3, #BlogContent h3 * {
   font-family: "Arial Black", sans-serif;
   font-weight: normal;
}

#Content h3 a, #BlogContent h3 a {
   font-weight: normal;
}

ul + h3, p + h3 {
   margin-top: 1em;
}

#Content h4, #Content h4 *, #BlogContent h4, #BlogContent h4 *  {
   font-weight: bold;
}

ul + h4, p + h4, ul + p {
   margin-top: 1em;
}

#Content ul {
   margin-left: 1em;
    list-style-type: disc;
}

#Content li {
   list-style-type: disc;
   margin-top: 1em;
}

div.blogEntry ol li {
   list-style-type: decimal;
   margin-top: 1em;
}

div.blogEntry ul li {
   list-style-type: disc;
   margin: 0 0 0 1em;
}

div#Content ul, div#Content ol, div.blogEntry ul, div.blogEntry ol {
   margin-bottom: 1em;
}

#Content ol {
   margin-left: 1em;
    list-style-type: decimal;
}

#Menu2 a:hover {
   text-decoration: underline;
}

#Menu2, #Menu2 a {
   font-weight: bold;
}

#Navigation span, #Navigation a, #Navigation a:hover, #Menu2 a  {
   font-weight: bold;
}

#sidebarBox {
   font-size: 85%;
}

#sidebarBox h3{
   font-weight: bold;
   font-size: 125%;
}

#sidebarBox li.current, #sidebarBox li.current span {
   font-weight: bold;
}

#Breadcrumbs, #sidebarBox ul ul, #Footer, #CommentsRSSFeed, p.info {
   font-size: 62.5%;
}

#Content #CommentHolder ul, #Content #CommentHolder li  {
   list-style-type: none;
}


#NewsList h2 a {
   float: left;
   padding-right: 3em;
   vertical-align: baseline;
}

#NewsList p.newsDateTitle {   
   padding-top: 0.5em;
}