@charset "UTF-8";
/* slider */
#invs	{display: none;}

#slider {
  width: 486px;
  height:300px;
  margin: 0 auto;
  position: relative;
  background: url(img/panel.jpg) 0px 0px no-repeat;
}

.scroll {
  height: 250px;
  width: 486px;
  overflow: auto;
  overflow-x: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 420px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
    position: absolute;
    top: 120px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -14px;
}

.scrollButtons.right {
    right: -14px;
}

.scrdata	{
	width:204px;
	margin:0 0 0 6px;
	float:left;
	padding:0;
}

.scrdata p	{
	text-align:left;
}

.ico {margin:10px 0 0 12px;}

ul.scr {
  float: left;
  width: 500px;
  margin: 2px 0 0 0;
  padding:0;
  list-style: none;
}
 
li.scr {
  float: left;
  width: 150px;
  margin: 2px 0 4px 12px;
  padding: 0;
  font-size:0.7em;
  color:#000;
}
li.scr a:link {color: #003; text-decoration: none;}
li.scr a:visited {color: #003; text-decoration: none;}
li.scr a:hover {color: #069;text-decoration: underline;}

.add	{
	padding: 0 0 0 20px;
	background: url(img/ico/add.png) no-repeat left top;
	font-weight:bold;
	margin:20px 0 0 0;
}