#contentLeft h2 { margin: 0; padding: 0; } #contentLeft h2 img { display: block; border-width: 0; } /*-------------------------------------------------------------------------------------------------------------------------------------------- CATEGORY NAV */ #contentLeft #categoryNav { width: 554px; margin: 0; padding: 0; padding: 5px 55px; list-style-type: none; border-bottom: 1px solid #ababad; } * html #contentLeft #categoryNav { width: 664px; } #contentLeft div#categoryNav { overflow: hidden; } #contentLeft #categoryNav * { padding: 0; margin: 0; } #contentLeft #categoryNav li { line-height: 14px; } #contentLeft div#categoryNav li { line-height: 14px; } #contentLeft #categoryNav li a, #contentLeft div#categoryNav a { text-decoration: none; } #contentLeft div#categoryNav a { white-space: nowrap; float: left; } #contentLeft #categoryNav li a:hover, #contentLeft div#categoryNav a:hover { text-decoration: underline; } /*-------------------------------------------------------------------------------------------------------------------------------------------- INDEX 1 */ #contentLeft #index1 { margin: 0; padding: 0; padding: 40px 0 40px 25px; } #contentLeft #index1 * { margin: 0; padding: 0; } #contentLeft #index1 ul { width:550px; list-style-type: none; /*border-top: 1px solid #ababad;*/ overflow: hidden; /* background-image: url('../templates/layout/$file/rowDivider.gif'); background-repeat: no-repeat; background-position: 20px top; background-image: url('../templates/layout/$file/bkgDivider2.gif'); background-repeat: repeat-y; */ } #contentLeft #index1 ul.second { padding: 0; margin: 0; } #contentLeft #index1 ul li { float: left; width: 150px; padding-left: 20px; padding-right: 10px; /*border-left: 1px solid #ababad;*/ background-color: transparent; } #contentLeft #index1 ul li.doubleWidth { width: 330px; } #contentLeft #index1 ul li.doublePadding { margin-left: 180px; } #contentLeft #index1 ul li.tripplePadding { margin-left: 360px; } #contentLeft #index1 ul.left, #contentLeft #index1 ul.right, #contentLeft #index1 ul.leftright { background-repeat: repeat-y; } #contentLeft #index1 ul.left { background-image: url('../templates/layout/$file/left.gif'); } #contentLeft #index1 ul.right { background-image: url('../templates/layout/$file/right.gif'); } #contentLeft #index1 ul.leftright { background-image: url('../templates/layout/$file/leftright.gif'); } * html #contentLeft #index1 ul li { width: 180px; } * html #contentLeft #index1 ul li.doubleWidth { width: 360px; } * html #contentLeft #index1 ul li.doublePadding { margin-left: 180px; } #contentLeft #index1 ul .image { height: 115px; position: relative; } #contentLeft #index1 ul .image a { display: block; position: absolute; left: 0; bottom: 0; } #contentLeft #index1 ul .image a img { border-width: 0; } #contentLeft #index1 ul p.audienceAuthors { margin: 10px 0; } #contentLeft #index1 ul.second p { margin:5px 0; overflow: hidden; } #contentLeft #index1 ul.second p span { font-weight: bold; margin: 0 4px; } #contentLeft #index1 ul.second p a { color: black; text-decoration: none; font-weight: bold; } /* #contentLeft #index1 ul.second p.addForm { overflow: hidden; } */ #contentLeft #index1 ul.second p a:hover { text-decoration: underline; } #contentLeft #index1 ul.second input.quantity { width: 26px; float: left; } #contentLeft #index1 ul.second label { float: left; margin: 2px 5px } #contentLeft #index1 ul.second input.add { float: right; margin: 2px 5px; } /* #contentLeft #index1 ul.second input.inspect { margin: 5px 0; } */ #contentLeft #index1 ul.second p.available, #contentLeft #index1 ul.second p.eClub { font-weight: bold; } #contentLeft #index1 ul.second p.added { font-weight: bold; /*clear: both;*/ height: 20px; line-height: 20px; padding: 0; } #contentLeft #index1 ul.second p.added span { float: left; font-weight: bold; margin-left: 0; } #contentLeft #index1 ul.second p span.added { text-indent: -9000px; height: 20px; width: 81px; line-height: 20px; background-image: url('..templates/layout/$file/addedToOrder.gif'); background-repeat: no-repeat; background-position: left 3px; } #contentLeft #index1 p.backToTop { margin-left: 20px; height: 90px; width: 530px; line-height: 90px; background-image: url('../templates/layout/$file/rowDivider.gif'); background-repeat: no-repeat; background-position: left center; } #contentLeft #index1 p.backToTop a { float:right; height: 90px; line-height: 90px; padding-left: 10px; text-decoration: none; background-color: white; } #contentLeft #index1 p.backToTop a:hover { text-decoration: underline; } /*-------------------------------------------------------------------------------------------------------------------------------------------- INDEX 2 */ #content #index2 { margin: 0; padding: 0; /*padding: 40px 0 40px 25px;*/ padding: 40px 0 10px 25px; } #content #index2 * { margin: 0; padding: 0; } #content #index2 div { margin:25px 0; padding-left: 20px; } #content #index2 div.first { margin-top: 0; } #content #index2 ul { width:550px; list-style-type: none; overflow: hidden; } #content #index2 { margin: 10px; } #content #index2 ul.second { padding: 0; margin: 25px 0; } #content #index2 ul li { float: left; width: 150px; padding-left: 20px; padding-right: 10px; /*border-left: 1px solid #ababad;*/ background-color: transparent; } * html #content #index2 ul li { width: 180px; } #content #index2 ul .image { /*height: 115px;*/ height: 131px; position: relative; } #content #index2 ul .image a { display: block; position: absolute; left: 0; bottom: 0; } #content #index2 ul .image a img { border-width: 0; } #content #index2 ul .image span.new { position: absolute; display: block; height: 25px; width: 41px; text-indent: -9000px; background-image: url('../templates/layout/$file/newIcon2.gif'); background-repeat: no-repeat; } #content #index2 ul .image a.ts { background-image:url(../templates/layout/$file/teacherSupportIcon.gif); background-repeat:no-repeat; border-width:0; display:block; height:17px; left:20px; margin:0; padding:0; position:absolute; text-decoration:none; text-indent:-9000px; top:7px; width:17px; } #content #index2 div p.audienceAuthors { margin: 10px 0; } #content #index2 ul.second p { margin:5px 0; overflow: hidden; } #content #index2 ul.second p span { font-weight: bold; margin: 0 4px; } #content #index2 ul.second p a { color: black; text-decoration: none; font-weight: bold; } /* #content #index2 ul.second p.addForm { overflow: hidden; } */ #content #index2 ul.second p a:hover { text-decoration: underline; } #content #index2 ul.second input.quantity { width: 26px; float: left; } #content #index2 ul.second label { float: left; margin: 2px 5px } #content #index2 ul.second input.add { float: right; margin: 2px 5px; } /* #content #index2 ul.second input.inspect { margin: 5px 0; } */ #content #index2 ul.second p.available, #content #index2 ul.second p.eClub { font-weight: bold; } #content #index2 ul.second p.added { font-weight: bold; /*clear: both;*/ height: 20px; line-height: 20px; padding: 0; background-image: url('../templates/layout/$file/addedToOrder.gif'); background-repeat: no-repeat; background-position: 15px 2px; } #content #index2 ul.second p.added span { float: left; font-weight: bold; margin-left: 0; } #content #index2 ul.second p span.added { text-indent: -9000px; height: 20px; /*width: 81px;*/ padding-right: 100px; line-height: 20px; background-image: url('../templates/layout/$file/addedToOrder.gif'); background-repeat: no-repeat; background-position: 15px 0; } #content #index2 p.backToTop { margin-left: 20px; height: 45px; width: 530px; line-height: 45px; background-image: url('../templates/layout/$file/rowDivider.gif'); background-repeat: no-repeat; background-position: left center; } #content #index2 p.backToTop a { float:right; height: 45px; line-height: 45px; padding-left: 10px; text-decoration: none; background-color: white; } #content #index2 p.backToTop a:hover { text-decoration: underline; } /*-------------------------------------------------------------------------------------------------------------------------------------------- SEARCH */ #content #index2 .searchResultsHeader, #content #index2 .searchResultsFooter { padding-left: 20px; margin: 0; width: 520px; } #content #index2 .searchResultsHeader *, #content #index2 .searchResultsFooter * { margin: 0; padding: 0; } #content #index2 .searchResultsHeader p { margin: 20px 0; } .searchNav { height: 20px; width: auto !important; margin: 0 !important; padding: 0 0 0 20px !important; list-style-type: none; } .searchNav * { margin: 0 !important; padding: 0 !important; } .searchNav li { float: left; width: auto !important; } .searchNav li a { float: left; text-decoration: none; color: Black; height: 17px !important; margin: 0 5px 0 0 !important; padding: 0 4px !important; line-height: 17px !important; border: 1px solid black !important; } .searchNav li a:hover, .searchNav li a.current { background-color: Black !important; color: White !important; } .searchNav li span { float: left; text-decoration: none; color: #C9C9C9 !important; height: 17px !important; margin: 0 5px 0 0 !important; padding: 0 5px !important; line-height: 17px !important; border: 1px solid #C9C9C9 !important; } .searchNav li span.dots { background-image:url('../templates/layout/$file/divider.gif'); background-position:center center; background-repeat:no-repeat; border-color:white !important; } /*-------------------------------------------------------------------------------------------------------------------------------------------- TEACHER SUPPORT FILTER */ h3.teacherSupportIndex { border-bottom: 1px solid #ABABAD; padding: 5px 55px; margin: 0; margin-bottom: 20px; } div#teacherSupportIndex { padding: 0 55px; margin: 0; } div#teacherSupportIndex * { margin: 0; padding: 0; } div#teacherSupportIndex h4 { margin: 15px 0; } div#teacherSupportIndex a { display: block; margin: 5px 0; text-decoration: none; } div#teacherSupportIndex a:hover { text-decoration: underline; } /*-------------------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY */ * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #contentLeft #categoryNav li a, #contentLeft div#categoryNav a { /*color: #22c4f3;*/ color: #0053E1; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #contentLeft div#categoryNav a { margin-right: 20px; line-height: 20px; } #index1 h3 a, #index2 h3 a { color: #ce0f16; font-size: 15px; } #contentLeft #index1 ul p.audienceAuthors, #content #index2 ul p.audienceAuthors { color: #76777a; } #content #index2 div p.description { font-weight: bold; } #contentLeft #index1 ul.second p.added span, #content #index2 ul.second p.added span { color: #4ab151; } #contentLeft #index1 ul.second p.eClub, #content #index2 ul.second p.eClub { color: #ce0f16; } #contentLeft #index1 ul.second p.available, #content #index2 ul.second p.available { color: Black; } #contentLeft #index1 p.backToTop a, #content #index2 p.backToTop a { color: #ababad; } .searchResultsHeader h2 { color:#CE0F16; font-size:15px; } .searchNav li a { font-size: 11px; } h3.teacherSupportIndex { color: #CE0F16; font-size: 16px; font-weight: bold; text-transform: capitalize; } div#teacherSupportIndex h4 { font-weight: bold; font-size: 15px; text-transform: capitalize; } div#teacherSupportIndex a { color: #22C4F3; font-weight: bold; } div#teacherSupportIndex h4 a { font-weight: bold; font-size: 15px !important; color: Black !important; text-transform: capitalize; }