﻿@font-face{font-family:'icomoon';src:url("/css/type_owv2/icomoon.eot");src:url("/css/type_owv2/icomoon.eot?#iefix") format("embedded-opentype"),url("/css/type_owv2/icomoon.woff") format("woff"),url("/css/type_owv2/icomoon.ttf") format("truetype"),url("/css/type_owv2/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'lenovo-do-light';src:url("/css/type_owv2/lenovolg-webfont.eot");src:url("/css/type_owv2/lenovolg-webfont.eot?#iefix") format("embedded-opentype"),url("/css/type_owv2/lenovolg-webfont.woff") format("woff"),url("/css/type_owv2/lenovolg-webfont.ttf") format("truetype"),url("/css/type_owv2/lenovolg-webfont.svg#lenovo_do_lightlight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'lenovo-do-regular';src:url("/css/type_owv2/lenovorg-webfont.eot");src:url("/css/type_owv2/lenovorg-webfont.eot?#iefix") format("embedded-opentype"),url("/css/type_owv2/lenovorg-webfont.woff") format("woff"),url("/css/type_owv2/lenovorg-webfont.ttf") format("truetype"),url("/css/type_owv2/lenovorg-webfont.svg#lenovo_do_regularregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'lenovo-do-medium';src:url("/css/type_owv2/lenovomd-webfont.eot");src:url("/css/type_owv2/lenovomd-webfont.eot?#iefix") format("embedded-opentype"),url("/css/type_owv2/lenovomd-webfont.woff") format("woff"),url("/css/type_owv2/lenovomd-webfont.ttf") format("truetype"),url("/css/type_owv2/lenovomd-webfont.svg#lenovo_do_mediummedium") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'lenovo-do-bold';src:url("/css/type_owv2/lenovobd-webfont.eot");src:url("/css/type_owv2/lenovobd-webfont.eot?#iefix") format("embedded-opentype"),url("/css/type_owv2/lenovobd-webfont.woff") format("woff"),url("/css/type_owv2/lenovobd-webfont.ttf") format("truetype"),url("/css/type_owv2/lenovobd-webfont.svg#lenovo_do_boldbold") format("svg");font-weight:normal;font-style:normal}

.espot-2{
border: 1px solid #127298;
background: white;
min-height: 159px;
box-shadow:0 0 0;
}
.espot-2 .espot-media{
margin: 0 0 0 4%;
border-left: 1px solid #127298;
position: absolute;
right: 0;
bottom: 0;
}
.espot-2 .espot-content{
float: left;
padding-left: 0.7em;
margin-top: 0;
}
.espot-2 .espot-title{
font-size: 1.5em;
color:#127298;
padding: 0.5em;
font-family: lenovo-do-medium,Arial,sans-serif;
width:80%;
}
.espot-2 .espot-subtitle{
text-transform: uppercase;
font-size: 1.1em;
color: #333;
font-weight: normal;
}
.espot-2  .espot-text{
color: #666;
font-size: 0.9em;
margin-top: 0.75em;
line-height:1.5em;
}
.espot-2  .espot-price{
background: url("http://www.lenovo.com/images/homepage-images/red-angle.png") no-repeat right bottom #DC2B20;
height: 30px;
padding: 2px 15px 3px 7px;
color: #fff;
font-size: 1.5em;
font-family: lenovo-do-medium,Arial,sans-serif;
text-align: right;
position: absolute;
bottom: 0;
}

.hero{
padding: 1.7em 0 0;
float: left;
background: #fff;
margin-bottom: -8px;
}
.hero-inverted{
background: #2c2c2c;
}
.hero-media{
padding: 0;
width: 100%;
float: left;
}
.hero-text {
font-size: 1em;
font-family: lenovo-do-regular,Arial,sans-serif;
}
.hero-text .hero-subtitle{
font-family: lenovo-do-light,Arial,sans-serif;
}
.hero-title {
font-size: 1.75em;
margin-bottom: 0.1em;
}
.hero-subtitle {
font-size: 1.25em;
}
.hero-additional-image{
position: absolute;
bottom: 0;
right: 0;
display: none;
width:48%;
}
.hero-additional-image img{
max-width:100%;
float:right;
}
.hero-content{
width: 100%;
padding-left: 0;
float: left;
text-align: center;
margin-bottom: 1em;
}
.hero .hero-subtitle{
color: #dc291e;
}
.hero-inverted .hero-subtitle{
color: #fff;
}
.hero-extras{
max-width: 100%;
padding-right: 0;
width: 100%;
}
.hero-extra{
display: inline;
}
.button-standard-home{
background: none;
border: 1px solid #127298;
color: #127298;
text-align: center;
width:35%;
display: inline-block;
padding: 0.5em 0.8em;
font-size: 12.8px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
margin: 0;
line-height: 1.5em;
}
.button-standard-home:hover{
background: #127298;
color: #fff;
}
.hero-extra-img{
margin-left: 1em;
position: absolute;
display: none;
}
.pageWrapper.homePage{
width:100%;
}
li.ww-banner img{
max-width: 100%;
}
.espot-home-list {
position: relative;
width: 100%!important;
padding: 1em 0;
margin: 0 auto;
float: left;
background: url("http://www.lenovo.com/images/homepage-images/stripes-background.png ")
}
.espot-home-list li.ww-banner {
width: 96%;
margin: 0.6em;
text-align: center;
}
.espot-home-list li {
width: 96%;
margin: 0.6em;
}
.espot-home-list li article{
float: left;
width: 100%;
}
@media (min-width: 26em){
.hero-title {
font-size: 2.5em;
}
.hero-subtitle {
font-size: 1.5em;
}
}
@media (min-width: 32em){
.espot-home-list li:nth-child(2n+1) {
clear: none;
}
}
@media (min-width: 35em){
.espot-home-list li {
width: 46%;
margin: 0 0.6em 1em;
}
}
@media (min-width: 48.75em){
.hero{
float: none;
}
.hero-media{
float: left;
width: 50%
}
.hero-content{
float: right;
width: 50%;
text-align: left;
padding-left: 6%;
}
.hero-extra-img{
display: inline;
}
.hero-extras{
padding-right: 4%;
}
.espot-home-list{
top: 0;
left: 0;
}
}
@media (min-width: 51em){
.espot-home-list li.ww-banner, .espot-home-list li{
width: 31%;
margin: 0 0.5em;
text-align: left;
}
.hero-additional-image{
display: block;
}
.hero-content{
padding-top: 2em;
}
}
@media (min-width: 58em){
.hero-content{
width: 46%;
vertical-align: top;
padding-left: 2%;
}
.hero-media{
width:54%;
}
.hero-title {
font-size: 3em;
}
.hero-subtitle {
font-size: 2em;
}
}
@media (min-width: 62em){
.espot-home-list li {
margin: 0 0.7em;
}
}
@media (min-width: 72em){
.hero-title {
font-size: 3.25em;
}
.hero-subtitle {
font-size: 2.5em;
}
.hero-content{
padding-left: 1%;
}
}
@media (min-width: 76em){
.hero-content {
padding-left: 3%;
}
}
@media (min-width: 93em){
.pageWrapper.homePage {
width: 92.5em;
float: none;
}
}
/*For Navigation Banner - Small screens and general styles*/
.category-navigation{overflow:hidden;background:#f7f7f7;}
.category-navigation-item-container{position:relative;width:100%;overflow:hidden;padding:.5em 0;min-height:6em;}
.category-navigation-item-container h1.title{
		font-family: lenovo-do-regular,Arial,sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		color: #000;
		text-transform:uppercase;
		float:left;
		position:absolute;
		top:30%;
		left:3%;
		}
.category-navigation-item-container:first-child,.category-navigation-item-container:last-child{
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top,  #eeeeee 0%,#f7f7f7 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#f7f7f7 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 );
}

.category-navigation-item-container:nth-child(2){
background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top, #a0a0a0 0%, #bdbdbd 20%, #cfcfcf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(20%,#bdbdbd), color-stop(100%,#cfcfcf));
background: -webkit-linear-gradient(top, #a0a0a0 0%,#bdbdbd 20%,#cfcfcf 100%);
background: -o-linear-gradient(top, #a0a0a0 0%,#bdbdbd 20%,#cfcfcf 100%); 
background: -ms-linear-gradient(top, #a0a0a0 0%,#bdbdbd 20%,#cfcfcf 100%); 
background: linear-gradient(to bottom, #a0a0a0 0%,#bdbdbd 20%,#cfcfcf 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#cfcfcf',GradientType=0 );
border:1px solid #fff;
border-width:1px 0 1px 0;
}

.category-navigation-item-container img{float:right;width:120px;height:80px;}
.category-navigation-item-container:last-child img{width:90px;margin-right:1.5em;}
.category-navigation-item-container a{display:block;overflow:hidden;}

@media(min-width:26.5em){
.category-navigation-item-container h1.title{font-size:2em;top:20%;}
}

@media(min-width:32em){
.category-navigation-item-container img{float:right;width:160px;height:110px;}
.category-navigation-item-container:last-child img{width:120px;}
.category-navigation-item-container h1.title{top:25%;}
}

@media(min-width:45em){
	.category-navigation-item-container{padding:0;max-height:450px;}
	.category-navigation-item-container img{position:relative;}
	.category-navigation-item-container:first-child{width:38%;float:left;background:none;}
	 html.no-touch .category-navigation-item-container a:hover img,html.no-touch .category-navigation-item-container a:hover h1{opacity:.7;}
	.category-navigation-item-container h1.title{
		font-size: 1.5em;
		text-align: center;
		width:100%;
		top:0;
		left:0;
		}
	.category-navigation-item-container:nth-child(2){
		position: absolute;
		z-index:1;
		width: 33%;
		left: 32.7%;
		background:#cfcfcf;
		transform: skewX(-18deg);
		-o-transform: skewX(-18deg);
		-moz-transform: skewX(-18deg);
		-webkit-transform: skewX(-18deg);
		overflow:hidden;
		border:none;
		}
	.category-navigation-item-container:first-child img{max-width:200%;top:3em;width:auto;height:auto;}
	.category-navigation-item-container:nth-child(2) img{max-width:180%;top:3em; right:-3em; width:auto;height:auto;}
	.category-navigation-item-container:last-child img{max-width:105%;right:-3em;top:1.5em;width:auto;height:auto;}
	.category-navigation-item-container:nth-child(2) h1{
		transform: skewX(18deg);
		-webkit-transform:skewX(18deg);
		-o-transform: skewX(18deg);
		-moz-transform: skewX(18deg);
		-webkit-transform: skewX(18deg);
		}
	.category-navigation-item-container:last-child{
		width:33%;
		float:right;
		background:none;
		}
	}

@media(min-width:60em){
.category-navigation-item-container h1.title{font-size:2em;}
}
/*Wide screen*/	
@media(min-width:76.75em){
	.category-navigation{overflow:hidden;background:#f7f7f7;}
	.category-navigation-item-container h1.title{font-size: 2.5em;}
	.category-navigation-item-container img{position:relative;max-width:none;margin-top:0;float:left;}
	.category-navigation-item-container:first-child img{max-width:none;top:4em;right:30em;}
	.category-navigation-item-container:nth-child(2) img{top:4em;right:17em;max-width:none;}
	.category-navigation-item-container:last-child{width:35%;}
	.category-navigation-item-container:last-child img{right:-3em;top:1em;}
}

@media(min-width:92.5em){
.espot-home-list:before {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: -o-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.3));
margin-left: -7px;
left: 0;
}
.espot-home-list:after {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
background-image: -webkit-linear-gradient(right, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: -moz-linear-gradient(right, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: -o-linear-gradient(right, rgba(0,0,0,0),rgba(0,0,0,0.3));
background-image: linear-gradient(right, rgba(0,0,0,0),rgba(0,0,0,0.3));
margin-right: -7px;
right: 0;
}
.espot-home-list:before, .espot-home-list:after {
content: "";
width: 7px;
height: 100%;
position: absolute;
top: 0;
}
.longscroll .espot-home-list:before , .longscroll .espot-home-list:after, .promo-first:before , .promo-first:after{
background: none;
}
}
.hero:before{
height: 0;
}
.hero-extra.homepage-price{
display: block;
}
.homepage-price-text{
color: #999999;
font-family: lenovo-do-regular,Arial,sans-serif;
text-transform: uppercase;
font-size: 1em;
}
.homepage-price-value{
color: #dc291e;
font-family: lenovo-do-medium,Arial,sans-serif;
text-transform: uppercase;
font-size: 1.8em;
}

/*Navigation Bumper Styles ** Small screens and general styles*/
.category-navigation-bumper{width:100%;overflow:hidden; float: left;}
.category-nav-bumper-item-container h1.title{float:left;font-family:'lenovo-do-regular',arial;font-size:1.2em;color:#fff;margin:7% 0 0 1em;text-transform:uppercase;line-height: 1em;width: 45%;word-wrap: break-word;}
.category-nav-bumper-item-container img{max-width:50%;float:right;}
.category-nav-bumper-item-container{border-bottom:1px solid #999;}	
.category-nav-bumper-item-container a{overflow:hidden;display:block;}
.category-nav-bumper-item-container:first-child,.category-nav-bumper-item-container:last-child{
	width:100%;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #5b5b5b 40%, #5b5b5b 60%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(40%,#5b5b5b), color-stop(60%,#5b5b5b), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}

.category-nav-bumper-item-container:nth-child(2){
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(top, #383838 0%, #404040 7%, #515151 15%, #717171 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(7%,#404040), color-stop(15%,#515151), color-stop(100%,#717171)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #383838 0%,#404040 7%,#515151 15%,#717171 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #383838 0%,#404040 7%,#515151 15%,#717171 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #383838 0%,#404040 7%,#515151 15%,#717171 100%); /* IE10+ */
	background: linear-gradient(to bottom, #383838 0%,#404040 7%,#515151 15%,#717171 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#717171',GradientType=0 ); /* IE6-9 */
}

/*Tablet-medium screens*/
@media(min-width:32em){
	.category-nav-bumper-item-container h1.title{font-size:1.6em;}
}

@media(min-width:38em){
	.category-nav-bumper-item-container h1.title{font-size:2em;}
}

@media(min-width:51em){
	html.no-touch .category-nav-bumper-item-container:hover{opacity:.7;}
	.category-nav-bumper-item-container:first-child,
	.category-nav-bumper-item-container:nth-child(2),
	.category-nav-bumper-item-container:last-child{
		position:relative;
		padding:.5em 0;
		border:none;
		float:left;
		width:33%;
		transform: skewX(-12deg);
		-o-transform: skewX(-12deg);
		-moz-transform: skewX(-12deg);
		-webkit-transform: skewX(-12deg);
		overflow:none;
		margin:0 0 0 -1px;
	}
	
	.category-nav-bumper-item-container:first-child:before,
	.category-nav-bumper-item-container:last-child:after{
		content: "";
		width: 3em;
		height: 100%;
		position: absolute;
		top: 0;
		height: 100%;
		content: '';
		background: #333333; /* Old browsers */
		background: -moz-linear-gradient(top, #333333 0%, #5b5b5b 40%, #5b5b5b 60%, #333333 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(40%,#5b5b5b), color-stop(60%,#5b5b5b), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* IE10+ */
		background: linear-gradient(to bottom, #333333 0%,#5b5b5b 40%,#5b5b5b 60%,#333333 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
	}

.category-nav-bumper-item-container:first-child:before{left:-2em;}
.category-nav-bumper-item-container:last-child:after{right:-2.9em;}
.category-nav-bumper-item-container h1.title{
	position:absolute;left:.7em;top:30%;margin:0;font-size:1.2em;
	transform: skewX(12deg);
	-o-transform: skewX(12deg);
	-moz-transform: skewX(12deg);
	-webkit-transform: skewX(12deg);
	}
	
.category-nav-bumper-item-container img{max-width:65%;}
}

/*Wide Screens*/
@media(min-width:60em){
	.category-nav-bumper-item-container h1.title{font-size:1.5em;}
}

@media(min-width:72.5em){
	.category-nav-bumper-item-container h1.title{font-size:1.75em;}
}

@media(min-width:92.5em){
	.category-navigation-bumper{width:92.5em;}
}

/*IE* related fixes*/
.lt-ie9 .pageWrapper.homePage {width: 92.5em;}
.lt-ie9 .hero-media{width:50%;}
.lt-ie9 .hero-media img{max-height:none;}
.lt-ie9 .hero-additional-image {display: block;position:absolute;bottom: 0;right: 0;display: none;width: 48%;}
.lt-ie9 .hero-content {width:46%;padding:2em 0 0 3%;float:right;margin-bottom:1em;text-align:left;}
.lt-ie9 .hero-title {font-size: 3.25em;}
.lt-ie9 .category-nav-bumper-item-container{width:33.3%;float:left;background:#333;}
.lt-ie9 .espot-home-list{right:0;top:0;}
.lt-ie9 .espot-home-list li.ww-banner, .lt-ie9 .espot-home-list li {width: 32%;margin: 0 0.5em;text-align: left;}
.lt-ie9 .category-nav-bumper-item-container img{max-width:50%;}
.lt-ie9 .category-nav-bumper-item-container h1.title{margin:6% 0 0 0 1em;font-size:1.8em;}
.lt-ie9 .category-navigation-item-container{width:33.3%;float:left;}
.lt-ie9 .category-navigation-item-container img{max-width:100%;}
.lt-ie9 .category-navigation-item-container h1.title{width:100%;top:.5em;left:0;width:100%;text-align:center;font-size:2em;}
.lt-ie9 .hero-additional-image{display:block;}
.lt-ie10 .category-nav-bumper-item-container,.lt-ie10 .category-nav-bumper-item-container h1.title{transform:skewX(0deg);}