/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*BASE STYLES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Body & Main Wrapper -----------------------------------------------*/ /*--------------------------------------------------------------------*/ body {margin: 0; padding: 0; border: 0; font-size: 76%; color: #fff; background: #000; text-align: center;} #wrapper { margin: 0 auto; padding: 0; border: 0; width: 970px; color: #fff; background: #000; } /* Basic Elements -------------------------------------------------*/ /*-----------------------------------------------------------------*/ h1 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 2.0em; font-weight: bold; color: #fff; margin: 0 0 8px 0;} h2 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.8em; font-weight: bold; color: #fff; margin: 0 0 8px 0;} h3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; color: #edf2c8; margin: 0 0 8px 0; line-height: 1.4em; } th h3 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; font-weight: bold; color: #edf2c8; margin: 0 0 8px 0;} h4 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.4em; font-weight: bold; color: #fff; margin: 0 0 8px 0;} h5 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.2em; font-weight: bold; color: #fff; margin: 0 0 8px 0;} h6 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; font-weight: bold; color: #fff; margin: 0 0 8px 0;} p { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1em; color: #fff; margin: 0 0 10px 0; padding: 0 0 6px 0; } a:link {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; color: #fff; font-weight: normal; text-decoration: underline;} a:visited {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; color: #fff; font-weight: normal; text-decoration: underline;} a:hover {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; color: #fff; font-weight: normal; text-decoration: none;} a:active { font-size: 12px; color: #fff; font-weight: normal; text-decoration: none; font-family: Georgia, Times, "Times New Roman", serif; } hr {border: 0; color: #dad6b9; background-color: #dad6b9; height: 1px; margin: 10px 0; width: 100%;} img {border: none; display: block;} li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; margin: 0 0 0 0; padding: 0 0 6px 0; } li ul li {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; color: #edf2c8; line-height: 1.4em; margin: 0 0 0 0; padding: 0 0 6px 0;} /* Basic Classes -------------------------------------------------*/ /*----------------------------------------------------------------*/ .hide {display: none;} .clear {content: "."; overflow: hidden; clear: both; font-size: 1px; line-height: 0;} .padded {padding-bottom: 10px;} .right {float: right;} .left {float: left;} .smallTxt {font-size: 0.9em;} .centerTxt {text-align: center;} .rightTxt {text-align: right;} .leftTxt {text-align: left;} .required {color: #ff0;} .noborder {border-bottom: none; border-top: none; border-left: none; border-right: none;} .needInfo, .needInfo p {color: #FF33CC;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Containers -----------------------------------------------------*/ /*-----------------------------------------------------------------*/ #mainLeftContainer { display: inline; width: 274px; height: 768px; float: left; margin: 0; padding: 0; } #navContainer { display: block; width: 274px; height: 407px; margin: 0; padding: 0; } #lovePlanetContainer, #lovePlanetContainer_regular { display: block; width: 274px; height: 142px; margin: 0; padding: 0; } #mainRightContainer { display: inline; width: 696px; height: 768px; float: left; margin: 0; padding: 0; } #headGraphicContainer {display: block; width: 696px; height: 138px; margin: 0; padding: 0; text-align: left; position: relative;} #headGraphicContainer img {display: block; margin: 0; padding: 0; position: relative;} #headTitleContainer {display: block; width: 696px; height: 115px; margin: 0; padding: 0; background: transparent url(../images/green_bg_headTitle.jpg) no-repeat;} #contentContainer {display: block; width: 696px; height: 430px; margin: 0; padding: 0; background: #5c8727; overflow: hidden;} #contentColorBlock {display: inline; float: left; width: 455px; height: 400px; margin: 0 0 0 41px; padding: 0;} #contentColorBlock_full {display: inline; float: left; width: 635px; height: 400px; margin: 0 0 0 41px; padding: 0;} #content { display: block; width: 415px; height: 325px; margin: 20px; padding: 0; overflow: auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: 15px; } #content_regular { display: block; width: 415px; height: 360px; margin: 20px; padding: 0; overflow: auto; text-align: left; font-size: 10px; font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; text-decoration: none; } #content_regular_full { display: block; width: 595px; height: 360px; margin: 20px; padding: 0; overflow: auto; text-align: left; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } #contentHome { display: block; width: 420px; height: 360px; margin: 20px; padding: 0; overflow: auto; text-align: left; } #content p, #contentHome p, #content_regular p, #content_regular_full p { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 15px; } #contentRightContainer {display: inline; float: left; width: 200px; height: 430px; margin: 0; padding: 0; text-align: center;} #contentRightContainer img {display: block; margin: 0 auto; padding: 0;} #contentRightContainer p {display: block; width: 180px; margin: 0 auto 8px auto; padding: 0;} #footerContainer, #footerContainer_regular {display: block; position: relative; width: 696px; height: 85px; background: #3a4c01; margin: 0; padding: 0;} #treeNumbers { display: block; position: absolute; top: 10px; left: 25px; height: 33px; margin: 10px auto; padding: 0; } #treeNumbers img { display: inline; margin: 0 2px 0 0; padding: 0; } #copyright { display: block; margin: 20px auto 0 auto; padding: 0 0 50px 0; width: 970px; font-size: 0.9em; font-family: Georgia, Times, "Times New Roman", serif; } #copyright p { color: #999; font-family: Georgia, Times, "Times New Roman", serif; } #copyright a:link {color: #999; font-weight: normal; text-decoration: underline;} #copyright a:visited {color: #999; font-weight: normal; text-decoration: underline;} #copyright a:hover {color: #fff; font-weight: normal; text-decoration: none;} #copyright a:active {color: #999; font-weight: normal; text-decoration: none;} /* Product Navigation ---------------------------------------------*/ /*-----------------------------------------------------------------*/ ul#productNav { position: absolute; top: 0; left: 87px; list-style: none; margin: 0 0 0 0; padding: 0; height: 29px; } ul#productNav li { list-style-type: none; margin: 0; padding: 0; float: left; } * html ul.productNav li { /* this selector recognized by IE only */ display: inline; /* total width (only for IE5.x/Win) */ disp\lay: block; /* content width (for other IE) */ } li#productNavIngredients, li#productNavIngredients a, li#productNavFeedingGuidelines, li#productNavFeedingGuidelines a, li#productNavGuaranteedAnalysis, li#productNavGuaranteedAnalysis a { display: block; margin: 0; padding: 0; overflow: hidden; } /* productNavIngredients */ li#productNavIngredients { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 204px; height: 29px; /*background: transparent url(../images/productNavIngredients.gif) no-repeat top left;*/ background-position: 0 -29px; } li#productNavIngredients a { padding: 29px 0 0 0; width: 204px; height: 29px; clip: rect(0, 204px, 29px, 0); /*background: transparent url(../images/productNavIngredients.gif) no-repeat top left;*/ height: 0px !important; /* for most browsers */ height /**/:29px; /* for IE5.5's bad box model */ } ul#productNav li#productNavIngredients a:hover, ul#productNav li#productNavIngredients a.selected { background-position: 0 -29px; } /* productNavFeedingGuidelines */ li#productNavFeedingGuidelines { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 208px; height: 29px; /*background: transparent url(../images/productNavFeedingGuidelines.gif) no-repeat top left;*/ background-position: 0 -29px; } li#productNavFeedingGuidelines a { padding: 29px 0 0 0; width: 208px; height: 29px; clip: rect(0, 208px, 29px, 0); /*background: transparent url(../images/productNavFeedingGuidelines.gif) no-repeat top left;*/ height: 0px !important; /* for most browsers */ height /**/:29px; /* for IE5.5's bad box model */ } ul#productNav li#productNavFeedingGuidelines a:hover, ul#productNav li#productNavFeedingGuidelines a.selected { background-position: 0 -29px; } /* productNavGuaranteedAnalysis */ li#productNavGuaranteedAnalysis { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 197px; height: 29px; /*background: transparent url(../images/productNavGuaranteedAnalysis.gif) no-repeat top left;*/ background-position: 0 -29px; } li#productNavGuaranteedAnalysis a { padding: 29px 0 0 0; width: 197px; height: 29px; clip: rect(0, 197px, 29px, 0); /*background: transparent url(../images/productNavGuaranteedAnalysis.gif) no-repeat top left;*/ height: 0px !important; /* for most browsers */ height /**/:29px; /* for IE5.5's bad box model */ } ul#productNav li#productNavGuaranteedAnalysis a:hover, ul#productNav li#productNavGuaranteedAnalysis a.selected { background-position: 0 -29px; } /* COLOR SPECIFICS-------------------------------------------------*/ /*-----------------------------------------------------------------*/ h1.green {display: block; width: 274px; height: 219px; margin: 0; text-indent: -9999px; background-image: url(../images/green_logo.jpg); overflow: hidden; text-decoration: none; } h1.red {display: block; width: 274px; height: 219px; margin: 0; text-indent: -9999px; background-image: url(../images/red_logo.jpg); overflow: hidden; text-decoration: none; } h1.blue {display: block; width: 274px; height: 219px; margin: 0; text-indent: -9999px; background-image: url(../images/blue_logo.jpg); overflow: hidden; text-decoration: none; } h1.purple {display: block; width: 274px; height: 219px; margin: 0; text-indent: -9999px; background-image: url(../images/purple_logo.jpg); overflow: hidden; text-decoration: none; } h1.brown {display: block; width: 274px; height: 219px; margin: 0; text-indent: -9999px; background-image: url(../images/brown_logo.jpg); overflow: hidden; text-decoration: none; } body.green #wrapper {background: #3a4c00;} body.green #lovePlanetContainer {background: transparent url(../images/green_bg_love_planet.jpg) no-repeat top left;} body.green #headTitleContainer {background: transparent url(../images/green_bg_headTitle.jpg) no-repeat;} body.green #contentContainer {background: transparent url(../images/green_bg_content.jpg) no-repeat;} body.green #contentColorBlock {background: #5c8727;} body.green #contentColorBlock_full {background: #5c8727;} body.green #footerContainer {background: transparent url(../images/green_bg_footer.gif) repeat-x;} body.green li#productNavIngredients, body.green li#productNavIngredients a {background: transparent url(../images/green_productNavIngredients.gif) no-repeat top left;} body.green li#productNavFeedingGuidelines, body.green li#productNavFeedingGuidelines a {background: transparent url(../images/green_productNavFeedingGuidelines.gif) no-repeat top left;} body.green li#productNavGuaranteedAnalysis, body.green li#productNavGuaranteedAnalysis a {background: transparent url(../images/green_productNavGuaranteedAnalysis.gif) no-repeat top left;} body.green #lovePlanetContainer_regular {background: transparent url(../images/green_regular_bg_love_planet.jpg) no-repeat top left;} body.green #footerContainer_regular {background: #3a4c01;} body.red #wrapper {background: #6f1400;} body.red #lovePlanetContainer {background: transparent url(../images/red_bg_love_planet.jpg) no-repeat top left;} body.red #headTitleContainer {background: transparent url(../images/red_bg_headTitle.jpg) no-repeat;} body.red #contentContainer {background: transparent url(../images/red_bg_content.jpg) no-repeat;} body.red #contentColorBlock {background: #8a2003;} body.red #contentColorBlock_full {background: #8a2003;} body.red #footerContainer {background: transparent url(../images/red_bg_footer.gif) repeat-x;} body.red li#productNavIngredients, body.red li#productNavIngredients a {background: transparent url(../images/red_productNavIngredients.gif) no-repeat top left;} body.red li#productNavFeedingGuidelines, body.red li#productNavFeedingGuidelines a {background: transparent url(../images/red_productNavFeedingGuidelines.gif) no-repeat top left;} body.red li#productNavGuaranteedAnalysis, body.red li#productNavGuaranteedAnalysis a { background: transparent url(../images/red_productNavGuaranteedAnalysis.gif) no-repeat top left; font-family: Georgia, Times, "Times New Roman", serif; } body.red #lovePlanetContainer_regular {background: transparent url(../images/red_regular_bg_love_planet.jpg) no-repeat top left;} body.red #footerContainer_regular {background: #6f1400;} body.blue #wrapper {background: #015289;} body.blue #lovePlanetContainer {background: transparent url(../images/blue_bg_love_planet.jpg) no-repeat top left;} body.blue #headTitleContainer {background: transparent url(../images/blue_bg_headTitle.jpg) no-repeat;} body.blue #contentContainer {background: transparent url(../images/blue_bg_content.jpg) no-repeat;} body.blue #contentColorBlock {background: #0096d7;} body.blue #contentColorBlock_full {background: #0096d7;} body.blue #footerContainer {background: transparent url(../images/blue_bg_footer.gif) repeat-x;} body.blue li#productNavIngredients, body.blue li#productNavIngredients a {background: transparent url(../images/blue_productNavIngredients.gif) no-repeat top left;} body.blue li#productNavFeedingGuidelines, body.blue li#productNavFeedingGuidelines a {background: transparent url(../images/blue_productNavFeedingGuidelines.gif) no-repeat top left;} body.blue li#productNavGuaranteedAnalysis, body.blue li#productNavGuaranteedAnalysis a {background: transparent url(../images/blue_productNavGuaranteedAnalysis.gif) no-repeat top left;} body.blue #lovePlanetContainer_regular {background: transparent url(../images/blue_regular_bg_love_planet.jpg) no-repeat top left;} body.blue #footerContainer_regular {background: #005288;} body.purple #wrapper {background: #250858;} body.purple #lovePlanetContainer {background: transparent url(../images/purple_bg_love_planet.jpg) no-repeat top left;} body.purple #headTitleContainer {background: transparent url(../images/purple_bg_headTitle.jpg) no-repeat;} body.purple #contentContainer {background: transparent url(../images/purple_bg_content.jpg) no-repeat;} body.purple #contentColorBlock {background: #514e86;} body.purple #contentColorBlock_full {background: #514e86;} body.purple #footerContainer {background: transparent url(../images/purple_bg_footer.gif) repeat-x;} body.purple li#productNavIngredients, body.purple li#productNavIngredients a {background: transparent url(../images/purple_productNavIngredients.gif) no-repeat top left;} body.purple li#productNavFeedingGuidelines, body.purple li#productNavFeedingGuidelines a {background: transparent url(../images/purple_productNavFeedingGuidelines.gif) no-repeat top left;} body.purple li#productNavGuaranteedAnalysis, body.purple li#productNavGuaranteedAnalysis a {background: transparent url(../images/purple_productNavGuaranteedAnalysis.gif) no-repeat top left;} body.brown #wrapper {background: #541800;} body.brown #lovePlanetContainer {background: transparent url(../images/brown_bg_love_planet.jpg) no-repeat top left;} body.brown #headTitleContainer {background: transparent url(../images/brown_bg_headTitle.jpg) no-repeat;} body.brown #contentContainer {background: transparent url(../images/brown_bg_content.jpg) no-repeat;} body.brown #contentColorBlock {background: #794400;} body.brown #contentColorBlock_full {background: #794400;} body.brown #footerContainer {background: transparent url(../images/brown_bg_footer.gif) repeat-x;} body.brown li#productNavIngredients, body.brown li#productNavIngredients a {background: transparent url(../images/brown_productNavIngredients.gif) no-repeat top left;} body.brown li#productNavFeedingGuidelines, body.brown li#productNavFeedingGuidelines a {background: transparent url(../images/brown_productNavFeedingGuidelines.gif) no-repeat top left;} body.brown li#productNavGuaranteedAnalysis, body.brown li#productNavGuaranteedAnalysis a {background: transparent url(../images/brown_productNavGuaranteedAnalysis.gif) no-repeat top left;} /* Header Titles -----------------------------------*/ /*-----------------------------------------------------------------*/ h2.hdrNaturalFoodForDogs {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrNaturalFoodForDogs.png); overflow: hidden; text-decoration: none; } h2.hdrAdultVantage {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrAdultVantage.png); overflow: hidden; text-decoration: none; } h2.hdrAlternativeEnergy {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrAlternativeEnergy.png); overflow: hidden; text-decoration: none; } h2.hdrEducation {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrEducation.png); overflow: hidden; text-decoration: none; } h2.hdrEmissions {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrEmissions.png); overflow: hidden; text-decoration: none; } h2.hdrLandAndWaterConservation {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrLandAndWaterConservation.png); overflow: hidden; text-decoration: none; } h2.hdrLoveYourPlanet {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrLoveYourPlanet.png); overflow: hidden; text-decoration: none; } h2.hdrOceanFusion {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrOceanFusion.png); overflow: hidden; text-decoration: none; } h2.hdrOnlineStores {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrOnlineStores.png); overflow: hidden; text-decoration: none; } h2.hdrPrimitiveNatural {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrPrimitiveNatural.png); overflow: hidden; text-decoration: none; } h2.hdrPuppyVantage {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrPuppyVantage.png); overflow: hidden; text-decoration: none; } h2.hdrRecycling {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrRecycling.png); overflow: hidden; text-decoration: none; } h2.hdrReduceAndReuse {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrReduceAndReuse.png); overflow: hidden; text-decoration: none; } h2.hdrRetailStores {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrRetailStores.png); overflow: hidden; text-decoration: none; } h2.hdrSmallBreed {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrSmallBreed.png); overflow: hidden; text-decoration: none; } h2.hdrTransportation {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrTransportation.png); overflow: hidden; text-decoration: none; } h2.hdrUPCsForTrees {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrUPCsForTrees.png); overflow: hidden; text-decoration: none; } h2.hdrWhereToBuy {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrWhereToBuy.png); overflow: hidden; text-decoration: none; } h2.hdrTheEarthbornPledge {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrTheEarthbornPledge.png); overflow: hidden; text-decoration: none; } h2.hdrContactUs {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrContactUs.png); overflow: hidden; text-decoration: none; } h2.hdrRegisterNow {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrRegisterNow.png); overflow: hidden; text-decoration: none; } h2.hdrLibrary {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrLibrary.png); overflow: hidden; text-decoration: none; } h2.hdrTermsOfUse {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrTermsOfUse.png); overflow: hidden; text-decoration: none; } h2.hdrPrivacyPolicy {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrPrivacyPolicy.png); overflow: hidden; text-decoration: none; } h2.hdrSitemap {display: block; width: 696px; height: 115px; margin: 0; text-indent: -9999px; background-image: url(../images/hdrSitemap.png); overflow: hidden; text-decoration: none; } h4.tagWholeFoodNutrition_regular {display: block; position: absolute; width: 426px; height: 24px; top: 30px; left: 110px; text-indent: -9999px; background-image: url(../images/tagWholeFoodNutrition.png); overflow: hidden; text-decoration: none; } h4.tagWholeFoodNutrition {display: block; position: absolute; width: 426px; height: 24px; top: 40px; left: 110px; text-indent: -9999px; background-image: url(../images/tagWholeFoodNutrition.png); overflow: hidden; text-decoration: none; } h4.lovePlanet_logo {display: block; width: 274px; height: 142px; margin: 0; padding: 0;} h4.lovePlanet_logo a {display: block; width: 274px; height: 142px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../images/lovePlanet_logo.png); overflow: hidden; text-decoration: none; } h4.tagBeeSustainable {display: block; position: absolute; top: 30px; left: 244px; width: 159px; height: 23px; margin: 0; text-indent: -9999px; background-image: url(../love_your_planet/images/tagBeeSustainable.png); overflow: hidden; text-decoration: none;} h4.tagAlternativeEnergyLinks {display: block; position: absolute; top: 30px; left: 87px; width: 471px; height: 32px; margin: 0; padding: 0;} h4.tagAlternativeEnergyLinks a {display: block; width: 471px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagAlternativeEnergyLinks.png); overflow: hidden; text-decoration: none; } h4.tagEmissionsLinks {display: block; position: absolute; top: 30px; left: 131px; width: 393px; height: 32px; margin: 0; padding: 0;} h4.tagEmissionsLinks a {display: block; width: 393px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagEmissionsLinks.png); overflow: hidden; text-decoration: none; } h4.tagEducationLinks {display: block; position: absolute; top: 30px; left: 124px; width: 398px; height: 32px; margin: 0; padding: 0;} h4.tagEducationLinks a {display: block; width: 398px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagEducationLinks.png); overflow: hidden; text-decoration: none; } h4.tagConservationLinks {display: block; position: absolute; top: 30px; left: 110px; width: 425px; height: 32px; margin: 0; padding: 0;} h4.tagConservationLinks a {display: block; width: 425px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagConservationLinks.png); overflow: hidden; text-decoration: none; } h4.tagRecyclingLinks {display: block; position: absolute; top: 30px; left: 129px; width: 388px; height: 32px; margin: 0; padding: 0;} h4.tagRecyclingLinks a {display: block; width: 388px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagRecyclingLinks.png); overflow: hidden; text-decoration: none; } h4.tagReusingLinks {display: block; position: absolute; top: 30px; left: 137px; width: 372px; height: 32px; margin: 0; padding: 0;} h4.tagReusingLinks a {display: block; width: 372px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagReusingLinks.png); overflow: hidden; text-decoration: none; } h4.tagTransportationLinks {display: block; position: absolute; top: 30px; left: 102px; width: 441px; height: 32px; margin: 0; padding: 0;} h4.tagTransportationLinks a {display: block; width: 441px; height: 32px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; background-image: url(../love_your_planet/images/tagTransportationLinks.png); overflow: hidden; text-decoration: none; } /* Custom Classes -----------------------------------*/ /*-----------------------------------------------------------------*/ /*Library Styles*/ ul#tmenu0 img {display: inline;} div.textDescription {white-space:normal; padding: 2px 0 5px 30px;} sup { vertical-align: top; font-size: 70%; line-height: 1.4em; } sub { vertical-align: bottom; font-size: 70%; line-height: 1.4em; } /* Tables ----------------------------------------------------------*/ /*------------------------------------------------------------------*/ table { margin: 0 0 8px 0; padding: 0; width: 95%; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-top-color: #EDEDED; border-right-color: #EDEDED; border-bottom-color: #EDEDED; border-left-color: #EDEDED; } table th, table td { margin: 0; padding: 2px; text-align: left; vertical-align: top; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-size: 0.9em; } table.dealerSearch { border-top: 0px solid #fff; border-left: 0px solid #fff; width: auto; } table.dealerSearch th, table.dealerSearch td { margin: 0; padding: 0 20px 0 0 ; border-bottom: 0px solid #fff; border-right: 0px solid #fff; } table.dealerResults { border-top: 0px solid #fff; border-left: 0px solid #fff; width: 95%; } table.dealerResults th { margin: 0; padding: 3px; border-bottom: 0px solid #fff; border-right: 0px solid #fff; background: #ffea53; color: #000; } table.dealerResults td { margin: 0; padding: 3px; border-bottom: 0px solid #fff; border-right: 0px solid #fff; background: #fff; color: #000; } table.dealerResults td a:link, table.dealerResults td a:visited { color: #000; } table.dealerResults td a:hover, table.dealerResults td a:active { color: #000; } /* Love Your Planet Navigation ---------------------------------------------*/ /*-----------------------------------------------------------------*/ ul#loveYourPlanetNav { display: block; list-style: none; margin: 0 0 0 0; padding: 0; height: 138px; } ul#loveYourPlanetNav li { list-style-type: none; margin: 0; padding: 0; float: left; } * html ul.loveYourPlanetNav li { /* this selector recognized by IE only */ display: inline; /* total width (only for IE5.x/Win) */ disp\lay: block; /* content width (for other IE) */ } li#btnAlternativeEnergy, li#btnAlternativeEnergy a, li#btnEducation, li#btnEducation a, li#btnEmissions, li#btnEmissions a, li#btnLandAndWaterConservation, li#btnLandAndWaterConservation a, li#btnRecycling, li#btnRecycling a, li#btnReduceAndReuse, li#btnReduceAndReuse a, li#btnTransportation, li#btnTransportation a { display: block; margin: 0; padding: 0; overflow: hidden; } /* btnAlternativeEnergy */ li#btnAlternativeEnergy { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 117px; height: 138px; background: transparent url(../love_your_planet/images/btnAlternativeEnergy.jpg) no-repeat top left; background-position: 0 -138px; } li#btnAlternativeEnergy a { padding: 138px 0 0 0; width: 117px; height: 138px; clip: rect(0, 117px, 138px, 0); background: transparent url(../love_your_planet/images/btnAlternativeEnergy.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnAlternativeEnergy a:hover, ul#loveYourPlanetNav li#btnAlternativeEnergy a.selected { background-position: 0 -138px; } /* btnEducation */ li#btnEducation { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 95px; height: 138px; background: transparent url(../love_your_planet/images/btnEducation.jpg) no-repeat top left; background-position: 0 -138px; } li#btnEducation a { padding: 138px 0 0 0; width: 95px; height: 138px; clip: rect(0, 95px, 138px, 0); background: transparent url(../love_your_planet/images/btnEducation.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnEducation a:hover, ul#loveYourPlanetNav li#btnEducation a.selected { background-position: 0 -138px; } /* btnEmissions */ li#btnEmissions { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 96px; height: 138px; background: transparent url(../love_your_planet/images/btnEmissions.jpg) no-repeat top left; background-position: 0 -138px; } li#btnEmissions a { padding: 138px 0 0 0; width: 96px; height: 138px; clip: rect(0, 96px, 138px, 0); background: transparent url(../love_your_planet/images/btnEmissions.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnEmissions a:hover, ul#loveYourPlanetNav li#btnEmissions a.selected { background-position: 0 -138px; } /* btnLandAndWaterConservation */ li#btnLandAndWaterConservation { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 97px; height: 138px; background: transparent url(../love_your_planet/images/btnLandAndWaterConservation.jpg) no-repeat top left; background-position: 0 -138px; } li#btnLandAndWaterConservation a { padding: 138px 0 0 0; width: 97px; height: 138px; clip: rect(0, 97px, 138px, 0); background: transparent url(../love_your_planet/images/btnLandAndWaterConservation.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnLandAndWaterConservation a:hover, ul#loveYourPlanetNav li#btnLandAndWaterConservation a.selected { background-position: 0 -138px; } /* btnRecycling */ li#btnRecycling { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 97px; height: 138px; background: transparent url(../love_your_planet/images/btnRecycling.jpg) no-repeat top left; background-position: 0 -138px; } li#btnRecycling a { padding: 138px 0 0 0; width: 97px; height: 138px; clip: rect(0, 97px, 138px, 0); background: transparent url(../love_your_planet/images/btnRecycling.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnRecycling a:hover, ul#loveYourPlanetNav li#btnRecycling a.selected { background-position: 0 -138px; } /* btnReduceAndReuse */ li#btnReduceAndReuse { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 97px; height: 138px; background: transparent url(../love_your_planet/images/btnReduceAndReuse.jpg) no-repeat top left; background-position: 0 -138px; } li#btnReduceAndReuse a { padding: 138px 0 0 0; width: 97px; height: 138px; clip: rect(0, 97px, 138px, 0); background: transparent url(../love_your_planet/images/btnReduceAndReuse.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnReduceAndReuse a:hover, ul#loveYourPlanetNav li#btnReduceAndReuse a.selected { background-position: 0 -138px; } /* btnTransportation */ li#btnTransportation { /*FIX IE6 FLICKER BUG*/ padding: 0; width: 97px; height: 138px; background: transparent url(../love_your_planet/images/btnTransportation.jpg) no-repeat top left; background-position: 0 -138px; } li#btnTransportation a { padding: 138px 0 0 0; width: 97px; height: 138px; clip: rect(0, 97px, 138px, 0); background: transparent url(../love_your_planet/images/btnTransportation.jpg) no-repeat top left; height: 0px !important; /* for most browsers */ height /**/:138px; /* for IE5.5's bad box model */ } ul#loveYourPlanetNav li#btnTransportation a:hover, ul#loveYourPlanetNav li#btnTransportation a.selected { background-position: 0 -138px; } /* Forms ----------------------------------------------------------*/ /*-----------------------------------------------------------------*/ .required { color: #CD3A29; } .subhead { padding: 2px; margin: 0; margin-top: 4px; font-size: 1.4em; font-weight: bold; } form { margin: 0; padding: 0; } fieldset { border: 0; padding: 0; font-size: 1.1em; border: 0; } fieldset legend { display: none; } fieldset label { display: block; padding: 0 0 2px 0; margin: 0; font-size: 1.0em; font-weight: bold; } fieldset label.small { display: block; padding: 13px 0 2px 0; margin: 0; font-size: 0.8em; font-weight: bold; font-family: Georgia, Times, 'Times New Roman', serif; } fieldset .nonlabel { display: block; padding: 0 0 2px 0; margin: 0; font-size: 1.0em; font-weight: bold; } fieldset .textfield { padding: 0; margin: 0; width: 200px; font-size: 1.1em; background: #FFFCE0; } fieldset .textarea { margin: 3px; height: 100px; width: 350px; font-size: 1.1em; background: #FFFCE0; } * html fieldset .textarea { /* this selector recognized by IE only */ width: 356px; /* total width (only for IE5.x/Win) */ w\idth: 350px; /* content width (for other IE) */ } fieldset .selectmenu { margin: 0; width: 200px; font-size: 1.0em; background: #FFFCE0; } fieldset .selectmenu_dob { display: inline; margin: 0; width: 75px; font-size: 1.0em; background: #FFFCE0; } fieldset .checkbox { margin: 3px; background: #FFFCE0; } fieldset .submit { margin: 3px; font-size: 1.0em; font-weight: bold; color: #3a4c02; background: #ffd100; border: 0; font-family: Georgia, Times, 'Times New Roman', serif; cursor: pointer; } .green #wrapper #mainRightContainer #contentContainer #contentColorBlock #content h3 { font-weight: bold; font-size: 1.5em; } .red #wrapper #mainRightContainer #contentContainer #contentColorBlock #content #content2 p { font-size: 9px; } .red #wrapper #mainRightContainer #contentContainer #contentColorBlock #content #content2 p { font-size: 10px; } .red #wrapper #mainRightContainer #contentContainer #contentColorBlock #content #content2 p { font-weight: normal; } .red #wrapper #mainRightContainer #contentContainer #contentColorBlock #content #content2 p { font-size: 12px; } .green #wrapper #mainRightContainer #contentContainer #contentColorBlock #content { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .green #wrapper #mainRightContainer #contentContainer #contentColorBlock #content { font-weight: normal; } #a_inside { font-size: 12px; } .blue #wrapper #mainRightContainer #contentContainer #contentColorBlock #content_regular p { font-weight: normal; } .blue #wrapper #mainRightContainer #contentContainer #contentColorBlock #content_regular { font-size: 3.5em; font-weight: normal; text-decoration: none; }