/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */





.linkfootertable{text-align:left;width:164px;padding:2px;color:#666666;font-size:11px;background:#e9e9e9}

.linkfootertabletitlecellfirst{font-family: Arial, Helvetica, sans-serif;text-align:left;font-size:11px;width:164px;padding:2px 8px}
.linkfootertabletitlecell{font-family: Arial, Helvetica, sans-serif;text-align:left;font-size:12px;width:184px;font-weight:bold;padding:2px 5px;border-left:solid 1px #aaa}
.linkfootertablecell{font-family: Arial, Helvetica, sans-serif;text-align:left;font-size:11px;width:184px;padding:2px 8px;border-left:solid 1px #aaa;}

#sitemapfooter a{text-decoration:none;color:#888;font-family:Arial}
#sitemapfooter a:hover{color:#333}

/*
html {
     overflow: -moz-scrollbars-vertical;
}
*/

.tiled_image {
  width: 175px;
  height: 175px;
  background-image:url('/template/wc_tablet.gif');  
}

.tiled_image:hover {
  background-image:url('/template/wc_tablet_out_blank.png');  
}

#articles {
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
	height:30px;
	width:700px; 
	color:#ffffff; 
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	padding-top:10px;
	padding-left: 20px;
	border-top: 1px solid #aaa; 
	border-left:1px solid #aaa; 
	border-right:1px solid #aaa;
    border-bottom:1px solid #aaa; 	
	background-image: url('/template/article_background.png') }
#articles li {
	list-style: none;
	float: left; }
#articles li a {
	display: block;	
	color: #fff;
	width:700px;	
	height:30px;
	text-decoration: none; }

#articles li ul {
	display: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	/*background: #58aa0a;*/ 
	background: transparent;  
	color: #000000;	
	width:700px;
    margin-left:-20px;	
	text-align:left;
	padding-left: 20px;
	padding-top:10px;
	border-bottom:1px solid #aaa; 
	border-left:1px solid #aaa; 
	border-right:1px solid #aaa; 
	background-color:#eaf2e7;
}


#articles li:hover ul {
	display: block;
	position: absolute;
	margin-left: -21px;
	padding: 10px;
    	}
#articles  li:hover li {
	float: none; }
#articles li:hover li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	/*background: #58aa0a;*/ 
	background: transparent;  
    color: #000000;
    font-weight: bold;
	width:700;
	padding-left:0px;
	text-align:left;    
    margin-left:0px;  
    text-align:left;    
    
 }
 
#articles li li a:hover {
	background-color: #bbd8ff; }

#articles li li li a:hover {
	background-color: #00d8ff; }

table.categories {
  font-family: Arial, Helvetica, sans-serif;
  height:90px;
  width:810px;
  color:#555555; 
  font-size: 16px;
  font-weight: bold;
  text-align:right;
  border: 1px solid #aaa;   
  background-image: url('/template/categories_background.png');
  background-repeat:repeat-y;
  }

table.categories:hover {
  font-family: Arial, Helvetica, sans-serif;
  height:90px;
  width:810px;
  color:#111111; 
  font-size: 16px;
  font-weight: bold;
  text-align:right;
  border: 1px solid #34a31a;
  background-color:#ececec;
  background-image: url('/template/categories_background.png');
  background-repeat:repeat-y;
  }

	
a.article_table {
  font-family: Arial, Helvetica, sans-serif;
  height:30px;
  color:#ffffff; 
  font-size: 16px;
  font-weight: bold;
  text-align:left;
  padding-left: 20px;
  border-top: 1px solid #aaa; 
  border-left:1px solid #aaa; 
  border-right:1px solid #aaa;   
  background-image: url('/template/article_background.png')

}

TABLE.article_table:link {
  font-family: Arial, Helvetica, sans-serif;
  height:30px;
  color:#044397; 
  font-size: 16px;
  font-weight: bold;
  text-align:left;
  padding-left: 20px;
  border-top: 1px solid #aaa; 
  border-left:1px solid #aaa; 
  border-right:1px solid #aaa;   
  background-image: url('/template/article_background_active.png')

}

TABLE.prices {    
  background-repeat:no-repeat;
  height: 185px;
  background-image: url('/template/price_background.png')
}

TABLE.article_table_lower {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  /*background: #58aa0a;*/ 
  background: transparent;
  display:none;
  color: #000000;
  font-weight: bold;
  text-align:left;    
  height:100px;    
  text-align:left;
  padding-left: 40px;
  border-bottom:1px solid #aaa; 
  border-left:1px solid #aaa; 
  border-right:1px solid #aaa; 
  background-image: url('/template/article_background_lower.png')  

}

a.readonright:link, a.readonright:visited {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(readright.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 2px;
  padding-right    : 21px;
  padding-top      : 1px;
  float            : right;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readonright:hover {
   color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(readright.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 2px;
  padding-right    : 21px;
  padding-top      : 1px;
  float            : right;
  line-height      : 10px;
  text-decoration  : none; 
}



a.readonleft:link, a.readonleft:visited {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(readleft.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readonleft:hover {
  color            : #333333;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(readleft.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}


/*The Main heading blue colour*/
.heading
{
	text-align: left;
	color: #044397;
	font-family: arial;
	font-size : 15px;
	font-weight :  bold;
}

/*The Main heading black colour*/
.heading2
{
	color: #000000;
	font-family: arial;
	font-size : 10pt;
	font-weight :  bold;
}


/*The class for the cart loader footer that is fixed at the bottom*/
.cartloader
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 color: #ffffff;
 font: bold 12px Verdana, sans-serif;
 background-image  :url("/template/carttab.png"); 
}

.buttonloader
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 color: #ffffff;
 font: bold 14px Verdana, sans-serif;
 background-image  :url("/template/carttab.png"); 
}

/*The Related Items heading blue colour*/
.heading3
{
	color: #044397;
	font-family: arial;
	font-size : 14px;
	font-weight :  bold;
}

/*The smaller heading blue colour*/
.heading4{
	color: #044397;
	font-family: arial;
	font-size : 12px;
	font-weight :  bold;
}

a.heading4:link, a.heading4:visited, a.heading4:hover{
	color: #044397;
	font-family: arial;
	font-size : 12px;
	font-weight :  bold;
}

.related_items_heading
{
	color: #044397;
	font-family:  arial;
	font-size : 12pt;
	font-weight :  bold;
}

/*The bullets font colour*/
.bullets2
{
	text-align: left;
	color: #003366;
	font-weight: bold;
	font-family:  arial;
	font-size : 11px;
}

.bullets2new
{
	color: #003366;
	font-weight: bold;
	font-family:  arial;
	font-size : 11px;
}

/*The bullets minor font colour*/
.bullets_minor
{
	color: #000000;
	font-weight: bold;
	font-family:  arial;
	font-size : 10px;
}

.bullets_minor_unit
{
	color: #555555;
	font-weight: bold;
	font-family:  arial;
	font-size : 10px;
}

/*The bullets minor font colour*/
.bullets_minor_discount_price
{
	color: #000000;
	font-weight: bold;
	font-family:  arial;
	font-size : 10px;
}

.cart_total_non_discount_price
{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.bullets_minor_non_discount_price
{
	color: #FF0000;
	font-family:  arial;
	font-size : 10px;	
}

.bullets_minor_middle
{
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-family:  arial;
	font-size : 10px;
}

.content
{
	font-family: Verdana, sans-serif;
	font-size : 9pt;
}




/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 background-image  :url("/template/tabinactive.png"); 
}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #044397; }

ul.tabbernav li a:hover
{
 color: #000000;
 background: #AAE;
 border-color: #227;
 background-image  :url("/template/tabactive.png"); 
}

ul.tabbernav li.tabberactive a
{
 color: #044397;
 background-color: #ffffff;
 border-bottom: 1px solid #ffffff;
  background-image  :url("/template/tabactive.png"); 
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000000;
 background: #ffffff;
 border-bottom: 1px solid white;
 background-image  :url("/template/tabinactive.png"); 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab 
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
*/

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
UL {
font-size : 11pt; 
font-family : arial, helvetica, sans-serif; 
color : #000000; 
/*list-style-image: url(graphics/bullet.gif);*/
}

UL UL LI {
font-size : 12pt; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
/*list-style-image: url(graphics/sub_bullet.gif);*/
}

UL UL UL LI {
font-size : 12pt; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
/*list-style-image: url(graphics/sub_sub_bullet.gif);*/
}

/*
  $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: Arial, Helvetica, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #ffffff;
 /* background: #f7f9f7;*/
  color: #000000;
  margin: 0px;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #111111;
background-image: url("/template/green_bar.jpg");
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  /*background: #58aa0a;*/
background: #ffffff;

  color: #ffffff;
  font-weight : bold;
background-image: url("/template/green_bar.jpg");
}

A.headerNavigation { 
  color: #FFFFFF; 
background-image: url("/template/green_bar.jpg");
}

A.headerNavigation:hover {
  color: #ffffff;
background-image: url("/template/green_bar.jpg");
}

TR.headerError {
  background: #ff0000;
background-image: url("/template/green_bar.jpg");
}

TD.headerError {
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 10px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00FF00;
}

TD.headerInfo {
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 10px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TD.footerbar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
    /*background: #58aa0a;*/
background: #ffffff;
  color: #ffffff;
  font-weight: bold;
background-image: url("/template/wc_bottom_green_bar.jpg");

}
TR.footer {
  
  /*background: #58aa0a;*/
background: #ffffff;
background-image: url("/template/green_bar.jpg");
}

TD.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
    /*background: #58aa0a;*/
background: #ffffff;
  color: #ffffff;
  font-weight: bold;
background-image: url("/template/green_bar.jpg");

}
TD.footernew {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
    /*background: #58aa0a;*/
	/*background: #ffffff;*/
  color: #1F1F1F;
  font-weight: normal;
 /* background-image: url("/template/wc_bottom_middle2.gif");*/

}

TD.footerlink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
    /*background: #58aa0a;*/
background: #ffffff;
  color: #044397;
  font-weight: normal;

}
.infoBox {

background: #F1F1F1;

}


.loginBox{
  background: #F1F1F1; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.loginBoxContents {
  /*background: #F1F1F1;*/ 
  background: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.infoBoxContents {
  background: #F1F1F1; 
  /*background: #FFFFFF;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.infoBoxContentsCategories {
/*  background: #f8f8f9; */
background: #f8f8f8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
font-weight: bold;

}
.infoBoxNotice {
  background: #FfFfFf;
}

.infoBoxNoticeContents {

  background: #FFE6E6;

  /*background: #FFFFFF;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
 /* background: #58aa0a;*/
  color: #ffffff;

}

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

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: #ffffff;

}

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: #ffffff;

}

TABLE.productListing {
  border: 0px;
  border-style: solid;

  /*background: #58aa0a;*/
background: #ffffff;
  border-spacing: 0px;


}

.productListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
    /*background: #58aa0a;*/
  background: #ffffff;
  text-decoration: underline;
  /*font-variant: small-caps;*/
  color: #000000;
  font-weight: bold;

}

TABLE.body_specs {
 background-image:url("/template/body_specs.png"); 
 background-repeat:repeat-x; 
}

TABLE.body_specs2 {
 background-image:url("/template/body_specs2.png"); 
 background-repeat:repeat-x;
 background-color: #ffffff; 
}

.productListing-heading2 {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
    /*background: #58aa0a;*/
background: #ffffff;
  color: #00ff00;
  font-weight: bold;

}

TD.productListing-data {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  
}
TD.productListing-data li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #004397; 
  text-align:left; 
  text-indent:none;
  margin: 1em;   
}

TD.productListing-data3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #044397;  
}

TD.productListing-data2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;  
}

TD.productListing-data4 a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;  
}

TD.productListing-data4 a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;  
}


A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  /*font-variant: small-caps;*/
  color: #044397;
  /*background: #58aa0a;*/
background: #ffffff;

}

TD.pageHeading2, DIV.pageHeading2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: italic;
  /*font-variant: small-caps;*/
  color: #044397;
  /*background: #58aa0a;*/
background: #ffffff;

}
TD.invoiceHeading, DIV.invoiceHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #044397;
  /*background: #58aa0a;*/
background: #ffffff;

}


TR.subBar {
  background: #f4f7fd;

}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

TD.main2, P.main2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  /*font-variant: small-caps;*/
  color: #044397;
  /*background: #58aa0a;*/
  background: #ffffff;
}


TD.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #044397;
}

SPAN.smallText{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
P.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
xx-small
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

TD.fieldValue {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

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

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #f0a480;
  font-weight: bold;

}

TABLE.formArea {
    /*background: #58aa0a;*/
background: #ffffff;
  border-color: #58aa0a;
  border-style: solid;
  border-width: 0px;

}

TD.formAreaTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;

}

SPAN.markProductOutOfStock {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

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

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

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #58aa0a; }
.checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/* added by Tom */

.title_fixed{ 
text-align: center; 
position: fixed;
top: 0px; 
width: 984px; 
height: 84px; 
border: 0; 
}
.title_bar{ 
text-align: center; 
top: 0px;
width: 984px; 
height: 84px; 
border: 0;
background-image :url("/template/wc_top_banner4.png"); 
//background-image :url("/template/wc_banner_top_snow.png");  
 
}
.tool_bar{ 
text-align: left; 
top: 0px;
width: 984px; 
height: 25px; 
border: 0; 
background-image :url("/template/toolbar.png");  
}
.background_main{ 
text-align: center; 
width: 984px; 
border: 0; 
background-image :url("/template/backgroundmain.png");  
background-repeat:repeat-y;
}
.background_leftnav{ 
border: 0; 
background-image :url("/template/left_nav.png");  
background-repeat:repeat-y;
}
.content_tabber
{
	font-family: Verdana, sans-serif;
	font-size : 9pt;
	text-align : justify;
}

.footer_bottom {
width: 984px; 
height: 90px;
padding: 0px 0px 0px 0px; 
background-image :url("/template/wc_banner_bottom3.png"); 
//background-image :url("/template/wc_banner_bottom_snow.png"); 
}

.footer_link_bottom{
width: 980px; 
height: 149px;
padding: 0px 0px 0px 0px; 
background-image :url("/template/footer_link_bckgrnd.png"); 
text-align:left;
padding:2px;
color:#444444;
font-size:11px;
font-weight:bold;
}
.left_menu {
    padding-left     : 4px;
    }
.right_menu {
    padding-right     : 4px;
    }	
.related_item {
border: 1px solid #222222;

}	
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  float            : right;
  margin           : 0;
  width            : 85px;
  font-size        : 11px;
  line-height      : 40px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  font-size        : 11px;
  display          : block;
  text-align:      center; 
  padding-left     : 6px;
  padding-right    : 6px;
  text-decoration  : none;
  color            : #000000;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #AAAAAA;
  background-image  :url("/template/button.png"); 
}
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#submenu-nav {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#submenu-nav li {
  display          : block;
  background-image : none;

  float            : right;
  margin           : 0;
  width            : 100px;
  font-size        : 10px;
  line-height      : 20px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;
}
ul#submenu-nav li a {
  font-size        : 10px;
  display          : block;
  text-align:      center; 
  text-decoration  : none;
  color            : #ffffff;
  background-image  :url("/template/submenuback.png");
}
ul#submenu-nav li a:hover {
  font-size        : 10px;
  color            : #ffffff;
  background-image  :url("/template/submenuhover.png"); 
}
/*content Slider CSS File */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
z-index: 1;
border: 0px solid navy;
border-bottom-width: 0px;
width: 350px; /*width of featured content slider*/
height: 300px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
overflow: hidden; /*leave as is*/
z-index: 1;
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 340px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 300px;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); // DELETED BY MICHAEL CAUSINF ERRORS*/
/*-moz-opacity: 1;*/
/*opacity: 1;  Tom Commented This out because of errors */
}

.pagination{
width: 370px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #F0007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #0EE496;
}

/* Tom added in these second phase */
a.mainlevel  {
  margin           : 0px;
  padding          : 0px;
  font-size        : 11px;
  width            : 130px;
  background-color : #ECEAD8;
  text-indent      : 10px;
  
}
a.mainlevel:link {
  padding          : 2px 0px 2px 0px;
  font-size        : 11px;
  width            : 130px;
  background-color : #E3E3E3;
  text-indent      : 10px;
  background-image  :url("/template/leftmenubackround10.png"); 
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 11px;
  border-top       : 1px solid #ffffff;
  border-bottom    : 1px solid #999999;
  background-color : #EDEDED;
  font-weight      : normal;
  padding          : 2px 0px 2px 0px;
  color            : #044397;
  width            : 130px;
  text-indent      : 10px;
  background-image  :url("/template/leftmenubackround10.png"); 
}
a.mainlevel:hover {
  background-color : #E3E3E3;
  font-size        : 11px;
  font-weight      : normal;
  text-decoration  : none;
  text-indent      : 10px;
  background-image  :url("/template/leftmenuhover10.png"); 
}
#active_menu {
  color            : #333333;
  background-color : #E3E3E3;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #555555;
}
a:link, a:visited {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}

/* Tom Added in the belod dm1 classes for dropdown menu */
.dmxh {
    font: 11px tahoma;
}
.dmxh .item1,
.dmxh .item1:hover,
.dmxh .item1-active,
.dmxh .item1-active:hover {
    padding: 0px 0px 0px 0px;
    border: 0px #ffffff;
    border-style: solid none solid none;
    text-decoration: none;
    display: block;
    position: relative;
	white-space: nowrap;
}
.dmxh .item2,
.dmxh .item2:hover,
.dmxh .item2-active,
.dmxh .item2-active:hover {

    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    position: relative;
	padding: 0px 0px 0px 0px;
    white-space: nowrap;
    z-index: 5;	
	
}
.dmxh .item2 {
    background: #e5e1da;
}
.dmxh .item2:hover,
.dmxh .item2-active,
.dmxh .item2-active:hover {
    background: #ffffff;
}
.dmxh .arrow,
.dmxh .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmxh .item2 img,
.dmxh .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmxh .section {
    z-index: -1;
	border: 1px #888888;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
	background-image  :url("/template/googletranslate.jpg"); 
}
.dmxh .item2preferences {
   background: #ffffff;
   color: #ffffff;
   background-image  :url("/template/preferencesback.png"); 
   font-size        : 11px;
   color            : #000000;
   text-decoration  : none;
   font-weight      : bold;
   border-left  : 1px solid #aaa;
   border-right  : 1px solid #aaa;
   border-bottom  : 1px solid #aaa;   
   z-index: 5;

	}
* html .dmxh td { position: relative; } /* ie 5.0 fix */

.dmx {
    font: 11px tahoma;
}

.dmx .item1:hover,
.dmx .item1-active,
.dmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #666666;  
    background-image  :url("/template/leftmenuhover10.png"); 
    font: 12px arial;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	z-index:5;
}
.dmx .item1{
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #666666; 
    background-image  :url("/template/leftmenubackround10.png");
    font: 12px arial;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.solidlevel1
{
	padding: 3px 10px 3px 15px;
    border-bottom: 1px solid #666666;  
    background-image  :url("/template/leftmenuhover10.png"); 
    font: 11px tahoma;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.solidlevel1:hover
{
padding: 3px 10px 3px 15px;
       border-bottom: 1px solid #666666;  

    background-image  :url("/template/leftmenubackround10.png");
    font: 11px tahoma;
       color: #000000; 
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    }
	
.dmx .item2,
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    padding: 3px 10px 3px 10px;
    font: 11px tahoma;
    color: #222222;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 2;	
	margin-left: 0px;
	background-image  :url("/template/secondlevelhover10.png");
	
}
.dmx .item2 {
    background-image  :url("/template/secondlevel10.png");
}

.dmx .arrow,
.dmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmx .item2 img,
.dmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	margin-left: -8px;
}

.dmx .bottom,
.dmx .bottom:hover {
    border-bottom: 1px solid #000000;
}

* html .dmx td { position: relative; } /* ie 5.0 fix */
/* Tom added these for the top menu */
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  float            : right;
  margin           : 0;
  width            : 85px;
  font-size        : 11px;
  line-height      : 40px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  font-size        : 11px;
  display          : block;
  text-align:      center; 
  padding-left     : 6px;
  padding-right    : 6px;
  text-decoration  : none;
  color            : #666666;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #AAAAAA;
  background-image  :url("/template/button.png"); 
}

/* ////////////////////////////////////Google Search bar CSS///////////////////////////////////////////////// */
/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #e9e9e9;
  border: 0px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}

.gsc-input {
background-image:none !important;
}

/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #ff0000;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #044397;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #044397;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #044397;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}


/* ////////////////////////////////////Google Search bar CSS///////////////////////////////////////////////// */