﻿#container
        {
            margin-top:20px;
            
        }
        #slider
        {
            margin: 0 auto;
			text-align:center;
        }

#slider div a{
	width: 100%;
	font-family: sans-serif;
	color:#FF3B59;
	font-size:11px;
	text-align:right;
	border:0px solid;
	text-decoration:none;
	line-height:30px;
	/*background-image: url(../../images/vermas.png);
	background-repeat: no-repeat;
	background-position: right;*/
	
}
#slider div a:hover{
	width: 100%;
	font-family: sans-serif;
	color:#EC0023;
	font-size:11px;
	text-align:right;
	border:0px solid;
	text-decoration:none;
	/*background-image: url(../../images/vermas.png);
	background-repeat: no-repeat;
	background-position: right;*/
	
}
#slider div a img{
	width:21px;
	height:21px;
	margin-bottom:-5px;	
	box-shadow:0px 0px 0px #aaa;
	-o-box-shadow: 0px 0px 0px #aaa;
	-webkit-box-shadow: 0px 0px 0px #aaa;
	-moz-box-shadow: 0px 0px 0px #aaa;
}

#slider div h2{
	width: 100%;
	border:0px solid;
	text-align:center;
	font-family: sans-serif;
	color: rgb(77, 77, 77);
	font-size:14px;
	margin-bottom:9px;
	margin-top:8px;
}
#slider div p{
	font-family: sans-serif;
	font-size:14px;
	margin-top: -3px;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom:5px;	
	border:0px solid;
	color: rgb(77, 77, 77);
}

/*#slider div a:hover{color:rgb(77, 77, 77);}	*/
		
.image-slider
{
	/*width: 100%;*/
	width: 672px;
	height: 350px;
	background:#fff no-repeat;
	padding: 0px;
	position: relative; /*overflow: hidden;*/
	font-family:sans-serif;

}
.image-slider-back, .image-slider-forward
{
	float: left;
	width: 23px;
	height: 69%; /*background-color: #121212;*/
	color: White;
	position: relative;
	top:12px;
	cursor: pointer;
}
.image-slider-back
{
	background-image: url(../../layout/default/img/arrow-left.png);
	background-repeat: no-repeat;
	background-position: left;
}
.image-slider-forward
{
	background-image: url(../../layout/default/img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: right;
}
.image-slider-contents
{
	width: 90%;
	height: 350px;
	float: left;
	position: relative;
	overflow: hidden;
}
/*.image-slider-contents .contents-wrapper > div*/
.image-slider-contents .contents-wrapper
{
	position: absolute;
	padding-top: 18px;
}
.image-slider-contents .outer
{
	background-color: White;
	float: left;
	width: 150px;
	height: 227px;
	margin:0px 30px;
	cursor:pointer;
}
.image-slider-contents .outer > div
{
	width: 148px;
	height: 227px;
}
.image-slider-contents .outer > div img
{
	width: 148px;
	height: 227px;
	/*margin: 2px;
	margin-top: -30px;*/
	
}
/*.image-slider-contents > div > div
{
	position: relative;
	float: left;
	width: 156px;
	height: 86px;
	margin-left: 6px;
	margin-right: 6px;
	padding: 2px;
	background-color: White;
}*/
.image-slider-contents img
{
	width: 148px;
	height: 227px;
	box-shadow: 2px 2px 5px #aaa;
	-o-box-shadow: 2px 2px 5px #aaa;
	-webkit-box-shadow: 2px 2px 5px #aaa;
	-moz-box-shadow: 2px 2px 5px #aaa;
	-khtml-border-radius:2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
	
}

.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
}



