body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:#b7d7e7 url(/img/bg/tile.gif) repeat top center;} .r {float:right;} .l {float:left;} .hide{display:none;} html, body {height: 100%; margin: 0 0 1px; padding: 0;} /* Forces Vertical Scrollbars */ /* ------------------------------------------------------ =MAIN STRUCTURE ------------------------------------------------------*/ #container{width:960px; margin:0px auto 0px auto; text-align:left; background:none; position:relative;} /* ------------------------------------------------------ =CLEARING -----------------------------------------------------*/ .clear{clear:both;} .clear10{clear:both; height:10px;} .last{margin-right:0px !important; border-right:none !important;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* ------------------------------------------------------ =ACCESSIBILITY ------------------------------------------------------*/ #access {position:absolute; top:-9999px;} /* ------------------------------------------------------ =HOME FEATURE -----------------------------------------------------*/ #home-feature {width:960px; height:377px; /*background: url(/img/pics/flash-replace.gif) no-repeat 0 5px;*/ position:relative;} #flash { position:absolute;} /* ------------------------------------------------------ =HOME DROPDOWN -----------------------------------------------------*/ #DropDown { position:absolute; top:385px; right:13px; text-align:center; } #DropDown .quicklinks { width:220px; padding:2px; font-size:1.1em; cursor:pointer;} #DropDown p{ text-indent: -8000px; overflow:hidden; } #DropDown .jump-to { } /* ------------------------------------------------------ =HEADER -----------------------------------------------------*/ #header {height:75px; background:none;} #header img.logo {float:left; margin-top:15px; margin-left:20px; width:216px; height:46px;} /* QUICK LINKS */ #quick-links { float:right; height:34px; margin-top:22px; margin-left:33px; width:665px; background: url(/img/bg/quick-links-bg-pink.gif) no-repeat; -moz-opacity: 0.95; filter: alpha(opacity=95); opacity:.9; position:relative; z-index:100;} #nav {text-indent:-8000px;} #nav li{float:left; display:inline; height:33px; line-height:33px; text-indent:-8000px; overflow:hidden; margin-left:22px;} #nav li a{display:block; height:34px; background-position:0 0; background-repeat:no-repeat; } #nav li a:hover, #nav li a.selected{background-position:0 -33px; cursor:pointer;} #nav li#navhome{width:60px;}#nav li#navhome a{background-image:url(/img/bg/nav-home_pink.gif);} #nav li#nav1{width:176px;}#nav li#nav1 a{background-image:url(/img/bg/nav1_pink.gif);} #nav li#nav2{width:148px;}#nav li#nav2 a{background-image:url(/img/bg/nav2_pink.gif);} #nav li#nav3{width:150px;}#nav li#nav3 a{background-image:url(/img/bg/nav3_pink.gif);} #nav li.last {margin-right:0px; } /* #quick-links { float:right; height:34px; margin-top:22px; margin-left:33px; width:665px; background: url(/img/bg/quick-links-bg.gif) no-repeat; -moz-opacity: 0.95; filter: alpha(opacity=95); opacity:.9; position:relative; z-index:100;} #nav {text-indent:-8000px;} #nav li{float:left; display:inline; height:33px; line-height:33px; text-indent:-8000px; overflow:hidden; margin-left:22px;} #nav li a{display:block; height:34px; background-position:0 0; background-repeat:no-repeat; } #nav li a:hover, #nav li a.selected{background-position:0 -33px; cursor:pointer;} #nav li#navhome{width:39px;}#nav li#navhome a{background-image:url(/img/bg/nav-home.gif);} #nav li#nav1{width:176px;}#nav li#nav1 a{background-image:url(/img/bg/nav1.gif);} #nav li#nav2{width:148px;}#nav li#nav2 a{background-image:url(/img/bg/nav2.gif);} #nav li#nav3{width:188px;}#nav li#nav3 a{background-image:url(/img/bg/nav3.gif);} #nav li.last {margin-right:0px; } */ /* ------------------------------------------------------ =MAIN -----------------------------------------------------*/ body.home #main {width:960px; margin:0px auto 0px auto; background:#FFF; clear:both; padding-bottom:10px; min-height:300px;} #main {width:960px; margin:0px auto 0px auto; background:#FFF url(/img/bg/rhs-inside.gif) repeat-y top right; clear:both; padding-bottom:10px; min-height:580px;} /* ------------------------------------------------------ =INSIDE BANNER -----------------------------------------------------*/ #banner {width:960px; height:97px; background: url(/img/bg/inside-banner.gif) no-repeat; z-index:2;} #banner img.b-logo {position:absolute; top:80px; right:4px; display:inline;} /* ------------------------------------------------------ =HOME CONTENT -----------------------------------------------------*/ body.home #content {float:left; width:665px; padding-left:20px; padding-top:10px; background:#FFF url(/img/bg/content-bg.gif) no-repeat top right; margin-top:0px;} body.home #content p {color:#2b2a2b; font-size:1.2em; line-height:1.4em; margin-bottom:10px; } /* ------------------------------------------------------ =INSIDE CONTENT -----------------------------------------------------*/ #content {float:left; width:711px; padding-left:20px; padding-top:15px; background:#FFF url(/img/bg/content-bg-inside.gif) no-repeat top right; margin-top:-5px; z-index:1; padding-right:30px; _width:709px; position:relative;} #content-cd {float:left; width:711px; padding-left:20px; padding-top:15px; background:#FFF url(/img/bg/intro_wcd1.jpg) no-repeat top right; margin-top:-5px; z-index:1; padding-right:30px; _width:709px; position:relative; height: 579px;} #content-cd-work {float:left; width:711px; padding-left:20px; padding-top:15px; background:#FFF url(/img/bg/intro_atwork.jpg) no-repeat top right; margin-top:-5px; z-index:1; padding-right:30px; _width:709px; position:relative; height: 579px;} #content-cd-home {float:left; width:711px; padding-left:20px; padding-top:15px; background:#FFF url(/img/bg/intro_athome.jpg) no-repeat top right; margin-top:-5px; z-index:1; padding-right:30px; _width:709px; position:relative; height: 579px;} #content p {color:#363636; font-size:1.2em; line-height:1.4em; margin-bottom:10px;} #content p a { color:#0e85bf; border-bottom:1px solid #d0e6f1; text-decoration:none;} #content p a.external{padding-right:16px; background:url(/img/icons/external.gif) no-repeat top right;} #content p a:hover { color:#095a82; } #content p a.pdf { padding: 1px 0 2px 23px; background:url(/img/icons/pdf.gif) no-repeat;} #content p.terms { margin-top:10px;} #content p.email-link { padding: 0px 0 2px 23px; background:url(/img/icons/email.gif) no-repeat 0px 2px;} /* ------------------------------------------------------ =WATER COOLER DIVISION CONTENT -----------------------------------------------------*/ .hd{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#176aab; font-weight:bold; padding-bottom:4px;} .hd a{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#176aab; text-decoration:none; font-weight:bold;} .hd:hover{text-decoration:none; font-weight:bold;} .subtext{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} .subtext a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;} .subtext a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;} #at-work-button{margin-top:55px;margin-left:170px; } /*#at-work-button span{ color:#176aab;}*/ #at-home-button{margin-left:120px; margin-top:50px;} #free-trial-button{margin-left:165px; margin-top:65px;} #filter-coolers-button{margin-left: 255px; margin-top:68px;} #cooler-ranges-button{margin-top:30px;margin-left:125px; width:220px;} #aquaporte-button{margin-top:60px;margin-left:175px;} #free-trial-work-button{margin-top:60px;margin-left:250px;} #cooler-home-button{margin-top:120px;margin-left:160px;} #callback-button{margin-top:80px;margin-left:250px;} .wave{ background: url(/img/bg/top_curve.gif) no-repeat; height:61px;} .lftimg{float:left; background:url(/img/pics/pic_orderfreetrial.jpg) no-repeat; width: 267px; height:188px;} .wcr-img{float:left; background:url(/img/pics/pic_watercoolerrange.jpg) no-repeat; width: 267px; height:268px;} .inv-img{float:left; background:url(/img/pics/pic_invoicing.jpg) no-repeat; width: 267px; height:188px;} .all-img{float:left; background:url(/img/pics/pic_foralloccasions.jpg) no-repeat; width: 267px; height:180px;} .aquaporte-img{float:left; background:url(/img/pics/3m.jpg) no-repeat; width: 267px; height:180px;} .callback-img{float:left; background:url(/img/pics/pic_callback.jpg) no-repeat; width: 267px; height:180px;} .rightcolcont{float:right; margin:0; padding:0; width:415px;} .rightcol{float:right; background:url(/img/bg/box_a.gif) no-repeat; width:415px; margin:0; padding:0;} .rightcol ul{width:350px;margin:0 0 0 0;list-style:none; padding-left:20px; padding-top:15px; } .rightcol ul li{margin:0 0 12px 0;padding:0 0 0 21px;line-height:1.2em;background:url(/img/pics/tick.gif) 0 1px no-repeat;} .rightcol ul li a{text-decoration:none;} #roi-phone{width: 351px; height:44px; background:url(/img/pics/telephone_roi.gif) no-repeat; padding-top:6px;} #ni-phone{width: 351px; height:44px; background:url(/img/pics/telephone_ni.gif) no-repeat; padding-top:6px;} .gap{margin-top:15px; margin-left:20px;} .wd{width:400px;} .small-logo{width:108px; height:32px; background:url(../img/pics/3maquaporte_logos_sml.gif) no-repeat; float:right;} .prod-cont-list{ padding-bottom:10px; padding-top:10px;} .prod-cont-list ul{ list-style:none; margin:0; padding:0} .prod-cont-list li{ display:inline; padding-right:18px; } #collost ul{display:inline;} #collist li{ display: block; list-style-type: none; width:155px;} .prod-hd{color:#176aab; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .prod-subhd{color:#176aab; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;} .prod-cont{margin-top:5px;} .prod-cont ul{ list-style:none;} .prod-cont li{ display:inline; padding-right:2px;} .logo-aquaporte{float:left; width:121px; height:59px; background:url(/img/pics/aquaporte_logo.gif) no-repeat; float:right; padding-bottom:10px;} .aquarius{width: 231px; height:202px; background:url(/img/pics/aquarius_button.jpg) no-repeat;} .interpure{width: 231px; height:202px; background:url(/img/pics/interpure_button.jpg) no-repeat;} .kalix{width: 231px; height:202px; background:url(/img/pics/kalix_button.jpg) no-repeat;} /*Distribution Services CSS*/ .fleet{ background: url(/img/pics/pic_fleet.jpg) no-repeat; height:195px; margin-top:10px;} .dscont{width:711px; margin-top:30px;} .map-services{ float:right; background:url(../img/pics/map.gif) no-repeat; width:274px; height: 349px;} .dscont-left{float:left; background:url(/img/bg/box_a.gif) no-repeat; width:415px;} .dscont-left ul{width:350px;margin:0 0 0 0;list-style:none; padding-left:20px; padding-top:15px; } .dscont-left ul li{margin:0 0 12px 0;padding:0 0 0 21px;line-height:1.2em;background:url(/img/pics/tick.gif) 0 1px no-repeat;} .dscont-left ul li a{text-decoration:none;} .popup{width:626px; height:598px; background:url(/img/bg/popup-bg.gif) no-repeat;} .popup-inner{width:570px; margin:auto auto; height:550px;} .popup-inner-left{float:left; margin-top:75px; margin-left:30px;} .popup-inner-right{float:right; width:360px; margin-top:75px;} .popup-inner-right h2{font-size:14px; } .popup-inner-right-right{float:right; width:50px; height:50px; /*background:url(/img/pics/sleepmode.gif) no-repeat;*/} .popup-inner-right-left{float:left; width:202px; height:69px; padding-bottom:10px;} .popup-button{float:right; width:61px; height:22px; margin-right:28px; } .popup-hd{color:#176aab; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:10px;} .popup ul{width:360px;margin:0 0 0 0;list-style:none; padding:0; float:left;} .popup ul li{margin:0 0 12px 0;padding:0 0 0 21px;line-height:1.2em;background:url(/img/pics/tick.gif) 0 1px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .popup ul li a{text-decoration:none;} /*callback form*/ #callback{margin-top:20px; width:398px; } #callback label{ display: block; float: left; width: 170px; padding: 0; margin:15px 0 0 0; text-align: right; color:#00418d; font-size:14px; } #callback input{ margin:8px 0 0 0px; font-size: 14px; height:23px; width: 200px; border: solid 1px #c4e4f3; float:right;} .btn-submit{width:69px; height:33px; background:url(/img/pics/button-submit.gif) no-repeat; display:block; float:right; margin-top:15px; } button{border:none;} .fields{float:right; font-size:12px; color:#00418d;} .button-free-trial{width:219px; height:33px; background:url(/img/pics/button-order-free-trial.gif) no-repeat; display:block; float:right; margin-right:20px;} /* ------------------------------------------------------ =HOME CONTENT -----------------------------------------------------*/ .divider {border-bottom:1px solid #d4e8f2; margin-top:5px; margin-bottom:12px; clear:both;} /* ------------------------------------------------------ =HOME RHS -----------------------------------------------------*/ body.home #rhs {float:left; padding:9px; background:#FFF;} /* ------------------------------------------------------ =CONTENT RHS -----------------------------------------------------*/ #rhs {float:left; padding-left:9px; width:180px;} #rhs p.explore {background:url(/img/headings/explore-ballygowan.jpg) no-repeat 2px 0px; height:27px; text-indent:-9000px;} #rhs a img.button {margin-left:2px;} /* ------------------------------------------------------ =RHS NAVIGATION -----------------------------------------------------*/ #rhs .nav ul {margin-left:-7px; margin-top:12px; padding-bottom:20px;} #rhs .nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.2em; padding-top:12px; padding-bottom:10px; padding-left:10px; color:#5e5f5f; display:block; width:178px; background:url(/img/bg/nav-line.gif) repeat-x; position:relative; z-index:10; } #rhs .nav ul a:hover{ color:#098ed0; /*padding-top:12px; padding-bottom:10px;*/ width:178px; background:url(/img/bg/nav-hover.jpg) repeat-y;} #rhs .nav ul a.on {background:url(/img/bg/nav-on.gif) no-repeat; color:#075076; margin-left:-25px; padding-bottom:13px; width:178px; padding-left:35px;} #rhs .nav ul a.on:hover{background:url(/img/bg/nav-on.gif) repeat-x; width:178px; text-decoration:none;} #rhs .nav ul a{color:#5e5f5f; text-decoration:none;} #rhs .nav ul li.last {padding-bottom:2px; background:url(/img/bg/nav-line.gif) repeat-x 0px 41px; } #rhs .nav ul li.sub {line-height:1.2em; padding:10px 0px 0px 0px;} #rhs .nav ul li.sub a{ padding-left:15px; margin-top:-4px; padding-top:0px; padding-bottom:0px; background:none; color:#075076; font-size:1.1em; width:160px; display:inline;} #rhs .nav ul li.sub a:hover, #rhs .nav ul li.sub a.on{color:#1a96c7; font-weight:normal; background:none; text-decoration:none; width:160px; margin-left:0px; } /* ------------------------------------------------------ =HOME NEWS -----------------------------------------------------*/ body.home .news {width:211px; background: url(/img/bg/news-bg.jpg) no-repeat; padding:10px 6px 6px 10px;} body.home .news p.latest-news {width:209px; background: url(/img/bg/latest-news.gif) no-repeat; text-indent:-9000px; margin-bottom:7px;} body.home .news ul {font-family:Arial, Helvetica, sans-serif;} body.home .news ul li {line-height:1.2em; margin-bottom:2px; } body.home .news ul li.headline {color:#065075; font-weight:bold; font-size:1.1em; margin-top:1px;} body.home .news ul li.headline a { text-decoration:none; color:#065075;} body.home .news ul li.headline a:hover { text-decoration:underline;} body.home .news ul li.date {color:#5facd5; font-size:0.9em; margin-top:3px; margin-bottom:7px;} /* ------------------------------------------------------ =HOME FEEDBACK -----------------------------------------------------*/ body.home .feedback {width:220px; background: url(/img/bg/feedback-bg.jpg) no-repeat; margin-top:7px; height:87px; } body.home .feedback p.fback {width:209px; background: url(/img/bg/feedback.gif) no-repeat; text-indent:-9000px; margin-bottom:7px;} body.home .feedback p {color:#678492; font-size:0.9em; margin-left:16px;} body.home .feedback a img{margin-top:10px; margin-left:55px;} /* ------------------------------------------------------ =IMAGE FOR TEL NUMBER -----------------------------------------------------*/ img.number {margin-right:15px;} /* ------------------------------------------------------ =HOME 3 FEATURE BOXES -----------------------------------------------------*/ #home-box-wrap {width:695px;} #home-box-wrap .box {float:left; width:226px; background: url(/img/bg/box-divider.gif) no-repeat top right; margin-right:7px;} #home-box-wrap .box a img.one {width:204px; height:153px;} #home-box-wrap .box p.title {margin-top:5px; font-size:1.4em; color:#126889; line-height:1.6em; } #home-box-wrap .box p.title a {color:#126889; border-bottom:1px solid #c6e6f5; text-decoration:none; padding-bottom:2px;} #home-box-wrap .box p {color:#4e4d4e; font-size:1.2em; width:200px; margin-top:-3px;} #home-box-wrap .last-box {background:none; margin-right:0px} #home-box-wrap .box:hover {cursor:pointer;} /* ------------------------------------------------------ =FORM STYLE -----------------------------------------------------*/ #form { padding:10px; margin-top:15px; margin-left:-12px;} #form table { margin-bottom:10px; width:100%;} #form table td{background:none; padding-left:0px; line-height:1.8em; padding-bottom:2px; border:none; } #form table td strong{color:#0a7ab2; font-weight:normal; font-size:1.2em;} #form table td em{font-size:0.9em; color:#7a98a7; padding-left:5px; font-style:normal;} #form table td input.text{width:90%; padding:4px; background: url(/img/bg/focus.jpg) repeat-x bottom left; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.1em; color:#333;} #form table td textarea{width:90%; padding:4px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:12px; color:#333;} #form table td select{width:94%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.1em; color:#333;} #form table td select.largewidth{width:90%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; } #form table td select.sml{width:20%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; } #form table input.button{background: url(/img/bg/subit-button.gif) no-repeat; cursor:pointer; width:69px; height:33px; border:none; margin-top:15px;} #form table input.simplebutton{font-family:Arial, Helvetica, sans-serif; padding:2px 6px;} #form table input.button:hover {background: url(/img/bg/subit-button-hover.gif) no-repeat;} #form table td input.focus, #form td table .focus{border: 1px solid #7fbde9 !important;} #form table span.mand {color:#FF9900;} #content #form p span.title{color:#000;} #content #form p.error { border:1px solid #C63031; padding: 3px; color: #C63031; background-color: #fdf1f2; font-size: 0.9em;} td.mailing-list {padding-top:10px!important; } td.mailing-list input {margin-left:2px; vertical-align:middle; margin-top:-5px;} /* ------------------------------------------------------ =REGULAR FORM STYLE -----------------------------------------------------*/ #regform {background: url(/img/bg/form-bg-full-width.gif) no-repeat; padding:10px; margin-top:15px; } #regform table { margin-bottom:10px; width:100%;} #regform table td{background:none; padding-left:0px; line-height:1.8em; padding-bottom:2px; border:none; } #regform table td strong{color:#0a7ab2; font-weight:normal;} #regform table td em{font-size:0.9em; color:#8e8b8b; padding-left:5px; font-style:normal;} #regform table td input.text{width:90%; padding:4px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.1em; color:#818181;} #regform table td textarea{width:90%; padding:4px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:12px; color:#818181;} #regform table td select{width:91%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.1em; color:#818181;} #regform table td select.largewidth{width:90%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; } #regform table td select.sml{width:20%; padding:2px; border:1px double #bbdcf0; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; } #regform table input.button{background: url(/img/bg/subit-button.gif) no-repeat; cursor:pointer; width:69px; height:33px; border:none; margin-top:15px; margin-bottom:5px;} #regform table input.button:hover {background: url(/img/bg/subit-button-hover.gif) no-repeat;} #regform table td input.focus, #regform td table textarea.focus{border:3px double #0a7ab2!important;} #regform table span.mand {color:#FF9900;} span.mand {color:#FF9900;} /* ------------------------------------------------------ =TABLE -----------------------------------------------------*/ table.style1 {margin-bottom:16px; font-size:1.1em; width:100%; font-family:Tahoma, Arial, serif;} table.style1 th {background:#0981bb; color:#fff; padding:6px 10px; font-weight:bold;} table.style1 td {padding:4px 10px; color:#444; border-bottom:1px dotted #c9e1ec; } table.style1 td strong {color:#779812;} table.style1 tr.alt td {background-color:#eaf5fa;} table.style1 td a {color:#016c90;} table.style1 td a:hover{text-decoration:none;} /* ------------------------------------------------------ =BREADCRUMBS ------------------------------------------------------*/ #bcrumb {height:18px; clear:both; margin-top:-10px; margin-left:12px;} #bcrumb ul {padding-left:10px;} #bcrumb ul li {display:inline; line-height:26px; font-family: Arial, Helvetica, sans-serif; color:#6fc8f6; font-size:0.9em ; background:none; text-transform:lowercase;} #bcrumb ul li span {margin-right:2px;} #bcrumb ul li em{font-style:normal; font-size:9px;} #bcrumb ul li a {color:#caedff; text-decoration:none;} #bcrumb ul li a:hover {color:#FFF;} /* ------------------------------------------------------ =IMAGERY -----------------------------------------------------*/ .r{float:right; margin:0px 0px 10px 10px;} .l{float:left; margin:0px 10px 10px 0px;} .imgRight {float:right; margin:0px 0px 10px 10px; position:relative; padding:3px; border:1px solid #d4e7f6;} .imgRight:hover {border-color:#a5c9e4;} .imgRight p { display:none; font-size:0.9em!important; color:#0b6fa0!important; font-style:normal; margin:0; padding:2px 2px 2px 4px; position:absolute; top:0px; left:0px; font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif; background:#d0e9f7; width:175px;} .imgRight{_padding-right:0px; _display:inline;} img.rack { margin-left:0px;} img.lif1 { position:absolute; top:165px; right:20px;} img.lif2 { position:absolute; top:420px; right:20px;} #content img.munster-logo {position:absolute; top:-35px; right:-10px;} img.trophy { position:absolute; top:305px; left:280px; z-index:100;} img.winner { float:right; margin-top:-50px; margin-right:20px;} img.players { position:absolute; top:298px; right:26px; z-index:101;} img.players2 { position:absolute; top:255px; right:46px; z-index:102;} /* ------------------------------------------------------ = LIST (UL) ------------------------------------------------------*/ #content ul.list {padding-bottom:10px; margin-top:10px; margin-left:10px;} #content ul.list li{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#393838; line-height:1.4em; padding-bottom:3px; background: url(/img/icons/dot.gif) no-repeat 0px 7px; padding-left:15px;} #content ul.list li strong {color:#d79631;} #content ul.list li a{text-decoration:underline; color:#d79631;} #content ul.list li a:hover{text-decoration:none;} /* ------------------------------------------------------ = TICK (UL) ------------------------------------------------------*/ #content ul.tick {margin-top:10px; margin-left:0px; background:#eef4f9; padding:10px 10px 7px 10px; margin-bottom:12px;} #content ul.tick li{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1.1em; color:#023a6a; line-height:1.4em; margin-bottom:6px; background: url(/img/icons/check.gif) no-repeat 0px 4px; padding-left:19px;} /* ------------------------------------------------------ = LIST (OL) -----------------------------------------------------*/ #content ol {padding-bottom:10px; margin-top:10px; margin-left:26px;} #content ol li{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#393838; line-height:1.4em; padding-bottom:3px; list-style:decimal;} #content ol li.letter {list-style:lower-alpha; padding-left:5px;} #content ol li a{text-decoration:underline; color:#d79631;} #content ol li a:hover{text-decoration:none;} /* ------------------------------------------------------ = SUBLIST -----------------------------------------------------*/ #content ul.sublist { margin-top:-10px; padding-left:20px; } #content ul.sublist li { padding-left:10px;} /* ------------------------------------------------------ = FEATURE WRAP -----------------------------------------------------*/ #content #wrap_top {background:transparent url(/img/bg/wrap-top.gif) no-repeat scroll 0 0; height:30px; margin-top:0; width:717px;} #content #wrap_bottom{background:transparent url(/img/bg/wrap-bottom.gif) no-repeat scroll 0 0; height:30px; margin-top:0; width:717px;} #content #wrap_centre{border-right: 1px solid #F1F2F2; border-left: 1px solid #F1F2F2; width: 715px;} #content .feature { width: 298px; margin: 0 42px 0 0; padding-top: 3px;} #content .feature img {padding: 3px; border: 1px solid #D9D9D9;} #content .leftmar {margin-left: 34px;} #content .feature h4 {color:#1e4486; line-height: 1em; font-size:16px; width:298px; margin-bottom:3px; font-weight: bold;} #content .feature span.highlight {color: #0B7DBC;} /* ------------------------------------------------------ = THREE COL LAYOUT -----------------------------------------------------*/ #content #three-col-layout {padding-top:15px;} #content #three-col-layout .intro{width:220px; float:left; margin-right:28px;} #content #three-col-layout .intro{padding:18px 0px;} #content #three-col-layout .intro img{margin-bottom:15px;} #content #three-col-layout .intro p{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#7ba2b6; font-style:italic; line-height:1.3em;} #content #three-col-layout .contact-holder { width:220px; float:left; margin-right:28px; } #content #three-col-layout #features{padding-top:15px; float:left; width:450px;} #content #three-col-layout #features .element{width:192px; padding:9px 9px 5px 9px; background:url(/img/bg/dot.gif) repeat-x bottom left; float:left; margin-right:25px; margin-bottom:12px; } #content #three-col-layout #features .element p.feature{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#0C5F9F; margin-bottom:3px;} #content #three-col-layout #features .element p.feature a{border-bottom:none;} #content #three-col-layout #features .element img{margin-bottom:8px;} #content #three-col-layout #features .element p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92;} #content #three-col-layout #features .element a{text-decoration:none;} #content #three-col-layout #features .element h3 a{color:#0567a6;} #content #three-col-layout #features .element h2.feature a{color:#0567a6;} #content #three-col-layout #features .bl-hover h2 a, #content #three-col-layout #features .bl-hover h3 a {color:#000 !important;} /* Put a border around the newly clickable element */ .bl-hot {zoom: 1; /* IE only */} .bl-hover {cursor: pointer; } .bl-hover a:link {color: #CC3333;} .bl-hover a:visited {color: #CC3333;} /* ------------------------------------------------------ = WATER COOLER SECTION -----------------------------------------------------*/ /* introduction */ span.gt { color: #00559f; font-size: 28px;} /* trial */ #content #trial-intro { padding-bottom: 20px; } #content #trial-phone { padding-bottom: 20px; } #content #trial-intro li{font-size: 13px; font-weight: bold;} #content #trial-phone #roi-phone {float: left; color: #00559f; font-size: 28px; } #content #trial-phone #ni-phone {float: left; color: #00559f; font-size: 28px; } #content #trial-phone #roi-phone span.prefix { font-size: 24px } #content #trial-phone #roi-phone span.area { font-size: 16px; color: #acb0ac;} #content #trial-phone #ni-phone{float: right; color: #00559f; font-size: 28px; } #content #trial-phone #ni-phone span.prefix { font-size: 24px; } #content #trial-phone #ni-phone span.area { font-size: 16px; color: #acb0ac;} #content #trial-order { background:url(/img/bg/box_b.gif) no-repeat;} #content #trial-order table{ margin-top:20px;} #content #trial-order table td{ color:#006fb4; font-size: 12px; font-weight: bold; text-align: right; padding-left: 25px; padding-bottom: 15px;} #content #trial-order table td input, select{ font-size: 14px; height:23px; width: 200px; border: solid 1px #c4e4f3;} /* ------------------------------------------------------ =H3 HEADINGS ------------------------------------------------------*/ #content h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#a3200d; font-size:1.6em; color:#0c5f9f; margin:5px 0px 8px 0px;} #content h3.business-heading{text-indent:-9000px; height:30px; background:url(/img/headings/business.gif) no-repeat bottom left; margin:0px 0px 10px 0px;} #content h3.home-heading{text-indent:-9000px; height:30px; background:url(/img/headings/home.gif) no-repeat bottom left; margin:10px 0px; clear:both;} #content h3.athome-heading{text-indent:-9000px; height:30px; background:url(/img/headings/bg-home.gif) no-repeat bottom left; margin:10px 0px; clear:both;} #content h3.occasions{text-indent:-9000px; height:30px; background:url(/img/headings/occasions.gif) no-repeat bottom left; margin:5px 0px 10px 0px; clear:both;} #content h3.lavazza{text-indent:-9000px; height:30px; background:url(/img/headings/lavazza.gif) no-repeat bottom left; margin:0px 0px 10px 0px; clear:both;} #content h3.distribution-depots{text-indent:-9000px; height:30px; background:url(/img/headings/distribution-depots.gif) no-repeat bottom left; margin:0px 0px 10px 0px; clear:both;} #content h3.lightly-sparkling{text-indent:-9000px; height:34px; background:url(/img/headings/lightly-sparkling.gif) no-repeat bottom left; margin:0px 0px 10px 0px;} #content h3.hint-of-fruit{text-indent:-9000px; height:34px; background:url(/img/headings/hint-of-fruit.gif) no-repeat bottom left; margin:0px 0px 10px 0px;} #content h3.packaging-sizes{text-indent:-9000px; height:34px; background:url(/img/headings/packaging-sizes.gif) no-repeat bottom left; margin:0px 0px 10px 0px;} .lb{float:left; margin:0px 10px 10px 0px; padding:4px; border:1px solid #e2e2e2;} #content p span.title{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; color:#0567a6;} #content .two-col{overflow:hidden;} .two-col .image{width:220px; float:left; display:inline;} .two-col .content{width:480px; float:left; display:inline; _width:410px;} .two-col .image h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#a3200d; margin-bottom:5px;} #content .two-col .image p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92; margin-right:15px;} #content .two-col .image p strong{color:#076098;} /* ------------------------------------------------------ =DOWNLOADS LIST ------------------------------------------------------*/ #content ul.downloads {margin: 2px 0 3px 0px; font-size:1.1em;} #content ul.downloads li { padding: 0 0 10px 23px; margin-bottom:0px; background: url(/img/icons/images_stack.gif) no-repeat top left; color:#e2e2e2;} #content ul.downloads li a{color:#608094; text-decoration:none;} #content ul.downloads li a:hover {color:#333;} /* ------------------------------------------------------ =FOUR COLUMN ------------------------------------------------------*/ #content .four-col .element{width:151px; float:left; margin-right:32px; margin-bottom:10px; display:inline;} #content .four-col .element a img{padding:3px; border:1px solid #d4e7f6;} #content .four-col .element a:hover img {border-color:#a5c9e4;} #content .four-col .element h3{font-family:Georgia, "Times New Roman", Times, serif; color:#a3200d; font-size:1.4em; color:#0c5f9f; margin:5px 0px 8px 0px;} #content .two-col h4{font-family:Georgia, "Times New Roman", Times, serif; color:#a3200d; font-size:1.2em; color:#0c5f9f; margin:5px 0px 8px 0px;} #content .four-col .element p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92;} #content .highlight{padding:10px 14px 2px 14px; background:#ffffe6 url(/img/bg/yellow-bg.jpg) repeat-x top left; border:1px solid #ffeaaf; margin-bottom:12px; } #content .highlight p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#302d2b; line-height:1.6em; position:relative; z-index:10; } #content .highlight p strong{color:#b22a00;} #content .highlight p a{color:#0c669a;} /* ------------------------------------------------------ =THREE COLUMN ------------------------------------------------------*/ #content .three-col .element{width:320px; float:left; margin-right:20px; margin-bottom:15px; margin-top:5px; display:inline;} #content .three-col .element a img{padding:3px; border:1px solid #d4e7f6;} #content .three-col .element a:hover img {border-color:#a5c9e4;} #content .three-col .element h3{font-family:Georgia, "Times New Roman", Times, serif; color:#a3200d; font-size:1.2em; color:#0c5f9f; margin:5px 0px 5px 0px;} #content .three-col .element p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92;} #content .three-col .element p strong{color:#336e9b;} #content .highlight{padding:10px 14px 2px 14px; background:#ffffe6 url(/img/bg/yellow-bg.jpg) repeat-x top left; border:1px solid #ffeaaf; margin-bottom:12px;} #content .highlight p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#302d2b; line-height:1.6em;} #content .highlight p strong{color:#b22a00;} #content .highlight p a{color:#0c669a;} /* ------------------------------------------------------ =SPORTS EVENTS ------------------------------------------------------*/ .panel a span {text-decoration:none!important;} #content .panel a{text-decoration:none !important;} .panel {background:#deeef6; padding:10px 10px 2px 10px; /*-moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px;*/ width:320px; float:left; margin-right:20px;} .panel:hover {cursor:pointer;} .last-panel {margin-right:0px;} .panel img {margin: 0 0 10px 0;} #content .panel p {margin-top: 0px; line-height:1.4em; font-size:1.1em;} .panel h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#0567a6; margin-bottom:0px; border-bottom:1px solid #c2d7e2; padding-bottom:7px;} #panel-wrap {width:709px; margin-top:5px; margin-bottom:10px; _padding-top:10px;} img.sport-buttons {margin-top:10px; margin-right:14px;} .panel-link a:hover {background-color: #ffd53a; cursor:pointer;} .panel-link {position: absolute;} .panel h2 {color:#1e4487; font-family: Arial, Verdana, serif; line-height: 1em; font-size:24px; width:300px; margin-bottom:0px;} .panel h2 a { color: #0567a6; text-decoration: none; } .panel h2 a:link { color: #0567a6; } .panel h2 a:hover { color: #0d8ed6; } /* ------------------------------------------------------ =ORDER NOW BLOCKS ------------------------------------------------------*/ #block_1 {width:511px; padding-left:200px; position:relative; } #block_1 img.cooler {position:absolute; top:0px; left:10px;} #block_2 { width:511px; padding-left:200px; background: url(/img/bg/form-bg.gif) no-repeat; } #block_3 {background: url(/img/bg/form-bg.gif) no-repeat; padding-left:15px;} /* ------------------------------------------------------ =MAP ------------------------------------------------------*/ #map-markers{float:left; width:200px; font-family:Tahoma, Arial, serif; color:#302d2b;} #map-markers h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#7ba2b6; font-style:italic; line-height:1.3em; margin-bottom:12px;} #map-markers .line { height:1px; width:200px; background:#ddd;} #map-markers p span { font-size:14px; line-height:20px; background:url(../img/icons/phone.gif) no-repeat; padding-left:20px;} #map-markers p span.email { font-size:12px; background-image:url(../img/icons/email.gif); background-position: 0 3px; } #map-markers p a { border:none;} #map-markers p a:hover { color:#0075BA;} #side_bar{font-size:1.2em; line-height:1.5em;} #side_bar a{color:#044877; display:block; border-bottom:1px solid #eee; padding-bottom:8px; margin-bottom:-14px; font-size:0.9em;} #map-markers p{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92;} #map-markers p strong{color:#044877;} #map-markers p a{color:#044877;} #map{float:right; width:550px;} #map{font-family:Tahoma, Arial, serif; font-size:1.1em; color:#627f92;} #map b{color:#0e66a4; line-height:1.5em;} /* ------------------------------------------------------ =NEWS ------------------------------------------------------*/ #content .news {float:left; padding-bottom:20px; margin-bottom:15px; background:url(/img/bg/dot.gif) repeat-x bottom left;} #content .news .news-pic {float:left; width:145px; margin-right:20px; height:92px;} #content .news-pic a img{ padding:3px; border:1px solid #d4e7f6;} #content .news-pic a:hover img{border-color:#a5c9e4;} #content .news .news-info {float:left; width:500px; margin-top:-6px;} #content .news .news-info h3 a {text-decoration:underline; color:#3293C0!important;} #content .news .news-info h3 a:hover {text-decoration:none;} #content .news-info p span.date {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; line-height:1.5em;} #content .news .news-info p { font-size:1.2em;} #content p.newsdate {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; line-height:1.5em;} #content p.desc {font-family:Georgia, "Times New Roman", Times, serif; color:#3293C0; font-size:1.4em;} /* ---------------------------------------------------------------- P A G I N A T I O N ---------------------------------------------------------------- */ .pagination{padding: 5px 0px;} .pagination ul{margin: 0; padding: 0; text-align: left; font-size: 11px; } .pagination li{list-style-type: none; display: inline; padding-bottom: 1px; } .pagination a, .pagination a:visited{padding: 3px 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{border: 1px solid #0b4e9e; color: #000; } .pagination a.currentpage{background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover{background-color: white; cursor: default; color: #929292; border-color: #ccc; font-weight: normal !important;} .pagination a.prevnext{font-weight: bold; } /* ------------------------------------------------------ =E-GREETINGS ETC ------------------------------------------------------*/ #content #banner-wrap #form{width:460px; float:left; background:#e1f1f9 url(/img/bg/radial.jpg) no-repeat 40px -10px; margin-top:-80px; position:relative; z-index:10; margin-right:15px; padding:20px 20px 0px 20px; display:inline; border-right:1px solid #b2cfde; border-bottom:1px solid #c5e2f0; min-height:300px; _height:300px;} #content #banner-wrap #form h2{font-size:30px; display:inline; width:400px;} #banner-wrap #form p em{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#4d7387; line-height:1.4em;} #content #banner-wrap #details{width:190px; float:left;} #content #banner-wrap #details-thank {width:190px; float:right;} #content #banner-wrap .item {margin-bottom:17px;} #content #banner-wrap .item p{margin-bottom:5px;} #content #banner-wrap .item .icon{width:50px; float:left; margin-right:5px;} #content #banner-wrap .item .info{float:left; width:130px; font-size:0.9em; color:#48494a;} #content #banner-wrap .item .info img{margin-bottom:2px;} #content #banner-wrap .item a{color:#0e85bf; border-bottom:1px solid #d0e6f1;} #content #banner-wrap .item a:hover{text-decoration:none; color:#095a82; } /* ------------------------------------------------------ =CAPTCHA ------------------------------------------------------*/ table.captcha tr td { width:380px; border:none;} table.captcha td input.text { width:40%!important; margin-left:-11px;} a.newCode { color:#0e85bf; border-bottom:1px solid #d0e6f1; text-decoration:none; font-size:1.1em; margin-left:10px; background:url(/img/icons/arrow_refresh_small.gif) no-repeat; padding-left:20px; } a.newCode:hover { color:#095a82; } /* ------------------------------------------------------ =MESSAGE BOARD ------------------------------------------------------*/ #messages-banner{background:url(/img/bg/message-board.png) no-repeat top right; height:148px; margin-top:-40px; padding-top:40px; position:relative; z-index:10;} #messages-marathon-banner{background:url(/img/bg/marathon-message-board.png) no-repeat top right; height:148px; margin-top:-40px; padding-top:40px; position:relative; z-index:10;} #messages-banner p, #messages-marathon-banner p{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; color:#4d7387; line-height:1.4em; font-style:italic; width:400px;} #messages-banner p.link, #messages-marathon-banner p.link{padding-left:24px; background:url(/img/icons/pencil.jpg) no-repeat 0px 4px;} #messages-banner p a, #messages-marathon-banner p a{font-style:normal; border-bottom:1px solid #d0e6f1; } #messages-banner p a:hover, #messages-marathon-banner p a:hover{text-decoration:none; color:#095a82; font-family:} #messages table td.writer{ width:180px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #messages table td.writer span{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-transform:uppercase; color:#999; font-style:normal;} #messages table td{ padding:16px 10px 33px 0px; font-size:1.2em; line-height:1.4em; vertical-align:top;} /* ------------------------------------------------------ =COMPOSITION ------------------------------------------------------*/ #content .two-feature{width:219px; float:left; font-size:0.9em; color:#666; margin-right:2px; margin-bottom:12px; background-position:0px 5px;} #content .two-feature p{color:#666; margin-right:20px;}.two-feature strong{color:#333;} .calcium{background:url(/img/icons/calcium.jpg) no-repeat; padding-left:100px;} .magnesium{background:url(/img/icons/magnesium.jpg) no-repeat; padding-left:90px;} .potassium{background:url(/img/icons/potassium.jpg) no-repeat; padding-left:100px;} .sodium{background:url(/img/icons/sodium.jpg) no-repeat; padding-left:90px; width:270px !important;} .sodium p{margin-right:0px !important;} .bicarbonates{background:url(/img/icons/bicarbonates.jpg) no-repeat; padding-left:100px; } /* ------------------------------------------------------ =QUOTES ------------------------------------------------------*/ span.pullquote{width:250px; float:right; margin:0px 0px 10px 25px; font-size:1.8em; font-family:Georgia, arial, serif; font-style:italic;} span.pullquote em{font-size:.6em; padding-top:10px; display:block; border-top:3px double #eee; margin-top:10px; color:#666;} /* ------------------------------------------------------ =MUNSTER LANDING BANNER ------------------------------------------------------*/ #content img.munster-landing{margin:5px 0px 10px 0px; position:relative; z-index:10;} /* ------------------------------------------------------ =TOOLTIPS ------------------------------------------------------*/ #Map{position:relative;} #tooltip {position: absolute; z-index: 3000; border: 2px solid #e8d995; background-color: #ffffcc; padding: 10px; opacity: 0.85; top:0px; left:0px; font-size:1.2em; line-height:1.4em; text-align:left; width:200px; } #tooltip h3, #tooltip div { margin: 0; } /* ------------------------------------------------------ =WALLPAPERS ------------------------------------------------------*/ .three-col .element ul.sizes li{display:inline; margin-right:10px; background:url(/img/icons/tiny_pic.jpg) no-repeat 0px 2px; padding-left:13px; font-family:Lucida Grande, Lucida Sans, Arial, serif;} .three-col .element ul.sizes li a{text-decoration:none; color:#999;} .three-col .element ul.sizes li a:hover{color:#333;} /* ------------------------------------------------------ =HOME FOOTER ------------------------------------------------------*/ #footer-home{clear:both; font-size:1.1em; width:960px; margin-left:auto; margin-right:auto; position:relative; padding-top:15px; padding-bottom:10px; background:url(/img/bg/footer-bg-home.png) no-repeat top right;} #footer-home ul li{display:inline; color:#5c9bbb;} #footer-home ul li.copyright{margin-right:440px; margin-left:20px;} #footer-home ul li a, #footer ul li a:visited{text-decoration:none; color:#236485; } #footer-home ul li a:hover{color:#fff;} /* ------------------------------------------------------ =FOOTER ------------------------------------------------------*/ #footer{clear:both; font-size:1.1em; width:960px; margin-left:auto; margin-right:auto; position:relative; padding-top:15px; background:url(/img/bg/footer-bg.png) no-repeat top right; padding-bottom:10px;} #footer ul li{display:inline; color:#5c9bbb;} #footer ul li.copyright{margin-right:440px; margin-left:20px; } #footer ul li a, #footer ul li a:visited{text-decoration:none; color:#236485;} #footer ul li a:hover{color:#fff;}