/* standard */ .htcPNG { behavior: url(/App_Themes/Default/js/iepngfix.htc) } body, html, form { margin: 0; padding: 0; height: 100%; } body, html, form, input, select { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 12px; color:#4f4d49; line-height: 145% } body { background-color: #caa16e } a img { border: 0 } a { outline: none; text-decoration: none; color: #2f333e } a:hover { color: #e59839 } p { margin-bottom: 8px; margin-top: 8px } .overflow { overflow: hidden; _display: inline-block } .inline-block { display: -moz-inline-stack; display: inline-block } sup { font-size: 10px;margin-top:4px;} span.sup {font-size:13px;} .nutro { text-transform: uppercase } .answer .checkbox input { width: auto } .justify { text-align: justify } .center_align { display: table; #position: relative; overflow: hidden; } .center_align_mid { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .center_align_content { #position: relative; #top: -50% } h1 { line-height:1.2em;margin-top: 7px; margin-bottom: 5px; padding-bottom: 12px; border-bottom: 1px dotted #e4e4e3; font-size: 20px; font-weight: normal } h1.extrapad { margin-left: 20px } .vertical_divider { float:left; background-color:#dac093; border-right:1px solid #fef6ed; font-size:1px; width:1px; margin-top:10px } /* wrapper */ #footer_top, #footer_bottom, #content, #content_bottom { width: 1007px; margin: 0 auto; } #wrapper { background: transparent url(../images/layout/bg.jpg) no-repeat scroll top center; min-height: 100%; height: auto !important; height: 100%; } #content { background-image: url(../images/layout/content_top.png); background-repeat: no-repeat; background-position: top center; margin-top:7px; position: relative; } #content_bottom { background-image: url(../images/layout/content_bottom.png); height: 20px } #content_bottom2 { background-image: url(../images/layout/content_bottom2.png); height: 30px } #content_bottom, #content_bottom2 { background-repeat: no-repeat; background-position: bottom center; } #content_left { background: transparent url(../images/layout/content_left.png) repeat-y scroll; width: 15px; float:left; } #content_right { background: transparent url(../images/layout/content_right.png) repeat-y scroll; width: 15px; float: left } #content_middle { padding-top:49px; float: left; width: 969px; padding-left: 8px; background: white url(../images/bgs/content_top_spacing.jpg) no-repeat scroll left top;} #content_left, #content_right, #content_middle { padding-bottom: 32767px; margin-bottom: -32767px; } #content_border { border-left: 1px solid #9fbbb3; border-right: 1px solid #9fbbb3; margin-right: 7px; padding-top: 45px; _margin-bottom: -12px; padding-bottom: 40px } /* footer */ #footer { font-size: 11px } #footer_top { background: transparent url(../images/layout/footer.png) no-repeat scroll center; height: 97px; padding-top: 35px } #footer_top a, #footer_top { color: #dae1df } #footer_top_left { float: left; padding-left: 40px; padding-right: 30px; width: 260px } #footer_top_right { float: right; padding-left: 25px; padding-right: 30px; width: 275px } .footer_header { font-style: italic; font-size: 16px; margin-bottom: 3px } .footer_top_divider { float: left; width: 5px; height: 45px; margin-top: 5px; border-left: 1px solid #7b948d } #footer_bottom, #footer_bottom a { color: #aa7f46; text-align: center } #footer_bottom a:hover, #footer_top a:hover { color: #e59839 } /* navigation */ #top_nav div { float: right } #top_nav { width: 1002px; margin: 0 auto; padding-right: 5px } #main_nav { position:absolute; top: 8px; left: 18px; z-index: 0 } #main_nav ul { padding: 0; margin: 0; } #main_nav li { list-style: none; float: left; overflow: auto; display: -moz-inline-stack; display: inline-block; } #main_nav li a { display: block; background-repeat: no-repeat; background-position: left; height: 80px; text-indent: -9999px } #main_nav li a:hover { background-position: center } #main_nav li a.current { background-position: right } #nav_contact a { width: 125px; background-image: url( ../images/nav/nav_contact.jpg ) } #nav_specialist a { width: 184px; background-image: url( ../images/nav/nav_specialist.jpg ) } #nav_performance a { width: 180px; background-image: url( ../images/nav/nav_performance.jpg ) } #nav_products a { width: 96px; background-image: url( ../images/nav/nav_products.jpg ) } #nav_stockists a { width: 118px; background-image: url( ../images/nav/nav_stockists.jpg ) } #nav_story a { width: 154px; background-image: url( ../images/nav/nav_story.jpg ) } #nav_logo a { width: 115px; background-image: url( ../images/nav/nav_logo.png ) } /* story nav */ #storynav { background: transparent url( ../images/nav/storynav_bg.png ) repeat-y; margin-left: 10px } #storynav ul { padding: 0; margin:0 } #storynav ul li { list-style: none; margin-bottom: 5px } #storynav ul li a { display: block; width: 233px; text-indent: -9999px } #storynav ul li a:hover, #storynav ul li a.current { background-position: right top } #storynav_absolute_best a { height: 46px; background-image: url( ../images/nav/storynav_absolute_best.png ) } #storynav_difference a { height: 36px; background-image: url( ../images/nav/storynav_difference.png ) } #storynav_overview a { height: 36px; background-image: url( ../images/nav/storynav_overview.png ) } #storynav_top { background: transparent url( ../images/nav/storynav_top.png ) no-repeat; height: 6px; font-size: 1px } #storynav_bottom { background: transparent url( ../images/nav/storynav_bottom.png ) no-repeat; height: 8px; margin-top: -4px; font-size: 1px } /* performance nav */ #performancenav { background: transparent url( ../images/nav/performancenav_bg.png ) repeat-y; margin-left: 10px } #performancenav ul { padding: 0; margin:0 } #performancenav ul li { list-style: none; margin-bottom: 5px } #performancenav ul li a { display: block; width: 233px; text-indent: -9999px } #performancenav ul li a:hover, #performancenav ul li a.current { background-position: right top } #performancenav_overview a { height: 36px; background-image: url( ../images/nav/performancenav_overview.gif ) } #performancenav_new a { height: 46px; background-image: url( ../images/nav/performancenav_new.gif ) } #performancenav_ingredients a { height: 36px; background-image: url( ../images/nav/performancenav_ingredients.gif ) } #performancenav_digestibility a { height: 36px; background-image: url( ../images/nav/performancenav_digestibility.gif ) } #performancenav_linoleic a { height: 36px; background-image: url( ../images/nav/performancenav_linoleic.gif ) } #performancenav_nutrition a { height: 36px; background-image: url( ../images/nav/performancenav_nutrition.gif ) } #performancenav_top { background: transparent url( ../images/nav/performancenav_top.png ) no-repeat; height: 6px; font-size: 1px } #performancenav_bottom { background: transparent url( ../images/nav/performancenav_bottom.png ) no-repeat; height: 8px; margin-top: -4px; font-size: 1px } /* product nav */ #productnav { margin-left: 20px; margin-top: 10px } #productnav ul { padding:0; margin:0 } #productnav ul li { list-style: none; float: left } #productnav ul li a { display: block; height: 29px; text-indent: -9999px } #productnav ul li a.current { background-position: right top } #productnav_finder a { width: 170px; background-image: url( ../images/nav/productnav_finder.jpg ) } #productnav_products a { width: 143px; background-image: url( ../images/nav/productnav_products.jpg ) } #productnav_overview a { width: 131px; background-image: url( ../images/nav/productnav_overview.jpg ) } #product_content { padding-top: 22px; background: transparent url( ../images/misc/folder_top.png ) no-repeat left top; } #product_content_bottom { float: left; min-height: 321px; _height: 321px; background: #fdf6eb url( ../images/misc/folder_bottom.jpg ) no-repeat left bottom; padding: 0 10px 20px 20px; position: relative } /* mininav */ #mininavleft, #mininavright { width: 152px } #mininavleft_bg { background: transparent url( ../images/nav/mininavleft_bg.png ) repeat-y; } #mininavright_bg { background: transparent url( ../images/nav/mininavright_bg.png ) repeat-y; } #mininavleft ul, #mininavright ul { padding: 0; margin:0 } #mininavleft ul li, #mininavright ul li { list-style: none; margin-top: 5px } #mininavleft ul li.first, #mininavright ul li.first { list-style: none; margin-top: 0 } #mininavleft ul li a, #mininavright ul li a { display: block; width: 132px; height: 32px; text-indent: -9999px } #mininavleft ul li a { margin-left: 8px } #mininavright ul li a { margin-left: 11px } #mininavleft ul li a:hover, #mininavright ul li a:hover { background-position: right top } #mininavleft_dog a { background-image: url( ../images/nav/mininavleft_dog.gif ) } #mininavleft_products a { background-image: url( ../images/nav/mininavleft_products.gif ) } #mininavleft_lifestage a { background-image: url( ../images/nav/mininavleft_lifestage.gif ) } #mininavright_cat a { background-image: url( ../images/nav/mininavright_cat.gif ) } #mininavright_products a { background-image: url( ../images/nav/mininavright_products.gif ) } #mininavright_lifestage a { background-image: url( ../images/nav/mininavright_lifestage.gif ) } #mininavleft_top { background: transparent url( ../images/nav/mininavleft_dog.png ) no-repeat; height: 40px; } #mininavright_top { background: transparent url( ../images/nav/mininavright_cat.png ) no-repeat; height: 40px; } #mininavleft_bottom { background: transparent url( ../images/nav/mininavleft_bottom.png ) no-repeat; height: 9px; font-size: 1px } #mininavright_bottom { background: transparent url( ../images/nav/mininavright_bottom.png ) no-repeat; height: 9px; font-size: 1px } /* columns */ #col3_left, #col3_mid, #col3_right, #col2_left, #col2_right { float: left } #col3_left { width: 250px } #col3_right, #col2_right { width: 250px; margin-top: -10px } #col3_mid { width: 457px; } #col2_left { width: 700px; padding-left: 10px } #col2_left, #col3_mid { min-height: 422px; _height: 422px; } /* home */ #flash_home { height: 412px; width: 962px; position:relative } #flash_home img { position: absolute; z-index: 2 } /* homepage panels */ .home_panel { float: left; position: relative; height: 190px; padding-top: 48px; margin-top: 2px; font-size: 11px } .home_panel_bg { background: transparent url(../images/misc/panel.png) scroll no-repeat top left; margin-right:15px; padding: 13px 0 0 17px; height: 158px; width: 286px;} .home_panel_right { float: right; padding-right: 8px; } .home_panel_image { position: absolute } .home_panel_desc { height: 78px } .home_panel_header { border-bottom: 2px solid #e8d4bb; margin-bottom: 10px; width: 260px } /* other panels */ #panel_stockist { background: transparent url( ../images/misc/panel_stockist.jpg) no-repeat; width: 199px; height: 91px; padding-top: 70px; padding-left: 18px; color: white; margin-left: 20px; } .panel_signup { background: transparent url( ../images/misc/panel_become_member_bg.png ) no-repeat; width: 163px; padding: 75px 35px 0 25px; font-style: italic; margin-left: 20px; } /* messages */ .success { color: Green } .fail { color: Red } .message_container { margin-bottom: 10px } /* banners */ #banner_signup_left { background: transparent url( ../images/misc/folder_footer_left.png ) no-repeat; width: 372px; height: 48px; float: left; padding: 10px 20px 0 110px; _padding-left: 105px; font-size: 14px; font-style: italic } #banner_signup { margin-top: 20px; float: left; } .banner_signup { margin-top: 20px; float: left; } /* forms */ .question { font-size: 13px; margin-top: 10px } select, input { color: #4e5251 } .signupimg {margin-left:17px;width:215px;height:251px;background:transparent url('../images/forms/nutro.jpg') no-repeat left top;} /* product items */ .productitem { float: left; width:117px; height: 200px; margin-left: 10px; margin-bottom: 5px; text-align:center } .productitem_title { text-align: center; margin-top: 5px; margin-bottom: 5px; font-size: 11px; line-height: 110%; min-height: 37px; _height: 35px } /* all products */ #product_listing { background: transparent url( ../images/misc/selector_box.png ) no-repeat scroll; height: 95px; width: 667px; padding-top: 20px; color: #212121 } #product_listing1 { background: transparent url( ../images/misc/selector_box_1.png ) no-repeat scroll; height: 95px; width: 667px; padding-top: 20px; color: #212121 } .selector_title { font-size: 14px; margin-bottom: 10px } /* product selector list items */ .selector_items { margin: 0; padding: 0 } .selector_items li { list-style: none } .selector_items li a { text-transform: uppercase; display: block; margin-bottom: 3px; padding: 2px 0px 0px 13px; height: 20px } .selector_items li a:hover { color: #212121 } .selector_items li a.current { background: transparent url( ../images/misc/selected_item.png ) no-repeat scroll } /* product details */ #detail { float: left; } .product_guide_heading h3 { font-size: 14px; margin: 9px 0 0 0; } .product_guide_text { margin: 0 0 9px 0; } .product_details_body { width: 661px; margin: 0 auto; } .product_details_paragraph { margin: 35px 0 22px 0; } #product_guide_table_container { background-color: #f5e6d3; padding: 0; margin: 0 0 15px 0; text-align: center; } .darkRoundedRow { height: 6px; padding: 0; margin: 0; } .darkRoundedTopLeft { float: left; height: 6px; width: 6px; background-image: url(../images/product/darkRoundedTopLeft.gif); background-repeat: no-repeat; background-position: 0 0; } .darkRoundedTopRight { float: right; height: 6px; width: 6px; background-image: url(../images/product/darkRoundedTopRight.gif); background-repeat: no-repeat; background-position: 100% 0; } .darkRoundedBtmLeft { float: left; height: 6px; width: 6px; background-image: url(../images/product/darkRoundedBtmLeft.gif); background-repeat: no-repeat; background-position: 0 100%; } .darkRoundedBtmRight { float: right; height: 6px; width: 6px; background-image: url(../images/product/darkRoundedBtmRight.gif); background-repeat: no-repeat; background-position: 100% 100%; } .product_guide_content { padding: 16px 16px; } .product_guide_table { padding: 10px; text-align: center; margin: 0 auto; _display: inline-block; } #product_features_body { float: left; } .product_features_column_left { float: left; width: 330px; margin: 0 5px 0 0; } .product_features_column_right { float: left; width: 330px; margin: 0 0 0 5px; } .product_feature_box { float: left; width: 330px; margin: 0 0 10px 0; } .product_feature_image { float: left; width: 85px; } .product_feature_text { float: left; width: 245px; } .product_feature_text h3 { margin: 7px 0 0 0; font-size: 14px; } .product_feature_text p { margin: 0; } #product_details_body { position: relative; } .product_detail_column_left { float: left; width: 395px; margin-right: 17px; } .product_detail_column_right { float: left; width: 255px; position: relative; } #product_detail_floating_image { position: absolute; top: -12px; } .kibbles_picture { position: absolute; top: 30px; text-align: center; font-size: 10px; float: left; z-index: 10; } .packs_picture { position: absolute; top: -12px; left: 60px; } .product_detail_features_list { margin-top: 240px; } .product_detail_features_text { font-style: italic; text-align: center; margin: 8px 0; } .product_detail_features_divider { background-color: #5dc2a5; width: 154px; height: 1px; margin: 0 auto; } .product_detail_features_icons { text-align: center; margin-top: 20px; } .product_detail_features_icon { float: left; width: 84px; height: 125px; font-size: 10px; } .product_detail_illustration { text-align: center; margin: 0 auto; margin-top: 10px; clear: both; } .product_detail_title { font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } .product_detail_title_big { font-size: 18px; } .product_detail_for { font-weight: bold; margin-bottom: 5px; } .product_detail_paragraph { text-align: justify; } .feeding_guide_container { float: left; } .feeding_guide_row_top { background-color: #dab874; background-image: url(../images/product/tableTopBg.gif); background-repeat: repeat-x; background-position: top; float: left; } .feeding_guide_row_btm { background-image: url(../images/product/tableBtmBg.gif); background-repeat: repeat-x; background-position: bottom; float: left; } .feeding_guide_row_light { background-color: #f1e1c2; float: left; } .feeding_guide_row_dark { background-color: #dab874; float: left; } .feeding_guide_left { background-image: url(../images/product/tableLeftBg.gif); background-repeat: repeat-y; background-position: 0 0; float: left; } .feeding_guide_right { background-image: url(../images/product/tableRightBg.gif); background-repeat: repeat-y; background-position: 100% 0; float: left; } .feeding_guide_top_first { background-image: url(../images/product/tableTopLeft.png); background-repeat: no-repeat; background-position: 0 0; float: left; } .feeding_guide_top_last { background-image: url(../images/product/tableTopRight.png); background-repeat: no-repeat; background-position: 100% 0; float: left; } .feeding_guide_btm_first { background-image: url(../images/product/tableBtmLeft-light.png); background-repeat: no-repeat; background-position: 0 100%; float: left; } .feeding_guide_btm_last { background-image: url(../images/product/tableBtmRight-light.png); background-repeat: no-repeat; background-position: 100% 100%; float: left; } .feeding_guide_heading_2 { float: left; width: 176px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_cell_2 { float: left; width: 176px; padding: 7px 10px; text-align: center; } .feeding_guide_heading_3 { float: left; width: 111px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_cell_3 { float: left; width: 111px; padding: 7px 10px; text-align: center; } .feeding_guide_heading_4 { float: left; width: 78px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_cell_4 { float: left; width: 78px; padding: 7px 10px; text-align: center; } .feeding_guide_heading_5 { float: left; width: 58px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_cell_5 { float: left; width: 58px; padding: 7px 10px; text-align: center; } .feeding_guide_heading_4in1for5 { float: left; width: 292px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_heading_5in1for6 { float: left; width: 305px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_heading_6 { float: left; width: 45px; padding: 7px 10px; margin-top: 3px; font-weight: bold; text-align: center; } .feeding_guide_cell_6 { float: left; width: 45px; padding: 7px 10px; text-align: center; } .feeding_guide_cell_first { margin-left: 3px; } .feeding_guide_cell_last { margin-right: 2px; padding: 7px 8px 7px 10px; } .feeding_guide_border_right { border-right: 1px solid white; } .feeding_guide_border_top { border-top: 1px solid white; } .feeding_guide_row_btm .feeding_guide_cell_2, .feeding_guide_row_btm .feeding_guide_cell_3, .feeding_guide_row_btm .feeding_guide_cell_4, .feeding_guide_row_btm .feeding_guide_cell_5, .feeding_guide_row_btm .feeding_guide_cell_6 { margin-bottom: 3px; padding-bottom: 10px; } .feeding_guide_row_dark .feeding_guide_btm_first { background-image: url(../images/product/tableBtmLeft-dark.png); } .feeding_guide_row_dark .feeding_guide_btm_last { background-image: url(../images/product/tableBtmRight-dark.png); } .feeding_guide_legend { font-weight: bold; font-size: 11px; } .feeding_guide_narrow_column_left { float: left; width: 190px; margin-right: 10px; margin-bottom: 15px; } .feeding_guide_narrow_column_right { float: left; width: 190px; margin-bottom: 15px; } /* Product Performance */ h3.nomarginbottom, h4.nomarginbottom { margin-bottom: 0; } img.content-image-float-left { float: left; margin: 10px; margin-left: 0; } img.content-image-float-right { float: right; margin: 10px; margin-right: 0; } .form{padding:10px 10px 20px 12px;} h3.formsection {color:#c68331;margin:5px 0px;} .txt {width:290px;border:1px solid #7f9db9;} ol.formhldr{padding:0px;margin:0px;} ol.formhldr li{clear:both;list-style-type:none;margin:0px;padding:6px 0px;} .form label {display:block;width:134px;float:left;} .form span.formitem{display:block;float:left;width:300px;} .form span.formitemw label{display:inline;float:none;width:auto;} span.formitem label{width:auto;display:inline;float:none;} .cl{clear:both;} .fl{float:left;} .db{display:block;} .it{font-style:italic;} .stockistarea{background-color:#fff9f2;} .stockistintro{padding-left:10px;font-style:italic;font-size:.8em;} /*-----------------------STOCKISTS */ .mapbg{margin-left:10px;width:218px;height:317px;padding:13px 0px 0px 10px;background:transparent url('../images/stockist/mapbg.jpg') no-repeat left top;} .map{width:207px;height:306px;background-color:#000000;} .greta{margin-left:15px;width:218px;height:185px;position:relative;overflow:hidden;} .greta span{background:transparent url('../images/stockist/greta.jpg') no-repeat left top;display:block;width:100%;height:100%;position:absolute;} ul.storelist{list-style-type:none;margin:0px;padding:0px;} ul.storelist li{border-bottom:1px solid #dedede;clear:both;padding:18px 0px 5px 0px;} .storedet{display:block;float:left;width:345px;} .listmarker{display:block;float:left;width:33px;height:38px;margin-top:-7px;background:transparent url('../images/stockist/listmarker.gif') no-repeat left top;} .storettl{padding:0px 0px 0px 20px;} .storeact{display:block;float:left;width:100px;} .stockistsearchhldr{clear:both;width:697px;height:42px;padding:0px;background:#eeeeee url('../images/stockist/searchbg.gif') no-repeat left top;} ul.storelist li.selected{border-bottom:0px;padding:5px 0px 10px 0px;} ul.storelist li.otherstores{border-bottom:0px;} .selectedimg{float:left;display:block;width:102px;height:126px;background:transparent url('../images/stockist/selectedstore.jpg') no-repeat left top;} .selecteddet{display:block;width:auto;float:left;padding-left:20px;}