/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
#demo-header-container {
  width: 100%;
  height: 75px;
  background: url("../../images/demo-header-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
}
#demo-footer-container {
  width: 100%;
  height: 58px;
  background: url("../../images/demo-footer-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 40px;
}
/********** Store Slogan and name ***********/
.store_name{
  font: bolder 16px tahoma;
  color: #000;
  margin-left:10px;
}
span.store_slogan {
  font: bold 11px tahoma;
  color:#333;
  margin-left:15px;
}
/********** Store Slogan and name eof ***********/
  .cat_description {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     color : #175481;
     background : #8ba9c0 inherit;
     font-weight : bold;
     text-indent: 25px;
      }
 .boxText {
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 .centerTable {
     background-image : url('images/bg_cat4.gif');
     background-repeat : repeat-x;
     background : #dce6ec;
     color : #175481;
      }
 .errorBox {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : inherit;
     background : #ffb3b5;
     font-weight : bold;
      }
 .stockWarning {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #cc0033;
     background : inherit;
      }
 .productsNotifications {
     background : #f2fff7;
     color : #175481;
      }
 .orderEdit {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #70d250;
     background : inherit;
     text-decoration : underline;
      }
 .navBlue {
     color : #175481;
     background : inherit;
     font-size : 8pt;
     font-family :  Arial, sans-serif;
      }
 .subnavBlue {
     color : #9966ff;
     background : inherit;
     font-size : 8pt;
     font-family :  Arial, sans-serif;
      }
 BODY {   
     color : #175481;
     margin : 0;
      }
      
table, img {
     border:0;
     padding:0;
     margin:0;
}

 A {
     color : #444444;
     background : inherit;
     text-decoration : none;
      }
 A:hover {
     color : #175481;
     background : inherit;
     text-decoration : underline;
      }
      
 FORM {
     display : inline;
      }
 TR.header {
     background : #ffffff;
     background-image:url(images/bg.jpg);
     color : inherit;
      }
 TR.headerNavigation {
     background : #8ba9c0;
     color : inherit;
      }
 TD.headerNavigation {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #8ba9c0;
     color : #175481;
     font-weight : bold;
      }
 A.headerNavigation {
     color : #175481;
     background : #8ba9c0;
      }
 a:hover.headerNavigation {
     color : #175481;
     background : #8ba9c0;
      }
 TR.headerError {
     background : #ff0000;
     color : #8ba9c0;
      }
 TD.headerError {
     font-family : Tahoma,  Arial, sans-serif;
     font-size : 12px;
     background : #ff0000;
     color : #ffffff;
     font-weight : bold;
      }
 TR.headerInfo {
     background : #00ff00;
     color : #8ba9c0;
      }
 TD.headerInfo {
     font-family : Tahoma,  Arial, sans-serif;
     font-size : 12px;
     background : #00ff00;
     color : #175481;
     font-weight : bold;
      }
 TR.footer {
     background : #bbc3d3;
     color : inherit;
      }
 TD.footer {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #8ba9c0;
     color : #175481;
     font-weight : bold;
      }
 .templateinfobox {
     background : #f8f8f9;
     color : inherit;
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
      }
 .infoBox {
     background : #dce6ec;
     color : #444444;
      }
 TD.infoBox, SPAN.infoBox {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #bbc3d3;
     color : inherit;
      }


 .infoBoxContents {
     background : #dce6ec;
     color : #444444;
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 TD.infoBoxFooter {
    font-family :  Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    background-color : #cccccc;
    color : #444444;
}

 TD.contentBoxHeading {
    font-family :  Arial, sans-serif;
    font-size : 12px;
    font-weight : bold;
    color : #175481;
     background : #8ba9c0;
    padding-top : 5px;
}
 .infoBoxContentsHeader {
     background : #8ba9c0;
    color : #175481;
    font-family :  Arial, sans-serif;
    font-size : 14px;
    font-weight : bold;
}

 .infoBoxContentsCenter {
    color : inherit;
     background : #dce6ec;
    font-family :  Arial, sans-serif;
    font-size : 12px;
}

 TD.infoBoxContentsfooter {
    color : #444444;
     background : #bbc3d3;
     font-family :  Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
}
 TD.infoBoxHeadingImage {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-position : left;
     background-color : #bbc3d3;
     color : #444444;
      }
 TD.infoBoxFooterImage {
     font-family :  Arial, sans-serif;
     font-size : 1px;
     font-weight : bold;
     background-color : #bbc3d3;
     color : #444444;
      }
 .infoBoxNotice {
     background : #ff8e90;
     color : #175481;
      }
 .infoBoxNoticeContents {
     background : #ffe6e6;
     color : #175481;
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 TD.main_table_heading {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #cccccc;
     color : #444444;
      }
 TD.main_table_heading_inner {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #dce6ec;
     color : #175481;
      }
 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;
     color : inherit;
      }
 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;
     color : inherit;
      }
 TABLE.productListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .productListing-heading {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #8ba9c0;
     color : #175481;
     font-weight : bold;
      }
 .productlisting-headingPrice {
     font-family :  Arial, sans-serif;
     font-size : 20px;
     background : #dce6ec;
     color : #175481;
     font-weight : bold;
      }
 TD.productListing-data {
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading {
     font-family :  Arial, sans-serif;
     font-size : 20px;
     font-weight : bold;
     color : #175481;     
     padding-left: 25px;     
      }
 TR.subBar {
     background : #f4f7fd;
     color : inherit;
      }
 TD.subBar {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background : inherit;
      }
 TD.main, P.main {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     line-height : 1.5;
     color : #444444;
     background : inherit;
     
      }
 TD.smallText, SPAN.smallText, P.smallText {
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 TD.accountCategory {
     font-family :  Arial, sans-serif;
     font-size : 13px;
     color : #aabbdd;
     background : inherit;
      }
 TD.fieldKey {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.fieldValue {
     font-family :  Arial, sans-serif;
     font-size : 12px;
      }
 TD.tableHeading {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      background: #dce6ec;
      }
 TD.category_desc {
     font-family :  Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
      padding-right: 25px;
      padding-left: 25px;
      background: #dce6ec;
      }
 SPAN.newItemInCart {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     color : #ff0000;
     background : inherit;
      }
 CHECKBOX, INPUT, RADIO, SELECT {
     font-family :  Arial, sans-serif;
     font-size : 11px;
      }
 TEXTAREA {
     font-family :  Arial, sans-serif;
     font-size : 11px;
      }
 SPAN.greetUser {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     color : #175481;
     background : inherit;
     font-weight : bold;
      }
 TABLE.formArea {
     background : #f1f9fe;
     color : #f4f7fd;
     border-color : #7b9ebd;
     border-style : solid;
     border-width : 1px;
      }
 TD.formAreaTitle {
     font-family : Tahoma,  Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 SPAN.markProductOutOfStock {
     font-family : Tahoma,  Arial, sans-serif;
     font-size : 12px;
     color : #c76170;
     background : inherit;
     font-weight : bold;
      }
 SPAN.productSpecialPrice {
     font-family :  Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 SPAN.errorText {
     font-family :  Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 .moduleRowOver {
     background-color : #d7e9f7;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #e9f4fc;
     color : inherit;
      }
 .checkoutBarFrom, .checkoutBarTo {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #8c8c8c;
     background : inherit;
      }
 .checkoutBarCurrent {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background : inherit;
      }
 .messageBox {
     font-family :  Arial, sans-serif;
     font-size : 10px;
      }
 .messageStackError, .messageStackWarning {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     background-color : #ffb3b5;
     color : inherit;
      }
 .messageStackSuccess {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     background-color : #99ff00;
     color : inherit;
      }
 .inputRequirement {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 TABLE.linkListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .linkListing-heading {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #b6b7cb;
     color : #175481;
     text-align : center;
      }
 TD.linkListing-data {
     border-right : 1px solid #175481;
     border-bottom : 1px solid #175481;
     padding : 4px;
     font-family :  Arial, sans-serif;
     font-size : 10px;
      }
 TR.linkListing-odd {
     background : #dce6ec;
     color : inherit;
      }
 TR.linkListing-even {
     background : #f5f5f5;
     color : inherit;
      }
 .content {
     color : #444444;
     background : inherit;
     font-size : 12px;
     font-family :  Arial, sans-serif;
      padding-right: 20px;
      padding-left: 20px;
      }
 TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
     font-family :  Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #bdcaf0;
     background : inherit;
      }
 TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
     background-image : url('images/button_blank_left.gif');
      }
 TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
     background-image : url('images/button_blank_right.gif');
      }
 TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
     background-image : url('images/button_blank_middle.gif');
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-color : inherit;
     color : #444444;
      }
 A.HeaderPageLinks {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     color : #444444;
     background : inherit;
      }
 a:hover.HeaderPageLinks {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
     color : #00ff00;
      }
 TD.cookieUsage {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #444444;
     color : #ffffff;
      }
 .attributeBoxContent {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #808080;
      }
 .TR.attributeBoxContent {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #808080;
      }
 .TD.attributeBoxContent {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #c0c0c0;
      }
 .storyboxtitle {
     font-family :  Arial, sans-serif;
     color : #444444;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:link {
     font-family :  Arial, sans-serif;
     color : #444444;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:active {
     font-family :  Arial, sans-serif;
     color : #444444;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:visited {
     font-family :  Arial, sans-serif;
     color : #444444;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:hover {
     font-family :  Arial, sans-serif;
     color : #175481;
     font-size : 10px;
     font-weight : bold;
     text-decoration : underline;
     background : inherit;
      }
 .yearHeader {
     font-family :  Arial, sans-serif;
     font-size : 14px;
     font-weight : bold;
     color : #444444;
     background-color : #ffffff;
      }
 .calendarMonth {
     background-color : #cccccc;
     color : inherit;
     cursor : default;
     width : 100%;
      }
 .calendarHeader {
     font-family :  Arial, sans-serif;
     font-size : 11px;
     font-weight : bold;
     color : #444444;
     background-color : #ffffff;
     text-decoration : none;
     height : 22px;
      }
 .calendarToday {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #ffcf00;
     padding-left : 3px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendarWeekend {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #caeeff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendar {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     color : #444444;
     background-color : #ffffff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     height : 22px;
     width : 18px;
      }
 .event {
     font-family :  Arial, sans-serif;
     font-size : 11px;
     color : #444444;
     background-color : #ffffff;
     text-decoration : none;
     border : 1px solid #e6e6e6;
      }
 .empty {
     background-color : #f0faff;
     color : inherit;
     line-height : 14px;
     height : 22px;
     width : 18px;
      }
 .calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 h4.infoTitle {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 0.2em;
      }
 p.infoBlurb {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 2em;
     color:#175481;
      }
 TD.productPriceInListing {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     background : #d2e9fb;
     color : #175481;
      }
 TD.productPriceInBox {
     font-family :  Arial, sans-serif;
     font-size : 10px;
     background : #eeeeee;
     color : #175481;
      }
 TD.productPriceInProdInfo {
     font-family :  Arial, sans-serif;
     font-size : 12px;
     background : #ccffcc;
     color : #175481;
      }
 #navMenu {
     clear : both;
     height : 0.01%;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu ul {
     float : left;
     width : 150px;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu li {
     position : relative;
     float : left;
     line-height : 24px;
     margin-bottom : -1px;
     width : 150px;
      }
 #navMenu li ul {
     position : absolute;
     left : -999em;
     margin-left : 150px;
     margin-top : -26px;
      }
 #navMenu li ul ul {
     left : -999em;
      }
 #navMenu li a {
     width : 150px;
     display : block;
     color : #334;
     font-weight : bold;
     text-decoration : none;
     background : #ffffff;
     border : 1px solid #cce;
     padding-left : 2px;
      }
 #navMenu li a:hover {
     color : #444444;
     background : #aac;
      }
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
     left : -999em;
      }
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {
     left : auto;
      }
/* popup box customizations */
.popupBody{
    font: 11px Tahoma, Verdana, Arial;
    color: #000000;
    margin:auto;
    text-align:center;
    margin:10px;
}
.popupBox     {
    border: 1px solid #0000FF;
}
.popupBoxContents{
    font-size: 11px;
}
td.popupBoxHeading {
    font: bold 14px Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    background: #000099;
    text-align: left;
    height: 20px;
    padding-left: 15px;
}
td.popupBoxFooter{ }
span.popupClose{
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-decoration: none;
    background: #990000;
    padding: 1px 3px;
    float:right;
    cursor:pointer;
}
/* popupboxes eof */


td.BoxBorderLeft, td.BoxBorderRight {width:1px; background:#8ba9c0;padding:0;}
td.infoBoxFooterCenter{ background: #8ba9c0; height:1px;}
 .infoBox {
     background : #b6b7cb;
      }
 TD.infoBox, SPAN.infoBox {
     background : #8ba9c0;
      }

 TD.infoBoxHeading, td.infoBoxHeadingCenter, td.infoBoxHeadingCenter a {
     font-family : Arial, sans-serif;
     font-size : 14px;
     font-weight : bold;
     background : #8ba9c0;
     color : #fff;
     padding-left:10px;
     width:100%;
     height: 18px;
      }
 td.infoBoxHeadingRight{background :#8ba9c0 url(images/infobox/no_arrow_right.gif) no-repeat right top;}
  td.contentBoxHeadingCenter, td.contentBoxHeadingCenter  a{background:#8ba9c0; color:#fff; font-weight:bold; font-family : Verdana, Arial, sans-serif;font-size:10px; height:20px; padding-left:20px;}
  td.contentBoxFooterCenter {background: #8ba9c0; height:1px;}
  
.center {
  text-align:center;
}

 td.category{
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
    height: 15px;
    padding-top: 0;
    padding-bottom: 1px;
    padding-left: 5px;
    font-size: 10px;
    color: #000;
}
td.category a:link, td.category a:visited{
    color: #5E5E5E;
}
td.category a:hover{
    color: #000;
}
span.category_count{
    color: #bbc3d3;
}
.branding_slogan {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #5e5e5e; 
     font-weight : bold;
}

.blurbs {
  width:200px;
  background-color:#FFFCCC;
  border: 1px #F39800 solid;
  margin-left:2px; 
  margin-right:2px; 
  margin-top:0.2em; 
  margin-bottom:0;
  padding-right: 10px;
  padding-left: 10px; 
}

/* bestsellers scroller */
.pics { height: 350px; width: 160px; padding:0; margin:0; overflow: hidden }
.pics img { width: 150px; padding: 5px; top:0; left:0 }
.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

span.productPrice {
    color:#778e38;
    font-family:Tahoma,Arial,Verdana;
    font-size:24px;
    font-weight:normal;
}

/* buttons */
.newbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6b0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6b0;
	box-shadow:inset 0px 1px 0px 0px #fff6b0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffc7), color-stop(1, #f5f55a) );
	background:-moz-linear-gradient( center top, #ffffc7 5%, #f5f55a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc7', endColorstr='#f5f55a');
	background-color:#ffffc7;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #2424ff;
	display:inline-block;
	color:#3c75ba;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:4px 22px;
	text-decoration:none;
}
.newbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f55a), color-stop(1, #ffffc7) );
	background:-moz-linear-gradient( center top, #f5f55a 5%, #ffffc7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f55a', endColorstr='#ffffc7');
	background-color:#f5f55a;
}
.newbutton:active {
	position:relative;
	top:1px;
}
.submitInput {
  background:transparent;
  border:0;
  color:#3c75ba;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  padding:0;
  outline:0;
}
/* BUTTONS css eof */