/* bootstrap overrides
****************************************************************************************/
textarea.form-control {height: 200px;}
.breadcrumb {padding-left: 0; margin: 0; background: none;}
.page-header{margin: 0; padding: 2em 0 1em 0; border-bottom: none; text-transform: uppercase; color: #fff;}
.page-header h1, .page-header .h1 {margin: 0;}
.text-uppercase {text-transform: uppercase;}

/* navbar */
.navbar {margin-bottom: 0;}
.navbar-default {background: transparent; border: none;}
.navbar-nav>li>a {text-transform: uppercase; font-size: 18px;}
.dropdown .open .dropdown-menu a {color: #fff;}

body, .navbar-fixed-top {
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

/* slider */
.carousel-caption {
	background-color: rgba(0,0,0,.67);
	color: #fff; 
	text-shadow: none; 
	border-radius: 6px; 
	padding: 60px 0;
	height: 222px;
	overflow: hidden;
}
.carousel-caption h3, .carousel-caption h3 a {text-transform: uppercase; margin: 0; font-size: 40px;}
.carousel-caption a {color: #fff;}
.carousel-caption .caption {font-size: 30px;}
.carousel-caption {left: 5%; right: 5%;}
.carousel-control {width: 6%; opacity: 1; text-shadow: none;}
.carousel-control.left, .carousel-control.right {background: none; filter: none;}
.carousel-indicators {bottom: 20px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-indicators li {border-color: #fff;}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
	margin-right: -15px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 30px;
}
.carousel-control .glyphicon-menu-right {
	right: 50%;
}

/* callout - not included in base bootstrap */
.bs-callout {
	display: table;
	margin: 2em 0 0 0; 
	padding: 0; 
	border-left: 1px solid #efe6d0; 
	border-top: 1px solid #efe6d0;
	border-bottom: 1px solid #efe6d0;
	border-right: 1px solid #efe6d0;}
.bs-callout h4 {margin-top: 0;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code, .bs-callout .highlight {background-color: #fff;}
.bs-callout-danger {background-color: #fcf2f2; border-color: #d9534f;}
.bs-callout-warning {background-color: #fefbed;	border-color: #f0ad4e;}
.bs-callout-info {background-color: #fff; border-left-color: #efe6d0;}
.bs-callout-text {
	display: table-cell;
  	vertical-align: middle;
	padding: 0 15px;
}
.ico-alert {width: 55px; display: table-cell; vertical-align: middle; border-right: 1px solid #efe6d0; background-color: #EEE4CB;}

.btn {text-transform: uppercase;}

/* bootstrap validator - avoiding adding another http for separate css file.
****************************************************************************************/
.bootstrap-validator-form .help-block{margin-bottom:0}

/* hr line styles
****************************************************************************************/
hr.content {clear: both; border-top: 1px dashed #999; border-bottom: none; border-right: none; border-left: none; height: 1px; padding: 0; margin: 10px 0;}

/* main containers -- note: the tek containers are overridden with layout.css if not in responsive mode.  make your changes in layout.css if that is the case.
------------------------------------------------------------*/
/* the actual image on the body tag is set in header and dynamic depending on the page. */
header {width: 100%;}
header a {color: #000;}
footer {width:100%; text-transform: uppercase; color: #fff;}
footer a {color: #fff; text-decoration: underline;}
footer a:hover {color: #fff; text-decoration: none;}
#tek-wrap-site {/*background-color: rgba(255,248,232,.85);*/
	background: url(../graphics/L_interior_bg_1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	background-attachment: fixed;
}
#tek-wrap-leftrail {border-right: 1px solid #ccc;}
#tek-wrap-centerwell {padding-bottom: 1em; padding-top: 2em;}
#tek-wrap-rightrail {border-left: 1px solid #ccc;}
#tek-wrap-footer-1 {background-color: #3E8DDD; padding: 1em;}
#tek-wrap-footer-2 {background-color: #006699; padding: 1em; font-size: 10px;}
#tek-rr-items, #tek-lr-items {margin: 0;}
ul#tek-rr-items ul, ul#tek-lr-items ul {margin: 0; padding-left: 1.25em;}
#tek-rr-items h4.media-heading {padding-top: 1em;}
#related-assets {padding-top: 1em; padding-bottom: 2em;}
#poweredBy {height: 71px; width: 133px;	float: left;}
#nonmediawarning {width: 400px;}
#logo-container {position: relative;}
#logo-row {background-color: rgba(255,255,255,.87); margin-bottom: 1px; line-height: 37px; height: 64px;}
#nav-row {background-color: rgba(255,255,255,.87);}
#newsroom {padding-top: 13px;}
#newsroom a {text-transform: uppercase; font-size: 3.5625em; color: #000; text-decoration: none;}
#fs-tag {padding-top: 1em; padding-bottom: 1em;}
#breadcrumbs a {color: #fff; font-size: 11px;}
.breadcrumb {padding-bottom: 0; padding-top: 0;}
.breadcrumb>li+li:before {content: "\203A";}

/* list styles
****************************************************************************************/
.sm-list {/*height: 38px;*/ margin-bottom: 0; padding-top: 15px;}
ul.header-tools {list-style-type: none; margin: 2px 0 0 0; padding: 0;}
ul.header-tools li {float: left; padding-right: 5px; line-height: 0;}

/* multimedia nav styles
****************************************************************************************/
#mm_nav {margin-bottom: 2em;}
ul.navbar-mm, ul.navbar-mm-sub, ul.navbar-mm-type {list-style: none; margin: 0; padding: 0;}
.navbar-mm > li, .navbar-mm-sub > li, .navbar-mm-type > li {float: left; text-transform: uppercase; font-size: 18px; line-height: 42px; text-align: center;}
.navbar-mm > li {min-width: 190px;}
.navbar-mm > li,
.navbar-mm-type > li {border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.navbar-mm > li.first,
.navbar-mm-type > li.first {border-left: none;}
.navbar-mm > li>a,
.navbar-mm-sub > li>a,
.navbar-mm-type > li>a {color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
.navbar-mm > li>a:hover,
.navbar-mm-type > li>a:hover,{background: transparent;}
.navbar-mm-type > li.inactive {background: #6F7170 !important;}

.navbar-mm > li > a:hover,
.navbar-mm > li > a:focus,
.navbar-mm-sub > li > a:hover,
.navbar-mm-sub > li > a:focus,
.navbar-mm-type > li > a:hover,
.navbar-mm-type > li > a:focus {
  text-decoration: none;
  background: none;
}

#submenu {margin-bottom:20px;}
#submenu ul {width: 100%; height: 42px;}
#submenu ul li {border: none; min-width: 50px;}
#submenu ul li.pipe {width: 5px; color: #fff;}
#submenu ul li.first {border-left: none; padding-left: 15px;}
.collapsing {display:none;}

/* mobile multimedia nav */
#mm_cat_nav_mobile {width: 100%;}
#mm_nav_mobile .nav>li>a:hover, 
#mm_nav_mobile .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#mm_nav_mobile .navbar-default .navbar-nav>.open>a
	{background-color: transparent !important;}
#mm_nav_mobile .nav>li>a {color: #fff !important;}
#mm_nav_mobile .dropdown-menu>li>a {color: #fff !important;}

/* full story templates
****************************************************************************************/
#template_featured_mm .caption a, #template_rel_posts a {color: #333;}
#template_rel_posts .rel-date {font-size: 14px;}
#temp4-right {padding-left: 1em; padding-right: 1em;}
article h3, #related-assets h4, #temp3-right h4, #temp4-right h4 {text-transform: uppercase; padding-bottom: 0; margin: 0;}

/* full story templates - template 1
****************************************************************************************/
.temp-1-featured-img-lg {width: 65%; max-width: 615px; margin-right: 1em; margin-bottom: 1em; border: 1px solid #F9F3E2;}
.temp-1-featured-img-lg .caption {background-color: #F9F3E2; font-size: .85em; padding: 5px 10px;}

/* full story templates - template 2
****************************************************************************************/
.temp-2-featured-img-lg {margin-bottom: 1em; border: 1px solid #F9F3E2;}
.temp-2-featured-img-lg .caption {background-color: #F9F3E2; font-size: .85em; padding: 5px 10px;}

/* comments styles
****************************************************************************************/
.comments_username {color: #888; font-weight: bold;}
.comments_date {color: #888; font-weight: normal; font-size: 10px;}
.comments_text {font-weight: normal;}
	
/* tag cloud styles: 
NOTE: you may want to make same changes to maint\newsroom_maint.css
****************************************************************************************/
.tag_cloud_smallest, a.tag_cloud_smallest, a.tag_cloud_smallest:link, a.tag_cloud_smallest:visited {font-weight: normal; font-size: 12px; line-height: 14px;}
.tag_cloud_small, a.tag_cloud_small, a.tag_cloud_small:link, a.tag_cloud_small:visited {font-weight: normal; font-size: 16px; line-height: 18px;}
.tag_cloud_medium, a.tag_cloud_medium, a.tag_cloud_medium:link, a.tag_cloud_medium:visited {font-weight: normal; font-size: 18px; line-height: 20px;}
.tag_cloud_large, a.tag_cloud_large, a.tag_cloud_large:link, a.tag_cloud_large:visited {font-weight: normal; font-size: 22px; line-height: 24px;}
.tag_cloud_largest, a.tag_cloud_largest, a.tag_cloud_largest:link, a.tag_cloud_largest:visited {font-weight: normal; font-size: 26px; line-height: 28px;}

/* section tree styles
****************************************************************************************/
.mSectionTree {line-height: 12px;}
.mSectionTree table {margin: 0; padding: 0;}
.mSectionTree td {margin: 0; padding: 0; vertical-align: top;}
.mout {background-color: #ffffff; width: 100%; padding: 0px; font-family: Tahoma, Verdana; font-size: 11px;}
.mover {background-color: #eeeeee; width: 100%; font-weight: bold; padding: 0px; font-family: Tahoma, Verdana; font-size: 11px;}
.mdisabled0, a.mdisabled0:link, a.mdisabled0:active, a.mdisabled0:visited, a.mdisabled0:hover {color: #999999; background-color: #ffffff; text-decoration: none; width: 100%; padding: 0px; font-family: Tahoma, Verdana; font-size: 11px;}
.mdisabled1 {text-decoration: none;}
.mtblbase {background-color: #fff;color: #000000; font-family: Tahoma, Verdana; font-size: 11px; margin: 0; padding: 0;}
.mExpandBlock {background: none;}
.mExpand {background: none; text-decoration:none; color:#0000aa;}

/* link styles
****************************************************************************************/
.pagination {float: right; margin: 12px 0; padding: 0 3px 0 0;}
.morelinks, a.morelinks , a.morelinks:visited, .taglinks, a.taglinks, a.taglinks:visited, .editlinks, a.editlinks, a.editlinks:visited, .relatedlinks, a.relatedlinks, a.relatedlinks:visited, .pagenavlinks, a.pagenavlinks, a.pagenavlinks:visited {}
a.morelinks:hover, a.taglinks:hover, a.editlinks:hover, a.relatedlinks:hover, a.pagenavlinks:hover, a.smallfont:hover {}
.pagenavlinks, a.pagenavlinks {padding-top: 2em;}

/* misc
****************************************************************************************/
h1 {text-transform: uppercase;}
h4.media-heading a {font-size: 45px; color: #333;}
.body-popup {background-color: #fff; padding: 10px;}
.rail-fb *, .rail-twitter * {width: 100% !important;} /*makes responsive width*/
.recaptchatable {line-height: 14px;}/*anything higher than 16px causes gaps in the layout.*/
.nowrap {white-space: nowrap;}
.spacer {height: 15px;}
.underscore {text-decoration: underline;}
.fo_select, .fo_select td {margin: 0; padding: 0;}
.spacer5 {clear: both; height: 5px;}
.spacer10 {clear: both; height: 10px;}
.spacer15 {clear: both; height: 15px;}
.spacer25 {clear: both; height: 25px;}
.spacer1em {clear: both; height: 1em;}
.spacer2em {clear: both; height: 2em;}
.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-15 {padding: 15px;}
.pad-20 {padding: 20px;}
.pad-25 {padding: 25px;}
.pad-1em {padding: 1em;}
.pad-2em {padding: 2em;}
.pad-right5 {padding-right: 5px;}
.pad-right10 {padding-right: 10px;}
.pad-right15 {padding-right: 15px;}
.pad-right20 {padding-right: 20px;}
.pad-right25 {padding-right: 25px;}
.pad-right1em {padding-right: 1em;}
.pad-right2em {padding-right: 2em;}
.pad-left5 {padding-left: 5px;}
.pad-left10 {padding-left: 10px;}
.pad-left15 {padding-left: 15px;}
.pad-left20 {padding-left: 20px;}
.pad-left25 {padding-left: 25px;}
.pad-left45 {padding-left: 45px;}
.pad-left1em {padding-left: 1em;}
.pad-left2em {padding-left: 2em;}
.pad-top5 {padding-top: 5px;}
.pad-top10 {padding-top: 10px;}
.pad-top15 {padding-top: 15px;}
.pad-top20 {padding-top: 20px;}
.pad-top25 {padding-top: 25px;}
.pad-top1em {padding-top: 1em;}
.pad-top2em {padding-top: 2em;}
.pad-bottom5 {padding-bottom: 5px;}
.pad-bottom10 {padding-bottom: 10px;}
.pad-bottom15 {padding-bottom: 15px;}
.pad-bottom20 {padding-bottom: 20px;}
.pad-bottom25 {padding-bottom: 25px;}
.pad-bottom1em {padding-bottom: 1em;}
.pad-bottom2em {padding-bottom: 2em;}
.warning {color: #ff0000; font-weight: bold;}
.tek-thumbnail-left {float: left !important; margin-right: 1em;}
.tek-thumbnail-right {float: right !important; margin-left: 1em;}
.tan-box {display: inline-block; padding: 0; margin-top: 10px; background-color: #E8E2CC;}
.cat-tags {color: #fff; text-transform: uppercase; padding: 5px 20px; margin-bottom: 15px; display: inline-block;}
.cat-tags a {color: #fff;}
.tape {color: #fff; text-transform: uppercase; text-align: center; line-height: 64px;}
.tape h2 {margin: 0; line-height: 64px !important; font-size: 36px;}
.pr-box {background-color: #fff; padding: 1.43em 1.43em 0 1.43em; margin-bottom: 1em;}
.row-eq-height {overflow: hidden;}
.col-eq-height {margin-bottom: -99999px; padding-bottom: 99999px;}
.plus::after {content: " +";}
.sm-share {min-width: 58px;}
.sm-share a {font-size: 14px !important; color:#333;}

/* lenovo colors */
.lenovo_red {background-color: #E2231A;}
.lenovo_orange {background-color: #FF6A00;}
.lenovo_pink {background-color: #E96BAF;}
.lenovo_sapphire {background-color: #3E8DDD;}
.lenovo_blue {background-color: #4AC0E0;}
.lenovo_green {background-color: #6ABF4A;}
.lenovo_gray_dk {background-color: #6F7170;}
.lenovo_gray_med {background-color: #C4BEB6;}
.lenovo_gray_lt {background-color: #D9D8D6;}
.lenovo_gray_lt2 {background-color: #F2F2F2;}
.lenovo_white {background-color: #FFF;}
.lenovo_cream {background-color: #FFF8E8;}

/* classes for tigra form validator */
.inputHighlighted {color: red;}
.inputNormal {color: black;}

/* content detail display based styles (ie: article display, press kit display, etc.)
****************************************************************************************/
.outlet, .author, .author-box {font-style:italic; color: #919191;}
.author-box {margin-bottom: 1em;}
.author-box img {padding-right: 10px; width: 100px; max-height: 100px; overflow: hidden;}
.abstract {}
.tek-caption {font-size: .85em;}
.subtitle {text-transform: uppercase;}
.rel-date, .bio-title {}
.disclaimer {
	margin: 0 0 10px 0;
	font-style:italic;
	font-size: 0.9em;
}
.contacts {margin-top: 10px;}
.headshot {padding-right: 5px; display: block; float: left;}

#content-details {overflow: auto;}
#content-details img {margin: 5px;}
#comments, #tags {margin: 0 0 1em 0;}

/* carousel styles
****************************************************************************************/
#tek-carousel {margin-top: -50px; margin-bottom: 40px;}
/* jQuery Cycle */
/* NOTE: if you are having issues with your carousel showing all pieces of content for a brief second when the page loads,
you can fix this by specifying an exact height on the data-cycle-auto-height element and set overflow: hidden on tek-carousel container; */
.cycle-pager {text-align: center; width: 100%; z-index: 500; overflow: hidden; margin-top: 10px;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #5B9CC8;}
.cycle-pager > * { cursor: pointer;}
.cycle-slideshow-img-left {padding: 0 10px 10px 0;}
.cycle-slideshow-img-right {padding: 0 0 10px 10px;}

/* Bootstrap */
.carousel-inner .item img {width: 100%;}
/* this little piece of code forces the */
div.new_html_code {
	width:85%;
	height:250px;
	min-width:150px;
	min-height:250px;
	max-width:200px;
	max-height:250px;
	overflow:hidden;
	display:block;
 }
 

/* related media carousel styles
****************************************************************************************/
#mmCarousel .item img {max-height: 312px; overflow: hidden;}
#mmCarouselThumbs .item img {max-height: 77px; overflow: hidden;}
#mmCarouselThumbs a {display: block;}
#mmCarouselThumbs .carousel-control .glyphicon-menu-left, #mmCarouselThumbs .carousel-control .glyphicon-menu-right {font-size: 15px;}
#mmCarousel .carousel-control .glyphicon-menu-right, #mmCarouselThumbs .carousel-control .glyphicon-menu-right {right: 100%;}

.tek-index-mm-box {background-color:#eee; border: 1px solid #ccc;}
.tek-index-mm-box.video {} /*special properties for video*/
.tek-index-mm-box.audio {} /*special properties for audio*/
.tek-index-mm-box.image {} /*special properties for image*/

/* home page social media
****************************************************************************************/
.sm-tab {float: left; background-color: #c4beb6; height: 58px; width: 25%; padding: 13px 0 10px 0; text-align: center; color: #fff; border-left: 1px solid #fff;}
.sm-tab.first {border-left: none;}
.sm-tab:hover, .sm-tab.active {background-color: #6F7170;}
.stackla {/*max-height: 1000px; overflow: auto;*/ margin-bottom: 100px;}
.hide-stackla {display: none;}

/* media gallery popup
****************************************************************************************/
.media_gallery {
	margin: 10px;
	padding: 10px;
	width: 740px;
	border: #ccc solid 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000; 
}
.media_gallery img { padding-right: 10px;}

/************* icons ********************/
.ico-sm {height: 16px; width: 16px; display: block;}
.ico-med {height: 24px; width: 24px; display: block;}
.ico-lg {height: 32px; width: 32px; display: block;}

/* types */
.ico-rss {background: url(../graphics/sm_icons/feed-16x16.png) no-repeat;}

/* actions */
.ico-create-print-sm {display: block; width: 21px; height: 20px; background: url(../graphics/icons/icon-print-16px.png) no-repeat;}
.ico-create-pdf-sm {width: 21px; height: 20px; background: url(../graphics/icons/icon-pdf-16px.png) no-repeat;}
.ico-create-rtf-sm {width: 21px; height: 20px; background: url(../graphics/icons/icon-word-16px.png) no-repeat;}
.ico-create-pdf-med {background: url(../graphics/icons/icon-pdf-24px.png) no-repeat;}
.ico-create-rtf-med {background: url(../graphics/icons/icon-word-24px.png) no-repeat;}
.ico-create-pdf-lg {background: url(../graphics/icons/icon-pdf-32px.png) no-repeat;}
.ico-create-rtf-lg {background: url(../graphics/icons/icon-word-32px.png) no-repeat;}
.ico-dl-sm {background: url(../graphics/icons/icon-dl-16px.png) no-repeat;}
.ico-dl-med {background: url(../graphics/icons/icon-dl-24px.png) no-repeat;}
.ico-dl-lg {background: url(../graphics/icons/icon-dl-32px.png) no-repeat;}
.ico-login {width: 28px; height: 28px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -370px 0;}
.ico-search {width: 28px; height: 28px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -402px 0;}
.ico-register {width: 28px; height: 28px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -433px 0;}
.ico-email-alerts {width: 28px; height: 28px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -433px 0;}
.ico-video {width: 14px; height: 15px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -370px -45px;}
.ico-share-white {width: 16px; height: 11px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -395px -45px;}
.ico-share-black {width: 16px; height: 11px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -69px -83px;}
.ico-image {width: 18px; height: 15px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -426px -45px;}

/* sm icons - black */
.ico-facebook {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -69px 0;}
.ico-twitter {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -112px 0;}
.ico-googleplus {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -155px 0;}
.ico-youtube {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -198px 0;}
.ico-pinterest {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -241px 0;}
.ico-flickr {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -284px 0;}
.ico-feed {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -327px 0;}
.ico-instagram {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -112px -83px;}
.ico-linkedin {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -284px -83px;}

/* sm icons - white */
.ico-facebook-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -69px -45px;}
.ico-twitter-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -112px -45px;}
.ico-googleplus-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -155px -45px;}
.ico-youtube-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -198px -45px;}
.ico-pinterest-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -241px -45px;}
.ico-flickr-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -284px -45px;}
.ico-feed-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -327px -45px;}
.ico-instagram-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -155px -83px;}
.ico-linkedin-wh {width: 43px; height: 38px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat -327px -83px;}

/* logos */
.ico-tek {height: 67px; width: 127px; display: block; padding: 0; margin: 0; background: url(../graphics/tek-logo.png) no-repeat;}

/* misc */
.btn-search {border: none; height: 40px; width: 39px; /*padding: 0; margin: 0;*/ background: url(../graphics/L_articleSearch_icon.jpg) no-repeat;}
.btn-search {border-color: #E2231A; outline-color: #E2231A;}

/* make youtube and other iframes responsive */
.resp-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.resp-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* thumbnails
****************************************************************************************/
/* make thumbnails all a consistent size regardless of dimensions */
.ratio-4-3, .ratio-1-1, .ratio-3-1, .ratio-2-1 {
  width:100%;
  position:relative;
  background:url() 50% 50% no-repeat;
  background-size:cover;
  background-clip:content-box;
}
.ratio-1-1:before {
    display:block;
    content:"";
    padding-top:100%;
}
.ratio-4-3:before {
    display:block;
    content:"";
    padding-top:75%;
}
.ratio-2-1:before {
    display:block;
    content:"";
    padding-top:50%;
}
.ratio-3-1:before {
    display:block;
    content:"";
    padding-top:30%;
}

div.thumb-wrapper {
    position:relative; /* important(so we can absolutely position the description div */
}
div.thumb-desc {
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	background-color:rgba(0,0,0,.67);
	color: #fff;
	/* opacity:0.67; transparency */
	/*filter:alpha(opacity=67); /* IE transparency */
	padding:10px;
	margin:0px;
}
div.thumb-desc div.rel-date {color: #fff; font-size: 11px;}
h3.thumb-desc-content {margin:0 !important;}
h3.thumb-desc-content a, .thumb-desc a {color: #fff;}
div.thumb-desc div.thumb-dl-icons {font-size: 14px;}

/* media queries
****************************************************************************************/
/* small devices */
@media (max-width: 767px) {
	body {padding-top: 200px;}
	.navbar-fixed-top {background-image: url(/content/1119/images/headers/L_hdr_presskits_page.jpg) !important;}
	#tek-wrap-centerwell{padding-left: 1.25em; padding-right: 1.25em;}
	#logo-small {position: absolute; top: 0; left: 0; width: 65px; height: 50px; background: url(../graphics/Lenovo_logo_L.jpg) no-repeat 0 0;}/*different from other declaration below (left)*/
	#newsroom a {font-size: 26px; padding-left: 70px;}
	.navbar-collapse {z-index: 5; padding-right: 0; padding-left: 0;}
	.navbar-toggle {margin-top: 15px; background-color: #E2231A; border-radius: 6px;}
	.navbar-toggle .icon-bar {height: 3px;}
	#nav-row .container {padding-left: 0; padding-right: 0;}
	.container>.navbar-collapse {margin-right: 0;}
	#nav-row .navbar-nav>li{border-top: 1px solid #989898;}
	#nav-row .navbar-nav>li>a {background-color: #6F7170; color: #fff; text-align: center;}
	#nav-row .dropdown-menu li {background-color: #fff;}
	#nav-row li.dropdown.open {background-color: #fff !important;}
	.navbar-nav {margin-left: 0; margin-right: 0;}
	#nav-row {height: 40px;}
	ul.header-tools {margin-top: 7px;}
	ul.header-tools li {padding-right: 15px;}
	h1, .h1 {font-size: 24px;}
	.pad-left45 {padding-left: 0;;}
	#nav-tools {position: absolute;}
	.tape h2 {font-size: 22px;}
	.breadcrumb {line-height: 1;}
	.carousel-caption h3, .carousel-caption h3 a {font-size: 20px;}
	.carousel-caption .caption {font-size: 14px;}
	.tan-box {width: 100%;}
	h4.media-heading a {font-size: 28px;}
	.tan-box-inputs {padding-top: 10px; padding-bottom: 10px;}
	.page-header {padding-top: 1em;}
	#breadcrumbs {max-height: 32px; overflow: hidden;}
}

/* medium and large devices */
@media (min-width: 768px) {
	body {padding-top: 200px;}
	.navbar-fixed-top {height: 200px;}
	.tan-box-inputs {padding-right: 0;}
}

/* medium and large devices */
@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-nav>li>a {font-size: 12px; padding: 5px 8px;}
	#logo-small {position: absolute; top: 0; left: -15px; width: 65px; height: 50px; background: url(../graphics/Lenovo_logo_L.jpg) no-repeat 0 0;}
	#newsroom a {font-size: 38px; padding-left: 50px;}
}

@media (max-width: 1199px) {
	
}

/* large devices */
@media (min-width: 1200px) {
	body {padding-top: 200px;}
	#tek-wrap-centerwell{min-height: 550px;}
	#logo-desktop {position: absolute; top: 0; left: -65px; z-index: 1000; width: 65px; height: 200px; display: inline-block; background: url(../graphics/lenovo_sprite.png) no-repeat 0 0;}
}