/* hero_banner.css */
div.hero_banner {
	position: relative;
	height: 317px;
    width: 750px;
    overflow:hidden;
}

	div.hero_banner div {
		position: absolute;
	}

		div.hero_banner div.main_banner {
            position: absolute;
			width: 745px;
			height: 252px;
			top: 4px;
			left: 2px;
			/*background-color: transparent;*/
            background-color:black;
			z-index: 1;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

			div.hero_banner div.main_banner img {
				/*height: inherit;
				width: inherit;*/
                margin-right:20px;
                padding-top: 0px;
                float:left;
                width: 745px;
                height: 250px;
                -webkit-border-top-left-radius: 10px;
		        -webkit-border-top-right-radius: 10px;
		        -moz-border-radius-topleft: 10px;
		        -moz-border-radius-topright: 10px;
		        border-top-left-radius: 10px;
		        border-top-right-radius: 10px;
			}

		div.hero_banner div.hero_banner_frame {
			width: 750px;
			height: 316px;
			top: 0;
			left: 0;
			background-image: url('../Resources/img/hero_banner_frame.png');
			background-repeat: no-repeat;
			background-position: center center;
			z-index: 2;
		}

			div.hero_banner div.hero_banner_frame div.hero_banner_move_left,
			div.hero_banner div.hero_banner_frame div.hero_banner_move_right {
				width: 29px;
				height: 74px;
				z-index: 3;
				top: 90px;
			}

			div.hero_banner div.hero_banner_frame div.hero_banner_move_left {
				background-position: left center;
				background-image: url('../Resources/img/hero_banner_btn_left.png');
				background-repeat: no-repeat;
				left: 1px;
			}

			div.hero_banner div.hero_banner_frame div.hero_banner_move_right {
				background-image: url('../Resources/img/hero_banner_btn_right.png');
				background-repeat: no-repeat;
				background-position: right center;
				right: 0;
			}

			div.hero_banner div.hero_banner_frame div.hero_banner_site_info {
				z-index: 4;
				text-align: center;
				left: 9px;
				top: 226px;
				width: 732px;
				height: 27px;
				-webkit-border-radius: 8px;
				-webkit-border-top-left-radius: 0px;
				-webkit-border-top-right-radius: 0px;
				-moz-border-radius: 8px;
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 0px;
				border-radius: 8px;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				background-color: rgba(76,76,76,0.7);
				color: #FFFFFF;
				font-weight: 600;
				line-height: 30px;
				font-size: 10pt;
			}

			div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails {
				top: 260px;
				left: 162px;
				z-index: 5;
			}

				div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul {
				}

					div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul > li {
						list-style-type: none;
						float: left;
					}

						div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul > li.active {
						}

						div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul > li.disabled {
							opacity: 0.5;
							-ms-filter: "alpha(opacity=50)"; /* IE 8 */
						}

						div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul > li + li {
							margin-left: 5px;
						}

						div.hero_banner div.hero_banner_frame div.hero_banner_thumbnails ul > li > img {
							border: 1px solid #000000;
							width: 139px;
							height: 49px;
						}

/**/
            div.hero_banner div.hero_banner_frame div#transparent_block {
                background-color: transparent;
                width: 690px;
			    height: 250px;
                padding-top: 5px;
                left:30px;
                z-index: 3;
            }