/* Added for Dynamic Site Map */
ul.sitemap {
color: #ff0000;
}

/* ---------------- */

div {
	margin: 0; 
	padding: 0; 
	display: block;
}

a:link, a:visited {
	color: #022869; 
	text-decoration: none;
}

a:hover {
	color: #0099cc; 
	text-decoration: none;
}

a:active {
	color: #022869; 
	text-decoration: none;
}


/* ---------------- */


/* ECOMMERCE PAGE STYLES */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; padding:2px;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }




FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {}

.headerNavigation {
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1f9abc;
padding-top:0px;
padding-bottom:4px;
  text-decoration:none;
}

A.headerNavigation { 
  color: #FFFFFF; 
  text-decoration:none;

}

A.headerNavigation:hover {
  color: #ffffff;
  text-decoration:underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
width:100%;
padding:10px;}

.infoBoxContents, TD.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color:#ffffff;
}

IMG.infoBoxContents {
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #6d7ea9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  padding:5px;
  color:#ffffff;
  background:url(assets/infoboxhead.jpg);
}

A.infoBoxHeading {
  color: #ffffff;
  text-decoration:none;
}

A.infoBoxHeading:hover {
color: #ffffff;
text-decoration:underline;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


.n-infobox-content {width: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 {
margin:2px;
font-size:11px; 

}


TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  margin:2px;
font-size:11px; 
}

TABLE.productListing {
font-size:11px; 
}

.productListing-heading {
}

IMG.productListing-heading {
display:none;
}

A.productListing-heading {
font-size:11px; 
font-weight:bold;
color: #ffffff;
text-decoration:underline;
}

A.productListing-heading:hover {
font-size:11px; 
font-weight:bold;
color: #ffffff;
text-decoration:none;
}

H1 {
font-size:1.4em; 
font-weight:bold;
color: #668E3C;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  border-bottom: 1px dotted #cccccc;
  
}


A.pageResults {
  color: #0099cc;
}

A.pageResults:hover {
  color: #022869;
}

TD.pageHeading, DIV.pageHeading {
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1f9abc;
padding-top:0px;
padding-bottom:4px;
}

IMG.pageHeading, {
display:none;
}

.pageHeading IMG {
display:none;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
background-color:#ffffff;
}

TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  background-color:#d7f6b3;
  border:1px solid #cccccc;
  padding:15px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  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.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ff0000; }


.breadcrumbs {
font-size:11px;
clear: right; 
text-align: left; 
padding: 0.5em 1ex 0.5em 1ex;
border: 1px solid #cccccc;
text-align:left;
color:#000000;
background-color:#efefef;
}


/* PRODUCT CONTAINER */

.product-container1
{
background-image:url(assets/prod-back.jpg) ;
background-color:#ffffff;
}

.product-content-image {
float:left;}

.product-content-text {
margin-top:30px;
}

.padleft
{ padding-left:5px;
}


TABLE 
{margin-right:-3px;}
/* FRONT PAGE - PRODUCT BOXES */


#productbox
{ padding:0px;
border:3px solid #efefef; background-color:#ffffff;
}

#productbox A,LINK
{ color:#022869 ; font-weight:bold;
}

#productbox A:HOVER
{ color:#022869; text-decoration:underline; }

.productbox-name
{ 	background-image:url(assets/navigation-bar2.jpg); padding: 8px 1px 8px 1px; }
.productbox-img { padding:6px;}
.productbox-price {padding:4px; border:1px dashed #cccccc; width:40%; color:#1f9abc; font-weight:bold;}
.productbox-buttons {padding:6px 3px 3px 3px;}

.productheader {
font-weight:bold;
font-size:14px;
color:#ffffff;
padding:5px;
background-color:#1f9abc;
margin-bottom:4px;
}

#subcat {
text-align:left;
}

#productlist a img { border: 1px; }
#productlist a:hover img {border: 1px navy solid; }
#productlist a:visited img {border: 0; }


.n-infobox {
border: 1px solid #5cc9de; 
margin-bottom:3px;
}

.n-infobox-header {
}

.n-infobox-content {

}

/* SITE STYLES | START */

/** CATEGORY MENU | START */

.cat {
color:#022869;
}


.cat2 {
color:#2abed8;

}

/** CATEGORY MENU | END */

/****** PRODUCT FIELDS *****/

.fieldname {
font-weight:bold;
font-size:14px;
color:#CCCCCC;
}


/* SITE LINKS | START */

/** CATEGORY MENU LINKS | START */

A.cat {
color:#022869;
}

A.cat2 {
color:#2abed8;
font-weight:normal;
text-indent:5px;
text-decoration:underline;
}







/* FOR ALL PAGES */

/** NAVIGATION MENUS | START **/

/*** MAIN NAVIGATION | START ***/

#navcontainer {
margin: 0; padding: 0; height: 27px; font: 12px Verdana, sans-serif; list-style-type: none; margin-left:-40px;  width: 1020px;}

#navlist li {
float: left; margin: 0; padding: 0; width: 14.28%; display: block; font-weight:bold; }

#navlist li a, #navlist li a:link
{
color: #ffffff;
text-decoration: none;
padding: 5px 20px 5px 20px;
display: block;
font-weight:bold;
}

#navlist li a:hover
{
color: #022969;
border-bottom: 3px solid #022869;
cursor: pointer;
background:url(assets/rollover.jpg);
}

#navlist li a#current, #navlist li a#current:link
{
color: #ffffff;
border-bottom: 3px solid #022869;
cursor: pointer;
background:url(assets/rollover.jpg);
}

#navlist li a#current:hover
{
color: #022969;
border-bottom: 3px solid #83b552;
cursor: pointer;
background:url(assets/rollover.jpg);
}

/*** MAIN NAVIGATION | END ***/


/*** MAIN NAVIGATION | XMAS 08 ***/

#navcontainer {
margin: 0; padding: 0; height: 27px; font: 12px Verdana, sans-serif; list-style-type: none; margin-left:-40px;  width: 1020px;}

#navlist li {
float: left; margin: 0; padding: 0; display: block; font-weight:bold; }

#navlist li a, #navlist li a:link
{
color: #ffffff;
text-decoration: none;
padding: 5px 20px 5px 20px;
display: block;
font-weight:bold;
}

#navlist li a:hover
{
color: #022969;
border-bottom: 3px solid #022869;
cursor: pointer;
background:url(assets/rollover.jpg);
}

#navlist li a#current, #navlist li a#current:link
{
color: #ffffff;
border-bottom: 3px solid #022869;
cursor: pointer;
background:url(assets/rollover.jpg);
}

#navlist li a#current:hover
{
color: #022969;
border-bottom: 3px solid #83b552;
cursor: pointer;
background:url(assets/rollover.jpg);
}

/*** MAIN NAVIGATION | END ***/



/** NAVIGATION MENUS | END **/



/** FOOTER STYLES **/
.footer {
	margin: 0em; 
	padding: 0.3em; 
	text-align: center; 
	clear: both;
	background-color:#dff5f9;
	border-top:1px solid #5fcee2;
	min-height:60px;
	height:60px;
}

.footer p { 
	padding: 0.5em;
	margin: 0;
}


/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #022869;
	font-size: 11px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #022869;
	font-size: 11px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #2abed8;
	font-size: 11px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-size: 11px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
		font-weight: bold;
}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  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: 0px 0;
 border-bottom: 1px solid #778;
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
  background-color:#FFFFFF;

 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;
}

