/* css reset */ * { margin: 0; padding: 0; } body { background: #F6F6F6; font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; color: #000000; } html>body { font-size: 10px; } p { } a { text-decoration: none; } a span, a em { cursor: pointer; } a:hover { } img { border: none; display: block; } h1 { margin: 0; padding: 0; clear: both; font-size: 1.4em; font-weight: bold; color: #000 } h2 { margin: 0; padding: 0; font-size: 1.4em; color: #707070; } h3 { margin: 0; padding: 0; } ul { list-style-type: none; margin: 0; padding: 0; } ol { margin: 0; padding: 0; } ul li { margin: 0; padding: 0; } form { height: 100%; } fieldset { border: none; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div#Skiplinks { left: -9999em; position: absolute; top: -9999em; } .replace { background-repeat: no-repeat; overflow: hidden; position: relative; } .replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 100; } ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; } .adn { display: block; height: 0; overflow: hidden; width: 0; } /* Shared styles */ #Container { background: #FFF; border-bottom: 1px solid #f3f2f3; margin-bottom: 1px; } .body-container { width: 960px; margin: 0 auto; margin-bottom: 10px; } #Header { height: 1%; } #Header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.search { width: 211px; height: 1%; padding: 6px 7px 10px 7px; margin-top: 35px; float: right; background: transparent url(../Images/Global/bg-search-discreet.png) right top no-repeat; } div.search:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.search label, div.search legend { display: none; height: 0; } div.search .search-text { width: 147px; height: 22px; display: block; float: left; background: transparent url(../Images/Global/SearchBg.png) -353px -59px no-repeat; } div.search .search-text input { border: 0; padding: 2px 0 0 15px; font-size: 1.2em; color: #707070; background: transparent; } div.search .submit { float: left; margin-left: 3px; margin-top: 1px; width: 58px; height: 20px; } .logo { width: 145px; height: 125px; float: left; } .company-info { float: left; height: 1%; margin: 40px 0 30px 85px; position: relative; height: 31px; width: 482px;} .company-info:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .site-switch { float: right; height: 1%;width: 638px; } .site-switch li { float: left; padding: 8px 7px 6px 7px; background: none; border-left: 1px solid #ccc; } .site-switch li a { text-decoration: none; font-size: 1.2em; padding: 4px; color: #000; } #NavigationPrimary { float: left; width: 960px; } #NavigationPrimary ul { height: 1%; background: #c5c5c5 url(../Images/Global/NavigationPrimary.png) 0 0 no-repeat; } #NavigationPrimary ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #NavigationPrimary li { float: left;margin:10px 0 20px 0; padding: 0 10px; } #NavigationPrimary li a { padding: 8px 5px; display: block; font-family: Arial; font-size: 1.5em; color: #FFF; text-shadow: -1px -1px 1px #b5b5b5; text-decoration: none; } #NavigationPrimary li.active a { color: #000; text-shadow: 1px 1px 1px #FFF; background: transparent url(../Images/Global/NavigationPrimary.png) center -116px no-repeat; } #NavigationPrimary li.first { } #NavigationPrimary li.last { background: transparent url(../Images/Global/NavigationPrimary.png) right bottom no-repeat; } #NavigationPrimary li.last a { padding: 8px 7px; text-shadow: none; } #NavigationSecondary { float:left; width:209px; } #NavigationSecondary h2 { background:#EFE1E7 url(../Images/Global/NavigationSecondaryHeaderBG.png) no-repeat scroll 0 0; border-bottom:1px solid #FFFFFF; color:#B4205E; font-size:1.9em; font-weight:normal; padding:8px 0 8px 12px; } #NavigationSecondary ul {} #NavigationSecondary ul li { background:#EFEFEF none repeat scroll 0 0; border-bottom:1px solid #FFFFFF; padding:8px 0 8px 12px; } #NavigationSecondary ul li.active { background: #FFFFFF url(../Images/Global/NavigationSecondaryActiveBG.png) repeat-x 0 0; } #NavigationSecondary ul li.active a.parent { color: #DE3079; } #NavigationSecondary ul li.last { background:#EFEFEF url(../Images/Global/NavigationSecondaryBottomBG.png) no-repeat 0 bottom;} #NavigationSecondary ul li a { color: #681236; font-weight: bold; font-size: 1.3em; } #NavigationSecondary ul li a:hover { text-decoration: underline; } #NavigationSecondary ul li ul { border-top:1px solid #FFFFFF; margin-top:4px; padding-top:4px; } #NavigationSecondary ul li ul li { background:none; border-bottom:0; padding:3px 0 3px 10px; } #NavigationSecondary ul li ul li.active { background: none; } #NavigationSecondary ul li ul li.active a { color: #DE317A; font-weight: bold; } #NavigationSecondary ul li ul li.last { background:#EFEFEF url(../Images/Global/NavigationSecondaryBottomBG.png) no-repeat 0 bottom;} #NavigationSecondary ul li ul li a { color: #4C4C4C; font-weight: normal; font-size: 1.3em; } #NavigationSecondary ul li ul li a:hover { text-decoration: underline; } /*#NavigationTertiary { border-top:1px solid #FFFFFF; margin-top:4px; padding-top:4px; } #NavigationTertiary ul {} #NavigationTertiary ul li { background:none; border-bottom:0; padding:3px 0 3px 10px; } #NavigationTertiary ul li.active { background: none; } #NavigationTertiary ul li.active a { color: #DE317A; font-weight: bold; } #NavigationTertiary ul li.last { background:#EFEFEF url(../Images/Global/NavigationSecondaryBottomBG.png) no-repeat 0 bottom;} #NavigationTertiary ul li a { color: #4C4C4C; font-weight: normal; font-size: 1.3em; } #NavigationTertiary ul li a:hover { text-decoration: underline; }*/ #Footer { width: 100%; height: 100%; background: #F6F6F6; border-top: 1px solid #FFF; } .footer-container { height: 1%; width: 960px; margin: 0 auto; padding-top: 40px; } .footer-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #Footer { color: #404040; } #Footer a { color: #404040; } .site-info { width: 610px; float: left; } .site-info p { font-size: 1.2em; color: #909090; clear: left; float: left; margin-top: 15px; } .share { margin-bottom: 20px; } .share a { display: block; width: 123px; height: 18px; background: transparent url(../Images/Global/FacebookShare.png) 0 -18px no-repeat; text-indent: -9999em; } #NavigationFooter { width: 350px; float: left; } #NavigationFooter li { float: left; width: 155px; margin: 2px 0; padding-left: 20px; background: transparent url(../Images/Global/ArrowsRight.png) 0 5px no-repeat; } #NavigationFooter li a { font-size: 1.2em; text-decoration: none; } .arrow { padding-left: 15px; background: transparent url(../Images/Global/ArrowsRight.png) 0 -29px no-repeat; } .contact-details .message { font-size: 1em; text-align: right; float: right; width: 332px; margin-right: 150px; } .contact-details .message strong { text-transform: uppercase; font-size: 1em; } .contact-details .phone-number { position: absolute; right: 0; top: 0; color: #000; z-index:100;} #Content { padding: 0 10px 0 10px; background: #fff; height: 1%; } #Content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .content-top { width: 100%; height: 13px; } .content-bottom { width: 100%; height: 13px; } .button { overflow: hidden; text-decoration: none; outline: none; font-weight: bold; display: block;} .button span { display: block; float: left; color: #fff; font-size: 1.3em; font-family: Arial Narrow, Arial; padding: 4px 8px 7px 8px; background: transparent url(../Images/Buttons/Button.png) 0 -81px no-repeat; } .button em { display: block; float: left; width: 16px; height: 27px; background: transparent url(../Images/Buttons/Button.png) right -54px no-repeat; } body.home h1 { text-indent: -9999em; } .main-cta { width: 622px; height: 300px; float: left; margin-right: 10px; } .home-carousel{font-size:1em;} .home-carousel-item{float:left;width:622px;margin:0;padding:0;height:300px;font-size:1em;} .home-carousel-item .home-carousel-item-content{position:relative;width:100%;height:300px;font-size:1em;} .home-carousel .carousel-control{display:none;} .home-carousel-item p{font-size:1.2em; color: #565656;} .home-what-do-you-think{background: #f0f0f0 no-repeat 0 0;} .home-what-do-you-think h2{ color: #000; height: 1%; width: 400px; font-size: 2em; position: absolute; top: 30px; left: 30px; display: block; } .home-what-do-you-think .copy{padding:80px 40px 10px 300px;} .home-what-do-you-think .button-1{position:absolute;bottom:46px;right:226px;width:100px;} .home-what-do-you-think .button-2{position:absolute;bottom:46px;right:20px;width:100px;} .home-four-ways h2{ color: #666; height: 1%; width: 400px; font-size: 2em; position: absolute; top: 30px; left: 30px; } .home-four-ways .copy{padding:90px 200px 10px 35px;} .home-four-ways{background:#f0f0f0 no-repeat 0 0;} .home-four-ways p{color:#565656;margin:0 0 10px 0;} .home-four-ways p.highlight{color:#333;font-weight:bold;margin-bottom:15px;} .home-four-ways a.inassociationwith{background:transparent url(../Images/Global/4waysbadge.png) no-repeat 0 0;width:269px;height:39px; display: block; overflow: hidden; text-indent: -1000em; display: none;} body.home .button em { display: none; } .secondary-cta { width: 307px; height: 228px; padding-top: 55px; float: left; } .secondary-cta h2 { text-indent: -9999em; } .secondary-cta p { font-size: 1.2em; margin: 10px 30px 15px 32px; } .secondary-cta ul { margin-left: 32px; clear: both; overflow: hidden; margin-bottom: 25px; } .secondary-cta ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .secondary-cta li { width: 120px; float: left; margin: 0 0 4px 0; background: transparent url(../Images/Global/ArrowsRight.png) 0 -29px no-repeat; } .secondary-cta li.alt { float: right; margin-right: 20px; } .secondary-cta li a { font-size: 1.2em; color: #6d6d6d; margin-left: 1px; padding-left: 9px; display: block; } .secondary-cta .button { margin-left: 22px; clear: left; } .secondary-cta .button span { font-size: 1.4em; } .third-cta { width: 622px; height: 233px; float: left; margin-right: 10px; padding-top: 60px; margin-top:10px; } .third-cta h2 { text-indent:-9999em; } .third-cta p { clear:left; font-size:1.2em; margin:10px 30px 32px 304px; width:280px; } .third-cta .sponsor { width: 150px; padding-right: 127px; position: relative; font-size: 1.1em; margin-bottom: 0; margin-top: 40px; } .third-cta .sponsor a { position: absolute; top: -5px; right: 0; display: block; width: 110px; height: 38px; text-indent: -9999em; } .third-cta .carousel-button { margin-left: 35px; } .third-cta ul { float:right; margin-right:44px; margin-top:10px; } .third-cta ul li { float:left; } .third-cta ul li p { margin:6px 20px 0; width:auto; } .third-cta ul li .button span { padding:4px 25px 7px; } .three-carousel ul { height: 1%; overflow: hidden; clear: both; padding-top: 15px; margin-bottom: 15px; } .three-carousel ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .three-carousel li { margin-left: 15px; float: left; display: inline; } .three-carousel li.first { margin-left: 10px; } .three-carousel li.second { background-position: -296px 0; } .three-carousel li.last { background-position: -592px 0; } .cta-small { margin-left: 10px; float: left; display: inline; position: relative; width: 266px; height: 140px; padding: 15px; background: transparent url(../Images/Content/Home/CTAs.jpg) 0 0 no-repeat; } .cta-small h2 { font-size: 1.8em; font-family: Arial; width: 60%; } .cta-small p { font-size: 1.1em; color: #707070; margin: 10px 0; width: 60%; } .cta-small .button { position: absolute; bottom: 15px; } .raise-funds { margin-left: 10px; float: left; display: inline; } .head { border-bottom: 1px solid #fff; } .head-container { height: 1%; overflow: hidden; padding: 10px 20px; } .head-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .head-container h2 { float: left; width: 60%; font-size: 1.6em; } .head-container a { display: block; float: right; text-align: right; text-decoration: none; font-size: 1.2em; } .news-container { width: 608px; float: left; margin : 0 0 15px 15px; } .news-container ul { height: 1%; overflow: hidden; padding: 10px 0; background: transparent url(../Images/Global/HeaderBg.png) 0 -256px repeat-x; } .news-container ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .news-container ul li { float: left; margin-left: 15px; border-right: 1px dotted #ccc; padding-right: 15px; width: 165px; } .news-container ul lili:last-child { border: none; } .news-container ul p { font-size: 1.2em; color: #4c4c4c; margin: 5px 0; } .news-container ul strong { font-weight: normal; display: block; margin-bottom: 3px; } .recommended { margin-top: 10px; margin-left: 15px; display: inline; width: 920px; clear: both; float: left; background: #f5f4f5 url(../Images/Global/HeaderBg.png) right -168px no-repeat; } .recommended h3 { background: transparent url(../Images/Global/HeaderBg.png) 0 -212px no-repeat; padding: 14px 20px 13px 20px; font-size: 1.3em; color: #4f474a; } .recommended h3 em { font-style: normal; font-size: 0.85em; font-weight: normal; } /* End shared styles */ /* Full Version */ body { background: #fdf4f8; } .container-repeater { background: #fff url(../Images/Global/BodyRepeater.png) 0 0 repeat-x; } #Container{ background: transparent url(../Images/Global/BodyBg.jpg) center top no-repeat; } .logo { background: transparent url(../Images/Global/Logo.png) center center no-repeat; text-indent: -9999em; } .logo a { display: block; } .arrow { background-position: 0 -29px; } .button span { background-position: 0 -27px; } .button em { background-position: right 0; } .button-green span { background-position: 0 -135px; } .button-green em { background-position: right -108px; } #NavigationPrimary ul { background-position: 0 -58px; background-color: transparent; } #NavigationPrimary li { background: transparent url(../Images/Global/NavigationPrimary.png) right -93px no-repeat; } #NavigationPrimary li.last { background-position: left bottom; } #NavigationPrimary li.last a { color: #fff; } #NavigationPrimary li a { color: #681236; text-shadow: none; } #NavigationPrimary li.active a { background-position: center bottom; color: #de3079; } #NavigationPrimary li#DonateNav { position: relative; } #NavigationPrimary li#DonateNav ul { background-image: url(../Images/Content/Home/DonateNav.png); background-position: 0 0; background-repeat: no-repeat; height: 100px; line-height: 1.1; margin: 0; padding: 0; position: absolute; right: 0; top: 30px; width: 180px; } #NavigationPrimary li#DonateNav ul li { background-image: none; color: #FFFFFF; border-top: 1px solid #BD4578; float: none; margin: 0 10px 1px 10px; padding: 0; width: auto; } #NavigationPrimary li#DonateNav ul li.first { border-top: none; padding-top: 12px; } #NavigationPrimary li#DonateNav ul li a { float: none; margin: 0; padding: 2px 0 2px 10px; text-transform: none; width: auto;font-size: 1.1em; } #NavigationPrimary li#DonateNav ul li a:focus, #NavigationPrimary li#DonateNav ul li a:hover { text-decoration: underline; } #Footer { background: #fdf4f8; border-color: #f2ebee; } div.search { background-position: 0 0; } div.search .search-text { background-position: 0 -59px; } .site-switch li { background-position: right 0; border-left: 1px solid #ccc; } .site-switch li a { color: #FFF; background: url(../Images/Global/SiteSwitch.png) 0 -204px no-repeat; padding-left: 10px;} .site-switch li.last { } .site-switch li.first { border-left: none; } .site-switch li.facebook a, .site-switch li.twitter a { padding-left: 26px; height: 12px; display:inline; float: left; line-height: 13px;} .site-switch li.facebook a { background: url(../Images/Global/social-small-discreet.png) 0 0 no-repeat; } .site-switch li.twitter a { background: url(../Images/Global/social-small-discreet.png) 0 -21px no-repeat; } .site-switch li.facebook, .site-switch li.twitter { padding: 5px 7px 2px 7px; height: 23px; } .content-top { background: transparent url(../Images/Global/ContentBg.png) 0 0 no-repeat; } .content-bottom { background: transparent url(../Images/Global/ContentBg.png) 0 bottom no-repeat; } .contact-details .message { color: #FFF; } .contact-details .phone-number { font-size: 2.2em; font-weight: bold;} .secondary-cta { background: transparent url(../Images/Content/Home/HowCanYouHelp.png) 0 0 no-repeat; } .secondary-cta p { color: #6d6d6d; } .secondary-cta li { background-position: 0 -29px; } .secondary-cta div#DonateHow { position: relative; } .secondary-cta div#DonateHow ul { background: transparent url(../Images/Content/Home/DonateHow.png) no-repeat 0 0; color: #FFFFFF; height: 53px; left: 80px; line-height: 1.1; margin: 0; padding: 0; position: absolute; top: -15px; width: 184px; } .secondary-cta div#DonateHow ul li { background: #4E6A1E url(../Images/Content/Home/DonateHow.png) no-repeat -5px 0; float: none; margin: 0 5px 6px 5px; padding: 0; width: auto; } .secondary-cta div#DonateHow ul li a { background-color: transparent; color: #FFFFFF; padding: 6px 0 3px 15px; } .secondary-cta div#DonateHow ul li a:focus, .secondary-cta div#DonateHow ul li a:hover { text-decoration: underline; } .secondary-cta div#DonateHow ul li.alt { background-position: -5px -27px; } .secondary-cta div#DonateHow ul li.alt a { padding-top: 4px; } .third-cta { background: #000 url(../Images/Content/Home/CampaignWDYTHeader.jpg) 0 0 no-repeat; } .third-cta p, .third-cta ul li { color: #583d5b; } .third-cta .sponsor a { background: transparent url(../Images/Global/AvonLogo.png) 0 0 no-repeat; } .cta-small { background: transparent url(../Images/Content/Home/CTAs.jpg) 0 0 no-repeat; } .cta-small h2 { color: #b4205e; } .raise-funds { background-position: -888px 0; } .head { background: #f2e7ec url(../Images/Global/HeaderBg.png) right 0 no-repeat; } .head-container { background: transparent url(../Images/Global/HeaderBg.png) 0 -42px no-repeat; } .head-container h2 { color: #b4205e; } .head-container a { color: #de3079; } .news-container ul a { color: #de3079; } #ContentPrimary { float:left; margin-left:20px; width: 700px; } body.page-parent #ContentPrimary h3 { color:#681236; font-size: 1.8em; } body.page-child #ContentPrimary h3 { color:#681236; font-size: 1.4em; } body.page-template-tp_news-php #ContentPrimary h3 { color:#681236; font-size: 1.4em; } #ContentPrimary p { color: #4C4C4C; font-size: 1.2em; } #ContentPrimary p.intro { font-weight: bold; margin-bottom: 20px; } #ContentPrimary ul {} #ContentPrimary ul li { color: #4C4C4C; font-size: 1.1em; } #ContentPrimary a {color:#DE3079;font-weight:bold;} #ContentPrimary a.arrow-link { background:transparent url(../Images/Global/LinkItemBG.png) no-repeat scroll 0 2px; color:#DE3079; font-weight:bold; padding-left:9px; } #ContentPrimary a.arrow-link:hover { text-decoration: underline; } /*body.landing-page #ContentPrimary .primary-content-col { float: left; width: 370px; } body.article-page #ContentPrimary .primary-content-col { float: left; width: 490px; }*/ #ContentPrimary .primary-content-col { float: left; width: 490px; } body.page-parent #ContentPrimary .primary-content-col { float: left; width: 370px; } body.page-child #ContentPrimary .primary-content-col { float: left; width: 490px; } body.page-template-tp_news-php #ContentPrimary .primary-content-col { float: left; width: 370px; } /*body.page-id-3571 #ContentPrimary .primary-content-col { float: left; width: 490px; } body.page-template-tp_full-width-content-php #ContentPrimary .primary-content-col { float: left; width: 490px; } body.single #ContentPrimary .primary-content-col { float: left; width: 490px; } */ /*body.landing-page #ContentPrimary .secondary-content-col { float:left; margin-left: 19px; width: 311px; } body.article-page #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; }*/ #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; } body.page-parent #ContentPrimary .secondary-content-col { float:left; margin-left: 19px; width: 311px; } body.page-child #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; } body.page-template-tp_news-php #ContentPrimary .secondary-content-col { float:left; margin-left: 19px; width: 311px; } /*body.page-id-3571 #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; } body.page-template-tp_full-width-content-php #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; } body.single #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; }*/ /*body.full-width-content-php #ContentPrimary .primary-content-col { width: 100%; } body.full-width-content-php #ContentPrimary .secondary-content-col { float: left; margin-left: 19px; padding-top: 14px; width: 189px; }*/ #ContentPrimary .secondary-content-col .content-block { margin-bottom:20px; padding-left:20px; padding-top:20px; } #ContentPrimary .content-block { padding-top:14px; } #ContentPrimary .content-block h3 { margin-bottom: 12px; } #ContentPrimary .content-block ul { margin:8px 0; } #ContentPrimary .content-block ul.no-bullets li { background: none; } #ContentPrimary .content-block ul li { background:transparent url(../Images/Global/ListItemBG.png) no-repeat scroll 0 5px; padding-bottom:6px; padding-left:10px; } #ContentPrimary h3.heading-divider { border-bottom: 1px solid #D9ACBF; color: #681236; float: left; width: 100%; } #ContentPrimary a.rounded-link { background:transparent url(../Images/Global/LinkButtonBG.png) no-repeat scroll 0 -27px; color:#FFFFFF; float:left; height:27px; margin-top:6px; padding:0 0 0 14px; } #ContentPrimary a.rounded-link:hover { text-decoration: underline; } #ContentPrimary a.rounded-link span { background:transparent url(../Images/Global/LinkButtonBG.png) no-repeat scroll right 0; display:block; font-size:1.2em; padding:6px 14px 5px 0; } #PageHeaderContainer { border-bottom: 1px solid #F2ADCA; float: left; width:100%; } #PageHeaderContainer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #PageHeaderContainer h1 { color: #4c4c4c; float: left; font-size: 2.3em; font-weight: bold; } #PageHeaderContainer ul.page-header-icons { float:right; padding-right:14px; padding-top:9px; } #PageHeaderContainer ul.page-header-icons li { float: left; font-size: 1.2em; } #PageHeaderContainer ul.page-header-icons li.print-page { background: transparent url(../Images/Global/IconPrint.png) no-repeat 0 0; margin-right: 14px; padding-left: 24px; } #PageHeaderContainer ul.page-header-icons li.email-page { background: transparent url(../Images/Global/IconEmail.png) no-repeat 0 0; padding-left: 24px; } #PageHeaderContainer ul.page-header-icons li a { color: #A5A5A5; } #PageHeaderContainer ul.page-header-icons li a:hover { text-decoration: underline;} #TrueStories { background: #F7F1F3 url(../Images/Content/SidePanels/TrueStoriesBG.png) no-repeat right top; padding-top:14px; } #TrueStoriesWrapper { background: #F7F1F3 url(../Images/Content/SidePanels/TrueStoriesBG.png) no-repeat 0 bottom; padding:0 20px 14px; } #TrueStoriesWrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #TrueStories h4 { color: #B4205E; font-size: 1.9em; } #TrueStories h5 { color:#4C4C4C; font-weight: bold; font-size: 1.1em; } #TrueStories .true-story-content { margin-bottom: 6px; } #Breadcrumbs { float: left; margin-bottom: 30px; padding-top:14px; } #Breadcrumbs:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #Breadcrumbs ul {} #Breadcrumbs ul li { color:#949494; float: left; font-size:1.1em; margin-right: 6px; } #Breadcrumbs ul li a { background:transparent url(../Images/Global/BreadcrumbItemBG.png) no-repeat right 2px; color:#7C7C7C; padding-right:12px; } #Breadcrumbs ul li a.active { background: none; color: #949494; } #ForSupport { background:transparent url(../Images/Content/SidePanels/ForSupportBG.png) no-repeat scroll right top; margin-top:14px; padding-bottom:14px; padding-left:20px; padding-top:20px; } #ForSupport p { color: #4C4C4C; font-size: 1.3em; width: 205px; } #ForSupport .support-phone-number { background:transparent url(../Images/Content/SidePanels/ForSupportPhoneIcon.png) no-repeat scroll 0 4px; color:#831242; font-size:2em; margin-top:2px; padding-left:24px; } #PlaceInARefuge { background:transparent url(../Images/Content/SidePanels/PlaceInARefugeBG.png) no-repeat scroll 0 0; padding: 10px 0 8px 20px; margin: 20px 0px 10px 0px; } #PlaceInARefuge:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } body.landing-page #PlaceInARefuge h3 { color:#B4205E; font-size:1.6em; width:180px; } #MakeADonation { margin-top: 20px; } #MakeADonation h3 { color: #681236; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; } #MakeADonation h4 { color: #681236; font-size: 2.2em; font-weight: bold; } #MakeADonation .donation-content { background: transparent url(../Images/Content/SidePanels/DonationIconsBG.png) no-repeat 0 0; padding-bottom: 10px; padding-left: 140px; padding-right: 10px; } #DonationOnline { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #DonationOnlineWrapper { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat left bottom; padding-bottom: 10px; } #DonationOnline .donation-content { background-position: 0 0; } #RegularGift { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #RegularGiftWrapper { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat left bottom; padding-bottom: 10px; } #RegularGift .donation-content { background-position: 0 -107px; } #DifferentDonations { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #DifferentDonationsWrapper { background: transparent url(../Images/Content/SidePanels/DifferentDonationsBG.png) no-repeat left bottom; padding-bottom: 10px; } #DifferentDonations h4 { color: #B4205E; font-size: 1.4em; } #DonateByPhone.donation-content { background-position: 0 -235px; padding-bottom: 24px; } #DonateByPost.donation-content { background-position: 0 -340px; padding-bottom: 24px; } #DonateByPayroll.donation-content { background-position: 0 -430px; padding-bottom: 24px; } #DonateByShares.donation-content { background-position: 0 -530px; padding-bottom: 24px; } #SeeAlso { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #SeeAlsoWrapper { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 10px; } #SeeAlso p { color: #8E4D68; font-size: 1.2em; margin: 0 auto; text-align: center; width: 150px; } #SeeAlso .support-phone-number { background:transparent url(../Images/Content/SidePanels/ForSupportPhoneIcon.png) no-repeat scroll 0 4px; color:#831242; font-size:2em; margin-top:2px; padding-left:24px; } #SeeAlso ul { margin:10px 0 15px 15px;; width: 150px; } #SeeAlso ul li { border-bottom: 1px dotted #F2ADCA; padding: 3px 0; } #SeeAlso ul li a { color: #4C4C4C; font-size: 1.1em; } #SeeAlso ul li a:hover { text-decoration: underline; } body.article-page #ContentPrimary .side-bar-block h3 { color: #B4205E; font-size: 1.4em; margin-left: 15px; } .newsletter-content { padding-top: 4px; } .newsletter-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .newsletter-content p { margin-bottom: 4px; float:left; width: 120px; font-weight: bold; margin-left: 15px; } .newsletter-content a { margin-left: 15px; } #RefugeNewsletter { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #RefugeNewsletterWrapper { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 10px; } #RefugeNewsletter .newsletter-content { background:transparent url(../Images/Content/SidePanels/ArticlePageSideIcons.png) no-repeat right 17px; } #RefugeECard { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #RefugeECardWrapper { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 10px; } #RefugeECard .newsletter-content { background:transparent url(../Images/Content/SidePanels/ArticlePageSideIcons.png) no-repeat right -110px; } #HowDidYouHear { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #HowDidYouHearWrapper { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 10px; } #HowDidYouHear fieldset {} #HowDidYouHear fieldset legend { display: none; } #HowDidYouHear .frow { margin:6px 0 6px 14px; } #HowDidYouHear .frow-select {} #HowDidYouHear .frow-select select { width:160px; } #HowDidYouHear a.rounded-link { float: right; margin-right: 14px; } #MakeADonationSide { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat right 0; margin-bottom: 16px; padding-top: 10px; } #MakeADonationSideWrapper { background: transparent url(../Images/Content/SidePanels/ArticlePageSidePanelBG.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 10px; } #MakeADonationSide .support-phone-number { background:transparent url(../Images/Content/SidePanels/ForSupportPhoneIcon.png) no-repeat scroll 0 4px; color:#831242; font-size:2em; font-weight:normal; margin-top:2px; padding-left:24px; width:140px; } #FAQtop { background:transparent url(../Images/Global/plinthFAQtop.jpg) no-repeat scroll 0 0; height:113px; width:371px; } .FAQcell { background: #EFE1E7; border: 1px solid #e6e6e6; border-right:none; border-left:none; width:371px; padding-bottom:10px; } .FAQcellalt { background: #FAECF4; border: 1px solid #e6e6e6; border-right:none; border-left:none; width:371px; padding-bottom:10px; } .faqmargin10 { margin:10px 10px 0; } .faqmargin10 h2 { color: #4c4c4c; } .faqmargin10 a { color: #DE3079; font-size: 1.2em; } .faqmargin10 a:hover { text-decoration: underline; } #FAQbottom { background:transparent url(../images/global/plinthFAQbottom.gif) no-repeat scroll 0 0; height:8px; width:371px; } .plinth { background: transparent url(../Images/Global/1ColPlinthBG.png) no-repeat right 0; float: left; margin-top: 10px; padding-top:10px; width: 491px; } .plinth:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .plinth-wrapper { background: transparent url(../Images/Global/1ColPlinthBG.png) no-repeat left bottom; padding-bottom:10px; } .discreetButton { background: #ccc; } #DonateRollover{ width: 181px; height: 127px; background: transparent url(../Images/Global/DonateHoverBg.png) no-repeat; position: absolute; top: 5px; left: -117px; display:none; } .signupform form{margin:0;padding:0} .signupform form p{height:20px;width:600px;background:#f0eee6;padding:4px 4px 4px 8px;margin-bottom:3px} .signupform form p.break{height:28px;margin-top:8px} .signupform form label{float:left;padding:4px 4px 0 0} .signupform form p input,form p textarea,form p select{border:1px solid #e3e0d1;background:#fff;color:#000;height:16px;float:right;padding:3px 3px 0px 3px;font:1em verdana,arial,helvetica,sans-serif} .signupform form p select{height:22px} .signupform form p.textarea{height:144px} .signupform form p textarea{height:136px;width:400px} .signupform form p.break label.l{padding-top:8px} .signupform form p.break input.l{float:left;margin-top:4px} .signupform form p input.submit{border:1px solid #000;float:right;height:20px;padding:0px;background:#ccc} .signupform form p input.submit:hover{cursor:pointer} /* Hacks to try and tidy up the cms content - CP */ .primary-content-col .imageLeft,img.alignleft {float:left;padding:0px 10px 5px 0px} .primary-content-col .imageCenter {text-align:center} .primary-content-col .imageRight,img.alignright {float:right; padding:0px 0px 5px 5px} .primary-content-col h1 { display: none; } .primary-content-col h3 { margin-left: 0px; } .primary-content-col h4 { font-size: 1.4em; color: #681236} body.page-template-tp_full-width-content-php .content-block h4 { font-size: 1.4em; color: #681236 } .secondary-content-col .side-bar-block h3 { margin-left: 15px; } .block-of-content p {margin-bottom:10px} .search #ContentPrimary { width: 900px; } .search #ContentPrimary #PageHeaderContainer { float: none; } .search #ContentPrimary .primary-content-col { width: 680px; } .search-paging { margin: 20px 0px; } ul.search-results-list { } ul.search-results-list li { padding: 10px; } ul.search-results-list li.odd { background: #fff; } ul.search-results-list li.odd { background: #eee; } /* End Full Version */ /* Discrete version */ body { background: none; } .container-repeater { background: #fff none; } #Container{ background: none; } .logo a { display: none; } .logo { background: none; } .arrow { background-position: 0 4px; } .site-switch li { border-left: 1px solid #ccc; } .site-switch li a { color: #000; } .site-switch li.last { padding: 4px 6px 3px 6px !important; } .site-switch li.last a { background: url(../Images/Global/SiteSwitch.png) 0 -153px no-repeat; padding-left: 25px; padding-right: 8px; width: 125px; display: block; position: relative } div.search .search-text { background:#fff; } .content-top { background: none; } .contact-details { float: left; position: relative; z-index: 10;} .contact-details .message { color: #ccc; } .contact-details .message strong { font-weight: normal; display: block; font-size: 1em; } .contact-details .phone-number { font-size: 1.6em; font-weight: bold; } .secondary-cta { background: transparent url(../Images/Content/Home/HowCanYouHelpDiscreet.png) 0 0 no-repeat; } .cta-small { background: transparent url(../Images/Content/Home/CTAsDiscreet.png) 0 0 no-repeat; } .cta-small h2 { color: #c2c2c2; font-size: 1.4em; } .raise-funds { background-position: -888px 0; } .secondary-cta li { background-position: 0 4px; } .head { background: #e5e5e5 url(../Images/Global/HeaderBg.png) right -84px no-repeat; } .head-container { background: transparent url(../Images/Global/HeaderBg.png) 0 -126px no-repeat; } .head-container h2 { color: #c2c2c2; font-size: 1.4em; } .head-container a { font-size: 1.2em; color: #000; } .news-container ul a { color: #000; } #NavigationPrimary ul { background:none; } #NavigationPrimary ul li a { color: #666; } #NavigationPrimary ul li.last { background-position: right top; } #NavigationPrimary ul li.active a { color: #000; } #NavigationSecondary h2, #NavigationSecondary ul li, #NavigationSecondary ul li a, #NavigationSecondary ul li.active, #NavigationSecondary ul li.active a.parent, #NavigationTertiary ul li.active a, #NavigationSecondary ul li.last { background: none; color:#000; } #TrueStories, #TrueStoriesWrapper, #ForSupport, #PlaceInARefuge, #DonationOnline, #DonationOnlineWrapper, #RegularGift, #RegularGiftWrapper, #DifferentDonations, #DifferentDonationsWrapper, #SeeAlso, #SeeAlsoWrapper, #RefugeNewsletter, #RefugeNewsletterWrapper, #RefugeECard, #RefugeECardWrapper, #HowDidYouHear, #HowDidYouHearWrapper, #MakeADonationSide, #MakeADonationSideWrapper, .plinth, .plinth-wrapper, a.rounded-link, a.rounded-link span { background: none; } a.rounded-link, a.rounded-link span { color:#000; } #ContentPrimary .newsletter-content { background:none; } body.page-parent #ContentPrimary h3, body.page-child #ContentPrimary h3, #TrueStories h4, #MakeADonation h4 { color: #666; } #ContentPrimary a.arrow-link, #ForSupport .support-phone-number { background: none; color: #666; } #ContentPrimary .content-block ul li { background: none; } #PageHeaderContainer { border-color: #ccc; } #MakeADonation .donation-content { background: none; padding-left: 0px;} #Footer { background: #eee; padding-bottom: 20px; } #FAQtop { background: none; height: 0px; } .FAQcell { background: #eee; } .FAQcellalt { background: #fff; } #FAQbottom { background: none; height: 0px; } .faqmargin10 a { color: #333; } #ContentPrimary a{color: #333; text-decoration: underline; } #ContentPrimary a.rounded-link { background: none;color: #333; } #ContentPrimary a.rounded-link span { background: none; } .primary-content-col h4 { color: #000; } p.support-phone-number { color: #000; } .button { } .button span { background: #ccc; color: #666; } .button em { background: #ccc; } #MakeADonationSide .support-phone-number { color: #333; background: none; } #SeeAlso p { color: #333; } #SeeAlso .support-phone-number { color: #333; background: none; } .secondary-cta div#DonateHow ul { background: #ccc; } .secondary-cta div#DonateHow ul li { background: #ccc; } .secondary-cta div#DonateHow ul li a { color: #000; } #NavigationPrimary li#DonateNav ul{ background: #ccc; } #NavigationPrimary li#DonateNav ul li { background: #ccc; border: none;} #NavigationPrimary li#DonateNav ul li a { color: #000; } .secondary-content-col .side-bar-block h3 { margin: 0px; } #SeeAlso p { margin: 0px; text-align: left;} #SeeAlso .support-phone-number { padding-left: 0px; } #HowDidYouHear .frow { margin: 0px; } .newsletter-content p { margin-left: 0px; } #ContentPrimary a.rounded-link { padding: 0px; } #MakeADonationSide .support-phone-number { padding-left: 0px; } .newsletter-content p { float: none; } #ContentPrimary a.rounded-link { float: none; text-decoration: underline; } #ContentPrimary .newsletter-content, #SeeAlsoWrapper { padding: 10px; background: #eee;} #NavigationSecondary { background #eee; } #ForSupport .support-phone-number { padding-left: 0px; } #ContentPrimary a.arrow-link { padding-left: 0px; } #TrueStories .true-story-content { margin-top: 10px; } img { display: none; } /* End Discrete version */ /* Start Discrete Lauren page version */ .page-id-1003469 #PageHeaderContainer { clear:both; border:none!important; padding-left:10px } .page-id-1003469 .time { clear:both; display:block; padding-left:10px } .page-id-1003469 .what-can-I-do { width:210px; height:357px; position:absolute; clear:both; z-index:200 } .page-id-1003469 .steps { width:210px; height:190px; background-repeat:no-repeat; margin-top:5px } .page-id-1003469 .steps ul { margin-top:0; list-style:decimal; list-style-position:inside; font-size:11px } .page-id-1003469 .steps ul li { margin-bottom:5px } .page-id-1003469 .sign-btn { width:111px; height:29px; margin:0 auto; position:relative; left:-18px; top:9px; overflow:hidden; font-size:11px; display:block; color:#4C4C4C; text-decoration:underline } .page-id-1003469 .sign-btn:hover { background-repeat:no-repeat } .page-id-1003469 #ContentPrimary { width:720px; float:right; top:0; left:0; position:relative } .page-id-1003469 .primary-content-col { padding-left:10px; color:#4c4c4c; min-height:700px } .page-id-1003469 .secondary-content-col { position:absolute!important; z-index:500; padding:0; right:13px; top:103px!important } .page-id-1003469 #Content#linkout { margin-top:10px; list-style-position:inside; font-size:13px; font-weight:700; padding:0 0 20px 8px; *padding:0 0 20px 0 } .page-id-1003469 #linkout li { margin:0; padding:0; margin-left:12px; margin-bottom:2px; margin-left:18px\9; *margin-left:24px } .page-id-1003469 #linkout a { color:#4C4C4C; *margin-left:10px } .page-id-1003469 #linkout a:hover { color:#4C4C4C; text-decoration:underline } .page-id-1003469.connected { padding:10px 0 0 8px } .page-id-1003469 .connected a { float:left; clear:both; font-size:13px; color:#4c4c4c; *width:200px } .page-id-1003469 .facebook-btn { text-indent:28px; height:19px; padding-top:5px; margin-left:6px } .page-id-1003469 .facebook-btn:hover { } .page-id-1003469 .twitter-btn { text-indent:35px; height:19px; padding-top:5px; margin-left:0 } .page-id-1003469 .twitter-btn:hover { } .page-id-1003469 #share { margin:30px auto; width:493px; height:40px; padding:20px 0 0 } .page-id-1003469 #share span { display:block; width:150px; margin:0 auto } .page-id-1003469 .sharrre.count { display:none } .page-id-1003469 .sharrre.share { color:#FFF; display:block; font-size:12px; font-weight:700; width:50px; height:50px; overflow:hidden; float:left } .page-id-1003469 .btn { width:50px; height:50px; float:left } .page-id-1003469 #small { float:left; width:100%; height:30px; } .page-id-1003469 #small .sharrre { float:left } .page-id-1003469 #small .sharrre .share { display:inline-block; text-align:center; font-weight:700; color:#000 } .page-id-1003469 #small .sharrre .count { display:none; background-color:#ff0; text-align:center; float:right } .page-id-1003469 #twitter-small .share { background-image:url(../Images/lauren/share_tw-b.png); background-repeat:no-repeat; height:24px; width:124px; margin-right:15px } .page-id-1003469 #facebook-small .share { background-image:url(../Images/lauren/share_fb-b.png); background-repeat:no-repeat; height:24px; width:135px } /*****************/ .page-id-1003469 .FBConnectButton_Simple { background-image:url(../Images/lauren/share_fb-b.png)!important; background-repeat:no-repeat; height:24px; width:135px; float:left; position:relative; cursor:pointer } .page-id-1003469 #ContentPrimary a { color:#000!important; font-weight:400!important; font-size:10px } .page-id-1003469 #custom-tweet-button { background-image:url(../Images/lauren/share_tw-b.png) !important; background-repeat: no-repeat; display: block; margin-right:15px; height:24px; width:135px; /* pointer-events:none; */ float: left; } .page-id-1003469 #custom-tweet-button:hover { background-image:url(../Images/lauren/share_tw-b.png) !important; } .page-id-1003469 .twitter-share-button { -khtml-opacity:0; -moz-opacity:0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; } /* End Discrete Lauren page version */ #Footer .template-facebook { height: 27px; background: url(../Images/Global/social.png) 0 0 no-repeat } #Footer .template-twitter { height: 27px; background: url(../Images/Global/social.png) 0 -28px no-repeat } #Footer .template-facebook, #Footer .template-twitter { padding-left: 35px; margin-right: 20px; height: 27px; line-height: 14px; display: block; width: 80px; font-size: 12px; float: left;} #Footer .template-facebook span, #Footer .template-twitter span { font-weight: bolder; }