@import url("type.css");
@import url("forms.css");

body {
    font-family:Arial, Helvetica, sans-serif;
	background: url(../images/Picture%204.png) #000 no-repeat top center;
}
.homepg {
	background: url(../images/home-bg.jpg) #000 no-repeat center top;
}

.aboutuspg {
	background: url(../images/about-bg.jpg) #000 no-repeat center top;
}
.servicespg {
	background: url(../images/services-bg.jpg) #000 no-repeat center top;
}
.newspg {
	background: url(../images/news-centre-bg.jpg) #000 no-repeat center top;
}

.qapg {
	background: url(../images/qa-bg.jpg) #000 no-repeat center top;
}

.memberssectionpg {
	background: url(../images/members-section-bg.jpg) #000 no-repeat center top;
}
.contactpg {
	background: url(../images/contact-bg.jpg) #000 no-repeat center top;
}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 152px;
	position:relative;
}
#header #logo {
	width: 215px;
	padding-top: 20px;
	height: 120px;
	float: left;
	background:url(../images/Pallet-Track-logo.png) no-repeat left 22px;
	text-align:center;
}

#wrapper #header #logo a  {text-decoration:none;  border:none; display:block; }
#header #number {
	width:332px;
	position:absolute;
	left: 577px;
	top: 96px;
}
#wrapper #navigation {
	height: 25px;
	background-color: #339499;
	position:relative; z-index:1000;
	margin-bottom:5px;
}
#wrapper #breadcrumbs {
	height: 10px;
	margin-bottom: 9px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	padding-top:4px;
}
#wrapper #breadcrumbs a {
	color: #339499;
	text-decoration:none;
}
#wrapper #breadcrumbs a:hover {
	text-decoration:underline;
}

#content {
	background: url(../images/whitebg.png) repeat;
	padding-top:20px;
	}

#back {
	background:url(../images/contentbg.png) no-repeat bottom;
	height: 38px;
}
#footerlogos {
	margin-bottom:50px;
	height: 40px;
	clear:both;
	padding-top:10px;
}
#footer {
	width:900px;
	height: 86px;
	background-image: url(../images/footerbg.png);
}
#footer #info {
	width: 630px;
	float: left;
	text-align: right;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#content #left-box {
	width: 374px;
	float:left;
	padding-bottom: 10px;
}

#content #right-box {
	float: right;
	width: 520px;
}
#content #content-box {
	clear:both;
	width: 880px;
}
#left-box #video {
	padding-left: 20px;
	width: 354px;
}
#left-box .bbtn {
	color: #FFF;
	background-color: #42A4A9;
	font-size: 10pt;
	padding: 5px;
	margin-left: 20px;
	margin-top: 5px;
	text-decoration:none;
}
#content #left-content {
	width: 445px;
	float: left;
	height:295px;
}
#content #right-content {
	float: right;
	width: 448px;
}
#banner {
	height: 196px;
	width: 862px;
	margin:0px 0px 10px 18px;
	overflow: hidden;
}
.clear {
	clear: both;
}

.service {
	height: 80px;
	width: 81px;
	float: left;
	margin-left: 5px;
	text-align: center;
}
.service img {
	padding-bottom: 5px;
}
#servicesweoffer {
	margin: 12px auto 10px 30px;
	height: 72px;
	color: #666;
	width:800px;
	font-size: 9pt;
}
#onlinetracking {
	margin: 12px auto 10px auto;
	height: 72px;
	color: #666;
	width:805px;
	font-size: 9pt;
}
.ot {
	height: 66px;
	width: 92px;
	float: left;
	margin-left: 5px;
	text-align: center;
	padding-left:1px;
	padding-right:5px;
}
#map {
	height: 380px;
	width: 845px;
	padding-right: 25px;
	padding-left: 25px;
}


#content #contactinfo {
	width: 360px;
}
#contactinfo .lefttitle {
	float: left;
	width: 80px;
}
#contactinfo .rightinfo {
	width: 150px;
	float: left;
	padding-bottom:15px;	
}
#content #left-content {
	width: 445px;
	float: left;
}
#content #right-content {
	float: right;
	width: 448px;
}
#content-box .jobs {
	width: 465px;
	margin: 0px 0px 5px 20px;
	height:25px;
	background : url(../images/arrow-right.png) #3d4c7a no-repeaT right 4px;
}

#jobsection a {
	font-size: 10pt;
	color: #FFF;
	line-height:24px;
	text-decoration:none;
}
#jobsection a .jobs .jobtitle {
	margin-left:-15px;
}

#jobsection a:hover {
	color:#CCC;
}

.btn {
	background-color: #42A4A9;
	padding: 5px;
}
#onlinetracking #onlinetrack {
	width: 200px;
	float: left;
}
#onlinetracking img {
}
.onlinetrackingimg {
	padding-left: 10px;
}

#content .qa {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	height:90px;
}
.qaicon img {
	padding-bottom: 5px;
}
.qaicon {
	height: 80px;
	width: 80px;
	float: left;
	text-align: center;
	font-size:10pt;
}



#whoswho  {
	margin-left:20px;
	clear: both;
}
a img {
	border:none;
}
#content #service {
	margin: 0 auto;
	text-align: center;
	width:500px;
}

#wrapper #footer #social p{font-size:8pt; padding-bottom:5px;}

#service img {
	padding-bottom: 20px;
}



#wrapper #footer #info img {
	float: right;
}
#wrapper #footer #social {
	float: right;
	width: 130px;
	padding-top: 20px;
	text-align:center;
}
#wrapper #footer a .back {
	float: left;
}

#content .contentbox {
	padding-top: 20px;
}
.servicespg #wrapper #content #definitions table {
	clear: both;
}
.definitions {
	margin-left:210px;
}
#definitions {
	height: 432px;
	width: 862px;
	background-image: url(../images/definitions.png);
	margin-left: 20px;
}
#definitions #pallet1 {
	width: 230px;
	float: left;
	height: 432px;
}
#definitions #pallet2 {
	height: 432px;
	width: 180px;
	float: left;
}
#definitions #pallet3  {
	float: left;
	height: 432px;
	width: 155px;
}
#definitions #pallet4 {
	float: right;
	width: 295px;
	height: 432px;
}#wrapper #submenu {
	height: 24px;
	background-color:#CCC;
	margin-bottom:4px;
}
#qa-content {
	margin: 0 0 0 20px;
	width:750px;
}#qa-content .icon {
	width: 250px;
	text-align: center;
	float: left;
}
#qa-content .rightbox {
	float: left;
	padding-top: 20px;
	width:500px;
}
.rightpadding {
	padding-right: 7px;
}
#wrapper #header #vo {
	height: 45px;
	width: 100px;
	position:absolute;
	top: 124px;
	left: 802px;
}

.servicespg #wrapper #content .clearservices {
	clear: both;
	margin-bottom: 30px;
}
.videobtn {
	font-size: 10pt;
	background-color: #42A4A9;
	padding: 5px;
	color:#FFF;
	text-decoration:none;
}
.newsbtn {
	background-color: #FFF;
	color: #42A4A9;
	padding: 5px;
	top: 155px;
	text-decoration:none;
	margin-top:10px;
	float:right;
}


/***** Pallet-Track Logistics Page  *************/
#pt-logistics { background-color:#001935}
#pt-logistics #headerimg {height:155px; background:url(../images/introducing-pallet-track-logistics.jpg) #93d2e2 no-repeat}
.logisitics #wrapper #pt-logistics #headerimg h1 { font-size:24pt; font-family:"OCR A Std", Arial, Helvetica; color:#FFF; padding: 60px 0px 0px 20px; font-weight:normal;}
.logisitics #wrapper #pt-logistics #headerimg h1 .blue{ color:#59bed1}
.logisitics #wrapper #navigation p {font-size:10pt; color:#FFF; text-align:right; padding-top:5px; padding-right:5px;}
.logisitics #wrapper #navigation p a {color:#FFF; }
#pt-logistics p {font-size:10pt; padding:5px 10px; color:#FFF}
#pt-footer #info p a { color:#FFF; text-decoration:none;}
#pt-logistics #left-box { width:450px; height:380px; float:left; background:url(../images/truck.jpg) no-repeat}
#pt-logistics #right-box { width:430px; float:right; padding: 30px 20px 0px 0px; }
#pt-footer {height: 150px; background:#001935; color:#FFF; margin-bottom:50px; font-size:10pt; text-align:right;}
#pt-footer #info { width:200px; float:right;}
#pt-footer #info p {padding-right:5px; font-size:9pt;}
#pt-footer #blueband { height:5px; background-color:#93d2e2;}
#pt-footer #pt-services { width:660px; float:left; text-align:left; padding:10px}
#pt-footer #pt-services h2{ font-family:"OCR A Std", Arial, Helvetica; font-weight:normal; font-size:12pt}
.logisitics #wrapper #pt-footer #pt-services #ourservices .service {width:62px; font-size:8pt;}
.logisitics #wrapper #pt-footer #pt-services #ourservices .service img{ height:62px; font-size:9pt; padding:2px 2px 2px 0px;}.logisitics #wrapper #pt-logistics #right-box .intro {
	color: #59c1d2;
	font-size: 11pt;
}
#wrapper #content p .number {
	display: block;
	float: left;
	width: 30px;
}
#wrapper #content p .tandc {
	display: block;
	margin-left:32px;
	width:790px;
}
#wrapper #content .tac p {
	font-size: 8pt;
}
#wrapper #header #latestnews {
	height: 46px;
	width: 108px;
	position: absolute;
	left: 782px;
	top: 18px;
	background-image: url(../images/latest-news-bg.png);
	
	text-align:center;
	padding: 6px 5px 10px 5px;
}

 #wrapper #header #latestnews .title 
 {font-family: "OCR A Std", Arial, Helvetica;
	font-size:10pt;}
 #wrapper #header #latestnews p {font-size:8pt;}
 
 
#downloadbrochure { width: 352px; height: 83px; margin-left:20px; margin-top:20px; background:url(../images/download-our-brochure.png) no-repeat;text-indent:-9999px;}
#downloadbrochure a { display:block; width: 352px; height: 83px; }