@charset "UTF-8";
/* Photobloc NEW CSS Document */
body {background:#efead9; color:#000;}
.content a {color:#000; text-decoration:underline;}
.content a:hover, .content a:focus, .content a:active {text-decoration:none;}
.wrap {width:900px;}
.crnr {width:15px; height:15px; background-image:url(../_images/crnrs.gif);}

.header {background:#18398a; margin-top:2em; position:relative;}
.header .logo {float:left; padding:2.5em 0 2.5em 2em; width:195px;}

.header .sub-nav {position:absolute; top:2em; right:2em;}
.header .sub-nav li {margin-bottom:.5em; float:left; margin-right:.7em; color:#555; font-size:1.1em; border-right:1px solid #5973b2; padding-right:.7em;}
.header .sub-nav li.checkout {border:0; margin-right:0;}
.header .sub-nav li.checkout a {width:94px; height:16px; display:block; text-indent:-9999px; background:url(../_images/button-checkout.gif);}
.header .sub-nav li a {color:#fff; text-transform:lowercase;}
.header .sub-nav li a.shopping-basket {padding-left:20px; background:url(../_images/icon-basket.gif) left no-repeat;}

.header .tabs {position:absolute; bottom:0; right:0;}
.header .tabs li {float:left;}
.header .tabs li.gallery {background:url(../_images/tab-gallery-off.gif);}
.header .tabs li.gallery a.selected {background:url(../_images/tab-gallery-on.gif);}
.header .tabs li.your-pictures {background:url(../_images/tab-print-off.gif);}
.header .tabs li.your-pictures a.selected {background:url(../_images/tab-print-on.gif);}
.header .tabs li a {display:block; width:279px; height:49px; text-indent:-9999px;}

.homepage-promotion {background:url(../_images/home-promotion.gif) top left; border-bottom:1px solid #c8c8c8; margin-bottom:2em; padding-bottom:1em;}

div.error {margin:.1em 1em; background:#900; padding:.3em .5em; color:#fff; font-size:12px;}

.content {background:#fff;}
.content h1 {color:#881616;}
.content h3 {color:#18398A;}
.content .content-inner {padding:1em; position:relative;}
.content ul.breadcrumb {margin:0 0 10px 0; color:#a1c1e5; list-style:none;}
.content ul.breadcrumb li {float:left; font-style:italic; padding:0 0 0 8px; font-size:1.1em;}
.content ul.breadcrumb li a {font-style:normal; text-decoration:none; color:#333; background:url(../_images/breadcrumb-arrow.gif) right no-repeat; padding-right:20px; display:block;}
.content ul.breadcrumb li strong {font-style:normal; color:#333;}
.content .hsbc {position:absolute; top:2em; right:2em;}

.content .secondary-navigation {width:180px; float:left;}
.content .secondary-navigation ul {background:#2f4c95; list-style:none; margin:0; padding:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content .secondary-navigation ul li {font-size:1.1em; margin:0; padding:0;}
.content .secondary-navigation ul li a {color:#fff; padding:.3em .5em; display:block; background:#8353b4 url(../_images/sub-nav-header-bg.gif) bottom repeat-x; border:1px solid #fff; font-weight:bold; text-transform:lowercase; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.content .secondary-navigation ul li a:hover, .content .secondary-navigation ul li a:focus, .content .secondary-navigation ul li a:active {background:#59298a url(../_images/sub-nav-header-bg-hover.gif) bottom repeat-x;}
.content .secondary-navigation ul li ul {padding:0; -moz-border-radius:0; -webkit-border-radius:0;}
.content .secondary-navigation ul li ul li {margin:0; font-size:1em;}
.content .secondary-navigation ul li ul li a {color:#c9d1e3; border:0; background:none; border-bottom:1px solid #5973b2; padding:.3em .5em .3em 1.5em; font-weight:normal; -moz-border-radius:0; -webkit-border-radius:0;}
.content .secondary-navigation ul li ul li a:hover, .content .secondary-navigation ul li ul li a:focus, .content .secondary-navigation ul li ul li a:active {background-color:#4560a4; background-image:none;}
.content .secondary-navigation ul li ul li.selected a {font-weight:bold; color:#fff; background:url(../_images/sub-nav-on.gif) 3px 8px no-repeat;}
.content .secondary-navigation ul li ul li.selected ul li a {color:#c9d1e3; background-image:none;}
.content .secondary-navigation ul li ul li ul {padding:0;}
.content .secondary-navigation ul li ul li ul li{margin:0;}
.content .secondary-navigation ul li ul li ul li a {padding:.3em .5em .3em 2.5em;}
.content .secondary-navigation ul li ul li ul li.selected a {background-position:14px 9px;}
.content .main {width:680px; float:right;}
.content img {padding:0; border:0;}
.content h2 {color:#b20000; font-size:1.6em; font-weight:bold; text-transform:lowercase; padding-top:0; padding-bottom:.3em;}
.content h2 a {color:#b20000; text-decoration:none;}
.content .photo-canvas img {display:inline;}

.content .col {padding:1em; margin:0 1em;}
.content .twothird {width:54.6em;}
.content .main .twothird {width:42em; padding:1em 0; margin:0;}
.content .third {width:27.4em;}
.content .main .third {width:18em;}
.content .shop-main .third {width:156px;}
.content .main .quarter {width:14.2em;}
.content .main .threequarter {width:45em;}
.content .fifth {width:12.8em;}
.content .double-col {width:58em; float:left; display:inline;}
.content .double-col .montage {padding:2em;}
.content .homepage-col-1 {width:21em;}
.content .homepage-col-2 {width:26em;}
.content .homepage-col-3 {width:27.4em; float:right; text-align:right;}
.content .homepage-col-3 img {float:right;}
.content .half {width:40em;}
.content .main .half {width:33em; padding:0; margin:0;}
.content h2 {background:#18398a; margin-bottom:.7em; font-size:1.4em; text-transform:lowercase; font-style:italic; color:#fff; padding:.4em .9em .5em .9em; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.content .main h2 {color:#18398a; padding:0; background:none; font-size:1.6em;}
.content .main h3 {font-size:1.4em;}

.form .row label {width:150px; color:#c0c9df; font-size:1.1em;}
.form .row label a {color:#c0c9df;}
.form .row input.text, .form .row input.text-small, .form .row textarea {border:1px solid #d3d3ce; color:#403f41; width:350px;}
.form .row select.select, .form .row .select select {border:1px solid #ccc; color:#403f41; width:350px;}
.form .buttons {padding-left:158px;}
.form .instruction {color:#fff; padding:.6em 1em; margin:1em 158px 0; background:#556CA8;}
.form .instruction p {font-size:1.1em; padding:.3em 0;}
.form .row .radios {margin-left:158px; margin-top:5px;}
.form .row .radios input {float:left;}
.form .row .radios label {width:auto; float:left; text-align:left; padding:4px 0 2px 5px;}

.content ul.shop-nav {width:750px; margin:2em auto; list-style:none;}
.content ul.shop-nav li {float:left; width:250px; text-align:center;}
.content ul.shop-nav li a {display:block; width:250px;}
.content ul.shop-nav li a img {margin:0 auto;}

.content ul.shop-choice {background:#2f4c95; list-style:none; margin:0; padding:1em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content ul.shop-choice li {padding:.5em 0; border-top:1px solid #5973b2;}
.content ul.shop-choice li:hover {background:#4560a4;}
.content ul.shop-choice li input {float:left; margin:.3em .8em 0 .8em;}
.content ul.shop-choice li label {float:left; display:block; color:#fff;}
.content ul.shop-choice li label .label-size {display:block; width:180px; float:left;}
.content ul.shop-choice li label .label-price {display:block; width:220px; float:left; font-weight:bold; text-align:right;}

.content ul.shop-choice-expand {list-style:none; margin:0;}
.content ul.shop-choice-expand li {background:#2f4c95; list-style:none; margin:0 0 1em 0; padding:1em; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.content ul.shop-choice-expand li h4 {margin:0 2px; padding:0; font-size:1.2em; color:#fff;}
.content ul.shop-choice-expand li h4 a {display:block; color:#C0C9DF; text-decoration:none; padding:.5em 0 .5em 40px; background:url(../images/icon_arrow_round_right.gif) left no-repeat;}
.content ul.shop-choice-expand li h4 a:hover {color:#fff;}
.content ul.shop-choice-expand li h4 a.arrow-down {background-image:url(../images/icon_arrow_round_down.gif); color:#fff;}
.content ul.shop-choice-expand li h5 {margin:.3em 0; padding:0; font-size:1em; color:#c0c9df;}
.content ul.shop-choice-expand li .third img {border:1px solid #8b9cc4;}
.content ul.shop-choice-expand li p {padding-bottom:0;}
.content ul.shop-choice-expand li p.caption {padding-bottom:0; color:#fff;}
.content ul.shop-choice-expand li p.caption br {display:none;}
.content ul.shop-choice-expand li .form {padding:.5em;}
.content ul.shop-choice-expand li .third .form {padding:0;}
.content ul.shop-choice-expand li .form .buttons {padding-left:0;}
.content ul.shop-choice-expand li .form .row label {width:auto; clear:both; text-align:left; margin:0;}
.content ul.shop-choice-expand li .form .row input.text {width:140px; margin:0;}
.content ul.shop-choice-expand li .form .row textarea {width:500px;}
.content .image-upload ul.shop-choice-expand li {float:left; width:280px; min-height:20em;}
.content .image-upload ul.shop-choice-expand li.or {width:20px; font-weight:bold; color:#900; background:none; margin:0; padding:0;  -moz-border-radius: none; -webkit-border-radius: none; width:30px; text-align:center;}
.content .image-upload ul.shop-choice-expand li .form .row label {width:240px;}
.content .image-upload ul.shop-choice-expand li .form .row input.text,
.content .image-upload ul.shop-choice-expand li .form .row select.select {width:240px;}
.content .image-upload ul.shop-choice-expand li .form .row input.file {width:200px;}

.content .address-wrap {padding:0 1em;}
.content .address {background:#2f4c95; list-style:none; margin:0; padding:1em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content .address h4, .content .payment-options h4 {color:#fff; padding-top:0;}

.content .payment-options .half {background:#2f4c95; margin:0; padding:1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height:16.5em;}
.content .payment-options .half p {color:#fff;}
.content .payment-options .card {margin-right:1em;}
.content .payment-options .cheque {margin-left:1em;}

.content div.basket {background:#2f4c95; list-style:none; margin:0; padding:1em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content div.basket td {font-size:1.1em; padding:.3em 1em; color:#fff;}
.content div.basket td ul.options {list-style:none; margin:0;}
.content div.basket td ul.options li {font-size:1em;}
.content div.basket .price {text-align:right;}
.content div.basket a {color:#fff;}

.discount-form .row label {text-align:left; clear:both; width:350px; display:block; color:#2f4c95;}
.form .row input.text {width:200px;}

.content .order-summary th {text-align:right;}
.content .order-summary td {border:none; background:#e1e5ef;}

.content ul.image-list {margin:1em 0; list-style:none;}
.content ul.image-list li {text-align:right; margin:.3em 0;}
.content ul.image-list li img {text-align:right;}
.content ul.testimonials {list-style:none; margin:0;}
.content ul.testimonials li {position:relative; padding-left:90px; min-height:95px; margin-bottom:.7em;}
.content ul.testimonials li p.image {position:absolute; left:0; top:0;}
.content ul.testimonials li blockquote {margin:0; border:0;}
.content ul.testimonials li blockquote p {padding:0; font-style:normal;r}
.content ul.testimonials li blockquote p a {display:block; text-decoration:none;}
.content ul.testimonials li blockquote p a:hover, .content ul.testimonials li blockquote p a:focus, .content ul.testimonials li blockquote p a:active {text-decoration:underline;}
.content ul.testimonials li cite {font-weight:bold; text-align:right; display:block;}

.content ol.square-list {list-style:none; margin:1em;}
.content ol.square-list li {position:relative; padding:.4em 0 .4em 25px;}
.content ol.square-list li span.square {background:#df8bb5; width:15px; height:15px; display:block; position:absolute; top:8px; left:0;}
.content ol.square-list li.square1 span {background:#4ab55c;}
.content ol.square-list li.square2 span {background:#637cb9;}
.content ol.square-list li.square3 span {background:#ed675c;}
.content ol.square-list li.square4 span {background:#4ab55c;}
.content ol.square-list li.square5 span {background:#ede343;}
.content ol.square-list li.square6 span {background:#ea4e8e;}
.content ol.square-list li.square7 span {background:#37b3e6;}
.content ol.square-list li.square8 span {background:#73c6c6;}
.content ol.square-list li.square9 span {background:#4ab55c;}
.content ol.square-list li.square10 span {background:#ed675c;}

.content .cat-chooser {background:#2F4C95;  -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:8px; margin:2em 1em;}
.content .cat-chooser ul {margin:0; list-style:none;}
.content .cat-chooser ul li {display:inline; float:left; width:210px; padding:0;}
.content .cat-chooser ul li a {display:block; padding:.3em .7em; color:#C9D1E3; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.content .cat-chooser ul li a:hover, .content .cat-chooser ul li a:focus, .content .cat-chooser ul li a:active {background:#4560a4; color:#fff;}

.content ul.canvas-prints {margin:1em 0; list-style:none; clear:both;}
.content ul.canvas-prints li {float:left;}
.content ul.canvas-prints li p.price {text-align:right; color:#c00; font-weight:normal; padding:.3em .2em 0 .2em; font-size:1.2em;}
.content ul.canvas-prints li p.offer-price {text-align:right; color:#c00; font-weight:bold; padding:0 .2em .3em .2em; font-size:1.4em;}
.row ul.canvas-prints {width:340px; float:left;}
.row ul.image-list {width:340px; float:left;}

table td {border-bottom:1px dotted #a9a9a9;}
table th, table td {padding:0.5em 1em;}

table th {background:#C9D1E3; color:#18398a;}

.feature-image {float:right; border:1px dotted #a9a9a9; padding:1em; width:200px; margin:1em 0 2em 0;}
.feature-image img {margin-bottom:1em;}
.feature-image p {padding:0;}

.content .featured-image a {text-decoration:none;}
.content .featured-image h4 {font-size:1.2em; font-weight:bold; padding:.8em 0 .4em 0; color:#000;}
.content .featured-image p {padding:0;}
.content .featured-image p.image {padding:0 0 .5em 0;}
.content .featured-image p.image img {border:1px solid #8b9cc4;}
.content .featured-image p.caption {font-size:1.1em;}
.content .featured-image p.caption a {display:block; padding-top:.6em;}

.content .shop-main {width:640px; float:left; margin-left:10px;}
.content .shop-summary {width:200px; float:right; margin-right:10px;}
.content .shop-summary .order-summary {padding:1em; background:#881616; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content .shop-summary .order-summary ul {margin:0; list-style:none;}
.content .shop-summary .order-summary ul li {padding:.3em 0; float:left; clear:both; width:180px;}
.content .shop-summary .order-summary ul li h4 {font-weight:bold; color:#fff; width:65px; float:left; font-size:.9em; text-align:right; padding:0;}
.content .shop-summary .order-summary ul li p {width:105px; float:right; padding:0; color:#fff; font-size:.9em;}
.content .shop-summary .order-summary ul li ul.options {border-top:1px solid #a34141; clear:both; margin:.5em 0; width:180px; float:left;}
.content .shop-summary .order-summary ul li ul.options li {border-bottom:1px solid #a34141; position:relative; padding-left:30px; width:150px; font-size:.9em; font-style:italic; color:#fff;}
.content .shop-summary .order-summary ul li ul.options li span {position:absolute; width:16px; height:16px; left:4px; top:4px;}

.content ul.buy-buttons {margin:2em 1em; list-style:none;}
.content ul.buy-buttons li {width:50%;}
.content ul.buy-buttons li.previous {float:left;}
.content ul.buy-buttons li.next, .content ul.buy-buttons li.next a, .content ul.buy-buttons li.next input, .content ul.buy-buttons li.next img {float:right;}

.paging .pagination {float:right; margin:1em 0; padding:0;}
.paging .pagination ul {float:right; list-style:none; margin:0;}
.paging .pagination ul li {float:left; margin-left:.3em; white-space:nowrap; padding:0; font-size:1.2em;}
.paging .pagination ul li .disabled {color:#ccc; display:none;}
.paging .pagination ul li a, .paging .pagination ul li span.current {display:block; float:left; color:#000; padding:.3em .8em .4em; background:#fff; border:1px solid #2F4C95; text-decoration:none;}
.paging .pagination ul li a:hover, .paging .pagination ul li a:focus, .paging .pagination ul li a:active {background:#4560a4; color:#fff; text-decoration:none;}
.paging .pagination ul li span.current {font-weight:bold; background:#2F4C95; color:#fff; border-color:#18398a;}

.footer {background:#18398a; border:0; position:relative; padding:1em 2em; margin-bottom:2em;}
.footer h2 {font-size:1em; color:#5973b2; clear:both;}
.footer .footer-links {float:left; padding:.3em 0;}
.footer li {border-color:#5973b2; color:#c9d1e3; margin-right:.7em; padding-right:.7em;}
.footer li a {color:#fff; text-transform:lowercase;}
.footer li a:hover, .footer li a:active, .footer li a:focus {text-decoration:underline; color:#fff;}