/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:13 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.cat_description {  font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #DC143C; 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: red; text-decoration: underline; }
.navBlue { color: #FF0000; font-size: 8pt; font-family: Verdana; }
.subnavBlue { color: #9966FF; font-size: 8pt; font-family: Verdana; }


BODY {
    color: #000000;
  margin: 0px;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: White;
}

TD.headerNavigation, DIV.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
	font-weight: bold;
}

A.headerNavigation { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
	font-weight: bold;
}

a:hover.headerNavigation {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
	font-weight: bold;
}

TR.headerError {
  background: #ff0000;
}

span.headerNavigation {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
	font-weight: bold;
}

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;
}

.templateinfobox     { background:#FFFFFF }
.infoBox {
  background: #FFFFFF;
}

.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

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


TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #c0c0c0;
  color: #000000;
}

TD.infoBoxHeadingImage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image: url(images/infobox/background.gif);
  background-color: #C8D0E0;
  color: #000000;
}

TD.infoBoxContentsHeaderImage {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    background-image : url('images/infobox/background.gif');
    background-repeat : repeat-x;
    background-position : left;
    background-color : #c8d0e0;
    color : #000000;
}

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

TD.infoBoxFooterImage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image: url(images/infobox/backgroundfb.gif);
  background-repeat: repeat-x;
  background-position: left;
  color: #000000;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  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 {
  ;
}

TR.accountHistory-even,
TR.addressBook-even,
TR.alsoPurchased-even,
TR.payment-even,
TR.productListing-even,
TR.productReviews-even,
TR.upcomingProducts-even,
TR.shippingOptions-even
 {  ;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: Silver;
  color: #000000;
  font-weight: bold;
}
.productlisting-headingPrice { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  width: 25%;
}

A.pageResults {
  color: #DC143C;
}

a:hover.pageResults {
  color: #FFFFFF;
  background: #DC143C;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  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;
}

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

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

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

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

.centerTable {  background:#FFFFFF repeat-x fixed left top;  }

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #FFFFFF;
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
  background-image: url(images/button_blank_left.gif);
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
  background-image: url(images/button_blank_right.gif);
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  background-image: url(images/button_blank_middle.gif);
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
A.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
A.HeaderPageLinks:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

TD.cookieUsage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
}

/* WebMakers.com Added: Editing Attributes */
.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TR.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TD.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #C0C0C0; }

.storyboxtitle 	{FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:link		{FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:active		{FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:visited	{FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:hover		{FONT-FAMILY: Verdana; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; BACKGROUND: none;}
.yearHeader { font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;} .calendarMonth { background-color: #BBC3D3; cursor: default; width: 100%;}
.calendarHeader { font-family: Helvetica, Arial, Verdana; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 22px;}
.calendarToday { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #FFCF00; padding-left : 3px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendarWeekend { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #CAEEFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendar { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px; }
.event { font-family: Arial, Verdana; font-size: 11px; color: #000000; background-color: #FFFFFF; text-decoration: none; border:1px solid #E6E6E6; }
.empty { background-color: #F0FAFF; line-height: 14px; height: 22px; width: 18px; }
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {color: red; text-decoration: underline;}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {color: red; text-decoration: underline;}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {color: red; text-decoration: underline;}

/* VJ infosystem added */
h4.infoTitle { 
  margin: 0;
  margin-bottom: 0.2em;
}

p.infoBlurb { 
  margin: 0;
  margin-bottom: 2em;
}


TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

#navMenu { 
  clear: both;
  height: 0.01%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#navMenu ul { 
  float : left;
  width : 150px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#navMenu li { 
  position : relative;
  float : left;
  line-height : 24px;
  margin-bottom : -1px;
  width: 150px;
}

#navMenu li ul { 
  position: absolute;
  left: -999em;
  margin-left: 150px;
  margin-top: -26px;
}

#navMenu li ul ul { 
  left: -999em;
}

#navMenu li a {
  width: 150px;
  display: block;
  color: #334;
  font-weight: bold;
  text-decoration: none;
  background: #FFFFF;
  border: 1px solid #CCE;
  padding-left: 2px;
}

#navMenu li a:hover {
  color: #000000;
  background: #AAC;
}

#navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
  left: -999em;
}

#navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul { 
  left: auto;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
border: 0px solid #625e00;
border-width: 0px 0;
background: transparent url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: black;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: black;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}



p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}


a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 12px;
text-decoration: none;
border: solid 1px #f8f8f9;
}

a.menucateg:hover {
border: solid 1px #6633CC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 12px;
text-decoration: none;
border: solid 1px #f8f8f9;
}

a.menusubcateg:hover {
border: solid 1px #6633CC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #FFFFFF;
}
/* menu Image - Show Sub-categories  End */

#chromemenu{
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 85%;
}

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

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(chromebg2.gif) center center repeat-x;
}





TD.headerNavigation2, DIV.headerNavigation2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;}
	
A.headerNavigation2 { 
  color: #000000; 
}

a:hover.headerNavigation2 {
  color: pink;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
float:left;
width:100%;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:80%;
line-height:normal;
border-bottom: 1px solid gray;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 0em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}


SPAN.combo
{
COLOR: red;
font-weight:bold;
}







#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(pinkbg.gif) ;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(pinkbgover.gif); /*background image swap on hover*/
}




p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;


.PriceList  { font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 15px; font-weight: bold }
.SavingsPercent  { font-size: 11px; color: green }


.PriceList  { font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 15px; font-weight: bold }
.SavingsPercent  { font-size: 11px; color: green  }
.oldPrice { text-decoration: line-through }
.ourPrice { font-family: Verdana, Arial, sans-serif; color: red; font-size: 15px; font-weight: bold }


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



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



table.lloyd {
	border-width: 1px;
	border-spacing: ;
	border-style: none;
	border-color: CDCDC4;
	border-collapse: collapse;
	background-color: white;
}
table.lloyd th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: black;
	background-color: white;
	
}
table.lloyd td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: CDCDC4;
	background-color: white;
	}

img.baseline { vertical-align: baseline; } 

img.sub { vertical-align: sub; } 

img.super { vertical-align: super; } 

img.top { vertical-align: top; } 

img.texttop { vertical-align: text-top; } 

img.middle { vertical-align: middle; } 

img.bottom { vertical-align: bottom; } 

img.textbottom { vertical-align: text-bottom; }