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


/*
-----------------------------------------------------------

	GENERAL SETTINGS

------------------------------------------------------------
*/


BODY {
	font-size: 100%;
	color:#000000;
	background-color: #FFFFFF;
}

body, p, h1, h2, h3, table, td, th, ul, ol {
   font-family: Arial, Helvetica, sans-serif;
}


/*
	this controls a lot of the text size in the web page
	eg. when you sign in, if you forgot your password, the sub-total in the shopping cart, etc
*/

TD.main, P.main {
	font-size: 90%;
	line-height: 1.5
}


/*
	This is the green header that you should be using for the top of each page
	eg. Products, Downloads, etc
*/

.pageHeader {
 font-size: 110%;
 color:006699
}



/*
	this is the dotted line down the side of each page
*/

.navBox {
 border-left: 1px none #000000}


/*
	use these for section headings (red and green)
*/

.redHeader {
   color: #990000;
   font-weight: bold;
   font-size: 105%;
}

.greenHeader {
   color: #339900;
   font-weight: bold;
   font-size: 105%
}

.capplanHeader {
   color: #339900;
   font-weight: bold;
   font-size: 140%
}

.newcastHeader {
   color: #990000;
   font-weight: bold;
   font-size: 140%
}

.listedText {
   font-size: 70%;
}
.bodyText {
   font-size: 80%;
}

.unnamed1 {
	list-style-position: outside;
	left: 5pt;
}


/*
-----------------------------------------------------------

	TOP NAVIGATION

------------------------------------------------------------
*/


/*
	the text below the top navigation bar
	my account, cart contents, checkout
*/

tr.topNav {
 font-size: 75%;

}

td.bannerNav{
font-size:75%;
 	background-color: #006699;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
.smallNav {
	font-size: 75%;

}
td.bannerNav A{
color:#ffffff;
font-weight:bold;
}

td.bannerNav A:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}



/*
	this is the top navigation bar
	do not change this or the display might be incorrect
*/

TD.headerNavigation {
  font-size: 23 px;
  background: url(managesim_images/top_banner.jpg);
  font-weight: bold
}



/*
-----------------------------------------------------------

	HEADERS

------------------------------------------------------------
*/


TR.headerError {
  background: #ff0000
}

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

TR.headerInfo {
  background: #00ff00
}

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


/*
-----------------------------------------------------------

	FOOTERS

------------------------------------------------------------
*/


TR.footer {
  background: #003399
}


/* 
	this is the blue line at the bottom 
	leave it as 5 px
*/

TD.footer {
  font-size: 5 px;
  background: #003399;
  color: #ffffff;
  font-weight: bold
}


/*
	this controls the text at the bottom of each screen
*/

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 75%
}


/*
-----------------------------------------------------------

	SIDE BOXES

------------------------------------------------------------
*/


/*
	this style sets the size of the text in the reviews and other boxes... it works together with infoBoxContents
*/

.boxText { 
   font-size: 90%; 
}

.infoBox {
  background: #b6b7cb
}


/*
-----------------------------------------------------------

	SHOPPING CART

------------------------------------------------------------
*/


/*
	this is where you set the size of the text in the shopping cart, etc
*/

.infoBoxContents {
  background: #ffffff;
  font-size: 85%
}

.infoBoxNotice {
  background: #FF8E90
}

.infoBoxNoticeContents {
  background: #ffffff;
  font-size: 70%
}


/*
	this is the heading text for the shopping cart, etc. 
*/
/****************************************************************************************************/
/* controles the color of the shopping cart (and other boxes) banner*/
TD.infoBoxHeading {
  font-size: 70%;
  font-weight: bold;
  background: #006699;
  
  color: #ffffff
}

TD.infoBoxHeading A:link  {
  font-size: 110%;
  font-weight: bold;
  background: #006699;
  
  color: #ffffff
}

/****************************************************************************************************/
/*
	this is the font that is in the top box when you are viewing your shopping cart
*/

TD.productListing-data {
  font-size: 90%
}


/*
	this is part of what controls the size of the text in the shopping cart box
	controls the news items... text turns red, etc
*/

SPAN.newItemInCart {
  color: #ff0000
}


/*
	this controls some of the size of the font in the shopping cart
	this is the size of the font when the contents of the cart are showing
*/

.checkoutBarFrom, .checkoutBarTo {
   font-size: 90%;
   color: #8c8c8c
}

.checkoutBarCurrent {
   font-size: 90%;
   color: #000000
}



/*
-----------------------------------------------------------

	INPUT FORMS

------------------------------------------------------------
*/


/*
	this is the red text and *'s in the sign-up page for customers
*/

.inputRequirement { font-size: 70%; color: #ff0000 }


/*
-----------------------------------------------------------

	MESSAGE BOXES

------------------------------------------------------------
*/


.messageBox { font-size: 90% }
.messageStackError, .messageStackWarning { font-size: 90%; background-color: #ffb3b5 }
.messageStackSuccess { font-size: 90%; background-color: #99ff00 }






/* 
---------------------------------------------------

 below here is stuff that is less commonly changed

---------------------------------------------------
*/


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

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

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff
}

A.pageResults {
  color: #0000FF
}

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


TR.header {
  background: #ffffff
}

TR.headerNavigation {
  background: #000000
}


TD.infoBox, SPAN.infoBox {
  font-size: 100%
}

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


.productListing-heading {
  font-size: 100%;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold
}


TD.pageHeading, DIV.pageHeading {
  font-size: 110%;
  font-weight: bold;
  color: #9a9a9a
}

TR.subBar {
  background: #f4f7fd
}

TD.subBar {
  font-size: 100%;
  color: #000000
}


TD.accountCategory {
  font-size: 100%;
  color: #aabbdd
}


TD.fieldKey {
  font-size: 100%;
  font-weight: bold
}

TD.fieldValue {
  font-size: 100%
}

TD.tableHeading {
  font-size: 100%;
  font-weight: bold
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 100%
}

TEXTAREA {
  width: 100%;
  font-size: 90%
}

SPAN.greetUser {
  font-size: 110%;
  color: #f0a480;
  font-weight: bold
}

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

TD.formAreaTitle {
  font-size: 90%;
  font-weight: bold
}

SPAN.markProductOutOfStock {
  font-size: 70%;
  color: #c76170;
  font-weight: bold
}

SPAN.productSpecialPrice {
  color: #ff0000
}

SPAN.errorText {
  color: #ff0000
}

.moduleRowOver {
   background-color: #D7E9F7;
   cursor: pointer;
   cursor: hand
}

.moduleRowSelected {
   background-color: #E9F4FC
}

.errorBox {
   font-size : 70%;
   background: #ffb3b5;
   font-weight: bold 
}

.stockWarning {
   font-size : 70%;
   color: #cc0033
}

.productsNotifications {
   background: #f2fff7
}

.orderEdit {
   font-size : 70%;
   color: #70d250;
   text-decoration: underline
}


FORM {
	display: inline
}
.newsTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666666;
}

.newsMonth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.newsText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}
.smallHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.DshLnBttm {
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.DshLnRight {
	border-right-width: thin;
	border-right-style: dashed;
}
.capplanHeaderSmall {

   color: #339900;
   font-weight: bold;
   font-size: 100%
}
.newcastHeaderSmall {

   color: #990000;
   font-weight: bold;
   font-size: 100%
}

.greyBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.blueHeader {

   color: 006699;
   font-weight: bold;
   font-size: 105%
}
.greyBorder {
	padding: 1px;
	border: 1px solid #999999;
}
.clientss_list {
	list-style-image: url(managesim_images/button.gif);
}