@charset "utf-8";
/* CSS Document */
#overview {}
#overview .panel { 
	width:990px; 
	background:url(../design/20.png) repeat top left; margin: 8px 3px 0 3px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#overview .panel_empty {  width:990px;   }
#overview h2 { font-size:18px; padding: 5px 0 2px 10px; }
#overview .panel p { color: #999; padding: 0 0 10px 10px }


#overview .panel_desc_top	 { display: none; }
#overview .panel_desc		 { width:990px; }
#overview .panel_desc p 	 { 
	color:#999999;
	font-size:13px;
	line-height:16px;
	padding:0 10px 10px; 
}
#overview .panel_desc_bottom {  display: none; }

#overview  .panel .tabs{ position:absolute; left:760px; top:0; }
#overview  .panel .tabs li { display:block; }
#overview  .panel .tabs li a { display:block; width:100%; height:30px; text-indent:-10000px;  }
/*
#overview  .panel .tabs li.tab_overview {position:absolute; left:0; top:0; width:123px; }
#overview  .panel .tabs .tab_overview span {margin-top: 4px; display:block; width:100%; height:30px; text-indent:-10000px; background:url(../design/overview/tab_icons.gif) center left no-repeat; }
#overview  .panel .tabs .tab_overview a {margin-top: 4px; background:url(../design/overview/tab_icons.gif) bottom left no-repeat; }
#overview  .panel .tabs  li.slide_view   { position:absolute; left:126px; top:0; width:104px; }
#overview  .panel .tabs .slide_view span {margin-top: 4px; display:block; width:100%; height:30px; text-indent:-10000px; background:url(../design/overview/slide_icons.gif) center left no-repeat; }
#overview  .panel .tabs .slide_view a {margin-top: 4px; background:url(../design/overview/slide_icons.gif) bottom left no-repeat; }

#overview  .panel .tabs  li.tab_lens   { position:absolute; left:-135px; top:0; width:135px; }
#overview  .panel .tabs .tab_lens span {margin-top: 4px; display:block; width:100%; height:30px; text-indent:-10000px; background:url(../design/overview/tab_lens_overview.gif) center left no-repeat; }
#overview  .panel .tabs .tab_lens a {margin-top: 4px; background:url(../design/overview/tab_lens_overview.gif) bottom left no-repeat; }

#overview  .panel .tabs .tab_lens a:hover, #overview  .panel .tabs .slide_view a:hover, #overview  .panel .tabs .slide_view a.selected,  #overview  .panel .tabs .tab_lens a.selected   { background-position: 0 0; }
#overview  .panel .tabs .tab_lens a:hover, #overview  .panel .tabs .tab_overview a:hover, #overview  .panel .tabs .tab_overview a.selected, #overview  .panel .tabs .tab_lens a.selected { background-position: 0 0; }
*/
#overview .panel_products_close {
	background:url(../design/20.png) repeat top left; 
	margin: 6px 3px 0 3px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	position: relative;
}
#overview .panel_products_close h3 { color:#FFFFFF;
	font-size:20px;
	padding:10px 0 10px 10px;  }
#overview .panel_products_close a { display:block; width:100%; height:100%; position: absolute; top: 0; left: 0; text-indent:-10000px; }

#overview .panel_products_open {  
	background:url(../design/20.png) repeat top left; 
	margin: 6px 3px 0 3px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
#overview .panel_products_open h3 { 
	color:#FFFFFF;
	font-size:20px;
	padding:10px 0 10px 10px; 
}
#overview .panel_products_open a { display:block; width:100%; height:100%; position: absolute; top: 0; left: 0; text-indent:-10000px;}

div.list table td p { position: relative; }

#overview a.lens {
	display: block;
	height: 17px;
	width: 17px;
	overflow: hidden;
	background: url(../design/lens.png) no-repeat top left;
	position: absolute;
	top: -150px;
	left: -2px;
	text-indent: -9999px;
}

#overview a.lens_v {
	left: -10px;
	top: -150px;
	display: block;
	height: 17px;
	width: 17px;
	overflow: hidden;
	background: url(../design/lens.png) no-repeat top left;
	position: absolute;
	text-indent: -9999px;
}

#overview a.name {
	color: #ccc;
	font-size: 12px;
}

#overview p.v a.name {
	padding-top: 10px;
}

#overview a.lens:hover, #overview a.lens_v:hover {
	background-position: bottom left;
}

#overview .ui-state-focus {
	background:url(../design/overview/bg_panel_products_close.jpg) 0 0 no-repeat;
	cursor: pointer;
}

#overview .ui-state-active {
	background:url(../design/overview/bg_panel_products_open.jpg) 0 0 no-repeat;
}
#overview .ui-state-hover {
	background:url(../design/overview/bg_panel_products_open.jpg) 0 0 no-repeat;
	cursor: pointer;
}

#overview .panel_categories { background:url(../design/overview/bg_panel_categories.jpg) 0 0 no-repeat; width:990px; height:30px;}
#overview .panel_categories { text-indent:-10000px; }

#overview .categories { height:195px; width:990px; overflow:hidden;  margin-bottom: 10px}
#overview .categories  .category { 
	background:url(../design/overview/bg_category.png) 0 0 no-repeat; width:162px; height:195px; margin-right:9px; float:left; 
	
}
#overview .categories  .category h4 { height:17px; padding:7px 8px 0 8px; }
#overview .categories  .category .image { padding: 10px 8px 0 8px;  width:145px; height:150px; overflow:hidden; }

/* Lens */
#lens_overview {
	color: #999;
	float: left;
	width: 990px;
	margin-left: 3px;
}
#lens_overview ul  {
	display: block;
	width: 970px;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	clear: both;
	float: left;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#lens_overview ul li {
	display: block;
	float: left;
	width: 320px;
	clear: none;
}
#lens_overview ul li p {
	color: #999;
	font-size: 12px;
	line-height: 16px;
	display: block;
	width: 290px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 60px;
}
#lens_overview ul li h2 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	position: inherit;
}
#lens_overview ul li h3 img {
	display: block;
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E2E2E2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
}
#lens_overview ul li h3 {
	color: #39F;
	font-size: 13px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 14px;
	font-weight: normal;
}
#lens_overview ul li h4 {
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 70px;
	color: #666;
}



