#rotatorContainer {
	 position: relative;
	 width: 800px;
	 margin: 70px auto 0;
	 top:0;
	 left: 0;
	 padding: 0;
	 z-index: 50;
}

.rotator {
	width: 100%;
    height: 516px;
    background: #f9f9f1;
}

        .rotatorWindow {
	        position: relative;
            width: 100%;;
            height: 450px;
            overflow: hidden;
            background: #3a3a3a;
        }

            .rotatorWindow div { 
	            width: 100% !important;
	            height: 100% !important;
            	background-position: center center;
            	background-repeat: no-repeat;
            	background-size: cover;
            }
                .rotatorWindow div img { /* do not style the individual images in the imageWindow */ width:100%;}

		        .rotatorNavigation {
		            position: relative;
					overflow: hidden;
					height: 100%;
					margin: 0;
					padding: 26px 26px 0 12px;
		            z-index: 50;
		            background-color: #d8d3cc;
		            background-image: url('/images/layouts/_A11399/rotator_divider.jpg');
		            background-position: right center;
		            background-repeat: no-repeat;
		            list-style-type: none;
		            float: left;
		        }
		
		            /* style below however you want */
		            .rotatorNavigation li {
		                float: left;
		                width: 14px;
		                height: 14px;
		                /*line-height: 60px;   used for vertical centering; set as the same as the 'height' */
		                margin: 0 6px 0 0;
		                padding: 0px;
		                font-size: 1px;
		                line-height: 11px;
		                font-family: Century Gothic,Tahoma,Arial,sans-serif;
		                background: #2d2d2d; /*url('/images/layouts/rotator_nav.png') no-repeat top center;*/
		                color: #ec008c;
		                text-align: center;
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						border-radius: 50%;
		            }
		    
						/* style below however you want */
						.rotatorNavigation li.on, .rotatorNavigation li:hover {
						    /* background-position: bottom; */
						    background: #BCA552;
						}
    
    
        .rotatorDescriptions {
            position: relative;
            height: 30px;
            padding: 18px 18px 18px;
            font-size: 13px;
            line-height: 15px;
            display: table-cell;
            vertical-align: middle;
           
        }
        
        .rotatorWrapper {
	        position: relative;
	        width: 100%;
	        height: 66px;
	        margin: 0 auto;
        }
        
        .rotatorAnchor {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 30;
        }
        
        .rotatorControlPrevious{
	        height: 0px;
	        width: 0px;
	        position: absolute;
	        top: 40%;
	        left:-70px;
	        border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
			border-right: 20px solid black;
        }
        
        .rotatorControlNext{
	        height: 0px;
	        width: 0px;
	        position: absolute;
	        top: 40%;
	        right:-70px;
	        border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
			border-left: 20px solid black;
        }
    
@media (max-width: 640px) {
	#rotatorContainer {
		width: 94%;
		position: relative;
		margin: 0 auto;
		padding: 20px 0;
	}
	
		.rotator {
			height: auto;
			background: #F9F9F1;
			padding: 0 0;
		}
		
			.rotatorWindow {
				height: auto;
			}
			
				.rotatorWindow img {
					max-width: 100%;
					height: auto;
				}
      
        .rotatorWrapper {
	        height: auto;
	        width: 100%;
	    	background:#F9F9F1;
        }
        
        .rotatorNavigation{
	        float: none;
	        background-image: none;
        }
        
        .rotatorDescriptions {
	    	font-size: 12px;
	    	height: auto;
	    	padding: 10px;
	    	float: none;
	    	font-size: 15px;
	    	line-height: 20px;
	    }
	    
	    .rotatorNavigation {
		    padding: 12px 26px 0 12px;
			height: 38px;
	    }
	    
	    .rotatorControlPrevious{
	        display: none;
        }
        
        .rotatorControlNext{
	        display: none;
        }
	    
	    .rotatorNavigation li {
/*
		    	width: 24px;
		        height: 24px;
		        margin-right: 10px; */
				margin-top: 6px;
		    }
}