/*
 * main.css
 * ========
 *
 * This is the main stylesheet used to set the correct colours for the
 * Card House website.
 *
 * Author: The MereIdea Team
 * Email: chris@mereidea.com
 * Copyright (c) 2008 MereIdea Ltd.
 *
 */

/*
 * This imports things that don't work with NS4
 */
@import "./ch_style.css";

/* 
 * General body setup 
 */
body, td
{
  background-color: #124181;
  font-family: Arial, Helvitica, sans-serif;
  font-size: smaller;
  color: black;
}

/*
 * Make links bold black with no underline, except when hovering
 */
a
{
  color: black;
  background=color: transparent;
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

/*
 * Display the logo
 */
#logo
{
  background-color: white;
  color: white;
  border: 3px solid #124181; /* This is to ensure NS4 colours the whole box! */
  padding: 5px 5px;
  margin: 0px 50px 0px 50px;
}

/*
 * Basic main menu colours
 */
#mainmenu
{
  background-color: #8CB5EF;
  margin: 0px 50px;
  padding: 5px 5px;
  color: black;
  border: 3px solid #124181; /* This is to ensure NS4 colours the whole box! */
  text-align: left;
}

#mainmenu h3
{
  margin: 2px 0px 5px 0px;
  padding: 2px 0px;
  font-family: Verdana, Geneva, Arial, Helvitica, sans-serif;
  font-size: 11pt;
}

#mainbody .maintext
{
  background-color: white;
  margin: 0px 50px;
  padding: 0px 5px 2px 5px;
  color: black;
  border: 3px solid #124181; /* This is to ensure NS4 colours the whole box */
}

#mainbody .maintext h1
{
  font-family: Verdana, Geneva, Arial, Helvitica, snas-serif;
  font-size: 20pt;
}

#mainbody .maintext a
{
  text-decoration: underline;
}

#mainbody .maintext a:hover
{
  text-decoration: none;
}

#mainmenu #mmhead
{
  background-color: #D47FD5;
  color: #7D2A7E;
}

#mainmenu #mmbody
{
  border: 1px #D47FD5 solid;
}

#mainmenu #mmbody .chosen, #mainmenu #mmbody a:hover
{
  border: 1px #7D2A7E solid;
  background-color: #E9BEEA;
  color: black;
}

/*
 * Global box colours
 */
.globalbox .glob_head
{
  background-color: #D47FD5;
  color: #7D2A7E;
}

.globalbox .glob_body
{
  border: 1px solid #D47FD5;
}

/*
 * Set footer details
 */
#footer a
{
  color: purple;
}

/*
 * Colour the first letter of the first paragraph
 */
.textbody p.firstchld:first-letter
{
  color: #7D2A7E;
}

/*
 * Form items
 */

input
{
  border: 1px #7D2A7E solid;
  background-color: #E9BEEA;
}

select, textarea
{
  border: 1px #7D2A7E solid;
  background-color: #F0F0F0;
}

.textin
{
  background-color: #F0F0F0;
}

.grad1box
{
  background-color: #E4AEE6;
  border: 1px #7D2A7E solid;
}

.grad2box
{
  background-color: #E9BEEA;
  border: 1px #7D2A7E solid;
}

.grad3box
{
  background-color: #EECFEF;
  border: 1px #7D2A7E solid;
}

.grad4box
{
  background-color: #F4DFF4;
  border: 1px #7D2A7E solid;
}

.grad5box
{
  background-color: #FAEFFA;
  border: 1px #7D2A7E solid;
  min-height: 120px;
}

.grad6box
{
  background-color: #FFFFFF;
  border: 1px #7D2A7E solid;
}

.galel
{
  padding: 5px 2px 0px 2px;
}

.galel img
{
  border: 1px #7D2A7E solid;
}

.galel a
{
  text-decoration: none !important;
  font-weight: normal !important;
}

.galel a:hover
{
  text-decoration: underline !important;
}

.tnail
{
  padding: 5px 2px 0px 2px;
}

.tnail img
{
  border: 1px #7D2A7E solid;
  padding: 5px;
}

.proddesc
{
  height: 62px;
  overflow: hidden;
  /*text-overflow: clip;*/
}

.moretxt a
{
  text-decoration: underline !important;
}

.pricelt
{
  text-align: left;
  color: #7D2A7E; 
  font-size: 14pt;  
}

.pricert
{
  text-align: right;
  color: #7D2A7E; 
  font-size: 14pt;  
}

.righttxt
{
  text-align: right;
}

.menlev1, .menlev1 a
{
  color: #800080 !important;
}

.menlev2, .menlev2 a
{
  color: #9A03FE !important;
}

.menlev3, .menlev3 a
{
  color: #3923D6 !important;
}

.menlev4, .menlev4 a
{
  color: #23819C !important;
}

.menlev5, .menlev5 a
{
  color: #62A9FF !important;
}

.prodnav, .prodnav a
{
  text-align: center;
}

.galims
{
  padding: 2px 0px;
}

.hidim
{
  display: none;
}

.prodims
{
  float: left;
}

.prodims img
{
  border: 1px #7D2A7E solid;
}

.proddet
{
  width: 95%;
  text-align: right;
}

.prodnme
{
  font-size: 18pt;
  font-weight: bold;
}

.prodcode
{
  font-size: 12pt;
  font-style: italic;
  display: block;
  padding: 1px 1px 10px 1px;
}

.prodprc
{
  padding: 5px 1px 20px 1px;
}

.mainprc
{
  color: #7D2A7E; 
  font-size: 14pt;  
}

.prodopts .textin
{
  margin: 2px 0px;
}

.inptxt
{
  font-weight: bold;
  font-size: larger;
  display: block;
  padding: 10px 1px 1px 1px;
}

.contlist li
{
  color: #800080 !important;
  position: relative;
  left: 64px;
  list-style-type: none;
}

.contlist li a
{
  color: #800080 !important;
}

.glist a
{
  color: #800080 !important;
}

.prodimdsc
{
  clear: both;
}

.prodimdsc h1
{
  padding: 15px 2px 2px 2px;
}

.cnttxt
{
  float: left;
  width: 100px;
}

.cntfrm .textin
{
  width: 200px;
  margin: 2px 0px;
}

.cntfrm textarea
{
  width: 200px;
  margin: 2px 0px;
}