/* Let's begin by resetting everything. Thanks, Eric Meyer! */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, strong, u, em, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* CSS Document */ body { font: 80% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background-color: #006f45; color: #333; line-height: 1; } a { text-decoration: none; color: #333; outline: none; } a:hover { text-decoration: underline; color: #999; } #container { width: 966px; margin: 0 auto; padding: 0px; background-color:#faa719 } #inner_wrap { width: 966px; background-color:#faa719 } /* HEADER */ #header { text-align: left; background-color:#FFF } #header h1 a { height: 405px; width: 551px; float: left; background: url(/media/images/shape_up_h1.gif) no-repeat; text-indent: -9999px; } #advert_banner { height: 137px; width: 377px; float: right; padding: 0 38px 0 0; } /* --- NAV --- */ #nav ul { float: left; width: 377px; margin-top: 14px; } * html #nav ul { margin-top: 5px; } #nav li a { text-indent: -9999px; width: 377px; display: block; } #nav li.home a { background: url(/media/images/nav/nav_home.gif) no-repeat 0px 0px; height: 46px; } #nav li.home a.current, #nav li.home a.current:hover { background: url(/media/images/nav/nav_home.gif) no-repeat 0px -52px; } #nav li.home a:hover { background: url(/media/images/nav/nav_home.gif) no-repeat 0px -52px; } #nav li.easy_steps a { background: url(/media/images/nav/nav_1.gif) no-repeat 0px 0px; height: 40px; } #nav li.easy_steps a.current, #nav li.easy_steps a.current:hover { background: url(/media/images/nav/nav_1.gif) no-repeat 0px -42px; } #nav li.easy_steps a:hover { background: url(/media/images/nav/nav_1.gif) no-repeat 0px -42px; } #nav li.health_kit a { background: url(/media/images/nav/nav_2.gif) no-repeat 0px 0px; height: 40px; } #nav li.health_kit a.current, #nav li.health_kit a.current:hover { background: url(/media/images/nav/nav_2.gif) no-repeat 0px -42px; } #nav li.health_kit a:hover { background: url(/media/images/nav/nav_2.gif) no-repeat 0px -42px; } #nav li.vet_advice a { background: url(/media/images/nav/nav_3.gif) no-repeat 0px 0px; height: 40px; } #nav li.vet_advice a.current, #nav li.vet_advice a.current:hover { background: url(/media/images/nav/nav_3.gif) no-repeat 0px -42px; } #nav li.vet_advice a:hover { background: url(/media/images/nav/nav_3.gif) no-repeat 0px -42px; } #nav li.tried_5aday a { background: url(/media/images/nav/nav_4.gif) no-repeat 0px 0px; height: 40px; } #nav li.tried_5aday a.current, #nav li.tried_5aday a.current:hover { background: url(/media/images/nav/nav_4.gif) no-repeat 0px -42px; } #nav li.tried_5aday a:hover { background: url(/media/images/nav/nav_4.gif) no-repeat 0px -42px; } #nav li.cont a { background: url(/media/images/nav/nav_5.gif) no-repeat 0px 0px; height: 46px; } #nav li.cont a.current, #nav li.cont a.current:hover { background: url(/media/images/nav/nav_5.gif) no-repeat 0px -50px; } #nav li.cont a:hover { background: url(/media/images/nav/nav_5.gif) no-repeat 0px -50px; } /* MAIN LAYOUT */ #content { background: #faa61a url(/media/images/main_background.jpg) no-repeat; height: 580px; clear: both; } #content_long { background: #faa61a url(/media/images/main_background_long.jpg) no-repeat; height: 783px; clear: both; } /* SLIDER CONTENT */ #slider_outer { position: relative; top: 47px; left: 376px;} #content #slider_wrap { width: 520px; height: 370px; } #content_long #slider_wrap { width: 520px; height: 700px; } .slider_image { height:370px; width:110px; float:left; } #content .slider_text, #content .slider_text_full, #content .health_slider_text { font-size:1.1em; line-height:1.3em; font-weight:bold; height:370px; margin-left:10px; float: right; } #content .slider_text { width:380px; } #content .slider_text_full { width:520px; } #content .slider_text ol { padding-left:20px; color: green; list-style-type: decimal; list-style-position:outside;} #content .slider_text ol li p { color: black; margin: 0; padding: 7px; } #content_long .slider_text, #content_long .slider_text_small { font-size:1.1em; line-height:1.3em; font-weight:bold; width:520px; letter-spacing:-0.5px; } #content_long .sub_heading { margin-bottom:10px; } #content_long .slider_text p, #content .slider_text p, #content .slider_text_full p, #content_long .slider_text_small p { color: black; margin: 0; padding: 7px; } #content_long .slider_text_small { font-size:1.0em; font-weight:normal;} #content_long .five_aday { } #content_long .five_aday hr { color: #ccc; background-color: #ccc; height: 1px; size: 1px; margin: 0; padding: 0; } #content_long .five_aday_img { width:110px; float:left; padding-left:5px; float:right; } #content .slider_bull { font-size:1.1em; line-height:1.3em; font-weight:bold; width:520px; margin-left:10px; float:right; } #content .slider_bull ol { padding-left:20px; color: green; list-style-type: decimal; list-style-position:outside;} #content .slider_bull ol li p { color: black; margin: 0; padding: 7px; } #content_long .slider_bull { font-size:1.1em; line-height:1.3em; font-weight:bold; width:332px; margin-left:10px; float:right; } #content_long .slider_bull ol { padding-left:20px; color: green; list-style-type: decimal; list-style-position:outside;} #content_long .slider_bull ol li p { color: black; margin: 0; padding: 7px; } #content_long .download_item_wrap { width:120px; float:left; padding-right:10px; text-align:center; } #content_long .download_item_wrap p a { font-weight:normal; line-height:normal; color:#006f45; } #content_long .download_item_wrap a:hover { text-decoration:underline; color:#a72c32; } #content_long .download_mobile_wrap { width:90px; float:left; padding-right:14px; text-align:center; } #content_long .download_mobile_wrap p a { font-weight:normal; line-height:normal; color:#006f45; } #content_long .download_mobile_wrap a:hover { text-decoration:underline; color:#a72c32;} #content_long .download_item_wrap img { border:1px solid #CCC; } #content_long .download_mobile_wrap img { border:1px solid #CCC; } #content_long .download_group_wrap { padding-bottom:12px; } .health_kit_bag_image { float:left; } .vet_image { float:left; padding-left:5px; } .bluecross_logo { padding-top:5px; } #slider_tabs { position: relative; top: 40px; left: 20px; height: 112px; width: 520px; } /* --- SLIDER --- */ .button1, .button2, .button3, .button4, .button5 { width: 98px; height: 111px; text-indent: -9999px; display: block; float: left; margin-right: 3px; cursor: pointer; } .button1 { background: url(/media/images/tab_selectors/tab_1_off.png) no-repeat; } #myController span.jFlowSelected a.button1, #myController #button1 a.current, a.button1:hover { background: url(/media/images/tab_selectors/tab_1_on.png) no-repeat; } .button2 { background: url(/media/images/tab_selectors/tab_2_off.png) no-repeat; } #myController span.jFlowSelected a.button2, #myController #button2 a.current, a.button2:hover { background: url(/media/images/tab_selectors/tab_2_on.png) no-repeat; } .button3 { background: url(/media/images/tab_selectors/tab_3_off.png) no-repeat; } #myController span.jFlowSelected a.button3, #myController #button3 a.current, a.button3:hover { background: url(/media/images/tab_selectors/tab_3_on.png) no-repeat; } .button4 { background: url(/media/images/tab_selectors/tab_4_off.png) no-repeat; } #myController span.jFlowSelected a.button4, #myController #button4 a.current, a.button4:hover { background: url(/media/images/tab_selectors/tab_4_on.png) no-repeat; } .button5 { background: url(/media/images/tab_selectors/tab_5_off.png) no-repeat; } #myController span.jFlowSelected a.button5, #myController #button5 a.current, a.button5:hover { background: url(/media/images/tab_selectors/tab_5_on.png) no-repeat; } /* --- HEALTH SLIDER --- */ .health_slider_text { width: 303px; float: right; font-size: 0.9em!important; } .health_slider_text p { margin: 5px 0; } img.health_img { width: 207px; float: left; } .hbutton1, .hbutton2, .hbutton3, .hbutton4, .hbutton5 { width: 98px; height: 111px; text-indent: -9999px; display: block; float: left; margin-right: 3px; cursor: pointer; } .hbutton1 { background: url(/media/images/health_tab_selectors/tab_1_off.png) no-repeat; } #myController span.jFlowSelected a.hbutton1, #myController #hbutton1 a.current, a.hbutton1:hover { background: url(/media/images/health_tab_selectors/tab_1_on.png) no-repeat; } .hbutton2 { background: url(/media/images/health_tab_selectors/tab_2_off.png) no-repeat; } #myController span.jFlowSelected a.hbutton2, #myController #hbutton2 a.current, a.hbutton2:hover { background: url(/media/images/health_tab_selectors/tab_2_on.png) no-repeat; } .hbutton3 { background: url(/media/images/health_tab_selectors/tab_3_off.png) no-repeat; } #myController span.jFlowSelected a.hbutton3, #myController #hbutton3 a.current, a.hbutton3:hover { background: url(/media/images/health_tab_selectors/tab_3_on.png) no-repeat; } .hbutton4 { background: url(/media/images/health_tab_selectors/tab_4_off.png) no-repeat; } #myController span.jFlowSelected a.hbutton4, #myController #hbutton4 a.current, a.hbutton4:hover { background: url(/media/images/health_tab_selectors/tab_4_on.png) no-repeat; } .hbutton5 { background: url(/media/images/health_tab_selectors/tab_5_off.png) no-repeat; } #myController span.jFlowSelected a.hbutton5, #myController #hbutton5 a.current, a.hbutton5:hover { background: url(/media/images/health_tab_selectors/tab_5_on.png) no-repeat; } /* --- HEALTH SLIDER EXTERNAL LINKS --- */ .linkbtn1, .linkbtn2, .linkbtn3, .linkbtn4, .linkbtn5 { height: 35px; width: 303px; text-indent: -9999px; display: block; position: absolute; bottom: 4px; float: left; margin-right: 0px; cursor: pointer; } .linkbtn1 { background: url(/media/images/health_links/linkbtn1_off.png) no-repeat; } a.linkbtn1:hover { background: url(/media/images/health_links/linkbtn1_on.png) no-repeat; } .linkbtn2 { background: url(/media/images/health_links/linkbtn2_off.png) no-repeat; } a.linkbtn2:hover { background: url(/media/images/health_links/linkbtn2_on.png) no-repeat; } .linkbtn3 { background: url(/media/images/health_links/linkbtn3_off.png) no-repeat; } a.linkbtn3:hover { background: url(/media/images/health_links/linkbtn3_on.png) no-repeat; } .linkbtn4 { background: url(/media/images/health_links/linkbtn4_off.png) no-repeat; } a.linkbtn4:hover { background: url(/media/images/health_links/linkbtn4_on.png) no-repeat; } .linkbtn5 { background: url(/media/images/health_links/linkbtn5_off.png) no-repeat; } a.linkbtn5:hover { background: url(/media/images/health_links/linkbtn5_on.png) no-repeat; } /* FOOTER */ #footer { padding-top: 20px; margin: 0 38px 0 38px;} #footer p { margin-top:5px; } #footer a { color:#FFF; font-weight: bold; line-height:1.3em;} #footer_boxes_wrap { background-repeat: repeat-y; margin-bottom: 20px; background-image: url(/media/images/footer_divider_old.gif); line-height:1.3em;} #footer_l { width:280px; float:left; margin-right: 10px; padding-left:0px; } #footer_l a { width: 280px; height: 64px; background: url(/media/images/facebook.gif) no-repeat; display: block; text-indent: -9999px; } #footer_ltestim a { width: 280px; height: 130px; background: url(/media/images/testim_mmh.gif) no-repeat; display: block; text-indent: -9999px; } #footer_c { width:290px; float:left; margin-right: 10px; padding-left:10px; } .footer_c_text { width:161px; margin-top:5px; float:left; } .footer_bag_image { float:left; } /*#footer_c { width:280px; float:left; margin: 0 10px 0 10px; } .footer_c_text { margin-top:5px; }*/ #footer_r { width:280px; float:left; margin-left:10px; } .footer_r_text { width:280px; margin-top:5px; float:left; } .copyright { border-top: 2px solid #b9462d; font: 75% Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 5px 0 20px 0; } /* MISC */ .cleardiv { clear: both; }