.cloud-zoom-lens {
	border: 1px solid #aaf;
	margin: -4px;	/* Set this to minus the border thickness. */
	background-color: #fff;	
	cursor: move;
	height:20px;	
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;	
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	overflow: hidden;
	margin:3px 0px 0px 0px;
}

/* This is the loading message. */
.cloud-zoom-loading {
	padding: 3px;
	border: 1px solid #000;
}


/*txt*/
.txt{
	float:right;
	/*margin-right:24%;*/
	width:450px;
	padding:5px 10px 5px 10px;
	}
.txt ul li{line-height:36px;border-bottom: 1px dashed #70a9ff;}
.txt hr{ border:none; border-bottom:1px dotted #CCCCCC; margin-bottom:5px;}
.txt .b{ color:#00f;}

/*--------------------------------------------
container
--------------------------------------------*/

div.examples_body {
     width: 100%;
	 margin: 0px auto 0px auto;
	 overflow: hidden;
}


/*--------------------------------------------*/
.zoom-section {
     width: 100%;
	 margin: 0px auto 0px auto;
	 padding: 0px 0 0px 0;
     clear:both;
	 overflow: hidden;
}
.zoom-small-image {
     
     float: left;
}
.cloud-zoom img{border:3px solid #172d54;}

.zoom-tiny-image {
	float:left;
	display:inline;
	 width:55px;
	 height:55px;
	 display:block;
	 padding:2px;
	 border:1px solid #172d54;
	 background:#8fbcff;
	 margin:5px 3px 0px 0px; 
}

.zoom-tiny-image:hover {
	padding:1px;
     border:2px solid #8fbcff;
	 background:#172d54;
}
#maincontent a {}
a, a:focus, a:active {
     border: medium none;
     outline-color: -moz-use-text-color;
     outline-style: none;
     outline-width: 0;
	 color: #CCC;
}
.zoom-desc {
     margin: 0px 0 0 0;
     width: 500px;
}
.zoom-section h3 {
     font-size: 130%;
     letter-spacing: 1px;
}
.zoom-desc p {
     line-height: 140%;
}
.footer{color:#fff;}