/*
 * basic_styles.css
 * ================
 *
 * This stylesheet has all the basic details for the crafty quilling website
 *
 * Author: The MereIdea Team
 * Email: chris@mereidea.com
 * Copyright (c) 2007 MereIdea Ltd.
 */

/*
 * Set the body style
 */
body
{
  background-color: #F8D2D2;
  color: black;
}

/*
 * Set anchor styles
 */
a
{
  color: #8F4F4D;
}

a:link, a:visited
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

/*
 * Set the height for spacer cells
 */
.spacer
{
  height: 50px;
}

/*
 * Centered table cells
 */
td.cent
{
  text-align: center;
}

/*
 * Identifier (footer) aligned right
 */
td#ident
{
  text-align: right;
}

/*
 * Details for the copyright message
 */
#cprght
{
  font-size: 8pt;
  color: #8F4F4D;
}

#cprght a
{
  color: black;
}

/*
 * A coloured small horizontal rule (doesn't seem to colour it in
 * Firefox, but does if you use the 'color' attribute in the hr tag)
 */
hr.hrsm
{
  width: 400px;
  color: #8F4F4D;
}

/*
 * Set the cells to hold the bottom (fading) image
 */
tr#bottomtr
{
  height: 100px;
  text-align: center;
}

td#bottomtd
{
  width: 800px;
  background-color: #F8D2D2;
}

/*
 * Different font attributes
 */
.ltext
{
  font-size: 14pt;
  font-weight: bold;
}

.sig
{
  font-style: italic;
}

.stext
{
  font-size: 10pt;
}

/*
 * Define the cell for a product thumbnail
 */
.prodrow
{
	height: 50px;
	border: 0px;
}

.prodthumb
{
	border: 2px solid #8F4F4D;
	text-align: left;
	padding: 0px 5px;
	width: 100px;
	height: 100px;
}

.rowspace
{
	height: 5px;
	border: 0px;
}

.prodspace
{
	border: 0px;
	width: 50px;
}

/*
 * Items for product display
 */
.imbox
{
  width: 220px;
  text-align: center;
  vertical-align: top;
}

.ibspace
{
	width: 10px;
}

.pdtls
{
	text-align: left;
  vertical-align: top;
}

.label
{
	font-weight: bold;
}

.stockok
{
	color: green;
}

.stocklow
{
  color: orange;
}

.stockout
{
	color: red;
}

/*
 * For the image viewer
 */
.showPicMain
{
  background-color: #F8D2D2;
}

.showPicTable
{
	border: 5px outset #8F4F4D;
}

.showPicMain img
{
	border: 1px solid #8F4F4D;
}

/*
 * Details for the basket
 */
.bsktab
{
	border: 1px solid #8F4F4D;
}

.bsktitle
{
	text-align: center;
  color: #621010;
	background-color: #F8D2D2;
	border: 1px solid #8F4F4D;
	padding: 2px;
}

.bskrtitle
{
	text-align: right;
  color: #621010;
	background-color: #F8D2D2;
	border: 1px solid #8F4F4D;
	padding: 2px;
}

.bskleft
{
	text-align: left;
	color: black;
	background-color: white;
	border: 1px solid #8F4F4D;
	padding: 2px;
	width: 400px;
}

.bskleftsm
{
	text-align: left;
	color: black;
	background-color: white;
	border: 0px;
	padding: 2px;
	width: 300px;
}

.bskright
{
	text-align: right;
	color: black;
	background-color: white;
	border: 1px solid #8F4F4D;
	padding: 2px;
}

.bskrightsm
{
	text-align: right;
	color: black;
	background-color: white;
	border: 0px;
	padding: 2px;
}

/*
 * Stuff for the gallery
 */
.galim
{
	background-color: white;
	border: 1px solid #8F4F4D;
	text-align: center;
	padding: 5px 0px;
	margin: 5px 0px;
}

.galim .giimg
{
	min-height: 70px;
	padding: 5px 0px;
}

.galim .giimg img
{
	vertical-align: middle;
	border: 1px black solid;
}

.galim .gicapt
{
	background-color: white;
	min-height: 45px;
	padding: 5px 2px 0px 2px;
}