/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { 

	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #666;

}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: url(images/ev-cloudbg2.jpg) center repeat-y;
  color: #000000;
  margin: 0px;
  font-family: "Century Gothic", Verdana, Arial, sans-serif;
}

A {

  color: #666;
  text-decoration: none;

}

A:hover {

  color: #69C;

}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #79accd;
  color: #ffffff;
  font-weight : bold;
}

TD.headerCenterCol {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #666;
  font-weight : normal;
}

TD.headerRightCol {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #6699CC;
  font-weight : normal;
}

TD.myNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #6699CC;
  font-weight : bold;
}

A.headerNavigation { 
  color: #6699CC; 
  font-weight: bold;
}

A.headerNavigation:hover {
  color: #CCCCCC;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #79accd;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
/*  background: #b6b7cb; */
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #6699CC;
  color: #000;
  padding: 1px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #6699CC;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #6699CC;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: none;
  border: solid 1px #fff;

}

TD.productListing-data:hover {

/*	background: #6699CC; */
	border: solid 1px #6699CC;

}

A, A:hover, A:active {

	border: none;

}

A.pageResults {
  color: #6699CC;
}

A.pageResults:hover {
  color: #CCCCCC;
}

A.navSelected {

	background: url(./images/rarrow.gif) no-repeat right 50%;
	display: block;
	width: 150px;

}

A.navDefault {

	display: block;

}

A.thumbnails {

	float: left;
	border: solid 3px #FFFFFF;

}

A.thumbnails:hover, A.thumbnails:active {

	border: solid 3px #CCCCCC;

}

A.thumbselected {

	float: left;
	border: solid 3px #6699CC;

}
	
A.thumbselected:hover, A.thumbselected:active {

	border: solid 3px #6699CC;

}
	
A.tinyGray {

	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-decoration: none;

}

A.tinyGray:hover {

	color: #6699CC;
    text-decoration: none;
	cursor: pointer;

}

TD.pageHeading, DIV.pageHeading, SPAN.pageHeading, P.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

P {
  font-family: "Century Gothic" Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #666;
}

P.quote {

	font-style: italic;
	font-size: 14px;
	color: #69C;

}

P.quote SPAN {

	position: relative;
	left: 4em;
	font-size: 10px;
	font-style: normal;

}

TD.main, P.main {
  font-family: "Century Gothic" Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #666;
}

TD.contact {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #666;
}

table.contact {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #666;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #666;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: green;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* 6699CC */

span.productspecs, div.productspecs {

	float: left;
	width: 110px;
	padding-right: 10px;
	text-align: left;

}

div.productspecs {

	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666;

}

.raised {

	top: 0;

}

td > div.raised {

	top: -2em;

}

.blueText {

	color: #69C;

}

div.thumbgrid {

	position: relative;
	float: left;
	clear: both;
	width: 264px;
	top: -3px;

}

div.bordered {

	float: left;
	clear: both;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;

}

/* for IE */
.artists {

	width: 495px;
	padding-right: 0;
	margin-right: 20px;

}
/* for other browsers */
td > div.artists {

	width: 495px;

}

div.artistcolumn {

	width: 140px;
	margin-right: 10px;
	float: left;

}

div > div.artistcolumn {

	width: 150px;

}

/* for IE */
.artistcontent {

	width: 495px;
	margin-right: 20px;
   fcolor: #666;

}
/* for other browsers */
td > div.artistcontent {

	width: 495px;

}

div.column {

	position: relative;
	float: right;
	margin-right: 20px;

}

div.L {

	width: 260px;

}

td > div.L {

	width: 280px;

}

div.R {

	width: 215px;
	text-align: center;

}

img {

	border: none;

}

img.geoTrust {

	margin-bottom: 10px;

}

.guarantee {

	margin-top: 40px;
	margin-left: 3px;
	text-align: left;

}

/* for IE */
div.L div.guarantee {

	width: 100%;

}
/* for other browsers */
div.L > .guarantee {

	width: 195px;

}
/* for ie */
div.ginfo {

	width: 172px;

}
/* for other browsers */
td > div.ginfo {

	width: 152px;

}

ul {

	width: 172px;
	list-style: none;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 2em;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;

}

td > ul {

	width: 162px;

}

h1 {

	float: right;
	clear: both;
	width: 495px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #69C;

}

td > h1 {

	width: 515px;

}