TABLE.basketT TH
{
    FONT: 9pt Arial;
    COLOR: #000000;
    font-weight:bolder;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 12px 2px 12px 2px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
}
TABLE.Receipt
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    BORDER-LEFT: black thin;
    COLOR: #000000;
    BORDER-BOTTOM: black thin;
    BACKGROUND-COLOR: white
}
TABLE.Receipt TD
{
    COLOR: #2D2C2C;
    border-style:solid;
    border-color:Black;
    border-width:thin;
}
TABLE.basketT
{
    COLOR: #2D2C2C;
    BACKGROUND-COLOR: white;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse; 
}
TABLE.basketT TD
{
    FONT: 8pt Arial;
    COLOR: #2D2C2C;
    padding: 0px 2px 0px 2px; 
    margin: 0px 2px 0px 2px;
    border-spacing: 0px;
    vertical-align:middle;
}
TABLE.basketT TH
{
    FONT: 9pt Arial;
    COLOR: #000000;
    font-weight:bolder;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 12px 2px 12px 2px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
}
TABLE.basketTotals
{
    COLOR: #2D2C2C;
    BACKGROUND-COLOR: white;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse; 
}
TABLE.basketTotals TD
{
    FONT: 9pt Arial;
    COLOR: #2D2C2C;
    padding: 8px 2px 8px 2px; 
    margin: 2px 2px 2px 2px;
    border-spacing: 0px;
    vertical-align:top;
}
TABLE.basketTotals TH
{
    FONT: 9pt Arial;
    COLOR: #2D2C2C;
    font-weight: bold;
    BACKGROUND-COLOR: white;
    padding: 8px 2px 8px 2px; 
    margin: 2px 2px 2px 2px;
    border-spacing: 0px;
    vertical-align:top;
}
TABLE.logintable
{
    COLOR: #2D2C2C;
    BACKGROUND-COLOR: white;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    border : 1px solid #999999;
    margin-left:auto; 
    margin-right:auto;    
}
TABLE.logintable TD
{
    FONT: 9pt Arial;
    COLOR: #2D2C2C;
    padding: 10px 20px 10px 20px; 
    margin: 12px 12px 12px 12px;
    border-spacing: 0px;
    vertical-align:top;
    text-align: center;
}
TABLE.logintable TH
{
    FONT: 9pt Arial;
    COLOR: #2D2C2C;
    font-weight: bold;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 8px 2px 8px 2px; 
    margin: 2px 2px 2px 2px;
    border-spacing: 0px;
    vertical-align:top;
}
TABLE.productpage
{
    COLOR: #2D2C2C;
    BACKGROUND-COLOR: white;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse; 
}
TABLE.productpage TD
{
    FONT: 8pt Arial;
    COLOR: #2D2C2C;
    padding: 0px 2px 0px 2px; 
    margin: 0px 2px 0px 2px;
    border-spacing: 0px;
    text-align:left;
}

A:link
{
    FONT: 8pt Arial;
    COLOR: #111199;
    TEXT-DECORATION: none;
}
A:visited
{
    FONT: 8pt Arial;
    COLOR: #111199;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline;
}
a img.hrefimage
{
    border : 1px solid #000000;
}
TD
{
    font: 8pt Arial; 
}
BODY
{
    font: 8pt Arial;
    border-style:none;
    border-color:Black;
    border-width:thin;
}
.warning, .error, .errorsmall
{
    border: 1px dashed;
    margin: 10px 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;
    font-weight:bold;
}
.error 
{
    color: #CC0000;
    width: 300px;
    background-color: #FFFFFF;
    background-image: url('images/menu/warning.png');
}
.errorsmall
{
    color: #CC0000;
    width: 250px;
    background-color: #FFFFFF;
    background-image: url('images/menu/warning.png');
}
.warning 
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/menu/warning.png');
}
.redtext
{
    color: #CC0000;
}

.orderbutton { font: 8pt Arial; color: #2D2C2C; font-weight:bold;  border-color:#000000; border-style:solid; border-width: 1px; background-color: #FFFFFF; }
.orderbutton2 {width: 140px; height: 35px; margin: 0; padding: 0; border: 0; background: transparent url(images/menu/proceedtocheckout.jpg) no-repeat center top; text-indent: -1000em; cursor: pointer;  cursor: hand;}
.menubutton  { font: 8pt Arial; color: #333333; font-weight:normal;  border-color:#666666; border-style:solid; border-width: 1px; background-color: #FFFFFF; width: 100px; }
.menubuttonRED  { font: 8pt Arial; color: #CC6666; font-weight:normal;  border-color:#666666; border-style:solid; border-width: 1px; background-color: #FFFFFF; width: 100px; }
input        { font: 8pt Arial; color: #2D2C2C; border-color:#555555;  border-width: 1px; border-style:solid;}
#submit      { font: 8pt Arial; color: #2D2C2C; background-color: #EEEEEE; border-color:#555555;  border-width: 1px; border-style:solid;} 
#reset       { font: 8pt Arial; color: #2D2C2C; background-color: #EEEEEE; border-color:#555555;  border-width: 1px; border-style:solid;} 
.checkbox    { font: 8pt Arial; color: #2D2C2C; border-style:none;}
textarea     { font: 8pt Arial; color: #2D2C2C; background-color: #FFFFFF; border: #555555 1px solid; scrollbar-base-color: #EEEEEE; scrollbar-arrow-color: black; scrollbar-DarkShadow-Color: black; } 
.radio       { font: 8pt Arial; color: #2D2C2C; border-style:none; border-width: 0px;}
select       { font: 8pt Arial; color: #2D2C2C;  border-color:#99ADD6; border-style:solid; border-width: 1px; background-color: #FFFFFF; }
hr           { color:#EEEEEE; background-color: #EEEEEE; border: 0; height: 1px;}
h1           { font: 16pt Arial; color: #2D2C2C; TEXT-DECORATION: none; font-weight: bold;}
h2           { font: 12pt Arial; color: #2D2C2C; TEXT-DECORATION: none; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0em 0em 0em 0em; display:inline;}
h3           { font: 10pt Arial; color: #2D2C2C; TEXT-DECORATION: none; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0em 0em 0em 0em; display:inline;}
img          { border-color: #999999; border-style:none;}

form 
{
border: none;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}

#generaltext {font: 8pt Arial; }

#productmenu 
{
  FONT: 8pt Arial;
  font-weight:Bold;
  COLOR: #2D2C2C;
  TEXT-DECORATION: none;
}

ul 
{
  list-style-image: url(images/menu/bullet.gif); 
  list-style-position:inside;
  margin-left: 5px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom: 6px;
  line-height:17px;
  padding-left: 0px;
  text-indent: 0em;
  padding: 0px;
}

#menu li a { FONT: 8pt Arial;
       COLOR: #2D2C2C;
       TEXT-DECORATION: none;
}

#menu li a:hover { FONT: 8pt Arial;
       COLOR: #2D2C2C;
       TEXT-DECORATION: underline;
}
/* Currency Table */
#CurHead  { background-color: #666666; color: #FFFFFF; font-size: 10pt; text-align: center;}
#CurLeft  { background-color: #EFEFEF; color: #000000;}
#CurRight { background-color: #F6F6F6; color: #000000; text-align: right;}
/* Colours */
#Colour1  { background-color: #666666; color: #FFFFFF; font-size: 10pt; }
#Colour2  { background-color: #EFEFEF; color: #000000;}
#Colour3  { background-color: #F6F6F6; color: #000000; }

#lightborder { border : 1px solid #999999; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

/*CSS for enlarged image*/
.thumbnail span
{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
top: -75px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-align:left;
text-decoration: none;
}

/*CSS for enlarged image*/
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

/*CSS for enlarged image on hover*/
.thumbnail:hover span{ 
visibility: visible;
top: 45;
left: 20px;
width: 180px;
z-index: 4;
}

/*productthumbnail used on basket page*/

.productthumbnail{
position: relative;
z-index: 0;
}

.productthumbnail:hover{
background-color: transparent;
z-index: 50;
}

/*CSS for enlarged image*/
.productthumbnail span{ 
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-align:center;
text-decoration: none;
}

/*CSS for enlarged image*/
.productthumbnail span img{ 
border-width: 1px;
border: 1px solid black;
padding: 2px;
}

/*CSS for enlarged image on hover*/
.productthumbnail:hover span{ 
visibility: visible;
top: 45;
left: 20px; 
width: 100px;
z-index: 4;
}

#popUpDiv 
{
  position:absolute;
  background-color:#FFFFFF;
  font: 12pt Arial;
  width:300px;
  height:250px;
  z-index: 9002;
  border-style:solid;
  border-width: 2px;
  border-color: #CC0000;
  text-align:right;
}
