html
{
	height: 100%;
}



body 
{
	font-family: verdana;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	height: 100%;

}

.footerIcon
{
	
	background-image: url(images/footerlogo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	height:20px;
	top: 0px;
	right: 0px;
	
	position: absolute;
	width: 100px;
	z-index: 2;
	
}

form
{
	height: 100%;	
}

a.siteFooter:link 
{
	text-decoration: none;
	color: #ffffff;
}

a.siteFooter:visited 
{
	text-decoration: none;
	color: #ffffff;
}
a.siteFooter:active 
{
	text-decoration: none;
	color: #ffffff;
}

a.siteFooter:hover 
{
	text-decoration: underline;
	color: #ffffff;
}

a:link 
{
	text-decoration: none;
	color: #660000;
}

a:visited 
{
	text-decoration: none;
	color: #660000;
}
a:active 
{
	text-decoration: none;
	color: #660000;
}

a:hover 
{
	text-decoration: underline;
	color:  #660000;
}
a.text:link 
{
	font-weight:bold;
	text-decoration: none;
	color: #d66b00;
}

a.text:visited 
{
	font-weight:bold;
	text-decoration: none;
	color: #d66b00;
}
a.text:active 
{
	font-weight:bold;
	text-decoration: none;
	color: #d66b00;
}

a.text:hover 
{
	font-weight:bold;
	text-decoration: underline;
	color:  #000000;
}


iframe, .companyIframe
{

	width: 100%;
	height: 99pc;
	scrollbar-face-color: #FEAF62 !important;
	scrollbar-shadow-color: ThreeDDarkShadow !important;
	scrollbar-highlight-color: ThreeDHighlight !important;
	scrollbar-3dlight-color: ThreeDLightShadow !important;
	scrollbar-darkshadow-color: #000000 !important;
	scrollbar-track-color: Scrollbar !important;
	scrollbar-arrow-color: ButtonText !important; 	
	
}

.tableSearchBox
{
	border-collapse: collapse;
	border-top: solid 1px #000000;
	color: #8F4A07;
	font-size: 7pt;
	font-family: verdana;
	width: 100%;
		
}

.cellSearchImage
{
	background-image: url(images/arrow_trans_across.gif);
	background-repeat: no-repeat;
	width: 16px;
}
.tableSearchBoxShadow
{
	height: 8px;
	width: 100%;
	background-image: url(images/header_or_shade.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;

}

.tableCellLoginBoxShadow
{
	height: 9px;
	width: 100%;
	background-image: url(images/header_or_shade.gif);
			border-left: 1px solid #000000;	
	border-right: 1px solid #000000;

}

.tableCellSearchBoxShadow
{
	height: 9px;
	width: 100%;
	background-image: url(images/header_or_shade.gif);

}


.bodyBrowseBox
{
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
	padding-top: 0px;
	background-color: #FEAF62;
	font-size: 8pt;
	
}

.tableBrowseBox
{

	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
	color: #974B00;
		
}

.tableContentContainer
{
	height: 100%;
	width: 100%;
	border: solid 1px #ffbbbb;
	border-collapse: collapse;
}



.tableHeader
{
	font-weight: bold;
	font-size: 12pt;
	background-color: #cccccc;
	
}

.siteSide
{
	background-image:url(images/sitebackground.jpg);
}

.siteFooter
{
	padding-top: 4px;
	background-color: #3E3E3E;
	font-size: 8pt;
	font-family: verdana;
	text-align: center;
	color: #ffffff;
}





.siteHeader
{
	padding-top: 0px;
	
	font-size: 9pt;
	font-family: verdana;
	text-align: center;
	color: #ffffff;

}
.siteHeaderOuterTable
{
	width: 100%;
	height: 73px;
	background-color: #FF8000;
	border-bottom: solid 1px #000000;
}
.siteHeaderLogo
{
	background-image :url(images/header_logo_spot.gif);
	background-repeat: no-repeat;
	
}
.siteHeaderGradient
{
	background-image :url(images/fade.gif);
	background-repeat: no-repeat;
	width: 460px;
}
.siteHeaderRepeater
{
	background-image :url(images/header_bg.gif);
	background-repeat:repeat-x;
	width: 800px;
}

.siteHeaderCaption
{
	position: absolute; 
	left: 40px; 
	top: 45px; 
	height: 20px; 
	width: 400px; 
	padding: 1em;	
	color: #000000;
	font-size: 8pt;
}

.supplierMenu
{
	background-color: #FCAD5E;	
	height: 20px;
	width:100%; 
	border-collapse: collapse; 
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-left: 7px;
	padding-top: 2px;
	font-size: 8pt;
}

.supplierMenuCell
{
	width: 160px;	
}

.sitePanel
{
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	
	
	background-color: #666666;
	font-size: 9pt;
	font-family: verdana;
	text-align: center;
	color: #8F4A07;
	background-image: url(images/left_bg_grey.gif);

}

.sitePanelTopGrey
{
	width:100%;
	height: 5pt;
	background-image: url(images/top_grey_nav.gif);

}
.sitePanelBottomGrey
{
	width:100%;
}
.sitePanelTable
{
	height:100%;
	
	
}
.sitePanelSpacer
{
		
}
.tableCellLoginBox
{
	height: 125px;
}
.sitePanelBottomGreyTD
{
	height: 9px;
	
	
	background-image: url(images/bot_grey_nav.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.siteDropdown
{
	background-color: #EFEBE4;
	width: 100%;
	border-bottom: solid 1px #E3D5BF;
}

.loginBox
{
	background-color: #FEAF62;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;
	width: 100%;
}

.leftPanel
{
	background-color: #FFFFFF;	
	border-right: solid 1px #000000;
	border-left: solid 1px #000000; border-top: solid 1px #000000;
	scrollbar-face-color: #FEAF62 !important;
	scrollbar-shadow-color: #333333 !important;
	scrollbar-highlight-color: #eeeeee !important;
	scrollbar-3dlight-color: #ffffff !important;
	scrollbar-darkshadow-color: #000000 !important;
	scrollbar-track-color: #eeeeee !important;
	scrollbar-arrow-color: #333333 !important; 
}



.treeNodeSupplier
{
	font-family: Tahoma;
	font-size: 9pt; 
	color: #000000;	
	padding-left: 3px;
	text-decoration: none;
}


/* Bread Crumb */

.breadCrumb
{
	 /*background-color: #FEDFC0; #FCAD5E */
	height: 18px;
	width:100%; 
	border-collapse: collapse; 
	border-bottom: solid 1px #000000;
	font-size: 8pt;
	
	font-family: verdana;
	background-color: #FEDFC0;
	color: #894C09;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 4px;
}

a.breadcrumb:link 
{
	text-decoration: none;
	color: #894C09;
}

a.breadcrumb:visited 
{
	text-decoration: none;
	color: #894C09;
}
a.breadcrumb:active 
{
	text-decoration: none;
	color: #894C09;
}

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


/* Product Listing */

.productListTable
{
	width: 100%;
	border-collapse: collapse; 

	border-bottom: solid 1px #000000;
	
	font-size: 8pt;
}

.productListTableHeader
{
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
	background-color: #ededed;
	color: #000000;
	height: 25px;
	vertical-align: middle;
	background-image :url(images/greygrad.jpg);
	border-bottom: solid 6px #000000;
}

.productListTableFooter
{
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	background-color: #ededed;
	color: #000000;
	height: 25px;
	vertical-align: middle;
	background-image :url(images/greygrad.jpg);
	border-bottom: solid 6px #000000;
}

.productListRow
{
	background-color: White;
	text-align: center;
	padding-left: 8px;
}



.productListAltRow
{
	background-color: #E2E2E2;
	text-align: center;
	
}

.productListImageCell
{
	width: 50px; 
}

.productListNoImageCell
{
	height: 50px;
	width: 0px; 
}


.productListImage
{

	border: solid 1px #666666;
}

.productListNoImage
{
	height: 50px;
	width: 0px;
	border: none;
}

.productDisplayImage
{

	border: solid 1px #666666;
}

.productDisplayNoImage
{
	height: 150px;
	width: 0px;
	border: none;
}

.productListDescriptionCell
{
	text-align: left;
	border-right: solid 1px #888888;
	vertical-align: middle;
	padding-left: 6px;
/*	width: 40%; */
	
}

.productListDescriptionLink
{
	font-weight: bold;
	color: #000000;
	
}


.productListCodeCell
{
	border-right: solid 1px #888888;
	text-align: left;
	padding-left: 8px;
	width: 80px; 
}

.productListStatusCell
{
	border-right: solid 1px #888888;
	width: 5%;
}

.productListPriceCell
{
	border-right: solid 1px #888888;
	text-align: right;
	padding-right: 8px;
	width: 80px; 
}

.productListUnitsCell
{
	border-right: solid 1px #888888;
	width: 50px;
}

.productListDocsCell
{
	text-align: left;
	padding-left: 8px;
}


.productListIconsCell
{
	width: 20%;
	text-align: left;
	padding-left: 8px;
}

/* Product Details */

.productDetailSectionHeader
{
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	background-color: #ededed;
	color: #000000;
	height: 25px;
	vertical-align: middle;
	background-image :url(images/greygrad.jpg);
	padding-left: 8px;
	padding-top: 1px;
	border-top: solid 1px #999999;
	vertical-align: middle;
}

.productDetailSectionHeaderTR
{
	border-top: solid 1px #666666;
}


.productDetailSectionSubHeading
{
	text-align: left;
	vertical-align: top;
	font-size: 8pt;
	font-weight: bold;
	font-family: verdana;
	background-color: #FEDFC0;
	color: #894C09;
	height: 18px;
	border-top: solid 1px #ffffff;
	padding-left: 28px;
	width: 180px; 
	padding-top: 5px;
	padding-bottom: 5px;
}

.productDetailSectionSubHeading2
{
	text-align: left;
	vertical-align: top;
	font-size: 8pt;
	font-weight: bold;
	font-family: verdana;
	background-color: #FEDFC0;
	color: #894C09;
	height: 18px;
	border-top: solid 1px #ffffff;
	padding-left: 28px;
/*	width: 300px; */
	padding-top: 5px;
	padding-bottom: 5px;
}

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

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

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

.productDetailSectionText
{
	vertical-align: top;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	font-family: verdana;
	background-color: #ededed;
	color: #000000;
	height: 18px;
	width: 520px;
	background-color: #ffffff;
	border-top: solid 1px #AAAAAA;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Company Header */

.companyHeader
{
	font-size: 8pt;
	font-family: verdana;
	font-weight:normal;
}
.companyEmailLogo
{
	background-image :url(images/email.gif);	
	height: 20px;
	width: 25px;
	background-position: left;
	background-repeat: no-repeat;
	border: 0px;
}

.companyIExploreLogo
{
	background-image :url(images/ie.gif);
	height: 20px;
	width: 25px;
	background-repeat: no-repeat;
	border: 0px;
}

.homePageTable
{
	width: 100%;
	border-collapse: collapse;
}
.homePageTitle
{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF8000;
}
.List {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	list-style-position: outside;
	list-style-image: url(images/UL-list.gif);
	list-style-type: disc;
	vertical-align: text-top;
	display: list-item;
	bottom: 10px;
	margin-bottom: 15px;
}

.PageTextBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.PageText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.homePageOuterTD
{
	
}

.homePagePanelHeader
{
	background-color: #3E3E3E;
	width: 300px;
	color: White;
	border: solid 1px #000000;
}

.homePagePanel
{
	width: 300px;
	height: 100px;	
	vertical-align: top;
	border: solid 1px #000000;
	padding: 5px 5px 5px 5px;
	background-color: #FFEBDA;
}

.productImageBody
{
	background-color: #eeeeee;
}

.productImageHeader
{
	background-color: #FEAF62;
	text-align: center;  
	height:30px; 
	color:white;
}


.news_box_header {
	font-family: Verdana, verdana, Helvetica, sans-serif;
	font-size: 20px;
	background-image: url(images/news_header.gif);
	background-color: #000000;
	background-position: right;
	text-align: left;
	text-indent: 5px;
	color: #FFFFFF;
}
.newsboxbody {
	font-family: Verdana, verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	background-image: url(images/news_bg.gif);
	background-repeat: repeat-y;
	padding: 5px;
	width: 263px;
	height: 85px;
	vertical-align: top;
}
.newsboxright {
	background-image: url(images/news_right.gif);
	background-repeat: repeat-y;
	width:21px;
}
.newsboxbottom {
	background-image: url(images/news_bottom.gif);
	background-repeat: repeat-y;
	width: 260px;
	height: 11px;
}
.news_box_header2 {color: #FF8000}

.siteBottomShadow
{
	background-image: url(images/footer_wt_shade.gif);
	background-repeat: repeat-x;
	background-position: top;	
	width: 100%;	
	padding: 0px;
}

.siteTopShadow
{
	background-image: url(images/header_wt_shade.gif);
	background-repeat: repeat-x;
	background-position: top;	
	width: 100%;	
	padding: 0px;
}
.eXchangeboxbody {
	font-family: Verdana, verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	background-image: url(images/exchange_bg.gif);
	background-repeat: repeat-y;
	padding: 10px;
	width: 246px;
	height: 85px;
	vertical-align: top;
}
.eXchangeboxright {
	background-image: url(images/eXchange_right.gif);
	background-repeat: repeat-y;
	width:8px;
}
.eXchangeboxbottom {
	background-image: url(images/exchange_bottom.gif);
	background-repeat: repeat-y;
	width: 254px;
	height: 11px;
}