.cloud-zoom-lens {
	border: 2px 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 {
	border: 3px solid #000;
	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:390px;
	padding:5px 10px 5px 10px;
	line-height:1.8em;
	border:0px dashed #999999;
	}
.txt hr{ color:#ddd; height:1px; margin-bottom:5px;}
.txt .b{ color:#660033;}

/*--------------------------------------------
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 {
     border: 3px solid #ddd;
     float: left;
}
.cloud-zoom img{border:1px solid #420002;}

.zoom-tiny-image {
	float:left;
	display:inline;
	 width:46px;
	 height:46px;
	 display:block;
	 padding:2px;
	 border:1px solid #420002;
	 background:#CCCCCC;
	 margin:5px 3px 0px 0px; 
}
.zoom-tiny-image:hover {
	padding:1px;
    border:2px solid #CCCCCC;
	background:#420002;
}
#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: 280px;
	 clear:left; border:0px solid #000000;
}
.zoom-section h3 {
     font-size: 130%;
     letter-spacing: 1px;
}
.zoom-desc p {
     line-height: 140%;
}
.footer{color:#fff;}