/*	==========================================================================
	Base styles: opinionated defaults
	========================================================================== */

body {
	margin:0;
	color:#444;
	background:none;
	/*font-family:Tahoma, Geneva, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif, SimSun, Gulim, 'Arial Unicode MS';*/
	font-family:Geneva, Tahoma, SimSun, Gulim, 'Arial Unicode MS', sans-serif;
	font-size:90%;
}
a,address,b,br,center,dd,div,dt,header,footer,form,h1,h2,h3,h4,h5,i,img,label,li,object,ol,option,p,small,span,strong,table,td,th,tr {
	margin:0;
	padding:0;
	border-collapse:collapse;
	outline:none !important;
}
address {
	margin-top:2%;
	line-height:175%;
}
ul {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
a,
a.nochange:hover { color:#444; }
a:hover {
	color:#f22;
	text-decoration:none;
}
dt {
	margin-top:2%;
	font-size:105%;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
dd { margin-top:1%; }
embed { width:100%; }	/* Embed PDF */
h1, h2, h3, h4, h5, strong { font-weight:700 !important; }
h1 {
	margin-bottom:1%;
	font-size:150%;
	line-height:150%;
	border-bottom:1px solid #ddd;
}
h2 {
	margin:20px 0 10px 0;
	font-size:120%;
	line-height:135%;
	border-bottom:1px solid #ddd;
}
h3	{
	margin:20px 0 10px 0;
	font-size:120%;	/*20180605 request from TAC for footer.*/
}
h4	{
	margin:10px 0 5px 0;
	/*font-family:Verdana, Geneva, sans-serif; 20151215 commented.*/
}
hr {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	border-top:1px solid #ddd;
}
iframe {
	width:100%;
	margin:0;
	padding:0;
	border:none;
}
img {
	max-width:100%;
	height:auto;
	width:auto\9;  /* IE 7,8,& 9 */
	max-width:none\9;
}
input { outline:none; }

/* 20150520 remove spin button from type=number. */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

label { display:inline-block; }
p {
	margin:10px 0 0 0;
	padding:0;
}
small {
	display:inline-block;
	font-weight:bold;
}
sub,sup	{ font-size:95% !important; }
table	{ width:100%; }
ul,ol	{ padding:1% 0 2% 5%; }

/*	==========================================================================
	Common Class
	========================================================================== */

.no_border			{ border:none !important; }
/*.no_shadow		{ box-shadow:none !important; }*/
.no_line			{ text-decoration:none; }
.no_txt				{ text-indent:-9999px; }
/*.bold				{ font-weight:bold !important; }*/
.border				{ border:1px dotted red; }
.border_grey		{ border:1px solid #ddd; }	/* #eee */
.underline_dot_grey	{ border-bottom:1px dotted #CCC; }
.overbar_dot_grey	{ border-top:1px dotted #CCC; }
.display_block		{ display:block; }
.display_none		{ display:none !important; }
.break_all			{ word-break:break-all; }

.flush { clear:both; }
.flush_top {
	width:100%;
	margin-top:20px;
	clear:both;
	float:left;
}
.flush_btm {
	margin-bottom:20px;
	clear:both;
	float:left;
}
.half { width:50% !important; }
.indent { padding-left:10px !important; }
.padding_r { padding-right:15px; }
.reset_size {
	width:auto !important;
	height:auto !important;
}
.reset_float	{ float:none !important; }
.float_l	{ float:left !important; }
.float_r	{ float:right !important; }
.txt_l	{ text-align:left !important; }
.txt_r	{ text-align:right !important; }
.cntr	{ text-align:center !important; }
.small	{ font-size:90%; }
.grey	{ color:#888; }
.orange	{ color:orange; }
.required	{ color:#f30; }
.tomato		{ color:tomato; }
.color_linkedin	{ color:#4498c8; }
.color_twitter	{ color:#2ca8d2; }
.bg_grey	{ background:#ddd; }	/*#E3E4FA*/
.bg_yellow	{ background:#ffe; }
.bg_white	{ background:#fff; }
.transition_duration div {
	/*transition: all .3s;*/
	transition-duration:.5s;
}
.transparent:hover {
	/*	The previous name ".opacity" caused bug through some responsive js file.
		It affeced to the whole site.*/
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}
.width_max,
.width_max object	{ width:100% !important; }
.txtarea_height 	{ height:80px; }
.largetext {
	text-transform:uppercase;
	font-size:120%;
	font-weight:400;
	/*color:#000;*/
}
.underline			{ text-decoration:underline; }
	/*.tlvflash object	{ max-width:100%; }*/
ul.none	{ list-style-type:none; }
.pic_frame_l,
.pic_frame_r,
.pic_frame {
	width:250px;	/*default*/
	padding:5px;
	background:#fff;
	text-align:center;
	border:1px solid #ccc;
}
.pic_frame_l {
	margin:1% 5% 3% 0;
	float:left;
}
.pic_frame_r {
	margin:1% 0 3% 5%;
	float:right;
}
.pic_frame		{ margin:3% 0; }
.pic_frame p	{ float:none; }
.desc {
	width:96% !important;
	padding:2%;
	background-color:#eee;
	font-size:90%;
	text-align:center;
	display:block;
	clear:both;
}
.box_shadow { border:1px solid #ccc; }
.box_shadow:hover {
	border:1px solid #999;
	/*box-shadow:0px 0px 5px 0px #ccc;*/
}
.box_wrap {
	padding:2%;
	text-align:center;
	display:block;
}
.triple-box,
.quad-box {	/* 20151217 quad-box is created. */
	width:31%;
	margin:0 1% 1% 0;
	line-height:100%;
	text-align:center;
	float:left;
}
.quad-box { width:23%; }

.triple-box a,
.quad-box a {
	width:90%;
	height:45px;
	padding:65px 5% 0;
	font-size:88%;
	text-decoration:none;
	display:block;
}
.quarter-img {	/*.quarter-box,*/
	width:23%;
	margin:0 1% 1% 0;
	line-height:100%;
	text-align:center;
	float:left;
}
.hyperlink_pdf,
.reference a[href$=".pdf"] {
	padding-left:20px;
	background:url('/global/product_v2/img/pdficon_12.gif') 0 3px no-repeat;
}
.external_link,
.reference a[href$=".html"] {
	padding-left:20px;
	background:url('/global/images/icons/link.jpg') 2px 3px no-repeat;
}
.icon_info {
	padding:10px 10px 10px 35px;
	background:url('/global/images/icons/information.gif') 10px center no-repeat #E3E4FA;
}
.icon_favorite {
	padding:10px;
	background:url('/global/images/icons/favorites.gif') 10px 14px no-repeat #ffc;
	text-indent:20px;
}
.new-annotation {	/* 20150629 */
	padding-left:1%;
	vertical-align:baseline !important;
	display:inline !important;
}

/* YouTube */
#player {
	width:100%;	/*560px;*/
	height:315px;
	border:10px solid #1b1b1b;
	box-sizing: border-box;
}

/*	==========================================================================
	Common - Blockquote
	========================================================================== */

blockquote {
	margin:3% 0;
	padding:0 50px;
	background:
		url('/global/images/icons/quoleft.png') left top no-repeat,
		url('/global/images/icons/quoright.png') right bottom no-repeat;
	font-family:georgia, serif;
	font-size:125%;
}
blockquote.desc {
	max-width:80%;
	margin:0;
	padding:5% 10%;
	background-color:#eee !important;
	background:
		url('/global/images/icons/quoleft-gray.gif') left top no-repeat,
		url('/global/images/icons/quoright-gray.gif') right bottom no-repeat;
}

/*	==========================================================================
	Common - Buttons
	========================================================================== */

/* UK Button */
.uk-btn {
	width:100%;
	margin:0;
	clear:both;
	float:left;
}
.uk-btn a {
	width:95%;
	height:30px;
	margin:10px auto;
	color:#ff0;
	font-size:110%;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #f00;
	display:block;
	background-image:-moz-linear-gradient(top,#fc0,#f50);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fc0),to(#f50),color-stop(1,#f50));
	background-color:#f70;

	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	-khtml-border-radius:22px;
	border-radius:22px;
}
.uk-btn a:hover {
	color:#ff0;
	background-image:-moz-linear-gradient(top,#fa0,#f30);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fa0),to(#f30),color-stop(1,#f30));
	background-color:#f50;
}
.btmLink,
.btmLink-pdf {
	width:200px;
	height:30px;
	margin:5px auto 0 auto;
	text-align:center;
	overflow:hidden;
}
.btmLink a,
.btmLink-pdf a {
	width:200px;
	height:30px;
	padding:6px 0 0 0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #fff;
	background:url('/global/images/bg/btn.png') no-repeat;
	display:block;
}
.btmLink-pdf a { background:url('/global/images/bg/btn-pdf.png') no-repeat; }
.btmLink a:hover,
.btmLink-pdf a:hover { background-position:0 -30px; }

/* Alphabet button */
.orangeBtn_on a,
.orangeBtn_off {
	width:16%;			/* width:6%; width:46px; */
	margin:0 3% 3% 0;	/* margin:0 1% 1% 0; */
	padding:2% 0;		/* padding:1% 0; */
	text-align:center;
	display:inline-block;
	border-radius:3px;
	float:left;
}
.orangeBtn_on a {
	background:#fc6;
	background:-moz-linear-gradient(top, #fff, #fc6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fc6));
	text-decoration:none;
	border:1px solid #f90;
}
.orangeBtn_off {
	background:#eee;
	color:#888;
	border:1px solid #ddd;
}

/* PDF button */
a.orangeBtn_on {
	margin:2% 0;
	padding:2% 0;
	text-align:center;
	border-radius:3px;
	background:url('/global/images/icons/ic_pdf_orange.png'),-moz-linear-gradient(top, #fff, #fc6);
	background:url('/global/images/icons/ic_pdf_orange.png'),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fc6));
	background:#fc6\9;
	background-image:url('/global/images/icons/ic_pdf_orange.png')\9;
	background-position:2% center;
	background-repeat:no-repeat;
	text-decoration:none;
	border:1px solid #f90;
	display:block;
}
a.orangeBtn_on:hover {
	background:#f90;
	background:url('/global/images/icons/ic_pdf_orange.png'),-moz-linear-gradient(top, #fff, #f90);
	background:url('/global/images/icons/ic_pdf_orange.png'),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f90));
	background-position:2% center;
	background-repeat:no-repeat;
}
a.orangeBtn_noicon {
	background:-moz-linear-gradient(top, #fff, #fc6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fc6));
	background:#fc6\9 !important;
}
.orangeBtn_on a:hover,
a.orangeBtn_noicon:hover {
	background:#f90;
	background:-moz-linear-gradient(top, #fff, #f90);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f90));
}
div.orangeBtn_off {
	width:100%;
	margin:2% 0;
	border-radius:3px;
	display:block;
	float:none;
}

/* Button Tomato */
.btn_base {
	margin:0 auto 5% auto;
	float:none;
	clear:both;
}
.btn_base a {
	margin:0 auto;
	padding:2% 0;
	font-size:115%;
	font-weight:bold;
	line-height:135%;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
	display:block;
}
.btn_base.tomato a {
	color:#fff;
	text-shadow:0 -1px 1px red;
	border:1px solid tomato;
	background:#ff9947;
	background-image:-moz-linear-gradient(top,#ff9947,tomato);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#ff9947),to(tomato),color-stop(1,tomato));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9947', endColorstr='tomato', GradientType=0);
}
.btn_base.tomato a:hover {
	color:#fff;
	background:tomato;
}
.btn_base.ice a {	/*20170213*/
	color:#005091;
	border:1px solid #005091;
	background:#fff;
	background-image:-moz-linear-gradient(top,#fff,#a0bee1);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#a0bee1),color-stop(1,#a0bee1));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#a0bee1', GradientType=0);
}
.btn_base.ice a:hover {
	background:#005091;
	color:#fff;
}

/*	==========================================================================
	Common - Organic Tabs
	========================================================================== */

#example-two .list-wrap		{ background:#eee; }
#example-two ul				{ list-style:none; }
#example-two ul li a		{ display:block; }
#example-two ul li a:hover	{ background:#666 !important; }
#example-two .nav {
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
}
#example-two .nav li {
	width:50%;
	width:49%\9;
	margin:0;
	padding:0;
	float:left;
}
#example-two .nav li.last { margin-right:0; }
#example-two .nav li a {
	padding:5px;
	background:#999;
	color:white;
	text-align:center;
	text-decoration:none;
	display:block;
	border:none;
}
#example-two li a.current,
#example-two li a.current:hover {
	background:#eee !important;
	color:#444;
	text-decoration:none;
}
#example-two .nav li a:hover,
#example-two .nav li a:focus { background:#999; }
.list-wrap ul {
	margin:0;
	padding:0;
}
.list-wrap li {
	margin:0 !important;
	padding:10px 0 0 0;
	text-align:center;
	overflow:hidden;
}

/*	==========================================================================
	Common - Table
	========================================================================== */

.general {
	background-color:#fff;
	border:1px solid #ddd;
}
.general th {
	padding:1% 2%;
	background-color:#eee;
	font-size:90%;
	font-weight:400;
	letter-spacing:2px;
	border:1px solid #ddd;
}
.general td {
	padding:1% 2%;
	text-align:center;
	vertical-align:middle;	/* top */
	border:1px solid #ddd;
}
.general .title { background-color:#ffc; }

/*	==========================================================================
	Common - Banner
	========================================================================== */

.body_banner a h2 {
	margin:0;
	border:none;
}
.body_banner a {
	width:960px;
	height:60px;
	padding:0 10px 0 100px;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
	vertical-align: middle;
	display:table-cell;
	border:1px solid #ddd;
	border-bottom:none;
}
.body_banner {
	background: -moz-linear-gradient(top, #fff 0%, #aaa 100%);		/* Mozilla Firefox */
	background: -webkit-linear-gradient(top, #fff 0%, #aaa 100%);	/* Webkit (Chrome 11+) */
	background: linear-gradient(to bottom, #fff 0%, #aaa 100%);		/* W3C Markup, IE10 Release Preview */
}
.body_banner:hover {
	background-image: -moz-linear-gradient(top, #fff 0%, #999 100%);	/* Mozilla Firefox */
	background-image: -webkit-linear-gradient(top, #fff 0%, #999 100%);	/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #fff 0%, #999 100%);	/* W3C Markup, IE10 Release Preview */
}
.body_banner .banner_toolbox { background:url('/global/images/icons/100x80_toolbox.png') 0 -11px no-repeat; }
.body_banner .banner_mailmag { background:url('/global/images/icons/100x80_mailmag.png') 0 center no-repeat;}

.index-banner {
	width:100%;
	height:250px;
	margin:0 0 1% 0;
	background-position:right !important;
	background-repeat:no-repeat !important;
	display:table;
	overflow:hidden;
	#position:relative;
}
.index-banner div {
	padding-left:5%;
	display:table-cell;
	vertical-align:middle;
	#position:absolute;
	#top:50%;
}
.index-banner div span {
	#position:relative;
	#top:-50%;
}
.index-banner h1,
.index-banner h2,
.index-banner h4 {
	width:50%;
	margin:0;
	border:none;
}

/*	==========================================================================
	404, Splash
	========================================================================== */

.splash {
	/*background:#eee;
	font-family:Century Gothic, CenturyGothic, AppleGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif, SimSun, Gulim, 'Arial Unicode MS';*/
	padding:5%;
	height:auto;	/*avoid scroll bar causing padding*/
	background:url('/global/images/bg/hq-w1920.jpg') center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color:#008fd1;	/*0192D3*/
}
.splash section {
	max-width:650px;
	margin:0 auto;
	padding:4% 3% 3% 4%;	/*35px 30px 10px 35px*/
	overflow:auto;
	background-color:rgba(255,255,255,0.93);
}
.splash h1	{
	padding-top:50px;
	background:url('/global/images/logo/tlv-logo-w100.png') center 0 no-repeat;	/*tlv_120.jpg*/
	font-size:150%;
	color:#0074D2;
	border:none;
}
.splash h2 {	/* 404 */
	margin:0;
	font-size:300%;
	color:#008fd1;	/*#0074D2*/
}
.splash h3 {
	margin:0;
	font-size:125%;
	font-weight:lighter !important;
}
.splash ul {
	margin-top:3%;
	padding:0;
	font-size:110%;
	list-style:none;
}
.splash li a {
	width:49%;
	margin:0 1% 1% 0;
	padding:1% 0;
	background:#ddd;
	text-decoration:none;
	display:inline-flex;
	flex-direction:column;
	float:left;
	transition: all .3s;
}
.splash li a:hover {
	background:#008fd1;	/*#0074d2	#80bae8*/
	color:#fff;
}

/*	==========================================================================
	Header
	========================================================================== */

.offline_warning {
	width:100%;
	padding:3px 0 2px 0;
	background-color:#fcc;
	color:#f33;
	line-height:150%;
	text-align:center;
	float:left;
}
#wrap { padding:10px 20px; }

header {
	width:100%;
	min-height:65px;
	float:left;
}
.header_l {
	width:400px;
	height:60px;
	float:left;
}
.header_r {
	width:200px;
	float:right;
}
.header_r select {
	width:200px;
	float:right;
}
.header_r .srch {
	width:200px;
	margin-top:5px;
	float:right;
}
.header_r .txt_search {
	width:43%;
	margin-right:4px;
	float:left;
}
.crumb {
	width:98%;
	padding:5px 10px;
	color:#666;
	font-size:75%;
	line-height:150%;
	float:left;
	clear:both;
}
.crumb a { color:#999; }
.crumb a:hover { text-decoration:none; }

/*	==========================================================================
	Nav
	========================================================================== */

nav {
	width:100%;
	float:left;
}
/* selectnav */
.selectnav { display: none; }
.hide { display:none !important; }

/*	==========================================================================
	Sidebar
	========================================================================== */

.sidebar_l	{
	width:31% !important;
	width:30%\9;
	padding-right:1%;
}
.sidebar_r	{ width:68% !important; }
#sb_mailmag	{
	/*margin-top:10px;*/
	background-color:#ffe;
	border:1px solid #ddd;
}
#sb_mailmag h2	{ margin:0; }	/*0 0 1% 0*/
#sb_mailmag a {
	padding:15px;	/*10px*/
	/*background:url('/global/images/bg/letter-w100.png') 95% 130% no-repeat;*/
	text-decoration:none;
	display:block;
}
.sideBanner {
	height:60px;
	/*margin-bottom:2%;*/
	background-color:#ddd;
	font-size:13px;
	text-shadow: 1px 1px 1px #fff;
	border:1px solid #ddd;
	overflow:hidden;
}
.sideBanner a {
	height:47px;
	padding:11px 15px 3px 54px;
	text-decoration:none;
	display:block;
}
.sideBanner a:hover	{ background-position:0 -60px !important; }	/* theme.php getNextSeries() */

.sideBanner150h div	{ margin:7px 0 0 13px; }
.sideBanner150h a	{ height:130px; }
.sideBanner200h a	{ height:180px; }
.sideBanner150h a,
.sideBanner200h a {
	width:auto;
	/*margin-bottom:2%;*/
	padding:10px;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
	display:block;
	border:1px solid #ddd;
}
.sideBanner150h a h2,
.sideBanner200h a h2 {
	margin:0;
	border:none;
}
.metal-title,
.sideBanner150h,
.sideBanner200h {
	background: -moz-linear-gradient(top, #fff 0%, #aaa 100%);		/* Mozilla Firefox */
	background: -webkit-linear-gradient(top, #fff 0%, #aaa 100%);	/* Webkit (Chrome 11+) */
	background: linear-gradient(to bottom, #fff 0%, #aaa 100%);		/* W3C Markup, IE10 Release Preview */
}
.metal-title:hover,
.sideBanner150h:hover,
.sideBanner200h:hover {
	background-image: -moz-linear-gradient(top, #fff 0%, #999 100%);	/* Mozilla Firefox */
	background-image: -webkit-linear-gradient(top, #fff 0%, #999 100%);	/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #fff 0%, #999 100%);	/* W3C Markup, IE10 Release Preview */
}
.metal-title		{ background-color:#ccc; }
.metal-title:hover	{ background-color:#ddd; }
.metal-title a {
	width:960px;
	height:50px;
	padding:0 5%;	/* 0 44% 0 5%*/
	text-decoration:none;
	vertical-align: middle;
	display:table-cell;
	border:1px solid #ddd;
	border-bottom:none;
}
.banner_cospect			{ background:url('/global/images/banners/side-cospect-responsive.jpg') no-repeat; }
.banner_cospect:hover	{ background-position:0 -200px; }
.banner_hammer			{
	background:url('/global/images/banners/side-hammer.jpg') no-repeat;
	color:white;
	text-shadow:none !important;
}
.banner_hammer:hover	{ background-position:0 -200px; }
.banner_powerdyne		{
	height:auto !important;
	padding:0 !important;
}
.banner_powerdyne h2	{ display:none; }
.banner_powerdyne img	{ width:100%\9; }
.banner_sq				{ background:url('/global/images/banners/side-sq.jpg') no-repeat; }
.banner_sq:hover		{ background-position:0 -200px; }
.banner_toolbox			{ background:url('/global/images/banners/side-toolbox-responsive.png') no-repeat; }

.box_grey {
	padding:15px 0 5px 15px;
	background:#ddd;
}
.box_grey ul {
	margin-top:0;
	padding:0 0 15px 0;
	list-style:none;
}
.level1 {
	 padding:5px 5px 5px 15px !important;
	 border-top:1px solid #fff !important;
	 border-bottom:1px solid #ccc !important;
	 background-color:#bae1ff !important;	/*#cce9ff*/
 }

/*	==========================================================================
	Global Index: Responsive Slides
	========================================================================== */

.rslides_container { position: relative; }
.rslides_container .prev,
.rslides_container .next {
	width:50px;
	top:0;
	bottom:0;
	left:0;
	background:url('/global/images/icons/rslides-arrow-l.png') no-repeat left 50%;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
.rslides_container .next {
	left:auto;
	right:0;
	background:url('/global/images/icons/rslides-arrow-r.png') no-repeat left 50%;
}
.rslides_container a:hover { background-position:-50px 50%; }
.rslides_nav { outline: none !important; }

/*	==========================================================================
	Global Index
	========================================================================== */

.newsList {
	margin:0;
	padding:4px 0;
	color:#f22;
	border-bottom:1px dotted #CCC;
}
a.rss-icon {	/* RSS icon for Global index */
	width:22px;
	height:22px;
	background:url('/global/images/icons/rss_16px.gif') 0 6px no-repeat;
	text-indent:-9999px;
	display:block;
	float:left;
}
.rss-icon a {	/* RSS icon for News index */
	padding-left:20px;
	background:url('/global/images/icons/rss_16px.gif') 0 center no-repeat;
}
.icon_animation	{ background:url('/global/images/icons/100x60_animation.png')		110% 2px no-repeat; }
.icon_archive	{ background:url('/global/images/icons/100x60_archived.png')		110% 7px no-repeat; }
.icon_doc		{ background:url('/global/images/icons/100x60_pdfs.png')			110% 5px no-repeat; }
.icon_solution	{ background:url('/global/images/icons/100x60_solutions.png')		110% 5px no-repeat; }
.icon_success	{ background:url('/global/images/icons/100x60_greencheck.png')		110% 5px no-repeat; }
.icon_system	{ background:url('/global/images/icons/100x60_system-product.png')	100% 0 no-repeat; }
.icon_srch_arr	{
	background:url('/global/images/icons/arr-down_7x6_333.png') 10px center no-repeat;
	padding:0 5% 0 25px !important;
}
.index-docsearch {
	padding:5px 0 10px 0;
	clear:left;
}
.index-docsearch input { width:40%; }

.flex_box {	/*20160603*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	align-items:center;	/* 20181127: It makes inside contents centered vertically. */
}

.sb_mailmag-index,
.index-btm-mid,
.mq-banner {
	width:31%;
	border:5px solid #ddd;
}
.sb_mailmag-index a,
.index-btm-mid a,
.mq-banner a {
	height:155px;	/*Set the height for German*/
	padding:3% 5%;
}
.index-btm-mid a {
	background:url('/global/images/bg/bg-index-ec.png') 50% 50% no-repeat;
	text-decoration:none;
	text-align:center;
	display:block;
}
.sb_mailmag-index a:hover,
.index-btm-mid a:hover,
.mq-banner a:hover { opacity:0.7; }

.sb_mailmag-index h2,
.mq-banner h2 {
	margin:0;
	border:none;
}
.index-btm-mid h2 {
	padding-top:95px;
	font-size:105%;
	border:none;
}
.sb_mailmag-index a {
	background:url('/global/images/bg/letter-w100.png') 90% 90% no-repeat;
	background-color:#ffd;
}
.mq-banner a {
	background:url('/global/images/bg/bg-asme.png') 100% 100% no-repeat;
	background-color:#fff;
}
.sb_mailmag-index a,
.mq-banner a {
	text-decoration:none;
	display:block;
}

/*	==========================================================================
	search.html
	========================================================================== */

#os_search label		{ width:auto; }
#os_search label select	{
	width:auto;
	float:none;
}
#os_pagination {
	margin:0 !important;
	display:flex;
	display:-webkit-flex;	/* iOS Safari */
	-webkit-flex-wrap:wrap;	/* iOS Safari */
}
#os_pagin1,
#os_pagin3 {
	margin:0 !important;
	flex:1;
}
#os_pagin2 {
	margin:0 !important;
	padding:0 5%;
	flex:2;
}

/*	==========================================================================
	Archived Documents
	========================================================================== */

.archive_title1	{ width:30%; }
.archive_title2	{ width:70%; }
.archive_btn {
	padding:2%;
	display:flex;
}
.archive_btn .orangeBtn_on,
.archive_btn .orangeBtn_off {
	margin:0 2%;
	padding:5px 0;
	flex:1;
}

/*	==========================================================================
	Article
	========================================================================== */

article {
	width:100%;
	margin-top:10px;
	float:left;
}
.wrap_box {
	padding:20px;
	border:1px solid #ddd;
}
.wrap_box h2	{ margin-top:0; }
.wrap_box label { margin-bottom:5px; }
.wrap_box .detail {
	background:url('/global/images/icons/link.jpg') 0 4px no-repeat;
	color:#06b;
	text-indent:18px;
	float:right;
}
.wrap_box .detail:hover { text-decoration:none; }

.col_wrap {
	width:100%;
	padding-bottom:2%;
	float:left;
}
.col_l {
	width:48%;
	clear:both;
	float:left;
}
.col_r {
	width:48%;
	float:right;
}
.col_l span,
.col_r span {
	display:inline;	/* 20150706 Forms. Use .mid-column for Product Solutions. */
	vertical-align:middle;
}
.col_70	{ width:68% !important; }
.col_30	{ width:30% !important; }
.col_70 h2,
.col_30 h2 {
	padding:0 0 3px;
	border-bottom:3px solid #eee;
}
.col_80		{ width:78% !important; }
.col_20		{ width:20% !important; }
.col_60		{ width:58% !important; }
.col_40		{ width:40% !important; }

/*	==========================================================================
	CAD 3D	20181022
	========================================================================== */

.cad3d_col {
	padding-top:1%;
	text-align:left;
}
.cad3d_col .orangeBtn_on {
	width:47%;
	margin:0 0 2% 1%;
	display:inline-flex;
	flex-direction:column;
}

/*	==========================================================================
	Contact Us
	========================================================================== */

#map {
	width:100%;
	height:400px;
	margin:10px 0 0 0;
}
#map img { max-width:none; }	/* 20150216: reset max-width for GMap icon. */
.gpoint { margin:10px 0 0 0; }
.gpoint div {
	width:25%;
	padding:0 0 0 35px;
	height:40px;
	float:left;
}
.associateAddress {
	width:96%;
	margin-top:5px;
	padding:2%;
	background:#eee;
	border:1px dotted #CCC;
	float:left;
}
.associateAddress h2 {
	margin:0;
	color:#999;
	float:right;
}
.associateAddress h4 {
	height:28px;
	margin:0;
}
.phoneFax {
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
}
.phoneFax li {
	margin:0 20px 0 0;
	padding:0 0 0 20px;
	display:inline;
}
.associateAddress .icon {
	width:100%;
	margin-top:5px;
	padding-top:5px;
	border-top:1px dotted #ccc;
	float:left;
}
.associateAddress .icon div {
	margin:0 10px 0 0;
	float:left;
}
.associateAddress .icon a {
	width:30px;
	display:block;
}
.icon_www {
	background:url('/global/images/icons/www.gif') 0 0 no-repeat;
	padding-left:25px;
}
.icon_map {
	background:url('/global/images/icons/map.gif') 0 0 no-repeat;
	padding-left:25px;
}
.associateAddress .icon_www { background-position:0 center; }
.findDistributor {
	margin:10px 0 0 0;
	background:url('/global/images/icons/link.jpg') 0 4px no-repeat;
	padding:0 0 0 16px;
}
.check {
	width:auto;
	margin:5px 0 0 5px;
}
.radio {
	width:auto;
	margin-right:5px;
	float:none;
}
.col_title,
.col_l label,
.col_r label {
	width:100%;
	margin-bottom:7px;
	float:left\9;
}
.col_l span,
.col_r span {
	width:100%;
	width:auto\9;
	float:left\9;
}
label input,
label textarea {
	width:50%;
	float:right;
}
label select {
	width:51%;
	float:right;
}
.submit {	/* button */
	padding:10px;
	font-size:125%;
}
.submit_error {
	margin:1% auto;
	padding:1% 2%;
	color:#fff;
	background:#f55;
}
#gd_string { width:146px; }
.form-annotation {
	min-width:100%;
	font-size:85%;
}
select#industry :disabled { color:#f30; }	/* except IE8 and earlier */

.pardot_form_contact {
	height:2050px;
	padding:0;
}
.pardot_form_quote {
	height:2650px;
	padding:0;
}
.pardot_form_mailmag {
	height:1100px;
	padding:0;
}
.pardot_form_contact iframe,
.pardot_form_quote iframe,
.pardot_form_mailmag iframe {
	width:100%;
	height:100%;
	/*border:0;*/
}


/*	==========================================================================
	Corporate Profile since 20140611
	========================================================================== */

.co-title {
	margin-bottom:0;
	border:none;
}
.co-title a,
.co-title a:visited {
	color:#069;
	text-decoration:none;
}
.co-title a:hover { text-decoration:underline; }

.feature {
	padding:3%;
	background:#eee;
	border:1px solid #ccc;
}
.feature img { margin:0 0 2% 2%; }

.feature h3,
.feature h4 { margin:0; }

/*	==========================================================================
	/documentation/
	========================================================================== */

#typePAM,
#typeSDS,
#typeMAN { margin:5% 0; }

.doc_search hr		{ margin:3% 0; }
.doc_search input	{ width:auto; }

/*	==========================================================================
	Engineering Calculator
	========================================================================== */

.stindex_calc {
	margin:0 0 2% 0;
	border:1px solid #ddd;
}
.calc_inside		{ padding:2% 1%; }
.stindex_calc h3	{
	margin:0;
	padding:1% 2%;
	background-color:#cdeaff;
}
.stindex_calc h3 a {
	margin:0;
	padding:0;
}
.stindex_calc h4 {
	margin:0 1%;
	padding:1% 2%;
	background-color:#EEF7FB;
}
.iframe_se1	{
	height:2550px;
	margin-top:10px;
}	/* 12130 is the highest length page. */

/*	==========================================================================
	FAQ 20150212
	========================================================================== */

.faq h2,
.answer h2	{ padding:1% 2%; }
.faq h2		{ background-color:#cce9ff; }
.answer h2	{ background-color:#FFE8E8; }
.faq p,
.answer p	{ padding:0 0 0 20px; }
.faq p		{ background:url('/global/images/icons/q.jpg') 0 5px no-repeat; }
.answer p	{ background:url('/global/images/icons/a.jpg') 0 5px no-repeat; }
.answer p.title {
	background:url('/global/images/icons/q.jpg') 0 5px no-repeat;
	font-weight:bold;
	border-bottom:1px dotted #777;
}

/*	==========================================================================
	/mobile/ section 20150217
	========================================================================== */

.mobile_phone {		/* div for iPhone image */
	width:270px;
	height:510px;
	margin:20px auto 0 auto;
}
.mobile_slides {	/* div for iPhone slide image */
	width:221px;
	height:379px;
	margin:70px 0 0 23px;
	float:left;
}
.mobile_title h1 {
	min-height:72px;
	padding:8px 0 0 90px;
	background:url("/global/images/mobile/tlv-toolbox-icon.png") no-repeat;
	font-size:250%;
}
.mobile_title h2 { margin-top:0; }
.mobile_btm_grey {
	width:94%;
	padding:3%;
	background-color:#eee;
}
.mobile_btm_grey h3 { margin-top:0; }

/*	==========================================================================
	News 20150219
	========================================================================== */

.prv_video { border:5px solid #1b1b1b; }
.caseStudy div {
	width:100%;
	height:30px;
	margin:0 0 4px 0;
	background-color:#eee;
	text-shadow:1px 1px 1px #fff;
	border:1px solid #ddd;
}
.caseStudy div a {
	height:30px;
	padding:5px 0 0 24px;
	background:url('/global/images/bg/cospect-case-btn.png') no-repeat;
	display:block;
}

/*	==========================================================================
	Operation Animations
	========================================================================== */

.animeLink {
	width:48%;
	margin:0 2% 2% 0;
	float:left;
}
.animeLink a {
	padding:2%;
	height:140px;
	display:block;
	border:1px solid #ccc;
	text-decoration:none;	/*\9*/
	cursor:pointer\9;
}
.animeLink a:hover { border:1px solid #999; }
.animeLink h3 {
	margin:0;
	font-size:100%;
}
.animeLink h4 {
	margin:0;
	color:#888;
}
div.animelink_l {
	width:24%;
	float:left;
}
.animeLink .trap,
.animeLink .powertrap,
.animeLink .prv,
.animeLink .separator,
.animeLink .strainer,
.animeLink .airvent,
.animeLink .airtrap,
.animeLink .exchanger {
	width:69%;
	height:100%;
	padding-left:4%;
	float:left;
}
.animeLink .trap			{ border-left:5px solid #5a7db3; }	/*5278A3*/
.animeLink .trap h3			{ color:#5a7db3; }
.animeLink .powertrap		{ border-left:5px solid #5ab3b3; }	/*975 579C4E*/
.animeLink .powertrap h3	{ color:#5ab3b3; }
.animeLink .prv				{ border-left:5px solid #5ab37d; }
.animeLink .prv h3			{ color:#5ab37d; }
.animeLink .separator		{ border-left:5px solid #6bb35a; }	/*575*/
.animeLink .separator h3	{ color:#6bb35a; }
.animeLink .strainer		{ border-left:5px solid #a1b35a; }
.animeLink .strainer h3		{ color:#a1b35a; }
.animeLink .airvent			{ border-left:5px solid #b38f5a; }	/*a55 9C914E*/
.animeLink .airvent h3		{ color:#b38f5a; }
.animeLink .airtrap			{ border-left:5px solid #b35a5a; }	/*577 9C4E4E*/
.animeLink .airtrap h3		{ color:#b35a5a; }
.animeLink .exchanger		{ border-left:5px solid #b35a8f; }	/*d64 ff5f3f*/
.animeLink .exchanger h3	{ color:#b35a8f; }

/*	==========================================================================
	Products since 20140613
	========================================================================== */

.prodDetailsTbl,
.prodDetailsDiv		{ padding:1% 0; }

.prodDetailsTbl tr	{
	word-break:normal;
	/*border-bottom:1px dotted #CCC;*/
}
.prodDetailsDiv td { border:none; }	/*20160614 Removed border from print look.*/
.prodDetailsDiv h4 {
	margin:0;
	word-break:normal;
}
.prodDetailsDiv_l {
	width:37%;
	min-width:75px;
	text-align:center;
}
.prodDetailsDiv_r .orangeBtn_on,
.prodDetailsDiv_r .orangeBtn_off {
	width:83%;
	display:inline-block;
}
.prodAlpha1 { width:40%; }

.alphaTop ul {
	padding:0;
	list-style:none;
}
.alphaTop li { display:inline\9; }

/*	==========================================================================
	Product Solutions Index 20150616
	========================================================================== */

h2.pamph	{ margin:20px 0 0 0; }
.id_slides	{	/* 20150630 adjust Slides banner. */
	width:100%;	/* 647px */
	height:200px;
}
table.pamph {
	width:100%;	/* 650px; */
	text-decoration:none;
	text-indent:10px;
	vertical-align:middle;
}
table.pamph td {
	word-break:normal;
	border-bottom:1px solid #ddd;
}
tr.pamph-title		{ border-bottom:1px solid #ddd; }
tr.pamph-title td	{
	height:40px !important;
	color:#888;
	text-align:center;
	font-weight:bold;
	text-indent:0;
	vertical-align:bottom;
}
.pamph-dl {
	width:100%;
	text-align:right;
}
.pamph-dl input {
	margin-top:10px;
	padding:3px 10px;
}
/*	Title bar -> td-1 + td-3 = 100%
	Column -> td-1 + pamph-arrow/pamph-arrow-padding + pamph-chk/pamph-chk-padding = 100%
*/
/* column1 - left title */
.pamph .td-1 {
	width:80%;	/*450px;*/
	text-align:left;
}
.pamph .td-1 a:hover { color:#444; }
.pamph .td-1 a[href$=".html"] {
	margin:2% 0;
	text-indent:0;
	float:left;
}
.pamph-txt			{ text-indent:0; }
.pamph-txt table	{ width:100%; }
.pamph-txt table td	{ border:none; }

/* column3 - pdf */
.pamph .td-3 { width:20%; }	/* title "Download PDF" */
.pamph-arrow,
.pamph-arrow-padding {
	width:8%;			/* 70px; */
	text-align: center;	/* right */
	text-indent:0;
}
td.pamph-arrow,
td.pamph-arrow-padding,
td.pamph-arrow a,
td.pamph-arrow-padding a { height:44px; }

td.pamph-arrow a,
td.pamph-arrow-padding a {
	background:url(/global/images/icons/pamph-arrow-fa0.gif) center center no-repeat;
	text-align:center;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
}
td.pamph-arrow a:hover,
td.pamph-arrow-padding a:hover {
	background:url(/global/images/icons/pamph-arrow-666.gif) center center no-repeat;
}
.pamph-chk,
.pamph-chk-padding {
	width:12%;	/* 80px; */
	text-indent:0;
	text-align:center;
}
.pamph-chk div,
.pamph-chk-padding div {
	height:30px;
	padding-top:14px;
	line-height:12px;
}

/*	==========================================================================
	Product Solutions Each Page 20150702
	========================================================================== */

.title-banner {	/* Also use to /calculator/ index. */
	width:100%;
	height:250px;
	margin:0 0 1% 0;
	display:table;
	overflow:hidden;
	#position:relative;
}
.title-banner div {
	padding-left:5%;
	display:table-cell;
	vertical-align:middle;
	#position:absolute;
	#top:50%;
}
.title-banner div span {
	#position:relative;
	#top:-50%;
}
.title-banner h1,
.title-banner h2 {
	line-height:100%;
	border:none;
}
.title-banner h1		{ font-size:250%; }
.title-banner h2		{ font-size:150%; }
.title-banner-simple	{ margin:0 0 1% 0; }
.title-banner-simple h1	{
	display:none;
	border:none;
}
.link_quote a,
.link_pdf a {
	width:50%;
	height:30px;
	line-height:30px;
	text-indent:30px;
	display:block;
	float:left;
}
.link_quote a {
	background:url('/global/images/banners/check-valve-arrow.png') 7px center no-repeat;
	background-color:tomato;
	color:#fff;
}
.link_pdf a {
	background:url('/global/product_v2/img/pdficon_16.gif') 6px center no-repeat;
	background-color:#e8c59c;	/* #e8c59c */
}
.link_quote a:hover,
.link_pdf a:hover {
	color:#fff;
	background-color:#999;	/* #d4e2ef; */
}
span.mid-column { display:table-cell; }

/*	==========================================================================
	SSOP since 20170213
	========================================================================== */

.ssop {
	padding:8% 0 4% 0;
	background:url('/global/images/services/ssop/ssop-sky.jpg') 0 top no-repeat;
	background-color:#010717;
	text-align:center;
}
.ssop h1 { border:none; }
.ssop h2 {
	color:#fff;
	font-family:serif;
	font-size:225%;
	text-shadow:0 0 10px #010717;
	border:none;
}
.ssop h3 {
	margin:0;
	color:#afff96;
	font-family:serif;
	font-size:170%;
}
.ssop h4 {
	color:#ffe14b;
	font-family:serif;
	font-size:140%;
}
.ssop p {
	font-family:serif;
	font-size:130%;
}
.ssop strong { font-size:200%; }
.ssop small	{
	color:#fff;
	font-weight:normal;
}
.ssop ul,
.ssop li {
	margin:0;
	padding:0;
}
/*.ssop .btn_title {
	width:30%;
	height:44px;
	margin:4% auto 0;
	background:#005091;
	color:#fff;
	font-size:115%;
	line-height:43px;
	font-weight:bold;
	border-radius:10px;
	border:1px solid #005091;
}*/
.ssop .description {
	width:74%;
	margin:4% 9% 0;
	padding:4%;
	color:#fff;
	background-color: rgba(0,61,115,0.6);
	box-shadow:0 0 20px rgba(0,61,115,1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	float:left;
}
.ssop .ice {
	width:25%;
	padding:4% 0 0 0;
	list-style:none;
	display:inline-block;
}
.ssop .nav .current {	/* Organic Tabs option */
	background:#005091;
	color:#fff;
}
.ssop th,
.ssop td {
	padding:2%;
	color:#fff;
	border:1px solid rgba(0,61,115,0.6);
}
.ssop th {
	width:25%;
	background-color:rgba(0,61,115,0.6);
}
.ssop td { background-color:rgba(255,255,255,0.2); }

/*	==========================================================================
	Steam Theory
	========================================================================== */

.padt		{ padding-top:2%; }
.stindex	{
	margin-bottom:1%;
	padding:2%;
	overflow:auto;	/*20150910 added.*/
	border:1px solid #ddd;
}
.stindex h3	{
	margin:-2% -2% 2%;
	padding:2%;
	background-color:#EEF7FB;
}
.full		{ width:100%; }
.full th	{
	padding:1% 0 1% 2%;
	background-color:#296B9D;
	color:#fff;
	text-align:left;
}
.full .th1,
.full .th3 { width:20%; }
.full .th4 {
	width:20%;
	padding:1% 0
}
.full td	{
	padding:1% 0 1% 2%;
	border-bottom:1px dotted #ddd;
}
.redbg		{
	background-color:#fee;
	color:#f33;
}
.footer_bullet {
	padding:1% 0 1% 4% !important;
	background:url('/global/images/icons/footer_bullet.gif') center left no-repeat;
}
.formula {
	width:80%;
	margin:20px auto 10px auto;
	padding:15px 6%;
	background-color:#FFC;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
	border:1px solid #CCC;
}
.formula ul { text-align:left; }
.bulb {
	height:35px;
	margin:30px 15px 0 0;
	padding-right:10px;
	background:url('/global/images/icons/bulb.gif') 10px center no-repeat;
	background-color:#fff;
	color:#c00;
	font-family:"Courier New", Courier, monospace;
	font-size:125%;
	font-weight:bold;
	line-height:35px;
	text-indent:50px;
	position:relative;
	border:1px solid #ccc;
	float:left;
}
.pdf_frame {
	width:100%;
	height:700px;
}
.pdf_new_window {
	padding-left:20px;
	background:url('/global/product_v2/img/pdficon_16.gif') no-repeat;
}

/*	==========================================================================
	Steam Theory - Table Of Contents (TOC)
	========================================================================== */

.wiki-menu {
	width:50%;
	margin:0 0 15px 15px;
	padding-bottom:10px;
	background:#eee;
	font-size:90%;
	line-height:175%;
	/line-height:165%;
	border:1px solid #ddd;
}
.wiki-menu h4	{
	margin:0;
	padding:10px 15px 5px;
}
.wiki-menu ul	{
	padding:0 15px 0 35px;
	/padding:0 15px 0 40px;
	list-style:decimal;
}
.wiki-menu li		{ margin:0 !important; }
.wiki-menu ul ol	{
	padding:0 0 0 20px;
	list-style:lower-alpha;
	/* Chrome & Safari: prevent hide of number when the cursor hover */
	width:91%;
	/width:auto;
	/float:none;
}
.wiki-menu a		{ text-decoration:none; }
.wiki-menu a:hover	{ text-decoration:underline; }

/*	==========================================================================
	Steam Theory - Bottom Contents
	========================================================================== */

.st-btm-arrow {
	width:100%;
	margin-top:5%;
}
.st-btm-arrow td {
	/width:325px;
	/height:44px;
}
.st-btm-arrow a {
	width:325px;
	height:44px;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
	/background:none !important;
}
.st-btm-arrow td.left a {
	padding:0 15px 0 45px;
	background:url('/global/images/icons/arrow-btm-l.png') center left no-repeat;
	/padding:0;
}
.st-btm-arrow td.right a {
	padding:0 45px 0 15px;
	background:url('/global/images/icons/arrow-btm-r.png') center right no-repeat;
	text-align:right;
	/padding:0;
}
.st-btm-arrow td.left a:hover	{ background:url('/global/images/icons/arrow-btm-l-hover.png') center left no-repeat; }
.st-btm-arrow td.right a:hover	{ background:url('/global/images/icons/arrow-btm-r-hover.png') center right no-repeat; }
.st-btm-arrow td a:hover		{ /text-decoration:underline; }
.st-btm-arrow td:hover			{ background:#eee; }
.st-btm-arrow td.left {
	border-right:1px dotted #888;
	/padding:0 0 0 45px;
}
.st-btm-arrow td.right { /padding:0 45px 0 0; }
.btm_content {
	width:92%;
	margin:1% 0 0 0;
	padding:1% 4% 3%;
	background-color:#ffc;
}
.btm_content h4	{
	font-size:120%;
	border-bottom:1px solid #ddd;
}
.btm_content ul	{ padding-left:4%; }

/*	==========================================================================
	Sitemap 20150213
	========================================================================== */

.sitemap p {
	margin:0;
	padding:0 0 0 16px;
	background:url('/global/images/icons/link.jpg') 0 3px no-repeat;
}

/*	==========================================================================
	Training & Tools 20190415
	========================================================================== */

.box-gradation,
.box-gradation_half {
	width:94%;
	margin-top:10px;
	padding:2% 3%;
	text-align:center;
	border:1px solid #bbb;

	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;

	background-image:-moz-linear-gradient(top,#fff,#ccc);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ccc),color-stop(1,#ccc));
	background-color:#ccc;
}
.box-gradation_half {
	width:43%;
	height:150px;
}
.box-gradation h3,
.box-gradation_half h3 { margin:0; }

/*.box-gradation a,
.box-gradation_half a { font-weight:normal; }*/

.box-gradation .orangeBtn_noicon,
.box-gradation_half .orangeBtn_noicon {
	margin:2% auto;
	/*padding:3px;*/
	text-decoration:none;
	border:1px solid #f90;
	display:block;
}
.box-gradation ul {
	width:100%;
	margin:0 auto;
}
.box-gradation_half .flex_box {
	height:100%;
	justify-content:center;
}

/*	==========================================================================
	Footer
	========================================================================== */

footer {
	background-color:#444;
	font-size:95%;
	color:#aaa;
	clear:both;
}
.footer_wrap {
	max-width:960px;
	width:960px\9;
	margin:0 auto;
	padding:20px;
}
.footer_wrap h3 { margin:10px 0; }
footer a:link,
footer a:visited {
	color:#ccc;
	text-decoration:none;
}
footer a:hover	{ color:#f66; }
footer .detail	{ margin:10px 0 0 0; }
footer a.detail	{ text-decoration:underline !important; }
.footer-l, .footer-c, .footer-r {
	/*height:135px;*/
	line-height:150%;
	/*float:left;*/
	display:inline-flex;
	flex-direction:column;
}
.footer-l {
	width:24%;
	border-right:1px dotted #555;
}
.footer-icons a {
	width:40px;
	height:40px;
	margin:0 15px 10px 0;
	background:url('/global/images/icons/footer-icons.png') no-repeat;
	display:block;
	text-indent:-9999px;
	float:left;
}
.footer-icons a:hover { opacity:0.5; }
a.footer-icons-twitter {
	background-position:-40px 0;
	border-radius:8px;
}
a.footer-icons-youtube {
	background-position:-80px 0;
	border-radius:8px;
}
a.footer-icons-youku {
	background-position:-120px 0;
	border-radius:8px;
}
a.footer-icons-fb {
	background-position:-160px 0;
	border-radius:8px;
}
a.footer-icons-linkedin {
	width:55px;
	margin:0 0 10px 0;
	background-position:-200px 0;
}
.footer-c {
	width:29%;
	padding:0 0 0 15px;
}
.footer-c input {
	margin-right:5px;
	float:left;
}
.footer-r {
	width:41%;
	padding:0 0 0 15px;
	border-left:1px dotted #555;
}
.footer-l div, .footer-c div, .footer-r div { clear:left; }
.footer-btm {
	width:100%;
	margin:20px 0;
	float:left;
}
.email_footer { width:40%; }

.subfooter_wrap {	/*footer in light blue for Latin America*/
	height:170px;
	background-color:#E8F3FF;
}
.subfooter {
	max-width:960px;
	margin:0 auto;
}
.sectionLink_spanish {
	width:50%;	/*33%*/
	color:#069;
	text-align:center;
	float:left;
}
.sectionLink_spanish h3 {
	padding:0;
	color:#999;
}
.sectionLink_spanish img	{ padding:0 0 5px 0; }
.sectionLink {	/*footer in light blue*/
	height:95px;
	padding:0 5%;
	color:#069;
	background-color:#E8F3FF;
	text-align:center;
}
.sectionLink img { padding:15px 0 5px 0; }

/*	==========================================================================
	Sticky footer styles
	========================================================================== */

html,
body {
	height:100%;
	/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
	max-width:960px;
	width:960px\9;
	min-height:100%;
	height:auto !important;
	height:100%;
	/* Negative indent footer by it's height */
	/* Default: margin:0 auto -60px;*/
	margin:0 auto -395px;	/*margin:0 auto -220px;*/
}
/* Set the fixed height of the footer here */
#push,
footer {
	height:395px;	/*height:220px;*/
	clear:both;
}

/*	==========================================================================
	Slides JS - Using at /product-solutions/ and /mobile/.
	========================================================================== */

#slides {	/* Prevent the slideshow from flashing on load */
	display:none;
	border:1px solid #ddd;
}
#slides div { height:100% !important; }
#slides a {
	height:100%;
	text-decoration:none;
	display:block;
}
#slides a span {
	margin:15px 0 0 20px;
	font-weight:bold;
	font-size:115%;
	line-height:120%;
	float:left;
}
/*	.slidesjs-pagination is used at:
	- product-solutions/index.php
	- spring-disc-type-check-valves.php
	- mobile/index.php
	Margin should be set at above each file. Not here.
*/
.slidesjs-pagination .active {	/* Show active item in the pagination */
	background:#ccc;
}
.slidesjs-pagination {
	position:absolute;
	z-index:10;
	list-style:none;
}
.slidesjs-pagination li {
	width:45px;
	height:10px;
	margin:0 5px 0 0;
	text-indent:-999px;
	display:inline-block;
	border:1px solid #ccc;
	float:left\9;
}

/*	==========================================================================
	Media Queries
	========================================================================== */

@media screen and (max-width:900px){	/*max-width:767px*/

	table { word-break: break-all; }
	nav {
		/* Rounded Corners */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;

		/* Background color and gradients */
		background: #035;	/*#013953*/
		background: -moz-linear-gradient(top, #0272a7, #035);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#035));
	}
	.header_l {
		width:50%;
		height:auto;
	}
	.header_l img { max-width:100%; }
	.col_l,
	.col_r	{ width:100% !important; }
	.col_80	{ width:78% !important; }
	.col_20	{ width:20% !important; }
	.half-box { width:48% !important; }
	.hide_tablet	{ display:none; }
	.hide_tablet_bg	{ background:none !important; }

	.orangeBtn_on a,
	.orangeBtn_off {
		width:10%;
		margin:0 2% 2% 0;
		padding:1% 0;
	}
	/*.cad3d_col a { width:46% !important; }*/

	.body_banner h2 {
		 font-size:100%;
		 line-height:100%;
	 }
	.pic_frame_l,
	.pic_frame_r,
	.pic_frame {
		max-width:96%;
		margin:3% auto;
		float:none;
	}
	.pic_frame_l p,
	.pic_frame_r p { float:none; }

	/* Sidebar */
	.sideBanner { display:none; }

	.sideBanner150h a,
	.sideBanner200h a {
		width:960px;
		height:60px;
		padding:0 10px 0 100px;
		display:table-cell;
		vertical-align: middle;
		border-bottom:none;
	}
	.sideBanner150h h2,
	.sideBanner200h h2 {
		font-size:100%;
		line-height:100%;
	}
	.banner_cospect			{ background:url('/global/images/icons/100x160_cospect.png') 0 -3px no-repeat; }
	.banner_cospect:hover	{ background-position: 0 -83px; }
	.banner_hammer {
		background:url('/global/images/icons/100x120_hammer.png') 0 0 no-repeat;
		color:#444;
		text-shadow:1px 1px 1px #fff !important;
	}
	.banner_hammer:hover {
		background-position: 0 -60px;
		color:#f00;
	 }
	.banner_powerdyne		{
		height:60px !important;
		padding:0 10px 0 100px !important;
		background:url('/global/images/icons/100x80_powerdyne.png') 0 center no-repeat;
	}
	.banner_powerdyne h2	{ display:block; }
	.banner_powerdyne img	{ display:none; }
	.banner_sq,
	.banner_sq:hover		{ background:url('/global/images/icons/100x60_sq.png') 0 center no-repeat; }
	.banner_toolbox			{ background:url('/global/images/icons/100x80_toolbox.png') 0 -11px no-repeat; }

	/* Splash */
	.splash { padding:7%; }
	.splash section { padding:7% 6% 6% 5%; }
	.splash li a {
		width:48%;
		margin:1%;
		padding:2% 0;
	}
	.splash #selectnav1 { display:none !important; }	/* Generated from JS */

	/* Top page */
	#slider1-pager a span { display:none; }
	.icon_animation	{ background-position: 95% 2px; }
	.icon_archive	{ background-position: 95% 7px; }
	.icon_doc,
	.icon_solution,
	.icon_success	{ background-position: 95% 5px; }
	.icon_system	{ background-position: 95% 0; }
	.icon_srch_arr	{ padding:0 5% !important; }

	.flex_box {	/*20160603*/
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.sb_mailmag-index,
	.index-btm-mid,
	.mq-banner {
		width:98%;
		margin:0 auto 10px auto;
	}
	.sb_mailmag-index a,
	.mq-banner a { height:auto; }
	.index-radio		{ margin:10px 0; }
	.index-radio label {
		width:auto;
		margin-right:10px;
	}
	.sb_mailmag-index a,
	.mq-banner a { background-position:97% 50%; }

	/* search.html */
	#os_pagination {
		width:100%;
		margin:4% 0 !important;
		display:block;
		float:left;
	}
	#os_pagin2 {
		width:100%;
		padding:0;
		float:left;
	}
	#os_pagin2 strong,
	#os_pagin2 a {
		margin:2% 2% 0 0;
		padding:1% 4%;
		display:block;
		float:left;

		border-radius:3px;
		background:#fc6;
		background:-moz-linear-gradient(top, #fff, #fc6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fc6));
		text-decoration:none;
		border:1px solid #f90;
	}
	#os_pagin2 strong {
		background:#eee;
		color:#888;
		border:1px solid #ddd;
	}
	#os_pagin2 a:hover	{ opacity:0.65; }
	#os_pagin1 a		{ float:left; }
	#os_pagin3 a		{ float:right; }

	/* Products */
	.prodDetailsTbl { text-align:center; }

	/* Product Solutions */
	.pamph-chk,
	.pamph-chk-padding,
	.pamph-dl		{ display:none; }
	.title-banner	{
		height:auto !important;
		background:none !important;
	}
	.title-banner div	{ padding:2% 0 !important; }
	.imgfix-tablet		{ width:100% !important; }
	.flashfix			{ width:400px; }
	span.mid-column		{
		height:auto !important;
		display:inherit;
	}

	/* Operation Animations */
	/*.animeLink a { height:150px; }*/

	/* Steam Theory */
	.wiki-menu { width:100%; }

	/* SSOP */
	.ssop .ice { width:80% !important; }

	/* Training & Tools */
	.box-gradation_half {
		width:94% !important;
		height:auto;
	}
	.box-gradation ul { width:45%; }
	.box-gradation_half .flex_box { height:auto; }

	/* Footer */
	.footer-l, .footer-c, .footer-r {
		width:100%;
		height:auto;
		margin-bottom:10px;
		padding:0 0 10px 0;
		border:none;
		border-bottom:1px dotted #555;
		clear:both;
	}
	/*.footer-btm { margin:0; }*/
	.subfooter_wrap { display:none; }

	/* Sticky Footer */
	#wrap { margin:0 auto -600px; }	/*margin:0 auto -450px;*/
	#push, footer { height:600px; }	/*height:450px;*/

	/* selectnav */
	#megamenu,
	#accordion-2	{ display:none; }
	#selectnav1		{	/* Dropdown Menu */
		width:80%;
		margin:12px 10%;
		display: block !important;
	}
	#selectnav2	{	/* Side Menu */
		width:100%;
		margin-bottom:2%;
		display: block !important;
	}
}
@media screen and (max-width:480px) {

	.header_r {
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;

		background-image: -moz-linear-gradient(top, #126ea6 0%, #074d72 100%);		/* Mozilla Firefox */
		background-image: -webkit-linear-gradient(top, #126ea6 0%, #074d72 100%);	/* Webkit (Chrome 11+) */
		background-image: linear-gradient(to bottom, #0082c3 0%, #006ea5 100%);		/* W3C Markup, IE10 Release Preview */
	}
	.header_l,
	.header_r { width:100%; }
	.header_r select {
		width:90%;
		margin:10px 5% 0;
		margin-bottom:0;
	}
	.header_r .srch {
		width:90%;
		margin:2% 5% 3% 5%;
	}
	.srch .txt_search { width:42%; }
	.half-box	{ width:100% !important; }
	.quarter-img {	/*.quarter-box,*/
		width:46%;
		margin:0 2% 2% 0;
	}
	.triple-box,
	.quad-box {
		width:100%;
		background-position:97% 10% !important;
		text-align:left;
	}
	.triple-box a,
	.quad-box a {
		width:72%;	/*76%*/	/* Avoid hovering text on bg. */
		height:auto;
		padding:3% 25% 3% 3%;
	}

	/* Button Tomato */
	.btn_base { width:100% !important; }

	nav {
		width:100%;
		height:0;
		padding:10px 0 35px;
		border:none;

		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;

		background-image: -moz-linear-gradient(top, #004269 0%, #015678 100%);		/* Mozilla Firefox */
		background-image: -webkit-linear-gradient(top, #004269 0%, #015678 100%);	/* Webkit (Chrome 11+) */
		background-image: linear-gradient(to bottom, #006496 0%, #005078 100%);		/* W3C Markup, IE10 Release Preview */

		/*-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;*/
	}
	.width_max_phone	{ width:100% !important; }
	.hide_phone			{ display:none !important; }
	.hide_phone_bg		{ background:none !important; }
	.orangeBtn_on a,
	.orangeBtn_off		{ width:17%; }
	.cad3d_col a		{ width:100% !important; }

	blockquote			{ margin:5% 0; }

	.index-banner {
		height:auto !important;
		background:none !important;
		color:#069 !important;
	}
	.index-banner div {	padding-left:0;	}
	.index-banner h1,
	.index-banner h2,
	.index-banner h4 {	width:auto;	}

	/* Splash */
	.splash section { padding:10% 8% 8% 7%; }
	.splash h1 { font-size: 125%; }
	.splash #selectnav1 {	/* Generated from JS */
		margin-top:8%;	/*5%;*/
		display:block !important;
	}
	#selectnav_splash { display:none; }

	/* Top page */
	.rslides_container { display:none; }
		/*#slider1-pager	{ display:none; }*/
	.icon_animation	{ background-position: 105% 2px; }
	.icon_archive	{ background-position: 105% 7px; }
	.icon_doc,
	.icon_solution,
	.icon_success	{ background-position: 105% 5px; }
	.icon_system	{ background-position: 100% 0; }
	.icon_srch_arr	{ padding-left:25px !important; }

	.sb_mailmag-index,
	.index-btm-mid,
	.mq-banner		{ width:96%; }
	.sb_mailmag-index a,
	.mq-banner a	{ background-image:none; }

	/* search.html */
	#os_pagin2 strong,
	#os_pagin2 a { width:9%; }
	#os_search div {
		width:98%;
		float:left;
	}
	#os_search label,
	#os_search input {
		margin-top:2%;
		float:left;
	}

	/* /documentation/ */
	.doc_search input {
		margin:2% 0;
		float:none;
	}

	/* Archived Documents */
	.archive_column1	{ width:40%; }
	.archive_column2	{ width:60%; }
	.archive_btn {
		width:100%;
		padding:0;
		display:block;
	}
	.archive_btn .orangeBtn_on,
	.archive_btn .orangeBtn_off {
		margin:6% 0;
		padding:2% 0;
	}

	/* Products */
	.prodDetailsTbl			{ padding:5% 0; }
	.prodDetailsTbl img,
	.prodDetailsDiv_l img	{ max-width:60px; }

	/* Product Solutions */
	.id_slides		{ display:none !important; }	/* 20150630 adjust Slides banner. */
	.pamph .td-3	{ visibility:hidden; }			/* Hide the title */
	.imgfix-phone	{ width:100% !important; }		/* Fix the width within 225px */
	.flashfix		{ width:225px; }
	.title-banner div			{ padding:0; }
	.title-banner-simple h1		{ display:block; }
	.title-banner-simple img	{ display:none; }
	.link_quote a,
	.link_pdf a	{ width:100%; }

	/* Operation Animations */
	.animeLink {
		width:100%;
		margin:0 0 2% 0;
	}

	/* Calculator */
	.iframe_se1	{ height:3000px; }

	/* News */
	.prv_video	{ width:96% !important; }

	/* Mobile */
	.mobile_title h1 {
		min-height:0;
		padding:0;
		background:none;
	}

	/* Contact Us */
	#map					{ height:300px; }
	.gpoint div				{ width:90%; } /* 20150217: avoid horizontal scrolling by padding px */
	.associateAddress h2 	{ display:none; }
	.pardot_form_contact 	{ height:2200px; }
	.pardot_form_quote 		{ height:2950px; }
	.pardot_form_mailmag 	{ height:1200px; }

	/* Training & Tools */
	.box-gradation ul { width:100%; }

	/* Footer */
	.sectionLink { height:140px; }

	/* Sticky Footer */
	#wrap { margin:0 auto -705px; }	/*margin:0 auto -650px;*/
	#push, footer { height:705px; }	/*height:650px;*/

	/* SelectNav */
		/*#accordion-2 { display:none; }*/
	#selectnav1 {	/* Dropdown Menu */
		width:90%;
		margin:auto 5%;
	}
}