/*-------------------------------------------------------------------------------------------------------------------------------------------- ONIX PRODUCT AND ONIX PRODUCT FORM */ #onixProduct { padding-left: 45px; margin: 20px 0 0 0; } #onixProduct * { margin: 0; padding: 0; } #onixProduct h3 { margin: 5px 0; } #onixProduct h4 { margin:3px 0; } #onixProduct p { margin: 5px 0; } #onixProduct .tabs { height: 22px; list-style-type: none; margin: 0; padding: 0; } #onixProduct .tabs * { margin: 0; padding: 0; } /* #onixProduct .tabs li { float: right; margin-left: 5px; height: 22px; background-image: url('../templates/layout/$file/onixProductTabsRight.gif'); background-position: top right; background-repeat: no-repeat; } #onixProduct .tabs li a { float: left; height: 22px; padding: 0 10px; line-height: 22px; background-image: url('../templates/layout/$file/onixProductTabsLeft.gif'); background-position: top left; background-repeat: no-repeat; text-decoration: none; } */ #onixProduct .tabs li { float: right; margin-left: 5px; height: 22px; } #onixProduct .tabs li a { float: left; height: 22px; background-image: url('../templates/layout/$file/onixProductTabsRight_off.gif'); background-position: top right; background-repeat: no-repeat; text-decoration: none; } #onixProduct .tabs li a span { float: left; height: 22px; padding: 0 10px; line-height: 22px; background-image: url('../templates/layout/$file/onixProductTabsLeft_off.gif'); background-position: top left; background-repeat: no-repeat; } #onixProduct .tabs li a:hover, #onixProduct .tabs li a.current { background-image: url('../templates/layout/$file/onixProductTabsRight_on.gif'); } #onixProduct .tabs li a:hover span, #onixProduct .tabs li a.current span { background-image: url('../templates/layout/$file/onixProductTabsLeft_on.gif'); } #onixProductForm { padding: 15px 0 30px 45px; border: 1px solid #DDDEDF; border-left-width: 0; border-right-width: 0; margin-bottom: 30px; } #onixProductForm * { margin: 0; padding: 0; float: left; margin-right: 10px; } #onixProductForm #quantity { width: 30px; } #onixProductForm .add, #onixProductForm .inspect, #onixProductForm .remove, #onixProductForm .removeInspect, #onixProductForm label { margin-top: 2px; } #onixProductForm .added { float: left; height: 20px; width: 100px; line-height: 20px; background-image: url('../templates/layout/$file/addedToOrder.gif'); background-repeat: no-repeat; background-position: 15px 1px; font-weight: bold; } /*-------------------------------------------------------------------------------------------------------------------------------------------- ONIX PRODUCT TABLE */ #onixProductTable { width: 600px; border-collapse: collapse; } #onixProductTable td.bookCover { } #onixProductTable td.bookCover img { display: block; margin-left: 45px; } .bookCover ul { list-style-type: none; margin: 0; padding: 0; padding-top: 3px; } .bookCover ul li { overflow: hidden; padding-left: 45px; } .bookCover * { margin: 0; padding: 0; } .bookCover a { text-decoration: none; display: block; padding: 5px 2px; margin-bottom: 5px; border-bottom: 1px solid #22C4F3; } .bookCover a:hover { text-decoration: underline; } .bookCover li.ts { position: relative; } .bookCover li.ts a.ts { display: block; height: 17px; width: 17px; text-indent: -9000px; position: absolute; top: 7px; left:20px; background-image: url('../templates/layout/$file/teacherSupportIcon.gif'); background-repeat: no-repeat; margin: 0; padding: 0; text-decoration: none; border-width: 0; } * html .bookCover li.ts a.ts { top:0; left: 0; margin-left: -25px; margin-top: 5px; } .relatedTitles { margin: 0; padding: 0; border-top: 1px solid #DDDEDF; padding-top: 20px; margin-top: 20px; } .relatedTitles * { margin: 0; padding: 0; } .relatedTitles h4 { margin-bottom: 10px; } .relatedTitles ul { list-style-type: none; } .relatedTitles ul li a { text-decoration: none; margin: 2px 0; display: block; } .relatedTitles ul li a:hover { text-decoration: underline; } #onixProductTable td.divider { width: 20px; } #onixProductTable td.bookDetails { padding-left: 20px; border-left: 1px solid #DDDEDF; } .noDividerBorder td.bookDetails { border-left-width: 0 !important; } /*-------------------------------------------------------------------------------------------------------------------------------------------- TEACHER SUPPORT TABLE */ .teacherSupportTemplate table { border-collapse: collapse; border-color: White; border-style: none; margin: 0; padding: 0; border-width: 0; width: 619px; } .teacherSupportTemplate table *{ margin: 0; padding: 0; border-width: 0; border-style: none; } .teacherSupportTemplate table thead tr{ /*border: 1px solid #DDDEDF; border-left-width: 0; border-right-width: 0;*/ background-image: url(../templates/layout/$file/tsTableHeadBkg.gif); background-repeat: repeat-x; } .teacherSupportTemplate table tbody tr{ } .teacherSupportTemplate table thead tr td{ color: #062f83; font-weight: bold; /*padding: 5px 0 5px 15px;*/ padding: 0 0 0 15px; height: 32px; line-height: 32px; } .teacherSupportTemplate table tbody tr td{ padding: 10px 0 10px 15px; background-image: url(../templates/layout/$file/tsTableBodyBkg.gif); background-repeat: repeat-x; background-position: left bottom; } .teacherSupportTemplate table tbody tr td.blank { text-align: center; padding-left: 0; } .teacherSupportTemplate table tbody tr td img{ position: relative; margin-right: 8px; margin-left: -17px; } .teacherSupportTemplate table a{ text-decoration: none; color: #062f83; padding-left: 15px; background-position: left center; background-repeat: no-repeat; } .teacherSupportTemplate table a:hover{ text-decoration: underline; } .teacherSupportTemplate table a.pdf{ background-image: url(../templates/layout/$file/adobeReaderIcon.jpg); } .teacherSupportTemplate table a.excel{ background-image: url(../templates/layout/$file/excelIcon.jpg); } .teacherSupportTemplate table a.word{ background-image: url(../templates/layout/$file/wordIcon.jpg); padding-left: 17px; } .teacherSupportTemplate table a.zip{ background-image: url(../templates/layout/$file/MEA_icon_zip.gif); padding-left: 17px; } .teacherSupportTemplate table a.mp3{ background-image: url(../templates/layout/$file/MEA_icon_audio.gif); padding-left: 17px; } /*-------------------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY */ #onixProduct h3 { /*color:#CE0F16;*/ font-size:15px; } #onixProduct h4 { font-size:13px; color:#CE0F16; } #onixProduct p { font-weight: bold; } #onixProduct p span { color: #848484; font-weight: normal; } #onixProduct p.available { color:#CE0F16; } #onixProduct .tabs li a span { color: White; font-weight: bold; font-size: 11px; } .bookCover a { color: #22C4F3; font-size: 10px; font-weight: bold; } .relatedTitles ul li a { color: #585858; }