BODY {
	background-color: #FFFFFF;
	/*background-image:  url(../pics/graphics/bg01.gif);*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	SCROLLBAR-HIGHLIGHT-COLOR: #F5F5F5;
	SCROLLBAR-SHADOW-COLOR: #808080;
	SCROLLBAR-3DLIGHT-COLOR: #808080;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #F5F5F5;
	SCROLLBAR-FACE-COLOR: #EEEBDF;
	SCROLLBAR-DARKSHADOW-COLOR: #F5F5F5;
	margin-top: 0px;	
	background-position: center center;
}
/*
BODY {
	background-color: #FFFFFF;
	background-image:  url(../pics/graphics/back.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	SCROLLBAR-HIGHLIGHT-COLOR: #000080;
	SCROLLBAR-SHADOW-COLOR: #ff9933;
	SCROLLBAR-3DLIGHT-COLOR: #ff9933;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #F5F5F5;
	SCROLLBAR-FACE-COLOR: #000080;
	SCROLLBAR-DARKSHADOW-COLOR: #000080;
	margin-top: 6px;	
	background-position: center center;
}
*/


.clipout{
  position:relative;
  width:100px;
  height:67px;
  top:-1px;
  left:-1px;
}
.clipin{
  position:absolute;
  clip:rect(100px 200px 149px 83px);
  top:-100px;
  left:-149px;
}
.shade1{
  width:100px;
  height:67px;
  background-color:#e8e8e8;
}
.shade2{
  position:relative;
  width:100px;
  height:67px;
  background-color:#cbcbcb;
  top:-2px;
  left:-2px;
}
.shade3{
  position:relative;
  width:100px;
  height:67px;
  background-color:#a0a0a0;
  top:-1px;
  left:-1px;
}



    /* Photo Zoom CSS */

    #zoom a img { 
	float:left;
    height:67px;
    width:100px;
    border:1px solid #000;
    margin:0 0 5px 5px; }

    #zoom a:hover img { 
	
	 /* position: relative;
      top: -260px;
      left: -90px;*/
 	  width:400px;
      height:267px;
      border-width: 2px;
      border-color: #0ff;
}


    /* The rule below makes the effect work in IE */
    #zoom a:hover { padding:0; }

    /* End Photo Zoom CSS */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50; /* I USE 30 HERE BUT 50 IS DEFAULT!!! */
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 10px; /*position where enlarged image should offset horizontally */

}
.breadcrumb{
margin-left:10px

font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

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




.IncHeaderBG
{
	overflow: hidden;
	background-image: url(../images/Header_BG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px none #999900;}

.NavBarDivider 
{
	overflow: hidden;
	background-image: url(../images/NavOptionDiv.gif);
	background-position: left top;
	border: 1px none #999900;
}

.GeneralTableBorder 
{
	border-top: 1px solid #CCCCBA;
	border-right: 0.5px none #999900;
	border-bottom: 0.5px none #999900;
	border-left: 0.5px none #999900;
	overflow: hidden;
	background-image: url(/pics/bg02.gif);
	background-repeat: repeat;
	background-position: left top;
}

.TopAndBottomBorder 
{
	border-top: 1px solid #CCCCBA;
	border-right: 0.5px none #999900;
	border-bottom: 1px solid #CCCCBA;
	border-left: 0.5px none #999900;
	overflow: hidden;
}


.TopAndLeftBorder 
{
	border-top: 1px solid #CCCCBA;
	border-right: 0.5px none #999900;
	border-bottom: 0.5px none #999900;
	border-left: 1px solid #999900;
	overflow: hidden;
}

.TopBorderFill 
{
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../pics/TopFill.gif);
	border: 1px none #999900;
}

.TopAndLeftBorderWithFill 
{
	border-top: 1px solid #CCCCBA;
	border-right: 0.5px none #999900;
	border-bottom: 0.5px none #999900;
	border-left: 1px solid #CCCCBA;
	overflow: hidden;
	background-image: url(../pics/bg02.gif);
	background-repeat: repeat;
	background-position: left top;	
}

.BottomBorderFill 
{
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../pics/BottomFill.gif);
	border: 1px none #999900;
}

.LiteFill 
{
	background-repeat: repeat;
	background-position: left;
	background-color: #FCFCF5;
	overflow: hidden;
}

.FullBorder 
{
	background-repeat: repeat;
	background-position: left;
	background-color: #FCFCF5;
	border: 1px solid #CCCCBA;
	overflow: hidden;
}

.LeftBorder 
{
	border-top: 1px none #999900;
	border-right: 1px none #999900;
	border-bottom: 1px none #999900;
	border-left: 1px solid #CCCCBA;
	overflow: hidden;
}

.LeftAndRightBorders
{
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px none #999900;
	border-right: 1px solid #CCCCBA;
	border-bottom: 1px none #999900;
	border-left: 1px solid #CCCCBA;
	overflow: hidden;
	background-color: #FCFCF5;;
}
.TopBorderWithFill 
{
	background-image: url(../pics/bg02.gif);
	background-repeat: repeat;
	background-position: left top;	
	border-top: 1px solid #CCCCBA;
	border-right: 1px none #999900;
	border-bottom: 1px none #999900;
	border-left: 1px none #999900;
	overflow: hidden;
	
}

.TopScrollBorder 
{
	background-image: url(../pics/scroll1.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	border-top: 1px none #999900;
	border-right: 1px none #999900;
	border-bottom: 1px none #999900;
	border-left: 1px none #999900;
	overflow: hidden;
	
}

.TopSliceFill 
{
	background-image: url(/images/topslice.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	overflow: hidden;	
}

.HeaderFill 
{
	background-image: url(../pics/bg1.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	overflow: hidden;	
}

.SidebarFill 
{
	background-image: url(/images/Home/catalogsidebar1-gs.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	overflow: hidden;	
}

.RightBorder 
{
	border-top: 1px none #999900;
	border-right: 1px dotted #CCCCBA;
	border-bottom: 1px none #999900;
	border-left: 1px none #999900;
	overflow: hidden;
}
.TopBorder 
{
	border-top: 1px solid #CCCCBA;;
	border-right: 1px none #999900;
	border-bottom: 1px none #999900;
	border-left: 1px none #999900;
	overflow: hidden;
}
.BottomBorder 
{
	border-top: 1px none #999900;
	border-right: 1px none #999900;
	border-bottom: 1px solid #CCCCBA;
	border-left: 1px none #999900;
	overflow: hidden;
}
.BottomBorderNoFill
{
	border-top: 1px none #999900;
	border-right: 1px none #999900;
	border-bottom: 1px solid #CCCCBA;
	border-left: 1px none #999900;
	overflow: hidden;
}

.BorderGreyLeft
{
	background-repeat: repeat;
	background-position: left;
	background-color: #FCFCF5;
	border: 1px solid #CCCCBA;
	overflow: hidden;
}

.bg {
	background-repeat: repeat;
	margin-top: 0px;
}