﻿/* Container / frame surrounding the slider */
.evoslider.default
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	overflow : visible ; 
} 
.evoslider.default dt
{
	height : 45px;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 20px;
    background: #4e4e4e url('title-bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.evoslider.default dt:hover
{
	cursor :pointer ;
	color: #4e4e4e;
}

/* The active state of the title bar */
.evoslider.default dt.active
{
	color: #4e4e4e;
	background: #4e4e4e url('title-bar.png') no-repeat;
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.evoslider.default dd 
{
	background: #fff;
}

/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.evoslider.default .arrow_next 
{
	position :absolute ;
	right : 10px;
	top : 50%;
	width : 35px;
	height : 34px;
	background : url('arrows.png') no-repeat -35px 0;
	cursor : pointer ;
	margin :0;
	padding :0;
	border : 0;
	text-decoration: none;
	z-index:101;
}

/* The hover state of the arrow next */
.evoslider.default .arrow_next:hover
{
	cursor: pointer;
}

/* The arrow prev */
.evoslider.default .arrow_prev 
{
	position :absolute ;
	left: 10px;
	top: 50%;
	width: 35px;
	height: 34px;
	background : url('arrows.png') no-repeat 0 0;
	cursor :pointer ;
	margin :0;
	padding :0;
	border :none;
	text-decoration: none;
	z-index:101;
}

/* The hover state of the arrow prev */
.evoslider.default .arrow_prev:hover 
{
	cursor: pointer;
}


/*  _______________________________________

	04 CONTROL NAVIGATION ( BULLETS )
    _______________________________________  */

/* Control navigation container */
.evoslider.default .controlNav 
{
	left : 50%;
	bottom : 10px;
	margin :0;
	border : 0;
	z-index:101;
}

.evoslider.default .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.evoslider.default .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.evoslider.default .controlNav li.bullets 
{
	width : 10px;
	height : 10px;
	margin : 0 3px 0 0;
	padding :0;
	border :none;
	background:url('control-nav.png') no-repeat;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Bullet last item */
.evoslider.default .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.evoslider.default .controlNav li.bullets:hover
{
	background-position:0 -10px;
	color: #fafafa;
}

/* The active state of the bullets control */
.evoslider.default .controlNav li.bullets.active 
{
	background-position:0 -20px;
	color: #fafafa;
}