/******************************** /* Color Reference /* /* base maroon: #a5052f /* service1: #ebae1e /* service2: #427aa2 /* service3: #53b5d3 /* service4: #e4701e /* service5: #a5052f /* service6: #999790 /* service7: #95ba5f /* service8: #e31937 /* air: #a01f62 */ /*** Global Styles ***/ body { margin:0; padding:0; font-family:Arial, Verdana, Sans-Serif; font-size:small; background:#fff; color:#575656; } a { color:#a5052f; } img { border:0; } p, form { margin:0; padding:0.4em 0; font-size:1.05em;} h1 { left:20px; top:24px; margin:0; padding:0; position:absolute; } h1 a { width:362px; height:21px; display:block; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/horizon-logistics.gif) 0 0 no-repeat; } h2,h3,h4,h5 { margin:0; padding:0 0 0.4em 0; } h2 { font-size:125%; color:#b3b3b3; } h3 { font-size:110%; } h4 { font-size:100%; } h5 { font-size:100%; } .left { float:left; } .right { float:right; } img.left { margin:0 10px 3px 0; float:left; display:inline; } img.right { margin:0 0 3px 10px; float:left; display:inline; } a.more { font-size:90%; text-decoration:none; text-transform:uppercase; } a.more:hover { color:#000; } /*** Main Structure ***/ #site-wrapper { width:976px; margin:auto; padding:0; font-size:85%; line-height:1.5em; border-right:solid 4px #75756b; border-bottom:solid 4px #75756b; border-left:solid 4px #75756b; position:relative; } #flash-placeholder { height:229px; margin:0 0px; background:url(/hLogisticsimages/flash-bg.gif) 0 182px no-repeat; position: relative; } #flash-placeholder embed, #flash-placeholder object { position: absolute; top: -10px; left: 0; vertical-align: top; padding: 0; margin: 0; } #header { height:94px; margin:0 9px; background:url(/hLogisticsimages/header-bg.gif) 0 0 no-repeat; } #breadcrumb { height:27px; margin:0 9px; background:url(/hLogisticsimages/breadcrumb-bg.gif) 0 0 no-repeat; } #main-content { width:967px; padding:0 0 0 9px; float:left; } .main-content-home { background:url(/hLogisticsimages/main-content-home-bg.gif) 0 0 repeat-y; } .main-content-interior { background:url(/hLogisticsimages/main-content-interior-bg.gif) 0 0 repeat-y; } #navigation { width:114px; float:left; display:inline; } #home-logistics-wire { width:236px; margin:0 12px 0 20px; float:left; display:inline; font-size:1.05em;} #sub-nav { width:201px; min-height:300px; margin:0 0 0 10px; float:left; display:inline; position:relative; } *html #sub-nav { height: 300px; } #services-widget { min-height:300px; float:left; display:inline; position:relative; cursor:pointer; } .services-home { width:396px; margin:0 0 0 20px; } .services-interior { width:201px; margin:0 0 0 10px; } *html #services-widget { height:300px; } #interior-services { width:396px; margin:0 0 0 20px; float:left; display:inline; position:relative; } #home-promo { width:160px; height:337px; float:left; display:inline; } #main-copy { width:614px; margin:0 4px 0 0; padding:20px 13px 40px 11px; float:left; display:inline; min-height: 111px; } *html #main-copy { height: 111px; } #bottom-content { width:976px; margin:0; padding:0 0 10px 0; float:left; display:inline; background:#efefef url(/hLogisticsimages/bottom-content-bg.gif) 9px 0 no-repeat; } #bottom-content li { list-style-type: none; } #site-wrapper li.article-list-item { list-style-type: none; } #news { width:303px; margin:16px 20px 0 24px; padding:0; float:left; display:inline; } #articles { width:291px; margin:16px 5px 0 0; padding:0; float:left; display:inline; } #case-studies { width:302px; margin:8px 0 0 0; padding:0 10px 0.4em 10px; color:#939598; border-left:solid 1px #bcbdc0; border-right:solid 1px #bcbdc0; border-bottom:solid 1px #bcbdc0; float:left; display:inline; background:#e2e2e0; } #footer { padding:10px 10px 3px 0; text-align:right; clear:both; } .footer-interior { background:#efefef; } /*** Breadcrumb ***/ #breadcrumb { margin:0 9px; padding:0 0 0 125px; color:#58595b; } #breadcrumb .CMSBreadCrumbsCurrentItem {display:inline; } #breadcrumb .CMSBreadCrumbsLink { margin:0 5px 0 0; padding:0 10px 1px 0; display:inline; text-decoration:none; color:#58595b; background:url(/hLogisticsimages/breadcrumb-arrow.gif) right center no-repeat; } /*** Home Styles ***/ h2.logistics-wire { width:91px; height:11px; margin:0; padding:0; float:left; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/logistics-wire.gif) 0 0 no-repeat; } h2.rate { width:91px; height:11px; margin:0; padding:0; float:left; text-indent:-9999px; overflow:hidden; } h2.services { width:53px; height:11px; margin:0; padding:0; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/services.gif) 0 0 no-repeat; } a.archive { width:41px; height:8px; margin:0; padding:2px 0; float:right; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/archive.gif) 0 2px no-repeat; } #home-logistics-wire h3 { margin:0; padding:2em 0 0.2em 0; clear:both; } #home-logistics-wire h4 { font-weight:normal; } /*** Services Widget ***/ #services-widget ul { left:0; margin:0; padding:0; list-style:none; position:absolute; } .services-home ul { top:21px; } .services-interior ul { top:0px; } #services-widget ul li { width:214px; float:left; } #services-widget ul li a { min-height:17px; text-decoration:none; font-weight:bold; font-size:110%; line-height:normal; display:block; } .services-home ul li a { width:177px; margin:0 0 10px 0; padding:5px 0 4px 37px; color:#000; } .services-interior ul li a { width:150px; margin:0 0 10px 0; padding:5px 0 4px 37px; color:#58595b; } *html #services-widget ul li a { height:17px; } #services-widget ul li:hover ul, #services-widget ul li.over ul { display:block; } #services-widget ul li ul { width:143px; height:283px; top:-21px; left:214px; margin:0; padding:54px 15px 0 15px; color:#fff; display:none; position:absolute; overflow:hidden; } #services-widget ul li ul li { width:auto; float:none; } #services-widget ul li ul li img { margin:0 -15px 10px -15px; display:block; } #ser1 a { background-image:url(/hLogisticsimages/ser1.gif); background-position:left center; background-repeat:no-repeat; } #ser2 a { background-image:url(/hLogisticsimages/ser2.gif); background-position:left center; background-repeat:no-repeat; } #ser3 a { background-image:url(/hLogisticsimages/ser3.gif); background-position:left center; background-repeat:no-repeat; } #ser4 a { background-image:url(/hLogisticsimages/ser4.gif); background-position:left center; background-repeat:no-repeat; } #ser5 a { background-image:url(/hLogisticsimages/ser5.gif); background-position:left center; background-repeat:no-repeat; } #ser6 a { background-image:url(/hLogisticsimages/ser6.gif); background-position:left center; background-repeat:no-repeat; } #ser7 a { background-image:url(/hLogisticsimages/ser7.gif); background-position:left center; background-repeat:no-repeat; } #ser8 a { background-image:url(/hLogisticsimages/ser8.gif); background-position:left center; background-repeat:no-repeat; } #ser9 a { background-image:url(/hLogisticsimages/ser9.gif); background-position:left center; background-repeat:no-repeat; } /*#ser9 a { background-image:url(http://www.horizon-logistics.com/Images/airPlane.aspx); background-position:left center; background-repeat:no-repeat; }*/ .services-home #ser1:hover a, .services-home #ser1.over a { background-color:#ebae1e; color:#fff; } .services-home #ser2:hover a, .services-home #ser2.over a { background-color:#427aa2; color:#fff; } .services-home #ser3:hover a, .services-home #ser3.over a { background-color:#53b5d3; color:#fff; } .services-home #ser4:hover a, .services-home #ser4.over a { background-color:#e4701e; color:#fff; } .services-home #ser5:hover a, .services-home #ser5.over a { background-color:#a5052f; color:#fff; } .services-home #ser6:hover a, .services-home #ser6.over a { background-color:#999790; color:#fff; } .services-home #ser7:hover a, .services-home #ser7.over a { background-color:#95ba5f; color:#fff; } .services-home #ser8:hover a, .services-home #ser8.over a { background-color:#e31937; color:#fff; } .services-interior li:hover a, .services-interior li.over a { color:#a5052f; } #ser1 ul { background:#ebae1e url(/hLogisticsimages/ser1-header.gif) 14px 11px no-repeat; } #ser2 ul { background:#427aa2 url(/hLogisticsimages/ser2-header.gif) 14px 11px no-repeat; } #ser3 ul { background:#53b5d3 url(/hLogisticsimages/ser3-header.gif) 14px 11px no-repeat; } #ser4 ul { background:#e4701e url(/hLogisticsimages/ser4-header.gif) 14px 11px no-repeat; } #ser5 ul { background:#a5052f url(/hLogisticsimages/ser5-header.gif) 14px 11px no-repeat; } #ser6 ul { background:#999790 url(/hLogisticsimages/ser6-header.gif) 14px 11px no-repeat; } #ser7 ul { background:#95ba5f url(/hLogisticsimages/ser7-header.gif) 14px 11px no-repeat; } #ser8 ul { background:#e31937 url(/hLogisticsimages/ser8-header.gif) 14px 11px no-repeat; } /*** Navigation ***/ #navigation ul { margin:0; padding:0; list-style:none; } #navigation ul li a { height:10px; margin-bottom:30px; text-indent:-9999px; display:block; background-image:url(/Images/navigation.aspx); overflow:hidden; } #navigation #nav_LI_0_1_2 a { background-position:0 0; } #navigation #nav_LI_0_2_2 a { background-position:0 -40px; } #navigation #nav_LI_0_3_2 a { background-position:0 -80px; } #navigation #nav_LI_0_4_2 a { background-position:0 -120px; } #navigation #nav_LI_0_5_2 a { background-position:0 -160px; } #navigation #nav_LI_0_6_2 a { background-position:0 -268px; height: 25px; margin-bottom: 22px; } #navigation #nav_LI_0_7_2 a { background-position:0 -315px; height: 25px; margin-bottom: 22px; } #navigation #nav_LI_0_8_2 a { background-position:0 -362px; } /* #navigation #navNew_LI_0_1_2 a { background-position:0 0; } #navigation #navNew_LI_0_2_2 a { background-position:0 -40px; } #navigation #navNew_LI_0_3_2 a { background-position:0 -80px; margin-bottom: 18px; } #navigation #navNew_LI_0_4_2 a { background-position:0 -108px; height: 22px; margin-bottom: 10px; } #navigation #navNew_LI_0_5_2 a { background-position:0 -140px; margin-bottom: 10px; } #navigation #navNew_LI_0_6_2 a { background-position:0 -160px; height: 22px; margin-bottom: 22px; } #navigation #navNew_LI_0_7_2 a { background-position:0 -204px; margin-bottom: 22px; } #navigation #navNew_LI_0_8_2 a { background-position:0 -236px; margin-bottom: 22px; } #navigation #navNew_LI_0_9_2 a { background-position:0 -268px; height: 25px; margin-bottom: 22px; } #navigation #navNew_LI_0_10_2 a { background-position:0 -315px; height: 25px; margin-bottom: 22px; } #navigation #navNew_LI_0_11_2 a { background-position:0 -362px; } */ /*** Subnavigation ***/ #sub-nav ul { top:0px; left:0; margin:0; padding:0; list-style:none; position:absolute; } #sub-nav ul li { width:214px; float:left; } #sub-nav ul li a { min-height:17px; text-decoration:none; font-weight:bold; font-size:110%; line-height:normal; display:block; } #sub-nav ul li a { width:150px; margin:0 0 10px 0; padding:5px 0 4px 10px; color:#58595b; } *html #sub-nav ul li a { height:17px; } #sub-nav ul li:hover ul, #sub-nav ul li.over ul { display:block; } #sub-nav ul li ul { width:143px; height:283px; top:-21px; left:214px; margin:0; padding:54px 15px 0 15px; color:#fff; display:none; position:absolute; overflow:hidden; } #sub-nav ul li ul li { width:auto; float:none; } #sub-nav li:hover a, #sub-nav li.over a { color:#a5052f; } /*#sub-nav li.sub-navCMSListMenuLinkHighlighted a { color:#a5052f; }*/ /*** Footer ***/ #footer p { padding:0; display:inline; } #footer ul { margin:0; padding:0; display:inline; } #footer ul li { margin:0 0 0 10px; display:inline; } #footer a { color:#575656; text-decoration:none; } #footer a:hover { text-decoration:underline; } /*** Interior Styles ***/ .title-services { background:url(/hLogisticsimages/title-services.gif) 0 0 no-repeat; } .title-contact-us { background:url(/hLogisticsimages/title-contact-us.gif) 0 0 no-repeat; } .title-industries { background:url(/hLogisticsimages/title-industries.gif) 0 0 no-repeat; } .title-about-us { background:url(/hLogisticsimages/title-about-us.gif) 0 0 no-repeat; } .title-news { background:url(/hLogisticsimages/title-news.gif) 0 0 no-repeat; } #news h2 { width:33px; height:12px; float:left; display:inline; text-indent:-9999px; overflow:hidden; line-height:normal; background:url(/hLogisticsimages/news.gif) 0 3px no-repeat; } #articles h2 { width:53px; height:12px; float:left; display:inline; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/articles.gif) 0 3px no-repeat; } #case-studies h2 { width:322px; height:26px; margin:0 -10px 0 -10px; padding:0; text-indent:-9999px; overflow:hidden; background:url(/hLogisticsimages/case-studies.gif) 0 0 no-repeat; } #news h3, #articles h3 { padding:0.4em 0 0 0; clear:both; } #case-studies h3 { padding:0.8em 0 0 0; } #main-content h3 { padding:1.2em 0 0 0; } #case-studies h3 a { color:#939598; } #news a, #articles a { margin:0 0 0 15px; float:left; display:inline; color:#58595b; line-height:normal; } #news p, #articles p { margin:0; padding:0 0 0.8em 0; clear:both; } #case-studies p { margin:0; padding:0 0 0.4em 0; clear:both; } #news p a, #articles p a { margin:0; float:none; color:#a5052f; } /*** Services section on the homepage added on 06/12/08 same as above with pageID instead. ***/ #ser14 a { background-image:url(/hLogisticsimages/ser1.gif); background-position:left center; background-repeat:no-repeat; } #ser76 a { background-image:url(/hLogisticsimages/ser2.gif); background-position:left center; background-repeat:no-repeat; } #ser77 a { background-image:url(/hLogisticsimages/ser3.gif); background-position:left center; background-repeat:no-repeat; } #ser15 a { background-image:url(/hLogisticsimages/ser4.gif); background-position:left center; background-repeat:no-repeat; } #ser16 a { background-image:url(/hLogisticsimages/ser5.gif); background-position:left center; background-repeat:no-repeat; } #ser19 a { background-image:url(/hLogisticsimages/ser6.gif); background-position:left center; background-repeat:no-repeat; } #ser13 a { background-image:url(/hLogisticsimages/ser7.gif); background-position:left center; background-repeat:no-repeat; } #ser78 a { background-image:url(/hLogisticsimages/ser8.gif); background-position:left center; background-repeat:no-repeat; } #ser173 a { background-image:url(http://www.horizon-logistics.com/Images/airPlane.aspx); background-position:left center; background-repeat:no-repeat; } .services-home #ser173:hover a, .services-home #ser173.over a { background-color:#A01F62; color:#fff } .services-home #ser14:hover a, .services-home #ser14.over a { background-color:#ebae1e; color:#fff; } .services-home #ser76:hover a, .services-home #ser76.over a { background-color:#427aa2; color:#fff } .services-home #ser77:hover a, .services-home #ser77.over a { background-color:#53b5d3; color:#fff } .services-home #ser15:hover a, .services-home #ser15.over a { background-color:#e4701e; color:#fff } .services-home #ser16:hover a, .services-home #ser16.over a { background-color:#a5052f; color:#fff } .services-home #ser19:hover a, .services-home #ser19.over a { background-color:#999790; color:#fff } .services-home #ser13:hover a, .services-home #ser13.over a { background-color:#95ba5f; color:#fff } .services-home #ser78:hover a, .services-home #ser78.over a { background-color:#e31937; color:#fff } .services-interior li:hover a, .services-interior li.over a { color:#a5052f; } #ser14 ul { background:#ebae1e url(/hLogisticsimages/ser1-header.gif) 14px 11px no-repeat; } #ser76 ul { background:#427aa2 url(/hLogisticsimages/ser2-header.gif) 14px 11px no-repeat; } #ser77 ul { background:#53b5d3 url(/hLogisticsimages/ser3-header.gif) 14px 11px no-repeat; } #ser15 ul { background:#e4701e url(/hLogisticsimages/ser4-header.gif) 14px 11px no-repeat; } #ser16 ul { background:#a5052f url(/hLogisticsimages/ser5-header.gif) 14px 11px no-repeat; } #ser19 ul { background:#999790 url(/hLogisticsimages/ser6-header.gif) 14px 11px no-repeat; } #ser13 ul { background:#95ba5f url(/hLogisticsimages/ser7-header.gif) 14px 11px no-repeat; } #ser78 ul { background:#e31937 url(/hLogisticsimages/ser8-header.gif) 14px 11px no-repeat; } #ser173 ul { background:#a01f62 url(/hLogisticsimages/ser9-header.gif) 14px 11px no-repeat; } #search { left:21px; top:348px; position:absolute; z-index: 2; width: 89px; text-align: right; } .main-content-home #search { top: 460px; } #search .search-text { width:87px; height:16px; padding: 1px; margin: 0 0 6px 0; font-weight:bold; border:0; background:#d1d2d4 url(/hLogisticsimages/search.gif) 0 0 no-repeat; color: #75756b; } #search .search-button { width: 26px; height: 15px; border: none; background: #75756b url(/hLogisticsimages/search.gif) -89px 0 no-repeat; } #site-wrapper iframe { background: transparent !important; } #login { position: absolute; right: 24px; top: 14px; z-index: 10;} #login, #login table { margin: 0; padding: 0; width: 292px; height: 29px; } #login table td { vertical-align: bottom; } #login-username, #login-password { width: 105px; height: 13px; margin: 0 10px 0 0; padding: 1px 5px; border: none; background: #fff; background-image: none; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; } #login-username.off { background: #fff url(/hLogisticsimages/login-input-bg.gif) 5px 4px no-repeat; } #login-password.off { background: #fff url(/hLogisticsimages/login-input-bg.gif) 5px -7px no-repeat; } #login-submit { width: 42px; height: 15px; border: none; background: #000 url(/hLogisticsimages/login-input-bg.gif) 6px -18px no-repeat; } #login a { color: #fff; margin: 0 0 0 5px; font-family: Verdana, Helvetica, sans-serif; font-weight: 900; font-size: 10px; text-decoration: none; }