/* General */ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, blockquote { margin: 0px; padding: 0px; } li {list-style: none;} img { border: none; padding-bottom: 20px; } div.hr {height: 20px; background-image:url(images/horiz-break.gif); background-repeat:no-repeat; margin: 10px 0px 22px 0px;} div.hr hr {display: none;} body { background-image:url(images/bg-gradient.gif); background-repeat: repeat-x; background-color: #0d2c6b; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; } .roughtext {color: #FFFFFF; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: .85em; font-weight:900; letter-spacing: -1pt; text-decoration: none;} .roughtextbold { color: #000000; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 0.75em; font-weight:bolder; letter-spacing: normal; text-decoration: none; padding:0px } .roughtext a, .roughtext a:link, .roughtext a:visited, .roughtext a:active {display: inline-block; background-image: url(images/arrows.gif); background-repeat:no-repeat; background-position: 4px 4px; padding-left: 23px; color: #FFFFFF; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: .85em; font-weight:900; letter-spacing: -1pt; text-decoration: none;} .roughtext a:hover {color: #ffdb38; text-decoration: none;} .faqheader {color: #FFFFFF; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 1.0em; font-weight:900; letter-spacing: 0pt; text-decoration: none;} /* Div Containers */ #container { width: 960px; height: inherit; padding: 0px; margin-right: auto; margin-left: auto; background-color: #fff; margin-top: 20px; } #top { width: 960px; height: 140px; background-image: url(images/header-bg.gif); background-repeat: no-repeat; background-color: #fff;} #logo {float: left; width: 340px; height: 94px; margin: 40px 0px 0px 25px;} #logo2 {float: left; width: 340px; height: 94px; margin: -40px 0px 0px 10px;} /*#phone {float: right; width: 250px}*/ #main { width: 940px; padding-bottom: 0px; background-image:url(images/main-bg.gif); background-repeat:repeat-y; background-color:#FFFFFF; margin: 0px 10px;} #main2 { width: 940px; padding-bottom: 0px; background-color:#FFFFFF; margin: 0px 10px;} #main3 { width: 940px; padding-bottom: 0px; background-color:#FFFFFF; margin: 50px 10px;} #left { float: left; width: 242px; padding: 0px;} #middle { float: left; width: 440px; padding: 0px 20px; background-color: #fff; background-image:url(images/vert-line.gif); background-repeat:repeat-y; background-position: top right;} #middlecontent { float: left; width: 430px; padding: 0px 0px 5px 0px; /*background-image: url(images/content-grad.gif); background-repeat: repeat-x; background-position: top; background-color:#f0f0f0;*/ } #stand {width: 430px; height: auto; margin-top: 10px;} #flashbanner {width: 940px; height: 246px;} #flash-l {width: 715px; height: 246px; float:left;} #flash-r {width: 205px; height: 226px; float:right; padding: 20px 0px 0px 20px; background-image:url(images/flash-r-bg.gif); background-repeat: repeat-y; background-color: #004b87;} #flash-c {width: 400px; height: 400px; float:left;} #map-container {width: 940px; padding: 0px;} #map-l {float: left; width: 280px; padding: 0px 20px 0px 50px;} #map-r {float: right; width: 540px; height: 300px; padding: 0px 20px 0px 20px; background-image:url(images/world-map-grey.gif); background-repeat:no-repeat;} #map-r1 {float: right;width: 550px; height: 300px; padding: 20px 0px 0px 0px; background-repeat:no-repeat;} #map-r2 {float: right;width: 550px; height: 300px; padding: 20px 0px 0px 0px; background-repeat:no-repeat;} #map-r-flash {float: right; width: 540px; height: 300px; padding: 0px 20px 0px 20px; background-repeat:no-repeat;} #flash-map {width: 930px; height:480px; padding: 0px;} .banner-title {margin-bottom: 10px; font-size: 1.4em; font-weight: 100; color: #0d2c6b;} #base-images {width: 916px; padding: 0px 0px 20px 14px;} #right { float: right; width: 203px; height: auto; padding-right: 10px; margin-top: 10px;} #dealerlocator {width: 203px; height: 58px; padding-left: 10px; background-color:#091633; margin-bottom:10px;} #productguide {width: 203px; height: 105px; padding-left: 10px; background-image:url(images/product-guide-bg.gif); background-repeat: no-repeat; background-position:bottom; background-color:#091633;} #middle .date {color: #7db11b; font: bold 0.75em Arial, Helvetica, sans-serif; padding: 0px;} #middle .heading {color: #454548; font: bold 0.75em Arial, Helvetica, sans-serif; padding: 0px;} #middle .newsheading {font: normal 0.75em Arial, Helvetica, sans-serif; padding: 6px 0px; } #show a, #show a:link, #show a:visited, #show a:active { background-image: url(images/orange-arrow.gif); background-repeat:no-repeat; background-position: 2px 4px; text-decoration: none; color: #013775; outline: none; font-weight: 600; padding: 0px 0px 0px 10px; } #show a:hover { color: #000; text-decoration: none;} .img-l {float: left; border: 6px solid #e6e6e6; margin: 10px 25px 20px 0px;} a:link .img-l, a:visited .img-l{border:6px solid #e6e6e6;} a:focus .img-l, a:hover .img-l, a:active .img-l{border:6px solid #d00e6e;} .img-r {float: right; border: 6px solid #e6e6e6; margin: 10px 0px 20px 25px;} a:link .img-r, a:visited .img-r{border:6px solid #e6e6e6;} a:focus .img-r, a:hover .img-r, a:active .img-r{border:6px solid #d00e6e;} #news {width: 430px; height: auto; margin-top: 10px;} #newstop {width: 420px; padding-left: 10px; height: 38px; background-image: url(images/latest-news.gif); background-repeat: no-repeat;} #stand1 {width: 20px; margin-left: 10px; margin-bottom: 20px; padding: 10px 20px 10px 10px; height: 270px; margin-top: 10px ; background-image: url(IMAGES/stand.png); background-repeat:no-repeat;} #newsmiddle {background-color: #e4ddd2; height: auto; padding: 10px 15px; margin-left: 10px;} #newsmiddlelist {background-color: #e4ddd2; height: auto; padding: 0px 0px; margin-left: 10px; font-size:9px; font-weight:100} #show {width: 213px; height: auto; margin-top: 10px;} #showtop {width: 203px; height: 38px; padding-left: 10px; background-color:#091633;} #showmiddle {background-color: #efebe5; height: auto; padding: 5px 15px 15px 15px; margin: 0px;} .imgtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; margin-top: -50px;} /* Left Nav - General Styles */ #navcontainer { width: 231px; margin: 5px 0px 0px 5px; padding: 0px;} #nav { width: 231px; margin: 0px; padding: 0px; font-weight: bold; } #nav a { display: block; text-decoration: none; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; padding-top: 3px;} #nav li { list-style: none; margin-bottom: 4px; width: 231px; display: block; color: #fff; font-size: 0.7em;} #nav ul { margin: 5px 0px; /*border-top: 10px solid #454548; border-bottom: 10px solid #454548;*/} #nav li ul li { margin: 0px; background-color: #fff; padding: 0px; border-style: none; width: 231px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; } #nav a:hover { color:#fff; background-image:url(images/main-btn-over.gif); background-repeat: no-repeat;} #nav a:active { color:#fff; background-image:url(images/main-btn-over.gif); background-repeat:no-repeat; outline: none;} #nav .selected, #nav .selected a, #nav .selected a:link, #nav .selected a:visited, #nav .selected a:active { color:#fff; background-image:url(images/main-btn-over.gif); background-repeat:no-repeat; margin-bottom: 4px; } /* Left Nav */ /*.standard{ color: #fff; background-image:url(images/main-btn-off.gif); background-repeat: no-repeat; height: 17px;}*/ #nav .standard, #nav .standard a, #nav .standard a:link, #nav .standard a:visited { color:#000; height:18px; background-image:url(images/main-btn-off.gif); background-repeat: no-repeat; margin: 0px;} #nav .standard a:hover, #nav .standard a:active { color:#000; background-image:url(images/main-btn-over.gif); background-repeat: no-repeat; margin: 0px;} /*.multi { color:#fff; background-image:url(images/main-btn-off.gif); background-repeat: no-repeat; height: 17px;}*/ #nav .multi, #nav .multi a, #nav .multi a:link, #nav .multi a:visited { width: 211px; display: inline-block; color: #000; height:18px; background-image:url(images/main-btn-off.gif); background-repeat: no-repeat;} #nav .multi a:hover, #nav .multi a:active{ color:#000; background-image:url(images/main-btn-over.gif); background-repeat: no-repeat;} /* Slide down Left Sub Nav */ #mainindex a, #mainindex a:link, #mainindex a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px;} #drives a, #drives a:link, #drives a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #augers a, #augers a:link, #augers a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #new a, #new a:link, #new a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #wearparts a, #wearparts a:link, #wearparts a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #trenchers a, #trenchers a:link, #trenchers a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #makemodel a, #makemodel a:link, #makemodel a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #video a, #video a:link, #video a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #inaction a, #inaction a:link, #inaction a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #opportunities a, #opportunities a:link, #opportunities a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #about a, #about a:link, #about a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #contact a, #contact a:link, #contact a:visited { margin: 0px; width: 195px; color:#787878; height: auto; padding: 2px 0px 3px 36px; } #mainindex a:hover, #drives a:hover, #augers a:hover, #wearparts a:hover, #trenchers a:hover, #makemodel a:hover, #inaction a:hover, #opportunities a:hover, #about a:hover, #contact a:hover { color:#fff; background: #323234;} #mainindex a:active, #drives a:active, #augers a:active, #wearparts a:active, #trenchers a:active, #makemodel a:active, #inaction a:active, #opportunities a:active, #about a:active, #contact a:active { color:#fff; background: #323234; outline: none;} #nav li.subselected, #nav li.subselected a, #nav li.subselected a:link, #nav li.subselected a:visited, #nav li.subselected a:active { color:#fff; background-color: #212122; /*background-image: url(images/sub-arrow.gif) no-repeat; background-position: 18px 4px; */outline: none; margin: 0px;} /* site search */ #searchcontainer {width: 210px; padding: 48px 0px 0px 20px; height: 61px; background-image:url(images/search-bg.gif); background-repeat:no-repeat; background-position:top;} #search_box {float: right; width:405px; height: 44px; margin: 50px 25px 0px 0px;} #search_box #s {float: left; padding: 0; margin: 3px 3px 0px 7px; border: 0; width: 140px; font-size: 0.7em;} .go {float: right; margin: 1px 0px 0px 0px;} #go2 {float: right; margin: 1px 0px 0px 0px;} #search-l {width: 190px; float: left;} #search-r {width: 190px; float: right;} #search-countries {width: 380px; float: left; margin-top:10px;} #country_search_box {float: right; width:500px; margin: 50px 25px 0px 0px;} /* Titles, Sub-headings, Lists, Plain Text */ p { font-size: 0.7em; padding-top: 10px; } p1 { font-size: 0.7em; } h1 {color:#0d2c6b; font-weight: 400; margin: 20px 0px 4px 0px; font-size: 1.6em;} h2 { color: #fff; font-weight: 100; padding-top: 7px; font-size: 1.2em; line-height: 1.5em;} h3 { padding: 0px; margin-bottom: 0px; font-size: 1.2em; font-weight: 100; color: #0d2c6b; } h4 { padding: 01px; margin-bottom: 0px; font-size: 0.9em; font-weight: 100; color: #005582; font-weight: bold; } h5 {color:#0d2c6b; font-weight: 400; margin: 0px 0px 4px 0px; font-size: 0.9em;color: #005582;} newsflash {color:#0d2c6b; font-weight: 400; margin: 0px 0px 0px 0px; font-size: 1.6em;} #middle p { padding-top: 7px; padding-bottom: 7px; line-height: 130%; } #middle ul {margin-bottom:15px;} #middle ul li { background: url(images/bullet.gif) no-repeat 0px 8px; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; margin-left: 6px;} #middle ol li { list-style: decimal; margin-left: 24px; padding-top: 2px; padding-bottom: 2px; } #middle h3 { padding: 2px 0px 5px 0px; margin-bottom: 0px; font-size: 0.8em; font-weight: 600; color: #454548; } #middle h4 { margin-top: 10px; font-size: 0.7em; font-weight: 700; color: #42413C; } #middle .bluetext { margin-top: 20px; font-weight: bold; color: #3b45a6; } #middle .date{color: #ff9900; font-weight: 600; padding: 0px;} #middle .heading{color: #393833; font-weight: 600; padding: 0px;} #middle a, #middle a:link, #middle a:visited, #middle a:active { background-image: url(images/orange-arrow.gif); background-repeat:no-repeat; background-position: 2px 4px; text-decoration: none; color: #013775; outline: none; font-weight: 600; padding: 0px 0px 0px 10px; } #middle a:hover { color: #000; text-decoration: none;} .clearboth { clear: both; height: 0px; background-color: #fff; margin: 0px; padding: 0px;} #quicksearch {color: #fff; padding: 0px;} /* Link List */ .language-list { margin: 0px; padding: 10px 10px 25px 20px; } .language-list ul { list-style-type: none; padding: 0px; border: 0px; margin: 0px; } .language-list li { color: #c3c3c3; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: 600; display: list-item; text-decoration: none; padding: 0px 0px 0px 14px; background-image: url(./images/orange-arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-bottom: 5px; } .language-list a:link, #inner-list a:visited { text-decoration: none; color: #013775; } .language-list a:hover, #inner-list a:active { text-decoration: underline; color: #000; } /* footer */ #outer-footer {width: 100%; height: 188px; background-color: #0d2c6d; background-image:url(images/auger-footer-bg3.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;} #outer-footer2 {width: 100%; height: 188px; background-color: transparent; background-image:url(images/auger-footer-bg3.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;} #outer-footer3 {width: 100%; height: 188px; background-color: transparent; background-image:url(images/auger-footer-bg4.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;} #inner-footer { text-align: left; margin: auto; width: 960px; height: 188px;} #footer-container { padding: 100px 20px 0px 10px; color: #a3a3a3;} #footer-l {float: left;} #footer-r {float: right; text-align: right; width: 1000px;} #footer-container a:link, #footer-container a:visited, #footer-container a:active{color:#fccd30; font-weight:bold; text-decoration: none;} #footer-container a:hover{color:#fff; text-decoration: underline;} /* Main Form */ #enquiryform { margin-top: 20px; clear:both;} .field {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.6em; color: #333; padding: 2px 2px 2px 2px; border: 1px solid #c3c3c3;} .fieldtext2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.4em; color: #333; padding: 2px 2px 2px 2px;} .formheader { height: 26px;} .formtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.6em; font-weight: 600; color: #fff; padding-left: 6px;} .boldtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; height: 1.6em; color: #333; padding-left: 6px;} .inputfield { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.4em; color: #000; padding: 2px 2px 2px 2px; border: 1px solid #c3c3c3; width: 200px; background-color: #fff;} .inputfielderror { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.4em; color: #000; padding: 1px 1px 1px 1px; border: 2px solid #72a313; width: 200px; background-color: #fff;} .enquiryarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.6em; color: #333; padding: 2px 2px 2px 2px; border: 1px solid #c3c3c3; width: 200px; height: 40px;} .dropdownfield { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.8em; width: 153px; background-color: #fff; padding: 2px 2px 2px 1px; border: 1px solid #7e9db9;} .dropdownfielderr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; height: 1.8em; padding: 1px 1px 1px 1px; /*border: 2px solid #72a313;*/} .chkfield { margin: 0px;} .chkfielderr { background-color: #72a313;} .requiredfield {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bolder; color: #72a313; padding-left: 10px;} #middlefaqcontent {float: left; width: 400px; padding: 5px 5px 5px 5px;} #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #999; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white; } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; }