/*body { width: 90%; margin-left: 5%; margin-right: 5%; font-family: arial, georgia, times, "times new roman" , serif; background-attachment: fixed; background-image: url(../images/background-02.gif); font-family: Arial; font-size: 13px; }*/ html { } body { font-family: arial, georgia, times, "times new roman" , serif; /*background-attachment: fixed; background-image: url(../images/background-02.gif);*/ background-color: #F1F5F6; /*background-color:#74889C;*/ font-family: Arial; font-size: 13px; /*font-size: 11px;*/ /*11px this is the standard set by Daterpillar*/ margin: 0px; /*important to leave this here as the has a small MARGIN set by default*/ } .lShadow { width: 6px; background-repeat: repeat-y; background-image: url(../images/lShad.gif); /*(background-image: url(../images/lShadowTEST.gif);*/ } .rShadow { width: 6px; background-repeat: repeat-y; background-image: url(../images/rShad.gif); } .blShadow { background-image: url(../images/blShad.gif); height: 6px; width: 6px; } .brShadow { background-image: url(../images/brShad.gif); height: 6px; width: 6px; } .bShadow { height: 6px; background-repeat: repeat-x; background-image: url(../images/bShad.gif); } /*#############################################################################################################*/ /* ##### MENU ON HDMASTER.MASTER FILE ##### */ .Menuholder { background-repeat: repeat-x; background-image: url(../images/Menu.gif); } .CenterMenuItems { vertical-align: middle; text-align: center; font-size: 13px; } .DynMS { vertical-align: top; /*background-repeat:repeat-x; background-image:url(../images/DynMS.gif);*/ /*border-right:solid 1px #AFCFE3; border-bottom:solid 1px #AFCFE3; border-left:solid 1px #AFCFE3;*/ } .DMIS { /* border-bottom:solid 1px #AFCFE3; */ } .adjustedZIndex { z-index: 1; } /*#############################################################################################################*/ .LeftMenu { font-size: 13px; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; } .LeftMenuHeader { /*background-image:url(../images/LeftMenuHeader.gif); background-repeat:no-repeat;*/ background-color: Gray; } .LeftNavMenuItemText { margin-left: 25px; } /* .tl-LeftMenu { background-image:url(../images/tl-LeftMenu.gif); background-repeat:no-repeat; width:3px; height:3px; } .t-LeftMenu { background-image:url(../images/t-LeftMenu.gif); background-repeat:repeat-x; width:1px; height:3px; } .tr-LeftMenu { background-image:url(../images/tr-LeftMenu.gif); background-repeat:no-repeat; width:3px; height:3px; } .l-LeftMenu { background-image:url(../images/l-LeftMenu.gif); background-repeat:repeat-y; width:3px; height:1px; } .r-LeftMenu { background-image:url(../images/r-LeftMenu.gif); background-repeat:repeat-y; width:3px; height:1px; } .bl-LeftMenu { background-image:url(../images/bl-LeftMenu.gif); background-repeat:no-repeat; width:3px; height:3px; } .b-LeftMenu { background-image:url(../images/b-LeftMenu.gif); background-repeat:repeat-x; width:1px; height:3px; } .br-LeftMenu { background-image:url(../images/br-LeftMenu.gif); background-repeat:no-repeat; width:3px; height:3px; } */ /*############################## Pages that are used as Content Pages /*##############################*/ /*****Left Menu Column *****/ td#LeftMenuColumn { width: 190px; vertical-align: top; border-right: solid 1px #CCCCCC; /*background-color:#74889C;*/ /*background-color:#CCCDA0;*/ /*background-color:#C2C4AA;*/ /*background-color:#EEEADE;*/ /*background-color:White;*/ } .BorderBottom { border-bottom: solid 1px #666666; } .LeftMenuProdDetails { border-top: solid 1px #666666; border-bottom: solid 1px #666666; } /***********TESTING**********************/ /*****Content*****/ /*td#Content { vertical-align: top; padding:5px; }*/ /*****ContentText*****/ /*div#ContentText { margin: 0px 20px 0px 20px; background-color:White; }*/ /*********************************/ /*****Content*****/ td#Content { vertical-align: top; padding-top: 20px; padding-bottom: 20px; } td#Content2 { vertical-align: top; padding-top: 0px; padding-bottom: 0px; } /*****ContentText*****/ div#ContentText { margin: 0px 20px 0px 20px; /*margin: 0px 5px 0px 5px;*/ } div#ContentText ul { margin-bottom: 0px; margin-top: 0px; } div#ContentText a:link { text-decoration: underline; color: blue; } div#ContentText a:visited { text-decoration: underline; color: blue; } div#ContentText a:hover { text-decoration: underline; color: #FFCC00; } div#ContentText a:active { text-decoration: none; } /*####################################################################################################*/ /***** Navigation menu ************/ .BranchNetwork li a:link { text-decoration: none; color: #484848; } .BranchNetwork li a:visited { text-decoration: none; color: #484848; } .BranchNetwork li a:hover { text-decoration: underline; color: #FFCC00; } .BranchNetwork li a:active { text-decoration: none; color: #484848; } .BranchAddr { font-family: Arial; font-size: 13px; font-style: italic; } div#UC { position: relative; } /***** bannerContent *****/ div#bannerContent { position: relative; color: #000; border-bottom: solid 1px #C6C6C6; /*Light gray*/ } .bannerPic { margin: 2px 3px 3px 3px; width: 100px; height: 100px; } div#bannerContent h1 { position: static; margin: 0; padding: 0.7em 0 .5em 1em; font-weight: bold; font-size: 1.2em; } div#bannerContent p { margin: 0; padding: .3em 0 .0em 1em; font-weight: bold; font-size: 0.8em; } .clearleft { clear: left; } .clearright { clear: right; } .clearboth { clear: both; } /*##### Footer ##################################################################################*/ td#footer { position: static; right: 5%; clear: both; padding: .5em 1em; text-align: center; background-color: Black; } td#footer ul { padding: 0; margin: 0; list-style-type: none; } td#footer li { display: inline; color: white; } td#footer li a { font-family: Arial; font-size: 11px; font-weight: normal; } td#footer a:link { text-decoration: none; color: white; } td#footer a:visited { text-decoration: none; color: white; } td#footer a:hover { text-decoration: underline; color: #FFCC00; } td#footer a:active { text-decoration: none; color: white; } /*DEFAULT.ASPX ***********************************************************************/ td#mainPics { background-repeat: no-repeat; /*background:url("images/mainpic1.jpg");*/ } /*##### DefaultPageLinks###########################################################################*/ /* .DefaultPageLinks { background-color:Yellow; } .DefaultPageLinks a:link{text-decoration: none; color:Lime;} .DefaultPageLinks a:visited{text-decoration: none; color:Lime;} .DefaultPageLinks a:hover{text-decoration: underline; color:Lime;} .DefaultPageLinks a:active{text-decoration: none; color:Lime;} */ /*##### MainCategories #############################################################################*/ table#MainCategories { width: 100%; color: White; margin-bottom: 50px; } .MainCategoryHeading { font-size: 13px; font-weight: bold; background-color: #484848; /*background-color:#FFCC00;*/ border-top: solid 1px white; border-bottom: solid 1px white; padding: 3px 0px 3px 20px; } .MenuContainer { padding: 5px 0px 0px 20px; vertical-align: top; font-size: 12px; } table#MainCategories a:link { text-decoration: none; color: white; } table#MainCategories a:visited { text-decoration: none; color: white; } table#MainCategories a:hover { text-decoration: underline; color: #FFCC00; } table#MainCategories a:active { text-decoration: none; color: white; } /*############################################################################################*/ .picLeft { position: static; float: left; border: solid 1px green; height: auto; width: auto; } .picRight { position: static; float: right; margin-left: 5px; border: solid 1px blue; } /*##### MainAdverts #############################################################################*/ .mainAdverts { /*padding: 0.3% 0.3% 0.3% 0.3%;*/ background-color: White; font-family: Arial; vertical-align: top; width: 30%; } .mainAdverts h3 { margin-top: 0px; /*for Mozilla's benifit*/ margin-bottom: 0px; color: #484848; /*dark Gray*/ font-size: 13px; font-weight: bold; /*background-color:green;*/ background-color: #FFCC00; text-align: center; } .mainAdverts p { margin-top: 0px; margin-bottom: 0px; font-size: 11px; color: #484848; /*dark Gray*/ text-decoration: none; } .mainAdverts a:link { color: #484848; font-size: 11px; font-weight: bold; text-decoration: none; } .mainAdverts a:visited { color: #484848; font-size: 11px; font-weight: bold; text-decoration: none; } .mainAdverts a:hover { color: #FFCC00; font-size: 11px; font-weight: bold; text-decoration: none; } .mainAdverts a:active { color: #484848; font-size: 11px; font-weight: bold; text-decoration: none; } .advertPic { width: 100px; height: 75px; border: 0px; float: left; padding: 2px 2px 2px 2px; background-color: white; } /*****BreadCrumb*****/ .BreadCrumb { /*padding-left:10px;*/ /*color:White;*/ } td#BreadCrumb { background-color: black; color: silver; font-size: 13px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; } td#BreadCrumb a:link { color: White; text-decoration: none; } td#BreadCrumb a:visited { color: White; text-decoration: none; } td#BreadCrumb a:hover { color: #FFCC00; text-decoration: underline; } td#BreadCrumb a:active { color: White; text-decoration: none; } /*##### SignInSearch ############################################################################*/ .signInSearch { font-family: Arial; font-size: 12px; color: white; padding: 0px 5px; } .signInSearch a:link { text-decoration: none; color: white; } /*Hastings Yellow*/ .signInSearch a:visited { text-decoration: none; color: white; } /*Hastings Yellow*/ .signInSearch a:hover { text-decoration: underline; color: #FFCC00; } /*Hastings Yellow*/ .signInSearch a:active { text-decoration: none; } .btnSearch { /*position: static;*/ /*right: 1px;*/ /*top: 3px;*/ } /*##### ProductDisplayContainer ##################################################################*/ /*#productDisplayContainer { position: relative; float: left; height: 95px; width: 181px; margin: 30px 15px 0px 15px; border: solid 1px gray; } #productPicDisplay { height: 56px; width: 169px; margin-top: 5px; margin-left: 5px; border: solid 1px blue; } #productPicDisplay image { width: 100%; height: 100%; } #productPicLabel { height: 20px; width: 159px; margin-top: 5px; margin-left: 5px; padding-left: 5px; padding-right: 5px; font: 0.6em Arial; color: blue; border: solid 1px green; }*/ /*##### MachineDisplayContainer ###################################################################*/ div#machineDisplayContainer { position: relative; float: left; height: 80px; width: 112px; margin: 15px 15px 0px 15px; } #machinePicDisplay { height: 45px; width: 100px; margin-top: 5px; margin-left: 5px; } #machinePicDisplay image { width: 100%; height: 100%; } #machinePicLabel { height: 20px; width: 108px; margin-top: 5px; margin-bottom: 5px; padding-left: 2px; font: 0.8em Arial; color: black; text-align: center; } .floatLeft { float: left; } .floatRight { float: right; } .sPicContainer { float: left; width: 100px; height: 75px; border: solid 1px #c6c6c6; } .articlePics { width: 100%; height: 100%; } .picDetails { position: relative; width: 100%; height: 100%; font-family: Arial; font-size: 10px; color: black; } .picViewContainer8 { position: relative; width: 408px; height: 306px; margin: 4px 4px; border: solid 1px #c6c6c6; } .lPicContainer8 { float: left; width: 200px; height: 150px; border-top: solid 1px #c6c6c6; border-right: solid 2px #c6c6c6; border-bottom: solid 1px #c6c6c6; border-left: solid 2px #c6c6c6; } .TextContainer8 { float: left; width: 192px; height: 150px; border-top: solid 1px #c6c6c6; border-right: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; border-left: solid 1px #c6c6c6; padding-left: 5px; padding-right: 5px; overflow: hidden; } /***** PICVIEW 4 *****/ .picViewContainer4 { position: relative; width: 406px; height: 182px; margin: 4px 4px; border: solid 1px #c6c6c6; } .lPicContainer4 { float: left; width: 200px; height: 150px; border-top: solid 2px #c6c6c6; border-right: solid 1px #c6c6c6; border-bottom: solid 2px #c6c6c6; border-left: solid 1px #c6c6c6; } .TextContainer4 { position: static; width: 394px; height: 26px; padding-left: 5px; padding-right: 5px; overflow: hidden; } /***** PICVIEW 1 *****/ .picViewContainer1 { position: relative; width: 200px; height: auto; background-color: #f6f6f6; margin: 4px 4px; border: solid 1px #c6c6c6; } .lPicContainer1 { position: static; width: auto; height: auto; border-bottom: solid 1px #c6c6c6; } .TextContainer1 { position: static; height: 26px; background-color: #f6f6f6; width: 190px; padding-left: 5px; font: Arial; padding-right: 5px; overflow: hidden; } .label { font-family: Arial; font-size: 13px; font-weight: bold; } .imageNoTextRight { position: relative; float: right; width: 200px; height: 180px; margin: 4px 4px; border: solid 1px #c6c6c6; } .imageNoTextLeft { position: relative; float: left; width: 200px; height: 180px; margin: 4px 4px; border: solid 1px #c6c6c6; } .preview_temp_load { vertical-align: middle; text-align: center; padding: 10px; width: 400px; height: 150px; } .gvSetup { width: 100%; text-align: left; font-size: 13px; color: Black; background-color: white; } .gvHeader { background-color: #CCCCCC; } .gvAltRow { background-color: #F6F6F6; /*background-color:red;*/ } .dlModels { display: block; background-color: #EEEEEE; padding: 5px 0px; text-align: center; width: 90px; } div#dlModelsDiv table td a:link { text-decoration: none; color: blue; } div#dlModelsDiv table td a:visited { text-decoration: none; color: purple; background-color: #DDDDDD; } div#dlModelsDiv table td a:hover { text-decoration: underline; color: white; background-color: #FFCC00; } div#dlModelsDiv table td a:active { text-decoration: none; } .dlDesc { display: block; background-color: #EEEEEE; padding: 5px 0px; text-align: center; width: 90px; } div#dlDescDiv table td a:link { text-decoration: none; color: blue; } div#dlDescDiv table td a:visited { text-decoration: none; color: purple; background-color: #DDDDDD; } div#dlDescDiv table td a:hover { text-decoration: underline; color: white; background-color: #FFCC00; } div#dlDescDiv table td a:active { text-decoration: none; } div.evn { background-color: #eeeeee; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px 0 5px 15px; font-size: 13px; } div.odd { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px 0 5px 15px; font-size: 13px; } div.end { border-bottom: 1px solid #cccccc; } .an12 { font-family: arial narrow; font-size: 12px; } td.leftcol div.evn { background-color: #eeeeee; } td.leftcol div.end { border-bottom: 1px solid #cccccc; } td.leftcol div.evn, td.leftcol div.odd { border-top: 1px solid #cccccc; padding: 5px 0 5px 15px; } td.leftcol div.an12, td.leftcol div.an12 { border: 0; padding: 15px 0 15px 15px; } /********************************************************************/ /*REPLACED BY THUMBNAIL CODE BELOW*/ /* #thumbBox { position: absolute; left: 0; top: 0; max-width: 850px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; background: #313131; visibility: hidden; z-index: 199; cursor: hand; cursor: pointer; } #thumbBox .footerbar { font: bold 12px Arial; letter-spacing: 5px; line-height: 1.1em; color: white; text-align: right; } #thumbBox #thumbImage { background-color: white; max-width: 800px; overflow: hidden; } #thumbLoading { position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; } */ /********************************************************************/ /********************************************************************/ /*****Default Page News Article Images ******************************/ .NewsImage { float: left; margin-bottom: 5px; margin-right: 10px; } /********************************************************************/ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ /*****LEFT*****/ .thumbnailLeft { float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; position: relative; z-index: 0; } .thumbnailLeft:hover { background-color: transparent; z-index: 50; } .thumbnailLeft span { /*CSS for enlarged hidden image*/ position: absolute; background-color: black; padding: 5px; left: 25px; /*This figure moves the "large hidden image" 300px to the left of the Righthand side of the "Thumbnail image"*/ border: 1px solid gray; visibility: hidden; color: white; text-decoration: none; } .thumbnailLeft span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnailLeft:hover span { /*CSS for enlarged image on hover*/ /*position:absolute; top:20px; left:225px;*/ visibility: visible; } /*****RIGHT*****/ .thumbnailRight { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; position: relative; z-index: 0; } .thumbnailRight:hover { background-color: transparent; z-index: 50; } .thumbnailRight span { /*CSS for enlarged hidden image*/ position: absolute; background-color: black; padding: 5px; left: -300px; /*This figure moves the "large hidden image" 300px to the left of the Righthand side of the "Thumbnail image"*/ border: 1px solid gray; visibility: hidden; color: white; text-decoration: none; } .thumbnailRight span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnailRight:hover span { /*CSS for enlarged image on hover*/ /*position:absolute; top:20px; right:225px;*/ visibility: visible; } /********************************************************************/ /********************************************************************/ /********************************************************************/ @media print { #btnPrintDirections { display: none; } } /*#############################################################################################################*/ /*################################## IE6MENU ##################################################################*/ /*#############################################################################################################*/ /*#############################################################################################################*/ /*################################## MENU #####################################################################*/ /*#############################################################################################################*/ /*#############################################################################################################*/ /*################################## MENU EXAMPLE #############################################################*/ /*#############################################################################################################*/ /* #########TAB MENU ON PRODUCTDETAILS PAGE############### */ .tabs { position: relative; top: 1px; left: 10px; } .tab { border: solid 1px black; background-color: #eeeeee; padding: 2px 10px; } .selectedTab { background-color: white; border-bottom: solid 1px white; } .tabContents { border: solid 1px black; padding: 10px; background-color: white; } /* ####################################################### */ /* #########Button ON Photo PAGE############### */ input.btn { background-color:#FAFAFA; border-style:solid; border-color:#040404; border-width:1px; } input.btnhov { border: solid 1px #040404; background-color: #FFCC00; color: white; } /* ####################################################### */