/* ===========================================================================================================================
	Created:  Summer 2007 - for GSIR Project
	Updated:  September 28, 2007 - Brian D. Elley (ExxonMobil IT)
		At vendor's suggestion, added new line (40): table td { font-size: 1em; }
		To fix slightly oversized navigation bar elements in FireFox.
	Updated:  March 19, 2008 - BDE (ExxonMobil IT)
		1. New styles lang*, country*, to display various PA country web sites header variations.
		2. Added "clear: right; " to #search style so it would continue to display below language.
		3. New styles searchBoxNBtn and #searchCntrNoLangSelect* to force IE to display search box correctly.
	Updated:  Jan 5, 2009 - Orawan Meeporncharoenkit
		reduce image width to 100% to show the correct size
	 Updated: January 2009 - BDE
 		Updated quiz look per Ashley Smith SWI.
		Added quiz classes: quizBox, wideGrad, quizTitle, quizQuestionBox, quizQuestion, 
	   quizDescAnswer, quizSubmitBox, and quizSubmitButton.
	 Updated: January 2009 - BDE
		Updated hoverdef classes per Ashley Smith SWI.
			1. a.hoverdef color: #4aade1 !important;
			2. a.hoverdef:hover span - font, border, and background gradient image repeated horizontally.
   	Updated: July 2010 - WAA
		Updated width of country name from 33% to 40% to fix the issue that country name was dropped to second line
		Updated width of country name from 40% to 50% to fix the issue that country name was dropped to second line
   	Updated: Sep 2010 - DRC
		Updated width of country #mainPanel .img150 from 150px to auto to alow 240x240px images per Ashley Smith PMTS AM21571823.
   	Updated: Jan 2011 - DRC
		Added #eoQuickView per Ashley Smith PMTS AM22542844.
	 Updated: March 8, 2011 - BDE - AM22772006
		For #countryName style, added text-align left property.  Otherwise country name text is centered in IE8 on search page.
	Updated Dec 2011 - Diego C
	 	.list #maincontent updated to margin: 0% for exxonmobil.com/lubes list template.
	Updated April 2013 - Diego Fortes
	 	Product Detail styles 
	Updated July 1, 2013 - BDE
	 	Added styles .facebook .twitter and .linkedin for use in both narrow and wide toolboxes.
	Updated July 31, 2013 - Diego C
	 	Updated #sidebar left navigation indent to work in IE8 Chrome and Firefox.
	Updated October 2013 - Diego C
	 	Added styles for red header.
	Updated April 2014 - hgoszi
		Added articleimgFloatLeft class
	Update October 2014 - NML CRQ000000220124
		For .home td.bluebg style, added padding property.
	Update October 2015 - NML WO0000006070743
		Aviation ELH Footer Implementation
	=========================================================================================================================== */

/* ====================================================================================================================
	[[[[[  include BASIC styles  ]]]]] 
   ==================================================================================================================== */

* { /* wildcard selector will apply it's declaration to all elements */
	margin: 0; /* undo all margins */
	padding: 0; /* undo all padding */
	background: transparent; }
img, a img { border:0 none; }

ul, ol, li, dl, dt, dd {
	display: block; /* display inline-block list items at block level */
	list-style-type: none; /* undo bullets */
	}
html { /* 16 x 0.625 = 10 */ font-size: 62.5% }
body {	
		text-align: center; 
		padding: 25px 30px;
		font-family: Arial,Helvetica,Sans-Serif; 
		font-size: 1.0em; 
		line-height: 1em; 
		color: #333;	}
p, td {	
		text-align: left;
		font-family: Arial,Helvetica,Sans-Serif; 
		font-size: 1.1em; 
		line-height: 1.4em; 
		color: #333;	}

a, a:link  { color: #1a4a7a; text-decoration: none; }
a:visited { color: #2e4b68; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

table td { font-size: 1em; }  /* BDE: Added line 9/28/07 to reduce blue bar size in FireFox.. */

#container {margin:0 auto; text-align:left; }
#container {width: 914px; }

.clrfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }

/* 	for expression-based IE min-width, max-width emulation, 
	please see additional rule(s) in xom_ie.css */ 


#mainPanel  { background:transparent none; position:relative; margin-right:3px; }


/* ====================================================================================================================
	[[[[[  include HEADER styles  ]]]]] 
   ==================================================================================================================== */
#globalHeader { color:#333; background-color:#fff; padding:0 20px; margin:0 2px 10px 2px; border:0px solid;}
#globalHeader .gnNavOn { color: #036; }
#globalHeader a { color: #666; }
#globalHeader a:hover {	color: #666; }
#globalHeader #search #q { width:100px; height:18px; border:1px solid #acd; color:#999; font-size:1.0em; float:left;}


#logo { display:block; float:left; margin-top:0; }

/* === BDE - 3/13/2008: Added New header styles: langSelector, countryName, and countryDesc. === */ 

/* === Language Selector displays above search box. === */ 
/* BDE 3/19/08: width % below for languages is just a guess.  Couldn't find a way to auto width. */
.langSelect2       { width:35%; float:right; font:bold 1.0em Helvetica,Sans-Serif; position:relative; top:-20px; right:-20px; margin-bottom:0px; }
.langSelect2_indonesia       { width:45%; float:right; font:bold 1.0em Helvetica,Sans-Serif; position:relative; top:-20px; right:-20px; margin-bottom:0px; }
.langSelect2Signum       { width:150px; float:right; font:bold 1.0em Helvetica,Sans-Serif; position:relative; top:-20px; right:-20px; margin-bottom:0px; }
.langSelect3       { width:45%; float:right; font:bold 1.0em Helvetica,Sans-Serif; position:relative; top:-20px; right:-20px; margin-bottom:0px; }
.langChangeLang    { display:inline; color:#333333; }
.langSelectLang1   { display:inline; padding-left: 1.6em; padding-right: 1.2em; color: #666666; }
.langSelectLang    { display:inline; padding-left: 1.6em; padding-right: 1.2em; color: #666666; border-left:dashed #999 1px; }
.langSelectLang1 a         { color:#1A4A7A; }
.langSelectLang1 a:visited { color:#1A4A7A; text-decoration:none; }
.langSelectLang1 a:hover   { color:#1A4A7A; text-decoration:underline; }  /* hover must come after visited. === */
.langSelectLang  a         { color:#1A4A7A; }
.langSelectLang  a:visited { color:#1A4A7A; text-decoration:none; }
.langSelectLang  a:hover   { color:#1A4A7A; text-decoration:underline; }  /* hover must come after visited. === */

/* begin Expando language box (basic white) */
.langframeTL { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat top left;   }
.langframeTR { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat top right;  }
.langframeBL { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat bottom left; }
.langframeBR { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat bottom right; }
.langframeTL { margin:0 0 0 0;    height:20px; line-height:1%; font-size:1%; }
.langframeTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; }
.langframeBL { margin:10px 0 0 0; }
.langframeBR { margin:0 0 0 10px; }
.langframeBR .langframepad { padding:0 1.0em 1.0em 0; margin-top:-15px; position:relative; float:right; }	
/* =end= Expando language box (basic white) */

/* === Country name should be left-aligned and display 20px beneath logo. === */ 
/* WAA 2010/01/07: AM20824226: Update width of country name from 33% to 40% to fix the issue that country name was dropped to 2nd line*/
/* WAA 2010/07/12: AM20923127: Update width of country name from 40% to 50% to fix the issue that country name was dropped to 2nd line*/
#countryName { 
	color:		#5185AA; 
	float:		left; 
	width:		50%; 
	text-align:	left;			/* BDE 2011/03/08: AM22772006: Added property for IE8.  Otherwise text is centered in IE8. */
	clear:		left; 
	margin-top:	20px; 
	border:		none; 
	font:			bold 1.8em Helvetica,Sans-Serif; 
}
#countryName a         { color:#5185AA; }
#countryName a:visited { color:#5185AA; text-decoration:none; }
#countryName a:hover   { color:#5185AA; text-decoration:underline; }  /* hover must come after visited. === */

/* === Country description displays to the right of the country name after a vertical, dashed separator line. */ 
#countryDesc { display:inline; padding-left: 0.8em; border-left:dashed #999 1px; color: #333333; font: bold 0.6em Helvetica,Sans-Serif; }
#countryDescNewLine { display:inline; color: #333333; font: bold 0.6em Helvetica,Sans-Serif; }

#searchBoxNBtn          { float:right; width:45%; } /* BDE 3/19/08: IE hack so keywords box & button will stay on same line. */
#searchBoxNBtnSignum          {clear:both; float:right; width:45%; } /* BDE 3/19/08: IE hack so keywords box & button will stay on same line. */
#search                 { float:right; clear:right; margin-top:1px; border:0px solid; }
#searchCntrNoLangSelect { float:right; clear:right; margin-top:1px; border:0px solid; } /* class for IE hack. */
#searchTerms, #qt { width:104px; height:18px; border:1px solid #acd; float:left; color:#999; font-size:1.0em; }		
#search label { display: none; }
#searchCntrNoLangSelect label { display: none; }


#globalSites { height:25px; }
#globalSites a { font-size: 0.9em; color:#000; }

#globalNav {float:right; clear:right; width:55%; margin-top:6px; }
#globalNav ul { float:right; font-size: 1em;  }
#globalNav ul li { float:left; padding: 1px 0 1px 16px;  white-space:nowrap; }
#globalNav li a { background: transparent; font-weight:bold; }

#globalLanguage {float:left; clear:left; width:44%; margin-top:6px; }
#globalLanguage ul { float:left; font-size: 1em;  }
#globalLanguage ul li { float:left; padding: 1px 0 1px 16px;  white-space:nowrap; border-right:1px dashed; }
#globalLanguage li a { background: transparent; font-weight:bold; }

#navPanel {
	padding-top:12px; position: relative;
	min-height:67px; 
	background:transparent none no-repeat top right; }
#navPanelBg {
	background:transparent url(/Images/Navigation/topLeftGradientSc.jpg) no-repeat top left; }
#navPanelBottom {
	background:transparent url(/Images/Navigation/rightShadow.jpg) no-repeat top right; 
	height:9px;line-height:1%; font-size:1%; }
#navPanelBottomBg { 
	background:transparent url(/Images/Navigation/leftBtShadow.jpg) no-repeat top left; 
	margin-bottom:20px; }


#mainNav {
	border-top: 2px solid #fff; border-bottom: 2px solid #fff; 
	color: #fff; clear:both; margin:0 2px 0 0;
	background: transparent url(/Images/Navigation/lightBlueOn.jpg) repeat-x top left; }
	.home #mainNav { margin:0; }
#mainNav ul { float:left; }
#mainNav ul li { float:left; white-space:nowrap; }
#mainNav li a { color: #fff; 
	background: transparent; padding: 0 10px 1px 10px; text-decoration: none; display:block;
	font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
#mainNav li a:hover, #mainNav li a.mnNavOn {
	background: url(/Images/Navigation/BlueoffBtn.jpg);
	border-left: 1px solid #fff; border-right: 1px solid #fff;
	padding: 0 9px 1px 9px; text-decoration:underline;}
#mainNav li a.mnNavOn { text-decoration:none; }
#mainNav li a#mnLeftMost { padding-left: 23px; }
#mainNav li a#mnLeftMost:hover { padding-left: 22px; }
#mainNav li a#mnLeftMost.mnNavOn { padding-left: 22px; text-decoration:none; }

/* Diego C Oct 2013: Styles for red navigation bar */
.red #mainNav{
	background: transparent url(/Images/Navigation/lightRedOn.jpg) repeat-x top left!important; }
.red #mainNav li a:hover, .red #mainNav li a.mnNavOn {
	background: url(/Images/Navigation/RedoffBtn.jpg);}

/* =============================================================================================================
	[[[[[  accessibility - related  rules  ]]]]] 
   ============================================================================================================= */
/* normal state for skip navigation link */
.skip { 
	display:block; 
	position:absolute; 
	left:-999px; 
	top:0; 
	width:1px; 
	height:1px; 
	overflow:hidden; }
/* state for skip navigation with focus */
.skip:focus, .skip:active {
	display:block; 
	position:absolute; 
	left:50%; 
	top:0; 
	margin-left:-7em !important;
	margin-left:-11em;
	text-align:center;
	font-size:1.4em; 
	font-weight:bold; 
	color:#111; 
	background-color:#eee; 
	border:3px solid #f30; 
	width:14em; 
	height:auto;
	padding:5px; } 



/* =============================================================================================================
	[[[[[  include MAIN styles  ]]]]] 
   ============================================================================================================= */
#navTitle { font-family:Helvetica,Arial,Sans-Serif; font-size:2.1em; 
	margin:5px 25px 5px 25px; line-height:1em; font-weight:bold; 
	color:#369; }
	
h1, h2, h3, h4, h5 { font-weight:bold; line-height:1em; }

h1, .h1style {
	font-size:1.6em;
	color: #06C;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 0.2em;
	padding-right: 0;
	padding-left: 0;
}
h1 p, h1 {
	color:#333;
}
h2, .h2style {
	font-size:1.4em;
	margin:0;
	padding:.2em 0 .3em 0; }
h3, .h3style {
	font-size:1.1em;
	margin:0 0 1em 0;
	padding:1em 0 0 0;	}
h4, .h4style { 
	font-size:1.1em; 
	line-height:1.4em; }
h5, .h5style { 
	font-size:1.0em; 
	line-height:1.4em; }


h1 a, h1 a:link, 
h2 a, h2 a:link, 
h3 a, h3 a:link, 
h4 a, h4 a:link, 
h5 a, h5 a:link 
	{ color:#1a4a7a }


p { margin:0; padding:0 0 10px 0; }

/* #mainPanel a {font-weight: bold;} */



.barbgleftSumbit { display:block; 
		background:transparent url(/Images/button/leftSideBtn.jpg) no-repeat top left;  
		float:left; margin-left:10px; }
.barbgrightSubmit { display:block; 
		background:transparent url(/Images/button/rightSideBtn.jpg) no-repeat top right; }
input.middleSubmitBtn { background:transparent url(/Images/button/middleBtn.jpg) repeat-x top left;
		display:block; margin:0 5px 0 5px; height:18px; border:0 none; 
		color:#1b5e8e; font:bold 0.9em Helvetica,Sans-Serif; cursor:pointer; }
input.expandBtn { background:transparent none; border:0 none; color:#1b5e8e; 
		display:block; font:bold 0.9em Helvetica,Sans-Serif; cursor:pointer; }


.noBorderT { border-top:none 0 !important }
.noBorderR { border-right:none 0 !important }
.noBorderB { border-bottom:none 0 !important }
.noBorderL { border-left:none 0 !important }

.borderR { border-right:dashed #999 1px !important }
.borderL { border-left:dashed #999 1px !important }

/* for "hover definitions" */
.subfeature h3 a.hoverdef { background:transparent; padding:0;  width:auto;}
#container #mainContent a.hoverdef,
#mainPanel p a.hoverdef
	{ text-decoration:none; font-weight:normal; }
html>/**/body a.hoverdef { display:inline-block; }
a.hoverdef {
  position:relative;
  z-index:1;
  text-decoration:none;
  padding:0;
  margin:0 12px 0 0;
  color:  #4aade1 !important;
  border-bottom:1px dashed; }
a.hoverdef img {
  display:block;
  float:none;
  position:absolute;
  z-index:10;
  top:0px;
  right:-12px;
  width:12px;
  height:12px;				
  border:none;
  background:transparent none;
  padding:0;
  margin:0; }
a.hoverdef:hover {
  text-decoration:none;
  border-bottom:1px solid; }
a.hoverdef span {  
  display:block; 
  position:absolute;
  z-index:20;
  width:0;
  height:0;
  overflow:hidden;
  }
a.hoverdef:hover span {
  display:block;
  float:left;
  position:absolute;
  z-index:30;
  top:1.5em;
  left:1.5em;
  width:215px;
  height:auto;
  border:1px solid #3399cc;
  padding:3px 6px 3px 9px;
  color:#333;
  font-weight: normal;
  font-size:12px;
  line-height:1.4em;
  text-decoration:none;
  font-family:  Arial, Helvetica, sans-serif;
  background: #f5fafe url(/Images/Navigation/bg_hover_repeat-x.jpg) repeat-x bottom;  }


/* begin Expando headerbar v2.1 */
.headerbarTL { background:transparent url(/Images/button/GreyBar.jpg) no-repeat top left;   }
.headerbarTR { background:transparent url(/Images/button/GreyBar.jpg) no-repeat top right;  }
.headerbarBL { background:transparent url(/Images/button/GreyBar.jpg) no-repeat bottom left; }
.headerbarBR { background:transparent url(/Images/button/GreyBar.jpg) no-repeat bottom right; }
.headerbarTL { margin:0 0 0 0; 	  height:14px; line-height:1%; font-size:1%; }
.headerbarTR { margin:0 0 0 10px; height:14px; line-height:1%; font-size:1%; }
.headerbarBL { margin:0 0 0 0;    }
.headerbarBR { margin:0 0 0 5px;  }
.headerbarBR h3 
	{ background: transparent url(/Images/navigation/circle.jpg) no-repeat 0 3px; 
		margin:0 0 2px 0; padding:3px 0 0 17px; font-size:1.1em; float:left; }
.headerbarBR .headerbarpad 
	{ padding:0 10px 0 0; margin-top:-16px; position:relative; float:left; }
.headerbarBR .headerbarpad a 
	{ color:#2E4B68; line-height:1.2em; float:left; display:inline; 
		padding:0 0 0 0; margin:3px 0 0 0; width:100%; }
/* =end= Expando headerbar v2.1 */

.headerbar h3 
			{ 	padding:0; margin:0; 
				border-bottom:1px solid #ccc; 
				background:#ebebeb none no-repeat 0; }
.headerbar h3 a  
			{ 	display:block;
				color:#666;
				position:relative; 
				padding:4px 25px 2px 25px;
				background:#ebebeb url(/Images/navigation/hdrBarCir.gif) no-repeat 5px .25em; }
.headerbar h3 a:visited  
			{ 	color:#666; }
.headerbar h3 a:hover  
			{ 	color:#036;
				background-color:#dee9f2; }
.headerbar h3 a span 
			{ 	display:block; 
				position:absolute; 
				top:0; right:0; 
				height:11px; width:20px; 
				margin-top:.25em; 
				background:transparent url(/Images/navigation/hdrBarArowOff.gif) no-repeat center }
.headerbar h3 a:hover span 
			{ 	background-image:url(/Images/navigation/hdrBarArowOver.gif); }

.headerbar h3.nolink 
			{ 	color:#666; 
				padding:4px 25px 2px 25px; margin:0; 
				border-bottom:1px solid #ccc; 
				background:#ebebeb url(/Images/navigation/hdrBarCir.gif) no-repeat 5px .25em; }



/*  ########################################################################  */



/* begin Expando callout (basic blue) v2.0 */
.callblueTL { background:transparent url(/Images/navigation/homeBanner600.gif) no-repeat top left;   }
.callblueTR { background:transparent url(/Images/navigation/homeBanner600.gif) no-repeat top right;  }
.callblueBL { background:transparent url(/Images/navigation/homeBanner600.gif) no-repeat bottom left; }
.callblueBR { background:transparent url(/Images/navigation/homeBanner600.gif) no-repeat bottom right; }
.callblueTL { margin:0 0 0 0; 	  height:20px; line-height:1%; font-size:1%; }
.callblueTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; }
.callblueBL { margin:0 0 0 0; }
.callblueBR { margin:0 0 0 10px; }
.callblueBR .callbluepad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;}	
/* =end= Expando callout (basic blue) v2.0 */


/* begin Expando callout (basic white) v2.0 */
.callwhiteTL { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat top left;   }
.callwhiteTR { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat top right;  }
.callwhiteBL { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat bottom left; }
.callwhiteBR { background:transparent url(/Images/navigation/f2wBanner600.gif) no-repeat bottom right; }
.callwhiteTL { margin:0 0 0 0; 	  height:20px; line-height:1%; font-size:1%; }
.callwhiteTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; }
.callwhiteBL { margin:10px 0 0 0; }
.callwhiteBR { margin:0 0 0 10px; }
.callwhiteBR .callwhitepad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;}	
/* =end= Expando callout (basic white) v2.0 */


/* begin Expando callout (basic gray) v2.0 */
.callgrayTL { background:transparent url(/Images/navigation/blankBanner600.jpg) no-repeat top left;   }
.callgrayTR { background:transparent url(/Images/navigation/blankBanner600.jpg) no-repeat top right;  }
.callgrayBL { background:transparent url(/Images/navigation/blankBanner600.jpg) no-repeat bottom left; }
.callgrayBR { background:transparent url(/Images/navigation/blankBanner600.jpg) no-repeat bottom right; }
.callgrayTL { margin:0 0  0 0; 	 height:20px; line-height:1%; font-size:1%; }
.callgrayTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; }
.callgrayBL { margin:10px 0 0 0; }
.callgrayBR { margin:0 0 0 10px; }
.callgrayBR .callgraypad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;}	
/* =end= Expando callout (basic gray) v2.0 */



.frame02TL { background:transparent url(/Images/navigation/frame03.gif) no-repeat top left;   }
.frame02TR { background:transparent url(/Images/navigation/frame03.gif) no-repeat top right;  }
.frame02BL { background:transparent url(/Images/navigation/frame03.gif) no-repeat bottom left; }
.frame02BR { background:transparent url(/Images/navigation/frame03.gif) no-repeat bottom right; }
.frame02TL { margin:0 0 0 0; 	height:10px; line-height:1%; font-size:1%; }
.frame02TR { margin:0 0 0 10px; height:10px; line-height:1%; font-size:1%; }
.frame02BL { margin:0 0 0 0; }
.frame02BR { margin:0 0 0 10px; }



.callout {background:transparent url(/Images/navigation/blueGradient.jpg) no-repeat top right;}
/* begin Expando callout (basic blue) v2.0 */
.frame01TL { background:transparent url(/Images/navigation/calloutFrame1000.gif) no-repeat top left;   }
.frame01TR { background:transparent url(/Images/navigation/calloutFrame1000.gif) no-repeat top right;  }
.frame01BL { background:transparent url(/Images/navigation/calloutFrame1000.gif) no-repeat bottom left; }
.frame01BR { background:transparent url(/Images/navigation/calloutFrame1000.gif) no-repeat bottom right; }
.frame01TL { margin:0 0 0 0; 	height:3px; line-height:1%; font-size:1%; }
.frame01TR { margin:0 0 0 10px; height:3px; line-height:1%; font-size:1%; }
.frame01BL { margin:0 0 0 0; }
.frame01BR { margin:0 0 0 10px; }

.home .frame01TL { height:20px; }
.home .frame01TR { height:20px; }
.home .frame01BR .frame01pad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left; }
.home .frame01pad a { font-weight:bold; }
.home .frame01pad .content { padding:10px 0 30px 15px; }
.home .frame01pad .content p { padding:0 60px 15px 0; }
.home .frame01 { background:transparent none repeat-x top right; }

body.landing div#subfeatureCallouts div.content {width:70%;}

.callout .content {
	padding:5px 10px; 
	min-height:60px; height:auto !important; height:60px; 
	background:transparent none no-repeat 0; }

.callout .content h2 { padding-bottom:.1em; }
/* =end= Expando callout (basic blue) v2.0 */


.home .callout .content { 
	padding:0 10px 10px 10px; 
	min-height:100px; height:auto !important; height:100px; 
	background:transparent none no-repeat 100% 10%; }  /* OME Jan 5,2009 : AM16295940 reduce image width to 100% to show the correct size*/
.home .callout h2 { color:#2E4B68; font-size:1.5em; line-height:1.2em; margin:0; padding:0; }
.home .callout p  { padding:0; margin-bottom:10px; }
.home .callout .img60 { padding-right:60px; }

#container #mainPanel .callout .img40 { padding-right:40px; margin:0; width:auto; }
#container #mainPanel .callout .img45 { padding-right:45px; margin:0; width:auto; }
#container #mainPanel .callout .img50 { padding-right:50px; margin:0; width:auto; }
#container #mainPanel .callout .img55 { padding-right:55px; margin:0; width:auto; }
#container #mainPanel .callout .img60 { padding-right:60px; margin:0; width:auto; }
#container #mainPanel .callout .img65 { padding-right:65px; margin:0; width:auto; }
#container #mainPanel .callout .img70 { padding-right:70px; margin:0; width:auto; }
#container #mainPanel .callout .img75 { padding-right:75px; margin:0; width:auto; }
#container #mainPanel .callout .img80 { padding-right:80px; margin:0; width:auto; }
#container #mainPanel .callout .img85 { padding-right:85px; margin:0; width:auto; }
#container #mainPanel .callout .img90 { padding-right:90px; margin:0; width:auto; }

/* begin Expando feature (basic transparent) v2.0 */
.featuretransTL { background:transparent url(/Images/navigation/transBox1000.gif) no-repeat top left;   }
.featuretransTR { background:transparent url(/Images/navigation/transBox1000.gif) no-repeat top right;  }
.featuretransBL { background:transparent url(/Images/navigation/transBox1000.gif) no-repeat bottom left; }
.featuretransBR { background:transparent url(/Images/navigation/transBox1000.gif) no-repeat bottom right; }
.featuretransTL { margin:0 0 0 0; 	 height:20px; line-height:1%; font-size:1%; }
.featuretransTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; }
.featuretransBL { margin:0 0 0 0; }
.featuretransBR { margin:0 0 0 10px; }
.featuretransBR .featuretranspad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;}
.featuretranspad a {font-weight:bold;}
.featuretranspad .content {padding:10px 0 30px 15px; }
.featuretranspad .content p {padding:0 60px 15px 0;}
.featuretrans { background:transparent none repeat-x top right;   }
/* =end= Expando feature (basic transparent) v2.0 */




/* begin Expando Button v2.0 */
.buttonTL { background:transparent url(/Images/button/expandoButton.jpg) no-repeat top left;  }
.buttonTR { background:transparent url(/Images/button/expandoButton.jpg) no-repeat top right; }
.buttonBL { background:transparent url(/Images/button/expandoButton.jpg) no-repeat bottom left; }
.buttonBR { background:transparent url(/Images/button/expandoButton.jpg) no-repeat bottom right; }
.buttonTL { margin:0 0 0 0; 	height:5px; line-height:1%; font-size:1%; }
.buttonTR { margin:0 0 0 9px; 	height:5px; line-height:1%; font-size:1%; }
.buttonBL { margin:0 0 0 0; 	}
.buttonBR { margin:0 0 0 9px; 	}
.buttonBR .bttnpad   { padding:0 9px 5px 0; text-align:center; position:relative; }
.buttonBR .bttnpad a { display:block; padding:0; margin:0 auto; width:100%; font-weight:normal; font-size:1em;}
/* =end= Expando Button v2.0 */

.subfeature .item .buttonBL { width:68%; margin:0 auto;}

/* =============================================================================================================
	[[[[[  include FOOTER styles  ]]]]] 
   ============================================================================================================= */
#globalFooter { 
	border-top:1px solid #f0f0f0; 
	margin:0; padding:20px 0 0 0; 
	text-align:center; font-size:1.0em; }
#globalFooter a { color:#666; }

.footerNav { text-align:center; padding:10px 0 0 0; }
.footerNav li { display:inline; padding:0 12px 0 8px; border-right:dashed #999 1px; line-height:1.6em;}

#globalFooter .logo li { border-right:none 0; padding-right:0;  }
#globalFooter .logo img { padding-right:12px; }


/*  ****************************************************************************************  */
.quicklinks { font-weight:bold;  }

#container .quicklinks ul, #container .quicklinks ol 
		{ padding:0 0 2em 2.5em; margin:10px 0; font-size:1.0em; position:relative; display:block; clear:left;}
.quicklinks li { display:list-item; padding:1px 0; margin:0; font-size:1.1em; line-height:1.4em; color:#666;}
.quicklinks ul li { list-style:disc; }
.quicklinks ul li a, .quicklinks ul li a:link { color:#1a4a7a; font-size:1.0em;}

/* =============================================================================================================
	[[[[[  include SIDEBAR styles  ]]]]] 
   ============================================================================================================= */
#sideBar { float:left; width:200px; }

.subnav { font-weight:bold; margin-bottom:30px; }
.subnav .capTL { background:#ebebeb url(/Images/Navigation/leftNavTop.gif) no-repeat top left; }
.subnav .capTR { background:#ebebeb url(/Images/Navigation/leftNavTop.gif) no-repeat top right; }
.subnav .capTL { margin:0 0 0 0;    height:17px; line-height:1%; font-size:1%; border-bottom:1px solid #ccc; }
.subnav .capTR { margin:0 0 0 10px; height:17px; line-height:1%; font-size:1%; }

.subnav .capBL { background:#ebebeb url(/Images/Navigation/leftNavBottom.gif) no-repeat bottom left; }
.subnav .capBR { background:#ebebeb url(/Images/Navigation/leftNavBottom.gif) no-repeat bottom right; }
.subnav .capBL { margin:0 0 0 0;    height:23px; line-height:1%; font-size:1%; border-top:1px solid #fff; }
.subnav .capBR { margin:0 0 0 10px; height:23px; line-height:1%; font-size:1%; }

.subnav .subL { background:transparent url(/Images/Navigation/leftNavShadow.gif) repeat-y top left; }
.subnav .subR { background:transparent url(/Images/Navigation/leftNavShadow.gif) repeat-y top right; }


/********************************/
/* for non-TABLE version of nav */
.subnav li a:visited { color:#666; }

.subnav ul { font-size:1.0em; }
.subnav li 
			{ 	padding:0; margin:0 2px; 
				border-top:1px solid #fff; 
				background:transparent none no-repeat 0; }
.subnav li a
			{ 	display:block; 
				font-size:1.2em;
				color:#666; 
				padding:4px 4px 3px 25px;
				border-bottom:1px solid #ccc; 
				background:#ebebeb url(/Images/Navigation/left-nav-01.gif) no-repeat 8px .3em; }
.subnav li a:hover  
			{ 	color:#036;
				background:#dee9f2 url(/Images/Navigation/left-nav-02.gif) no-repeat 8px .3em; }
.subnav li a.selected, .subnav li a:hover.selected  
			{ 	color:#036;
				background:#dee9f2 url(/Images/Navigation/left-nav-03.gif) no-repeat 8px .3em; }


.subnav li.endpoint a  
			{ 	background:#ebebeb url(/Images/Navigation/left-nav-04.gif) no-repeat 8px .3em; }
.subnav li.endpoint a:hover  
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; }
.subnav li.endpoint a.selected 
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; }

.subnav li li a  
			{ 	background:#ebebeb url(/Images/Navigation/left-nav-06.gif) no-repeat 8px .3em; }
.subnav li li a:hover  
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-07.gif) no-repeat 8px .3em; }
.subnav li li a.selected, .subnav li li a:hover.selected   
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-08.gif) no-repeat 8px .3em; }


/*#sideBar .subnav li li { margin:0; }
#sideBar .subnav li li a 
	{ padding:4px 4px 3px 40px; background-position:23px .3em; font-size:1.1em; }
#sideBar .subnav li li li a 
	{ padding:4px 4px 3px 55px; background-position:38px .3em; font-size:1.1em; }
#sideBar .subnav li li li li a 
	{ padding:4px 4px 3px 70px; background-position:53px .3em; font-size:1.1em; font-weight:normal; }*/
	
/*	Updated July 31, 2013 - Diego C
	 	Updated #sidebar left navigation indent to work in IE8 Chrome and Firefox. */

#sideBar .subnav LI LI {
	MARGIN: 0px
}
#sideBar .subnav ul ul LI A {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 40px; PADDING-RIGHT: 4px; BACKGROUND-POSITION: 23px 0.3em; PADDING-TOP: 4px
}
#sideBar .subnav ul ul ul LI A {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 55px; PADDING-RIGHT: 4px; BACKGROUND-POSITION: 38px 0.3em; PADDING-TOP: 4px
}	

/*********************************/
/* for TABLE-ized version of nav */
#sideBar .subnav table td { font-size:1em; }
#sideBar .subnav table li { border-top:0 none; margin:0;  }
#sideBar .subnav table td a:visited { color:#666; }

#sideBar .subnav table td 
			{ 	padding:0; margin:0 2px; 
				border-top:1px solid #fff; 
				background:transparent none no-repeat 0; }
#sideBar .subnav table td a
			{ 	display:block; 
				font-size:1.2em;
				color:#666; 
				padding:4px 4px 3px 25px;
				border-bottom:1px solid #ccc; 
				background:#ebebeb url(/Images/Navigation/left-nav-01.gif) no-repeat 8px .3em; }
#sideBar .subnav table td a:hover  
			{ 	color:#036;
				background:#dee9f2 url(/Images/Navigation/left-nav-02.gif) no-repeat 8px .3em; }
#sideBar .subnav table td a.selected, #sideBar .subnav table td a:hover.selected  
			{ 	color:#036;
				background:#dee9f2 url(/Images/Navigation/left-nav-03.gif) no-repeat 8px .3em; }

#sideBar .subnav table td .endpoint a  
			{ 	background:#ebebeb url(/Images/Navigation/left-nav-04.gif) no-repeat 8px .3em; }
#sideBar .subnav table td .endpoint a:hover  
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; }
#sideBar .subnav table td .endpoint a.selected 
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; }

#sideBar .subnav table td td a  
			{ 	background:#ebebeb url(/Images/Navigation/left-nav-06.gif) no-repeat 8px .3em; }
#sideBar .subnav table td td a:hover  
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-07.gif) no-repeat 8px .3em; }
#sideBar .subnav table td td a.selected, .#sideBar .subnav table td td a:hover.selected   
			{ 	background:#dee9f2 url(/Images/Navigation/left-nav-08.gif) no-repeat 8px .3em; }

#mainPanel #sideBar .subnav table td td { margin:0; }
#mainPanel #sideBar .subnav table td td a 
	{ padding:4px 4px 3px 40px; background-position:23px .3em; font-size:1.1em; }
#mainPanel #sideBar .subnav table td td td a 
	{ padding:4px 4px 3px 55px; background-position:38px .3em; font-size:1.1em; }
#mainPanel #sideBar .subnav table td td td td a 
	{ padding:4px 4px 3px 70px; background-position:53px .3em; font-size:1.1em; font-weight:normal; }


			
/* =============================================================================================================
	[[[[[  include TOOLBAR styles  ]]]]] 
   ============================================================================================================= */
   
#toolbar { float:right; width:150px;  }
#toolbar .padding { margin: 5px 20px 25px 20px; }

#toolbar img , #toolbar_wide img  { margin:15px 0; }

#toolbar .toolbox .padding { margin:-5px 10px 0 5px; padding-bottom:50px; }
.toolbox a {display:block; line-height:1.1em; font-weight:bold; padding-top:1px; padding-bottom:5px; }
/* .tools a { color:#333; } */

/* BDE 7/1/13: Added 3 Social Media styles below for use in WIDE toolbox */
div.toolsright .facebook  {
	background-image: url(/Images/button/likeBtn.png);     margin-bottom: 10px; margin-top: 5px; min-height: 17px;
}
div.toolsright .linkedin  { 
	background-image: url(/Images/button/inShareBtn.png);  margin-bottom: 10px; 
}
div.toolsright .twitter   { 
	background-image: url(/Images/button/tweetBtn.png);    margin-bottom: 10px; 
}
/* BDE 7/1/13: Added 3 Social Media styles below for use NARROW toolbox. */
.toolbox .facebook  { 
	background-image: url(/Images/button/likeBtn.png);     margin-bottom: 5px; margin-top: 1px; min-height: 17px;
}
.toolbox .linkedin  { 
	background-image: url(/Images/button/inShareBtn.png);  margin-bottom: 5px; 
}
.toolbox .twitter   { 
	background-image: url(/Images/button/tweetBtn.png);    margin-bottom: 0px; 
}

#toolbar .title { display:block; clear:left; font-size:1.3em; font-weight:bold; line-height:1em; padding:5px 0 5px 0; }
#toolbar .tools { text-align:left; margin:5px 0 0 0; }
#toolbar .tools a { font-weight:normal; }
#toolbar .tools li { padding:0; margin:0; }


.iconleft { padding-left:25px; display:block; 
	min-height:15px; height:auto !important; height:15px;
	background:transparent url(/Images/navigation/clear.gif) no-repeat left top; }
	
.iconright { padding-right:20px; display:block; 
	min-height:15px; height:auto !important; height:15px;
	background:transparent url(/Images/navigation/clear.gif) no-repeat right top; }

#globalFooter .iconleft  { display:inline; }
#globalFooter .iconright { display:inline; }


div .print  { background-image: url(/Images/Icons/iconPrint.gif); }
div .email  { background-image: url(/Images/Icons/iconEmail.gif); }
div .addfav { background-image: url(/Images/Icons/iconFav.gif); }
div .subrss { background-image: url(/Images/Icons/iconRss.gif); }
div .pdf    { background-image: url(/Images/Icons/pdfIcon.gif); }
div .audio  { background-image: url(/Images/Icons/listenIcon.gif); }

div .greenup {background-image: url(/Images/Icons/green_arrow.jpg); }
div .reddown {background-image: url(/Images/Icons/red_arrow.jpg); }


div .globe  { background-image: url(/Images/icons/ftrWorld.gif); background-position:0 -1px; }
div .phone  { background-image: url(/Images/icons/ftrPhone.gif); }

#toolbar .textSize { text-align:left;  }
#toolbar .textSize li { float:left; padding:5px 5px 0 0; margin:0; }
#toolbar .textSize img { margin:0; }
#toolbar .textSize .label { padding:6px 0 5px 0; line-height:1em; font-size:1em; color:#666; }

#toolbar .related { 
	margin:20px 0 0 3px; 
	float:left; 
}

#toolbar div.related img { 
	margin:0; 
	padding:0; 
	display:inline; 
}

#toolbar .relatedProductDetails { 
margin:10px 0px 5px;
float:left; 
background-image: url(/Images/Navigation/related_bottom.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

.relatedimg150X68 {
	margin:0;
	padding:0;
	display:inline;
	height: 68px;
	width: 150px;
}
.relatedimg150X25 {
	margin:0;
	padding:0;
	display:inline;
	height: 25px;
	width: 150px;
}
.relatedProductDetails p {
	margin-left: 7px;
	margin-right: 7px;
	margin-top: -3px;
	margin-bottom: 0px;
	padding: -5px 0px 8px;
	font-size: 11px;
	color: #666666;
}

#toolbar div.relatedimg150X68 img{
	margin:0;
	padding:0;
	display:inline;
	height: 68px;
	width: 147px; /*prev 150px*/
}

/*
#toolbar .related ul { padding:2px 0 0 0; }
#toolbar .related ul li { padding:0 0 0 0; }
#toolbar .related ul li a { margin-top:3px; } 
*/

/* UPDATE 2.2 */

#toolbar_wide {
	float:right;
	width:220px;
}
#toolbar_wide .padding { margin: 5px 20px 25px 20px; }
#toolbar_wide img { margin:15px 0; }
#toolbar_wide .toolbox .padding {
	padding-bottom:40px;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
}
.toolbox_wide a {display:block; line-height:1.1em; font-weight:bold; padding-top:1px; padding-bottom:5px; }
#toolbar_wide .title { display:block; clear:left; font-size:1.3em; font-weight:bold; line-height:1em; padding:5px 0 5px 0; }
#toolbar_wide .related .title {
	display:block;
	clear:left;
	font-size:1.3em;
	font-weight:bold;
	line-height:1em;
	padding:5px 0 5px 0;
	color: #EA1B2B;
}
#toolbar_wide .tools { text-align:left; margin:5px 0 0 0; }
#toolbar_wide .tools a { font-weight:normal; }
#toolbar_wide .tools li { padding:0; margin:0; }
#toolbar_wide .textSize {
	text-align:left;
	margin-top: 5px;
}
#toolbar_wide .textSize li { float:left; padding:5px 5px 0 0; margin:0; }
#toolbar_wide .textSize img { margin:0; }
#toolbar_wide .textSize .label { padding:6px 0 5px 0; line-height:1em; font-size:1em; color:#666; }

#toolbar_wide .related {
	padding-left: 0px;
	margin:20px 0 0 1px;
	/*float:left; *//* Diego - July 2011 - Removed to fix Qatar news_events_wpc_presentations.aspx issue */
}

#toolbar_wide div.related img { 
margin:0; 
padding:0; 
display:inline; 
}

/* END UPDATE 2.2 */



/* =============================================================================================================
	[[[[[  include ARTICLE styles  ]]]]] 
   ============================================================================================================= */
#mainContent { margin:0 150px 0 200px; padding:0 20px 25px 30px; }

.contentWrapper { overflow:hidden; }

.article #mainContent a { text-decoration:underline; }
.article #mainContent_thin a { text-decoration:underline; }
.article #mainContent_microsite a { text-decoration:underline; }

#mainPanel .left { float:left; margin-right:15px; }
#mainPanel .right { float:right; margin-left:10px; }
#mainPanel .textcenter { text-align:center; }
#mainPanel .textright { text-align:right; }
#mainPanel .textleft { text-align:left; }
#mainPanel .nobr { white-space:nowrap; }

/* #mainContent .wbr { font-size:1%; } */
.wbr { position:absolute; display:inline-block; }
* html .wbr { position:relative; display:inline-block; }


#mainPanel .img240 { display:block; margin-bottom:5px; width:240px; }
#mainPanel .img240 img { display:block; }
#mainPanel .img150 {
	display:block;
	margin-bottom:5px;
	width:auto;/* prev :150px;*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainPanel .img150 img {
	display:block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainPanel .img495 { display:block; margin-bottom:5px; width:495px; }
#mainPanel .img495 img { display:block; }

#mainPanel .img435 { display:block; margin-bottom:5px; width:435px; }
#mainPanel .img435 img { display:block; }

#mainContent .img90 { display:block; margin-bottom:3px; width:90px; }
#mainContent .img90 img { display:block; }
#mainContent .img60 { display:block; margin-bottom:2px; width:60px; }
#mainContent .img60 img { display:block; }


#mainPanel .caption { display:block; font-size:0.9em; line-height:1.1em; margin:5px; text-align:center; }




#mainPanel .clrboth { clear:none; overflow:auto; }
.linebox .clrfix { overflow:visible; }
.linebox .clrfix:after { clear:none; }
.home #mainPanel .clrboth { clear:left; }
.search .linebox .clrfix { overflow:hidden; }
.search .linebox .clrfix:after { clear:both; }
.search #mainPanel .clrboth { clear:left; }

.rss .linebox .clrfix { overflow:auto; }
.rss .linebox .clrfix:after { clear:none; }


#mainContent ul, 
#mainContent ol 
		{ padding:0 0 2em 2.5em; margin:0; display:block; }
#mainContent li { display:list-item; padding:0; margin:0; font-size:1.1em; line-height:1.4em; }
#mainContent ul li { list-style-type:disc; }
#mainContent ol li { list-style-type:decimal; } 

/* UPDATE 2.2 */

#mainContent_thin {
	margin-top: 0;
	margin-right: 224px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 23px;
	padding-bottom: 25px;
	padding-left: 23px;
}
#mainContent_thin .img90 { display:block; margin-bottom:3px; width:90px; }
#mainContent_thin .img90 img { display:block; }
#mainContent_thin .img60 { display:block; margin-bottom:2px; width:60px; }
#mainContent_thin .img60 img { display:block; }
#mainContent_thin ul, 
#mainContent_thin ol { padding:0 0 2em 2.5em; margin:0; display:block; }
#mainContent_thin li { display:list-item; padding:0; margin:0; font-size:1.1em; line-height:1.4em; }
#mainContent_thin ul li { list-style-type:disc; }
#mainContent_thin ol li { list-style-type:decimal; }

#mainContent_microsite {
margin-top: 0;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 0;
padding-right: 23px;
padding-bottom: 25px;
padding-left: 23px;
float: left;
}
#mainContent_microsite .img90 { display:block; margin-bottom:3px; width:90px; }
#mainContent_microsite .img90 img { display:block; }
#mainContent_microsite .img60 { display:block; margin-bottom:2px; width:60px; }
#mainContent_microsite .img60 img { display:block; }
#mainContent_microsite ul, 
#mainContent_microsite ol { padding:0 0 2em 2.5em; margin:0; display:block; }
#mainContent_microsite li { display:list-item; padding:0; margin:0; font-size:1.1em; line-height:1.4em; }
#mainContent_microsite ul li { list-style-type:disc; }
#mainContent_microsite ol li { list-style-type:decimal; }  

/* END UPDATE 2.2 */

div.related ul, 
div.related ol 
		{ padding:0 0 2em 2.5em; margin:0; display:block; font-size:1em;  }
div.related li { display:list-item; padding:0 0 .5em 0; margin:0; font-size:1.0em; line-height:1.2em; }
div.related ul li { list-style-type:disc; }
div.related ol li { list-style-type:decimal; } 
div.related li a { font-weight:bold; }

#container a b,
#container a strong,  
#container a i,  
#container a em
	{ color:inherit; color: #1a4a7a; }
#container a:visited b,
#container a:visited strong,  
#container a:visited i,  
#container a:visited em
	{ color:inherit; color: #2e4b68; }

#container div.related ul.nodisc,  
#container div.related ol.nodisc, 
#container div.related ol.nonum,  
#container div.related ul.nonum 
{ margin:0; padding:5px 0 5px 0; } 

#mainPanel .subfeature ul, 
#mainPanel .subfeature ol 
		{ padding:0 0 0 2.5em; margin:9px 20px 10px 0; font-size:1.0em; position:relative; display:block; }
#mainPanel .subfeature li { display:list-item; padding:1px 0; margin:0; font-size:1.1em; line-height:1.4em; }
#mainPanel .subfeature ul li { list-style-type:disc; }
#mainPanel .subfeature ol li { list-style-type:decimal; } 
#mainPanel .subfeature li a  { font-size:1em; }

#mainPanel .subfeature ul.lipad li { margin-bottom: 1.5em; }


.rssfeeds { padding:0 1% 0 1%;}
.rssfeeds a { display:block; line-height:1.1em; padding-bottom:5px; }

#mainContent .rssfeeds ul    { padding:0; }
#mainContent .rssfeeds ul li { list-style-type:none; font-size:1.0em; }

/* For Internet Explorer */
#mainPanel hr {display:block; text-align:left; width:85%; height:1px; color:#bbb; border:none; padding:0; margin:0;} 
/* For Opera and Gecko-based browsers */
html>body #mainPanel hr {margin-left:0; width:85%; height:1px; background-color:#bbb; border:0 solid #bbb; } 



.linebox { width:100%; position:relative; margin-bottom:10px; }
.linebox .lineBorder { border:solid 1px #888; padding:20px; background-color:#fff; }
.linebox .lineGrad   { border:solid 1px #888; padding:1% 2% 3% 5%; 
						background:transparent url(/Images/Icons/toolGradient.jpg) repeat-x 0 0; }
.linebox .lightGray   { border:solid 1px #ccc; padding:0; 
						background:#f0f0f0 none no-repeat; }

.linebox .lineTL, .linebox .lineTR, .linebox .lineBL, .linebox .lineBR  {height:13px; width:13px; position:absolute;}
.linebox .lineTL { background:transparent url(/Images/navigation/leftTopCorner.gif)  no-repeat top left; } 
.linebox .lineTR { background:transparent url(/Images/navigation/rightTopCorner.gif) no-repeat top right; }
.linebox .lineBL { background:transparent url(/Images/navigation/leftBotCorner.gif)  no-repeat bottom left; } 
.linebox .lineBR { background:transparent url(/Images/navigation/rightBotCorner.gif) no-repeat bottom right; }
.linebox .lineTL { top:-2px; 	left:-2px;  } 
.linebox .lineTR { top:-2px; 	right:-2px; }
.linebox .lineBL { bottom:-2px; left:-2px;  } 
.linebox .lineBR { bottom:-2px; right:-2px; }

.linebox .lightGray .lineTL { background-image:url(/Images/navigation/cccCornerTL.gif); } 
.linebox .lightGray .lineTR { background-image:url(/Images/navigation/cccCornerTR.gif); }
.linebox .lightGray .lineBL { background-image:url(/Images/navigation/cccCornerBL.gif); } 
.linebox .lightGray .lineBR { background-image:url(/Images/navigation/cccCornerBR.gif); }


.linebox .quizQuestions {   }
.linebox .quizQuestions .padding { }
.linebox .quizAnswers {  border:0 none;  }
.linebox .quizAnswers input{  }


/* BDE: 12/17/08:  New quiz styles: quizBox family */

.quizBox 
	{ 
	width:         auto; 
	position:      relative; 
	margin-bottom: 10px; 
	}

.quizBox .wideGrad
	{ 
	border:     solid 1px #ccc; 
	padding:    15px 30px 0px 30px;
	background: #f5fafe url(/Images/Navigation/bg_quiz_repeat-x.jpg) repeat-x bottom; 
	}

.quizBox .quizTitle 
	{ 
	position:       relative;
	margin-left:    -15px; 
	padding-bottom:  15px; 
	font-family:    Arial, Helvetica, sans-serif;
	font-weight:    bold;
	font-size:      1.65em;	/* ~18px */
	color:          #369;
	}

.quizBox .quizQuestionBox
	{   
	border:           1px solid #ccc;
	margin-bottom:    15px;
	padding:          20px;
	background-color: #fff;
	}
	
.quizBox .quizQuestionBox .padding { }

.quizBox .quizQuestion
	{   
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:   1.1em;	/* ~12px */
	color:       #333;
	}
	
.quizBox .quizDescAnswer
	{   
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:   1.1em; 	/* ~12px */
	color:       #333;
	}
	
.quizBox .quizSubmitBox
	{   
	float:            right;				/* BDE: need this float so box will expand vertically to contain submit button. */
	border:           1px solid #ccc;
	padding:				 10px 10px 10px 10px;
	background-color: #fff;
	}

.quizBox .quizSubmitButton 
	{   
	float:				right;
	width:				12em;					/* BDE: width:auto works but has big left & right padding. */
	border:          1px solid #ccc;
	text-align:			center;
	font-family:     Arial, Helvetica, sans-serif;
	font-weight:     bold;
	font-size:       1.17em;	/* ~13px */
	color:           #333;
	padding:         5px 0px 5px 0px;
	background:      #1f4f7 url(/Images/Navigation/bg_button_repeat-x.jpg) repeat-x;
	cursor:          pointer; 
	}

.quizBox .quizAnswers {  border:0 none;  }
.quizBox .quizAnswers input{  }
.quote { width:25%; margin-top:1%; margin-bottom:1%; }
.quote p { font-size:1.4em; line-height:1.1em; font-weight:bold; text-align:center; }


/* =============================================================================================================
	[[[[[  LIST  ]]]]] 
   ============================================================================================================= */
.list #mainContent { margin-right:0%; } /* Diego C -15 Dec 2011- updated from 5% to 0% */

.list #mainPanel .img90, 
.list #mainPanel .img60,
.advert #mainPanel .img90,
.advert #mainPanel .img60 
	{ display:block; margin-bottom:0; width:auto; }

.img60 img { width:60px; }
.img90 img { width:90px; }

.itemgroup {padding-top:20px; padding-bottom:5px;}

.list .itemgroup {float:left;width:100%;}

.item {width:45%; margin:0; font-size:1.0em; line-height:1.4em; }
.item img {display:block; }
.item p {padding:5px 0 0 0; font-size:1.1em; }
.item div.left { float:left; margin-right:5px; }
.item div.right { float:right; margin-left:2px; }

.list .item h3 { margin:0; padding:0; font-size:1.1em; line-height:1.4em; }
/* .list .item h3 a { color:#069; } */
.item img { float:left; margin:0 15px 3px 0; } /* == for list fix */

.list #mainPanel .itemgroup a.left { float:none; margin:0; }

.mc1column .item {width:100%; padding-top:20px; padding-bottom:5px; }
.mc1column .itemgroup .right {padding-top:25px;}



.list .mc1column .item { float:left;}
.list #mainPanel .item h3 a img { display:inline; float:none; margin:0 0 -3px 0; width:auto;}
.list #mainPanel #mainContent_thin .item a img { display:inline; float:none; margin:0 0 -3px 0; width:auto;}


.freedate {display:block; font-weight:bold; }
.freeicon {display:block; height:20px;width:20px; background:transparent none no-repeat center;}


.padTop20 { padding-top:20px; line-height:1%; font-size:1%; }

.img90 .item .imgwidth {width:90px;}
.img60 .item .imgwidth {width:60px;}
div.item .imgwidth p { text-align:center; font-weight:bold; }
div.item .imgwidth img { margin-bottom:10px; }

.mc3column .item {width:auto;}
.mc3column div.item {float:left; margin-right:30px; display:inline;}
.mc3column .itemgroup {padding-top:0; padding-bottom:25px;}

/* Diego C- Jan 2012- Exxonmobil Lubes list updates*/
.sectionhead {font-weight:bold; margin-top:25px;}

.xom_lubes_list a {color: #0064B4; text-decoration: underline;}
.xom_lubes_list a:link  {color: #0064B4; text-decoration: underline;}

/* =============================================================================================================
	[[[[[  HOME template  ]]]]] 
   ============================================================================================================= */

.home #mainPanel a { font-weight:bold; }
div.csingle 	{ width:32%;}

div.subfeature 	{ }
.landing div.csingle 	{ width:48.8%;}
div.cdouble 	{ width:65.8%;}

div.cleft 		{ float:left;}
div.ccenter 	{ float:left; margin-left:2%;}
div.cright 		{ float:right;}



.subfeature .padding { padding:10px 25px 8px 25px; }
#mainPanel .subfeature .padding .img60 { margin-right:9px; }


.home #mainPanel .img90 { display:block; margin-bottom:0; width:auto; }
.home #mainPanel .img60 { display:block; margin-bottom:0; width:auto; }
.home #mainPanel .img90 { display:block; margin-bottom:0; width:auto; }
.home #mainPanel .img60 { display:block; margin-bottom:0; width:auto; }

.home #mainPanel .csingle .img90 { margin-bottom:3px; width:90px; }
.home #mainPanel .csingle .img60 { margin-bottom:2px; width:60px; }

/*  ****************************************************************************************  */

.subfeature table td { padding:1px; }
.subfeature tfoot td { font-style:italic; }
.subfeature table .wide { width:45%; }
.subfeature table { width:100%; margin-bottom:30px; }
.subfeature table { font-size:1.0em; }
table td.icon {background-color:transparent; background-repeat:no-repeat; background-position:15% 50%; padding-left:17px;}


/*  ****************************************************************************************  */

#mainPanel .cdouble .left { float:left; margin:0 3px 0 0; padding:0; position:relative; }
#mainPanel .cdouble .center { float:left; margin:0; padding:0; position:relative; }
#mainPanel .cdouble .right { float:right; margin:0; padding:0; position:relative; }
#mainPanel .cdouble img.left { float:left; margin-right:9px; }
#mainPanel .cdouble img.right { float:right; margin-left:9px; }



.cdouble .itemgroup { float:left; width:100%; padding-top:15px; }
.cdouble .item {width:32.9%; margin:0; padding:0; position:relative; font-size:1em; }
.cdouble .item .padding {padding: 0 5px 0 15px; }
.cdouble .item img {display:block;}
/*
.cdouble .img60 img {height:60px; width:auto;}
.cdouble .img90 img {height:90px; width:auto;}
*/

#container ul.nodisc, 
#container ul.nodisc li, 
#container ol.nodisc, 
#container ol.nodisc li, 
#container ol.nonum, 
#container ol.nonum li, 
#container ul.nonum, 
#container ul.nonum li 
		{ display:block; list-style-type:none;   }
.cdouble .item p {padding:0 0 5px 0; font-weight:bold; float:left}
#container .cdouble .item ul  {padding:5px 0 5px 0; margin:0; float:left;}
#container .cdouble .item ul li {padding:0; margin:0; display:block; font-size:1em; }

div.cdouble .item a {font-size:1em; }


#homerow3 .csingle .padding {padding: 15px 20px 0 15px; }
#homerow3 .csingle  p {padding: 5px 0 5px 0; float:none}
#homerow3 .csingle  ul  { display:inline; padding: 5px 0 5px 0; margin-top:0; }
#homerow3 .csingle  ul li { display:inline; border-right:dotted #999 1px; padding:0 .5em; margin:0; font-size:1em; }
#homerow3 .csingle  ul li.noborder {border-right:none; padding-right:0; } 


.csingle .item img { float:none; }
.cdouble .item .buttonBL {margin-top:5px;}



/*  ****************************************************************************************  */



.layoutRow { margin:0 0 10px 0; padding:0; float:left; width:100%}

.home .layoutRow { float:none; }

.home #mainFeatureHeightCheck { float:left; }
.home #subFeatureHeightCheck { float:left; }
.home #mainFeatureFlash { position:absolute; height:200px; width:102%; z-index:50; top:-10px; left:-10px; }

.home #mainFeature h1 { color:#1a4a7a; font-size:1.8em; line-height:1em; }
.home #mainFeature p  { color:#000; line-height:1.5em; padding-top:0; }
.home #mainFeature a  { color:#1a4a7a; font-weight:bold; }


.home #globalHeader { margin-bottom:0; }

.home #navPanel { background:transparent none no-repeat; padding:22px 0 20px 0; }
.home #navPanel .left { float:left; margin-right:15px; }


.home #mainFeature { margin:-3.32em 0 0 0; width:67.7%; float:left; }

.home .frame01BL, .home .frame01BR { min-height:195px; }
.home #mainFeature .frame01 { background:transparent none no-repeat top left; }
.home #mainFeature .content { padding:50px 20px 30px 300px; }
.home #mainFeature .content p { padding:0; }


.home #subfeatureCallouts { margin:-3.32em 0 0 0; width:32%; float:right; }

.home #subfeatureCallouts .frame01{ background-repeat:repeat; }
.home #subfeatureCallouts .content { padding:0 15px 0 0; margin-top:3.3em; }
.home #subfeatureCallouts .content h2 { padding-top:0; font-size:1.2em; line-height:1.1em; }
.home #subfeatureCallouts .content p { padding:0; font-size:1em;  }
.home #subfeatureCallouts .subfeature { padding-bottom:13px; }
.home #subfeatureCallouts .top { margin-bottom:10px; border-bottom:1px solid #fff; }
.home #subfeatureCallouts .img75 { padding-right:75px;}

.home #mainNav { position:relative; z-index:100; }


/*  IN A TABLE     */

.home table.featureRow { 
	background:transparent none no-repeat 0 0; 
	border-collapse:collapse; empty-cells:show; table-layout:fixed;
	margin:-3.32em 0 0 0;
	}
.featureRow td { font-size:1em; }
.home .featureRow #mainFeature { margin:0 0 0 0; width:100%; float:none; }
.home .featureRow #mainFeature .content { margin-top:3.3em; padding:12px 15px 10px 300px; }
.home .featureRow #subfeatureCallouts { margin:0 0 0 0; width:100%; float:none; }
.home .featureRow #subfeatureCallouts .content { margin-top:3.3em; }
.home .featureRow #subfeatureCallouts .subfeature { padding-bottom:3px; }
.home .featureRow #subfeatureCallouts .top { padding-bottom:13px; }

.home table.featureRow {
	float:left;
	clear:none;
	z-index:1;
	position:relative;}
 }
.home .featureRow #mainFeature { margin:0; width:100%; height:100%; float:none; }
.home .featureRow #mainFeatureFlash {  position:relative; width:102.5%; top:0; left:0; height:auto; margin:0 0 -8px -1.2%; }



.tdframeTL, .tdframeTR, .tdframeBL, .tdframeBR, .tdframeTC, .tdframeBC, .tdframeCL, .tdframeCR
	{ background:transparent url(/Images/navigation/calloutFrame1000.gif) no-repeat 0 0; 
	font-size:1%; line-height:1%; }

.home td.tdframeTL { background-position:top left; height:10px; width:10px; font-size:1%;line-height:1%;}
.home td.tdframeTC { background-position:top center; height:10px; font-size:1%;line-height:1%;}
.home td.tdframeTR { background-position:top right; height:10px; width:10px; font-size:1%;line-height:1%;}
.tdframeBL { background-position:bottom left; height:10px; width:10px; }
.tdframeBC { background-position:bottom center; height:10px; }
.tdframeBR { background-position:bottom right; height:10px; width:10px; }
.tdframeCL { background-position:center left; width:10px; }
.tdframeCR { background-position:center right; width:10px; }

.home td.bluebg { background-color:#e9f4fb; padding: 0px 1px; }
.home td.divider { width:3px; background-color:#fff; font-size:1%; line-height:1%; }

.home .featureRow .mainFeatureWidth { width:65%; }
.home .featureRow .subFeatureWidth { width:30%; }

.nosubfeatures .featureRow td.bluebg { display:none; } 
.nosubfeatures .featureRow td.divider { display:none; }
.nosubfeatures .featureRow td.mainFeatureWidth { width:100%; }
.nosubfeatures .featureRow td.subFeatureWidth { width:0; }
.nosubfeatures .featureRow div#mainFeature { width:99.9%; min-height:201px; } 
.nosubfeatures .featureRow div#mainFeatureFlash {  position:relative; width:100%; top:0; left:0; min-height:190px; margin:0 0 0 0; }

/* =============================================================================================================
	[[[[[  LANDING template  ]]]]] 
   ============================================================================================================= */
.landing #mainFeature { width:65%; float:left; background:transparent none no-repeat 0 0; margin:0 0 0 0; padding:0 0 10px 0; }
.landing #mainFeature a  { font-weight:bold; }
.landing #subfeatureCallouts { width:33%; float:right; margin:0 0 0 0; padding:0 0 20px 0; }

.landing #subfeatureCallouts .top { margin-bottom:10px; }


.nosubfeatures div #mainFeature {
	width:680px;
	min-height:140px;
} 

.landing #mainContent { margin:0 0 0 200px; padding:0 0 25px 30px; }
.landing #mainPanel { position:relative; }
/*  .landing .layoutRow { float:left; }  */


/* =============================================================================================================
	[[[[[  common form styles  ]]]]] 
   ============================================================================================================= */
.formHolder { margin:0 0 35px -25px;  }
/* XOM change */
.formHolder { margin:0 0 35px 0;  }

.formHolder label,
.formHolder input,
.formHolder select 
	{ float:left; background-color:transparent; min-height:1.5em; height:auto; font-size:1.1em; }

.formHolder label { width:100px; text-align:right; padding-right:10px; }

.formHolder select { width:190px; border:1px solid #79b; }
.formHolder input.text { width:188px; border:1px solid #79b;  } 
.formHolder option { background-color:#fff; }
	
#mainPanel  .formHolder .button { min-width:9em; float:left; margin:0 1em 0 1em; }
#mainPanel  .formHolder input.expandBtn { float:none; font-size:.9em; min-height:0; }
#mainPanel  .formHolder input.middleSubmitBtn { float:none; font-size:.9em; min-height:0; }
#mainPanel  .formHolder .barbgleftSumbit { margin:0; }

.formHolder input.chkbox { width:15px; }
.formHolder br { display:none; }

.fieldHolder { float:left; width:300px; min-height:3em; }
.fieldSpacer { float:left; width:300px; height:1px; line-height:1%; font-size:1%;}



#mainContent .formHolder div.right { float:left; margin-left:300px; }

.formHolder em { color:red; font-weight:bold; } 
#mainContent .formHolder label.right { float:left; width:auto; text-align:left; margin:0; padding:0 10px 0 5px; }

/* =============================================================================================================
	[[[[[  CONTACTUS template  ]]]]] 
   ============================================================================================================= */
.contactus #mainPanel  { }

.contactus #mainContent  { margin-right:0; width:auto; }
.contactus .fieldHolder { width:400px; float:none; display:block; overflow:auto; }
.contactus .formHolder label { width:120px; }
.formHolder textarea { float:left; border:1px solid #79b; font-size:1.1em; width:240px; height:10em; }
.formHolder .wide { width:auto; }
.buttnHolder { margin:2em 0 0 100px; padding:0; }
.contactus .formHolder input.text { width:188px; }
.formHolder .fieldHolder label { padding-bottom:1em; }
.formHolder label.wide { width:auto; }

.contactus .fieldHolder label { width:120px;}
.contactus .fieldHolder span label{ width:50px;}

/* =============================================================================================================
	[[[[[  PSMAIN template  ]]]]] 
   ============================================================================================================= */
.psmain #mainFeature { width:100%; float:left; background:transparent none no-repeat 0; 
	margin:0; padding:0; font-weight:bold; }
.psmain #mainFeature p { font-weight:normal; }
.psmain .mc3column .item {width:33%; margin:0;}
.psmain .mc3column .item h3 { padding:0 10px 0 0; }
.psmain .mc3column .item p  { padding:0 10px 0 0; }

.psmain .layoutRow {margin: 0 0 20px 0; float:none; }

.psmain .featuretranspad .content .fieldGroup p { padding-right:0;  }
.psmain #mainPanel .divider { border-right:1px solid #69c; padding-right:14px; margin-right:16px; }
.psmain .formHolder img { margin:0 10px 75px 0; }


.psmain .formHolder { margin:0 0 0 0;  }
.psmain .fieldHolder { width:auto; height:auto; padding:15px 0;  }
.psmain .fieldGroup { padding:15px 0;  }
.psmain .formHolder label,
.psmain .formHolder input,
.psmain .formHolder select 
	{ float:none; display:block; background-color:transparent; min-height:15px; font-size:1.1em; }
.psmain .formHolder input,
.psmain .formHolder select 
	{ margin:2px 0 9px 0; }
.psmain .formHolder label { width:165px; text-align:left; }
.psmain .formHolder select { width:170px; border:1px solid #79b; background-color:#fff; }
.psmain .formHolder input.text { width:168px; border:1px solid #79b;  background-color:#fff; } 
.psmain .formHolder option { background-color:#fff; }
.psmain .formHolder input.middleSubmitBtn { margin:0 5px 0 5px; height:18px;  }
.psmain .item h3 a { color:#369; }


.psmain .subfeature .padding { padding:10px 10px 8px 2px; }

.psresult .item { width:auto; padding-bottom:20px; min-height:60px; }
.psresult .item p { padding:0; }
.psresult .itemgroup { float:left; }

.psresult h2 {font-size:1.1em; margin-bottom:15px; }
.psresult .item h3 { margin:0; padding:0; font-size:1.1em; line-height:1.4em; }
.psresult .item h3 a { color:#369; }

.psresult #mainContent { margin-right:10%; }
.psresult #mainContent .paging  { float:left; }
.psresult #sideBar .quicksearch { margin:0; 
	background:#fff url(/Images/Icons/toolGradient.jpg) repeat-x 0 0; }
.psresult #sideBar .quicksearch .padding { margin:-5px 10px 0 15px; }
.psresult #sideBar .title { display:block; clear:left; color:#555; font-weight:bold; font-size:1.2em; 
		line-height:1.1em; padding:10px 0 0 0; }

.psresult .formHolder { margin:0 0 0 0;  }
.psresult .fieldHolder { width:auto; height:auto; padding:15px 0; }
.psresult .formHolder label,
.psresult .formHolder input,
.psresult .formHolder select 
	{ float:none; display:block; background-color:transparent; min-height:15px; font-size:1em; }
.psresult .formHolder input,
.psresult .formHolder select 
	{ margin:2px 0 9px 0; }
.psresult .formHolder label { width:135px; text-align:left; font-weight:bold; }
.psresult .formHolder select { width:140px; border:1px solid #79b; background-color:#fff; }
.psresult .formHolder input.text { width:138px; border:1px solid #79b;  background-color:#fff; } 
.psresult .formHolder option { background-color:#fff; }
.psresult .formHolder input.middleSubmitBtn { margin:0 5px 0 5px; height:18px;  }
.psresult .formHolder .buttnHolder { margin:15px 0 0 100px; padding:0;  }
.psresult .divider { border-bottom:1px solid #69c; margin-bottom:5px; padding-bottom:15px; }

/* =============================================================================================================
	[[[[[  SEARCH template  ]]]]] 
   ============================================================================================================= */
.search #mainContent { margin:0 0 0 0; padding:0 30px 25px 30px; }

.search #mainContent .indent    { padding-left:7.5%;}
.search #mainContent div.left { clear:left; margin:0; }
.search #mainContent div.right { float:right; margin:0; }
.search #mainContent .middleSubmitBtn { margin:0 5px 0 5px; height:18px;  }
.search #mainContent .paging  {text-align:right; float:right; margin:15px 15px 7px 0;display:inline;font-weight: bold; }

.search .item {  float:left; width:100%; margin:1px 0 0 0; padding-bottom:5px;  }

.search .item a { font-size:1.1em; }
.search .item p { padding:0; width:90%; }

.search .item h3 { clear:both; margin-bottom:.3em; }
.search .itemgroup { clear:both; width:auto; padding-top:20px; padding-bottom:5px; }


.search .linebox { width:95%; float:left; }

.search .linebox .clrfix:after { clear:both; }

.search #q { width:200px; height:18px; border:1px solid #acd; color:#999; font-size:1.0em; }
.search .lightGray { border:solid 1px #ccc; padding:0; background:#f0f0f0 none no-repeat; }
.search .padding { margin: 5px 20px 25px 20px; }
.search .rightBottom {top:50%;float:right;}
.search .leftNameHolder{ width:80px;}
.search .rightNameHolder{width:80%;min-width:60%;float:left;}
.search .rightNameHolder select { min-height:1.5em; height:auto; font-size:1.0em; }
.search .BrandListing {float:left; position:relative;}
.search .CollectionsBlock {float:left; min-height:3em;}
.search .CollectionsBlockRow {width:90%;float:left; min-height:3em;}
.search .collectionListing {width:100px; float:left; white-space:nowrap;}
.search .collectionListingB {width:200px; float:left; white-space:nowrap;}
.search .collectionName{width:100%;}

.search .itemWrapper { width:100%; }
.search #searchResultInclpdfLabel, .search #searchResultInclpdfLabel {font-weight:bold; width:auto;}

.search #wrapper { margin:0 0 0 0; padding:0px 0px 0px 0px; }

.search #keyMatch {width:22.5%; top:7.5%; right:0px; margin:0 15px 0 0; position:absolute;}
.search #keyMatch .item {width:100%; margin-bottom:1%;}

.search .formHolder br { display:inline; }
.search .formHolder input.chkbox {font-size:1em; height:auto;min-height:1px;display:block;padding:0;line-height:1.6em;} 

.search .displayResultSnippet{width:80%;float:left;}
.search .displayRelevancy{width:10%; height:3%; position:relative; float:right; }
.search .graph1bar {width:60px; height:20px; position:relative; float:right;margin-right:10px;}

.search .searchformHolder label { width:80px; font-size:1.0em;}
.search .searchformHolder {width:95%;float:none; display:block; overflow:auto; margin-right:5%; margin-bottom: 0.5em;}

.search .brandSpace {width:20%;}
.search .keyMatchBlock {width:20%; float:right;}
.search .keyMatchBlock  h1{text-align:center; margin-bottom:20px;}
.search .keyMatchBlock  .item{text-align:center; margin-bottom:20px;}
.search .resultPageWithKeyMatch {width:75%; float:left;}
.search .resultPageWithNoKeyMatch {width:100%; float:left;}

.search #mainContent .padding { padding:15px 0 15px 15px; position:relative;}

.search h2 {font-size:1.1em; margin-bottom:15px;}

.search .formHolder br { display:inline; }
.search #mainContent .formHolder div.left { clear:left; margin:0; }
.search #mainContent .formHolder div.right { float:right; margin:0; }
.search div.csingle { float:right; width:25%; padding:20px 10px 0 25px; }
.search .formHolder { margin:0 0 0 0;  }
.search #mainContent form { display:block; }
.search #mainContent .buttnHolder { float:left; margin:.3em 0 0 5px; }

.search #mainContent .minWidth { float:left; width:45%; line-height:1%; font-size:1%; }

/*.search #mainContent .formHolder .barbgleftSumbit { float:none; } */

.search #mainContent .barbgleftSumbit { margin:0; padding:0; }
.search #mainContent .barbgrightSubmit {  }
.search #mainContent input.middleSubmitBtn { margin:0 4px 0 4px; padding:0; border:none; }

.search .fieldHolder { min-height:2em; }
.search .formHolder label { width:80px; text-align:right; font-size:1em; padding:0 10px 0 0; margin:0; }
.search .formHolder select {min-width:190px; border:1px solid #79b; }

.search .formHolder input.text { width:32.5%; border:1px solid #79b; background-color:#fff;}


.search .formHolder #searchResultTermsLabel { display:none; }
.search .fieldHolder, .search .fieldSpacer { float:left; width:32.5%; }

.search .fieldHolder a { font-size:1em; font-weight:bold; float:left; margin-right:5px; line-height:1.6em;}


.search #searchResultInclpdfLabel, 
.search .formHolder input.chkbox 
		{font-size:1em; height:auto;min-height:1px;display:block;padding:0;line-height:1.6em;}
.search #searchResultInclpdfLabel {font-weight:bold; width:auto;}

.freedate { }
.search .item div.right { float:right; clear:right; width:110px; text-align:right; margin:0; }
.search .item div.right .right { width:100%; clear:none; }
.search #mainContent .item p.left    { float:none;  margin-right:110px; }
.search #mainContent .url { display:block; margin-right:15%; overflow:hidden; }


.search .lineTL { background-image:url(../Images/navigation/cccCornerTL.gif); } 
.search .lineTR { background-image:url(../Images/navigation/cccCornerTR.gif); }
.search .lineBL { background-image:url(../Images/navigation/cccCornerBL.gif); } 
.search .lineBR { background-image:url(../Images/navigation/cccCornerBR.gif); }
.search .clrfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }
.search .tableAlign input {width: 7.5%; height:3%;}
.search .left .inputFieldHolder {float:left; width:40%; min-height:3em; padding: 0 10px 10px 0; }
.search .buttnHolder { margin:2em 0 0 40px; padding:0; }
.search .fieldHolder { float:left; width:30%; min-height:3em; }
.search .inputFieldHolder.searchInputString { border:1px solid #79b; background-color:#fff;} 
.search .relevancyBar {float:right; width:10%; align:center;}
.search .noRelevancyBar {float:left; width:80%}


.graph1bar {width:60px; height:20px; position:relative; float:right; }
.search .graph1bar .gray {width:100%; height:20px; background:#fff url(../Images/navigation/graphSliceGray.gif) repeat-x 0 0; text-align:left;}

.search .graph1bar .blue {width:0%; height:20px; background:#fff url(../Images/navigation/graphSliceBlue.gif) repeat-x 0 0;}

.search .graph1bar .graphNumber { display:block; position:absolute; top:10%; left:-3em;}





#mainContent .center { text-align:center; width:100%; }

#mainContent .paging  {text-align:right; float:right; margin:15px 0 7px 0;display:inline;font-weight: bold; }

#mainContent .paging ul { margin:0 auto; padding:0; }
#mainContent .paging ul li {
	display:inline;
	padding:0 5px 0 5px; margin:0; 
	font-weight: bold; 
	border-left:solid #777 1px; list-style:none;	}
#mainContent .paging ul li.label { border-left:none; color:#666; }

#mainContent .sorting  { text-align:center; float:left; margin-top:15px; }
#mainContent .sorting ul { margin:0 auto; padding:0; }
#mainContent .sorting ul li {
	display:inline;
	padding:0 5px 0 5px; margin:0; 
	font-weight: bold; 
	border-left:solid #777 1px; list-style:none;	}
#mainContent .sorting ul li.label { border-left:none; color:#666; }
#mainContent .sorting ul li.noborderL { border-left:none; }
.highlight { color:#000; font-weight:bold; }


/* =============================================================================================================
	[[[[[  ADVERTISING template  ]]]]] 
   ============================================================================================================= */
.advert .itemgroup { }
.advert .item { }
.advert .videoHolder { margin-left:-10px; margin-right:-90px; }

.advert #mainContent {  }
.advert #toolbar {  }
.advert .linebox { width:330px; height:280px;  }
.advert .linebox .lightGray { height:100%;  }

#mainContent ul.sidelinks { margin:0; padding:0;}
#mainContent ul.sidelinks li { display:block; float:left; padding:0 5px 0 0; margin:0 5px 0 0; border-right:solid #777 1px; list-style:none; }


.message 
{
	
}
.message .padding
{
	text-align:center; padding:50px 30px 0 30px;
}
.message img 
{
	float:left; margin:10px 15px 123px 0; 
}
.message p
{
	font-size:1.2em; line-height:1.5em; text-align:left; margin:0; 
}
.message p a 
{
	font-weight:bold; 
}
#flashMessage { display:none; }

/* =============================================================================================================
   ============================================================================================================= */
/* make all link hover states blue.  they are already underlined. */
#globalSites a:hover,
#globalHeader a:hover,
#subNav a:hover,
#globalFooter a:hover,
#quicklinks a:hover,
#sideBar a:hover,
#toolbar a:hover,

/* UPDATE 2.2 */

#toolbar_wide a:hover,
#mainContent_thin a:hover

/* ENDUPDATE 2.2 */

#mainContent a:hover
			{ color:#1a4a7a; }

/* =============================================================================================================
	[[[[[  rules specific to template type, or particular pages  ]]]]] 
   ============================================================================================================= */

/* the following rules are used by the XOM home page, default is 3-row version 
	[body class="home"]
*/

.landing #navPanelBottomBg  
	{ margin-bottom:20px; }
	
.psmain #navPanelBottomBg { margin-bottom:5px; }
	
/* the following rule produces the 2-row version of XOM home page  
	[body class="home tworow"]
*/
.tworow #homerow3 { display:none; }
/* do this for landing page as well, if needed */
.tworow #landingrow3 { display:none; }

/* the following rules remove the subfeatures from the home page, 
	and can be used with either 3-row or 2-row version 
	[body class="home nosubfeatures"]
*/
.nosubfeatures #subfeatureTR { display:none; }
.nosubfeatures #subfeatureBR { display:none; }
/*  remove subfeature callouts from landing page */
.nosubfeatures #subfeatureCallouts { display:none; }

@media screen 
{
	body #container .printOnly { display:none; }
}

/*standard table formatting*/

th.standard
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2f4c68;
	padding: 4px;
	background-color: #EBEBEB;
	text-align: left;
}
th.standard_center
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2f4c68;
	padding: 4px;
	background-color: #EBEBEB;
	text-align: center;
}
th.standard_right
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2f4c68;
	padding: 4px;
	background-color: #EBEBEB;
	text-align: right;
}
td.tr_blue
{
	background-color: #E8Eff3;
padding: 4px;
vertical-align: top;
text-align: left;
}
td.tr_blue_center
{
	background-color: #E8Eff3;
padding: 4px;
vertical-align: top;
text-align: center;
}
td.tr_blue_right
{
	background-color: #E8Eff3;
padding: 4px;
vertical-align: top;
text-align: right;
}
td.standard {
	font-family: Arial,
Helvetica, sans-serif;
padding: 4px;
	vertical-align: top;
}
td.standard_center {
	font-family: Arial,
Helvetica, sans-serif;
padding: 4px;
	vertical-align: top;
text-align: center;
}
td.standard_right {
	font-family: Arial,
Helvetica, sans-serif;
padding: 4px;
	vertical-align: top;
text-align: right;
}

table.standard
{
padding: 4px;
border-bottom-style: solid; 
border-bottom-width: 1px;
border-bottom-color: #E8Eff3;
vertical-align: top;
}

/* =============================================================================================================
[[[[[  New Styles for Corporate Citizenship Report:  ]]]]] 
   ============================================================================================================= */
/* Quick View */
.ccrQvImg{margin-top: 15px;}
p.ccrQvP{padding: 0; line-height: 0;}
#ccrQuickView{
	width: 140px;
	height: 32px;
	padding: 20px 0 0 10px;
}
.ccrQvNavy{background: url('/Corporate/Imports/ccr2009/images/qv_navy_bg.gif') no-repeat top left;}
.ccrQvBlue{background: url('/Corporate/Imports/ccr2009/images/qv_blue_bg.gif') no-repeat top left;}
.ccrQvOrange{background: url('/Corporate/Imports/ccr2009/images/qv_orange_bg.gif') no-repeat top left;}
.ccrQvGreen{background: url('/Corporate/Imports/ccr2009/images/qv_green_bg.gif') no-repeat top left;}
.ccrQvYellow{background: url('/Corporate/Imports/ccr2009/images/qv_yellow_bg.gif') no-repeat top left;}
.ccrQvRed{background: url('/Corporate/Imports/ccr2009/images/qv_red_bg.gif') no-repeat top left;}
.ccrQvPurple{background: url('/Corporate/Imports/ccr2009/images/qv_purple_bg.gif') no-repeat top left;}
#ccrQuickView a img{border: none;}
#ccrQuickView a{
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	position: relative;
	text-decoration: none;
	padding-right: 8px;
	outline: none;
}
#ccrQuickView a:hover{text-decoration: none; border: none;}
#ccrQuickView a span{
	display: none;
	width: 86px;
	height: 33px;
	font-size: 9px;
	line-height: 11px;
	color: #036;
	padding: 4px 0 0 7px;
	position: absolute;
	top: -31px; left: -4px;
}
#ccrQuickView a:hover span{display: block;}
.ccrQvNavy a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_navy_tooltip.gif') no-repeat top left;}
.ccrQvBlue a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_blue_tooltip.gif') no-repeat top left;}
.ccrQvOrange a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_orange_tooltip.gif') no-repeat top left;}
.ccrQvGreen a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_green_tooltip.gif') no-repeat top left;}
.ccrQvYellow a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_yellow_tooltip.gif') no-repeat top left;}
.ccrQvRed a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_red_tooltip.gif') no-repeat top left;}
.ccrQvPurple a:hover span{background: url('/Corporate/Imports/ccr2009/images/qv_purple_tooltip.gif') no-repeat top left;}
#mainPanel .img80 {
	display: block;
	width: 80px;
	border: none;
}
.img80 #ccrQuickView{width: 70px;}
.img80 .ccrQvNavy{background: url('/Corporate/Imports/ccr2009/images/qv_navy_short_bg.gif') no-repeat top left;}
.img80 .ccrQvBlue{background: url('/Corporate/Imports/ccr2009/images/qv_blue_short_bg.gif') no-repeat top left;}
.img80 .ccrQvOrange{background: url('/Corporate/Imports/ccr2009/images/qv_orange_short_bg.gif') no-repeat top left;}
.img80 .ccrQvGreen{background: url('/Corporate/Imports/ccr2009/images/qv_green_short_bg.gif') no-repeat top left;}
.img80 .ccrQvYellow{background: url('/Corporate/Imports/ccr2009/images/qv_yellow_short_bg.gif') no-repeat top left;}
.img80 .ccrQvRed{background: url('/Corporate/Imports/ccr2009/images/qv_red_short_bg.gif') no-repeat top left;}
.img80 .ccrQvPurple{background: url('/Corporate/Imports/ccr2009/images/qv_purple_short_bg.gif') no-repeat top left;}

/* Up Close */
.ccrUpClose{
	position: relative;
	padding-bottom: 10px;
	line-height: 1.3em;
	margin: 15px 0 40px;
	width: 100%;
	overflow: hidden;
	background-color: #dee9f2;
}
.ccrUpClose p{
	padding: 0 20px 10px; 
	line-height: 1.35em;
}
.ccrUpCloseTop{
	color: #fff; 
	position: relative; 
	padding: 6px 0 8px; 
	margin-bottom: 14px;
	background-color: #1a4a7a;
}
.ccrUpCloseTop img{
	position: absolute; 
	top: 9px; left: 18px;
}
.ccrUpCloseTop p{
	font-size: 1em; 
	font-weight: bold; 
	color: #fff; 
	padding: 1px 0 1px 53px;
}
.ccrUpCloseTop h2{
	font-weight: normal; 
	font-size: 1.4em; 
	padding: 0 0 0 53px;
}
.ccrTL, .ccrTR, .ccrBL, .ccrBR{position: absolute;}
.ccrTL{
	top: 0; 
	left: 0;
}
.ccrTR{
	top: 0; 
	right: 0 !important; 
	right: -1px;
}
.ccrBL{
	bottom: 0 !important; 
	bottom: -1px; 
	left: 0;
}
.ccrBR{
	bottom: 0 !important; 
	bottom: -1px; 
	right: 0 !important; 
	right: -1px;
}
.ccrUpClose .ccrCenter{
	text-align: center;
	padding-bottom: 0;
}

/* Panelists + Stakeholders */
#ccrPanelists, #ccrStakeholders{
	float: left;
	margin: 5px 0 1px;
}
#ccrPanelists h2, #ccrStakeholders h2{
	font-size: 1.1em;
	margin-bottom: 2px;
}
.ccrRow{width: 100%; float: left; clear: left;}
.ccrPanelist, .ccrStakeholder{
	width: 128px;
	float: left;
	padding: 0 16px 14px 0;
}
.ccrPanelist p, .ccrStakeholder p{line-height: 1.19em;}
.article #mainContent_thin .ccrPanelist a, .article #mainContent_thin .ccrStakeholder a{text-decoration: none;}
.article #mainContent_thin .ccrPanelist a:hover, .article #mainContent_thin .ccrStakeholder a:hover{text-decoration: underline;}
.ccrPanelist img, .ccrStakeholder img{padding-bottom: 7px;}

/* Chairman */
#ccrChairman{margin-bottom: 25px;}

/* Operations */
#ccrOperations{margin-bottom: 10px;}
#ccrOperations h2{
	font-size: 1.1em;
	border-bottom: 1px solid #262626;
}
.ccrOperation{
	border-bottom: 1px solid #262626; 
	padding: 20px 0 4px;
}
.ccrOperation img{margin-right: 12px;}
.ccrOperation h3{
	margin: 0; 
	padding: 0 0 .3em 0; 
	font-size: 1.2em; 
}

/* Materiality */
#ccrMateriality{
	border-bottom: 1px solid #262626;
	margin-bottom: 35px;
}
#ccrMateriality h2{
	font-size: 1.1em;
	border-bottom: 1px solid #262626;
}
#ccrMateriality img{margin: 25px 0 19px 13px;}

/* Focus Areas */
#ccrFocusAreas{
	border-bottom: 1px solid #262626;
	margin-bottom: 25px;
}
#ccrFocusAreas h2{
	border-bottom: 1px solid #262626;
	font-size: 1.1em;
	margin-bottom: 15px;
}
.ccrFocusArea{padding: 0 0 4px; min-height: 160px;}
.ccrFocusArea img{margin-right: 12px;}
.ccrFocusArea h3 a img{margin: 0 0 0 2px;}
.ccrFocusArea h3{
	font-size: 1.1em;
	margin: 0 0 10px 0;
	padding: 6px 0 5px 13px;
	color: #fff;
}
.ccrCG{background-color: #1465a0;}
.ccrSH{background-color: #e6760b;}
.ccrEP{background-color: #51871f;}
.ccrMC{background-color: #e6a100;}
.ccrED{background-color: #ab1d13;}
.ccrHR{background-color: #4b0458;}
.ccrFocusArea h3 a:link, .ccrFocusArea h3 a:visited{color: #fff;}
.article #mainContent_thin .ccrFocusArea h3 a{text-decoration: none;}
.article #mainContent_thin .ccrFocusArea h3 a:hover{text-decoration: underline;}

/* Chart + Magnify Links */
.article #mainContent_thin a.ccrChartLink, .landing #mainFeature a.ccrChartLink, 
.article #mainContent_thin a.ccrMagnifyLink, .landing #mainFeature a.ccrMagnifyLink,
.article #mainContent_thin a.ccrChartLinkAE, .landing #mainFeature a.ccrChartLinkAE,
.article #mainContent_thin a.ccrChartLinkSH, .landing #mainFeature a.ccrChartLinkSH,
.article #mainContent_thin a.ccrChartLinkEP, .landing #mainFeature a.ccrChartLinkEP,
.article #mainContent_thin a.ccrChartLinkMC, .landing #mainFeature a.ccrChartLinkMC,
.article #mainContent_thin a.ccrChartLinkED, .landing #mainFeature a.ccrChartLinkED{
	font-weight: bold; 
	text-decoration: none;
	padding-left: 22px;
	display: block;
}
.landing #mainFeature a.ccrChartLink, 
.landing #mainFeature a.ccrMagnifyLink,
.landing #mainFeature a.ccrChartLinkAE, 
.landing #mainFeature a.ccrChartLinkSH, 
.landing #mainFeature a.ccrChartLinkEP, 
.landing #mainFeature a.ccrChartLinkMC, 
.landing #mainFeature a.ccrChartLinkED{
	display: inline;
}
.article #mainContent_thin a.ccrChartLink:hover, .landing #mainFeature a.ccrChartLink:hover,
.article #mainContent_thin a.ccrMagnifyLink:hover, .landing #mainFeature a.ccrMagnifyLink:hover,
.article #mainContent_thin a.ccrChartLinkAE:hover, .landing #mainFeature a.ccrChartLinkAE:hover,
.article #mainContent_thin a.ccrChartLinkSH:hover, .landing #mainFeature a.ccrChartLinkSH:hover,
.article #mainContent_thin a.ccrChartLinkEP:hover, .landing #mainFeature a.ccrChartLinkEP:hover,
.article #mainContent_thin a.ccrChartLinkMC:hover, .landing #mainFeature a.ccrChartLinkMC:hover,
.article #mainContent_thin a.ccrChartLinkED:hover, .landing #mainFeature a.ccrChartLinkED:hover{
	text-decoration: underline;
}
.article #mainContent_thin a.ccrMagnifyLink, .landing #mainFeature a.ccrMagnifyLink{background: url('/Corporate/Imports/ccr2010/images/iconMagnify.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLink, .landing #mainFeature a.ccrChartLink{background: url('/Corporate/Imports/ccr2010/images/iconChart.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLinkAE, .landing #mainFeature a.ccrChartLinkAE{background: url('/Corporate/Imports/ccr2009/images/iconChart-navy.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLinkSH, .landing #mainFeature a.ccrChartLinkSH{background: url('/Corporate/Imports/ccr2009/images/iconChart-orange.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLinkEP, .landing #mainFeature a.ccrChartLinkEP{background: url('/Corporate/Imports/ccr2009/images/iconChart-green.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLinkMC, .landing #mainFeature a.ccrChartLinkMC{background: url('/Corporate/Imports/ccr2009/images/iconChart-yellow.gif') no-repeat top left;}
.article #mainContent_thin a.ccrChartLinkED, .landing #mainFeature a.ccrChartLinkED{background: url('/Corporate/Imports/ccr2009/images/iconChart-red.gif') no-repeat top left;}
a.ccrChartLink img{margin-right: 5px; margin-bottom: -2px;}

/* Global CCR */
.ccrBoldLink{font-weight: bold;}
#mainContent_thin  a.ccrBoldLink{text-decoration: none;}
#mainContent_thin  a.ccrBoldLink:hover{text-decoration: underline;}
.ccrClear{clear: both;}
.ccrNoborder{border: none;}
.ccrSub{font-size: .7em; line-height: .7em;}

/* As Referenced Link Box */
#ccrAsReferenced{
	width: 220px;
	height: 134px;
	background: url('/Corporate/Imports/ccr2010/images/ccr_as_referenced.jpg') no-repeat;
}
#ccrAsReferenced a{
	width: 206px;
	display: block;
	font-weight: normal;
}
#ccrAsReferenced a.ccrHomeLink{
	font-size: 18px;
	line-height: 20px;
	height: 82px;
	padding: 20px 0 0 14px;
}
#ccrAsReferenced a.ccrPdfLink{
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	height: 27px;
	padding: 5px 0 0 14px;
}
#ccrAsReferenced a.ccrPdfLink:hover{color: #fff;}

.toolsleft {
	display: block;
	width: 49%;
}
.toolsright {
	float: right;
	width: 49%;
}

/* SHARE Elements */

.toolsShareTitle {
	display: block;
	width: auto;
	background-image: url(/images/Navigation/shareTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding: 8px;
}
.toolsShareTitleSmall {
	display: block;
	width: auto;
	background-image: url(/images/Navigation/shareTopSmall.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding: 8px;
}
.toolsShareTitleSmall span {
	cursor:pointer;
	float:right;
	display:block;
	color:http
	width:20px;
	float: right;
}
.showShareSmaller {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 141px;
	top: 75px;
	right: 10px;
	z-index: 100;
}
.toolsShareBottomSmall {
	display: block;
	background-image: url(/images/Navigation/toolsShareBottomSmall.gif);
	background-position: left bottom;
	padding-bottom:10px;
}
.toolsShareTitle span {
	cursor:pointer;

,
	float:right;
	display:block;
	color:http
://localhost/corporate/article_new_w_video.aspx;
	width:20px;
	float: right;
}
#share {
	margin: 0;
	padding: 0;
	height: 1em;
}

.hideShare {
	display:none;
}
.showShare {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 201px;
	top: 75px;
	z-index: 100;
}

#share li {
	list-style: none;
}
#share li ul {
	/*display: none; */
}
/*
#share li:hover ul, #share li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 201px;
	top: 75px;
	z-index: 100;
}
*/
#share li li, #share li li {
	float: none;
}
#share li li a, #share li li a {
	display:block;
	margin-right: 1px;
	margin-left: 1px;
	zoom:1;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-weight:bold;
}
#share li li a:hover {
	display:block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	margin-right: 1px;
	margin-left: 1px;
	zoom:1;
	font-weight:bold;
}
div .shareicon    {
	background-image: url(/images/icons/iconShare.gif);
}
.toolsShareBottom {
	display: block;
	background-image: url(/images/Navigation/toolsShareBottom.gif);
	background-position: left bottom;
	padding-bottom:10px;
}
div .iconfacebook {
	background-image: url(/images/icons/iconFacebook.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #DFE8F1;
}
.icondigg {
	background-image: url(/images/icons/iconDigg.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #DFE8F1;
}
.icontwitter {
	background-image: url(/images/icons/icontwitter.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #DFE8F1;
}
.iconyahoo {
	background-image: url(/images/icons/iconYahoo.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #DFE8F1;
}
.sharemore{
	background-image: url(/images/icons/iconShareMore.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #DFE8F1;
}
/* Flash Article Header */
.flashvidpad {
	margin-bottom:5px;
}
.sharelinks a {
	font-weight: bold;
	background-color:#FFF;
}
.sharelinks p {
	padding-left: 30px;
	padding-top: 4px;
}
.sharelinks {
	margin-bottom: 20px;
}
.sharelinks span {
	font-size: .9em;
	line-height: 1.1em;
	margin-top: 5px;
	display: block;
}
.newsalerts {
	background-image: url(/images/icons/newsAlerts.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.mediacontacts {
	background-image: url(/images/icons/mediaContacts.jpg);
	background-repeat: no-repeat;
	background-position: 9px 2px;
}
.socialdirectory {
	background-image: url(/images/icons/socialDirectory.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
}

/* IMAGE VIEWER CODE */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 83px;
	height: 56px;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	/*overflow:hidden;*/
	margin-top:10px;
}

.jcarousel-list li a,
.jcarousel-item a{
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	display:block;
	margin-right:0px;
	margin-left:0px;
	height: 56px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango {
	margin-left:10px;
	margin-right:10px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	margin-left:15px;
    width: 85%;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 11px;
    height: 13px;
    cursor: pointer;
    background: transparent url(/corporate/images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -10px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -20px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -31px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 11px;
	height: 13px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(/corporate/images/prev-horizontal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -10px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -20px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -31px 0;
}
.imageViewerWrap {
	background-image: url(/corporate/Images/imageviewer_large_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: inline-block; /* Diego - July 2011 - updated from block to inline-block to fix Safari issue */
	overflow: hidden;
	width: 221px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.imageViewerWrap .imgtitle{
	color:#1a4a7a;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(/corporate/Images/imageviewer_large_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#selectedimagecaption {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	vertical-align:middle;
}
#selectedimagecaption a{
	font-weight:bold;
}
a.selectedimage {
	border: 3px solid #06C;
	margin:-3px;
	background-position:-3px;
}
.bigSingle {
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -5px;
	margin-bottom: -10px;
}
.bigimagecaption{
	padding-left:5px;
	padding-top:10px;
}
.captionpadding {
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


.flashPad {
	padding-bottom: 5px;
}

.articleimgFloatLeft {	/* hgoszi 4/14/2014: Added new style. */
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
}
/* ====================================================================================================================
Twitter Integration (added by zw2)
   ==================================================================================================================== */

4. Insert below class items  after the comment in (1) after removing old css entries.

/** landing page */
body.landing div#twitterintegration{
  margin-top: -10px;
  margin-bottom: 30px;
}

/** article page */
body.article div#twitterintegration{
  position: relative;
  top: 20px;
  clear: both;
}

/** all template types */
div#twitterintegration{
  display: none;
}

div#twitterintegration div.padding{
  margin: -5px 10px 0px 5px;
}

div#twitterintegration span.tw_title{
  color: #333333;
}

div#twitterintegration ul#tweets{
  margin: 0;
  padding: 0;
}

div#twitterintegration ul#tweets li{
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;  
  margin-top: 7px;
  font-weight: normal;
  line-height: 1.1em;
  margin-bottom: 11px;
}

div#twitterintegration div.cta{
  margin-top: 15px;
  font-weight: bold;
  font-size: 110%;
  line-height: 1.1em;
  margin-bottom: 20px;
}

/** FIXES */
.tw_frame02BL{
  margin: 0;
  background: transparent url(http://www.exxonmobil.com/Images/navigation/frame03.gif) no-repeat scroll left bottom;
}

.tw_frame02TL{
  font-size:1%;
  height:10px;
  line-height:1%;
  margin:0;
  background:transparent url(http://www.exxonmobil.com/Images/navigation/frame03.gif) no-repeat scroll left top;
}

.tw_frame02TR{
  font-size:1%;
  height:10px;
  line-height:1%;
  margin:0 0 0 10px;
  background:transparent url(http://www.exxonmobil.com/Images/navigation/frame03.gif) no-repeat scroll right top;
}

.tw_frame02BR{
  margin:0 0 0 10px;
  background:transparent url(http://www.exxonmobil.com/Images/navigation/frame03.gif) no-repeat scroll right bottom;
}

.tw_clrfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.tw_title{
  clear:left;
  display:block;
  font-size:1.3em;
  font-weight:bold;
  line-height:1em;
  padding:5px 0;
  color: #333333;
}

/* =============================================================================================================
		ENERGY OUTLOOK QUICKVIEW CSS 
   ============================================================================================================= */
#eoQuickView{
	width: 140px;
	height: 32px;
	padding: 20px 0 0 10px;
	margin-top: 15px;
	background: url('/Corporate/Imports/eo/images/qv_grey_bg.gif') no-repeat top left;
}
#eoQuickView a img{border: none;}
#eoQuickView a{
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	position: relative;
	text-decoration: none;
	padding-right: 8px;
	outline: none;
}
#eoQuickView a:hover{text-decoration: none; border: none;}
#eoQuickView a span{
	display: none;
	width: 86px;
	height: 33px;
	font-size: 9px;
	line-height: 11px;
	color: #036;
	padding: 4px 0 0 7px;
	position: absolute;
	top: -31px; left: -4px;
}
#eoQuickView a:hover span{
	display: block;
	background: url('/Corporate/Imports/eo/images/qv_grey_tooltip.gif') no-repeat top left;
}

/* Fix for Search Result Page: Header was not centered */
#Pheader{
	width:914px;
	margin: auto;
}

/* =============================================================================================================
	[[[[[  tabbed template (global sites) ]]]]] 
   ============================================================================================================= */
.tabbed #mainContent { margin:0 0 0 200px; padding:0 0 25px 30px; }
.tabbed #mainPanel { position:relative; }

.tabRow, .linkindex { border-bottom:1px solid #ccc; width:99.9%; float:left; }
.tabRow { margin:20px 0 20px 0; }
.linkindex { margin:0;}


#mainContent .linkindex ul    { padding:0 10px; margin-bottom:20px; }
#mainContent .linkindex ul li { list-style-type:none; font-size:1.2em; line-height:1.5em; }

.linkindex .column { width:30%; float:left; margin:0; }
.linkindex .column li a { color:#1a4a8a; font-weight:bold; }

.countryListing { padding:15px 10px 0 10px; border-bottom:1px solid #ccc; width:99.9%; float:left; }
.countryListing a { font-weight:bold; }
#mainContent .countryListing ul    { padding:0 0 0 10px; margin:15px 0; }
#mainContent .countryListing ul li { list-style-type:none; font-size:1.1em; line-height:1.4em; }

.backToTop { float:right; margin-top:-.2em; }
.backToTop a { padding-right:15px; 
				font-size:1em;
				background:transparent url(/Images/icons/upArrow.gif) no-repeat center right; }
.backToTop a:visited { color:#1a4a8a; }


.tab { float:left; margin-right:2px; }
.tabRow .rightMost { margin-right:0; }
.tab h2 { 	padding:0; margin:0; font-size:1.3em; 
				background:transparent none no-repeat 0; }
.tab h2 a { 	display:block;
				background:#ebebeb url(/Images/navigation/boxLightGray.gif) no-repeat right top; }

.tab h2 a:hover  { 	background-color:#dee9f2; }
.tab h2 a span { 	display:block; 
				color:#666; white-space:nowrap; 
				padding:4px 0 2px 20px; 
				margin:0 20px 0 0;
				background:transparent url(/Images/navigation/boxLightGray.gif) no-repeat left top; }
.tab h2 a:hover span { color:#036; }


.tab h2.selected a { background:#dee9f2 url(/Images/navigation/boxLightBlue.gif) no-repeat right top; }
.tab h2.selected a:hover  { background-color:#dee9f2; }
.tab h2.selected a span { color:#036; background:transparent url(/Images/navigation/boxLightBlue.gif) no-repeat left top; }

.tab h2 a.selected { background:#dee9f2 url(/Images/navigation/boxLightBlue.gif) no-repeat right top; }
.tab h2 a.selected:hover  { background-color:#dee9f2; }
.tab h2 a.selected span { color:#036; background:transparent url(/Images/navigation/boxLightBlue.gif) no-repeat left top; }


.tab h2.nolink { color:#666; 
				padding:4px 25px 2px 25px; margin:0; 
				border-bottom:1px solid #ccc; 
				background:#ebebeb url(/Images/navigation/hdrBarCir.gif) no-repeat 5px .25em; }

.tabbed .item { border-bottom:1px solid #ccc; margin:20px 0; width:99.9%; padding:0 10px;}

/* =============================================================================================================
	[[[[[  Product Details Template ]]]]] 
   ============================================================================================================= */
   
   #mainContent #divTabs {
    float:left;
    width:445px;
    background-color:Transparent;
    line-height:normal;
    height: 21px; 
	overflow-y:visible !important;
 	position:static;
	z-index:100;
	position:relative;
}

#mainContent #divTabs ul {
    margin:0;
    padding:0;    
}

#mainContent #divTabs li {
    float:left;
    background:url("/Images/Tabs/right_off.gif") no-repeat  right top;
    margin:0;
    padding:0;
    color:#ffffff;
	list-style-type:none;
	text-decoration:none;
	line-height:7.5pt;
}

#mainContent #divTabs li:hover {
    float:left;
    background:url("/Images/Tabs/right_on.gif") no-repeat  right top;
    margin:0;
    padding:0;
    color:#ffffff;
}

#mainContent #divTabs a {
    display:block;
    background:url("/Images/Tabs/left_off.gif") no-repeat  left top;
    padding:6px 15px;
    list-style:none;
    list-style-image:none;
    list-style-type:none;
    color:White;
    text-decoration:none;
	font-size:1.0em;				/* BDE 9/9/10: Changed from 1.1em for Product Detail Tab label.  */
	font-weight:bold;
}

#mainContent #divTabs a:hover {
    background-image:url("/Images/Tabs/left_on.gif");
    color:#4d4d4d;
    text-decoration:none;
	font-size:1.0em;				/* BDE 9/9/10: Changed from 1.1em for Product Detail Tab label.  */
	font-weight:bold;
}

#mainContent #divTabs .current {
    background-image:url("/Images/Tabs/right_on.gif");
    color:#4d4d4d;
}

#mainContent #divTabs .current a {
    background-image:url("/Images/Tabs/left_on.gif");
    color:#4d4d4d;
    text-decoration:none;
	font-size:1.0em;				/* BDE 9/9/10: Changed from 1.1em for Product Detail Tab label.  */
	font-weight:bold;
}

#divTabBackGroundBody {
    /*overflow: hidden;*/
    z-index:1;
}

#divTabBackground {   
   position:absolute;
   top:26px;
   left:0px;
   height:auto;
   width:441px;
}

.divTabContent img {
margin-right:10px;
}
.divTabContent a img {
margin-right:0px;
}

#divTabContainer{
position:relative;
margin-top:11px;
float:left;
height:441px;
}

#tabbed_table {
display: table-cell;
word-wrap: break-word;
}

/* Standar Table Product Detail formatting*/

.divTabContent th.standard
{
	padding: 4px;
}
.divTabContent th.standard_center
{
	text-align: center;
	padding: 4px;
}
.divTabContent th.standard_right
{
	padding: 4px;
	text-align: right;
}
.divTabContent td.tr_blue
{
	background-color: #E8Eff3;
	padding: 4px;
	vertical-align: top;
	text-align: left;
}
.divTabContent td.tr_blue_center
{
	background-color: #E8Eff3;
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
.divTabContent td.tr_blue_right
{
	background-color: #E8Eff3;
	padding: 4px;
	vertical-align: top;
	text-align: right;
}
.divTabContent td.standard {
	padding: 4px;
	vertical-align: top;
}
.divTabContent td.standard_center {
	padding: 4px;
	vertical-align: top;
	text-align: center;
}
.divTabContent td.standard_right {
	padding: 4px;
	vertical-align: top;
	text-align: right;
}

.divTabContent table.standard
{
padding: 4px;
border: 1px solid #CCC;	
vertical-align: top;
}
.divTabContent .standard td , .standard th{
	border: 1px solid #CCC;	
}
/* =============================================================================================================
	[[[[[  END Product Details Template ]]]]] 
   ============================================================================================================= */
/*****************************************
                ELH Footers :- Start
*****************************************/
/* FONTS */
@font-face {
    font-family: emprint-regular;
    src: url('../../Imports/fonts/EMprint-Regular.ttf');
	src: url('../../Imports/fonts/EMprint-Regular.woff');
    src: url('../../Imports/fonts/EMprint-Regular.eot');
}
@font-face {
	font-family: emprint-semibold;
	src: url ('../../Imports/fonts/EMprint-Semibold.ttf');
	src: url ('../../Imports/fonts/EMprint-Semibold.woff');
	src: url ('../../Imports/fonts/EMprint-Semibold.eot');
}
/* FONTS END */



/* Structural css */
.body {
	margin: 0px 0px 0px 0px;
}
.wrapper {
	width: 100%;
	overflow-x:hidden;
}
.container {
	width: 100%!important;
	margin-right: auto;
	margin-left: auto;
    margin-top: 5%;
}
.content {
	width: 100%
}
div#Pfooter {
    width: 914px;
    margin: auto;
    display: inline-block;
}
#footer {
    position: absolute;
}
.footer {
	width: 914px;
}
a:focus {
	outline: none;
}
/* Structural css end */



/* LINK STYLING */
/* FOOTER LINKS BELOW */
.linkz {

    color: #dedede !important;
    text-decoration: none;
}
.linkz:hover {
	text-decoration: underline;
}
/* NAVIGATION LINKS BELOW */
.nav-links {
    color: #dedede !important;
    text-decoration: none;
}
.nav-links:hover {
	text-decoration: underline;
}
/* LINK STYLING END */



/* ELH viz image css (energy lives here) */
.Viz {
  width: 914px;
  background-color: #454545;
  height: 39px;
}
#Pfooter .Viz {
  width: 100%;
  height: auto;
}
.footer-viz {
	width: 100% !important;
}
/* ELH viz image css (energy lives here) END */



/* Light Grey section of footer */
.light-grey-section {
	background-color: #454545;
	overflow: hidden;
}
.light-grey-section-top {
	background-color: #454545;
	overflow: hidden;
}
/* Light Grey section of footer end */



/* SOCIAL LOGOS */
.sociallogos {
	text-align: right !important;
	padding-right: 28px;
	padding-bottom: 40px;
    margin-top:40px;
}
#sociallogos {
	padding: 0px 0px 13px 24px;
	border: none !important;
	outline: none !important;
}
/* SOCIAL LOGOS */



/* SITE NAVIGATION (LEFT SIDE) */
.navigation {
	/*Was 45%*/
	width: 60%;
	float: left;
}
#navtext {
	line-height: 20px;
	display: block;
}
#navtext a{
	display: inline-block;
}
.LiveText {
	width: 100%;
  	line-height: 30px;
	font-family: EMprint, Arial, Helvetica, FreeSans, sans-serif, "open-serif", open-serif;;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #dedede;
	padding: 21px 0px 10px 28px !important;
	overflow: hidden;
}
/* SITE NAVIGATION (LEFT SIDE) */


/* SEARCH BAR */
.light-grey-section-top .search {
	/*was 55%*/
	width: 40%;
	margin: 0px 0px 0px 0px !important;
	float: left;
	background-color: transparent;
	position: relative;
}
/*.Input {
	float: right;
	padding-right: 28px;
	padding-top: 10px;
	overflow: auto;
	position: relative;
	padding-left: 0px !important;
}
input[type="text"] {
	background-color: #323232;
	width: 150px;
	height: 23px;
	color: #dedede !important;
	border: none !important;
	font-size: 13px;
	border-bottom-left-radius: 5px !important;
	border-top-left-radius: 5px !important;
	text-indent: 5px;
}	
input:focus[type="text"] {
	outline: none;
}*/
/*.NEWsearch {
	float: right;
	text-align: right;
	position: relative;
}
#SearchImg {
	width: 110%;
	height: 100%;
	border: none !important;
	outline: none !important;
	visibility: visible !important;
}*/

/* SEARCH BAR END */



/* COMPANY LOGOS */
.exxonmobil {
	float: left;
	padding-top: 7px;
}
.other-logos {
	float: left;
	padding-top: 6px;
}
.RemoveOutline {
	border: none !important;
	outline: none !important;
	position: relative;
}
.exxonimg {
	padding-bottom: 8px;
	padding-right: 24px;
	border: none !important;
	outline: none !important;
}
.logos {
	width: 50%;
	float: left;
	display: inline;
}
.logo-img {
	padding: 10px 0px 0px 28px;
}
.other-logos-img-hold {
	position: relative;
	margin: auto;
}
.other-logos {
	position: relative;
	margin-bottom: 28px;
}
#logos {
	padding: 0px 24px 0px 0px;
	border: none !important;
	outline: none !important;
}
/* COMPANY LOGOS END */



/* DARK Grey section of footer */
.dark-grey-section {
	background-color: #323232 !important;
	overflow: hidden;
	width: 100%;
}

.rightblock {
	width: 50%; 
	float: right;
	display: inline;
}
.LiveText2 {
	font-family: EMprint, Arial, Helvetica, FreeSans, sans-serif, "open-serif", open-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #dedede;
	padding: 10px 35px 28px 0px !important;
	text-align: right !important;
}
/* DARK Grey section of footer end */


#mobileImageFlashReplacement {
  display: none;
}
#mobileVideoFlashReplacement {
  display: block;
	width: 435px;
	height: 279px;
}
#replaceBannerImageForMobile {
	display:none;
}
/*********************************************************************************************************/
/*BREAK POINT-------------------------------------------------------------------------------------*/
/*********************************************************************************************************/


/* STRUCTURE (CONTENT WRAP) */
@media (max-width: 914px) {
.container {
	width: 100%!important;
}
}
/* STRUCTURE (CONTENT WRAP) END */
@media (max-width: 730px) {
#logos {
	padding: 0px 13px 0px 0px !important;
}
.exxonmobil {
	float: left;
}
.other-logos {
	float: left;
}
}

/* SNAP BREAKPOINT (EDITABLE) */
/* BREAK POINT IS CURRENTLY 600 OR 540 - CHANGE TO CORRECT WIDTHe */
@media (max-width: 600px) {
.logos {
	width: 100%;
	float: left;
}
embed {
  display: block;
}
.rightblock {
	width: 100%;
	float: left;
}
#sociallogos {
	padding: 0px 0px 13px 13px;
}

#mobileImageFlashReplacement {
  display: block;
}
#mobileVideoFlashReplacement {
  display: block;
	width: 100%;
	height: auto;
}

/* COMPANY LOGOS */
.stack-logo {
	padding-right: 28px !important;
}
.exxonimg {
	vertical-align: -webkit-baseline-middle;
}
#logos {
	vertical-align: -webkit-baseline-middle;
}


/* COMPANY LOGOS END */



/* TEXT */
#footer .LiveText2 a {
  display: inline-block;
}
#footer .LiveText2 a:first-of-type {
    padding-left: 0;
}
.LiveText2 {
	font-family: EMprint, Arial, Helvetica, FreeSans, sans-serif, "open-serif", open-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #dedede;
	padding: 28px 28px 28px 28px !important;
	text-align: left !important;
}
/* TEXT END */



/* SOCIAL LOGOS */
.sociallogos {
	padding-top: 20px;
	padding-bottom: 15px;
}
/* SOCIAL LOGOS END */



/* SITE NAVIGATION */
.navigation {
	width: 100% !important;
	display: block !important; 
	visibility: visible !important;
	clear: both !important;
	float: none !important;
	/*overflow: hidden;*/
}
/* SITE NAVIGATION END */

.light-grey-section-top {
	background-color: #454545;
	/*overflow: auto;*/
}

/* SEARCH BAR */
.light-grey-section-top .search {
	width: 100%;
	float: center;
	text-align: center;
	margin-left: auto;
	display: block;
}
/*.Input {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	height: 23px !important;
	padding-left: 28px !important;
}
input[type="text"] {
	background-color: #323232;
	border-color: #dedede;
	width: 95%;
	height: 23px;
	border: none !important;
	float: left;
	font-size: 11px;
	display: inline;
}
input:focus[type="text"] {
	outline: none;
}*/
.NEWsearch {
	float: left;
	/*text-align: none;
	display: inline;*/
}
/* SEARCH BAR END */
}

/*NEW SEARCHBAR*/
#tfheader{
		background-color:#454545;
	}
	#tfnewsearch{
		float:right;
		padding:21px 20px 10px 0px;
	}
	.tftextinput4{
		position: absolute;
		top: 21px;
		right: 65px;
		height: 18px !important;
		width: 210px;
		margin: 0;
		padding: 6px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#dedede;
		border: none !important;
		background-color: #323232;
	}
	.tfbutton4 {
		position: absolute;
		top: 21px;
		right: 35px;
		margin: 0;
		padding: 0;
		width:30px;
		height:30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #323232;
		border: none;
		background: #323232 url('../../Images/layout/search-button.png');
		background-repeat: no-repeat;
		 background-position: center;
		outline: none;
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton4::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}
	input[class="tftextinput4"] {
		outline: none;
	}


@media (max-width: 600px) {
    p#navtext {
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: auto;
    }
	#tfnewsearch {
		width: 100%;
		display: block;
        min-height: 30px;
		float: none;
		padding: 13px 0px;
	}
	.tftextinput4 {
		width: 85%;
		left: 25px;
	}
	.footer {
        width: 100%;
    	}
	.exxonimg {
		padding-bottom: 0px;
	}
	#footer {
    		position: inherit;
	}
}	
@media (max-width: 500px) {
	.tftextinput4 {
		width: 80%;
	}
}
@media (max-width: 400px) {
	.tftextinput4 {
		width: 75%;
	}
}
/*****************************************
            ELH Footers :- End
*****************************************/