@import url("reset.css");
@import url("superfish.css");
body {
    background:#6C7682 url(images/bg_body_repeat-x.jpg) 0 0 repeat-x;
	color:#6b7681;
	color:#555;
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
}
a {
    color: #3887C7;
}
a:hover {
    color:#23557e;
}

.bgtxt /* use this on links you want to
  visually consist of only a background image, but still have readable
  html contents. In the case of <a class="bg-btn" href="#">Free Quote</a>
  crawlers will still read the link's text contents, but there will be a
  big button graphic that people will see in the browser.
  The [height:0] and [overflow:hidden] are the key ingredients to hiding the text.
  Whatever links you attach this class to will also in a seperate selector
  need to have a padding-top equal to the height of the graphic, a width, and
  a background-image path specified. <button> tags will need a *height specified for IE6+7 .*/
	{
		display:block;
		background-position:0 0;
		background-repeat:no-repeat;
		overflow:hidden;
		height:0;
	}
	
button.bgtxt /* this is the same as above except for button tags*/
{
	border:0 none;
	*height:auto;
	*font-size:0;
}
/*-----begin universal button stylization-----*/
/*this section provides a unified look to all elements that would
 normally be represented by standard operating-system-stylized form buttons.
 instead of <input name="submit" value="Submit" type="submit" /> you would use
 <button class="btn" name="submit"type="submit"><span>Submit</span></button>
 The selectors are generic so that you can use the same method on a normal link.
 <a href="#" class="btn">Show/Hide Filters<span></span></a>
*/
	.btn {
		background:url(images/bg_btn_left.gif) 0 -33px no-repeat;
		padding-left:4px;
		color:#000;
		text-decoration:none;
		line-height:24px;
		height:24px;
		display:block;
		text-align:center;
		float:left;
		border:0 none;
		cursor:pointer;
	}
	.btn span {
		background:url(images/bg_btn_right.gif) 100% -33px no-repeat;
		padding:0 22px 0 18px;
		display:block;
		white-space:nowrap;
	}
	.btn:hover {
		background:url(images/bg_btn_left.gif) 0 0px no-repeat;
	}
	.btn:hover span {
		background:url(images/bg_btn_right.gif) 100% 0 no-repeat;
	}
	button { 
		position: relative;
		overflow: visible; /* removes extra side padding in IE */
	}
	button::-moz-focus-inner {
		border: none;  /* overrides extra padding in Firefox */
	}
	button span { 
		position: relative;
	}
	/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
	button.btn { 
		padding: 0 0px 0 2px;
		*padding: 0 0px 0 4px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
		button span {
			margin-top: -1px;
		}
		button.btn {
			padding: 0 0px 0 2px;
		}
		button.btn span {
			height:24px !important;
			padding-top:0 !important;
		}
	}
	button.btn span {
		padding: 4px 18px 0 18px;
		*padding: 0px 18px 0 18px;
		height:20px;
		*height:24px;
		_height:20px;
	}
/*-----end universal button stylization-----*/


a.yb /*styles for yellow buttons. these will also need class of "bgtxt" and a unique class to designate background image and width*/
{
	padding:34px 0 0 0;
}
	a.yb:hover {
		background-position:0 -42px;
	}
	a.tellme {
		width:281px;
		background-image:url(images/btn_spr_tellmeaboutmodules.gif);
	}
	a.ivp {
		width:227px;
		background-image:url(images/btn_spr_integratedvendorpartners.gif);
	}
	a.home {
		width:319px;
		background-image:url(images/btn_spr_back_home.gif);
	}
	a.loadmaster {
		width:235px;
		background-image:url(images/btn_spr_back_loadmaster.gif);
	}
	a.powerbroker {
		width:246px;
		background-image:url(images/btn_spr_back_powerBroker.gif);
	}
	a.documentpower {
		width:270px;
		background-image:url(images/btn_spr_back_documentPower.gif);
	}
	a.lifecycleservices {
		width:283px;
		background-image:url(images/btn_spr_back_lifeCycleServices.gif);
	}
div.wrapper {
	width:1000px;
	margin:0 auto;
}
div.header {
	height:167px;
	position:relative;
}
	a.logolink {
		position:absolute;
		width:540px;
		height:167px;
		left:-62px;
		top:0px;
	}
	div.header img.seal {
		position:absolute;
		right:0px;
		top:37px;
	}
	div.header ul.nav-2 {
		position:absolute;
		top:56px;
		right:142px;
		text-align:right;
	}
	div.header ul.nav-2 li {
		display:inline;
		color:#9f9f9f;
	}
	div.header ul.nav-2 li a {
		color:#9f9f9f;
		text-decoration:none;
		padding:0 8px 0 10px;
	}
	div.header ul.nav-2 li a:hover {
		color:#bfbfbf;
		text-decoration:underline;
		
	}
	div.header form {
		right:150px;
		top:90px;
		width:280px;
		overflow:hidden;
		position:absolute;
	}
		div.header form input {
			float:left;
			background:#72787d;
			border:1px #8c8c8c solid;
			width:197px;
			color:#fff;
			padding:2px;
		}
		div.header form button {
			float:right;
			width:64px;
			padding:22px 0 0 0;
			background-image:url(images/btn_spr_search.gif);
			cursor:pointer;
			*height:22px;
		}
		div.header form button:hover {
			background-position:0 -22px;`
		}
div.body {
	background:#fff;
	/*margin:32px 0 0 0;*/
	top:-12px;
	*top:-2px;
	width:1000px;
	overflow:hidden;
	position:relative;
	z-index:10;
	margin-bottom:-12px;
	*margin-bottom:-2px;
}
	body.drill div.body {
		background: #fff url(images/bg_main_truck_01.jpg) center bottom no-repeat;
		border-bottom:8px solid #fff;
		padding-bottom:420px;
		padding-top:142px;
	}
	body.no-title div.body {
		padding-top:65px;
	}
div.primary {
	position:relative;
	z-index:10;
}
div.titlebar {
	position:absolute;
	height:111px;
	top:-142px;
	left:-292px;
	_left:-284px;
	_float:left;
	width:1000px;
}
body.fullwidth div.primary {
	width:760px;
	margin:0 0 0 50px;
}
body.index div.primary {
	background:#bfc4c6 url(images/bg_brushed_02.jpg) top center repeat-y;
}
div.secondary {
}
body.sidebar div.primary {
	width:600px;
	margin:0 108px 0 0;
	float:right;
}
body.sidebar div.secondary{
	width:260px;
	float:left;
	margin:0 0 0 16px;
}
	body.index div.secondary {
		background:#fff;
		width:977px;
		overflow:hidden;
		padding:47px 0 30px 23px;
	}
		body.index div.secondary div.whymcleod {
			height:180px;
			width:457px;
			padding:10px;
			background:url(images/bg_whymcleod_quotebox.jpg) 0 0 repeat-x;
			position:relative;
			float:left;
			margin-right:20px;
			color:#000;
		}
			body.index div.secondary div.whymcleod h4 {
				font-weight:bold;
				font-size:24px;
				margin-bottom:10px;
			}
			body.index div.secondary div.whymcleod cite {
				font-style:oblique;
				margin-bottom:1em;
				display:block;
				font-size: 13px;
			}
			body.index div.secondary div.whymcleod cite a{
				color: #000;
			}
			body.index div.secondary div.whymcleod span {
				display:block;
				padding-left:22px;
				font-size: 11px;
			}
		div.secondary a.financial {
			padding:190px 0 0 0;
			width:219px;
			background-image:url(images/btn_financial.gif);
			float:left;
			margin-right:25px;
		}
			body.drill div.secondary a.financial {
				float:none;
				margin:22px auto;
			}
		div.secondary a.financialtwo {
			padding:190px 0 0 0;
			width:219px;
			background-image:url(images/btn_financial2.jpg);
			float:left;
			margin-right:25px;
		}
			body.drill div.secondary a.financialtwo {
				float:none;
				margin:22px auto;
			}
		div.secondary a.conference {
			padding:190px 0 0 0;
			width:219px;
			background-image:url(images/btn_conference.jpg);
			float:left;
		}
			body.drill div.secondary a.conference {
				float:none;
				margin:22px auto;
			}

div.rotatorcontainer {
	position:relative;
	width:1000px;
	height:318px;
	overflow:hidden;
}
		div.rotatorcontainer a.bgtxt {
			position:absolute;
			padding-top:58px;
			width:38px;
			top:127px;
			z-index:30;
		}
		div.rotatorcontainer a.bgtxt:hover {
			background-position:0 -58px;
		}
		div.rotatorcontainer a#prev {
			left:10px;
			background-image:url(images/btn_spr_prev.png);
		}
		div.rotatorcontainer a#next {
			right:256px;
			background-image:url(images/btn_spr_next.png);
		}
	div#rotator {
		position:relative;
		width:1000px;
		height:318px;
		overflow:hidden;
		z-index:10;
	}
	div#rotator a {
	    text-decoration:none;
	    display:block;
	}
	div#rotator div.slide {
		width:1000px;
		height:318px;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		z-index:10;
	}
		div#rotator div.slide img.slidebg {
			position:absolute;
			top:0;
			left:0;
		}
		div#rotator div.slide div.container {
			position:absolute;
			color:#fff;
			width:430px;
			top:75px;
			left:75px;
			height: 200px;
			overflow: hidden;
			line-height: 17px;
			font-size: 13px;
		}

		div#rotator div.slide div.container p {
			color:#fff;
			line-height: 17px;
			font-size: 13px;
		}

		div#rotator div.slide p.larger {
			position:absolute;
			color:#fff;
			width:460px;
			top:45px;
			left:75px;
			height: 230px;
			overflow: hidden;
		}
		div#rotator div.slide p.larger a{
			display: block;
		}
		div#rotator div.slide p span.heading, div#rotator .slide h1, div#rotator div.slide p span.heading, div#rotator .slide h2 {
			font-size: 24px;
			color: #FFD74F;
			display: block;
		}
		div#rotator div.slide span.learnmore {
			padding:34px 0 0 0;
			width:128px;
			background-image:url(images/btn_spr_learnmore.gif);
			position:absolute;
			bottom:0;
			left:0;
		}
		div#rotator div.slide span.learnmore:hover {
			background-position:0 -34px;
		}
div.newsandevents {
	position:absolute;
	top:16px;
	right:20px;
	z-index:1000;
	width:221px;
	/*height:281px;*/
	background-image:url(images/bg_newsitem_lite.gif);
	border:1px #eeeded solid;
}
	div.newsandevents h2 {
		background-image:url(images/UpcomingEvents.jpg);
		width:221px;
		padding:39px 0 0 0;
		margin-bottom:3px;
	}
	div.newsandevents ul {
		height:198px;
		overflow:auto;
	}
		div.newsandevents li {
			background-position:top center;
			background-repeat:repeat-y;
			padding:13px 8px 13px 0;
		}
		div.newsandevents li a {
			padding: 0 0 0 24px;
			background:url(images/bg_newsandevents_li_span.gif) 5px 1px no-repeat;
			display:block;
			color:#326379;
			text-decoration:none;
		}
		div.newsandevents a {
			color:#3887c7;
		}
		div.newsandevents a:hover {
			color:#23557e;
			text-decoration:underline;
		}
		div.newsandevents li.even {
			background-image:url(images/bg_newsitem_lite.gif);
		}
		div.newsandevents li.odd {
			background-image:url(images/bg_newsitem_dark.gif);
		}
		div.newsandevents a.viewall {
			display:block;
			padding:15px;
			font-weight:bold;
		}
div.productboxes {
	width:991px;
	padding:9px 0 9px 9px;
}
	div.productboxes div.box {
		/* 238 x 238 squares */
		float:left;
		background-position:0 0;
		background-repeat:no-repeat;
		height:154px;
		width:148px;
		padding:84px 80px 0 10px;
		margin-right:9px;
		margin-bottom:9px;
	}
		div.productboxes div.box01 {background-image:url(images/bg_box01.jpg);}
		div.productboxes div.box02 {background-image:url(images/bg_box02.jpg);}
		div.productboxes div.box03 {background-image:url(images/bg_box03.jpg);}
		div.productboxes div.box04 {background-image:url(images/bg_box04.jpg);}
		
			div.productboxes div.box h3 {
				height:0;
				overflow:hidden;
			}
			div.productboxes div.box p {
				color:#848484;
				margin-bottom:1em;
			}
			div.productboxes div.box a {
				color:#265366;
			}
			div.productboxes div.box a:hover {
				color:#1b85b1;
			}
	div.productboxes a.wedoitall {
		width:981px;
		padding:88px 0 0 0;
		background-image:url(images/btn_wedoitall.jpg);
	}

div.footerwrapper {
	background:#0b0b0b;
}
div.footer {
	width:966px;
	margin:0 auto;
	color:#bbbbbb;
	position:relative;
	overflow:hidden;
	padding:38px 17px;
}
	div.footer ul.fnav {
		float:left;
		margin-left:12px;
	}
		div.footer ul.fnav li {
			display:inline;
			background: url(images/bg_fnav_li.gif) 0 50% no-repeat;
			padding:0 10px 0 12px;
		}
		div.footer ul.fnav a {
			color:#6b7681;
			text-decoration:none;
		}
		div.footer ul.fnav a:hover {
			color:#919ca7;
			text-decoration:underline;
		}
	div.footer span.copyright {
		color:#6b7681;
		float:left;
	}
	div.footer img.small-logo {
		float:right;
	}
	div.footer div.phone {
		float:left;
		width:145px;
	}
	div.footer div.address {
		float:left;
		width:215px;
	}
	div.footer a.getintouch {
		float:left;
		width:395px;
		padding:58px 0 0 0;
		background-image:url(images/btn_getintouch.gif);
		margin-right:30px;
		margin-bottom:30px;
	}
	div.footer hr {
		height:1px;
		border:none;
		background:#535b63;
		clear:both;
		margin:0 0 20px 0;
	}
	div.footer div.phone {
		line-height:17px;
	}
	div.footer div.phone span {
		color:#ffd74f;
		font-size:13px;
		font-weight:bold;
		letter-spacing:2px;
		
	}
	div.footer div.address {
		padding-top:17px;
		line-height:17px;
	}
div.bottomlinks {
	width:1000px;
	overflow:hidden;
	background: #bebebe url(images/bg_bottomlinks_repeat-x.jpg) 0 0 repeat-x;
	padding:18px 0 0 0;
}
	div.bottomlinks ul {
		width:1000px;
		overflow:hidden;
	}
		div.bottomlinks ul ul {
			width:auto;
			margin-bottom: 18px;
		}
		div.bottomlinks li {
			float:left;
			padding-left:22px;
			width:177px;
		}
			div.bottomlinks li a {
				color:#4a4a4a;
				text-decoration:none;
				font-size:16px;
				letter-spacing:1px;
			}
			div.bottomlinks li a:hover {
				color:#000;
			}
		div.bottomlinks li li {
			float:none;
			padding-left:0;
		}
			div.bottomlinks li li a {
				color:#797979;
				font-size:11px;
				letter-spacing:normal;
			}
			div.bottomlinks li li a:hover {
				
				text-decoration:underline;
			}
div.sboxwrap {
	width:680px;
	overflow:hidden;
}
	div.sboxwrap hr {
		margin:0;
		background-repeat: no-repeat;
		background-position: center center;
		border:0 none;
		*float:left;
		*display: list-item;
		*filter: alpha(opacity=0);
		*width: 0;
	}
	div.sboxwrap hr.top {
		background-image:url(images/bg_shadowbox_top.gif);
		*list-style: url(images/bg_shadowbox_top.gif) inside;
		height:19px;
		*height:9px;
		*margin-bottom:-7px;
	}
	div.sboxwrap hr.bottom {
		background-image:url(images/bg_shadowbox_bottom.gif);
		*list-style: url(images/bg_shadowbox_bottom.gif) inside;
		height:12px;
		*height:6px;
	}
	div.sbox {
		background: url(images/bg_shadowbox_repeat-y.gif) top center repeat-y;
		padding:0px 22px 13px 22px;
	}
	
div.accordion {
    background: url('images/bg_brushed_01.jpg') top left;
    margin: 0 12px;
}

    div.accordion ul {
	overflow: hidden;
    }
	
	div.accordion ul ul {
		display: none;	
	}

    div.accordion ul li a {
	margin: 5px;
	background-color: #6B7681;
	display: block;
	color: #ffffff;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-right:25px;
    }
    
    div.accordion ul li a:hover {
	background-color: #FFBB00;
	display: block;
	color: #000000;
    }
    
    div.accordion ul li a.parent {
	background: url('images/spr_arrows.gif') 98% 7px #6B7681 no-repeat;
    }
    
    div.accordion ul li a.parent:hover, div.accordion ul li a.active {
	background: url('images/spr_arrows.gif') 98% -70px #FFBB00 no-repeat;
	display: block;
	color: #000000;
    }
    
    
    /* LEVEL 2 */
    div.accordion ul li li a {
	background: none transparent;
	color: #000;
	margin: 0;
	padding: 3px 25px 3px 20px;
	font-weight: normal;
    }
    
    div.accordion ul li li a.parent {
	background: url('images/spr_arrows.gif') 98% -230px transparent no-repeat;
    }
    
    div.accordion ul li li a.parent:hover, div.accordion ul li li a.active {
	background: url('images/spr_arrows.gif') 98% -153px #212121 no-repeat;
	color: #FFBB00;
    }
    
    div.accordion ul li li a:hover {
	background-color: #212121;
	display: block;
	color: #FFBB00;
    }
    
    div.accordion ul ul ul {
	background-color: #212121;
	border-top: 1px dotted #4C4C4C;
    }

    div.accordion ul li li li a {
	padding: 3px 25px 3px 35px;
	color: #A0A0A0;
    }
    
    div.accordion ul li li li a:hover, div.accordion ul li li li a.active {
	background-color: #4C4C4C;
	display: block;
	color: #fff;
    }
form.c500, form.c500 *{
	color:#69747f;
	font-family:arial, helvetica, sans-serif !important;
}
form.c500 .text,
form.c500 .textarea,
form.c500 select{
	background:#fff;
	border:#adb4bb 1px solid;
}
.cms h2 {
	color:#666;
}

.category-description {
    overflow: hidden;
    margin: 20px 0 10px 0;
}

.category-selector {
    float: left;
}

.calender-toggle {
    float: right;
}

.event {
    padding-top: 25px;
    margin-bottom: 20px;
    border-top: 1px dotted #7C7C7C;
}

    .event-head {
	overflow: hidden;
	margin-bottom: 10px;
	color: #000;
    }
    
    .event-head a {
	color: #000;
	text-decoration:none;
    }

    .event .event-head h2 {
	padding-bottom: 0px;
    }
    
    .event .event-head span.event-date {
	font-weight: bold;
    }
    
    .event .event-description img {
	padding-right: 12px;
    }
    
.clear {
    clear:both;
}

/* ----- Begin Super Check Boxes ---- */
/*	wrapper divs */
fieldset.supercheck {
	border:0 none;
	position:relative;
}
fieldset.supercheck input.type-other {
	bottom:17px;
	position:absolute;
	right:64px;
	width:204px;
	z-index:1;
}
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0;
	z-index: 0;
}
.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1.3em;
	/*padding: .5em 0 .5em 30px;*/
	padding: 11px 0 11px 37px;
	margin: 0 0 .3em;
	cursor: pointer;
	background-color:#e9edf0 !important;
}
/* states */
.custom-checkbox label { background: url(images/spr_checkbox.gif) no-repeat; }

.custom-radio label { background: url(images/radiobutton.gif) no-repeat; }

.custom-checkbox label,
.custom-radio label {
	background-position: 6px 8px;
}
.custom-checkbox:hover,
.custom-radio:hover {
}
.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: 6px -76px;
	background-color:#69747f !important;
	color:#fff;
	font-weight:bold;
}
.custom-checkbox label.hover,/*
.custom-checkbox label.focus,*/
.custom-radio label.hover/*,
.custom-radio label.focus*/ {
	background-position: 6px -168px;
	background-color:#d4dae1 !important;
}
.custom-checkbox label.checkedHover/*, .custom-checkbox label.checkedFocus*/ {
	background-position: 6px -76px;
}
label.checked span {
	color:#fff;
}
/*
 .custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}
*/
/* ----- End Super Check Boxes ---- */

.partners td {
    padding: 20px 0;
    border-bottom: 1px dotted #7C7C7C;
}

.partners td img {
    margin-right: 20px;
}

a.sm-back-to-home {
	background-image:url("images/btn_spr_backtohome.gif");
	cursor:pointer;
	display:block;
	margin:0 21px 12px;
	padding:22px 0 0;
	width:105px;
	height: 0;
}
a.sm-back-to-home:hover {
	background-position:0 -22px;
}

.social {
    position: absolute;
    right: 0;
    top: 150px;
    width: 175px;
}
.social ul li {
	float: left;
	margin-right: 10px;
}
.uc {
    display: block;
    margin-left: 20px;
    margin-bottom: 22px;
    width: 219px;
}
body.conference div.body {
    background: url("images/bg_main_truck_01.jpg") no-repeat scroll center bottom #FFFFFF;
    border-bottom: 8px solid #FFFFFF;
    padding-bottom: 420px;
    padding-top: 111px;
}
body.conference div.titlebar-conference {
    left: 0;
    position: absolute;
    top: 0;
    width: 1000px;
}
body.conference div.primary {
    /*float: right;
    margin: 0 108px 0 25px;
    width: 867px;*/
}