/* global defaults for display */
@import "W2MCustomStyles.css";


/* 
July2009GreyGreen 1.0 by Rachael Arnott to reflect updates to alphausa.org
 */
/* 
The Body style is the default text for pages.
 */
DIV.Main {text-align:center;margin-left:auto;margin-right:auto;}

body {
	background-color:#DAE0E1;
	background-image:url(/images/background.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	margin-top:0;

	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

DIV.footer {
	text-align:center;
	padding:4px;
}

UL {
	list-style-image: url('../images/cl_bullet.gif');
	color: #000000;
	margin-left: 30px;
	}



table {

}
th {


}
td {

}		
/* 
The H1 style is used for header text at the top of pages category.cfm and product.cfm
 */
H1 {
color:#000000;
font-size:15px;
font-weight:bold;
margin-bottom:2px;
margin-top:3px;
text-transform:uppercase;
}

/* 
The H2 style is used for header2 text at the top of pages agreement.cfm,faxorder.cfm and readme.cfm
 */
H2 {
color:#6caf21;
font-size:16px;
font-weight:bold;
}

H3 {
color:#3A4646;
font-size:16px;
font-weight:bold;
}

h4{
color:#3A4646;
font-size:14px;
font-weight:bold;
}

/* 
The A style is used for anchor (link) text in most all pages
 */
A {
color:#3A4646;
	text-decoration: none;

}

/* 
The A:hover (Link being moused over) style is used for link text in most all pages
 */
A:hover {

	text-decoration: underline;
}

/* 
The A style is used for anchor (link) text in most all pages
 */
A.Page {

}

/* 
The A:hover (Link being moused over) text in most all pages
 */
A.Page:hover {

}

/* 
The A.MenuTitle is used for anchor (link) text in the top of menus like those found in leftnav.cfm and rightnav.cfm
 */
A.MenuTitle {
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration: none;

}

/* 
The A:MenuTitle:hover (Link being moused over) style is used for link  text in the top of menus like those found in leftnav.cfm and rightnav.cfm
 */
A.MenuTitle:hover {
	text-decoration: underline;
}

/* 
The A.MenuTitle2 is used for anchor (link) text in the top for the top of nav link for cat and product titles
 */
A.MenuTitle2 {
	color: #000000;
	font-size: 18px;
	text-decoration: underline;
    font-weight: bold;
}

/* 
The A:MenuTitle2:hover (Link being moused over) style is used for link text for the top of nav link for cat and product titles
 */
A.MenuTitle2:hover {

}


/* 
The A.CatMenuTitle is used for anchor (link) text  in the linked category name, category.cfm 
 */
A.CatMenuTitle {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

/* 
The A:CatMenuTitle:hover (Link being moused over) style is used for linked category name
 */
A.CatMenuTitle:hover {
	color: #000000;
	text-decoration: underline;
}

/* 
The A.Category style is used for anchor (link) text on the category.cfm page.
 */
A.Category {
	text-decoration: none;

}

/* 
The A:Category:hover (Link being moused over) style is used for link text category.cfm
 */
A.Category:hover {
	text-decoration: underline;
	color: #000000;
}

/* 
The A.Product style is used for anchor (link) text on the product.cfm and product1.cfm page.
 */
A.Product {
	text-decoration: none;
}

/* 
The A:Product:hover (Link being moused over) style is used for link text product.cfm and product1.cfm
 */
A.Product:hover {
	
	text-decoration: underline;
		color: #000000;
}

/* 
The A.ProductListItem style is used for anchor (link) text where there are multiple products being listed on the same page
 */
A.ProductListItem {
	font-weight: bold;
	text-decoration: underline;
}

/* 
The A:Product:hover (Link being moused over) style is used for linked product name text on category.cfm
 */
A.ProductListItem:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a.BoxTitle {
color:#6caf21;
font-size:14px;
line-height:20px;
text-transform:uppercase;
}

a.boxTitle:hover {
	text-decoration: underline;
}


/* 
The Table settings for the outer table of all pages
 */
TABLE.Main {
	padding: 0px;
	text-align: center;
	width: 975px;
margin-left:auto;margin-right:auto;
}

/* 
The Table settings for the outer table of all pages
 */
TH.Main {
	padding: 0px;
}

/* 
The Table settings for the outer table of all pages
 */
TD.Main {
	padding: 0px;
}

/* 
The Table settings for the LeftNav Column
 */
TD.LeftNav {
	background-color: #000000;
	padding: 0px;
}

/* 
The Table settings for storeheader.cfm
 */
TABLE.StoreHeader {
	padding: 0px;
}

TH.StoreHeader {
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
/*	background-color: ;*/
	text-align: left;
	padding: 0px;
}

/* 
The Table Data settings for storeheader.cfm (behind tabs)
 */
TD.StoreHeader {
	font-size: 10px;
	text-align: left; 
	
	padding: 0px 0px 15px;
/*	border-bottom: ;*/
}

/* 
The Table settings for storeheader.cfm (surrounding tabs)
 */
TABLE.StoreHeaderButton {
	padding: 0px;
}

/* 
The Table settings for storeheader.cfm
 */
TH.StoreHeaderButton {
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
}

/* 
The Table settings for storeheader.cfm, tabbed buttons used for navigation within header AND category.cfm
 */
TD.StoreHeaderButton {
}

/* 
The Table settings for storeheader.cfm, tabbed buttons used for navigation within header AND category.cfm
 */
TD.StoreHeaderButtonActive
{
	color: #ffffff;
}


/* 
The Table settings for includes\leftnav.asxp and includes\rightnav.cfm
 */
TABLE.MenuBox {
	margin: 5px 0px 0px;
	padding: 2px;
}

TH.MenuBox {
	font-weight: bold;
	color: #6CAF21;
	background-color: #ffffff;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E3433;

	padding: 2px;
	margin: 0px;
}

TD.MenuBox {
	padding-right: 2px;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 2px;

	background-color: #ffffff;
	text-align: left;
	line-height: normal;
}

TD.MenuBoxBasket {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #bae987;
	text-align: center;
}

TD.MenuBoxData {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #FFFFFF;
	text-align: left;
}
 
/*FEATURE BOX STYLES*/

TH.FeatureBox {
	font-weight: bold;
	color: #ffffff;
	background-color: #6CAF21;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;

	padding: 2px;
	margin: 0px;
}

TD.FeatureBox {
	padding-right: 2px;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 2px;

	background-color: #ffffff;
	text-align: left;
}
/*END FEATURE BOX STYLES*/

/* 
The Table settings for output of product listings withing category.asxp
 */
TABLE.ProductListing {
	padding: 0px;
	width: 100%;
}

/* 
The Table settings for output of product listings withing category.cfm and productx.cfm
 */
TH.ProductListing {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 2px;
	background-color: #ffffff;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

/* 666666
The Table settings for output of product listings withing category.asxp, alternating background color for even numbered rows
 */
TR.ProductListingEven {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

/* 
The Table settings for output of product listings withing category.asxp, alternating background color for odd numbered rows
 */
TR.ProductListingOdd {
	background-color: #EDEDED;
	margin: 0px;
	padding: 0px;
}

/* 
The Table settings for output of product listings withing category.asxp
 */
TD.ProductListing {
	padding: 5px;
	font-size: 12px;
}

/* 
The Table settings for output of product listings withing category.asxp
 */
HR.ProductListing {
	height: 1px;
	width: 95%;
	background-color: #6CAF21;
}

/* 
The Table settings for output of product detail in product1.cfm and product2.cfm
 */
TABLE.ProductDetail {
	margin: 5px;
	padding: 0px;
	width: 95%;
}

/* 
The Table settings for output of product detail in product1.cfm and product2.cfm
 */
TH.ProductDetail {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	background-color: #6CAF21;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: auto;
}

/* 
The Table settings for output of product detail in product1.cfm and product2.cfm
 */
TD.ProductDetail {
	font-weight: normal;
	font-size: 12px;
	background-color: #ffffff;
	text-align: left;
	padding: 2px;
	width: auto;
}

/* 
The Table settings for output of product image in product1.cfm and product2.cfm
 */
TD.ProductImage {
	background-color: #ffffff;
	text-align: left;
	width: auto;
	padding: 10px;
}

/* 
The Table settings for output of product image in product1.cfm and product2.cfm
 */
TD.ProductDetailCen {
	background-color: #ffffff;
	text-align: center;
	padding: 0px;
}

/* 
The Table settings for output of product options in product1.cfm and product2.cfm
 */
TABLE.ProductOptions {
	margin: 0px;
	padding: 0px;
	width: auto;
	font-size: 12px;
}

TH.ProductOptions {
	font-weight: bold;
	text-align: right;
}

TD.ProductOptions {
    text-align: left;
	padding: 0px;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TABLE.OuterTable {
	padding: 0px;
/*	border: 1px solid #ffffff;*/
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	width: 98%;
	background-color:#FFFFFF;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TH.OuterTableCaption {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 2px;
	background-color: #ffffff;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TH.OuterTableHeader {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #ffffff;
	text-align: center;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TH.OuterTableSection {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #BAE987;
	text-align: center;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TH.OuterTable {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: right;
	font-size: 12px;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TD.OuterTableCaption {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	background-color: #6CAF21;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-position: top;
}

/* 
The Table settings for outertable that surrounds the page detail on most all files, which includes the title or header of the page
 */
TD.OuterTable {
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	padding: 2px;
	background-position: 0px;
	margin: 0px;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table
 */
TABLE.InnerTable {
	margin: 5px 0px 0px;
	text-align: center;
	padding: 2px;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table
 */
TR.InnerTableHeader {
	background-color: #dedede;
	text-align: left;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.  Background color for odd numbered rows.
 */
TR.InnerTableOdd {
	background-color: #ffffff;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.  Background color for even numbered rows.
 */
TR.InnerTableEven {
	background-color: #dedede;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.
 */
TH.InnerTableHeader {
	border-right: #ffffff 1px solid;
	padding-right: 2px;
	border-top: #ffffff 1px solid;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 0px;
	border-left: #ffffff 1px solid;
	padding-top: 2px;
	border-bottom: #ffffff 1px solid;
	text-align: center;
	font-size: 12px;
	background-color: #cccccc;
	#ffffff-space: nowrap;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.
 */
TH.InnerTableCaption {
	padding-right: 2px;
	margin-top: 4px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: ffffff;
	text-align: center;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.
 */
TH.InnerTable {
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	padding: 2px;
	margin: 0px;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.
 */
TD.InnerTable {
	font-size: 12px;
	vertical-align: super;
	text-align: left;
	padding: 5px;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table.  Right Align for dollar formatted amounts
 */
TD.InnerTableAmount {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 12px;
	padding-bottom: 2px;
	vertical-align: super;
	padding-top: 2px;
	text-align: right;
	border-top: 0px none;
	font-weight: normal;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table. Center aligned for quanities and centered items.
 */
TD.InnerTableCenter {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 12px;
	padding-bottom: 2px;
	vertical-align: super;
	padding-top: 2px;
	text-align: center;
}

/* 
The Table settings for innertable that contains the majority of the text. Used in most all files.
The basket details would be an example of this table. Bold Font and double lined table for Total amounts.
 */
TD.InnerTableTotal {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 12px;
	padding-bottom: 2px;
	vertical-align: super;
	padding-top: 2px;
	text-align: right;
	border-top: double 3px;
	font-weight: bold;
}

/* 
The font setting for error messages that are displayed, used on most all pages with forms and during checkout.
 */
.Error {
	color : #FF0000;
	background-color : #ffffff;
	font-size: 10pt;
	font-weight : bold;
	text-align: center;
}

/* 
Currently Unused
 */
.BoldHighlight {
	color : #FF0000;
	background-color : #ffffff;
	font-size: 10pt;
	font-weight : bold;
	text-align: left;
}

.Highlight {
	color : Red;
	background-color : #ffffff;
	font-size: 10pt;
	font-weight : normal;
	text-align: left;
}

/* 
Font color for showing amount due in vieworder.cfm, viewshipments.cfm and paymeth.cfm
 */
.Price {
	color : Red;
}

/* 
		**************** NAVIGATION STYLES ****************
 */
 
/* 
Table Data settings for the category trails at the top of category.cfm
 */
TD.CategoryTrails {
	font-weight: normal;
	font-size: 12px;
	background-color: #bae987;
	text-align: left;
	padding: 5px 0px;
	background-position:  center center;
	margin: 0px;
	height: 0px;
	text-indent: 20pt;
	vertical-align: middle;
} 
 
/* 
The font settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
A.CategoryNavigation {
	font-style: normal;
}

/* 
The font settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
A.CategoryNavigation:hover {
	color: #000000;
	text-decoration: underline;

}

/* 
The Table settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
TABLE.CategoryNavigation {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

/* 
The Table settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
TD.CategoryNavigation {
	font-weight: normal;
	font-size: 10px;
	background-color: #cccccc;
	text-align: left;
	padding: 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #666666;
	border-left: 0px none;
}

/* 
The Table settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
TD.CategoryNavigationButton {
	font-weight: normal;
	font-size: 12px;
	background-color: #cccccc;
	text-align: left;
	padding: 0px 3px 0px 5px;
	border: 0px none;
}


/* 
The font settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
A.CategoryNavigationActive {
	text-decoration: none;
	font-style: italic;
}

/* 
The font settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
A.CategoryNavigationActive:hover {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
/* 
The Table settings for the tabbed category navigation used on category.cfm, product1.cfm and product2.cfm
 */
 
TD.CategoryNavigationButtonActive
{
	border-right: 0px;
	padding-right: 3px;
	border-top: 0px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 0px;
	border-left: 0px;
	padding-top: 0px;
	border-bottom: 0px;
	background-color: #BAE987;
	text-align: left;
	font-style: italic;
}

/* 
Table Data settings for the page navigation at the bottom of newprods.cfm and category.cfm
 */
TD.Navigation {
	font-weight: normal;
	font-size: 12px;
	background-color: #ffffff;
	text-align: center;
	padding: 5px;
	background-position: center center;
	margin: 10px 10px;
	border-top: 1px solid #666666;
}

/* 
Table Data settings for the page navigation at the bottom of newprods.cfm and category.cfm
 */
TD.ProductNavigation {
	font-weight: bold;
	font-size: 12px;
	background-color: #BAE987;
	padding: 5px;
	background-position: center center;
	margin: 10px 10px;
	border-top: 0px solid #666666;
}

a:red {
	color: #FF0000;
}

/* 
W2M DIR TREE STYLES 
 */
.DirTreeCurrent {
	font-weight: bold;
	font-style: normal;
	color: #6caf21;
}

.DirTreeParent {
	font-weight: bold;
	font-style: normal;
	color: #6caf21;
}

a.DirTreeLevel1 {
       width: 100%;
       font: inherit;
}
 
a.DirTreeLevel1:hover {
       width: 100%;
       font: inherit;
}
 
a.DirTreeLevel2 {
	width: 100%;
}
 
a.DirTreeLevel2:hover {
	width: 100%;
}
 
a.DirTreeLevel3 {
	width: 100%;
}
 
a.DirTreeLevel3:hover {
	width: 100%;
}

a.DirTreeProductLevel1 {
	width: 100%;
	padding-bottom: 12 px;
}
 
a.DirTreeProductLevel1:hover {
	width: 100%;
}
 
a.DirTreeProductLevel2 {
	width: 100%;
}
 
a.DirTreeProductLevel2:hover {
	width: 100%;
}
 
a.DirTreeProductLevel3 {
	width: 100%;
}
 
a.DirTreeProductLevel3:hover {
	width: 100%;
}

a.DirTreeWebPageLevel1 {
	padding-bottom: 12 px;
	width: 100%;
}
 
a.DirTreeWebPageLevel1:hover {
	width: 100%;
}
 
a.DirTreeWebPageLevel2 {
	width: 100%;
}
 
a.DirTreeWebPageLevel2:hover {
	width: 100%;
}
 
a.DirTreeWebPageLevel3 {
	width: 100%;
}
 
a.DirTreeWebPageLevel3:hover {
	width: 100%;
}

a.DirTreeLinkLevel1 {
	padding-bottom: 2 px;
	
	width: 100%;
}
 
a.DirTreeLinkLevel1:hover {
	width: 100%;
}
 
a.DirTreeLinkLevel2 {
	width: 100%;
}
 
a.DirTreeLinkLevel2:hover {
	width: 100%;
}
 
a.DirTreeLinkLevel3 {
	width: 100%;
}
 
a.DirTreeLinkLevel3:hover {
	width: 100%;
}

div.DirTreeMenuBox {
	text-align : left;
	width: 100%;
	/*border-bottom:1px solid #000000;*/
	color:#000000;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size : 12px;
	/*text-transform:uppercase;*/
	font-weight: normal;

}
/* 
END W2M DIR TREE STYLES 
 */
 
/* CUSTOM PANEL STYLES*/
/*RIGHT ONLY*/
div.CustomPanelInsideright {
	width : 175px;
	font-size : 10px;
	text-align : left;

}

div.CustomPanelOutsideright {
	width : auto;
	padding : 8px;
	margin-top : 10px;
	background:#FFFFFF;
	border:none;
}

.CustomPanelHeadingright {
	font-size : 14px;
	color : #6CAF21;
	font-weight : bolder;
	text-align:center;
}

.CustomPanelTextright {
	text-align : left;
}
/* END CUSTOM PANEL STYLES*/

td.text
{
	background-color:#FFFFFF;
}