/*
  $Id: stylesheet.css 1739 2008-09-18 00:52:16Z kc $

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

  Copyright (c) 2003 osCommerce, 2008 CTS

  Released under the GNU General Public License
*/

.boxText { /*font-family: Verdana, Arial, sans-serif; font-size: 10px;*/ }
.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: #31668e; text-decoration: underline; }

BODY {
  color: #5e5e5e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
  margin: 0;
}

A {
  color: #31668e;
  text-decoration: none;
}

A:hover {
  color: #ffa800;
  text-decoration: none;
}

FORM {
	display: inline;
}

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;
}

.infoBox {
  background: #8bc4eb;
}

.infoBoxContents {
  background: #f8f8f9;
  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 {
  background: #8bc4eb url("../images/cts_heading_small.gif") repeat-x center;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
	height: 19px;
	padding-left: 10px;
}

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: #8bc4eb;
  border-spacing: 1px;
}

.productListing-heading {
  background: #8bc4eb url("../images/cts_heading_small.gif") repeat-x center;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
	height: 19px;
}

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

A.pageResults {
  color: #0000FF;
}

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

H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #9a9a9a;
}

H1.pageHeading, TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
	text-align: right;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  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: 10px;
}

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 {
  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: #f0a480;
  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: #c76170;
  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; }
.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; }

/* header */

.header_quick_nav {
	background: url("../images/cts_header_top_mid.gif") repeat-x;
	vertical-align: top;
}

.header_quick_nav TD {
	background: url("../images/cts_header_top_div.gif") no-repeat left top;
	color: #2b2b2b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 8px 0 18px;
}

.header_quick_nav A:link, .header_quick_nav A:active, .header_quick_nav A:visited {
	color: #2b2b2b;
	text-decoration: none;
}

.header_quick_nav A:hover {
	color: #5a98c3;
	text-decoration: underline;
}

.header_main_nav {
	background: url("../images/cts_header_menu_mid.gif") repeat-x;
}

.header_main_nav TD {
	color: #5c5c5c;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

.header_main_nav A:link, .header_main_nav A:active, .header_main_nav A:visited {
	color: #5c5c5c;
	text-decoration: none;
}

.header_main_nav A:hover {
	color: #5a98c3;
	text-decoration: underline;
}

.infoBoxSearch {
	background: url("../images/cts_header_search_field.gif") no-repeat left;
	margin: 0 20px 0 20px;
	width: 199px;
}

INPUT.cts_header_search {
	background: transparent;
	border: none;
	color: #8b8f91;
	height: 18px;
	margin-top: 4px;
	width: 106px;
}

/* left column */

.maincont_left_td {
	padding: 10px 6px 6px 0;
	width: 206px;
}

.leftbar_tb {
	width: 200px;
}

.infoBoxHeadingLeft, .infoBoxHeadingLeft_categ {
	background: url("../images/cts_leftbox_top.gif") no-repeat;
	color: #787878;
	height: 44px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 24px;
	text-transform: uppercase;
}

.infoBoxLeft, .infoBoxLeft_categ {
	background: url("../images/cts_leftbox_bg.gif") repeat-y;
	margin-bottom: 6px;
}

.infoBoxLeft .boxText, .infoBoxLeft TD.infoBoxContentsLeft, .infoBoxLeft_categ .boxText {
	color: #2b2b2b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.infoBoxLeft.largePrint .boxText, .infoBoxLeft.largePrint TD.infoBoxContentsLeft {
	color: #5e5e5e;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}

.infoBoxLeft .boxText, .infoBoxLeft_categ .boxText {
	padding: 10px 24px;
}

TABLE.infoBoxContentsLeft, .infoBoxContentsLeft_categ {
	background: url("../images/cts_leftbox_bottom.gif") no-repeat bottom;
}

.infoBoxContentsLeft_categCell {
	background: url("../images/cts_leftbox_cell.gif") repeat-x bottom;
	padding: 4px 0;
}

.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited,
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited{
	color: #5e5e5e;
}

.infoBoxContentsLeft A:hover {
	color: #5a98c3;
}

.infoBoxContentsLeft_categ A:hover {
	color: #ffa800;
	text-decoration: none;
}

/* central column */

.maincont_mid_td {
	padding: 10px 0 7px 0;
}

/* right column */

.maincont_right_td { width: 0; }
.rightbar_tb { width: 0; }

/* products listing */

.productBoxOuter { float: left; background: url("../images/cts_prod_top_l.gif") no-repeat left top; }
.productBoxOuter .productBoxHeading { width: 119px; }
.productBoxOuter .productBoxContent { width: 153px; padding: 0 6px; }
.productBoxOuter .productBoxBottom { width: 155px; }
.productBoxHeadingL { background: url("../images/cts_prod_top_l.gif") no-repeat left top; }
.productBoxHeadingR { background: url("../images/cts_prod_top_r.gif") no-repeat right top; }
.productBoxSideL { background: url("../images/cts_prod_side_l2.gif") no-repeat left 15px; }
.productBoxSideR { background: url("../images/cts_prod_side_r.gif") repeat-y right center; }
.productBoxBottomL { background: url("../images/cts_prod_bottom_l.gif") no-repeat left bottom; }
.productBoxBottomR { background: url("../images/cts_prod_bottom_r.gif") no-repeat right bottom; }

.productBoxHeading {
	background: url("../images/cts_prod_top_m.gif") repeat-x top;
	height: 9px;
	margin: 0 26px;
}

.productBoxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 3px;
}

.productBoxBottom {
	background: url("../images/cts_prod_bottom_m.gif") repeat-x bottom;
	height: 7px;
	margin: 0 8px;
}

.productBoxImage { border: #d3d3d3 solid 1px; }
.productBoxOuter .spacer { height: 10px; }
.productBoxOuter .dotted { background: url("../images/cts_dotted_hl.gif") repeat-x center; }

.productBoxShim {
	float: left;
	height: 1px;
	width: 16px;
}

.productRowShim {
	clear: both;
	height: 16px;
}

.listingBracketTL { background: url("../images/cts_bracket_top_l.gif") no-repeat left top; }
.listingBracketTR { background: url("../images/cts_bracket_top_r.gif") no-repeat right top; }
.listingBracketBL { background: url("../images/cts_bracket_bottom_l.gif") no-repeat left bottom; }
.listingBracketBR { background: url("../images/cts_bracket_bottom_r.gif") no-repeat right bottom; }

.listingBracketT {
	background: url("../images/cts_bracket_top_m.gif") repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	margin: 0 6px;
	padding-top: 4px;
	width: 716px;
}

.listingBracketB {
	background: url("../images/cts_bracket_bottom_m.gif") repeat-x bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	margin: 0 6px;
	padding-top: 4px;
	width: 716px;
}
.listingBracketB A {
	font-weight: bold;
}

.listingBracketTL { margin: 0 2px 4px 2px; }
.listingBracketBL { margin: 4px 2px 23px 2px; }
.listingBracketT U, .listingBracketB U { text-decoration: none; }

.listingBracketT A:link, .listingBracketT A:active, .listingBracketT A:visited,
.listingBracketB A:link, .listingBracketB A:active, .listingBracketB A:visited {
	color: #31668e;
}

.listingBracketT A:hover, .listingBracketB A:hover {
	color: #ffa800;
	background-color: transparent !important;
}

/* footer */

.footer_top { margin: 0 auto 20px auto; width: 938px; }
.footer_top .footer_mid { width: 931px; }
.footer_left { background: url("../images/cts_footer_left.gif") no-repeat left top; }
.footer_right { background: url("../images/cts_footer_right.gif") no-repeat right top; }

.footer_mid {
	background: url("../images/cts_footer_mid.gif") repeat-x bottom;
	height: 5px;
	margin: 0 2px 0 5px;
}

.footer_nav {
	border-left: #c2c2c2 solid 1px;
	color: #737373;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 12px;
}

.footer_nav A:link, .footer_nav A:active, .footer_nav A:visited {
	color: #737373;
}

.footer_nav A:hover {
	color: #5a98c3;
	text-decoration: none;
}

/* default */

.boxOuter { }
.boxOuter .boxCornerLT { background: url("../images/cts_prod_top_l.gif") no-repeat left top; }
.boxOuter .boxCornerRT { background: url("../images/cts_prod_top_r.gif") no-repeat right top; }
.boxOuter .boxSideL { background: url("../images/cts_prod_side_l.gif") repeat-y left center; }
.boxOuter .boxSideR { background: url("../images/cts_prod_side_r.gif") repeat-y right center; }
.boxOuter .boxCornerLB { background: url("../images/cts_prod_bottom_l.gif") no-repeat left bottom; }
.boxOuter .boxCornerRB { background: url("../images/cts_prod_bottom_r.gif") no-repeat right bottom; }

.boxOuter .boxTop {
	background: url("../images/cts_prod_top_m.gif") repeat-x top;
	height: 26px;
	margin: 0 26px;
}

.boxOuter .boxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 3px;
}

.boxOuter .boxBottom {
	background: url("../images/cts_prod_bottom_m.gif") repeat-x bottom;
	height: 7px;
	margin: 0 8px;
}

.hoverBoxCornerLT { background: url("../images/cts_hoverbox_top_l.gif") no-repeat left top; }
.hoverBoxCornerRT { background: url("../images/cts_hoverbox_top_r.gif") no-repeat right top; }
.hoverBoxSideL { background: url("../images/cts_hoverbox_side_l.gif") repeat-y left center; }
.hoverBoxSideR { background: url("../images/cts_hoverbox_side_r.gif") repeat-y right center; }
.hoverBoxCornerLB { background: url("../images/cts_hoverbox_bottom_l.gif") no-repeat left bottom; }
.hoverBoxCornerRB { background: url("../images/cts_hoverbox_bottom_r.gif") no-repeat right bottom; }

.hoverBoxTop {
	background: url("../images/cts_hoverbox_top_m.gif") repeat-x top;
	height: 26px;
	margin: 0 26px;
}

.hoverBoxContent {
	background: url("../images/cts_loader.gif") center center no-repeat #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 352px;
	margin: 0 26px;
	width: 352px;
}

.hoverBoxBottom {
	background: url("../images/cts_hoverbox_bottom_m.gif") repeat-x bottom;
	height: 26px;
	margin: 0 26px;
}

#jHelperTipContainer .hoverBoxTop { width: 352px; }
#jHelperTipContainer .hoverBoxContent { width: 352px; }
#jHelperTipContainer .hoverBoxBottom { width: 352px; }
#jHelperTipContainer img { display: block; border: #d3d3d3 solid 1px; }

.boxBracketOuter { }
.boxBracketTL { background: url("../images/cts_bracket_top_l.gif") no-repeat left top; }
.boxBracketTR { background: url("../images/cts_bracket_top_r.gif") no-repeat right top; }
.boxBracketBL { background: url("../images/cts_bracket_bottom_l.gif") no-repeat left bottom; }
.boxBracketBR { background: url("../images/cts_bracket_bottom_r.gif") no-repeat right bottom; }

.boxBracketT {
	background: url("../images/cts_bracket_top_m.gif") repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	margin: 0 6px;
	padding-top: 4px;
}

.boxBracketOuter .boxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.boxBracketB {
	background: url("../images/cts_bracket_bottom_m.gif") repeat-x bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	margin: 0 6px;
	padding-top: 4px;
}

.boxBracketTL { margin: 0 0 10px 0; }
.boxBracketBL { margin: 10px 0 0 0; }
.boxBracketT U, .boxBracketB U { text-decoration: none; }

.boxBracketT A:link, .boxBracketT A:active, .boxBracketT A:visited,
.boxBracketB A:link, .boxBracketB A:active, .boxBracketB A:visited {
	color: #31668e;
}

.boxBracketT A:hover, .boxBracketB A:hover {
	color: #ffa800;
}

/* nested */

.centeredContainer { margin: auto; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignFlush { text-align: justify; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.inline { display: inline; }
.block { display: block; }
.hidden { display: none; }
.nowrap { white-space: nowrap; }
.paddingTop { padding-top: 5px; }
.paddingRight { padding-right: 5px; }
.paddingBottom { padding-bottom: 5px; }
.paddingLeft { padding-left: 5px; }
.marginTop { margin-top: 5px; }
.marginRight { margin-right: 5px; }
.marginBottom { margin-bottom: 5px; }
.marginLeft { margin-left: 5px; }
.noborder { border: none; }
.border { border: #d3d3d3 solid 1px; }
.strong { font-weight: bold; }
.x2spacer { clear: both; height: 2px; line-height: 1px; }
.x3spacer { clear: both; height: 3px; line-height: 1px; }
.x10spacer { clear: both; height: 10px; line-height: 1px; }
.x20spacer { clear: both; height: 20px; line-height: 1px; }

.listPlain {
	list-style: none;
	margin: 0;
	padding: 0;
}

.concealed {
	background: none;
	border:none;
	font-size: 1px;
	height: 2px;
	width: 2px;
}

/* dynamic buttons */

A span.btn_mid { color: #0c6f90; text-decoration: none; }
.btn_left, .btn_mid, .btn_right {
	display: inline-block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	color: #0c6f90;
	cursor: pointer;
}
.btn_mid {
	padding: 3px 4px;
	margin: 0 5px 0 5px;
	background: transparent url("../images/cts_button_mid.gif") center repeat-x;
	border: 0px;
}
input.btn_mid {
	padding: 1px 4px !important;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 2px 4px !important;
}
.btn_left { background: transparent url("../images/cts_button_left.gif") left center no-repeat; }
.btn_right { background: transparent url("../images/cts_button_right.gif") right center no-repeat; }
.btn_mid { [voice-family: inherit;] vertical-align: middle !important; }
input.btn_mid { [voice-family: inherit; padding: 3px 4px !important;] padding: 2px 4px !important; }
void[id] { voice-family: inherit; }
