/*========================*/ /* GLOBAL.CSS /*========================*/ /* This CSS file includes: - Basic styles to body text, paragraphs, hyperlinks, forms, etc. - ID's for page layouts. - Header, Footer, and Main Search styles. - Non-Specific classes - The "ClearFix" filters */ /* NON-SPECIFIC CLASSES */ .highlight { color: #0091D0; /*text-decoration:none;*/ } /* BASIC STYLES */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1.2em; } p { margin: 0; padding: 0; } a { color: #666; font-weight: bold; text-decoration: underline; } a:hover { color: #000000; text-decoration: underline; } form { margin: 0; padding: 0; } /* PAGE LAYOUTS */ #fixed #pageContainer { width: 956px; text-align: left; margin: 0 auto; } #liquid #pageContainer { width: 100%; text-align: left; margin: 0 10px; } /* HEADER */ #header { position: relative; border: 1px solid #999; border-width: 0 0 1px 0; } #header h1 { background-image: url(/images/ji2/ji.logo.gif); background-repeat: no-repeat; height: 74px; width: 228px; text-indent: -9999px; float: left; margin: 0; } #header h1 a { display: block; height: 61px; outline:0px; } #header ul { margin: 0; padding: 0; list-style-type: none; float: right; } #header ul li { float: left; line-height: 1.2em; margin: 0 0 0 .6em; padding: 0 .6em 0 0; border: 1px solid #666; border-width: 0 1px 0 0; } #header ul li.lastChild { padding: 0; border-width: 0; } #header #mainNav { /* font-size: 85%;*/ font-size: 1.0em; margin-top: 4.2em; text-decoration: underline; } #subNav { /* font-size: 75%;*/ font-size: .9em; position: absolute; top: 10px; right: 0; } #subNav li#country { position: relative; } #subNav li#country img { float: left; display: inline; margin: 0 5px 0 0; border: 1px solid #CCC; } #subNav li#country select { font-size: .9em; float: left; display: inline; } /* MAIN SEARCH */ #mainSearch { /* background-color: #E7E7E7; text-align: right; */ padding: 12px 0; margin: 5px 0; border: 1px solid #999; border-width: 0 0 1px 0; } #mainSearch label.highlight { font-weight: bold; font-size: 1.2em; } #mainSearch input { font-size: 1.1em; } #mainSearch input[type="text"] { width: 12em; } /* MAIN SEARCH - FOR AT LARGE NEWSLETTER ONLY*/ #mainSearch_atlarge { padding: 12px 0; margin: 5px 0 0 0; border: 1px solid #999; border-width: 0 0 1px 0; } #mainSearch_atlarge label.highlight { font-weight: bold; font-size: 1.2em; } #mainSearch_atlarge input { font-size: 1.1em; } #mainSearch_atlarge input[type="text"] { width: 12em; } /* OTHER OFFERINGS */ #otherOfferings { float: left; width: 956px; margin: 0; padding: 0 0 5px 0; border: 1px solid #999; border-width: 0 0 1px 0; } #otherOfferings h3 { float: left; font-size: 1em; color: #666; margin: 0 15px 0 0; } #otherOfferings ul { margin: 0; padding: 0; list-style-type: none; } #otherOfferings ul li { float: left; } #otherOfferings ul li a { color: #0091D0; margin: 0 15px 0 0; text-decoration: underline; } #otherOfferings ul li a:hover { color: #000000; text-decoration: underline; } /* FOOTER */ #footer { clear: both; padding-top: 10px; margin: 0 0 10px 0; } #footer ul { margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; } #footer li { display: inline; margin-right: 13px; } #footer li a { font-weight: normal; text-decoration: underline; } #footer li a:hover { color: #000000; text-decoration: underline; } .nobr { display: none; } /* CLEARFIX */ .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearFix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearFix {height: 1%;} .clearFix {display: block;} /* End hide from IE-mac */