/* ***************************************** This file contains 6 sections: * Imported Styles * Header Styles * Sidebar Styles * Footer Styles * Main Content Styles * Default Styles Each section contains 3 subsections * Font Styles * Table Styles * Link Styles ***************************************** */ /* ****************************** * Imported Styles */ /* Global Styles - Affects all efollett.com sites. */ @import url(global_styles.css); /* ****************************** */ body{ background:#FFFFFF url(/htmlroot/images/backgrounds/body_001.jpg) top left repeat-x; } .major_headers{ background:#dde7f3; color:#003366; } a:link{ color:#000000; } a:hover{ color:#000000; } a:visited{ color:#000000; /*#000000*/ } /* H E A D E R*/ #header{ color:#FFFFFF; } #header a{ color:#FFFFFF; } #top_nav{ background:#ff9900; color:#000000; } #top_nav ul li a{ color:#000000; text-decoration:none; } #top_nav ul li a:visited{ color:#000000; text-decoration:underline; } #top_nav ul li a:hover{ color:#000000; text-decoration:underline; } #your_account, #skip_to_content{ background:#0a468b; } #searchbox{ background:#0a52a4; color:#FFFFFF } .searchLabel{ font-size:120%; color:#FFFFFF; font-weight:bold; } #searchbox a{ color:#FFFFFF } /* C O N T E N T */ /*featured items */ .feat_ite{ border:1px solid #ff9900; color:#003366; } /* book selector */ #book_selector ul li{ background:#ff9900; } #book_selector a{ color:#000000; text-decoration:none; display:block; } #book_selector a:hover{ text-decoration:underline; } /*featured items */ .feat_ite{ border:1px solid #ff9900; color:#003366; } /* announcements and events*/ #announcements h3, #events h3{ color:#FFFFFF; background:#0a52a4; } #announcements, #events, #item_description, #content fieldset{ border:1px solid #003366; } fieldset#Demographics { border: medium none ; } #Demographics legend { display: block; font-weight: bold; font-size: 100%; } fieldset#Register { border: medium none ; } #Register legend{ color: #003366; background:#dde7f3; padding:2px 3px; } #Register legend span{ display: block; width: 550px; } #material_results fieldset { border:none; } #material_results h2 { background: #dde7f3; color: #003366; } /* F O O T E R */ #footer{ background:#dde7f3; color:#003366; } #footer ul li a:link{ color:#003366; } #footer ul li a:visited{ color:#003366; } #footer ul li a:hover{ color:#003366; } /*------------------secondary pages----------------*/ #detail_page h4{ border: 1px solid #ff9900; margin:0 0 10px 0; color:#003366; } .secondaryPageHeader{ background:#dde7f3; color:#000000; } .secondaryPageHeaderHomepage{ background:#ffffff; color:#000000; } .secondaryPageHeaderSub{ font-size:100%; background:#dde7f3; color:#003366; border: 1px solid #333333; padding:2px; } .bookResultsHeading{ font-size:170%; color: #000000; } .bookResults{ font-size:100%; color: #000000; } #add_to_cart{ border: 1px solid #003366; } #add_to_cart h2{ color:#000000; } /** shopping cart **/ .ShoppingCartTable th{ background:#dde7f3; border: #CCCCCC 2px solid; color:#003366; } .ShoppingCartTable td{ padding:5px; } .reviewFormHeader{ background:#336699; color:#FFFFFF; width:660px; border: 1px solid #333333; padding:2px; } * Header Styles -> Font Styles */ /* Regular text used in the header */ div.ddcsDisclaimer {font-family:Arial, Helvetica, sans-serif, verdana;font-size:55%;color:#000000;padding: 0px;margin: 0px;} div.headerFooter {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: #FFFFFF;padding-bottom: 3px;padding-left: 5px;padding-right: 5px;padding-top: 2px;} /* Header Styles -> Link Styles */ a.headerFooterLinks:link {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;} a.headerFooterLinks:visited {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;} a.headerFooterLinks:active {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;} a.headerFooterLinks:hover {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;} /* Header Styles -> Table Styles */ /* Background for the a.headerlinks and other Header content */ td.headerFooter {background-color: #003366;} /* Secondary Color below header */ td.headerFooterBreak {background-color: #FF9900;} /* Background for the a.categoryLinks links */ td.categoryLinks {background-color: #336699;} /* Category link .DIV style */ div.categoryLinks {padding-bottom: 0px;padding-left: 1px; padding-right: 1px; padding-top: 0px;} div.subCategory {padding-bottom: 0px;padding-left: 13px; padding-right: 1px; padding-top: 0px;} div.subCategory2 {padding-left: 22px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px;} div.subCategory3 {padding-left: 40px; padding-right: 3px; padding-top: 0px; padding-bottom: 0px;} /* Category link style */ a.categoryLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 90%;color: White;font-weight: bold;} a.categoryLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 90%;color: White;font-weight: bold;} a.categoryLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 90%;color: #FF9900;font-weight: bold;} a.categoryLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 90%;color: #FF9900;font-weight: bold;} /* subCategory link style */ a.subCategory:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #000000;font-weight: bold;} a.subCategory:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #000000;font-weight: bold;} a.subCategory:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #FFFFFF;font-weight: bold;} a.subCategory:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #FFFFFF;font-weight: bold;} /* subCategory2 link style */ a.subCategory2:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #333333;font-weight: bold;} a.subCategory2:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #333333;font-weight: bold;} a.subCategory2:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #FFFFFF;font-weight: bold;} a.subCategory2:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #FFFFFF;font-weight: bold;} /* subCategory3 link style */ a.subCategory3:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #333333;font-weight: bold;} a.subCategory3:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size:70%;color: #333333;font-weight: bold;} a.subCategory3:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #333333;font-weight: bold;} a.subCategory3:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:70%;color: #333333;font-weight: bold;} /* Sidebar Styles -> Font Styles */ /* Paragraph text used in the sidebar */ p.sideText {font-family: arial, helvetica, sans-serif;font-size:70%;color: #333333;text-decoration: none;} /* Paragraph text used in the sidebar */ div.sideText {font-family: arial, helvetica, sans-serif;font-size:70%;color: Black;text-decoration: none; padding: 2px 5px 3px 5px; } div.sideTextForMatList {font-family: arial, helvetica, sans-serif;font-size:70%;color: Black;text-decoration: none; padding: 2px 5px 3px 5px; } /* Heading text in the sidebar. See td.mainHeading */ div.sideHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: Black;text-decoration: none; padding: 2px 5px 3px 5px; } /* Sidebar Styles -> Link Styles */ a.sidebarLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size:50%;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;} a.sidebarLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: bold;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;} a.sidebarLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: bold;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;} a.sidebarLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: bold;color: black;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;} a.sidebarsubLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: normal;color: #CC6600;font-size:50%;} a.sidebarsubLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: normal;color: #CC6600; font-size:50%;} a.sidebarsubLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: normal;color: #CC6600; font-size:50%;} a.sidebarsubLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: normal;color: #CC6600; font-size:50%;} /* Sidebar Styles -> Table Styles */ /* The background & style of the sidebar */ td.sidebar {background-color: #FFFFFF;} /* The background & style of the sidebar Heading*/ td.sideHeading {background-color: #CCCCCC; border-bottom-width: 1px; border-color: #333333; border-style: solid; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;} /* The background & style of the sidebar Heading*/ th.sideHeading {background-color: #CCCCCC;border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;border-bottom-width: 1px; border-color: #333333; border-style: solid;} td.nonactiveLinks {font-family: arial, helvetica, sans-serif;font-size:50%;color: #B5B5B5;font-weight: bold;line-height: 10pt;} td.sidebarsubLinks {font-family: arial, helvetica, sans-serif;} /* Background for the sideText text */ td.sideText {background-color: White;} /* When viewing Sub categories, a list of them is displayed on the sidebar and the current category is highlighted. Background for class a.subCategory*/ td.subCategory {background-color: #999999;} /* Background for class a.subCategory2*/ td.subCategory2 {background-color: #CCCCCC;} /* Background for class a.subCategory3*/ td.subCategory3 {background-color: #FFFFFF;} /* ****************************** * Footer Styles -> Font Styles */ font.footerText {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: White;text-decoration: none;} div.footer {font-family: arial, helvetica, sans-serif;font-size:70%;font-weight: normal;color: White;text-decoration: none;padding-bottom: 3px;padding-left: 5px;padding-right: 5px;padding-top: 2px;} /* Footer Styles -> Link Styles*/ a.footerLinks:link {font-family: arial, helvetica, sans-serif;font-size:50%;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;font-weight: normal} a.footerLinks:visited {font-family: arial, helvetica, sans-serif;font-size:50%;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;color: #FFFFFF;font-weight: normal;} a.footerLinks:active {font-family: arial, helvetica, sans-serif;font-size:50%;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;color: #FFFFFF;font-weight: normal;} a.footerLinks:hover {font-family: arial, helvetica, sans-serif;font-size:50%;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;color: #FFFFFF;font-weight: normal;} /* Footer Styles -> Table Styles*/ td.footer {background-color: #003366;} /* Secondary color above footer*/ td.footerBreak {background-color: #FF9900;} /* Feature category text */ a.featured:link { color: white; text-decoration: underline} a.featured:active { color: white; text-decoration: underline } a.featured:visited { color: white; text-decoration: underline } a.featured:hover { color: white; text-decoration: underline } th.featuretext {color: White;font-family: arial, helvetica, sans-serif;font-size: 90%;padding: 3px;} h2.subHeading {background:#dde7f3; border: 1px; border-color: #666666; border-style: solid; text-align: left;color:#003366; } /* ************************************ * Main Content Styles -> Font Styles */ /* General store text */ font.text {font-family: arial, helvetica, sans-serif;font-size: 90%;padding: 0px;margin: 0px;text-decoration: none;} /* General store text */ .text {font-family: arial, helvetica, sans-serif;font-size: 90%;padding: 3px;} /* Labels for Fields */ div.fieldLabel {font-family: arial, helvetica, sans-serif;font-size: 90%; font-weight: bold; color: Black;} /* General store text & Text color of store buttons(See td.buttonStyle) */ font.strongtext, font.buttonStyle {font-family: arial, helvetica, sans-serif;font-size:50%;font-weight: bold;color: black;padding: 0px;margin: 0px;text-decoration: none;} /* General store text in red */ font.redText {font-family: arial, helvetica, sans-serif;font-size: 10px;color: red;text-decoration: none;} /* General store text in red */ .redText {font-family: arial, helvetica, sans-serif;color: #CC0000;padding: 0px;margin: 0px;text-decoration: none;} /* Used for all dollar values */ font.price {font-family: arial, helvetica, sans-serif, verdana;font-size: 55%;color: black;padding: 0px;margin: 0px;} /* Used for all dollar values */ .price {font-family: arial, helvetica, sans-serif, verdana;font-size: 90%;color: black;padding: 0px;margin: 0px;} /* General store strong text in red */ font.strongRedText {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;} /* General store strong text in red */ div.strongRedText {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;} /* Used for all dollar values in red*/ font.redPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 55%;color: red;padding: 0px;margin: 0px;} /* Used for all bold dollar values */ font.strongPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 90%;font-weight: bold;color: black;padding: 0px;margin: 0px;} /* Used for all dollar values */ .strongPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 90%;font-weight: bold;color: black;padding: 0px;margin: 0px;} /* The top heading on each page */ font.pageHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;text-align: left;color: black;} /* The top heading on each page */ .pageHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;text-align: left;color: black; padding-bottom: 15px; padding-left: 3px; } /* After the top heading on some pages appears a secondary heading */ font.subHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: White;} /* After the top heading on some pages appears a secondary heading */ div.subHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color:#FFFFFF;} div.subHeadingForMatList {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: White; padding: 1px 2px;} /* After the top heading on some pages appears a secondary heading */ div.blackHeading {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;color: White; padding: 2px 3px;} /* Used on asterisks (*) to indicate a required field on a form */ font.requiredInputText {font-family: arial, helvetica, sans-serif;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;} /* Sets the phone number format text. Text is: (xxx-xxx-xxxx) */ font.phoneNumberFormat {font-family: arial, helvetica, sans-serif;font-size: 40%;color: #666666;padding: 0px;margin: 0px;} /* Various styles that share the same attributes * font.textCustomColor -> A different color of text in the site * font.productName -> Used for displaying product names * textOverBackground -> Text in the main content area that is over the background style td.textOverBackground*/ font.textCustomColor, font.productName, font.textOverBackground {font-family: arial, helvetica, sans-serif;font-size: 60%;font-weight: bold;text-align: left;color: #666666;padding: 0px;margin: 0px;} /* On the login and My Account pages there is text over another color. See td.textOverBackgroundMyAccount for the background color */ font.textOverBackgroundMyAccount {font-family: arial, helvetica, sans-serif;font-size:50%;font-weight: bold;color: white;padding: 0px;margin: 0px;text-decoration: none;} /* Defines font text for chart headings. Ex. The Shopping cart page shows a chart of all items in the customers cart. The chart has headings such as'item' & 'quantity'. See th.textOverBackgroundCharts for background color */ font.textOverBackgroundCharts {font-family: arial, helvetica, sans-serif;font-size:50%;font-weight: bold;color: white;padding: 0px;margin: 0px;text-decoration: none;} /* Labels for form elements */ font.label {font-family: arial, helvetica, sans-serif;font-size: 90%;font-weight: bold;text-align: left;color: #000000;padding: 0px;margin: 0px;} /* Used to highlight the name identifying an address */ font.addressName {font-family: arial, helvetica, sans-serif;font-size: 60%;font-weight: bold;text-align: left;color: #666666;padding: 0px;margin: 0px;} /* Used to display the remaining part of each address */ font.address {font-family: arial, helvetica, sans-serif;font-size: 60%;color: black;padding: 0px;margin: 0px;} /* Used to callout important information */ #alertBox { border: 1px solid #999886; background: #FFFFCC; padding: 10px; } #alertBox h1 { color: #CC0000; font-size: 150%; margin: 0px 0px 10px; padding: 0px; line-height: 19px; } #alertBox p { font-size: 13px; margin: 0px; padding: 0px; } /* Main Content Styles -> Link Styles */ /* Main Content Styles -> Table Styles */ table.outlined { border: 1px solid #666666;} /* Defines the color of the font.subHeading, goes above mainContent - background color, spacing, ... */ .subHeading {background-color: #336699; border: 1px; border-color: #333333; border-style: solid; color:#FFFFFF; } /* background color, spacing, ... */ th {background-color: #336699; border: 1px; border-color: #330000; border-style: solid; text-align: left; color:#FFFFFF;} /* Black subheading values ... */ td.blackHeading {background-color: #000000; color:#ffffff;} /* Defines the style of the main frame - background color, spacing, ... */ td.mainContent {background-color: #ffffff;} /* General table spacing used throughout site */ td.topspace {padding-left: 3px;margin-left: 3px;padding-top: 5px;} /* General spacing. Usually used before a pageHeading or subHeading */ td.categoryspace {padding-left: 0px;margin-left: 0px;padding-top: 4px;padding-bottom: 2px;} /* The background color of the buttons. See font.buttonStyle */ td.buttonStyle {background-color: #E4CDCD;} /* We have a privacy policy whenever a personal information is asked for */ td.privacyStatement {background-color: #E4CDCD;} /* See class font.textOverBackground */ td.textOverBackground {background-color: #C6C6C6;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;} /* See class font.textOverBackgroundMyAccount */ td.textOverBackgroundMyAccount {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;} /* See class th.textOverBackgroundCharts */ th.textOverBackgroundCharts {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;} td.textOverBackgroundCharts {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;} /* For highlighted cells. See Product Catalog */ td.highlight {background-color: #FFCC66;} /* **************** * Default Styles */ div.subHeading a, div.subHeading a:hover {color: #FFFFFF; text-decoration: underline;} p {font-family: arial, helvetica, sans-serif;font-size: 100%;color: black; padding: 3px; } select {font-family: arial, helvetica, sans-serif;font-size:80%;font-weight: normal;font-style: normal;text-align: top;} input {font-family: arial, helvetica, sans-serif;font-size:90%;font-weight: normal;font-style: normal;} .inlineform { FONT-WEIGHT: normal; FONT-FAMILY: Arial, sans-serif; display:inline} /* Content Menu */ div.content_menu_option { background-color: #000000; color:#FF0000; } div.content_menu_option a, div.content_menu_option a:visited { color:#FF0000; text-decoration:none; display:block; } div.leftnav_section_header { background-color: #CC0000; color:#FFFFFF; }