/* Popup image CSS styles */


/* History Page Left*/

#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 91px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 580px;
	left: 150px;
	position: absolute;
	top: 0px;
	width: 399px;
}
#pic a.p4, #pic a.p4:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 83px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p4:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p4:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 462px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 719px;
}
#pic a.p5, #pic a.p5:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 78px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p5:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p5:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 345px;
	left: 150px;
	position: absolute;
	top: -100px;
	width: 724px;
}
#pic a.p8, #pic a.p8:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 80px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p8:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p8:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 452px;
	left: 150px;
	position: absolute;
	top: -160px;
	width: 573px;
}
#pic a.p9, #pic a.p9:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 91px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p9:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p9:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 391px;
	left: 150px;
	position: absolute;
	top: -180px; 
	width: 602px;
}
#pic a.p11, #pic a.p11:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 80px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p11:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p11:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 403px;
	left: 150px;
	position: absolute;
	top: -280px; 
	width: 609px;
}
#pic a.p14, #pic a.p14:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 85px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#pic a.p14:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p14:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 442px;
	left: 150px;
	position: absolute;
	top: 0px;
	top: -360px;
	width: 629px;
}
/* History Page Right*/

#picR {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 91px;
}

#picR a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#picR a img {
	border: 0;
}

#picR a.p2, #picR a.p2:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p2:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p2:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 528px;
	left: -460px;
	position: absolute;
	top: 0px;
	width: 394px;
}
#picR a.p3, #picR a.p3:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 87px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p3:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p3:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 385px;
	left: -660px;
	position: absolute;
	top: -60px;
	width: 600px;
}
#picR a.p6, #picR a.p6:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p6:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p6:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 455px;
	left: -660px;
	position: absolute;
	top: -100px;
	width: 600px;
}
#picR a.p7, #picR a.p7:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 85px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p7:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p7:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 394px;
	left: -660px;
	position: absolute;
	top: -160px;
	width: 595px;
}
#picR a.p10, #picR a.p10:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 81px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p10:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p10:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 368px;
	left: -710px;
	position: absolute;
	top: -180px; 
	width: 646px;
}
#picR a.p12, #picR a.p12:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 97px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p12:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p12:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 399px;
	left: -660px;
	position: absolute;
	top: -280px; 
	width: 600px;
}
#picR a.p13, #picR a.p13:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 89px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 91px;
}

#picR a.p13:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#picR a.p13:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 397px;
	left: -660px;
	position: absolute;
	top: 0px;
	top: -360px;
	width: 600px;
}


/* Haulage */
#haulagepic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 154px;
}

#haulagepic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#haulagepic a img {
	border: 0;
}

#haulagepic a.pcontainer, #haulagepic a.pcontainer:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 154px;
}

#haulagepic a.pcontainer:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#haulagepic a.pcontainer:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 391px;
	left: 250px;
	position: absolute;
	top: 0px;
	top: 0px;
	width: 600px;
}
#haulagepic a.ptanker, #haulagepic a.ptanker:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 154px;
}

#haulagepic a.ptanker:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#haulagepic a.ptanker:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 404px;
	left: 250px;
	position: absolute;
	top: -145px;
	width: 600px;
}


/* Fleet */

#fleetpic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 138px;
}

#fleetpic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#fleetpic a img {
	border: 0;
}

#fleetpic a.pfleet1, #fleetpic a.pfleet1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 138px;
}

#fleetpic a.pfleet1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#fleetpic a.pfleet1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 430px;
	left: 250px;
	position: absolute;
	top: 0px;
	top: 0px;
	width: 650px;
}
#fleetpic a.pfleet2, #fleetpic a.pfleet2:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 104px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 138px;
}

#fleetpic a.pfleet2:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#fleetpic a.pfleet2:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 450px;
	left: 250px;
	position: absolute;
	top: -100px;
	width: 600px;
}
#fleetpic a.pfleet3, #fleetpic a.pfleet3:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 78px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 138px;
}

#fleetpic a.pfleet3:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#fleetpic a.pfleet3:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 355px;
	left: 250px;
	position: absolute;
	top: -150px;
	width: 650px;
}
#fleetpic a.pfleet4, #fleetpic a.pfleet4:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 138px;
}

#fleetpic a.pfleet4:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#fleetpic a.pfleet4:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 431px;
	left: 250px;
	position: absolute;
	top: -330px;
	width: 600px;
}


/* Warehousing */
#warehousepic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 140px;
}

#warehousepic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#warehousepic a img {
	border: 0;
}

#warehousepic a.pwarehouse, #warehousepic a.pwarehouse:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 128px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 140px;
}

#warehousepic a.pwarehouse:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#warehousepic a.pwarehouse:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 550px;
	left: 250px;
	position: absolute;
	top: -25px;
	width: 502px;
}
#warehousepic a.ploadtransfer, #warehousepic a.ploadtransfer:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 133px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 140px;
}

#warehousepic a.ploadtransfer:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#warehousepic a.ploadtransfer:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 524px;
	left: 250px;
	position: absolute;
	top: -195px;
	width: 550px;
}
/* Container Service */
#containerpic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 160px;
}

#containerpic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#containerpic a img {
	border: 0;
}

#containerpic a.pcontainer, #containerpic a.pcontainer:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 103px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 160px;
}

#containerpic a.pcontainer:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#containerpic a.pcontainer:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 420px;
	left: 250px;
	position: absolute;
	top: -25px;
	width: 650px;
}