/* * edreamz Jan 2009 * updated Apr 2010 - Yperez */ /* * Global Styles */ h1 { color: #ffffff; font-weight: normal; font-size: 20px; line-height: normal;} h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal;} h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;} h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;} h5 { color: #ffffff; font-weight: bold; font-size: 18px; line-height: normal;} h6 { color: #000000; font-weight: normal; font-size: 13px; line-height: normal;} a { color: #4b8dc9; text-decoration: none;} a:hover { color: #e79214; text-decoration: underline;} ul li{list-style-type:none; list-style-image: none;} ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;} ol li{ list-style: decimal; margin-bottom: 5px;} a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} .alt{ background: #ececec;} /* * Main Navigation */ #mainNav { background:none; height: 32px; width: 706px; float: right; margin-top:-15px} #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #mainNav li { margin:0; padding:0; list-style: none; display: inline;} #mainNav a { float: left; padding: 32px 0 0 0; overflow: hidden; height: 0px; } #mainNav a:hover { background-position: 0 -32px;} #mainNav .selected{ background-position: 0 -32px;} /* #products a { width: 104px; background: url(/images/buttons/products.gif) top left no-repeat; margin-left: -40px;} #inventory a { width: 108px; background: url(/images/buttons/inventory.gif) top left no-repeat; margin-left: 0px;} #parts a { width: 156px; background: url(/images/buttons/parts.gif) top left no-repeat; margin-left: 0px;} #locations a { width: 104px; background: url(/images/buttons/locations.gif) top left no-repeat; margin-left: 0px;} #financing a { width: 100px; background: url(/images/buttons/financing.gif) top left no-repeat; margin-left: 0px;} #specials a { width: 100px; background: url(/images/buttons/specials.gif) top left no-repeat; margin-left: 0px;} */ #products a { width: 144px; background: url(/images/buttons/nav-products.gif) top left no-repeat; margin-left: -40px;} #inventory a { width: 140px; background: url(/images/buttons/nav-inventory.gif) top left no-repeat; margin-left: 0px;} #parts a { width: 154px; background: url(/images/buttons/nav-partsandservice.gif) top left no-repeat; margin-left: 0px;} #locations a { width: 98px; background: url(/images/buttons/nav-locations.gif) top left no-repeat; margin-left: 0px;} /*#financing a { width: 92px; background: url(/images/buttons/nav-financing.gif) top left no-repeat; margin-left: 0px;}*/ #specials a { width: 89px; background: url(/images/buttons/nav-specials.gif) top left no-repeat; margin-left: 0px;} #store a { width: 81px; background: url(/images/buttons/nav-store.gif) top left no-repeat; margin-left: 0px;} /* * * Secondary Navigation * */ #subNav { height: 30px; width: 666px; background: url(/images/structure/sub-nav.gif); background-repeat:no-repeat; display:block; position:relative; margin-top: -22px; left:271px} #subNav .main { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #subNav li { margin:0; padding:0; list-style: none; display: inline;} #subNav a { float: left; padding: 30px 0 0 0; overflow: hidden; height: 0px; } #subNav a:hover { background-position: 0 -30px;} #subNav .selected{ background-position: 0 -30px;} .products a{ height:30px; width: 87px; background: url(/images/buttons/btn-products.gif); margin-left: 3px; float:left; text-indent:-99999em} .support a{ height:30px; width: 135px; background: url(/images/buttons/btn-productsupport.gif); margin-left: 0px; float:left; text-indent:-99999em} .overviewparts a{ width:81px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-overview.gif); background-repeat:no-repeat; background-position:top left; float:left;} .overviewpartsalt a{ width:84px; height:30px; margin-left:6px; background-image: url(/images/buttons/btn-partsoverview.gif); background-repeat:no-repeat; background-position:top left; float:left;} .partssub a{ width:61px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-partssub.gif); background-repeat:no-repeat; background-position:top left; float:left;} .service a{ width:73px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-service.gif); background-repeat:no-repeat; background-position:top left; float:left;} .fabrication a{ width:79px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-fabrication.gif); background-repeat:no-repeat; background-position:top left; float:left;} .hydraulic a{ width:123px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-hydraulic.gif); background-repeat:no-repeat; background-position:top left; float:left;} .ready a{ width:113px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-ready.gif); background-repeat:no-repeat; background-position:top left; float:left;} .undercarriage a{ width:121px; height:30px; margin-left:0px; background-image: url(/images/buttons/btn-undercarriage.gif); background-repeat:no-repeat; background-position:top left; float:left;} .credit a{ width:125px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-credit.gif); background-repeat:no-repeat; background-position:top left; float:left;} .offers a{ width:121px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-offers.gif); background-repeat:no-repeat; background-position:top left; float:left;} .buylease a{ width:137px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-buylease.gif); background-repeat:no-repeat; background-position:top left; float:left;} .sentryguard a{ width:137px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-sentryguard.gif); background-repeat:no-repeat; background-position:top left; float:left;} .newinventory a{ width:115px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-new.gif); background-repeat:no-repeat; background-position:top left; float:left;} .usedinventory a{ width:122px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-used.gif); background-repeat:no-repeat; background-position:top left; float:left;} .history a{ width:68px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-history.gif); background-repeat:no-repeat; background-position:top left; float:left;} .goldstar a{ width:146px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-goldstar.gif); background-repeat:no-repeat; background-position:top left; float:left;} .news a{ width:116px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-news.gif); background-repeat:no-repeat; background-position:top left; float:left;} .financing a{ width:84px; height:30px; margin-left:12px; background: url(/images/buttons/btn-financing.gif) 0 0 no-repeat; float:left;} .current a {width:168px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-current.gif); background-repeat:no-repeat; background-position:top left; float:left;} .scholarships a {width:197px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-scholarships.gif); background-repeat:no-repeat; background-position:top left; float:left;} .subcontact a {width:101px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-contact.gif); background-repeat:no-repeat; background-position:top left; float:left;} .subnewsletter a {width:150px; height:30px; margin-left:12px; background-image: url(/images/buttons/btn-newsletter.gif); background-repeat:no-repeat; background-position:top left; float:left;} /* * Home Page Category Sprite */ #home-categories { width: 934px; height: 347px; margin: 0; border: none; background: url(/images/structure/bg_home-categories.gif) no-repeat 0 0; } #home-categories ul, #home-categories ul li, #home-categories ul li a { float: left; display: inline; height: 148px; background: none; padding: 0; } #home-categories ul { margin: 0; width: 934px; background: url(/images/sp_home-categories.jpg) no-repeat 0 0; } #home-categories ul li { /* for hc-agr */ height: 148px; width: 186px; margin: 0; padding: 0; position: relative; } #home-categories ul li a { width: 186px; /* for hc-agr */ height: 148px; text-indent: -9000em; } #home-categories ul li#hc-wind, #home-categories ul li#hc-wind a { width: 190px; } #home-categories ul li a:hover { background: url(/images/sp_home-categories.jpg) no-repeat 0 -148px; } #home-categories ul li#hc-lawn .hc:hover { background: url(/images/sp_home-categories.jpg) no-repeat -186px -148px; } #home-categories ul li#hc-con .hc:hover { background: url(/images/sp_home-categories.jpg) no-repeat -372px -148px; } #home-categories ul li#hc-feed .hc:hover { background: url(/images/sp_home-categories.jpg) no-repeat -558px -148px; } #home-categories ul li#hc-wind .hc:hover { background: url(/images/sp_home-categories.jpg) no-repeat -744px -148px; } #home-categories .desc { color: #626262; font-size: 11px; padding: 10px; border-right: 1px solid #e6e3e6; } #home-categories .desc .learnmore{ width:128px; height:20px; background-image:url(/images/buttons/learn-more.jpg); display:block; background-position: 0 0px; background-repeat:no-repeat; margin: 15px 0 0 15px; text-indent:-99999em;} #container #home-categories ul li .desc .learnmore:hover{ background-position: 0 -20px;} /* * Wind Energy */ #weNav {float:left; height: 231px; width: 253px; display:block;} #weNav a { float: left; padding:0; overflow: hidden; width:253px;} #weNav a:hover { background-position: -253px 0px;} #weNav .selected{ background-position: -253px 0px;} .we-getting a{ height:34px; width: 253px; background: url(/images/buttons/btn-we-getting.gif); float:left; text-indent:-99999em;} .we-what a{ height:33px; width: 253px; background: url(/images/buttons/btn-we-what.gif); float:left; text-indent:-99999em} .we-why a{ height:33px; width: 253px; background: url(/images/buttons/btn-we-why.gif); float:left; text-indent:-99999em} .we-industry a{ height:33px; width: 253px; background: url(/images/buttons/btn-we-industry.gif); float:left; text-indent:-99999em;} .we-product a{ height:33px; width: 253px; background: url(/images/buttons/btn-we-product.gif); float:left; text-indent:-99999em} .we-request a{ height:33px; width: 253px; background: url(/images/buttons/btn-we-request.gif); float:left; text-indent:-99999em} .we-links a{ height:32px; width: 253px; background: url(/images/buttons/btn-we-links.gif); float:left; text-indent:-99999em;} /* * Feed Seed */ #fsNav {float:left; width: 364px; display:block;} #fsNav a { float: left; padding:0; overflow: hidden; width:253px;} #fsNav a:hover { background-position: -253px 0px;} #fsNav .selected{ background-position: -253px 0px;} .fs-feed a{ height:34px; background: url(/images/buttons/btn-fs-feed.gif); float:left; text-indent:-99999em;} .fs-pet a{ height:33px; background: url(/images/buttons/btn-fs-pet.gif); float:left; text-indent:-99999em} .fs-wild a{ height:33px; background: url(/images/buttons/btn-fs-wild.gif); float:left; text-indent:-99999em} .fs-lawn a{ height:33px; background: url(/images/buttons/btn-fs-lawn.gif); float:left; text-indent:-99999em;} .fs-farm a{ height:33px; background: url(/images/buttons/btn-fs-farm.gif); float:left; text-indent:-99999em} .fs-clothing a{ height:33px; background: url(/images/buttons/btn-fs-clothing.gif); float:left; text-indent:-99999em} .fs-kids a{ height:33px; background: url(/images/buttons/btn-fs-kids.gif); float:left; text-indent:-99999em;} .fs-help a{ height:33px; background: url(/images/buttons/btn-fs-helpful.gif); float:left; text-indent:-99999em;} .fs-news a{ height:33px; background: url(/images/buttons/btn-fs-news.gif); float:left; text-indent:-99999em;} .fs-shop a{ height:33px; background: url(/images/buttons/btn-fs-shop.gif); float:left; text-indent:-99999em;} .fs-request a{ height:33px !important; background: url(/images/buttons/btn-fs-request.gif); float:left; text-indent:-99999em;} #feedtitle { width:662px; height:32px; margin-bottom: 20px; padding: 13px 0 0 10px; background-image:url(/images/structure/cat-title672.gif); background-repeat:no-repeat; float:left;} .animal-thumbs {float:left; width:253px; margin-top:15px;} .animal-thumbs a {float:left; width:60px; height:60px; border:1px solid #fff; margin:1px 1px 0 0;} .animal-thumbs a:hover {border:1px solid #d0211c;} /* * Layout / Formatting */ #wrapper{ width: 940px; margin: 0 auto; background: #ffffff; position: relative;} body{ background: #ffffff url(/images/structure/bg-pattern.jpg) repeat-x; color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 auto; width:940px} #hd { position: relative; height: 112px; margin-top:0px; margin-bottom:20px;} #hd span { position: relative; background: url(/images/structure/main-logo.gif) no-repeat left bottom; width: 237px; height: 92px; display: block; text-indent:-99999em; top:15px;} #hd span a { position: absolute; width: 200px; height: 92px; display: block;} #hd span.windenergy { background: url(/images/structure/we-logo.gif) 0 0 no-repeat; } #hd span.feedseed { background: url(/images/structure/purina-logo.gif) 0 0 no-repeat; } #topNav { position: absolute; right: 0; top: 0px; color:#00426f; text-align:right;} #topNav a{ color:#00426f;} #topNav a:hover{ color:#0066a4;} #newsletter { margin: 0 0 10px 0; width:241px; height:42px; background:url(/images/structure/news-signup.gif) top left no-repeat; margin-left:90px} #newsletter .textfield { width:115px; margin: 8px -5px 0 0} #container{ width: 940px; padding-bottom: 0;} #homeLeft { width: 305px; float: left; padding: 0 10px 0 10px;} #homeLeft .content { width: 265px; background: #83aa1d url(/images/structure/logo-watermark.gif) top left no-repeat; padding: 10px 20px 10px 20px; color: #ffffff;} #homeRight { width: 625px; float: left;} #homeRight .newsArea { width: 625px; float:left; margin-top: 10px;} #homeRight .newsArea .header { width: 625px; background: #bbad90;} #homeRight .newsArea .item { width: 615px; background: #eee7d9; color: #333333; padding: 5px; margin-top: 5px;} #bodyLeft { width: 650px; float: left; margin-top: 10px;} #bodyLeft .content{ width: 630px; margin: 0 10px 0 10px;} #bodyLeft .content .header{ width: 620px; height: 30px; padding-left: 10px; background: url(/images/structure/page-header.gif) top left no-repeat; margin-bottom: 20px;} .date{ font-size: 11px; color: #9a9a9a;} /*this style is often used for news items with or w/o images and/or product listings*/ .infoRow { margin-top: 10px; background: #eee7d9;} .infoRow .info-header{ width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3;} .infoRow .info-image{ width: 104px; float: left; padding: 5px;} .infoRow .info-image img{ border: #ffffff 2px solid;} .infoRow .info-text{ width: 506px; float: left; padding: 10px 10px 10px 0;} .infoRow .info-text .learn-more{ float: right;} #contentHome {height:287px; width:940px; margin-top:10px} #marketingHome {height:287px; width:602px; background-image: url(/images/structure/marketing_bg.gif); background-repeat:no-repeat; float:left;} #marketingContent {width:560px; height:236px; float:left; margin: 48px 0 0 3px} #marketingButton a {width:34px; height:236px; background-image:url(/images/buttons/marketing-next.jpg); background-position:-236px; background-repeat:no-repeat; float:right; margin: 48px 2px 0 0; text-indent:-99999em} #marketingButton a:hover {background-position: 0;} #marketing-cf { background-image: url(/images/product-cf.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-ag { background-image: url(/images/product-ag.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-endurance { background-image: url(/images/product-endurance.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-hitachi { background-image: url(/images/product-hitachi.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-kuhn { background-image: url(/images/product-kuhn.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-sakai { background-image: url(/images/product-sakai.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-stihl { background-image: url(/images/product-stihl.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} #marketing-wirtgen { background-image: url(/images/product-wirtgen.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px} .marketingtext { color:#626262; width:280px; margin: 0 0 10px 15px; padding-top:15px} .marketingtextsub { color:#626262; margin: 0 0 0 15px;} #learnmore a{ width:128px; height:20px; background-image:url(/images/buttons/learn-more.jpg); display:block; background-position: 0 0px; background-repeat:no-repeat; margin: 15px 0 0 15px; text-indent:-99999em;} #learnmore a:hover{ background-position: 0 -20px;} #agproductHome {height:138px; width:326px; background-image: url(/images/structure/agproduct_home.jpg); float:right;} #constproductHome {height:138px; width:326px; background-image: url(/images/structure/constproduct_home.jpg); float:right;} #viewall a{height:30px; width:73px; display: block; background-image: url(/images/buttons/viewall.png); float:right; text-indent:-99999em} #viewall a:hover {background-position: 0 -30px;} #home-feature-tables #viewall a { margin: 1px 0 0 0; } #productListing {margin: 32px 0 0 10px; width:308px; line-height:16px; color:#626262;} #productListing a {color:#626262;} #productListing a:hover { color:#1e6b99; text-decoration:none} #producttitle {width:237px} #productprice {width:71px; text-align:center} #productListingHome {margin: 32px 0 0 10px; width:270px; line-height:16px; color:#626262; font-size: 12px;} #productListingHome a {color:#626262;} #productListingHome a:hover { color:#1e6b99; text-decoration:none;} #locationHeader {width:940px; height:507px; margin: 15px 0 15px 0;} #productHeader {width:940px; margin: 15px 0 0 0;} #productHeadersml {width:940px; height:64px; margin: 15px 0 0 0;} #newinventoryHeader {width:940px; height:71px; margin: 15px 0 0 0; display: block; background-image: url(/images/headers/inventorynew-header.jpg); background-repeat:no-repeat;} .inventoryitems { background-color: #fff; border: 1px #c3c3c3 solid; color:#3c3c3c; padding: 10px 0 10px 10px} .inventorysearch01 {float:left; padding-right:20px; border-right: 1px solid #c3c3c3;} .inventorysearch02 {float:left; margin-left:20px; padding-right:20px; border-right: 1px solid #c3c3c3;} .inventorysearch02b {float:left; margin-left:20px;} .inventorysearch03 {float:left; border-top: 1px solid #c3c3c3; margin-top:15px; padding-top:10px; width:915px} .inventorysearch03 td { padding-right: 20px} .inventorysearch04 {float:left; width:180px; padding: 0 0 15px 10px} .invt-search { margin-top: 4px} .invt-searchlow { float: right; margin-right: 30px} .invt-search-small { font-style:italic; font-size:9px; } .invt-titles {margin:3px 0 15px 0; float:left; font-weight:bold;} .invt-boxes {margin:0 30px 15px 0; width:70px; float:right} .dropdowns {float:left; margin:0 0 20px 0} .dropdown-item {margin: 10px 0 0 0; width: 150px; } .inventorysearch04 .float { float:left; margin-left: -5px} .invSearchHeader { color: #357399; font-weight: normal; font-size: 20px; line-height: normal; padding-bottom:5px;} .inventorysearchCriteria {float:left; margin-top:0px; padding-top:0px; width:915px; padding-bottom:15px;} .inventoryCatCounts {font-size: 11px; color:#4B8DC9;} #usedinventoryHeader {width:940px; height:166px; margin: 15px 0 0 0; background-image: url(/images/headers/inventoryused-header.jpg); background-repeat:no-repeat;} #headercopy { width:320px; height:200px; margin: 25px 0 0 25px; float:left;} #agheader {width:940px; height:265px; background-image: url(/images/headers/ag-header.jpg); background-repeat:no-repeat;} #lawnheader {width:940px; height:265px; background-image: url(/images/headers/lawn-header.jpg); background-repeat:no-repeat;} #constheader {width:940px; height:265px; background-image: url(/images/headers/const-header.jpg); background-repeat:no-repeat;} #windheader {width:940px; height:192px;} #agheadersml {width:940px; height:64px; background-image: url(/images/headers/agsml-header.jpg); background-repeat:no-repeat;} #lawnheadersml {width:940px; height:64px; background-image: url(/images/headers/lawnsml-header.jpg); background-repeat:no-repeat;} #constheadersml {width:940px; height:64px; background-image: url(/images/headers/constsml-header.jpg); background-repeat:no-repeat;} #windheadersml {width:940px; height:64px; background-image: url(/images/headers/windsml-header.jpg); background-repeat:no-repeat;} #usedheader {width:940px; height:70px; background-image: url(/images/headers/inventoryused-header.jpg); background-repeat:no-repeat;} #newheader {width:940px; height:70px; background-image: url(/images/headers/inventorynew-header.jpg); background-repeat:no-repeat;} #catnav {width:940px; height:33px; margin-bottom:15px;} #catnavag a{ width:183px; height:33px; text-indent:-99999em; background-image: url(/images/buttons/btn-catnavag.gif); background-repeat:no-repeat; background-position:top left; float:left;} #catnavag a:hover {background-position: 0 -33px} #catnavag .selected {background-position: 0 -33px} #catnavlawn a{ width:173px; text-indent:-99999em; height:33px; background-image: url(/images/buttons/btn-catnavlawn.gif); background-repeat:no-repeat; background-position:top left; float:left;} #catnavlawn a:hover {background-position: 0 -33px} #catnavlawn .selected {background-position: 0 -33px} #catnavconst a{ width:260px; text-indent:-99999em; height:33px; background-image: url(/images/buttons/btn-catnavconst.gif); background-repeat:no-repeat; background-position:top left; float:left;} #catnavconst a:hover{background-position: 0 -33px} #catnavconst .selected{background-position: 0 -33px} #catnavfeed a{ width:140px; text-indent:-99999em; height:33px; background-image: url(/images/buttons/btn-catnavfeed.gif); background-repeat:no-repeat; background-position:top left; float:left;} #catnavfeed a:hover{background-position: 0 -33px} #catnavfeed .selected{background-position: 0 -33px} #catnavwind a{ width:184px; text-indent:-99999em; height:33px; margin-left:0px; background-image: url(/images/buttons/btn-catnavwind.gif); background-repeat:no-repeat; background-position:top left; float:left;} #catnavwind a:hover {background-position: 0 -33px} #catnavwind .selected {background-position: 0 -33px} #cattitle { width:731px; height:45px; background-image:url(/images/structure/cat-title.gif); background-repeat:no-repeat; float:left;} #cattitle672 { width:672px; height:45px; background-image:url(/images/structure/cat-title672.gif); background-repeat:no-repeat; float:left;} #cattitle750 {float:left; width:300px;} #cattitle463 { width:463px; height:45px; background-image:url(/images/structure/cat-title672.gif); background-position:top left; background-repeat:no-repeat; float:left;} #cattitlelong { width:940px; height:45px; background-image:url(/images/structure/cat-title.gif); background-repeat:no-repeat; float:left;} #seeused a{ background-image:url(/images/buttons/btn-seeused.gif); background-repeat:no-repeat; width:209px; height:45px; float:right; text-indent:-99999em} #seeused a:hover { background-position:0 -45px} #downloadapp a{ background-image:url(/images/buttons/btn-download.gif); background-repeat:no-repeat; width:209px; height:45px; float:right; text-indent:-99999em} #downloadapp a:hover { background-position:0 -45px} #backtocurrent a{ background-image:url(/images/buttons/btn-backtocurrent.gif); background-repeat:no-repeat; width:209px; height:45px; float:right; text-indent:-99999em} #backtocurrent a:hover { background-position:0 -45px} #backtonews a{ background-image:url(/images/buttons/btn-backtonews.gif); background-repeat:no-repeat; width:209px; height:45px; float:right; text-indent:-99999em} #backtonews a:hover { background-position:0 -45px} #seelisting a{ background-image:url(/images/buttons/btn-seelisting.gif); background-repeat:no-repeat; width:209px; height:45px; float:right; text-indent:-99999em} #seelisting a:hover { background-position:0 -45px} #seeusedlong a{ background-image:url(/images/buttons/btn-usedlong.gif); background-repeat:no-repeat; width:409px; height:28px; float:left; text-indent:-99999em; margin:10px 0 0px 3px} #seeusedlong a:hover { background-position:0 -28px} #seeinventory a {background:url(/images/buttons/btn-seeinventory.gif) 0 0 no-repeat; width:265px; height:24px; float:right; text-indent:-9999em; margin:6px 8px 0 0;} #seeinventory a:hover {background-position:0 -24px;} #subtitle { width:930px; height:33px; background-image: url(/images/structure/subtitle-bg.gif); margin-left:5px; background-position:top left; background-repeat:no-repeat;} #catwysiwyg { margin-top:15px; color:#134462} #sidebar {width:235px; float:left; min-height:41px; color:#134462; background: url(/images/structure/sidebar-bg.gif) top left no-repeat; margin-top:15px; padding: 3px 17px 0 4px;} #wysiwyg672 { margin-top:15px; color:#134462; width:672px; float:right;} #wysiwyg672 ul li {list-style-image:none; list-style-type:square;} #specialswysiwyg {margin-top:15px; color:#134462; width:650px; float:left;} #specialsimg {margin-top:15px; width:284px; float:right;} #productCats { width:940px; margin-top:10px; color:#134462} #catlongl {background-image: url(/images/structure/catlongl-bg.gif); background-repeat:repeat-y; width:464px; float:left; margin-bottom:8px} #catlongr {background-image: url(/images/structure/catlongr-bg.gif); background-repeat:repeat-y; width:464px; float:right; margin-bottom:8px} #catshort {background-image: url(/images/structure/catshort-bg.gif); background-repeat:repeat-x; width:195px; height:181px; display: block; float:left; margin: 8px 20px 15px 20px} .ctaSpecials {float:left; width:245px; padding-top:12px; margin-top:5px;background: #FFF; text-align:center;} .ctaSpecials img{margin: 0 auto;} .agservice-cta{float:left; width:246px; height:102px; background:url(/images/agservice-cta.gif) top left no-repeat; margin-top:4px; } .agservice-cta:hover, .agservice-cta.selected{background:url(/images/agservice-cta.gif) -247px 0 no-repeat; } .constservice-cta{float:left; width:246px; height:102px; background:url(/images/constservice-cta.gif) top left no-repeat; margin-top:4px; } .constservice-cta:hover, .constservice-cta.selected{background:url(/images/constservice-cta.gif) -247px 0 no-repeat; } .helvcondcatsml {width:182px; height:50px; vertical-align:middle} .catimgback {background-image: url(/images/structure/catimg-bg.gif); height:130px; width:171px; float:left; margin: 5px 0 5px 5px; border: solid 1px #C5C5C5} .catimgbackcont {height:125px; overflow:hidden; } .catimgbackcont img {margin-top:5px; margin-bottom:2px} .catimgbacksml {background-image: url(/images/structure/catimg-bg.gif); height:130px; width:171px; margin: 0 0 5px 10px; float:left; border: solid 1px #C5C5C5} .catimg { width:163px; margin:4px 0 0 4px;} .catinfo { width:270px; margin:8px 0 0 10px; float:left} .catdesc { color:#626262; font-size:11px; line-height:14px} .cattitlesml {margin: 12px 0 0 0} .viewcat a{ width:130px; height:21px; background-image: url(/images/buttons/viewcat.gif); background-repeat:no-repeat; background-position:top left; float:right; text-indent:-99999em; margin:10px 3px 0 0;} .viewcat a:hover { background-position: 0 -21px;} .readspecial a{ width:130px; height:21px; background-image: url(/images/buttons/readspecial.gif); background-repeat:no-repeat; background-position:top left; float:right; text-indent:-99999em; margin:10px 15px 0 0;} .readspecial a:hover { background-position: 0 -21px;} .column {position:relative; float:left; width:219px; height:573px; margin:20px 16px 10px 0; padding:4px 0 0 4px; background: url(/images/column-bg.jpg) top left no-repeat;} .column-desc {float:left; width:200px; margin:10px 0 0 5px; color:#666; margin-bottom:10px;} .column-logos {float:left; width:210px; margin:15px 30px 0 0; text-align:center; height:100px;} .column-logos img{max-width:180px; margin-top:25px;} .categoryList {float:left; width:940px; background:url(/images/bg-products.gif) 0 0 no-repeat; margin-top:15px;} .categoryRow {float:left; width:900px; margin:20px 0 0 20px;} .categoryRow .image{float:left; width:355px; height:140px; margin-right:18px;} .categoryRow .header{float:left; width:525px;} .categoryRow .desc{float:left; width:495px; padding:10px 13px 0 17px; color:#666666;} #productdetail { width:940px; margin-top:-10px;} #productdetailL { width:414px; float:left; margin-top:29px; margin-bottom:15px;} #productdetailR { width:526px; float:right; } .productimage {width:414px; background-image: url(/images/structure/detaillrg-btm.gif); background-repeat:no-repeat; background-position:bottom;} .productimgrep {background-image: url(/images/structure/detaillrg-rep.gif); background-repeat:repeat-y; width:414px; margin-top:-7px;} .imagelrgpos {margin-left:7px; padding:7px 0 7px 0;} .productappinfo {width:412px; margin-top:-15px; background-image: url(/images/structure/productapp-bot.gif); background-repeat:no-repeat; background-position:bottom; color:#515151; font-size:14px; line-height:20px; font-weight:bold;} .productapp {background-image: url(/images/structure/productapp-rep.gif); background-repeat:repeat-y; width:412px; margin-top:10px; float:left;} .thumbrow{margin-left:12px;} .productthumb {background-image:url(/images/structure/detailsml.gif); background-repeat:no-repeat; margin: 5px 8px 0 0; padding-bottom:4px; height:63px; width:90px; float:left} .thumbimage {padding: 5px 0 0 5px; height:52px; overflow:hidden;} .detailitems {height:25px;} .productinfoheader { background-image: url(/images/structure/details-header.gif); background-repeat:no-repeat; width:519px; height:45px; margin-left:7px} .productinfotext {color:#515151; font-size:12px; line-height:20px; margin-left:12px; padding:15px 0 15px 0; padding-bottom:12px; width:490px} .productinfocont {width:519px; background-image: url(/images/structure/productinfo-bot.gif); background-repeat:no-repeat; background-position:bottom;} .productinfo {background-image: url(/images/structure/productinfo-rep.gif); background-repeat:repeat-y; width:519px; margin: 0px 0 0 7px; padding-top:12px;} .productinfo .logoheader{height: 50px; position: relative;} .printericon {background: url(/images/buttons/icon-printer.png); background-repeat:no-repeat; float: left; margin: 0 0 0 9px; padding-left: 24px; } .productinfobox {background: url(/images/structure/productinfobox.jpg) top no-repeat; background-color:#ffffff; width:408px; margin: 20px 0 0 12px; padding-bottom:5px; border: solid 1px #c8c8c8} .brandlogo {margin:3px 0 0 10px; float:left;} .requestinformation {width: 265px; position: absolute; top: 0; right: 5px;} .requestinformation a {width:265px; height:24px; float:right; background:url(/images/buttons/request-information.gif) 0 0 no-repeat; text-indent:-9999em; } .requestinformation a:hover {background-position:0 -24px;} .requestinformation.green {width: 265px; position: absolute; top: 0; right: 5px;} .requestinformation.green a {width:265px; height:24px; float:right; background:url(/images/buttons/request-information-green.gif) 0 0 no-repeat; text-indent:-9999em; } .requestinformation.green a:hover {background-position:0 -24px;} .requestinformation.largered {width: 265px; position: absolute; top: -7px; right: 5px;} .requestinformation.largered a {width:265px; height:33px; float:right; background:url(/images/buttons/request-information-large.gif) 0 0 no-repeat; text-indent:-9999em; } .requestinformation.largered a:hover {background-position:0 -33px;} .requestinformation.largegreen {width: 265px; position: absolute; top: -5px; right: 5px;} .requestinformation.largegreen a {width:265px; height:33px; float:right; background:url(/images/buttons/request-information-largegreen.gif) 0 0 no-repeat; text-indent:-9999em; } .requestinformation.largegreen a:hover {background-position:0 -33px;} .requestinformationInv {width: 265px; float:right; margin-right: 10px;} .requestinformationInv a {width:265px; height:24px; float:right; background:url(/images/buttons/request-information.gif) 0 0 no-repeat; text-indent:-9999em; } .requestinformationinv a:hover {background-position:0 -24px;} .seeinventory {width: 131px; position: absolute; bottom: 0; right: 140px;} .seeinventory a{width:131px; height:21px; background-image: url(/images/buttons/btn-seeinventory-small.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; margin:0; } .seeinventory a:hover { background-position: 0 -21px;} .seeinventory.green {width: 131px; position: absolute; bottom: 0; right: 140px;} .seeinventory.green a{width:131px; height:21px; background-image: url(/images/buttons/btn-seeinventory-smallgreen.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; margin:0; } .seeinventory.green a:hover { background-position: 0 -21px;} .moreinfo{position: absolute; bottom: 0; right: 2px;} .moreinfo a{ height:21px; width:131px; margin:3px 3px 0 0; background-image: url(/images/buttons/btn-specsheet.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; } .moreinfo a:hover { background-position: 0 -21px} .specsheet a{ height:21px; width:131px; background-image: url(/images/buttons/btn-return.gif); background-repeat:no-repeat; text-indent:-99999em; } .specsheet a:hover { background-position: 0 -21px;} /*.request a{ height:21px; width:131px; background-image: url(/images/buttons/btn-request.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; margin:3px 8px 0 0; } .request a:hover { background-position: 0 -21px;}*/ .request-invt a{ height:21px; width:131px; background-image: url(/images/buttons/btn-request.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; margin:0px 8px 0 0; } .request-invt a:hover { background-position: 0 -21px} .detailButton-invt a{ width:131px; height:21px; margin:0px 15px 0 0px; background-image: url(/images/buttons/btn-details.jpg); background-repeat:no-repeat; background-position:top left; float:right; text-indent:-99999em;} .detailButton-invt a:hover {background-position: 0 -21px} .requestwt a{ height:21px; width:131px; background-image: url(/images/buttons/btn-requestwt.gif); position: absolute; background-repeat:no-repeat; text-indent:-99999em; margin:12px 0 0 -141px; } .requestwt a:hover { background-position: 0 -21px} .requestprod a{ height:21px; width:131px; background-image: url(/images/buttons/btn-request.gif); float:right; background-repeat:no-repeat; text-indent:-99999em; margin:10px 5px 0 0; } .requestprod a:hover { background-position: 0 -21px} .request.withmargin a {margin:3px 13px 0 0;} .requestalt a{ height:21px; width:131px; background-image: url(/images/buttons/btn-request.gif); float:left; background-repeat:no-repeat; text-indent:-99999em; } .requestalt a:hover { background-position: 0 -21px} .return a{ height:21px; width:131px; background-image: url(/images/buttons/btn-return.gif); float:left; background-repeat:no-repeat; text-indent:-99999em; } .return a:hover { background-position: 0 -21px} .return-inv a{ height:21px; width:131px; background-image: url(/images/buttons/btn-return.gif); float:left; background-repeat:no-repeat; text-indent:-99999em; } .return-inv a:hover { background-position: 0 -21px} .mow a{ width:109px; height:33px; margin-left:12px; background-image: url(/images/buttons/btn-mow.gif); background-repeat:no-repeat; background-position:top left; float:left;} .mow a:hover {background-position: 0 -33px} .mow .selected {background-position: 0 -33px} .contracts a{ width:124px; height:33px; background-image: url(/images/buttons/btn-contracts.gif); background-repeat:no-repeat; background-position:top left; float:left;} .contracts a:hover {background-position: 0 -33px} .contracts .selected {background-position: 0 -33px} .maintenance a{ width:132px; height:33px; background-image: url(/images/buttons/btn-maintenance.gif); background-repeat:no-repeat; background-position:top left; float:left;} .maintenance a:hover {background-position: 0 -33px} .maintenance .selected {background-position: 0 -33px} .sampling a{ width:100px; height:33px; background-image: url(/images/buttons/btn-sampling.gif); background-repeat:no-repeat; background-position:top left; float:left;} .sampling a:hover {background-position: 0 -33px} .sampling .selected {background-position: 0 -33px} .parts a{ width:60px; height:33px; background-image: url(/images/buttons/btn-parts.gif); background-repeat:no-repeat; background-position:top left; float:left;} .parts a:hover {background-position: 0 -33px} .parts .selected {background-position: 0 -33px} .search {width:131px; height:21px; margin:85px 18px 0 0; float:right;} /*.search a{ width:131px; height:21px; margin:85px 18px 0 0; background-image: url(/images/buttons/btn-search.gif); background-repeat:no-repeat; background-position:top left; float:right; text-indent:-99999em} .search a:hover {background-position: 0 -21px}*/ #search-criteria {width:180px; display:block; float:left; margin-top:5px} .criteria-header { background: url(/images/headers/inventorysml-header.gif) top left no-repeat; height: 24px} .criteria-items { width:178px; background-color:#ededed; color: #626262; border-color:#b9b9b9; border-width:1px; border-style:solid; border-top:0px; padding-top:10px} #inventorylist { width: 750px; float: right} .inventorylistheader {width:750px; height:24px; margin-top:5px; background-image: url(/images/headers/inventory-header.gif); background-repeat:no-repeat;} .inventoryitem {width:748px; min-height:75px; background-color:#ededed; border-color:#b9b9b9; border-width:1px; border-style:solid; border-top:0px; padding-top:10px} .framesml { padding:5px 0 5px 5px; height:48px; overflow:hidden} .productimagesml { background-image: url(/images/structure/detailsml.gif); background-repeat:no-repeat; height:63px; width:90px; float:left; margin:0 0 0 4px} .inventoryinfo { width:635px; float:left; margin-left:10px; margin-bottom: 10px} .specsheader { width:635px; height:18px; color:#ffffff; margin-left:105px} .specsheader a {color:#ffffff;} .refineheader {float:left; width:160px; margin-top:3px; height:18px; margin-left: 15px; overflow:hidden; } .tagheader {float:left; width:140px; margin-top:3px; height:18px; overflow:hidden; } .makeheader {float:left; width:115px; margin-top:3px; height:18px; margin-left:5px; overflow:hidden; } .modelheader {float:left; width:110px; margin-top:3px; height:18px; margin-left: 5px; overflow:hidden; } .hoursheader {float:left; width:107px; margin-top:3px; height:18px; margin-left: 5px; overflow:hidden; } .locationheader {float:left; width:140px; margin-top:3px; height:18px; margin-left:5px; overflow:hidden; } .listpriceheader {float:left; width:120px; margin-top:3px; height:18px; margin-left:5px; overflow:hidden; } .tag {float:left; width:140px; height:18px; overflow:hidden;} .make {float:left; width:115px; height:18px; margin-left:5px; overflow:hidden; } .model {float:left; width:110px; height:18px; margin-left: 5px; overflow:hidden; } .hours {float:left; width:107px; height:18px; margin-left: 5px; overflow:hidden; } .location {float:left; width:140px; height:18px; margin-left:5px; overflow:hidden; } .listprice {float:left; width:120px; height:18px; margin-left:5px; overflow:hidden;} .location-city { float: right; color: #626262; margin-right: 15px; margin-top: 3px } .revise-search { margin-left: 15px;} .specs { width:635px; height:18px; color:#626262; font-weight:bold;} .description { width:635px; color:#626262; margin-top:5px; margin-bottom: 5px} .detail a{ width:131px; height:21px; margin:42px 0 0 0px; background-image: url(/images/buttons/btn-details.jpg); background-repeat:no-repeat; background-position:top left; float:left; text-indent:-99999em;} .detail a:hover {background-position: 0 -21px} .detailButton a{ width:131px; height:21px; margin:10px 0 0 0px; background-image: url(/images/buttons/btn-details.jpg); background-repeat:no-repeat; background-position:top left; float:left; text-indent:-99999em;} .detailButton a:hover {background-position: 0 -21px} .detailsboxpos { padding-top:29px;} .detailsbox {width:185px; float:left; font-size:11px; color:#000000; font-weight:bold; margin-left:12px} .detailsbox .blue {color:#357399;} .pages { color:#15608b; margin: 8px 0 0 5px; width: 750px; text-align: center;} .pages a{ color:#15608b;} .pages a:hover {color:#000000;} .pages .selected {color:#000000;} .locationarea {width:500px; height:22px; padding-top:5px; border-color:#b6b6b6; border-width:1px; border-style:solid; border-left:0px; border-right:0px; margin-left:8px; text-align:right;} .sitemapcol {width:235px; float:left; color:#626262; font-size:12px} .sitemapcol a{color:#626262; font-size:12px; text-decoration: none;} .sitemapcol a:hover { font-weight:bold; text-decoration: none;} .sitemapcol .blue {color:#357399; font-size:14px; font-weight:bold;} .postingtop { width:672px; border-bottom:solid 1px #626262; border-top:solid 1px #626262; padding: 8px 0 8px 0} .posting { width:672px; border-bottom:solid 1px #626262; padding: 8px 0 8px 0} .blue a{color:#357399; font-size:14px; font-weight:bold;} .blue a:hover { text-decoration:none; color:#62a0c6 } .date { font-size:9px;} .copy { font-size:11px} .learnmorejob a{ width:89px; height:21px; background-image:url(/images/buttons/btn-learnmore.gif); background-position: top left; background-repeat:no-repeat; text-indent:-99999em; float:right;} .learnmorejob a:hover{ background-position: 0 -21px;} img.floatRightClear {float: right; clear: right; margin:0 0 8px 12px;} .zipcode { padding-left:10px} .arrows { width:11px; height:18px;} /* * * Wind Energy Section * */ ul.wind li{background:url(/images/bullet-wind.gif) 0 0 no-repeat; padding-left:40px; list-style:none; margin:10px 0 0 -30px;} ul.wind li p{margin-bottom:-8px;} .wind-left {float:left; width:253px; margin-top: 0;} .wind-right {float:left; width:672px; margin: -15px 0 0 14px;} .wind-animation {float:left; margin-left:-35px; background:url(/images/animation-bg.jpg) -11px 0; width:288px; height:210px;} #wysiwygTurbine { margin:15px 5px -16px 5px; color:#134462; width:590px; border:none; float:left;} #wysiwygTurbine p{margin-top:-10px;} /* * * Layout / Form * */ .form{ padding: 5px 5px 20px 5px; width: 500px; margin:0 auto; border: solid 1px #ececec; color:#19577C} .formRow{ margin-top: 10px;} .formItem { width: 250px; float: left;} .formItem .textfield{ width: 235px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 490px; float: left;} .formItemLong .textfield{ width: 490px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 490px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 250px; float: left;} .city .textfield{ width: 235px;} .state{ width: 40px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 250px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} .radio { margin-left:25px} #spacer { width: 940px; float: left; background: #ffffff; height: 10px; display: block;} /* * * Layout / Footer * */ #footer { background: url(/images/structure/footer-rep.gif); background-repeat:repeat-y;} #ft{ background: #ffffff; background-image: url(/images/structure/footer.gif); background-position:top; padding-left: 0; color: #ffffff; font-size: 11px; width:940px; height:74px; margin-top:15px; margin-bottom:10px;} #ft .ftmain { width: 910px; margin: 0 0 0 15px; padding-top:8px;} #ft .ftmain a{ color: #ffffff; text-decoration:none; } #ft .ftmain a:hover{ color: #ffffff; text-decoration:underline; } .ftbelow { color: #357399; margin-bottom:20px;} .ftbelow a{ color: #357399;} .tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color:#626262; margin-left:15px; padding:5px } /* * * Store * */ #cart-nav {width:180px; display:block; float:left; margin: 15px 0 0 0; } .cart-nav-header { background: url(/images/headers/inventorysml-header.gif) top left no-repeat; height: 24px; } .cart-nav-items { width:178px; background-color:#ededed; color: #626262; border-color:#b9b9b9; border-width:1px; border-style:solid; border-top:0px; padding-top:10px; } .cart-nav-catgeories { position: relative; margin: 6px 0 0 16px; padding: 0; } .cart-nav-catgeories li { position: relative; margin: 0; padding: 0 0 8px 0; list-style: none; } .cart-nav-search { position: relative; width:140px; margin: 8px 0 14px 16px; border-top: 1px solid #bfc0c4; padding: 14px 0 0 0; } .cart-nav-search-textbox { position: relative; width: 130px; margin: 0 0 8px 0; padding: 0;} #store-content { margin-top:15px; color:#134462; width:750px; float:right; } .store-nav-options { position: relative; float:left; width:750px; margin: 16px 0 16px 0; } .store-nav-options.pagetop { border-bottom: 1px solid #c5c5c5; padding: 0 0 14px 0; } .store-nav-options.pagebottom { margin-top: 6px; border-top: 1px solid #c5c5c5; padding: 14px 0 0 0; } .store-search-results { position: relative; float:left; width:722px; margin-bottom: 14px; padding: 0 14px 0 14px; font-size: 15px; color: #000; } .store-nav-item-no { position: relative; float:left; color: #000; padding: 0 0 0 14px; } ul.store-nav-pagination { position: relative; float:right; margin: 0; padding: 0 14px 0 0; } ul.store-nav-pagination li { position: relative; float:left; list-style: none; margin: 0; padding: 0 0 0 10px; } .store-nav-item-list { position: relative; float:left; width:750px; } .store-item { float:left; height:155px; margin:0 0 16px; min-height:155px; padding:0; position:relative; width:370px;} .store-item.odd { margin-right: 10px; } .store-item-pic { position: relative; float: left; width: 160px; margin: 0 8px 0 0; padding: 5px; background: none; } .store-item-pic a img { border: 1px solid #C5C5C5; } .store-item-content { position: relative; float: left; width: 182px; padding: 8px 8px 8px 0; } .store-item-name { position: relative; width: 100%; float: left; clear:both; padding: 0 0 10px 0; color: #1a4a67; font-size: 15px; } .store-item-desc { position: relative; float: left; padding: 0 0 10px 0; color: #626262; font-size: 11px; line-height: 120%; } .store-item-price { position: relative; float: left; padding: 0 0 10px 0; color: #626262; font-size: 11px; line-height: 120%; clear:both;} a.store-item-btn { display: block; position: relative; float: left; width: 130px; height: 21px; background: url(/images/buttons/viewcat.gif) top left no-repeat; text-indent: -9999px; } a.store-item-btn:hover { background-position: 0px -21px; } .item-detail { position: relative; float:left; width:750px; margin: 22px 0 0 0; } .item-detail-pic { position: relative; float: left; width: 300px; margin: 0 22px 0 0; border: 1px solid #c5c5c5; padding: 5px; background: #fff; } .item-detail-desc { position: relative; float: left; width: 416px; } .item-detail-title { position: relative; float: left; width: 100%; padding: 8px 0 10px 0; font-size: 22px; color: #000; line-height: 120%; } .item-detail-txt { position: relative; float: left; width: 100%; } .item-detail-txt p { font-size: 12px; color: #000; line-height: 140%; } .item-detail-price { position: relative; float: left; width: 100%; font-size: 18px; color: #000; padding:10px 0; } a.btn-addtocart { display: block; position: relative; float: left; width: 101px; height: 21px; background: url(/images/buttons/btn-addtocart.png) top left no-repeat; text-indent: -9999px; } .cart-table-options { position: relative; float: left; margin: 16px 0 0 0; clear: left; } .cart-table-options th { margin: 0 10px 0 0; font-weight: normal; text-align: left; } .txt-qty { width: 34px; } .store-flow-steps { position: relative; float:left; margin: 0; padding: 0 14px 0 0; } ul.store-flow-steps li { position: relative; float:left; list-style: none; margin: 0; padding: 0 0 0 10px; color: #999999; } ul.store-flow-steps li a { color: #999999; } ul.store-flow-steps li a.currentStep { color: #134462; font-weight: bold; } ul.store-flow-steps li a.previousStep { color: #000; } .table-standard { position: relative; float:left; margin: 0; padding: 0; } .table-standard th { height:24px; background: url(/images/bg-table-standard-th.gif) top left repeat-x; font-size: 12px; color: #fff; text-transform: uppercase; } .table-standard th.left { text-align: left; } .table-standard th.right { text-align: right; } .table-standard th.center { text-align: center; } .table-standard th.leftend { padding-left: 8px; background: url(/images/bg-table-standard-th-left.gif) top left no-repeat; } .table-standard th.rightend { padding-right: 8px; background: url(/images/bg-table-standard-th-right.gif) top right no-repeat; } .table-standard td { border-bottom: 1px solid #B9B9B9; padding: 8px 0 8px 0; background: #FFFFFF; font-size: 12px; color: #000; } .table-standard td.left { text-align: left; } .table-standard td.right { text-align: right; } .table-standard td.center { text-align: center; } .table-standard td.leftend { padding-left: 8px; border-left: 1px solid #B9B9B9; } .table-standard td.rightend { padding-right: 8px; border-right: 1px solid #B9B9B9; } .table-standard td.borderlr { border-left: 1px solid #B9B9B9; border-right: 1px solid #B9B9B9; padding-left: 8px; padding-right: 8px; } .table-standard td.noborder { border: 0; } .table-standard td.blank { border: 0; padding-left: 8px; padding-right: 8px; background: none; } .table-standard td.total { font-size: 15px; font-weight: bold; color: #000; } .table-totals { position: relative; float:left; margin: 0; padding: 0; } .table-totals td { border-bottom: 1px solid #B9B9B9; padding: 8px 0 8px 0; font-size: 12px; color: #000; } .table-totals td.totals { border-bottom: none;} .table-totals td.left { text-align: left; } .table-totals td.right { text-align: right; } .table-totals td.center { text-align: center; } .alert-announcement { position: relative; float:left; width: 100%; margin: 0 0 14px 0; padding: 0 0 0 12px; } .announcement { font-size: 15px; font-weight: normal; } .printyourorder { font-size: 13px; font-weight: normal; } .checkout-title { position: relative; float:left; width: 100%; margin: 4px 0 20px 0; padding: 0 0 0 12px; font-size: 18px; } .msg-containter { position: relative; float:left; width: 100%; margin: 0 0 14px 0; padding: 0; } .store-col { position: relative; float:left; width: 340px; margin: 0 0 14px 0; border: 1px solid #c5c5c5; padding: 16px 14px 14px 14px; background: #fff; } .store-col.col-one { margin-right: 10px; } .store-col.col-two { } .store-cart-option { color: #626262; font-size: 11px; font-style:italic; } .formRow { position: relative; float:left; width: 100%; margin-top: 10px; } .form-section-title { font-size: 16px; color: #000; } .formItem { width: 250px; float: left;} .formItem .textfield{ width: 235px; padding: 4px 0 4px 4px; } .formItem .textfield-small{ width: 50px; padding: 4px 0 4px 4px; } .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 100%; float: left;} .formItemLong .textfield{ width: 300px; padding: 4px 0 4px 4px; } .formItemLong .textfield2{ width: 300px; padding: 4px 0 4px 4px; } .formItemLong .textfield-small{ width: 50px; padding: 4px 0 4px 4px; } .formItemLong .textarea { width: 300px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 250px; float: left;} .city .textfield{ width: 235px;} .state{ width: 40px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 250px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} .radio { margin-left:25px} /* Message - Notifications */ .success { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #d5ffce url('../images/structure/tick_circle.png'); border:1px solid #9adf8f !important; color: #556652; } .error { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#ffe8e8 url(../images/structure/cross_circle.png) repeat scroll 0 0; border:1px solid #DF8F8F !important; color:#dd0000 !important; } .notification { background-position:10px 11px !important; background-repeat:no-repeat !important; border:1px solid #DF8F8F; font-size:13px; margin:0 0 15px; padding:0; position:relative; width:99.8%; } .notification .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; } .notification div { display:block; font-style:normal; line-height:1.5em; padding:10px 10px 10px 36px; } /* Helpers */ .mouse { cursor: pointer; } .view-cart { position: relative; float: right; position: relative; } .view-cart img { border: none; } /* Category Listing */ #NavStoreCategories ul { margin: 0 0 0 2px; padding: 0 0 0 2px; width: auto; } #NavStoreCategories ul li * { list-style-type: none; list-style-image: none; } #NavStoreCategories ul li { margin: 0 0 0 2px; padding: 0 0 0 2px; font-weight: bold; } #NavStoreCategories ul li ul { margin: 0 0 0 2px; padding: 0 0 0 7px; } #NavStoreCategories ul li ul li { margin: 0 0 0 2px; padding: 0 0 0 2px; font-weight: normal; } #store_header { width:750px; height:45px; background-image:url(/images/structure/cat-title750.gif); background-repeat:no-repeat; float:left; } #store-content #divViewCart { float: right; width: auto; position: relative; } /*---Location Styles---*/ #locationarea{ margin:15px 0; color:#134462; padding: 5px; background: #fff url(/images/content-bg.gif) top left no-repeat; min-height: 357px;} #GoogleMap {width: 450px; height: 450px; float:right; border: #2073a5 1px solid;} #locationList {float:left; width: 470px;} #locationList .locationitem{margin-bottom: 10px; border: 1px solid #ccc;} #locationList .locationitem .state{ padding: 5px; background: #134360 url(/images/title-bg.gif) top left repeat-x; color: #fff; width: 458px; float: left;} #locationList .locationitem .state h2{color: #fff;} #locationList .locationitem .citylink{ padding: 5px; width: 458px; float: left;} #locationInfo {float:left; width: 600px; border: 1px solid #ccc; margin-right: 10px;} #locationInfo .locationtitle{ padding: 5px; background: #134360 url(/images/title-bg.gif) top left repeat-x; color: #fff; width: 590px; float: left;} #locationInfo .information{padding: 5px; float: left; width: 100%;} #locationInfo #locationImage{border: #2073a5 1px solid;} #locationDetail {float:right; width: 300px;} #home-feature-tables { margin-top: 20px; } div#home-feature-tables #home-specials, div#home-feature-tables #home-news, div#home-feature-tables #home-store { float: left; display: inline; margin-right: 14px; width: 303px; height: 150px; background: url(/images/structure/bg_product-home.gif) no-repeat; font-size: 85%; } div#home-feature-tables #home-specials { background: url(/images/structure/bg_specials-home.gif) no-repeat; } div#home-feature-tables #home-news { background: url(/images/structure/bg_news-home.gif) no-repeat; } div#home-feature-tables #home-store { margin-right: 0; background: url(/images/structure/bg_store-home.gif) no-repeat; } /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display:none; background:transparent url(/tools/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } /* override the arrow image of the tooltip */ .tooltip.bottom { background:url(/tools/img/tooltip/black_arrow_bottom.png); padding-top:40px; height:55px; } .tooltip.bottom { background:url(/tools/img/tooltip/black_arrow_bottom.png); }