/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #1b75bb;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Tahoma, sans-serif;
	background: #FFFFFF;
	height: 100%;
}
#page {
	width: 960px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
	background: #FFFFFF url(/media/img/page-bg.gif) repeat-y 0 0;
	color: #333333;
	border-bottom:1px solid #ccc;
}


#top {
	background: url(/media/img/top-bg.png) repeat-x 0 96px;
	height: 217px;
	position: relative;
	font-family: Helvetica, Tahoma, sans-serif;
}
	#logo {
		float: left;
		padding: 1px 0 0 40px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 250px;
			height: 88px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/media/img/estore-logistics-logo-1.png) no-repeat 0 0;
			}

	.menu {
	}
		.menu ul {
		}
			.menu li {
				float: left;
				margin: 0 5px 0 0;
			}
				.menu li a:link, .menu li a:visited {
					display: block;
					float: left;
					padding: 0 5px;
					line-height: 15px;
					overflow: hidden;
					color: #666666;
					letter-spacing: 0.1em;
					text-decoration: none;
					text-align: right;
				}
				.menu li a:link:hover, .menu li a:visited:hover,
				.menu li.active a:link, .menu li.active a:visited {
					color: #0071bc;
				}
	#top .menu {
		float: right;
		padding: 0 20px 0 0;
	}
		#top .menu ul {
			padding: 66px 0 0;
		}
			#top .menu li a:link, #top .menu li a:visited {
				padding-bottom: 15px;
			}
			/*	#top .menu li a:link:hover, #top .menu li a:visited:hover, */
				#top .menu li.active/* a:link*/, #top .menu li.active a:visited {
					background: url(/media/img/menu-1.gif) no-repeat 50% 100%;
				}
	
	#top h2 {
		position: absolute;
		left: 40px;
		bottom: 0;
		padding: 0 0 55px 10px;
		font-weight: normal;
		font-size: 183.33%;
		letter-spacing: 0.1em;
		color: #FFFFFF;
		background: url(/media/img/sep-1.gif) no-repeat 0 100%;
	}
		#top h2 span {
			display: block;
			font-size: 54.54%;
		}
	#start {
		position: absolute;
		right: 55px;
		top: 124px;
	}
		#start a:link, #start a:visited {
			display: block;
			width: 162px;
			height: 40px;
			line-height: 38px;
			text-align: center;
			padding: 0 0 0 25px;
			color: #FFFFFF;
			font-size: 116.67%;
			font-weight: normal;
			letter-spacing: 0.1em;
			text-decoration: none;
			background: url(/media/img/but-1.png) no-repeat 0 0;
		}
		#start a:link:hover, #start a:visited:hover {
			background-position: 0 -40px;
		}
	#phone {
		position: absolute;
		right: 20px;
		bottom: 5px;
		font-size: 133.33%;
		padding: 0 0 0 20px;
		background: url(/media/img/icon-phone.gif) no-repeat 0 50%;
	}
	#email-icon a {
	    font-size: 80%;
	    color: #1A1A1A;
	    margin-left:10px;
	    padding: 0 0 0 20px;
	    background: url(/media/img/icon_mail.gif) no-repeat 0 50%;
	}
	#email-icon a:hover {
	    color: #0071bc;
	}

#wrap {
}
	#content {
	}


#content p {
	line-height: 1.5;
	margin: 0 0 .75em;
}
#content ul {
	list-style: disc;
	margin: 0 0 1em 2em;
	line-height: 1.5;
}

#content h1 {
	font-size: 183.33%;
	font-weight: normal;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #ec1c24;
	margin: 0 0 .4em;
}
#wrap h2 {
	font-size: 141.67%;
	font-weight: normal;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #0071bc;
	margin: 0 0 .25em;
}
#content h3 {
	font-size: 100%;
	font-weight: normal;
	color: #c1272d;
	margin: 0 0 .75em;
}


#footer {
	background: url(/media/img/footer-bg.png) repeat-x 0 0;
	margin: 0 1px;
	height: 370px;
	position: relative;
	font-family: Helvetica, Tahoma, sans-serif;
}
	#buttons {
		padding: 12px 0 0;
		width: 349px;
		height: 40px;
		margin: 0 auto 40px;
		font-family: 'Lucida Grande', Lucida, sans-serif;
		font-size: 91.67%;
	}
		#buttons a.but1:link, #buttons a.but1:visited {
			display: block;
			width: 100%;
			height: 40px;
			line-height: 38px;
			color: #FFFFFF;
			text-align: center;
			background: url(/media/img/but-2.png) no-repeat 0 0;
		}
		#buttons a.but1:link:hover, #buttons a.but1:visited:hover {
			background-position: 0 -40px;
		}
		#buttons a.but3:link, #buttons a.but3:visited {
			float: left;
			display: block;
			width: 134px;
			height: 39px;
			line-height: 38px;
			color: #FFFFFF;
			padding: 0 20px;
		}
		#buttons a.but3l:link, #buttons a.but3l:visited {
			background: url(/media/img/but-3l.png) no-repeat 0 0;
			text-align: right;
		}
		#buttons a.but3r:link, #buttons a.but3r:visited {
			background: url(/media/img/but-3r.png) no-repeat 0 0;
			float: right;
		}
		#buttons a.but3:link:hover, #buttons a.but3:visited:hover {
			background-position: 0 -39px;
		}
	#phone2 {
		font-size: 300%;
		font-weight: bold;
		color: #231f20;
		text-align: center;
		margin: 0 0 5px;
	}
	#email {
		font-size: 133.33%;
		text-align: center;
	}
		#email a:link, #email a:visited {
			color: #2b388f;
		}
	#footer .menu {
		position: absolute;
		left: 20px;
		top: 248px;
	}
		#footer .menu ul {
		}
			#footer .menu li a:link, #footer .menu li a:visited {
				padding-top: 15px;
			}
				/*#footer .menu li a:link:hover, #footer .menu li a:visited:hover,*/
				#footer .menu li.active/* a:link*/, #footer .menu li.active a:visited {
					background: url(/media/img/menu-2.gif) no-repeat 50% 0;
				}
	#copyright {
		position: absolute;
		left: 10px;
		bottom: 5px;
		width: 280px;
		font-size: 83.33%;
		line-height: 1.5;
	}
	#contact {
		position: absolute;
		left: 300px;
		bottom: 0;
		padding: 3px 0 5px 10px;
		font-size: 133.33%;
		font-weight: bold;
		line-height: 1.25;
		border-left: solid 1px #e4e4e4;
	}
		#contact a:link, #contact a:visited {
			display: block;
		}
	#logo2 {
		position: absolute;
		right: 40px;
		bottom: 0;
		width: 250px;
		padding: 62px 0 0;
		background: url(/media/img/sep-2.gif) no-repeat 0 0;
	}
		#logo2 a:link, #logo2 a:visited {
			display: block;
			width: 250px;
			height: 100px;
		}
			#logo2 a:link span, #logo2 a:visited span {
				background: url(/media/img/estore-logistics-logo-2.png) no-repeat 0 0;
			}


fieldset {
}
	#page fieldset ul {
		list-style: none;
		margin: 0;
	}
	fieldset li {
	}
		fieldset li label {
			display: block;
			margin: 0 0 5px;
		}
		input.text,
		textarea {
			border: solid 1px #333333;
		}
	fieldset li.buttons {
	}
		fieldset li.buttons input.submit {
		}


/*-------
// home
//-----*/

.thumb {
	display: table-cell;
	width: 400px;
	height: 280px;
	vertical-align: middle;
	text-align: center;
}
	.thumb * {
		vertical-align: middle;
	}

.box {
	width: 878px;
	overflow: hidden;
	margin: 0 1px;
	padding: 25px 40px;
	border-bottom: solid 1px #ececec;
}
	.box .content {
		float: left;
		width: 450px;
	}
	.box .img {
		float: right;
		width: 400px;
	}

	.box2 .content {
		float: right;
	}
	.box2 .img {
		float: left;
	}

.boxLast {
	border: none;
}

#intro {
	font-family: Helvetica, Tahoma, sans-serif;
}
    #intro p {
        line-height:160%;
        font-size: 120%;
    }
    #intro ul {
        line-height:180%;
    }
	#intro .content {
		width: 378px;
	}
	#intro .img {
		width: 500px;
	}
	#intro .thumb {
		width: 500px;
	}

/*-------
// get-started
//-----*/

#intro2 {
	padding: 25px 0 25px 290px;
	font-family: Helvetica, Tahoma, sans-serif;
}
	#page #t6steps {
		margin: 0 0 25px;
		width: 466px;
		height: 79px;
	}
		#t6steps span {
			background: #FFFFFF url(/media/img/t-6-steps-to-warehousing.png) no-repeat 0 0;
		}
	#intro2 p {
		margin: 0 30px 0 135px;
		line-height: 1.5;
	}

#steps {
	margin: 0 1px;
}
	#steps li {
		position: relative;
		border-top: solid 1px #ececec;
		height: 225px;
		padding: 24px 40px 0 430px;
	}
		#steps li li {
			height: auto;
			border: none;
			padding: 0;
		}
		#steps li img {
			position: absolute;
			left: 0;
			top: 0;
		}


/*-------
// services
//-----*/

#intro3 {
	padding: 0 0 0 40px;
	width: 918px;
	font-family: Helvetica, Tahoma, sans-serif;
}
	#intro3 .content {
		padding: 25px 0 0;
	}
	#intro3 .img {
		text-align: right;
	}


/*-------
// advantage
//-----*/

#wrap.cols {
	width: 100%;
	overflow: hidden;
	background: url(/media/img/line-v1.gif) repeat-y 600px 0;
	padding: 0 0 20px;
}
	#wrap.cols #content {
		float: left;
		width: 530px;
		padding: 0 0 0 40px;
	}
	#wrap.cols #side {
		float: right;
		width: 320px;
		padding: 0 20px 0 0;
	}

#tFocus {
	margin: 0 1px 25px;
	height: 300px;
	border-bottom: solid 1px #ececec;
}
	#tFocus span {
		background: #FFFFFF url(/media/img/t-estore-logistics-advantage.png) no-repeat 60% 50%;
	}

#checklist {
	margin: 20px 0;
	font-size: 116.67%;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #1a1a1a;
}
	#checklist li {
		background: #f2f2f2 url(/media/img/bullet-2.jpg) no-repeat 10px 50%;
		border: solid 1px #dbdbdb;
		margin: 0 0 9px;
		padding: 0 0 0 50px;
		line-height: 30px;
	}


/*-------
// advantage
//-----*/

#tContact {
	margin: 0 1px 25px;
	height: 300px;
	border-bottom: solid 1px #ececec;
}
	#tContact span {
		background: #FFFFFF url(/media/img/t-contact-us.jpg) no-repeat 60% 50%;
	}

/* ----
  404 Page
  ----- */
#tNotFound {
	margin: 0 1px 25px;
	height: 200px;
	border-bottom: solid 1px #ececec;
}
	#tNotFound span {
		background: #FFFFFF url(/media/img/t404.jpg) no-repeat 60% 50%;
	}

/* ----
  500 Page
  ----- */
#t500 {
	margin: 0 1px 25px;
	height: 200px;
	border-bottom: solid 1px #ececec;
}
	#t500 span {
		background: #FFFFFF url(/media/img/t500.jpg) no-repeat 60% 50%;
	}