/* CSS Document */ form {margin:0;} /* Page size, colour and font */ .body { background:url(../images/blue_bg.gif); background-repeat:repeat-x; background-position:top;} .bodyEnv { background:url(../images/green_bg.gif); background-repeat:repeat-x; background-position:top;} #container {width:901px; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-bottom:20px; border:6px solid #fff ;} /* Home Page Containers */ #innerContainer {width:100%; border:0px solid #000; background-color:#FFF; padding-bottom:10px;} #innerContainer #padding {position:relative; width: 100%; height:90px;} #innerContainer #paddingBottom {position:relative; width: 100%; height:20px;} #innerContainer #inner {position:relative; width: 100%; background-color:#FFFFFF;} #innerContainer #inner #left {position:relative; float:left; width:225px; height:700px; padding: 0px 0px 0px 0px; background:url(../images/2010/tw_left_bg_v2.gif) no-repeat; } #innerContainer #inner #leftEn {position:relative; float:left; width:225px; height:700px; padding: 0px 0px 0px 0px; background:url(../images/2010/tw_bg_enviro_v2.gif) no-repeat; } #innerContainer #inner #left h1 {margin: 0 0 10px 0; font-size: 14px; font-style:italic; font-weight:normal; color:#87887A} #innerContainer #inner #right {position:relative; float:left; left:6px; width:669px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #flash {position:relative; width:669px; height:156px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #coverHeader {position:relative; width:669px; height:auto; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #coverFlash {position:relative; float:left; width:261px; margin-left:20px; height:320px; padding: 0px 0px 0px 0px; border:1px solid #19a4dd; } #innerContainer #inner #right #coverText {position:relative; float:right; right:20px; width:320px; height:auto; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #default {position:relative; width:669px; height:auto; margin-top:20px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #default #boiler{position:relative; width:669px; height:auto; margin-top:20px; padding: 0px 0px 0px 0px; background-image:url(../images/2010/boiler_main.jpg); background-repeat:no-repeat; background-position:top right; } #innerContainer #inner #right #product {position:relative; width:669px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #productPad {position:relative; width:669px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #textFull {position:relative; width:649px; height:auto; margin-left:20px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #home {position:relative; width:669px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #enviro {position:relative; width:669px; height:588px; margin-top:0px; padding: 0px 0px 0px 0px; background:url(../images/enviro_bg_1.jpg) no-repeat;} #innerContainer #inner #right #enviro #text {position:relative; width:500px; height:auto; margin-top:0px; padding: 130px 0px 0px 70px; color:#FFFFFF; } #innerContainer #inner #right #enviro2 {position:relative; width:669px; height:588px; margin-top:0px; padding: 0px 0px 0px 0px; background:url(../images/enviro_bg_2.jpg) no-repeat;} #innerContainer #inner #right #enviro2 #text {position:relative; width:500px; height:auto; margin-top:0px; padding: 30px 0px 0px 70px; color:#FFFFFF; } #innerContainer #inner #right #enviro2 #text a {outline:none; color: #FFFFFF; text-decoration: underline} #innerContainer #inner #right #water {position:relative; width:663px; height:588px; margin-top:0px; padding: 0px 0px 0px 0px; background:url(../images/our_water_bg.jpg) no-repeat;} #innerContainer #inner #right #water #text {position:relative; width:380px; height:auto; margin-top:0px; padding: 60px 0px 0px 15px; color:#FFFFFF; } #innerContainer #inner #right #textHome {position:absolute; width:300px; left:332px; top:50px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #faqLeft {position:relative; float:left; left:10px; width:300px; height:auto; margin-top:30px; padding: 0px 0px 0px 0px; background-color:#fff;} #innerContainer #inner #right #faqRight {position:relative; float:right; width:332px; height:auto; margin-top:30px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #formLeft {position:relative; float:left; width:235px; height:auto; left:10px; margin-top:20px; padding: 0px 0px 0px 0px; background-color:#fff;} #innerContainer #inner #right #formRight {position:relative; float:right; width:400px; height:auto; margin-top:20px; padding: 0px 0px 0px 0px; background-color:#fff;} #innerContainer #inner #right #special {position:relative; width:629px; height:auto; margin-left:40px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #charity {position:relative; width:645px; right:0px; height:auto; margin-left:10px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #charity a{font-weight:bold; color:#666666;} #innerContainer #inner #right #charity p{margin-right:20px;} #innerContainer #inner #right i {font-style:italic; font-weight:normal; font-size: 12px; color: #0093ad;} #innerContainer #inner #right ul.bodyList {margin-left:0px; padding: 0px 0px 0px 0px; list-style:none;} #innerContainer #inner #right li.bodyList {display:block; margin-left:0px; padding:0px 0px 0px 15px; background:url("../images/tick.gif") no-repeat left top; color:#00a4e4;} #innerContainer #inner #right #contact {position:relative; width:669px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; background-color:#fff; } #innerContainer #inner #right #contact #rightContact {position:absolute; width:270px; left:390px; top:230px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #contact #leftContact {position:relative; float:left; width:300px; left:0px; top:50px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px;} #innerContainer #inner #right #contact #leftText {position:absolute; float:left; left:20px; width:300px; right:0px; top:15px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px; } #innerContainer #inner #right #contact #footerContact {position:absolute; float:left; width:669px; left:0px; top:0px; height:auto; margin-top:0px; padding: 0px 0px 0px 0px;} /* Sub Page Containers */ #boilerMainImage {position:relative; width:20px; height:455px; top:40px; left:40px; float:left;} #boilerMainText {position:relative; width:380px; height:250px; top:250px; float:right; right:30px;} #containerSub #paddingBottom {position:relative; width: 100%; height:20px;} #containerSub {width:100%; border:1px solid #000; background-color:#FFF;} #containerSub #inner {background: url(../images/sub_bg.gif) repeat-y; width:100%;} #containerSub #inner #left_top {position:relative; float:left; width:178px; padding: 50px 10px 20px 5px; font-size:10px} #containerSub #inner #left {position:relative; float:left; width:198px; padding: 15px 0 20px 5px;} #containerSub #inner #right {position:relative; float:right; width:560px; padding: 60px 20px 20px 0; font-size: 12px;} #containerSub #inner #right i {font-style:italic; font-weight:normal; font-size: 12px; color: #0093ad;} /* Search Container */ #navSearch { position:absolute; float:right; background-color:#33CC66; background:url(../images/search.gif) no-repeat; height:22px; width:142px; right:14px; top:-22px;} /* Banner Container */ #banner {position:relative; height:80px; background-color:#0094aa; overflow:hidden; color:white; background: url(../images/default_bg.gif) repeat-y;} #banner a {outline:none; color: #7cab29; text-decoration: none; color:white} #banner a:hover {color: #000; text-decoration: underline; color:white} #bannerLogo {position:relative; float:left;} #bannerDetails {position:relative; float:right; right:0px; text-align:right; width:200px; height:80px;} #bannerIcons {position:relative; float:right; right:0px; width:34px; height:80px;} /* Product 2010 */ ul#subnav {position:relative; display:block; height:29px; margin: 0; padding: 0; list-style:none; font-size:12px} ul#subnav li {float:left; position:relative; padding:0;} ul#subnav li a {display:block; float:left; height:22px; width:194px; background: url(../images/2010/sub_nav.gif); background-position:bottom; padding-top:7px; margin-right:10px; color:#00b4ed; text-decoration:none; text-align:center;} ul#subnav li a:hover {background: url(../images/2010/sub_nav.gif); background-position:top; color:#FFFFFF;} ul#subnav li.over a {display:block; float:left; width:194px; text-align:center; height:22px; background: url(../images/2010/sub_nav.gif); background-position:top; padding-top: 7px; margin: 0px 0 0 0; color:#FFF; text-decoration:none; margin-right:10px;} #additionalContainerMain {position:relative; background-color:#FFF; margin-top:20px;} #additionalContainerMain #additionalContainer {position:relative; background-color:#FFF; border:1px solid #00b4ed;} #productimage {float:left; width:203px; } #productcopy {float:left; width:440px; margin-left:15px; margin-top:20px;} #productcopy h2 {margin: 0 0 10px 0; font-size: 14px; font-weight:bold; font-weight:normal; color:#00b4ed} #productLinks {float:right; width:105px; margin-left:20px; height:213px; margin-bottom:10px; background-image:url(../images/2010/product_links_bg.gif);} ul.productList {margin-left:10px; margin-right:5px; padding: 0px 0px 0px 0px; list-style:none;} li.productList {display:block; margin-left:0px; padding:0px 0px 0px 22px; background:url("../images/tick.gif") no-repeat left top; color:#00a4e4;} li.productListOne {display:block; margin-left:0px; margin-bottom:4px; padding:0px 0px 0px 22px; background:url("../images/2010/link_1.gif") no-repeat left top; color:#00a4e4;} li.productListOne a{color:#1e92db; text-decoration:none} li.productListOne a:hover{color:#fb9f1f; text-decoration:none} li.productListTwo {display:block; margin-left:0px; margin-bottom:4px; padding:0px 0px 0px 22px; background:url("../images/2010/link_2.gif") no-repeat left top; color:#00a4e4;} li.productListTwo a{color:#1e92db; text-decoration:none} li.productListTwo a:hover{color:#67c920; text-decoration:none} li.productListThree {display:block; margin-left:0px; margin-bottom:4px; padding:0px 0px 0px 22px; background:url("../images/2010/link_3.gif") no-repeat left top; color:#00a4e4;} li.productListThree a{color:#1e92db; text-decoration:none} li.productListThree a:hover{color:#1c6ab2; text-decoration:none} hr {color:#00b4ed;background-color:#00b4ed;height:1px;border:none;} .productBack a{position:relative; left:17px; top:15px; width:67px; height:68px; background-image:url(../images/2010/back_rollover.gif); background-position:top; text-indent:-4000px; display:block;} .productBack a:hover{position:relative; width:67px; height:68px; background-image:url(../images/2010/back_rollover.gif); background-position:bottom; text-indent:-4000px; display:block;} /* Footer Container */ #footer {font-size:10px; color:#adacac;margin-top:5px;} #footer a{font-size:12px; color:#000; text-decoration:underline} #footer a:hover{font-size:12px; color:#444; text-decoration:none} #footer .pageList {font-size:10px; color:#666;margin-top:5px} #footer .pageList a{font-size:10px; color:#666; text-decoration:none} #footer .pageList a:hover{font-size:10px; color:#000; text-decoration:none} #footer .links {font-size:10px; color:#666666;margin-top:5px} #footer .links a{font-size:10px; color:#0093ad; text-decoration:underline} #footer .links a:hover{font-size:10px; color:#000; text-decoration:none} #footer #padding {position:relative; width: 100%; height:20px;} .specialText {position:relative; font-size:12px; color:#808080; width:500px; float:left;} .specialText .number { color:#00a4e4} .specialImage {position:relative; font-size:12px; color:#00a2db; width:81px; float:left;} .specialText .large{position:relative; font-size:15px; color:#808080; float:left;} .specialText .link a{position:relative; top:-2px; font-size:12px; color:#00a2db; float:left; position:relative; height:22px; width:84px; background-image:url(../images/2010/special_button.gif); text-indent:-3000px; display:block; float:left; margin-left:4px;} .specialText .link a:hover{position:relative; font-size:12px; color:#00a2db; float:left; position:relative; height:22px; width:84px; background-image:url(../images/2010/special_button.gif); text-indent:-3000px; display:block; float:left; margin-left:4px; background-position:bottom;} #charityText {position:relative; font-size:12px; color:#00a2db; width:auto; float:left;} .charityLink a{position:relative; height:20px; width:80px; background-image:url(../images/2010/clickhere_button.gif); text-indent:-3000px; display:block; float:left; margin-left:2px;} .charityLink a:hover{position:relative; height:20px; width:80px; background-image:url(../images/2010/clickhere_button.gif); background-position:bottom; text-indent:-3000px; display:block; float:left; margin-left:2px;} #charityLogos {position:relative; width:660px; height:39px; margin-top:10px; margin-bottom:0px; background-image:url(../images/2010/charity_logos.gif)} #seoText {position:relative; font-size:10px; color:#a8a8a8;} #seoText a{ font-size:10px; color:#a8a8a8; text-decoration:none;} #seoText a:hover{font-size:10px; color:#a8a8a8; text-decoration:none;} /* Main Navagation Style */ #homeLink {display:block; width:225px; height:100px; overflow:hidden; text-indent:-1000px} #containerNavigation {position:absolute; width:571px; height:28px; left:0px; right:0px; margin:0; top:0px; padding:0px 0px 0px 0px; background-image:url(../images/nav_drop.gif); background-repeat:no-repeat; background-position:bottom;} #navigation { position:relative; margin-left:0px; top:30px; width:207px; padding:0; margin-left:18px;} #navigation ul {margin-left:0px; padding:0px 0px 0px 0px; list-style:none;} #navigation li {display:block; position:relative; margin-left:0px; width: 193px; height: 28px; margin-bottom:0px} #navigation li a{position:absolute; top: 0; left: 0; display:block; width: 168px; height: 22px; z-index: 10; background: url(../images/nav/nav_button.gif) 0 0 no-repeat; padding: 5px 0 0 25px; color: #1EA3DC; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none} #navigation li a.over{background-position: 0 -28px;} #navigation li a:hover{background-position: 0 -28px;} #navigation li .soften{position:absolute; display:block; top: 0; left: 0; width: 193px; height: 28px; background: url(../images/nav/nav_soften.gif) no-repeat; z-index: 9; opacity:0.5;filter:alpha(opacity=50)} #navigation li .shad1{position:absolute; display:block; top: 0; left: 0; width: 193px; height: 28px; background: url(../images/nav/nav_shad1.gif) no-repeat; z-index: 8; opacity:0.3;filter:alpha(opacity=30)} #navigation li .shad2{position:absolute; display:block; top: 0; left: 0; width: 193px; height: 28px; background: url(../images/nav/nav_shad2.gif) no-repeat; z-index: 7; opacity:0.2;filter:alpha(opacity=20)} #navigation li .shad3{position:absolute; display:block; top: 0; left: 0; width: 193px; height: 28px; background: url(../images/nav/nav_shad3.gif) no-repeat; z-index: 6; opacity:0.1;filter:alpha(opacity=10)} #navigation #home a { width:193px; height:28px; display:block; background:url("../images/nav/home.gif") no-repeat right top;text-indent:-9000px; } #navigation #home a:hover {background-position:0% -28px;cursor: pointer;} #navigation #homeActive a { width:193px; height:28px; display:block; background:url("../images/nav/home.gif") no-repeat right top; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #how a { width:193px; height:28px; display:block; background:url("../images/nav/how.gif") no-repeat right top;text-indent:-9000px; } #navigation #how a:hover {background-position:0% -28px;cursor: pointer;} #navigation #howActive a { width:193px; height:28px; display:block; background:url("../images/nav/how.gif") no-repeat right top; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #main a { width:193px; height:28px; display:block;background:url("../images/nav/mains_fed.gif") no-repeat right top;text-indent:-9000px; } #navigation #main a:hover {background-position:0% -28px;cursor: pointer;} #navigation #mainActive a { width:193px; height:28px; display:block;background:url("../images/nav/mains_fed.gif") no-repeat right top;background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #bottled a { width:193px; height:28px; display:block; background:url("../images/nav/bottled.gif") no-repeat right top;text-indent:-9000px; } #navigation #bottled a:hover {background-position:0% -28px;cursor: pointer;} #navigation #bottledActive a {width:193px; height:28px; display:block;background:url("../images/nav/bottled.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigation #taps a { width:193px; height:28px; display:block; background:url("../images/nav/taps.gif") no-repeat right top;text-indent:-9000px; } #navigation #taps a:hover {background-position:0% -28px;cursor: pointer;} #navigation #tapsActive a {width:193px; height:28px; display:block;background:url("../images/nav/taps.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigation #order a { width:193px; height:28px; display:block; background:url("../images/nav/order.gif") no-repeat right top;text-indent:-9000px; } #navigation #order a:hover {background-position:0% -28px;cursor: pointer;} #navigation #orderActive a {width:193px; height:28px; display:block;background:url("../images/nav/order.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #offers a { width:193px; height:28px; display:block; background:url("../images/nav/special_offers.gif") no-repeat right top;text-indent:-9000px; } #navigation #offers a:hover {background-position:0% -28px;cursor: pointer;} #navigation #offersActive a {width:193px; height:28px; display:block;background:url("../images/nav/special_offers.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #enviro a { width:193px; height:28px; display:block; background:url("../images/nav/enviro.gif") no-repeat right top;text-indent:-9000px; } #navigation #enviro a:hover {background-position:0% -28px;cursor: pointer;} #navigation #enviroActive a {width:193px; height:28px; display:block;background:url("../images/nav/enviro.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigation #faq a { width:193px; height:28px; display:block; background:url("../images/nav/faq.gif") no-repeat right top;text-indent:-9000px; } #navigation #faq a:hover {background-position:0% -28px;cursor: pointer;} #navigation #faqActive a {width:193px; height:28px; display:block;background:url("../images/nav/faq.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigation #contact a { width:193px; height:28px; display:block; background:url("../images/nav/contact.gif") no-repeat right top;text-indent:-9000px; } #navigation #contact a:hover {background-position:0% -28px;cursor: pointer;} #navigation #contactActive a {width:193px; height:28px; display:block;background:url("../images/nav/contact.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } /* ENVIRO STYLE */ #navigationEn { position:relative; margin-left:0px; top:30px; width:207px; padding:0; margin-left:18px;} #navigationEn ul {margin-left:0px; padding:0px 0px 0px 0px; list-style:none;} #navigationEn li {display:block; margin-left:0px; padding:1px 0px 0px 0px;} #navigationEn #home a { width:193px; height:28px; display:block; background:url("../images/nav2/home.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #home a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #homeActive a { width:193px; height:28px; display:block; background:url("../images/nav2/home.gif") no-repeat right top; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #how a { width:193px; height:28px; display:block; background:url("../images/nav2/how.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #how a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #howActive a { width:193px; height:28px; display:block; background:url("../images/nav2/how.gif") no-repeat right top; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #main a { width:193px; height:28px; display:block;background:url("../images/nav2/mains_fed.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #main a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #mainActive a { width:193px; height:28px; display:block;background:url("../images/nav2/mains_fed.gif") no-repeat right top;background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #bottled a { width:193px; height:28px; display:block; background:url("../images/nav2/bottled.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #bottled a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #bottledActive a {width:193px; height:28px; display:block;background:url("../images/nav2/bottled.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigationEn #taps a { width:193px; height:28px; display:block; background:url("../images/nav2/taps.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #taps a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #tapsActive a {width:193px; height:28px; display:block;background:url("../images/nav2/taps.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigationEn #order a { width:193px; height:28px; display:block; background:url("../images/nav2/order.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #order a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #orderActive a {width:193px; height:28px; display:block;background:url("../images/nav2/order.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #offers a { width:193px; height:28px; display:block; background:url("../images/nav2/special_offers.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #offers a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #offersActive a {width:193px; height:28px; display:block;background:url("../images/nav2/special_offers.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #enviro a { width:193px; height:28px; display:block; background:url("../images/nav2/enviro.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #enviro a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #enviroActive a {width:193px; height:28px; display:block;background:url("../images/nav2/enviro.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } #navigationEn #faq a { width:193px; height:28px; display:block; background:url("../images/nav2/faq.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #faq a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #faqActive a {width:193px; height:28px; display:block;background:url("../images/nav2/faq.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px;} #navigationEn #contact a { width:193px; height:28px; display:block; background:url("../images/nav2/contact.gif") no-repeat right top;text-indent:-9000px; } #navigationEn #contact a:hover {background-position:0% -28px;cursor: pointer;} #navigationEn #contactActive a {width:193px; height:28px; display:block;background:url("../images/nav2/contact.gif"); background-position:0% -28px; background-position:0% -28px;cursor: pointer; text-indent:-9000px; } /* Breadcrumb Style */ .breadCrumb {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; font-weight:normal; text-decoration:none;} .breadCrumb a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0092A7; font-weight:normal; text-decoration:none;} .breadCrumb a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; text-decoration:none;} .breadCrumb a.homeImage {position:relative; float:left; height:10px; width:10px; margin:0; background:url(../images/breadcrumb_home.gif) no-repeat; overflow:hidden} .breadCrumb a.homeImage:hover { background-position: 0 -10px;} .breadCrumb .divide {position:relative; float:left; height:9px; width:7px; margin:3px 5px 0 5px; background:url(../images/breadcrumb_divide.gif) no-repeat;} /* Form Styles */ #form {position:relative; width:394px; height:auto;} #form #top {position:relative; width: 394px; height:13px; background:url(../images/form_top.gif) no-repeat; display:block; overflow:hidden;} #form #content {position:relative; width: 100%; height:auto; background:url(../images/form_bg.gif) no-repeat bottom; color:#272b5b; background-color:#caf093} #form #bottom {position:relative; width: 394px; height:16px; background:url(../images/form_bottom.gif) no-repeat ;} .searchButton {border:1px solid #999999; background-color:#0094aa; color:#fff; font-size:10px; cursor: pointer;} .searchButton:hover {border:1px solid #999999; background-color:#ffffff; color:#000000; font-size:10px;} #searchField {position:absolute; top: 4px; left: 18px; width:100px; height:12px; border: solid 0px #000000; background-color:#FFF; color:#333; font-size:10px } .formButton {border:0px solid #999999; color:#fff; font-size:0px; cursor: pointer; background:url(../images/submit_button.gif) no-repeat ; height:71px; width:67px;text-indent: -4000px; display:block; line-height: 0px; } /* Group Styles */ #productGroup {position:relative; float:left; width:174px; height:536px; margin-right:42px;} #productGroupEnd {position:relative; float:left; width:174px; height:536px; margin-right:0px;} #productGroupLarge {position:relative; float:left; width:399px; height:536px; margin-right:0px;} #productGroup2 {position:relative; float:left; width:189px; height:536px; margin-right:27px;} #productGroup2End {position:relative; float:left; width:189px; height:536px; margin-right:0px;} #productGroup3 {position:relative; float:left; width:257px; height:536px; margin-right:10px;} #specialGroup {position:relative; float:left; width:290px; height:220px; margin-right:0px;} #specialGroup #text {position:relative; float:left; width:100%; padding-left:0px;} #charityGroup {position:relative; width:645px; height:auto; font-size:12px; margin-bottom:15px;} #charityGroup .image {position:relative; float:left; width:150px; height:150px; margin-right:10px;} #charityGroup .text {position:relative; float:left; width:430px; margin-left:10px;} /* Text Styles */ .groupDivide {position:relative; left:0px; height:1px; background-image:url(../images/2010/divider.gif); margin-bottom:15px; margin-top:5px; overflow:hidden;} .divider {position:relative; height:1px; background-image:url(../images/2010/divider.gif); margin-bottom:5px; margin-top:5px; overflow:hidden;} .contactLight {font-size:12px; color:#00a4e4;} .contactHeavy {font-size:16px; color:#21205f;} .contactHeavy a {font-size:16px; color:#21205f; text-decoration:none;} .contactHeavy a:hover {font-size:16px; color:#21205f; text-decoration:none;} .error_text {font-size:12px; color:#FF0000;} .mainTitle {font-size:35px; color:#00a2db} .subTitle {font-size:16px; color:#21205f} .charityTitle {font-size:16px; color:#00a4e4; margin-bottom:10px; font-weight:bold;} h1 { font-size: 14px; margin: 0; font-weight:normal; color:#0093ad; } h2 { font-size: 12px; margin: 0 } h3 { font-size: 1.17em; margin: 0 } h1.product { font-size: 28px; margin: 0; font-weight:normal; color:#00b4ed; } a {outline:none; color: #0093ad; text-decoration: underline} a:hover {color: #000; text-decoration: underline} .productImageContainer_1 { position:relative; width:203px; height:535px; } .productImageContainer_2 { position:relative; width:203px; height:535px; } /* Populate.it (Do Not Edit) */ #enviroLink1 { position:absolute; display:block; float:right; right:38px; bottom:38px; width:65px; height:65px; overflow:hidden; text-indent:-1000px} .faq {position:relative; width:303px; background:url(../images/faq_bg.gif); padding: 8px 10px 20px 10px;} .faq a {position:relative; display:block; padding-left:0px; color:#01529A; font-size:14px; text-decoration:none;} .faq a:hover { color:#01529A; text-decoration:none} .faq a .faq_button {position:relative; float:left; top: 0; left: 0; width: 20px; height:15px; background-color:#FF0000; background:url(../images/faq_button.gif) no-repeat top} .faq a:hover .faq_button {background-position: bottom} .faq .openingContent {padding-left:18px; margin-top:5px} .faqTop {position:absolute; top:0; left:0; width: 323px; height: 11px; background:url(../images/faq_top.gif) no-repeat; overflow:hidden;} .faqBottom {position:absolute; bottom:0; left:0; width: 323px; height: 13px; background:url(../images/faq_bottom.gif) no-repeat; background-color:#FFFFFF; overflow:hidden;}