/*
  $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 {}

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

body {
	background-color: #006633;
	background-image: url("/images/intfocus/bg-page-gradient.png");
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 auto;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#block-landscape {
	background-image: url("/images/intfocus/bg-page.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	z-index: -1;
}

.greeting {
  background: #f8f8f9;
  font-family: "Verdana, Arial", sans-serif;
  font-size: 16px;
}

.fixcenter {
  width:778px;
  border: solid; border-width: 1px;
  background: #ffffff;
  color: #006633;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}

a {
  color: #006600;
  text-decoration: none;
}

a:hover {
	color: #003300;	
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #006633;
}

TD.headerNavigation {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  background: #006633;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: "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: "Verdana, Arial", sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #006633;
}

TD.footer {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  background: #006633;
  color: #ffffff;
  font-weight: bold;
}

.infoBox { }

.infoBoxContents { }

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #006633;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: "Helvetica,Ariel", sans-serif;
  font-size: 11px;
}

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: #006633;

  border-spacing: 2px;

}

.productListing-heading {
	background-color: #006633;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

A.pageResults {
  color: #0000FF;

}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #006633;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main, TD.dataTableHeadingContent {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
}

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: 11px;
  color: #ff0000;
}

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

}

textarea {
	font: 12px Arial, Helvetica, sans-serif;
}

span.greetUser {
	font-size: 12px;
	font-weight: bold;
	color: #006600;
}

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

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

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

SPAN.productSpecialPrice {
 font-family: "Verdana, Arial", sans-serif;
  color: #ff0000;
}
TD.productPriceInListing {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 11px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: "Verdana, Arial", sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

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

.moduleRow { }
.moduleRowOver {
	background-color: #44774D; 
	color: #FFFFFF;
	cursor: pointer; 
	cursor: hand; 
}

.moduleRowSelected { 
	background-color: #E5E599;
}

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

/* message box */

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

/* input requirement */

.inputRequirement { font-family: "Verdana, Arial", sans-serif; font-size: 11px; color: #ff0000; }

.cssButton {
  background: #f0f0ff;
  color: #000080;
  width: 100px;
  height: 20px;
  vertical-align: top;
  font-weight: normal;
  font-family: "Verdana, Arial", sans-serif;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
}

/*	Added by Interactive Focus
	August 2009 */

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 10px 0;
	padding: 0;
}

h1 {
	font-size: 20px;
	color: #CC0000;
}

h2 {
	font-size: 18px;
	color: #224E22;
}

h3, h4, h5, h6 {
	font-size: 16px;
	color: #000000;
}

blockquote {
	margin: 10px 0;
	padding: 0;
	font-style: italic;	
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	z-index: 999;
	position: relative;
}

#header-region {
	background-image: url("/images/intfocus/bg-header.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	width: 980px;
	height: 159px;
	display: block;
	position: relative;
}

#header-region .block-account {
	float: right;
	background-image: url("/images/intfocus/bg-preheader.png");
	padding: 5px 10px;
	font-size: 12px;
	color: #FFFFFF;
}

#header-region .block-account a {
	font-weight: bold;
	color: #FFFFFF;
}

#header-region .block-account a:hover {
	color: #FFCC00;	
}

#header-region .block-logo {
	float: left;
	margin: 20px 20px 0 20px;
	padding: 0;
	width: 185px;
	height: 109px;
}

#header-region .block-services {
	float: right;
	text-align: right;
	position: relative;
	width: 310px;
}

#header-region .block-services h3 {
	float: left;
	margin: 5px 10px;
	color: #FFFFFF;
	width: 135px;
}

#header-region .block-tagline {
	clear: both;
	float: left;
	margin: 0 10px 0 160px;
	padding: 0;
	width: 400px;
}

#header-region h2 {
	margin: 0;
	padding: 0;
}

#header-region .block-image {
	position: absolute;
	top: 20px;
	right: 20px;
}

#tnav {
	background-color: #FFFFFF;
	margin: 0;
	padding: 5px 5px 1px 5px;
	width: 970px;
	height: 50px;
}

#tnav .border-left {
	float: left;
	background-image: url("/images/intfocus/border-tnav-left.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 5px;
	height: 50px;
}

#tnav .border-right {
	float: left;
	background-image: url("/images/intfocus/border-tnav-right.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 5px;
	height: 50px;	
}

#tnav ul {
	float: left;
	background-image: url("/images/intfocus/bg-tnav.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #336600;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 50px;
	display: block;
}

#tnav ul li {
	float: left;
	margin: 0;
	padding: 17px 0;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
}

#tnav ul li a {
	padding: 17px 9px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
}

#tnav ul li a:hover {
	background-image: url("/images/intfocus/bg-tnav-hover.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #33815A;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFCC00;	
	display: inline;
}

#fnav {
	margin: 20px 0;
}

#fnav ul {
	margin: 0;
	padding: 0;
	width: 940px;
	height: 14px;
	display: block;
}

#fnav ul li {
	float: left;
	margin: 0 20px;
	list-style-type: none;
	list-style-position: outside;
}

#fnav ul li a {
	margin: 0;
	padding: 5px;
	color: #FFFFFF;
}

#fnav ul li a:hover {
	background-color: #1A5A35;
	margin: 0;
	color: #FFCC00;
	text-decoration: none;
}

#content-region {
	background-image: url("/images/intfocus/bg-content-gradient.png");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #FFFFFF;
	margin: 0;
	padding: 5px;
	position: relative;
}

#main-content,
#main-content-full {
	float: left;
	margin: 0 10px 10px 10px;
	padding: 0;
	position: relative;
}

#main-content {
	width: 	550px;	
}

#main-content-full {
	width: 750px;
}

#main-content #breadcrumb,
#main-content-full #breadcrumb {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 11px;
	color: #000000;
}

#main-content #breadcrumb a,
#main-content-full #breadcrumb a {
	font-weight: bold;
	color: #000000;	
}

.block {
	border: 1px solid #006432;
	margin: 0 0 10px 0;
}

#footer-region .block {
	border: 0;	
}

#footer-region .block h3 {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

.block h3 {
	background-image: url("/images/intfocus/header-col-bg.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #006432;
	border: 2px solid #006432;
	margin: 0 0 10px 0;
	padding: 7px 10px 3px 10px;
	color: #FFFFFF;
}

.block p {
	padding: 0 10px;	
}

.block-purchased {
	margin: 10px 0;
	padding: 0 0 10px 0;	
}

#left-column {
	float: left;
	width: 200px;
}

#left-column .block-category {
	background-color: #FFFFFF;
	border: 1px solid #006432;
	margin: 0 0 10px 0;
}

#left-column .block-category h3 {
	background-image: url("/images/intfocus/header-col-bg.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #006432;
	border: 2px solid #006432;
	margin: 0;
	padding: 7px 10px 3px 10px;
	color: #FFFFFF;
}

#left-column .block-category ul {
	margin: 10px;
	padding: 0;
}

#left-column .block-category ul li {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
}

#left-column .block-category ul li a {
	padding: 2px 5px;
	display: block;
	color: #000000;
	width: 168px;
}

#left-column .block-category ul li a:hover {
	background-color: #E5E599;
	padding: 2px 5px;
	color: #000000;
	text-decoration: none;
	display: block;
}

#right-column {
	float: right;
	width: 200px;
}

#right-column .block-cart {
	background-color: #CC9966;
	border: 1px solid #4D3219;
	margin: 0 0 10px 0;
}

#right-column .block-cart h3 {
	background-image: url("/images/intfocus/header-cart-bg.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #4D3219;
	border: 2px solid #4D3219;
	margin: 0 0 10px 0;
	padding: 7px 10px 3px 10px;
	color: #FFFFFF;
}

#right-column .block-cart p {
	margin: 10px;	
}

#right-column .block-total {
	background-color: #DAB893;
	margin: 10px 0 0 0;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: right;	
}

#right-column .block-cart .block-product {
	border-bottom: 1px dotted #660000;
	margin: 0 10px;
	padding: 2px 5px;
	font-weight: bold;
}

#right-column .block-cart .block-product:hover {
	background-color: #DBB894;
}

#right-column .block-cart span.quantity {
	float: left;
	width: 40px;
	display: block;
}

#right-column .block-cart span.product {
	float: left;
	width: 128px;
	display: block;
}

#right-column .block-cart span.product a {
	width: 150px;
	display: block;
	color: #000000;
}

#right-column .block-cart span.product a:hover {
	color: #CC3300;
}

#right-column .block-history {
	padding: 0 0 10px 0;	
}

#right-column .block-order {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 10px;
	padding: 0;
}

#right-column .block-order a {
	padding: 2px 5px;
	font-weight: bold;
	color: #000000;
	display: block;
	width: 170px;
}

#right-column .block-order a:hover {
	background-color: #E5E599;
}

tr.productListing-odd {
	background-color: #FFFFFF;
}

tr.productListing-odd:hover {
	background-color: #44774D;
	color: #FFFFFF;
}

tr.productListing-even {
	background-color: #E5E599;
}

tr.productListing-even:hover {
	background-color: #44774D;
	color: #FFFFFF;
}

tr.productListing-odd:hover a,
tr.productListing-even:hover a {
	color: #FFFFFF;
}

tr.productListing-odd:hover a:hover,
tr.productListing-even:hover a:hover {
	color: #FFCC00;
}

.productListing-data a:hover {
	color: #FFCC00;	
}

.quantity {
	width: 72px;	
}

.attributes {
	width: 175px;	
}

.attributes select {
	width: 150px;	
}

#footer-region {
	background-color: #00471E;
	margin: 0;
	padding: 20px;
	width: 940px;
}

#footer-region h3 {
	color: #FFCC00;	
}

#footer-region .block-category {
	background-color: #155520;
	margin: 0 auto;
	padding: 20px;
}

#footer-region .block-category ul {
	border-left: 1px solid #072A0B;
	margin: 10px 0 0 0;
	padding: 0;
	width: 896px;
	height: 75px;
	display: block;
}

#footer-region .block-category ul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #072A0B;
	list-style-type: none;
	width: 203px;
}

#footer-region .block-category ul li a {
	padding: 5px;
	color: #FFFFFF;
	display: block;
	width: 193px;
}

#footer-region .block-category ul li a:hover {
	background-color: #44774D;
	color: #FFCC00;
	text-decoration: none;
}

.clear-both {
	clear: both;	
}

.block-step {
	margin: 20px 0 0 0;	
}

.block-personal,
.block-billing,
.block-delivery,
.block-address,
.block-contact,
.block-password,
.block-address-book,
.block-order-history,
.block-shipping-address,
.block-billing-address,
.block-shipping-method,
.block-payment-method,
.block-comments,
.block-payment {
	border: 1px solid #666666;
	margin: 10px 0;
	padding: 10px;
}

.block-billing textarea,
.block-address-book textarea,
.block-order-history textarea,
.block-shipping-address textarea,
.block-billing-address textarea,
.block-shipping-method textarea,
.block-payment-method textarea,
.block-comments textarea {
	width: 528px;	
}

.link {
	text-align: center;	
}

.tbl-totals {
	margin: 10px 0 0 0;	
}

.two-column {
	width: 	50%;
}

.three-column {
	width: 33%;	
}

.three-column-two {
	width: 66%;	
}

.block-divider { }

.block-copyright,
.block-credit {
	font-size: 11px;
	color: #80A38F;
}

.block-copyright a,
.block-credit a {
	color: #80A38F;
	text-decoration: none;
}

.block-copyright a:hover {
	color: #80A38F;
	text-decoration: underline;
}

.block-copyright {
	float: left;	
}

.block-credit {
	float: right;
	
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.block-link {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
}

.block-enquiry {
	border: 1px solid #CCCCCC;
	margin: 0 5px 0 0;
	padding: 10px;
	width: 350px;
	display: block;
}

.block-details {
	margin: 0 0 0 5px;
	width: 360px;
	display: block;
}

label {
	font-weight: bold;	
}

input.field,
select.field,
textarea.field {
	padding: 3px;
	font-size: 12px;
	width: 340px;	
}

input.button {
	font-size: 14px;
	font-weight: bold;
}

input.field:focus {
	border: 1px inset #003300;	
}

.required {
	font-style: italic;
	color: #CC0000;	
}

.block-msg-error {
	border: 1px solid #FFBBFF;
	background-color: #FFEEFF;
	margin: 10px;
	padding: 10px;
}

.block-msg-success {
	border: 1px solid #00CC00;
	background-color: #99FF99;
	margin: 10px;
	padding: 0 10px;
}

.block-welcome {
	border: 1px solid #009966;
	background-color: #E5E599;
	margin: 10px 0;
	padding: 10px;
}

.block-testimonial {
	background-image: url("/images/intfocus/quotes.png");
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 0 50px;
}

.block-download {
	border: 1px solid #009966;
	margin: 10px 0;
	padding: 10px;	
}

.block-guarantee {
	border: 1px solid #009966;
	margin: 30px 0;
	padding: 10px 10px 10px 170px;
	position: relative;
}

.block-guarantee .block-image {
	position: absolute;
	left: 0;
	top: -28px;
}

#right-column .block-guarantee {
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 10px;
}

.block-member,
.block-support {
	margin: 0 0 10px 0;	
}

li.pdf {
	background-image: url("/images/intfocus/pdf-icon.png");
	background-repeat: no-repeat;
	background-position: left;
	margin: 0;
	padding: 10px 0 10px 50px;
	list-style-type: none;
}