/* --- ********** /CSS/SCREEN/MASTER.CSS ********** --- */ /* --- LAYOUT. Structural page layout styles. */ body {background:#f0f0f0 url(/images/common/backgrounds/page.png) repeat-y 50%;text-align:center;height:100%;margin:0;padding:0;} #container {background:#fff; border:0 none;margin:0 auto; text-align:left; width:965px;} #fpn_logo_wrapper {background:#fff none;clear:both;float:left;height:45px;margin:0;padding:2px 15px 3px 25px;width:920px;} #fpn_logo_wrapper p {color:#666; float:right; text-align:right; width:600px;} #fpn_logo_wrapper img {float:right!important;margin: 5px 0 0 12px!important;} #header {background: none #fff; border-bottom:1px solid #ddd;border-top:1px solid #f0f0f0; clear:both;float:left;height:80px;margin:0;padding:0;width:965px;} #header.with_fpn_logo {height:130px;} #header .logo_wrapper {clear:none;float:left;padding:0px;margin:0px -400px 0px 0px;width:540px;} #header img {float:left;margin:12px 0px 0px 12px;} .checkout #header img {display:inline;} #header.us img {margin:8px 8px;} #printHeader,#printFooter {display:none;} #wrapper {background:#fff; border:0 none;float:left;width:965px;} #leftnavContainer {clear:left; border-right:1px solid #ddd; float:right; height:100% auto; margin:0; padding:0 0 20px;width:149px;} /* Leftnav height calc:drawer-content height + (number of drawers * (drawer header height + drawer border)) */ #leftnav {background:#fff none;color:#333;margin:0 0 10px;padding:0;} #leftnav.us {min-height:404px;} #content {background:#ffffff; border-left:1px solid #ddd; clear:left;float:right;margin:0 0 0 -1px;min-height:600px;overflow-x:hidden;overflow-y:hidden;padding:0px 20px 10px 25px;width:770px;/* Adjusted for 45px padding + 1px border */} #content.page_border_only {padding-left:45px;width:899px;/* Adjusted for 65px padding + 1px border */} #footer {background:#fff url(/images/pageloader/footer.gif) repeat-x 0% 0%; border:1px solid #ddd; border-width:2px 0 4px;clear:both;float:left;color:#999;margin:0;padding:0;text-align:center;width:965px; } .clearing {background:none;clear:both;height:0px;} .hidden {visibility:hidden;display:none;} span.separator {color:#ccc;padding:0px 5px;} /* Pageloader/Template styles */ /*/FPN tools selectors are held in FPN stylesheet */ #partnerLinks {float:left;height:35px;list-style:none;padding:19px 0px 0px 0px;position:relative;} #partnerLinks li {background:none;float:left;padding:0px;} #partnerLinks li a, #partnerLinks li a:visited {background:none;color:#999;display:block;margin:0px 12px 0px 4px;padding:2px 4px;text-decoration:none;} #partnerLinks li a:hover, #partnerLinks li a:visited:hover {background:#FBF9CB;color:#333;} #partnerLogo {float:right;height:35px;padding:7px 8px 0px 0px;} #headerInfo {float:right;height:54px;padding:8px 10px;width:585px;_width:570px;} #welcomeMessage {float:left;font-weight:bold;text-align:right;width:330px;} #welcomeMessage.home {float:right;margin:20px 0px -20px 0px;} #welcomeMessage a, #welcomeMessage a:visited {font-weight:normal;} #navsearch {background:transparent url(/images/common/backgrounds/nav_search.png) no-repeat 0 0;clear:right;float:right;margin:15px 0px -15px 0px;width:345px;} /* Product pages variant: */ #product_place_search #navsearch {margin: -10px 0px 0 0px;} #header #navsearch img {padding:0;margin:0;} #crumbs_source {display:none; visibility:hidden;} #crumbline, #sign_in_message_stripe {border-bottom:1px solid #ddd; background:#f7f7f7; color:#666;height:18px;margin:0px -23px 0px -25px;padding:4px 8px 3px;width:801px;_width:786px;} #sign_in_message_stripe {background:#005cB8 none repeat scroll 0 0;color:#ffffff;font-size:14px;padding:16px 0 13px 16px;} #crumbline .separator {padding:0 0;} .small_search_wrapper {background:transparent url(/images/common/backgrounds/small_search_left.gif) no-repeat 0 0;float:left;padding-left:27px;width:195px;} .small_search {background:transparent url(/images/common/backgrounds/small_search_mid.gif) repeat-x 0 0;float:left;padding:4px 0px 0px 0px;width:100%;} .small_search_string {border:1px solid #ccc;border-left:0px none;clear:none;font-size:15px;float:left;height:20px;line-height:20px;padding:0px 4px;width:125px;} .small_search_button {background:transparent url(/images/common/backgrounds/small_search_right.gif) no-repeat 0 0;clear:none;float:right;margin-top:-4px;width:59px;} /* Header shopping basket link + summary panel */ #headerBasket {background:url(/images/common/icons/icon_basket_blue.gif) no-repeat 0px -1px;color:#666; ;float:right;margin:0px;padding-left:24px;text-align:right;} #headerBasket a, #headerBasket a:visited {} #headerBasket img {float:none;padding:0px;margin:0px 0px -4px 2px;} #expandBasketViewer {color:#666;font-weight:normal;text-decoration:none;} #expandBasketViewer.active {background:#fff; color:#cc0000;} #expandBasketViewer span {font-weight:bold;font-size:12px;} #expandBasketViewer span.expanded {padding:0px 2px 0px 2px;} #headerBasket .dropshadow-container {margin-right:0px;} #basketViewer {background:transparent url(/images/common/backgrounds/transparent_overlay.png);clear:right;color:#333;float:right;margin:15px 0px -1000px -40px;height:auto;padding:5px;position:relative;width:260px;z-index:99;} #basketViewer div {border:4px solid #ddd;background:#fff;padding:8px 15px 10px;} #basketViewer table {border:1px solid #ddd;display:block;} #basketViewer td {padding:4px;border:1px solid #ccc;} #basketViewer thead {font-weight:bold;color:#777;} #basketViewer tr.odd {background:#f7f7f7;} #basketViewer tr.subtotal {font-weight:bold;text-align:right;} #checkout_progress {float:right;margin:20px 0px -20px;width:425px;} /* LEFTNAV DRAWERS */ #leftnav {border-top:0 none;} #leftnav, #leftnav .drawers, #leftnav .drawers li, #leftnav .drawers h3 {width:149px;} #nav-xmas {padding:0;} #nav-xmas.current, #nav-xmas.open {background-image:none;} #nav-discount, #nav-discount a {text-indent:0px!important; line-height:99%; padding-bottom:0px!important;} .drawers .drawer { margin:0; padding:0; } .drawers h3 {background:#fff url(/images/menus/leftnav_icons.png) no-repeat -3000px 0; margin:5px 0;} .drawers h3, .drawers h3 a, .drawers h3 a:hover, .drawers h3 a:visited, .drawers h3 a:visited:hover {color:#000; display:block; font-size:13px; line-height:100%; padding:4px 0 3px; text-indent:35px; text-decoration:none; width:149px;} .drawers .shopping h3 {background-position:5px -28px;} .drawers .maps h3 {background-position:5px -389px;} .drawers .books h3 {background-position:5px -419px;} .drawers .calendars h3 {background-position:5px -450px;} .drawers .jigsaws h3 {background-position:5px -479px;} .drawers .gifts h3 {background-position:5px -239px;} .drawers .content h3 {background-position:5px 0;} .drawers .browse h3 {background-position:5px 0;} .drawers .explore h3 {background-position:5px -179px;} .drawers .memories h3 {background-position:5px -271px;} .drawers .ecards h3 {background-position:5px -508px;} .drawers .genealogy h3 {background-position:5px -570px;} .drawers .basket h3 {background-position:5px -120px;} .drawers .new h3 {background-position:5px -90px;} .drawers .account h3 {background-position:5px -635px;} .drawers .albums h3 {background-position:5px -708px;} .drawers .infohelp h3 {background-position:5px -670px;} .drawers .business h3 {background-position:5px -600px;} .drawers .icon-less h3 {text-indent:10px;} .drawers .icon-less a, .drawers .icon-less a:hover, .drawers .icon-less a:visited .drawers .icon-less a:visited:hover {text-indent: 10px;} .us .drawers h3 a {font-size:12px; text-indent: 29px; } .drawers .gifts, .drawers .genealogy, .us .drawers .books { border-bottom:4px solid #f0f0f0; padding-bottom:4px;} .drawers .albums, .drawers .explore { border-top:1px solid #ddd;} .drawers li {background:#fff none;line-height:185%; margin:0; padding:0; text-indent:10px; width:149;} .drawers .browse li {text-indent: 35px;} .drawers li.more {background:#fff url(/images/menus/leftnav_icons.png) no-repeat 5px -541px; text-indent: 20px;} .drawers a {text-decoration:none;} .drawer-content { -moz-box-shadow: 6px 6px 5px #bbb; -webkit-box-shadow: 6px 6px 5px #bbb; box-shadow: 6px 6px 5px #bbb; background:#f0f0f0; border:1px solid #bbb; border-top:1px solid #ccc; display:none;float:left; margin:-35px -149px -1000px 149px; _margin:-35px -1000px -1000px 74px; padding:6px; width:200px;position:relative;} .drawer-content ul {background:#fff;} .drawer-content li {background:#fff; width:100%!important;} .drawer-content li li {text-indent:30px;} .drawer-content p {text-indent:0px;padding:5px 10px;} .drawer-content p a {padding:0!important;} .drawer-content a, .drawer-content a:hover .drawer-content a:visited, .drawer-content a:visited:hover {background-image:url('/images/common/backgrounds/bg_leftnav_toplevel.png');background-position:0 -24px;background-repeat:no-repeat;border-bottom:1px solid #fff;color:#004a95!important;display:block;padding:3px 6px!important;font-size:11px;text-decoration:none!important;vertical-align:top;} .drawer-content a:hover, .drawer-content a:visited:hover {background-position:-300px 2px;text-decoration:underline!important;} .drawer-content .view-all a, .drawer-content .view-all a:hover .drawer-content .view-all a:visited, .drawer-content .view-all a:visited:hover {border-bottom:1px solid #ccc; font-weight:bold; margin:2px 0;} .current .drawer-content, .open .drawer-content {display:block;} .open .drawer-content {z-index:1000;} #testimonials_heading {margin:30px 0px 0px 0px;padding-left:8px;} #testimonials_wrapper {color:#333;clear:both;font-size:11px;font-style:italic;float:left;min-height:210px;_height:210px;margin:0;line-height:140%;overflow:hidden;padding:0px 0px 2px 15px;text-align:left;width:135px;_width:1px;} .ie6 #testimonials_wrapper {display:none;} #testimonial_quote {padding:0px 15px 4px 0px;_width:0px;} #testimonials_link {padding-bottom:10px;} /* LEFTNAV EXTRA CONTENT */ #extra-content {height:100%;min-height:250px;text-align:center;width:149px;} #extra-content img, #extra-content p {margin:15px 12px 0px 0px;} #extra-content #hitwise {border:0px none;height:100px;padding-top:4px;width:100px;} #extra-content #acceptedCards {margin-bottom:12px;} #extra-content a.to_uk {background:transparent url(/images/illustrations/ukflag.gif) no-repeat scroll 4px 0;clear:both;float:left;margin:0 5px 10px;padding:0 0 10px 56px;text-align:left;} #extra-content a.to_us {clear:both;float:left;margin:15px 10px 4px;padding:0 0 3px 6px;text-align:left;} /* CONTENT STRIPE AD */ #contentStripe {border-collapse:collapse;border-spacing:0px;clear:right;height:25px!important;margin:0px -18px 0px -25px !important;padding:0px!important;text-align:center;width:100%;} #contentStripe img, #contentStripe a, #contentStripe a img {border:0px none;padding:0px;margin:0px;} /* FOOTER */ #sitemap {clear:both;float:left;height:auto;padding:20px 0px;text-align:left;width:100%;} #sitemap h2 {color:#004A95;font-size:25px;margin:10px 0px 0px 25px;line-height:25px;} #sitemap .sitemap_column {float:left;width:200px;padding:0px 0px 0px 20px;} #sitemap ul {margin-left:10px;} #sitemap .sitemap_column.first {margin-left:10px;} #sitemap li, #sitemap li a, #sitemap li a:hover, #sitemap li a:visited {background:none;padding:0px 0px 0px 2px;color:#004A95;} #sitemap h4, #sitemap h4 a, #sitemap h4 a:hover, #sitemap h4 a:visited {font-size:15px;font-weight:normal;border:0px none;color:#004A95;padding:10px 0px 10px 0px;text-decoration:none;} #footerlogo {float:right;margin:20px 20px 0px 0px; text-align:right;} #copyright {clear:both;color:#004A95;float:left;font-size:10px;padding:30px 30px 0px 30px;text-align:left;width:95%;} #copyright a,#copyright a:visited {color:#004A95;} /* ________________________________ */ /* --- TYPE. Contains all types styles including links, headings and paras for ALL pages. Templates will inherit styles specified here unless explicitly overridden. --- */ /* ________________________________ */ /* --- Anchors. --- */ a{ color: #004a95; padding-bottom: 4px; text-decoration: underline; } a:visited{ color: #004a95; padding-bottom: 4px; text-decoration: underline; } a:hover, a:visited:hover{ color: #cc0000; padding-bottom: 4px; text-decoration: underline; } a:visited.deleteX, a.deleteX, a:hover.deleteX { color: #cc0000; text-decoration:underline; font-weight:bold; } /* ________________________________ */ /* --- Headings. --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; text-align: left; } h1{ color:#4f4535; font-size:25px; font-weight:normal; margin: 20px 0px 0px 0px; padding: 0px 0px 14px 0px; text-decoration: none; } h1.image, h2.image, h3.image, h4.image{ text-indent: -3000px; width: 100%; display:block;} h1.image { height: 1.7em; } h1.image.memories { height: 1.2em; } h2, a h2, h2a, h2 a:active, h2 a:hover, h2 a:visited { font-weight: normal; height: 20px; line-height: 20px; letter-spacing: 0em; margin: 16px 0px 5px 0px; padding: 0px 0px 2px 0px; text-decoration: none; color: #004a95; clear: left; font-size: 20px; font-family: Arial, Helvetica, sans-serif; } h2 a:link, h3 a:active, h3 a:visited { text-decoration: none; } h3, a h3, h3a, h3 a:active, h3 a:hover, h3 a:visited { color: #333; font-size: 14px; font-weight: normal; height: 16px; line-height: 16px; letter-spacing: 0em; margin: 0px 0px 5px 0px; padding: 4px 0px 2px 0px; text-decoration: none; } h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { text-decoration: none; } h3.image.memories { height: 1em; border-bottom:0px none; margin-top: 5px; } h4{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; font-weight: bold; letter-spacing: 0em; margin: 4px -4px -2px -4px; padding: 4px 0px 0px 4px; text-decoration:none; } /* H5 - only used on homepage panels */ h5{ line-height:115%; } /* Differentiated headings */ /* H1s */ h1.error{ /* used in error pages */ background: url(/images/common/icons/icon_error.gif) no-repeat 2px 14px ; padding-left:24px; } h1.tick{ background: url(/images/common/icons/icon_tick.gif) no-repeat 2px 0px ; padding-left:23px; } /* H3s */ #editorial h3 { width: 70%; } /* H4s */ h4.red{ color: #CC0000; font-size: 12px; font-weight:bold; padding: 10px 2px 6px 5px; } h4.alsoBuy{ color: #cc0000; } div.delivery { /* used in basket.asp */ background: #ffffcc url(/images/common/icons/icon_delivery_small.gif) no-repeat 4px 6px ; border: 1px solid #f3f3f3; border-bottom: 0px none; color:#333; font-size:12px; font-weight: bold; padding: 6px 0px 8px 30px; } .categoryTitle, a .categoryTitle, .categoryTitle a, .categoryTitle a:active, .categoryTitle a:hover, .categoryTitle a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#004A95; font-weight:bold; margin-top:14px; margin-bottom:0px; } code { background: #f3f3f3; font-size: 13px; padding: 2px 4px 1px; } /* ________________________________ */ /* --- Paras + others. --- */ body{ color: #333333; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; line-height: 135%; text-align: left; } body.popup{ margin:3px 15px 6px 10px; } p{ color: #333333; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 135%; margin-top: 6px; text-align: left; } .memTitle { color:#004a95; font-weight:bold; width:400px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; } /* --- fieldset text fields styling --- */ .memText{ color:#004a95; width:500px; height:120px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; line-height: 135%; } .formText{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; line-height: 135%; color:#004a95; font-weight:bold; } .strong { font-weight: bold; } .normal { font-weight: normal; } .extraStrong{ font-weight: bold; color: #cc0000; } .caption{ margin: 2px 0px 0px 1px; } .thumbCaption { font-size: 11px; margin: 0px 0px 3px 1px; line-height:145%; width: 120px; } .error { background: url(/images/common/icons/icon_xSmall.gif) no-repeat 4px 2px ; color: #cc0000; padding-left:24px; } .delete { background: url(/images/common/icons/icon_trash.gif) no-repeat 0px 2px!important6; padding-left:18px; } .alert, .strongNote, #tabsContent p.alert{ background: url(/images/common/icons/icon_alert.gif) no-repeat 0px 0px ; padding-left:20px; } .info, .note { background: url(/images/common/icons/icon_info.gif) no-repeat 0px 0px ; padding-left:22px; padding-right:5px; } .strongNote { color: #004a95; font-weight: bold; } .strongNoteMap,a.strongNoteMap{ background: url(/images/common/icons/icon_alert.gif) no-repeat 2px 0px ; color: #cc0000; font-weight: bold; padding-left:24px; padding-right:5px; } .countyMap{ background: url(/images/common/icons/icon_countyMap.gif) no-repeat 0px 6px ; color: #004a95; font-weight: bold; padding-left:35px; } .smallNote{ color:#666666; font-size:10px; } .jigsawNote{ background: url(/images/common/icons/icon_jigsaw.gif) no-repeat 0px 2px ; border: 0px none; padding:4px 4px 4px 18px; } .zoom{ background: url(/images/common/icons/icon_zoom.gif) no-repeat 0px 3px ; border: 0px none; padding:4px 4px 4px 19px; } #editorial em.mapsBig{ color:#666666; font-size:11px; } #editorial span.lastupdated{ color:#999999; } .bookImages { background: url(/images/common/icons/icon_images.gif) no-repeat 6px 0px ; clear:both; padding-left:25px; } .price{ font-size: 16px; } .wasPrice { color:#666666; } .price .wasPrice { font-weight: normal; text-decoration: line-through; } .nowPrice { color:#CC0000; } .savingPrice { font-weight:bold; color:#009900; } .price .savingPrice { font-size: 11px; } .memory { font-size:1em; line-height: 1.5em; margin: 0.5em 0 1em 0; } /* calendarInfo */ #calendarInfo h1{ clear:both; margin:20px 0px 10px 0px; } /* --- COMMON. Contains all common non-types styles including tables,forms and lists for ALL pages. Folder/page specific CSS files will override valuies specified here. --- ________________________________________________________________________________________________ */ /* --- Forms. --- */ form { margin:0px;padding:0px; } input, select, textarea { font-size:11px;color:#004a95;font-family :Verdana,Geneva,Arial,Helvetica,sans-serif; } fieldset { display:block;border:0px none;clear:left;width:auto; } fieldset h2 { margin-top:12px;margin-bottom:12px; } fieldset td.label { padding:4px 8px 8px 0px;text-align:right;vertical-align:middle!important; } fieldset table { width:100%; } fieldset input { margin-right:6px;width:160px;vertical-align:middle; } fieldset td { vertical-align:middle; } fieldset input.image { width:inherit; } fieldset input.radio { width:auto; } fieldset input.submit { width:auto;height:auto;padding:1px;font-size:13px; } fieldset textarea { margin-left:8px; } label.mandatory { font-weight:bold; } .formButton { float:right; } legend { font-size:11px;margin-left:-10px;margin-bottom:8px;color:#cc0000; } /* --- Images. --- */ a img, a:link img, a:active img, a:hover img, a:visited img { border:0px none; } a img.content, a:active img.content, a:hover img.content, a:visited img.content, img.content { border:1px solid #cccccc;padding:4px;margin:1px;width:350px; } a img.popupImageThumb, a:active img.popupImageThumb, a:hover img.popupImageThumb, a:visited img.popupImageThumb { width:85px;margin:1px;border:1px solid #cccccc; } img.fullWidth { margin:0px!important;border:0px none;width:799px; } .iconAlign { vertical-align:text-bottom; } .icon { background-repeat:no-repeat;background-position:0px 0px;padding-top:0px;padding-left:20px!important; } .add_to_album { background-image:url('/images/common/icons/icon_newfile.gif'); } .help { background-image:url('/images/common/icons/icon_help.gif'); } .info { background-image:url('/images/common/icons/icon_info.gif'); } .icon.memory { background-image:url('/images/common/icons/icon_memory.gif')} .nearby { background-image:url('/images/common/icons/icon_nearby.gif'); padding:5px 0 9px 29px!important;} .page { background-image:url('/images/common/icons/icon_page.gif'); } .pages { background-image:url('/images/common/icons/icon_pages.gif'); } .refresh { background-image:url('/images/common/icons/icon_refresh.gif'); } .success { background-image:url('/images/common/icons/icon_tick.gif'); padding-left:24px!important; background-repeat:no-repeat; } .search { background-image:url('/images/search/search-magnifier-active.gif'); padding-left:24px!important;padding-top:2px; } .updates { background-image:url('/images/common/icons/icon_updates.gif'); padding-left:34px!important; } /* --- Lists. --- */ li { background:url(/images/common/bullets/bullet_0066cc.gif) no-repeat 10px 6px;font-size:11px;line-height:165%;list-style:none;margin:0px;padding:0px 0px 0px 25px; } ol li { background:none;text-align:left;padding:0px;list-style:decimal outside; } ul { margin:0px;padding:0px; } ul.no-bullets li { background:none;padding:0px 0px 0px 0px; } /* --- Tables. --- */ table { border-collapse:collapse; } td { vertical-align:top; } #content table { width:100%; } /* --- IFrames. --- */ iframe { border:0px none; } /* --- END OF HTML TAG DEFINITIONS. --- */ /* =NOTICES */ span.notice, p.notice, div.notice { background:#F6F4C8;border:1px solid #DDDCB7;padding:12px 20px; } /* =TABS */ #tabsContainer { float:left;list-style:none;margin:0px 0px -5px 0px;padding:0px 0px 0px 0px;width:inherit;z-index:50; } #tabs { position:relative;float:left;width:100%;padding:0px;margin:0px;list-style:none; } #tabs li { float:left;margin:0px;padding:0px; } #tabs a { display:block;color:#333;text-decoration:underline;font-size:1.04em;font-weight:normal;background:#f3f3f3;margin:0px;padding:5px 15px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ddd; } #tabs a.first { border-left:1px solid #ccc; } #tabs li a:hover, #tabs li a:visited:hover{ background:#638916 url(/images/common/tabs/activeTabBg.gif) repeat-x 100% 100%;color:#fff; } #tabs li.active, #tabs li.active a, #tabs li.active a:hover, #tabs li.active a:active, #tabs li.active a:link, #tabs li.active a:visited, #tabs li.active a:visited:hover { background:#638916 url(/images/common/tabs/activeTabBg.gif) repeat-x 100% 100%;border-bottom:1px solid #fff;color:#fff;font-weight:bold;text-decoration:none; } #tabs.compact li.active, #tabs.compact li.active a, #tabs.compact li.active a:hover, #tabs.compact li.active a:active, #tabs.compact li.active a:link, #tabs.compact li.active a:visited, #tabs.compact li.active a:visited:hover{ font-weight:normal; } #tabs .activeTabSpike{ float:left;width:29px;height:12px;margin:-1px -21px -12px 6px;background:#fff url(/images/common/tabs/activeTabSpike.gif) no-repeat 0% 0%;position:relative; } #tabs.leftnav{ margin-top:7px; } /* Tabs content */ #tabsContent{ background:#fff;overflow:hidden;height:350px;padding:8px 8px 8px ; } #tabsContent h4,#tabsContent p,#tabsContent ul{ margin:0px;padding:0px; } #tabsContent li{ background:url(/images/common/bullets/bullet_0066cc.gif) no-repeat 0px 7px;padding:0px 0px 0px 15px; } /* Search forms */ /* Large,primary search form */ form#search{ background:url(/images/common/backgrounds/searchLeft.gif) no-repeat 0% 0%;float:left;margin:12px 0px 0px 0px;padding:0px 0px 0px 6px;width:374px; } form#search input{ float:right; } form#search #searchstring{ float:left;font-size:18px;color:#333;margin:7px 0px 0px 2px;padding:2px;position:relative;width:254px;_width:248px; } /* Small,context search form */ .contextSearchContainer{ float:none;width:192px; } #contextSearch{ background:transparent url(/images/common/backgrounds/navsearchleft.gif) no-repeat 0% 0%;clear:right;float:right;margin:0px;width:190px; } #contextSearch #context-searchstring{ float:left;margin:2px 4px 0px 4px;padding:0px;width:116px; } #contextSearch input{ _float:left;/* For eff'd IE versions */} .showbook{ float:left;margin:0px 15px 15px 5px;_margin:0px 0px 15px 0px;width:170px; } .showbook .dropshadow-container{ float:left!important; } .showbook .cover-wrapper{ clear:both;float:left;width:121px; } .showbook a{ padding-bottom:0px;/*Over-rides type.css generic a rule */} .showbook a img{ border-right:0px none;border-bottom:0px none;float:left;padding:0px;margin:0px;width:120px; } .showbook img.sticker{ clear:left;float:left;margin:-50px -10px -40px 10px;position:relative;width:auto; } .showbook p{ clear:both;float:left;font-size:12px;line-height:145%;margin-top:-2px;width:95%; } .showbook p a{ text-decoration:none; } .showbook p a:hover{ color:#004a95;text-decoration:underline; } .showbook p span.bookprice{ float:left; } .showbook p span.cover{ margin:2px 0px; } .showbook p span.rrp{ color:#555;text-decoration:line-through; } .showbook p span.sale-price, .showbook p span.price{ color:#004a95;font-size:13px;font-weight:bold; } .showbook p span.sale-price{ background-color:#cc0000;color:#fff;line-height:165%;padding:4px 4px 3px 4px;vertical-align:middle; } /* ________________________________ */ /* --- Panels --- */ .panel { padding:1px;height:1px; } html>body .panel { /*IE5+6 ignore this selector - it resets height of containing .panel block.*/ height:auto; } .cellhead { background:#f0f0f0;border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #ddd solid;color:#333333;font-weight:normal;padding:7px 10px; } .cellhead a, .cellhead a:hover, .cellhead a:visited, .cellhead a:active { color:#333333;font-size:14px;letter-spacing:0.02em;text-decoration:none; } .cell { background:#fff;border:1px solid #ddd;line-height:145%;padding:5px 10px;text-align:left;vertical-align:top;height:auto; } .twocol { border:0px none;clear:both;margin:0 -20px 0 0;padding:0; } .twocol .panel { clear:none;float:left;margin:0px 40px 20px 0; width:348px; } .twocol .cellhead, .twocol .cell { float:left;padding-right:10px;padding-left:10px; width: 348px;} .twocol .cell p { float: left; } /* ________________________________ */ /* --- Editorial specific styles --- */ #tableRight,#editorial #tableRight,#search #tableRight{ float:right;width:27%; } #tableRight .panel{ margin:0px 5px 0px 7px; } #editorial li{ background:url(/images/common/bullets/bullet_0066cc.gif) no-repeat 5px 7px;padding:0px 0px 0px 18px; } #editorial li.quote{ background:url(/images/common/icons/icon_quote.gif) no-repeat;padding-left:24px;margin-top:4px;margin-right:10px;padding-bottom:12px;list-style-image:none; } div.notes{ background-color:#f3f3f3;border:1px solid #cccccc;clear:right;float:right;height:auto;margin:0px 0px 6px 10px;padding:6px;vertical-align:top;width:180px; } div.notes h4,#watermarknotes h4{ background:url(/images/common/icons/icon_info.gif) no-repeat 2px -1px;padding:0px 0px 7px 23px;margin:0px 0px 2px 0px;border-bottom:1px solid #cccccc;color:#333333;font-size:11px;font-weight:bold;text-transform:none; } #albumNoContents{ margin:10px 0px 10px 25px; } /* --- Creative placement --- */ .creative3 img{ float:right;margin:-4px 0px 0px 0px; } .sepia-filter{ background:#f3b909;border:1px solid #eee;float:left;filter:alpha(opacity=20);opacity:0.20;-moz-opacity:0.20; } /* Data tables =DATA */ table.data{ background:#f7f5f0;border:1px solid #cccccc;width:600px!important;margin:6px 0px 6px 0px; } table.data td{ border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding-right:4px;text-align:right; } table.data td.text{ text-align:left;padding-left:4px; } table.data thead td{ background:#eae6d7;font-weight:bold;text-align:center; } /* TOOLTIPS */ .tooltip{ color:#333;width:225px; } .tooltip .title,.tooltip .content{ border:1px solid #999;filter:alpha(opacity=94);opacity:0.92;-moz-opacity:0.92; } .tooltip .title{ background:#f5f5f5;border-bottom:1px solid #f0f0f0;color:#111;font:14px Arial,sans-serif;font-weight:bold;padding:5px 0px;width:223px; } .tooltip .content{ background:#f9f9f9;border-top:0px none;padding:5px!important;text-align:left; } .tipLeft{ background:url(/images/common/backgrounds/tipleft.gif) no-repeat 100% 50%;padding-right:20px; } .tipLeft .title,.tipLeft .content{ border-right:0px none;padding-right:1px; } .tipRight{ background:url(/images/common/backgrounds/tipright.gif) no-repeat 0% 50%;padding-left:20px; } .tipRight .title,.tipRight .content{ border-left:0px none;padding-left:1px; } .tipTop{ background:url(/images/common/backgrounds/tiptop.gif) no-repeat 50% 100%;padding-bottom:20px; } .tipTop .title,.tipTop .content{ border-bottom:0px none;padding-bottom:1px; } .tipBottom{ background:url(/images/common/backgrounds/tipbottom.gif) no-repeat 50% 0%;padding-top:20px; } .tipBottom .title,.tipBottom .content{ border-top:0px none;padding-top:1px; } /* DROPSHADOWS */ div.dropshadow-container{ padding:0px; } div.dropshadow-right{ background:url(/images/common/backgrounds/dropshadow-right.png) no-repeat 100% 0%;width:6px;float:right; } div.dropshadow-container img{ float:right; } .showbook div.dropshadow-container img{ float:left; } div.dropshadow-bottom-right{ background:url(/images/common/backgrounds/dropshadow-bottom-right.png) no-repeat 100% 0%;height:8px;float:right;clear:right;width:6px; } div.dropshadow-bottom{ background:url(/images/common/backgrounds/dropshadow-bottom.png) no-repeat 0% 0%;float:right;height:8px; } .zoom_overlay { background: url(/images/common/icons/zoom_overlay.png) no-repeat 50% 40%; position:relative;}/* ________________________________ */ /* --- Account specific styles --- */ .closeWindow{ float:right; padding:10px; } .editdetails { text-align:right; } #orderHistory td { height:20px; border-bottom:1px solid #cccccc; font-size:10px; } #account .note{ background: url(/images/common/icons/icon_alert.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } .security{ background: url(/images/common/icons/icon_locked.gif) no-repeat; background-image: none; padding-left: 25px; padding-bottom: 8px; } .contact{ background: url(/images/common/icons/icon_email.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } .orders{ background: url(/images/common/icons/icon_basket_blue.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } .wish{ background: url(/images/common/icons/icon_wish.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } .edit{ background: url(/images/common/icons/icon_edit.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } .feedback{ /* background: url(/images/common/icons/icon_comment.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } .comments{ /* background: url(/images/common/icons/icon_users.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } .guarantee{ /* background: url(/images/common/icons/icon_guarantee.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } li.delivery_info{ /* background: url(/images/common/icons/icon_delivery_small.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } .payment{ /* background: url(/images/common/icons/icon_pound.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } .searches{ background: url(/images/common/icons/icon_search.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } #account .comment{ /* background: url(/images/common/icons/icon_comment.gif) no-repeat; */ background-image: none; padding-left: 25px; padding-bottom: 8px; } #account .guarantee{ background: url(/images/common/icons/icon_tick.gif) no-repeat; padding-left: 25px; padding-bottom: 8px; } #account .albums{ background: url(/images/common/icons/icon_folderopen.gif) no-repeat; padding-left: 24px; padding-bottom: 8px; } #account .messages{ background: url(/images/common/icons/icon_email.gif) no-repeat; padding-left: 24px; padding-bottom: 8px; } #account .contacts{ background: url(/images/common/icons/icon_user.gif) no-repeat; padding-left: 24px; padding-bottom: 8px; } #account h1.contacts{ background: url(/images/common/icons/icon_user.gif) no-repeat; padding-left: 24px; } #account .security{ background: url(/images/common/icons/icon_locked.gif) no-repeat; padding-left: 24px; padding-bottom: 8px; } #account .memories{ background: url(/images/common/icons/icon_memory.gif) no-repeat 0px 4px; padding-left: 24px; padding-bottom: 8px; } #account .wish{ background: url(/images/common/icons/icon_wish.gif) no-repeat; padding-left: 24px; padding-bottom: 8px; } li.ul_Album { line-height:130%; } #account .popup { padding:8px; } #account { padding:10px; } #panelLogin{ width:350px; margin: -4px 4px 8px 4px; text-align:left; } .panelLoginButton{ margin-left:6px; } #panelLogin .label{ width:100px; text-align:right; } #account .mandatory{ font-weight: normal; font-size:11px; text-align:right; vertical-align:middle; } #albumNoContents { margin: 10px 0px 10px 25px; } #current_updates { border:#DCE3EB 2px solid; width:90%; padding:5px 15px 15px 15px; margin-top:10px;} #current_updates .note.icon { margin-top:25px; } .updates_left { width:54%; float:left; margin-top:25px; } .updates_right { float:left; width:42%; padding-left:28px; margin-top:35px;} .updates_list { float:left; padding-bottom:15px; width:70%; } #nearby_updates { width:93%; } .updates_list li { width:85%; } #nearby_updates li { width:93%;} .updates_list span { float:right; text-align:right; } .updates_illustration { float: right; margin: 0px 0 10px 20px; } .updates_illustration.create { margin: 40px 0 20px 5px; } .updates_illustration.default { margin: 40px 20px 40px 40px; } .updates_illustration.new { margin: 10px 20px 40px 30px; } #help_updates h1, #account_updates h1 { margin-bottom:20px;} #help_updates h2, #account_updates h2 { margin-top:0px;} #help_updates p, #account_updates p { padding-bottom:30px;} #account_updates { clear:both; padding-top:40px; }#show_tabs_nearby_places { background:url(/images/common/icons/icon_nearby.gif) no-repeat 100% 0;float:right;padding:6px 44px 8px 0px!important;margin-top:-2px;} #tabs_nearby_places { background:url(/images/common/backgrounds/transparent_overlay.png);clear:right;float:right;margin:6px -17px -2000px -2000px;padding:7px;position:relative;z-index:1000;} #tabs_nearby_places h2.nearby { padding:12px 0 5px;text-indent:12px;} #tabs_nearby_places h3 { padding:15px 0 0;} #tabs_nearby_places div { background:#fff;border:2px solid #ddd;padding:20px 25px;} #tabs_nearby_places h2 { margin-top:0;} #tabs_nearby_places ul { height:450px;margin:0 0 20px 0;padding-right:10px;overflow-y:scroll;} #tabs_nearby_places li { background:none #fff;line-height:175%;margin:0;padding:2px 0;text-align:left;} #tabs_nearby_places li span { color:#777;} #tabs_nearby_places .smallNote { display:block;margin:-15px -15px 0 15px;text-align:right;width:100%;} #close_nearby_places_2 { font-weight:normal;margin:0 -10px 0 10px;} #nearby_towns_with_photos { line-height:190%;} #place_action_links { float:right;margin:30px 0 0 0;width:220px;} #place_action_links .updates.icon { float:right;padding:0 34px 0 0;background-position:100% 0;margin:0 10px 10px 0;} ul.search-results li { background:none;padding-left:20px;line-height:225%;font-size:11px;} span.search-results-info { float:right;margin-top:-21px;width:600px;} /* AUTOCOMPLETER */ #autocomplete_choices { margin-top:2px ;z-index:1000;} #autocomplete_search { background:transparent url(/images/search/search-input.gif) no-repeat scroll 0 0;} input.autocomplete { background:none;border:0 none;float:left;font-size:13px;height:20px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:4px 4px 3px 12px;width:215px;} input.autocomplete_active { background-position:0 -27px;} div.autocomplete { position:absolute;width:250px;background:#ffffff;border:1px solid #999;margin:0;padding:0;} div.autocomplete ul { border-right:1px solid #f3f3f3;border-bottom:1px solid #ccc;list-style-type:none;margin:0;padding:0;} li.autocomplete_choices_heading { background:#fff!important;border-bottom:0px none!important;color:#777!important;font-size:11px!important;font-weight:normal!important;padding:3px 4px 1px!important;} #autocomplete_choices li.selected { background:#f0f0f0 url(/images/common/icons/icon_tick.gif) no-repeat 98% 4px;font-weight:bold;} #autocomplete_choices li { background-image:none;border-bottom:1px solid #f7f7f7;list-style-type:none;display:block;margin:0;padding:4px 20px 3px 5px;height:20px;cursor:pointer;} .autocomplete_search_icon, .autocomplete_indicator, .autocomplete_finished { float:left;margin:6px 0 0 0;} .autocomplete_indicator { margin:3px 0 0 0;} .autocomplete_search_icon, .autocomplete_search_icon img { cursor:pointer;padding:5px;/* Gives the "button" a bigger hit surface.*/margin:-3px -5px 0 5px;} .autocomplete_finished { margin:3px 0 0 0;} .autocomplete_message { clear:both;color:#fff;display:block;float:left;font-weight:bold;padding:6px 10px;width:100%;} /* search form on the memories info_column */ #memories_search_container_info_column {width:165px;height:45px;} #memories_search_container_info_column input.autocomplete {font-size:11px;} /* ___________________ */ .home_search input.autocomplete { background:none;color:#cc0000;font-size:1.3em;width:220px;} .home_search form { margin:16px 5px 0px 4px;} .home_search .autocomplete_search_icon, .home_search .autocomplete_search_icon img { margin:-3px -5px 0 -5px; } /* ___________________ */ #navsearch #autocomplete_search { background:none;margin:5px 0px 0px 105px; height:32px; } #navsearch input.autocomplete { background:none;color:#444;font-size:13px;padding:0 4px 0 8px;width:175px;} #navsearch #autocomplete_choices { width: 215px;} #navsearch .autocomplete_finished { margin:0 0 0 0;} /* ___________________ */ .searcharrange form#autocomplete_search {background:url(/images/search/customiser_search_background.png) no-repeat 0 -10px;float:left;height:50px;padding:22px 0px 0px 62px;margin:3px 0 5px 0;width:332px;} .searcharrange input.autocomplete {background:none;font-size:1.4em;width:230px;} /* ___________________ */ * --- thumb styles --- */ a img.contentThumb,a:active img.contentThumb,a:hover img.contentThumb,a:visited img.contentThumb{margin:1px;border:1px solid #cccccc;padding:0px;} a img.photoThumb,a:active img.photoThumb,a:hover img.photoThumb,a:visited img.photoThumb{border:1px solid #cccccc;margin:1px;padding:0px;} /* Customiser intro */ /*_______________*/ input#add-to-album{padding:6px;font-weight:bold;margin-bottom:20px;} #customiser-subcats h3{margin-bottom:20px;line-height:150%;} /* ___________ */ /* VIEW PHOTO */ #feature-content{width:100%;} #photo-preview-wrapper{border:1px solid #ddd;float:left;padding:20px;} #photo-slide-wrapper{clear:both;float:left;height:120px;margin:-121px 1px -121px;overflow:hidden;width:450px;} #photo-slide{float:left;background:#000;filter:alpha(opacity=80);height:120px;-moz-opacity:0.80;opacity:0.80;width:450px;} #photo-slide p{color:#fff;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;padding:0px 20px;margin:10px 0 0 0;width:400px;} #slide-target{background:#fff;border:2px solid red;height:110px;margin:0 0 0 300px;width:145px;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;} #slide-close{background:#333;border:2px solid #444;filter:alpha(opacity=80);float:left;height:20px;margin:-23px -305px -23px 305px;_margin:-23px -160px -23px 160px;opacity:0.8;-moz-opacity:0.8;width:180px;} #slide-close a,#slide-close a:hover,#slide-close a:visited,#slide-close a:visited:hover{color:#fff;font-size:11px;_font-size:10px;font-weight:bold;line-height:17px;opacity:95;padding:0 0 0 10px;text-decoration:none;} #photo-preview-wrapper.print-creator{text-align:left;} #feature-photo{border:1px solid #eee;float:left;} #photo-caption{clear:both;float:left;font-weight:bold;/*font-style:italic;font-family:'Times New Roman',Times,serif;*/ font-size:12px;margin:0px 0px 0px 0px;padding:5px 0px 0px 2px;/*width:425px;*/} #photo-caption .neg-ref{font-weight:normal;font-size:10px;padding-left:8px;} #result-nav{clear:left;float:left;padding:10px 0;margin-bottom:20px;width:250px;} #photo-options{float:right;margin:-20px 0px 0px 0px;padding:0px;position:relative;width:250px;} #photo-options h2{margin:8px 0 -4px 0;padding:0;} #photo-options div{margin:4px 0px;} #photo-options div.active{background:#ddd;} div#personalised-options{margin-top:25px;} #photo-options p{clear:both;float:left;} #photo-options img{clear:both;margin:13px 0px -4px 0px;} #return-to-results{background:#f7f7f7;border-color:#ddd;border-style:solid;border-width:1px 0 1px 0;float:left;padding:5px;text-align:center;width:230px;} #result-nav .navlink{float:left;width:120px;} #result-nav .navlink a{float:left;height:70px;text-decoration:underline;width:100%;} #result-nav a img{float:left;margin:0;height:70px;max-width:90px;padding:7px 9px 8px;} #result-nav a img.photo{background:#fff;border:1px solid #ccc;margin:0;} #result-nav a.active img.photo{background:#f0f0f0;border-color:#777;} #next-link,#previous-link{float:left!important;} #next-link a img{float:right;margin-left:0px;} .text-link{clear:both;float:left;width:115px;} #next-link{padding-left:10px;} #next-link .text-link{float:right;text-align:right;} #viewphoto-customiser-intro{height:400px;width:450px;} #viewphoto-customiser-intro #customiser-subcats li{float:left;width:119px;height:160px;padding:3px;margin-right:3px;background-image:none;border:1px solid #cccccc;line-height:120%;} #photo-tools{background:#f3f3f3;border-bottom:1px dashed #ddd;border-top:1px solid #ddd;clear:left;float:left;margin:30px 0px 0px -25px;padding:8px 0px 10px 25px;_padding:8px 0px 10px 30px;width:105%;} #photo-tools a{padding:0px 20px 4px 0px;} #photo-tools a#add-memory{background:url(/images/common/icons/icon_memory.gif) no-repeat 0% 0%;padding-left:20px;} #photo-tools a#add-album{background:url(/images/common/icons/icon_newfile.gif) no-repeat 0% 0%;padding-left:20px;} #photo-tools a#send-page{background:url(/images/common/icons/icon_email.gif) no-repeat 0% -1px;padding-left:20px;} #photo-tools a#about-watermarking{background:url(/images/common/icons/icon_watermarking.gif) no-repeat 0% 0%;padding-left:20px;} #place-nav{background:#f3f3f3;border-bottom:1px solid #ddd;clear:both;float:left;margin:0px 0px 18px -25px;padding:7px 0px 0px 25px;_padding:7px 0px 0px 30px;width:105%;} #place-nav h2{clear:left;color:#004a95;float:left;font-size:13px;margin:0px 0px 0px 0px;padding:0px 10px 0px 0px;text-align:left;min-width:126px;} #current-place{float:left;padding:0px 0px 6px 0px;width:750px;} #nearby-places{border-top:1px dashed #ddd;float:left;padding:8px 0px 4px 0px;width:750px;} #extended-content{} #memories a.call{float:right;margin:10px 9px -100%;} #memories h2{color:#004195;} #photo-memories,#local-memories{clear:left;float:left;margin:8px 0px 8px;width:612px;} #memory-pull-quote{width:330px;float:left;margin:-124px 0px 0px 8px;} #view-photo-memories{clear:both;float:left;margin:20px 0px 20px 0px;width:95%;} #viewphoto-customiser-intro{border:0px none;height:475px;padding:8px;width:542px;} #customiser-subcats div{border:1px solid #ccc;float:left;margin:8px;padding:4px;width:28%;} #customiser-subcats div.active{border:1px solid #ff66cc;} #customiser-subcats h3 span{color:#cc0000;font:11px bold;padding-left:4px;} /* ________________________________ */ /* --- Search specific styles --- */ /* Search homepage */ #search-header{margin:15px 0px 0px;} #search-intro{float:left;margin:0 0px 15px;font-size:12px; width:465px;} #search-choices{border:1px solid #ccc;float:left;} #search-container{background:url(/images/search/searchhome_panel_background.png) no-repeat 0 0;float:left;height:236px;width:425px;} #search-choices #autocomplete_search { margin:93px 0 0 30px;} #search-choices #autocomplete_search input.autocomplete { background:none;font-size:1.35em;width:200px;} #search-choices #search-instructions { color:#f7f7f7;float:left;font-size:12px;margin:45px 0px 0px 32px;width:350px;} #search-choices #search-instructions .strong { background:transparent none;color:#fff;} #browse-container { background:#f9f9f9;float:left;height:236px;padding:0px 20px;width:260px;} #browse-container li { background:none;font-size:12px;padding-left:10px;line-height:200%;} #search-choices #ukmap { border:0 none;float:right;height:140px;margin:-125px 0 0 0;width:125px;} #collection-contents { background: #f3f3f3; border: 1px solid #ddd; clear: both; float: left; margin: 30px 0; padding:0; width: 725px; } #collection-contents h2 { margin:0; } #collection-contents .head-container { background: #fff; border-bottom:1px solid #ddd; margin:0; padding: 10px 10px 4px; width:705px; } #collection-contents .content-container { padding: 10px; } #collection-contents p { } #collection-contents li { background: url(/images/common/icons/icon_mandatory.gif) no-repeat 0 12px; padding: 7px 0px 0px 16px; } #collection-contents li strong { font-size: 12px; } /* _________________ */ #editorial #tableRight{margin-left:50px;} #editorial #tableRight img{border:1px solid #999;} #editorial #tableRight .gazetteerMiniMap{border:0px none;} .saveSearch{float:right;padding-top:2px;padding-right:0px;} /* New thumbnail styles 2010:*/ #photos.thumbnails{border-top:1px solid #ccc;float:left;padding:5px 0px 0px 30px;margin:0 0 0 -25px;min-height:700px;width:784px;} #photos p.recordset_description{padding:0;} #photos .recordset_page_list{float:left;} #photos .recordset_page_select{float:left;margin:0 0 0 20px;} #photos .recordset_sort{float:left;text-indent:30px;margin-right:90px;} #photos #page_list{margin:0 20px 0 0;} #photos .thumbnail{float:left;margin:20px 20px 0 0;width:175px;} #photos .thumbnail.last{margin-right:0px;} #photos .thumbnail .photo_a{} #photos .thumbnail img{border:1px solid #ccc;border-right:2px solid #ddd;border-bottom:2px solid #ddd;height:97px;width:155px;} #photos .caption{width:155px;} #photos .caption span{line-height:200%;vertical-align:bottom;} #photos .thumbnail img.portrait{height:91px;width:55px;} #photos .thumbnail .add_to_album, #photos .thumbnail .memory_icon{background:transparent url(/images/common/icons/icon_newfile_greyed.gif) no-repeat 100% 0;color:transparent;float:right;height:20px;margin:6px 0 -4 0;overflow:hidden;width:20px;} #photos .thumbnail .add_to_album.active{background-image:url(/images/common/icons/icon_newfile.gif);} #photos .thumbnail .memory_icon{background:transparent url(/images/common/icons/icon_memory.gif) no-repeat 100% 2px;} #photos .thumbnail .memory.active{background-image:url(/images/common/icons/icon_page.gif);} #photos #change_sort_working{float:left;height:16px;margin-top:10px;width:80px;} #photos_footer .page_nav{clear:both;float:right;margin:10px 40px 0;} #photos #revise_search{clear:both;float:left;} .map_options .panel{margin:2px 0;} .map_options.custom .panel{margin:4px 5px 0 0;} .map_options.county .panel{margin:0px 5px 0 0;} .map_options .panel .cellhead{font-weight:normal;font-size:1.35em;padding:9px 10px 7px;} .map_options .panel p.buy{margin:0 0 30px 0;} .map_options .panel a img{margin:15px 0 0 0;} .map_options #history_text{background:#f3f3f3;padding:1px 5px;} .thumbTools{clear:both;float:none;} .thumbTools label{margin-top:4px;} .thumbTools img{margin-left:0px;padding-right:4px;vertical-align:text-bottom;} .panel .thumb{float:left;margin:2px 20px 12px 20px;width:105px;} .panel thumbs{text-align:center;} table.contentTools td{padding:8px 6px 2px 4px;} p.contentTools{background:#eae6d7;float:right;padding:4px 8px 0px 8px;margin:0px;text-align:right;} .contentTools label{margin-left:-2px;} .nextPrevLinks{padding-left:20px;} #thumbTools{height:12px;margin:0px;padding:0px;} /* _________________ */ #placelander,#viewmemories,#viewmaps,#viewbooks,#viewphotos{border-top:1px solid #ccc;clear:both;float:left;margin:0px 0px 0px -25px;min-height:600px;padding:14px 10px 30px 30px;width:774px;} #placelander{padding-top:25px;} #viewmaps, #viewbooks, #viewphotos{width:765px;} #viewbooks{margin:1px 0px 0px 0px;_margin:1px 0px 0px 0px;padding:8px;} #placelander h2, #viewmaps h2{color:#004a95;clear:both;font-size:20px;font-family:Arial,Helvetica,sans-serif;margin-top:16px;} #placelander h2.first{margin-top:4px;} #placelander li{background-position:0px 1px;margin:8px 0px;padding:0px 0px 0px 10px;} #placelanderNear{margin:6px 4px 4px 0px;padding:5px 8px 7px 8px;border:1px solid #e1e1e1;} #placelander div.pl-section{clear:left;float:left;margin:0px 0px 12px 0px;_margin:0px 4px 12px 0px;width:600px;} #placelander .feature-books, #placelander .book-extracts{border:0px solid #f3f3f3;border-right:0px none;border-bottom:0px none;float:left;padding:0px;width:400px;} #placelander div.book-extracts{margin:0px 12px 20px 0px;width:600px;_width:590px;} #placelander .pl-headline{float:left;width:440px;_width:440px;height:180px;overflow:hidden;margin-right:34px;_margin-right:24px;border:1px solid #ccc;} #placelander .pl-headline a{width:440px;height:176px;float:left;} #placelander .pl-headline img{float:left;} #placelander .pl-button{margin-top:1px;float:left;width:120px;_height:110px;} #placelander #photos-container .pl-button{background:url(/images/common/buttons/button_viewallphotos.png) no-repeat;height:200px;width:120px;} #placelander #photos-container .pl-button{width:123px;} #placelander .pl-button a{clear:left;color:#fff;float:left;position:relative;padding:0px;} #placelander #photos-container .pl-button a{height:95px;font-size:32px;padding:12px 0 0 12px;text-decoration:none;width:100%;color:#fcfdfa;line-height:85%;} #placelander .pl-button-label{border:1px solid #78A61C;border-top:0px none;color:#444;clear:left;float:left;margin-top:-3px;_margin-top:-3px;position:relative;width:118px;_display:inline;/* Added to prevent IE6 displaying duplicate content:http://www.positioniseverything.net/explorer/dup-characters.html */ _padding:10px 6px 6px 6px;_height:30px;_width:105px;} #placelander #pl-jigsaw {width:200px; margin-left:25px; border:1px solid #ccc;} /*#placelander #photos-container .pl-button-label{border:0px none;background:url(/images/search/placelander_photos_available_bg_bottom.png) no-repeat;height:70px;margin-top:0px;padding:10px 15px;width:102px;} */ #placelander #photos-container .pl-button-label a{color:#004a95;font-size:11px;line-height:155%;padding:0;width:100%;} #placelander .pl-button-label div{padding:9px 6px 6px;width:108px;_display:inline;} #placelander img.thumb{border:1px solid #f3f3f3;clear:left;float:left;margin:0px;padding:0px;vertical-align:text-top;} #placelander #book-links{float:left;clear:left;width:450px;} #placelander #photos .pl-thumb, #placelander #maps .pl-thumb{margin-right:36px;} #placelander .pl-thumb .photoThumb{height:75px;width:120px;} #placelander .pl-section-intro{width:450px;text-align:left;margin-bottom:10px;} #placelander .pl-thumb,#placelander .showbook{float:left;} #placelander .showbook p a{text-decoration:underline;font-size:11px;} #placelander .showbook{float:left;margin-left:0px;_margin:0px 0px 15px 0px;width:145px;} #placelander .showbook .cover-wrapper{clear:both;float:left;width:121px;padding-bottom:5px;} #placelander #pl-adsense,#viewmemories #vm-adsense{float:right;width:130px;} #viewmemories #vm-adsense{float:right;width:120px;} #placelander .placelander-ad-spacer,#viewmemories .viewmemories-ad-spacer{width:120px;height:16px;} #viewmemories .viewmemories-ad-spacer{width:115px;height:16px;} /* _________________ */ .viewLink{float:right;padding-top:50px;text-align:center;} .viewLink p{color:#CC0000;font-weight:bold;text-align:center;} #searchFormSmall td{padding-left:1px;padding-right:2px;} #editorial #searchFormSmall{margin-left:-4px!important;} #searchFormSmall div.cell{padding:10px;} #searchFormSmall div.panel{margin-left:2px;} input.searchButtonSmall{padding-top:3px;} .pageNav{text-align:center;} #multi_content,#jigsaw_content,#calendar_content{background-color:#ffffff;} #multi_list,#jigsaw_list{overflow:auto;height:150px;clear:both;background-color:#eaeaea;} .imageList{background-color:#eaeaea;} /* --- searchFormFull specific styles --- */ .searchLi{padding:0px 0px 3px 20px;} .searchUl{margin:0px;padding:4px 0px 0px 22px;} .ukMap{margin-top:6px;padding:0px;} .byArea{margin:10px 0px 0px 24px;padding-top:3px;} /* --- end of searchFormFull specific styles --- */ .cell .searchButton{padding-left:6px;} #search input{vertical-align:middle;} #mapHolder{margin-top:5px;} #mapHolder li{margin:0px 0px 5px 0px;} .gazetteerMiniMap{float:right;padding-top:10px;margin-left:-60px;} tr.altRow{background:#e7f0ec;} tr.row{} tr.altRow td{padding:4px 4px 4px 10px ;vertical-align:top;width:30%;} tr.row td{padding:4px 4px 4px 10px ;vertical-align:top;width:30%;} /*--- Memories ---*/ .closewindow{float:right;padding:12px 6px 0px 0px;} #popup{padding:10px;} #popup td{font-size:11px;} .memory_wrapper, .comments_wrapper{clear:both;float:left;} .memory{background-repeat:no-repeat;float:left;width:100%;} .full .memory{width:535px;margin:15px 0 10px;} .preview{border:0 none;margin:0;} .preview.odd,.featured.odd{border:2px solid #dae7da;padding:10px 10px 0;margin:0 0 20px;} .featured .memory{width:500px;} .reply .memory{width:500px;padding-left:50px;} .memory a.title{width:100%!important;} .memory .photo_wrapper{border:1px solid #ddd;float:right;margin:6px 0 0px 10px;padding:10px;width:350px;} .memory img{border:1px solid #f3f3f3!important;float:right;margin:0 0 5px 0;width:350px;} /* Featured */ .featured .photo_wrapper{width:220px;} .featured img{width:220px;} .featured .portrait{width:120px;} .featured .portrait img{width:120px;} /* Preview */ .preview .photo_wrapper{width:220px;margin:3px 0px 10px 10px;} .preview img{width:220px;margin:0;} .preview .portrait{width:90px;} .preview .portrait img{width:90px;} .memory .enlarge{clear:right;float:right;text-align:right;} .memory .text{line-height:160%;font-size:1.05em;background:url(/images/common/icons/icon_quote_l.png) no-repeat 0 0;text-indent:32px;} .full .memory .text, .reply .memory .text{background:url(/images/common/icons/icon_quote_l.png) no-repeat 0 0;font-size:1.08em;line-height:180%;text-indent:32px;} .memory .meta{background:#f3f3f3;border-top:1px solid #e3e3e3;border-bottom:1px solid #e0e0e0;clear:both;float:left;margin:0;text-indent:10px;width:100%;} .reply .memory .meta{margin-top:0;} .memory .author{font-weight:normal;} .memory .links{padding:0 0 10px;} .memory .links a{background-repeat:no-repeat;margin:0 10px 0 0;padding:0 0 3px 22px;} .memory .add{background-image:url(/images/common/icons/icon_addmemory.gif);} .memory .edit{background-image:url(/images/common/icons/icon_editmemory.gif);} .memory .delete{background-image:url(/images/common/icons/icon_deletememory.gif);} .memory .comment{background-image:url(/images/common/icons/icon_comment.gif);} .reply_info{clear:left;float:left;} #comment_form{clear:left;float:left;margin:20px 0 60px;} .memory_notes{border:2px solid #669966;float:left;margin:21px -25px 20px 25px;padding:6px 10px;width:160px;} .memory_notes p.button{text-align:center;} /* Used in memorylocations */ div.listing_column{float:left;padding-right:10px;width:148px;} div.listing_column a{line-height:190%;padding:2px 10px 5px 0px;} #memory_locations{background:#f7f7f7;border:1px solid #f3f3f3;min-height:300px;padding:0px 0px 15px 15px;float:left;width:476px;} #memory_locations h2{margin-top:10px;} #memories_shared{background:#fff;border:0px solid #699117;color:#6F9919;float:right;font-size:18px;line-height:150%;margin:-42px 0px;padding:9px 10px;text-align:center;width:240px;} #memories_shared strong{font-size:28px;} #memories_intro{font-weight:bold;margin:0px;padding:5px 0 10px;width:470px;} #memories_county_list{float:right;margin-right:-10px;padding-left:10px;width:275px;} #memories_county_list h2{padding-left:14px;} #memories_county_list div.listing_column{width:125px;} #memories_county_list div.listing_column a{padding:2px 6px 5px 14px;} #memories_county_list div.listing_column a.active{background:#fff url(/images/common/icons/icon_mandatory.gif) no-repeat 1px 5px;font-weight:bold;} #memories_search_container{background:transparent url(/images/search/memories_browse_search_background.png) repeat-x scroll 0 0;border:0px solid #ccc;border-bottom:0px none;float:right;padding:0px 10px 13px;margin:0px 0px 0px;width:240px;} #memories_search_container h2{margin:8px 0 8px;color:#fff;} #memories_search_container input.autocomplete{width:192px;} #memories_search_container_info_column{background:transparent url(/images/search/memories/infobox_search.png) no-repeat 0 0;border:0px solid #ccc;border-bottom:0px none;float:right;padding:0px 0px 0px;margin:0px 0px 0px 10px;width:190px;} #memories_search_container_info_column input.autocomplete{width:160px;padding-top:12px;} #memories_search_container_info_column .autocomplete_search_icon,#memories_search_container_info_column .autocomplete_search_icon img{margin:-17px 0 0 71px;} /* /memorylocations */ /* memoryinfo */ .memoryinfo_search{float:left;margin:12px -330px;position:relative;} .memoryinfo_search input.autocomplete{background:none;font-size:1.26em;font-weight:bold;height:23px;padding-top:8px;width:245px;} .memoryinfo_search .autocomplete_search_icon{margin-top:0px;} .memoryinfo_search .autocomplete_indicator{margin-top:9px;} .memoryinfo_search .autocomplete_finished{margin-top:6px;} .memories_sub_panel,#recent_memories{clear:right;float:right;margin:10px 0;padding:10px 5px 10px 10px;width:190px;border:2px solid #DDDDDD;} .memories_sub_panel{margin-top:15px;} .memories_sub_panel p{width:185px;} .memories_sub_panel li{background-image:none;padding:2px 0px;} .memories_sub_panel .button{text-align:center;width:100%!important;} .total_memories,.total_remembered_towns{clear:left;color:#000;float:left;font-weight:bold;font-size:14px;height:40px;line-height:40px;margin:-55px 15px;width:280px;z-index:1;} .total_remembered_towns{clear:none;float:right;margin-right:185px;_margin-right:0px;} #recent_memories .strong{margin-top:15px;} #recent_memories p{margin:0px;} #recent_memories .mini_photo{background:#fff;float:right;border:1px solid #f0f0f0;padding:3px;margin:0px 0px 2px 2px;overflow:hidden;max-width:91px;max-height:91px;min-height:60px;} #recent_memories .mini_photo img{max-width:85px;max-height:85px;} #recent_memories .town{margin-top:5px;font-style:italic;} #recent_memories .recent_total,#recently_remembered_towns li.town_total{background:#F0F0F0 url(/images/common/icons/icon_mandatory.gif) no-repeat scroll 10px 15px;font-weight:bold;margin:15px -5px -10px -10px;padding:15px 10px 17px 25px;} #memoryinfo_main{float:left;margin:0px 10px 10px 0px;padding:10px;width:515px;} #memoryinfo_main p{font-size:12px;} #memoryinfo_main #i_remember_when{background:#ffffcc;margin:20px -10px;padding:10px;} #memoryinfo_main #i_remember_when h2{margin:0px;} #memoryinfo_main #i_remember_when img.cover{float:right;margin:-28px -18px -10px 0px;padding:10px;} #memoryinfo_main #i_remember_when p{font-weight:normal;} #memoryinfo_main #i_remember_when p.strong{font-weight:bold;} #memoryinfo_main #featured_memories{width:515px;margin-top:50px;} #memoryinfo_main #featured_memories p{font-weight:normal;} #memoryinfo_main #featured_memories p span{font-size:14px;} /* /memoryinfo */ /*--- Keywordsfeature ---*/ #kfHeader{background:url(/images/search/schoolbg.jpg) no-repeat;height:109px;margin:6px 0px 6px 2px;} /*--- Printstudio ---*/ .productPanel_studio{width:750px;height:283px!important;clear:left;background:#eae6d7;padding:8px;} #navtabs_viewphoto li{background:#ffffff url("/images/common/tabs/tab_bg_right.gif") no-repeat right top;color:#999999;float:left;margin:0px 3px 0px -3px;padding:0px 0px 2px 0px;background-color:#ffffff;} #search #tableRight{float:right;border-left:1px solid #cccccc;margin-left:3px;} #watermarknotes{background-color:#f3f3f3;border:1px solid #cccccc;clear:right;display:none;float:left;height:auto;margin:-200px 0px 0px 35px;padding:6px;text-align:left;vertical-align:top;visibility:hidden;width:220px;} /*--- genealogy info ---*/ #genealogy{width:525px;} #genealogy h3{width:475px;font-size:16px;margin-top:20px;} #genealogy p{width:475px;} .location_listing{clear:both;float:left;padding:0;margin:0;width:100%;} .location_listing h3{clear:left;float:left;font-size:18px;margin:0 0 5px 0;padding:0;width:100%;} .location_listing h4{clear:both;float:left;font-size:16px;margin:0;padding:2px 0px;} .location_listing ul{clear:none;float:left;padding:5px 0 0 10px;margin:0px;width:31%;} .location_listing li, .counties ul li, #towns ul li, #nearby_places ul li{background-image:none;clear:both;float:left;list-style:none;margin:2px 0;width:100%;} .location_listing.counties{margin-bottom:15px;} .location_listing ul ul li{line-height:1.75em;margin:0 0 0 0;padding:2px 0;width:100%;} #nostalgia h3{margin-top:30px;} } /* --- Gallery --- */ #gallery{ margin: 0px 0px 0px 0px; } .galleryheader { background-color:#FCFAE5; margin-left:-8px; } .gallerySummary { width:754px!important; border:1px solid #cdd7d8; } .galleryClick{ padding-right:21px; padding-bottom:25px; } #galleryIntro { clear: both; float: left; margin: 0px 0px 0px 0px; padding: 6px;width: 625px; } #galleryIntro p, #gallerySubCats p { float: left; margin: 0px; } #gallery_subcategories { border:1px solid #ddd; clear:both; float:left; margin:0 0 20px; padding:5px 20px 10px; width:719px; } #gallery_subcategories ul { clear:both; float:left; width: 100%; } #gallery_subcategories li { background:none; float:left; padding:0; margin:0; } .gallery_photo { background: #f3f3f3; border:1px solid #ccc; float:left; height:185px; margin:5px; width:245px; } .gallery_photo.first { margin-left:0;} .gallery_photo.last { margin-right:0;} .gallery_photo.active { border-color:#333; background-color:#fff;} .gallery_photo img { margin:10px 10px 5px; height:142px; width:225px;} .gallery_photo a img { border:1px solid #f0f0f0; } .gallery_photo p { color:#555; margin-top:0; text-align:left; text-indent:12px; } .gallery_feature_photo { float: left; width: 600px;} .gallery_feature_photo img { border: 1px solid #ccc!important; width: 550px; margin:10px; } .caption, .send, .buy { text-indent: 12px; } .buy img, .send img { border: 0!important; width:auto; margin:15px 12px;} .send { float: right; margin:-13px 20px -13px -20px;} .gallery_description { background: #f7f7f7; clear:both; float:left; font-size:12px; line-height:150%; margin: 10px 0; padding:12px; width:709px; } #gallery .rsControl { clear: both; text-align: left; padding-top:10px; padding-bottom:30px; } #previous_link, #next_link, p.index_info { clear: right; float: right; margin:0 0 30px; text-align:center; width:120px; } #previous_link, #next_link, #previous_link a, #next_link a, #previous_link a:visited, #next_link a:visited { border-bottom:0px none; padding:0px; text-decoration:none; } #previous_link img, #next_link img { border-bottom: 0px none; width: 120px; border: 1px solid #f3f3f3; } ul#galleryImageInfo{ clear: both; text-align:center; } #galleryImageInfo li{ background: none!important; line-height: 160%; margin: 0px; padding: 0px; } #galleryImageInfo li#caption{ font-style:italic; } #galleryImageInfo li#buy a{ color:#cc0000; font-weight:bold; } #galleryImageInfo span.ref{ font-weight: normal; font-style:normal; color:#999999; font-size:10px; } ul#galleryThumbs{ clear: both; list-style: inline; margin: 0px 0px 0px 10px; width: 730px; text-align:center; } #gallery div.photo { border: 1px solid #cccccc; float: left; margin: 0px 12px 0px 12px ; padding: 0px; text-align:center; } #gallery div.photo img{ border: 1px solid #f1f1f1 ; margin: 1px; } /* ________________________________ */ /* --- Gallery type styles --- */ h1.galleryEasel{ background: url(/images/common/icons/icon_gallery.gif) no-repeat 2px -5px ; padding-left:37px; padding-top:6px; margin-top:5px; } #gallery table.gallerySummary h1{ font-size:24px; padding: 3px 4px 0px 6px; margin: 0px; } #gallery h2, #gallery h2 a, #gallery h2 a:active, #gallery h2 a:hover, #gallery h2 a:visited { border-bottom:0px none; } #gallery table.gallerySummary h2 a, #gallery table.gallerySummary h2 a:active, #gallery table.gallerySummary h2 a:hover, #gallery table.gallerySummary h2 a:visited { font-size:14px; padding: 4px 0px 0px 3px; } #gallery h3 { border-bottom: 0px solid #f3f3f3; color: #999999; clear: left; float: left; font-size: 13px; font-style:italic; font-weight: normal; letter-spacing: 0.2em; margin: 4px 0px 4px 0px; padding: 0px 0px 0px 0px; width: 100%; } #gallery h1 a:hover, #gallery h2 a:hover, #gallery h3 a:hover { text-decoration: underline; } #gallery .pipe{ font-size:17px; vertical-align:middle; margin-bottom:-6px; margin-left:8px; color:#999999; } #gallery table.gallerySummary .pipe{ font-size: 20px; padding: 0px 0px 0px 10px; } .galleryDesc { clear: both; padding:8px 8px 6px 8px; } #gallery #introPara{ background-color:#333333; padding: 10px; } #gallery #introPara p{ color:#ffffff; } /* ________________________________ */ /* --- Miles Redesign test css --- */ #gwrap { width: 770px; margin-top: 20px; margin-left: -5px; } .gleft, .gright, .gleft a, .gright a { width: 365px; height: 260px; float: left; padding: 5px; background: #fff; margin-bottom: 20px; } .gleft a, .gright a { margin-left: -5px; margin-top: -5px; text-decoration: none; color: inherit; } .gleft a:hover, .gright a:hover { background: url(../../../images/gallery/ghover.png) no-repeat; color: inherit; } .gright { float: right; } .gimgcontainer { height: 258px; width: 363px; border: 1px solid #cccccc; background-color: #F2F2F2; } .gimgcontainer:hover { background-color: #f8f8f8; } .gtitlebar { height: 40px; width: 343px; padding: 7px 10px; } .gtitlebar p { margin-top: 1px; color: #4d4d4d; font-size: 13px; } .gimghome { height: 204px; width: 363px; } .gdirection { font-weight: bold; width: 365px; } .gbutton { width:86px; height: 23px; background-image: url(../../../images/gallery/gbutton-off.gif); background-repeat: no-repeat; float: right; margin-top: 8px; } .gbutton p { position: relative; margin-top: 3px; font-size: 11px; text-align: center; color: inherit; } .gbutton:hover { background-image: url(../../../images/gallery/gbutton-over.gif); color: #fff; } /* ________________________________ */ /* --- Drop down menu --- */ #gmenu { float: right; width:365px; height: 30px; background: url(../../../images/gallery/gmenubg-off.jpg) no-repeat; list-style:none !important; font-weight:normal; color: #333; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-right: 0px; } #gmenu:hover { background: url(../../../images/gallery/gmenubg-over.jpg) no-repeat; cursor: pointer; } #gmenu li{ list-style:none !important; float:left; position:relative; display:block; width:324px; background: none; margin: none; padding-left: 0px; padding-right: 30px; padding-bottom: 8px; font-weight: bold; } #gmenu li a{ list-style:none !important; display:block; padding:5px; color:#333; background:#f2f2f2; text-decoration:none; } #gmenu li a:hover{ list-style:none !important; color:#333; background:#f2f2f2; /* Solid colour fall-back */ text-decoration:underline; } /*--- DROPDOWN ---*/ #gmenu ul{ list-style:none !important; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ width:324px; z-index: 999; margin-top: 0px; padding-top: 7px; margin-left: -10px; border: 1px solid #cccccc; border-top: none; } #gmenu ul li{ list-style:none !important; padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */ padding-bottom: 0px; float:none; } #gmenu ul a{ list-style:none !important; white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ display:block; padding-left: 10px; } #gmenu li:hover ul{ /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ padding-left: 0px; } #gmenu li:hover a{ /* Set styles for top level when dropdown is hovered */ background:#f2f2f2; /* Solid colour fall-back */ text-decoration:underline; } #gmenu li:hover ul a{ /* Override some top level styles when dropdown is hovered */ text-decoration:none; font-weight: normal; } #gmenu li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */ background:#4a82d1; color: #f2f2f2; } /*show page styling*/ #gbuybutton, #gsendbutton {width: 132px; height: 48px; display: block; float: left; margin-left: -2px; margin-bottom: 15px;} #gbuybutton {background: url(../../../images/gallery/buyphoto.png) no-repeat; background-position: 0 0; margin-bottom: 30px;} #gsendbutton {background: url(../../../images/gallery/sendphoto.png) no-repeat; background-position: 0 0;} #gbuybutton:hover, #gsendbutton:hover {background-position: 0 -48px; cursor: pointer;} #rangewrap {width: 768px; margin: 50px auto; background: #f2f2f2 url(../../../images/gallery/ffclogo.jpg) top right no-repeat; float: left; margin-top: 15px;} .showoptions {font-size: 11px; font-weight: normal; font-family: verdana,sans-serif; width: 130px; float: left; margin-top: 0px; margin-bottom: 15px; display: block;} .showcaption {font-size: 16px; font-weight: bold; font-family: helvetica,arial,sans-serif; float: left; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; clear: both; width:700px} .showcaption a {text-decoration:none;} .shownegno {display: block; font-weight: normal; font-size: 13px;} #showmainpic {width: 585px; height: 365px; margin: 0px auto; margin-left: 15px; border: solid 1px #9e9e9e; float: left; display: block; margin-right: 20px; } #filmstrip {width: 768px; height: 97px; display: inline-block; margin-top: 20px; border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e;} .showleftarrow {width: 72px; height: 97px; float: left; background: url(../../../images/gallery/g-showleftarrow.jpg) no-repeat; background-position: 0px 0px;} .showrightarrow {width: 72px; height: 97px; float: right; background: url(../../../images/gallery/g-showrightarrow.jpg) no-repeat 0px 0px; background-position: 0px 0px;} .showleftarrow:hover {background: url(../../../images/gallery/g-showleftarrow.jpg) no-repeat; background-position: -72px 0px; cursor: pointer;} .showrightarrow:hover {background: url(../../../images/gallery/g-showrightarrow.jpg) no-repeat; background-position: -72px 0px; cursor: pointer;} /* slider */ #slideleft { cursor:pointer; float:left; background: #ff2 url(l.png) no-repeat scroll center center; height: 97px; width: 30px; } #slidearea { float:left; width: 624px; height: 97px; overflow: hidden; position: relative; } #slider { position: absolute; width: auto; } #slider img {float:left; border-right: #9e9e9e 1px solid;} #slideright { cursor:pointer; float:left; background: #ff2 url(r.png) no-repeat scroll center center; height: 97px; width: 30px; } #ecard_preview_left { float:left; width:452px; } #ecard_preview_photo { border:1px solid #ccc; padding:10px; background-color:#fff; width:452px; } #ecard_preview_photo #ecard_photo { border:1px solid #ccc; width:450px; height:280px; } #ecard_preview_photo p { border:1px solid #ccc; width:430px; padding:10px; margin-top:10px; background-color:#fff; margin-bottom:0px; } #ecard_designinfo p { border:0px none; width:80%; padding:40px 0 0 40px; } #ecard_designinfo div { float:left; margin-right:10px; margin-bottom:10px; max-width:210px; } #ecard_designinfo span { font-weight:bold; } #ecard_preview_right { float:right; width:295px; } #ecard_preview_right #infobox { padding:10px; border:1px solid #ccc; float:left; margin-left:10px; } #ecard_default_left { background: #fff; min-height: 200px; padding: 0 15px 15px 0px; float:left; width:355px; } #ecard_default_left p { font-size:13px; } .choose_your_own_button { float:left; margin-right:10px; } #ecard_default_right { background: #fff; min-height: 200px; padding: 0px 0px 15px 15px; float:left; width:355px; } #ecard_designs { clear:both; width:100%; } #ecard_designs img { float:left; padding-right:20px; } #ecard_track { border:1px solid #B0B0B0; padding:10px 15px 20px 15px; } #ecard_default_right p { font-size:12px; } #ecard_categories_list .title { margin:30px 0px 5px 0px; } #ecard_categories_list h2 { padding-bottom:0px; margin-bottom:0px; padding-top:25px; } #ecard_categories_list p { font-size:13px; margin-bottom:0px; } #browse_ecard_sets { float:left; width:575px; margin-bottom:30px; } .ecard_set { background: #f9f9f9!important; border:1px solid #f0f0f0; width:230px; float:left; margin:20px 23px 0px 0px; } .ecard_set.active { background: #f0f0f0 url(/images/common/icons/icon_images.gif) no-repeat 95% 95%!important; border-color:#999; } .ecard_set img { margin:10px 10px 5px 10px; width:210px; height:150px; border:1px solid #ddd; } .ecard_set span{ font-size:15px; text-decoration:none; color:#333371; padding-left:10px; float:left; padding-bottom:7px; } .ecard_set a { text-decoration:none; float:left; width:220px; } .ecard_set.active a { text-decoration:underline;} span.browse_set { color:#004a95; font-size:12px; margin-top:-10px; text-decoration:underline; } #ecard_preview_right #send_receipt { width:15px; padding:0px; margin:-3px 0px 0px 0px; } #ecard_preview_right .bodytext { font-size:13px; margin-bottom:15px; } #pickup_container_left, #preview_container_left { float:left; background: url(/images/ecards/border.jpg) no-repeat 0% 0%; height:390px; width:560px; } #pickup_container { float: left; clear:both; margin: 20px 0 0; } #pickup_container_left img, #preview_container_left img { border:1px solid #B0B0B0; margin:53px 0px 0px 59px; width:442px; height:284px!important; } #pickup_container_left p, #preview_container_left p { margin-top:65px; margin-left:49px; width:525px; } #pickup_container_right, #preview_container_right { float:left; width:310px; padding-left:20px; } #pickup_container_right p, #preview_container_right p { padding-bottom:25px; font-size:14px; } #pickup_links { clear:both; float:left; margin:120px 0px 50px 50px; } #ecard_preview_next { clear:both; float:left; width:889px; border:1px solid #B0B0B0; padding:5px 0px 0px 8px; margin:15px 0 30px -15px; } #send_button { float: right; margin: 10px 20px 10px 20px; } img#ecard { margin: 20px 0 25px -15px; } #ecard_set_msg { background: #ffffcc; border: 1px solid #B0B0B0; padding: 12px 15px 5px 15px; float:left; width:720px; font-size:13px; margin-bottom:40px; } #compose_ecard label { clear:left; float:left; font-size:1.04em; margin: 0 0 10px 0;width: 100%;} #compose_ecard input { clear:left; float:right; margin: -2px 0 0; width: 132px;} #compose_ecard textarea {margin-left:0px; border:1px solid #B0B0B0; width:245px;} #compose_ecard #send { clear:both; float:left; margin: 0 -50px 20px 50px; width: auto; } #compose_ecard p {float:left; } #compose_ecard h2 {margin:5px 0; } #compose_ecard .design label {width:110px;} #compose_ecard .design p {width:110px; clear:left; float:left;} #compose_ecard .design select {float:left; margin-left:20px; margin-top: 6px; width: 115px; } .ecard_links { clear: left; float: left; } #privacy_container { clear: left; float: left; padding: 10px 0; width:100%; } #ecard_info { clear:left; float: left; padding-right: 25px; width: 390px; } #ecard_reply { border:1px solid #ccc; float:left; padding:10px; margin: 0 0 50px; width: 450px; } #ecard_reply h2 { margin: 2px 0 8px; padding: 0;} #ecard_reply p { color:#555; margin: 0 3px; padding:3px 10px 0;} #ecard_reply textarea { border: 1px solid #ccc; font-size: 1.1em; height:70px; margin:0 0; padding: 5px 8px; width: 400px; } #ecard_reply textarea.fresh { color: #ddd; font-weight:bold; font-size: 2em; } #ecard_reply textarea.filled { color: #333; font-weight:normal; font-size: 1.1em;} #ecard_reply input { float: right; margin: 5px 20px 5px -20px;} #pickup_reply_confirmation { background: #f3f3f3; border:1px solid #ddd; clear:both; float: left; width: 848px; margin: 20px -15px -10px; padding:0px 25px 5px; }/*body { margin: 0px; font-size: 13px; font-family: Verdana; line-height: 1.3em; }*/ .contenttitle { font-family: Arial; font-weight: normal; font-size: 27px; color: #208F04; line-height: 1.3em; } .contentsubtitle { font-family: Arial; font-weight: normal; font-size: 20px; color: #333; line-height: 1.3em; } #businesscontainer a.img { border: none; } #businesscontainer { margin: 20px 0 0 -25px; width: 817px; background-color: white; height: 100%; padding-bottom: 5px; } #businesscontainer p { font-size: 10px; margin-top: 0px; } #headrotate { width: 817px; height: 288px; float: left; } #categoryselect { width: 100%; height: auto; background-image: url(/images/business/gradbg.jpg); background-repeat: no-repeat; background-position: top center; float: left; padding-left: 2px; padding-top: 25px; } #categoryselect a { text-decoration:none; } #categoryselect a:hover { text-decoration:none; background-color: #B0F8B5; } .clear { clear: both; } .catbox { width: 181px; height: 114px; margin: 3px; margin-bottom: 25px; padding: 7px; float: left; display: block; cursor:pointer; } a.catbox { text-decoration: none; color: #333; border: 0px none; } .catbox:hover { background-color: #B0F8B5; } .catpic { width: 57px; height: 57px; float: left; border: none; } .catcopy { margin-top: 0px; margin-left: 65px; width: 114px; } .cathead { font-size: 11px; font-weight: bold; font-family: Helvetica, Arial; } .catfind { font-size: 10px; font-weight: bold; margin-top:-5px; } #contentcopy { width: 400px; height: 100%; float: left; margin-left: 25px; margin-top:10px; } #contentcopy>p { font-size: 13px; line-height: 1.5em; } #contentcopy ul { margin-top: 18px; width: 385px; padding: 18px; background-color: #f2f2f2; border: #BEBEBE thin solid; } #contentcopy ul li { margin: 5px 0px; } #contentpic { float: right; width: 320px; height: 262px; background-color: blue; display: block; margin-bottom: 25px; margin-top: 15px; margin-right: 25px; } .salesmessagerhs { float: right; width: 274px; height: auto; padding: 22px; background-color: #edf1fa; border: #6977b6 thin solid; font-family: Helvetica, Arial, Sans-serif; font-size: 18px; color: #6977b6; line-height: 1.4em; margin-right: 25px; } fieldset ul, fieldset li{ border:0; margin:0; padding:0; list-style:none; } fieldset li{ clear:both; list-style:none; padding-bottom:10px; } fieldset input{ float:left; height: 25px; width: 355px; margin-bottom: 5px; margin-top: 7px; background-color: #f2f2f2; border: #BEBEBE thin solid; } fieldset label{ width:140px; float:left; margin-top: 10px; } fieldset { border: none; } #actionbox { width: 351px; padding-left: 70px; margin-top: 25px; } #actionbox>p { margin-top: 0px; } .actionpic{ float: left; margin: 0; margin-top: 5px; margin-left: -70px; } .buscall { font-family: Arial; font-weight: normal; font-size: 18px; color: #333; line-height: 1.3em; } .buscall a { text-decoration: none; color: #333; } .buscall a:hover { text-decoration: underline; }/* --- Homepage specific styles --- */ #feature { border:1px solid #ddd; float:left; height:430px ;margin:12px 11px 0px 0px; width:465px; } #feature .us_default { background:url(/images/homepage/75026p.jpg) no-repeat 0% 0%; } #feature h1 { color:#666; font-family:arial,sans-serif; font-size:38px; letter-spacing:0.1em; line-height:110%; margin:24px 0px 0px 24px; padding:0px; float:left; visibility:hidden; } #feature img { position:relative; float:left; } #feature p { color:#000; cursor:pointer; float:left; font-size:13px; line-height:145%; margin:-100px 0 0 0; padding:0; position: relative; ;width:420px; } #feature .us p { margin:180px 0px 0px 20px; width:220px; } #feature .summersale p { color:#5B5110; font-size:15px; margin:-115px 35px; } #feature .separator { color:#ccc; } #feature p a, #feature p a:visited, #feature p a:hover, #feature p a:visited:hover { font-weight:normal; margin:0; padding:0;} #feature-panels { float:left; margin:0px; width:276px; margin-top:12px; } #feature-panels #feature-panel-0 { background:url(/images/homepage/feature-panel-3.jpg) no-repeat 0% 0%; cursor:pointer; } #feature-panels #feature-panel-1 { background:url(/images/advertising/xmas09/homepage_1.gif) no-repeat 0% 0%; cursor:pointer; } #feature-panels #feature-panel-4 { background:url(/images/homepage/feature-panel-4.jpg) no-repeat 0% 0%; cursor:pointer; } #feature-panels #feature-panel-5 { background:url(/images/homepage/feature-panel-5.jpg) no-repeat 0% 0%; cursor:pointer; } #feature-panels #feature-panel-6 { background:url(/images/homepage/feature-panel-6.jpg) no-repeat 0% 0%; cursor:pointer; } #feature-panels #feature-panel-2 { background:url(/images/homepage/feature-panel-2.jpg) no-repeat 0% 0%; } #feature-panels div.panel-content { float:left; height:205px; _height:225px; margin:12px 0px -10px 0px; _margin:12px 0px -20px 0px; padding:8px; width:278px; } #feature-panels div.image-only { padding:0px; margin-bottom:8px; } #feature-panels h1 { color:#333; font-family:'Futura Bk','Myriad Roman',Arial,Helvetica,Sans-serif; font-weight:normal; line-height:100%; font-size:27px; margin:0px 0px 0px 0px; padding:0px; } #feature-panels ul { padding:3px 0px 0px 5px; width:230px; } #feature-panels li { background-image:none; padding:0px 12px 0px 0px; margin:0px; } #feature-panels p { color:#333; margin:50px 0px 0px 9px; width:260px; } #feature-panels p.home_search { font-size:12px; color:#fff; } #feature-panels #feature-panel-4 p, #feature-panels #feature-panel-5 p { color:#333; margin:40px 0px 0px 5px; width:260px; font-size:11px; } #feature-panels #feature-panel-1 a { color:#fff; font-size:13px; margin-left:12px; } /* Static search row containing search box */ #searchRow { background:url(/images/homepage/homeSearchBackground.png) no-repeat 50% 0; border:0px none; clear:both; float:left; height:200px; _height:110px; margin:0px; padding:0px 0px 0px 0px; width:465px; _width:465px; ;} #searchRow.us { background:url(/images/homepage/homeSearchBackground_us.png) no-repeat 50% 0; } #searchRow p.home_revisit { color:#fff; float:left; margin:0px 0px 0px 0px; padding:10px 7px; text-align:left; text-decoration:none; width:95%; } #searchRow a, #searchRow a:visited { color:#fff; text-decoration:none; } /* Creative rows/items */ #promoStripe { background:#0066cc; color:#ffffff; clear:both; cursor:pointer; filter:alpha(opacity=50); float:none; height:14px; margin:-14px -5px 0px -8px; opacity:0.5; padding-left:180px; text-align:left; } .centralAdText { float:left; margin:-50px -135px -50px 135px; color:#996600; font-size:14px; } #homepage_ads { padding:0px 0px 0px 12px; } .creativepanel_page { float:left; clear:left; margin:10px 0 0 0; padding:0; width:100%;} .creativepanel_page img.panel_1, .creativepanel_page img.panel_2 { margin-right:25px; border:1px solid #ddd; } .creativepanel_page img.panel_3 { border:1px solid #ddd;} #memories-panel { border:1px solid #ccc; clear:both; float:left; min-height:220px; margin:12px 0px 0px 0px; padding:15px; width:740px; } #memories-panel h2 { margin-top:0px; } #memories-panel #memories-intro { border:0px solid blue; float:left; height:200px; padding:0px 20px 0px 0px; width:260px; } #memories-panel #feature-memory { float:left; padding:0px 0px 0px 10px; width:450px; } #memories-panel #feature-memory div { background:#f0f0f0; border:1px solid #ddd; float:left; padding:10px; width:430px; } #memories-panel #feature-memory h3, #memories-panel #feature-memory p.memory-text, #memories-panel #feature-memory p.memory-link { clear:left; float:left; width:240px; } #memories-panel #feature-memory h3 { margin-bottom:0px; border-bottom:0px none; overflow:hidden; width:100%; } #memories-panel #feature-memory div.memory-photo { background:#fff; border:1px solid #ddd; float:right; padding:5px; margin:5px 0px 5px 5px; width:162px; } #memories-panel #feature-memory div.memory-photo img { border:1px solid #ddd; height:100px; width:160px; } #memories-panel #feature-memory div.memory-photo p { width:150px; } #memories-panel #feature-memory div.memory-photo p a { color:#666; text-decoration:none; } /* Last orders countdown */ #countdownPanel { background:url(/images/homepage/memories.jpg) no-repeat 0px 8px; border:0px solid #3366FF; cursor:pointer; height:317px; padding:0px 0px 15px 0px; width:317px; float:right; } #countdownPanel img { margin:288px 0px 0px 186px; } #ukhomepage #bestseller,#bestseller { border:1px solid #ccc; clear:both; float:left; width:769px; height:240px; margin:12px 0px 12px 0px; } #ukhomepage #bestseller .homepagebestseller, #bestseller .homepagebestseller { float:left; border:1px solid #ccc; margin-right:25px; } #bestseller p { margin-left:20px; margin-top:10px; }