@import url(/css/textStyles.css);
@import url(/css/headerStyles.css);
@import url(/css/styleAdjusters.css);
@import url(/css/tableStyles.css);
@import url(/css/formStyles.css);
@import url(/css/sideBlocks.css);
@import url(/css/mail.css);
@import url(/css/braille_screen.css);
@import url(/css/core2.css);
@import url(/css/rightMenu.css);
/*
@import url(/css/toBeDepricated.css);
@import url(/css/menu.css);
@import url(/css/product.css);
*/


body {
	/*background: #FFF url("/img/structure/bg_tile.jpg") repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 100%;
	padding: 0;
	margin: 0 auto;
	/*line-height: 137%;*/
	text-align: center;
}

div.prodDesc li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 73%;
}

hr.thick {
	height: 2px;
    background: #CFCFA3;
	color: #CFCFA3;

}

hr.dashed {
	height: 1px;
	border:dashed #CCC;
	border-width:1px 0 0;
	height:0;
}

img {
	border: 0;
}

.darkRed {
	color: #006B3D;
	/*color: red;*/
}

#siteContainer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	/*background: #FFF;*/
}

#defaultHeaderContainer {
	width: 760px;
	height: 110px;
	margin: 0 auto;
	text-align: left; /* compensates for the IE5/Win bug */
}

/* NOT IE - quickfix breadcrumb/header spacing problem */
	/*html>body #defaultHeaderContainer {margin: 0 0 20px 0;}*/
#defaultBodyContainer {
	width: 760px;
	margin: 0 auto;
	text-align: left; /* compensates for the IE5/Win bug */
}

#defaultFooterContainer {
	width: 100%;
	text-align: center; /* compensates for the IE5/Win bug */
	background-color: #72846D;
	margin: 15px auto 0 auto;
}

div.spacer { /* Fix to allow the floating DIVs to exist within another div */
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

a {
	color: blue;
	text-decoration: underline;
}

a:hover {
	color: #5C5C5C;
	text-decoration: underline;
}

/* Check box container */
div.checkBoxBlock {
	float: left;
	margin: 0px 10px 0px 0px;
	background-color: transparent;
}

#sCatHTML {
	text-align: justify;
	font-size: 100%;
	/*margin-bottom: 30px;*/
}

.breadLink {
	color: blue;
}

.underline {
	text-decoration: underline;
}

.breadLink:hover {
	color: black;
}

.collapsed {
	display: none;
}

.pseudoButton {
	background-color: #E0E0E0;
	width: 160px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-family:'trebuchet ms',helvetica,sans-serif;
	cursor: hand;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	margin: 0 0 5px 0;
	font-size: 74%;
	display: block;
}

#bg {
	/*
	width: 558px;
	height: 50px;
	background: url(/img/headings/generic_header.jpg) no-repeat top;
	border: 1px solid #FADDFF;
	margin-bottom: 10px;
	vertical-align: middle;
	background-color: #000;
	*/
	}	
/* This is the transparent box */
#transbox {
	/*
	width: 320px;
	margin: 20px 0px 0px;
	background-color: #AD0016;
	/*border: 1px solid black;*/
	/*
	border-left: 5px solid black;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	*/
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox h1, #transbox div {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
	padding: 2px 0;
	/*
	padding: 2px 5px;
	margin: 0;
	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	*/
	/*text-decoration: underline;*/
	}
	
.subCatBG {
	width: 270px;
	height: 40px;
	background: url(/img/headings/generic_subheader.jpg) no-repeat bottom;
	border: 1px solid #666;
	border-bottom: 0;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	cursor: hand;
	}
	
.subCatText {
	width: 272px;
}

.subCatText h2 {
	padding: 3px 5px;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	border: 1px solid #000;
	color: white;
}
		
/* This is the transparent box */
.subCatBG #transbox {
	width: 100%;
	margin: 0;
	background-color: black;
	border: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	vertical-align: bottom
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.subCatBG #transbox h2, .subCatBG #transbox div {
	padding: 2px 5px;
	margin: 0;
	font-weight: bold;
	color: white;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	text-decoration: none;
	}
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
	
 div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }
	
	/* Tool tip */
a.tooltip {
	position: relative;
	text-decoration: none;	
}

a.tooltip:hover span {
color: black;
  position: absolute;
  top: 5px;
  left: 20px;
  display: block;
  background: #FFE;
  opacity: .80;
  border: 1px solid #666;
  font-size: 90%;
  Padding: 0px 5px 0px 5px;
 text-decoration: none;
 /* For IE */
 filter: alpha(opacity=80);
  } 
    
/* Homepage Product Grid */
.hpTDi {
	width: 90px;
	height: 85px;
	text-align: center;
}

.hpIb {
	border: 1px solid #FFCCCC;
}

/* Sep 08 */
/*
#navcontainer {
background: #47494A url("/img/header/menu_tile.gif") repeat-x;
}
*/

#navcontainer ul
{
padding: 0;
margin: 0;
/*background-color: black;*/
background: #47494A url("/img/header/menu_tile.gif") repeat-x;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.3em 1em;
/*background-color: black;*/
background: #47494A url("/img/header/menu_tile.gif") repeat-x;
color: White;
text-decoration: none;
float: left;
font-weight: bold;
border-left: 1px solid #B7C9C2;
border-right: 1px solid #222425;
border-bottom: 1px solid #222425;
}

#navcontainer ul li a.end {
float: left;
border-left: 1px solid #B7C9C2;
border-right: 0;
background: #47494A url("/img/header/menu_tile.gif") repeat-x;
}

#navcontainer ul li a:hover
{
/*background-color: #DD4400;*/
background: #47494A url("/img/header/menu_tile_hover.gif") repeat-x;
color: #fff;
}

/* New Collapsable Menu */
#sideColMenu {
	margin-bottom: 10px;
	width: 180px;
	font-size:12px;
}

#sideColMenu div {
padding: 0px;
background-color: white;
}

#sideColMenu a, #sideColMenu div a  {
	display: block;
	padding: 2px 3px;
	text-decoration: none;
}

#sideColMenu a.title {
	color: white;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
	border-bottom: 1px solid black;
	background: #47494A url("/img/header/menu_tile.gif") repeat-x;
}

#sideColMenu div a {
	background-color: #DDD;
	color: #333;
	border: 0;
}

#sideColMenu div a:hover {
   background-color: #CCC; 
  }