@charset "utf-8";
/* CSS Document */

body{padding:25px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;}
h1{font-weight:bold; color:#cb131d; text-transform:uppercase; font-size:22px; padding-bottom:6px;}
h2, h3, h4, h5, h6, p, ul, ol, li, dd, dt, dl, form, input, textarea{padding:0px; margin:0px; font-weight:normal}
.clearfix{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
a{outline:none;}
a img{border:0px;}


/* Main Containers */
#wrapper{width:100%; height:auto}
#page-holder{width:1056px; height:auto; margin:0px auto; background:url(../images/shadow.gif) repeat-y top left}
#shadow-top{width:1056px; height:auto; background:url(../images/shadow-top.gif) no-repeat top left}
#shadow-btm{width:1024px; height:auto; padding:0px 16px 0px; background:url(../images/shadow-btm.gif) no-repeat bottom left;}

/* Top Links */
.top-links{text-align:right; height:24px}
.top-links ul{list-style:none; color:#cb131d; font-size:14px;}
.top-links li{display:inline;}
.top-links li a{color:#cb131d; text-decoration:underline; font-weight:bold}
.top-links li a:hover{color:#cb131d; text-decoration:none}

/* Bottom Links */
.btm-links{width:1024px; color:#2079fd; font-size:11px; padding-top:8px; margin:0px auto;}
.btm-links:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .btm-links{height:1px} /* */
.btm-links .left-links{float:left}
.btm-links .right-links{float:right; font-size:0px;}
.btm-links a{font-weight:bold; color:#2079fd; text-decoration:underline}
.btm-links a:hover{color:#0066ff; text-decoration:none}

/* Bordered Containers */
.main-container-yellow{width:994px; height:auto; padding-left:30px; background:#f9c300;}
.main-container-blue{width:994px; height:auto; padding-left:30px; background:#2760a7;}

/* Header */
#header-big{width:994px; height:50px; padding-top:50px; background:#cb131d}
#header-small{width:994px; height:50px; padding-top:18px; background:#cb131d}
#top-nav{float:left; width:833px; padding-top:20px; height:30px;}
#logo{float:left; width:135px;}
.header-img{width:994px; height:auto;}

/* Footer */
#footer-big{clear:both; width:994px; height:100px; background:#cb131d}
#footer-small{clear:both; width:994px; height:20px; background:#cb131d; font-size:0px}

/* Top Navigation */
#top-nav ul{list-style:none}
#top-nav li{float:left; font-size:14px; color:#f9c300; font-weight:bold; letter-spacing:-1px; display:block}
#top-nav li a{ color:#f9c300; text-transform:uppercase; text-decoration:none; padding:7px; display:block; float:left;}
#top-nav li a:hover{color:#cb131d; background:#f9c300; text-decoration:none}

/***** Style for Drop Down Menu *****/
.anylinkcss{
position:absolute;
left:30px;
visibility: hidden;
line-height: 12px;
z-index: 100;
width: 150px;
background:#cc121d; border:2px solid #fac400;

}
.anylinkcss a{
width: 140px;
display: block;
text-decoration: none;
font-weight: bold;
padding:2px 0px 2px 10px;
font-size:11px; color:#fac400;
}
.anylinkcss a:hover{ /*hover background color*/
color:#cb131d; background:#f9c300; text-decoration:none
}
.anylinkcss a.sub{padding-left:16px; width:134px;}


/* Content Home */
.content-home{width:100%; height:auto; padding-bottom:18px; background:#fff}
.content-home:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-home{height:1px} /* */
.content-home .left{width:199px; height:auto; float:left;}
.content-home .middle{width:555px; height:auto; padding:25px 16px 13px 23px; float:left;}
.content-home .right{width:161px; height:auto; float:left; background:#f9c300; padding:14px 13px 3px 11px}

/* Content Login */
.content-login{width:100%; height:auto; padding:28px 0px 18px; background:#fff}
.content-login:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-login{height:1px} /* */
.content-login .left{width:192px; height:auto; float:left;}
.content-login .right{width:707px; height:auto; padding:0px 65px 13px 30px; float:left;}

/* Content facilities */
.content-facilities{width:100%; height:auto; padding:28px 0px 18px; background:#fff}
.content-facilities:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-facilities{height:1px} /* */
.content-facilities .left{width:184px; height:auto; float:left; padding:25px 0px 0px 8px;}
.content-facilities .right{width:707px; height:auto; padding:0px 65px 13px 30px; float:left;}

/* Content Port Logistics */
.content-logistics{width:100%; height:auto; padding-bottom:18px; background:#fff}
.content-logistics:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-logistics{height:1px} /* */
.content-logistics .left{width:184px; height:auto; float:left; padding:25px 0px 0px 15px;}
.content-logistics .middle{width:555px; height:auto; padding:25px 16px 13px 23px; float:left;}
.content-logistics .right{width:161px; height:auto; float:left; background:#cb131d; padding:14px 13px 3px 11px}

/* Text Styles */
p{line-height:16px; padding-bottom:9px;}
a{color:#cb131d; text-decoration:none;}
a:hover{color:#2760a7;}

/* Home Page */
.content-home .right h2{font-size:15px; font-weight:bold; color:#cb131d; text-transform:uppercase; padding-bottom:5px; letter-spacing:-1px}
.content-home .right p{font-size:12px; line-height:15px; padding-bottom:8px}
.content-home .right a{color:#333333; text-decoration:none; font-weight:normal}
.content-home .right a:hover{color:#cb131d;}

/* Login Page */
.content-login .left h2{font-size:14px; font-weight:bold; color:#004493; background:#f9c300; text-transform:uppercase; padding:3px 0px 2px 15px; margin-bottom:2px; letter-spacing:-1px; display:block;}
.content-login .right h1.welcome{background:url(../images/welcome-to-patrick.gif) no-repeat top left; width:369px; height:25px; text-indent:-999px; color:#cb131d; font-size:22px; padding-bottom:6px;}
.content-login .right img.shop{float:left; padding:0px 17px 10px 0px; margin-top:-8px;}
.content-login .right h2{font-size:14px; font-weight:bold; color:#2760a7}
.content-login .right a{color:#2760a7; text-decoration:none; line-height:19px;}
.content-login .right a:hover{color:#cb131d; text-decoration:none}
.content-login .right a.underline{text-decoration:underline}
.content-login .right a.underline:hover{text-decoration:none}
.content-login .right blockquote{padding:0px 0px 15px 35px; margin:0px;}

/* Services columns on Login Page */
.content-login .services{width:auto; height:auto}
.content-login .services:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-login .services{height:1px} /* */
.content-login .services .left-col{width:350px; height:auto; float:left; padding-right:7px;}
.content-login .services .right-col{width:350px; height:auto; float:left;}
.content-login .services h3{font-size:14px; display:block; color:#f9c300; background:#2760a7; padding:3px 0px 0px 8px; margin-bottom:2px; font-weight:bold; height:18px;}
.content-login .services ul{list-style:none}
.content-login .services li{font-size:13px; display:block; color:#333333; background:#fac400; font-weight:bold; height:21px; margin-bottom:2px;}
.content-login .services li a{display:block; color:#333333; background:#fac400 url(../images/arrow-y.gif) no-repeat 331px 3px; padding:1px 0px 0px 8px; font-weight:bold; height:20px;}

/* Authorised Login Form */
.auth-login{display:block; background:#2760a7; padding:5px 8px 10px;}
.auth-login:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .auth-login{height:1px} /* */
.auth-login .txt-fld{width:174px; height:15px; padding-top:2px; border-width:1px; float:left; font-size:12px; color:#333333}
.auth-login dt{font-size:12px; color:#f9c300; padding:0px 0px 1px 6px; clear:both;}
.auth-login dd{margin-bottom:3px; float:left;}
.auth-login p{font-size:11px; color:#fff; line-height:13px; padding-left:6px; padding-bottom:8px; clear:both}
.auth-login .login{width:61px; height:22px; background:url(../images/btn-login.gif); border:0px; cursor:pointer}

/*facilities*/

.content-facilities .left h2{font-size:14px; font-weight:bold; color:#004493; background:#f9c300; text-transform:uppercase; padding:3px 0px 2px 15px; margin-bottom:2px; letter-spacing:-1px; display:block;}
.content-facilities .left .left-nav{list-style:none}
.content-facilities .left .left-nav li{font-size:14px; font-weight:bold; color:#cb131d; text-transform:uppercase; padding-bottom:3px; letter-spacing:-1px}
.content-facilities .left .left-nav li a{color:#cb131d; text-decoration:none;}
.content-facilities .left .left-nav li a:hover{color:#f9c300; text-decoration:none;}
.content-facilities .left .left-nav li ul{list-style:none; padding-top:5px;}
.content-facilities .left .left-nav li ul li{font-size:12px; letter-spacing:normal}
/*.content-login .right h1.welcome{background:url(../images/welcome-to-patrick.gif) no-repeat top left; width:369px; height:25px; text-indent:-999px; color:#cb131d; font-size:22px; padding-bottom:12px;}*/
/*.content-login .right img.shop{float:left; padding:0px 17px 10px 0px; margin-top:-8px;}*/
.content-facilities .right h2{font-size:14px; font-weight:bold; color:#2760a7}
.content-facilities .right a{color:#2760a7; text-decoration:none; line-height:19px;}
.content-facilities .right a:hover{color:#cb131d; text-decoration:none}
.content-facilities .right a.underline{text-decoration:underline}
.content-facilities .right a.underline:hover{text-decoration:none}
.content-facilities .right blockquote{padding:0px 0px 15px 35px; margin:0px;}
.content-facilities .left .left-nav{list-style:none}
.content-facilities .left .left-nav li{font-size:14px; font-weight:bold; color:#cb131d; text-transform:uppercase; padding-bottom:3px; letter-spacing:-1px}
.content-facilities .left .left-nav li a{color:#cb131d; text-decoration:none;}
.content-facilities .left .left-nav li a:hover{color:#f9c300; text-decoration:none;}

.content-facilities .left .left-nav li ul{list-style:none; padding-top:5px;}
.content-facilities .left .left-nav li ul li{font-size:12px; letter-spacing:normal}

/* Services columns on facilities Page */
.content-facilities .services{width:auto; height:auto}
.content-facilities .services:after{height:0px; font-size:0px; content:'.'; display:block; visibility:hidden; clear:both}
/* \*/ * html .content-login .services{height:1px} /* */
.content-facilities .services .left-col{width:350px; height:auto; float:left; padding-right:7px;}
.content-facilities .services .right-col{width:350px; height:auto; float:left;}
.content-facilities .services h3{font-size:14px; display:block; color:#f9c300; background:#cb131d; padding:3px 0px 0px 8px; margin-bottom:2px; font-weight:bold; height:18px;}
.content-facilities .services ul{list-style:none}
.content-facilities .services li{font-size:13px; display:block; color:#333333; background:#fac400; padding:1px 0px 0px 8px; font-weight:bold; height:21px; margin-bottom:2px;}
.content-facilities .services li#pic {font-size:13px; display:block; color:#333333; background:#fac400; padding:2px 0px 0px 2px; font-weight:bold; height:190px; margin-bottom:2px;}
.content-facilities .services li a{display:block; color:#333333; background:#fac400 no-repeat 331px 3px; padding:1px 0px 0px 8px; font-weight:bold; height:20px;}



/* Port Logistics */
h1.logistics{background:url(../images/port-logistics.gif) no-repeat top left; width:191px; height:25px; text-indent:-999px; color:#cb131d; font-size:22px; padding-bottom:6px;}
.content-logistics .right h2{font-size:15px; font-weight:bold; color:#f9c300; text-transform:uppercase; padding-bottom:5px; letter-spacing:-1px}
.content-logistics .right p{font-size:12px; line-height:15px; padding-bottom:8px; color:#fff}
.content-logistics .right a{color:#ffffff; text-decoration:none; font-weight:normal}
.content-logistics .right a:hover{color:#f9c300;}

.content-logistics .left .left-nav{list-style:none}
.content-logistics .left .left-nav li{font-size:14px; font-weight:bold; color:#cb131d; text-transform:uppercase; padding-bottom:3px; letter-spacing:-1px}
.content-logistics .left .left-nav li a{color:#cb131d; text-decoration:none;}
.content-logistics .left .left-nav li a:hover{color:#f9c300; text-decoration:none;}

.content-logistics .left .left-nav li ul{list-style:none; padding-top:5px;}
.content-logistics .left .left-nav li ul li{font-size:12px; letter-spacing:normal}
.content-logistics .services .col{width:548px; height:auto; float:left; padding-right:7px;}
.content-logistics .services .left-col{width:274px; height:auto; float:left; }
.content-logistics .services .right-col{width:274px; height:auto; float:left; }
.content-logistics .services h3{font-size:14px; display:block; color:#f9c300; background:#cb131d; padding:3px 0px 0px 8px;margin-top:2px; font-weight:bold; height:18px;}
.content-logistics .services ul{list-style:none}
.content-logistics .services li{font-size:13px; display:block; color:#333333; background:#fac400; padding:1px 0px 0px 8px; font-weight:bold; height:21px; margin-bottom:0px;}
.content-logistics .services li a{display:block; color:#333333; background:#fac400 no-repeat 331px 3px; padding:1px 0px 0px 8px; font-weight:bold; height:20px;}