/*--------------------------------------------------

HTC Global Site
This stylesheet augments "styles.css" with new components as part of the 11/12 to 3/13 HTC (M7) product launch

----------------------------------------------*/
/*--------------------------
	Index:
	1) Header Styles 
	2) Global Button Styles
	3) Teaser styles 
	4) Launch page styles

*/
/**
 * 	1) Header Styles (new)
 */
#header-nav-main { width: 768px !important; }
.header-localized-icon-container { position: relative; width: 200px; height: 70px; top: 15px; z-index: 1000; top: 40px; left: 685px; display: inline-block; }
.header-localized-icon-container img { float: right; }
/**
 * 	2) Global Button Styles
 */
a.cms-green-button span, a.cms-green-button:hover span, a.cms-green-button:active span, a.cms-green-button, a.cms-green-button:hover, a.cms-green-button:active { display: inline-block; float: none; }
a.green-button-type3 { display: inline-block; white-space: nowrap; }
a.green-button-type3 span { background: url("../../images/m7launch/green-button-type3.png") no-repeat scroll top right transparent; color: #f8f8f8; display: inline-block; font: bold 16px/45px Arial,Helvetica,sans-serif; height: 47px; padding: 0 30px 0 15px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); text-transform: capitalize; vertical-align: middle; }
a.green-button-type3 span.arrow { background: url("../../images/m7launch/green-button-type3.png") no-repeat scroll 0 -52px transparent; margin-right: -4px; padding: 0; width: 39px; }
a.green-button-type3:hover span, a.green-button-type3:active span { background-position: right -104px; }
a.green-button-type3:hover span.arrow, a.green-button-type3:active span.arrow { background-position: left -156px; }
a.green-button-type3.play-feature span.arrow { background: url("../../images/m7launch/green-button-type3-play.png") no-repeat scroll 0 -52px transparent; }
a.green-button-type3.play-feature:hover span.arrow, a.green-button-type3.play-feature:active span.arrow { background-position: left -156px; }
.green-button-play { display: table; position: relative; cursor: pointer; z-index: 40; }
.green-button-play strong { height: 65px; padding-left: 80px; display: table-cell; font: 16px/20px Arial, Helvetica, sans-serif; white-space: nowrap; color: #fff; vertical-align: middle; background: url(../../images/m7launch/sprite-button-play.png) no-repeat top left; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
.green-button-play:hover strong, .green-button-play:active strong { background-position: bottom left; }
.green-button-play.image-feature img { position: absolute; top: 0; right: 0; z-index: -10; cursor: pointer; }
.green-button-play.image-feature strong { position: relative; z-index: 200; width: 110px; max-width: 110px; }
.close-button { background: url("../../images/m7launch/close-button.png") no-repeat 0 -80px transparent; width: 27px; height: 30px; }
.close-button:hover, .close-button:active { background-position: 0 0; }
/**
 * 	3) Teaser styles
 *  - Homepage Outer Container
 * 	- Countdown
 *  - Share options
 *  - Stay informed Form
 */

/**
 *  - Homepage Outer Container
 */
#homepage-outer-container { background: url("../../images/m7launch/homepage-hero-bg.png") no-repeat scroll center center #000000; overflow: hidden; width: auto; margin-top: 0; }
#homepage-outer-container > section { margin: 0 auto; overflow: visible; width: 1024px; position: relative; height: 520px; }
#homepage-outer-container { background-image: none; }
#homepage-outer-container-w { background: #ffffff; overflow: hidden; width: auto; margin-top: 0; }
#homepage-outer-container-w > section { margin: 0 auto; overflow: visible; width: 1024px; position: relative; height: 520px; }
#homepage-outer-container-w { background-image: none; }
#page-container { padding: 0; }
/**
 * 	4) Launch page styles
 *  - Homepage Outer Container
 *  - Launch page Contents
 *  - Launch page Gallery
 */
/**
 *  - Homepage Outer Container
 */
#homepage-outer-container { height: 520px !important; width: 100%; min-width: 1024px; }
#homepage-outer-container-w { height: 520px !important; width: 100%; min-width: 1024px; }
#homepage-launch-video { position: relative; width: auto; height: 520px; }
#homepage-launch-video .video-content { position: absolute; width: 1500px; left: 50%; margin-left: -750px; height: 520px; }
#homepage-launch-video .video-content.no-video { background: url("../../images/m7launch/HTC-HomeLaunch.jpg") no-repeat scroll 0 0 transparent; }
#homepage-launch-video .video-content.no-video.ingallery, #homepage-launch-video .video-content.ingallery { background: url("../../images/m7launch/HTC-HomeLaunch-ingallery.jpg") no-repeat scroll 50% top transparent; }
#homepage-launch-video .video-content.ingallery video { display: none; }
/**
 *  - Launch page Contents
 */
#homepage-launch-contents { position: absolute; width: 1024px; height: 521px; color: #fff; top: 0px; }
#homepage-launch-contents .hidden-content { display: none; }
#homepage-launch-contents.show-content { display: block !important; }
#homepage-launch-contents.show-content .hidden-content { display: block !important; }
#homepage-launch-contents.show-content .launch-wait-over { display: none !important; }
#homepage-launch-contents > p { font-size: 16px; }
#homepage-launch-contents .launch-title { float: right; margin: 140px -3px 0 0; position: relative; width: 335px; }
#homepage-launch-contents .ca-fr.launch-title  { margin-top: 70px; }
#homepage-launch-contents .fr.launch-title  { margin-top: 10px; }
#homepage-launch-contents .us.launch-title { margin-top: 90px; }
#homepage-launch-contents .first.launch-title { margin-top: 70px; }
#homepage-launch-contents .launch-title h3 { width: 233px; height: 41px; }
#homepage-launch-contents .us.launch-title h3 { width: 238px; height: 41px; }
#homepage-launch-contents .launch-title h4 { line-height: 21px; margin-top: 50px; color: white; font-weight: normal; font-size: 26px; }
#homepage-launch-contents .launch-title p { font-size: 15px; color: #fff; margin: 14px 0 0; padding: 0 5px 20px 0; }
.launch-watch { position: absolute; top: 138px; left: 157px; }
.launch-watch.pre-event { top: 100px; left: 145px; }
.launch-watch.pre-event img { position: absolute; right: 125px; top: -75px; }
.launch-watch.pre-event strong { position: relative; z-index: 200; display: table-cell; font: 16px/20px Arial,Helvetica,sans-serif; height: 65px; padding-left: 80px; vertical-align: middle; white-space: nowrap; }
#homepage-launch-contents .green-button-play.image-feature img { right: 135px; top: -115px; }
#homepage-launch-contents .launch-wait-over { position: absolute; top: 220px; left: 0px; font-size: 40px; width: 1024px; text-align: center; letter-spacing: 5px; }
.launch-replay { position: absolute; top: 10px; right: 3px; }
.launch-replay > a { display: block; font-size: 12px; padding-top: 2px; text-transform: uppercase; }
#homepage-launch-contents .replay { background: url("../../images/m7launch/replay-ico-launch.png") no-repeat 0 0 transparent; padding-left: 14px; }
#homepage-launch-contents .watch { display: none; }
/**
 *  - Launch page Gallery
 */
#homepage-launch-gallery { width: 1024px; height: 520px; position: absolute; display: none; top: 100px; opacity: 0; }
#homepage-launch-gallery .close-button { position: absolute; width: 39px; height: 42px; text-indent: 100%; white-space: nowrap; overflow: hidden; right: 12px; top: 23px; }
#homepage-launch-gallery .gallery-title { color: white; position: absolute; font-size: 20px; top: 30px; left: 12px; }
.launch-gallery-container { background: url("../../images/m7launch/HTC-HomeLaunch-Gallery-BG.png") 0 0 no-repeat; width: 745px /*777px*/; height: 417px /*449px*/; padding: 16px 16px 16px 16px; position: absolute; left: -5px; top: 58px; }
.launch-gallery-container > div { width: 745px; height: 417px; }
.launch-gallery-container .slides_container { width: 745px; height: 417px; display: block; direction: ltr; }
.launch-gallery-container .slides_container div { width: 745px; height: 417px; display: block; }
.launch-gallery-container .prev, .launch-gallery-container .next { position: absolute; background: red; width: 72px; height: 97px; top: 180px; background: url('../../images/m7launch/HTC-HomeLaunch-Gallery-Buttons.png') 0 0 no-repeat transparent; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 999; }
.launch-gallery-container .next { right: 8px; }
.launch-gallery-container .prev { left: 8px; background-position: 0 -294px; }
.launch-gallery-container .next:hover { background-position: 0 -147px; }
.launch-gallery-container .prev:hover { background-position: 0 -441px; }
.mobile .launch-gallery-container .next:hover { background-position: 0 0; }
.mobile .launch-gallery-container .prev:hover { background-position: 0 -294px; }
.launch-gallery-container .pagination { position: absolute; color: white; padding: 2px 3px; right: 20px; bottom: 20px; font-size: 18px; text-align: center; width: 45px; background: rgba(0, 0, 0, .5); }
.launch-gallery-navbar { position: absolute; width: 172px; right: 56px; top: 90px; list-style: none; margin: 0; padding: 0; }
.launch-gallery-navbar .data { display: none; }
.launch-gallery-navbar li { margin-bottom: 30px; }
.launch-gallery-navbar li:last-child { padding-top: 12px; }
.launch-gallery-navbar li a { display: block; }
.launch-gallery-navbar li .thumb { background: url("../../images/m7launch/HTC-HomeLaunch-VideoThumb-BG.png") 0 0 no-repeat; padding: 10px; display: block; }
.launch-gallery-navbar li .thumb .green-button-play { left: 50%; margin-left: -31px; position: absolute; top: 28px; }
.launch-gallery-navbar li a:hover .thumb, .launch-gallery-navbar li.active .thumb { background-position: left bottom; }
.launch-gallery-navbar li a h3 { color: white; padding-left: 10px; font-size: 15px; }
.launch-gallery-navbar li a:hover h3, .launch-gallery-navbar li.active a h3 { color: #7DBE32; }
.launch-gallery-navbar li a.green-button-type3 { margin-left: 5px; }
/*US Prereg Promo*/
#prereg-promo-box { background:url(../../images/m7launch/home_prereg_promo_bg.jpg) no-repeat; width: 254px; height: 70px;  padding:20px 22px; margin:45px 0 0 20px; }
.ca-fr #prereg-promo-box { background: url(../../images/m7launch/ca-fr-home_prereg_promo_bg.png) no-repeat; height: 84px; padding: 14px 22px; margin-top: 15px; }
#prereg-promo-box h5 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; color: #151515; }
.ca-fr #prereg-promo-box h5 { width: 200px; }
#prereg-promo-box h6 { font: bold 21px/1.2 Arial, Helvetica, sans-serif; color: #6bb200; margin-bottom: 5px; }
#prereg-promo-box .cms-grey-button { margin: 5px 0 0 60px; }
.ca-fr #prereg-promo-box .cms-grey-button { margin: 0; padding-right: 15px; }
.ca-fr #prereg-promo-box .cms-grey-button span { padding-left: 15px; }
/* HTC First Promo */
#prereg-promo-box.first-promo{ background:none; padding:0; width:auto; height:auto; margin:27px 0 0 -9px; }
.fr #prereg-promo-box.first-promo{ background:none; padding:0; width:auto; height:auto; margin:13px 0 0 -9px; }
#prereg-promo-box.first-promo a{ background:url(../../images/m7launch/htc-first-home-promo.png) no-repeat; width:340px; height:90px; font:normal 12px/1.2 Arial, Helvetica, sans-serif; color: #f9f9f9; text-transform:uppercase; padding:50px 0 0 15px; display:block; }
.fr #prereg-promo-box.first-promo a {font-size:11px}
/*RESET TABLET HIGHLIGHT hi*/
* { -webkit-tap-highlight-color: rgba(255,255,255,0) !important; }