Body {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #5a5f7f; Margin: 0px Auto 0px; Background: #FFF url(images/sponge_quilting2.png) Top Center;} Body.Pink {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #5a5f7f; Margin: 0px Auto 0px; Background: #FFF url(images/background_quilting-pink.jpg) Top Center;} #FrameWork {Width: 847px; Margin: 0px Auto 0px Auto;} .LeftFrameBorder {Background: url(images/edge_frame_borders.png) Top Right Repeat-Y; Vertical-Align: Top;} .RightFrameBorder {Background: url(images/edge_frame_borders.png) Top Left Repeat-Y; Vertical-Align: Top;} .BottomFrameBorder {Width: 741px; Height: 12px; Background: url(images/edge_frame_borders.png) Repeat-X; Vertical-Align: Top;} #HomeContentContainer {Width: 741px; Background: #FFF url(images/homepage_background.jpg) Top No-Repeat; Padding: 9px 0 9px 0; Text-Align: Center;} #MainContentContainer {Width: 741px; Background: #FFF url(images/page_background.png) Repeat-Y; Text-Align: Center;} #ContentContainer {Width: 741px; Background: #FFF url(images/content_background.png) Bottom No-Repeat; Padding-Bottom: 10px; Text-Align: Center;} #WhiteContentContainer {Width: 741px; Background: url(images/white_content_background.png) Bottom No-Repeat; Padding-Bottom: 10px; Text-Align: Center;} #ProductsContentContainer {Width: 741px; Background: url(images/products_background.png) Top No-Repeat; Padding: 0px 0 0px 0; Text-Align: Center; Position: Relative;} #ProductsContentContainerFlash {Width: 741px; Background: url(images/homepage_background.png) Top No-Repeat; Padding: 0px 0 0px 0; Text-Align: Center;} .SelectProduct {Margin: 20px Auto 10px;} .FishEyeNav {height: 100px; Position: Relative; Margin: 0px Auto 35px; Top: 0px; Left: 20px;} .FishEyeNavOver {Height: 100px; Position: Relative; Margin: 0px Auto 35px; Top: 0px; Left: 20px;} .fisheyeItem img.Pack {border: none; margin: 0px; width: 100%;} .fisheyeItem span.Full {display: none; Position: Relative; Margin: -18px 0px 0px -85px; Width: 282px;} .fisheyeItem span.FullFrn {display: none; Position: Relative; Margin: -18px 0px 0px -75px; Width: 282px;} .fisheyeItem span.Choose {display: none; Position: Relative; Margin: 0px 0px 0px -85px; Width: 282px;} .fisheyeItem span.Enviro {display: none; Position: Relative; Margin: 0px 0px 0px -85px; Width: 282px;} .fisheyeItem span.Sponge {display: none; Position: Relative; Margin: 0px 0px 0px -85; Width: 282px;} .fisheyeItem span.Heavy {display: none; Position: Relative; Margin: 0px 0px 0px -85px; Width: 282px;} .fisheyeItem span.Pink {display: none; Position: Relative; Margin: 0px 0px 0px -85px; Width: 282px;} .fisheyeItem span.Ups {display: none; Position: Relative; Margin: 0px 0px 0px -102px; Width: 282px;} .fisheyeContainter {left: 0px; Position: Absolute;} .fisheyeContainter A.fisheyeItem {Position: Absolute;} /* ================ Products Page Styles ================ */ #ProductContentContainer {Width: 741px; Padding-Bottom: 0px; Position: Relative;} #SpongeTowelsProducts {Width: 723px; Margin: 0 Auto 8px Auto;} #ProductsNav {Margin: 0px Auto 0px Auto;} #ProductHead {Position: Absolute; Top: 130px; Left: 55px; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} #ProductDetails {} #ProductDetailsFrn {Position: Absolute; Top: 220px; Left: 55px; Font: 11px/13px "Lucida Grande", Geneva, Arial, Verdana; TEXT-ALIGN: Justify; Width: 350px;} #ProductGuarantee {Position: Absolute; Top: 408px; Left: 55px;} #HeavyDutyTag {Position: Absolute; Top: 162px; TEXT-ALIGN: Center; Width: 350px;} #ProductPackShot {Position: Absolute; Top: 170px; Left: 421px;} B.DarkGreen {COLOR: #3a730b; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana; } B.Purple {COLOR: #9b3a8a; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} B.Pink {COLOR: #FC3EBA; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} B.Orange {COLOR: #0a6793; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} B.Gray {COLOR: #656982; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} B.Blue {COLOR: #0D96D0; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} B.Green {COLOR: #509d11; Font: Bold 12px "Lucida Grande", Geneva, Arial, Verdana;} #VimContentContainer {Width: 741px; Background: #FFF url(images/vim_promo_back.jpg) No-Repeat;} #VimContentContainerFrn {Width: 741px; Background: #FFF url(francais/images/vim_promo_back_frn.jpg) No-Repeat;} .RandomPhotos {Height: 261px; Width: 319px; Margin: 0px 0 0 45px;} .PromoContent {Margin: 5px Auto 8px Auto; Font: 11px/14px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #0054a4; Width: 630px; Text-Align: Justify;} #PromoLocationsBorder {Margin: 15px Auto; Width: 634px; Border: 1px Solid #FFF; } #PromoLocations {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #0054a4; Width: 100%; Border: 1px Solid #6bc728; Background-Color: #FFF;} #PromoLocations TH {Font: Bold 13px/29px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #6bc728;} #PromoLocations TD {Font: Bold 10px/16px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #0054a4; Padding: 0 0 10px 30px;} .PromoMouseType {Margin: 10px Auto 0px Auto; Font: 9px/12px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #0054a4; Height: 45px; Width: 630px; Text-Align: Justify;} .PromotionsMouseType {Font: 9px/12px "Lucida Grande", Geneva, Arial, Verdana; COLOR: #0054a4; TEXT-ALIGN: Justify; MARGIN: 8px 20px 10px;} .PromoButtons {Width: 638px; Text-Align: Right; Margin-Top: 10px;} .PromoButtons A {Margin-Left: 20px;} #ProductsSpongeTowels {Padding: 0px 0px 0 0px;} #ToutsContainer {Height: 185px; Width: 741px; Background: #FFFFFF;} #divASContainer {Z-Index: 2; Visibility: Visible; Overflow: Hidden; Width: 707px; Clip: Rect(0px 700px 185px 0px); Position: Relative; Height: 185px;} #contentLayer {Z-Index: 3; Left: 0px; Position: Absolute; Top: 0px; Background-Color: #FFFFFF} #AdvertisingContentContainer {Position: Relative; Top: 0; Left: 0; Height: 401px; Width: 741px; Background: #FFF url(english/images/back_advertising.png) No-Repeat;} #AdvertisingContentContainer #FlashCommercial {Position: Absolute; Top: 45px; Left: 371px;} #AdvertisingContentContainer #PrintAd {Position: Absolute; Top: 19px; Left: 72px;} #AdvertisingContentContainer #ViewLargerLink {Position: Absolute; Top: 314px; Left: 143px;} #AdvertisingContentContainer #ViewVideoLink {Position: Absolute; Top: 319px; Left: 455px;} #CommercialThumbs {Position: Absolute; Top: 254px; Left: 419px;} #AdvertisingContentContainer #ImageRotator {Position: Absolute; Top: 45px; Left: 371px;} #AdvertisingContentContainer #ImageRotator IMG {Position: Absolute; Display: none; Top: 0; Left: 0;} #FaqListContentContainer {Height: 315px; Text-Align: Left; POSITION: Relative; MARGIN: 2px Auto 20px Auto; WIDTH: 636px;} #FaqListContentContainerFrn {Height: 330px; Text-Align: Left; POSITION: Relative; MARGIN: 2px Auto 20px Auto; WIDTH: 636px;} .dhtmlgoodies_question{Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #345592; MARGIN: 5px 0px 0 0px; Padding: 0 0 0 0px; WIDTH: 646px; overflow: hidden; cursor: Pointer;} .dhtmlgoodies_answer {VISIBILITY: Hidden; OVERFLOW: Hidden; POSITION: Relative;} #AnswerContentContainer {Color: #2e93c6; Background: Url(images/faq_sponge.png) 0px 50% No-repeat; MARGIN: 0px 0px 0px 0px; Padding: 8px 0px 8px 60px; Border-Top: 1px Dashed #cecdcb; Border-Bottom: 1px Dashed #cecdcb; Min-Height: 78px; height: Auto; Text-Align: Justify;} /*\*/ *html #AnswerContentContainer {Height: 78px;} /**/ /* ================ Contact Page Styles ================ */ #SubPageHead {TEXT-ALIGN: Left; MARGIN-TOP: 14px; MARGIN-LEFT: 26px;} .ContactHead {MARGIN-TOP: 10px;} #ContactTable {FONT-SIZE: 90%; LINE-HEIGHT: 14px; COLOR: #7c7f92;} TD.ContactCell {TEXT-ALIGN: Justify;} TD.ContactBorder {BORDER-LEFT: 1px SOLID #bbc4dc; BORDER-RIGHT: 1px SOLID #bbc4dc;} TD.ContactBorderRight {BORDER-RIGHT: 1px SOLID #bbc4dc;} .ContactContent {MARGIN-TOP: 6px; MARGIN-LEFT: 8px; MARGIN-RIGHT: 8px; TEXT-ALIGN: Justify;} .ContactTableCellLeft {WIDTH: 210px; TEXT-ALIGN: Justify;} TD.ContactTableCellRight {PADDING: 6px; BORDER-TOP: 1px SOLID #d3bd78; BORDER-LEFT: 1px SOLID #d3bd78; WIDTH: 220px; TEXT-ALIGN: Justify;} .ContactTableCell2 {BORDER-TOP: 1px SOLID #d3bd78; min-height: 12em; height:auto; TEXT-ALIGN: Justify;} /* ================ Moving Day Promotions/Form Styles ================ */ #ImageRotator {Position: Relative; Top: 133px; Left: 272px;} #ImageRotator IMG {Position: absolute; Display: none; Top: 0; Left: 0;} IMG.PromoImage {BORDER: #d7cbcb 1px solid; Margin-Bottom: 5px; } #PromoMovingDayEng {Position: Relative; WIDTH: 741px; Height: 674px; BACKGROUND: url(english/images/movingday_back.jpg) No-repeat;} #PromoMovingDayFrn {Position: Relative; WIDTH: 741px; Height: 674px; BACKGROUND: url(francais/images/movingday_back.jpg) No-repeat;} .MovingFlash {Position: Absolute; Top: 0px; Left: 26px; } .MovingForm1 {Position: Absolute; Top: 188px; Left: 335px; } .MovingForm2 {Position: Absolute; Top: 352px; Left: 335px; Width: 275px; Text-Align: Left; Font: 10px/12px "Lucida Grande", Geneva, Arial, Verdana; Text-Indent: -8px; Padding-Left: 10px;} .MovingForm3 {Position: Absolute; Top: 460px; Left: 335px; Width: 275px; Text-Align: Center; Margin: 0 Auto;} .MovingForm4 {Position: Absolute; Top: 545px; Left: 335px; Width: 275px; Text-Align: Center;} .MovingFormSubmit {Position: Absolute; Top: 575px; Left: 388px; } #MovingDayFooterFrn {Height: 49px; BACKGROUND: url(francais/images/movingday_footer.jpg) No-repeat; } #MovingDayForm {Font: 9px "Lucida Grande", Geneva, Arial, Verdana; WIDTH: 270px; MARGIN: 0px 0 0 0;} #MovingDayForm1 {Font: 10px/20px "Lucida Grande", Geneva, Arial, Verdana;} #MovingDayForm3 {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Margin: 0 Auto;} TD.Text {Font: 9px/10px "Lucida Grande", Geneva, Arial, Verdana; VERTICAL-ALIGN: Bottom; PADDING: 0px 0; } TD.RequiredAsteriskText {Font: 10px/11px "Lucida Grande", Geneva, Arial, Verdana; TEXT-ALIGN: Right; PADDING: 0px 0 0 0; } .RequiredAsterisk {Font: 10px "Lucida Grande", Geneva, Arial, Verdana; VERTICAL-ALIGN: Top; PADDING: 0px 2px 0 0px; COLOR: #FC3EBA;} TD.Prompt {VERTICAL-ALIGN: Top; PADDING: 5px 0 0 0; Height: 24px;} TD.Field {VERTICAL-ALIGN: Top; TEXT-ALIGN: Justify; PADDING: 3px 0 0 0; } .LongTextFields {Font: 11px "Lucida Grande", Geneva, Arial, Verdana; BACKGROUND: #FFFFFF; BORDER: #0F9BD5 1px solid; WIDTH: 100%; COLOR: #5a5f7f; } .PhoneShort {Font: 11px"Lucida Grande", Geneva, Arial, Verdana; BACKGROUND: #FFFFFF; BORDER: #0F9BD5 1px solid; WIDTH: 30px; COLOR: #5a5f7f; } .PhoneLarge {Font: 11px "Lucida Grande", Geneva, Arial, Verdana; BACKGROUND: #FFFFFF; BORDER: #0F9BD5 1px solid; WIDTH: 35px; COLOR: #5a5f7f; } .TextFields {Font: 11px "Lucida Grande", Geneva, Arial, Verdana; BACKGROUND: #FFFFFF; BORDER: #0F9BD5 1px solid; COLOR: #656982; } IMG.SecurityImage {HEIGHT: 16px; BORDER: #00ffff 1px solid; } .NewSecurityField {Font: 11px "Lucida Grande", Geneva, Arial, Verdana; BACKGROUND: #FFFFFF; BORDER: #0F9BD5 1px solid; COLOR: #656982; } #MovingThankYouEng {WIDTH: 723px; VERTICAL-ALIGN: Top; BACKGROUND: #b01b71 url(english/images/moving_thankyou_back.jpg) No-repeat;} #MovingThankYouFrn {WIDTH: 723px; VERTICAL-ALIGN: Top; BACKGROUND: #b01b71 url(francais/images/moving_thankyou_back.jpg) No-repeat;} .PromotionsMouseType {Font: 9px "Lucida Grande", Geneva, Arial, Verdana; Margin: 10px 0px 0px 0px;} .PromotionsMouseType A, .PromotionsMouseType A:Hover {Text-Decoration: Underline;} /* ================ Rose Reisman Page Styles ================ */ #RecipesBackground {BACKGROUND: url(english/images/recipes_background.png) No-Repeat; Width: 723px; Height: 810px;} #RecipesBackgroundFrn {BACKGROUND: url(francais/images/recipes_background.png) No-Repeat; Width: 723px; Height: 810px;} #RecipesContainer {Position: Relative; Width: 723px; Height: 810px;} #ImageRotator {Position: Relative; Top: 133px; Left: 272px;} #ImageRotator IMG { Position: absolute; Display: none; Top: 0; Left: 0;} #RecipesContainer .RecipesFlash {Position: Absolute; Top: 240px; Left: 42px;} #RecipesContainer .RecipeCBCF {Position: Absolute; Top: 368px; Left: 26px; Width: 188px; Height: 56px;} #RecipesContainer .RecipesText {Position: Absolute; Top: 446px; Left: 272px; Width: 394px; TEXT-ALIGN: Justify;} #RecipesContainer .RecipePDF {Position: Absolute; Top: 508px; Left: 265px; Width: 414px; Height: 32px;} #RecipesContainer .RecipeRules {Position: Absolute; Top: 719px; Left: 128px; Width: 175px; Height: 42px;} #RecipesContainer .RecipeWinners {Position: Absolute; Top: 719px; Left: 310px; Width: 140px; Height: 42px;} #RecipesContainer .RecipeRoseReisman {Position: Absolute; Top: 719px; Left: 452px; Width: 140px; Height: 42px;} /* ================ Stain Guide Page Styles ================ */ #StainGuideFrame {BORDER: #01a0ff 1px solid; WIDTH: 364px; PADDING-BOTTOM:2px; BACKGROUND-COLOR: #FFFFFF;} TD.StainGuideHead {HEIGHT: 65px;BACKGROUND: url(english/images/sguide_content_top.jpg) No-Repeat Bottom Right; COLOR: #656982;} .StainDrop {MARGIN-LEFT: 0px; COLOR: #656982; Font: 11px/14px "Lucida Grande", Geneva, Arial, Verdana; BORDER: #6cc7d9 1px solid; BACKGROUND-COLOR: #FFFFFF;} .StainMouseType {Font: Bold 9px/12px "Lucida Grande", Geneva, Arial, Verdana; PADDING-Bottom: 0px; COLOR: #8ecd00; TEXT-ALIGN: Justify; Height: 38px;} TD.StainPacks {VERTICAL-ALIGN: Top; TEXT-ALIGN: Right; PADDING-Right: 17px; PADDING-BOTTOM: 17px;} /* ================ Winners Circle Page Styles ================ */ #WinnersCircle {MARGIN: 20px Auto 0 Auto;} HR.Winners {BORDER-TOP: 1px dashed #cecdcb; HEIGHT: 0px; TEXT-ALIGN: Center; MARGIN-LEFT: 26px; MARGIN-RIGHT: 26px;} .Congratulations {BORDER-TOP: 1px dashed #cecdcb; TEXT-ALIGN: Center; MARGIN-TOP: 13px; PADDING-TOP: 13px; MARGIN-LEFT: 26px; MARGIN-RIGHT: 26px; PADDING-BOTTOM: 5px; MARGIN-BOTTOM: 49px; BORDER-BOTTOM: 1px dashed #cecdcb;} .WinnersCentered {TEXT-ALIGN: Center; VERTICAL-ALIGN: Top; MARGIN-TOP: 13px; PADDING-TOP: 13px; MARGIN-LEFT: 26px; MARGIN-RIGHT: 26px; PADDING-BOTTOM: 5px; MARGIN-BOTTOM: 49px; BORDER-BOTTOM: 1px dashed #cecdcb;} TD.WinnersCenteredFrn {TEXT-ALIGN: Center; VERTICAL-ALIGN: Top; PADDING-TOP: 13px;} .WinnersDividerLine {WIDTH:669px; MARGIN-TOP: 28px; MARGIN-BOTTOM: 28px; BORDER-BOTTOM: 1px dashed #cecdcb;} .WinnersRight {TEXT-ALIGN: Justify; PADDING-TOP: 13px; VERTICAL-ALIGN: Top;} .WinnersRightSide {TEXT-ALIGN: Justify; MARGIN-LEFT: 16px; VERTICAL-ALIGN: Top;} .WinnersRightText {TEXT-ALIGN: Justify; MARGIN-RIGHT: 21px; VERTICAL-ALIGN: Top;} .WinnersRightText Strong {COLOR: #0D96D0; FONT-SIZE: 130%;} HR.WinnerDivide {HEIGHT: 0px; MARGIN-BOTTOM: 4px; BORDER-BOTTOM: 1px dashed #cecdcb;} /* ================ Where to Buy Page Styles ================ */ #WTBContentContainer {Width: 741px; Background: url(images/wtb_background.jpg) No-Repeat; Vertical-Align: Top; Height: 749px; Display: Block;} #WTBContent {} .NavContainer {Width: 284px;} #WTBContent .ContentContainer {Vertical-Align: Top; } #WTBContent .ProvinceHeaderQuebec {Margin: 187px 0 5px 0px;} #WTBContent .ProvinceHeader {Margin: 194px 0 5px 0px;} #WTBNavigation {Margin: 190px 0 0 80px;} .StoresLinks {Font: Bold 11px/20px "Lucida Grande", Geneva, Arial, Verdana; Width: 204px;Vertical-Align: Top; COLOR: #3789e6;} .StoresLinks A {FONT-WEIGHT: Bold; COLOR: #3789e6; TEXT-DECORATION: Underline;} .StoresLinks A:hover {COLOR: #d33a97; TEXT-DECORATION: Underline;} .HeaderTagFrn {Margin: 0px 0px 12px 0px;} .TextHeader {Margin: 10px 0px; Width: 355px; Text-Align: Justify; COLOR: #3789e6;} .TextFooter {Margin-Top: 9px; Width: 355px; Text-Align: Justify; COLOR: #3789e6; Line-Height: 14px;} .TextFooter a {COLOR: #3789e6;} #Footer {Margin: 10px 0 0 0;} #FooterLinks {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #0F9BD5; Vertical-Align: Top; Padding: 9px 0 0 0;} #FooterLinks A {Margin: 0 10px 0px 0px;} #Propeller {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #0F9BD5; Padding: 1px 0 10px 0;} #Propeller A, #Propeller A:Hover {Font: 9px/18px "Lucida Grande", Geneva, Arial, Verdana; Color: #0F9BD5 ; Text-Decoration: None;} /* ================ General Styles ================ */ HTML {Overflow: -moz-scrollbars-vertical;} TD {Font: 11px/16px "Lucida Grande", Geneva, Arial, Verdana; Color: #5a5f7f;} Table {Font-Size: 100%;} P {Margin-Top: 8px; Margin-Bottom: 4px;} A {COLOR: #0F9BD5; TEXT-DECORATION: Underline;} A:hover {COLOR: #0F9BD5; TEXT-DECORATION: Underline;} A.WhereToBuyLinks {COLOR: #656982; TEXT-DECORATION: Underline} A.WhereToBuyLinks:Hover {COLOR: #0F9BD5; TEXT-DECORATION: Underline} A.Gold {COLOR: #B4934C;} A.Pink {COLOR: #FF78BB;} A.Grey {COLOR: #666;} A IMG {Border: 0px;} A.BlueBold {COLOR: #0F9BD5; TEXT-DECORATION: None; FONT-WEIGHT: Bold;} A.BlueBold:hover {COLOR: #0F9BD5; TEXT-DECORATION: Underline; FONT-WEIGHT: Bold;} FORM {Margin: 0px;} #CenterTable {Margin: 0px Auto 0px Auto;} SUP {Font: 5px "Lucida Grande", Geneva, Arial, Verdana; Vertical-Align: Top; Margin: 2px 0 0 -1px; } SUP.MC { Font: 6px "Lucida Grande", Geneva, Arial, Verdana; Padding-Right: 0px; Vertical-Align: Top;} H1 {Color: #eb6cad; Font-Weight: Bold; Font-Size: 1.4em; Text-Align: Left;} H2 {Color: #FC3EBA; Font-Weight: Bold; Font-Size: 1.2em; Text-Align: Center; Margin-Bottom: 0px;} H3 {Font-Weight: Normal; Font-Size: 1.1em; Margin-Top: 2px; Margin-Bottom: 2px; Line-Height: 100%; Text-Align: Left;} H4 {Color: #FC3EBA; Font-Weight: Normal; Font-Size: 0.9em; Margin-Top: 6px; Margin-Bottom: 1px; Line-Height: 110%;} .MouseType {Font: 9px/13px "Lucida Grande", Geneva, Arial, Verdana; Color: #9C9FB3; Margin: 0px 0px 12px 0px; Padding-Top: 8px; Text-Align: Justify; Border-Top: 1px Dashed #cecdcb;} .ContactTypeIndent {Font: 9px/13px "Lucida Grande", Geneva, Arial, Verdana; Color: #9C9FB3; Margin: 10px 36px 12px 36px; Padding-Top: 8px; Text-Align: Justify; Border-Top: 1px Dashed #cecdcb;}