/*
  $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: 10px; }
.boxTextLeft { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.boxTextRight { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.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:#009900; text-decoration: underline; }

BODY {
  background: #B0C4C3;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #333333;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #999;
  font-weight : bold;
  border: 1px solid #F2F2F2;
}

A.headerNavigation { 
  color: #999; 
}

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

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

TABLE.footer {
  background: #ffffff;
}


TR.footer {
  background: #bbc3d3;
}

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

/* infoBox */

.infoBox {
  background: #283043;
}

.infoBoxButton {
  background: #B0C4C3;
}

.infoBoxContents {
  background: #B0C4C3;
  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: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: #B0C4C3;
  color: #0a7cbf;
}

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

/* infoBoxLeft */
TD.leftMenu {
  background: #283043;
}

.infoBoxLeft {
  background: #283043;
  margin-bottom:10px;
}

.infoBoxLeftContents {
  background: #283043;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
}

.infoBoxLeftContents a { color:#FFFFFF; }

.infoBoxLeftNotice {
  background: #FF8E90;
}

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

TD.infoBoxLeftHeading {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing:0.03em;
  background: #283043;
  border-bottom: 1px solid #FFFFFF;
  color: #ffffff;
}

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

/* infoBoxRight */

TD.rightMenu {
  background: #5C8685;
}
 
.infoBoxRight {
  background: #5C8685;
}

.infoBoxRightContents {
  background: #5C8685;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
}

.infoBoxRightContents a { color:#FFFFFF; }

.infoBoxRightNotice {
  background: #FF8E90;
}

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

TD.infoBoxRightHeading {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing:0.03em; 
  background: #5C8685;
  border-bottom: 1px solid #FFFFFF;
  color: #ffffff;
}

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

/* infoBoxBorderless */

.infoBoxBorderless {
  background: #B0C4C3;
}

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

.infoBoxBorderlessNotice {
  background: #FF8E90;
}

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

TD.infoBoxBorderlessHeading {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: #B0C4C3;
  color: #0a7cbf;
}

TD.infoBoxBorderless, SPAN.infoBoxBorderless {
  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: #EBF3F3;
}

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: #D0E2E2;
}

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

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #0a7cbf;
  letter-spacing:0.03em;
  background: #D0E2E2;
  padding: 5px 5px 5px 5px;
}

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: 12px;
  line-height: 1.5;
}

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

TD.pageNav, SPAN.pageNav, P.pageNav {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:#FFFFFF;
}

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: #FF0000;
  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: #D0E2E2; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #EBF3F3; }

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



div.menu_left          { font-size:12px; color:#FFFFFF; background:#283043; padding:0 5 0 5px; width:150px; }
div.menu_left ul       { margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.menu_left a        { display:block; color:#FFFFFF; text-decoration:none; padding:3px 0 3px 0px; border-bottom:1px solid #c4dfea; width:150px;   }
div.menu_left a:hover  { background:#505766; text-decoration:none; color:#FFFFFF; }


div.menu_right          { font-size:12px; background:#5C8685; padding:0 10 0 10; width:200px; color:#FFFFFF; }
div.menu_right ul       { margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.menu_right a        { display:block; color:#FFF; text-decoration:none; padding:3px 0 3px 0px; border-bottom:1px solid #c4dfea; width:190px;   }
div.menu_right a:hover  { background:#7A9C9B; text-decoration:none; color:#FFFFFF; }

div.order_history          { font-size:12px; background:#5C8685; padding:0 10 0 10; width:200px; color:#FFFFFF; }
div.order_history ul       { margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.order_history li       { text-align:center; float:left; margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.order_history a        { float:left; display:block; color:#FFF; text-decoration:none; padding:0px 0px 0px 0px; border-bottom:1px solid #c4dfea; height:20px; width:125px; }
div.order_history a.buynow    { display:block; color:#FFF; text-decoration:none; padding:5px 0px 0px 5px; border-bottom:0px solid #c4dfea; height:20px; width:60px;  }
div.order_history a:hover  { background:#7A9C9B; text-decoration:none; color:#FFFFFF; }
div.order_history a.buynow:hover  { background:#5C8685; text-decoration:none; color:#FFFFFF; }

div.notifications          { font-size:12px; background:#5C8685; padding:0 10 0 10; width:200px; color:#FFFFFF; }
div.notifications ul       { margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.notifications li       { text-align:center; float:left; margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.notifications a        { display:block; color:#FFF; text-decoration:none; padding:5px 0px 0px 0px; border-bottom:1px solid #c4dfea; height:40px; width:140px; }
div.notifications a.dot    { float:left; display:block; color:#FFF; text-decoration:none; padding:5px 0px 0px 0px; border-bottom:1px solid #c4dfea; height:40px; width:40px;  }
div.notifications a:hover  { text-decoration:none; color:#FFFFFF; }

div.reviews          { font-size:12px; background:#5C8685; padding:0 10 0 10; width:200px; color:#FFFFFF; }
div.reviews ul       { margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.reviews li       { text-align:center; float:left; margin:0;padding:0; list-style:none; margin-bottom:0px;}
div.reviews a        { display:block; color:#FFF; text-decoration:none; padding:10px px 0px 0px; border-bottom:1px solid #c4dfea; height:50px; width:130px; }
div.reviews a.pencil { float:left; display:block; color:#FFF; text-decoration:none; padding:0px 0px 0px 0px; border-bottom:1px solid #c4dfea; height:50px; width:50px;  }
div.reviews a:hover  { text-decoration:none; color:#FFFFFF; }

#topmenu { position:absolute; right:0px; top:120px; font-size:10px; text-align:center; }
#topmenu a { padding:3px 0 3px 0px; color:#999; font-weight:bold; text-decoration:none; display: block; width:100px; border-right: 1px solid #999;}
#topmenu a:hover { color:#999; background:#F2F2F2;}
#topmenu, #topmenu ul { padding: 0; margin: 0; list-style: none; border-width: 1px 0px 1px 1px; border-style:solid; border-color:#999; }
#topmenu li { float: left; }


#logo { text-align:center; margin: 0px 0px 0px 0px; float:left; background: #fff url(/images/logo.png) no-repeat top center; width:220px; height:100px; }
#logo a { margin:0px 0px 0 0px; display:block;}
#logo a img { border:none; }
#logo_txt { margin: 33px 10px 0px 10px; float:right; height:54px; }
/*#logo_txt a { margin:9px 0px 0 34px; display:block;}*/
#logo_txt a img { border:none; }	


h1,h2,h3,h4 { font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;}
h1,h2,h3    { color:#0a7cbf; letter-spacing:-0.03em } /* clear:both;  - caused issues on login page with floats.. */
h1          { font-size:2.0em; }
h2          { font-size:18px;}
h3          { font-size:1.5em; color:#000; }
h2.nomargin { margin-bottom: 5px; }
h4			{ margin:0; font-size:1.5em; }

 
ul.random_thumbs { font-family: Verdana, Arial, sans-serif;}
ul.random_thumbs, ul.random_thumbs li{ text-align:center; list-style:none;margin:0;padding:0; }
ul.random_thumbs li { float:left; display:inline; margin:0; width:145px; text-align:center; padding:0 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
ul.random_thumbs li:hover { background:#CBDEDE; }
ul.random_thumbs li:hover div.main1 img { border-color:#eee; }
ul.random_thumbs li div.main1 div.product_img { height:90px; width:145px; display:block; }

ul.random_thumbs li div.main1 { display:block; height:210px; padding:10px 0; color:#333; font-size:11px; }
ul.random_thumbs li div.main1 strong { font-size:13px; display:block; width:145px;}
ul.random_thumbs li div.main1 img {border:1px solid #fff; padding:1px; }
ul.random_thumbs li div.main1 div { text-align:center; }
ul.random_thumbs li div.main1 div.desc { height: 25px; }
ul.random_thumbs li div.main1 div.price { font-size:14px; font-weight:bold; color:#0a7cbf; padding-top:5px; width:100%; }

ul.random_thumbs li div.main1 div.pricebuttons div.status { font-size:10px; font-weight:bold; }
ul.random_thumbs li div.main1 div.pricebuttons { padding:5px 10px;}
ul.random_thumbs li div.main1 div.pricebuttons a { margin:2px;}
ul.random_thumbs li div.main1 div.pricebuttons div.buttons { margin-left:0px; }

.stock_status_order_only    { color:#0033a6; }
.stock_status_on_special    { color:#a60000; }
.stock_status_in_stock      { color: #006600; }
.stock_status_limited_stock { color: #990099; }
.stock_status_out_of_stock  { color:#ff00ff; }
.stock_status_end_of_life   { color:#800000; }
.stock_status_pre_order     { color:#800000; }

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

a.buy_now         { height: 25px;  width:100%;  text-indent: -10000px; overflow: hidden; background: url(/images/button_buy_now.gif) top center no-repeat; display: block; }
a.buy_now:hover   { background-position: bottom center; text-decoration:none; }

a.details       { height: 25px;  width:100%; text-indent: -10000px; overflow: hidden; background: url(/images/button_details.gif) top center no-repeat; display: block; }
a.details:hover { background-position: bottom center; text-decoration:none; }

a.continue       { height: 25px; width: 120px; text-indent: -10000px; overflow: hidden; background: url(/images/button_continue.gif) top left no-repeat; display: block; }
a.continue:hover { background-position: bottom left; text-decoration:none; }

a.continue_small       { height: 25px; width: 75px; text-indent: -10000px; overflow: hidden; background: url(/images/button_continue_small.gif) top left no-repeat; display: block; }
a.continue_small:hover { background-position: bottom left; text-decoration:none; }

a.sign_in       { height: 25px; width: 75px; text-indent: -10000px; overflow: hidden; background: url(/images/button_details.gif) top left no-repeat; display: block; }
a.sign_in:hover { background-position: bottom left; text-decoration:none; }