/* quickpick table ---------- */ #quickpick { width: 100%; margin: 10px 0 20px !important; background: #e1e6e8; clear: both; } #quickpick th { background: #7f9ead; text-align: left; } #quickpick th h2 { margin: 0; padding: 0 15px; height: 32px; line-height: 34px; color: white; } #quickpick td { padding: 12px 0 5px 12px; } .ie7 #quickpick td, .ie6 #quickpick td { padding-left: 5px; } #quickpick td h3 { margin: 0; } #quickpick td p { margin: 0; font-size: 0.8em; line-height: 1.3; } /*#quickpick td.option { white-space: nowrap; }*/ #quickpick td.option h3, #quickpick td.option p { position: relative; padding-left: 25px; } #quickpick td.option p strong { text-transform: uppercase; } #quickpick td.option p strong em { font-style: normal; color: #41a300; } #quickpick td.option input { position: absolute; left: 0; top: 3px; } .ie7 #quickpick td.option input, .ie6 #quickpick td.option input { top: -2px; } #quickpick td.image { padding-bottom: 0; } #quickpick td.image img { position: relative; z-index: 5; margin-top: -40px; display: none; } #quickpick td.image img.active { display: block; } #quickpick td.add { padding-right: 18px; } #quickpick td.add h3 { padding-bottom: 5px; color: #808080; font-size: 1.5em; white-space: nowrap; } /* Find more photos button ---------- */ h1 { position: relative; height: 25px; } h1 a.button { position: absolute; right: 0; top: -5px; } /* search results block ---------- */ #results div.block { position: relative; margin-bottom: 40px; } #results div.block img { display: block; } #results div.block img.heading { position: relative; z-index: 10; margin-top: -10px; } #results div.block a.home { position: absolute; z-index: 20; right: 40px; top: 400px; color: #8dd93f; font-size: 1.3em; } #results div.block div.clear div.left { float: left; width: 670px; } #results div.block div.clear div.right { float: right; width: 180px; text-align: center; } /* image header ---------- */ #results div.top { position: relative; height: 80px; background: white; } #results div.top img { margin-left: 40px; margin-top: 15px; display: block; float: left; } #results div.top a { position: absolute; z-index: 10; right: 30px; bottom: 30px; color: #8dd93f; font-size: 18px; } #results div.top h3 { z-index: 10; margin-top: 25px; margin-left: 25px; float: left; width: 550px; } #results div.top p { position: absolute; z-index: 10; right: 30px; top: 10px; line-height: 1.3em; } #results div.top p.clear span { float: left; clear: both; padding-right: 2em; } #results div.top p.clear strong { float: right; } #results div.top h3 a, #results div.top p a { position: relative; right: 0; bottom: 0; margin: 0; color: #007aa5; font-size: 1em; } #results div.content { padding: 0px 40px 20px; background: white; } #results div.content * { margin-top: 0; } #results .share { clear: both; float: right; padding-top: 10px; } /* photo gallery ---------- */ #results ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 440px; } #results ul.gallery, #results div.slider ul { float: none; width: auto; } #results ul li { padding-bottom: 0.5em; } #results ul.gallery li { padding-bottom: 0; } #results ul li h3 { margin: 0; } #results ul.gallery li { position: relative; z-index: 10; } #results ul.gallery li.large { z-index: 20; } #results ul.gallery li p { position: relative; margin: 0; float: left; } #results ul.gallery li p.large { display: none; float: left; } #results ul.gallery li.large p.large { position: absolute; left: 0; bottom: -11px; display: block; padding: 10px; background: #363636; color: white; text-align: center; white-space: nowrap; } #results ul.gallery li.large p.large a { float: none; height: auto; line-height: 1.2em; font-size: 0.9em; color: #91d52f; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } #results ul.gallery li p img.item-added { position: absolute; z-index: 10; left: 50%; bottom: 0; display: block; margin-left: -8px; line-height: 0; } /* slider ---------- */ #results div.slider { position: relative; margin-bottom: 1em; } #results div.slider a.prev, #results div.slider a.next { position: absolute; top: 35px; display: block; overflow: hidden; width: 10px; height: 16px; background: url(../../image/page/slider-nextprev.gif) no-repeat; text-indent: -999px; } #results div.slider a.prev { left: 0; } #results div.slider a.next { right: 0; background-position: 0 -16px; } #results div.slider div.clear { position: relative; overflow: hidden; width: 780px; margin: 0 auto; } #results div.slider div.clear ul { position: relative; left: 0; width: 9999px; } #results div.slider div.clear ul li { float: left; height: 90px; padding-right: 30px; } #results div.slider div.clear ul li p { margin: 0; } #results div.slider div.clear ul li p.large { display: none; } #results div.slider div.popup { position: absolute; z-index: 20; left: 0; bottom: 6px; display: none; padding: 10px; background: #363636; text-align: center; } #results div.slider div.popup.display { display: block; } #results div.slider div.popup a { color: #91d52f; } #results div.slider div.popup a strong { text-transform: uppercase; } /* packs ---------- */ #results div.packs { margin: 0 -10px 30px; padding: 15px 20px 15px 30px; background: #e5eff4; border: 2px dotted #c3dee8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #results div.packs div.left, #results div.packs div.right { height: 130px; } #results div.packs div.left { float: left; width: 335px; background: url(../../image/page/personal-photo-pack.jpg) no-repeat 180px -10px; border-right: 1px solid #a3cfe0; } #results div.packs div.right { margin-left: 365px; padding-right: 140px; background: url(../../image/page/digital-super-pack.jpg) no-repeat right -10px; } #results div.packs h3 { font-weight: bold; } #results div.packs h3 small { font-weight: normal; } #results div.packs h3, #results div.packs p { margin: 0 0 0.3em; font-size: 1.05em; } #results div.packs div.left small { display: block; } /* video ---------- */ #results #video { clear: both; } #results #video div { float: right; margin-top: 10px; } #results #video h3 { margin-top: 2em; } #results #video p { font-size: 1.05em; } #results #video div p { font-style: italic; color: #808080; font-size: 1em; } /* cart options table ---------- */ #select-options div.options { float: right; width: 510px; margin-left: 20px; } #select-options div.options table { width: 510px; margin-bottom: 10px; } #select-options div.options table tr th { background-color: #007AA3; color: #fff; } #select-options div.options table tr th, #select-options div.options table tr td { padding: 4px 12px 3px; white-space: nowrap; vertical-align: middle; } #select-options div.options table tr th { border-bottom: 1px solid #e1e1e1; } #select-options div.options table tr th.label { width: 100%; text-align: left; } #select-options div.options table tr th.label h2 { margin: 0; font-weight: bold; } #select-options div.options table tr th.option, #select-options div.options table tr td.option { text-align: right; } #select-options div.options table tr th.option h3 { margin: 0; padding-right: 10px; } #select-options div.options table tr td.label { width: 100px; } #select-options div.options table tr.disabled td { color: #c4c4c4; } #select-options div.options table tr.highlight td { background-color: #f2f2f2; } #select-options div.options table tr.highlight td.label { width: 100%; padding-left: 40px; background-position: 5px center; background-repeat: no-repeat; } #select-options div.options table tr.highlight.ppp td.label { background-image: url(../../image/cart/ppp.gif); } #select-options div.options table tr.highlight.dsp td.label { background-image: url(../../image/cart/dsp.gif); } #select-options div.options table tr.highlight.prv td.label { background-image: url(../../image/cart/prv.gif); } #select-options div.options table tr.highlight td.label label { font-weight: bold; text-transform: uppercase; } #select-options div.options table tr.highlight td.label label small { font-size: 0.8em; font-weight: normal; text-transform: none; } #select-options div.options table tr td.option p { position: relative; margin: 0; width: 40px; padding-right: 5px; text-align: center; } #select-options div.options table tr td.option input.text { width: 30px; color: #407600; text-align: center; font-weight: bold; font-size: 1.1em; } #select-options div.options table tr td.option a.remove { position: absolute; right: -15px; top: 6px; display: none; zoom: 1; width: 16px; height: 15px; background: url(../../image/cart/remove.gif) no-repeat; } #select-options div.options table tr td.option a.remove:hover { text-decoration: none; background-position: 0 -15px; } #select-options div.options table tr td.option p.value a.remove { display: block; } #select-options div.options .preview { position: relative; left: 100px; } #select-options div.options p.submit { text-align: right; margin-bottom: 10px; } /* crop photo box ---------- */ #select-options div.photo { float: left; width: 350px; } #select-options div.photo div { width: 350px; } #select-options div.photo div ul { left: 0; margin: 0; padding: 0; list-style-type: none; width: 9999px; float: none; } #select-options div.photo div ul li { float: left; width: 350px; margin-right: 10px; padding-bottom: 0; text-align: center; } #select-options div.photo div ul li a { } #select-options div.photo div ul li a img { border: 1px solid #007AA3; } #select-options div.photo p { font-size: 0.8em; } #select-options div.photo p a.crop { margin-left: 110px; margin-bottom: 10px; } #select-options div.photo .thumbs { } #select-options div.photo .thumbs h2 { font-weight: bold; } #select-options div.photo .thumbs ul { width: 335px; border: 1px solid #ccc; padding: 15px 0px 15px 15px; } #select-options div.photo .thumbs ul li { width: 100px; height: 100px; background-color: #f2f2f2; line-height: 100px; float: left; margin: 0 8px 8px 0; border: 1px solid #fff; position: relative; z-index: 10; } #select-options div.photo .thumbs ul li img { border: none; } #select-options div.photo .thumbs ul li.active, #select-options div.photo .thumbs ul li:hover { border: 1px solid #007AA3; background-color: #E6EFF4; } #select-options div.photo .thumbs li p img.item-added { position: absolute; z-index: 10; left: 50%; bottom: 10px; display: block; margin-left: -8px; line-height: 0; } /* ====================================================== CUSTOMISATIONS ===================================================== */ #main { background-color: #FFFFFF; } /* Jonos MyPace */ html.template-MyPace #select-options div.options table tr.odd{background-color: #f2f2f2;} html.template-MyPace #select-options div.options table tr.highlight td {background-color: #f2f2f2;} html.template-MyPace #results div.top {background-color: #ffffff;} html.template-MyPace .userdetails {color: #000000;} html.template-MyPace #main { background-color: #ffffff; } html.template-MyPace #quickpick { margin: 0px 0 20px !important; background-color: #ffffff;} html.template-MyPace #results div.content { padding: 0px 10px 20px; background-color: #ffffff; color:#000000;} html.template-MyPace #results #video h3 {color: #000000;} html.template-MyPace #results #video p.clips a.on {color: #000000;} html.template-MyPace #results #video .left div p {color: #000000;} html.template-MyPace #results #video p.clips a {color: #00BFFF} /******/ /* text above photos */ #text-above-photos { margin-left: 40px; margin-bottom: 20px; } #quickpick th h3 { margin: 0; padding: 0 15px; height: 32px; line-height: 34px; color: white; } #quickpick td.method { padding-right: 5px; } #quickpick td.method p { white-space: nowrap; } /* Find more photos button ---------- */ h1 span.buttons { position: absolute; right: 0px; } h1 a.button { position: relative; right: auto; top: 0px; } h1 a.button span { background: url(//static.marathon-photos.com/website-assets/images/MPX2/your_race/find-more-photos.gif) no-repeat; } h1 small a.bottom { background: url(//static.marathon-photos.com/website-assets/images/MPX2/template/bottom-arrow.gif) no-repeat right center; } h1 small a.top { background: url(//static.marathon-photos.com/website-assets/images/MPX2/template/top-arrow.gif) no-repeat right center; } /* image header ---------- */ #results div.top img { margin-left: 10px; margin-top: 15px; display: block; float: left; } #results div.top h3 { line-height: 18px; float: right; } .ie7 #results div.top h3 { bottom: 25px; } #results div.top h3.multi-certs { top: 10px; } #results div.top table.cart { position: absolute; z-index: 10; right: 30px; bottom: 17px; line-height: 1.3em; top: 10px;} #results div.top table.cart td { white-space: nowrap; text-align: right; font-weight: bold;} #results div.top table.cart th { text-align: left; font-weight: normal; } /* search by name */ #search-by-name { margin: 20px;} #search-by-name ul li { margin: 0px;} /* user photos */ #results .album { position: relative;} #results .album ul.gallery { padding: 0px 20px 0px 20px; } #results .album a.nav { position: absolute; top: 60px; display: block; overflow: hidden; width: 10px; height: 16px; background: url(//static.marathon-photos.com/website-assets/images/MPX2/page/slider-nextprev.gif) no-repeat; text-indent: -999px; } #results .album a.prev { left: 0; } #results .album a.next { right: 0; background-position: 0 -16px; } #results .album.rows a.nav { top: 120px; } #results .album ul.gallery li { width: 140px; text-align: center; margin: 0px 0px 20px 0px; } #results .album ul.gallery li p.thumb { text-align: center; width: 140px; position: relative; height: 120px; } #results .album ul.gallery li p.thumb a { float: none; font-size: 12px; display: inline-block; position: relative; vertical-align: bottom; height: 120px;} #results .album ul.gallery li p.thumb a.scope { height: 18px; width: 18px; position: absolute; right: 10px; bottom: 0px; line-height: 18px; overflow: hidden;} #results .album ul.gallery li p.thumb.portrait a.scope { right: 30px; } #results .album ul.gallery li p.thumb a img { vertical-align: bottom; } #results .album ul.gallery li p.thumb:hover a.scope img.scope { margin-top: -37px; } .opera #results ul.gallery li.large p.large { bottom: -6px; } .opera #results .album ul.gallery li p.thumb a { display: inline-block; height: 120px;} #results .album.one-row a.nav { top: 50px; } .ie7 #results .album ul.gallery { border: 1px solid white; } .ie7 #results .album ul.gallery li p.thumb a img.landscape { margin-bottom: -38px;} /* slider ---------- */ #results div.slider a.prev, #results div.slider a.next { background: url(//static.marathon-photos.com/website-assets/images/MPX2/page/slider-nextprev.gif) no-repeat; } .ie #results div.slider { z-index: 30; } #results div.slider div.popup { bottom: 0px; } /* video ---------- */ #results #video table { width: 100%; } #results #video table td { vertical-align: top; } #results #video div { float: none; display: block; } #results #video #player { text-align: right; margin-top: -15px; float: right;} .ie #results #video #player { position: relative; top: -5px;} #results #video p.clips a { font-weight: normal; color: #007aa3; } #results #video p.clips a.on { font-weight: bold; color: black; } #results #video h2 a { background: url(//static.marathon-photos.com/website-assets/images/MPX2/template/top-arrow.gif) no-repeat right center; } #results #video #player p { text-align: left; padding-top: 10px;} #results #video h3 { margin-top: 0px; color: black;} #results #video .left div p { font-style: normal; color: #373737; font-size: 1.05em; } /* cart options table ---------- */ #select-options div.options table tr.highlight.ppp td.label { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/ppp.gif); } #select-options div.options table tr.highlight.dsp td.label { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/dsp.gif); } #select-options div.options table tr.highlight.prv td.label { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/prv.gif); } #select-options div.options table tr.highlight.megapack td.label { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/dmp.gif); } #select-options div.options table tr.highlight.moviedvd td.label { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/prv.gif); } #select-options div.options table tr td.option a.remove { background: url(//static.marathon-photos.com/website-assets/images/MPX2/cart/remove.gif) no-repeat; } #select-options div.options table tr:hover { border: 1px solid #f2f2f2; } #select-options div.options table tr.odd { background-color: #f2f2f2; } #select-options div.options table td a small { font-size: 12px; } #select-options div.options table tr td.label { width: 220px !important; } #select-options div.options table tr th, #select-options div.options table tr td { white-space: normal; } #select-options div.options table tr td.price { white-space: nowrap; } /* photo code */ div.photo div.name { text-align: center; } #select-options div.photo div ul { width: auto; } #select-options div.photo div ul li img.loader { border: 0px !important; } /* crop photo box ---------- */ #select-options div.photo p a.prev { background: url(//static.marathon-photos.com/website-assets/images/MPX2/page/slider-nextprev.gif) no-repeat left top; } #select-options div.photo p a.next { background: url(//static.marathon-photos.com/website-assets/images/MPX2/page/slider-nextprev.gif) no-repeat right -16px; } #select-options div.photo p.crop { text-align: center; } #select-options div.photo p.crop a { margin: 0px; } p.submit input.button.disabled { background-color: #a4a9ac; background-image: none; } .preview { text-align: center; } .preview.portrait { width: 230px; } .preview.landscape { width: 345px; } .preview.langscape.big { width: 450px; } .preview.portrait.big { width: 318px; } .preview p.desc { text-align: left; } /* preview */ #image-container a { position: relative; display: block; width: 350px; height: 370px; text-align: center;} #copyright-animator { top: 0px; left: 0px; position: absolute; border: 0px !important;} #image-container #original-image { display: inline; } #image-container #preview-image { display: none; } #image-container .loader { display: none; } #image-container.preview #preview-image { display: inline;} #image-container.preview #original-image { display: none; } #image-container.loading #preview-image { display: none; } #image-container.loading #original-image { display: none; } #image-container.loading img.loader { display: inline; } #image-container.preview.landscape #preview-image { width: 323px; } span.price-per-image { font-weight: bold; color: red; font-size: 14px; }