/*
  $Id: stylesheet.css,v 1.57 2007/07/23 15:31:35 ERK 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: sans-serif, Verdana, Arial; font-size: 11px; }
.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: #c03; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #063; text-decoration: underline; }

.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px; /* was 14 */
  color: #666;
  line-height: 1.3;
}

p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #666;
}

TABLE.main { background: #fff; color: #000; margin: 0px; }

TABLE.body { background: white; color: black; margin: 0px; }

body {
/* 	background-image: url(images/bg_esi_logo.gif);
  	background-repeat: repeat-x; */
  	background-color: #fff;
   	color: #666;
 	margin: 0px;
}

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

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

H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #099;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}

H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;  /* was 17 */
  font-weight: normal;
  color: #099;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}

TD.prodInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  color: #099;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}

H3 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #099;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}
H4 {
  font-family: "Comic Sans MS", Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #d25448;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TD.HeaderCart { /* top under navigation */
  background: #82CECE url(images/header_nav_below.gif);
  background-repeat:no-repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

a.HeaderCart:link {color:#099; text-decoration: none}
a.HeaderCart:visited {color:#099; text-decoration: none}
a.HeaderCart:hover {color:#099; text-decoration: underline}
a.HeaderCart:active {color:#099; text-decoration: none}

TD.breadcrumb {
  font-family:arial,sans-serif;
  font-size: 10px;
  background: #fff;  
  color: #999;
  font-weight: normal;
}

TD.breadcrumb a:link, TD.breadcrumb a:visited {
  font-size: 10px;
  background: #fff;
  color:#666;
  text-decoration: none;
}

TD.breadcrumb a:hover, TD.breadcrumb a:active {
  font-size: 10px;
  color: #333; /*#666; */ 
  text-decoration:underline; 
  background-color:#ffc; /* #FFFFCC; /* yellow */
}

TD.LoginName {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  background: #82CECE;
}

TR.header {
  background: #FFF url(images/header_bg.jpg);
  background-repeat: repeat-x;
}

.headerNav {
  background: #FFF url(images/header/button_top_nav.gif); /* top navigation */
  background-repeat:no-repeat;
  background-position:center;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #FFF;
  font-weight:bold;
  padding: 2px 0px 9px 0px; /*top-right-bottom-left*/
}
.headerNav a:link, .headerNav a:visited {font-weight:bold;color:#FFF;text-decoration:none}
.headerNav a:hover, .headerNav a:active {font-weight:bold;color:#EEE;text-decoration:none}

.headerNav128 {
  background: #FFF url(images/header/button_top_nav128.gif); /* top navigation */
  background-repeat:no-repeat;
  background-position:center;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #FFF;
  font-weight:bold;
  padding: 2px 0px 9px 0px; /*top-right-bottom-left*/
}
.headerNav128 a:link, .headerNav128 a:visited {font-weight:bold;color:#FFF;text-decoration:none}
.headerNav128 a:hover, .headerNav128 a:active {font-weight:bold;color:#EEE;text-decoration:none}

.headerDropdowns {
  background: #999 url(images/header/middle.png);
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
/*
.headerDropbg a:link, .headerDropbg a:visited {font-weight:bold;color:#666;text-decoration:none}
.headerDropbg a:hover, .headerDropbg a:active {font-weight:bold;color:#EEE;text-decoration:none}
*/

TD.headerNavigation {
/*  background: #FFF url(images/header/bg_tabs1.jpg); /* top navigation */
/*  background-repeat: repeat-x; */
  background: #FFF url(images/header/bg_top_navigation.jpg); /* top navigation */
  background-repeat: no-repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #FFF;
  font-weight: normal;
}

A.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #333;
  font-weight: normal;
  text-decoration: none;
}

A.headerNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #099;
  font-weight : normal;
  text-decoration: none;
}

TR.headerError { background: #f00; }

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

TR.headerInfo { background: #990000; }

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #D25448;
  color: white;
  font-weight: bold;
  text-align: center;
}

TD.headerSmall, SPAN.headerSmall, P.headerSmall {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #333;
  font-weight: normal;
}
.headerSmall a:link, .headerSmall a:visited {font-weight: bold; color: #FFFFFF; text-decoration: underline}
.headerSmall a:hover, .headerSmall a:active {font-weight: bold; color: #f9f9f9; text-decoration: underline}

.FooterBreadcrumb {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFF;  
  color: #999;
  font-weight: normal;
}

.FooterBreadcrumb a:link, .FooterBreadcrumb a:visited, .FooterBreadcrumb a:active {
color: #999; 
text-decoration: none;
}
.FooterBreadcrumb a:hover {
color: #666; 
text-decoration: none; 
background-color: #FFC; /* yellow */
}

TR.footerLogos {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #999999;
  font-weight: bold;
  background: #FFF;
}

TABLE.footerBox{ /* add a boarder */
background:#fff; 
border:1px; 
border-style:solid; 
border-color:#DBDCDB; 
border-spacing:1px;
padding: 5px 5px 5px 5px; /*top-right-bottom-left*/}

.footerNavHeader {
background: #F9F9F9 url(images/header/middle.png); /* top navigation */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align:left;
  text-transform: uppercase;
  color: #1EA8AB;  /* ESI Blue */
  font-weight:bold;
  line-height:1.6;
}
.footerNavHeader a:link, .footerNavHeader a:visited {color:#1EA8AB;text-decoration:none}
.footerNavHeader a:hover, .footerNavHeader a:active {color:#666;text-decoration:none}

.footerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
color:#666;
font-weight:normal;
background:#fff;
line-height:1.5;
}

.footerNavigation a:link, .footerNavigation a:visited {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #666;
  font-weight: normal;
  text-decoration: none;
}

.footerNavigation a:hover, .footerNavigation a:active  {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #099;
  font-weight: normal;
  text-decoration: underline;
}

TR.footerBG {
  background: #fff url(images/header_nav_bg.jpg); /* footer navigation */
  background-repeat: no-repeat;
  background-position: center;
  font-family:Verdana,Arial,sans-serif;
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

TD.left_column { background:#fff; }

TD.right_column { background:#fff; }

.infoBox { background: #f9f9f9; }

TD.infoBoxHeading {
  background: #41B7B9 url(images/infobox/bg_infobox_header.gif);
  background-repeat: repeat-x;  
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}

.infoboxHeading a:link, .infoboxHeading a:visited {
  color: #333;
  text-decoration: none;
}

.infoboxHeading a:hover, .infoboxHeading a:active {
  color: #0074BB; /* blue */
  text-decoration: none;
}

.infoBoxContents {
/*  background: #ffffff url(images/infobox/box_bg.jpg) repeat-x;
  background: #ffffff url(images/infobox/bgg.gif); */
  font-family: Arial, Verdana, sans-serif;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.infoboxContents a:link, .infoboxContents a:visited {
  font-family: Arial, Verdana, sans-serif;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  background: #f9f9f9;
  margin-left: 0px
}

.infoboxContents a:hover, .infoboxContents a:active {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #990000; /* red */
  text-decoration: none;
  background-color: #FFF; /* lt grey */
  margin-left: 0px
}

TD.infoBoxBG { /* Auth.net box in left_column.php */
  background: #fff url(images/icons/bg_box_middle.gif) repeat-y;
  background-position: center;
}

.infoBoxNotice { background: #FF8E90; }

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

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

TD.cc_address {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #F00;
  line-height: 1.5;
}

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

FORM { display: inline; }

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

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

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

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #333;
  color: #FFF;
  font-weight: bold;
}

/* No borders in products column listing  */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border: 0px;
  border-style: solid;
  border-color: #eee;
  border-spacing: 6px;
}

A.pageResults { color: #00F; }

A.pageResults:hover { color: #00F; background: #FFFF33; }

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #099;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}

TR.subBar { background: #f4f7fd; }

TD.subBar {
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  color:#000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#000;
  font-weight: normal;
}
/* Product names, Password Forgotten, ... */
.smallText a:link, .smallText a:visited {font-size: 10px; font-weight: bold; color: #D25448; background: white; text-decoration: none}
.smallText a:hover, .smallText a:active {font-size: 10px; font-weight: bold; color: #333333; background: white; text-decoration: underline}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #abd;
}

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

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

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

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

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

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

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

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

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

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

/*.moduleRow { } */
.moduleRowOver { background-color: #D7E9F7; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

/* bof: Great Categories v2.0 */

TABLE.categ {
  border: 0px;
  border-spacing: 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TABLE.categsub {
  border: 0px;
  border-spacing: 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TD.categ {
  vertical-align: top;
  border:0px;
  border-spacing:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px; 
}

a.catig:link {color:#000}
a.catig:visited {color:#000}
a.catig:hover {color:#900}
a.catig:active {color:#900}

/* eof: Great Categories v2.0 */

/* start: Chrome CSS Drop Down Menu (v2.01) */

.chromestyle{
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 17px;
font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 8px 4px 8px; /*top-right-bottom-left*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 7px 8px 4px 8px; /*top-right-bottom-left*/
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
color: #333333;
/*background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
/*font:normal 15px Verdana; */
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
z-index: 100;
background: #1EA8AB;
width: 210px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 4px 3px 4px 3px; /*top-right-bottom-left*/
text-decoration: none;
color: #f9f9f9;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
color: #FFF;
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #41B7B9;
color: #000;
}

/* end: Chrome CSS Drop Down Menu (v2.01) */

TABLE.border {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #f9f9f9;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TABLE.borderWhite { /* online registration form */
  font-family: Verdana, Arial, sans-serif;
  color: #333;
  font-size: 13px;
  background: #ffffff;
  line-height: 1.3;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 10px;
}

/* product description text box on product_info.php */
TD.prodDesc, P.prodDesc, TABLE.prodDesc {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
 /* border-spacing: 10px; */
  padding: 10px 10px 12px 12px; /*top-right-bottom-left*/
}

/******************** Ultimate Fade-in Slide Show ***************************/
.centerdiv{ /*IE method of centering a relative div*/
text-align:center}

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

/********************** Remove dotted border from links *********************/
a:active, a:focus, input[type="image"] {
outline: 0}

html { overflow: -moz-scrollbars-vertical; } /* fixes scroll bar in Firefox */