﻿/* Easy Slider */
.rotator_home
    {
        margin: 0 0 10px 6px;
    }
    .rotator_home img
    {
        border: solid 1px #dedede;
        padding: 2px;
        width: 218px;
        height:145px;
        
    }
    .rotator
    {
        float:right;
        width: 308px;
        height:208px;
        margin: 0 0 10px 5px;
    }
    .rotator img
    {
        border: solid 2px #887e65;
        padding: 2px;
        width: 300px;
        height:200px;
    }

    #slider
    {
        position:relative;
        left: 35px;
    }
	#slider ul, #slider li
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider li
    { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:450px;
		overflow:hidden; 
	}	
	#prev, #next
    { 
		display:block;
		width:35px;
		height:50px;
		position:relative;
		top:-250px;
	}	
	#next
    { 
		left:635px;
        top:-300px;
	}														
	#prev a, #next a
    {  
		display:block;
		position:relative;
		width:35px;
		height:50px;
		background:url(/images/btn_prev.png) no-repeat top center;	
	}	
	#next a
    { 
		background:url(/images/btn_next.png) no-repeat top center;	
	}
    #prev a:hover, #next a:hover
    {
        background-position: bottom center;
    }
	#prev a span, #next a span
    {
        display:none;
    }
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prev a:focus, #next a:focus{outline:none;}
	
/* // Easy Slider */
