.detailedSubsectionsList { padding: 20px 30px 0 30px; overflow: hidden; height: 100%; background-color: #FCFCFC; border-top-width: 1px; padding-bottom: 136px; margin-bottom: -136px; } .detailedSubsectionsListSeparateFromTop { } .detailedSubsectionsListSeparateFromBottom { padding-bottom: 0; margin-bottom: 0; } .detailedSubsectionsList dt { overflow: hidden; height: 100%; font-weight: bold; letter-spacing: 2px; color: #980000; overflow: hidden; height: 100%; font-family: Arial, Verdana, sans-serif; } .detailedSubsectionsList dt a { display: block; border-bottom-width: 1px; border-style: dashed; float: left; color: #0087D8; } .detailedSubsectionsList dt a .subtitle { color: #83740F; } .detailedSubsectionsList dt a:hover { border-style: solid; color: #009FFF; } .detailedSubsectionsList dt a:hover .subtitle { color: #685B00; } .detailedSubsectionsList dd.description { margin-bottom: 20px; text-align: justify; line-height: 1.55em; } .detailedSubsectionsList dd.thumbnail { float: left; background-color: #FFFFFF; border-width: 1px; border-color: #000000; width: 80px; height: 80px; margin: 4px 10px 0px 0px; background-repeat: no-repeat; } .detailedSubsectionsList dd.thumbnail a { display: block; width: 80px; height: 80px; background-repeat: no-repeat; } .detailedSubsectionsList dd.thumbnail a:hover, .detailedSubsectionsList dd.thumbnail a.active { background-position: 0 0; } .detailedSubsectionsList dd.thumbnail a img { visibility: hidden; width: 80px; height: 80px; } .detailedSubsectionsList dd.thumbnail a:hover img, .detailedSubsectionsList dd.thumbnail a.active img { visibility: visible; }