/** tools, used all over **/
.left
{
	float: left;
}
.right
{
	float: right;
}
.clearFix:after,
#mainNav:after,
#mainContent:after,
#footerCopy:after
 { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
/* default styles, strip and change come browser defaults I do not like */
html,
body
{
	margin: 0px;
	padding: 0px;
}
body
{
	font-size: 76%;
	font-family: "MyriadPro Bold", Helvetica, arial;
}
h1,
h2,
h3,
h4,
h5,
p
{
	margin: 0px;
	padding: 0px;
	display: block;
}
h1,
h2,
h3,
h4,
h5
{
	color: #0066b2
}
h1
{
	font-size: 1.5em;
	margin-bottom: 7px;
}
h2 {
	font-size: 1.2em;
	}
h3 {
	font-size: 1em;
	}
select {width: 200px;}
p
{
	margin: 7px 0px;
	font-family: arial;
}
a img
{
	border: 0px;
}
a:link,
a:active,
a:visited,
a:hover
{
	text-decoration: none;
	color: #0066b2;
}
a:hover {text-decoration: underline;}
.smallContent a {color: #2e3192 !important;}
/* use selctors to set things that are the same */
#headerImg,
img#mainContentCap,
#mainContent,
#footerNav,
.bottomCallouts,
#getStartedBox,
#resultsTable,
#notListedBox,
#flashMod
{
	margin-left: 6px;
	margin-right: 6px;
	/* these offset the padding of the main container, to push in the space made by nav white border */
}
/* layout and styles */
body
{
	background-image: url(../img/bg/bodyBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;	
}
	
	#mainContainer
	{
		width: 762px;
		margin: 0px auto;
		padding: 25px 0px;
	}
		
		#mainNav
		{
			margin-bottom: 10px;
		}
		#mainNav div.mainNav
		{
			position: relative;
			float: left;
			display: block;
		}
		a.mainLink
		{
			display: block;
			float: left;
			height: 50px;
			background-position: top;
			background-repeat: no-repeat;
		}
		#homePage #home a.mainLink,
		#aboutSection #about a.mainLink,
		#solutionsSection #solutions a.mainLink,
		#resultsSection #results a.mainLink,
		#testimonialsSection #testimonials a.mainLink,
		#programsSection #programs a.mainLink,
		#contactSection #contact a.mainLink,
		#mainNav a:hover,
		.hover a.mainLink
		{
			background-position: bottom;
		}
		#mainNav #home a.mainLink
		{
			background-image: url(../img/global/navHome.gif);
			width: 81px;
		}
		#mainNav #about a.mainLink
		{
			background-image: url(../img/global/navAbout.gif);
			width: 95px;
		}
		#mainNav #solutions a.mainLink
		{
			background-image: url(../img/global/navSolutions.gif);
		}
		#mainNav #solutions a.mainLink
		{
			width: 98px;	
		}
		#mainNav #solutions .subMenu
		{
			width: 147px;
		}
		#mainNav #results a.mainLink
		{
			background-image: url(../img/global/navResults.gif);
			width: 82px;
		}
		#mainNav #testimonials a.mainLink
		{
			background-image: url(../img/global/navTestimonials.gif);
			width: 115px;
		}
		#mainNav #programs a.mainLink
		{
			background-image: url(../img/global/navAssociationPrograms.gif);
			width: 171px;
		}
		#mainNav #contact a.mainLink
		{
			background-image: url(../img/global/navContact.gif);
			width: 118px;
		}
		.subMenu
		{
			float: none;
			clear: both;
			display: none;
			position: absolute;
			top: 45px;
			left: 0px;
			background-image: url(../img/bg/subNavBg.jpg);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #636363;
		}
		.hover .subMenu
		{
			display: block;
		}
		#mainNav .subMenu a
		{
			display: block;
			padding: 2px 5px;
			background-image: none;
			color: #fff;
			font-family: arial;
			font-weight: bold;
		}
		#mainNav .subMenu a:hover
		{
			color: #000;
			background-color: #cbd1d4;
		}
	img#mainContentCap
	{
		margin-top: 10px;
		display: block;
	}
	#mainContent
	{
		padding: 11px 15px 15px 15px;
		background-color: #ffffff;
	}
	#sideBar
	{
		width: 173px;
		float: left;
	}
	#bodyContent
	{
		float: right;
		width: 532px;
	}
	#footerNav
	{
		padding: 6px 5px;
		background-image: url(../img/bg/footerBg.gif);
		background-position: top;
		background-repeat: repeat-x;
		background-color: #4a4a4a;
	}
	#footerNav a:link,
	#footerNav a:active,
	#footerNav a:visited
	{
		color: #ffffff;
		padding: 0px 10px;
	}
	#footerNav,
	#footerNav a:link,
	#footerNav a:active,
	#footerNav a:visited
	{
		color: #ffffff;
		font-weight: bold;
	}
	#footerNav a:hover
	{
		text-decoration: underline;
	}
	#footerCopy
	{
		margin-top: 10px;
	}
	#footerCopy .left 
	{
		padding: 18px 0px;
	}
	#footerCopy a
	{
		margin: 0px 6px;
	}
	#footerCopy a img
	{
		vertical-align: middle;
		margin-left: 6px;
	}
	#footerCopy,
	#footerCopy a
	{
		color: #898989;
		font-family: arial;
	}
	#footerCopy a:hover
	{
		color: #000000;
	}
	
	
/*********************************/
/*PAULS STYLES*/
/*********************************/
.grayArrow, .redArrow, .grayArrow2, .grayArrow3, .greenArrow {
	height: 19px;
	padding: 0 0 4px 22px;
	font-weight: bold;
	float: left;
	}
	
.memberInfo .grayArrow {
	font-size: .9em;
	color: #2e3192;
	padding-left: 24px;
	}
	
.grayArrow3 {
	float: right;
	padding: 0 24px 4px 0;
	}
	
.grayArrow {background: transparent url(../img/global/grayLinkArrow.gif) no-repeat;}
.redArrow {background: transparent url(../img/global/redLinkArrow.gif) no-repeat;}
.grayArrow2 {background: transparent url(../img/global/grayLinkArrow2.gif) no-repeat;}
.grayArrow3 {background: transparent url(../img/global/grayLinkArrow3.gif) no-repeat right;}
.greenArrow {background: transparent url(../img/global/greenLinkArrow.gif) no-repeat;}
	
.grayArrow span,
.redArrow span,
.grayArrow2 span,
.grayArrow3 span,
.greenArrow span {
	padding: 2px 0 0 0;
	display: block;
	float: left;
	cursor: pointer !important;
	}
	
span.large {
	font-size: 1.2em;
	padding: 0px;
	}
	
.bottomCallouts {
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
.bottomCallouts h2 {
	color: #FFFFFF;
	}
	
.bottomCallouts h3 {
	color: #FFF200;
	}
	
.bottomCallouts p {
	width: 220px;
	color: #FFFFFF;
	margin: 0 0 15px 0;
	}
	
.bottomCallouts .colTwoContent p {
	width: auto;
	}
	
.bottomCallouts a,
.bottomCallouts span {
	color: #FFF200 !important;
	font-weight: bold;
	}
	
.colTwo, .colTwoContent {
	border-left: 1px solid #99c2e1;
	border-right: 1px solid #99c2e1;
	}
	
.colOne, 
.colTwo, 
.colThree,
.colOneContent, 
.colTwoContent, 
.colThreeContent {
	padding: 15px;
	width: 220px;
	vertical-align: baseline;
	}
	
.colOne {
	background: #6b010a url(../img/bg/redTitleBG.gif) top repeat-x;
	border-bottom: 1px solid #b68185;
	}
	
.colTwo {
	background: #004c86 url(../img/bg/blueTitleBG.gif) top repeat-x;
	border-bottom: 1px solid #80a6c3;
	}
	
.colThree {
	background: #676767 url(../img/bg/grayTitleBG.gif) top repeat-x;
	border-bottom: 1px solid #b3b3b3;
	}
	
.colOneContent {
	background: #6c020b url(../img/bg/testimonialsBG.gif) bottom repeat-x;
	}
	
.colTwoContent {
	background: #0066b3 url(../img/bg/solutionsBG.gif) top repeat-x;
	}
	
.colThreeContent {
	background: #676767 url(../img/bg/getStartedBG.gif) bottom repeat-x;
	}
	
.smallContent h3 {
	color: #9e0b0f;
	margin-top: 7px;
	}
	
#resultsSection .smallContent h3 {margin-top: 0px;}
	
.smallContent p {
	margin: 0 0 15px 0;
	color: #464646;
	}
	
ul {
	color: #707070;
	}
	
#programsSection ul {
	color: #000000;
	}
	
ul li {
	margin-bottom: 15px;
	}
	
#implementationReporting {
	background: #8393ca none;
	padding: 15px 15px 1px 15px;
	width: 330px;
	float: right;
	margin-bottom: 15px;
	margin-right: 6px;
	}
	
#implementationReporting ul {
	color: #FFFFFF;
	padding: 0 0 0 15px;
	margin: 0px;
	}
	
#implementationReporting h1 {
	color: #FFF200;
	margin-bottom: 15px;
	}
	
#careerSelection {
	float: left;
	width: 330px;
	background: #ececec none;
	padding: 15px 15px 1px 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	}
	
#careerSelection ul {
	padding: 0 0 0 15px;
	margin: 0px;
	}
	
.testimonial {
	background: #FFFFFF url(../img/bg/testimonialBG.gif) repeat-x top;
	padding: 15px;
	margin-bottom: 15px;
	}
	
#resultsSection .testimonial {
	background: #FFFFFF url(../img/bg/resultsContentBG.gif) bottom repeat-x;
	}
	
.testimonialContent {
	font-style: italic;
	float: left;
	width: 300px;
	}
	
#resultsSection .testimonialContent {
	width: auto;
	}
	
#resultsSection .clientName {
	background: none;
	float: left;
	width: auto;
	}
	
#resultsSection .testimonial p {
	color: #707070;
	}
	
.clientName {
	background: #FFFFFF none;
	padding: 15px 0px;
	width: 194px;
	float: right;
	}
	
.clientName p {
	text-align: center;
	color: #0066b2 !important;
	margin: 0px;
	}
	
#aboutSection #bodyContent p.strong {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
	}
	
#noRiskService {
	background: #f1f1f1 url(../img/bg/noRiskBG.gif) repeat-x;
	padding: 15px;
	}
	
#noRiskService p {
	margin-left: 12px;
	color: #707070;
	}
	
dt {
	margin-bottom: 15px;
	font-weight: bold;
	}
	
dd {
	margin: 0px;
	color: #707070;
	margin-bottom: 15px;
	}
	
dd.backToTop {
	background: #FFFFFF url(../img/bg/faqBackToTopBG.gif) repeat-y left top;
	margin-bottom: 30px;
	}
	
#getStartedBox {
	background: #f6f6f7 url(../img/bg/getStartedLargeBG.jpg) no-repeat top;
	padding: 15px;
	}
	
#getStartedBox h1,
#getStartedBox a {
	color: #2e3192;
	}
	
#getStartedBox ul {
	color: #000000;
	width: 520px;
	}
	
li.levelTwo {
	color: #707070;
	margin: 0 0 0 15px;
	list-style-type: none;
	}
	
#getStartedBox li.bottom {
	margin-bottom: 15px;
	}
	
#resultsSection #bodyContent img {
	margin-bottom: 15px;
	}
	
#resultsTable {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0px;
	}
	
#resultsTable table {
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	}
	
#resultsTable th {
	background: #e5e5e5 none;
	padding: 12px 0px;
	}
	
#resultsTable td {
	font-size: .9em;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding: 5px 0px;
	}
	
#resultsTable .desc {width: 372px; color: #545454; text-align: right; padding-right: 5px;}
#resultsTable .threeYearSavings {width: 119px;}
#resultsTable .savingsIncrease {width: 119px;}
#resultsTable .shippingCharge {width: 118px; border-right: 1px solid #e5e5e5 !important;}

#resultsTable th.desc,
#resultsTable th.shippingCharge,
#resultsTable th.threeYearSavings,
#resultsTable th.savingsIncrease {
	border-left: 1px solid #FFFFFF;
	}
	
#resultsTable .total {
	background: #e5e5e5 none;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	}
	
#resultsTable .noBorder {
	border-bottom: 0px solid !important;
	}
	
.member h3 {
	color: #9e0b0f;
	margin-bottom: 15px;
	}
	
.member ul {
	padding: 0 0 0 15px;
	float: left;
	width: 311px;
	margin: 0px;
	}
	
.memberInfo {
	padding: 0 15px 0 0;
	width: 173px;
	float: right;
	}
	
.memberInfo p {
	font-size: .9em;
	color: #707070;
	text-align: center;
	}
	
.member {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 15px;
	}
	
.member .levelTwo {
	margin-bottom: 15px;
	}
	
#notListedBox {
	background: #3d3a01 url(../img/bg/notListedBG.jpg) no-repeat top;
	padding: 15px;
	}
	
#notListedBox h1 {
	color: #FFFFFF;
	}
	
#notListedBox p {
	margin-left: 15px;
	color: #FFFFFF;
	width: 484px;
	}
	
#notListedBox a {
	color: #FFFFFF;
	}
	
#contactSection #sideBar span.info {
	display: block;
	color: #2e3192;
	margin: 15px 0px;
	}
	
#contactSection #sideBar a.info {
	color: #2e3192 !important;
	}
	
.requiredBox {
	background: #f4f5f6 none;
	color: #545454;
	padding: 8px;
	margin-bottom: 15px;
	}
	
#contactForm {
	width: 460px;
	}
	
#contactForm label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding: 3px 8px 0 0;
	}
	
#contactForm .field {
	margin-bottom: 8px;
	}
	
#contactForm span {
	color: #707070;
	padding: 2px 0 0 0;
	display: block;
	float: left;
	}
	
#contactForm .phone1,
#contactForm .phone2,
#contactForm .phone3 {
	float: left;
	width: 30px;
	margin-right: 8px;
	}
	
#contactForm .phone3 {
	width: 50px;
	}
	
#contactForm .example {
	font-size: .9em;
	padding-top: 2px
	}
	
#contactForm .small {
	width: 100px;
	}
	
#contactForm input {
	width: 200px;
	float: left;
	margin-right: 12px;
	}
	
#contactForm .checkbox {
	width: auto;
	float: left;
	}
	
#contactForm textarea {
	width: 250px;
	height: 100px;
	overflow: auto;
	font-family: "MyriadPro Bold", Helvetica, arial;
	font-size: 1em;
	}
	
#contactForm .send {
	float: right;
	width: 50px;
	margin-right: 16px;
	}
	
.liner {
	border-bottom: 1px solid #e5e5e5;
}

.affiliateBox {
	float: left;
	border-right: 1px solid #e5e5e5;
	width: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.affiliateBox p,
.affiliateBoxLast p {
	color: #464646;
	text-align: center;
	font-weight: bold;
}

.affiliateBoxLast {
	float: left;
	width: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
	
	
/*New FAQs styles*/

#faqs {
	margin: 0px;
	padding: 0px;
}
	
#faqs .valueHead:link,
#faqs .valueHead:active,
#faqs .valueHead:visited
{
	padding: 13px;
	border-top: 1px solid #ebebeb;
	background-image: url("../img/freight/faq/arrowDown.jpg");
	background-repeat: repeat-x;
	display: block;
}
	
#faqs .valueHead:hover,
#faqs .value a.selected:link,
#faqs .value a.selected:active,
#faqs .value a.selected:visited
{
	background-image: url("../img/freight/faq/arrowUp.jpg");
	text-decoration: none;
}


.valueHead span {
	background: transparent url(../img/freight/faq/blueArrow.gif) no-repeat left;
	padding-left: 10px;
	padding-right: 60px;
	color: #3252c6;
}

#faqs .valueHead:hover span,
#faqs .toggleOut span
{
	color: #9e0b0f;
	background: transparent url(../img/freight/faq/redArrow.gif) no-repeat left;
}

.toggleContent {
	padding: 20px 20px 20px 20px;
	color: #707070;
	border: 1px solid #f2f2f2;
	background: #fafafa url(../img/freight/faq/contentBG.jpg) repeat-x top left;
}

.toggleContent p {
	margin: 0px;
	padding: 0px;
}

.toggleContWidth {
	width: 280px;
	float: left;
}