/* Undo existing styles ======================================================================*/ a img,:link img,:visited img { border: none; } button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; } p {margin-bottom:10px;} form {width:auto} ol {list-style-position:inside} /*==testing===*/ .brd{border:1px solid blue;} /* FOUNDATION ======================================================================*/ body { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; margin: 0px; padding: 0px; } #mainContainer {width: 100%;} #jumpnav {position:absolute; top:5px; right:5px; z-index:50; color:#fff;} #jumpnav select {border:1px solid #999999; padding:0; margin:0; background-color:#000; color:#fff;} #jumpnav a {color:#fff;} #header {background: url(../../images/template/header_background.jpg) no-repeat top left #000; min-width:1050px;} #content {padding-left: 35px; padding-top: 35px; width: 950px;} #portalcontent {padding-left: 15px; padding-top: 15px; width: 800px;} h1 {font-size: 18px; font-weight: bold; margin: 0px 0px 14px 0px; line-height:1.1em;} h2 {font-size: 14px; font-weight: bold; margin: 0px 0px 8px 0px;} h2.red {color: #E51837; font-size: 14px; font-weight: bold; margin: 0px 0px 8px 0px;} h3 {font-size: 12px; font-weight: bold; margin: 15px 0px 4px 0px;} .strongTxt{font-weight:bold} h1.bigH1 {font-size:20px} p.special {color: #6D6D6D; font-size: 13px; line-height: 17px; margin-bottom: 15px;} p {color: #000;} hr {border:1px solid #CECECE; height:1px;margin-bottom:14px;} a {color: #E51837; text-decoration: none; font-weight: bold;} a:hover {color: #97071C; text-decoration: underline; font-weight: bold;} a:visited {color: #E51837; text-decoration: none; font-weight: bold;} a:visited:hover {color: #97071C; text-decoration: underline; font-weight: bold;} a.currentPage{color: #3b3a3a;} a.currentPage:hover{text-decoration:none} .logo {padding: 20px 0px 13px 30px;} .clear {clear: both; font-size: 1px; height: 1px; line-height: 1px;} .clearHr {clear: both; border-bottom: 1px solid #CECECE; height: 30px; margin-bottom: 20px;} .cLeft {clear:left;} .cRight {clear:right;} /* ====positioning==*/ .smallPadBtm {padding-bottom:10px; } .indent{padding-left:10px;} .indentMed {margin-left:25px;} .indentLarge {margin-left:80px;} .indentHuge {padding-left:150px} .fLeft {position:relative; float:left;} .fRight {position:relative; float:right;} .tAlignRt{text-align:right} .fRight img {padding:0px 0px 8px 15px} .imgContainer {margin-bottom: 15px; width:600px; position:relative; z-index:0; height:155px} .imgContainer object {position:absolute; top:0; left:0; z-index:0; } .colRContainer{width:206px} /* ===== MAIN NAV ===== */ #search{float:right; clear:none; position:absolute; right:10px; top:2px; display:inline; z-index:30; background-color: #E51837; } #search #searchB {height:14px; margin-top:-1px; padding:0; border:1px solid black; font-size:10px; background-color:#A30326; color:#fff; vertical-align:top;} .mainNav {background-color: #E51837; font-family: Arial, Helvetica, sans-serif; width: 100%; z-index:10;} /*iframe to prevent main nav from being hidden by flash on home page ***/ .mainNav iframe {width:640px; height:245px; position:absolute; z-index:-1; border:0;} #nav {background-color: #E51837; color: #FFF; font-weight: bold; font-size: 12px; padding-left: 20px; position: relative; z-index: 10; height:21px;} #nav ul {display: block; list-style-type: none; margin: 0px; padding: 0px;} #nav li { background-color: #E51837; color: #FFF; float: left; list-style-type: none; position: relative; text-align:center; } #nav li a {color: #FFF; display: block; padding: 3px 20px 4px 20px; text-decoration: none;} #nav li a:hover {background-color: #A30326; color: #FFF; text-decoration: none;} #nav li ul {display: none; font-weight: normal; position: absolute; left: 0px; top: 21px; width: 200px;} #nav li ul li {background-color: #FFF; border: none; color: #FFF; display: block; float: left; margin: 0px; padding: 0px; text-align: left; width: 100%;} #nav li ul li a {background-color: #E51837; border: none; border-top: 1px solid #FFF; color: #FFF; display: block; margin: 0px; padding: 3px 10px; width:100%;} #nav li ul li a:hover {background-color: #A30326; border: none; border-top: 1px solid #FFF; display: block; text-decoration: none; } #nav li:hover ul, #nav li.over ul {display: block;} #nav li.navBorder {background-color: #FFF; font-size: 9px; height: 12px; margin-top: 3px; padding-top: 2px; width: 1px;} /* ===== SUB NAV ===== */ #content .colR .subNav {color: #E51837; font-size: 12px; list-style-type: none; margin: 0px; padding: 0px;} #content .colR .subNav ul {font-weight: bold; list-style-type: none; margin: 0px; padding: 0px;} #content .colR .subNav li {margin: 0px 0px 3px 0px; padding: 0px;} #content .colR .subNav li a {color: #E51837; } /* ===== LEFT/MAIN COLUMN ===== */ .colL {border-right: 1px solid black; float: left; margin: 0px 20px 0px 0px; padding-right:25px; width: 600px;} .colL .imageRight {float:right;margin-top:30px;padding-left:10px;} /* ===== SUB PAGE/MAIN COLUMN NO BORDER===== */ .colLNB {float: left; margin: 0px 20px 0px 0px; padding-right:25px; width: 600px;} /* ===== RIGHT SIDE COLUMN ===== */ .colR {float: left; padding: 0px 0px 0px 0px; width: 250px;} .colR .header { background-color:#e51837; padding:5px 10px 5px 10px; } .colR .header p { padding:0px; margin:0px; color:#fff; font-weight:bold; font-size:16px; } .colR .colRContainer { background-color:#e3e3e3; padding:10px; margin-bottom:15px; width:230px; } .colR .calloutFirst, .colR .callout {margin:0px; padding:10px 0px 15px 0px; width: 100%;} .colR .calloutLine {border-top:1px solid #CECECE;} .colR .calloutFirst {border: none; margin-top: 0px;padding-top:0px; } .callloutRule {border-top: 1px solid #CECECE; margin: 15px 0px 0px 0px; padding: 0px; width: 100%;} .colR .calloutFirst h2, .colR .callout h2 {font-size: 13px; margin: 0px; padding-bottom: 5px;} .specialh2 {color: #858585; font-size: 15px;} .colR .calloutFirst p, .colR .callout p {font-size: 11px; margin: 0px; padding: 0px;} .colR .calloutFirst img, .colR .callout img {float: right; margin: 0px 0px 0px 5px;} .colR .callout div.leftimage img {align: left; float: left; margin: 0px; } #content .colR ul {margin: 0px 0px 0px 15px; padding: 0px;} #content .colR ul li {margin: 0px 0px 7px 0px;} /* ===== BODY ===== */ #content ul {margin: 0px; padding: 0px 0px 0px 25px;} #content ul li {margin-top: 3px;} .homeFeature {padding-top: 6px; width: 600px;} .homeFeature div {float: left; width: 280px; height: 100%; margin: 0px; padding: 0px;} .homeFeature div.divider {border-right: 1px solid #B1B1B1; float: left; margin: 0px 15px; width: 2px;} .homeFeature div.colR {float: left; padding: 0px;} .homeFeature div h2, .homeFeature div.colR h2 {font-size: 15px; font-weight: bold; padding-bottom: 2px;} .homeFeature p {margin-bottom: 12px;} .homeFeature h2 a, .homeFeature div.colR h2 a {font-size: 11px; font-weight: bold;} .prodlisttable li, .homeFeature div.colR .prodlisttable li {list-style:none; margin-left:-25px;} .imgText {clear: both; padding-top: 10px; padding-bottom: 15px;} .imgText .img {float: left; margin-top: 3px;margin-right: 20px; width: 100px;} .imgText .txt {float: left; width: 465px;} /* FOOTER ======================================================================*/ #footer {border-top: 1px solid #000; margin: 40px 0px 20px 0px;} #footer ul {padding-top: 12px; text-align:center;} #footer ul li {color: #000; display: inline;} #footer ul li a {color: #E51837; margin: 0px;padding: 0px;} #footer .copyRt {text-align:center; margin-top:10px; font-size:95%;} /*======Contact form====*/ #contactForm input, #contactForm select,#contactForm textarea{ border:1px solid #666666; margin:0; padding:2px;} #contactForm input[type="checkbox"] {border:0; margin:4px 1px 4px 0; padding:0; vertical-align:middle} /* news pages ======================*/ .pressContBox {clear:left; margin-bottom:10px;} .pressContBox div {font-weight:bold; width:80px; display:block;float:left; clear:none; position:relative; } /*Leadership page ======================*/ .leaderShipBox {float:left; position:relative; margin-bottom:15px;} .leaderShipBox img {float:left; padding: 0px 25px 10px 0px ;} .leaderShipBox p {margin-top: 0px; padding-top: 0px;} /*Positing box layout for left image / copy combination. pages include ImpactIndicators TiltIndicators Environmental Indicators index pages ***/ .positioningBox {float:left; position:relative; width:580px; margin:8px 0 8px 0px; padding-bottom:10px; } .positioningBoxRule {border-bottom:1px solid #d7d7d7; float:left; position:relative; width:100%; margin:0px 0px 15px 0px; } .positioningBox img {float:left;display:inline; position:relative; margin: 0 25px 0 0;} .positioningBox .positioningBoxCopy {float:left; display:inline; position:relative; clear:none; margin-top:0px; width:450px;} .positioningBox .positioningBoxCopyNoImg {float:left; display:inline; position:relative; clear:none; margin-top:0px; margin-left:125px;} /*Customers page ======================*/ .col1 {float:left; width:280px; margin-right:10px; } .col2 {float:left; clear:none;; width:280px; } p.testimonials {text-align:justify} /*******Site Map ***************/ .siteMapUl {list-style:none; } .siteMapUl a {width:100%; display:block} .siteMapUl li.emp1 { font-size:14px; border-bottom:1px solid black; padding-bottom:2px; margin-bottom:8px; text-transform:uppercase} .siteMapUl li.emp2 { font-size:13px;padding:7px 0 7px 0;} .siteMapUl li.emp3 { font-size:13px;padding:2px 0 2px 0;} .siteMapUl li.emp1 a, .siteMapUl li.emp2 a, .siteMapUl li.emp3 a { color:#bb122b} /*=========selection guide**********/ .guideTable {border:0px solid #000000; width:500px} .guideTable td {padding:3px; border:1px solid #000;} .bgy {background-color:#FFCC00; border:1px solid #000;} .bgp {background-color:#330066; border:1px solid #000; } .bgr{background-color:#B00000; border:1px solid #000;} .bgo{background-color:#FF9900; border:1px solid #000;} .bgg{background-color:#009900; border:1px solid #000;} .labelTable {border:0px width:200px} .labelTable td {padding:3px;} /*Specs pages====*/ .data {margin-bottom:10px;} .data td, .data th{padding:1px 0px 2px 0px; border-bottom:1px solid #d7d7d7;} /******* Side bars***********/ .sidebarbox{width:229px;background-repeat:no-repeat; background-position: 0 0; position:relative; margin:0; padding:0;} .sidebarbox .sidebarPad{position:relative; margin:0; padding:0; } .sidebarbox h3.first {margin-top:0;} /* side bar background images .boxBgIm {background-image: url(../../images/sbar_ImpactManager.jpg);} .boxBgEm {background-image: url(../../images/sbar_EquipManager.jpg);} .boxBgUm {background-image: url(../../images/sbar_UsageManager.jpg);} .boxBgSm {background-image: url(../../images/sbar_implement.jpg);} .boxBgIi {background-image: url(../../images/sbar_impactindicators.jpg);} .boxBgTi {background-image: url(../../images/sbar_tiltindicators.jpg);} .boxBgEi {background-image: url(../../images/sbar_envindicators.jpg);} .boxBgEr {background-image: url(../../images/sbar_environmentalrecorders.jpg);} .boxBgIen {background-image: url(../../images/sbar_impactenvironmental.jpg);} */ .Rename {margin-top:15px; width:229px;background:url(../../images/RenameBG.gif) no-repeat top right; border-top:3px double #CCCCCC;border-bottom:3px double #CCCCCC;padding:0px; } .Rename .renamePad {padding:0px; margin:7px; } .Rename a {font-size:12px;} /*===========Featured Products===============*/ #ProdFeatureSHII {position:relative; width: 580px; height:154px; background: url(../../images/abg_impactindicators.jpg) top right no-repeat;} #ProdFeatureSHII div {top:20px; position:relative; width:350px; } #ProdFeatureIER {position:relative; width: 580px;height:154px; background: url(../../images/abg_shocklogs.jpg) top right no-repeat;} #ProdFeatureIER div {top:25px; position:relative; width:340px;} #ProdFeatureIERPD {position:relative; width: 580px;height:210px; background: url(../../images/abg_shocklogs.jpg) top right no-repeat;} #ProdFeatureIERPD div {top:25px; position:relative; width:340px;} #ProdFeatureER {position:relative; width: 580px; height:160px; background: url(../../images/abg_envrecorders.jpg) top right no-repeat;} #ProdFeatureER div {top:25px; position:relative; width:350px;} #ProdFeatureEI {position:relative; width: 580px; height:160px; background: url(../../images/abg_envindicators.jpg) top right no-repeat;} #ProdFeatureEI div {top:25px; position:relative; width:350px;} #ProdFeatureTI {position:relative; width: 580px;height:154px; background: url(../../images/abg_tiltindicators.jpg) top right no-repeat;} #ProdFeatureTI div {top:25px; position:relative; width:350px;} #ProdFeatureIM {position:relative; width: 580px; height:160px; background: url(../../images/abg_impactfamily.jpg) top right no-repeat;} #ProdFeatureIM div {top:25px; position:relative; width:350px;} #ProdFeatureEM {position:relative; width: 580px; height:175px; background: url(../../images/abg_equipmanager.jpg) top right no-repeat; } #ProdFeatureEM div {top:25px; position:relative; width:350px;} #ProdFeatureFCM {position:relative; width: 580px; height:175px; background: url(../../images/abg_fleetcontrol_manager.jpg) top right no-repeat; } #ProdFeatureFCM div {top:25px; position:relative; width:350px;} #ProdFeatureEC {position:relative; width: 580px; height:175px; background: url(../../images/abg_equipcommand.jpg) top right no-repeat; } #ProdFeatureEC div {top:25px; position:relative; width:350px;} #ProdFeatureUM {position:relative; width: 580px; height:160px; background: url(../../images/abg_usagemanager.jpg) top right no-repeat;} #ProdFeatureUM div {top:25px; position:relative; width:350px;} #ProdFeatureSM {position:relative; width: 580px; height:155px; background: url(../../images/abg_startmanager.jpg) top right no-repeat;} #ProdFeatureSM div {top:25px; position:relative; width:380px;} #ProdFeatureIS {position:relative; width: 580px; height:160px; background: url(../../images/abg_implementservices.jpg) top right no-repeat;} #ProdFeatureIS div {top:25px; position:relative; width:350px;} .specificationsTM {border-bottom:1px solid #ccc;padding-top:10px;} .specificationsTM span {font-weight:bold;} .specificationsTM p {margin-left:15px;} /************* Portal Styles *******************/ #portal { margin-left:10px; margin-top:10px; } #portal a { text-indent:10px; padding-top: 10px; padding-bottom:10px; } #portal_subsection { padding:2px; margin-top:10px; background-color:#e6e7e8; color:#6A6A6A; /* font-size:14px; */ font-size:12px; font-weight:bold; padding-left:10px; } #portal_subsection a { font-weight:normal; color:#b71e1e; font-size:12px; text-decoration:none; } #portal_subsection a:hover { text-decoration:underline; } #portal_headline { background-color:#a4a7a9; color:#FFFFFF; font-weight:bold; /* font-size:18px; */ font-size:16px; padding-left:8px; padding-top:5px; padding-bottom:5px; } #linespacer { line-height:5px; font-size:5px; color:#FFFFFF; padding:0px; margin:0px; } /* Portal Product thumbnail styles======================================================================*/ #Lthumb_inside { border-right: 1px solid #E6E7E8; border-bottom: 1px solid #E6E7E8; padding: 15px 0px ; width: 50%; } #Rthumb_inside { border-bottom: 1px solid #E6E7E8; padding: 15px 0px; width: 50%; } #Rthumb_end a, #Lthumb_end a, #Lthumb_inside a, #Rthumb_inside a { margin: 0px; padding: 0px; } #Lthumb_inside p, #Rthumb_inside p, #Lthumb_end p, #Rthumb_end p { vertical-align: bottom; float: right; margin: 10px 0px; margin-right:10px; width: 200px; } #Lthumb_inside img, #Rthumb_inside img, #Lthumb_end img, #Rthumb_end img { margin: 0px 20px; } #Lthumb_end { border-right: 1px solid #E6E7E8; padding: 15px 0px ; width: 50%; } #Rthumb_end { padding: 15px 0px ; width: 50%; } .imgBorder{ border:1px solid #eaeaea; } /* Fleet Form styles======================================================================*/ input.check{margin-bottom:1px!important;margin-top:1px!important; } /* End of Fleet Form styles======================================================================*/ .IERtable{} .IERtable th{ text-align: left; background: #939598; border: 1px solid black; height: 30px; padding-left: 10px; vertical-align: bottom;} .IERtable th.middle{ border-left: none;} .IERtable td{ border-bottom: 1px solid black !important; padding-left: 10px;} .IERtable td.first{border-left: 1px solid black; border-right: 1px solid black;} .IERtable td.middle{border-right: 1px solid black;} .IERtable td.last{border-right: 1px solid black;}