/*
 * Copyright 2007 Aristidis Skarpetis, all rights reserved.
 * aris@infotub.com
 *
 */

html, body {
  height: 100%; /* saved by Gary White, http://apptools.com/examples/tableheight.php */
  margin: 0;
  padding: 0;
  border: none
}

/* document font selection */
body {
  font-style: normal;
  font-family: "Verdana", "Helvetica", "Arial", sans-serif;
  background-color: #ffffff;
}

/* link borders off */
img {
  border: 0;
}
/* for CSS preloading */
img.HIDN { 
  display: none;
}

/* body & paragraph text */
p, .BTXT, .BTXTL, .BTXTSML {
  color: #808080; 
  font-size: 10pt;
}


p, .BTXT {
  text-align: center;
}
.BTXT {
  margin: 0ex 3ex 0ex 3ex;
}
p { 
  display: block;
  margin-left: auto; margin-right: auto; /* this allows us to set the width of paragraphs without losing centering */
}
.BTXTL {
  text-align: left;
}
.BTXTR {
  text-align: right;
}
.BTXTSML { 
  text-align: center;
  font-size: 8pt;
}

/* frontpage cells */
td.FPTXT, td.FPTTL { 
  color: #808080; 
  font-size: 10pt;
  vertical-align: top;
}

td.FPTXT {
  text-align: justify;
  padding-top: 0.8ex;
  padding-bottom: 2ex;
}

td.FPTTL {
  color: black;
  text-align: left;
  font-size: 12pt;
  font-weight: bold;
  border-bottom: 1px solid #808080;
}

td.FPSPC { 
  width: 4%;
}


/* head text */
.HTXT, h1#fph1, h2#fph2 {
  color: #808080; 
  text-align: center;
  font-size: 10pt;
}
h1#fph1 {
  margin: 0px;
  font-size: 11pt;
}
h2#fph2 {
  margin-top: 0px;
  font-size: 9pt;
  font-weight: normal;
}


/* site holder */
table.main {
  height: 100%;
}

td.BGCENTER { /* referenced */ }
td.BGLEFT { 
  width: 50%;
  background-color: white;
  background-image: url("../images/bg_left_animals.gif"); /* relative to stylesheet */
  background-repeat: repeat;
  background-position: right -60px;
  margin: 0;
  padding: 0;
}
td.BGRIGHT { 
  width: 50%;
  background: white url("../images/bg_right_animals.gif") left -20px repeat;
  margin: 0;
  padding: 0;
}


/* cart summary */
.CARTSUM { 
  color: black;
  font-size: 8pt;
}

.CARTPRIX { 
  color: black;
  font-size: 9pt;
}


/* cart buttons row */
tr.CARTADD { 
  background-color: #a6a6a6;
  color: white;
  vertical-align: middle;
}

/* cart buttons text, 2 is for changing colour on mousedown */
a.CARTBUT, a.CARTBUT2 { 
  font-size: 8pt;
  text-decoration: none;
  color: white;
  padding: 0.3ex;
  display: block;
  white-space: nowrap;
}
a.CARTBUT2 {
  color: black;
}

/* cart design preview */
.CARTDPV { 
  background-color: white;
  padding: 1ex;
  border: 1px #eeeeee solid; /* border: 1px #cccccc dotted; */
}

tr.CARTMY { 
  font-size: 8pt;  
  text-align: left;
}
td.CARTMY {   
  color: #606060;
  /*background-color: #ffffff;  */
  padding: 0.25em;
  white-space: nowrap;
}
td.CARTNUM {   
  color: black;
  padding: 0.25em;
  font-size: 1.2em;
}

td.CARTINFOSEP { 
  border-bottom: 1px solid #dadada; /* border-bottom: 1px dotted #cccccc; */ /* must be faint, sits on CCMRK */
}

/* top and bottom bars */
a.MAINTOTOP, tr.MAINFOOT {
  color: white;
}
a.MAINTOTOP {
  text-decoration: none;
  font-size: 8pt;
}
tr.MAINFOOT { 
  background-color: #0a57a4; /* 2.2 gamma */
  /*background-color: #0858ba;*/
  vertical-align: middle;
}


tr.MAINNAV { 
  font-size: 10pt;
  color: white;
  background-color: #372f2f; /* 2.2 gamma */
  /*background-color: #302929;*/
  vertical-align: middle;
  font-variant: small-caps;
}
td.MAINNAV { 
  padding: 5pt;
}


/* active and innactive navbar links */
a.NAVA, a.NAVI {
  color: white;
  text-decoration: none;
  padding: 0em 0.4em 0em 0.4em;
}
a.NAVA { font-weight: bold; }
a.NAVI { color: #e0e0e0; font-weight: normal; }
a.NAVI:hover { color: white; }


/* my albino */
table.MYTBL {
  padding: 2ex;
  /*width: 40ex;*/ /* yep! IE5 retardation */  
  border: 1px solid #eeeeee;/* border: 1px dotted #cccccc; */ /* IE5 and Operah have crap dotted borders */
  background-color: #fafafa;
  margin-top: 20pt;
}

.MYERR, .MYLOGINERR, .MYNAM, .MYVAL, .MYMSG, .MYED, .MYCHO, .MYCHOA {
  font-size: 10pt;
}

.MYHED { 
  font-size: 13pt;
  padding: 0pt 0pt 15pt 0pt;
}

.MYERR, .MYLOGINERR {
  color: #006600;
  text-align: left;
  border: 2px #006600 dotted;
  background-color: white;
  padding: 2pt;
  display: block;
}

.MYLOGINERR {
  color: red;
  text-align: center;  
  display: inline-block;
}


.MYNAM {
  color: #555555; 
  text-align: right;
  white-space: nowrap;
}

.MYVAL { 
  color: black; 
  text-align: left;
}

.MYMSG { 
  color: black; 
  text-align: center;
}

.MYED, .MYCHO, .MYCHOA {
  color: black;
  margin: 2pt;
  padding: 3pt 6pt 3pt 6pt;  
  border: 1px solid #cccccc; /*border: 1px dotted #aaaaaa;*/
  background-color: white;
  vertical-align: middle;
}

.MYED {
  display: inline-block; /* inline-table is better but safari 2.0.4 does not render padding, FF2 does not parse this */
}

.MYCHO {
  background-color: #fafafa;
  /*border-width: 0px 0px 1px 0px;*/
  border-color: white;
  border-width: 3px 3px 0px 3px;
  text-align: center;
  margin: 0px;
}

.MYCHOA { 
  border-bottom-width: 0px;
  text-align: center;
  margin: 0px;
}

.MYBUT { 
  vertical-align: middle; /* see MYED display */
}

/* error message for the webmaster */
.BIGERR {
  color: #006600; 
  text-align: center;
  font-size: 10pt;
}

.NOJSERR {
  color: #cc0000; 
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
}


/* no designs found text */
.NODTXT {
  color: #006600; 
  text-align: center;
  font-size: 10pt;
}


/*--comp------------------*/

td.COMP50SOW, td.COMP200SOW, td.COMP400SOW,
td.COMP50, td.COMP200, td.COMP400 { 
  vertical-align: text-top;
  border: none;
}

td.COMP50, td.COMP100, td.COMP200, td.COMP400,
td.COMP50SOW, td.COMP100SOW, td.COMP200SOW, td.COMP400SOW,

td.COMP50TOP, td.COMP100TOP, td.COMP200TOP, td.COMP400TOP,
td.COMP50TOPSOW, td.COMP100TOPSOW, td.COMP200TOPSOW, td.COMP400TOPSOW,

td.COMP50BOT, td.COMP100BOT, td.COMP200BOT, td.COMP400BOT
td.COMP50BOTSOW, td.COMP100BOTSOW, td.COMP200BOTSOW, td.COMP400BOTSOW
{ 
  background-color: #ffffff;
  background-position: top left;
  background-repeat: no-repeat;
  /* the background image is set selectivelly to avoid preloading all of them off the top */
  /* image names: REF_width_0x.jpg x:1 top, 2 mid, 3 bot */
  /* @see ../common_publish.inc::print_COMP_background_image_CSS() */
}

td.COMP200BOTSOW,
td.COMP200BOT { /* add others as needed */
  color: #808080; 
  font-size: 8pt;
}

td.COMP50SOW,
td.COMP50 { 
  width: 50px;
  height: 50px;
}
td.COMP50TOPSOW,
td.COMP50TOP { 
  width: 50px;
  height: 12px;
}
td.COMP50BOTSOW,
td.COMP50BOT { 
  width: 200px;
  height: 10px;
}
td.COMP100SOW,
td.COMP100 { 
  width: 100px;
  height: 100px;
}
td.COMP100TOPSOW,
td.COMP100TOP { 
  width: 100px;
  height: 24px;
}
td.COMP100BOTSOW,
td.COMP100BOT { 
  width: 100px;
  height: 19px;
}
td.COMP200SOW,
td.COMP200 { 
  width: 200px;
  height: 200px;
}
td.COMP200TOPSOW,
td.COMP200TOP { 
  width: 200px;
  height: 48px;
}
td.COMP200BOTSOW,
td.COMP200BOT { 
  width: 200px;
  height: 39px;
}
td.COMP400SOW,
td.COMP400 {
  width: 400px;
  height: 400px;
}
td.COMP400TOPSOW,
td.COMP400TOP { 
  width: 400px;
  height: 96px;
}
td.COMP400BOTSOW,
td.COMP400BOT { 
  width: 400px;
  height: 78px;
}

table.DESIGN { 
  border: none;
  /*outline: 1px solid red;*/
}

img.DESIGN { 
  border: none;
}
img.PAD {
  border: none;
  /*outline: 1px solid blue;*/
}
img.SHIRT {
  border: none;
}
img.JIT {
  border: none;
  /*border: 1px solid black;*/
}

/*--shirt-colour-chooser----------*/

/*
.CCHED, .CCWIKI, .CCSIZE, .CCHELP { 
  padding: 0.1em 0em 0.1em 0em;
}
*/


.CCHED { 
  font-weight: bold;
  font-size: 12pt;
  color: black;
  /* white-space: nowrap; */
}

a.CCWIKI{
  font-size: 8pt;
  text-decoration: none;
  white-space: nowrap;
}

.CCMRK { 
  color: #808080;
  background-color: #f6f6f6;
  font-size: 8pt;
  text-align: center;
}

/* normally inside a CCMRK */
td.CCINF { 
  text-align: right;
}
a.CCINF { 
  text-decoration: none;
}


.CCSEL { 
}

.CCMY { 
  color: #606060;
  background-color: #ffffff;
  padding: 0.25em;
}

table.CCMSRTBL { 
  /* referenced */ 
}

td.CCZOOMCLOSE { 
  font-size: 16pt;  
  text-align: right;
}

/*--------------------*/

/* initialy hidden help pop-up layer */
table.HELPER { 
  background: #FFFFCC;
  opacity: 0.97;
  filter: alpha(opacity=97); /* IE */
  border: #776644 solid 1px;
  color: black;
  font-size: 10pt;
  margin: 0ex 3ex 0ex 3ex;
  /* padding: 2ex;" */ /* IE6 applies this on every cell cell, not just around the table */
}

/*--------------------*/

/* search fields, decided to keep form styles to a minimum due to OS & browser differences */
input.minisearch {
  /*background: #a09292;*/
  font-size: 9px;
}