body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center top; } a{ text-decoration:none; color:#548DA3; } a:hover{ color:#FFFFFF; } img{ border-style:none; } h1, h2 { color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin: 0px; padding: 0px; font-size: 15px; } h3 { color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin: 0px; padding: 0px; text-align: center; padding-top: 0px; font-size: 15px; } h4 { margin: 0px; padding: 0px; } h4 ul{ margin:0px; padding:0px; text-transform: none; } h4 ul li{ padding-left:20px; padding-right:20px; float:left; list-style: none; height: 33px; padding-top: 10px; margin: 0px; margin-top: 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; *border-right-style:solid; *border-right-width:1px; *border-right-color:#EEEEEE; *height:30px; } h4 ul li:hover{ background-image:url(../images/full-bar-hover.png); background-repeat:no-repeat; background-position: center top; } h4 ul li a{ color:#FFFFFF; } h1 a, h2 a, h3 a{ color:#FFFFFF; } .current { background-color: #CCCCCC; color: #FFFFFF; } .container { margin: auto; width: 1020px; } .clear { clear: both; height: 0px; } .headerArea { background-image: url(../images/bodyBg.png); height: 105px; width: 1020px; background-repeat: no-repeat; margin: auto; } .adoptATree { background-image: url(../images/tree.png); float: left; height: 104px; width: 135px; } .navMenu { text-align: center; float: left; width: 700px; color: #333333; font-size: 11px; } .navMenu ul{ margin:0px; padding:0px; } .navMenu ul li{ list-style:none; padding-left:10px; padding-right:10px; display: inline; } .navMenu ul li a{ color:#333333; } .navMenu ul li a:hover{ color:#CC3300; } .socialIconPlaceholder { float: right; height: 25px; width: 25px; margin-left: 5px; } .iconsArea { padding-top: 25px; padding-right: 50px; float: right; width: 180px; } .bodyLeft { color: #FFFFFF; float: left; width: 150px; margin-right: 10px; padding-left: 1px; padding-top: 0px; } .blueTop { background-image: url(../images/blue-top.png); height: 20px; width: 149px; text-align: center; font-size: 15px; padding-top: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; font-weight: bold; text-transform: uppercase; } .blueTop:hover{ background-image: url(../images/blue-top-hover.png); } .blueTop a{ color:#FFFFFF; } .greyMid { width: 149px; padding-top: 0px; padding-bottom: 0px; background-color: #B3B1A1; } .greyMid ul{ margin:0px; padding:0px; } .greyMid ul li{ list-style:none; font-size: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; height: 29px; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; background-color: #B3B1A1; color: #FFFFFF; } .greyMid ul li:hover{ background-image:url(../images/menu-grad-bg.png); background-repeat:repeat-x; } .greyMid ul li a{ color:#FFFFFF; } .blueBase { background-image: url(../images/blue-base.png); height: 17px; width: 149px; margin-bottom: 10px; } .listText { float: left; padding-top: 7px; padding-bottom: 5px; padding-left: 5px; } .listText:hover{ color:#FFFFFF; } .iconPlaceholder { text-align: center; float: left; height: 28px; width: 28px; margin-top: 1px; margin-bottom: 1px; } .bodyRight { float: left; padding-top: 0px; width: 855px; } .newspaperArea { width: 358px; float: left; padding-top: 0px; margin-top: 8px; } .newspaperArea a{ color:#666666; text-decoration:underline; } .stampArea { width: auto; float: left; padding-left: 0px; } .timeGlobe { background-image: url("../images/week2.png"); color: #fff; float: left; font-family: Marker Felt,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 34px; height: 85px; padding-top: 25px; text-align: center; width: 114px; } .searchArea { background-image: url(../images/search.png); float: left; height: 95px; width: 247px; margin-top: 12px; } .blueLeft { background-image: url(../images/left.png); float: left; height: 42px; width: 19px; margin-top: 0px; } .blueMid { background-image: url(../images/full-bar.png); height: auto; float: left; width: 851px; margin-top: 0px; color: #FFFFFF; text-transform: uppercase; font-size: 15px; background-repeat: repeat-x; } .blueMidDivided { background-image: url(../images/full-bar.png); height: auto; float: left; width: 851px; margin-top: 0px; color: #FFFFFF; text-transform: uppercase; font-size: 15px; background-repeat: repeat-x; } .blueMid:hover { background-image: url(../images/full-bar-hover.png); background-repeat:no-repeat; } .blueMidRight { background-image: url(../images/mid.png); height: 35px; float: left; width: 261px; padding-top: 7px; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: bold; } .blueRight { background-image: url(../images/right.png); float: left; height: 42px; width: 23px; margin-top: 0px; } .leftSide { width: 570px; padding-top: 10px; text-align: center; height: 33px; float: left; } .leftSide:hover { background-image:url(../images/full-bar-hover.png); background-repeat:no-repeat; } .rightSide { font-size: 16px; font-weight: bold; color: #99CCFF; text-align: center; float: right; padding-top: 10px; width: 278px; height: 33px; } .rightSide:hover{ background-image:url(../images/full-bar-hover.png); background-repeat:no-repeat; background-position: right top; } .hemaFolderHeading{ font-size: 16px; font-weight: bold; color: #99CCFF; text-align: left; float: right; padding-top: 10px; width: 280px; height: 33px; padding-left: 60px; } .divider { height: 34px; border-right-width: 1px; border-right-style: solid; border-right-color: #EEEEEE; float: left; *visibility:hidden; } .leftProductsArea { float: left; padding-bottom: 0px; } .leftProductsArea ul{ margin:0px; padding:0px; } .leftProductsArea ul li{ margin-left:4px; list-style:none; float:left; margin-right: 3px; } .productPanel { background-image: url(../images/product-panel.png); height: 166px; width: 111px; margin-left: 0px; } .imagePlaceholder { height: 120px; width: 107px; margin-left: 0px; text-align: center; padding-top: 5px; vertical-align: middle; display: table-cell; } .productTitleArea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-align: center; padding-top: 5px; padding-right: 7px; padding-left: 2px; text-transform: none; } .productTitleArea a{ color:#FFFFFF; } .productTitleArea a:hover{ color:#00FFFF; } .rightProductsArea { float: left; padding-bottom: 0px; padding-left: 15px; } .rightProductsArea ul{ margin:0px; padding:0px; } .rightProductsArea ul li{ list-style:none; float:left; margin-left: 3px; margin-right: 3px; } .mobileHeading { font-size: 15px; font-weight: bold; text-align: center; float: left; width: 300px; color: #FFFFFF; padding-top: 10px; height: 31px; } .mobileHeading a{ color:#FFFFFF; } .mobileHeading:hover{ background-image:url(../images/full-bar-hover.png); background-repeat:no-repeat; } .slideshowHeading { color: #FFFFFF; float: right; width: 550px; font-size: 14px; padding-top: 10px; text-align: center; font-weight: bold; height: 31px; } .midLeftArea { float: left; width: 310px; } .mobileImage { background-image: url(../images/mobile.png); height: 125px; width: 284px; margin: auto; } .whitePaneltop { background-image: url(../images/white-top.png); height: 9px; width: 305px; margin-top: 10px; } .whitePanelMid { background-image: url(../images/white-mid.png); padding: 10px; width: 285px; height:92px; } .whitePanelMid a:hover{ color:#000; } .whiteBase { background-image: url(../images/white-base.png); height: 11px; width: 305px; } .slideshowArea { float: left; height: 272px; width: 525px; padding-left: 10px;  margin-bottom: 5px; } .productsArea { padding-bottom: 0px; width: 845px; } .productsArea ul{ margin:0px; padding:0px; } .productsArea ul li{ list-style:none; margin-left: 4px; margin-right: 5px; margin-bottom: 5px; float: left; } .adsArea { margin: auto; height: 84px; width: 723px; padding-top: 25px; padding-bottom: 5px; padding-bottom: 10px; } .searchFormArea { float: right; padding-top: 25px; padding-right: 15px; width: 140px; } .searchTextboxOuter { background-image: url(../images/searchbox.png); height: 20px; width: 84px; } .searchTextbox { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background: transparent; width: 84px; height: 20px; } .enterButton { width: 50px; text-align: center; } .searchLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0033CC; text-decoration: underline; text-align: center; } .searchLink a{ color:#0033CC; text-decoration:underline; } .searchLink a:hover{ color:#00CCFF; } .footerArea { background-image: url(../images/footer.png); text-align: right; height: 28px; margin-top: 10px; padding-right: 10px; padding-top: 40px; text-decoration: underline; color: #FFFFFF; width: 1020px; margin: auto; } .footerArea a{ color:#FFFFFF; text-decoration:underline; } .whiteMidHeading { font-size: 15px; font-weight: bold; padding-top: 0px; padding-left: 0px; } .redAdArea { float: left; height: 63px; width: 471px; margin-top: 22px; } .productLeftHeading { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; width: 490px; float: left; padding-top: 10px; height: 31px; padding-left: 20px; } .productLeftHeading a{ color:#FFFFFF; } .adPlaceholder { float: left; margin-right: 12px; margin-left: 14px; } .greenPanel { background-image: url(../images/folder.png); float: left; height: 262px; width: 170px; } .greenPanelArea { float: left; margin-right: 0px; margin-left: 0px; } .greenPanelAreabelow { float: left; margin-left: 20px; margin-right: 20px; } .greenPanelText { font-size: 12px; font-weight: bold; color: #CC3300; width: 170px; text-align: center; } .greenPanelImagePlaceholder { height: 205px; width: 145px; margin-top: 15px; margin-left: 8px; text-align: center; } .whitePanelText { font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; padding-left: 10px; padding-right: 10px; } .openingsHeading { font-size: 14px; text-transform: none; color: #FFFFFF; } .openingTextArea { font-size: 12px; color: #434040; float: left; width: 310px; padding-left: 5px; padding-top: 10px; margin-right: 10px; margin-left: 10px; } .openingTextArea a:hover{ color:#3399CC; } .clock { background-image: url(../images/watch.png); float: left; height: 160px; width: 159px; margin-right: 10px; margin-left: 10px; margin-top: 8px; } .openingTextImage { background-image: url(../images/pic.png); float: right; height: 93px; width: 153px; } .informatiSmallHeading { font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline; float: left; width: 150px; text-transform: none; padding-top: 10px; height: 31px; padding-left: 15px; } .informatiSmallHeading a{ color:#FFFFFF; } .informatiSmallHeadingRight { font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline; float: right; width: 160px; text-transform: none; padding-top: 10px; height: 31px; text-align: right; padding-right: 25px; } .informatiSmallHeadingRight a{ color:#FFFFFF; } .informatiMidHeading { font-size: 15px; font-weight: bold; color: #FFFFFF; float: left; text-transform: none; text-align: center; width: 495px; padding-top: 10px; height: 31px; } .informatiMidHeading a{ color: #FFFFFF; } .mapArea { background-image: url(../images/map.png); float: left; height: 119px; width: 102px; margin-right: 10px; margin-bottom: 10px; } .hemaTextArea { font-size: 12px; color: #434040; float: left; width: 595px; margin-right: 5px; margin-bottom: 15px; } .hemaTextArea a:hover{ color:#3399CC; } .hemaImagePlaceholder { float: left; } .globeImage { background-image: url(../images/globe.png); float: left; height: 112px; width: 97px; margin-bottom: 10px; margin-left: 20px; } .facebookArea { float: right; height: 290px; width: 300px; margin-right: 50px; margin-bottom: 25px; margin-top: 25px; } .pagingArea { font-size: 12px; color: #63A7C0; padding-bottom: 5px; } .pagingButton { float: left; margin-right: 15px; border: 1px solid #3399CC; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; margin-left: 5px; } .pagingButton:hover { background-color:#CCCCCC; color:#FFFFFF; } .formTop { background-image: url(../images/form-top.png); height: 17px; width: 504px; } .formMid { background-image: url(../images/form-mid.png); width: 464px; padding: 10px; padding-left: 30px; color: #000000; } .formBase { background-image: url(../images/form-base.png); height: 17px; width: 504px; } .formHeading { font-size: 20px; color: #333333; float: left; padding-top: 10px; padding-bottom: 10px; } .boldBrown { font-weight: bold; color: #660000; } .adsenseArea { float: left; height: 6px; width: 704px; } .gplus { float: left; height: 24px; width: 66px; margin-left: 36px; margin-top: 5px; } .superHeading { padding-top: 10px; height: 31px; padding-left: 25px; } .superHeading a{ color:#FFFFFF; } .centeredText { padding-top: 10px; height: 31px; } .leftMost { color: #FFFFFF; } .leftMost:hover{ background:transparent; background-image:url(../images/full-bar-hover.png); background-repeat:no-repeat; } .partnersArea { padding-top: 10px; padding-bottom: 20px; } .partnersArea ul{ padding: 0px; margin: 0px; margin-bottom:10px; float: left; background-image: url(../images/link-top.png); width: 136px; background-repeat: no-repeat; text-align: center; color: #FFFFFF; font-family: "Arial Black", Arial, Calibri, Verdana; font-size: 14px; margin-right: 40px; text-transform: uppercase; } .partnersArea ul li{ background-color:#B3B1A1; border-top: solid 1px #FFFFFF; list-style: none; color: #FFFFFF; padding-left: 8px; text-align: left; font-family: Arial, Helvetica, sans-serif; text-transform: none; padding-top: 2px; padding-bottom: 2px; font-size: 12px; } .partnersArea ul li a{ color: #FFFFFF; } .partnersArea ul li a:hover{ color:#000000; } .noTransform { text-transform: none; } .headerOuter { background-image: url(../images/bg-rep.png); background-repeat: repeat-x; height: 104px; } .footerOuter{ background-image:url(../images/footer.png); background-repeat:repeat-x; } .pagescontent { font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; } .pagescontent h1 { margin: 0px; padding: 0px; font-size: 24px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: none; color: #666666; } .pagescontent h3 { color: #666666; margin: auto; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: none; text-align: left; } .pagescontent h2 { color: #666666; font: bold 16px Verdana; text-transform: none; } .pagescontent a:hover{ color:#000; }