#families { float: left; width: 820px; } .family { color: #909090; float: left; font-size: 0.75em; line-height: normal; width: 263px; height: 205px; margin: 0 10px 20px 0; overflow: hidden; } .family img { margin-bottom: 10px; } .family h3 { color: #929292; font-size: 1.2em; margin: 0 0 3px 0; } .family h3 a{ font-size: 1.2em; } #ad-container { width: 170px; float: right; margin-bottom: 20px; } #department-group { float: left; width: 800px; margin: 0 0 15px 0; } .department { background-color: #93BF53; border-bottom: solid 1px #A6C080; color: #fff; margin: 0 0 1px 0; padding: 4px 8px; } .department div { font-size: 0.75em; } .department h2 { color: #fff; margin: 0 0 0 0; } .brick-group { background-color: #efefef; border-bottom: solid 1px #dbdbdb; color: #555; clear: left; margin: 0 0 1px 0; padding: 10px; overflow: hidden; } .brick-group .category-header { border-bottom: solid 1px #e0e0e0; margin: 0 2px 3px 0; padding: 3px 0 5px 2px; overflow: hidden; } .brick-group h3 { font-size: 1em; } .brick-group h3 img { vertical-align: top; } .brick-group .gs1-info { color: #7F7F7F; padding-left: 19px; font-size: 0.75em; float: left; } .brick-group .gs1-info img { vertical-align: middle; } .brick-definition { background-color: #FEFEF0; border: 4px solid #DFDFD1; display: none; width: 480px; padding: 10px; position: absolute; font-size: 0.75em; } .brick-definition h4 { border-bottom: solid 1px #ccc; margin-bottom: 5px; } .brick-group .brick-stats { color: #17507F; float: right; font-size: 0.75em; font-weight: normal; } .brick-group .zeros { color: #BFBFBF; font-weight: normal; } .brick-group ul { background-color: #dbdbdb; float: left; width: 242px; margin: 0 1px 0 0; padding: 8px; list-style-type: none; display: none; } .brick-group .alternate { background-color: #e0e0e0 !important; } .brick-group li { padding: 2px; margin-bottom: 0px; font-size: 0.75em; } .brick-group li img { margin-left: 3px; } a.brick-link { color: #4D9127; text-decoration: underline; } .brick-options { display: none; margin: 2px 0 0 3px; }