﻿html, body { height: 100%; background: #fff; text-align: left; }
.stickyWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -217px; /* the bottom margin is the negative value of the footer's height (including borders and padding) */ }
#headerHolder { background: url(/images2/headerBKGD.jpg) #ebebeb; width: 100%; height: 65px; border-bottom: 1px solid #b3b3b3; }
#headerContent { margin: 0 auto; width: 870px; }
#headerContent img.headerLogo { float: left; }
#headerContent img.headerPhone { float: right; }
#navHolder { width: 100%; border-bottom: 1px solid #000; border-top: 1px solid #313131; background: url(../images2/navGradient.jpg) repeat-x #313131; }
#myHome #navHolder { border-bottom: 1px solid #6d6f72; }
#Menu1_mainmenu { margin: 0 auto; width: 870px; }
#Menu1_mainmenu ul { float: left; width: 870px; margin: 0; padding: 0; list-style: none; }
#Menu1_mainmenu li { float: left; display: inline; border-right: 1px solid #313131; margin: 0; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#Menu1_mainmenu a { padding: 10px 13px; background: transparent; color: #f2f2f2; text-decoration: none; float: left; line-height: 12px; border: 1px solid #414141; font-weight: normal; text-shadow: 0 1px 0 #000; letter-spacing: 0.3px; }
#Menu1_mainmenu ul li a:hover { background: #313131; color: #fff; }
#Menu1_mainmenu #Menu1_liHome { border-left: 1px solid #313131; }
#Menu1_mainmenu #Menu1_liLogout { float: right; border-left: 1px solid #313131; }
#Menu1_mainmenu #Menu1_liLogin { float: right; 	border:1px solid #313131; margin: 6px 0 0 0; }
#Menu1_mainmenu #Menu1_liLogin a { background: url(../images2/navGradientO.jpg) repeat-x #f65e14; padding: 4px 10px; border: 1px solid #FF682C; font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #B2471F; color: #fff; }
#Menu1_mainmenu #Menu1_liLogin  a:hover { background: #C63B05; }
#Menu1_mainmenu #Menu1_liMyFreightCenter a { color: #313131; background: url(../images2/navGradientKreverse.jpg) repeat-x; border: 1px solid #878787; text-shadow: none; }
#Menu1_mainmenu #Menu1_liMyFreightCenter a:hover { background: url(../images2/navGradientK.jpg) repeat-x; }
#subNavHolder { width: 100%; border-bottom: 1px solid #6d6f72; border-top: 1px solid #aaa; background: url(../images2/navGradientK.jpg) repeat-x #1e1e1e; }
#subNav { margin: 0 auto; width: 870px; font-size: 11px; }
#subNav span { float: left; padding: 0 15px; color: #fff; border-right: 1px solid #6d6f72; }
#subNav a { float: left; padding: 0 15px; margin: 5px 0; color: #313131; border-right: 1px solid #6d6f72; border-left: 1px solid #b4b4b4; text-decoration: none; line-height: 11px; }
#subNav a:hover { text-decoration: underline; }
#subNav a.first { border-left: none; padding: 0 15px 0 0; }
#subNav a.last { border-right: none; }
.footer, .push { height: 215px; /* .push must be the same height as .footer */ /* *****margin-top: 100px; SOMEDAY REMOVE SPACER DIV ON BOTTOM OF ALL PAGES AND USE THIS RULE INSTEAD ***** */}
.footer { background: #313131; border-top: 2px solid #474747; }
#footerContent { margin: 0 auto; width: 868px; padding: 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6d6f72; text-align: left; line-height: 14px; }
#footerContent .footerColumn1 { float: left; height: 155px; width: 349px; border-right: 1px solid #1e1e1e; }
#footerContent .footerColumn2 { float: left; height: 155px; width: 274px; border-right: 1px solid #1e1e1e; border-left: 1px solid #474747; padding: 0 0 0 20px; }
#footerContent .footerColumn3 { float: left; height: 155px; width: 201px; border-left: 1px solid #474747; background: url(/images2/tia100000.gif) 20px 75px no-repeat; padding: 0 0 0 20px; }
#footerContent .footerColumn3 h5 { width: 201px; }
#footerContent h5 { float: left; padding: 0; margin: 0 0 7px; color: #88acd1; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 12px; width: 270px; letter-spacing: .3px; }
#footerContent h3 { float: left; padding: 0; margin: 0 0 7px; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 25px; width: 270px; letter-spacing: .3px; color: #6d6f72; }
#footerContent ul { float: left; padding: 0; margin: 0; width: 189px; } /*width: 174px for both ULs to be the same, this was changed bc of a long link which needed more room*/
#footerContent ul.left { width: 159px; } /*not neeeded if ULs are the same width*/
#footerContent li { float: left; list-style: none; margin: 0 0 3px; padding: 0; width: 189px; }
#footerContent ul.left li { width: 159px; } /*if the ULs are the same length this rule is not needed and all LIs will be 174 width*/
#footerContent li a, #footerContent p.legal a { font-size: 11px; text-decoration: none; color: #6d6f72; }
#footerContent li a:hover, #footerContent p.legal a:hover { color: #ccc; }
#footerContent a.footerQQ { float: left; margin: 10px 0 0; padding: 0; width: 170px; height: 25px; background: url(../images2/btn_footer.gif) 0 0; text-indent: -9999px; }
#footerContent a.footerQQ:hover { background-position: 0 -25px; }
#footerContent p { float: left; margin: 2px 0 0; padding: 0; width: 260px; color: #6d6f72; }
#footerContent p.legal { margin: 15px 0 0; padding: 0; width: 870px; font-size: 9px;  }
#securityBadge { float: left; }
