﻿body
{
	color : black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:10px 0px; 
	padding:0px;
	text-align:center;

}

#popup
{
	position: absolute;
	left: 180px;
	top: 200px;
	width: 400px;
	background: #ffc;
	padding: 10px;
	border: 3px solid #b747b4;
	z-index: 350;
	display: none;
	font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;	
}

#popup p 
{
	text-align: center;
}

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 500px;
	display: none; 
}

#MainTable{
    width:761px;
	margin:0px auto;
	text-align:left;
	padding: 15px;
	background-color:#ffffff;
	color : black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.BreadCrumb
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.BreadCrumb a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b747b4;
	text-decoration: none; 
}
.BreadCrumb a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b747b4;
	text-decoration: none;
}
.BreadCrumb a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b747b4;
	text-decoration: underline;
}

/* Style for subcategory navigation */
.productnavigation
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	vertical-align: top;
	padding-top: 20px;
}
.productnavigation a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none; 
}
.productnavigation a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none;
}
.productnavigation a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: underline;
}

/* Style for sample download links */
.sampleDownloadLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	
}
.sampleDownloadLink a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none; 
}
.sampleDownloadLink a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none;
}
.sampleDownloadLink a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: underline;
}

/* Product Detail page */
#ProductDetailTableContainer
{
	border: solid 1px #06b79f;
}

#ProductDetailTable
{
	padding: 0;
	margin: 0;
	width: 100%;
}

#ProductDetailAssocProdCell { border-left: solid 1px #06b79f; }
#ProductDetailAssocProdCell hr { width: 100%; height: 1px; color: #06b79f; background-color: #06b79f; border-style: none; }
#ProductDetailCell 
{ 
	border-top: solid 1px #06b79f; 
	border-bottom: solid 1px #06b79f;
	padding: 10px;
}
#ProductSampleDownloadCell { border-bottom: solid 1px #06b79f; text-align: center; }
#ProductDetailDescCell { border-bottom: solid 1px #06b79f; padding: 10px; }
#ProductPriceCell {padding: 10px 0px 10px 5px; font-size: 12px; }
#ProductPriceCell td
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px;	  
	line-height: 12px;
	color: #000000;
}
#ProductQtyCell { padding: 10px 0px 10px 0px; vertical-align: middle;}

#pricingTable { border: solid 1px #06b79f; }
#pricingTable td { padding: 3px; font-size: 10px; border-bottom: solid 1px #06b79f; }

.alternateRow 
{
	background-color: #e0f9f9;
}

.associatedProduct { width: 100%; }
.associatedProduct td {	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: center; }
.associatedProduct a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	
}
.associatedProduct a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none; 
}
.associatedProduct a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: none;
}
.associatedProduct a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b747b4;
	text-decoration: underline;
}

.content a:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #b747b4;
	text-decoration: none; 
}
.content a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #b747b4;
	text-decoration: none;
}
.content a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #b747b4;
	text-decoration: underline;
}

/* Styles for page headers */
td.MajorHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 700; 
	color: #92268f;
	text-decoration: none;
	padding-top:10px;
	padding-bottom: 5px;
}
td.SubHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
}

/* Style for text search options */
.searchTextBox {Z-INDEX: 102; LEFT: 16px; POSITION: absolute; TOP: 104px; width: 140px;}
.searchNowImage {LEFT: 170px; POSITION: absolute; TOP: 104px}
.searchOption  {font-family:arial, verdana, helvetica, sans-serif; 
font-size: 13px; color: #06b79f; font-weight:bolder; /* border-bottom: dashed 1px #06b79f; */ padding-bottom: 2px;
}

a.AdvancedSearchLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	Z-INDEX: 109; LEFT: 249px; POSITION: absolute; TOP: 112px
}
a.AdvancedSearchLink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	Z-INDEX: 109; LEFT: 249px; POSITION: absolute; TOP: 112px 
}
a.AdvancedSearchLink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	Z-INDEX: 109; LEFT: 249px; POSITION: absolute; TOP: 112px
}
a.AdvancedSearchLink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	Z-INDEX: 109; LEFT: 249px; POSITION: absolute; TOP: 112px
}

/* Style for form elements */
.textInput {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px; color: #000000; height: 20px; width: 195; z-index: 0;
}
.formElementShort {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px; color: #000000; height: 20px; width: 80; z-index: 0;
}
.formElementButton {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px; color: #000000; z-index: 0;
}
.dropdown {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px; color: #000000; height: 20px; z-index: 0;
}
.textarea {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 9px; color: #000000; z-index: 0;
}

/* Style for search returns */
.itemHeader {font-family:arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px; color: #000000; height: 20px; z-index: 0;
}
.itemNumber  {font-family:arial, verdana, helvetica, sans-serif; 
font-size: 9px; color: #000000;
}
.itemDesc  {font-family:arial, verdana, helvetica, sans-serif; 
font-size: 9px; color: #000000; line-height: 12px;
}
.itemPrice  {font-family:arial, verdana, helvetica, sans-serif; 
font-size: 9px; color: #ff0000;
}
.itemQty {width: 50px;}

/* header text */
.mediumHeader {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: 700; font-size: 15px; color: #b747b4;
}
.mediumHeader a:link {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: 700; font-size: 15px; color: #b747b4;
}
.mediumHeader a:visited {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: 700; font-size: 15px; color: #b747b4;
}
.mediumHeader a:hover {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: 700; font-size: 15px; color: #b747b4;
}

.mediumType {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: normal; font-size: 9px;  line-height: 14px; color: #000000;
}
.mediumBlack {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: 700; font-size: 9px;  line-height: 12px; color: #000000; width: 185px;
}
.smallBlack {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: normal; font-size: 9px;  line-height: 12px; color: #000000;
}
.text		{font-family:  Arial, Helvetica, sans-serif; font-size: 9px; line-height: 16px; color: #000000; }

/* red text */
.mediumHeaderRed {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: bold; font-size: 10px; color: #ff0000;
}
.mediumTypeMaroon {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: bold; font-size: 10px; color: #ED181E;
}
.mediumTypeRed {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: normal; font-size: 9px;  line-height: 14px; color: #ff0000;
}

/* purple text */
.mediumTypePurple {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: normal; font-size: 10px;  line-height: 14px; color: #b747b4; 
}
.mediumTypePurpleBold {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: bold; font-size: 10px;  line-height: 14px; color: #b747b4; 
}
.smallPurpleType {font-family:verdana, arial, helvetica, sans-serif; 
font-weight: normal; font-size: 9px;  line-height: 14px; color: #b747b4; 
}

/* Home page blue text */
.smallBlueType
{
	font-weight: normal;
	font-size: 14px;
	color: #0066ff;
	line-height: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
}


/*Link Styles*/
a.blue:link { color: #0066ff; text-decoration: underline; }
a.blue:active { color: #0066ff; text-decoration: underline; }
a.blue:visited { color: #0066ff; text-decoration: underline; }
a.blue:hover {color: #0066ff; text-decoration: none; }

a.purple:link { font-weight: normal; font-size: 9px; color: #b747b4; text-decoration: underline; }
a.purple:active { font-weight: normal; font-size: 9px; color: #b747b4; text-decoration: underline; }
a.purple:visited { font-weight: normal; font-size: 9px; color: #b747b4; text-decoration: underline; }
a.purple:hover {font-weight: normal; font-size: 9px; color: #b747b4; text-decoration: underline; }

a.bodypurple:link { font-weight: normal; color: #b747b4; text-decoration: none; }
a.bodypurple:active { font-weight: normal; color: #b747b4; text-decoration: none; }
a.bodypurple:visited { font-weight: normal; color: #b747b4; text-decoration: none; }
a.bodypurple:hover {font-weight: normal; color: #b747b4; text-decoration: underline; }


.nav_link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: #cc0000;
}

.Grid
{
	border: solid 1px Tan;
}

.Grid td
{
	border: solid 3px #FFFFFF;
	margin: 3px 3px 3px 3px;
	font-family: Arial;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.GridHeader
{
	font-weight: bold;
	background-color: Blue;
	color: LightBlue;
}

.GridHeader a
{
	text-decoration: none;
	color: LightGoldenrodYellow;
	padding: 0px 15px 0px 15px;
}

.GridHeader a:hover
{
	text-decoration: underline;
	background: Tan url(/highreach/images/spin.gif) no-repeat 0 100%;
}

.GridAltItem
{
	font-size: smaller;
}

.GridItem
{
	font-size: smaller;
}

.GridItem
{
	background-color: MediumSlateBlue;
}

.GridAltItem
{
	background-color: Gainsboro;
}
.GridSelectedItem
{
	background-color: Gainsboro;
}
/* This is the style for the header */
.header
{
	background: url(/highreach/images/header_bg.gif) no-repeat 0 100%;
	background-color: #ffffff;
	width: 760px;
	height: 169px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #000000;
}

/* These are the styles for the footer */
.footer
{
	background: url(/highreach/images/footer_bg.gif) no-repeat 0 100%;
	background-color: #ffffff;
	width: 760px;
	height: 169px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
}
.footer a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	POSITION: relative; TOP: 72px
}
.footer a:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	POSITION: relative; TOP: 72px
}
.footer a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	POSITION: relative; TOP: 72px
}
#preloadMouseOverImages { 
width: 0px; 
height: 0px; 
display: inline; 
background-image: url(/highreach/Buttons/homebutton_over.gif); 
background-image: url(/highreach/Buttons/About_over.gif); 
background-image: url(/highreach/Buttons/curriculum_over.gif); 
background-image: url(/highreach/Buttons/shopping_over.gif); 
background-image: url(/highreach/Buttons/TeachingResources_over.gif);
} 

