/*
  $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 { vertical-align:top; font-family: Lucida, Verdana, Arial, sans-serif; font-size: 10px; background:#FFFFFF }
.boxTextBleue { font-family: Lucida, Verdana, Arial, sans-serif; color:#027ABB}
.newHeader { font-family: Lucida, Verdana, Arial, sans-serif; font-size: 11px; color:#027ABB}
.titleHeader { font-family: Lucida,Verdana, Arial, sans-serif; font-size: 18px; color:#000000}
.descHeader { font-family: Lucida,Verdana, Arial, sans-serif; font-size: 12px; color:#FF0000}

.boxTextWithe { font-family: Lucida, Verdana, Arial, sans-serif;  color:#FFFFFF}
.boxTextGrey { font-family: Lucida, Verdana, Arial, sans-serif; color:#A4A4A4}
.boxTextOrange { font-family: Lucida, Verdana, Arial, sans-serif; color:#FF6600}
.boxTextGreyLite { font-family: Lucida, Verdana, Arial, sans-serif; color:#AAAAAA}
.boxTextRed { font-family: Lucida, Verdana, Arial, sans-serif; color:#FF0000;padding:0px}

.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 : Lucida, Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

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

P { vertical-align:top; font-family: Lucida, Verdana, Arial, sans-serif; font-size: 11px }

DIV { vertical-align:top; font-family: Lucida, Verdana, Arial, sans-serif; font-size: 11px }
span { vertical-align:top; font-family: Lucida, Verdana, Arial, sans-serif; font-size: 11px }
sup {  font-family: Lucida, Verdana, Arial, sans-serif; font-size: 9px }
A {
 
  color: #00589A;
  text-decoration: none;
}

.noborder {
   padding:0px;
   border:0px;
   margin:0px;
   spacing:0px;
}

.sortable {
			font-family:Lucida Grande, Verdana;
			
			width:100%;
			border:1px solid #ccc;
			cursor:default;
		}
.sortableHeader {
			border-right:1px solid #999;
			padding:2px;
                        font-size: 11px;
		}
.sortableContent {
			border-right:1px solid #999;                       
			padding:2px;
		}

.sortableContentSelected {
			border-right:1px solid #999;                       
			padding:2px;
                        background:#DDDDDD;
                        cursor:pointer;
		}

.sortableContentAlternate {
			border-right:1px solid #999;
			background: #F1EBE1;
			padding: 2px;
		}

		/***
			The following is just an example of how to use the table.
			You can override any class names to be used if you wish.
		***/

		* html div.tableContainer {	/* IE only hack */
			width:95%;
			border:1px solid #ccc;
			height: 400px;
			overflow-x:hidden;
			overflow-y: auto;
		}


		table thead td, table thead th {
			background:#94BEFF;
		}
		
		* html div.tableContainer table thead tr td,
		* html div.tableContainer table thead tr th{
			/* IE Only hacks */
			position:relative;
			top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
		}
		
		html>body tbody.scrollContent {
			height: 400px;
			overflow-x:hidden;
			overflow-y: auto;
		}

		tbody.scrollContent td, tbody.scrollContent tr td {
			background: #FFF;
			padding: 2px;
		}

		tbody.scrollContent tr.alternateRow td {
			background: #e3edfa;
			padding: 2px;
		}

		tbody.scrollContent tr.selected td {
			background: yellow;
			padding: 2px;
		}
		tbody.scrollContent tr:hover td {
			background: #a6c2e7;
			padding: 2px;
		}
		tbody.scrollContent tr.selected:hover td {
			background: #ff3;
			padding: 2px;
		}










sensible {
   cursor:pointer;
   }


img.sensible {
   cursor:pointer;
   }

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

a.pnxMenuLink:link { 
color: black ;

}
 
a.pnxMenuLink:visited { 
color: black ;

}
 
a.pnxMenuLink:hover { 
  color: #00589A;; 
  text-decoration : underline ; 
}
 
a.pnxMenuLink:active { 
color: black ;
}



A.headerNavigationBis {
  font-family: Lucida, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}


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


FORM {
	display: inline;
       font-family: Verdana, Arial, sans-serif; font-size: 10px;
}

TR.header {
  background: #ffffff;
}




TR.headerNavigation {
  background: #bbc3d3;
}

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


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


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

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

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 {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Lucida, Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Lucida, 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 {
  background: #F1EBE1;
}

TR.articlesListing {
background:#b6b7cb;
}

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: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TABLE.articleListing {
  border: 0px;
}
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Lucida,Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

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

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






/* ------------------------------------------------------------------ */
/* Phoenix Pharmaceuticals.COM MAIN CSS ... LAST UPDATE: 3.31.2003    */
/* Kangmin Zeng							      */
/* Comment: scroller bar effect from the body			      */
/* NOTE2: Two spaces should appear after { and before }	for DW3 bug   */
/* ------------------------------------------------------------------ */

/* SCROLL STYLES */

/* AUTOMATIC ATTRIBUTES */

body			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
strong			{  font-weight: bold;  }
b			{  font-weight: bold;  }

/*
td 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }

*/
input 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000  }
ul 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
ol 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
li 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
p 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
option 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000  }

/* DIFFERENT LINK STYLES */

/* NON-UNDERLINED LINK STYLE */
.plain
{
    FONT: 12px arial, sans-serif;
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.plain8dot5
{
    FONT-SIZE: 8.5pt;
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.plain:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
}

/* NON-UNDERLINED LINK STYLE FOR IMPORTANT PRODUCT IN BOLD*/
.plainstrong
{
    FONT: 12px arial, sans-serif;
    COLOR: #990000;
    font-weight: bold;
    TEXT-DECORATION: none
}
.plainstrong:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
}

/* non-underscored link changes to underscored link */
.plainblue
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.plainblue:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
}
.plainblue:visited
{
    COLOR: #3366cc;
    TEXT-DECORATION: none
}
.plainblue:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
}


/* Table Cell Background Colors */
.bgColor		{   background-color: #e0e7f0;  } /* dedede */ 
.bgColor1		{   background-color: #dedede;  }  
.bgColor2		{   background-color: #003366;  }  	
.bgColor3		{   background-color: #CCCCCC;  } 
.bgColor4		{   background-color: #F8F0FF;  } 

.bgGray			{   background-color: #dedede;  } 
.bgGrayLt		{   background-color: #F5FAF2;  } 
.bgWhite		{   background-color: #ffffff;  }
.bgGreen		{   background-color: #f1faf5;  }  
.bgGreen1		{   background-color: #339966;  }  
.bgHeader		{   font-family: Verdana, Arial, Helvetica; background-color: #e0e7f0; font-weight: bold;  } /* dedede */ 
.bgLtOrange		{   font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #FFEEDD; font-weight: bold;  } 
.bgLtGreen		{   background-color: #CCFFCC;  } 


/* Table Cell Background Colors (not used yet) */ 	

.bgLtGray		{   background-color: #dedede;  }  	
.bgHeadGray		{   background-color: #999999;  }  	
.bgMdGray		{   background-color: #666666;  }  	
.bgDkGray		{   background-color: #646464;  }  	
.bgSideNav		{   background-color: #999999;  }  
.bgTopNav		{   background-color: #666666;  }  
.bgOrange		{   background-color: #ff9933;  }
.bgOrange2		{   background-color: #FFCC99;  }
.bgYellow		{   background-color: #FFCC33;  }


/* Table Cell Background Colors for database search results */

bgBlue			{   background-color: #dedede;  }
bgBlueBold 		{   font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #FFFFFF;  font-weight: bold;  background-color: #006699;} /* white text,blue bgcolor */ 
peptide 		{   font-family: Verdana, Arial, Helvetica; background-color: #000000; font-weight: bold;  } /* white text,blue bgcolor */ 




/* Table Cell Background Colors for Crossreactivity data sheets */
.title			{  font-family: Times new roman ; font-size: 14px; font-weight: bold; color: #FE3F7C;  }
.title2			{  font-family: Times new roman; font-size: 20px; font-weight: bold; color: #000000;  }
.title3			{  font-family: Times new roman; font-size: 14px; font-weight: bold; color: #000000;  }
.bgTitle1		{  background-color: #FCE8E0;  } 
.bgTitle2		{  background-color: #F7DCD0;  } 
.bgTitle3		{  background-color: #FECDC0;  } 
.bgTitle4		{  background-color: #F0350F;  } 


/* Subtitle */
.subTitle		{   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #ff6600;  }





.small				{  font-size: 11px;  }
.smallest			{  font-size: 10px;  }
.banner		{  color:#fff;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;font-weight: bold;  }





/* TEXT STYLES */
.content 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000  }
.greenContent 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #009900  }
.redContent 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #990000  }
.orangeContent		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ff9933  }
.blueContent		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0000FF  }
.blueContent2		{  font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 12px; font-weight: bold; color: #6699CC  }
.blue	 		{   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;  }




/* LINKS STYLES */

a.banner	{  color:#fff;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight: bold;  }
a.banner:link	{  color:#fff;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight: bold;  }
a.banner:visited{  color:#fff;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight: bold;  }
a.banner:hover	{  color:#F60;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight: bold;  }




a.bullet	{  color:#003399;font:14px Verdana,Arial,Helvetica;text-decoration:underline;  }
a.bullet:link	{  color:#003399;font:14px Verdana,Arial,Helvetica;text-decoration:underline;  }
a.bullet:visited{  color:#003399;font:14px Verdana,Arial,Helvetica;text-decoration:underline;  }
a.bullet:hover	{  color:#ff6600;font:14px Verdana,Arial,Helvetica;text-decoration:underline;  }
.TXTbase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}
.TXTbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.TXTlegendeGREY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #8d6c51;
}