@charset "utf-8";
#homepage { background: white; position: relative; z-index:0; margin: 0 auto; width: 1300px; -moz-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .2); box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .2);}
#headerReplacement { height:100px; display:none; }
#headerWrap { z-index:1;}
/* ========== SECTIONS :: START ========== */
.section { position: relative; width: 1300px; }
.section .headline { position:absolute; top:57px; left:77px; width:236px; z-index:2; }
.section .button { margin-top:20px; }
.section h2 { font-size:36px; line-height:1; letter-spacing:-2px; color:#000;}
.section h3 { font-size:16px; line-height:1.4; letter-spacing:-1px; color:#000;}
.section h3 span { color:#555; }
#section_yoga { }
#section_x1carbon { }
#section_x1carbon .parallax { overflow:hidden; position:relative;}
#section_x1carbon .parallax-layer { position:absolute;}
#section_t430 {}
#section_t430 .headline { width:290px; }
.animation { position: absolute; z-index: 1; }
#section_yoga #yoga13_web_category { position: absolute; width: 739px; height: 531px; top: -59px; left: 205px; }
#section_x1carbon .animation { width: 698px; height: 492px; top: 19px; left: 222px; background: url("/euf/assets/images/animation_x1carbon.png") 0 0 no-repeat; }
#section_t430 .animation { width: 840px; height: 543px; top: 12px; left: 177px; background: url("/euf/assets/images/animation_t430.png") 0 0 no-repeat; }
.btn_next { position: absolute; width: 54px; height: 55px; left: 633px; bottom: -169px; background: url("/euf/assets/images/btn_arrow.png") -9px -8px no-repeat; z-index: 1; }
.btn_next.animated { width: 72px; height: 71px; left: 583px; bottom: -177px; background: url("/euf/assets/images/btn_arrow02.png") 0 0 no-repeat;}
.btn_replay { position: absolute; height: 27px; line-height: 27px; background: url("/euf/assets/images/btn_replay.png") 0 0 no-repeat; padding-left: 34px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; text-decoration: none; }
#section_yoga .btn_replay { top: 315px; left: 76px; color:#000; text-decoration:none; z-index:2; }

/* ========== SECTIONS :: One ========== */
#section_one { }
#section_one #yoga13_web_category { position: absolute; width: 739px; height: 531px; top: -59px; left: 205px; }
#section_one .btn_replay { top: 315px; left: 76px; color:#000; text-decoration:none; z-index:2; }

/* ========== SECTIONS :: Two ========== */
#section_two { }
#section_two .parallax { overflow:hidden; position:relative;}
#section_two .parallax-layer { position:absolute;}
#section_two .animation { width: 698px; height: 492px; top: 19px; left: 222px; background: url("/euf/assets/images/animation_x1carbon.png") 0 0 no-repeat; }
#section_two .animation2 { width: 698px; height: 492px; top: 19px; left: 276px; background: url("/euf/assets/images/animation_x1carbon.png") 0 0 no-repeat; position:absolute; z-index:2; }
#touch-swipe{ position:absolute; z-index:3; top:160px; left:754px; width:193px; height:115px;}

/* ========== SECTIONS :: Three ========== */
#section_three {}
#section_three .headline { width:290px; }
#section_three .animation2 { width: 840px; height: 543px; top: 22px; left: 177px; background: url("/euf/assets/images/animation_t430.png") 0 0 no-repeat; position:absolute; z-index:1;}

#section_t430 .animation2 {
	width: 840px;
	height: 543px;
	top: 12px;
	left: 177px;
	background: url("/euf/assets/images/animation_t430.png") 0 0 no-repeat;
	position:absolute;
	z-index:1;
}


/* ========== SECTIONS :: END ========== */

/* ========== SEPARATORS :: START ========== */
.hp-separator { position: relative; width: 1300px;}
#separator_sponsors {}
#separator_orgs {}
#separator_rightpc {}
#separator_sponsors img { position: absolute; top: 45px; left: 36px; }
#separator_orgs img { position: absolute; top: 28px; left: 58px; }
#btn_rightpc { position: absolute; width: 491px; height: 46px; top: 144px; left: 418px; background: url("/euf/assets/images/btn_rightpc.png") 0 0 no-repeat; text-indent: -1000px; overflow: hidden; z-index: 1; }
/* ========== SEPARATORS :: END ========== */

/* ========== ESPOTS :: START ========== */
.hp-box { position:absolute; top:0; right:20px; margin-top:20px;}
.espot {  display:block; width:378px; background: url("/euf/assets/images/espots.png") 0 0 no-repeat; }
#espot_whichpc { height: 217px; }
#espot_employee { height: 145px; background-position: 0 -222px; }
#espot_win8 { height: 151px; background-position: 0 -372px; }


/* new espots */
#homepage .e-spots {width: 320px;margin: 10px 0 0;padding: 10px;background: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);
behavior: url("ie-css3.htc");}
#homepage .e-spots h3 { margin-left:80px; padding-top:10px; font-size:22px; font-family:'LenovoDoBold', Arial, Helvetica, sans-serif; line-height:100%; text-transform:uppercase;
color: #009dd9;  }

@media screen and (-webkit-min-device-pixel-ratio:0) {

#homepage .e-spots h3  {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51a5c7), to(#146689)) !important;
		color: transparent !important;
		-webkit-background-clip: text !important;
    }
}




#homepage .e-spots .text p { margin-left:80px; padding:0 5px 5px 0; font-size: 14px; line-height:1.2; color:#555;}
#homepage .e-spots .text .last { padding:0 5px 10px 0;}
#homepage .e-spots .text .bold-text { font-weight:bold;}
#homepage .e-spots .sub-title { margin-left: 80px; font-weight: bold; padding-top: 5px; padding-bottom:2px; color: black; text-transform: uppercase; font-size: 16px; line-height: 18px; }
#homepage .e-spots .ShopNow { height:26px; padding-left: 80px; line-height:26px; font-size:13px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; text-align:right;}
#homepage .e-spots .ShopNow { background: rgba(79, 180, 227, 1);
background-image: -moz-linear-gradient(top, rgba(79, 180, 227, 1), rgba(1, 97, 141, 1));
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(79, 180, 227, 1)), to(rgba(1, 97, 141, 1)));
background-image: -o-linear-gradient(top, rgba(79, 180, 227, 1), rgba(1, 97, 141, 1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51b6e2', endColorstr='#02618b');
background-image: linear-gradient(top, rgba(79, 180, 227, 1), rgba(1, 97, 141, 1));
border: 1px solid #206485;
color: white;}
#homepage .e-spots .ShopNow:hover,
#homepage .e-spots .ShopNow:active { background: rgba(124, 199, 232, 1);
background-image: -moz-linear-gradient(top, rgba(124, 199, 232, 1), rgba(0, 129, 179, 1));
background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(124, 199, 232, 1)), to(rgba(0, 129, 179, 1)));
background-image: -o-linear-gradient(top, rgba(124, 199, 232, 1), rgba(0, 129, 179, 1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dc8e9', endColorstr='#0080b2');
background-image: linear-gradient(top, rgba(124, 199, 232, 1), rgba(0, 129, 179, 1));
color: white;}
#homepage .e-spots .ShopNow a {color: white; padding-right:10px;}
#homepage .e-spots > img {position: absolute;width: 70px;height: 116px;}
#homepage .e-spots .text {overflow: hidden;min-height: 90px;max-height: 386px;padding-right: 7px;background: #CDD5D8;}






/* ========== ESPOTS :: END ========== */

/* ========== RIBBON :: START ========== */
#ribbon { position: absolute; width: 739px; height: 0;/*1572px;*/ top: 255px; left: 137px; background: url("/euf/assets/images/ribbon.png") 0 0 no-repeat; }
/* ========== RIBBON :: END ========== */
/* =========== Hide Windows message ============*/
#masthead_upper > div #toolmenus #tagline {
	visibility: hidden;
}