#wrapper, #headerWrap, #contentWrap, #footerWrap { width:100%; margin: 0 auto;}

#headerWrap { height:140px;}
#bannerWrap {}
#footerWrap { height:70px; background:#e2e1dd;}
.bannerbg { background:#1e0576; color:#ffffff; }

#header, #banner, #bannerInside, #content, #footer { width:960px; margin:0 auto;}
#header {height:140px;}
#banner { font-family: 'LatoRegular',Arial, Helvetica, sans-serif; }
#bannerInside { height:150px;}
#bannerInside p { font-size:15px; /*font-weight:bold;*/ color:#908cca; padding-bottom:0px;  letter-spacing: -0.5px\9; }
#content {}
#footer {height:36px; padding-top:34px; }

#contentLt { float:left; width:630px; padding-top:27px;}
#contentRt { float:right; width:310px;}
#contentSuccessStoryRt { float:right; width:310px;}

#contentLt h1 { font-size:30px; color:#1e0576; margin-bottom:17px;}
#contentLt h2 { font-size:24px; font-weight:bold; color:#1e0576; margin-bottom:17px;}
#contentLt h3 { font-size:16px; color:#625bc4; font-weight:bold; margin-bottom:5px;}
#header .logo { float:left; width:325px; height:52px; background:url(../images/logo.png) no-repeat; margin-top:57px;}
#header .logo a { display:block; width:325px; height:52px; text-indent:-9999px;}

.current { color:#e70f47; font-weight: bold;}

#header .headerRt { float:right; width:310px;}
#header .headerRt .topNav { float:left; width:84px; padding-top:21px;}
#header .headerRt .topNav ul li { list-style: none; float: left; width:84px; /*padding:6px 0;*/ margin-bottom:12px;  *margin-bottom:10px; }
#header .headerRt .topNav a { font-size:12px; color:#1e0576; font-weight:bold; text-transform: uppercase; text-decoration:none; }
#header .headerRt .topNav a:hover { color:#e70f47; font-weight: bold;}

#header .headerRt .boxRt { float:right; width:158px; padding-top:22px;}
#header .headerRt .boxRt ul li { float:left; list-style:none; display:block; width:158px;}

.login a { display:block; color:#666666; font-size:12px; font-weight:bold; text-align:right; text-transform:uppercase; text-decoration:none;}
.login a:hover { color:#e70f47; text-decoration:none;}

#header .headerRt .boxRt li .socialIcons { float:right; width:139px; height:63px;}
#header .headerRt .boxRt li .socialIcons ul { padding:20px 0 0 80px;}
#header .headerRt .boxRt li .socialIcons ul li { list-style:none; display:block; float:left; width:26px; height:26px;}
.social-margin{ margin-right:7px;}

.facebook a, .twitter a { display:block; width:26px; height:26px; background:url(../images/social_icons.gif); text-indent:-9999px;}
.facebook a {  background-position: 0px -27px; } 
.facebook a:hover {background-position:0px 0px;} 

.twitter a {background-position:-33px -27px;}
.twitter a:hover {  background-position:-33px 0px; }

.contactNo { width:158px; font-size:14px; color:#333333; font-weight:bold; text-align:right;}
.contactNo span { font-weight:normal;}

.contentLt { float:left; width:630px; padding:24px 0 24px 0; }
.contentRt { float:right; width:309px;  padding-bottom:27px;}
.contentSuccessStoryRt { float:right; width:309px;  padding-bottom:27px;}

.contentLt .topTxt { width:615px; color:#908cca; font-size:15px; padding-bottom:15px; line-height:22px;}
.homeImg { width:611px; height:211px; background:url(../images/a_better_way_to_ship.png) no-repeat;}

.mainNav { float:left; width:630px; height:97px;}
.mainNav ul { padding-top:39px;}
.mainNav ul li { float:left; display:block; list-style:none; width:123px; line-height:15px; text-align:left; margin-right:46px;}
.mainNav li:last-child { margin-right:0px;}
.mainNav li.last-child { margin-right:0px;}
.mainNav a { display:block;  font-size:15px; color:#625bc4; border-bottom:5px solid #625bc4; text-decoration:none; padding-bottom:7px;}
/*.mainNav a:hover { color:#fff; border-bottom:5px solid #e70f47; text-decoration:none;}*/
.mainNav span { display:block; width:90px; }
.fistPadd { padding-top:15px;}
.mainNavActive { color:#fff !important; border-bottom:5px solid #e70f47 !important; text-decoration:none;}

.bannerRt .topPart { float:left; width:309px; height:186px;}
.bannerRt .topPart .photo { float:left; width:237px; height:183px; background:url(../images/home_pic.png) no-repeat;}
.bannerRt .topPart .arrow { float:right; width:39px; padding-top:33px;}
.bannerRt .topPart .arrow a { display:block; width:39px; height:35px; background:url(../images/home_arrow.png); background-position:0px 0px; text-indent:-9999px;}
.bannerRt .topPart .arrow a:hover {background-position:0px -35px; }

.bannerRt .rtTxt { float:left; width:309px; padding:37px 0 60px 0; }
.bannerRt .rtTxt ul li { list-style:none; display:block; font-size:18px; color:#908cca; padding-bottom:12px;}
.bannerRt .rtTxt li span { font-size:18px; color:#fff;}

.learnBtn a { float: left; display:block; width:309px; height:40px; background:url(../images/learn_how_to_ship_smarter.png); background-position:0px 0px; text-indent:-9999px;}
.learnBtn a:hover { background-position:0px -40px;}

.readSuccessStoryBtn a { float: left; display:block; width:309px; height:40px; background:url(../images/read_success_story.png); background-position:0px 0px; text-indent:-9999px;}
.readSuccessStoryBtn a:hover { background-position:0px -40px;}

.copyRight { float: left; width:328px; font-size:12px; color:#666666;}
.ftlink { float:left; width:220px; height:14px; color:#545454;}
.ftlink ul li { list-style:none; display: block; float:left; height:14px; border-right:1px solid #545454; padding:0 8px; }
.ftlink ul li:last-child { border-right:none;}
.ftlink ul li.last-child { border-right:none;}
.ftlink a { font-size:12px;  color:#545454; text-decoration: underline; }
.ftlink a:hover { text-decoration:none;}

.ftlinkRt { float:right;}
.ftlinkRt ul li { list-style:none; display:block; float: left; margin-right:26px;}
.ftlinkRt li:last-child { margin-right:0px;}
.ftlinkRt li.last-child { margin-right:0px;}
.ftlinkRt a { font-size:12px; color:#545454; font-weight:bold; text-transform: uppercase; text-decoration:none;}
.ftlinkRt a:hover { text-decoration: underline;}

/*all baner heading*/
.services, .partner, .client, .about, .contact, .abetterwaytoship, .carriermanagement, .efficiency, .saas, .clientsuccesstory {display:block; float:left; width:630px; padding:27px 0 0 0;}
.services h1 { width:218px; height:45px; margin-bottom:12px; background:url(../images/services.png) no-repeat; text-indent:-9999px;}
.partner h1 {width:227px; height:52px; margin-bottom:12px; background:url(../images/partner.png) no-repeat; text-indent:-9999px;}
.client h1 {width:480px; height:62px; margin-bottom:12px; background:url(../images/clients3.png) no-repeat; text-indent:-9999px;}
.about h1 { width:350px; height:55px; margin-bottom:12px; margin-top:15px;  background:url(../images/aboutus.png) no-repeat; text-indent:-9999px; }
.contact h1 { width:585px; height:52px; margin-bottom:12px;  background:url(../images/demo.png) no-repeat; text-indent:-9999px; }
.clientsuccesstory h1 { width:650px; height:52px; margin-bottom:12px; margin-top:15px; background:url(../images/client_success_story.png) no-repeat; text-indent:-9999px; }

.abetterwaytoship h1 { width:605px; height:56px; margin-bottom:12px;  background:url(../images/abetterwaytoship_detail.png) no-repeat; text-indent:-9999px; }
.carriermanagement h1 { width:605px; height:56px; margin-bottom:5px;  background:url(../images/carriermanagement.png) no-repeat; text-indent:-9999px; }
.efficiency h1 { width:595px; height:56px; margin-bottom:12px;  background:url(../images/fulfillment.png) no-repeat; text-indent:-9999px; }
.saas h1 { width:605px; height:56px; margin-bottom:5px;  background:url(../images/saas.png) no-repeat; text-indent:-9999px; }

.services p { padding-bottom:0px;}
.bannerRt { float:right; width:310px;}

.box {list-style-type:square; margin-left:20px; padding-bottom:20px; line-height:20px}
/* end all baner heading*/

.rt-link-box a { display:block; width:296px; height:28px; background: url(../images/rt_arrow.png) #e70f47  right no-repeat; padding:12px 0 0 14px; font-size:14px; color:#fff; text-transform:uppercase; text-shadow: 0.2em 0.1em 0.05em #ba041c; text-decoration:none;}
.rt-link-box a:hover { display:block; background:url(../images/rt_arrow.png) #625bc4 right no-repeat; text-shadow: 0.2em 0.1em 0.05em #262096; text-decoration:none;}

#contentRt .boxRt { width:310px; padding-top:17px; font-size:12px; color:#666666; }
#contentRt .boxRt h2 { font-size:20px; color:#625bc4; margin-bottom:11px;}
#contentRt .boxRt h3 { font-size:18px; color:#625bc4; margin-bottom:11px;}
#contentRt .boxRt p { padding-bottom:12px;}
.serviceVideo { width:310px; height:179px;}
#contentRt .rtTop-box {width:310px; padding-bottom:26px;}

#contentSuccessStoryRt .boxRt { width:310px; padding-top:17px; font-size:12px; color:#666666; margin-left:10px; }
#contentSuccessStoryRt .boxRt h2 { font-size:20px; color:#625bc4; margin-bottom:11px;}
#contentSuccessStoryRt .boxRt h3 { font-size:18px; color:#625bc4; margin-bottom:11px;}
#contentSuccessStoryRt .boxRt p { padding-bottom:12px;}
.serviceVideo { width:310px; height:179px;}
#contentSuccessStoryRt .rtTop-box {width:310px; padding-bottom:26px;}


/*partner*/
.partnerWrap { float:left; width:630px; padding:8px 0 0 0; margin-bottom:15px; *margin-bottom:38px;}
.partnerWrap ul li { float:left; list-style: none; display:block; width:630px; margin-bottom:26px;}
.partnerLogo { float:left; width:188px; height:79px; border:0px solid #d5d5d5;}
.partnerDetail { float:right; width:414px;}
.partnerDetail p { line-height:20px; padding-bottom:12px;}
.partnerDetail span a { font-size:12px; color:#e70f47; text-decoration:underline;}
.partnerDetail span a:hover { text-decoration:none;}

.clientHighlight { float:left; width: 630px; padding-bottom:31px;}
.clientHighlight ul li { float:left; list-style:none; display:block; width:188px; height:78px; background:#efefef; border:1px solid #d5d5d5; margin-right:29px;}
.clientHighlight ul li:last-child { margin-right:0px;}
.clientHighlight ul li.last-child { margin-right:0px;}

#contentLt .clientHighlight h2 { float:left; width: 630px; color: #1E0576; font-size: 24px; margin-bottom: 37px;}

.partnerSay { width:310px;}
.partnerSay p { line-height:24px; font-size:14px;}

.downMargin { margin-bottom:-8px;}
.partnerName { color:#33333;}
.partnerName p { line-height:18px; font-size:14px; color:#33333; padding-bottom:10px; }
.partnerName span { color:#666666; font-size:12px;}
.clientLogo { padding:3px 0;}

/*about*/
.aboutWrap { float:left; width:630px;}
.aboutWrap ul li { list-style:none; display:block; float:left; width:300px; text-align:justify;}
.aboutWrap a { color:#333333; font-size:14px; text-decoration:none;}
.aboutWrap a:hover { text-decoration:underline;}
.aboutMrgin { margin-right:30px;}

.ourPeople { width:630px;}
.ourPeople ul li { list-style:none; display:block; float:left; width:630px; height:80px;  margin:0 20px 20px 0;} /*background:#d5d5d5;*/
.ourPeopleTxt { font-size:12px; color:#666666; line-height:22px; }

.twitter-box { width:310px; background:url(../images/twitter_bg.gif) repeat-y; /*margin-top:28px;*/}
.twitter-top { background:url(../images/twitter_bg_top.gif) top no-repeat;}
.twitter-bottom { background:url(../images/twitter_bg_button.gif) bottom no-repeat;}
.twitterTxt { padding:9px 20px 14px 20px; font-size:12px;}
#contentRt .boxRt .twitterTxt p { line-height:22px; padding-bottom:10px;}
#contentSuccessStoryRt .boxRt .twitterTxt p { line-height:22px; padding-bottom:10px;}
.twitterTxt span { color:#1e0576; font-size:12px; font-weight:bold; }
.twitterTxt em { display:block; height:30px; font-style:normal; font-size:10px; color:#999999;}

.followTwitter{ font-size:11px; color:#999999; height:20px;}
.followTwitter a { color:#999999; text-decoration:none;}
.followTwitter a:hover { text-decoration:underline;}

#contentLt .aboutWrap h3 { font-size:18px; color:#e70f47; font-weight:bold; margin-bottom:15px;}
#contentLt .aboutWrap h4 {font-size:14px; color:#333; padding-bottom:15px;}

.ourPeoplePadding{ padding-top:33px;}

/*contact*/

.contactAddress { float:left; width:630px; margin-bottom:37px;}
.contactAddress ul li { list-style:none; display:block; float:left; width:190px; margin-right:30px;}
.contactAddress li:last-child { margin-right:0px;}
.contactAddress li.last-child { margin-right:0px;}
.contactAddress p { padding-bottom:13px; line-height:24px;}
#contentLt .contactAddress h3{ font-size:16px; font-weight:bold; color:#625bc4; margin-bottom:6px;}
.contactAddress a { font-size:14px; color:#333333; text-decoration:underline;}
.contactAddress a:hover{text-decoration:underline;}

.drop-us-line { float: left; width:95px; color:#666666; margin-right:41px; }
.contactForm { float:left; width:437px; padding: 10px 0px 0px 0px;}
.contactForm label { float:left; width:54px; font-size:14px; font-weight:bold; color:#625bc4; text-align:right; padding:12px 30px 0 0; }
.contactInput { float:left; width:350px; height:40px; background:url(../images/input.gif) no-repeat; margin-bottom:20px; }
.contactInput .input {width:320px; height:20px; background:transparent; border:none; margin:8px 15px 0px 15px;}

.contactTextarea {float:left; width:350px; height:155px; background:url(../images/textarea.gif) no-repeat; margin-bottom:20px;}
.contactTextarea .textarea { width:320px; height:135px;  background:transparent; border:none; margin:8px 15px 0px 15px;}

.sendMessage { width:135px; height:35px; background:url(../images/send_message.gif); background-position:0px 0px; border:none; cursor:pointer;}
.sendMessage:hover { background-position:0px -36px;}

.notification_ok {}
.notification_error {color:#e70f47; font-weight:bold;}
#note {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #992222;
	border: 1px #f0c020 solid;
	display: none;
	background-color:#ffffdd;
	text-align: center;
}
/*safari hack*/
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ftlinkRt ul li {  margin-right:22px; letter-spacing:-1px;}
#header .headerRt .topNav a {}
.contactNo { width:158px; letter-spacing:-1px;}
#header .headerRt .topNav ul li, .login a {letter-spacing:-1px;}
}
*/