/************
MAIN PANELS
*************/
.pnlHmMn {
	display: inline-block;
	height: 198px;
	border-bottom: 8px #231f20 solid;
	position: relative;
	margin:0 0 15px 0;
}
.pnlHmMn h2 {
	color: #ebf5f2;
	float: left;
	display: inline-block;
	padding: 11px 0 1px 11px;
	margin: 0;
	font: normal normal bold 22px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top:2px;
}
.pnlHmMn dl{
}
.pnlHmMn dl dt {
	font: normal normal bold 13px Arial, Helvetica, sans-serif;
	color: #ffd655;
	float: left;
	display: inline-block;
	padding: 20px 0 3px 10px;
	margin: 0;
}
.pnlHmMn dl dd {
	color: #ffffff;
	clear: left;
}
.pnlC3PL {
	float: left;
	width: 548px;
	background: #4F5B7F url('../../images/bgC3PL.jpg') no-repeat scroll left top;
}
.pnlC3PL h2, .pnlC3PL dl dt {
}
.pnlC3PL h2 {
	width: 145px;
}

/*IE 6 does not like the width*/
* html .pnlC3PL h2.ttlC3PL
{
    margin-top:13px;
	margin-left:6px;
	margin-right:64px;
	width:79px;
}

.ttlC3PL span {
	color: #ffd655;
}
.ttlC3PL strong {
	color: #ffffff;
}
.ttlC3PL{
	text-indent:-9999px;
	display:block;
	background:transparent url('../../images/logoC3Plus.png') no-repeat scroll 11px 13px;
}
.pnlC3PL dl dd ul {
	float: left;
	width: 150px;
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
.pnlC3PL dl dd ul li {
	margin: 5px 0 5px 10px;
	height:26px;
}
	
.pnlC3PL dl dd ul li h3 {
	display: block;
	border: 1px  #727d98 solid;
	border-left: 4px #ffd655 solid;
	width: 129px;
	height: 18px;
	background: #526084;
	margin: 0;
	padding: 6px 0 0 8px;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
	cursor: pointer;
	overflow:hidden;
}

.pnlC3PL dl dd ul li h3 a,
.pnlC3PL dl dd ul li h3 a:hover
{
    color: #ffffff;
    text-decoration:none;
}
.pnlC3PL dl dd ul li.hover h3{
	filter: alpha(opacity=100);
	-moz-opacity: .999;
	opacity: .999;
}
.pnlC3PL dl dd ul li ul {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 166px;
	top: 67px;
	margin: 0;
	padding: 0;
	list-style: none;
	display:none;
	height: 120px;
	width: 186px;
}
.pnlC3PL dl dd ul li ul li {
	padding: 0;
	margin: 0;
}
.pnlC3PL dl dd ul li.hover ul {
	visibility:visible;
}
.pnlC3PL dl dd ul li .icoRMr {
	position: absolute;
	right: 8px;
	bottom: 10px;
}
.pnlTMS {
	float: right;
	width: 310px;
	background: #626366 url('../../images/bgTMS.jpg') no-repeat scroll left top;
}
.pnlTMS dl dt 
{
    	margin-left:0px;
}


.pnlTMS dl dd {
	position:absolute;
	left:17px;
	top:103px;
	width: 225px;
	height:95px;
	padding:0 68px 0 0;
}
.pnlTMS dl dd .icoRMr {
	position: absolute;
	bottom: 19px;
	right: 33px;
}


/************
EVENT PANEL
*************/
.pnlAdEvnt{
	width:124px;
	height:130px;
	border-top:1px #dbdbdc solid;
	border-right:1px #dbdbdc solid;
	border-left:1px #dbdbdc solid;
	border-bottom:8px #000000 solid;
	background:transparent url('../../images/bgAdEvnt.jpg') no-repeat scroll left top;
	padding:10px 13px 0 13px;
	display:-moz-inline-block;
	display:inline-block;
	float:left;
}
.pnlAdEvnt h2{
	font-size:13px;
	color:#000000;
	line-height:18px;
	margin:0;
	padding:0;
}
.pnlAdEvnt h2 strong{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	line-height:18px;
}
.pnlAdEvnt address{
	font-size:10px;
	line-height:15px;
	color:#ffffff;
}

.pnlAdEvnt a:hover
{
    cursor:pointer;
}

/************
BOTTOM PANEL
*************/
.pnlHmBttm{
	width:619px;
	height:158px;
	display:-moz-inline-block;
	display:inline-block;
	background:#e9eaec url('/images/bg-pnlBtm.gif') repeat-x scroll left top;
	font-size:11px; 
	line-height:13px;
	color:#626366; 
	width:960px;
	margin-left:-10px;
	position:relative;
	overflow:hidden;
}
.pnlHmBttm dl dt{
	font-weight:bold;
}
.pnlHmBttm h2,
.pnlHmBttm dl{
	display:block;
	margin:0;
	padding:0;
	list-style:none;

}
.pnlHmBttm .hmSptlt {
	float:left;
	display:inline-block;
}
.pnlHmBttm .hmSptlt h2,
.pnlHmBttm .hmSptlt dl {
	width:124px;
	padding:0 0 0 10px;
}
.pnlHmBttm .hmSptlt dl dt{
	color:#2e3a6c;
	margin-bottom:3px;
}
.pnlHmBttm .hmQuote{
	margin:0 0 0 12px;
	float:left;
	width:135px;
	padding:15px 12px 0 13px;
	border-left:1px #c8c9cb solid;
	border-right:1px #c8c9cb solid;
	height:125px;
	display:inline-block;
	line-height:14px;
	font-style:italic;
}
.pnlHmBttm .hmQuote blockquote,
.pnlHmBttm .hmQuote cite{
	margin:0;
	padding:0;
}
.pnlHmBttm .hmQuote blockquote{
	margin-bottom:4px;
}
.pnlHmBttm .hmQuote cite{
	font-weight:bold;
	text-align:right;
	float:right;
	margin-right:5px;	
}
.pnlHmBttm .hmNws{
	
	float:right;
	display:inline-block;
	width:310px;
	margin:0;
	overflow:hidden;
}
.pnlHmBttm .hmNws h2,
.pnlHmBttm .hmNws dl{
	width:300px;
	padding:0 0 0 10px;
}
* html .pnlHmBttm .hmNws{
    width:301px;
}
* html .pnlHmBttm .hmNws h2,
* html .pnlHmBttm .hmNws dl{
	width:291px;
}
.pnlHmBttm .hmNws dl dt{
	clear:right;
	float:left;
	color:#4f5b7f;
	margin-right:3px;
}
.pnlHmBttm .hmNws dl dt a{
	color:#4f5b7f;
	text-decoration:none;
}
.pnlHmBttm .hmNws dl dd{
	color:#808080;
	margin-bottom:7px;
	margin-right:10px;
	height:13px;
	overflow:hidden;

}
.pnlHmBttm .hmNws dl dd a{
	color:#808080;
	text-decoration:none;
}

/*global bottomPanel Styles*/
.pnlHmBttm h2{
	font-size:14px;
	color:#2e3a6c;
	border-bottom:1px #c8c9cb solid;
	margin:10px 0 0 0;
	height:22px;
}
.pnlHmBttm dl{
	height:100px;
	margin-top:7px;
}
.hmSptlt a
{
	color:#808080;
}
#services{width: 960px;height: 212px;overflow:hidden;font-size:11px;position:relative;}
#services p{line-height:18px;padding:10px 0;}
#services .bb{border-bottom:1px solid #aaa;}
#services .links a{display:block;display:inline-block;padding:3px 15px 3px 25px;float:left;color:#fff;text-decoration:none;height:18px;}
#services .links a:hover{text-decoration:underline;}
.service, .intro{position:absolute;left:0px;top:300px;width:806px;height:89px;margin:49px 60px 94px 94px;background: transparent url(/images/bg-msg.png) no-repeat scroll left bottom;}
.intro{position:absolute;left:0;top:0;}
.intro h1, .service h2, .intro h3, .service h3{margin:0;display:block;font-size:18px;color:#fff;float:left;text-align:right;padding:25px 15px 0 0;width:293px;line-height:20px;}
.intro h1{line-height:32px;}
.intro h1 strong, .service h2 strong, .intro h3 strong, .service h3 strong{color:#ffd655;}
.intro h3, .service h3{line-height:18px;font-weight:normal;font-size:13px;color:#fff;text-align:left;padding:15px;padding-left:20px;width:320px;}
.intro h3{width:460px;}
.service div{float:left;display:block}
.service a{margin-top:35px;background: transparent url(/images/bg-learn-more.png) no-repeat scroll left bottom;float:left;height:21px;width:105px;text-indent:-9999px;}
.selector{position:relative;float:left;width:226px;height:284px;background:#ffffff url(/images/hm-selections.gif) no-repeat scroll left top;}
.htop{position:relative;background:url("/images/ChemLogix_TankTruck.jpg") no-repeat scroll left top transparent;height:230px;margin:0 -10px 12px;}
.htop ul{margin:0;background: transparent url(/images/bg-tabs.gif) no-repeat scroll left bottom;list-style-type:none;position:absolute;top:173px;padding:0 0 3px 0;float:left;width:960px}
.htop li{float:left;text-align:center;display:inline-block;}
.htop li a{font-weight:bold;margin:0 4px;width:174px;display:inline-block;color:#fff;text-transform:capitalize;font-size:13px;background: transparent url(/images/bg-hnav.png) no-repeat scroll left bottom;display:block;padding:20px 5px 14px 5px;height:20px;}
.htop li a:hover, .htop li a.selected{cursor:pointer;text-decoration:none;background: transparent url(/images/bg-hnavo.png) no-repeat scroll left bottom;}
.htop li a.last{}
.htop img.msg{position:absolute;left:0px;display:none;}
.stypes {list-style: none;position: relative;margin: 0;padding: 0;float:left;}
.stypes li{width: 153px;height: 151px;display: block;overflow: hidden;padding: 0;cursor:pointer;}
.stypes.horizontal li {margin-right: 5px; /*Set to same as spacing option. */	float: left;background: transparent url(/images/bg-tab.gif) no-repeat scroll left bottom;}
.stypes.horizontal li.active {background: transparent url(/images/bg-active-tab.gif) no-repeat scroll left bottom;}
.stypes.horizontal li div{display:block;width:400px;height:100px;margin-left:100px;margin-top:-30px;}
.stypes.horizontal li div strong, .stypes.horizontal li div span{color:#ffd655;}
.stypes.horizontal li div strong.blog{font-size:12px;}
.stypes.horizontal li div a{color:#fff;}
.stypes.horizontal h5{padding:0;margin:0;font-size:12px;font-weight:bold;padding-bottom:3px;}
#s1 {}
#s2 {}
#s3 {color:#fff;}
#s4 {color:#fff;}
#s5 {color:#fff;}
.stypes span.lbl{font-weight:bold;display:block;color:#fff;text-transform:uppercase;width:63px;text-align:center;padding-top:30px;}
.stypes.horizontal li.active span.lbl{color:#ffd655;padding-left:3px;}
.stypes.horizontal #s4 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */}
.stypes.vertical #s4 {margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */}
.social-links{list-style-type:none;float:left;margin:0;padding:0;padding-top:5px;width:192px;}
.social-links li {padding:0 0 0 20px;border-bottom:1px solid #858a99;}
.social-links li a{display:block;padding:8px 10px 8px 30px;color:#aaa;text-transform:uppercase;background: transparent url(/images/icons.png) no-repeat scroll left top;}
.social-links li a.twitter{background-position:left 7px;}
.social-links li a.linkedin{background-position:left -143px;}
.social-links li a.facebook{background-position:left -53px;}
.social-links li a.rss{background-position:left -83px;}
.social-links li a.blog{background-position:left -113px;}
.ad{margin-left:15px; margin-top:13px; padding:26px 0 0 10px;height:60px;width:359px;float:left;display:block;background: transparent url(/images/bg-hm-downloads.gif) no-repeat scroll left top;}
.case{background-position:left -100px;}
.ad{margin-left:15px; margin-top:13px; padding:26px 0 0 10px;height:60px;width:359px;float:left;display:block;background: transparent url(/images/bg-hm-downloads.gif) no-repeat scroll left top;}
.case{background-position:left -101px;}
.article{background-position:left -202px;}
.ad img{float:right;border:none;} 
.ad a{text-transform:uppercase;color:#333;font-weight:bold;}