/* CATEGORY INDEX */ h1 { text-align: center; font-weight: bold; font-size: 16pt; } #awards-top-container { } .awards-top-link-box { float: left; width: 265px; margin: 4px 4px 6px; } .awards-top-link-box a, .awards-top-link-box > div { height: 80px; display: block; width: 265px; } #awards-top-link-toy { background:url(../../images/awards-page/toys.jpg); } a#awards-top-link-toy:hover { background:url(../../images/awards-page/toys-roll.jpg); } div#awards-top-link-toy:hover { background:url(../../images/awards-page/empty-toys.jpg); } #awards-top-link-audio { background:url(../../images/awards-page/audio.jpg); } a#awards-top-link-audio:hover { background:url(../../images/awards-page/audio-roll.jpg); } div#awards-top-link-audio:hover { background:url(../../images/awards-page/empty-audio.jpg); } #awards-top-link-book { background:url(../../images/awards-page/book.jpg); } a#awards-top-link-book:hover { background:url(../../images/awards-page/book-roll.jpg); } div#awards-top-link-book:hover { background:url(../../images/awards-page/empty-book.jpg); } #awards-top-link-multimedia { background:url(../../images/awards-page/multimedia.jpg); height: 90px; } a#awards-top-link-multimedia:hover { background:url(../../images/awards-page/multimedia-roll.jpg); } div#awards-top-link-multimedia:hover { background:url(../../images/awards-page/empty-multimedia.jpg); height: 90px;} #awards-top-link-mobile { background:url(../../images/awards-page/mobile.jpg); } a#awards-top-link-mobile:hover { background:url(../../images/awards-page/mobile-roll.jpg); } div#awards-top-link-mobile:hover { background:url(../../images/awards-page/empty-mobile.jpg); } #awards-top-link-software { background:url(../../images/awards-page/software.jpg); height: 90px; } a#awards-top-link-software:hover { background:url(../../images/awards-page/software-roll.jpg); } div#awards-top-link-software:hover { background:url(../../images/awards-page/empty-software.jpg); height: 90px; } #awards-top-link-health { background:url(../../images/awards-page/health.jpg); } a#awards-top-link-health:hover { background:url(../../images/awards-page/health-roll.jpg); } div#awards-top-link-health:hover { background:url(../../images/awards-page/empty-health.jpg); } #awards-top-link-archive { background:url(../../images/awards-page/archive.jpg); } a#awards-top-link-archive:hover { background:url(../../images/awards-page/archive-roll.jpg); } /* SHOW CATEGORY */ div.betweenCategories { border-top: 1px solid #25c0e0; height:170px; width: 530px; } td.categoryHeaderRight { width: 120px; text-align: center; padding: 0px 0px 10px 0px; } table.categoryHeader { width:530px; } h2.category-header-main { border-bottom: none !important; text-transform:uppercase; font-size: 30px; font-weight: bold; margin: 0; /* color: #315b81; */ color: #145db6 } /* These rules govern the layout and style of the Award Winners products. */ .categorySeparator { border-top: 1px solid #25c0e0; /* This creates the blue line at the end of each category group. */ padding-top:170px; width: 530px; } /* This will add 170 pixels of height to a Category image header if applied as a span class. */ #product-list .product { clear: both; /* margin: 14px 0px 14px 0px;*/ /* border:1px solid #f00; */ padding:7px 0px 7px 0px; width: 530px; text-align: left; background-color: #ffffff; border-top: 1px solid #25c0e0; } .product-thumbnail { max-width: 100px; max-height: 100px; margin-bottom: 8px; } .product-image { float: left; width: 100px; text-align: center; margin: 14px 15px 14px 0px; padding: 0px; border: 0px solid #ff66ff; } .product-info { float: left; width: 270px; font-size: 10px; text-align: left; font-size: 10px; margin: 14px 0px 0px 0px; padding-right: 5px; border: 0px solid #ff8a00; } .product-title { margin: 3px 20px 0px 0px; padding: 0px; background-color: #ffffff; color: #145db6; font-size: 13px; font-weight: bold; } .price { margin: 3px 0px 0px 0px; padding: 0px; } .mfg, .mfg a { margin: 3px 0px 0px 0px; padding: 0px; font-size: 12px; } .phone { margin: 3px 0px 0px 0px; padding: 0px; } .age { float: left; width: 60px; height: 55px; vertical-align: middle; text-align: center; font-size: 12px; margin: 14px 0px 0px 0px; border-left: 2px solid #145db6; border-right: 2px solid #145db6; padding-top: 15px; } .award { float: left; width: 67px; height: 60px; vertical-align: middle; text-align: center; margin: 14px 0px 0px 2px; border: 0px solid #ff66ff; } .description { margin: 100px 0px 10px 115px; text-align: left; border: 0px solid #ff66ff; } .description p { background-color: #ffffff; color: #000000; font-weight: normal; text-align: left; margin: 3px 0px 5px 0px; padding: 0px; font-size: 11px; } .categoryHeaderRight { } a.read-more { color: #145db6; text-decoration: none; font-weight: bold; white-space: nowrap; font-size: 11px; } .paginator { font-size: 14px; text-align: center; } .paginator a { font-size: 14px; color: #145db6; } .paginator span { font-size: 14px; } #paginator-topmost { padding: 0 0 6px; } #paginator-topmost .spacer { display: inline-block; width: 22px; } #paginator-topmost a { font-size: 14px; } #paginator-topmost span { color: #888; font-size: 14px; } #paginator-bottom { padding: 8px 0 16px; } #paginator-bottom #above span { color: #145db6; } #paginator-bottom .paginator { padding: 8px 0; } #paginator-bottom .page-number-link { padding: 0 12px; } /* 2016 featured winners section */ #featured-grid { padding: 10px 0 4px; } #featured-grid .column { box-sizing: border-box; float: left; width: 33%; padding: 4px 4px 16px; text-align: center; } #featured-grid .column h3 a:link, #featured-grid .column h3 a:visited, #featured-grid .column h3 a:active { color: #145db6 !important; } #featured-grid .column p { text-align: center; margin: 8px 0; height: 5em; overflow: hidden; }