/**** BODY **************************************************************/

body {
  margin:0px;
  background-color: white;
}

td,p {
  font-family:verdana, arial, Helvetica, sans-serif;
  font-size:10px;
  color:black;
}
  
input,textarea,select {
  font-family:verdana, arial, Helvetica, sans-serif;
  font-size:9px;
  color:#000000;
}

A {
  color: blue;
}

A:hover {
  color: #F3651C;
}

.superscript {
  font-size: 6px;
  vertical-align: super;
}



/**** COLOURED TEXT ****************************************************/

.smallBlack {
  font-size: 9px;
}

.smallWhite {
  font-size: 9px;
  color: white;
}

.white {
  font-size: 10px;
  color: white;
}

.grey {
  font-size: 10px;
  color: #8C8C8C;
}

.grey a {
  color: #8C8C8C;
  text-decoration: none;
}

.greysmall {
  font-size: 9px;
  color: #8C8C8C;
}

.blacksmall {
  font-size: 10px;
  color: black;
}

.greymedium {
  font-size: 14px;
  color: #8C8C8C;
}

.greymedium a {
  color: #8C8C8C;
  text-decoration: none;
}

.greylarge {
  font-size: 16px;
  color: #8C8C8C;
}

.greylarge a {
  color: #8C8C8C;
  text-decoration: none;
}

.blue {
  font-size: 9px;
  color: #001286;
}

.bluemedium {
  font-size: 10px;
  color: #001286;
  font-weight: bold;
}

.bluemediumbold {
  font-size: 12px;
  color: #001286;
  font-weight: bold;
}

.bluelarge {
  font-size: 14px;
  color: #001286;
  font-weight: bold;
}

.orangelarge {
  font-size: 16px;
  color: #f3651c;
  font-weight: bold;
}
.orangemedium {
  font-size: 12px;
  color: #f3651c;
  font-weight: bold;
}
.orangesmall {
  font-size: 10px;
  color: #f3651c;
  font-weight: bold;
}
/**** LINKS / ROLLOVERS ************************************************/

.bottom {
  color: white;
  font-weight: bold;
}

.bottom A {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.bottom A:hover {
  color:#CCCCCC;
}

.menuRollOver {
  background-image: url('img/rollover.gif');
  padding: 9px 10px 9px 10px;
  cursor: pointer;
}

.menuRollOut {
  background-image: none;
  padding: 9px 10px 9px 10px;
  cursor: pointer;
}

.navtext {
  color: white;
  font-weight: bold;
  text-decoration: none;
  background-image: url('img/nav_bg.gif');
}

a.navtextlink {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

a.navtextlink:hover {
  color: black;
  font-weight: bold;
  text-decoration: none;
}


/**** BACKGROUND COLOURS / IMAGES **************************************/

.navBg {
  background-color: white;
  background-image: url('img/nav_bg.gif');
}

.topBg {
  background-color: white;
  background-image: url('img/top_bg.jpg');
}

.overlap {
  background-color: white;
  background-image: url('img/overlap.jpg');
  background-repeat: no-repeat;
}

.bottom {
  background-color: #595959;
}

.greyBg {
  background-color: #88889F;
}

.trCornerGrey {
  background-image: url('img/tr_grey.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

.orangeBg {
  background-repeat: repeat-x;
  background-image: url('img/orange_bg.gif');
}

.pixelArrowBg {
  background-image: url('img/pixel_arrows.gif');
  background-position: 10 10;
  background-repeat: no-repeat;
}

.carouselBg {
  background-image: url('img/carousel.jpg');
  background-position: 0px 50px;
  background-repeat: no-repeat;
}

.carouselBackg {
  background-image: url('img/carousel_background.jpg');
  background-repeat: no-repeat;
}

.greyBarBg {
  background-image: url('img/grey_bar_bg.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}

.greyBarBgSmall {
  background-image: url('img/grey_bg_sm.gif');
  background-repeat: repeat-x;
  background-position: 0px 36px;
}

.downloadVolumeGuide {
  background-image: url('img/volume_guide.gif');
  background-repeat: no-repeat;
}

.downloadProductIntegration {
  background-image: url('img/product_integration.gif');
  background-repeat: no-repeat;
}

.downloadGenevacChart {
  background-image: url('img/genevac_chart.gif');
  background-repeat: no-repeat;
}

.downloadProductGuide {
  background-image: url('img/product_guide.gif');
  background-repeat: no-repeat;
}






/**** BORDERS / DIVIDES ************************************************/

.whiteBorderRight {
  border-right: solid white 1px;
}

.whiteBorderTop {
  border-top: solid white 1px;
}

.borderTop {
  border-top: solid #CCCCCC 1px;
}

.dottedTop {
  background-image: url('img/dotted_horizontal.gif');
  background-repeat: repeat-x;
  background-position: top;
}

.dottedBottom {
  background-image: url('img/dotted_horizontal.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}

.dottedLeft {
  background-image: url('img/dotted_vertical.gif');
  background-repeat: repeat-y;
  background-position: left;
}

.dottedRight {
  background-image: url('img/dotted_vertical.gif');
  background-repeat: repeat-y;
  background-position: right;
}
  


/**** BULLETS *********************************************************/

.smallWhite UL {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.smallWhite LI {
  padding-left: 8px;
  background-image: url('img/white_bullet.gif');
  background-repeat: no-repeat;
  margin-bottom:0px;
}

UL {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

LI {
  padding-left: 8px;
  background-image: url('img/blue_bullet.gif');
  background-repeat: no-repeat;
  margin-bottom:4px;
}

ul.orange li {
  background-image: url('img/orange_bullet.gif');
}


/**** FORM *********************************************************/

.formForgotten {
  color: white;
  font-weight: bold;
  background-color: red;
}

.ecardForgotten {
  color: #F3651C;
  font-weight: bold;
  background-color: white;
}

ul.download-list {
  margin: 10px 0 10px 0;
  padding: 0;
  color: red;
  list-style: disc;
}

ul.download-list li {
  background-image: none;
  margin: 0 0 2px 30px;
  padding: 0;
}