/*
Project: Enyuka Green - Website - Stores
Developed by: Chris Halgryn for Enyuka Devco (Pty) Ltd
Copyright: © 2009-2010 Enyuka Devco (Pty) Ltd
Contact e-mail: chris@enyukagroup.com
Date created: 2009/06/01
Date modified: 2010/04/07
*/

body {
	margin: 0px;
	font-family: verdana;
}

h1, h2, h3 {
	font-family: arial;
	color: #996633;
}

td, p, li, a {
	font-family: verdana;
	font-size: 11px;
}

p.justify {
	text-align: justify;
}

a {
	color: #0b5c01;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

hr {
	height: 1px;
	margin: 10px 0px 10px 0px;
	color: #999999;
}

hr.sub {
	color: #94af94;
	width: 700px;
	border-style: dotted;
}

form {
	margin: 0px;
}

.form {
	border: 3px #eeeeee double;
}

.formTh, .quickLinksHead {
	font-weight: bold;
}

#cart
{
	margin-top:0px;
}

.small, .smallDis {
	font-size: 10px;
}

.smallDis {
	color: #aaaaaa;
}

.finePrintText {
	font-size: 9px;
	text-align: center;
	color: #ffffff;
}

.butt60, .butt70, .butt80, .butt90, .butt100, .butt110, .butt120 {
	cursor: hand;
	border: 0px;
	height: 21px;
	color: #ffffff;
	font-size: 11px;
	font-family: verdana;
	margin: 2px;
}

.buttDis60, .buttDis80, .buttDis120 {
	border: 0px;
	height: 21px;
	color: #ffffff;
	font-size: 11px;
	font-family: verdana;
	margin: 2px;
}

input {
	height: 20px;
}

input, textarea, select {
	color: #000000;
	font-size: 11px;
	font-family: verdana;
	margin: 2px;
}

input.text {
	text-align: left;
}

input.number {
	text-align: right;
}

.reqField {
	font-weight: bold;
	color: #ff0000;
}

.partReqField {
	font-weight: bold;
	color: #ffaaaa;
}

td.markYes {
	background-image: url(./images/mark_correct.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

td.markNo {
	background-image: url(./images/mark_wrong.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* ---------------------------------- LEFT MENU ------------------------------------- */

#prodmenu {
	width: 205px;
}

#prodmenu td {
	font-size: 11px;
}

#prodmenu .phead {
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	padding-left: 10px;
}

#prodmenu .plink, .slink {
	font-family: verdana;
}

#prodmenu .plink {
	height: 30px;
	padding-left: 5px;
}

#prodmenu .slink {
	font-size: 9px;
	height: 20px;
	padding-left: 15px;
}

#prodmenu a {
	text-decoration: none;
}

#prodmenu a:hover {
	color: #000000;
}

#prodmenu .small, .smallDis {
	font-size: 10px;
}

/* ---------------------------------- CONTENT SECTION ------------------------------------- */

#content {
	width: 100%;
}

#content .head {
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	padding-left: 10px;
}

#content .prodname {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

#content .prodtext {
	font-size: 11px;
	padding: 5px 0px 5px 0px;
}

#content .prodprice {
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

pre.prodDesc { 
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: verdana;
	font-size: 11px;
}

#content a:hover {
	color: #000000;
}

.white {
	color: #ffffff;
}

.t {
	border-top: 1px solid #cccccc;
}

.r {
	border-right: 1px solid #cccccc;
}

.b {
	border-bottom: 1px solid #cccccc;
}

.l {
	border-left: 1px solid #cccccc;
}

/* ---------------------------------- SHOPPING CART ------------------------------------- */

input.orderText, textarea.orderText {
	font-size: 11px;
	font-weight: bold;
	background-color: #ff0000;
	color: #000000;
	background-image: url(./graphics/field_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.orderCartLink {
	font-size: 9px;
}

table.orderCart {
	border: 4px #295829 solid;
	width: 700px;
}

th.orderCartCol1, th.orderCartCol2, th.orderCartTot {
	font-size: 12px;
	font-weight: bold;
}

th.orderCartCol1, th.orderCartCol2 {
	color: #ffffff;
}

th.orderCartTot {
	color: #295829;
}

th.orderCartCol1 {
	background-color: #326c54;

}

th.orderCartCol2 {
	background-color: #295829;
}

th.orderCartTot {
	background-color: #ddf1ff;
}

td.orderCartCol2, td.orderCartCol3, td.orderCartCol3Mouseover, td.orderCartTot {
	font-size: 11px;
	border-bottom: 2px #d4ded4 solid;
	color: #000000;
	vertical-align: middle;
}

td.orderCartCol1 {
	font-size: 11px;
	border-bottom: 2px #bad7dd solid;
	color: #000000;
	vertical-align: middle;
}

td.orderCartCol1 {
	background-color: #ddf1ff;
}

td.orderCartCol2 {
	background-color: #ffffff;
}

td.orderCartCol3 {
	background-color: #ffffff;
}

td.orderCartCol3Mouseover {
	background-color: #fae5e5;
}

td.orderCartTot {
	font-weight: bold;
	background-color: #ffffff;
	border-top: 1px #295829 solid;
	border-bottom: 3px #295829 double;
}

td.orderCartCol1Empty, td.orderCartCol2Empty {
	height: 4px;
}

td.orderCartCol2Empty {
	background-color: #ffffff;
}

td.orderCartCol1Empty {
	background-color: #ddf1ff;
}

input.orderCartQty, input.orderCartQtyFocus, input.orderCartQtyMouseover {
	font-size: 11px;
	background-color: #ddf1ff;
	text-align: right;
	height: 18px;
	width: 38px;
	border: 1px #ddf1ff solid;
	color: #000000;
	vertical-align: middle;
}

input.orderCartQtyFocus {
	background-color: #ffffff;
	border: 1px #000000 solid;
	color: #000000;
}

input.orderCartQtyMouseover {
	background-color: #ffffff;
	border: 1px #0268cd solid;
	color: #0268cd;
}

input.orderCartDesc {
	font-size: 11px;
	background-color: #ffffff;
	height: 18px;
	width: 378px;
	border: 1px #ffffff solid;
	color: #000000;
	vertical-align: middle;
}

input.orderCartDescLong {
	font-size: 11px;
	background-color: #000000;
	height: 18px;
	width: 578px;
	border: 1px #000000 solid;
	color: #cccccc;
	vertical-align: middle;
}

/* ---------------------------------- LIGHTBOX ------------------------------------- */

.box {
	border: #fe2467 1px dashed;
	margin-top: 15px;
	color: #50514d;
	position: relative;
}

#lightbox {
	border-right: #666 2px solid;
	padding: 10px;
	border-bottom: #666 2px solid;
	background-color: #eee;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption {
	float: left;
}

#keyboardMsg {
	float: right;
}

#closeButton {
	right: 5px;
	top: 5px;
}

#lightbox img {
	clear: both;
	border: none;
}

#overlay img {
	border: none;
}

#overlay {
	background-image: url(./images/overlay.png)
}

HTML #overlay {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
	background-image: url(./images/blank.gif);
	background-color: transparent;
}