/* WESRightSideStyle.css */

/*Right side Thumbnail Popup styling */
#right	{float: right; 
		   width: 120px;
		   margin: 0;
			text-align: left;
		  }	
		  
#right h2 {color: #CFA97E;
			  background-color: inherit;
			 }
			 
#thumbnail {
	background: url(soulvision/h2-bg.jpg) repeat-x;
			border:1px solid #8E6140;
			height:25px;
			top:-18px;
			text-align:center !important;
			vertical-align: middle;
			font-variant: small-caps;
			font-weight: bold;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			padding-top:5px;
			color:#CFA97E;
			background-color:inherit;
			position:relative;
}

.parent-holder {float: right;
				   } /* Or float left or no float*/ 

.popup-parent {position: relative;}

.popup-parent img {display: block;
					   }

.popup-parent span {display: none;
						 } /*Used to prevent span from showing when hovering is not taking place*/

div.popup-parent:hover {font-size: 1em;
							  } /*Fix for IE bug. IE prevents :hover from changing the display property unless certain other properties are also "changed" in the rule. */
							  
div.popup-parent:hover span.popup {display: block;
											  z-index: 1000 !important;
											  position: absolute;
											  left: -590px;
											  background: black;
											  color: inherit;
											  width: 600px;
											  height: auto;
											  overflow: auto;
											 }		/*	IE6 will not obey the hover rule without the 'element type' (div in this case) being specifically named. Same thing applies to the above rule. */