/*
---------------------------------------------
 
File :       /css/style.css
Title :      MV Diagnostics General CSS File
Author :     Derek Smith, adamantean ltd.
URL :        http://www.adamantean.com
 
Created :    05/10/2009 DSAD
 
---------------------------------------------
*/
 
 
/* General */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #323D40;
  background: #EBEBEB;
  background-image: url('/images/bodybg.gif');
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
}

a {
  font-family: Arial, Helvetica, sans-serif;
  color: #151A49;
  text-decoration: underline
}

a:active,
a:visited,
a:hover {
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
}

h1 {
  color: #72C3FC;
  font-size: 38px;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  padding-left: 18px;
  margin: 28px 0 0 20px;
}

h2 {
  color: #0061A6;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}

h3 {
  font-size: 12px;
  margin-bottom: 0px;
}

h4 {
  font-size: 12px;
  color: #CC1E37;
  margin-bottom: 0px;
}

p {
  margin: 10px 0;
}

.paddingleft1 {
  padding-left: 15px;
}

div#headerwrapper, div#menuwrapper, div#contentheaderwrapper, div#contentwrapper, div#footerwrapper {
  width: 100%;
  overflow: hidden;
}

div#header, div#menu, div#contentheader, div#content, div#footer {
  width: 890px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div#headerwrapper {
}

div#header {
  height: 190px;
  overflow: hidden;
  padding: 0 5px;
}

div#logo {
  float: left;
  display: inline;
}

img#logo {
  margin: 0 0 0 0;
}

img#headerbanner {
  float: left;
  margin-top: 5px;
}

div#menuwrapper {
  height: 49px;
}

div#menu {
}

div#menu ul {
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

div#menu ul {
}

div#menu a {
}

div#menu ul li {
  display: inline;
  list-style-type: none;
  margin: 0px 1px;
  vertical-align: top;
}

div#menu ul li a {
  font-size: 12px;
  color: #000868;
}

div#menu ul li a span {
}

div#menu ul a:hover, div#menu ul a:active, div#menu ul a.menuselected {
}

div#menu ul a:hover span, div#menu ul a:active span, div#menu ul a.menuselected span {
}

div#contentwrapper {
}

div#content {
  color: #323D40;
  background-repeat: no-repeat;
  padding: 0;
}

div.content1 {
  margin-top: 20px;
}

div.content2 {
}

div#content ul {
  margin: 0;
  padding: 0;
}

div#content ul li {
  padding-left: 0px;
  margin-left: 26px;
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}

div.boxwrapper {
  overflow: hidden;
  background-repeat: repeat-y;
}

div#box1, div#box3 {
  height: 460px;
  overflow: hidden;
}

div#box2, div#box4 {
  height: 185px;
}

div#box5 {
}

div#box1wrapper, div#box2wrapper {
  width: 305px;
  float: left;
  clear: left;
}

div#box3wrapper, div#box4wrapper {
  width: 580px;
  float: right;
  clear: right;
}

div#box1wrapper {
  background-image: url("/images/box1bg.gif");
}

div#box1 {
  background-image: url("/images/box1bgbottom.gif");
  background-position: bottom;
  background-repeat: no-repeat;
}

div#box2wrapper {
  color: #ffffff;
  background-image: url("/images/box2bg.gif");
}

div#box2 {
  background-image: url("/images/box2bgbottom.gif");
  background-position: bottom;
  background-repeat: no-repeat;
}

div#box3wrapper {
  background-image: url("/images/box3bg.gif");
}

div#box3 {
  background-image: url("/images/box3bgbottom.gif");
  background-position: bottom;
  background-repeat: no-repeat;
}

div#box4wrapper {
  background-image: url("/images/box4bg.gif");
}

div#box4 {
  background-image: url("/images/box4bgbottom.gif");
  background-position: bottom;
  background-repeat: no-repeat;
}

div#box5wrapper {
  background-image: url("/images/box5bg.gif");
}

div#box5 {
  background-image: url("/images/box5bgbottom.gif");
  background-position: bottom;
  background-repeat: no-repeat;
}

div#box1content, div#box2content, div#box3content, div#box4content, div#box5content {
  padding: 10px 30px;
}

div#box1content {
  background-image: url("/images/box1bgcontent.gif");
  background-position: top;
  background-repeat: no-repeat;
}

div#box3content {
  background-image: url("/images/box3bgcontent.gif");
  background-position: top;
  background-repeat: no-repeat;
}

div#box5header {
  height: 45px;
  overflow: hidden;
  background-image: url("/images/box5bgheader.gif");
  background-position: top;
  background-repeat: no-repeat;
}

div#box5header img {
  padding: 10px 23px;
}

div#box5content {
  background-image: url("/images/box5bgcontent.gif");
  background-position: top;
  background-repeat: no-repeat;
}

img.contentimage {
  float: right;
  margin: 0px 0px 10px 10px;
  border: 1px solid #C8CED2;
  padding: 4px;
}

img.contentimage2 {
  float: left;
  margin: 10px 10px 10px 0px;
}

strong.subtitle {
  font-size: 12px;
}

table.datatable {
  width: 100%;
}

table.datatable, table.datatable td, table.datatable th {
  border: 1px solid #000000;
  border-collapse: collapse;
}

table.datatable th {
  font-style: italic;
}

table.datatable td, table.datatable th {
  padding: 2px 4px;
}

span.button1, span.button2, span.button3, span.button4, span.button5 {
  padding: 5px 0 6px 0;
  background-repeat: no-repeat;
  background-position: left;
}

span.button1 a, span.button2 a, span.button3 a, span.button4 a, span.button5 a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 25px 6px 17px;
  background-repeat: no-repeat;
  background-position: right;
}

span.button4 a {
  padding: 5px 17px 6px 25px;
}

span.button1 a:hover, span.button2 a:hover, span.button3 a:hover, span.button4 a:hover, span.button5 a:hover {
  color: #9EBBD7;
}

span.button1 a:visited, span.button2 a:visited, span.button3 a:visited, span.button4 a:visited, span.button5 a:visited {
  color: #ffffff;
}

span.button1 {
  background-image: url("/images/button1left.gif");
}

span.button1 a {
  background-image: url("/images/button1right.gif");
}

span.button2 {
  background-image: url("/images/button2left.gif");
}

span.button2 a {
  background-image: url("/images/button2right.gif");
}

span.button3 {
  background-image: url("/images/button3left.gif");
}

span.button3 a {
  background-image: url("/images/button3right.gif");
}

span.button4 {
  background-image: url("/images/button4left.gif");
}

span.button4 a {
  background-image: url("/images/button4right.gif");
}

span.button5 {
  background-image: url("/images/button5left.gif");
}

span.button5 a {
  background-image: url("/images/button5right.gif");
}

div.padding1 {
  padding: 7px 20px 0 20px;
  margin: 0;
  overflow: hidden;
}

div.padding2 {
  padding: 0 10px 0 10px;
}

div.pageheading {
  background: #5A72B1;
  background-image: url("/images/pageheadingbgleft.gif");
  background-repeat: no-repeat;
  background-position: top left;
}

div.pageheading div {
  height: 35px;
  overflow: hidden;
  background-image: url("/images/pageheadingbgright.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

div.pageheading img {
  padding: 4px 0 0 15px;
}

div.boxheading {
  background-image: url("/images/boxheadingbgleft.gif");
}

div.boxheading div {
  background-image: url("/images/boxheadingbgright.gif");
}

div.boxheading img {
  padding-left: 8px;
}

div.tabletitle {
  height: 40px;
  overflow: hidden;
  clear: both;
  background: #5B73B2;
  background-image: url("/images/tabletitlebg.gif");
  background-repeat: no-repeat;
}

div.tabletitle h3 {
  color: #ffffff;
  margin: 0;
  padding: 12px 0 0 34px;
}

img.companylogo {
  margin-top: 16px;
}

div#frontbox2footer {
  height: 186px;
  background-image: url("/images/frontbox2footerbg.gif");
  background-repeat: repeat-x;
}

div#frontbox3 {
  float: left;
  clear: left;
  width: 330px;
  padding-top: 6px;
  background-image: url("/images/frontbox3bg.gif");
  background-repeat: repeat-x;
}

div#frontbox3content {
  padding-right: 10px;
  padding-left: 10px;
}

div#frontbox3content div.lineup {
  width: 310px;
}

div#innerbox {
  width: 670px;
  background: #BBEBFF;
  background-image: url("/images/innerboxbg.gif");
  background-repeat: repeat-x;
  overflow: hidden;
}

p.title {
  font-size: 14px;
  color: #ffffff;
}

div#innerboxbottom {
  height: 286px;
  background-image: url("/images/frontbox3bg.gif");
  background-repeat: repeat-x;
}

img.photo {
  border: 1px;
  margin: 10px;
}

img.photo2 {
  border: 5px solid #ffffff;;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.photo3 { 
  float: left;
  border: 2px solid #ffffff;;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.photo4 {
  float: left;
  border: 5px solid #ffffff;;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.images {
  float: left;
  width: 246px;
}

div#leftcolumn {
  float: left;
  display: inline;
  width: 255px;
  overflow: hidden;
}

div#rightcolumn {
  float: right;
  display: inline;
  width: 626px;
}

img {
  margin: 0px;
  padding: 0px;
}

div#contentfooter {
  background-image: url("/images/contentfooterbg.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 90px;
}

div.pagination {
  float: right;
  display: inline;
  width: 220px;
  margin-bottom: 10px;
}

div.pagination a,
div.pagination a:active,
div.pagination a:visited {
  text-decoration: none;
}

div.pagination a:hover {
  text-decoration: underline;
}

span.newstitle {
  font-weight: bold;
}

span.newsdate {
  font-size: 0.9em;
}

div.error {
  color: #ffffff;
  font-weight: bold;
  background: #f20000;
  padding: 5px;
  margin: 10px;
}

p.error a {
  color: #ffffff;
}

div.hr1 {
  clear: both;
  height: 2px;
  overflow: hidden;
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
}

hr {
  clear: both;
  height: 2px;
  border: none;
  border-top: 1px solid #E3E6EA;
  border-bottom: 1px solid #B9BBC9;
  margin-top: 10px;
  margin-bottom: 10px;
}

hr.hr1 {
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
}

a.linksize1 {
  font-size: 11px;
}

a.link1, a.link2, a.link3 {
  font-weight: bold;
  padding-left: 11px;
  background-image: url("/images/arrow-blue.gif");
  background-repeat: no-repeat;
  background-position: left 4px;
}

a.link1:hover, a.link2:hover {
  background-position: 1px 4px;
}

a.link2 {
  color: #ffffff;
  background-image: url("/images/arrow-white.gif");
}

a.link3 {
  background: none;
  padding-left: 0px;
}
 
form.quick {
  display: inline;
}

form br {
  clear: left;
}

form input, form select, form textarea {
  color: #151A49;
  margin-left: 10px;
  border: 1px solid #610A2D;
}

form.quick input, form.quick select {
  margin-left: 0;
}

form input.image {
  border: none;
}

div.formlabel {
  padding-top: 4px;
  float: left;
  width: 150px;
  text-align: right;
}

div.formlabel2 {
  width: 68px;
  text-align: left;
}

div.formdata {
  padding-top: 4px;
  float: left;
  margin-left: 10px;
}

div.cleardiv {
  float: none;
  clear: both;
  height: 0px;
  overflow: hidden;
}

div#footerwrapper {
}

div#footer {
  font-size: 12px;
  text-align: center;
  color: #005167;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 100px;
}

div#footer a {
  font-size: 12px;
  color: #005167;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#footermenu {
  padding-bottom: 4px;
}

div#footermenu a {
  font-size: 12px;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
}

div#koder {
}

div#copyright {
  padding-top: 10px;
}

div.clear {
  clear: both;
}

div.clear2 {
  width: 563px;
  height: 1px;
  overflow: hidden;
  clear: both;
  margin-left: 1px;
}

div.clearleft {
  clear: left;
}

div.clearright {
  clear: right;
}

div.spacer {
  font-size: 1px;
  height: 1px;
  overflow: hidden;
}

div.spacer1 {
  height: 10px;
}

div.spacer2 {
  height: 103px;
}

div.spacer3 {
  height: 3px;
}

div.spacer4 {
  margin-top: 12px;
  margin-bottom: 12px;
}

div.spacer5 {
  height: 18px;
}

a.backbutton {
  padding-left: 16px;
  background-image: url("/images/arrow-blue-back.gif");
  background-repeat: no-repeat;
  background-position: left 1px;
  text-decoration: none;
}

a.nextbutton {
  padding-right: 16px;
  background-image: url("/images/arrow-blue.gif");
  background-repeat: no-repeat;
  background-position: right 1px;
  text-decoration: none;
}

a:link.itemmenuitem,
a:visited.itemmenuitem,
a:active.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #45253D;
  text-decoration: none;
}
 
a:hover.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #45253D;
  text-decoration: underline;
}

.smalltext,
a:link.smalltext,
a:visited.smalltext,
a:hover.smalltext,
a:active.smalltext {
  font-size: 11px; 
}

a:link.menuitem,
a:visited.menuitem,
a:active.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #7A4E99;
  text-decoration: none;
}

a:hover.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #9E7CA9;
  text-decoration: none;
}

fieldset {
  font-size: 12px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid #B7C0D0;
}

label * {
  vertical-align: middle;
}

legend {
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #8E8E8E;
  background: #ffffff;
}

.checkbox,
.radio {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 0px;
  border-style: none;
  border-color: #8E8E8E;
}
 
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #8E8E8E;
}
 
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input.imagebutton {
  border: none;
}

input.formbutton {
  width: 21px;
  height: 18px;
  border: none;
  background: transparent;
  background-image: url('/images/buttons/formbutton.gif');
  background-repeat: no-repeat;
  cursor: pointer;
  cursor: hand;
}

input.formbutton2 {
  background-image: url('/images/buttons/formbutton2.gif');
}
 
.floatleft {
  display: inline;
  float: left;
}

.floatright {
  display: inline;
  float: right;
}

img.arrow1 {
  vertical-align: middle;
}

.hr {
  height: 3px;
  margin: 2px 3px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
  clear: both;
}

.highlight, a.highlight {
  color: #C1192F;
  font-weight: bold;
}

.highlight2, a.highlight2 {
  color: #6BC1FF;
  font-weight: normal;
}

.smallfont {
  font-size: 11px;
}

.alignright {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.earlybird {
  font-weight: bold;
}

.clear {
  clear: both;
}

.nomargin {
  margin: 0;
}

.product_link {
  margin-bottom: 8px;
}

.product_details {
  display: none;
  width: 530px;
  margin-left: 270px;
  position: absolute;
  top: 315px;
  z-index: 5;
  padding: 15px;
  color: #ffffff;
  background: #0061A6;
  border-radius: 3px;
}

.product_details a {
  color: #ffffff;
}

#box3 .product_details {
  top: 300px;
  width: 364px;
  margin-left: 100px;
}
