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

#home-container { width: 738px; margin: 23px auto 0 auto;}

.h-header { width: 100%; margin-bottom: 9px;}
.h-logo { float: left; width: 344px; height: 76px;}
.h-logo h1 { text-indent: -9999px; }
.h-login { float: right; margin-top: 10px;}
.lock { background:url('../images/lock.gif') no-repeat; width: 16px; height: 21px; float: left; margin-right: 5px;}
.h-login ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; float: left; padding-top: 5px; margin-right: 10px; }
.h-login ul li { display: inline; padding: 0 5px 0 5px;}
.h-login ul li a { color: #666666; text-decoration: none; }
.h-login ul li a:hover { color: #666666; text-decoration: underline; }
.holder { height: 96px;}
ul.h-nav { clear: both; background-color: #c40026; width: 100%; color: #a32248; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 6px; padding-bottom: 6px; }
ul.h-nav li { display: inline; padding: 0 18px 0 18px; margin-top: 7px; border-right: 1px solid #a32248;}
ul.h-nav li a { color: white; text-decoration: none; }
ul.h-nav li a:hover { color: yellow; text-decoration: none;}
ul.h-nav li.noline { border: none;}


.h-middle-top { clear:both; font-family: Arial, Helvetica, sans-serif; height: 204px; width: 100%; background: url('../images/containerlift.jpg') no-repeat; width: 738px; height:195px;}
.h-middle-top h1 { font-size: 29px; font-weight: normal; padding-top: 37px; padding-left: 30px;}
.h-middle-top p { font-size: 14px; padding-top: 12px; padding-left: 30px; width: 240px;}


.h-middle-bottom { clear:both; width: 100%; height:390px; background-color:#1b3a66;}
.h-middle-l { float: left; height: 100%; width: 475px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF;}
.h-middle-l h1 { font-size: 19px; font-weight: normal; padding-top: 27px; padding-left: 21px;}
.h-middle-l p { font-size: 13px; padding-right: 50px; padding-left: 21px; padding-top: 15px; }
.h-middle-l a { text-decoration: underline; color:#FFFFFF; font-size: 14px;}
.h-middle-l a:hover { text-decoration: underline; color: #FFFFFF;}
.h-middle-l h2 { text-indent: -9999px;}
p.paybtn { margin-top:56px;}
.number-h { font-size: 15px;}

.h-middle-r { float: left; height: 100%; width: 263px;}
.side-pic1 { width: 246px; margin-bottom: 12px; margin-top: 27px; height: 141px; border: 1px solid white;}
.side-pic2 {  clear: both; width: 246px; height: 168px; border: 1px solid white; background: url('../images/pic2.jpg') no-repeat; text-indent: -9999px;}


.h-footer { width: 738px; margin-top: 1px; background-color:#1b3a66; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 28px;}
.left-footer { float: left; padding-left: 20px; padding-top: 7px;}
.right-footer { float: right; padding-right: 17px; padding-top: 7px;}
.right-footer a { color: #FFFFFF; text-decoration: none;}
.right-footer a:hover { color: #FFFFFF; text-decoration: underline;}


/*payment page*/

#pay-container { width: 100%; margin-top: 100px;}

#p-logo { margin: 0 auto; width: 344px;}
#p-logo h1 { text-indent: -9999px;}
#form-container { width: 100%; height: 100px;margin-top: 10px;}
#form-pay { width: 344px; margin: 0 auto;}
#form-pay p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; padding-bottom: 15px;}