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


html { /* 16 x 0.625 = 10 */ font-size: 62.5% } 

body 		{	
		text-align: center; 
		padding: 0px 0px;
		font-family: Arial,Helvetica,Sans-Serif; 
		color: #333;
	
		}

#printtop	{
		display: none;
		}



#container 
	{
		margin:0 auto; 
		text-align:left; 
		width: 1000px;
		border:0px solid yellow; 
	}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#entiretop	{
		float:left;
		width:1000px;
		height: 154px;
		border: 0px solid purple; 
		}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Start-- Logo, Print Page, Text Size, Language 				       */

#logolang	{
		float:left;
		width:1000px;
		height: 62px;
		border: 0px solid blue; 
		}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#logopadding 	{
		float:left;
		width: 20px;
		height: 60px;
		border: 0px solid red; 
		}


#mobillogo 	{
		float:left;
		width: 400px;
		height: 60px;
		border: 0px solid green; 
		background: url(/imag/mobil64x20.png) no-repeat center left;
		}
#exxonlogo 	{
		float:left;
		width: 400px;
		height: 60px;
		border: 0px solid green; 
		background: url(/imag/exxon64x35.png) no-repeat center left;
		}
#essologo 	{
		float:left;
		width: 400px;
		height: 60px;
		border: 0px solid green; 
		background: url(/imag/esso50x35.png) no-repeat center left;
		}
#exxonmobillogo 	{
		float:left;
		width: 400px;
		height: 60px;
		border: 0px solid green; 
		background: url(/imag/exxonmobil150x35.png) no-repeat center left;
		}



/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#printbox	{
		float:left;
		width: 180px;
		height: 40px;
		border: 0px solid blue; 
		padding: 7px 0 0 0; 
		margin:10px 0 0 0;
		text-align: center;
		background: url(/imag/buttonbox180x40.png) no-repeat top right;
		}


#printlogo 	{
		float:left;
		width: 30px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 8px;
		}
/*
#printtext 	{
		float:left;
		width: 90px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 4px;
		font-size:11px; 
		text-align: left;
		}
*/
#printtext a	{
		color:#1A4A7A;
		text-decoration:none;
		}
#printtext a:hover {
		text-decoration:underline;
		}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#buttonpadding 	{
		float:left;
		width: 20px;
		height: 60px;
		border: 0px solid red; 
		}


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


#sizebox	{
		float:left;
		width: 200px;
		height: 40px;
		border: 0px solid blue; 
		padding: 7px 0px 0 0; 
		margin:10px 0 0 0;
		background: url(/imag/buttonbox200x40.png) no-repeat top right;


		}
#sizebox img	{
		border:0 none;
		}

#sizebox a	{
		border:0 none;
 		}

#largeA 	{
		float:left;
		width: 18px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 10px;
		}
#mediumA 	{
		float:left;
		width: 18px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 0px;
		}
#smallA 	{
		float:left;
		width: 18px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 0px;
		}
/*
#textzize 	{
		float:left;
		width: 97px;
		height: 20px;
		border: 0px solid green; 
		padding-top: 4px;
		padding-left: 4px;
		text-align: left;
		font-size:11px; 
		}
*/

#textzize a:hover {
		text-decoration:none;
		}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */



/*
#langselect	{
		float:right;
		width: 137px;
		height: 40px;
		border: 1px solid blue; 
		padding: 7px 0 0 0; 
		margin:10px 0 0 0;
		text-align: center;
		background: url(/imag/buttonbox137x40.png) no-repeat top right;
		}


#langselect .selectbox 	{ 
			width:100px; 
			border:0px;
			background-color: #fafafa;
 			color: #333;
			font-size:13px;   
		}
*/

/* end -- Logo, Print Page, Text Size, Language 				       */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* start -- top nav box				 				       */

#thenav		{
		float:left;
		width:1000px;
		height: 88px;
		border: 0px solid red; 
		}


/* ----------------------------------------------------------------------------------- */
#topbar{
		float:left;
		width:1000px;
		height: 16px;
		color: #ffffff; 
		border: 0px solid green; 
		background: url(/imag/top1000x16.png) no-repeat top left;
	}
/* ----------------------------------------------------------------------------------- */
/*
#mainNav 	{
		float:left;
		width:998px;
		height: 21px;
		border-top: 2px solid #fff; 
		border-bottom: 2px solid #fff; 
		color: #fff; 
		margin:0 2px 0 0;
		font-size:12px;
		font-weight: bold; 
		background: transparent url(/imag/lightBlueOn.jpg) repeat-x top left;
		border: 0px solid green; 
		}
/ * ----------------------------------------------------------------------------------- * /
/ * this is overlayed on the blue bar of mainnav * /
#mainNav ul 	{ float:left; }


#mainNav ul li 	{
		float:left; 
		white-space:nowrap;
		display: block; 
		list-style-type: none; / * undo bullets * /
		border: 0px solid blue;
		/ *width: 50px;* / 
		}

#mainNav li a 	{
		color: #fff; 
		background: transparent; 
		text-decoration: none; 
		outline-style: none;
		display:block;
		padding: 3px 10px 1px 10px; 
		height: 17px;
		} 

#mainNav li a:hover {
		background: url(/imag/BlueoffBtn.jpg);
		border-left: 1px solid #ffffff; 
		border-right: 1px solid #ffffff;
		text-decoration:underline;
		padding: 3px 9px 1px 9px; 
		height: 17px;
		outline-style: none;
		}

#mainNav li a.mnNavOn {
		background: url(/imag/BlueoffBtn.jpg);
		border-left: 1px solid #ffffff; 
		border-right: 1px solid #ffffff;
		text-decoration:none;
		outline-style: none;
		padding: 3px 9px 1px 9px; 
		height: 17px;
		}

/ * ----------------------------------------------------------------------------------- * /
#bottombar	{
		float:left;
		width:1000px;
		height: 51px;
		color: #ffffff;
		border: 0px solid green; 
		background: url(/imag/bottom1000x51.png) no-repeat top left; 
	}
/ * this is overlayed on bottombar * /
#navTitle { 
		font-family:Helvetica,Arial,Sans-Serif; 
		font-size:20px; 
		margin:5px 25px 5px 25px; 
		line-height:20px; 
		font-weight:bold; 
		color:#369; 
	}
/ * ----------------------------------------------------------------------------------- */

#belowtop	{
		float:left;
		width:1000px;
		height: 20px;
		color: #ffffff; 
		border: 0px solid green;
		}
/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#mainpanel  	{ 
		float: left; 
		width: 1000px; 
		border:0px solid red;
		}
#leftpanel  	{
		float: left; 
		width: 200px; 
		border:0px solid blue;
		}
#gutterpanel  	{ 
		float: left; 
		width: 29px;
		height:400px;
		border:0px solid green;
		}

#rightpanel  	{
		float: left;
		width: 765px; 
		height:100%; 
		border:0px solid blue;
		}

#phplive  	{ float: left; width: 99%; border:1px solid green;}
#adpanel  	{ 
		float: left; 
		width: 198px; 
		border:0px solid orange;
		}
#adpanelbottom 	{ display: none;}

#copyrightnotice { display: none;}


.theadd 
	{
		margin:0 auto; 
		text-align:center; 
		width: 180px;
		border:0px solid blue; 
		padding-bottom: 10px; 
	}



/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#footer  	{ 
		float:left;
		width:1000px;
		border:0px solid green;
		}


#globalFooter { 
		border-top:1px solid #f0f0f0; 
		margin:0; 
		padding:20px 0 0 0; 
		text-align:center; 
		font-size:10px; 
		}
#globalFooter a { color:#666; }

.footerNav 	{ 
		text-align:center; 
		padding:10px 0 0 0; 
		}

.footerNav a 	{ 
		text-decoration:none;
		}

.footerNav li 	{ 
		display:inline; 
		padding:0 12px 0 8px; 
		border-right:dashed #999 1px; 
		line-height:14px;}

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

#globalFooter .logo img { padding-right:12px; }

.noBorderR 	{ border-right:none 0 !important }
.borderR 	{ border-right:dashed #999 1px !important }

div .globe  	{ 
		background: url(/imag/ftrWorld.gif) no-repeat top left;
		padding-left:22px;  
		}
div .phone  	{ 
		background: url(/imag/ftrPhone.gif) no-repeat top left; 
		padding-left:22px;
		}


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


#filter_container {  		/*This is the Show Filter holder  */
		margin:0 auto; 
		float: left;
		width: 180px;
		border:0px solid green;
		display: none;  /* none normally*/
		margin-bottom:10px; 
		}
#filter_show 	{		/*This is the Hide Filter holder  */
		margin:0 auto; 
		float: left;
		width: 100%;
		border:0px solid green;
		display: block;
		margin-bottom:10px; 
		}
.filterspacer 	{
		float:left; 
		height:10px;
		width: 100%; 
		border:0px solid blue;
		}
.filter_panel   { 		/*This is the Contents of the filter box  */
		float: left; 
		width: 180px; 
		border:0px solid red;
		}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


#filterbox	{
		float:left;
		width:200px;
		border: 0px solid red; 
		padding-bottom: 10px; 
		}
#filtertop	{
		float:left;
		width:200px;
		height: 10px;
		border: 0px solid green; 
		background: url(/imag/fettop10.png) no-repeat top left;
		}
#filtermiddle	{
		float:left;
		width:200px;
		background: url(/imag/fetmiddle.png) repeat top left;
		border: 0px solid blue; 
		}

#filterbottom	{
		float:left;
		width:200px;
		height: 10px;
		border: 0px solid green; 
		background: url(/imag/fetbottom.png) no-repeat top left;
		}
#filterarea 	{
		float:left;
		border: 0px solid green;
		width:180px;
		padding:0px 5px 0 10px;
		}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
#quicklinkpanel	{ 
		float: left; 
		width: 198px; 
		border:0px solid orange;
		}

.quicklinks 	{ 
		font-weight:bold;
		}

.quicklinks ul 
		{ 
		padding:0 0 20px 25px; 
		margin:10px 0; 
		position:relative; 
		display:block; 
		clear:left;
		}



.quicklinks ul li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:disc;
		}

.quicklinks ul li a, 
.quicklinks ul li a:link {
		color:#1A4A7A;
		font-size:12px;
}
.quicklinks ul li a:visited { text-decoration:none; }
.quicklinks ul li a:hover   { text-decoration:underline; }  /* hover must come after visited. === */

/*
quicklinks li 	{ 
		line-height:14px; 
		}


.headerbar h3.nolink {
		background:#EBEBEB url(/imag/hdrBarCir.gif) no-repeat scroll 5px 3px;
		border-bottom:1px solid #CCCCCC;
		color:#666666;
		margin:0;
		padding:4px 25px 2px;
		line-height:12px;
		font-size:12px;
		}
	
*/
.headerbar h3 a {
		background:#EBEBEB url(/imag/hdrBarCir.gif) no-repeat scroll 5px 3px;
		color:#666666;
		display:block;
		padding:4px 25px 2px;
		/* position:relative; */
		font-weight:bold;
		}


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#downthankyou 	{
		/*
		visibility: hidden; 
		visibility: visible; 
		*/
		position: absolute; 
		left: 425px; 
		top: 390px; 
		width: 500px;
		z-index: 4155; 
		border: 0px solid red; 
		visibility: hidden; 
		}


#subfeatureCallouts {		
		width: 100%;
		}

.callout {background:transparent url(/imag/blueGradient.jpg) no-repeat top right;}

.frame01TL { background:transparent url(/imag/calloutFrame1000.gif) no-repeat top left;   }
.frame01TR { background:transparent url(/imag/calloutFrame1000.gif) no-repeat top right;  }
.frame01BL { background:transparent url(/imag/calloutFrame1000.gif) no-repeat bottom left; }
.frame01BR { background:transparent url(/imag/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; }

.callout .content {
		padding:5px 10px; 
		min-height:60px; height:auto !important; height:60px; 
		background:transparent none no-repeat 0; 
		font-size:12px; 
		line-height:16px;
		color:#333333;  
		}

.callout .content h2 { 
		padding-bottom:1px;
		font-family:Helvetica,Arial,Sans-Serif; 
		font-size:18px; 
		line-height:20px; 
		font-weight:bold; 
		color:#2E4B68; 
		}



/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */