@import url( reset.css ); @import url( sifr.css ); .pngfix {*behavior:url(assets/css/iepngfix.htc);} body {background-color:#ecead2; background-image:url('../images/bg.gif'); font-size: 14px; font-family:"Myriad Pro", arial, helvetica, sans-serif; color: #666666; line-height: 16px;} /*gloabl*/ a {text-decoration: none; color: #589228;} a:hover {color: #1b7296;} a.active {color: #543019;} h3 {display: block; font-size: 30px; line-height: 30px; color: #543019; text-indent: -9999px; background-repeat: no-repeat;} h4 {color: #1b7296; font-size: 16px; line-height: 20px; font-weight: bold;} h4.req {font-size: 11px; padding: 5px 0 5px 0;} p.sm {font-size: 9px;} p.lg {font-size: 18px; line-height: 24px; color: #666666; text-transform: uppercase; font-weight: bold; } span.star {color: #1b7296 !important;} /*homePageCallout*/ .homePageCallout {height: 127px; width: 212px; background-image: url('../images/homePageCallout-dd-bg.png'); _background-image: url('../images/homePageCallout-dd-bg.gif'); background-repeat: no-repeat; position: absolute; z-index: 900; top: 74px; left: 52px; display: none;} .homePageCallout p {text-align: center; line-height: 16px; padding: 48px 10px 0 5px;font-size: 13px; } /*homePageCallout*/ .homeBtn {float: left; padding: 28px 0 0 69px;} .homeBtn a {display:block; text-indent: -9999px; height: 53px; width: 60px; background-image:url('../images/btn-home.png'); background-repeat: no-repeat; background-position: 0 0;} .homeBtn a:hover {background-position: 0 -53px;} .mod p {font-size: 10px; line-height: 11px; text-align: center; color: #543019; padding: 5px 0 0 0; } .mod img {padding: 10px 0 0 14px;} .error {color: #ed1c24 !important;} .error span.star {color: #ed1c24 !important;} /*allWrap*/ .allWrap {width: 1024px;/*width: 950px;*/ /*height: 768px;*/ margin: 0 auto; /* background-image:url('../images/bg-hold.gif');*/ background-repeat: no-repeat;} /*header*/ .header {height: 73px; background-image:url('../images/box-top.png'); _background-image:url('../images/box-top.gif'); background-repeat: no-repeat; background-position: 50% 100%; position: relative; } h1.logo {top: 20px; left: 32px; position: absolute; z-index: 1000;} h1.logo a {display:block; text-indent: -9999px; width:229px; height: 103px; background-image:url('../images/logo.png'); background-repeat: no-repeat;} h2.tagLine {position: relative; top: 24px; left: 262px; text-indent: -9999px; font-weight: bold; width: 412px; height: 12px; background-image:url('../images/tag-line.png'); _background-image:url('../images/tag-line.gif'); overflow: hidden;} .loavesSold {float: right; color: #1b7296; padding: 0px 70px 0 0; position: relative; z-index: 1000;} .loavesSold p.num {float: left; font-weight: bold; font-size: 24px; letter-spacing: 1px; padding: 6px 5px 0 0;_padding: 10px 0 0 0;} .ie7 p.num {padding: 8px 3px 0 0;} .loavesSold p.num a.numLoaves {color: #1b7296;} .loavesSold p.num a.numLoaves:hover {color: #543019;} .loavesSold p.sm {float: left; display: block; font-size: 9px; font-weight: bold; text-transform: uppercase; line-height: 11px; padding: 2px 0 0 0; _padding: 4px 0 0 2px; width: 40px; } .loavesSold .loavesOver {position: absolute; z-index: 1000; top: 15px; left: -150px; width: 271px; height: 96px; background-image:url('../images/loaves-over-bg.png'); _background-image:url('../images/loaves-over-bg.gif'); background-repeat: no-repeat; display: none; } .loavesSold .loavesOver .con { padding: 33px 20px 0 20px;} .loavesSold .loavesOver .con p {color: #666; font-size: 12px;} .loavesSold .loavesOver .con p a {font-size: 11px;} /*main nav*/ ul.mainNav {height: 28px; width: 704px; position: absolute; top: 45px; left: 260px; } ul.mainNav li {float: left;position: relative;} ul.mainNav li a.mainNavItem {display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; height: 28px; } ul.mainNav li a.mainNavItem:hover {background-position: 0 -28px;} ul.mainNav li a.active {background-position: 0 -56px;} ul.mainNav li a.on {background-position: 0 -56px;} ul.mainNav li.ecoGrainDifference a.mainNavItem {width: 187px; background-image:url('../images/nav-item-ecoGrainDifference.gif');} ul.mainNav li.meetAFarmer a.mainNavItem {width: 122px; background-image:url('../images/nav-item-meetAFarmer.gif');} ul.mainNav li.ourGoal a.mainNavItem {width: 85px; background-image:url('../images/nav-item-ourGoal.gif');} ul.mainNav li.ourBreads a.mainNavItem {width: 93px; background-image:url('../images/nav-item-ourBreads.gif');} ul.mainNav li.joinTheMovement a.mainNavItem {width: 217px; background-image:url('../images/nav-item-joinTheMovement.gif');} ul.mainNav li.joinTheMovement a.active {background-position: 0 -28px;} /*dropdown*/ .dropdown {position: absolute; font-size: 10px; background-repeat: no-repeat; display: none; z-index: 900;} li.ecoGrainDifference .dropdown ul {padding: 10px 0 0 11px;} .ie7 li.ecoGrainDifference .dropdown ul {padding: 2px 0 0 11px;} li.ecoGrainDifference .dropdown ul li {padding: 0 0 8px 0; _padding: 0;} .ie7 li.ecoGrainDifference .dropdown ul li {padding: 0;} li.meetAFarmer .dropdown ul {padding: 8px 0 0 16px;} .ie7 li.meetAFarmer .dropdown ul {padding: 1px 0 0 16px;} li.meetAFarmer .dropdown ul li {padding: 0 0 8px 0; _padding: 0;} .ie7 li.meetAFarmer .dropdown ul li {padding: 0;} li.ourGoal .dropdown ul {padding: 8px 0 0 17px;} .ie7 li.ourGoal .dropdown ul {padding: 1px 0 0 17px;} li.ourGoal .dropdown ul li {padding: 0 0 8px 0; _padding: 0;} .ie7 li.ourGoal .dropdown ul li {padding: 0;} li.ourBreads .dropdown ul {padding: 10px 0 0 17px;} .ie7 li.ourBreads .dropdown ul {padding: 2px 0 0 17px;} li.ourBreads .dropdown ul li {padding: 0 0 9px 0; _padding: 0;} .ie7 li.ourBreads .dropdown ul li {padding: 0;} .dropdown ul li {float: none; text-transform: uppercase; } .dropdown ul li a {font-weight: bold; display: block; text-indent: -9999px; height: 7px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; cursor: pointer;} .dropdown ul li a:hover {background-position: 0 -7px;} .dropdown ul li a.on {background-position: 0 -7px;} /*dd backgrounds*/ li.ecoGrainDifference .dropdown {width: 205px; height: 75px; background-image:url('../images/ecograin-dd-bg.png'); _background-image:url('../images/ecograin-dd-bg.gif'); left: -10px;} li.meetAFarmer .dropdown {width: 199px; height: 59px; background-image:url('../images/farmer-dd-bg.png'); _background-image:url('../images/farmer-dd-bg.gif'); left: -5px;} li.ourGoal .dropdown {width: 155px; height: 56px; background-image:url('../images/goal-dd-bg.png'); _background-image:url('../images/goal-dd-bg.gif'); left: -5px;} li.ourBreads .dropdown {width: 191px; height: 219px; background-image:url('../images/our-breads-dd-bg.png'); _background-image:url('../images/our-breads-dd-bg.gif'); left: -5px;} /*dd nav items*/ li.ddEcoDif a {background-image:url('../images/dd-nav-eco-diff.gif'); } li.ddWhatDif a {background-image:url('../images/dd-nav-what-diff.gif'); } li.ddSuperGrain a {background-image:url('../images/dd-nav-super-grain.gif'); } li.ddMeetFarmer a {background-image:url('../images/dd-nav-meet-farmer.gif'); } li.ddBecomeFarmer a {background-image:url('../images/dd-nav-become-farmer.gif'); } li.ddOurGoal a {background-image:url('../images/dd-nav-our-goal.gif'); } li.ddOurCommitment a {background-image:url('../images/dd-nav-our-commitment.gif'); } li.ddOurBreads a {background-image:url('../images/dd-nav-our-breads.gif'); } li.ddWholeWheat a {background-image:url('../images/dd-nav-whole-wheat.gif'); } li.dd7Grain a {background-image:url('../images/dd-nav-7-grain.gif'); } li.ddWheatBerry a {background-image:url('../images/dd-nav-wheat-berry.gif'); } li.ddMultiGrain a {background-image:url('../images/dd-nav-multi-grain.gif'); } li.ddOat a {background-image:url('../images/dd-nav-oat.gif'); } li.ddDoubleFiber a {background-image:url('../images/dd-nav-double-fiber.gif'); } li.ddWholeWheatThin a {background-image:url('../images/dd-nav-whole-wheat-thin.gif'); } li.ddMultiGrainThin a {background-image:url('../images/dd-nav-multi-grain-thin.gif'); } li.ddNaturalWidePan {background-image:url('../images/dd-nav-natural-wide-pan.gif'); display: block; text-indent: -9999px; height: 9px; background-repeat: no-repeat; margin-top: 5px; padding: 0;} li.ddNaturalThinBuns {background-image:url('../images/dd-nav-natural-thin-buns.gif'); display: block; text-indent: -9999px; height: 9px; background-repeat: no-repeat; margin-top: 5px; padding: 0;} /*joinBox*/ li.joinTheMovement {padding-bottom: 0 !important;} li.joinTheMovement .dropdown {width: 281px; height: 324px; background-image:url('../images/join-dd-bg.png'); _background-image:url('../images/join-dd-bg.gif'); font-size: 14px; right: -20px;} li.joinTheMovement .dropdown .con {padding: 20px 20px 0 20px;} li.joinTheMovement .dropdown .con p {color: #666;} li.joinTheMovement .dropdown .con ul {padding: 15px 0 0 0;} li.joinTheMovement .dropdown .con ul li {padding: 0 0 5px 0;} li.joinTheMovement .dropdown .con ul li a {display: block; overflow: hidden; width: 233px; text-indent: -9999px; background-position: 0 0; cursor: pointer;} li.joinTheMovement .dropdown .con ul li.coupon a {height: 46px; background-image:url('../images/join-nav-coupon.gif');} li.joinTheMovement .dropdown .con ul li.coupon a:hover {background-position: 0 -46px;} li.joinTheMovement .dropdown .con ul li.facebook a {height: 38px; background-image:url('../images/join-nav-facebook.gif');} li.joinTheMovement .dropdown .con ul li.facebook a:hover {background-position: 0 -38px; } li.joinTheMovement .dropdown .con ul li.bag a {height:43px; background-image:url('../images/join-nav-bag.gif');} li.joinTheMovement .dropdown .con ul li.bag a:hover {background-position: 0 -43px;} li.joinTheMovement .dropdown .con ul li.farmville a {height:42px; background-image:url('../images/join-nav-farmville.gif');} li.joinTheMovement .dropdown .con ul li.farmville a:hover {background-position: 0 -42px;} li.joinTheMovement .dropdown .con ul li.badge a {height:39px; background-image:url('../images/join-nav-badge.gif');} li.joinTheMovement .dropdown .con ul li.badge a:hover {background-position: 0 -39px;} li.joinTheMovement .dropdown .con ul li.twitter a {height:38px; background-image:url('../images/join-nav-twitter.gif');} li.joinTheMovement .dropdown .con ul li.twitter a:hover {background-position: 0 -38px;} li.joinTheMovement .dropdown .con ul li.emailupdates a {height:39px; background-image:url('../images/join-nav-emailupdates.gif');} li.joinTheMovement .dropdown .con ul li.emailupdates a:hover {background-position: 0 -39px;} /*touts*/ .touts { width: 918px; /*height: 75px;*/ margin: 0 auto; padding: 10px 0 0 0; background-image:url('../images/touts-bg.gif'); background-repeat: no-repeat; background-position: 50% 33px;} .touts .leftTout {float: left; width: 456px; } .touts .rightTout {float: left; width: 456px; } .touts a {display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; width:407px; height: 85px; } .touts a:hover {background-position: 0 -85px;} .touts a.badge {background-image:url('../images/tout-badge.gif');} .touts a.interestedFarmer {background-image:url('../images/tout-interest-farmer.gif');} .touts a.joinMovement {background-image:url('../images/tout-join-movement.gif');} .touts a.joinMovementEarth {background-image:url('../images/tout-join-movement-earth.gif');} .touts a.interestedFarmerWheat {background-image:url('../images/tout-interest-farmer-wheat.gif');} .touts a.commitment {background-image:url('../images/tout-commitment.gif');} .touts a.seeImpact {background-image:url('../images/tout-see-impact.gif');} .touts a.meetGrain {background-image:url('../images/tout-meet-grain.gif');} .touts a.contactUs {background-image:url('../images/tout-contact-us.gif');} .touts a.facebook {background-image:url('../images/tout-facebook.gif');} .touts a.nature {background-image:url('../images/tout-nature.gif');} .touts a.curious {background-image:url('../images/tout-curious.gif');} .touts a.sandwich {background-image:url('../images/tout-sandwich.gif');} /*couponMod*/ .couponMod {width: 362px; height: 229px; background-image:url('../images/coupon-big-bg.png'); _background-image:url('../images/coupon-big-bg.gif'); } .couponMod p {padding: 12px 40px 8px 100px; font-size: 11px;} .couponMod p.title {text-indent: -9999px; color: #1b7296; padding: 85px 0 0 100px !important;} .couponMod p.downloadCouponBtn {padding-top: 0px !important;} .couponMod p.downloadCouponBtn a {display: block; overflow: hidden; width: 126px; height: 16px; text-indent: -9999px; background-position: 0 0; background-image:url('../images/btn-download-coupon.gif');} .couponMod p.downloadCouponBtn a:hover {background-position: 0 -16px;} /*footer*/ .footer {background-image:url('../images/box-bottom.png'); _background-image:url('../images/box-bottom.gif'); background-repeat: no-repeat; background-position: 50% 0%; padding: 17px 0 0 0; } ul.footerNav {font-size: 10px; color: #666; float: right; padding: 15px 60px 15px 0; } ul.footerNav li {float: left; font-weight: bold; padding: 0 0 0 10px; font-size: 10px; } ul.footerNav li a {color: #666; font-weight: bold;} ul.footerNav li a:hover {color: #1b7296;} ul.footerNav li a.on {color: #543019;} /*mainContent*/ .mainContainer {background-image:url('../images/box-bg.png'); _background-image:url('../images/box-bg.gif'); background-position: 50% 0;} .pageWrapOne {width: 918px; margin: 0 auto; border: 1px solid #fff; background-color: #d8e9ec; background-image:url('../images/bg-sky.gif'); } .pageWrapTwo {background-image:url('../images/bg-clouds.gif'); background-repeat: no-repeat;} .page {background-repeat: no-repeat;} /*home*/ .flashContainer {height: 648px; } .noFlash {width: 300px; margin: 0 auto; padding: 150px 0 0 0; display: none;} .noFlash a {display: block; margin: 0 auto; width: 138px; height: 39px; background-image:url('../images/getFlash.gif'); } .noFlash p {text-align: center; padding: 10px 0 0 0; line-height: 20px;} .noScript {width: 300px; margin: 0 auto; padding: 150px 0 0 0; } .noScript a {display: block; margin: 0 auto; width: 138px; height: 39px; background-image:url('../images/getFlash.gif'); } .noScript p {text-align: center; padding: 10px 0 0 0; line-height: 20px;} /**/ /*sectionLanding Pages*/ /**/ .sectionLanding {background-position: 0 100%; } .sectionLanding .content {padding: 50px 0 27px 297px; } .sectionLanding .content .pageDescription {width: 683px; height: 87px; background-image:url('../images/page-description-bg.png'); background-repeat: no-repeat; margin-left: -87px; margin-top: 22px;} .sectionLanding .content .pageDescription p {font-size: 13px; line-height: 18px; padding: 13px 110px 0 62px; } /*columns*/ .sectionLanding .content .twoColumnContent {padding: 10px 0 0 0;} .sectionLanding .content .twoColumnContent .column {float: left;} .sectionLanding .content .twoColumnContent .leftColumn {width: 297px;} .sectionLanding .content .twoColumnContent .rightColumn {width: 318px;} .sectionLanding .content .twoColumnContent .leftColumn p {padding: 10px 0 0 0; line-height: 20px;} /*ecoGrainDiffPage*/ .ecoGrainDiffPage {background-image:url('../images/content-bg-img-wheat.png'); _background-image:url('../images/content-bg-img-wheat.gif');} .ecoGrainDiffPage .content { padding-bottom: 0;} .ecoGrainDiffPage h3 {height: 74px; background-image:url('../images/title-eco-grain-difference.png');} .ecoGrainDiffPage .content .pageDescription p {font-size: 13px; line-height: 18px; padding-right: 40px; } .ecoGrainDiffPage .content .twoColumnContent .rightColumn {width: 268px; padding: 26px 0 0 50px;} .ecoGrainDiffPage .satelliteImg {width: 230px; height: 176px; background-image:url('../images/satellite-img-bg.png'); background-repeat: no-repeat; padding: 0 0 8px 0;} .farmImg {width: 230px; height: 176px; background-image:url('../images/farm-img-bg.png'); background-repeat: no-repeat;} /*meetAFarmer*/ .meetAFarmerPage {background-image:url('../images/content-bg-img-farmer-mike.png'); _background-image:url('../images/content-bg-img-farmer-mike.gif');} .meetAFarmerPage h3 {height: 32px; background-image:url('../images/title-meet-a-farmer.png'); } .meetAFarmerPage .content .twoColumnContent .rightColumn {width: 268px; padding: 26px 0 0 50px;} .meetAFarmerPage .farmerPlayer {width: 218px; height: 166px; padding: 10px 0 0 12px; background-image:url('../images/farmer-player-bg.png'); _background-image:url('../images/farmer-player-bg.gif'); background-repeat: no-repeat;} .meetAFarmerPage .farmerPlayer a.player {display: block; text-indent: -9999px; width: 199px; height: 132px; background-image:url('../images/vid-sm-bg.gif'); background-position: 0 0; cursor: pointer;} .meetAFarmerPage .farmerPlayer a.player:hover {background-position: 0 -132px;} .meetAFarmerPage .farmerPlayer p {margin-left: -5px;} .meetAFarmerPage .farmerBlog {width: 196px; height: 125px; padding: 13px 15px 0 15px; background-image:url('../images/farmer-blog-bg.png'); _background-image:url('../images/farmer-blog-bg.gif'); background-repeat: no-repeat; font-size: 12px; line-height: 15px;} .meetAFarmerPage .farmerBlog h5 {color: #589228; font-weight: bold; text-transform: uppercase; padding: 0 0 2px 0; } .meetAFarmerPage .farmerBlog p.title {color: #1b7296; font-weight: bold;padding: 0 0 2px 0; } .meetAFarmerPage .farmerBlog p.date {font-style: italic; padding: 0 0 2px 0; font-size: 10px; } .meetAFarmerPage .farmerBlog p.copy {color: #666666;} .meetAFarmerPage .farmerBlog span.more a {font-size: 9px; font-weight: bold; text-transform: uppercase; padding: 0 0 0 3px; } .videoPopup {width: 705px; height: 513px; position: absolute; top: 150px; margin-left: -100px; background-image:url('../images/video-pop-bg.png'); _background-image:url('../images/video-pop-bg.gif'); background-repeat: no-repeat; display: none; _background-color: #fff; _padding: 0 0 0 20px; _width: 685px;} .ie7 .videoPopup {padding: 0 0 0 20px; width: 685px;} .videoPopup a.closeBtn {display: block; float: right; font-weight: bold; padding: 10px 30px 0 0;} .videoPopup .con {width: 640px; margin: 0 auto; padding: 40px 0 0 0;} .videoPopup p {font-size: 12px; width: 457px;} .videoPopup p.title {padding: 10px 0 5px 0;} .videoPopup p.title strong {color: #1b7296;} #youtube {width: 640px; height:364px;} /*ourGoalPage*/ .ourGoalPage {background-image:url('../images/content-bg-img-silo.png'); _background-image:url('../images/content-bg-img-silo.gif'); padding: 0 0 30px 0;} .ourGoalPage h3 {height: 33px; background-image:url('../images/title-our-goal.png'); } .ourGoalPage .content .pageDescription {width: 653px; height: 96px; background-image:url('../images/page-description-our-goal-bg.png'); background-repeat: no-repeat; margin-left: -87px; margin-top: 22px; padding-bottom: 10px;} .ourGoalPage .content .pageDescription p {font-size: 13px; line-height: 18px; padding-right: 50px; padding-top: 17px; } .ourGoalPage .content .twoColumnContent .leftColumn p.arrow {background-image:url('../images/icon-dots-arrow.png'); _background-image:url('../images/icon-dots-arrow.gif'); background-repeat:no-repeat; background-position: 100% 100%; padding: 10px 50px 10px 0;} .ourGoalPage .content .twoColumnContent .rightColumn {width: 298px; padding: 16px 0 0 20px;} .ourGoalPage ul.goalNav {} .ourGoalPage ul.goalNav li a {display: block; overflow: hidden; width: 271px; text-indent: -9999px; background-position: 0 0;} .ourGoalPage ul.goalNav li.coupon a {height: 36px; background-image:url('../images/goal-nav-coupon.png'); _background-image:url('../images/goal-nav-coupon.gif');} .ourGoalPage ul.goalNav li.coupon a:hover {background-position: 0 -36px;} .ourGoalPage ul.goalNav li.badge a {height:36px; background-image:url('../images/goal-nav-badge.png'); _background-image:url('../images/goal-nav-badge.gif');} .ourGoalPage ul.goalNav li.badge a:hover {background-position: 0 -36px;} .ourGoalPage ul.goalNav li.bag a {height:39px; background-image:url('../images/goal-nav-bag.png'); _background-image:url('../images/goal-nav-bag.gif');} .ourGoalPage ul.goalNav li.bag a:hover {background-position: 0 -39px;} .ourGoalPage ul.goalNav li.facebook a {height: 40px; background-image:url('../images/goal-nav-facebook.png'); _background-image:url('../images/goal-nav-facebook.gif');} .ourGoalPage ul.goalNav li.facebook a:hover {background-position: 0 -40px; } .ourGoalPage ul.goalNav li.farmville a {height:41px; background-image:url('../images/goal-nav-farmville.png'); _background-image:url('../images/goal-nav-farmville.gif');} .ourGoalPage ul.goalNav li.farmville a:hover {background-position: 0 -41px;} .ourGoalPage ul.goalNav li.twitter a {height:35px; background-image:url('../images/goal-nav-twitter.png'); _background-image:url('../images/goal-nav-twitter.gif');} .ourGoalPage ul.goalNav li.twitter a:hover {background-position: 0 -35px;} .ourGoalPage ul.goalNav li.emailupdates a {height:32px; background-image:url('../images/goal-nav-emailupdates.png'); _background-image:url('../images/goal-nav-emailupdates.gif');} .ourGoalPage ul.goalNav li.emailupdates a:hover {background-position: 0 -32px;} /* .ourGoalPage ul.goalNav li.events a {height:31px; background-image:url('../images/goal-nav-events.png'); _background-image:url('../images/goal-nav-events.gif');} .ourGoalPage ul.goalNav li.events a:hover {background-position: 0 -31px;} */ /*ourBreadsPage*/ .ourBreadsPage {background-image:url('../images/content-bg-img-bread.png'); _background-image:url('../images/content-bg-img-bread.gif');} .ourBreadsPage .content .pageDescription p {font-size: 13px; line-height: 18px; padding-right: 40px; } .ourBreadsPage h3 {height: 33px; background-image:url('../images/title-our-breads.png');} .ourBreadsPage .content .twoColumnContent .leftColumn p.arrow {background-image:url('../images/icon-long-dots-arrow.png'); _background-image:url('../images/icon-long-dots-arrow.gif'); background-repeat:no-repeat; background-position: 100% 100%; padding: 10px 0 35px 0;} .ourBreadsPage .content .twoColumnContent .rightColumn {width: 268px; padding: 16px 0 0 40px;} .ourBreadsPage .couponMod {width: 331px; height: 123px; background-image:url('../images/coupon-bg.png'); margin-left: -33px; } .ourBreadsPage .couponMod p {text-indent: -9999px; color: #1b7296; padding: 45px 0 0 58px !important; display: none;} .ourBreadsPage .couponMod p.downloadCouponBtn {display: block; padding-top: 70px !important; width: 126px;} .ourBreadsPage .couponMod p.downloadCouponBtn a {display: block; overflow: hidden; width: 126px; height: 16px; /*text-indent: -9999px;*/ background-position: 0 0; background-image:url('../images/btn-download-coupon.gif');} .ourBreadsPage .couponMod p.downloadCouponBtn a:hover {background-position: 0 -16px;} .ourBreadsPage ul.brList {color: #543019; padding: 0 0 5px 0;} ul.brList li {background-repeat:no-repeat; padding: 0 0 6px 0;} ul.brList li a {display: block; overflow: hidden; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;} ul.brList li a:hover {background-position: 0 -18px;} ul.brList li.brWidePan {height: 18px; background-image:url('../images/br-nav-wide-pan.png'); display: block; text-indent: -9999px;} ul.brList li.brThinBuns {height: 18px; background-image:url('../images/br-nav-thin-buns.png'); display: block; text-indent: -9999px; margin: 20px 0 0 0;} ul.brList li.brWholeWheat a {background-image:url('../images/br-nav-whole-wheat.png'); _background-image:url('../images/br-nav-whole-wheat.gif');} ul.brList li.br7Grain a {background-image:url('../images/br-nav-7-grain.png'); _background-image:url('../images/br-nav-7-grain.gif');} ul.brList li.brMultiGrain a {background-image:url('../images/br-nav-multi-grain.png'); _background-image:url('../images/br-nav-multi-grain.gif');} ul.brList li.brOat a {background-image:url('../images/br-nav-oat.png'); _background-image:url('../images/br-nav-oat.gif');} ul.brList li.brWheatBerry a {background-image:url('../images/br-nav-wheat-berry.png'); _background-image:url('../images/br-nav-wheat-berry.gif');} ul.brList li.brDoubleFiber a {background-image:url('../images/br-nav-double-fiber.png'); _background-image:url('../images/br-nav-double-fiber.gif');} ul.brList li.brThinWholeWheat a {background-image:url('../images/br-nav-thin-whole-wheat.png'); _background-image:url('../images/br-nav-thin-whole-wheat.gif');} ul.brList li.brThinMultiGrain a {background-image:url('../images/br-nav-thin-multi-grain.png'); _background-image:url('../images/br-nav-thin-multi-grain.gif');} /**/ /*sectionSub Pages*/ /**/ .sectionSub {background-position: 100% 100%;} .sectionSub .content {clear: both; width: 483px; padding: 17px 0 0 52px;} .sectionSub .content h3 {padding-bottom: 17px;} .sectionSub .content p {padding: 0 0 10px 0; line-height: 20px;} .sectionSub .content h4 {padding: 10px 0 3px 0;} /*theSuperheroGrainPage*/ .theSuperheroGrainPage {background-image:url('../images/content-bg-img-grain.png'); _background-image:url('../images/content-bg-img-grain.gif'); padding-bottom: 150px;} .theSuperheroGrainPage h3 {height: 24px; background-image:url('../images/title-super-hero-grain.png');} .theSuperheroGrainPage ul {list-style-type: disc; list-style-position: outside; padding: 0 0 0 38px; line-height: 20px;} .theSuperheroGrainPage ul li {padding: 0 0 5px 0;} /*ecoFarmerPage*/ .becomeAnEcoFarmerPage {background-image:url('../images/content-bg-img-tractor.png'); _background-image:url('../images/content-bg-img-tractor.gif'); padding-bottom: 20px;} .becomeAnEcoFarmerPage h3 {height: 56px; background-image:url('../images/title-become-an-eco-farmer.png');} .becomeAnEcoFarmerPage .content h4 {padding-bottom: 15px;} .becomeAnEcoFarmerPage ul {list-style-type: disc; list-style-position: outside; padding: 0 0 0 18px; width: 330px;} .becomeAnEcoFarmerPage ul li {padding: 0 0 17px 0;} .becomeAnEcoFarmerPage p.botTxt {padding-right: 92px;} /*ourCommitmentPage*/ .ourCommitmentPage {background-image:url('../images/content-bg-img-grainhands.png'); _background-image:url('../images/content-bg-img-grainhands.gif'); padding-bottom: 265px;} .ourCommitmentPage h3 {height: 24px; background-image:url('../images/title-our-commitment.png');} .ourCommitmentPage .content h4 {padding-bottom: 15px;} /**/ /*Individual Pages*/ /**/ /*whatADifferenceALoafMakesPage*/ .whatADifferenceALoafMakesPage .content {clear: both; padding: 0 0 10px 0;} .whatADifferenceALoafMakesPage h3 {height: 38px; background-image:url('../images/title-what-difference.png');} .whatADifferenceALoafMakesPage p {padding:17px 0 0 0; line-height: 20px;} .whatADifferenceALoafMakesPage p.brownItalic {font-style: italic; color: #563119; padding: 25px 0 0 0;} .whatADifferenceALoafMakesPage .column {float: left;} .whatADifferenceALoafMakesPage .leftColumn {padding: 35px 10px 0 50px; width: 220px;} .whatADifferenceALoafMakesPage .rightColumn {width: 635px;} .whatADifferenceALoafMakesPage p.disclaimer {width: 450px; float: right; padding: 10px 80px 0 0; line-height: 12px;} /*impactTool*/ .sliderWrap {width: 74px; float: left; padding: 0 10px 0 0; background-image:url('../images/slider-wrap-bg.png'); background-repeat: no-repeat; background-position: 50px 30px; position: relative;} .impactTool {width: 546px; height: 439px; float: left; background-image:url('../images/impact-tool-bg.png'); _background-image:url('../images/impact-tool-bg.gif'); background-repeat: no-repeat;} .sliderWrap .scrollBar {width: 9px; height: 364px; background-image:url('../images/slider-track-bg.png'); background-repeat: no-repeat; position: relative; top: 10px; float: right;} .scrollFill {width: 9px; background-color: #fff; position: absolute; bottom: 0px;} #amount {font-size: 10px; color: #1b7296; position: absolute; top: 342px; left: 0;} .ui-slider-handle {width: 28px; height: 25px; display:block; text-indent: -9999px; background-image:url('../images/slider-thumb-bg.png'); background-repeat: no-repeat; cursor: pointer; background-position: 0 0; position: absolute; left: -9px; bottom: 0; margin-bottom: -6px; } a.ui-state-hover {background-position: 0 -25px;} .sliderWrap p.num {float: left; padding: 3px 0 0 0; font-size: 11px;} .sliderWrap p.lowNum {position: absolute; top: 355px; left: 0;} .sliderWrap p.lob {clear: both; padding: 23px 0 0 0; font-size: 13px; font-weight: bold; color: #666666; line-height:15px; text-align: right;} .impactTool .module {float: left;} .impactTool .module .con {} .impactTool .module .con .animation {padding: 25px 0 0 0; } .impactTool .module .con .animation ul {} .impactTool .module .con .animation ul li {background-repeat: no-repeat;} .impactTool .module .con .animation p {padding: 5px 0 0 0; font-size: 12px; line-height: 14px; text-align: center; text-transform: uppercase;} .impactTool .module .con .animation p.brownBig {color: #543019;} .impactTool .module .con .animation p.brownBig span.dynamicNum {font-size: 16px;font-weight: bold;} .impactTool .module .con .text {display:none;} .impactTool .module .con .text p {color: #666; font-size: 13px;} .impactTool a.questionMark {display: block; height: 16px; width: 11px; background-image:url('../images/icon-question-mark.gif'); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; float: right; } .impactTool a.questionMark:hover {background-position: 0 -16px;} .impactTool a.xclose {display: block; height: 16px; width: 11px; background-image:url('../images/icon-x-close.gif'); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; float: right; display: none;} .impactTool a.xclose:hover {background-position: 0 -16px;} .impactTool .loaves {width: 243px; height: 205px; padding: 34px 0 0 13px;} .impactTool .loaves .con .animation {padding: 30px 0 0 0;} .impactTool .loaves .con .animation ul {height: 125px; padding-left: 10px; width: 210px;} .impactTool .loaves .con .animation ul li {width: 26px; height: 58px; background-image:url('../images/icon-bread.gif'); float: left;} .impactTool .loaves .con .animation ul li.nil{width: 5px; background:none;} .impactTool .loaves .con {width: 224px; height: 200px;} .impactTool .loaves .con .text {padding: 20px 0 0 20px;} .impactTool .loaves a.questionMark {margin: 5px 1px 0 0;} .impactTool .loaves a.xclose {margin: 5px 1px 0 0;} .impactTool .acres {width: 268px; height: 229px; padding: 10px 0 0 0;} .impactTool .acres .con .animation ul {height: 175px; padding-left: 12px; width: 240px;} .impactTool .acres .con .animation ul li {width: 34px; height: 52px; background-image:url('../images/icon-wheat.gif'); float: left;} .impactTool .acres .con .animation p {padding: 0 0 10px 0; font-size: 13px;} .impactTool .acres .con {width: 268px; height: 222px;} .impactTool .acres .con .text {padding: 45px 30px 0 30px;} .impactTool .acres a.questionMark {margin: 5px 5px 0 0;} .impactTool .acres a.xclose {margin: 5px 5px 0 0;} .impactTool .emissions {width: 256px; height: 194px; padding: 6px 0 0 0;} .impactTool .emissions .con .animation {padding: 16px 0 0 0;} .impactTool .emissions .con .animation ul {height: 105px; padding-left: 15px; width: 220px;} .impactTool .emissions .con .animation ul li {width: 69px; height: 27px; background-image:url('../images/icon-truck.gif'); float: left;} .impactTool .emissions .con {width: 250px; height: 163px;} .impactTool .emissions .con .text {padding: 0 10px 0 15px;} .impactTool .emissions a.questionMark {margin: 5px 7px 0 0;} .impactTool .emissions a.xclose {margin: 5px 7px 0 0;} .impactTool .fertilizer {width: 258px; height: 194px; padding: 6px 0 0 10px;} .impactTool .fertilizer .con .animation {padding: 32px 0 0 0;} .impactTool .fertilizer .con .animation ul {height: 100px; padding-left: 0; width: 250px;} .impactTool .fertilizer .con .animation ul li {width: 35px; height: 47px; background-image:url('../images/icon-fertilizer.gif'); float: left;} .impactTool .fertilizer .con {width: 262px; height: 163px;} .impactTool .fertilizer .con .text {padding: 30px 15px 0 15px;} .impactTool .fertilizer a.questionMark {margin: 5px 6px 0 0;} .impactTool .fertilizer a.xclose {margin: 5px 6px 0 0;} /*breadPage*/ .breadPage {background-position: 100% 100%; height: 564px;} .breadPage .content {clear: both; padding: 20px 0 0 50px; display: none;} .breadPage .content h3 {padding: 0 0 10px 0;} .breadPage .content h4 {padding: 0 0 5px 0;} .breadPage .content p.sm {line-height: 11px !important; padding: 5px 0 0 0;} .breadPage .content .pageDescription {padding: 10px 387px 10px 0;} .breadPage .content .pageDescription p {line-height: 20px;} .breadPage .content .twoColumnContent .column {float: left;} .breadPage .content .twoColumnContent .leftColumn {width: 216px;} .breadPage .content .twoColumnContent .rightColumn {width: 362px;} /*nutritionalInfo*/ .breadPage .nutritionalInfo { position: relative;} .breadPage .nutritionalInfo .dropDown {width: 229px; position: absolute; top: 15px; left: -5px; font-size: 11px; line-height: 12px; text-transform: uppercase; display: none;} .breadPage .nutritionalInfo .dropDown .con {width: 229px; height: 249px; padding: 12px 25px 0 15px; background-image:url('../images/nutritional-info-bg.png'); _background-image:url('../images/nutritional-info-bg.gif'); background-repeat: no-repeat;} .breadPage .nutritionalInfo a.nutritionalInfoBtn {display: block; text-indent: -9999px; width: 186px; height: 19px; background-image:url('../images/btn-nutritional-info.png'); background-repeat: no-repeat; background-position: 0 0; position: absolute;} .breadPage .nutritionalInfo a.nutritionalInfoBtn:hover {background-position: 0 -19px;} .breadPage .nutritionalInfo .dropDown p {width: 200px;} .breadPage .nutritionalInfo .dropDown p.title {font-weight: bold; padding: 0 0 3px 0;} .breadPage .nutritionalInfo .dropDown p.subTitle {font-style: italic; font-size: 10px; padding: 0 0 7px 0;} .breadPage .nutritionalInfo .dropDown p.disclaimer {font-size: 8px; line-height: 9px; padding: 7px 0 0 0;} .breadPage .nutritionalInfo .dropDown table {width: 200px;} .breadPage .content ul {color: #563119; /*list-style-image:url('../images/icon-asterisk.png'); */list-style-type: disc; padding: 30px 0 0 15px;} .breadPage .content ul li {font-weight: bold; margin: 10px 0 0 0; text-transform: uppercase; font-size: 11px;} /*individual bread styles*/ .wholeWheat {background-image:url('../images/content-bread-bg-whole-wheat.png'); _background-image:url('../images/content-bread-bg-whole-wheat.gif');} .wholeWheat h3 {background-image:url('../images/title-bread-whole-wheat.png'); height: 30px;} .wholeWheat .wholeWheatContent {display: block;} .sevenGrain {background-image:url('../images/content-bread-bg-seven-grain.png'); _background-image:url('../images/content-bread-bg-seven-grain.gif'); } .sevenGrain h3 {background-image:url('../images/title-bread-seven-grain.png'); height: 30px;} .sevenGrain .sevenGrainContent {display: block;} .wheatBerryWithHoney {background-image:url('../images/content-bread-bg-wheat-berry.png'); _background-image:url('../images/content-bread-bg-wheat-berry.gif'); padding-bottom: 30px; } .wheatBerryWithHoney h3 {background-image:url('../images/title-bread-wheat-berry.png');height: 63px;} .wheatBerryWithHoney .wheatBerryWithHoneyContent {display: block; } .multiGrain {background-image:url('../images/content-bread-bg-multi-grain.png'); _background-image:url('../images/content-bread-bg-multi-grain.gif'); } .multiGrain h3 {background-image:url('../images/title-bread-multi-grain.png');height: 31px;} .multiGrain .multiGrainContent {display: block;} .oat {background-image:url('../images/content-bread-bg-oat.png'); _background-image:url('../images/content-bread-bg-oat.gif'); } .oat h3 {background-image:url('../images/title-bread-oat.png');height: 30px;} .oat .oatContent {display: block;} .doubleFiberWholeWheat {background-image:url('../images/content-bread-bg-double-fiber.png'); _background-image:url('../images/content-bread-bg-double-fiber.gif'); padding-bottom: 30px;} .doubleFiberWholeWheat h3 {background-image:url('../images/title-bread-double-fiber.png');height: 63px;} .doubleFiberWholeWheat .doubleFiberWholeWheatContent {display: block;} .thinBunsWholeWheat {background-image:url('../images/content-bread-bg-thin-whole-wheat.png'); _background-image:url('../images/content-bread-bg-thin-whole-wheat.gif'); padding-bottom: 60px;} .thinBunsWholeWheat h3 {background-image:url('../images/title-bread-thin-whole-wheat.png');height: 63px;} .thinBunsWholeWheat .thinBunsWholeWheatContent {display: block;} .thinBunsMultiGrain {background-image:url('../images/content-bread-bg-thin-multi-grain.png'); _background-image:url('../images/content-bread-bg-thin-multi-grain.gif'); padding-bottom: 60px;} .thinBunsMultiGrain h3 {background-image:url('../images/title-bread-thin-multi-grain.png');height: 63px;} .thinBunsMultiGrain .thinBunsMultiGrainContent {display: block;} /*breadScroll*/ .breadScroll {padding: 0 0 0 54px; position: relative; top: 10px;} .breadScroll .column {float: left;} .breadScroll a.arrow {display:block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; width: 19px; height: 24px;} .breadScroll a.arrow:hover {background-position: 0 -24px;} .breadScroll .lfWrap {padding: 30px 25px 0 0;} .breadScroll .lfWrap a.arrow {float: left; background-image:url('../images/arrow-left.gif');} .breadScroll .lfWrap p.txtOurBreads { width: 155px; height: 17px; float: left; margin: 5px 25px 0 0;} .breadScroll .lfWrap p.txtOurBreads a {background-image:url('../images/text-our-breads.gif'); display: block; width: 155px; height: 17px; text-indent: -9999px;background-position: 0 0; } .breadScroll .lfWrap p.txtOurBreads a:hover {background-position: 0 -17px;} .breadScroll .rtWrap {padding: 30px 0 0 25px;} .breadScroll .rtWrap a.arrow {background-image:url('../images/arrow-right.gif')} .breadScroll .scrollWrap {width: 640px; height: 83px; overflow: hidden; position: relative;} .breadScroll .scrollArea {position: absolute; width: 1140px !important; } .breadScroll .scrollArea ul {padding: 0 20px 0 20px;} .breadScroll .scrollArea ul li {float: left; padding: 8px 8px 0 8px;} .breadScroll .scrollArea ul li.name {padding: 28px 0 0 0;} .breadScroll .scrollArea ul li a {display:block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; width: 92px; height: 67px;} .breadScroll .scrollArea ul li a:hover {background-position: 0 -67px;} .breadScroll .scrollArea ul li.active a {background-position: 0 -67px;} .breadScroll .scrollArea ul li.wholeWheatBread a {background-image:url('../images/bread-list-whole-wheat.gif'); } .breadScroll .scrollArea ul li.sevenGrainBread a {background-image:url('../images/bread-list-7-grain.gif'); } .breadScroll .scrollArea ul li.wheatBerryWithHoneyBread a {background-image:url('../images/bread-list-wheat-berry.gif'); } .breadScroll .scrollArea ul li.multiGrainBread a {background-image:url('../images/bread-list-multi-grain.gif'); } .breadScroll .scrollArea ul li.oatBread a {background-image:url('../images/bread-list-oat.gif'); } .breadScroll .scrollArea ul li.doubleFiberWholeWheatBread a {background-image:url('../images/bread-list-double-fiber.gif'); } .breadScroll .scrollArea ul li.thinBunsWholeWheatBread a {background-image:url('../images/bread-list-thin-whole-wheat.gif'); width: 115px; height: 64px;} .breadScroll .scrollArea ul li.thinBunsMultiGrainBread a {background-image:url('../images/bread-list-thin-multi-grain.gif'); width: 115px; height: 64px;} /**/ /*utility Pages*/ /**/ /*contactUs*/ .contactUsPage {background-image:url('../images/content-bg-img-mailbox.png'); _background-image:url('../images/content-bg-img-mailbox.gif'); background-position: 0 100px; /*height: 883px;*/} .contactUsPage .content {padding: 45px 0 150px 298px;} .contactUsPage h3 {height: 34px; background-image:url('../images/title-contact-us.png'); } .contactUsPage p.lg {padding: 10px 0 0 0;} .contactUsPage .top {padding: 35px 0 0 0;} .contactUsPage .top p {width: 375px; line-height: 20px; padding: 0 0 20px 0;} .contactUsPage label {font-size: 13px; font-weight: bold;} .contactUsPage .ddSelect {height: 20px;width: 220px; position: relative; padding: 16px 0 0 0;} .contactUsPage .ddSelect label {display: block; width: 200px; height: 17px; padding: 2px 0 0 9px; background-image:url('../images/btn-how-help.png'); background-repeat: no-repeat; cursor: pointer; position: absolute; top: 0; color: #fff; font-size: 12px; } .contactUsPage .ddSelect select {width: 209px; color: #589128; /*background-image:url('../images/btn-how-help.png'); border: 0; */} .contactUsPage .ddSelect ul {width: 200px; height: 95px; padding: 15px 0 0 14px; _margin-top: 15px; background-image:url('../images/select-bg.png'); background-repeat: no-repeat; font-size: 12px; color: #589128; list-style-type: disc; list-style-position: inside; position: absolute; display: none;} .contactUsPage .ddSelect ul li {padding: 0 0 5px 0; cursor: pointer;} .contactUsPage .ddSelect span.star {position: absolute; top : 0; right: 0;} .contactUsPage .fieldWrap p {padding: 0 0 9px 0;} .contactUsPage .fieldWrap label {width: 130px; float: left; padding: 0 5px 0 0 ; text-align: right;} .contactUsPage .fieldWrap input {width: 305px;} .contactUsPage .formWrap textarea {width: 305px;} .contactUsPage .signUpSubmit {padding:0 0 55px 125px;} .contactUsPage .signUpSubmit label {font-size: 11px;} .contactUsPage .signUpSubmit p.submitWrap {padding:0 0 0 261px;} .contactUsPage .signUpSubmit p.submitWrap input {width: 73px; height: 23px; display: block; background-image:url('../images/btn-submit.png'); border: 0; text-indent: -9999px; color: #fff; cursor: pointer;} .contactUsPage .errorBox {width: 360px; padding: 25px 0 25px 0; color: #ed1c24; display: none;} .contactUsPage .errorBox ul {list-style-type: disc; font-size: 12px; padding: 10px 0 0 20px; } /*contactUsConfirmation*/ .contactUsConfirmation {background-image:url('../images/content-bg-img-mailbox.png'); _background-image:url('../images/content-bg-img-mailbox.gif'); background-position: 0 100px; height: 883px;} .contactUsConfirmation .content {padding: 45px 0 0 298px;} .contactUsConfirmation h3 {height: 34px; background-image:url('../images/title-thank-you.png'); padding-bottom: 10px;} /*emailAlertsPage*/ .emailAlertsPage {background-image:url('../images/content-bg-img-email.png'); _background-image:url('../images/content-bg-img-email.gif'); background-position: 0 100px; height: 883px;} .emailAlertsPage .content {padding: 45px 215px 150px 298px;} .emailAlertsPage h3 {height: 75px; padding-bottom: 25px; background-image:url('../images/title-email-alerts.png');} .emailAlertsPage p { line-height: 20px;} .emailAlertsPage ul {padding: 20px 0 20px 20px; list-style-type: disc;} .emailAlertsPage ul li {padding: 5px 0 5px 0;} .emailAlertsPage p.error {padding: 10px 0 0 0; display: none;} .emailAlertsPage p.name {padding: 15px 0 0 0;} .emailAlertsPage p.name label {font-weight: bold; width: 100px; float: left;} .emailAlertsPage p.name input {float: left; width: 290px;} .emailAlertsPage p.email {padding: 15px 0 0 0;} .emailAlertsPage p.email label {font-weight: bold; width: 100px; float: left;} .emailAlertsPage p.email input {float: left; width: 290px;} .emailAlertsPage p.sm {padding: 0 0 0 105px;} .emailAlertsPage p.sm a {color: #666; text-decoration: underline;} .emailAlertsPage p.sm a:hover {color: #1b7296;} .emailAlertsPage p.submitWrap {padding: 0 0 0 330px; margin-top: -10px;} .emailAlertsPage p.submitWrap input {width: 73px; height: 23px; display: block; background-image:url('../images/btn-signup.png'); border: 0; text-indent: -9999px; color: #fff; cursor: pointer;} /*emailAlertsConfirmation*/ .emailAlertsConfirmation {background-image:url('../images/content-bg-img-email.png'); _background-image:url('../images/content-bg-img-email.gif'); background-position: 0 100px; height: 883px;} .emailAlertsConfirmation .content {padding: 45px 217px 150px 298px;} .emailAlertsConfirmation h3 {height: 75px; padding-bottom: 25px; background-image:url('../images/title-email-alerts-thanks.png');} .emailAlertsConfirmation p { line-height: 20px;} /*sharePage*/ .sharePage {} .sharePage h3 {height: 33px; background-image:url('../images/title-share-site.png'); padding: 0 0 20px 0;} .sharePage .content {padding: 45px 0 40px 298px;} .sharePage p {padding: 17px 0 0 0; line-height: 20px;} .sharePage p span {color: #563119; font-weight: bold;} .sharePage input {width: 305px;} .sharePage .formWrapTop {padding: 34px 0 0 14px;} .sharePage .formWrapTop p {padding: 0;} .sharePage .formWrapTop h4 {padding: 10px 0 0 0;} .sharePage .formWrapTop p.enterFriends {font-style: italic; padding: 0 0 10px 0;} .sharePage .formWrapTop p.inputWrap {padding: 0 0 8px 90px;} .sharePage .formWrapBottom {padding: 0 0 20px 0;} .sharePage .formWrapBottom p {padding: 0;} .sharePage .formWrapBottom p label {float: left; width: 114px; padding: 0 0 8px 0;} .sharePage .formWrapBottom .cityState {padding: 0 0 0 114px;} .sharePage .formWrapBottom .cityState input.cityInput {width: 98px;} .sharePage .formWrapBottom .cityState select.stateSelect {width: 98px; margin: 0 2px 0 2px;} .sharePage .formWrapBottom .cityState input.zipInput {width: 94px;} .sharePage .formWrapBottom .cityState label {text-align: center; padding: 2px 0 5px 0;} .sharePage .formWrapBottom .cityState label.zipLabel {width: 80px;} .sharePage p.disclaimer {font-size: 9px; color: #666; line-height: 11px; width: 282px; _width: 300px; clear:both; padding: 7px 0 0 114px;} .sharePage p.disclaimer a {color: #666; text-decoration: underline;} .sharePage p.disclaimer a:hover {color: #1b7296;} .sharePage .captcha {padding: 15px 0 10px 114px; clear: both;} .sharePage p.sendInput { padding: 10px 0 0 114px;} .sharePage p.sendInput input {width: 73px; height: 23px; background-image:url('../images/btn-send.png'); border: 0; text-indent: -9999px; cursor: pointer} .sharePage .formWrap {float: left; width: 435px;} .sharePage .errorBox {width: 180px; padding-top: 295px; float: right; color: #ed1c24; display: none;} .sharePage .errorBox ul {list-style-type: disc; font-size: 12px; padding: 10px 0 0 20px; } /*bagBox*/ .bagBox {width: 274px; height: 392px; clear: both; float: left; background-image:url('../images/bag-front.png'); _background-image:url('../images/bag-front.gif'); background-repeat: no-repeat; position: relative; top: 30px;} .bagBox a.flip {display: block; width: 50px; height: 50px; position: absolute; bottom: 10px; right: 15px; cursor: pointer;} /*shareConfirmation*/ .shareConfirmation { height: 883px;} .shareConfirmation {} .shareConfirmation .content {padding: 45px 0 0 298px;} .shareConfirmation .content .con {padding: 0 195px 0 0;} .shareConfirmation h3 {height: 34px; background-image:url('../images/title-earth-thanks.png'); padding-bottom: 10px;} .shareConfirmation p {padding: 25px 0 0 0; line-height: 20px;} .shareConfirmation ul {padding: 20px 0 20px 0;} .shareConfirmation ul li {} .shareConfirmation ul li a {display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px;} .shareConfirmation ul li.shareAgain {padding: 0 0 0 10px;} .shareConfirmation ul li.shareAgain a {width: 203px; height: 41px; background-image:url('../images/share-nav-share-again.png');} .shareConfirmation ul li.shareAgain a:hover {background-position: 0 -41px;} .shareConfirmation ul li.getCoupon a {width: 210px; height: 41px; background-image:url('../images/share-nav-coupon.png');} .shareConfirmation ul li.getCoupon a:hover {background-position: 0 -41px;} .shareConfirmation ul li.followTwitter {padding: 0 0 0 10px;} .shareConfirmation ul li.followTwitter a {width: 203px; height: 47px; background-image:url('../images/share-nav-twitter.png');} .shareConfirmation ul li.followTwitter a:hover {background-position: 0 -47px;} .shareConfirmation ul li.moveFacebook a {width: 210px; height: 47px; background-image:url('../images/share-nav-facebook.png');} .shareConfirmation ul li.moveFacebook a:hover {background-position: 0 -47px;} /*couponPage*/ .couponPage .content {padding: 20px 0 485px 155px;} .couponPage .couponMod { width: 735px; height: 371px; background-image:url('../images/coupon.png'); _background-image:url('../images/coupon.gif');} .couponPage .couponMod p {padding: 12px 190px 8px 150px; font-size: 14px; line-height: 20px;} .couponPage .couponMod p strong {color: #563119;} .couponPage .couponMod p.title {text-indent: -9999px; color: #1b7296; padding: 165px 0 0 100px !important;} .couponPage .couponMod p.downloadCouponBtn {padding-top: 10px !important;} .couponPage .couponMod p.downloadCouponBtn a {display: block; overflow: hidden; width: 143px; height: 23px; text-indent: -9999px; background-position: 0 0; background-image:url('../images/btn-big-download-coupon.gif');} .couponPage .couponMod p.downloadCouponBtn a:hover {background-position: 0 -23px;} /*couponSorryPage*/ .couponSorryPage .content {padding: 76px 0 485px 155px;} .couponSorryPage .couponMod { width: 735px; height: 390px; background-image:url('../images/coupon-sorry.png');} .couponSorryPage .couponMod p {padding: 12px 190px 8px 150px; font-size: 14px; line-height: 20px;} .couponSorryPage .couponMod p strong {color: #563119;} .couponSorryPage .couponMod p.title {text-indent: -9999px; color: #1b7296; padding: 80px 0 0 100px !important;} .couponSorryPage .couponMod p.downloadCouponBtn {padding-top: 10px !important;} .couponSorryPage .couponMod p.downloadCouponBtn a {display: block; overflow: hidden; width: 143px; height: 23px; text-indent: -9999px; background-position: 0 0; background-image:url('../images/btn-big-download-coupon.gif');} .couponSorryPage .couponMod p.downloadCouponBtn a:hover {background-position: 0 -23px;} /*badgePage*/ .badgePage {background-image:url('../images/badge.png'); _background-image:url('../images/badge.gif'); background-position: 0 105px;} .badgePage .content {padding: 50px 0 585px 300px; } .badgePage h3 {height: 74px; background-image:url('../images/title-part-plot.png');} .badgePage p {line-height: 20px; padding: 25px 200px 0 0;} .badgePage p span {color: #563119;} .badgePage h4 {padding: 25px 0 0 0;} .badgePage p.badgeCodeWrap {padding: 15px 0 0 0;} .badgePage p.badgeCodeWrap input {width: 305px;} /*whereToBuy*/ .whereToBuy .content {padding: 50px 80px 200px 215px;} .whereToBuy h3 {height: 33px;background-image:url('../images/title-where-to-buy.png'); padding-bottom: 10px;} .whereToBuy ul {width: 195px; float: left;} .whereToBuy ul li {color: #1b7296; font-weight:bold; padding: 0 0 30px 0; font-size: 16px;} .whereToBuy .listWrap {padding: 33px 0 10px 0;} .whereToBuy .couponMod {position:relative; left:-85px;} /*siteMapPage*/ .siteMapPage .content {padding: 50px 80px 60px 215px;} .siteMapPage h3 {height: 33px; background-image:url('../images/title-site-map.png'); padding-bottom: 30px;} .siteMapPage .left {width: 354px; float: left;} .siteMapPage .right{width: 260px; float: left;} .siteMapPage .sec {padding: 0 0 30px 0;} .siteMapPage p {font-size: 16px; padding: 0 0 10px 0;} .siteMapPage a {font-weight: bold;} .siteMapPage ul {padding: 0 0 0 20px; list-style-type: disc; color: #589228;} .siteMapPage ul li {font-size: 14px; padding: 0 0 10px 0;} .siteMapPage ul li a {font-weight: normal;} /*privacyPolicy*/ .privacyPolicy .content {padding: 50px 80px 200px 215px;} .privacyPolicy h3 {height: 33px ; background-image:url('../images/title-privacy-policy.png'); padding-bottom: 10px;} .privacyPolicy h4 {padding: 18px 0 0 0;} .privacyPolicy p {padding:0 0 20px 0; line-height: 20px;} .privacyPolicy ul {/*list-style-type: none; list-style-position: outside;*/ padding: 0 0 0 15px; line-height: 20px; padding-bottom: 20px;} .privacyPolicy ul li {padding: 0 0 5px 0;} .privacyPolicy p.amended {font-style: italic;} /*termsOfUse*/ .termsOfUse .content {padding: 50px 80px 150px 215px;} .termsOfUse h3 {height: 33px; background-image:url('../images/title-terms-of-use.png'); padding-bottom: 10px;} .termsOfUse p.lg {padding-top:20px;} .termsOfUse h4 {padding: 18px 0 0 0;} .termsOfUse p {padding:0 0 20px 0; line-height: 20px;} /*termsAndConditions*/ .termsAndConditions .content {padding: 45px 80px 150px 298px;} .termsAndConditions h3 {height: 33px; background-image:url('../images/title-share-site.png'); padding: 0 0 20px 0;} .termsAndConditions p {padding:0 0 20px 0; line-height: 20px;} /*adminPage*/ .adminPage {} .adminPage .content {padding: 50px 0 150px 0; width: 705px; margin: 0 auto;} .adminPage .adminForm {width: 605px; height: 413px; padding: 100px 0 0 100px; background-image:url('../images/video-pop-bg.png'); _background-image:url('../images/video-pop-bg.gif'); background-repeat: no-repeat;}