﻿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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body
{
  line-height: 1;
}
blockquote, q
{
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: '';
  content: none;
}
del
{
  text-decoration: line-through;
}
ins
{
  text-decoration: none;
}
ol, ul
{
  list-style: none;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}

small
{
  font-size: 0.85em;
}

/* Modifiers */
a:active, :focus
{
  outline: none;
}

/* Firefox Scrollbar */
html
{
  overflow-y: scroll;
}

a:link, a:active, a:visited
{
}
a:hover
{
  text-decoration: underline;
}

a img
{
  border: none;
}

/* capitalizes all the letters of text but the size of letters following the first letter of each word is smaller than the first letter */
font-variant:small-caps; body
{
  line-height: 1;
}

input[type=submit], label, select, .pointer
{
  cursor: pointer;
}

/* Remove vertical textarea scrollbar in IE */
textarea
{
  overflow: auto;
}

/*****Site Elements*****/

html, body
{
  font: 1em Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}
body
{
  background: #e9e9e9;
}
h1
{
  font: 1.5em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0 0 0.5em;
}
h2
{
  color: #000;
  font: 1.35em Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 0.5em;
}
p
{
  margin: 0 0 1.5em;
}

em
{
  font-size: 0.9em;
  font-style: italic;
}

hr
{
  border: 0;
  border-top: 1px solid #e9e9e9;
  margin: 10px 0 20px;
}


/*****Site Classes*****/

.block
{
  display: block;
}
.bold
{
  font-weight: bold;
}
.border-zero
{
  border: 0 none;
}
.center
{
  margin: auto;
}
.clear-both
{
  clear: both;
}
.clear-left
{
  clear: left;
}
.clear-right
{
  clear: right;
}
.float-left
{
  float: left;
}
.float-right
{
  float: right;
}
.hidden
{
  visibility: hidden;
}
.hide
{
  display: none;
}
.inline
{
  display: inline;
}
.inline-block
{
  display: inline-block;
}
.line-height
{
  line-height: normal;
}
.middle
{
  vertical-align: middle;
}
.pad10
{
  padding: 10px;
}
.pad-sides10
{
  padding: 0 10px;
}
.text-center
{
  text-align: center;
}
.text-left
{
  text-align: left;
}
.text-right
{
  text-align: right;
}
.text-justify
{
  text-align: justify;
}
.underline
{
  text-decoration: underline;
}
.uppercase
{
  text-transform: uppercase;
}
.visible
{
  visibility: visible;
}

.width40pc
{
  width: 40%;
}

.width50pc
{
  width: 50%;
}

.width60pc
{
  width: 60%;
}

ol.bullet, ul.bullet
{
  list-style: disc inside;
}

ol.bullet li, ul.bullet li
{
  padding: 0 0 0 10px;
}

/*****Colours*****/

.blue
{
  color: #005d8b;
}
.gray
{
  color: #666;
}
.red 
{
  color: #c00;
}

/*****Site Layout*****/

#container
{
  background-color: #e9e9e9;
  margin: auto;
  position: relative;
  width: 999px;
}

/*****Site Header*****/

#header
{
  background: #005d8b url(/site/images/header.gif) no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 78px;
  width: 999px;
}

/*****Site Nav*****/

#nav
{
  background: url(/site/global/images/black70pc.png);
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: auto;
  z-index: 888;
}
#nav ul.topnav
{
  float: right;
  list-style: none;
  font-size: 0.8em;
  margin: 0;
}
#nav ul.topnav li
{
  border-right: 1px solid #fff;
  float: left;
  margin: 0;
  padding: 0 5px;
}
#nav ul.topnav li.last
{
  border-right: 0;
}
#nav ul.topnav li a
{
  color: #e9e9e9;
  display: block;
  float: left;
  text-decoration: none;
}
#nav ul.topnav li a:hover
{
  color: #fff;
  text-decoration: underline;
}

/*****Main*****/

#main
{
  background-color: #fff;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  line-height: normal;
  margin: auto;
  min-height: 200px;
  overflow: auto;
  padding: 30px 40px; /* bottom padding for footer */
  width: 929;
}

#main h2
{
  margin-left: 0px;
  padding: 0 0 10px;
}

#main h3
{
  background: #005d8b url(/site/images/header_background.jpg) repeat-x;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  height: 25px;
  margin: 0 0 5px;
  padding: 5px 0 0 5px;
  vertical-align: middle;
}

#main #left
{
  float: left;
  width: 450px;
}

#main #right
{
  float: right;
  width: 450px;
}

/*****Footer*****/

#footer
{
  background-color: #005d8b;
  width: 100%;
}

#footer span
{
  color: #fff;
  font-size: 0.8em;
  display: block;
  padding: 10px;
  text-align: right;
}

/*****Elements*****/

.article
{
  overflow: auto;
  width: 100%;
}
.article a > img.product
{
  padding: 0 30px 0 0;
}

.article .description
{
  float: right;
  width: 340px;
}

.article .section
{
  overflow: auto;
  margin: 0 0 30px;
}

.back-to-top
{
  float: right;
  margin: 0 0 10px;
}

.specifications tr 
{
  border-bottom: 1px solid #ccc;
}
 
