/***********************************************************************
* Project : Kiwi Europe Satelite Website
* Module : kiwieurope.css
* Purpose : Site Cascading Style Sheet
************************************************************************
* Copyright (C) AW CompuTech Ltd
* All Rights Reservered
************************************************************************
* Changes
*
* Version Date        Author               Reason
* 1.0     13/02/2009  Andrew J. Williams   Initial Version
***********************************************************************/

body 
{
  margin : 0px;
  background-color: #ffffff;
  color: #000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: .60em;
}

a:link
{
  color: #000000;
}

a:visited
{
  color: #000000;
}

a:hover
{
  color: #ff0000;
}

.centre
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}

h2
{
  background-color: #000000;
  color: #ffffff;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  font-size: 1.35em;
}

h3
{
  background-color: #000000;
  color: #ffffff;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  font-size: 1.2em;
}

hr
{
  color: #ff0000;
  background-color: #ff0000;
  height: 1px;
  border: 0;
}

/**********
* Heading *
**********/

div.heading
{
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 60px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}

h1.heading
{
  background-color: #ffffff;
  color: #000000;
  margin-top: 0px;
  margin-left: 170px;
  margin-bottom: 0px;
  padding:0;
  line-height:22px;
  font-size: 18px;
  font-weight: bold;
  width:auto;
  border: 0;
}

h2.heading
{
  background-color: #ffffff;
  color: #000000;
  margin-top: 0px;
  margin-left: 170px;
  margin-bottom: 0px;
  padding:0;
  font-size: 1.35em;
  font-weight: bold;
  border: 0;
}

div.heading div
{
  margin-left: 170px;
}

.heading img
{
  border:0;
  cursor : pointer;
}



/*******
* Menu *
*******/

div.menu 
{
  background-color: #ffffff;
  color: #000000;
  height: 100%;
  position: fixed;
  left: 0em;
  width: 210px;
  text-align: center;
  font-size: 2em;
  z-index: 2;
}

.menu a
{
  text-decoration: none;
  color: #000000;
  width: 200px;
  display: block;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.menu a:link
{
  color: #000000;
}

.menu a:visited
{
  color: #000000;

}

.menu a:hover
{
  color: #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}

.menu a.selected
{
  color: #ffffff;
  background-color: #000000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}


div.menubottom
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 0.45em;
  z-index: 3;
}

.menubottom a
{
  color: #000000;
  border-top: 0;
  border-bottom: 0;
  text-decoration: underline;
  display: inline;
}

.menubottom a:hover
{
  color: #ff0000;
  border-top: 0;
  border-bottom: 0;
  text-decoration: underline;
}

.menu div.translate a
{
  color: #000000;
  border-top: 0;
  border-bottom: 0;
  text-decoration: underline;
  display: inline;
}

.menu div.translate a:hover
{
  color: #ff0000;
  border-top: 0;
  border-bottom: 0;
  text-decoration: underline;
}



/*****************
* Main Page Area *
*****************/

div.body
{
  position: absolute;
  top: 60px;
  left: 215px;
  width: auto;
  height: auto;
  z-index: 0;
}

/**Products table**/
table#products
{
  width: 99%;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color:#ff0000;
}


#products td
{
  border-width: 1px;
  border-style: solid;
  border-color:#ff0000;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  
}

#products th
{
  border-width: 1px;
  border-style: solid;
  border-color:#ff0000;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  
}

#products input
{
  vertical-align: middle;
}

#products img
{
  vertical-align: middle;
  border: 0;
}

#products td table td
{
  border-width: 0;
}

.piclinks img
{
  border: 0;
}

/**Review table**/
table.review
{
  border-width: 2px;
  border-style: solid;
  border-color:#ff0000;
  width:99%;
  border-collapse: collapse;
}


table.review img
{
  position: static;
}

table.review td#user
{
  text-align: center;
  font-size: 9px;
  vertical-align: top;
  border-top: 2px solid #ff0000;
  border-right: 1px solid #ff0000;
  position: static;
  width: 200px;
}


table.review td#stars
{
  text-align: center;
  vertical-align: top;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
}

table.review td#review
{
  border-top: 2px solid #ff0000;
}


/**********
* Bullets *
**********/

.redbullet
{
  list-style-image: url("../img/ball_red.gif");
  vertical-align:middle;
}

.yellowbullet
{
  list-style-image: url("../img/ball_yellow.gif");
  vertical-align:middle;
}

.greenbullet
{
  list-style-image: url("../img/ball_green.gif");
  vertical-align:middle;
}

.cyanbullet
{
  list-style-image: url("../img/ball_cyan.gif");
  vertical-align:middle;
}

.bluebullet
{
  list-style-image: url("../img/ball_blue.gif");
  vertical-align:middle;
}

.purplebullet
{
  list-style-image: url("../img/ball_purple.gif");
  vertical-align:middle;
}

.austriabullet
{
  list-style-image: url("../img/at.png");
  vertical-align:middle;
}

.germanybullet
{
  list-style-image: url("../img/de.png");
  vertical-align:middle;
}

.switzerlandbullet
{
  list-style-image: url("../img/ch.png");
  vertical-align:middle;
}

.ukbullet
{
  list-style-image: url("../img/uk.png");
  vertical-align:middle;
}

.usabullet
{
  list-style-image: url("../img/us.png");
  vertical-align:middle;
}