@charset "utf-8"; /* PDF Compare Styling */ .compare-pdf-output h1{ display: block; width: 100%; font-size: 14px; text-decoration: none; font-weight: bold; color: #005288; margin-top:6px; margin-bottom:6px; } .compare-pdf-output, #compare-pdf-output, #compare-nutrition, #compare-allergens{ width:760px; font-size:12px; color:#333333; } .prod-thumb.compare{ float:left; width:128px; height:225px; border-left:1px solid #dbe1c4; } .prod-thumb.compare .img-holder{ width:80%; margin:0 auto; border:1px solid #d7d8d9; position:relative; } .prod-thumb img{ display:block; margin:5px auto; max-width:96%; min-height:95px; max-height:95px; } .prod-thumb.compare h2, .prod-thumb.compare h3{ padding-left:12px; padding-right:12px; } .prod-thumb.compare h3{ height:28px; max-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .prod-thumb.compare img{ min-height:50px; max-height:50px; height:50px; } .prod-thumb.compare p.prod-data{ font-size:12px; color:#333333; text-align:center; padding-top:5px; } .prod-thumb.compare p.prod-data.sku{ margin-top:7px; padding-top:7px; border-top:1px solid #ebebeb; } .compare-panels{ width:700px; clear:both; margin-top:5px; } .panel-compare{ border:0 !important; } .panel-compare .panel-body{ padding:0; } table#compare-allergens, table#compare-nutrition{ width:100%; margin-top:10px; } table#compare-allergens tr, table#compare-nutrition tr{ border-bottom:1px solid #ffffff; } table#compare-allergens tr td, table#compare-nutrition tr td{ border-left:1px solid #dbe1c4; border-bottom:1px solid #ebebeb; text-align:center; padding-top:8px; padding-bottom:8px; width:125px; } table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{ border-left:0; text-align:left; width:95px; font-size:12px; padding-left:5px; padding-right:5px; } .prod-thumb h2{ font-size:12px; line-height:13px; text-transform:uppercase; text-align:center; margin:6px auto 8px auto; max-height:25px; height:25px; overflow: hidden; text-overflow: ellipsis; white-space:normal; } .prod-thumb h2 a{ color:#005288; text-decoration:none; font-weight:bold; } .prod-thumb h2 a:hover{ text-decoration:underline; color: #3486bc; } .prod-thumb h3{ font-size:11px!important; line-height:13px!important; text-align:center; margin:0; border-bottom: 0px!important; height:20px; } .prod-thumb h3 a{ color:#666666; text-decoration:none; } .prod-thumb h3 a:hover{ text-decoration:underline; }