main.content { padding:0; background:#f4f4f4; }
main.content figure { position:relative; overflow:hidden; margin:0; }
figure img { display: block; max-width:100%; }
figure figcaption { position: absolute; padding: 2em; }
figure figcaption *, figure figcaption *:visited { color:#fff; }

section.banner .c12 .level1 { margin: 0; }

nav.drawer a:visited:hover { color:#c00 } /* Visited nav links hover in red */

a.more-arrow { background: url(http://www.ti.com/corp/docs/csr/images/dbl_chevron_teal.png) no-repeat 100% 60%; padding: 0 19px 0 0; }

p.caption {font-size:.85em; color:#bababa !important}


/* HIDE ANCHOR BARS in IE */
.banner .c12.cEnd .stack.level1 {display:none\0/IE8+9}


/* DOWNLOADS BOX (UNDER SIDE NAV) */
.downloadBox { margin: 2rem; padding: 2em; background:#f4f4f4; border:1px solid #CCCCCC; margin:2em\0/IE8+9; }
.downloadBoxList li { line-height: 1.6em; }
.downloadBox .title { color: #000000; font-size: 1.4em; font-weight: 500; padding-bottom:0.2em; }
nav.drawer .downloadBox li { border-top:none;}
nav.drawer .downloadBox li a { color:#189}
nav.drawer .downloadBox li a:hover { color:#c00; text-decoration:none;}


/* INNOVATION NEWS */
main.content .whiteBorder {
	border: 1px solid #ccc; 
	background-color:#FFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    margin-top: 2.1em;
}
#newsStories { margin:0 1.4em }
main.content section#newsStories figure figcaption {
    background-color: rgba(45, 51, 52, .5);
    padding: 1.2em 1.8em;
    position: static;
}
main.content section#newsStories figure figcaption p { min-height:4.5em; font-size:1.2em; font-weight:600; margin-bottom:0; overflow:hidden }
main.content section.banner.banner { overflow: hidden; }


/* TAB SELECTORS FOR TECHINNV PRODUCTS PANEL */
main.content section.banner#showHideButtons { background: url(../images/20610_products.jpg) no-repeat; background-size: 100% auto; background-color: #fff }
main.content section.banner#showHideButtons figcaption { position: static }

#showHideButtons .c12.cEnd .bannerText .row {margin-bottom:0; padding-bottom:0} /* client-requested spacing fix */

#showHideButtons h1 { color:#333 }
#showHideButtons * { color:#555 }
#showHideButtons a * { color:#189 }
#showHideButtons a:hover * { color:#c00 }
#showHideButtons p.intro { max-width:none }

/*refine positions of shared images*/
#productTabContainer #analog img { max-width:50% } 
#productTabContainer #embedded img { max-width:40% }
#productTabContainer #dlpColumn img { max-width:100%; margin-top:-1.5em} 
#productTabContainer #edTechColumn img { max-width:90% }

/*align text to shared image content, increase padding between columns*/
#productTabContainer #analog p, #productTabContainer #analog h2 { margin-left:8% } 
#productTabContainer #embedded p, #productTabContainer #embedded h2 { margin-left:8% }
#productTabContainer #dlpColumn p, #productTabContainer #dlpColumn h2 { margin-left:8% } 
#productTabContainer #edTechColumn p, #productTabContainer #edTechColumn h2 { margin-left:0 }

#productTabButtons div.circle { font-size:.9em; font-weight:600; width:10em; height:10em; padding:1em 1.1em 0 1.1em /* affects image size & text wrap */; text-align: center; line-height:1.3em; margin-bottom:1em; 
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0 2px 3px -1px #aaa }

#productTabButtons div#otherButton.circle img { margin-left: auto; margin-right: auto; /*horz center*/ }
#productTabButtons div.circle#analogButton { padding-top:2em; /*vert align*/}
#productTabButtons div.circle#embeddedButton { padding-top:1.2em; }
#productTabButtons div.circle#otherButton { padding-top:.8em; } 
#productTabButtons div.circle#otherButton img { max-width:85% } 

#productTabButtons a 			div.circle { background: #f2f2f2; color: #189; cursor: pointer; }
#productTabButtons a:visited 	div.circle { color:#189; }
#productTabButtons a.active 	div.circle { background: #ffffff; }
#productTabButtons a:hover		div.circle { background: #ffffff;color:#c00; text-decoration:underline; overflow:hidden}
#productTabButtons a.active 	div.circle { cursor: inherit; }
#productTabButtons a:hover:visited div.circle { color: #c00; }



/* MEDIA BOX/SWITCHER RESPONSIVE */
.mediaBoxContainer {
	float:left;
	width:100%;
	padding: 5%;
}
.mediaBox-news, .mediaBox-images, .mediaBox-videos {
	float:left;
	width:80%;
	background-color: #fff;
 	border-bottom: 1px solid #dcdcde;
    border-left: 1px solid #dcdcde;
    border-top: 1px solid #dcdcde;
	height:192px; overflow:hidden
	}
.mediaBox-news { padding:1.6em; }
.mediaBox-news a.more-arrow {background-image:none;}
.mediaBox-images { padding:1.6em 0 0 0; padding:1em 0 0 0\0/IE8+9;}
.mediaBox-videos { padding:1.6em 0 0 1.6em; overflow:auto}

.photosContainer {margin:0; }
.photosContainer .photo { float:left; max-width:28%; height:140px; margin-left:5.3%; }
.photosContainer .photo img {height:auto; max-height:9em; max-width:100%; }
.photosContainer .photoDescription { float:left;  }
.photosContainer .photoDescription p { width:100% !important; max-width:100% }
.mediaBoxButtons.photos.active { border-bottom: 1px solid  #dcdcde; }

.mediaBoxButtons div { cursor:pointer; }
.mediaBoxButtons {
    float: left;
    border-bottom: 1px solid #dcdcde;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #dcdcde;
    background: none repeat scroll 0 0 #F4F4F4; 
	display:block;
	white-space:nowrap; 
	width:20%;
    height: 64px;
	padding: 1.6em 0 0 1em;
}
.mediaBoxButtons span { min-width:10em; 
	display:block; white-space:nowrap; 
	background: url("http://www.ti.com/corp/docs/company/images/ctaArrow.svg") no-repeat 100% 3px ;
		background-image:url(http://www.ti.com/corp/docs/company/images/ctaArrow.svg)\0/IE8+9;
		background-repeat:no-repeat\0/IE8+9;
		background-position:100px 2px\0/IE8+9;
}
.mediaBoxButtons.news {
	border-top: 1px solid #dcdcde;
}
.mediaBoxButtons.active {
	background:#FFFFFF;
	border-bottom:1px solid #dcdcde;
	border-left: 1px solid #FFFFFF;
}
.mediaBoxButtons.photos.active {
	border-bottom: 1px solid #dcdcde;
}
.mediaBoxButtons div:hover { color:#CC0000;}
.mediaBoxContainer a:hover.mediaBoxButtons span { color:#cc0000;  text-decoration:none !important }
/*hide buttons for media tabs temporarily   */
.mediaBoxButtons.videos, .mediaBoxButtons.photos { display:none; }
/* MEDIA BOX/GOES AT THE END */
.off { display:none; }
.clear { clear:both; }

/* align buttons flush-left when they stack*/
p.buttonstack { float:left; margin-bottom: 1em; margin-right: 1em; }

/*Default text box positioning at 1280x960*/
section.banner figcaption { top:5%; left:5%; width:40%; }

/*Customize text box positioning at 1280x960*/
section.banner figcaption p { max-width:100%; }
section.banner#ticorp figcaption { top:52%; left:5%; width:90%; }
section.banner#titechinnov figcaption { top:11%; left:45%; width:50%; }
section.banner#tivalues figcaption { top:12%; left:5%; width:35%; }
section.banner#timission figcaption { top:22%; left:5%; width:33%; }
section.banner#tistrategy figcaption { top:16%; left:55%; width:40%; }
section.banner#tipeople figcaption { top:61%; left:5%; width:90%; }
section.banner#tihistory figcaption { top:35%; left:5%; width:55%; }
/*products tabbed panel*/section.banner#showHideButtons figcaption { top:0; left:0; width:100%; }
section.banner#tiinnovation figcaption { top:20%; left:50%; width:45%; }
section.banner#timarkets figcaption { top:30%; left:50%; width:45%; }
section.banner#timanuf figcaption { top:10%; left:5%; width:45%; }
section.banner#ticapacity figcaption { top:10%; left:5%; width:45%; }
section.banner#tiflexibility figcaption { top:48%; left:5%;width:70%;  }
section.banner#tiprocess figcaption { top:15%; left:5%; width:35%; }
section.banner#tiquality figcaption { top:12%; left:55%; width:40%; }
section.banner#ticoreval figcaption { top:5%; left:5%; width:45%; }

/*section.banner#tiethicscond figcaption {top: 40%; left: 5%; width: 90%;}*/
section.banner#tiethicscond figcaption {top: auto;left: 5%;width: 90%; bottom:7%; height:auto}
section.banner#tidivincl figcaption {top: 50%; left: 5% ;width: 50%;}
section.banner#tidivinc2 figcaption {top: 41%; left: 10%; width: 80%;}

section.banner#ticsr figcaption { top:48%; left:5%; width:55%; }
section.banner#tistemed figcaption { top:46%; left:41%; width:55%; }
section.banner#tiinnovnewspg figcaption { top:20%; left:60%; width:35%; }
section.banner#tihistpg figcaption { top:40%; left:5%; width:52%; }
section.banner#decade30s figcaption { top:8%; left:55%; width:40%; }
section.banner#decade40s figcaption { top:55%; left:50%; width:45%; }
section.banner#decade50s figcaption { top:5%; left:5%; width:40%; }
section.banner#decade60s figcaption { top:8%; left:5%; width:35%; }
section.banner#decade70s figcaption { top:45%; left:55%; width:40%; }
section.banner#decade80s figcaption { top:5%; left:5%; width:40%; }
section.banner#decade90s figcaption { top:40%; left:5%; width:45%; }
section.banner#decade2000s figcaption { top:7%; left:5%; width:45%; }
section.banner#decade2010s figcaption { top:23%; left:40%; width:55%; }
section.banner#decadetoday figcaption { top:52%; left:5%; width:36%; }

section.banner#compliance figcaption {top: 35%;left: 5%;width: 90%;}
section.banner#corruption figcaption {top: 55%;left: 5%;width: 90%;}

section.banner#tiventures figcaption {top: 55%;left: 5%;width: 60%; }
section.banner#abouttiventures figcaption {top: 45%; left: 35%; width: 60%;}
section.banner#tiventuresubmit figcaption {width: 55%; top: 20%;}
section.banner#tiventuresubmit figcaption input,
section.banner#tiventuresubmit figcaption select { background-color: transparent;border: 1px solid #fff;}
section.banner#whatlookingfor figcaption {top:5%; width: 90%; }
section.banner#tiventures_contact figcaption {top: 10%;width: 55%; }



/* MEDIA QUERIES */

/* all mobile */
@media screen {
#showHideButtons p.intro {font-size:1.1em;}
}

/* Large desktop */
@media screen and (min-width: 1281px) {
main.content section#newsStories figure figcaption p { min-height:3.5em; margin-bottom:0 }
/*Customize text box positioning  ************************ NOT DONE **************************** */
section.banner#ticorp figcaption { top:65%; left:5%; width:90%; }
section.banner#tivalues figcaption { width:30%; }
section.banner#timission figcaption { top:33%; left:5%; width:33%; }
section.banner#tistrategy figcaption { top:35%; left:55%; width:40%; }
section.banner#tipeople figcaption { top:68%; left:5%; width:90%; }
section.banner#tihistory figcaption { top:45%; left:5%; width:55%; }
/*products tabbed panel*/section.banner#showHideButtons figcaption { top:0; left:0; width:100%; }
section.banner#tiinnovation figcaption { top:40%; left:50%; width:45%; }
section.banner#timarkets figcaption { top:40%; left:60%; width:35%; }
section.banner#timanuf figcaption, 
section.banner#ticapacity figcaption { top:10%; left:5%; width:45%; }
section.banner#tiflexibility figcaption { top:47%; left:5%;width:73%;  }
section.banner#tiprocess figcaption { top:15%; left:5%; width:35%; }
section.banner#tiquality figcaption { top:12%; left:55%; width:40%; }
section.banner#ticoreval figcaption { top:5%; left:5%; width:45%; }
/*section.banner#tiethicscond figcaption { top:65%; left:5%; width:90%; }*/
section.banner#tidivincl figcaption { top:68%; left:5%; width:70%; }
section.banner#tidivinc2 figcaption { top:41%; left:5%; width:80%; }
section.banner#ticsr figcaption { top:65%; left:5%; width:55%; }
section.banner#tistemed figcaption { top:46%; left:41%; width:55%; }
section.banner#tiinnovnewspg figcaption { top:20%; left:60%; width:35%; }
section.banner#tihistpg figcaption { top:40%; left:5%; width:52%; }
section.banner#decade30s figcaption { top:8%; left:55%; width:40%; }
section.banner#decade40s figcaption { top:65%; left:50%; width:45%; }
section.banner#decade50s figcaption { top:5%; left:5%; width:40%; }
section.banner#decade60s figcaption { top:8%; left:5%; width:35%; }
section.banner#decade70s figcaption { top:65%; left:55%; width:40%; }
section.banner#decade80s figcaption { top:5%; left:5%; width:40%; }
section.banner#decade90s figcaption { top:60%; left:5%; width:35%; }
section.banner#decade2000s figcaption { top:7%; left:5%; width:45%; }
section.banner#decade2010s figcaption { top:48%; left:40%; width:55%; }
section.banner#decadetoday figcaption { top:58%; left:5%; width:36%; }

section.banner#compliance figcaption {top: 55%;left: 5%;width: 90%;}
section.banner#corruption figcaption {top: 65%;left: 5%;width: 90%;}

section#tiventures.banner figcaption {left: 5%;top: 65%;width: 45%;}
section.banner#abouttiventures figcaption {left: 50%; top: 50%; width: 45%;}
section.banner#whatlookingfor figcaption {top:15%; width: 65%; }


}

/*#tiethicscond .collapsible.expanded { min-height:300px }*/
/* iPad horz */
@media screen and (max-width: 1024px) {
main.content section#newsStories figure figcaption p { min-height:6em; margin-right:0 }
.downloadBox { margin: 1rem; padding: 1em; }
main.content section.banner figcaption {padding: 1.5em	}
.button { white-space:normal } /* important for corp due to long buttons - does not work in IE */
/* tweak col widths */
#showHideButtons .c2 { max-width:15%; float:left !important}
#showHideButtons .c10 { max-width:85%; float:left !important}
/* adjust button dimensions */
#productTabButtons div.circle { width:9em; height:9em }
#productTabButtons div.circle { padding:.8em .8em 0 .8em /* affects image size & text wrap */; line-height:1.1em }
#productTabButtons div#embeddedButton.circle { padding-top: .8em;}
#productTabButtons div#otherButton.circle { padding-top: .5em;}
/*Customize text box positioning */
section.banner figcaption { padding-top:1em !important; padding-bottom:1em !important; }
section.banner#ticorp figcaption { top:51%; }
section.banner#titechinnov figcaption { top:7%; }
section.banner#tivalues figcaption { top:6%; }
section.banner#tistrategy figcaption { top:7%;}
section.banner#tipeople figcaption { top:61%; }
section.banner#tihistory figcaption { top:30%; width:65%; }
section.banner#timarkets figcaption { top:25%; left:55%; width:40%; }
section.banner#timanuf figcaption, 
section.banner#ticapacity figcaption { top:15%; width:43% }
section.banner#tiflexibility figcaption { top:43%;  }
section.banner#tiprocess figcaption { top:12%; width:45%; }
section.banner#tiquality figcaption { top:8%; left:47%; width:48%; }
section.banner#ticoreval figcaption { top:3%;  }
/*section.banner#tiethicscond figcaption {top: 35%;left: 5%;width: 90%;}*/
section.banner#tidivincl figcaption { top:51%; left:5%; width:70%; }
section.banner#ticsr figcaption { top:54%; left:5%; width:70%; }
section.banner#tistemed figcaption { top:7%; left:60%; width:35%; padding-right:1em; white-space:normal }
section.banner#tiinnovnewspg figcaption { top:20%; left:60%; width:35%; }
section.banner#tihistpg figcaption { top:35%; left:5%; width:53%; }
section.banner#decade30s figcaption { top:5%; left:48%; width:47%; }
section.banner#decade40s figcaption { top:56%; left:45%; width:50%; }
section.banner#decade50s figcaption { width:50%; }
section.banner#decade60s figcaption { width:45%; }
section.banner#decade70s figcaption { top:45%; left:55%; width:40%; }
section.banner#decade80s figcaption { top:5%; left:5%; width:40%; }
section.banner#decade90s figcaption { top:56%; left:5%; width:90%; }
section.banner#decade2000s figcaption { top:15%; left:5%; width:40%; }
section.banner#decade2010s figcaption { top:10%; left:40%; width:55%; }
section.banner#decadetoday figcaption { top:45%; left:5%; width:36%; }

section.banner#compliance figcaption {top: 25%;left: 5%;width: 90%;}
section.banner#corruption figcaption {top: 50%;left: 5%;width: 90%;}
}


/* grid standard */
@media screen and (max-width: 968px) {
#showHideButtons .c2 { max-width:20%; float:left !important}
#showHideButtons .c10 { max-width:80%; float:left !important}
/* adjust button dimensions */
#productTabButtons div.circle { width:8.5em; height:8.5em }
#productTabButtons div.circle { padding:.8em .6em 0 .6em /* affects image size & text wrap */; line-height:1.2em }
/* reposition button images */
#productTabButtons div.circle#analogButton { padding-top:1.5em; }
#productTabButtons div.circle#embeddedButton { padding-top:.5em; }
#productTabButtons div.circle#otherButton { padding-top:0; }
.downloadBox { margin: 1rem;margin:2em\0/IE8+9; padding: 1em; font-size:1.1em }
/* hide media box on smallest mobile devices */
.mediaBoxContainer .mediaBoxButtons span { background:none} /*removed .mobile so desktop responds too*/ 
/*Customize text box positioning */
section.banner#tivalues figcaption { top:3%; padding-right:.5em }
/*word-wrap long buttons in mobile --*/ .button {white-space: normal !important;}
}

/* iPad vert */
@media screen and (max-width: 768px) {
main.content figure figcaption { position: relative; padding: 1em; left: 0 !important; width: 100% !important; background: #333333; }
section.banner .cEnd { margin-bottom:0; }

/* tweak col widths */
#showHideButtons .c2 { max-width:20%; float:left !important}
#showHideButtons .c10 { max-width:80%; float:left !important}
#productTabButtons div#otherButton.circle { padding-top: .45em;}
/*Customize text box positioning */
section.banner#tivalues figcaption { padding-right:1em }
section.banner .bannerText { background-color: rgba(45, 51, 52, 0.6) !important;}/* for text boxes when repositioned under photos */ /*removed .mobile so desktop responds too*/ 
/* hide media box on smallest mobile devices*/
.mediaBoxContainer {padding: 1em;}
/* align buttons flush-left when they stack*/
.button + .button { margin-left: 0; margin-right: 1em; }
}

/* iPhone6 horz */
@media screen and (max-width: 640px) {
main.content section figure figcaption p {  }
main.content section#newsStories figure figcaption p { min-height:1.6em; font-size:1.4em }
/*refine positions of shared images*/
#productTabContainer #dlpColumn img { max-width:40% } 
#productTabContainer #edTechColumn img { max-width:40% }
/*align text to shared image content, increase padding between columns*/
#productTabContainer #analog p, #productTabContainer #analog h2 { margin-left:8%; max-width:90% } 
#productTabContainer #embedded p, #productTabContainer #embedded h2 { margin-left:8%; max-width:90% }
#productTabContainer #dlpColumn p, #productTabContainer #dlpColumn h2 { margin-left:8%; max-width:90% } 
#productTabContainer #dlpColumn img { margin-left:4% ; margin-top:-1em} 
#productTabContainer #edTechColumn { margin-left:8%; max-width:90% }
/*align text to shared image content, increase padding between columns*/
#productTabContainer { margin-left:-8% /*  */ }
}

/* iPhone horz */
@media screen and (max-width: 480px) {
#productTabButtons div.circle img { display:none; }
/*refine positions of shared images*/
#productTabContainer #embedded img { max-width:50% } 
#productTabContainer #dlpColumn img { max-width:50% } 
#productTabContainer #edTechColumn img { max-width:50% }
#productTabButtons div.circle { width:7em; height:7em; float:left !important; margin-right:1.2em; padding:2.2em .8em 0 .8em !important /* affects image size & text wrap */; }
#productTabButtons div#otherButton.circle { margin-right:0;  padding:1.5em .8em 0 .8em !important }
/* adjust media box button dimensions smallest devices*/
.mediaBox-news, .mediaBox-images, .mediaBox-videos {width:70%;height:240px } /*removed .mobile so desktop responds too*/ 
.mediaBoxContainer .mediaBoxButtons { width:30%;height:80px} /*removed .mobile so desktop responds too*/ 
.mediaBoxButtons { padding-top:2.4em; }
}

@media screen and (max-width: 400px) {
#productTabContainer .productTabContent#analog,
#productTabContainer .productTabContent#embedded, 
#productTabContainer .productTabContent#otherTItech { padding-left:1em } 
/* hide media box on smallest mobile devices*/
.mediaBoxContainer .mediaBoxButtons {display:none} /*removed .mobile so desktop responds too*/ 
.mediaBox-news, .mediaBox-images, .mediaBox-videos {width:100%; border-right:1px solid #ebebeb;} /*removed .mobile so desktop responds too*/ 
}


/* iPhone vert */
@media screen and (max-width: 320px) {
#showHideButtons .c2 { max-width:100%; float:none !important}
#showHideButtons .c10 { max-width:100%; float:none !important}
/* adjust button dimensions */
#productTabButtons { min-height:7em /* to ensure whole circle is clickable */; margin-bottom:-1em }
/*refine positions of shared images*/
#productTabContainer #analog img, #productTabContainer #embedded img { max-width:90% }
#productTabContainer #dlpColumn img { max-width:70%; margin-top:0 } 
#productTabContainer #edTechColumn img { max-width:70% }
}
/* ensure named anchors work in IE8 */

<!--[if IE 8 ]>

a[name] { display:inline-block; }

<![endif]-->