/* CSS Document specific for category pages (complements 100dv2.css) */

/* top banner: 560x210 banner + 100d branding */
div.topbanner{
	vertical-align:top;
	text-align:center;
	min-width:900px;
	height:226px;
	overflow:hidden;
	background-image: url(images/nbanner_bg2.jpg);
	background-position: top left;
	background-repeat: repeat-x; 
}
div.topdescr{
	text-align:center;
	font-size:14px;
	color:#ff40ff;
}

/* SELECT CATEGORY */
div.categories{
	position:relative;
	float:right;
	width:208px;
	margin:10px;
	/* border: double #546203; */
	padding:3px 10px 10px 0px;
	line-height:160%;
	color:#546203;
}

/* SELECT CHANNEL */
/*
div.channels{
	position:relative;
	margin-top:10px;
	margin-right:240px;
	width: 80%;
	overflow:hidden; 
}
*/

div.img{
  position:relative;
  float:left;
  width:184px;
  height:110px;
  border:dotted 1px #404040;
  margin:5px;
  vertical-align:bottom;
  text-align:center;
  text-transform:uppercase;
}

div.img img
  {
  display: inline;
  border: 1px solid #546203;
  }

div.img a
{
	color:#FFFFFF;
	font-weight:normal;
}
div.img a:link{color:#FFFFFF;}
div.img a:visited{color:#FFFFFF;}
div.img a:hover{color:#deff00;}
div.img a:active{color:#FFFFFF;}
  
div.img a:hover img
  {
  border: 1px solid #deff00;
  }
  
/* pop-up description */
#note1
{
	position:absolute;
	width:209px;
	height:400px;
	overflow:hidden;
	z-index: 1;
	/*filter:alpha(opacity=75);
	-moz-opacity:0.75;*/
	visibility: hidden;
	padding: 2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#note11 /*container for vthumb + descr*/
{
	position:absolute;
	width:179px;
	height:auto;
	left:30px;
	border:none;
  	z-index:5; 
}
#note111  /* top */
{
	height:8px;
	width:179px;
	background-image:url(images/pop_top.gif);
	background-repeat:no-repeat;
}
#note112 /* vthumb */
{
	width:179px;
	text-align:center;
	background-image:url(images/pop_bg.gif);
	background-repeat:repeat-y;
}
#note113 /* descr */
{
	text-align:left;
	padding:10px;
	background-image:url(images/pop_bg.gif);
	background-repeat:repeat-y;
}
#note114 /* bttm */
{
	height:8px;
	width:179px;
	background-image:url(images/pop_bottom.gif);
	background-repeat:no-repeat;
	
}
#note12 /* arrow */
{
	position:absolute;
	width:30px;
	height:39px;
	top:8px;
	background-image:url(images/pop_arrow1.gif);
	background-repeat:no-repeat;
  	z-index:6; 
}