@charset "utf-8";
/* tag and element styles */
body { color: #696969; text-align: center; }
h1 { font-size: 123.1%; }
h1,
h2,
h3,
h4 { float: none; clear: both; min-height: 1%; }
/*#hd, #nav { font-size: 85% !important; }*/
a {	color: #069; text-decoration: none; }
a img { border: none; }	
h2, h2 a,
h1, h1 a { color: #ee2121; clear: both; margin: 0; line-height: 1em; }
h3, h3 a { color: #927800; }
p { padding: .7em 1em; line-height: 1.5em; }
ul { padding-left: 10px; margin-left: 0; line-height: 1.5em; }
ul.clean li { list-style-type: none !important; }
ul li a, 
.sec_box p a, 
dl a { 
	background-image: url(http://www.flowserve.com/eim/assets/images/arrow_blue_7x5.gif);
	background-position:  left 50%;
	background-repeat: no-repeat;
	padding-left: 12px /* 7 + 5 px */;
}
dl a /*only*/ { 
	display: block;
	background-position: 0 .4em;
}
*ul li a, 
*.sec_box a, 
* dl a { background-position: left 6px; }
#bd ul a, #bd p a { background-image: url(http://www.flowserve.com/eim/assets/images/arrow_gray_7x5.gif); background-position: left; background-repeat: no-repeat; }

/* remove arrow from these a tags */
h1 a, 
h2 a, 
h3 a,
div#pictures ul li a,
a.noimg { background-image: none !important; padding-left: 0; }
#search_results p a,
#article ul li a { background-image: none; }

/* remove link colors from these */
h1 a, h2 a, h3 a { color: inherit !important; }

div#divStayTopLeft { left: 10px; bottom: 20px; }

/* class styles */
.in-context a { padding: 0; background-image: none !important; }
.in-context img { float: none !important; }
.article_img { float: right; padding: 1.5em 1em; }

.sec_box { margin-top: 10px; }
	.sec_box div { padding: 0; margin: 0 10px 10px 10px; }
	.sec_box img { float: left; width: auto; margin: 0 .5em .5em 0; }
	.sec_box p { padding: 0 .5em .5em .5em; }
.sec_box_menu { background: #f2f0ed url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_30x270.gif) bottom repeat-x; min-height: 200px; }
	.sec_box_menu ul { line-height: 2em; }
		.sec_box_menu ul li a { background-image: none !important; padding-left: 0; }
.sec_box_link { clear: both; }

ul.page_flip { clear: both; float: right; }
	ul.page_flip li { margin: 0 .25em !important; padding: 0 3px; border: 1px solid #dedede; }
	ul.page_flip li a {  background-image: none !important; padding: 0; }
	ul.page_flip li.active { background-color: #fe3a3a; }
	ul.page_flip li.active a { color: #fff; }

/* create a flat list */
ul.flat { list-style: none; padding: 0; margin: 0; }
	ul.flat li { display: inline; margin: 0 2em 0 0; }

/* main page section */
.main { float: left; width: 100%; padding: 0; background: transparent url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_blue_31x64.gif) top repeat-x; }
	.main h1 { padding: 1em; }
	.main h2 { position: relative; height: 1%; /*color: #927800;*/ font-size: 100% !important; border: 1px solid #e2e2e1; border-width: 1px 0; background-image: url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_light_30x15.gif) !important; text-transform: capitalize !important; margin-bottom: 0; }
		.main h2 span { position: absolute; right: 1em; }
			.main h2 span a { background-image: none !important; }
	.main ul.main_split { float: left; width: 233px; padding: 0; margin: 0 0 0 10px; }
		* html .main ul.main_split { width: 200px; }
	.main ul.has-thumb { width: 199px !important; }
		* html .main ul.has-thumb { width: 190px !important; }
	.main p { float: left; width: 370px; margin-bottom: 0; }
	.main .main_thumb { float: right; width: auto; margin: 5px 5px 0 0; border: 1px solid #e2e2e1;  }
	
.cat-list { float: left; width: 140px !important; /*163px;*/ }
	.cat-list p { margin: 0; padding: 0 1em; font-size: smaller; }
	.cat-list h2 { background: none !important; border: none !important; }
	.cat-list ul { float: left;  margin-top: 0; }

/* product section background */
.product_section { width: 100%; float: left; margin-bottom: 1em; background-color: transparent; background-position: top right; background-repeat: no-repeat; }

/* search result */
.search-result-list { overflow: hidden; clear: left; width: 100%; margin: 0 0 1em 0; border-bottom: 1px solid gray; }
.search-result-list h3 { margin-left: 10px; }
.search-result-list img { float: left; margin: 5px; }
.search-result-list table { float: left; width: 399px; border-collapse: collapse; padding: 0; border: none; }
	.search-result-list td, 
	.search-result-list th { vertical-align: top; border: none; padding: 0; }
	.search-result-list th { text-align: right; width: 20%; white-space: nowrap; }
	.search-result-list td { text-align: left; padding-left: 1em; }

/* product detail page */
.product-detail { overflow: hidden; padding: 0 1em 1em 1em; }
#tblFeatures { border-bottom: 2px solid #808080; }
#tblFeatures>ul { float: left; width: auto; margin: 0; }/*330px*/
#tblRelatedProds { padding: 0 !important; }
#tabs, #tabs li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabs {
	padding: 5px 0 5px;
	margin: 1em auto;
	text-align: center;
	border-bottom: 2px solid #ececec;
}
#tabs li {
	display: inline;
	margin-right: -2px;
}
#tabs li a {
	background: url(http://www.flowserve.com/eim/assets/images/tableftB.gif) no-repeat left top;
	color: #333;
	text-decoration: none;
	padding: 5px 0;
}
#tabs li span {
	background: url(http://www.flowserve.com/eim/assets/images/tabrightB.gif) no-repeat right top;
	padding: 5px 10px 5px 5px;
	margin: 4px 0 4px 4px;
}
#tabs li a:hover span {
	text-decoration: underline;
	background-position: 100% -42px;
}
#tabs li a:hover {
	background-position: 0 -42px;
}
#tabs .product-tab-hover a {
	background-position: 0 -42px;
}
#tabs .product-tab-hover a span {
	background-position: 100% -42px;
}
#tabs li.ui-tabs-selected a { background-position: 0 -42px; }
#tabs li.ui-tabs-selected span { background-position: 100% -42px; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
		display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
		display: none;
    }
}
#tblAskQuestion fieldset { margin: 1em; padding: 1em; border: 1px solid #ccc; }
#tblAskQuestion legend { border: 1px solid black; padding: 3px; font-weight: bold; }
#tblAskQuestion label, 
#tblAskQuestion input { display: block; float: left; }
#tblAskQuestion textarea { width: 25em !important; }
#tblAskQuestion label { width: 20%; text-align: right; margin-right: 1em; line-height: 1.8em; }
#tblAskQuestion fieldset fieldset label { width: auto; line-height: 1.2em; margin-left: 0.5em; }
#tblAskQuestion br { clear: both; }
#tblLiteratureAll { width: 100%; clear: both; background-color: #efefef; }

#pictures ul { margin: 0; padding:0; }
	#pictures ul li a { padding: 0; }
 
/* end product detail page */
	
/* ID and ID specific styles */
#doc { font-size: 85% !important; width: 920px; margin: 0 auto; text-align: left; }
#hd { position: relative; width: 100%; height: 100px; }
	#hd form { position: absolute; right: 10px; bottom: 10px; }
#fls_logo { margin: 1.5em 2em; }
#nav_top { width: auto; position: absolute; top: 0px; right:0px; color: #84796a; }
#search { position: absolute; right: 0px; bottom: 20px; }
#sitesearch { color: #696969; font-size: 85%; background-color: transparent; border: none; }
#nav_top a:link, 
#nav_bottom a:link { color: #696969 !important; }
#nav_top .last { margin-right: 0; }

/*#nav { float: left; width: 100%;	background-color: #746858;	color: #fff;	text-align: left; text-transform: uppercase; }
	#nav div { width: 50%; float: left; padding: .5em 0; }
	#nav div.first { background-color: #443d34; text-align: right; }
	#nav ul { padding: 0; }
	#nav ul li { background: none; margin: 0 1em; }
	#nav ul li a { margin: 0; padding: 0; color: #fff; background: none; }*/

#nav { float: left; width: 100%;	background-color: #746858;	color: #fff;	font-weight: bold; text-align: center; text-transform: uppercase; }
	#nav div { width: 50%; float: left; padding: .5em 0; }
	#nav div.first { background-color: #443d34; }
	#nav ul { float: left; padding: 0; /*width: 100%;*/ }
	#nav div.first ul { float: right; }
	#nav ul li { background: none; display: block; float: left; margin: 0 .5em; padding-left: 0em; width: auto !important; }
	#nav ul li a { margin: 0; padding: 0; color: #fff; background: none; }
#flashcontent { float: left; width: 100%; }
#flashcontent-home { float: left; width: 100%; height: 178px; }

#bd { float: left; overflow: hidden; text-align: left; background: #fff url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_30x83.gif) bottom repeat-x; border: 1px solid #9f9d99; }
	#bd h2 { 
		padding: .5em 1em;
		font-size: 93%;
		text-transform: uppercase;
		border: 1px solid #e5e4e3;
		border-width: 1px 0;
		background: #fff url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_20x30.gif) bottom repeat-x;
	}
	#bd .main h3 { margin: .5em 0 0 1em; /*padding-left: 2em;*/ font-size: 100%; }
	#bd h4 { margin: .5em 0 0 1.5em; /*padding-left: 2.5em;*/ }
	
/* columns */
#col1 {
	float: left;
	width: 200px;
	border: none; /* attempt to fix IE7 jQuery error */
	border-right: none;
}
#col2 {
	/* 488px width left over */
	float: left;
	width: 486px;	
	border: 1px solid #9f9d99;
	border-width: 0 1px;
}
#col2wide {
	float: left;
	width: 717px;
	border: none;
	border-left: 1px solid #9f9d99;
}

#col3 {
	float: left;
	width: 230px;
}
#col1, #col2, #col3 { padding-bottom: 100px; }
#col2wide .main p { margin-top: 0; width: auto; }
#lang_select {  padding: 15px; background-color: #b8b2a9; text-align: center;  }
	#lang_select select { width: 75%; }
#quick_links { margin-top: 0px !important; }
#main_home { /* this should not be altered */ width: 476px; float: left; background-image: none; padding: 5px; background-color: #ebe9e7; }
	#main_home h2 { color: #ee2121; }
#nuclear { background-color: #f2f7fd; }
	#nuclear dl dd,
	#nuclear-overview dl dd { margin-bottom: 1em; }
	#nuclear ul,
	#nuclear-overview ul { margin: 1.5em; }
#nuclear-overview { background-color: #fff; }
#nuclear-title {  float: left; background: #fff url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_blue_20x68.gif) top repeat-x; }
	#nuclear-title h1 { color: #666; font-size: 153.9%; padding: 1em .75em; width: 100%; background-image: none; }
	* html #nuclear-title h1 { width: 460px; }
	#nuclear-title p { margin: 0 1em 2em 1em; padding: 0; width: auto; }
#nuclear p,
#nuclear-overview p { width: auto; float: none; }
#intro { float: none; width: auto; overflow: auto; padding: 1em; color: #333; background-color: #f3f3f1; border: 1px solid #e2e2e1; border-width: 1px 0; margin-bottom: 1em; }
	#intro img, div.section { float: left; margin-right: 10px; border: 1px solid #ccc; }
	div.section { margin: 1em; }
	#main_menu { padding: 1em; background-color: #f3f3f1; border: 1px solid #e2e2e1; border-width: 1px 0; font-weight: bold; text-transform: uppercase; }
	#main_menu a { background-image: none !important; padding: 0; }
	#main_menu ul li { margin-right: 3em; }
ul#filter li { margin: 0; }
#pumps { background-image: url(http://www.flowserve.com/eim/assets/images/bkgrnd_pumps_303x216.gif); background-position: 200px -10px; }
#valves { background-image: url(http://www.flowserve.com/eim/assets/images/bkgrnd_valves_164x150.gif); background-position: 0px -80px; }

/* for the home page */
#news { width: 100%;	clear: both; }
#news dl,
#news-sub dl,
#events dl { margin: 0; line-height: 1.5em; }
#news dt,
#news-sub dt,
#events dt { font-weight: bold; padding-left: 5px; margin-top: 10px; }

/* some IR page styles */
#announcement { margin-left: 1em; }
	#announcement img { vertical-align: bottom; }
	#announcement img#icon { float: left; margin: 0 1em 4em 0; }
	#announcement p { float: left; margin: 0 0 1em 0 !important; padding: 0; }

#events { margin-left: 1em; }

/* news sub channel */
#news-sub p { margin: 11px; padding: 0 !important; width: auto; }
#news-sub dl dt,
#news-sub dl dd,
#events p,
#events dt { width: 464px !important; }
#news-sub dl dd { margin-left: 1.5em; }
/* hi */
#archive a { padding: 0; background-image: none !important; }
#archive dt { padding: 0 !important; cursor: pointer;}
#archive dd { margin-left: 1em; width: 450px; }
#archive ul { padding: 0; margin: 0; }
#archive ul li { line-height: 2em; }

/* for the news channel, not the home page */
#news img { float: left; margin-top: 1em; }
#news dl { float: right; width: 420px; }

#opt-promo { float: left; width: 100%; background-color: #f3f3f3; margin: 0; }
#spot img { float: right; width: auto; margin: 0 .5em .5em 0; }
p.alt { float: right; }

#product_search { width: 90%; margin: 1em auto; }
	#product_search select { width: 100%; margin-bottom: 1em; }
	#product_search input { width: 100% !important; margin: .5em 0; }
#btnSearch { width: 97%; }

#stockquoteTbl { margin: 0 auto; border: 1px solid #ccc;}
	#stockquoteTbl td,
	#stockquoteTbl th { text-align: left; }

/* product literature search */
#literatureSearch { width: 100%; margin: 5px; }
#col2wide #literatureSearch { width: 230px; }
#col3 #literatureSearch { width: 210px !important; }
* html #col3 #literatureSearch { width: 171px !important; }
	#literatureSearch fieldset { border: 1px solid gray; padding: 0px; }
	#literatureSearch legend { font-weight: bold; font-size: 123%; }
	#literatureSearch div { width: 100%; margin-bottom: 5px; padding: 0 !important; }
	#literatureSearch label { display: block; width: 100%; line-height: 1.2em; margin-left: 5px; }
	#literatureSearch input.text { width: auto; }
	#literatureSearch select { width: 100%; }
	.page-content-smallest { padding: 0; }
	
/* sales locator */
#locationSearch { width: 177px; margin: 0 auto; }
	#locationSearch select{ width: 100%; margin-bottom: .5em; }
form .required { font-weight: bold; }

#ft { clear: both; padding-top: 1em; }
	#ft ul { float: left; }
#cp { float: right; padding-top: 0; }

/* correct bad content with styles */
#pictures { float: left;}
#product-body { width: 100%; margin-top: 1em; float: left; }

#article table,
#article ul,
#article pre,
#article p,
#brands-body table,
#brands-body ul,
#product-body,
#product-body p,
#product-body table,
#product-body ul,
#product-body ul li,
p.header2,
p.header2-blue,
.page-content { float: none !important; /*clear: left; was both, but concerned about images in articles floated right*/ }

#article ul li,
#brands-body ul li,
#product-body ul li { list-style-type: disc; margin: 0 0 0 2em; }

#article p a,
#brands-body p a,
#product_detail p a { background-image: none; }

td,
th { border: 0; }

.page-content,
.product-content,
#article p,
#product-body p { width: auto !important; }
.page-content-white { color: #fff; }

* html #brands-body p { width: 100% !important; }

ul.TabbedPanelsTabGroup li { list-style-type: none !important; }
form#subscriptions input { /*margin-right: 7px;*/ width: 10em; }
form#subscriptions input.check { width: auto; }
form#subscriptions fieldset { clear: left; }
#sales-results td { padding: 0; margin: 0; }
#sales-results .saleslocator-result-text{ padding: 0 1em; }
#sales-results .saleslocator-result-subheading { font-weight: bold; color: #444; padding: 0 1em; }

/* make headers out of poorly structured paragraphs */
p.header2,
p.header2-blue { 
	width: 100%;
	color: #927800; 
	font-size: 100% !important; 
	/*position: relative; */
	border: 1px solid #e2e2e1; 
	border-width: 1px 0; 
	background-image: url(http://www.flowserve.com/eim/assets/images/bkgrnd_vgrd_light_30x15.gif) !important; 
	background-position: bottom;
	background-repeat: repeat-x;
	text-transform: capitalize !important; 
	padding: 0 1em; 
	line-height: 2em;
	margin-bottom: 0; 
}

/* esg registration form */
input.error { border: 1px dotted red; }
label.error { color: red; font-style: italic; margin-left: 11em; }
* html label.error { margin-left: 5em; }
#register small.note { width: 14em }

/* debug */
.redbox { border: 1px solid red; }

/* form elements */
#Contact input { float: none; }
#comments,
#literature input { width: auto; }