/************** Reset Margins and Padding **************/ * { margin:0px; padding:0px;} /*************** Misc ***************/ .clear { clear:both;} .fl { float:left;} .fr {float:right;} img { border:0px;} p { margin-bottom:10px; line-height:1.4em;} .marginbottom { margin-bottom:6px;} .left-edge { position:relative; left:42px;} .margintop { margin-top:5px;} div.hr { height: 20px; background: #e6f0f6 url(/_images/general/br-line.gif) repeat-x left; margin-bottom:5px;} div.hr hr { display: none; } .skiptocontent { display:none;} /*************** H tags ***************/ h1 { font-size:1.5em; margin-bottom:15px; padding:0px; color:#16394c;} h2 { font-size:1.3em; margin-bottom:10px; padding:0px; color:#16394c;} .home-content h2 { margin-bottom:0px;} .home-content h1{ margin-bottom:0px;} h3 { font-size:1.1em; margin-bottom:10px; padding:0px; color:#16394c;} h4{font-size:1.1em; margin-bottom:10px} h4 a{ text-decoration:none; color:#16394c;} /*************** Links ***************/ a { color:#0C92C8;} a:hover {color:#454f54;} a:focus { outline:none;} #footer a { color:#8fa0aa; text-decoration:none;} #footer a:hover {color:#6e7a81;} /*************** Body ***************/ body { font-family:Tahoma, Arial, Helvetica, sans-serif; background: url(/_images/bkg/bkg.gif) top left repeat-x #4f4a3d; text-align:center; color:#454f54; font-size:.75em; } /*************** List ***************/ .content ul { list-style-position:inside; margin: 0px 0px 15px 0px;} .content li { line-height:1.3em;} .content ul ul { margin:0px 0px 0px 20px; padding:0px;} .content ul li ul li {padding:0px; margin:0px;} .content-smaller ul { list-style-position:inside; margin: 0px 0px 15px 0px;} .content-smaller li { line-height:1.3em;} .content-smaller ul ul { margin:0px 0px 0px 20px; padding:0px;} .content-smaller ul li ul li {padding:0px; margin:0px;} /*************** Table ***************/ .data { margin:5px 0px 15px 0px; padding:0px 0px 0px 0px;} .data th { font-weight:bold; color:#16394C; text-indent:10px; padding:4px 0px 4px 0px; border-bottom: 1px solid #A7C7DA; color:#FFFFFF; background:url(/_images/bkg/table-top.gif) top left no-repeat; } .data td { padding:2px 0px 2px 4px; border-bottom: 1px solid #A7C7DA; background-color:#c0d8e6; vertical-align:top; line-height:1.5em;} .data td.bold { font-weight:bold; background-color:#afd1e5; color:#16394C;} /*************** Container ***************/ #wrapper {width:799px; margin-left:auto; margin-right:auto; text-align:left; margin-top:25px; } /*************** Site Structure ***************/ #header { width:100%; height:159px; background: #ffffff url(/_images/bkg/bg_top.jpg) top left no-repeat; } #logo { float:left; width:185px; margin:41px 0px 0px 30px; display:inline; } #graphic { float:right; width:584px; position:relative;} #bubble1 {float:left; position:absolute; top:0px; left:0px;} #bubble2 {float:left; position:absolute; top:0px; left:370px;} #bubble3 {float:left; position:absolute; top:70px; right:245px;} #headerflash{ position:absolute; top:0px; left:15px; background:#000000; z-index:9999; margin:0; padding:0;} #main { background:url(/_images/bkg/bubble_bottom.jpg) top right no-repeat #fff; position:relative; float:left; width:799px; padding-bottom:20px;} #nav-container { float:left; position:relative; width:203px; margin-top:20px; margin-left:-42px; padding:0px; z-index:3; background: url('/_images/bkg/nav-top1-corners.gif') top left no-repeat;} #nav-container ul { float:left; width:203px; margin:/*35px*/ 20px 0px 0px 0px; padding:0px 0px 15px 0px; list-style:none; background: #333333 url('/_images/bkg/nav-middle1.gif') top left repeat-y;} #nav-container ul li { float:left; clear:both; margin:0 0 0 18px; padding: 0px 0px 5px 10px; line-height:1.5em; background:url('/_images/bullets/nav-main.gif') no-repeat top left; background-position:0 7px;} #nav-bottom { width:203px; clear:both; height:34px; text-align:right; background: url('/_images/bkg/nav-bottom3-corner.gif') top left no-repeat; } #nav-container a { font-weight:bold; color:#FFFFFF; text-decoration:none;} #nav-container a:hover { text-decoration:underline;} #nav-container ul ul { float:left; width:150px; padding:0px; margin:0px 0px 0px 0px; background:none;} #nav-container ul li ul li { float:left; width:138px; padding:7px 0px 7px 12px; margin:0px; line-height:0; background:url('/_images/bullets/nav-sub.gif') no-repeat top left; background-position:0 8px;} #nav-container ul li ul li ul{ padding:10px 0 0 0;} #nav-container ul ul li a { font-weight:normal; line-height:0.5em; } #nav-container ul ul li a.selected { text-decoration:underline;} .left-content { width:326px; float:left; padding:0px; margin:0px 27px 0px -22px; position:relative; } .right-content { width:270px; float:left; padding:0px; margin:0px;} .right-content h2 a {color:#16394c; text-decoration:none;} .right-content h2 a:hover {color:#16394c; text-decoration:underline;} .call-to-action { float:right; width:623px; position:relative; right:37px; margin-top:20px; margin-bottom:20px;} /*.home-content {width:276px; float:left; background:#e6f0f6 url(/_images/bkg/main-content-top.gif) top left no-repeat; padding:20px 15px 0px 35px; margin:0px;} .main-content-bottom { width:326px; height:26px; background:#e6f0f6 url(/_images/bkg/main-content-bottom.gif) bottom left no-repeat; float:left;}*/ .home-content {width:410px; float:left; background:#e6f0f6 url(/_images/bkg/home-content-top.gif) top left no-repeat; padding:20px 15px 0px 35px; margin:0px ;} .home-content #types{ float:left; list-style:none;} .home-content #types li{ background:none; float:left; padding:0; margin:0 0 0 45px;} .home-content #types li.first{ margin:0;} .home-content #types li p{ text-align:center;} .main-content-bottom { width:460px; height:26px; background:#e6f0f6 url(/_images/bkg/home-content-bottom.gif) bottom left no-repeat; float:left; margin:0 0 15px 0;} .content { width:568px; background:#e6f0f6 url(/_images/bkg/content-top.gif) top left no-repeat; float:left; margin: 0px 0px 0px -22px; padding:20px 15px 0px 40px; min-height:270px; height:auto !important; height:270px; position:relative;} .content-bottom {background:#e6f0f6 url(/_images/bkg/content-bottom.gif) top left no-repeat; width:623px; height:26px; float:right; margin: 0px 0px 0px 0px; position:relative; right:37px;} .content-smaller { width:467px; float:left; margin-left:-22px;} .content-main { width:412px; background:#e6f0f6 url(/_images/bkg/top-main-content.gif) top left no-repeat; float:left; margin: 0px 0px 0px 0px; padding:20px 15px 0px 40px; min-height:270px; height:auto !important; height:270px;} .content-main-bottom {background:#e6f0f6 url(/_images/bkg/bottom-main-content.gif) top left no-repeat; width:467px; height:26px; float:left; margin: 0px 0px 0px 0px;} #footer { width:759px; height:60px; background:url(/_images/bkg/bg_footer.gif) top left no-repeat; padding:0px 20px 0px 20px; float:left; margin-bottom:25px;} #footer p { margin:0px 0px 0px 0px; padding:10px 0px 4px 0px; color:#8fa0aa;} #footer p a { text-decoration:underline;} #footer ul { list-style:none;} #footer li { float:left; background:url(/_images/bkg/footer-bullet.gif) 100% 60% no-repeat; padding-right:5px; margin-right:5px;} #footer li.last {padding:0px; margin:0px; background:none;} /*************** Content ***************/ .distributors-content { background:url(/_images/general/stockists-map.gif) top left no-repeat; height:218px; width:121px;padding:0px 0px 0px 150px; margin:0px } .distributors-content form { margin:0px; padding:0px;} .distributors-content label { display:none; position:absolute; left:-999px;} .distributors-content legend { display:none;} .distributors-content fieldset { border:none;} .distributors-content .textfield { font-size:1em; color:#454f54; border:1px solid #A7C7DA; width:115px; float:left; margin-right:5px; padding:2px;} .distributors-content .button {float:right; clear:both; padding:10px 0px 0px 0px;} .intro-content p{ clear:both;} .intro-content{ float:right; padding:0 10px 0 0; width:270px;} .intro-content ul{ float:left; list-style:none; margin:5px 0 7px 40px; clear:both; } .intro-content ul li{ background:none; padding:0; margin:0 20px 0 0; float:left; display:inline;} /*************** Pods ***************/ .pod-selav { width:175px; height:135px; color:#fff; line-height:1.1em; background:url(/_images/bkg/bg-selav-2.gif) top left no-repeat; margin:24px 0 0 0; padding: 5px 80px 0px 15px; position:relative;} .pod-selav h2 { padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;} .pod-selav p { line-height:1.3em; position:relative; z-index:10;} .pod-selav a { color:#fff; font-weight:normal; text-decoration:none;} .pod-selav a:hover { text-decoration:underline; color:#FFFFFF;} .pod-selav .bottle { width:160px; height:181px; background:url(/_images/bkg/selav-bottle.jpg) top left no-repeat; position:absolute; top:-25px; right:-37px; z-index:1;} .pod-selav .bottle span { position:absolute; left:-9999px;} .pod-mains { width:175px; height:137px; background:url(/_images/general/mains-pod-corner.gif) top left no-repeat; margin-top:-7px;padding: 25px 15px 0px 80px;} .pod-bottle { width:170px; height:142px; background:url(/_images/general/pod-bottle-corner.gif) top left no-repeat; margin-top:-49px; padding: 65px 80px 0px 20px;} .pod-kenco { width:160px; height:112px; background:url(/_images/general/pod-kenco-corner.gif) top left no-repeat; padding:15px 10px 0px 100px; margin-top:-14px;} /* REPLACED .pod-contact { width:233px; height:112px; background:url(/_images/general/dark-pod1.gif) top left no-repeat; padding:15px 15px 0px 22px; position:relative; float:right;} */ .pod-contact { width:233px; height:112px; background:url(/_images/general/dark-pod1-corner.gif) top left no-repeat; padding:15px 15px 0px 22px; position:relative; float:right;} .pod-mains p, .pod-bottle p, .pod-kenco p {color:#2f6484;} .pod-contact p, .pod-contact h2, .pod-newsletter p, .pod-newsletter h2, .call-to-action-single h2, .call-to-action-single p, .side-newsletter h2, .side-newsletter p { color:#FFFFFF;} .pod-contact p { font-size:1.3em; font-weight:bold; padding-top:5px;} .pod-contact img { position:absolute; bottom:-10px; right:11px;} .blue {color:#0C92C8;} .pod-callme p, .pod-callme h2, .pod-contact h2 { padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; color:#fff;} .pod-callme h2, .pod-contact h2 { padding:0px 0px 0px 0px;} .content-pod-tele { color:#ffffff; float:left; font-size:1.2em; font-weight:bold;} .content-pod-headoffice {color:#fdcad4; float:left; font-size:1.2em; font-weight:bold;} .content-pod-email { color:#ffffff; float:left; clear:left; font-size:1.2em; font-weight:bold;} /* REPLACED .pod-callme, .pod-newsletter { width:284px; height:112px; background:url(/_images/general/call-me-back-pod.gif) top left no-repeat; float:left; padding:15px 20px 0px 22px; position:relative; } */ .pod-callme, .pod-newsletter { width:284px; height:112px; background:url(/_images/general/call-me-back-pod-corner.gif) top left no-repeat; float:left; padding:15px 20px 0px 22px; position:relative; } .pod-callme form, .pod-newsletter form, .call-me-back-pod form, .side-newsletter form { margin:0px; padding:0px;} .pod-callme label { width:66px; float:left; margin: 0px 5px 3px 0px; padding:0px 0px 0px 0px; color:#fff;} .pod-newsletter label, .side-newsletter label { display:none; position:absolute; left:-999px;} .call-me-back-pod label { float:left; width:66px; color:#fff; padding:0px 0px 0px 0px;} .pod-callme legend, .pod-newsletter legend, .call-me-back-pod legend, .side-newsletter legend { display:none;} .pod-callme fieldset, .pod-newsletter fieldset, .call-me-back-pod fieldset, .side-newsletter fieldset { border:none;} /*************** RF - 18-04-2008 ***************/ .pod-callme .textfield, .call-me-back-pod .textfield, .side-newsletter .textfield { font-size:1em; color:#454f54; border:2px solid #FFFFFF; width:62px; float:left; margin-right:5px;} .pod-callme .textfield { width:61px;} /*************** RF - 18-04-2008 ***************/ .pod-callme .button, .pod-newsletter .button {position:absolute; bottom:-12px; right:17px;} .pod-newsletter .textfield {font-size:1em; color:#454f54; border:2px solid #FFFFFF; width:270px;} .call-me-back-pod .textfield, .side-newsletter .textfield {margin-bottom:12px; width:100px;} .call-me-back-pod .button { position:absolute; bottom:-15px; right:10px;} .side-newsletter .button { position:absolute; bottom:-15px; right:19px;} /*************** News **************/ ul#news { list-style:none; margin-bottom:15px; margin-top:5px;} ul#news li { clear:both;} ul#news li h2 { float:left; width:380px; line-height:22px; background: url(/_images/bkg/news-title.gif) top left no-repeat; font-size:1.2em;} ul#news li h2 a { text-decoration:none; color:#16394C; padding: 0px 0px 0px 10px; float:left; font-weight:bold; display:block; width:70%;} ul#news li h2 a:hover {color:#0C92C8; } ul#news li h2 .news-title { text-decoration:none; color:#16394C; padding: 0px 0px 0px 10px; float:left; font-weight:bold; display:block; width:70%;} ul#news .date { float:right; font-size: 0.8em; color:#454f54; padding-right:10px; } ul#news p { padding-left:10px; padding-right:30px;} /*************** Distributor ***************/ #distributor {float:left; width:230px; margin:35px 0px 0px 15px;} #distributor label { display:none; position:absolute; left:-999px;} #distributor legend { display:none;} #distributor fieldset { border:none;} #distributor .textfield { font-size:1em; color:#454f54; border:1px solid #A7C7DA; width:165px; float:left; margin-right:5px; padding:2px;} #distributor .button {float:right; clear:both; padding:10px 60px 0px 0px;} /*************** Paging ***************/ ul.pagenumbers { float:left; width:390px; margin-bottom:10px;} ul.pagenumbers li { float:left; display:inline; list-style-type:none; text-align:center; margin:0px 4px 0px 0px; padding:0px; background: url(/_images/bkg/paging.gif) top left no-repeat;} ul.pagenumbers a { display:block; padding:3px 0px 4px 0px; width:24px;color:#16394C; text-decoration:none; font-weight:normal;} ul.pagenumbers .selected a {font-weight:bold;} ul.pagenumbers a:hover { display:block; padding:3px 0px 4px 0px; width:24px; font-weight:bold;} ul.pagenumbers .selected a:hover {font-weight:bold;} /*************** Distributor List ***************/ #distributor-list { list-style:none; width:380px; margin: 5px 0px 15px 0px; list-style-position:outside;} #distributor-list h3 { margin:0px; padding:0px;} #distributor-list li { padding:0px 0px 5px 0px; background: url(/_images/bkg/dotted-line.gif) bottom left repeat-x; margin:0px 0px 10px 0px} /************** Contact ***************/ .errorfield { display:none;} .contact-form { margin:0px; padding:0px; width:396px;} .contact-form label {width:190px; float:left; font-weight:bold; clear:both; color:#16394C; margin-top:3px;} .contact-form legend { display:none;} .contact-form fieldset { border:none; margin:0px; padding:0px;} .contact-form select, .contact-form label { margin-bottom:4px;} .contact-form select, .contact-form .textfield, .contact-form textarea {font-size:1em; color:#454f54; } .contact-form select { width:200px;} .contact-form .textfield {width:194px; padding: 2px 0px 2px 0px;} .contact-form textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; width:194px; height:100px; overflow: auto; font-size:1em; color:#454f54; border:1px solid #A7C7DA; padding:2px; margin:0px;} .contact-form .textfield, .contact-form select { font-size:1em; color:#454f54; border:1px solid #A7C7DA; margin:0px 0px 3px 0px; padding:2px;} .contact-form .formbutton { float:right; margin-top:15px; padding-right:4px;} .errorfield { display:none;} #contactform { margin:0px; padding:0px; width:396px;} #contactform label {width:190px; float:left; font-weight:bold; clear:both; color:#16394C; margin-top:3px;} #contactform legend { display:none;} #contactform fieldset { border:none; margin:0px; padding:0px;} #contactform select, #contactform label { margin-bottom:4px;} #contactform select, #contactform .textfield, #contactform textarea {font-size:1em; color:#454f54; } #contactform select { width:200px;} #contactform .textfield {width:194px; padding: 2px 0px 2px 0px;} #contactform textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; width:194px; height:100px; overflow: auto; font-size:1em; color:#454f54; border:1px solid #A7C7DA; padding:2px; margin:0px;} #contactform .textfield, #contactform select { font-size:1em; color:#454f54; border:1px solid #A7C7DA; margin:0px 0px 3px 0px; padding:2px;} #contactform .formbuttons { float:right; margin-top:15px; padding-right:4px;} /*************** Content Pods ***************/ .content-pod { margin:10px 0px 5px 0px; padding:8px 0px 0px 8px; float:left; width:400px; height:121px; background:url(../_images/bkg/prod-background-corner.gif) top left no-repeat;} /*.content-pod-top { background: url(/_images/bkg/prod-top.jpg) top left no-repeat; height:24px; float:left; width:553px; } .content-pod-content {background: url(/_images/bkg/prod-bkg.jpg); padding: 0px 20px 0px 20px; width:512px; float:left;} .content-pod-bottom {background: url(/_images/bkg/prod-bottom.jpg) top left no-repeat; height:24px; float:left; width:553px;} */ .content-pod-text { float:left; padding:8px 0px 0px 20px; width:230px;} .content-pod-text p.producttitle { font-size:1.3em; color:#16394c; font-weight:bold; padding-bottom:0px; margin-bottom:5px; } .content-pod-text p { margin-bottom:6px;} .content-pod-text a { text-decoration:none; color:#16394c !important; } .content-pod-text a:hover { text-decoration:underline;} .content-pod-content img { float:left; margin:0px; padding:0px;} .contact-details { padding-bottom:5px; float:left; padding-right:77px;} .product-image { float:left; padding:0px 15px 0px 0px;} .call-to-action-single { float:right; width:160px; position:relative; right:11px; margin-top:25px;} /* REPLACED .call-me-back-pod { background: url(/_images/bkg/call-me-smaller.gif) top left no-repeat; width:107px; height:193px; padding:20px 10px 5px 13px; position:relative; margin-bottom:35px;} */ .call-me-back-pod { background: url(/_images/bkg/call-me-smaller-corner.gif) top left no-repeat; width:107px; height:295px; padding:10px 10px 5px 13px; position:relative; margin-bottom:35px;} .call-me-back-pod p { margin-bottom:12px;} .call-me-back-pod h2, .contact-details-pod h2 { margin-bottom:5px;} .nearest-distributor{ background: url(/_images/bkg/nearest-distributor-bg.gif) top left no-repeat; width:140px; height:172px; padding:10px 10px 5px 10px; position:relative;} .nearest-distributor h2{ width:130px; font-size:14px;} .nearest-distributor p{ width:130px;} .nearest-distributor form { margin:0px; padding:0px;} .nearest-distributor label { display:none; position:absolute; left:-999px;} .nearest-distributor legend { display:none;} .nearest-distributor fieldset { border:none;} .nearest-distributor .textfield { font-size:1em; color:#454f54; border:1px solid #A7C7DA; width:98px; float:left; margin-right:5px; padding:2px; margin-top:2px;} .nearest-distributor .button { position:absolute; bottom:22px; right:0; z-index:9999;} #hydrating{ float:left; width:140px; height:200px;} /* REPLACED .contact-details-pod {background: url(/_images/bkg/contact-smaller1.gif) top left no-repeat; width:107px; height:135px; padding:20px 10px 0px 13px; position:relative; margin-bottom:35px;} */ .contact-details-pod {background: url(/_images/bkg/contact-smaller1-corner.gif) top left no-repeat; width:107px; height:135px; padding:10px 10px 0px 13px; position:relative; margin-bottom:35px;} .pod-contact a { color:#FFFFFF; text-decoration:none; font-size:1.0em;} .pod-contact a:hover { text-decoration:underline;} .pod-contact span { font-size:1.2em; color:#FFFFFF; font-weight:bold;} .pod-contact span.office { font-size:1.2em; color:#fdcad4;} .contact-details-pod img { position:absolute; bottom:10px; right:3px; } .contact-details-pod p { font-size:1.2em; font-weight:bold;} .contact-details-pod .headoffice {color:#fdcad4;} .contact-details-pod a { color:#FFFFFF; text-decoration:none; font-size:0.8em;} .contact-details-pod a:hover { text-decoration:underline;} /* REPLACED .side-newsletter { background: url(/_images/bkg/call-me-smaller.gif) top left no-repeat; width:107px; height:198px; padding:20px 10px 0px 13px; position:relative; margin-bottom:35px;} */ .side-newsletter { background: url(/_images/bkg/call-me-smaller-corner.gif) top left no-repeat; width:107px; height:208px; padding:10px 10px 0px 13px; position:relative; margin-bottom:35px;} .side-newsletter p { padding-bottom:10px;} .contact-details-pod {background: url(/_images/bkg/contact-smaller1-corner.gif) top left no-repeat; width:107px; height:145px; padding:10px 10px 0px 13px; position:relative; margin-bottom:35px;} .side-newsletter h2, .side-newsletter h2 { margin-bottom:5px;} .newsdetaildate { font-weight:bold; display:block; padding-bottom:10px;} .fielderror { padding-left:191px; color:#FF0000;} .credit { float:right;} /*************** Sela V tags ***************/ #selav .content { padding:20px 0px 0 40px; width:582px;} #selav h1 { position:absolute; top:0px; left:-9999px;} .selvaTitle { padding:0 0 0 0; margin:0 0 0 0;} #selav .selav-container { float:left; width:582px; padding:0 0 0 0; margin:0 0 0 0; background:url(/_images/bkg/selav-main.jpg) top right no-repeat; min-height:508px; height:auto !important; height:508px; } #selav .selav-container li { float:left; width:423px; padding:10px 0 0 54px; margin:0 0 0 0; list-style:none outside; color:#FFFFFF; background-position:18px 5px; background-repeat:no-repeat;} #selav .selav-container li a { color:#FFFFFF;} #selav .selav-container li a:hover, #selav .selav-container li a:active { color:#90A8B4; } #selav .selav-container li h2 { color:#FFFFFF; font-size:14px; margin:0 0 0 0; padding:0 0 5px 0; background-color:#216288; } #selav .selav-container li p { padding:0 0 12px 0; margin:0 0 0 0; line-height:1.3em; background-color:#216288;} #selav .selav-container li.one { background-image:url(/_images/bkg/selav-1.gif); margin-top:56px; width:326px; } #selav .selav-container li.two { background-image:url(/_images/bkg/selav-2.gif); width:350px;} #selav .selav-container li.two p { padding:0 0 5px 0; } #selav .selav-container li.three { background-image:url(/_images/bkg/selav-3.gif); background-position:15px 0px; padding-top:15px; } #selav .selav-container li.three h2 { width:300px;} #selav .selav-container li.four { background-image:url(/_images/bkg/selav-4.gif); } .selavbubbleleft { float:left; clear:left; padding:10px 10px 10px 0px;} .spacerleft { float:left; clear:left; height:285px; width:1px;} .selavbubbleright{ float:right; clear:right; padding:10px 0px 10px 10px;} .spacerright { float:right; clear:right; height:170px; width:1px;} ul.selavproductlist { float:left; width:568px; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; background:url('/_images/sela-v/productlist.jpg') no-repeat top left;} ul.selavproductlist li { float:left; display:inline; width:auto; padding:0px 0px 0px 35px; text-align:center; background:none; margin:0px 0px 0px 0px;} ul.selavproductlist li p img { padding:0 0 0px 0;} ul.selavproductlist li p a { color:#14435f;} ul.selavproductlist li a { color:#434343; font-weight:bold; text-decoration:none;} ul.selavproductlist li a:hover { color:#0c92c8;} .selavimage { float:left; width:213px; text-align:center; padding:15px 0px 20px 0px; margin:0px 0px 15px 0px; background:url('/_images/sela-v/bg-selavimage.jpg') no-repeat bottom left;} .selavdetails { float:right; width:335px; padding:0px 0px 15px 0px;} .selavdetails ul { float:left; width:335px; padding:0px 0px 15px 0px;} .selavdetails li { clear:left; float:left; width:335px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; background:none; list-style:none;} .selavdetails li img { float:left;} .selavdetails li h3 { font-size:1em; float:right; width:235px; padding:15px 0px 5px 0px; margin:0px 0px 0px 0px;} .selavdetails li p { font-size:1em; float:right; width:235px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} /*************** Environment ***************/ #environmentmain{ width:575px; float:left; display:inline; margin:20px 0 0 0;} #environmentmain ul#environmentbullets{ float:left; width:360px; list-style:none; margin:0; padding:0;} #environmentmain ul#environmentbullets li{ clear:both; margin:0 0 20px 0; padding:0 0 0 35px; float:left; width:320px;} #environmentmain ul#environmentbullets li.one{ background:url(../_images/environment/bullet-1.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.two{ background:url(../_images/environment/bullet-2.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.three{ background:url(../_images/environment/bullet-3.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.four{ background:url(../_images/environment/bullet-4.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.five{ background:url(../_images/environment/bullet-5.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.six{ background:url(../_images/environment/bullet-6.gif) no-repeat top left; } #environmentmain ul#environmentbullets li.seven{ background:url(../_images/environment/bullet-7.gif) no-repeat top left; } #environmentmain #sideimage{ float:right; width:208px; height:706px;} #environmentlink{ position:absolute; float:left; width:260px; height:135px; z-index:99; top:-25px; left:324px;} /*************** Water for Schools ***************/ .wfsNiagara { background:url(/_images/products/niagara.jpg) 0px 0px no-repeat; padding:51px 0 53px 145px; line-height:18px; margin:0;} .wfsTraditional { background:url(/_images/products/traditional.jpg) 125px 0px no-repeat; padding:54px 281px 43px 0; line-height:18px; margin:-20px 0 0 0; } /*************** Boiler ***************/ .boilerIntro { margin:0; padding:0 0 3px 0;} .boilerProduct { float:left; width:568px; background-repeat:no-repeat; background-position:0px 0px; height:174px; margin:17px 0 0 0; } .boilerProduct .bd { float:right; width:392px; padding:12px 0 0 0;} .boilerProduct h2 { float:left; width:382px; padding:0 0 7px 0; margin:0;} .boilerProduct dl { float:left; width:382px;} .boilerProduct dl dt, .boilerProduct dl dd { padding:0 0 4px 0;} .boilerProduct dl dt { float:left; width:105px; font-weight:bold; color:#16394C;} .boilerProduct dl dd { float:left; width:277px;} .ct200 { background-image:url(/_images/products/CT200.jpg);} .WM7ss { background-image:url(/_images/products/WM7ss.jpg);} .WM7ss .bd { padding:15px 0 0 0;} .lcd1500 { background-image:url(/_images/products/1500.jpg)} .lcd1500 .bd { padding:17px 0 0 0;} /*************** Testimonials Pod ***************/ .testimonials-pod { float:right; margin:0 0 15px 0; position:relative; right:31px; width:130px; background:url(/_images/testimonials/top.gif) 0px 0px no-repeat #0c92c8; font-style:italic; color:#fff;} .testimonials-pod ul { padding:0 0 14px 0; background:url(/_images/testimonials/bottom.gif) bottom left no-repeat; width:130px; float:left;} .testimonials-pod ul li { list-style:none outside; float:left; width:100px; padding:15px 15px 5px 15px;} .testimonials-pod ul li h2 { float:left; width:100px; background:url(/_images/testimonials/logo-top.gif) 0px 0px no-repeat #fff; padding:0 0 0 0; margin:0 0 15px 0;} .testimonials-pod ul li h2 img { } .testimonials-pod ul li h2 span { float:left; display:block; width:100px; background:url(/_images/testimonials/logo-bottom.gif) bottom left no-repeat; padding:6px 0 7px 0; text-align:center;} .testimonials-pod blockquote { float:left; width:100px;} .testimonials-pod p { margin:0;} .testimonials-pod cite { font-style:normal;} /*************** Local Franchisee ***************/ .highlight { color:#16394C;} ul.franchisee-pod { list-style:none outside; padding:12px 0 20px 0; margin:0; float:left; width:100%;} ul.franchisee-pod li { padding:0; margin:0; float:left;} ul.franchisee-pod li.first { padding:0 30px 0 14px;} .areasTitle { margin:0;} ul.areaList { list-style:none; float:left; width:412px; padding:0 0 15px 0; margin:0;} ul.areaList li { background:url(/_images/franchisee/location-list-left.gif) 0px 0px #c0d7e5 no-repeat; float:left; display:inline; line-height:25px; padding:0 0 0 5px; margin:10px 10px 0px 0; color:#16394c;} ul.areaList li span { display:block; background:url(/_images/franchisee/location-list-right.gif) top right no-repeat; padding:0 5px 0 0;} .franchisee-map { float:left; width:100%;} .franchisee-map img {padding:1px; border:1px solid #203844; display:block;} .franchisee-map p { text-align:right; margin:0; padding:3px 0 15px 0;} .franchisee-map p a { font-weight:bold; padding:0 7px 0 12px; color:#1f3542; background:url(/_images/franchisee/plus.gif) 0px 4px no-repeat; text-decoration:none;} .franchisee-map p a:hover, .franchisee-map p a:focus { text-decoration:underline;} .franchisee-form-container { float:left; width:366px; padding:8px 0 0 46px;} .franchisee-form { background:url(/_images/franchisee/form-top.gif) 0px 0px no-repeat; width:300px; padding:13px 0 0 0;} .franchisee-form fieldset { float:left; width:270px; background:#bedeeb url(/_images/franchisee/form-bottom.gif) bottom left no-repeat; padding:2px 15px 15px 15px;} .franchisee-form fieldset label { width:100px; color:#214a5b;} .franchisee-form fieldset .textfield { width:162px; border:1px solid #92bbcc; margin:0 0 6px 0;} .franchisee-form fieldset .formbutton { margin:0; padding:5px 3px 0 0;} .freeTrial { float:right; margin:5px 5px 15px 0; display:inline;} .inSupportOf { float:right; margin:0 24px 0 0; display:inline;} .thanks {padding: 5px; border: 1px solid #DF002B; margin-bottom: 15px; margin-top: 15px;}