.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.mists { background-color: #020b10; }

.mists .navigation .searchbox .box { color: #c2a684; }
.mists .navigation .searchbutton { margin: 17px 0 0 947px; }
.mists .navigation .searchbutton .button { background: url(../_images/games/mists/nav-search.png) no-repeat; }
.mists .navigation .bg { background: url(../_images/games/mists/nav-bg.png) no-repeat 0 0; }
.mists .navigation .bar { left: 214px; }
.mists .navigation .bar a { background: url(../_images/lang/en-us/games/mists/nav-bar.gif) no-repeat 0 0; }

/*.mists .bg01 { background: url(../_images/games/mists/bg-top-01-full.jpg) no-repeat center top; height: 1110px; top: 0; }
.mists .bg02 { background: url(../_images/games/mists/bg-mid-02-full.jpg) no-repeat center top; height: 2143px; top: 1110px; }*/

.mists .bg01 { background: url(../_images/games/mists/bg-top-01.jpg) no-repeat center top; height: 499px; top: 0; }
.mists .bg02 { background: url(../_images/games/mists/bg-mid-01.jpg) no-repeat center top; height: 869px; top: 499px; }
.mists .bg03 { background: url(../_images/games/mists/bg-mid-02.jpg) no-repeat center top; height: 657px; top: 1368px; }
.mists .bg04 { background: url(../_images/games/mists/bg-mid-03.jpg) no-repeat center top; height: 1228px; top: 2025px; }

.mists .continue-mists { background: url(../_images/games/mists/bg-top-int.jpg) no-repeat center top; box-shadow: 0 3px 6px rgba(0,0,0,0.7); display: block; height: 55px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 999; }
.mists .continue-mists .continue-text { color: #e6a800; font: 14px Arial, sans-serif; position: relative; top: 14px; }
.mists .continue-mists .continue-text:before { background: url(../_images/games/mists/wow-icon.png) no-repeat 0 0; content: ''; display: block; height: 42px; left: -45px; position: absolute; top: -11px; width: 40px; }
.mists .continue-mists .continue-text:after { background: url(../_images/games/mists/wow-icon-arrow.png) no-repeat 0 0; content: ''; display: block; height: 14px; right: -15px; position: absolute; top: 1px; width: 10px; }

/*@media (max-width: 1920px) { 
	.mists .bg01 { background: url(../_images/games/mists/bg-top-01-1920.jpg) no-repeat center top; }
	.mists .bg02 { background: url(../_images/games/mists/bg-mid-01-1920.jpg) no-repeat center top; }
	.mists .continue-mists { 	background: url(../_images/games/mists/bg-top-int-1920.jpg) repeat scroll 50% 0 transparent; }
}
@media (max-width: 1680px) { 
	.mists .bg01 { background: url(../_images/games/mists/bg-top-01-1680.jpg) no-repeat center top; }
	.mists .bg02 { background: url(../_images/games/mists/bg-mid-01-1680.jpg) no-repeat center top; }
	.mists .continue-mists { 	background: url(../_images/games/mists/bg-top-int-1680.jpg) repeat scroll 50% 0 transparent; }
}
@media (max-width: 1440px) { 
	.mists .bg01 { background: url(../_images/games/mists/bg-top-01-1440.jpg) no-repeat center top; }
	.mists .bg02 { background: url(../_images/games/mists/bg-mid-01-1440.jpg) no-repeat center top; }
	.mists .continue-mists { 	background: url(../_images/games/mists/bg-top-int-1440.jpg) repeat scroll 50% 0 transparent; }
}
@media (max-width: 1280px) { 
	.mists .bg01 { background: url(../_images/games/mists/bg-top-01-1280.jpg) no-repeat center top; }
	.mists .bg02 { background: url(../_images/games/mists/bg-mid-01-1280.jpg) no-repeat center top; }
	.mists .continue-mists { 	background: url(../_images/games/mists/bg-top-int-1280.jpg) repeat scroll 50% 0 transparent; }
}
@media (max-width: 1024px) { 
	.mists .bg01 { background: url(../_images/games/mists/bg-top-01-1024.jpg) no-repeat center top; }
	.mists .bg02 { background: url(../_images/games/mists/bg-mid-01-1024.jpg) no-repeat center top; }
	.mists .continue-mists { 	background: url(../_images/games/mists/bg-top-int-1024.jpg) repeat scroll 50% 0 transparent; }
}*/

.mists .logo { left: 550px; position: absolute; top: -463px; }
.mists .release-date { left: 650px; height: 58px; position: absolute; top: -260px; width: 199px; }
.mists .flash_box { text-align: center; }
.mists .h_anim_position { left: inherit; *left: 0; }
.mists #f_h_anim { margin: 0 0 0 0; left: -318px; position: relative; top: 1px; }

.mists .top-buttons { height: 140px; right: -15px; top: -195px; width: 420px; }
.mists .top-buttons .pre-purchase { background: url(../_images/games/mists/buynow-button-top-en_US.png) no-repeat 0 0; display: block; height: 200px; width: 425px; }
.mists .top-buttons .pre-purchase .btn-pre-purchase { display: block; height: 58px; left: 65px; position: absolute; top: 58px; width: 300px; }
.mists .top-buttons .is-hover { background-position: 0 -200px; }
.mists .top-buttons div.pre-purchase-digital-deluxe { text-align: center; top: -65px; position: relative; }
.mists .top-buttons .pre-purchase-digital-deluxe .info-text { color: #f1d4a9; font: 11px Arial, sans-serif; margin: 0; padding: 0; }
.mists .top-buttons a.pre-purchase-digital-deluxe { background: url(../_images/games/mists/icon-arrow.gif) 100% 2px no-repeat; color: #ffa00b; font: 12px Arial, sans-serif; font-weight: bold !important; margin: 0; padding: 0 10px 0 0; }
.mists .top-buttons a.pre-purchase-digital-deluxe:hover { background-position: 100% -17px; }

.mists .media-container { height: 400px; left: 0; position: absolute; top: -90px; width: 460px; }
.mists .media-container .trailers { height: 227px; display: block; left: 11px; position: relative; top: -9px; width: 426px; }
.mists .media-container .trailers h2 { color: #023815; font: bold 20px 'Palatino Linotype', serif; display: block; height: 16px; margin: 0 0 0 20px; text-shadow: 0 0 1px #edd584; top: -5px; }
.mists .media-container #video-box { left: 2px; position: relative; top: 23px; z-index: 1; }
.mists .media-container #video_fl_box { background-color: #000; *background-color: #000; background-color: rgba(0,0,0,0); cursor: pointer; height: 220px; left: 16px; position: absolute; top: 35px; width: 390px; z-index: 10; }
.mists .media-container .screenshots { height: 77px; position: relative; top: 26px; width: 426px; }
.mists .media-container .screenshots h2 { color: #023815; font: bold 20px 'Palatino Linotype', serif;  display: block; height: 16px; margin: 0 0 0 32px; text-shadow: 0 0 1px #edd584; width: 100%; }
.mists .media-container .screenshot-container { height: 77px; position: absolute; top: 32px; width: 123px; }
.mists .media-container .screenshot1-container { left: 26px; }
.mists .media-container .screenshot2-container { left: 159px; }
.mists .media-container .screenshot3-container { left: 292px; }
.mists .media-container .screenshot { left: 7px; display: block; position: absolute; top: 7px; z-index }
.mists .media-container .screenshot-overlay { background-color: #000; *background-color: #000; background-color: rgba(0,0,0,0); cursor: pointer; display: block; height: 64px; position: absolute; top: 38px; width: 110px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
.mists .media-container .screenshot-overlay:hover { background: url(../_images/games/mists/view-image.png) no-repeat 50% 50%; background-color: rgba(0,0,0,0.3); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.mists .media-container .screenshot1-overlay { left: 33px; }
.mists .media-container .screenshot2-overlay { left: 166px; }
.mists .media-container .screenshot3-overlay { left: 299px; }

.mists .intro { display: inline-block; left: 470px; min-height: 400px; width: 492px; }
.mists .intro .describe { display: inline-block; left: 57px; top: 47px; width: 434px; }
.mists .intro .intro-header { color: #008467; font: 36px/1.1 'Palatino Linotype'; margin: 20px 0 0 0; }
.mists .intro .intro-body { color: #a07030; display: block; font: 15px/1.5 Arial, sans-serif; margin: 17px 40px 0 0; }

.mists .features { padding-bottom: 65px; }
.mists .feature { margin: 30px 0; }
.mists .feature-title,
.mists .feature-description,
.mists .feature-link { margin-left: 20px; }
.mists .feature-title { color: #fcecd5; font: 22px/1.2 'Palatino Linotype'; }
.mists .feature-description { color: #a98a5f; font: 13px/1.9 Arial, sans-serif; position: relative; top: -7px; }
.mists .feature-link { background: url(../_images/games/mists/icon-arrow.gif) no-repeat 0 4px; color: #ff9d00; font: 15px Arial, sans-serif; padding: 0 0 0 10px; position: relative; top: -14px; }
.mists .feature-link:hover { background-position: 0 -15px; }
.mists .feature .arrow-icon { background: url(../_images/games/mists/feature-arrow-icon.png) no-repeat 0 0; display: inline-block; height: 11px; padding: 0 6px 0 0; width: 6px; }
.mists .features .preview-images-container { display: inline-block; float: left; height: 258px; padding-bottom: 40px; position: relative; width: 416px; }
.mists .features .preview-images { height: 204px; left: 24px; overflow: hidden; position: absolute; top: 25px; width: 363px; }
.mists .features .preview-image { opacity: 0; position: absolute; 
	-webkit-transition: opacity 0.5s;
	-moz-transition:		opacity 0.5s; 
	transition:					opacity 0.5s; }
.mists .features .preview-images .is-active { display: block; opacity: 1; }
.mists .features .image-frame { background: url(../_images/games/mists/feature-image-frame.png) no-repeat 0 0; height: 258px; padding-bottom: 40px; position: absolute; width: 416px; }
.mists .features .image-overlay { cursor: pointer; display: none; height: 204px; left: 25px; position: absolute; top: 25px; width: 363px; z-index: 3; }
.mists .features .image-overlay:hover { background: url(../_images/games/mists/view-image.png) no-repeat 50% 50%; background-color: rgba(0,0,0,0.3); }
.mists .features .overlay-container .is-active { display: block; }
.mists .features .image-buttons { bottom: 25px; right: 0; position: absolute; text-align: center; width: 416px; }
.mists .features .image-buttons .button { background: url(../_images/games/mists/feature-image-buttons.png) no-repeat -26px 0; cursor: pointer; display: inline-block; height: 18px; width: 18px; }
.mists .features .image-buttons .is-active { background: url(../_images/games/mists/feature-image-buttons.png) no-repeat -1px 0; }
.mists .features .image-buttons .button:hover { background: url(../_images/games/mists/feature-image-buttons.png) no-repeat -51px 0; }
.mists .features .column-2 { display: inline-block; width: 390px; }

.mists .features .monks { margin-top: 0; }
.mists .features .monks .feature-title,
.mists .features .monks .feature-description { width: 490px; }

.mists .features .level90 .feature-title { margin-top: 30px; }

.mists .features .pandaren { padding-bottom: 40px; }
.mists .features .pandaren .feature-title,
.mists .features .pandaren .feature-description,
.mists .features .pandaren .feature-link { width: 450px; }

.mists .features .continent .feature-title { margin-top: 30px; }
.mists .purchase-cta { height: 290px; padding: 0 0 0 50px; position: relative; top: 43px; }
.mists .purchase-cta .digital-pre-sale-title { left: 80px; position: absolute; top: 30px; }
.mists .purchase-cta p { margin: 0; padding: 0; }
.mists .purchase-cta .info-text { color: #dec29a; font: 13px/1.8 'Arial', sans-serif; left: 40px; position: relative; top: 85px; width: 420px; }
.mists .purchase-cta .info-text a { color: #ff9c00; font: 14px/1.6 'Arial', sans-serif; font-weight: bold !important; text-decoration: underline; }
.mists .purchase-cta .box-text { color: #fcecd5; font: 13px/1.8 'Palatino Linotype', serif; position: absolute; }
.mists .purchase-cta .standard-edition { top: 220px; left: 565px; }
.mists .purchase-cta .digital-deluxe-edition { top: 220px; left: 710px; }
.mists .purchase-cta .digital-deluxe-edition a { background: url(../_images/games/mists/icon-arrow.gif) no-repeat 0 2px; color: #ef9301 ;	font: 13px 'Arial', sans-serif; padding-left: 10px; }
.mists .purchase-cta .digital-deluxe-edition a:hover { background-position: 0 -17px; }
.mists .purchase-cta .btn-pre-purchase { background: url(../_images/games/mists/buynow-button-bottom-en_US.jpg) no-repeat 0 0; height: 43px; left: 91px; position: absolute; top: 217px; width: 221px; }
.mists .purchase-cta .btn-pre-purchase:hover { background-position: 0 -43px; }

.mists .information { left: 32px; position: absolute; top: 2000px; }
.mists .information h2 { font: 15px 'Palatino Linotype', serif; width: 400px }
.mists .information .btn-boxview { background: url(../_images/games/mists/footer-box.jpg) no-repeat 0 0 !important; height: 162px; left: 0; top: 50px; width: 168px; }
.mists .information .btn-boxview:hover { background-position: 0 0 !important; }
.mists .information .game-info { left: 188px; top: 65px; }
.mists .information .game-info h3,
.mists .requirements h3 { color: #caaa7d; }
.mists .information .game-info ul { color: #826741; }
.mists .information .game-info ul li { line-height: 1.3; }
.mists .requirements { left: 470px; top: 65px; }
.mists .requirements ul { width: 120px; }
.mists .requirements ul li { background: transparent; padding-left: 0; }
.mists .requirements ul li a { color: #e6a800; line-height: 1.5; }
.mists .logo-rating { background: url(../_images/games/mists/footer-rating-logo.jpg) no-repeat 0 0; height: 86px; left: 700px; top: 65px; width: 140px; }

.mists .backtogames { left: 258px; position: absolute; top: 2255px; width: 430px; }
.mists .backtogames .bg { background: url(../_images/games/mists/footer-back-to-games.jpg) no-repeat 11px 0; position: absolute; top: 0; left: 0; height: 160px; width: 100%; }
.mists .backtogames a { height: 45px; left: 116px; position: absolute; top: 41px; width: 220px; }
.mists .backtogames .is-hover { background-position: 11px -160px; }
.mists .game-footer { left: 0; position: absolute; top: 2500px; }
.mists #video-box .flash-fallback { background: url(../_images/games/mists/non-flash-trailer.jpg) no-repeat; cursor: pointer; height: 220px; width: 390px; position: absolute; left: 16px; }