3Id: 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

  #01FFA2=light-green
  #01FFC0=turquoise;
  #FF7508=orange;
  #ADB6D6=gray-blue;
  #102672=gray;
  #B4B4B4=ligt-gray
  #212528=dark/gray;
  #FF370F=red
  #FFD201=geel
  #C58552=caramel
  #102672=toop
  #F17011=oranje
  #FBF5E4=licht-geel
  #102672=donkerblauw
  
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #102672; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #F17011; }
.productsNotifications { background: #102672; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #F17011; text-decoration: underline; }

BODY {
  background: #FFFFFF3;
  color: #102672;
  margin: 0px;
}

html, body {
  height:100%
}

.fullheight {
  height:100%
}

A {
  color: #102672;
  text-decoration: underline;
}

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

FORM {
	display: inline;
}

TR.header {
  background-image:url('/images/headerbackground.jpg');
  background-color: #102672;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #F17011;
  background-image:url('/images/bgheadernavigation.gif');
  color: #FFFFFF;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #F17011;
  text-decoration: underline;
}

TR.headerError {
  background: #F17011;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #F17011;
  color: #102672;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #102672;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #102672;
  font-weight: bold;
  text-align: center;
}

TR.footerline {
  background-image:url('/images/bgfooternavigation.jpg');
  color: #FFFFFF;
  background-color: #F17011;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TR.footer {
  background-image:url('/images/footerbackground.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

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

.noborderinput {
  border: 0px solid white; 
  background-color: #FFFFFF; 
  color: #102672;
}

A.boxText {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
}

A.boxText:hover {
  color: #F17011;
  text-decoration: underline;
}

.infoBox {
  background: #102672;
  color: #FFFFFF; 
  border: 0px solid white; 
}

.infoBoxCentered {
  background: #102672;
  color: #102672;  
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF; 
}

.infoBoxContents1 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents2 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents3 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents4 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents5 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents6 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents7 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents8 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContents9 {
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.infoBoxContentsCentered {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #102672; 
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image:url('/images/infoboxheaderbackground.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading1 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg1.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading2 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg2.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading3 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg3.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading4 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg4.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading5 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg5.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading6 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg6.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading7 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg7.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading8 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg8.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

TD.infoBoxHeading9 {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image:url('/images/bg9.jpg');
  background-color: #102672;
  color: #FFFFFF;
}

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

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

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

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

A.TABLE.productListing-heading:hover {
  color: #F17011;
  text-decoration: underline;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #102672;
  background: #FFFFFF;
}

A.pageResults {
  color: #0000FF;
}

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

/*a.tooltip:hover {background:#ffffff; text-decoration:none;} */
a.tooltip {
  color: #102672;
  background-color: transparent;
  border-color: #102672;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: dotted;
  text-decoration: none;
}

a.tooltip span {display:none; padding:12px 14px; margin-left:12px; width:250px;}
a.tooltip:hover {text-decoration: none; color: #102672;}
a.tooltip:hover span{display:inline; text-decoration:none; position:absolute; border:1px solid #F17011; background:#ffffff; color:#102672;}

H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #102672;
  font-weight: bold;
}

H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #102672;
  font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #102672;
  background: #FFFFFF;
}

TD.priceInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #102672;
  background: #FFFFF9;
  background-image:url('/images/price-info.gif');
}

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;
  font-color: #102672;
}

TD.priceText, SPAN.priceText, P.priceText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #102672;
  line-height: 1.5;  
}

TD.highlightedpriceText, SPAN.highlightedpriceText, P.highlightedpriceText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #F05204;
}

TD.bigpriceText, SPAN.bigpriceText, P.bigpriceText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #F05204;
}

SPAN.accentText {
  color: #F17011;
}

TD.specialpriceText, SPAN.specialpriceText, P.specialpriceText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #F17011;
}

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.column {
  background: #102672;
  background-image:url('/images/bg1.jpg');
}

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

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #F17011;
}

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: #102672;
  font-weight: bold;
}

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

TABLE.Center {
  background: #FFFFFF;
}

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: #F17011;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #F17011;
}

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

SPAN.miniText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 4px;
}

.moduleRow { }
.moduleRowOver { background-image:url('/images/modulerow.jpg'); background-color: #F17011; cursor: pointer; cursor: hand; }
.moduleRowSelected {  background-image:url('/images/modulerow.jpg'); background-color: #F17011; }

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

/* message box */

.messageHeaderWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #102672; background-color: #FFFFFF; }
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #F17011; background-color: #FFFFFF; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #B4B4B4; color: #102672; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #F17011; }

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

img.AdditionalImages {
  border-color: #102672;
}
