/*

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



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/
.topmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #666666; text-transform: none} 

.topmenu a:link {color: #666666; text-decoration: none} 

.topmenu a:visited {color: #666666; text-decoration: none} 

.topmenu a:hover {color: #333333; text-decoration: underline} 

.topmenu a:active {color: #666666} 

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



BODY {

  background: #ffffff;

  color: #333333;

  margin: 0px;

}



A {

  color: #333333;

  text-decoration: none;

}



A:hover {

  color: #0000FF;

  text-decoration: underline;

}



FORM {

	display: inline;

}



.header {

  padding: 0px;

  spacing: 0px;

  height: 10px;

}



TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  background: #FF0000;

  color: #ffffff;

  font-weight : bold;

}



A.headerNavigation { 

  color: #FFFFFF; 

}



a:hover.headerNavigation {

  color: #ffffff;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



/* [CALYS] CSS LAYER FOR HEADER (BOF) ============================================================*/



.logo {

	position: absolute;

	visibility: visible;

	left: 10px;

	top: 0px;

}



.tools {

	position: absolute;

	visibility: visible;

	height: 80px;

	width: 110px;

	right: 10px;

	top: 5px;

	background-image: url('images/background_tools.gif');

	background-repeat: no-repeat;

}

.toolsText {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	padding: 10px;

	line-height: 15px;

} 

.toolsText a:link {color: #333333; text-decoration: none} 

.toolsText a:visited {color: #333333; text-decoration: none} 

.toolsText a:hover {color: #000000; text-decoration: underline} 

.toolsText a:active {color: #000000; text-decoration: none} 



.customerservice {

	position: absolute;

	visibility: visible;

	height: 80px;

	width: 250px;

	right: 0px;

	top: 90px;

/*	background-image: url('images/background_tools.gif');

	background-repeat: no-repeat;

*/	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	padding: 0px;

	line-height: 15px;

}



.languages {

	position: absolute;

	visibility: visible;

	height: 20px;

	width: 200px;

	right: 10px;

	top: 95px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	font-weight: bold;

}

.languages a:link {color: #FFFFFF; text-decoration: none} 

.languages a:visited {color: #FFFFFF; text-decoration: none} 

.languages a:hover {color: #FFFFFF; text-decoration: underline} 

.languages a:active {color: #FFFFFF; text-decoration: none} 





.menulayer {

	position: absolute;

	visibility: visible;

	height: 30px;

	left: 10px;

	top: 95px;

}



/* [CALYS] CSS LAYER FOR HEADER (EOF) ============================================================*/





TR.footer {

  background: #ffffff;

}



TD.footer {

  border-top: 1px solid #333333;

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  background: #FFFFFF;

  color: #333333;

  font-weight: normal;

}



/* [CALYS] NEW CLASSES(BOF) ============================================================*/



.navigationbar {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	font-style: italic;

	padding: 10px;

} 

.navigationbar a:link {color: #999999; text-decoration: none} 

.navigationbar a:visited {color: #999999; text-decoration: none} 

.navigationbar a:hover {color: #0000FF; text-decoration: underline} 

.navigationbar a:active {color: #0000FF; text-decoration: none} 



.leftcolumn {

	/*background-image: url('images/background_leftcolumn.gif');*/

}



.rightcolumn {

	/*background-image: url('images/background_rightcolumn.gif');*/

}



.welcome1 {

  font-family: Arial, Helvetica, Geneva, sans-serif;

  font-size: 22px;

  font-weight: normal;

  color: #333333;

  line-height: 1em;

  margin-top: 0px;

}

.welcome2 {

  font-family: Arial, Helvetica, Geneva, sans-serif;

  font-size: 18px;

  font-weight: normal;

  color: #FF6600;

  line-height: 1em;

  margin-top: 5px;

}



.photo {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #CCCCCC;

}

.photo a:link {color: #CCCCCC; text-decoration: none} 

.photo a:visited {color: #CCCCCC; text-decoration: none} 

.photo a:hover {color: #0000FF; text-decoration: underline} 

.photo a:active {color: #CCCCCC; text-decoration: none} 



.photoframe {

  background: #FFFFFF;

  border-top: 1px solid #CCCCCC;

  border-right: 1px solid #CCCCCC;

  border-bottom: 1px solid #CCCCCC;

  border-left: 1px solid #CCCCCC;

}



.featuredtable {

	background-image: url('images/background_featured.gif');

	background-repeat: repeat-x;

}



.categorycolor1 {

  color: #0099FF;

}



.categorycolor2 {

  color: #33FF33;

}



.categorycolor3 {

  color: #FF6666;

}



.categorycolor4 {

  color: #FF9900;

}



.categorycolor5 {

  color: #CC66FF;

}



.categorycolor6 {

  color: #999933;

}



.categorycolor7 {

  color: #FF3333;

}

.innerTable {

  background: #FFFFFF;

  border-top: 1px solid #CCCCCC;

  border-right: 1px solid #CCCCCC;

  border-bottom: 1px solid #CCCCCC;

  border-left: 1px solid #CCCCCC;

}



/* [CALYS] NEW CLASSES(EOF) ============================================================*/



.infoBox {

  background: #FFFFFF;

  border-top: 1px none #CCCCCC;

  border-right: 1px solid #CCCCCC;

  border-bottom: 1px none #CCCCCC;

  border-left: 1px solid #CCCCCC;



}



.infoBoxContents {

  background: #FFFFFF;

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #000000;

}



.infoBoxNoticeContents {

  background: #FF0000;

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #000000;



}



TD.infoBoxHeading {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #333333;

}



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, Helvetica, Geneva, 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 {

  background: #FFFFFF;

  border-bottom: 1px solid #CCCCCC;



}



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

  border-bottom: 1px solid #CCCCCC;

}



TABLE.productListing {

  border: 1px none #FF0000;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  background: #FFFFFF;

  color: #666666;

  font-weight: bold;

  border: 1px solid #666666;

}



.productlisting-headingPrice { 

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #FF0000;

}



TD.productListing-data {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  border-bottom: 1px none #CCCCCC;

}



.pageResults {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #999999;

  text-decoration: none;

}



A.pageResults {

  color: #0000FF;

  text-decoration: none;

}



a:hover.pageResults {

  color: #0000FF;

  text-decoration: underline;

  font-weight: normal;

  background: #E4E4E4;

}



.pageHeading, TD.pageHeading, DIV.pageHeading {

  font-family: Arial, Helvetica, Geneva, sans-serif;

  font-size: 22px;

  font-weight: normal;

  color: #333333;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 11px;

}



.smallText, TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #333333;

}





TD.accountCategory {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.category_desc {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

  color: #f0a480;

  font-weight: bold;

}



TABLE.formArea {

  background: #FF0000;

  border: 1px solid #CCCCCC;

}



TD.formAreaTitle {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 20px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  color: #ff0000;

  font-weight: bold;

}



SPAN.errorText {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  color: #ff0000;

  font-weight: bold;  

}



.moduleRow { }

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

.moduleRowSelected { background-color: #F7F7F7; }



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

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



/* message box */



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

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #FF0000; }

.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, Helvetica, Geneva, 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, Helvetica, Geneva, 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: 20px; FONT-FAMILY: Verdana, Helvetica}



/* Show Cart Details */

TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {

/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 20px;

  line-height: 1.5;

  color: #BDCAF0;

}



 /* 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, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #000000

}

A.HeaderPageLinks {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #000000;

}

a:hover.HeaderPageLinks {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

/*  background: #00FF00; */

  color: #00FF00;

}



TD.cookieUsage {

  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #000000;

  color: #FFFFFF;

}



/* ----------------- coolMenu ----------------- */



.clCMEvent{

	position:absolute;

	width:99%; height:99%;

	clip:rect(0,100%,100%,0);

	left:0; 

	top:0;

	visibility:visible

}





.clCMAbs{

	position:absolute;

	visibility:hidden;

	left:0;

	top:0;

}



.clBar{

	position:absolute;

	width:10;

	height:10;

	background-color:#ffffff;

	layer-background-color:#ffffff;

	visibility:hidden;

}



.clLevel0,.clLevel0over{

	position:absolute;

	padding:1px;

	font-family:Verdana,arial,helvetica;

	font-size:10px;

	text-align: center;

}



.clLevel0{

	background-color:#ffff00;

  	background-image: url('images/infobox/heading_background.gif');

	layer-background-color:#ffffff;

	color:#000000;

}



.clLevel0over{

	background-color:#bbc3d3;

	layer-background-color:#bbc3d3;

	color:#ffffff;

	cursor:pointer;

	cursor:hand;

}



.clLevel0border{

	position:absolute;

	visibility:hidden;

	background-color:#c0c0c0;

	layer-background-color:white;

}



.clLevel1, .clLevel1over{

	position:absolute;

	padding:2px;

	font-family:Verdana,arial,helvetica;

	font-size:10px;

}



.clLevel1{

	background-color:#ffffff;

	layer-background-color:#ffffff;

	color:#000000;

}



.clLevel1over{

	background-color:#bbc3d3;

	layer-background-color:#bbc3d3;

	color:#ffffff;

	cursor:pointer;

	cursor:hand;

}



.clLevel1border{

	position:absolute;

	visibility:hidden;

	background-color:#c0c0c0;

	layer-background-color:white;

}

/* ----------------- coolMenu_eof ----------------- */

