/* ------------------------------------------------------------------- Hull Museums stylesheet: global styles ------------------------------------------------------------------- */ /* Inc. amends for HCAL styling*/ /* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } body { font: 62.5% "Arial", sans-serif; background: #fff; color: #000; text-align: center; } input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; } hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; } ul, ol { list-style: none; } .hide, .skipNav { position: absolute; top: 0; left: -9999px; } .skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .floatRight {float:right;} .imgLeft { margin: 0; font-size: 1em !important; } .imgLeft img { margin: 0 1em 1em 0; font-size: 1em; float: left; } .imgRight img { margin: 1em 0 1em 1em !important; padding: 0 !important; font-size: 1em !important; float: right !important; } .col2 { width: 49.9%; float: left; } .col3 { width: 33.2%; float: left; } .col4 { width: 24.9%; float: left; } .col5 { width: 19.9%; float: left; } a { color: #000; } a:hover { color: #000; } a:active, a:focus { color: #000; } /* Drop shadows, main wrapper, header, main menu and search bar -------------------------------------------------------------------------- */ #dropShadow1 { background: url(/images/template/dropshadow1.gif) repeat-y center; } #dropShadow2 { background: url(/images/template/dropshadow2.gif) no-repeat top; } #dropShadow3 { background: url(/images/template/dropshadow3.gif) no-repeat bottom; padding: 0 0 18px 0; } #wrapper { width: 768px; margin: 0 auto; text-align: left; } /*#header { padding: 0 20px 20px 20px; background: #6384b1; color: #fff; }*/ #header { padding: 0 20px 20px 20px; background: #fff; color: #000; } #header ul { padding: 1em 0 0 0; text-align: right; } #header ul li { display: inline; padding: 0; font-size: 1.1em; } /*#header ul li a { color: #fff; }*/ #header ul li a { color: #000; } #header ul li a:hover { text-decoration: none; } /* #header ul li a:active, #header ul li a:focus { background: #fff; color: #6384b1; } */ #header ul li a:active, #header ul li a:focus { background: #fff; color: #1F6E3E; } #header ul li#skipNav { padding: 0; } #header ul li#skipNav a { position: absolute; top: -9999px; left: 0; } #header ul li#skipNav a:focus, #header ul li#skipNav a:active { top: 0; font-size: 1.2em; padding: .5em; } #header ul li dl, #header ul li dl dt, #header ul li dl dd { display: inline; } #header ul li dl dd a { text-transform: uppercase; } #header ul li dl dd.large a { font-size: 1.2em; } #header ul li dl dd.xlarge a { font-size: 1.4em } #header ul li dl dd a span { position: absolute; top: -9999px; left: 0; } /* #header .logo { margin: 0 70px 0 0; float: left; } */ #header .logo { margin: 0 30px 0 0; float: left; } /* addition */ #header .logotype {margin-top:12px; float:left;} #header strong.title { display: block; padding: 16px 0 0 0; font-size: 3em; } #mainMenu { border: solid #fff; border-width: 1px 0; background: url(/images/template/mainmenubg.gif) repeat-x center; } #mainMenu ul li { float: left; background: url(/images/template/mainmenulibg.gif) no-repeat right center; text-align: center; } #mainMenu ul li.mm1 { width: 102px; } #mainMenu ul li.mm2 { width: 132px; } #mainMenu ul li.mm3 { width: 108px; } #mainMenu ul li.mm4 { width: 132px; } #mainMenu ul li.mm5 { width: 106px; } #mainMenu ul li.mm6 { width: 188px; background: none; } #mainMenu ul li a { padding: .5em 0 .6em 0; color: #333; text-decoration: none; font-size: 1.3em; display: block; font-weight: bold; } /*#mainMenu ul li a.on { color: #fff; background: #6384b1; }*/ #mainMenu ul li a.on { color: #fff; background: #1F6E3E; } #mainMenu ul li a:hover, #mainMenu ul li a:active, #mainMenu ul li a:focus { text-decoration: underline; } /* #searchBar { padding: 1em 20px; background: #eff2f7; } */ #searchBar { padding: 1em 20px; background: #C0D730; } #searchBar fieldset { font-size: 1.2em; float: left; } #searchBar fieldset legend { font-size: 0; position: absolute; top: 0; left: -9999px; } #searchBar label { font-weight: bold; vertical-align: middle; } #searchBar input { margin: 0 .2em; padding: .1em .2em; vertical-align: middle; border: 1px solid #6384b1; } #searchBar input.submit { margin: 0; padding: 0; vertical-align: middle; border: 0; } #searchBar a.advSearch { margin: .4em 0 0 0; font-size: 1.2em; font-weight: bold; color: #06c; float: right; } #searchBar .options { margin: .5em 0 0 4.2em; font-size: .9em; } #searchBar .options label { font-weight: normal; } #searchBar .options input { border: 0; } #advSearchBar { margin: 1px 0 0 0; padding: .4em 0 1em 10px; background: #eff2f7; display: none; } #advSearchBar div div { width: 325px; margin: 0 0 0 30px; float: left; display: inline; } #advSearchBar div div div { width: auto; margin: 0; float: none; display: block; } #advSearchBar div.label { width: 120px; margin: 1em 0 0 0; float: left; } #advSearchBar div.label label { margin: .2em 0 0 0; display: block; font-size: 1.2em; font-weight: bold; } #advSearchBar div.label p { font-size: 1.2em } #advSearchBar div.input { width: 200px; margin: .9em 0 0 0; font-size: 1.1em; float: left; } #advSearchBar div.input input { width: 96%; padding: 0 2%; font-size: 1.1em; border: 1px solid #6384b1; } #advSearchBar div.input select { width: 100%; font-size: 1.1em; } #advSearchBar div.input .checklist { border: 1px solid #6384b1; height: 70px; overflow: auto; } #advSearchBar div.input .checklist label { width: 96%; float: none; padding: .3em 2%; display: block; vertical-align: middle; background: #fff; } #advSearchBar div.input .checklist input { width: auto; margin: 0 .5em 0 0; padding: 0; font-size: 1em; float: left; vertical-align: middle; border: 0; } #advSearchBar div.input .checklist label:hover, #advSearchBar div.input .checklist label.hover { background: #d0dae7; } #advSearchBar div.submit { margin: 1em 0 0 0; text-align: right; } /* Breadcrumb and left col -------------------------------------------------------------------------- */ #pagetools { padding: 10px 10px 0 0; font-size: 1.1em; float: right; } #pagetools ul li { padding: 0 0 0 10px; float: left; } #pagetools ul li.email { background: url(/images/template/pagetools-email.gif) no-repeat center right; } #pagetools ul li.bookmark { background: url(/images/template/pagetools-bookmark.gif) no-repeat center right; } #pagetools ul li.print { background: url(/images/template/pagetools-print.gif) no-repeat center right; } #pagetools ul li a { float: left; display: block; padding: 1px 20px 1px 0; color: #06c; } #pagetools ul li a:hover { text-decoration: none; } #breadcrumb { padding: 10px; font-size: 1.1em; } #breadcrumb ol { display: inline; } #breadcrumb ol li { display: inline; } #breadcrumb ol li a { color: #06c; } #breadcrumb ol li a:hover { text-decoration: none; } #breadcrumb ol li a:active, #breadcrumb ol li a:focus { background: #06c; color: #fff; } #breadcrumb ol li img { vertical-align: middle; } /* #leftCol { width: 150px; float: left; } #leftCol dl { border-bottom: 6px solid #ebebeb; } #leftCol dl dt a, #leftCol dl dt span { padding: .3em .7em; display: block; font-size: 1.2em; color: #333; text-decoration: none; font-weight: bold; border-bottom: 2px solid #6384b1; } #leftCol dl dt a:hover { text-decoration: underline; } #leftCol dl dt a:active, #leftCol dl dt a:focus { color: #fff; background: #6384b1; } #leftCol dl dd a, #leftCol dl dd span { padding: .3em .3em .3em 18px; display: block; font-size: 1.1em; color: #333; background: #eff2f7; text-decoration: none; border-bottom: 1px solid #ebebeb; } #leftCol dl dd strong a, #leftCol dl dd span { background: #d1d9ec; font-weight: bold; } #leftCol dl dd a:hover { text-decoration: underline; } #leftCol dl dd a:active, #leftCol dl dd a:focus { background: #d1d9ec; } */ #leftCol { width: 150px; float: left; } #leftCol dl { border-bottom: 6px solid #ececec; } #leftCol dl dt a, #leftCol dl dt span { padding: .3em .7em; display: block; font-size: 1.2em; color: #333; text-decoration: none; font-weight: bold; border-bottom: 2px solid #00723A; } #leftCol dl dt a:hover { text-decoration: underline; } #leftCol dl dt a:active, #leftCol dl dt a:focus { color: #fff; background: #CEDF55; } #leftCol dl dd a, #leftCol dl dd span { padding: .3em .3em .3em 18px; display: block; font-size: 1.1em; color: #333; background: #E0EB96; text-decoration: none; border-bottom: 1px solid #ececec; } #leftCol dl dd strong a, #leftCol dl dd span { background: #CEDF55; font-weight: bold; } #leftCol dl dd a:hover { text-decoration: underline; } #leftCol dl dd a:active, #leftCol dl dd a:focus { background: #CEDF55; } #leftCol dl dd dl { border-bottom: 0; } /* #leftCol dl dd dl dd a, #leftCol dl dd dl dd span { padding: .3em .3em .3em 30px; background: #eff2f7 url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } */ #leftCol dl dd dl dd a, #leftCol dl dd dl dd span { padding: .3em .3em .3em 30px; background: #eeeeee url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } /* #leftCol dl dd dl dd strong a, #leftCol dl dd dl dd span { padding: .3em .3em .3em 30px; background: #d1d9ec url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } */ #leftCol dl dd dl dd strong a, #leftCol dl dd dl dd span { padding: .3em .3em .3em 30px; background: #d9e0a7 url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } /* #leftCol dl dd dl dd a:active, #leftCol dl dd dl dd a:focus { background: #d1d9ec url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } */ #leftCol dl dd dl dd a:active, #leftCol dl dd dl dd a:focus { background: #d9e0a7 url(/images/template/leftmenusquare.gif) no-repeat 20px .7em; } /* #leftCol dl dd dl dd dl dd a, #leftCol dl dd dl dd dl dd span { padding: .3em .3em .3em 40px; background: #eff2f7 url(/images/template/leftmenusquare.gif) no-repeat 30px .7em; } */ #leftCol dl dd dl dd dl dd a, #leftCol dl dd dl dd dl dd span { padding: .3em .3em .3em 40px; background: #eef1dd url(/images/template/leftmenusquare.gif) no-repeat 30px .7em; } #leftCol dl dd dl dd dl dd strong a, #leftCol dl dd dl dd dl dd span { padding: .3em .3em .3em 40px; background: #ffffff url(/images/template/leftmenusquare2.gif) no-repeat 30px .7em; } /* #leftCol dl dd dl dd dl dd a:active, #leftCol dl dd dl dd dl dd a:focus { background: #d1d9ec url(/images/template/leftmenusquare.gif) no-repeat 30px .7em; } */ #leftCol dl dd dl dd dl dd a:active, #leftCol dl dd dl dd dl dd a:focus { background: #eef1dd url(/images/template/leftmenusquare.gif) no-repeat 30px .7em; } /* Main content -------------------------------------------------------------------------- */ #content { width: 595px; margin: 0 12px 0 0; padding: 0 0 1em 0; float: right; display: inline; border-bottom: 6px solid #ebebeb; } #content.fullwidth { width: auto; margin: 0 12px; float: none; display: block; } /* #content h1 { font-size: 1.8em; padding: .2em .5em; color: #6384b1; background: #eff2f7; } */ #content h1 { font-size: 1.8em; padding: .2em .5em; color: #1F6E3E; background: #C0D730; } #content h2 { font-size: 1.2em; margin: .8em 0 0 0; } #content p { margin: 1em 0 0 0; font-size: 1.2em;} #content ul { font-size: 1.2em; margin: .8em 0 0 0; zoom: 1; }607 #content ul li { list-style: disc; margin: 0 0 .5em 2em; } #content ul li ul { font-size: 1em; } #content ul.inline { margin: .8em 0 0 0; } #content ul.inline li { list-style: none; margin: 0; display: inline; } #content ol { font-size: 1.2em; } #content dl { font-size: 1.2em; } #content a { color: #06c; } #content a:hover { text-decoration: none; } /* related info box */ #content .relatedInformation { width: 150px; margin: 1.2em 0 0 8px; float: right; background: #eff2f7; } #content .relatedInformation h2 { margin: 0; padding: 5px; background: #6384b1; color: #fff; } #content .relatedInformation dl { font-size: 1.1em; padding: 1px 5px 5px 5px; } #content .relatedInformation dl dt { margin: .8em 0 0 0; padding: 2px 0 2px 20px; font-weight: bold; } #content .relatedInformation dl dt.themes { background: url(/images/template/relatedinfo-themes.gif) no-repeat; } #content .relatedInformation dl dt.images { background: url(/images/template/relatedinfo-images.gif) no-repeat; } #content .relatedInformation dl dt.quiz { background: url(/images/template/relatedinfo-quiz.gif) no-repeat; } #content .relatedInformation dl dt.objects { background: url(/images/template/relatedinfo-objects.gif) no-repeat; } #content .relatedInformation dl dt.downloads { background: url(/images/template/relatedinfo-downloads.gif) no-repeat; } #content .relatedInformation dl dd { padding: 0 0 0 20px; background: url(/images/template/relatedinfodot.gif) no-repeat 7px .5em; } #content .relatedInformation dl dd a { color: #000; text-decoration: none; } #content .relatedInformation dl dd a:hover { text-decoration: underline; } /* collections landing */ /*---table to solve float issues---*/ /*.colTable {width:595px; border:0;}*/ /*---*/ #content .collectionsListing { width: 595px; position: relative; overflow: hidden; } #content .collectionsListing ul { font-size: 1em; width: 607px; margin: -0.05em 0 0 0; list-style: none; } #content .collectionsListing ul li { margin: 8px 8px 0 0; width: 190px; height:auto; float: left; position: relative; list-style: none; } /* #content .collectionsListing ul li img { width:190px!important; } */ #content .collectionsListing ul li a { color: #fff; display: block; text-decoration: none; } /* #content .collectionsListing ul li a { color: #fff; display: block; text-decoration: none; min-height:147px;} */ #content .collectionsListing ul li a.taller {padding-bottom:2.2em; } /* to be used when the venue link is missing */ #content .collectionsListing ul li a:hover, .collectionsListing ul li a:active, #homepageSpotlights ul li a:focus { color: #fff; text-decoration: underline; } #content .collectionsListing ul li a img { display: block; } #content .collectionsListing ul li a span { display: block; padding: .5em; min-height: 2em; font-size: 1.7em; font-weight: bold; line-height: 1em; } /* #content .collectionsListing ul li.one a { background-color: #6384b1; border-top: 10px solid #d0dae7; color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.two a { background-color: #f98720; border-top: 10px solid #fddbbc;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.three a { background-color: #a3b902; border-top: 10px solid #e3eab3;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.four a { background-color: #a3b902; border-top: 10px solid #e3eab3;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.five a { background-color: #df530f; border-top: 10px solid #f5cbb7;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.six a { background-color: #6384b1; border-top: 10px solid #d0dae7;color: #fff; display: block; text-decoration: none; } */ #content .collectionsListing ul li.one a { background-color: #004481; border-top: 10px solid #639AB9; color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.two a { background-color: #91258E; border-top: 10px solid #DEBDDC;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.three a { background-color: #00723A; border-top: 10px solid #5CB98C;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.four a { background-color: #DA3756; border-top: 10px solid #FEBCDC;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.five a { background-color: #007A99; border-top: 10px solid #f5cbb7;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.six a { background-color: #a3b902; border-top: 10px solid #e3eab3;color: #fff; display: block; text-decoration: none; } #content .collectionsListing ul li.tall a span { min-height: 3.3em; } #content .collectionsListing ul li.green a { background-color: #a3b902; border-top: 10px solid #e3eab3; } #content .collectionsListing ul li.blue a { background-color: #6384b1; border-top: 10px solid #d0dae7; } #content .collectionsListing ul li.orange a { background-color: #f98720; border-top: 10px solid #fddbbc; } #content .collectionsListing ul li.red a { background-color: #df530f; border-top: 10px solid #f5cbb7; } #content .collectionsListing ul li ul {width: auto; } #content .collectionsListing ul li.empty {padding: 1em 0; } #content .collectionsListing ul li ul li {margin: 0; width: auto; float: none; } #content .collectionsListing ul li ul li a {padding: .3em 1.3em .3em .3em; font-size: 1.2em; font-weight: bold; text-align: right; background-image: url(/images/template/collectionarrow.gif); background-repeat: no-repeat; background-position: 97% center; } #content .collectionsListing ul li ul li a span { position: absolute; top: 0; left: -9999px; } #content .collectionsListing ul li ul li a { border-top: 0 !important; *margin-top:-1px; } /* secondary landing pages */ #content .landingFeature { margin: 1.5em 0 0 0; } /* #content .landingFeature h2 a img { margin: 0 10px 0 0; border-top: 6px solid #d0dae7; border-bottom: 20px solid #6384b1; float: left; } */ #content .landingFeature h2 a img { margin: 0 10px 0 0; border-top: 6px solid #e3eab3; border-bottom: 20px solid #a3b902; float: left; } #content .landingFeature p { margin: .5em 0 0 110px; } #content .landingFeature dl { margin: .5em 0 0 110px; } #content .landingFeature dl dt { font-weight: bold; padding: 0 0 .5em 0; } #content .landingFeature dl dd { padding: 0 0 0 2.5em; } #content .landingFeature dl dd.all { padding: .5em 0 0 2.5em; } /* collections search results */ #content .searchResults { margin: 1em 0 0 0; padding: 0 12px 12px 12px; background: #eee; } #content .searchResults h2 { margin: 0; padding: .3em 0 .3em 23px; font-size: 1.8em; float: left; color: #6384b1; } #content .searchResults h2.themes { background: url(/images/template/relatedinfo-themes.gif) no-repeat center left; } #content .searchResults h2.general { background: url(/images/template/relatedinfo-general.gif) no-repeat center left; } #content .searchResults h2.galleries { background: url(/images/template/relatedinfo-images.gif) no-repeat center left; } #content .searchResults h2.quiz { background: url(/images/template/relatedinfo-quiz.gif) no-repeat center left; } #content .searchResults h2.objects { background: url(/images/template/relatedinfo-objects2.gif) no-repeat center left; } #content .searchResults p.noOfResults { margin: .7em 0 0 0; color: #6384b1; font-weight: bold; float: right; } #content .searchResults ul { margin: 0; padding: 12px 12px 0 12px; background: #fff; } #content .searchResults ul li { margin: 0 0 0 0; padding: 0 0 1em 0; list-style: none; } #content .searchResults ul li a img { margin: 0 10px 0 0; float: left; border: 1px solid #6384b1; } #content .searchResults p.viewAll { margin: 0; padding: 0 12px 12px 0; text-align: right; background: #fff; } #content .searchResults p.noResult { margin: 0; padding: 0 12px 12px 0; text-align: left; /* background: #fff; font-weight:bold;*/ font-style: normal; font-size:1.2em; color:#222; } #content .searchResults p.viewAll span { position: absolute; top: -9999px; left: 0; } #content .searchResults ul.viewAll { margin: 0; padding: 0 12px 12px 0; text-align: right; background: #fff; } #content .searchResults ul.viewAll li { margin: 0 0 0 1.3em; padding: 0; list-style: none; display: inline; } #content .searchResults ul.viewAll li span { position: absolute; top: -9999px; left: 0; } #content .collectionsSearchOptions { margin: .5em 0 0 0; } #content .collectionsSearchOptions dl { margin: .2em 0 0 0; float: left; } #content .collectionsSearchOptions dl dt { display: inline; } #content .collectionsSearchOptions dl dd { color: #06c; display: inline; } #content .collectionsSearchOptions dl dd strong { color: #000; } #content .collectionsSearchOptions fieldset { font-size: 1.2em; float: right; } #content .collectionsSearchOptions fieldset.sort { float: none; } #content .collectionsSearchOptions fieldset label, #content .collectionsSearchOptions fieldset select, #content .collectionsSearchOptions fieldset input { vertical-align: middle; } #content .collectionsSearchOptions fieldset select option { padding: 0 .3em; } #content .collectionsSearchOptions p { margin: 0; float: left; } #content .collectionsSearchOptions ul { margin: 0; padding: 0; font-size: 1.2em; float: right; listy-style: none; } #content .collectionsSearchOptions ul li { margin: 0; list-style: none; display: inline; } #content .collectionsSearchOptions ul li a span { position: absolute; top: 0; left: -9999px; } #content .collectionsSearchOptions ul li a img { vertical-align: middle; } #content .collectionsSearchResults { margin: 1em 0 0 0; background: #eee; padding: 15px 0 5px 15px; } #content .collectionsSearchResults ul { font-size: 1em; margin: 0; list-style: none; } #content .collectionsSearchResults ul li { width: 102px; overflow: hidden; /* min-height: 220px;*/min-height: 235px; margin: 0 15px 10px 0; padding: 14px; float: left; background: #fff; } #content .collectionsSearchResults ul li a { text-decoration: none; color: #06c; } #content .collectionsSearchResults ul li a img { border: 1px solid #6384b1; } #content .collectionsSearchResults ul li a span { font-size: 1.2em; display: block; margin: .4em 0 0 0; text-decoration: underline; color: #06c; } #content .collectionsSearchResults ul li a:hover span { text-decoration: none; } #content .collectionsSearchResults dl { font-size: 1em; } #content .collectionsSearchResults dl dd { font-size: 1.1em; margin: .6em 0 0 0; } #content .collectionsSearchResults.list ul li { width: auto; float: none; min-height: 0; } #content .collectionsSearchResults.list ul li a img { margin-right: 15px !important; float: left; } #content p.backToSearchResults { background: url(/images/template/backarrow.gif) no-repeat 0 50%; } #content p.backToSearchResults a { padding: 0 0 0 8px; } #content p.enlargedImage { text-align: center; } #content p.enlargedImage img { border: 12px solid #eee; } #content .enlargedImageDetails { width: 500px; margin: 1em 0 0 45px; } #content .enlargedImageDetails div { width: 33.2%; float: left; } #content .enlargedImageDetails dl { color: #333; } #content .enlargedImageDetails dl dt { font-weight: bold; } #content .enlargedImageDetails dl dd { margin: 0 0 .5em 0; } #content .collectionsOverviewNav { margin: 1em 0 0 0; } #content .collectionsOverviewNav ul { margin: 0; list-style: none; float: left; } #content .collectionsOverviewNav ul.right { float: right; } #content .collectionsOverviewNav ul li { margin: 0; list-style: none; color: #06c; display: inline; } #content .collectionsOverviewNav ul li strong { color: #000; } #content .collectionsOverviewNav ul li a img { vertical-align: middle; } #content .collectionsDetail { width: 410px; margin: 1em 0 0 0; float: left; border: 15px solid #eee; } #content .collectionsDetail .image { background: #fff; overflow: hidden; } #content .collectionsDetail .image a { display: block; text-decoration: none; } #content .collectionsDetail .image a span { font-size: 1.1em; padding: .2em .5em .2em 18px; display: block; text-align: left; background: url(/images/template/collectionenlarge.gif) no-repeat 4px 50%; } #content .collectionsDetail .image a:hover span { text-decoration: underline; } #content .collectionsDetail .image h2 { margin: .9em 10px; font-size: 1.1em; color: #333; } #content .collectionsDetail .image dl { margin: .9em 10px; font-size: 1.1em; } #content .collectionsDetail .image dl dt { font-weight: bold; } #content .collectionsDetail .image dl dd { margin: 0 0 .5em 0; } #content .collectionsDetail .image p { margin: .9em 10px; font-size: 1.1em; } #content .collectionsDetail .image p a { display: inline; } #content .collectionsDetail .image p a:hover { text-decoration: underline; } #content .collectionsDetail .content { border-top: 15px solid #eee; background: #fff; padding: 1px 10px 10px 10px; } #content .collectionsDetail .content h2 { color: #333; font-size: 1.1em; } #content .collectionsDetail .content p { font-size: 1.1em; } #content .collectionsDetail .content dl { margin: .9em 0 0 0; font-size: 1.1em; } #content .collectionsDetail .content dl dt { width: 110px; padding: 0 0 .1em 0; font-weight: bold; float: left; } #content .collectionsDetail .content dl dd { padding: 0 0 .5em 0; } #content .collectionsDetail .content dl dd.float { width: 210px; float: left; } #content .collectionsDetail .content table.displayDimensions { width: 380px; font-size:1.1em; margin:.9em 0 0 0;} #content .collectionsDetail .content table.displayDimensions tr th {padding:.1em .2em; font-weight: bold; } #content .collectionsDetail .content table.displayDimensions tr td {padding:.1em .2em; } #content .collectionsDetailRelated { width: 145px; margin: 1em 0 0 0; float: right; background: #eff2f7; } #content .collectionsDetailRelated h2 { margin: 0; padding: 5px; background: #6384b1; color: #fff; } #content .collectionsDetailRelated dl { font-size: 1.1em; padding: 1px 5px 5px 5px; } #content .collectionsDetailRelated dl dt { margin: .8em 0 0 0; padding: 2px 0 2px 20px; font-weight: bold; } #content .collectionsDetailRelated dl dt.themes { background: url(/images/template/relatedinfo-themes.gif) no-repeat; } #content .collectionsDetailRelated dl dt.images { background: url(/images/template/relatedinfo-images.gif) no-repeat; } #content .collectionsDetailRelated dl dt.quiz { background: url(/images/template/relatedinfo-quiz.gif) no-repeat; } #content .collectionsDetailRelated dl dt.objects { background: url(/images/template/relatedinfo-objects.gif) no-repeat; } #content .collectionsDetailRelated dl dd { padding: 0 0 0 20px; background: url(/images/template/relatedinfodot.gif) no-repeat 7px .5em; } #content .collectionsDetailRelated dl dd a { color: #000; text-decoration: none; } #content .collectionsDetailRelated dl dd a:hover { text-decoration: underline; } /* a-z creator/maker */ #content .azListing { padding: 0 0 0 20px; } #content .azListing h2 { margin: 2em 0 0 0; color: #333; } #content .azListing ul { margin: .8em 0 0 0; list-style: none; } #content .azListing ul li { margin: 0; list-style: none; } #content .azListing p { background: url(/images/template/uparrow.gif) no-repeat center left; } #content .azListing p a { padding: 0 0 0 10px; } /* image galleries: resizing THUMB images */ #content .gallery { width: 428px; margin: 1em 0 0 0; padding: 6px 0 6px 6px; background: #eff2f7; } #content .gallery h2 { margin: 0; padding: 0 0 .5em 0; } #content .gallery .bigImg { width: 281px; height: 281px; margin: 0 4px 0 0; padding: 0 3px 3px 0; background: url(/images/template/galleryshadowbig.gif); float: left; text-align: center; } #content .gallery .thumbs { width: 140px; float: left; } #content .gallery .thumbs ul { margin: 0; } #content .gallery .thumbs ul li { width: 64px; height: 66px; margin: 0 4px 4px 0; padding: 0 2px 2px 0; list-style: none; float: left; text-align: center; background: url(/images/template/galleryshadow.gif); } #content .gallery .thumbs ul li img { width: 58px; height: 60px; } /* fv */ /* image galleries: USING BKG THUMB images */ #content .gallery2 { width: 428px; margin: 1em 0 0 0; padding: 6px 0 6px 6px; background: #eff2f7; height:auto; } #content .gallery2 h2 { margin: 0; padding: 0 0 .5em 0; } #content .gallery2 .bigImg { width: 281px; height: 285px; margin: 0 3px 0 0; padding: 0 3px 3px 0; background: url(/images/template/galleryshadowbig.gif); float: left; text-align: center; } #content .gallery2 .thumbs { width: 140px; float: left; } #content .gallery2 .thumbs ul { margin: 0; } #content .gallery2 .thumbs ul li { /*border:1px solid #800000;*/ width: 64px; height: 68px; margin: 0 3px 4px 0; padding:0px; list-style: none; float: left; text-align: center; background: url(/images/template/galleryshadow.gif); } #content .gallery2 .thumbs ul li div { width: 55px; height: 57px; margin:3px 0px 3px 0px; border-left:2px solid #fff; } #content .gallery2 .thumbs ul li div a img { width: 52px; height: 54px; } /* this is image is transparent, but it is used to fill up the link space.*/ #content .gallery2 .thumbs ul li div a img.printOnly { display:none; } /* quiz */ #content .quiz { margin: 1em 0 0 0; } #content .quiz .left { width: 185px; float: left; } #content .quiz .right { width: 410px; float: left; } #content .quiz .right fieldset { margin: 1em 0 0 0; } #content .quiz .right fieldset legend { color: #6384b1; font-size: 1.2em; } #content .quiz .right p.img img { border-top: 6px solid #d0dae7; border-bottom: 20px solid #6384b1; } #content .quiz .right ul { margin: 2em 0 0 0; } #content .quiz .right ul li { margin: 0 0 0 1em; list-style: none; } #content .quiz .right ul li label { margin: .5em 0 0 0; display: block; } #content .quiz .right ul li label strong { color: #6384b1; } #content .quiz .right ul li label input { vertical-align: middle; } #content .quiz .right .submit { margin: .5em 145px 0 0; text-align: right; } #content .quiz .right h3 { margin: 1em 0 0 0; font-size: 1.2em; color: #ed1c24; } #content .quiz .right .question { color: #6384b1; } #content .quiz .right strong.correct { color: #6384b1; } #content .quiz .right strong.incorrect { color: #ed1c24; } #content .quiz .right .takeAnother { margin: 1em 0 0 0; text-align: right; } /* ecards */ #content .ecards { padding: 2em 0 0 0; } #content .ecards h2 { margin: 1em 0 0 .5em; color: #6384b1; font-weight: normal; } #content .ecards .choose { margin: .5em 0 0 0; padding: 12px 0 0 12px; border: 12px solid #eff2f7; } #content .ecards .choose ul { margin: 0; } #content .ecards .choose ul li { width: 175px; margin: 0; padding: 0 11px 11px 0; float: left; list-style: none; } #content .ecards .choose ul li label { cursor: hand; cursor: pointer; display: block; } #content .ecards .choose ul li label span { padding: .4em; font-weight: bold; color: #fff; display: block; } #content .ecards .choose ul li label span input { margin: .1em .6em .3em 0; float: left; } #content .ecards .choose ul li.one label { background: #6384b1; border-top: 12px solid #d0dae7; } #content .ecards .choose ul li.two label { background: #f98720; border-top: 12px solid #fddbbc; } #content .ecards .choose ul li.three label { background: #a3b902; border-top: 12px solid #e3eab3; } #content .ecards .choose ul li.four label { background: #a3b902; border-top: 12px solid #e3eab3; } #content .ecards .choose ul li.five label { background: #df530f; border-top: 12px solid #f5cbb7; } #content .ecards .choose ul li.six label { background: #6384b1; border-top: 12px solid #d0dae7; } #content .ecards .form { margin: .5em 0 0 0; padding: 12px; border: 12px solid #eff2f7; } #content .ecards .form .left { width: 360px; float: left; } #content .ecards .form .right { width: 185px; float: left; } #content .ecards .form legend { font-size: 1.2em; color: #6384b1; font-weight: bold; } #content .ecards .form label { width: 165px; padding: .5em 0; float: left; font-size: 1.2em; font-weight: bold; } #content .ecards .form input { width: 180px; margin: .4em 0; float: left; font-size: 1.2em; } #content .ecards .form .right label { width: auto; float: none; display: block; } #content .ecards .form .right textarea { width: 100%; font-size: 1.2em; margin: .3em 0; } #content .ecards .form .right .submit { text-align: right; } #content .ecards .form .right .submit input { width: auto; float: none; } #content .ecards .preview { margin: .5em 0 0 0; border: 12px solid #eff2f7; } #content .ecards .preview .left { width: 303px; float: left; } #content .ecards .preview .left span { padding: .5em .5em 1.5em .5em; font-size: 1.4em; color: #fff; display: block; } #content .ecards .preview.five .left img { border-top: 11px solid #f5cbb7; } #content .ecards .preview.five .left span { font-weight: bold; background: #df530f; } #content .ecards .preview .right { width: 267px; float: left; } #content .ecards .preview .right .stamp { padding: 10px 10px 0 0; font-size: 1.1em; color: #9C2326; font-weight: bold; text-align: right; } #content .ecards .preview .right .message { min-height: 180px; padding: 0 10px 0 30px; } #content .ecards .preview .right .message p.name { margin: .5em 0 0 0; font-size: 1.2em; color: #6384b1; } #content .ecards .preview .right .message p { margin: .5em 0 0 0; font-size: 1.1em; } #content .ecards .preview .right .sender { padding: 10px 10px 0 0; text-align: right; } #content .ecards .preview .right .sender p { margin: .5em 0 0 0; font-size: 1.1em; color: #6384b1; } #content .ecards .amendOrSend { margin: 1em 0 0 0; text-align: right; } /* screensavers */ #content .screensavers { padding: 2em 0 0 0; } #content .screensavers h2 { margin: 1em 0 0 .5em; color: #6384b1; font-weight: normal; } #content .screensavers .choose { margin: .5em 0 0 0; padding: 12px 0 0 12px; border: 12px solid #eff2f7; } #content .screensavers .choose ul { margin: 0; } #content .screensavers .choose ul li { width: 175px; margin: 0 11px 11px 0; padding: 0 0 0 0; float: left; list-style: none; } #content .screensavers .choose ul li a { color: #fff; } #content .screensavers .choose ul li span { padding: .4em; font-weight: bold; color: #fff; display: block; } /* #content .screensavers .choose ul li.one { background: #6384b1; border-top: 12px solid #d0dae7; } #content .screensavers .choose ul li.two { background: #f98720; border-top: 12px solid #fddbbc; } #content .screensavers .choose ul li.three { background: #a3b902; border-top: 12px solid #e3eab3; } #content .screensavers .choose ul li.four { background: #a3b902; border-top: 12px solid #e3eab3; } #content .screensavers .choose ul li.five { background: #df530f; border-top: 12px solid #f5cbb7; } #content .screensavers .choose ul li.six { background: #6384b1; border-top: 12px solid #d0dae7; } */ #content .screensavers .choose ul li.one { background: #004481; border-top: 12px solid #639AB9; } #content .screensavers .choose ul li.two { background: #91258E; border-top: 12px solid #DEBDDC; } #content .screensavers .choose ul li.three { background: #00723A; border-top: 12px solid #5CB98C; } #content .screensavers .choose ul li.four { background: #DA3756; border-top: 12px solid #FEBCDC; } #content .screensavers .choose ul li.five { background: #007A99; border-top: 12px solid #f5cbb7; } #content .screensavers .choose ul li.six { background: #a3b902; border-top: 12px solid #e3eab3; } /* email page */ #content .emailPage { width: 590px; margin: 0 0 75px 75px; } #content .emailPage .form { margin: .5em 0 0 0; padding: 12px; border: 12px solid #eff2f7; } #content .emailPage .form .left { width: 340px; float: left; } #content .emailPage .form .right { width: 195px; float: left; } #content .emailPage .form legend { font-size: 1.2em; color: #6384b1; font-weight: bold; } #content .emailPage .form label { width: 165px; padding: .5em 0; float: left; font-size: 1.2em; font-weight: bold; } #content .emailPage .form input { width: 160px; margin: .4em 0; float: left; font-size: 1.2em; } #content .emailPage .form .right label { width: auto; float: none; display: block; } #content .emailPage .form .right textarea { width: 100%; font-size: 1.2em; margin: .3em 0; } #content .emailPage .form .right .submit { text-align: right; } #content .emailPage .form .right .submit input { width: auto; float: none; } #content #txtDetail {font-size:1.2em; line-height:1.3;} #content #txtDetail h2{font-size:1em; padding:0; margin:0;} #content #txtDetail p{font-size:1em;} #content #txtDetail p.date{font-weight:bold;} #content #txtDetail img{float: left; margin: .8em .8em .8em 0;} #content #txtDetail p.introImg img{float: none; margin: 0 0 1em 0;} #content #txtDetail .relatedInformation { margin: 0 0 0 8px; } #content #txtDetail .relatedInformation h2 { font-size: 1em; padding: 5px; } #content #txtDetail .relatedInformation dl { font-size: .9em; } #content .emailPageThanks { min-height: 300px; } * html #content .emailPageThanks { height: 300px; } #content .errorMessage {padding:10px 10px 0 10px; } #content .errorMessage h3 {font-size:1.2em;} #content .errorMessage ul { display:list; list-style:none; padding:10px 10px 0 10px; margin:0; } #content .errorMessage ul li { display:list; list-style:none; color:#333; background: url(/images/template/breadcrumbarrow.gif) 0 5px no-repeat; padding-left:10px; } /* Homepage -------------------------------------------------------------------------- */ #homepageSpotlights { margin: 2em 0 2em 15px; } #homepageSpotlights ul li { margin: 0 6px 0 0; width: 143px; float: left; } #homepageSpotlights ul li a { color: #fff; display: block; text-decoration: none; } #homepageSpotlights ul li a:hover, #homepageSpotlights ul li a:active, #homepageSpotlights ul li a:focus { text-decoration: underline; } #homepageSpotlights ul li a img { display: block; } #homepageSpotlights ul li a span { display: block; padding: 1em .5em .5em .5em; min-height: 2.5em; font-size: 1.8em; font-weight: bold; line-height: 1em; } #homepageSpotlights ul li.one a { background: #6384b1; border-top: 10px solid #d0dae7; } #homepageSpotlights ul li.two a { background: #f98720; border-top: 10px solid #fddbbc; } #homepageSpotlights ul li.three a { background: #df530f; border-top: 10px solid #f5cbb7; } #homepageSpotlights ul li.four a { background: #a3b902; border-top: 10px solid #e3eab3; } #homepageSpotlights ul li.five a { background: #6384b1; border-top: 10px solid #d0dae7; } .crop {height:auto;width:143px;overflow:hidden;} .crop img {position: relative;height:150px;width:auto;top:50%;left:0;} #homeFeatures { margin: 2em 0 1em 15px; background: url(/images/template/homefeatures.gif) no-repeat bottom left; } #homeFeatures .feature { width: 232px; margin: 0 7px 0 0; padding: 5px; float: left; } #homeFeatures .feature h2 { font-size: 1.2em; } #homeFeatures .feature h2 a { color: #06c; } #homeFeatures .feature h2 a:active, #homeFeatures .feature h2 a:focus { background: #06c; color: #eff2f7; } #homeFeatures .feature h2 a:hover { text-decoration: none; } #homeFeatures .feature h2 a img { float: left; margin: 0 .5em 0 0; } #homeFeatures .feature.ecard { margin: 0; padding: 5px 5px 5px 0; } #homeFeatures .feature.ecard h2 a img { margin-top: -5px; } #homeFeatures .feature p { font-size: 1.2em; } /* Footer -------------------------------------------------------------------------- */ #footer { padding: 1em 20px; color: #06c; } #footer ul { margin: .3em 0 0 0; } #footer ul li { font-size: 1.1em; display: inline; } #footer ul li a { color: #06c; } #footer ul li a:hover { text-decoration: none; } #footer ul li a:active, #footer ul li a:focus { background: #06c; color: #fff; } #footer ul li a span { position: absolute; top: -9999px; left: 0; } div#footer #ftLogo {width: 20%; float:left;} div#footer #ftL {width: 80%; float: left;} div#footer div#ftR {line-height:3em;} /* IE Mac fixes -------------------------------------------------------------------------- */ /*\*//*/ .hide, .skipNav { display: none; visibility: hidden; } /**/ /* Clear fixes -------------------------------------------------------------------------- */ .clearfix:after, #header:after, #mainMenu ul:after, #searchBar:after, #advSearchBar div.input .checklist li:after, #homepageSpotlights:after, #homeFeatures:after, #content .gallery:after, #content .quiz:after, #content .ecards .preview:after, #content .landingFeature:after, #content .searchResults ul li:after, #content .collectionsSearchOptions:after, #content .collectionsSearchResults:after, #content .collectionsSearchResults.list ul li:after, #content .enlargedImageDetails:after, #content .screensavers .choose ul:after, #content .emailPage .form:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #header, #mainMenu ul, #searchBar, #advSearchBar div.input .checklist li, #homepageSpotlights, #homeFeatures, #content .gallery, #content .quiz, #content .ecards .preview, #content .landingFeature, #content .searchResults ul li, #content .collectionsSearchOptions, #content .collectionsSearchResults, #content .collectionsSearchResults.list ul li, #content .enlargedImageDetails, #content .screensavers .choose ul, #content .emailPage .form, #footer { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html #header, * html #mainMenu ul, * html #searchBar, * html #advSearchBar div.input .checklist li, * html #homepageSpotlights, * html #homeFeatures, * html #content .gallery, * html #content .quiz, * html #content .ecards .preview, * html #content .landingFeature, * html #content .searchResults ul li, * html #content .collectionsSearchOptions, * html #content .collectionsSearchResults, * html #content .collectionsSearchResults.list ul li, * html #content .enlargedImageDetails, * html #content .screensavers .choose ul, * html #content .emailPage .form, * html #footer { height: 1%; } .clearfix, #header, #mainMenu ul, #searchBar, #advSearchBar div.input .checklist li, #homepageSpotlights, #content .ecards .preview, #content .landingFeature, #content .searchResults ul li, #homeFeatures, #content .gallery, #content .quiz, #content .collectionsSearchOptions, #content .collectionsSearchResults, #content .collectionsSearchResults.list ul li, #content .enlargedImageDetails, #content .screensavers .choose ul, #content .emailPage .form, #footer { display: block; } /* End hide from IE-mac */