.page_dots {
	height: 20px;
	width: 200px;
}

	.dot_active_row {
		height: 4px;
		
		position: relative;
		
		margin-left: 5px;
	}

		.dot_active {
			height: 2px;
			width: 14px;
			
			background-image: url(images/page_dots-active.gif);
			background-repeat: no-repeat;
			
			font-size: 0px;
			line-height: 0px;
			
			position: absolute;
			top: 0px;
			left: 1px;
		}

	.dot {
		height: 16px;
		width: 16px;
		
		background-color: #b2c055;
		
		float: left;
		
		margin-left: 5px;

		cursor:pointer;


	}
	
		.dot-text {
			margin-top: 1px;
			
			text-align: center;
	
			color: #ffffff;		
		}