/* BASICS */ /* ---------------------------------------------------------------------------------------------------------- */ * {margin: 0; padding: 0} body {background: #f6f1de; font-family: Lucida Grande, Arial, Sans-Serif; font-size: 12px; min-width:1024px;} img {display: inline} a img {border: 0} ul {list-style-type: none} h1, h2, h3, h4 {font-weight: normal} a {color: #be2f2f} a:hover {text-decoration: none} .clear {clear: both} .left {float: left} .right {float: right} :focus {outline: 0} /* no more dots around links in firefox */ #rightDiv{ width: 510px; height: 124px; float: left; margin:0; padding:0; } h1, h2, h3, h4 {font-weight: normal} h1#logo {height: 124px; width: 350px; position: relative; float: left; margin:0; padding:0} h1#logo a {color: #ffffff; margin:0; padding:0} h1#logo span {height: 100%; width: 100%; margin:0; padding:0; background: transparent url(../images/imgLogo.jpg) no-repeat; position: absolute} .hidden {display: none} /* TYPOGRAPHY */ /* ---------------------------------------------------------------------------------------------------------- */ #wrapBody h2 {margin: 20px 0 0 0; font-size: 12px; line-height: 18px} #wrapBody h3 {margin: 15px 0; font-size: 12px; line-height: 18px} #wrapBody h4 {font-size: 16px; font-weight: bold; text-transform: uppercase} #wrapBody p {line-height: 18px} #wrapBody p.sixteen {font-size: 16px; line-height: 18px} p.red {color: #be2f2f} p.topmar {margin: 20px 0 0 0} p.title {margin: 0 0 15px 0; font-size: 14px; color: #be2f2f} p.titleSmall {color: #be2f2f} /* STRUCTURE */ /* ---------------------------------------------------------------------------------------------------------- */ #pageTop {width: 100%; padding: 0 0 80px 0; background: #fffdf3 url(../images/backgroundPage-top.jpg) repeat-x top center; overflow: hidden} #pageTop1 {width: 900px; height: 25px; margin:0; padding: 0 0 5px 0; } #pageBottom {height: 100px; width: 100%; background: #f6f1de url(../images/backgroundPage-bottom.jpg) repeat-x top center} #wrapHeader {width: 860px; margin: 0 auto; text-align: left;} #phoneNavsec {width: 510px; /*margin: 26px 0 0 0;*/margin: 11px 0 0 0; float: left} /*360*/ #wrapNav {height: 40px; width: 860px; margin: 0 auto; clear: both} #wrapBody {width: 860px; margin: 0 auto} #footer {width: 860px; margin: 0 auto} /* HOMEPAGE */ /* ---------------------------------------------------------------------------------------------------------- */ #bodyHome-left {width: 410px; margin: 45px 0 0 5px; float: left} #bodyHome-right {width: 421px; margin: 25px 0 0 0; background: transparent url(../images/backgroundColumn-products.jpg) no-repeat 0 0; float: right} #bodyProducts-left {width: 183px; margin: 20px 15px 0 20px; float: left; display: inline} #bodyProducts-right {width: 183px; margin: 20px 0 0 0; float: left} .homeProduct-top {height: 112px; width: 175px; padding: 8px 0 0 8px; background: transparent url(../images/backgroundHome-product.jpg) no-repeat 0 0} p.homeProduct-text {height: 24px; width; 183px; margin: 0 0 15px 0; padding: 4px 0 2px 0; background: transparent url(../images/backgroundHome-product-text.jpg) no-repeat 0 0; text-align: center} p.homeProduct-text a {color: #fffabf; font-size: 12px} /* TEMPLATE PAGES */ /* ---------------------------------------------------------------------------------------------------------- */ /* SELL YOUR EQUIPMENT FORMS */ #bodyTemp-left {width: 281px; margin: 45px 0 0 5px; float: left} #utilities {width: 281px; margin: 15px 0 0 0} #utilities a {width: 254px; margin: 1px 0 0 0; padding: 8px 0 8px 27px; background: #e6e2c3 url(../images/iconUsefultools.gif) no-repeat 7px center; display: block} #utilities a:hover {background: #ccc8ad url(../images/iconUsefultools-hover.gif) no-repeat 7px center} #bodyTemp-right {width: 469px; margin: 64px 0 0 0; padding: 40px 40px 20px 40px; background: transparent url(../images/backgroundSellyourequipment.jpg) no-repeat 0 0; float: right} #bodyTemp-right fieldset {margin: 10px 0 0 0; border: none; font-size: 12px} #bodyTemp-right label {padding: 15px 0 4px 0; display: block} #bodyTemp-right label.nopad {padding: 0 0 4px 0} #bodyTemp-right label.clear {padding-top: 0} #bodyTemp-right input.field {width: 219px; padding: 3px; display: block} #bodyTemp-right #addressB {margin: 5px 0 0 0} #bodyTemp-right span {color: #003366;} #bodyTemp-right select.field {width: 228px; padding: 3px; display: block} #bodyTemp-right textarea {height: 140px; width: 470px; padding: 3px; display: block} #bodyTemp-right input.button {margin: 30px 0 0 0} #formSell-left {width: 225px; color: #be2f2f; float: left} #formSell-right {width: 225px; color: #003366; float: right} #formSell-right span {color: #be2f2f} /* PRODUCTS, INDIVIDUAL PRODUCTS & TERMS OF USE */ #bodyTemp-right-main {width: 469px; margin: 25px 0 0 0; padding: 40px 40px 20px 40px; background: transparent url(../images/backgroundSubpagemain.jpg) no-repeat 0 0; float: right} #productIndividual-left {width: 271px; float: left} #productIndividual-left img.button {width: 93px; margin: 10px 0 0 90px; display: block} #productIndividual-right {width: 181px; float: right} #productIndividual-right p.cost {margin: 0 0 15px 0; font-size: 16px; color: #be2f2f} .productImage-border {width: 270px; border: 1px solid #bebebe; overflow: hidden} /* PRODUCTS ITEM LIST */ ul.productItem-serial {margin: 12px 0 0 20px; list-style-position: outside; list-style-type: disc} ul.productItem-serial li {padding: 2px 0; color: #808080} ul.productItem-list {margin: 12px 0 15px 20px; list-style-position: outside; list-style-type: disc} ul.productItem-list li {padding: 2px 0} [icon ^="top"] {padding-left: 10px; background: transparent url(../images/iconArrow-top.gif) no-repeat center left} /* CONTACT US FORMS */ /* ---------------------------------------------------------------------------------------------------------- */ #bodyHome-left #address {margin: 10px 0; overflow: hidden} #bodyHome-left #address a img {float: left; clear: both} #bodyHome-left #address p.top {margin: 9px 0 0 70px} #bodyHome-left #address p.bottom {margin: 15px 0 0 70px} a#officeThumb {height: 60px; width: 60px; margin: 5px 0; background: transparent url(../images/thumbOffice-photo.jpg) no-repeat 0 0; display: block; float: left} a#officeThumb:hover {background: transparent url(../images/thumbOffice-photo-hover.jpg) no-repeat 0 0} a#warehouseThumb {height: 60px; width: 60px; margin: 5px 0; background: transparent url(../images/thumbWarehouse-photo.jpg) no-repeat 0 0; display: block; float: left; clear: both} a#warehouseThumb:hover {background: transparent url(../images/thumbWarehouse-photo-hover.jpg) no-repeat 0 0} ul#address {margin: 0 0 5px 0} ul#address li {padding: 0 10px; background: transparent url(../images/navDivider.gif) no-repeat 0 50%; float: left} ul#address li.nodiv {padding: 0 5px 0 0; background: none} #wrapMap {padding: 5px 5px 2px 5px; background: #ffffff; border: 1px solid #bfbfbf; overflow: hidden; clear: both} #bodyContactus-right {height: 476px; width: 341px; margin: 79px 0 0 0; padding: 40px; background: transparent url(../images/backgroundContactus.jpg) no-repeat 0 0; float: right} #bodyContactus-right fieldset {margin: 10px 0 0 0; border: none; font-size: 12px} #bodyContactus-right label {padding: 20px 0 4px 0; display: block} #bodyContactus-right input.field {width: 290px; padding: 3px; display: block} #bodyContactus-right input.button {margin: 30px 0 0 0} #bodyContactus-right textarea {height: 140px; width: 332px; padding: 3px; display: block} #bodyContactus-right p {margin: 0} [icon ^="star"] {padding-left: 20px; background: transparent url(../images/iconStar-red.jpg) no-repeat center left} [icon ^="error"] {padding-left: 20px; background: transparent url(../images/iconError.jpg) no-repeat center left} [icon ^="success"] {padding-left: 20px; background: transparent url(../images/iconSuccess.jpg) no-repeat center left} #log {font-size: 12px} #log strong {color: #be2f2f} #log p.error {margin: 0 0 10px 0; color: #be2f2f} #log p.success {margin: 0 0 10px 0; color: #518c15} #log_res.ajax-loading {padding: 10px 0; background: transparent url(../images/spinner.gif) no-repeat center} /* NAVIGATION */ /* ---------------------------------------------------------------------------------------------------------- */ /* MAIN */ #wrapNav ul {height: 41px} #wrapNav ul li {height: 41px; padding: 0 13px; background: transparent url(../images/navMain-divider.jpg) no-repeat 0 50%; float: left; display: inline} #wrapNav ul li.nodiv {padding: 0 8px 0 0; background: none;} #wrapNav ul li.nopad {padding: 0 0 0 6px;} #wrapNav ul li a {height: 29px; padding: 12px 0 0 0; display: block; font-size: 13px; color: #fffabf; text-decoration: none; text-align: center} #wrapNav ul li a:hover {color: #80bfff} #wrapNav ul li#gens a {width: 82px; margin: 0} #wrapNav ul li#gens a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 30px 0} #wrapNav ul li#engs a {width: 60px; margin: 0} #wrapNav ul li#engs a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 20px 0} #wrapNav ul li#parts a {width: 143px; margin: 0} #wrapNav ul li#parts a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 65px 0} #wrapNav ul li#other a {width: 122px; margin: 0} #wrapNav ul li#other a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 55px 0} #wrapNav ul li#about a {width: 70px; margin: 0} #wrapNav ul li#about a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 26px 0} #wrapNav ul li#sell a {width: 143px; margin: 0} #wrapNav ul li#sell a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 63px 0} #wrapNav ul li#contact a {width: 81px} #wrapNav ul li#contact a:hover {background: transparent url(../images/navMain-hover.jpg) no-repeat 30px 0} body#contactus #wrapNav ul li#contact a {width: 81px; color: #80bfff; background: transparent url(../images/navMain-hover.jpg) no-repeat 30px 0} body#sell #wrapNav ul li#sell a {width: 143px; color: #80bfff; background: transparent url(../images/navMain-hover.jpg) no-repeat 63px 0} /* SECONDARY */ #phoneNavsec ul { margin: 0; float: right; clear: both; padding: 5px 0px 0 0;} #phoneNavsec ul li {padding: 0 5px; background: transparent url(../images/navDivider.gif) no-repeat center left; font-weight: bold; float: left} #phoneNavsec ul li#noDiv {padding: 0 5px 0 0; background: none}/*10*/ #phoneNavsec ul li#noPad {padding: 0 0 0 5px} /*10*/ /* LISTS */ /* ---------------------------------------------------------------------------------------------------------- */ ul#bodyHome-logos li {float: left} ul#bodyHome-logos li#cat {padding: 8px 26px 0 0} ul#bodyHome-logos li#cum {padding: 5px 26px 0 0} ul#bodyTemp-logos li {float: left} ul#bodyTemp-logos li#cat {padding: 0 17px 0 0} ul#bodyTemp-logos li#cum {padding: 0 17px 0 0} ul#numbers li {padding: 0 12px 0 0; float: left} ul#numbers li.div {padding: 0 12px; background: transparent url(../images/navDivider.gif) no-repeat center left} ul.subpage {margin: 15px 0 15px 30px; list-style-position: outside; list-style-type: disc} ul.subpage li {padding: 3px 0} #footer div.left ul, #footer div.right ul {margin: 20px 0 0 5px; font-size: 12px; font-weight: bold} #footer div.left ul li {padding: 0 10px; background: transparent url(../images/navDivider.gif) no-repeat center left; float: left} #footer div.right ul li {padding: 0 10px; background: transparent url(../images/navDivider.gif) no-repeat center left; color: #be2f2f; float: left} #footer div.left ul li.noDiv, #footer div.right ul li.noDiv {padding: 0 10px 0 0; background: none} /* IMAGES */ /* ---------------------------------------------------------------------------------------------------------- */ /* SITE WIDE */ img.imgBorder {padding: 3px; margin: 20px 0; background: #ffffff; border: 1px solid #bfbfbf} /************************added on 01-03-2010 for top menu************************************************/ table.menubar{ width:855px; /*850*/ background-image:url(../images/menu_bg.gif); background-repeat:repeat-x; border:0; height:41px; border:0; } table.menubar td{ text-align:center; white-space:nowrap; line-height: 41px; font: normal 14px/41px Arial, Helvetica, sans-serif; color: #fffabf; } table.menubar a{ display: block; color: #fffabf; padding: 0 13px; *padding: 0 6px; /*font: normal 12px/41px Arial, Helvetica, sans-serif; */ font: normal 14px/41px Arial, Helvetica, sans-serif; /* Developer */ text-decoration: none; } table.menubar a:hover{ color: #80bfff; background-image:url(../images/hover_arrow.gif); background-position: center top; background-repeat:no-repeat; text-decoration: none; } table.menubar a.here{ color: #80bfff; background-image:url(../images/hover_arrow.gif); background-position: center top; background-repeat:no-repeat; text-decoration:none; } table.menubar a:hover.here{ color: #80bfff; background-image:url(../images/hover_arrow.gif); background-repeat:no-repeat; text-decoration: none; } #search_box{ width: 70px; height: 25px; float: right; margin:0; padding: 0; } #search_box.search_box01{ width: 70px; height:21px; background-color: #082c60; border:1px solid #666666; font: normal 12px/16px Tahoma, Arial, Helvetica, sans-serif; color: #fff; } /*****************************************************************************************************/ /********************added on 05-03-2010******************************************/ div#langiagelink{ position: absolute; width: auto; margin: 100px 0 0 30px; z-index: 100; } div#langiagelink a{ padding: 0 30px 0 0; color: #BE2F2F; text-decoration: underline; font-weight: bold; } div#langiagelink a:hover, div#langiagelink a.here, div#langiagelink a:hover.here{ text-decoration: none; } /***************************************************************/ /********************* by developer *****************/ td ul {list-style-type: inherit} /************************************End Advanced Search*********************************/ .advance_search{ padding-top:15px;padding-bottom:10px; } /************************************End Advanced Search*********************************/