/* Css Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;} table{ border-collapse:collapse;border-spacing:0;} fieldset,img{ border:0;} ol,ul,li{ list-style:none; list-style-position:outside; text-decoration:none;} a img{ border:0;} /* Generic Styling */ a{ color:#48b4c0; text-decoration:underline;} a:hover{ color:#1b7b86;} body{ font-size:12px; background:#036c8b url(../images/body_bg.gif) top repeat-x; color:#7b7c7e; padding-bottom:70px; font-family:Arial, Helvetica, sans-serif;} /*header*/ #header{ width:960px; height:176px; overflow:hidden; margin:0 auto; background:url(../images/head_bg.gif) bottom repeat-x;} #header .h1{ float:left; width:204px;} #header .head_img{ float:left; width:552px;} #header .call_panel{ float:left; width:164px; margin:0 0 0 20px;} #header .call_panel p.call_num{ margin-top:22px;} #header .call_panel p.call_you{ width:130px; margin:6px auto 8px; color:#18abc7; text-align:center;} #header .call_panel .call_back{ width:164px; height:20px; background:url(../images/call_back_bg.gif) no-repeat;} #header .call_panel .call_back input.textbox { float:left; width:132px; margin:3px 0 0 6px; border:0; background:transparent;} #header .call_panel .call_back input.submitbox { float:left; width:18px; height:16px; margin:2px 0 0 6px;; text-indent:-9999px; overflow:hidden; border:none; background:none; cursor:pointer; } .wrapper{width:1000px; margin:0 auto; overflow:hidden; background:url(../images/shadow_middle.png);} .wrapper_inside{ width:960px; padding:0 20px; overflow:hidden; background:url(../images/shadow_bottom.gif) bottom no-repeat;} /*content*/ #content{ width:100%; overflow:hidden; background:#fff url(../images/content_top_shadow.gif) top repeat-x;} .content_inside{ width:100%; background:url(../images/content_dot_line.gif) 204px top repeat-y;} .content_inside2{ width:100%; background:url(../images/logo_tenovus.gif) left bottom no-repeat; overflow:hidden;} .sidebar{ float:left; width:204px; margin-top:20px; padding-bottom:250px;} #navigation{ width:100%; overflow:hidden; padding-top:2px;} #navigation li{ float:left; width:100%; overflow:hidden; font-size:14px; position:relative; z-index:1;} #navigation li a{ float:left; width:100%; height:30px; line-height:30px; text-indent:20px; text-decoration:none; color:#58585a;} #navigation li.on{ z-index:2; top:-2px; background:url(../images/nav_on.gif);} #navigation li.on a{ height:32px; line-height:32px; font-weight:bold; color:#18abc7;} .main_content{ float:left; width:754px; margin-left:2px;} .main_content .content{ float:left; width:550px; margin-top:32px;} .content .intro_services{ width:100%; overflow:hidden; background:url(../images/dot_hori.gif) bottom repeat-x; padding-bottom:20px;} .intro_services .home_intro{ float:left; width:325px; display:inline; margin:0 0 0 20px; color:#18abc7;} .intro_services .home_intro h2{ font-size:16px; color:#047391; line-height:120%; margin-bottom:10px;} .intro_services .home_intro p{ line-height:130%; margin-bottom:8px; font-size:13px;} .intro_services .home_services{ float:right; width:165px; font-size:14px; font-weight:bold; color:#047391; position:relative; left:-3px;} .intro_services .home_services h3{ color:#18abc7; text-indent:14px; font-size:18px; margin-bottom:10px;} .intro_services .home_services li{ padding:0 7px 0 14px; margin-bottom:6px; background:url(../images/dot_green.gif) 3px 10px no-repeat; line-height:130%;} .content .further_intro{ width:100%; overflow:hidden; background:url(../images/further_intro_bg.gif) 182px 0 repeat-y; padding-bottom:20px; height: 420px;} .further_intro h3{ width:148px; margin:0 auto; line-height:240%; font-size:16px; color:#18abc7;} .further_intro p{ width:148px; margin:0 auto;} .further_intro .benefits{ float:left; width:184px;} .further_intro .benefits h3{ width:100%; text-indent:22px; margin-top:10px;} .further_intro .benefits ul{ width:150px; margin:0 auto;} .further_intro .benefits li{ padding-left:8px; line-height:125%; margin-bottom:9px; background:url(../images/dot_grey.gif) left 5px no-repeat;} .further_intro .did_you_know{ float:left; width:184px; padding-top:180px; background:url(../images/icon_did_you_know.gif) 1px 1px no-repeat;} .further_intro .recycled_bottles{ float:left; width:182px; padding-top:180px; background:url(../images/icon_recycled_bottle.gif) 1px 1px no-repeat;} .further_intro .recycled_bottles h3{ color:#4e8f2d;} .further_intro .recycled_bottles p.more{ margin-top:8px;} .further_intro .recycled_bottles p.more a{ color:#4e8f2d;} .main_content .content_sidebar{ float:right; width:202px; margin-top:22px;} .content_sidebar .side_section{ width:164px; padding:0 20px 12px 18px;} .content_sidebar .side_section h3{ line-height:250%; font-size:16px;} .content_sidebar .side_section .single_post{ margin-bottom:19px;} .content_sidebar .side_section p{ line-height:134%;} .content_sidebar .side_section p.more{ margin-top:5px;} .content_sidebar .section0{ color:#18abc7; background:url(../images/dot_hori.gif) bottom repeat-x;} .content_sidebar .section0 h3{ color:#18abc7;} .content_sidebar .section0 p.more a{ color:#18abc7;} .content_sidebar .section1{ color:#81a413; background:url(../images/dot_hori.gif) bottom repeat-x;} .content_sidebar .section1 h3{ color:#4e8f2d;} .content_sidebar .section1 p.more a{ color:#81a413;} .content_sidebar .section2{ color:#18abc7; padding-top:7px;} .content_sidebar .section2 h3{ color:#18abc7;} .content_sidebar .section2 p.more a{ color:#18abc7;} /*for mains fed systems page*/ .main_content .delivery_content{ float:left; width:750px; background:url(../images/dot_vert_green.gif) 182px top repeat-y; padding-bottom:40px;} .delivery_content .delivery_aspects{ float:left; width:184px; margin-top:20px;} .delivery_content .delivery_aspects h3{ width:130px; margin:10px 0 0 19px; font-size:16px; color:#1ea0d4;} .deliv {padding-left:17px; padding-top:6px;} /*for mains fed systems page*/ .main_content .fed_content{ float:left; width:550px; background:url(../images/dot_vert_green.gif) 182px top repeat-y; padding-bottom:40px;} .fed_content .fed_aspects{ float:left; width:184px; margin-top:20px;} .fed_content .fed_aspects h3{ width:130px; margin:10px 0 0 19px; font-size:16px; color:#1ea0d4;} .fed_content .fed_aspects ul{ width:150px; margin:9px auto 23px;} .fed_content .fed_aspects ul li{ padding-left:8px; line-height:125%; margin-bottom:9px; background:url(../images/dot_grey.gif) left 5px no-repeat;} .fed_content .fed_aspects p{ margin:10px 25px 4px 25px;} .fed_content .fed_cooler{ float:left; width:360px; margin-top:20px;} .fed_cooler h3{ float:left; width:130px; margin:10px 0 0 0; font-size:16px; color:#1ea0d4;} .fed_cooler ul{ float:left; width:144px; margin:9px 0 15px 0;} .fed_cooler ul li{ padding-left:8px; line-height:125%; margin-bottom:9px; background:url(../images/dot_grey.gif) left 5px no-repeat;} .fed_cooler .mogul_cooler{ width:340px; padding-left:17px; overflow:hidden; margin-bottom:10px; background:url(../images/dot_hori_green.gif) bottom repeat-x;} .fed_cooler .emax_cooler{ width:340px; padding-left:17px; overflow:hidden;} .fed_cooler .cooler_img{ float:right; width:165px; margin-top:10px;} /*for contact page*/ .main_content .contact_content{ float:left; width:550px; ; padding-bottom:40px;} .contact_content .contact_aspects{ float:left; width:184px; margin-top:20px;} .contact_content .contact_aspects h3{ width:130px; margin:10px 0 0 19px; font-size:16px; color:#1ea0d4;} .contact_content .contact_aspects ul{ width:150px; margin:9px auto 23px;} .contact_content .contact_aspects ul li{ padding-left:8px; line-height:125%; margin-bottom:9px; background:url(../images/dot_grey.gif) left 5px no-repeat;} .contact_content .contact_aspects p{ margin:10px 25px 4px 25px;} .contact_content .contact_map{ float:left; width:360px; margin-top:20px;} .contact_map ul{ float:left; width:144px; margin:9px 0 15px 0;} /*for bottled systems page*/ .main_content .bottled_content{ float:left; width:550px; padding-bottom:40px;} .bottled_content h3{ margin:31px 0 20px 19px; font-size:16px; color:#1ea0d4;} .bottled_cooler_holder{ width:100%; overflow:hidden; background:url(../images/bottled_cooler_bg.gif) 182px 0 repeat-y;} .bottled_cooler_holder .single_cooler{ float:left; width:183px; height:545px; position:relative; left:2px; padding-top:20px; background:url(../images/dot_hori_green.gif) top repeat-x;} .bottled_cooler_holder .single_cooler .cooler_img{ text-align:center;} .bottled_cooler_holder .single_cooler h4{ font-size:16px; color:#1ea0d4; width:140px; margin:15px auto 10px;} .bottled_cooler_holder .single_cooler ul{width:145px; margin:9px auto 23px;} .bottled_cooler_holder .single_cooler ul li{padding-left:8px; line-height:125%; margin-bottom:9px; background:url(../images/dot_grey.gif) left 5px no-repeat;} /*for in-cup drinks page*/ #content.in_cup_drinks .content_inside{ background:url(../images/dot_vert.gif) 204px top repeat-y;} #content.in_cup_drinks .main_content{ margin-top:15px; margin-bottom:15px; background:url(../images/dot_vert_green.gif) 367px top repeat-y;} .in_cup_txt{ float:left; width:348px; padding-left:19px; height:223px; padding-top:17px; background:url(../images/dot_hori_green.gif) bottom repeat-x;} .in_cup_txt h3{ font-size:16px; color:#18abc7;} .in_cup_txt ul{ margin:8px 0 10px 0;} .in_cup_txt ul li{ padding-left:8px; line-height:200%; background:url(../images/dot_grey.gif) left 10px no-repeat;} .in_cup_img{ float:left; width:364px; height:220px; padding-top:20px; padding-left:20px; background:url(../images/dot_hori_green.gif) bottom repeat-x;} .product_holder1{ float:left; width:367px; padding-top:8px;} .product_holder2{ float:left; width:384px; padding-top:8px;} .row{ width:100%; overflow:hidden; line-height:130%; margin:10px 0;} .row p{ color:#70cadf; padding-left:18px;} .row .col1 strong, .row .col2 strong, .row .col3 strong{ font-size:13px; color:#18abc7;} .col1{ float:left; width:130px; display:inline; margin:0 45px 0 20px;} .col2{ float:left; width:55px; display:inline; margin:0 22px 0 0; text-align:center;} .col3{ float:left; width:65px; display:inline; margin:0 0 0 0; text-align:center;} /*for about us page*/ .about_us_img{ width:512px; margin:0 auto 20px;} .about_us{ width:100%; overflow:hidden; padding-bottom:20px; background:url(../images/about_us_dot.gif) 182px 0 repeat-y;} .about_us .about_section{ float:left; margin-right:2px; width:146px; padding:0 17px 0 18px;} .about_us .about_section h3{ font-size:16px; margin-bottom:12px; color:#26a9c5;} .about_us .about_section p{ margin-bottom:10px; line-height:130%;} .about_us .about_section p.para_img{ margin-top:18px;} /*for testimonials page*/ .testi {padding-bottom: 14px;} /*for enviro page*/ .enviro{ width:100%; overflow:hidden; padding-bottom:20px;} .enviro_section{ float:left; margin-right:2px; width:490px; padding:0 10px 0 18px;} .enviro .enviro_section h3{ font-size:16px; margin-bottom:12px; color:#26a9c5;} #footer{ width:960px; margin:0 auto 20px; background:#65c6dc url(../images/footer_bg.gif) repeat-x; font-size:11px; color:#fff;} #footer .footer_inside{ width:100%; height:125px; overflow:hidden; background:url(../images/footer_dot_line.gif) 204px top repeat-y;} #footer a{ color:#fff; text-decoration:none;} #footer a:hover{ color:#eaeaea;} #footer .footer_logo{ float:left; width:204px;} #footer .footer_logo img{ float:left; width:173px; display:inline; margin:26px 19px 0 12px;} #footer .footer_links{ float:left; width:514px; margin:20px 0 0 20px;} #footer .footer_links ul{ float:left; width:296px; margin-top:25px; position:relative; left:-4px;} #footer .footer_links ul li{ display:inline;} #footer .footer_links ul li a{ padding:0 4px;} #footer .footer_links p{ float:right; margin-top:55px;} #footer .footer_contact_info{ float:left; width:165px; margin:16px 0 0 40px;} #footer .footer_contact_info li.tel{ margin-top:4px;}