/**/ /*============================================================ Owner: Hill's Pet Nutrition Title: Product Details CSS Document Author: Steve Kiernan Date: 08/12/09 Desc: This stylesheet overrides the core hillpet.css stylesheet and expands the default template width to be optimized for 1024px width browser settings and applies the newly redesigned look for the product detail pages. =============================================================*/ .IE6pngfix { behavior:url('/images/cssImages/iepngfix_prodDetails.htc'); } a, object, embed { outline:none !important; } /* get's rid of that pesky dotted line around links in FireFox */ /*==== MAJOR DIV STYLES ========*/ #mainwrapper { width:990px; } /*==== TOP AREA DIV STYLES ========*/ #breadcrumb { width:600px; } #topnav { width:848px;} /* to place Facebook icon */ /*==== UNIVERSAL CLASS STYLES ========*/ .starburst { position:absolute; top:0; left:0; width:80px; height:80px; background:url('/images/cssImages/img_starburst_NEW_80x80_en.png') no-repeat; behavior:url('/images/cssImages/iepngfix_prodDetails.htc'); z-index:1000; } .starburst span { display:none; } .footnote { padding-top:20px; font-size:11px; color:#666; } /*==== PRODUCT 2-COLUMN TEMPLATE STYLES ========*/ #content_2column_product { width:983px; margin-top:1px; } #content_2column_product #column1 { float:left; width:165px; } #content_2column_product #column1 #leftnav { min-height:500px; height:auto !important; height:500px; } #content_2column_product #column2 { float:left; width:810px; margin:3px 3px 3px 5px; } /*==== PRODUCT DETAIL PAGE STYLES ========*/ /*-- Science Diet specific styles --*/ body.SD-Product #TAFbox, body.SD-Product #CloserLookBox { border:1px solid #CC0000; } body.SD-Product #TAFbox #TAFtopBar, body.SD-Product #CloserLookBox #topBar { background:#CC0000; } body.SD-Product #TAFcontentArea #TAFoverlay #processing { background:url('/images/cssImages/img_loaderAnimation_SD.gif') center center no-repeat; } body.SD-Product #TAFcontentArea #TAFsubmitBtn { background:url('/images/cssImages/btn_sendNow_SD_en.gif') no-repeat; } #column2.SD-Product #printbar { background:#990000 url('/images/cssImages/bkg_printbar_SD.png') repeat-y; } #column2.SD-Product #printbar a { color:#FDDEBC; } #column2.SD-Product #printbar a:hover { color:#FFF; } #column2.SD-Product #where2buy { display:block; background:url('/images/cssImages/btn_whereToBuy_SD_en.gif') no-repeat; } #column2.SD-Product #where2buy img { width:308px; height:28px; } #column2.SD-Product #subNavWrapper { background:#990000 url('/images/cssImages/bkg_tabBar_main_SD.png') top left repeat-y;} #column2.SD-Product #subNavWrapper #topBorder { background:url('/images/cssImages/bkg_tabBar_top_SD.png') top left no-repeat; } #column2.SD-Product #subNavWrapper #bottomBorder { background:url('/images/cssImages/bkg_tabBar_bottom_SD.png') bottom left no-repeat; } #column2.SD-Product #productOverview h1 { color:#CC0000; } #column2.SD-Product #mainDetailSection h2 { color:#CC0000; } #column2.SD-Product #subNavWrapper #subNav li a {color:#FDDEBC; } #column2.SD-Product #subNavWrapper #subNav li a:hover { color:#FFF; } #column2.SD-Product #sect_keyBenefits .copy { width:375px; min-height:175px; height:auto !important; height:175px; } /*-- Prescription Diet specific styles --*/ body.PD-Product #TAFbox, body.PD-Product #CloserLookBox { border:1px solid #002D6A; } body.PD-Product #TAFbox #TAFtopBar, body.PD-Product #CloserLookBox #topBar { background:#002D6A; } body.PD-Product #TAFcontentArea #TAFoverlay #processing { background:url('/images/cssImages/img_loaderAnimation_PD.gif') center center no-repeat; } body.PD-Product #TAFcontentArea #TAFsubmitBtn { background:url('/images/cssImages/btn_sendNow_PD_en.gif') no-repeat; } #column2.PD-Product #printbar { background:#002D6A url('/images/cssImages/bkg_printbar_PD.png') repeat-y; } #column2.PD-Product #printbar a { color:#FFF; } #column2.PD-Product #printbar a:hover { color:#CCC; } #column2.PD-Product #where2buy { display:block; background:url('/images/cssImages/btn_whereToBuy_PD_en.gif') no-repeat; } #column2.PD-Product #where2buy img { width:346px; height:28px; } #column2.PD-Product #subNavWrapper { background:#002D6A url('/images/cssImages/bkg_tabBar_main_PD.png') top left repeat-y;} #column2.PD-Product #subNavWrapper #topBorder { background:url('/images/cssImages/bkg_tabBar_top_PD.png') top left no-repeat; } #column2.PD-Product #subNavWrapper #bottomBorder { background:url('/images/cssImages/bkg_tabBar_bottom_PD.png') bottom left no-repeat; } #column2.PD-Product #productOverview h1 { color:#0053A2; } #column2.PD-Product #mainDetailSection h2 { color:#0053A2; } #column2.PD-Product #subNavWrapper #subNav li a {color:#FFF; } #column2.PD-Product #subNavWrapper #subNav li a:hover { color:#CCC; } #column2.PD-Product #sect_keyBenefits .copy { width:auto; height:auto; } #leftnav_testimonial { margin:5px 10px 0 15px; padding-top:20px; border-top:1px solid #FFF; color:#999; font-size:12px; } #leftnav_testimonial span { color:#666; font-weight:bold; } .anchorElements { display:none; } .anchorElements div { padding-top:6px; } #prodDetail_burst.starburt { top:10px; left:560px; } /*---- TAF Form (a.k.a. Email this page) ----------*/ #TAF_container { display:none; } #TAFbox { position:relative; width:620px; height:220px; } #TAFtopBar{ padding-left:10px; width:auto; height:27px; line-height:27px; color:#FFF; font-size:12px; font-weight:bold; } #TAFcontentArea { padding:10px 25px; } #TAFcontentArea #TAFoverlay { display:none; position:absolute; top:30px; left:0; width:620px; height:190px; background:#FFF; opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); z-index:500; } #TAFcontentArea #TAFoverlay #processing { display:none; width:100%; height:100%; } #TAFcontentArea #TAFoverlay #errorCopy { display:none; padding-top:60px; font-size:14px; font-weight:bold; text-align:center; } #TAFcontentArea #TAFoverlay #successCopy { display:none; padding-top:80px; font-size:14px; font-weight:bold; text-align:center; } #TAFcontentArea span { color:#CC0000; font-size:12px; font-weight:bold; vertical-align:middle; } #TAFcontentArea p { padding:0; } #TAFcontentArea p.small { font-size:9px; } #TAFcontentArea p.error { color:#CC0000; font-weight:bold; } #TAFcontentArea form, #TAFcontentArea input, #TAFcontentArea textarea { font-size:11px; } #TAFcontentArea fieldset { float:left; width:48%; margin:0; padding:10px 0; border:none; } #TAFcontentArea label { display:block; } #TAFcontentArea .container { padding-bottom:10px; } #TAFcontentArea #senderEmail, #TAFcontentArea #emailList { width: 230px; } #TAFcontentArea #emailList { height:30px; } #TAFcontentArea #message { width:290px; height:90px; } #TAFcontentArea #TAFsubmitBtn { position:relative; top:10px; left:180px; width:116px; height:27px; } /*---- Product Image Zoom (a.k.a. Closer Look) ----------*/ #CloserLook_container { display:none; } #CloserLookBox { width:620px; } #CloserLookBox ul { margin:0; padding:0; list-style:none; } #CloserLookBox ul#list_thumbs li { padding-bottom:10px; } #CloserLookBox ul#list_lgIMGs li { display:none; } #CloserLookBox ul#list_lgIMGs .item_1 img {behavior:url('/images/cssImages/iepngfix_prodDetails.htc');} #CloserLookBox #topBar { width:100%; height:27px; } #CloserLookBox #contentArea { padding-top:20px; min-height:525px; height:auto !important; height:525px; } #CloserLookBox #contentArea #leftcol { float:left; width:120px; text-align:right; } #CloserLookBox #contentArea #leftcol a { display:inline-block; width:auto; border:1px solid #666; } #CloserLookBox #contentArea #leftcol a.on { border:2px solid #CC0000; } #CloserLookBox #contentArea #rightcol { float:left; width:448px; text-align:center; } #printbar { width:auto; padding:4px; font-size:10px; font-weight:bold; text-transform:uppercase; } #printbar a { display:block; padding-right:20px; text-decoration:none; } #printbar #print_page { float:right; margin-right:18px; width:120px; height:22px; line-height:22px; background:url('/images/cssImages/icon_printer_24x24.gif') top right no-repeat; } #printbar #email_page { display:none;/*< remove display:none; to enable the TAF email button*/ float:right; width:120px; height:22px; line-height:22px; background:url('/images/cssImages/icon_email_24x24.gif') top right no-repeat; } #subNavWrapper #topBorder { height:3px; font-size:2px; line-height:2px; } #subNavWrapper #bottomBorder { height:3px; font-size:2px; line-height:3px; } #subNavWrapper #subNav { position:relative; min-height:30px; height:auto !important; height:30px; } #subNavWrapper #subNav ul { margin:10px; padding:0; height:30px; list-style-type:none; } #subNavWrapper #subNav li { position:relative; float:left; margin:0; padding:0 14px; height:100%; font-size:12px; text-transform:uppercase; border-left:1px solid #FFF; background:url('/images/cssImages/blank.gif'); } #subNavWrapper #subNav li a { display:inline-block; width:auto; height:100%; text-decoration:none; } #subNavWrapper #subNav li div { display:none; position:absolute; bottom:-14px; left:33%; width:40px; height:14px; background:url('/images/cssImages/bkg_tabBar_selected.png'); behavior:url('/images/cssImages/iepngfix_prodDetails.htc'); } #subNavWrapper #subNav li.on div { display:block; behavior:url('/images/cssImages/iepngfix_prodDetails.htc'); } #subNavWrapper #subNav li.on a { color:#FFF; } #subNavWrapper #subNav li.first { border-left:none; } #productOverview { display:block; position:relative; padding:0 0 10px 0; } #productOverview #prod_bagshot { float:left; margin-top:10px; width:220px; text-align:center; } #productOverview #prod_bagshot a { font-style:italic; } #productOverview #prod_desc { float:left; margin-top:30px; width:350px; } #productOverview #promotions { float:right; margin:5px 0 10px 0; width:auto; } #productOverview #promotions div { margin-top:5px; } #productOverview h1 { margin:0; font-size:20px; } #detailSectionWrapper { position:relative; min-height:100px; height:auto !important; height:100px; background:url('/images/cssImages/bkg_graySquare_1x1.gif') 640px 0 repeat-y; } #detailSectionWrapper #prevViewed { position:absolute; bottom:0; left:0; margin:5px 5px 0 20px; padding:5px 0 0 5px; width:605px; height:100px; border-top:1px solid #CCC; z-index:900; } #detailSectionWrapper #prevViewed p { margin:0; padding:0; } #mainDetailSection { float:left; padding:0 5px 120px 20px; width:615px; font-size:12px; color:#4F4F4F; } #mainDetailSection h2 { padding:12px 0; font-size:16px; } #mainDetailSection h3 { margin:0; padding:0; color:#333; font-size:12px; text-transform:none; } #mainDetailSection p { margin:0; padding:0 0 10px 0; font-size:12px; color:#4F4F4F; } #mainDetailSection table { margin:0; padding:0; } #mainDetailSection table th { padding-left:10px; } #mainDetailSection table td { font-size:12px; padding:10px; } #mainDetailSection .TableHeader { font-size:14px; font-weight:bold; text-align:left; color:#FFF; background:#666; } #mainDetailSection .TableRow1 { background:#EFEDED; } #mainDetailSection .TableRow2 { background:#E1DEDE; } #mainDetailSection #sect_keyBenefits, #mainDetailSection #sect_feedingGuide, #mainDetailSection #sect_avgNutrients, #mainDetailSection #sect_ingredients, #mainDetailSection #sect_testimonials { display:none; } #detailSection_rightColumn { float:right; padding:0 10px; width:150px; text-align:center; } #detailSection_rightColumn #columnTitle { margin-bottom:10px; padding:10px 0; color:#999; text-transform:uppercase; font-size:12px; font-weight:bold; border-bottom:1px solid #CCC; } #detailSection_rightColumn .rec_item { padding:20px 0; } /*---- Key Benefits Styles --------*/ #sect_keyBenefits { position:relative; } #sect_keyBenefits .pic { position:absolute; top:0; right:0; width:242px; min-height:175px; height:auto !important; height:175px; } /*---- Testimonials Styles --------*/ .testimonialWrapper { padding-bottom:15px; } .testimonialWrapper .testimonial_thumb { float:left; width:105px; } .testimonialWrapper .testimonial_thumb img { border:1px solid #CC0000; } .testimonialWrapper .testimonial_copy { float:left; width:500px; } /**/