.rotator {
    position: relative;
    margin: 0px auto;
    padding: 0;
    width: 637px;
    height: 502px;
}

    .rotatorContainer {
        position: relative;
        width: 637px;
    	height: 502px;
        margin: 0 auto;
        padding: 0;
    }

        .rotatorWindow {
            position: absolute;
            width: 637px;
   			height: 502px;
            top:0px;
            left:0px;
            overflow: hidden;
            z-index: 22;
        }

            .rotatorWindow div { /* do not style the individual divs in the imageWindow */ }
                .rotatorWindow div img { /* do not style the individual images in the imageWindow */ }
    

		.rotatorNavigationContainer {
			position: absolute;
			z-index: 30;
 
			/* style below however you want */
			bottom: -20px;
			left: 0;
			padding: 0px;
			margin: 0px;
			width: 637px;
			height: 13px;
		}
		
		.rotatorNavigation {
			position: relative;
			z-index: 30;
			list-style-type: none;
 
			/* style below however you want */
			padding: 0px;
			margin: 0px auto;
		}
 
			/* style below however you want */
			.rotatorNavigation li {
				width: 14px;
				height: 13px;
				line-height: 14px;		/* used for vertical centering; set as the same as the 'height' */
				text-align: center;
				margin-right: 2px;
				padding: 0px;
				display: inline-block;
				border: 0px solid black;
				font-size: 12px;
				font-weight: bold;
				font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
				background: url('/images/layouts/rotator_nav.png') no-repeat center top;
				color:  #FFFFFF;
			}
 	
			/* style below however you want */
			.rotatorNavigation li.on {
				background-position: bottom;
			}
			    
        .rotatorDescriptions {
            display:none;
        }
    
            /* style below however you want */
            .rotatorDescriptions div {
                position: relative;
                height: 100%;            /* keep this as it ensures there is not a flicker on the text */
                padding: 0;
                margin: 0 auto;
            }
    
        .rotatorAnchor {
            position: absolute;
            width: 637px;
   			height: 502px;
            top:0px;
            left:0px;
            z-index:23;
        }
    
        .rotatorOverlay {
            display:none;
        }
        
        .rotatorControlPrevious {
	        position: absolute;
	        bottom: 16px;
	        left: 0px;
	        width: 40px;
	        height: 40px;
	        background: url('/images/layouts/rotatorL.png') no-repeat center top;
	        opacity: 0;
	        transition:         .3s linear;
	        -webkit-transition: .3s linear;
	        -moz-transition:    .3s linear;
	        z-index: 30;
        }        
        
        .rotatorControlNext {
	        position: absolute;
	        bottom: 16px;
	        right: 0px;
	        width: 40px;
	        height: 40px;
	        background: url('/images/layouts/rotatorR.png') no-repeat center top;
	        opacity: 0;
	        transition:         .3s linear;
	        -webkit-transition: .3s linear;
	        -moz-transition:    .3s linear;
	        z-index: 30;
        }
        
        	.rotator:hover .rotatorControlNext, .rotator:hover .rotatorControlPrevious {
	        	opacity: 1;
        	}