/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
	adapted for QPBPP v1.2.0 2006/12/23

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* event calendar sytle sheet */
@import url("events_calendar.css");
BODY {
	background: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4 {
	font-weight: bold;
	font-size: 2.3em;
}
h2 {
	font-size: 1.7em;
	font-family: Verdana, Arial, sans-serif;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

A {
	color: #00F;
	text-decoration: none;
}
A:hover {
	color: #09F;
	text-decoration: underline;
}
FORM {
	display: inline;
}
.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
.errorBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background: #ffb3b5;
	font-weight: bold;
}
.stockWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #cc0033;
}
.productsNotifications {
	background: #f2fff7;
}
.orderEdit {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #70d250;
	text-decoration: underline;
}
/* Header Begin */
TR.header {
	background: #ffffff;
}
TR.headerNavigation {
	background: #bbc3d3;
}
TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	background: #bbc3d3;
	color: #ffffff;
	font-weight : bold;
}
div.header {
	background: #ffffff;
}
div.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: .9em;
	background: #bbc3d3;
	color: #ffffff;
	font-weight : bold;
	height: 1em;
}
A.headerNavigation {
	color: #FFFFFF;
}
A.headerNavigation:hover {
	color: #ffffff;
}
div.breadCrumbs {
	font-family: Arial, sans-serif;
	font-size: .8em;
	background: #fff;
	color: #000;
	font-weight : bold;
	height: em;
	margin: 0 0 0 220px;
	padding: 4px 0;
}
a.breadCrumbs {
	color: #000;
}
a.breadCrumbs:hover {
	color: #000;
	text-decoration:underline;
}
a.breadCrumbNow {
	color: #3266FF;
}
a.breadCrumbNow:hover {
	color: #000;
	text-decoration:underline;
}
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;
}
/* Header End */

/* Footer Begin */
TR.footer {
	background: #bbc3d3;
}
TD.footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background: #bbc3d3;
	color: #ffffff;
	font-weight: bold;
}
#foot_boxes {
	min-width: 480px;
}
#boxlast h3 {
	background: #BBC3D3;
	font: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 6px 3px;
	text-align: center;
}
#boxlast div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	float: left;
	width: 15%;
	margin: 10px;
	border:solid 1px #DEDEDE;
	background: #F0EFEF;
	padding: 0 10px 10px 10px;
}
#boxlast {
	margin-right: 120px;
	margin: 10px;
}
/* Footer End */
/* InfoBox Begin */
.infoBox {
	background: #b6b7cb;
}
div.infoBox {
	margin: 6px 2px;
	border: solid 1px #CCC;
	background: #fff;
}
.infoBoxContents {
	background: #f8f8f9;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}
.infoBoxContents img, TD.productListing-data img {
	margin: 2px;
	padding: 2px;
	border: solid 1px #CCC;
	background: #fff;
}
.infoBoxNotice {
	background: #FF8E90;
}
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	background: #bbc3d3;
	color: #ffffff;
	vertical-align: top;
}
div.infoBoxHeading, h2.infoBoxHeading {
	padding: 0 0 0 11px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background: #bbc3d3;
	color: #ffffff;
	vertical-align: top;
}
TD.infoBox, span.infoBox, div.infoBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
}
/* InfoBox End */
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: #b6b7cb;
	border-spacing: 1px;
}
.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background: #b6b7cb;
	color: #FFFFFF;
	font-weight: bold;
}
TD.productListing-data {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
A.pageResults {
	color: #0000FF;
}
A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}
TR.subBar {
	background: #f4f7fd;
}
TD.subBar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
TD.main, DIV.main, P.main {
	/*	font-family: Arial, Helvetica, sans-serif; */
/*	font-size: 1em; */
	line-height: 1.5;
}
TD.smallText, DIV.smallText, SPAN.smallText, P.smallText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
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: 0.8em;
	color: #ff0000;
}
/* Form Items Begin */
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;
}
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;
}
/* Form Items End */

SPAN.greetUser {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}
SPAN.markProductOutOfStock {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}
SPAN.productSpecialPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
}
SPAN.errorText {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
}
TD.productPriceInListing {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background: #d2e9fb;
}
TD.productPriceInBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background: #eeeeee;
}
TD.productPriceInProdInfo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #ccffcc;
}
.moduleRow {
}
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected {
	background-color: #E9F4FC;
}
.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #8c8c8c;
}
.checkoutBarCurrent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
/* message box */

.messageBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background-color: #99ff00;
}
/* input requirement */

.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #ff0000;
}
/* Begin Heading Style */
/*#Heading_Title {
	margin: 0;
	padding: 0;
}
#Heading_Title h1, h2, h3 {
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif normal;
	color: #000;
}
#Heading_Title h1 {
	font: 1.2em bold;
	color: #0099FF;
	padding: 5px 0;
}
#Heading_Title h2 {
	font: 1em bold;
	color:#CC0000;
	padding: 5px;
}
#Heading_Title h3 {
	font: .8em;
	padding: 5px 20px;
}
*/
#Heading_Title ul {
	padding: 0 60px;
	margin: 0;
}
#Heading_Title li {
	font-size: .7em;
	margin: 0;
	padding: 0;
}
/* End Heading Style */
.spacer {
	height: 2px;
}
#DESC a {
	color: #0033FF;
	text-decoration: underline;
}
#DESC a:hover {
	color: #AABBDD;
	text-decoration: underline;
}
/* Pantone Colour Chart */
.table-pantone {
	padding: 3px;
	border: 1px solid #000;
}
.box-pantone {
	width: 75px;
	height: 120px;
	text-align: center;
	float: left;
	padding: 3px;
}
.colour_box-pantone {
	width: 75px;
	height: 75px;
}
/* Global list styles */
ul.list-inline {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
ul.list-inline, li.list-inline {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
}
/* EOF- Global list styels */

/* CSS Boxes */
div.column {
	font-size:10px;
	font-family: Verdana, Arial, sans-serif;
}
div.column_header {
	height: 14px;
	font-weight: bold;
	background-color: #bbc3d3;
	margin: 0px 2px;
}
div.column_header_left {
	background: transparent url(images/infobox/corner_left.gif) no-repeat left;
}
div.column_header_right {
	background: transparent url(images/infobox/corner_right.gif) no-repeat right;
}
div.column_header_none {
}
div.column_header_left h4 {
	padding-left: 2px;
	margin:  0 0 0 11px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
div.column_header_right h4 {
	padding-left: 13px;
	margin: 0 11px 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
div.column_header_none h4 {
	padding-left: 13px;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
div.column ul, div.column ol, div.column_p_box {
	background: #f8f8f9;
	border: 1px solid #bbc3d3;
	list-style-type: none;
	padding: 10px 0px 10px 5px;
	margin: 0px 2px 4px 2px;
	line-height: 1.2em;
}
div.column li, div.column_p_box p {
}
.column_li_center {
	text-align: center;
}
.column_li_left50 {
	float: left;
	text-align: left;
	width: 45%;
	clear: both;
}
.column_li_right50 {
	float: right;
	text-align: left;
	width: 45%;
	clear: both;
 width text-align: center;
}
/* EOF- CSS Boxes */

.separator {
	margin-bottom: 10px;
}
/* =Featured Content
-------------------------------------------------------------- */
.featured-image img {
	float:right;
	margin-top:44px;
}
.featured-button {
	background:url(/images/articles/featured-button-green.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:61px;
	width:230px;
}
.featured-button a {
	color:#444;
	text-decoration:none;
}
.featured-button:hover {
	background-position:0 -61px;
	color:#444;
	text-decoration:none;
}
.featured-button p {
	font-size:18px;
	font-weight:700;
	height:61px;
	line-height:61px;
	text-align:center;
	text-shadow:0 1px #fff;
	text-transform:uppercase;
}