/* ====[ Page Section ]======================================================================================================= */ body { margin: 0; padding: 0; text-align:center; background: #dedede url('../images/bodybg3.jpg') repeat-x top left; } table { margin-left: auto; margin-right: auto; background: #fff; text-align: left; } #page { width: 776px; background: #fff; margin: 0 auto; border: none; } #container { width: 774px; background: #005432; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; overflow: hidden; } #presentation { width: 623px; min-height: 1237px; _height: auto !important; background: #fff; border-right: 1px solid #000; float: left; margin: 0 auto; overflow: hidden; } h6,h5,h4,h3,h2,h1 { font-family: Arial, courier, Times; font-weight: bold; margin: 0; } td { font-family: Arial, courier, Times; font-size: 13px; } p { font-family: Arial, courier, Times; font-size: 13px; } div { font-family: Arial, courier, Times; font-size: 13px; } ul { margin-top: 6px; margin-bottom: 0; } a { text-decoration: none; } a:hover { text-decoration: none; color: #00b85c; } h1 sup { font-style: italic; vertical-align: .6em; line-height: 1em; } h2 sup { font-style: italic; vertical-align: .8em; line-height: 1em; } sup { font-size: .8em; vertical-align: .6em; line-height: 1em; } .SM { line-height: 1em; font-size: .5em; vertical-align: text-top; } .hiddenmodels { position: absolute; visibility: hidden; } .itemBorder0 { border: none; } .itemBorder { border: 1px solid #000; } .itemBorder2 { border: 1px solid #005432; } .itemBorder3 { border: 1px solid #bbb; } .itemBorder4 { border: 1px solid #3599cc; } .itemBordernotop { border-top: none; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; } .itemBordernobottom { border-top: 1px solid #000; border-bottom: none; border-right: 1px solid #000; border-left: 1px solid #000; } .itemBordernoright { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: none; border-left: 1px solid #000; } .itemBordernoleft { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid black; border-left: none; } .itemBordernotopbottom { border-top: none; border-bottom: none; border-right: 1px solid #000; border-left: 1px solid #000; } .itemBorderleft { border-top: none; border-bottom: none; border-right: none; border-left: 1px solid #000; } .itemBorderLeftBottom { border-top: none; border-bottom: 1px solid #bbbbbb; border-right: none; border-left: 1px solid #bbbbbb; } .itemBorderRightBottom { border-top: none; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-left: none; } .itemBorderLeftTop { border-top: 1px solid #bbbbbb; border-bottom: none; border-right: none; border-left: 1px solid #bbbbbb; } .itemBorderRightTop { border-top: 1px solid #bbbbbb; border-bottom: none; border-right: 1px solid #bbbbbb; border-left: none; } .itemBorderLeftRightTop { border-top: 1px solid #bbbbbb; border-bottom: none; border-right: 1px solid #bbbbbb; border-left:1px solid #bbbbbb; } .itemBordertop { border-top: 2px solid #fff; border-bottom: none; border-right: none; border-left: none; } .itemBordertop1 { border-top: 1px solid #000; border-bottom: none; border-right: none; border-left: none; } .sitemap ul { padding-top: 2px; padding-bottom: 10px; text-align: left; } .sitemap ol { padding-top: 2px; padding-bottom: 10px; text-align: left; } .sitemap li { padding-top: 2px; padding-bottom: 4px; text-align: left; } .c000000 { color: #000; } .cffffff { color: #fff; } .cffff00 { color: #ff0; } .cff0000 { color: #f00; } .c002999 { color: #002999; } .c0099cc { color: #09c; } .c054af8 { color: #054af8; } .c336699 { color: #336699; } .c88aaff { color: #8af; } .c803503 { color: #803503; } .c993300 { color: #993300; } .cbbbbbb { color: #bbb; } .c005432 { color: #005432; } .c006633 { color: #063; } .c00b85c { color: #00b85c; } .cff6600 { color: #f60; } .c006600 { color: #060; } .cff9933 { color: #f93; } .cda80a5 { color: #da80a5; } .c663399 { color: #663399; } .c9e0621 { color: #9e0621; } .cb50008 { color: #b50008; } .cd70029 { color: #d70029; } .cd71b1b { color: #d71b1b; } .cdcdcb8 { color: #dcdcb8; } .ca1b8df { color: #a1b8df; } .c9d1c27 { color: #9d1c27; } .c46448e { color: #171648; } #px20 { font-size: 20px; } #px18 { font-size: 18px; } #px16 { font-size: 16px; } #px14 { font-size: 14px; } #px13 { font-size: 13px; } #px12 { font-size: 12px; } #px10 { font-size: 10px; } #px9 { font-size: 9px; } #px8 { font-size: 8px; } #px7 { font-size: 7px; } #pt20 { font-size: 20pt; } #pt18 { font-size: 18pt; } #pt16 { font-size: 16pt; } #pt14 { font-size: 14pt; } #pt13 { font-size: 13pt; } #pt12 { font-size: 12pt; } #pt10 { font-size: 10pt; } #pt9 { font-size: 9pt; } #pt8 { font-size: 8pt; } #pt7 { font-size: 7pt; } .px27 { font-size: 27px; } .px26 { font-size: 26px; } .px25 { font-size: 25px; } .px24 { font-size: 24px; } .px23 { font-size: 23px; } .px22 { font-size: 22px; } .px21 { font-size: 21px; } .px20 { font-size: 20px; } .px19 { font-size: 19px; } .px18 { font-size: 18px; } .px17 { font-size: 17px; } .px16 { font-size: 16px; } .px15 { font-size: 15px; } .px14 { font-size: 14px; } .px13 { font-size: 13px; } .px12 { font-size: 12px; } .px11 { font-size: 11px; } .px10 { font-size: 10px; } .px9 { font-size: 9px; } .px8 { font-size: 8px; } .px7 { font-size: 7px; } .px6 { font-size: 6px; } .pt20 { font-size: 20pt; } .pt18 { font-size: 18pt; } .pt16 { font-size: 16pt; } .pt14 { font-size: 14pt; } .pt13 { font-size: 13pt; } .pt12 { font-size: 12pt; } .pt10 { font-size: 10pt; } .pt9 { font-size: 9pt; } .pt8 { font-size: 8pt; } .pt7 { font-size: 7pt; } .justify { text-align: justify; } .hiddenmodels { visibility: hidden; } /* ====[ Header Section ]===================================================================================================== */ #header { height: 87px; overflow: hidden; } #headerBrand { width: 774px; height: 57px; border: none; background: #fff; border-right: 1px solid #000; border-left: 1px solid #000; overflow: hidden; } #headerBrandWrap { height: 57px; overflow: hidden; } #logo { width: 128px; height: 54px; text-align: right; padding-left: 19px; border: none; float: left; } #trademark { width: 545px; height: 54px; border: none; float: left; } #trademark2 { width: 280px; height: 54px; padding-top: 2px; border: none; float: left; } #holiday_phone { width: 197px; height: 54px; padding-top: 8px; float: left; text-align: center; overflow: hidden; } #closed_holiday { font-size: 10px; line-height: 10px; font-weight: bold; color: #000; } #phone { width: 197px; height: 36px; padding-top: 18px; float: left; text-align: center; overflow: hidden; } #number { font-size: 24px; line-height: 24px; font-weight: bold; color: #000; } #hours { font-size: 10px; line-height: 10px; font-weight: bold; color: #000; } #cart { width: 82px; height: 54px; text-align: left; padding-top: 2px; border: none; float: left; } #block { width: 150px; height: 57px; float: left; overflow: hidden; } #social { width: 150px; height: 25px; overflow: hidden; } #twitter { width: 50px; height: 25px; float: left; } #facebook { width: 50px; height: 25px; float: left; } #youtube { width: 50px; height: 25px; float: left; } #cart2 { width: 80px; height: 29px; text-align: center; border: none; padding-top: 4px; margin: 0 auto; } #headerMenu { width: 774px; height: 29px; border-right: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #000; background: #fff; overflow: hidden; } #headerMenuBar { height: 26px; line-height: 26px; border-bottom: 1px solid #000; margin-top: 1px; background-image: url('../images/navBarBg-4.gif'); overflow: hidden; } #headerMenuNav { width: 438px; height: 25px; line-height: 25px; color: #fff; font-size: 12px; text-align: center; float: left; overflow: hidden; } a.menuNav { color: #ffffff; font-size: 10pt; } a.menuNav:hover { color: #ffea00; font-size: 10pt; } #search { width: 99px; height: 25px; line-height: 25px; text-align: right; float: left; overflow: hidden; background: url("../images/searchBoxBackground-001.jpg") 0 0 no-repeat; } #searchBox { width: 86px; height: 11px; font-size: 10px; vertical-align: top; margin-top: 4px; } #searchButton { width: 78px; height: 25px; padding-right: 9px; text-align: center; float: left; } #searchBtnBW { display: none;} #model { width: 72px; height: 25px; color: #fff; font-size: 12px; line-height: 25px; text-align: left; float: left; } #keyword { width: 80px; height: 25px; color: #fff; font-size: 12px; line-height: 25px; text-align: left; float: left; } #browse { width: 150px; height: 10px; float: left; } .browseButton { width: 42px; height: 23px; line-height: 23px; float: left; } #browseTitle { width: 66px; height: 25px; line-height: 25px; float: left; } #browseNext { width: 42px; height: 25px; } #browseNext a:hover img { visibility: hidden; } #browseNext a { display: block; width: 42px; height: 25px; background: url("../images/browseNext-002.jpg") 0 0 no-repeat; text-decoration: none;} #browseNext a:hover { background-position: 0 -25px; } #browseNext a:active { background-position: 0 -50px; } #browsePrev a:hover img { visibility: hidden; } #browsePrev a { display: block; width: 42px; height: 25px; background: url("../images/browsePrev-002.jpg") 0 0 no-repeat; text-decoration: none;} #browsePrev a:hover { background-position: 0 -25px; } #browsePrev a:active { background-position: 0 -50px; } .rtx { vertical-align: 2px; } .head img { display: block; } /* ====[ Product Section ]==================================================================================================== */ #product { width: 605px; background: #fff; border: none; margin: 0 auto; } .productHeader,.productHeaderTd,.productHeaderBar,.productHeaderBarPrint,.productHeaderTitle { width: 605px; height: 60px; } .productHeader { position: relative; display: block; } .productHeaderBar { line-height: 60px; display: block; } .productHeaderBarPrint { line-height: 60px; display: none; } .productHeaderTitle { line-height: 60px; text-align: left; position: absolute; top: 0px; left: 0px; } #px20-1 { font-family: Arial, courier, Times; font-size: 20px; margin: 0; margin-left: 10px; } #px18-1 { font-family: Arial, courier, Times; font-size: 18px; margin: 0; margin-left: 10px; } #px16-1 { font-family: Arial, courier, Times; font-size: 16px; margin: 0; margin-left: 10px; } #px14-1 { font-family: Arial, courier, Times; font-size: 14px; margin: 0; margin-left: 10px; } #px12-1 { font-family: Arial, courier, Times; font-size: 12px; margin: 0; margin-left: 10px; } #px10-1 { font-family: Arial, courier, Times; font-size: 10px; margin: 0; margin-left: 10px; } #px9-1 { font-family: Arial, courier, Times; font-size: 9px; margin: 0; margin-left: 10px; } .wrapper { width: 605px; overflow: hidden; margin: 0 auto; } .wrapper2 { width: 583px; overflow: hidden; margin: 0 auto; } .rightR { width: 295px; text-align: center; margin-left: 310px; float: left; } .rightR2 { width: 279px; float: right; text-align: justify; } * html .rightR { display: inline; } .leftR { width: 295px; text-align: center; margin-left: -605px; float: left; } .leftR2 { width: 295px; float: left; text-align: center; padding-top: 15px; } .spaceR { width: 15px; margin-left: -310px; float: left; } .leftL { width: 295px; text-align: center; float: left; } .leftL2 { width: 279px; float: left; text-align: justify; } .spaceL { width: 15px; float: left; } .rightL { width: 295px; text-align: center; float: right; } .rightL2 { width: 295px; float: right; text-align: center; padding-top: 15px; } .thumbnail { width: 295px; vertical-align: top; text-align: center; } .thumbnailTd { width: 98px; vertical-align: top; text-align: center; } .match { width: 280px; border: 1px solid #bbb; } .matchTitle { width: 280px; height: 21px; line-height: 21px; text-align: center; margin: 0 auto; background-image: url('../images/matchbar.gif'); } .match1 { width: 198px; border: 1px solid #bbb; padding: 10px 0; margin: 0 auto; overflow: hidden; } .matchTitle1 { width: 200px; height: 21px; line-height: 21px; text-align: center; background-image: url('../images/matchbar1.gif'); border: none; margin: auto; } .matchSpace { width: 140px; height: 10px; border: none;} .matchItem { width: 140px; text-align: center; border: none; } .matchItem1 { width: 200px; text-align: center; border: none; overflow: hidden; } .match2 { width: 274px; border: 1px solid #bbb; margin: 0 auto; overflow: hidden; padding: 10px 2px; } .matchItem2 { width: 137px; text-align: center; border: none; float: left; overflow: hidden; } .match3 { width: 194px; border: 1px solid #bbb; margin: 0 auto; overflow: hidden; padding: 10px 2px; } .matchItem3 { width: 194px; text-align: center; border: none; overflow: hidden; } .sale { width: 194px; border-top: 0; border-right: 1px dashed #d62128; border-bottom: 1px dashed #d62128; border-left: 1px dashed #d62128; margin: auto; overflow: hidden; padding: 10px 2px} .saleTitle { width: 200px; height: 20px; line-height: 20px; text-align: center; border: none; margin: 0 auto; color: #fff; } .saleItem { width: 198px; text-align: center; border: none; } .features { width: 295px; height: 23px; color: #fff; line-height: 23px; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto; } .specifications { width: 295px; height: 23px; color: #fff; line-height: 23px; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto; } .dimensions { width: 280px; height: 21px; text-align: center; background-image: url('../images/dimBar.gif'); border: none; margin: 0 auto; } .dimTh { width: 280px; height: 21px; line-height: 21px; text-align: center; background-image: url('../images/matchbar.gif'); border: none; } .dimTable { width: 280px; text-align: center;} .dimTd { width: 280px; height: 21px; text-align: center; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: none; border-left: 1px solid #bbb; } .dimTd2 { width: 280px; height: 22px; text-align: center; border: 1px solid #bbb; } .dimT { width: 280px; height: 21px; line-height: 21px; text-align: center; background-image: url('../images/matchbar.gif'); border: none; margin: 0 auto; } .dimD { width: 278px; height: 21px; line-height: 21px; text-align: center; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: none; border-left: 1px solid #bbb; margin: 0 auto; } .dimD2 { width: 278px; height: 22px; line-height: 21px; text-align: center; border: 1px solid #bbb; margin: 0 auto; } .please { width: 295px; border: none; } .pleaseNote { width: 295px; height: 23px; color: #fff; line-height: 23px; font-weight: bold; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; } .stainless { width: 293px; height: 42px; border: 1px solid #bbb; } .stainlessBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/stainlessbar.png'); } .stainlessDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .esteele { width: 293px; height: 108px; border: 1px solid #bbb; } .esteeleBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/esteelebar.png'); } .esteeleDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .valveSystem { width: 293px; height: 108px; border: 1px solid #bbb; } .valveSystemBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/valvebar.jpg'); } .valveSystemDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .health { width: 293px; height: 108px; border: 1px solid #bbb; } .healthBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/healthbar.png'); } .healthDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .epolish { width: 293px; height: 108px; border: 1px solid #bbb; } .epolishBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/epolishbar.jpg'); } .epolishDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .recycledContentBar { width: 295px; height: 23px; color: #036635; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/recycled-content-bar.png'); } .recycledContentDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .ggcBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/ggcbar.jpg'); } .ggcDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .uaBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; border-top: 1px solid #bbb; background-image: url('../images/uabar.png'); } .uaDetail { width: 263px; padding: 15px; overflow: hidden; text-align: center; border: 1px solid #bbb; color: #666; } .galvanizedBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; border-top: 1px solid #bbb; background-image: url('../images/galvanizedbar.png'); } .galvanizedDetail { width: 277px; padding: 8px; overflow: hidden; text-align: center; border: 1px solid #bbb; color: #666; } .pmfgucBar { width: 295px; height: 23px; color: #666; line-height: 23px; font-weight: bold; text-align: left; text-indent: 5px; border-top: 1px solid #bbb; background-image: url('../images/pmfg-uc-bar.jpg'); } .pmfgucDetail { width: 283px; padding: 5px; overflow: hidden; text-align: justify; border: 1px solid #bbb; } .qBuyingGuide { width: 220px; overflow: hidden; margin: 0 auto; } .qbgTitle { width: 220px; line-height: 19px; font-size: 11px; color: #fff; overflow: hidden; } .qbgDetail { width: 218px; height: 39px; line-height: 38px; background: #e8e8ce; } .catalogThumb { border: 1px solid #000; } /* ====[ Pricing Section ]==================================================================================================== */ #pricing { width: 605px; border: none; background: #fff; text-align: center; clear: both; overflow: hidden; margin: 0 auto; } #widget { width: 605px; height: 46px; color: #060; text-align: center; font-weight: bold; clear: both; margin: 0 auto; } #arrow { vertical-align: 1px; padding-right: 2px; float: left; } #itemDetails { width: 415px; color: #060; font-size: 12px; font-weight: bold; text-align: left; margin: 16.5px auto; padding-left: 0px; float: left; position: relative; } #bookmark { width: 26px; height: 32px; margin-top: 13px; margin-left: 4px; text-align: right; float: left; position: relative; } #share { width: 26px; height: 32px; margin-top: 13px; margin-left: 4px; text-align: right; float: left; position: relative; } #question { width: 26px; margin-top: 13px; text-align: right; float: left; margin-left: 5px; } #tweet { width: 56px; margin-top: 14px; text-align: left; float: left; overflow: hidden; margin-left: 5px; } #plusone { width: 33px; margin-top: 14px; text-align: left; float: left; overflow: hidden; margin-left: 3px; } #shares { visibility: hidden; width: 126px; height: 124px; border: 1px solid #146733; background-color: #fff; padding-top: 10px; position: absolute; top: 22px; left: -102px; z-index: 2; } #bookmarks { visibility: hidden; width: 126px; height: 124px; border: 1px solid #146733; background-color: #fff; padding-top: 10px; position: absolute; top: 22px; left: -102px; z-index: 2; } .slink {width: 126px; height: 19px; cursor: pointer; overflow: hidden; } .sicon {width: 16px; margin: 0 5px 0; float: left; overflow: hidden;} .stitle {width: 100px; float: left; text-align: left; font-size: 10px; line-height: 16px; overflow: hidden;} .priceTitle { width: 605px; border-top: 1px solid; border-bottom: 1px solid; border-right: none; border-left: none; border-color: #000; } .ptBelson{background:url('../images/pbBelson.gif')} .ptBelson,.ptRecycled,.ptTrash,.ptWaste2,.ptWaste, .ptAsh,.ptConcrete,.ptPicnic,.ptBench,.ptBoulevard,.ptPark, .ptUmbrella2,.ptUmbrella,.ptParking,.ptMetal, .ptPlanters,.ptPet2,.ptWood,.ptGrills,.ptPicnic, .ptPool,.ptSport,.ptCamp,.ptBanquet,.ptBike, .ptSkate,.ptBleachers,.ptBus,.ptCanopy,.ptDrinking, .ptFire,.ptFood,.ptHotDog,.ptPopcorn,.ptCotton, .ptPatio,.ptCafe,.ptCafe3,.ptPet,.ptLock,.ptLock2, .ptLock3,.ptSanitation,.ptTrash,.ptUA,.ptResin, .ptExpanded,.ptExpanded2,.ptPerforated,.ptPerforated2, .ptThermo,.ptWood,.ptSale,.ptRibbed,.ptThermo2, .ptRibbed2,.ptPicnic2,.ptSafety,.ptKids,.ptKids2, .ptMat,.ptTextured,.ptPlasticLumber,.ptConcrete3, .ptExercise,.ptUSFlags,.ptGas,.ptPlayground,.ptPlayground2 { width: 605px; border-top: 1px solid; border-bottom: 1px solid; border-right: none; border-left: none; border-color: #000; } .ptRecycled{background:url('../images/pbRecycled.gif')} .ptTrash,.ptTrash{background:url('../images/pbTrash.gif')} .ptWaste2{background:url('../images/pbWaste2.gif')} .ptWaste{background:url('../images/pbWaste.gif')} .ptAsh{background:url('../images/pbAsh.gif')} .ptConcrete{background:url('../images/pbConcrete.gif')} .ptConcrete3{background:url('../images/pbConcrete3.gif')} .ptPicnic,.ptPicnic{background:url('../images/pbPicnic.gif')} .ptBench{background:url('../images/pbBench.gif')} .ptBoulevard{background:url('../images/pbBoulevard.gif')} .ptPark{background:url('../images/pbPark.gif')} .ptUmbrella2{background:url('../images/pbUmbrella2.gif')} .ptUmbrella{background:url('../images/pbUmbrella.gif')} .ptParking{background:url('../images/pbParking.gif')} .ptMetal{background:url('../images/pbMetal.gif')} .ptPlanters{background:url('../images/pbPlanters.gif')} .ptPet2{background:url('../images/pbPet2.gif')} .ptWood,.ptWood{background:url('../images/pbWood.gif')} .ptGrills{background:url('../images/pbGrills.gif')} .ptPool{background:url('../images/pbPool.gif')} .ptSport{background:url('../images/pbSport.gif')} .ptCamp{background:url('../images/pbCamp.gif')} .ptBanquet{background:url('../images/pbBanquet.gif')} .ptBike{background:url('../images/pbBike.gif')} .ptSkate{background:url('../images/pbSkate.gif')} .ptBleachers{background:url('../images/pbBleachers.gif')} .ptBus{background:url('../images/pbBus.gif')} .ptCanopy{background:url('../images/pbCanopy.gif')} .ptDrinking{background:url('../images/pbDrinking.gif')} .ptFire{background:url('../images/pbFire.gif')} .ptFood{background:url('../images/pbFood.gif')} .ptHotDog{background:url('../images/pbHotDog.gif')} .ptPopcorn{background:url('../images/pbPopcorn.gif')} .ptCotton{background:url('../images/pbCotton.gif')} .ptPatio{background:url('../images/pbPatio.gif')} .ptCafe{background:url('../images/pbCafe.gif')} .ptCafe3{background:url('../images/pbCafe3.gif')} .ptPet{background:url('../images/pbPet.gif')} .ptLock{background:url('../images/pbLock.gif')} .ptLock2{background:url('../images/pbLock2.gif')} .ptLock3{background:url('../images/pbLock3.gif')} .ptSanitation{background:url('../images/pbSanitation.gif')} .ptUA{background:url('../images/pbUA.gif')} .ptResin{background:url('../images/pbResin.gif')} .ptExpanded{background:url('../images/pbExpanded.gif')} .ptExpanded2{background:url('../images/pbExpanded2.gif')} .ptPerforated{background:url('../images/pbPerforated.gif')} .ptPerforated2{background:url('../images/pbPerforated2.gif')} .ptThermo{background:url('../images/pbThermo.gif')} .ptSale{background:url('../images/pbSale.gif')} .ptRibbed{background:url('../images/pbRibbed.gif')} .ptThermo2{background:url('../images/pbThermo2.gif')} .ptRibbed2{background:url('../images/pbRibbed2.gif')} .ptPicnic2{background:url('../images/pbPicnic2.gif')} .ptSafety{background:url('../images/pbSafety.gif')} .ptKids{background:url('../images/pbKids.gif')} .ptKids2{background:url('../images/pbKids2.gif')} .ptMat{background:url('../images/pbMat.gif')} .ptTextured{background:url('../images/pbTextured.gif')} .ptPlasticLumber{background:url('../images/pbPlasticLumber.gif')} .ptExercise{background:url('../images/pbExercise.gif')} .ptUSFlags{background:url('../images/pbUSFlags.gif')} .ptGas{background:url('../images/pbGas.gif')} .ptPlayground {background:url('../images/pbPlayground.gif')} .ptPlayground2 {background:url('../images/pbPlayground2.gif')} .description { width: 605px; border: none; } .descriptionBorder1 { width: 605px; border-top: none; border-bottom: 1px solid; border-right: none; border-left: none; } .descriptionBorder2 { width: 605px; border-top: none; border-bottom: 2px solid; border-right: none; border-left: none; } .item { width: 560px; height: 23px; line-height: 23px; color: #fff; font-weight: bold; text-align: left; padding-left: 4px } .qty { width: 40px; height: 23px; line-height: 23px; color: #fff; font-weight: bold; text-align: center; } .itemG { width: 510px; height: 23px; line-height: 23px; color: #fff; font-weight: bold; text-align: left; padding-left: 4px } .qtyG { width: 90px; color: #fff; font-weight: bold; text-align: right; padding-right: 2px } .itemSpecial { width: 410px; height: 23px; line-height: 23px; color: #fff; font-weight: bold; text-align: left; padding-left: 4px } .was { width: 35px; color: #fff; font-weight: bold; text-align: center; padding-left: 35px; } .special { width: 75px; color: #fff; font-weight: bold; text-align: right; padding-right: 10px } .itemAlt { width: 480px; height: 23px; line-height: 23px; color: #fff; font-weight: bold; text-align: left; padding-left: 4px } .cutLength { width: 80px; color: #fff; font-weight: bold; text-align: center; } .alpha { width: 20px; height: 27px; font-weight: bold; text-align: left; } .model45 { width: 45px; height: 27px; text-align: left; } .model55 { width: 55px; height: 27px; text-align: left; } .model65 { width: 65px; height: 27px; text-align: left; } .model75 { width: 75px; height: 27px; text-align: left; } .model85 { width: 85px; height: 27px; text-align: left; } .model95 { width: 95px; height: 27px; text-align: left; } .model105 { width: 105px; height: 27px; text-align: left; } .model115 { width: 115px; height: 27px; text-align: left; } .model125 { width: 125px; height: 27px; text-align: left; } .model135 { width: 135px; height: 27px; text-align: left; } .modelDisc { width: 75px; height: 27px; color: #D71B1B; text-align: left; text-decoration: line-through; } .priceWas { width: 70px; height: 27px; color: #D71B1B; text-align: right; text-decoration: line-through; } .priceSpecial { width: 75px; height: 27px; color: #D71B1B; text-align: right; text-decoration: none; padding-right: 10px; } .priceSpecialblack { width: 75px; height: 27px; color: #000000; text-align: right; text-decoration: none; padding-right: 10px; } .priceDisc { width: 75px; height: 27px; color: #D71B1B; text-align: right; padding-right: 10px; } .note { width: 80px; height: 27px; text-align: center; } .lbs95 { width: 95px; height: 27px; text-align: right; } .lbs85 { width: 85px; height: 27px; text-align: right; } .lbs75 { width: 75px; height: 27px; text-align: right; } .lbs65 { width: 65px; height: 27px; text-align: right; } .lbs55 { width: 55px; height: 27px; text-align: right; } .lbs45 { width: 45px; height: 27px; text-align: right; } .price105 { width: 97px; height: 27px; text-align: right; padding-right: 8px; } .price115 { width: 107px; height: 27px; text-align: right; padding-right: 8px; } .price95 { width: 87px; height: 27px; text-align: right; padding-right: 8px; } .price85 { width: 77px; height: 27px; text-align: right; padding-right: 8px; } .price75 { width: 67px; height: 27px; text-align: right; padding-right: 8px; } .price65 { width: 57px; height: 27px; text-align: right; padding-right: 8px; } .price55 { width: 47px; height: 27px; text-align: right; padding-right: 8px; } .entry { width: 40px; height: 27px; text-align: right; } .pick { width: 50px; height: 27px; text-align: right; } .length { width: 60px; height: 27px; text-align: left; } .detail60 { width: 60px; } .detail70 { width: 70px; } .detail80 { width: 80px; } .detail90 { width: 90px; } .detail100 { width: 100px; } .detail110 { width: 110px; } .detail120 { width: 120px; } .detail130 { width: 130px; } .detail140 { width: 140px; } .detail150 { width: 150px; } .detail160 { width: 160px; } .detail170 { width: 170px; } .detail180 { width: 180px; } .detail190 { width: 190px; } .detail200 { width: 200px; } .detail210 { width: 210px; } .detail220 { width: 220px; } .detail230 { width: 230px; } .detail240 { width: 240px; } .detail260 { width: 260px; } .detail280 { width: 280px; } .detail310 { width: 310px; } .detail320 { width: 320px; } .detail340 { width: 340px; } .detail350 { width: 350px; } .detail360 { width: 360px; } .ocModel { width:85px; height:17px; line-height:17px; } .ocDetail { width:420px; height:17px; line-height:17px; } .ocYes { width:50px; height:17px; line-height:17px; } .ocNo { width:50px; height:17px; line-height:17px; } .modelDisc a:link { color: #d71b1b; text-decoration: line-through; } .modelDisc a:visited { color: #d71b1b; text-decoration: line-through; } .modelDisc a:hover { color: #008c00; text-decoration: line-through; } .modelDisc { color: #d71b1b; text-decoration: line-through; } #Submit1 { width: 130px; height: 25px; padding: 0 1px 0 1px; } #Submit2 { width: 130px; height: 25px; padding: 0 1px 0 1px; } #bulk_inquiry { width: 70px; height: 25px; line-height: 25px; position: relative; z-index: 1; } #bulk { visibility: hidden; width: 245px; height: 120px; text-align: justify; line-height: 1.35em; padding: 0 10px 10px 10px; position: absolute; top: -132px; left: -189px; background-color: #e9e9cf; border: 1px solid #005432; } #bulk_head { height: 15px; overflow: hidden; padding: 8px 0 5px 0; } #bulk_title { font-size: 8pt; height: 15px; line-height: 15px; text-align: left; float: left; } #bulk_close { text-align: right; float: right; width: 12px; height: 15px; line-height: 15px; overflow: hidden; } #bulk_copy { text-align: left; border-top: 1px solid #005432; padding: 7px 0 0 0; } #bulk_copy2 { font-size: 8pt; line-height: 12px; margin-top: 6px; } /* ====[ Promotion Section ]================================================================================================== */ #promotion { width: 605px; border: none; overflow: hidden; margin: 16px auto 0 auto; } .promos { width: 605px; overflow: hidden; padding-top: 16px; text-align: center; } .promoRelated { width: 605px; height: 25px; line-height: 25px; position: relative; display: block; } .promoBar { width: 605px; height: 25px; margin: 0; padding: 0; border: 0; } .promoTitle { width: 605px; height: 25px; line-height: 25px; text-align: center; position: absolute; bottom: 0px; left: 0px; } .promoTitleLink { color: #000; font-family: Arial; font-size: 10pt; font-weight: bold; } a.promoTitleLink { color: #000; } a.promoTitleLink:hover { color: #008C00; } .promoItem { width: 151px; vertical-align: top; text-align: center; float: left; } .promoItemA { width: 121px; vertical-align: top; text-align: center; } .pagination { width: 605px; height: 25px; padding-top: 16px; } #pre { width: 110px; height: 25px; line-height: 25px; overflow: hidden; float: left; } #copyright { width: 385px; height: 25px; text-align: center; line-height: 25px; font-size: 11px; float: left; } #nex { width: 110px; height: 25px; overflow: hidden; float: right; } #next a:hover img { visibility:hidden } #next a { display:block; width:110px; background: url("../images/next1.gif") 0 0 no-repeat; text-decoration: none;} #next a:hover { background-position: 0 -25px; } #next a:active { background-position: 0 -50px; } #previous a:hover img { visibility:hidden } #previous a { display:block; width:110px; background: url("../images/previous1.gif") 0 0 no-repeat; text-decoration: none;} #previous a:hover { background-position: 0 -25px; } #previous a:active { background-position: 0 -50px; } /* ====[ Footer Section ]===================================================================================================== */ #footer { width: 605px; height: 94px; text-align: center; background: #fff; border: none; overflow: hidden; margin: 0 auto; } .footerBar { width: 605px; height: 58px; text-align: center; background: #fff; border: none; overflow: hidden; margin: 0 auto; } .footerMenu { width: 605px; height: 15px; line-height: 15px; text-align: center; background: #fff; overflow: hidden; margin: 0 auto; } .footerTargets { width: 605px; height: 25px; color: #000; line-height: 25px; text-align: center; background: #fff; overflow: hidden; margin: 0 auto; } a.foot { text-decoration: none; font-family: Arial, courier, Times; font-size: 11px; } a.foot:hover { color: #00b85c; font-family: Arial, courier, Times; font-size: 11px; } .foot { text-decoration: none; font-family: Arial, courier, Times; font-size: 11px; } .copyright { width: 605px; color: #000; font-family: Arial, courier, Times; font-size: 8pt; text-align: center; } /* ====[ Navigation Section ]================================================================================================= */ #navigation { width: 149px; height: 100%; background: #005432; display: block; float: right; text-align: left; } #navMenuWrapper { position: relative; } #navMenu { width: 149px; background: #005432; } .navSubmenu { width: 209px; background: #005432; border-top: 1px solid #000; border-left: 1px solid #000; } .section { height: 20px; line-height: 19px; text-indent: .2em; background-image: url('../images/barbg3a.gif'); border-bottom: 1px solid #000; border-top: 1px solid #000; } .menu { width: 149px; height: 18px; line-height: 18px; text-indent: .42em; margin: 0; background-image: url('../images/barbg2.gif'); border-bottom: 1px solid #000; } .submenu { height: 18px; line-height: 18px; background-image: url('../images/barbg2a.gif'); border-bottom: 1px solid #000; } .navSpacer { width: 149px; height: 7px; } a.label { color: #fff; font-size: 12px; } a.label:hover { color: #ffea00; font-size: 12px; } a.type { color: #000; font-size: 12px; font-weight: bold; } a.type:hover { color: #00b85c; font-size: 12px; font-weight: bold; } #buying { position: absolute; top: 37px; left: -212px; visibility: hidden; z-index: 3; } #outdoor-bench { position: absolute; top: 142px; left: -212px; visibility: hidden; z-index: 3; } #food { position: absolute; top: 389px; left: -212px; visibility: hidden; z-index: 3; } #benches { position: absolute; top: 427px; left: -212px; visibility: hidden; z-index: 3; } #parking { position: absolute; top: 465px; left: -212px; visibility: hidden; z-index: 3; } #tablesandchairs { position: absolute; top: 484px; left: -212px; visibility: hidden; z-index: 3; } #tables { position: absolute; top: 522px; left: -212px; visibility: hidden; z-index: 3; } #outdoor-tables { position: absolute; top: 655px; left: -212px; visibility: hidden; z-index: 3; } #trash { position: absolute; top: 674px; left: -212px; visibility: hidden; z-index: 3; } #concrete { position: absolute; top: 760px; left: -212px; visibility: hidden; z-index: 3; } #plastisol { position: absolute; top: 798px; left: -212px; visibility: hidden; z-index: 3; } #steel { position: absolute; top: 817px; left: -212px; visibility: hidden; z-index: 3; } #plastic { position: absolute; top: 836px; left: -212px; visibility: hidden; z-index: 3; } #resin { position: absolute; top: 855px; left: -212px; visibility: hidden; z-index: 3; } #wood { position: absolute; top: 874px; left: -212px; visibility: hidden; z-index: 3; } #crequest { width: 149px; height: 170px; text-align: center; padding-top: 9px; clear: both;background: url('../images/catalogrequest-bkgrd.jpg') 0 0 no-repeat; overflow: hidden; } a.free { color: #fff; } a.free:hover { color: #00b85c; } #BBB { height: 50px; width: 115px; overflow: hidden; margin: 6px auto 0; } a#BBBLogo:hover img { margin-left: -115px; } #verify { width: 149px; height: 102px; text-align: center; margin-top: 6px; }