/*
  $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
*/

/* Default elements */
body{
  background: #333333;
  color: #000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin:0px;
}
/* Specific Div's */
#container{
  margin:0px auto;
  text-align:left;
  width:920px;
  background:#ffffff;
  color:#000000;
  border:1px solid #000000;
}
#header{
  background:url(images/header_background.png) repeat-x;
  width:100%;
}
#header h1{
  float:left;
  margin:0px 12px;
}
#contact{
  float:right;
  margin:10px 15px;
  width:225px;
  letter-spacing:1px;
  }
#contact a:link, #contact a:hover, #contact a:visited{
  margin:0px;
  line-height:14px;
  font-size:xx-small;
  text-decoration:none;
  color:white;
  }
#contact p{
  margin:0px;
  line-height:14px;
  font-size:xx-small;
  color:white;
  text-align:justify;
  border-bottom:1px solid #ffffff;
  }
#navbar{
  background:url(images/navbar_top.png) repeat-x;
  height:35px;
  font-size:12px;
}
#navbar span{margin:4px;}

#footer{background:#003250;text-align:center;margin:0px auto;font-size:10px;color:#FFFFFF;}
#footer a:link {color:#FFFFFF;}
#footer a:visited {color:#FFFFFF;}
#footer a:hover {color:#999999;}
#footerNavigation {
  height:35px;
  background:url(images/navbar_bottom.png) repeat-x;
  font-size:12px;
  color:#666666;
}
#footerNavigation span{margin:4px;}
#googlemap{border:1px solid #999999;color:#999999;background:url(images/default_map.jpg) repeat-x;width:500px;height:400px;margin:0 auto;}

.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications {width:60%;margin:0 auto;text-align:center;background:#f2f2f2;border:1px solid #999999;font-size:10px;}
.orderEdit { font-size : 10px; color: #666666; text-decoration: underline; }


a:link{
  color: #000000;
  text-decoration: none;
  outline:none;
}
a:visited {
  color: #000000;
  text-decoration: none;
  outline:none;
}
a:hover{
  color: #333333;
  text-decoration: underline;
  outline:none;
}

form {
	display: inline;
}
img{border:none;}



TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.box_outline{border:1px solid #999999;background:#f2f2f2;}
.infoBox {}

.infoBoxContents {
  background: #f2f2f2;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  background:url(images/infobox/infobox_header.png) repeat-x;
  color: #333333;
}

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

.productListing-heading {
  background:url(images/infobox/infobox_header.png) repeat-x;
  height:30px;
  font-size: 10px;
  color: #333333;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

.pageResults a:link{color: #333333;text-decoration:none;}
.pageResults a:visited{color:#333333;text-decoration:none;}
.pageResults a:hover {color:#000000;text-decoration:none;}

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}
td.main{  font-size: 11px;
  line-height: 1.5;}
.main td,p {
  font-size: 11px;
  line-height: 1.5;
}
.main a:link {color:#333333;}
.main a:visited {color:#333333;}
.main a:hover {color:#333333;}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}
.smallText a:link{color: #333333;text-decoration:none;}
.smallText a:visited{color:#333333;text-decoration:none;}
.smallText a:hover {color:#000000;text-decoration:none;}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

.newItemInCart, .newItemInCart a:link, .newItemInCart a:hover, .newItemInCart a:visited{
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  font-size: 11px;
}

span.greetUser {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #dfdfdf;}
.moduleRowSelected { background-color: #dfdfdf; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError {border:1px solid red;background:#ffcccc;color:red;text-align:center;font-size:10px;font-weight:300;}
.messageStackSuccess {background:#99ff00;border:1px solid green;color:green;text-align:center;font-size:10px;font-weight:300;}
.messageStackWarning {background:yellow;border:1px solid #333333;color:#333333;text-align:center;font-size:10px;font-weight:300;}
 
/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/* Header Tags */
h1 { 
  margin:0px;
  font-size:16px;
  font-weight:bold;
}

h2 {
  margin:0px;
  font-size:12px;
  font-weight:500;
}
.info{
  color:#666666;
  font-size:xx-small;
  letter-spacing:2px;
}
/**/
.infobox{
	background:#999999;
	font-size:10px;
	margin-bottom:4px;
	padding:1px;
	}
.infoboxHeader{
    height:30px;
	background:url(images/infobox/infobox_header.png) repeat-x;
	margin:0px;
	}
.infoboxHeader h2 {
    float:left;
	padding:5px;
	}
.infoboxHeader a {
    float:right;
	margin-right:5px;
	}
.infoboxContent{
    background:#f2f2f2;
	margin:0px;
	padding:5px;
	}
.infoboxContent div, .infoboxContent p, .infoboxContent table{
    margin:0px auto;
	text-align:center;
}
.infoboxContent p, ul{
    font-size:10px;
    list-style:none;
	margin:0px;
	padding:0px;
	}
.infoboxContent li {
    line-height:14px;
}
.infoboxContent ol{
	margin:0px;
	padding-left:30px;
	}