.ml-10 { margin-left: 10px; }
.cl { clear: both; }

/* video.php */
.tour-video { background-image: url(/_images/tour/scene_background.png); padding: 0 25px; }
	.tour-video-top { height: 72px; }
		.tour-video-title { font-family:Tahoma, Geneva, sans-serif; color:#000; font-size: .8em; margin-right: 345px; padding-top: 15px; }
			.tour-video-title h2 { color: #f40190; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; }
		.tour-video-pics,
		.tour-video-duration { height: 72px; float: right; text-align: right; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; }
		.tour-video-pics { width: 165px; background-image: url(/_images/tour/camera_stills.png); }
		.tour-video-duration { width: 180px; background-image:url(/_images/tour/camera_video.png); }
			.tour-video-pics h3,
			.tour-video-duration h3 { color: #f40190; text-transform: uppercase; margin-top: 15px; }
	.tour-video-content { height: 450px; }
		.tour-video-thumbs { float: left; width: 220px; }
			.tour-video-thumbs img { width: 200px; margin-bottom: 12px; border: 1px solid #000; }
		.tour-video-scene { margin-left: 220px; }
			.tour-video-scene img { width: 655px; }
			.tour-video-scene .sinple_overlay { width: 800px; }
	.tour-video-desc { font-family: Tahoma, Geneva, sans-serif; font-size: .8em; color: #000; padding-bottom: 20px; clear: both; }
.tour-video-join { margin-bottom: 20px; }
	.tour-video-join img { width: 924px; }
	
/* jquery overlay */
.simple_overlay { display: none; z-index: 10000; background-color: #333; width: 800px; min-height: 200px; border: 1px solid #666; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
	.simple_overlay .close { background-image: url(/_images/tour/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; z-index: 10; }
	
/* bonus.php */
.tour-bonus { background-color: #333; padding: 5px; margin-bottom: 20px; position: relative; }
	.tour-bonus-img { float: left; width: 550px; height: 190px; overflow: hidden; }
		.tour-bonus-img img { width: 550px; }
	.tour-bonus-content { margin-left: 555px; }
		.tour-bonus h2 { color: #FF589A; font: bold .8em Arial, Helvetica, sans-serif }
		.tour-bonus-text { color: #fff; font: .7em Tahoma, Geneva, sans-serif; padding: 5px 0 90px; }
		.tour-bonus-content img { width: 115px; position: absolute; bottom: 5px; }
		.tour-bonus-thumb1 { right: 5px; }
		.tour-bonus-thumb2 { right: 127px; }
		.tour-bonus-thumb3 { right: 248px; }
	.tour-bonus .cl { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
	
/* join.php */
#site_showcase { padding: 10px 10px 10px 20px; background-color: #fff; }
	h2#showcase_title { font: bold 1.2em Tahoma, Geneva, sans-serif; text-align: center; }
	
.scene { margin: 10px 5px 10px 5px; float: left; height: 188px; width: 222px; }
	.scene img { border: 1px solid #000000; float: left; height: 144px; width: 216px; }
	.site_url { font-family: Tahoma, Geneva, sans-serif; font-size: .8em; font-weight: bold; padding-bottom: 1px; }
	.site_num_scenes { background-color: #e5e5e5; color: #000000; font-family: Tahoma, Geneva, sans-serif; font-size: .6em; margin-left: 3px; }

#join-bg { background-color: #333; padding: 10px 25px 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 10px; }
	#join-bg h2 { font: bold 1em Arial, Helvetica, sans-serif; color: #F40190; margin-bottom: 5px; }
	#join-left { float: left; width: 305px; padding-right: 15px; }
	#join-right { margin-left: 320px; }
		.join-block { background-color: #ecf7fd; border: 1px solid #96caff; position: relative; }
			
			#join-login-form { padding: 10px 10px 30px; }
				#join-login-form label { display: block; color: #333; font: bold 1em "Times New Roman", Times, serif; }
				#join-login-form input { width: 175px; height: 14px; border: 1px solid #999; }
			
			#join-coupon-form { border-top: 1px dotted #333; padding: 0 10px 25px; }
				#join-coupon-label { font-size: 10px; line-height: 10px; }
				#join-coupon-form .err { color: #d00; }
				#join-coupon-code { width: 168px; height: 13px; }
				#join-coupon-code.err { border-color: #d00; }
				#join-coupon-button { width: 104px; height: 17px; background: url(http://images.dirtyharddrive.com/join/button_coupon.png) no-repeat; color: #000; font-size: 10px; border-width: 0; cursor: pointer; }
		 	
			#join-merchant-logos { padding: 5px; margin: 7px 0; }
			
			.join-alternative { width: 95px; height: 81px; float: left; margin-bottom: 5px; }
			.join-block h3 { font: bold .7em Verdana, Geneva, sans-serif; text-align: center; text-transform: uppercase; margin: 5px 0; }
			
			.join-pay { position: relative; height: 63px; margin: 5px 0; border-bottom: 1px solid #aaa; }
				.join-pay input { position: absolute; right: 0; }
				.join-pay h2 { position: absolute; text-transform: uppercase; font: bold 1.2em Tahoma, Geneva, sans-serif !important; color: #333 !important; left: 0; top: 5px; }
			
			#join-pay-buttons { padding: 5px 10px; }
				.join-line { height: 1px; font-size: 1px; line-height: 1px; background-color: #aaa; margin-top: 5px; }
				
		#join-arrow { position: absolute; top: 50px; left: 329px; }
			
		.round-top { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
		.round-bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
		
		span.join_bar_left_description { font-family: Arial, Helvetica, sans-serif; color: #999; font-size: .8em; position: absolute; z-index: 100; padding-top: 30px; cursor: pointer; }
		span.join_bar_right_description { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; position: absolute; z-index: 100; color: #FF0; padding: 15px 5px 5px 520px; cursor: pointer; }

/* cycled thumbnails */
.slideshow-block { position: relative; width: 200px; height: 134px; overflow: hidden; border: 1px solid #666; }
.slides{ z-index: 0; visibility: hidden; margin: 0; padding: 0; cursor: pointer; }
.slides.active { visibility: visible; }