/*/////
// Table Structure
////*/
td.leftNavCell{
	height: 16px;
	line-height: 18px;
}
.level2 {
	background: transparent;
	color: White;
	font-size: 8pt;
	font-family: Helvetica, Arial;
	font-weight: normal;
	text-decoration: none;
}


/*
   Styles for scrolling layers
	 Specify width and height in hold and wn, and in clip for wn
*/
div#swatchesOuter {
	position:relative; overflow:hidden;
	width:70px;
	height:120px;
 	z-index:100;
	}
div#swatches {
	position:absolute;
	left:0px; top:0px;
	width:70px;
	height:110px;
	clip:rect(0px, 70px, 135px, 0px);
	overflow:hidden;
	z-index:1;
	}

div#hold	{
	position:relative; overflow:hidden;
	width:154px;
	height:170px;
      border-left: 2px #FFFFFF solid;
      border-right: 2px #FFFFFF solid;
 	z-index:100;
	}
div#holdLook	{
	position:relative; overflow:hidden;
	top:4px;
	bottom:4px;
	width:740px;
	height:42px;
	z-index:100;
}

div#wn	{
	position:absolute;
	left:0px; top:0px;
	width:163px;
	height:167px;
	clip:rect(0px, 163px, 167px, 0px);
	overflow:hidden;
	z-index:1;
}
div#wnLook	{
	position:absolute;
	left:0px; top:0px;
	width:745px;
	height:35px;
	clip:rect(0px, 780px, 35px, 0px);
	overflow:hidden;
	z-index:1;
}
div.content {
/*
      border: #FFFFAA 2px solid;
      background-color: #FFFF00;
	width: 150px;
	height: 175px;
*/
	position:absolute;
	visibility:hidden;
	left:0px; top:0px;
	z-index:1;
	}
div.contentLook {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:1;
}
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
  position:relative; left:0; top:0;
  width:11px; height:160px;
  font-size:1px; z-index:1;
  }
div#track {
  position:absolute; left:0; top:12px;
  width:11px; height:136px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }
div#up { position:relative; left:0; top:0; z-index:2 }
div#down { position:relative; left:0; bottom:0; z-index:3 }
div#left { position:relative; left:0; top:2; z-index:2 }
div#right { position:relative; left:0; top:2; z-index:3 }

/* Styles for demo, not necessary for scrolling layers */


table.main td.text, table.main td.navs { vertical-align:top; text-align:left }
td#scrollLinks  { width:12px }
td.navs ul { margin:0; padding:0; list-style:none }
td.navs ul li { margin:0 0 .6em .4em }
td.navs ul li a { text-decoration:none }
td.navs ul li a:hover { text-decoration:underline }