@import "oilgearLayout.css";
@import "oilgearStyles.css";

.IE6 #contentContainer {width:930px;}
#leftZone {float:left; width:285px;background:url('images/homepage_leftZoneBG.gif') no-repeat top left; margin:0px 3px 0px 0px; padding:8px 7px 10px 7px;}
#centerZone {float:left;width:285px;background:url('images/homepage_centerZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
#rightZone {float:right;width:288px;background:url('images/homepage_rightZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
	.IE6 #leftZone, .IE6 #centerZone, .IE6 #rightZone {width:280px; margin-top:-210px; position:relative; z-index:1;}

.IE6 #contentContainer1 {width:930px;}
#leftZone {float:left; width:285px;background:url('images/homepage_leftZoneBG.gif') no-repeat top left; margin:0px 3px 0px 0px; padding:8px 7px 10px 7px;}
#centerZone {float:left;width:285px;background:url('images/homepage_centerZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
#rightZone {float:right;width:288px;background:url('images/homepage_rightZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
	.IE6 #leftZone, .IE6 #centerZone, .IE6 #rightZone {width:280px; margin-top:-210px; position:relative; z-index:1;}

.IE6 #contentContainer2 {width:930px;}
#leftZone {float:left; width:285px;background:url('images/homepage_leftZoneBG.gif') no-repeat top left; margin:0px 3px 0px 0px; padding:8px 7px 10px 7px;}
#centerZone {float:left;width:285px;background:url('images/homepage_centerZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
#rightZone {float:right;width:288px;background:url('images/homepage_rightZoneBG.gif') no-repeat top left; margin:0px;padding:8px 7px 10px 7px;}
	.IE6 #leftZone, .IE6 #centerZone, .IE6 #rightZone {width:280px; margin-top:-210px; position:relative; z-index:1;}


#topContentContainer {width:910px; height:250px;margin:0px auto;background:url('images/homepage_topContentContainerBG.jpg') no-repeat top center;}
	#topContent {height:215px; width:870px;}
	#topContent h1 {padding:10px 0px 0px 0px;}

#bottomZone {}
	.IE6 #bottomZone {margin-top:-30px; position:relative; z-index:1;}
	#bottomZoneBG {background:url('images/bottomBoxesBG.gif') repeat-y top center; margin:18px 0px 0px 0px; padding:15px 15px 0px 15px; overflow:auto;}
		.IE6 #bottomZoneBG {margin:0px; height:1%;}
	#bottomZoneShadow {background:url('images/bottomBoxesShadow.gif') no-repeat top center; margin:0px; padding:0px; height:19px; width:100%; clear:both;}
	#bottomZone div.BottomZone {width:420px; margin:0px; padding:0px;}
	#bottomZone div.BottomFloatRight {float:right; font:11px Arial, Helvetica, sans-serif;}
	#bottomZone div.BottomFloatLeft {float:left; line-height:1.1em;}
		.IE6 #bottomZone div.BottomFloatLeft  {margin-left:7px;}
	
		#bottomZone div.BottomFloatRight ul {list-style-type:none; margin:0px; padding:0px; width:125px; float:left; margin:0px 7px 0px 0px;}
		#bottomZone div.BottomFloatRight li {margin:0px; padding:2px 0px 3px 12px; background:url('images/arrowBullet.gif') no-repeat center left;}
		#bottomZone div.BottomFloatRight a, #bottomZone div.BottomFloatRight a:visited {color:#034d81; text-decoration:none;}
		#bottomZone div.BottomFloatRight a:hover, #bottomZone div.BottomFloatRight a:visited:hover, #bottomZone div.BottomFloatRight a:focus {text-decoration:underline;}
		
		#bottomZone div.BottomFloatLeft h3, {margin:0px;}

/* the featured area slider thing */
ul#toolbar {height:36px; width:864px; text-align:left; list-style-type: none; margin:7px 0px 0px 20px; padding:0px; clear: both;}
#toolbar li {margin:0px; padding:0px;display:inline;}
#toolbar li a {font:normal 14px Arial, Helvetica, sans-serif; padding:9px 8px; margin:0px;border-right: 1px solid #d9d9d9; border-left: 1px solid #e2e8ed; text-decoration:none;}
#toolbar li a.active {background:#aab5be;}
#toolbar li a.inactive {background:none;}
#toolbar li a:hover {background:#aab5be;}

#frame, #scroller, .section {height:250px;}

#frame {overflow: hidden; margin:0px; width: 870px; position: relative;}
#scroller {width: 870px; margin:0px; overflow: hidden;}
#content {width: 5250px;}
.section {width: 870px; margin: 0px; float: left;}


/*==============FOR FILTER BLOCK JQUERY ===================================================================*/

#topContentContainerContainer{width:910px; height:250px;}
	#topContentContainer{width:910px; height:251px;}
	#topContentContainer .AggregationResults{position:relative; width:910px; height:251px;}
	#topContentContainer .AggregationResults #nav{ z-index:10; padding:0px 0 0 0; position:absolute; bottom:4px; left:40px; margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px;}
	.IE6 #topContentContainer .AggregationResults #nav{bottom:3px;}

	#topContentContainer .AggregationResults #nav a{border-left:1px solid #E2E8ED; border-right:1px solid #D9D9D9; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; display:block; float:left; margin:0; padding:9px 8px; background-color:none; color:#034d81; text-decoration:none; font-weight:normal;}

	#topContentContainer .AggregationResults #nav a.activeSlide, #topContentContainer .AggregationResults #nav a:hover{ background-color:#AAB5BE;}
	#topContentContainer .AggregationResults h4{width:500px; font-family: Arial, Helvetica, sans-serif; color:#d6d68e; text-transform:none; font-weight:normal; padding:20px 10px 0px 10px;  margin:0; font-size:30px;}

	#topContentContainer .AggregationResults h4 a{font-weight:bold;}

	#topContentContainer .AggregationResults p{color:#333333; margin:0; padding:10px 10px 10px 10px; line-height:16px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px;}
	#topContentContainer .AggregationResults .boxContent{ font-size:12px; width:287px; height:206px; float:left; margin:10px;}
	#topContentContainer .AggregationResults .OneCol a{font-family:Arial, Verdana, Helvetica, sans-serif; position:relative; font-weight:bold;}

	#topContentContainer .AggregationResults a:link{color:#fff; text-decoration:none; font-weight:normal;}
	#topContentContainer .AggregationResults a:visited{color:#fff; text-decoration:none; font-weight:normal;}
	#topContentContainer .AggregationResults a:hover{color:#fff; text-decoration:none; font-weight:normal;}
	#topContentContainer .AggregationResults a:active{color:#fff; text-decoration:none; font-weight:normal;}

	#topContentContainer .AggregationResults .linkText a:link{color:#d6d68e; text-decoration:none;}
	#topContentContainer .AggregationResults .linkText a:visited{color:#d6d68e; text-decoration:none;}
	#topContentContainer .AggregationResults .linkText a:hover{color:#fff; text-decoration:none;}
	#topContentContainer .AggregationResults .linkText a:active{color:#d6d68e; text-decoration:none;}

/*===========================================================*/

#topContentContainer .AggregationResults .OneCol {width:890px; height:211px; margin:0px 10px 0 10px; /*border:1px solid #cccccc;*/ /*font-size:150px;*/ color:#fff; overflow:hidden;}
#topContentContainer .AggregationResults .OneCol div {width:890px; margin:0; padding:0;}
#topContentContainer .AggregationResults .OneCol div.altRow {border-bottom:none; border-top:none;}
#topContentContainer .AggregationResults .OneCol div p{width:480px; color:#E3E0BB; margin:0; padding:10px 10px 10px 10px; line-height:1.6em; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#topContentContainer .AggregationResults .OneCol .image a img{ height:211px; float:right; width:350px; border:none; margin:0px 0px 0 0; background:none;}


.imageFloatRight {float:right;}
.imageFloatLeft {float:left;}