/*
  $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
*/
#headerR {
 background: #fff url('images/top_right.gif') no-repeat scroll top right;
}

.boxText a{ font: bold 10px verdana, arial, sans-serif; color: #236; }
.boxText b { font: bold 10px verdana, arial, sans-serif; color: #000; }
.boxText s { font: bold 14px arial, sans-serif; color: #000; }

.errorBox { font: bold 10px verdana, arial, sans-serif; background: #ffb3b5; }
.stockWarning { font: bold 10px verdana, arial, sans-serif; color: #cc0033; }
.productsNotifications { background: #f7f7f8; }
.orderEdit { font: bold 10px verdana, arial, sans-serif; color: #f00; text-decoration: underline; }

body {
 background: #fff;
 color: #000;
 margin: 0;
 padding: 0;
}
a {
 color: #000;
 text-decoration: none;
}

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

form {
 display: inline;
}

tr.header {
 background: #fff;
}

tr.headerNavigation {
 background: #bbc3d3;
}

td.headerNavigation {
 background: #bbc3d3;
 font: bold 10px verdana, arial, sans-serif; color: #fff;
}

a.headerNavigation { 
 color: #fff; 
}

a.headerNavigation:hover {
 color: #fff;
}

tr.headerError {
 background: #f00;
}

td.headerError {
 background: #f00;
 font: bold 12px Tahoma, verdana, arial, sans-serif; color: #fff;
 text-align : center;
}

tr.headerInfo {
 background: #0f0;
}

td.headerInfo {
 background: #0f0;
 font: bold 12px Tahoma, verdana, arial, sans-serif; color: #fff;
 text-align: center;
}

tr.footer {
 background: #bbc3d3;
}

td.footer {
 background: #bbc3d3;
 font: bold 10px verdana, arial, sans-serif; color: #fff;
}

.infoBox {
 background: #b6b7cb;
}

.infoBoxContents {
 background: #f8f8f9;
 font: normal 10px verdana, arial, sans-serif;
}

.infoBoxNotice {
 background: #ff8e90;
}

.infoBoxNoticeContents {
 background: #ffe6e6;
 font: normal 10px verdana, arial, sans-serif;
}

.infoBoxHeading {
 background: #2a376c;
 font: bold 10px verdana, arial, sans-serif; color: #fff;
}

.infoBox, span.infoBox {
 font: normal 10px verdana, arial, sans-serif;
}

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

.productListing-heading {
 background: #b6b7cb;
 font: bold 10px verdana, arial, sans-serif; color: #fff;
}

td.productListing-data {
 font: normal 10px verdana, arial, sans-serif;
}

a.pageResults {
 color: #00f;
}

a.pageResults:hover {
 background: #ff3;
 color: #00f;
}
/*Page Heading*/
td.pageHeading, div.pageHeading, .pageHeading {
 font: bold 20px verdana, arial, sans-serif; color: #2a376c;
}
td.pageHeading s, div.pageHeading s, .pageHeading s {
 font: bold 25px verdana, arial, sans-serif; color: #2a376c;
}

tr.subBar {
 background: #f4f7fd;
}
td.subBar {
 font: normal 10px verdana, arial, sans-serif; color: #000;
}
/*main text*/
td.main, p.main {
 font: normal 12px verdana, arial, sans-serif; color: #000;
 text-align: justify;
}

td.smallText, span.smallText, p.smallText {
 font: bolder 10px verdana, arial, sans-serif; color: #2a376c;
}

td.accountCategory {
 font: normal 13px verdana, arial, sans-serif; color: #aabbdd;
}

td.fieldKey {
 font: bold 12px verdana, arial, sans-serif;
}

td.fieldValue {
 font: normal 12px verdana, arial, sans-serif;
}

td.tableHeading {
 font: bold 12px verdana, arial, sans-serif;
}

span.newItemInCart {
 font: normal 10px verdana, arial, sans-serif; color: #f00;
}

checkbox, input, radio, select {
 font: normal 11px verdana, arial, sans-serif;
}

textarea {
 width: 100%;
 font: normal 11px verdana, arial, sans-serif;
}

span.greetUser {
 font: bold 12px verdana, arial, sans-serif; color: #f0a480;
}

table.formArea {
 background: #f1f9fe;
 border: 1px solid #7b9ebd;
}

td.formAreaTitle {
 font: bold 12px Tahoma, verdana, arial, sans-serif;
}

span.markProductOutOfStock {
 font: bold 12px Tahoma, verdana, arial, sans-serif; color: #c76170;
}

span.productSpecialPrice {
 font: bolder 25px verdana, arial, sans-serif; color: #f00;
}

/* Product List Sale Price */
.productListing-data span.productSpecialPrice {
 font: bold 14px arial, sans-serif; color: #f00;
}
/* Product List List Price */
.productListing-data s {
 font: bold 14px arial, sans-serif; color: #000;
}

span.errorText {
 color: #f00;
}

.moduleRow { }
.moduleRowOver { background-color: #d7e9f7; cursor: pointer; }
.moduleRowSelected { background-color: #e9f4fc; }

.checkoutBarFrom, .checkoutBarTo { font: normal 10px verdana, arial, sans-serif; color: #8c8c8c; }
.checkoutBarCurrent { font: normal 10px verdana, arial, sans-serif; color: #000; }

/* message box */

.messageBox { font: normal 10px verdana, arial, sans-serif; }
.messageStackError, .messageStackWarning { font: normal 10px verdana, arial, sans-serif; background-color: #ffb3b5; }
.messageStackSuccess { font: normal 10px verdana, arial, sans-serif; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font: normal 10px verdana, arial, sans-serif; color: #ff0000; }


/**********************
  * Site Wide Styles */
.text_box {
 background-color: #f8f8f9;
 border: 1px solid #b6b7cb;
 height: auto; 
 padding: 15px;
 font: normal 12px arial, sans-serif; color: #000;
 text-align: justify;
}
.legend {
 position: relative;
 margin: -22px 0 10px -12px;
 text-align: left;
 z-index: 99;
 white-space: nowrap;
}
.legend b {
 background-color: #fff;
 padding: 0 2px;
 font: bolder 11px sans-serif; color: #2a3763; 
}
.super_note {
 font: bolder 18px verdana, arial, sans-serif; color: #9a9a9a;
}
.floatL {
 float: left;
 clear: left;
}
.floatR {
 float: right;
 clear: right;
}

h1 {
 font-weight: bolder;
 color: #000;
 margin: 10px 0;
}
h2 {
 font-size: 17px;
}
h4 {
 font: bold 12px verdana, arial, sans-serif; color: #2a376c;
 border: 1px solid #2a376c;
 border-width: 0 0 2px;
 width: 100%;
 text-align: left;
 text-decoration: none;
}
h2, h3, h5, h6 {
 font-weight: bolder;
 color: #000;
 text-decoration: underline;
 margin: 50px 0 10px;
}

.emphasis {

}
/* End Site Wide */



/**************************
  * PAGE SPECIFIC STYLES */

/* Start Index */

/* Start Here Box */
#start_search {
 position: relative;
 background-color: #2a3763;
 width: 175px;
 margin: 0 auto 0 15px; 
 padding: 0;
 border: 0;
 float: right;
 text-align: center;
 z-index: 2;
}
#start_search .round .submit1 {
 background-color: #fff;
 width: 50px; height: 19px;
 border: 1px solid #2a376C;
 padding: 1px 5px;
 font: bold 11px arial, Helvetica, sans-serif; color: #2a3763;
 text-align: justify;
}
#start_search p {
 color: #f8f8f9;
 text-align: justify;
 margin: 5px 10px;
}
.start_search_bg {
 background: #f8f8f9 url('images/bg_search.gif') scroll no-repeat top right;
}
/* End Index */

/* FAQ */
#faq dt {
 margin: 10px 0;
}
#faq dd {
 font: bolder 13px verdana, arial, sans-serif; color: #000;
 line-height: 20px;
}
#faq h4 {
 padding: 0 0 0 10px;
}
#faq .returns {
 width: 97%;
 margin: 0 0 35px;
 font: bolder 10px verdana, arial, sans-serif;
 text-align: right;
}
#faq .returns a {
 color: #2a376c;
 text-decoration: none;
}

/* End FAQ */

/* Quality */
#quality object, #quality embed {
 float: right;
 margin: 0 5px 10px 25px;
}
#quality .pageHeading {
 margin: 0 0 -20px 0;
}
#quality p {
 text-align: justify;
 padding: 0 25px 0 5px;
}
/* End Quality */

/* Environment */
#environment object, #environment embed {
 float: right;
 margin: 0 0 10px 25px;
}
#environment .pageHeading {
 margin: 0 0 -20px 0;
}
#environment p {
 text-align: justify;
 padding-left: 5px;
}
/* End Environment */

/* Warranty */
#warranty {
 text-align: center;
}
#warranty h1 {
 width: 100%;
 border: 1px solid #2a376c;
 border-width: 0 0 2px;
 text-align: left;
}
#warranty p {
 text-align: justify;
 padding: 10px 70px 0 50px;
}
/* End Warranty */



/*****************
  * Tabbed Menu */

#tabbed_menu {
 background: #fff url('images/tabbed_menu_bg.gif') repeat-x bottom;
 position: absolute;
 top: 35px; right: 180px;
 width: auto;
 font-size: 93%;
 line-height: normal;
}
#tabbed_menu ul {
 margin: 0;
 padding: 10px 10px 0;
 list-style: none;
}
#tabbed_menu li {
 background: url('images/tabbed_menu/left.gif') no-repeat left top;
 float: left;
 margin: 0;
 padding: 0 0 0 9px;
}
#tabbed_menu ul li a {
 background: url('images/tabbed_menu/right.gif') no-repeat right top;
 display: block;
 padding: 5px 15px 5px 6px;
}
#tabbed_menu #current_tab {
 background-image: url('images/tabbed_menu/left_on.gif');
}
#tabbed_menu li#current_tab a {
 background-image: url('images/tabbed_menu/right_on.gif');
 padding: 5px;
}

/* end menu */

/* FLOATING SEARCH */
#floating_search {
 position: absolute;
 background-color: transparent;
 top: 5px; right: 5px;
 width: 155px;
 margin: 0 auto; 
 padding: 0;
 border: 0;
 text-align: center;
 z-index: 2;
}
#floating_search .round .searchBox {
 border: 1px solid #008;
 font: bold 11px verdana, arial, helvetica, sans-serif; color: #2A376C;
 padding-right: 5px;
 text-align: right;
}
#floating_search .round .submit1 {
 background-color: #fff;
 width: 35px; height: 18px;
 border: 1px solid #2A376C;
 padding: 1px 5px;
 font: bold 11px arial, Helvetica, sans-serif; color: #2A376C;
 text-align: center;
}
#floating_search .round a:link, #floating_search .round a:visited, #floating_search .round a:active {
 font: bold 11px sans-serif; color: #000;
}
#floating_search .round a:hover {
 font: bold 11px sans-serif; color: #444;
}
/* end search */


/***************
  * Image Bar */

#image_bar {
 margin: 0 0 10px;
 padding: 2px;
 text-align: center;
}
#image_bar legend {
 font: bolder 11px sans-serif; color: silver;
}
#image_bar table {
 margin: 0 auto;
 width: 98%;
 text-align: center;
}
#image_bar table td {
 width: 72px;
}
#image_bar table img {
 border: 0;
}
#image_bar table a {
 line-height: 34px;
}
#image_bar table a:link, #image_bar table a:visited {
 border-style: outset; border-width: 1px 2px 2px 1px;
 text-decoration: none;
}
#image_bar table a:link:focus, #image_bar table a:visited:focus {
 border-style : outset; border-width : 0 1px 1px 0;
 text-decoration: none;
}
#image_bar table a:link {
 border-style: outset; border-width: 1px 2px 2px 1px;
 text-decoration: none;
}
#image_bar table a:visited {
 border-style: outset; border-width: 1px 2px 2px 1px;
 text-decoration: none;
}
#image_bar table a:link:hover, #image_bar table a:visited:hover {
 border-style: outset; border-width : 0 1px 1px 0;
 text-decoration: none;
}
#image_bar table a:link:active, #image_bar table a:visited:active { 
 border-style: inset; border-width: 1px 0 0 1px;
 text-decoration: none;
}

/* end bar */ 

/************************
  * The Rounded Corner */
  
.roundedCornerSpacer {
 margin: 0; padding: 0; border: 0;
 clear: both;
 font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
 width: 14px; height: 14px;
 padding: 0; border: 0;
 z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0 0 -1px; }
.borderTR { margin: -1px -1px 0 0; }
.borderBL { margin: -14px 0 0 0; }
.borderBR { margin: -14px 0 0 0; }
.borderTL {
 margin-left: -4px;
 ma\rgin-left: -4px;
}
html>body .borderTL {
 margin-left: -1px;
}
.borderTR {
 margin-right: -4px;
 ma\rgin-right: -4px;
}
html>body .borderTR {
 margin-right: -1px;
}
.borderBL {
 margin-left: -3px;
 ma\rgin-left: -3px;
}
html>body .borderBL {
 margin-left: 0;
}
.borderBR {
 margin-right: -3px;
 ma\rgin-right: -3px;
}
html>body .borderBR {
 margin-right: 0;
}
.round {
 margin: 0;
 padding: 0;
 border: 1px solid #000;
 font: bolder 10px verdana, arial, Helvetica, sans-serif; color: #68a;
 background-color: transparent;
}
/* end rounded corners */
