/* ________________________________ */ .price { color:#000; clear:both; } .product_summary.panel #price { float:right; font-size:15px; padding: 0 10px; } .product_summary .on_sale { float: left; width: 49%; color:#cc0000; font-size: 14px; margin:4px 0;} .available_os { background:url(/images/common/icons/icon_os_delivery.gif) no-repeat 5px 0; padding-left:26px; } .not_available_os { background:url(/images/common/icons/icon_no_os_delivery.gif) no-repeat 5px 0; padding-left:24px; } .product_summary { float:left; margin:0 20px 20px 0px; width:47%; } /* --- Product specific styles --- */ a img.productImage, a:active img.productImage, a:hover img.productImage, a:visited img.productImage, img.productImage { border:1px solid #cccccc; padding:4px; margin:1px; width:400px; } a img.productImageThumb, a:active img.productImageThumb, a:hover img.productImageThumb, a:visited img.productImageThumb { float:right; margin:5px 5px 5px 10px; width:120px; } #productTop { margin-left:0px; } #productTop td { padding:5px 10px 10px 0; } #productTop li { color:#666666; } span.liData { color:#000000; font-weight:bold; } #productTop ul { margin:0px; padding-bottom:0px; } #featureImg img { border:1px solid #f3f3f3; width:350px; } .countyMap img { width:32px; } #productSpec { width:45%; padding-right:15px!important; padding-left:5px!important; } #productSpec p { margin:0px; } #productLinks { clear:both; float:left; margin:0px 0 20px; width:745px; } #productLinks h2 { margin-top:0px; } .other-product-options { float:left; width:48%; background:none; padding:3px 0!important; margin:0; } .other-product-options .price { color:#555; font-size:11px; padding-left:6px; } #productRelated td { padding:9px 9px 9px 30px; } #productRelated a { text-decoration:none; } #productRelated span.liveBooks { color:#FF0000; font-weight:bold; } #featureImg img.wish { padding-right:4px; vertical-align:middle; width:16px; } .moredetailsIndent { padding-left:20px; } input.buttonBuy { padding-left:15px; } input.radioAlign { vertical-align:middle; } .bookSticker { float:left; margin:-50px -10px -50px 10px!important; position:relative; width:65px!important; } #book_categories { padding-bottom:10px; } #book_categories li { background:url(/images/common/bullets/bullet_666666.gif) no-repeat 0 50%; line-height:210%; padding-left:14px; } #featureImg_books .bookSticker { margin:-75px -10px -50px 10px!important; width:65px!important; } .podSticker { cursor:pointer; float:right; margin:-70px 23px -60px -5px; } span.price-range { line-height:200%; font-weight:bold; } a.learn-more-link { } .product_message { background-color:#ffffcc; border:1px solid #ddd; float:left; line-height:140%; padding:6px 10px; margin:0px 0px 10px 0px; } .product_message img { float:right; border:1px solid #ddd; padding:0px; margin:4px 4px 4px 6px; max-width:90px;*width:90px; max-height:65px; } .productphotomsg { color:#666; font-size:11px; padding-right:10px; } p.summary_panel_links { clear:left; padding:10px 0 5px 0; } .product_summary p.summary_panel_links { padding:0; margin-top:0;} .print-footer-information, .print-footer-information div { clear:both; float:left; } .print-footer-information div { clear:none; margin:0 60px 20px 0; width:350px; } .print-footer-information div.right { margin-right:0px; } .print-footer-information div.clearing { clear:both; margin:0 0 0 0; width:90%; } .print-footer-information h3 { border:0px none; font-size:18px; letter-spacing:0.05em; margin-top:0px; text-decoration:none; } .print-footer-information p { font-size:11px; line-height:140%; } .print-footer-information img { float:right; width:150px; margin:0 0 10px 10px; } .print-footer-information img.portrait { height:150px; width:auto; } /*--- SETTINGS FOR WHEN BOOK FEATURING IS 230 WIDE margin:-318px 0px 0px 190px!important;---*/ .bookStickerSmall { float:right; margin:-30px -20px 0px 20px!important; position:relative; width:32px!important;/* float:left; margin:-130px 0px 0px 65px; position:relative; width:30px;*/} .printSticker { float:left; position:relative; width:40px!important; } /* ________________________________ */ /* --- Jigsaw specific styles --- */ .jigImgTable { background-color:#eae6d7; border:1px solid #cccccc; margin:0px 0px 0px 120px; padding:4px; text-align:center; width:535px!important; } .jigImgTable td { padding:0px; margin:4px; border-collapse:collapse; text-align:center; width:1px; background-color:#eae6d7; } .jigImgTable h1 { font-size:20px; height:150px; padding:0px; margin:0px; width:250px; background-color:#eae6d7; } .jigImgTable img { height:150px; padding:0px; text-align:center; width:250px; } .jigOptions { margin-top:0px; vertical-align:text-top; margin-left:0px; width:535px; } .jigNegDesc { line-height:17px; font-size:5pt; font-family:trajan,verdana,arial; } #jigsaw .jigImgPopup { border:1px solid #cccccc; margin:10px 0px 10px 8px; } #jigsaw .popup { padding:0px 6px 0px 8px; } #jigsawWHS p { text-align:center; } /* ________________________________ */ /* --- Shop specific styles --- */ #shop #tableRight { border-left:1px solid #ddd; float:right; clear:both; margin:-4px 0px 7px 10px; width:22%; } /* #shop ul{ margin-left:-10px; } */ #shop #tableRight td { padding-left:15px; } #shop #listing { clear:both; padding-right:-40px; } #shop #listing .cell img { float:right; width:120px; border:0px none; } .stepDone { background:url(/images/common/icons/icon_tick.gif) no-repeat 1px -3px; color:#666666; padding:1px 0px 0px 20px; } a #cover-photo { cursor:pointer; } /* Maps category page */ #osMaps { float:left; width:380px; padding-right:40px; } #CMaps { float:left; width:350px; } /* Maps-info */ #maps-header-wrapper { background:url('/images/illustrations/osmaps.gif') no-repeat 0px 0px; float:right; margin:0px -20px 0px 0px;_margin:0px 0px 0px 0px; width:792px; } .maps-info { border:1px solid #ddd; background:#f7f7f7; clear:both; float:left; height:160px; margin:10px -20px 0px 0px; padding:0px 10px 0px 10px; width:470px; } .maps-info #getosmap { float:left; width:220px; } .maps-info #customise-your-map { float:left; margin:0px -10px 0px 40px; width:220px; } /* Custom-maps */ #customMapSteps .step .cell{ padding-bottom:10px; } #customMapSteps .complete,#customMapSteps .complete .cellhead,#customMapSteps .complete .cell{ border-color:#6f9919; } #customMapSteps .complete .cellhead{ background:#6f9919; color:#fff; } #customMapSteps .complete a,#customMapSteps .complete a:visited{ color:#004a95; } #customMapSteps .incomplete{ } #customMapSteps .active,#customMapSteps .active .cellhead,#customMapSteps .active .cell{ border-color:#3b60b5; } #customMapSteps .active .cellhead{ background:#3b60b5; color:#fff; } #customMapSteps #postcodeReset,#customMapSteps #coverageReset,#customMapSteps #captionReset{ background:url(/images/common/icons/icon_refresh.gif) no-repeat; float:right; margin:-24px 0px; padding-left:20px; width:160px; } #customMapSteps #coverageConfirmation{ width:450px; } #customMapSteps .productSelection .product{ background:#f7f7f7; border:1px solid #ddd; float:left; margin:0px 20px 20px; padding:5px 10px; width:300px; } #customMapSteps .productSelection .product input{ float:left; margin:2px 10px 0px 0px; } #customMapSteps .productSelection .product .productLink{ font-weight:normal; margin:7px 24px 6px; } #customMapSteps #addToBasketButton{ margin:0px 0px 20px 265px; } #sample_images{ clear:both; width:480px; border:1px solid #ccc; text-align:center; float:left; margin-top:30px; } #sample_images p{ margin:-5px 0px 15px 20px; } #sample_images h2{ margin:15px 0px 15px 20px; } #sample_images a{ width:160px; float:left; text-decoration:none; } #sample_images img{ border:1px solid #ccc; } #sample_images a.bottomrow{ padding-top:20px; padding-bottom:20px; } /* books homepage styles */ .bookrange { float:left; } .bookrange.fw { width:770px; } .bookrange.lhs { width:560px; } .bookrange.rhs { width:180px; float:right; margin: 35px 30px 0 0;} .bookrange.fw p { width:760px;} #bookshome #header_panel { border:1px solid #ccc; float:left; height:250px; width:750px; } #bookshome #header_panel .panel { float:left; height:250px; padding:0; margin:0; width:250px; } #bookshome #search_header_panel { background:url(/images/shop/books/search_panel_2.png) no-repeat 0 0; } #bookshome #search_header_panel img { border:0 none; float:left; } #bookshome #search_header_panel p { color:#fff; float:left; height:115px; font-size:11px; margin-top:66px; padding:0 90px 0 20px; width:135px; } #bookshome #search { background:none transparent; clear:left; margin:0; width:244px; } #bookshome #search input { margin:6px 20px 0 -20px; *margin-top:15px; padding:8px 4px; } #bookshome #search #searchstring { border: 0 none; font-size:16px; margin:14px 0 0 20px; *margin-top:24px; padding:0 0 2px 10px; width:160px; } #bookshome #personalisation_header_panel { width:500px!important; } .iterator.book { background-image:none; float:left; list-style:none; padding:0 0 0 20px; width: 110px; } .iterator.book.first { padding-left:0; } .iterator.book img { width:90px; border:1px solid #ccc; } .iterator.book .price { font-size: 12px; } .iterator.book .wasPrice { text-decoration: none; } #gloriousIncludes td{ width:25%; } #streetsIncludes td{ width:24%; } #bookplaces{ clear:both; border:1px solid #ccc; background:#ffffdd; float:left; margin:10px 0px 25px 0; min-height:50px; padding:5px 10px 5px 15px; } #book_moredetails ul{ margin:15px 0px 15px 0px; } #book_moredetails li{ color:#333; } .holly{ float:left; margin:-95px 0px 0px 85px!important; position:relative; width:40px!important; } #podThumb{ width:90px; margin-right:20px; float:left; border:1px solid #ccc; } .podSample{ width:240px; float:left; margin:0px 30px 0px 0px; } .podSample p{ padding-right:5px; } /* POD Personalisation */ #personalisation_table h2 { width: 340px; } #personalisation_panel { background: #f3f3f3; padding: 10px; } #inscription_wrapper { border:1px solid #ccc; width:342px;} #inscription { background:#ffffff; border:5px solid #ddd; font-size:13px; font-style:italic; font-weight:bold; height:70px; margin:0; padding:5px; width:330px;} #inscription.disabled { color:#999; } #preview_wrapper { margin: 10px 0 0;} #words_remaining { text-align:right; color: #666; } #words_remaining.overlimit { color:#cc0000; font-weight:bold;} #personalisation_preview { width:400px; border:1px solid #ccc; } #personalisation_confirmation { margin: 10px 0; } #personalisation_confirmation div { float:left; } #personalisation_confirmation .left, #personalisation_confirmation .left h3 { width: 135px;} #personalisation_confirmation .right { padding-top: 23px; width: 220px;} #personalisation_confirmation li { background-image: url(/images/common/icons/icon_check_grey.gif); } #personalisation_confirmation #add_to_basket { margin-top: 10px;} /* _____________ */ /* PRINT CREATOR */ #print-creator-heading h1 { margin-top:11px; } #print-creator #tabs { margin-top:-25px;} #print-creator #tabs li { background: none; margin:0 20px 0 0; } #print-creator #tabs li a { background: url(/images/shop/print_creator_tabs.png) no-repeat; border:0px; height:41px; text-indent:-3000px; width:137px; } #print-creator #tabs li.active { margin-top:0; } #print-creator #tabs li.active a { height: 41px; } #tabs li#standard a { background-position:0 0; } #tabs li#standard a:hover { background-position: 0 -50px; } #tabs li#standard.active a { background-position: 0 -105px; } #tabs li#premium a { background-position:-179px 0; } #tabs li#premium a:hover { background-position:-179px -50px; } #tabs li#premium.active a { background-position:-179px -105px; } #tabs li#canvas a { background-position:-354px 0; } #tabs li#canvas a:hover { background-position:-354px -50px; } #tabs li#canvas.active a { background-position:-354px -105px; } #tabs li#standard { margin-left: 10px;} #print-creator #tabs .activeTabSpike { display:none; } #print-creator { float:left; margin-top:10px; width:770px; } #update-container { float:left; } #update-loading { background: url(/images/common/icons/spinner.gif) no-repeat 50% 25px; clear:both; float:left; height:100%; padding:20px 0; width:750px; } #update-loading p { color:#888; font-size: 20px; margin:60px 0 0 0; text-align:center; width:100%; } #update-loading p span { clear:both; float:left; font-size: 11px; color:#004a95; padding-top:50px; width:100%; } #preview-wrapper { background:#f3f3f3; float:left; height:435px; padding:10px; width: 730px; border-bottom:1px solid #ddd;} #print-preview-wrapper { float:left; margin: 2px 20px 20px 0; min-height:200px; width:355px;} #print-preview-wrapper img { border:1px solid #ccc; max-width: 350px; max-height: 300px; } #print-creator #preview-alert { background:url(/images/common/icons/icon_alert.gif) no-repeat 0 6px ; clear:both; float:left; padding:0 0 0 25px; width:335px; } #print-creator .alert-text { display:none; } .instructions { background:#f3f3f3; border:1px solid #ddd; border-left: 0px none; color:#444; float:left; font-size:12px; margin:0 0 0 8px; padding:2px 10px 6px 40px; text-align:left; width :322px; } .instructions.step1, .instructions.step2 { line-height:150%; padding:5px 8px 5px; width:360px; } .instructions.step1 { width:244px; } .instructions.step3 { border-color:#dddddd; border-style:solid none none; border-width:1px 0 0; margin:15px 0 0 10px; padding:10px 10px 3px; width:720px; } .instructions img { float:left; height: 30px; margin:-7px 10px -10px -16px; padding:0; position:relative; width: 30px; } .instructions.step3 img { margin:-12px 10px -10px -19px;} #print-creator #tabsContent { border:1px solid #ccc; clear:left; float:left; height:675px; padding:10px; margin:-1px 0px 0px; width:750px; } #print-creator #tabsContent, #print-creator #tabsContent.on-sale-print { clear:left; } .colors { float:left; height: 160px; width:280px; margin-right: 83px; vertical-align:top; } .formats { float:left; height: 150px; width:385px; vertical-align:top; } #canvas_content .formats { height: 170px;} .print-color { clear:both; float:left; width:100%; } .print-color div { float:left; } .color-option { cursor:pointer; color:#666!important; float:left; border:4px solid #f0f0f0; margin:10px 0 5px 0; padding:2px 2px; text-align:center; width:115px; } .color-option input { margin:0 0 0 7px;} .color-sepia { margin-left:15px; } .color-option img { border:0px none; height:70px; margin:5px 0 5px; padding:0px; width:100px; } .color-option div { margin:4px 0 0; padding:0; float:none; } .colors .hover { background:#fff; border-color:#777; } .colors .active { background:#fff; border-color:#3875d7; } .colors p { float:left; color:#555; width:85px; margin-top:3px!important; margin-right:10px!important; } .colors-label { clear:left; float:left; margin-top:10px; width:120px; } #print-creator select { border:0px none; float:left; font-size:13px; margin:0; padding:0 5px 5px; vertical-align:top; } #print-creator option { color:#333; font-size:13px; } #print-creator .select-wrapper { float: left; border: 1px solid #ccc; padding:0; margin:10px 20px 0 0; overflow:hidden; width: 134px;} #print-creator .select-wrapper p { background: #f3f3f3; border-bottom: 1px solid #ddd; font-weight:bold; font-size:13px; margin:0; padding: 4px 5px; width: 100%; } #print-creator .prints-wrapper { margin-right:0; width:225px; } #print-creator .groups { width:134px; } #print-creator .prints { width:220px; } #chosen-product-description { float:left; font-size:12px; margin-bottom:15px; width:350px; } #chosen-product-description span { font-weight:bold; } #print-creator #add-to-basket { float:left; } #print-creator #price-wrapper { float:left; font-size: 13px; font-weight:bold; line-height:160%; padding:0 0 0 5px; width:180px; } #print-creator #price-wrapper .base { font-size: 16px; font-weight: normal; line-height: 190%; } #print-creator #price-wrapper .sale { margin-top:-5px; } #print-creator #price-wrapper .onsale { padding-right: 5px; color:#cc0000; font-size:16px; font-weight:normal; } #print-creator #price-wrapper .was { color:#555; font-weight:normal; font-size:12px; } #print-creator #price-wrapper .now { color:#cc0000; font-size:13px; font-weight:normal; } #print-creator #price-wrapper .sticker { float:left; margin:-46px 0 -46px 146px;} #print-creator #specs { float:left; margin:10px 0; width: 355px;} #print-creator #specs ul { margin: 10px 0 0; padding:0; } #print-creator #specs li { background: none; } #print-creator #specs p { margin-top:0px;} #product-images { clear:both; float: left; margin-left:2px; width:730px;} #product-images p { margin-bottom:9px;} #product-images a { background-color:transparent; border-bottom:0; text-decoration:none; } #product-images img { background: #ccc; border: 0; padding:5px; margin: 0 7px 15px 0; height:75px; width: 100px; vertical-align: top } #product-images .active img, #product-images .active:hover img { background: #3875D7; } #product-images a:hover img { background: #333333; } #printcreator_ranges { margin:25px 0 50px; } #printcreator_ranges h3 { margin-top:15px; } #printcreator_ranges li { line-height:165%; } /* US/CA ONLY PRINT OPTIONS */ #printcreator-left.us { width:375px; } #printcreator-left.us #print-color { float:left; width:135px; } #printcreator-left.us #print-color div { margin:10px 0px; border:2px solid #ddd; } #printcreator-left.us #print-color div.selected, #print-color div.active { background-color:#fff!important; border:2px solid #6D9719; font-weight:normal; } #printcreator-left.us #print-color div.active { border-color:#666; } #printcreator-left.us #print-color .color-option { height:90px; padding:6px; text-align:center; width:95px; } #printcreator-left.us #print-color .color-option p { margin:4px 0px; text-align:center; } #print-sizes { float:left; padding-left:30px; width:185px; } #print-sizes div { background-color:#fff; border:2px solid #ccc; height:90px; margin:8px 0px 0px 0px; padding:4px; text-align:center; width:90px; } #print-sizes div.active, #print-sizes div.selected { border:2px solid #666; cursor:pointer; } #print-sizes div.selected { border:2px solid #6D9719; } #print-sizes div p { font-weight:bold; margin:4px 0px; text-align:center; width:100%; } #print-sizes div p.print-price { font-weight:bold; color:#004a95; } #add-product input { margin:6px 0px 6px 105px; } #addToBasket { cursor:pointer; margin:4px 0px 4px 0px; } /* */ #product-image, img.print-preview { float:left; } p.instructions { border:1px solid #ddd; background:#f3f3f3 url(/images/common/icons/icon_info.gif) no-repeat 4px 4px; margin:0px 24px 5px 0px; padding:4px 4px 4px 24px; } #print-specs { float:left; } #print-specs-container { float:left; margin:10px 0 15px 3px; width: 340px; } #print-specs-container p { margin: 0 0 10px; } #print-specs-container li { background: none; padding:0; } #print-selected h2 { color:#004a95; } #print-details-right { float:left; padding-top:30px; margin:0px -10px 0px 10px; } #print-details-destination { clear:both; float:left; margin:0; } #print-details-destination a img { border: 1px solid #cccccc;} #print-details-destination a:hover img { border: 1px solid #c9e693!important;} #print-details-destination p { color:#666; margin:10px 0 10px; text-align:left; } #product-description { background:#f7f7f7; border:1px solid #dddddd; padding:10px 20px; float:left; margin:0 0; } #product-description span { line-height:200%; } #to-viewphoto { background:url(/images/common/icons/icon_photo.png) no-repeat 100% 0%; clear:right; float:right; padding:5px 30px 0 0; margin:-40px 0px 0px; text-align:right; width:380px; } #preview-print-links { clear:left; float:left; width:150px; } #photo-preview-wrapper { border-top:1px solid #eee; border-left:1px solid #eee; clear:both; float:left; margin-left:0px; padding:6px; width:350px; } #photo-preview-wrapper.print-creator { text-align:left; } #printcreator_ranges, #printcreator_ranges .panel, #printcreator_ranges .cell{ float:left; } #printcreator_ranges .range{ float:left; margin-bottom:40px; width:45%; } .occasion_message_text{ background:#F7F7F7 url(/images/common/icons/icon_gifts.gif) no-repeat 5px 7px; border:1px solid #ddd; color:#cc0000; clear:both; float:left; padding:5px 5px 10px 34px; margin:10px 0px 0px 0px; width:87%; } .occasion_message_text span{ color:#333; } #productSpec .occasion_message_text{ background-color:#f9f9f9; border-color:#ddd; color:#333333; margin:-10px 0px 15px 5px; width:291px; } .irw{ border:1px solid #CCC; padding:20px; margin-bottom:25px; } /* taste of pages*/ #taste #headingh1,#taste #tastefooter,#countymemories #countymemoriesfooter{ margin:0px 0px 20px -25px; } #countymemories #headingh1{ margin:0px 0px 10px -25px; } #taste .heading{ margin:25px 0px 15px 0px; } #countymemories .heading{ margin:30px 0px 5px 0px; } #taste #bookcover,#countymemories #bookcover{ float:right; margin-left:15px; border:1px solid #ccc; } #countymemories .othertitles{ border:1px solid #ccc; } #taste .podSticker,#countymemories .podSticker{ clear:right; } #countymemories .podSticker{ margin-right:15px; margin-top:-80px; } #taste #recipes,#countymemories #recipes{ clear:both; } #recipeimgs{ float:left; width:250px; } #recipepage{ clear:both; float:left; margin-top:15px; border:1px solid #ccc; } #recipelist{ margin-left:30px; float:left; width:475px; vertical-align:top; } #countymemories #recipelist{ margin-left:0px; width:435px; font-size:13px; } #taste #facts,#countymemories #facts{ clear:left; } #pagespread{ float:left; margin-bottom:20px; } #facts #right{ float:right; width:290x; margin:0px 10px 20px 40px; } #countymemories #facts #right{ width:290px; border:1px solid #85662f; padding:15px; margin:0px 10px 10px 10px; } #countymemories #facts #right #more{ padding-top:20px; margin-bottom:10px; } #countymemories #facts #right #contents{ margin-top:0px; margin-bottom:10px; } #countymemories #samplepages{ clear:both; } #countymemories #samplepages .samplepage{ border:1px solid #ccc; margin-right:10px; } #countymemories #samplepages .samplepage .final{ margin-right:0px; } #celebration .infoboxes td {vertical-align:top; padding:0 30px 0 0; } #celebration .highlight {font-weight:bold; color:#ff6633;} #factlist{ margin-bottom:15px; } #other_taste_titles,#other_county_memories_titles,#other_celebration_titles{ margin-bottom:0px; } #other_county_memories_titles,#other_celebration_titles{ clear:both; margin-top:20px; } #other_taste_titles li,#other_county_memories_titles li,#other_county_memories_titles_range li,#other_celebration_titles_range li{ background:none; clear:none; float:left; height:190px; margin:0 12px 20px 0; padding:0; width:140px; } #other_county_memories_titles li,#other_celebration_titles li{ width:115px; } #other_taste_titles p,#other_county_memories_titles p,#other_celebration_titles p{ margin-top:0px; width:125px} #other_county_memories_titles img,#other_celebration_titles img{ width:105px; } #other_county_memories_titles p,#other_celebration_titles p{ margin-top:0px; width:105px} #other_taste_titles a,#other_county_memories_titles a,#other_county_memories_titles_range a,#other_celebration_titles_range a{ border-bottom:0px none; text-decoration:none; } #other_county_memories_titles_range a,#other_celebration_titles_range a{ font-size:12px; } #other_taste_titles a:hover,#other_county_memories_titles a:hover,#other_county_memories_titles a:hover,#other_celebration_titles a:hover{ color:#004a95; text-decoration:underline; } #rangeimg{ float:right; margin:-10px 0px 20px 10px; } #framing_info p{ font-size:13px; } #framing_info .panel{ width:32%; float:left; margin-right:12px; } #framing_info .cell p{ font-size:11px; } #framing_info #canvas,#framing_info #experience{ margin-top:15px; height:261px; background:url(/images/illustrations/framing/canvas.jpg) no-repeat 0 0; } #framing_info #experience{ background:url(/images/illustrations/framing/experience.jpg) no-repeat 0 0; } #framing_info #canvas p,#framing_info #experience p{ padding:85px 0px 0px 30px; width:350px; } #framing_info #experience p{ padding-top:76px; } #framing_info a{ color:#512C12; } #framing_info #craftmanship,#framing_info #trusted{ margin-top:15px; height:261px; background:url(/images/illustrations/framing/craftmanship.jpg) no-repeat 0 0; } #framing_info #trusted{ background:url(/images/illustrations/framing/trusted.jpg) no-repeat 0 0; } #framing_info #craftmanship p,#framing_info #trusted p{ padding:100px 0px 0px 380px; width:350px; } #framing_info #trusted p { padding-top:85px; } #discountcopy { width:395px; float:left; padding-right:20px;} #discountcopy .intro { font-weight: bold; font-size: 12px;} #discountcopy li { line-height: 200%;} #discountpic { float:left; padding-top: 8px; width:350px;} #discountcode { background: #f0f0f0; border:2px solid #ddd; padding:5px 0; text-align:center; font-size:19px; color:#000; letter-spacing:0.1em; line-height:150%;} /* ________________________________ */ /* --- CUSTOMISER - Contains all styles relating to the arrange and configure pages. --- */ /* ________________________________ */ #dragDropNotes { clear:both; margin-right:8px; } /* USED IN BOTH CONFIGURE OR _CONFIGURE AND ARRANGE OR _ARRANGE */ h3{ border-bottom:none; } h4{ margin-bottom:10px; } #instructions p{ margin: 0px -2px 10px 0px ; background-color:#ffffdf; padding:4px 15px; } #dropArrange img, #captions img{ border:1px solid #cccccc; height:55px; width:85px; } #dropArrange img.timer { border:0px none; height:16px; width:16px; } /* USED IN ARRANGE*/ #arrange_lhpanel { width:48%; float:left; } #arrange_rhpanel { width:52%; float:left; } #arrangementTemplate { float: left; background: #eae6d7; padding:10px; } #change-start-month { clear:none; text-align: left; margin: 4px 0px; padding: 4px; border: 1px solid #f3f3f3; width: 215px; } #dragList { float: left; height:370px; list-style:none; overflow-x: hidden; overflow-y:auto; width: 365px; height: 370px; margin-top:8px; position: relative; /* Prevent stupid IE scrolling bug */ } #dragList li { background-image: none; float: left; height: 130px; margin: 0px 4px 0px 0px; padding: 0px; width: 105px; } #dragList li img{ border: 1px solid #ccc; cursor: move; } #dragList li p{ width: 105px; padding-right: 4px; } #dropArrangeContainer { clear:both; } #dropArrange ul { clear: both; width:80%; } #dropArrange li { background:#FFFFFF none; border:1px solid #999; margin:3px; height: 80px; padding: 12px 9px 10px 14px; width:94px; float:left; } #dropArrange img.arrangeItem { cursor: move; border:1px solid #ccc; } #dropArrange div.arrangeItem { /* Lookalike empty-image placeholder */ cursor: auto; border:1px solid #ccc; width: 85px; height: 57px; text-align:center; line-height:100%; } div.arrangeItem .smallNote{ color:#cc0000; } #dropArrange li p { font-weight: bold; text-align:center; padding-left:0px; padding-right:0px; } #arrangementCaptions ul li { background-image: none; float: left; line-height:100%; margin-top:0px; margin-right:3px; padding:0px; width:118px; color:#666666; font-size:10px; height:80px; } #arrangementCaptions h4 { margin: 4px 0px 0px -4px; padding: 0px 0px 0px 4px; } #arrangementCaptions .smallNote{ margin-top:2px; } #customiseOptions { clear:both; padding:10px 0px 0px 10px; } #portrait-warning { background-color:#F7F7F7; background-position:4px 3px; margin:5px 0 10px; padding:2px 4px 6px 26px !important; } #dragList p{ margin-top:0px; } #nextLink { float:right; } /* USED IN CONFIGURE OR _CONFIGURE */ #arrangement, #color, #format { float: left; margin-right:8px; padding:5px 10px 15px 10px; border:1px solid #cccccc; margin-bottom:8px; } #arrangement { clear: left; height:auto; width:492px; } #arrangement h2 { margin: 5px 0px 6px 0px; } #arrangement h4 { margin: 5px 0px 6px 0px; } #arrangementCaptions #arrangementItems li{ background-image: none; float: left; line-height:100%; margin-top:0px; margin-right:8px; padding:0px; width:150px; color:#666666; font-size:10px; height:140px; } #blackholder { width:105px; } #changeArrangement{ clear: left; } #color{ width:41%; } #colorfrm div { float: left; width:47%; } #colorfrm img{ clear:left; padding-top:4px; } #colorfrm input { float: left; } #colorfrm label{ float: left; margin-top:2px; } #format { /* border: 0px none;*/ width:47%; } #formatfrm div{ float:left; width:49%; } #formatfrm img{ padding-left:20px; margin-top:3px; } #formatfrm input{ margin:0px none; } #optionsWrapper { float: left; width: 67%; margin-right:0px; } #preview{ margin-top:20px; } #productdelivery { clear:left; padding:8px 6px 8px 10px; margin-top:10px; border:1px solid #cccccc; width:100%; } #purchase { padding:8px 6px 8px 10px; background-color: #f7f7f7; border: 1px solid #ddd; width:100%; overflow:hidden; } #purchaseWrapper { clear: right; float: right; padding-right: 15px; width: 30%; } #summaryDescription{ margin-bottom:5px; } #summaryPrice{ margin-bottom:20px; } #summarySpecs{ margin-top:0px; } #summarySpecs img{ padding-top:6px; } /* USED IN CAPTIONS OR _CAPTIONS */ #captions { border:1px solid #cccccc; float: left; margin-right:15px; padding:10px; width:75%; } #captions-reordered { background-position: 14px 50%; border: 1px solid #cc0000; font-weight: bold; padding: 4px 4px 4px 49px!important; width: 555px; } #arrange-instructions #captions-reordered { width: 296px; } #captions ul { margin-left:-25px; } #monthName { font-weight:bold; } #monthImage { float:left; padding: 0px 8px 8px 0px; } #imageTitle { float:left; } #imageTitle p { padding:0px; margin:0px 0px 5px 0px; } #summary { float: right; } #captions ul li { clear:both; background-image: none; margin-top:0px; } #captions ul li input.save, #captions ul li a.delete { width:100px; } #captions ul li input.add{ width:200px; } #captions ul li input.text { width:285px; } #captions #clear-captions { background: url(/images/common/icons/icon_xsmall.gif) no-repeat 0px 3px; float: right; padding-left: 18px; } #summary #productdelivery { margin-top:25px; } #coverCaption{ margin:0px 0px 20px 0px; } /* CALENDAR PROGRESS TRACKER HEADER */ #calendarStatus { border-bottom:1px dashed #cccccc; float:left; padding-bottom:10px; margin:10px 0px 10px 0px; width:100%; } #calendarStatus img { float:left; padding:4px 6px 0px 6px; } #statusTitle { float:left; color:#3300CC; padding-top:4px; margin-right:4px; } #statusOne, #statusTwo , #statusThree, #statusFour { float:left; padding:4px 6px 4px 6px; } .active { background-color:#E8F5FD; color:#004A95; } .complete a:hover, .complete a:visited, .complete a{ color:#999999; text-decoration:none; } /* END OF CALENDAR PROGRESS TRACKER HEADER */ #label { line-height:120%; } #captions fieldset { margin:0px; padding:4px 0px 0px 0px; line-height:110%; } /* END OF USED IN CAPTIONS OR _CAPTIONS */