#featurelist-slider{width:100%; height:409px;}
#featurelist-slide a:hover { outline:none;}

div#feature_list {width: 100%; height: 409px; overflow: hidden; position: relative;}
div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}

div#feature_list ul#tabs {right: 0; z-index: 2; width: 198px;}
div#feature_list ul#tabs li {font-size: 12px; font-family: Arial; display:block; background:url(../images/tabBg.png) no-repeat 0 0; height:81px; margin:0; padding:0;}
div#feature_list ul#tabs li img {padding: 5px; border: none; float: left; margin: 4px 10px 0 0;}
div#feature_list ul#tabs li a {text-decoration: none; display: block; height: 81px; outline: none; color:#383838; padding:0 0 0 40px; line-height:81px; background:url(../images/tabSprite.png) no-repeat;}
div#feature_list ul#tabs li a:hover { text-decoration: none; color:#0494df;}
div#feature_list ul#tabs li a.current {color: #fff;}
div#feature_list ul#tabs li a.current:hover {text-decoration: none; cursor: default; color:#fff;}

div#feature_list ul#output { right: 0; width: 100%; height: 409px; position: relative; float:right;}
div#feature_list ul#output li { position: absolute; width: 100%; height: 411px; margin:0;}

div#feature_list ul#tabs1 {left: 23px; top:380px; z-index: 2; width: 200px;}
div#feature_list ul#tabs1 li { font-size: 12px; font-family: Arial; background:url(../images/dotBlue.png) no-repeat 0 0; height:20px; margin:0; padding:0; width:20px; float:left;}
div#feature_list ul#tabs1 li img {padding: 5px; border: none; float: left; margin: 4px 10px 0 0;}
div#feature_list ul#tabs1 li a {text-decoration: none; display: block; height: 20px; outline: none; color:#383838; line-height:20px; background:url(../images/dotGrey.png) no-repeat;}
div#feature_list ul#tabs1 li a:hover {text-decoration: none; color:#0494df;}
div#feature_list ul#tabs1 li a.current {color: #fff;}
div#feature_list ul#tabs1 li a.current:hover {text-decoration: none; cursor: default; color:#fff;}

/*	===========================*/


#featurelist-slider2{width:100%;}
#featurelist-slide2 a:hover { outline:none;}

div#feature_list2 {width: 100%; overflow: hidden; position: relative;}
div#feature_list2 ul {top: 0; list-style: none;	 padding: 0; margin: 0;}
div#feature_list2 ul#tabs2 {right: 0; z-index: 2; width: 198px;}
div#feature_list2 ul#tabs2 li {font-size: 12px; font-family: Arial; display:block; background:url(../images/tabBg.png) no-repeat 0 0; height:81px; margin:0; padding:0;}
div#feature_list2 ul#tabs2 li img {padding: 5px; border: none; float: left; margin: 4px 10px 0 0;}
div#feature_list2 ul#tabs2 li a {text-decoration: none;	display: block; height: 81px; outline: none; color:#383838; padding:0 0 0 40px; line-height:81px; background:url(../images/tabSprite.png) no-repeat;}
div#feature_list2 ul#tabs2 li a:hover {text-decoration: none; color:#0494df;}
div#feature_list2 ul#tabs2 li a.current {color: #fff;}
div#feature_list2 ul#tabs2 li a.current:hover {text-decoration: none; cursor: default; color:#fff;}
div#feature_list2 ul#sStories {right: 0; width: 1150px; height: 550px; position: relative; float:right;}
div#feature_list2 ul#sStories li { position: absolute; margin:0; display:block; clear:both;}

div#feature_list2 ul#tabs2 {left: 0px; top:575px; z-index: 2; width: 200px;}
div#feature_list2 ul#tabs2 li {font-size: 12px; font-family: Arial; background:url(../images/dotBlue.png) no-repeat 0 0; height:20px; margin:0; padding:0; width:20px; float:left;}
div#feature_list2 ul#tabs2 li img {padding: 5px; border: none; float: left; margin: 4px 10px 0 0;}
div#feature_list2 ul#tabs2 li a {text-decoration: none;	display: block; height: 20px; outline: none; color:#383838; line-height:20px; background:url(../images/dotGrey.png) no-repeat;}
div#feature_list2 ul#tabs2 li a:hover {text-decoration: none; color:#0494df;}
div#feature_list2 ul#tabs2 li a.current {color: #fff;}
div#feature_list2 ul#tabs2 li a.current:hover {text-decoration: none; cursor: default; color:#fff;}

/* testi */
div#feature_list ul#tabs3 {left: 0; top:250px; z-index: 2; width: 200px;}
div#feature_list ul#tabs3 li {font-size: 12px; font-family: Arial; background:url(../images/dotBlue.png) no-repeat 0 0; height:20px; margin:0; padding:0; width:20px; float:left;}
div#feature_list ul#tabs3 li img {padding: 5px; border: none; float: left; margin: 4px 10px 0 0;}
div#feature_list ul#tabs3 li a {text-decoration: none;	display: block; height: 20px; outline: none; color:#383838; cursor:pointer; line-height:20px; background:url(../images/dotGrey.png) no-repeat;}
div#feature_list ul#tabs3 li a:hover {text-decoration: none; color:#0494df;}
div#feature_list ul#tabs3 li a.current {color: #fff;}
div#feature_list ul#tabs3 li a.current:hover {text-decoration: none; cursor: default; color:#fff;}
div#feature_list ul#output3 {right: 0; width: 400px; height: 240px; position: relative; float:right; overflow:hidden;}
div#feature_lis ul#output3 li {position: absolute; height: 240px; margin:0;}

@media only screen and (max-width: 360px) {
	#featurelist-slider{height:500px;}
	div#feature_list{height: 500px;}
	div#feature_list ul#output li{height: 500px;}
	div#feature_list ul#tabs1{top:460px; left:0;}
}

@media only screen and (min-width: 361px) and (max-width: 767px) {
	#featurelist-slider{height:550px;}
	div#feature_list{height: 550px;}
	div#feature_list ul#output li{height: 550px;}
	div#feature_list ul#tabs1{top:520px; left:0;}
}