@charset "utf-8";
/* Champagne Main Styles */
:focus {
  -moz-outline-style: none;
}


html{
	text-align: center;
	margin: 0px;
	background: #000000 url(../images/pageBG.jpg) 0px 0px repeat-x;
}
	body{
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: url(../images/bodyBG.gif) top center no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
form{margin: 0px; padding: 0px;}
	
.pageBound{
	width: 960px;
	text-align: left;
	margin: 0px auto;
}

p{
	margin: 0px;
	padding: 4px 0px;
	text-align: justify;
}

h1, h2{
	margin: 0px;
	padding: 0px;
}

a{
	font-weight: bold;
	color: #000000;
}

.clear{
	display: block;
	height: 1px;
	clear: both;
	line-height: 1px;
	overflow: hidden;
}

#messages{display: none;}

/* *******HEADER******** */
.logo{
	margin: 0px;
	padding: 0px;
	width: 304px;
	height: 102px;
	float: left;
}
	.logo a{
		text-indent: -5000px;
		background: url(../images/logo.jpg) 0px 0px no-repeat;
		width: 304px;
		height: 102px;
		display: block;
	}
	
.headerMenus{
	width: 656px;
	float: left;
	padding: 6px 0px 0px 0px;
}
	.headerMenus ul{
		margin: 0px; padding: 0px;
		list-style: none;
		clear: both;
	}
	
	.headerMenus ul.menuTop{
		padding: 0px 0px 0px 430px;
		height: 21px;
	}
		.menuTop li{
			float: left;
			padding: 0px 30px 0px 18px;
			width: 55px;
		}
		.menuTop li a{
			display: block;
			color: #ffffff;
			text-decoration: underline;
			text-shadow: #8f7014 1px 1px 1px;
		}
			.homeMenuLink{background: url(../images/topMenuBG.jpg) 0px 2px no-repeat;}
			.aboutMenuLink{background: url(../images/topMenuBG.jpg) -100px 2px no-repeat;}

	.menuMain li{
		float: left;
	}
	.menuMain li a{
		height: 75px;
		text-indent: -5000px;
		display: block;
	}
		.servicesMenuLink a{background: url(../images/navBG.jpg) 0px 0px no-repeat; width: 150px;}
		.technologyMenuLink a{background: url(../images/navBG.jpg) -150px 0px no-repeat; width: 147px;}
		.ContactUsMenuLink a{background: url(../images/navBG.jpg) -297px 0px no-repeat; width: 148px;}
		.resourcesMenuLink a{background: url(../images/navBG.jpg) -445px 0px no-repeat; width: 208px;}
		
		.servicesMenuLink a:hover, .servicesActive .servicesMenuLink a{background: url(../images/navBG.jpg) 0px -75px no-repeat;}
		.technologyMenuLink a:hover, .technologyActive .technologyMenuLink a{background: url(../images/navBG.jpg) -150px -75px no-repeat;}
		.ContactUsMenuLink a:hover, .contactActive .ContactUsMenuLink a{background: url(../images/navBG.jpg) -297px -75px no-repeat;}
		.resourcesMenuLink a:hover, .resourcesActive .resourcesMenuLink a{background: url(../images/navBG.jpg) -445px -75px no-repeat;}
		
#flashHeader
{
	clear: both;	
	width: 960px;
	height: 243px;
	background-color:White;
}

/* *******CONTENT******** */	
#contentMain{
	clear: both;
	background: #ffffff;
}
	#contentMain .pageBound{
		background: url(../images/contentBG.jpg) top center repeat-y;
		width: 908px;
		padding: 0px 26px 0px 26px;
	}
	#contentMain .contentBottom{
		background: url(../images/contentMainBottom.jpg) bottom left no-repeat;
		width: 960px;
		height: 26px;
		margin: 0px 0px 0px -26px;
	}

#contentSub{
	clear: both;
	background: #b5c3c3;
}
	#contentSub .pageBound{
		background:  url(../images/contentSubBG.jpg) top center repeat-y;
	}


.welcomeContent{
	width: 640px;
	text-align: justify;
	float: left;
}

/* CUSTOMER TOOLS BOX */
.CustomerToolsBox{
	width: 252px;
	float: left;
	background: url(../images/customerToolsBoxBG.jpg) 0px 0px no-repeat;
	margin: -33px -20px 0px 0px;
	padding: 40px 10px 15px 18px;
	position: relative;
	right: -22px;
	text-align: center;
	top: 15px;
}
	.CustomerToolsBox p span{font-size: 11px;}

	.CustomerToolsBox p{
		margin: 0px; padding: 0px 6px 2px 4px;
		text-align: center;
		text-shadow: #000000 1px 1px 1px;
		color: #ffffff;
	}
	.CustomerToolsBox img{border: 0;}


/* HOME Call to Actions*/

.homeCTAs{
	background: url(../images/CTABG.jpg) 0px 0px no-repeat;
	padding: 0px 0px 0px 8px;
}

.CTAItem{
	width: 315px;
	float: left;
}
	.ctHead{
		height: 33px;
		text-indent: -5000px;
	}
		.TransportationServices .ctHead{background: url(../images/CTAHead.jpg) -8px 0px no-repeat;}
		.LogisticsSolutions .ctHead{background: url(../images/CTAHead.jpg) -323px 0px no-repeat;}
		.PackageTracker .ctHead{background: url(../images/CTAHead.jpg) -638px 0px no-repeat;}
		
.CTAItem p{
	text-align: justify;
}

.ctaContent{
	padding: 10px 17px;
}

p.SmartWayLogo{
	float: right;
	width: 83px;
	padding: 8px 5px 10px 0px;
}
	.SmartWayLogo img{border: 0px;}
	

.PackageTrackerForm p{
	text-align: left;
}

.CustomerToolsBox p.PTformItem{
	padding: 0px 0px 7px 2px;
	margin: 0px 0px 0px 0px;	
}
	.ptInput{
		border: none;
		background: none;
		padding: 3px 0px 0px 0px; 
		margin: 3px 4px 0px 0px;
		height: 16px;
		width: 185px;
		float: left;
		vertical-align: top;
	}
	.ptTrackNumber{
		vertical-align: middle;				
		height: 23px;
		width: 180px;
	}
	.ptTrackButton{
		vertical-align: middle;						
	}

.CTAItem p.PTFormContent{
	padding: 0px 12px 0px 0px;
	text-align: left;
}

.quoteButn{
	margin: -8px 0px 0px -12px;
	display: block;
}

.interiorLeftContent{
	float:left;
	width:640px;
}

/*ABOUT PAGE STYLES*/
p.aboutMission, p.aboutVision{
	background: url(../images/aboutMissionBG.jpg) 0px 0px no-repeat;
	width: 623px;
	padding: 5px 12px 9px 8px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #000000 1px 1px 1px;
}
	p.aboutMission span, p.aboutVision span{
		color: #e5b523;
	}
	p.aboutVision{
		background: url(../images/aboutVisonBG.jpg) 0px 0px no-repeat;
	}
	
.aboutBuildingImg{
	float: left;
	margin: 20px -20px 0px 40px;
}
/* CONTACT PAGE STYLES */
.CreditAppButn{
	width: 252px;
	float: left;
	padding: 5px 0px 0px 34px;
	margin: 20px -20px 0px 0px;
	text-align: right;
	vertical-align:bottom;
}

.contactForm{
	background: #dae6e6;
	border: 1px solid #bed3d3;
	padding: 10px 20px 10px 20px;
	width: 598px;
	float: left;
}

.contactForm p{
	margin: 5px 0px 15px 0px;
	padding: 2px 0px 4px 3px;
	background: url(../images/contactInputBg.jpg) 0px 0px no-repeat;
	color: Red;
	font-size:large;	
	vertical-align:top;
}
.contactForm p{
	margin: 5px 0px 15px 0px;
	padding: 2px 0px 4px 3px;
	background: url(../images/contactInputBg.jpg) 0px 0px no-repeat;
	color: Red;
	font-size:large;
}

	.contactForm p.textArea{background: url(../images/contactTextAreaBg.jpg) 0px 0px no-repeat;
	height: 60px;	
}
	.contactForm p.contactButns{
		background: transparent;
		text-align: right;
		vertical-align:bottom;
		margin: 0px;
		padding: 0px 11px 0px 0px;
	}

.contactInput{
	border: 0;
	background: transparent;
	padding: 2px;
	font-weight: bold;
	width: 247px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	.textArea .contactInput{
		background: transparent;
		width: 277px;
		height: 59px;
	}
	
	.contactInput{
		background: transparent;
		width: 250px;
		height: 59px;
	}

.contactLeft{
	float: left;
	width: 280px;
	padding: 0px 0px 0px 10px;
}
.contactRight{
	float: left;
	width: 300px;
}

/*
-----------------------
Input Form Validation 
-----------------------
*/

.validationForm{
	background: #dae6e6;
	border: 1px solid #bed3d3;
	padding: 10px 20px 10px 20px;
	width: 598px;
	float: left;
}

.validationFormLeft{
	float: left;
	width: 294px;
	padding: 0px 2px 0px 2px;
	border: none;
	/*border: solid thin Green;*/
}

.validationFormRight{
	float: left;
	width: 294px;
	padding: 0px 2px 0px 2px;
	border: none;
	/*border: solid thin Blue;*/
}

.validationFormSection
{	float: left;
	margin: 0px;
	padding: 0px;
	width: 596px;
	border: none;
	/*border: solid thin Aqua;*/
}

.validationFormSection p.validationMessage
{
	margin: 5px;
	padding: 2px 2px 4px 2px;	
	text-align: left;	
}

.validationFormSection p.validationFooter
{
	margin: 5px;
	padding: 2px 2px 4px 2px;	
	text-align: center;
}


.validationForm p.validationTitle{
	margin: 5px;
	padding: 2px 2px 4px 2px;
	white-space:nowrap;	
	font-weight: bold;
}

.validationForm span.validationTitle{
	margin: 5px;
	padding: 2px 2px 4px 2px;
	font-weight: bold;
	font-size:smaller;
	text-align:center;
	display:inline-block;
	width:100%;
	position:relative;
	top: 22px;
}

.validationForm p.validationText{
	margin: 5px;
	padding: 2px 2px 4px 2px;
	font-size:smaller;
}

.validationForm p.validationItem{
	margin: 5px;
	padding: 2px 2px 4px 2px;
	background: url(../images/contactInputBg.jpg) 0px 0px no-repeat;
	white-space:nowrap;	
}

.validationForm p.validationItemBig{
	margin: 5px;
	padding: 2px 2px 4px 2px;
	background: url(../images/contactTextAreaBg.jpg) 0px 0px no-repeat;
	white-space:nowrap;
}

.validationMarker
{	
	vertical-align: top;
	width: 7px;
	color: Black;
	font-size:large;
	display:inline-block;
}

.validationInput
{	/*border: solid 1px black;*/
 	border: none;
	background: transparent;
	padding: 2px;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 266px;
}

.Multiline
{
	height: 79px;
	resize: none;	
}

.validationCheckList{
	border: 1px solid #BED3D3;
	background: #ecf5f5;
	margin: 5px;
	padding: 2px 2px 4px 5px;
	width: 276px;
	font-weight: bold;
}
	.validationCheckList ul{
		margin: 0px;
		padding: 3px 0px 0px 5px;
		list-style: none;
		font-weight: normal;
	}
	.validationCheckList ul li{
		line-height: 14px;
	}

.validationForm span.validationItemSpacer{
	display: inline;
	height: 1px;
}

/*INTERIOR PAGE SUBCONTENT STYLES*/
.interiorContentSub{
	padding: 0px 0px 0px 8px;
}

.imageList{
	margin: 0px;
	padding: 0px 0px 0px 2px;
	list-style: none;
}
.imageList li{
	float:none;
	text-align: center;
	display: block;
	width: 700px;
	background: #dae6e6;
	border: 1px solid #b0c9c9;
	padding: 12px 0px;
	margin: 10px 18px;
}
	.locationList li{
		width: 270px;
		margin: 10px 21px;
	}

.teamImage img, .bioImage, .locationImage img, img.locationImage{
	border: 2px  solid #ffffff;
	box-shadow: 1px 1px 1px #95aaaa;
	-webkit-box-shadow: 1px 1px 1px #95aaaa;
	-moz-box-shadow: 1px 1px 1px #95aaaa;
	width: 103px;
	height: 131px;
}
	.locationImage img{
		width: 216px;
		height: 94px;
	}
	img.locationImage{
		width: 216px;
		height: auto;
	}

.imageList li strong{
	display: block;
	text-align: center;
}

#teamBios{
	display: none;
}
	.bioItem, .locItem{
		width: 700px;
		border: 1px solid #cccccc;
		padding: 6px;
	}
	.bioImage{
		float: left; text-align: left;
		margin: 4px 10px 10px 0px;
	}
	.bioItem h3, .locItem h3{
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 24px;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
	}

#locationInfo{
	display: none;
}
.locItem{
	text-align: left;
	width: 800px;
}
.locItemLeft{
	width: 240px;
	float: left;
	padding: 6px 0px 0px 0px;
}
.locItemRight{
	float: left;
	width: 250px;
	padding: 6px 0px 0px 0px;
}
.locItem strong{
	font-size: 14px;
}
.locItemRight ul, .bulletList{
	margin: 0px; padding: 3px 0px 0px 0px;
	list-style: none;
}
.locItemRight ul li, .bulletList li{
	padding: 0px 0px 4px 10px;
	background: url(../images/arrowYellow.jpg) 0px 3px no-repeat;
}

#nAmericaMapBlock{
	display: none;
}

/* CLIENT TESTIMONIALS */
.clientQuote{
	background: #dae6e6;
	border: 1px solid #b0c9c9;
	padding: 6px 10px;
	margin: 10px 0px 10px 10px;
	width: 280px;
	float: left;
}

.clientQuote p{
	text-align: left;
	line-height: 16px;
}

.clientQuoteTitle strong{
	display: block;
	color: #455a5a;
	font-size: 14px;
}
.clientQuoteTitle em{
	font-style: normal;
	display: block;
}
.clientQuoteTitle span{
	display: block;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
}

.logoImgLeft{
	float: left;
	margin: 0px 10px 0px 0px;
}

/* ACCORDION STYLES */
#accordion{
	border-bottom: 1px solid #b5c3c3;
	padding: 10px 0px 0px 0px;
}
.accordionHead{
	padding: 9px 9px 9px 44px;
	display: block;
	background: #c9d6d6 url(../images/ico-open.gif) 4px 2px no-repeat;
	cursor: pointer;
	border-top: 1px solid #b5c3c3;
	border-bottom: 1px solid #dce8e8;
}

a.selected{
	background: #e1e9e9 url(../images/ico-close.gif) 4px 2px no-repeat;
}

.serviceBlock{
	margin: 5px 0px; padding: 10px;
	border: 1px solid #CCCCCC;
	width: 422px;
	float: left;
}
	.serviceBlockRight{
		margin: 5px 0px 5px 20px;
	}
.serviceBlock h2{
	font-size: 16px; font-weight: bold;
}

#nAmericaMap{text-align: center;}
#nAmericaMap img{margin: 0px auto; text-align: center; border: none;}

.toolbox{
	margin: 0px; padding: 0px;
	list-style: none;
}
	.toolbox li{
		float: left;
	}
	.toolbox li a img{
		border: none;
	}

/* *******FOOTER******** */
#footer{
	background: #000000 url(../images/footerBG.jpg) 0px 0px repeat-x;
	color: #ffffff;
	font-size: 11px;
	padding: 26px 0px 30px 0px;
}
	#footer a{
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	#footer a:hover{
		text-decoration: underline;
	}

.footerMenu, .siteCredit{
	margin: 0px; padding: 0px;
}

	.footerMenu{
		list-style: none;
		float: none;
		width: 420px;
	}
	.footerMenu li{
		float: left;
		border-right: 1px solid #ffffff;
		padding: 0px 7px 0px 7px;
		line-height: 11px;
	}
		.footerMenu li.lastItem{
			padding: 0px 0px 0px 7px;
			border: none;
		}

	#footer .siteCredit a{
		text-decoration: underline;
	}
		#footer .siteCredit a:hover{text-decoration: none;}


.inputForm
{
		 background-image:none;	
}




