@charset "utf-8";
/************ reset tags *********************/
* {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,p,ul,ol {
	padding: .5em 0;
}

h1,h2,h3,h4,h5 {
	clear: both;
	color: #A2466D;
}

h1+h2, h2+h3, h2+p , h3+p {
	margin-top: 0;
	padding-top: 0;
}

h2+ul {
	padding: 0;
}

ul,ol {
	margin-left: 1em;
}

li {
	margin-left: .5em;
}

blockquote {
	margin: 1em;
	padding: 1em;
}

div, p {
	overflow: hidden;
}

button, input[type="submit"] {
border: 0;
background-color: transparent;
	cursor: pointer;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}


/* from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ */		
button { 
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}




/************ basic fonts, text size, color, links  ***************/

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	font-size: .75em;
	line-height: 1.7em;
	text-align: center; /*ie5/6 fix */
	background-color: #522637;
	background-image:url(../images/body-bgd.jpg);
	background-repeat:repeat-y;
	background-position:top center;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
	margin-top: 1em;
}

h3 {
	font-size: 1.15em;
	margin-top: 1em;
}

h4 {
	font-size: 1em;
	margin-top: 1em;
}

img {
	border:none;
}

table {
}

td, th {
}

th {
}

h1 a:link, h2 a:link, h3 a:link,h4 a:link,h5 a:link {
	color: #A2466D;
}

h1 a:visited, h2 a:visited, h3 a:visited,h4 a:visited,h5 a:visited {
	color: #A2466D;
}

h1 a:hover , h2 a:hover , h3 a:hover ,h4 a:hover ,h5 a:hover {
	text-decoration:none;
}

a:link, a:visited {
	text-decoration:none;
	color: #2888E8;
}

a:hover {
	text-decoration:underline;
}


/************ additional extra classes ***************/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

/************ page structure ***************/

/* wrapper for all content on screen */
#screen-wrap {
	background-image:url(../images/footer-bot.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom: 30px;
}

/* common outer wrapper for each part of page */
.outer-wrap {
}

/* common inner wrapper for each part of page */
.inner-wrap {
	width: 860px;
	margin: 0 auto;
	text-align:left;
	background-image:url(../images/page-bgd.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding: 20px 50px;
}

#header img {
	float: left;
}

/********************** progress images **********************/
#header #progress {
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
border: 1px solid #ccc;
clear: right;
}

#header #progress li {
	float: left;
	padding: 0;
	margin: 0;
	color: #000;
	width: 143px;
	height: 125px;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center 26px;
}

#header #progress li div {
	width: 143px;
	height: 125px;
	background-repeat:repeat;
	background-position:center center;
	background-color: #ECECEC;

}

#header #progress li.next div {
	background-color: #ECDAE2;
}

#header #progress .title {
	background-repeat:no-repeat;
	background-position:center center;
	height: 30px;
	padding:0;
	text-indent: -3000px;
background-color: #000;
}

#header #progress .next a.button {
	padding: 10px;
	width:123px;
	height: 103px;
	display: block;
	position: relative;
	top: -123px;
	font-weight: bold;
	line-height: 190px;
	background-position:10px 95px;
}

#header #progress .next a.button span {
	background-position:right 85px;
	width: 100px;
	font-size:0.85em;
}

#header #progress p {
	padding: 0 1em;
}

/*** default image backgrounds *********/


#header #progress #step1 .title {






	background-image:url(../images/step1-black.gif);
}

#header #progress #step1.next .title {
	background-image:url(../images/step1-purple.gif);
	background-color: #A2466D;
}

#header #progress #step2 .title {
	background-image:url(../images/step2-black.gif);
}

#header #progress #step2.next .title {
	background-image:url(../images/step2-purple.gif);
	background-color: #A2466D;
}

#header #progress #step3 .title {
	background-image:url(../images/step3-black.gif);
}

#header #progress #step3.next .title {
	background-image:url(../images/step3-purple.gif);
	background-color: #A2466D;
}

/*** selected backgrounds *********/

#header #progress #step1.selected div, #header #progress #step2.selected div, #header #progress #step3.selected div {
background-color: transparent;
}

#header #progress #step1.selected div .text, #header #progress #step2.selected div .text, #header #progress #step3.selected div .text {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
background-color: #fff;
}

#header #progress .selected a.button {
	padding: 10px;
	width:123px;
	height: 103px;
	display: block;
	position: relative;
	top: -123px;
	font-weight: bold;
	line-height: 190px;
	background-position:10px 95px;
}

#header #progress .selected a.button, #header #progress .selected a.button span {
	background-image:none;
color: #fff;
}




/*********************** main navigation **********************/

#mainnav {
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/main-nav-left.gif);
	clear:both;
	float: left;
	width: 100%;
	height: 25px;
	margin: 25px 0 0 0;
}

#mainnav ul {
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url(../images/main-nav-right.gif);
	list-style-type: none;
	height: 25px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#mainnav li {
	float:left;
}

#mainnav li a:link, #mainnav li a:visited {
	color: #000;
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	padding: 0.2em 1em;
}

#mainnav li.current_page_item a, #mainnav li a:hover,#more-nav ul li.current_page_item a, #more-nav ul li a:hover  {
	color: #A2466D;
	text-decoration: none;
}

#more-nav ul li.current_page_item ul a {
	color: #000;
}


/* target outer wrapper for top of page page_item page-item-11  */
#header.outer-wrap {
}

/* target inner wrapper for top of page */
#header .inner-wrap {
	padding-bottom: 0px;
}

#mainnav #addthis {
float: right;
line-height: 1.2em;
}
#mainnav #addthis a {
margin: 0.3em 0.2em;
padding: 0em;
}
#mainnav #addthis .addthis_button_expanded {
margin-left: 1em;
}

/************ more nav  ***************/

#more-nav ul {
	list-style-type: none;
	margin: 0;
}

#more-nav ul li {
	margin: 0;
}

#more-nav ul li a {
	color: #000;
	font-weight: bold;
}

#more-nav ul li a:hover {
	text-decoration: none;
	color: #A2466D;
}

#more-nav ul ul {
	margin-left: 1em;
padding: 0 0 0.25em 0;
}


/* target outer wrapper main content area */
#content.outer-wrap {
}

/* target inner wrapper main content area */
#content .inner-wrap {
}

#footer a {
	color: #ccc;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer-nav {
font-size: 0.9em;
color: #ccc;
float: left;

}

#footer-nav li {
font-weight: bold;
float: left;
width: 145px;
margin-right: 20px;

}

#footer-nav li li {
float: none;
margin-right: 0px;
height: auto;
font-weight: normal;
}

#footer-logo {
	display: block;
	float: right;
	text-indent: -1000px;
	overflow: hidden;
	height: 100px;
	width: 260px;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url(../images/footer-logo.jpg);
}


/* target outer wrapper footer of page */
#footer.outer-wrap {
}

/* target inner wrapper footer of page */
#footer .inner-wrap {
	background-repeat:repeat-y;
	background-position:top left;
	background-image:url(../images/footer-bgd.jpg);
}




/************ search form ***************/

#search-form {
}

.search-input {
}

#search-form button {
}


/************ content area ***************/

/* div containing page content generated by the loop */
#page {
	width: 660px;
	float: right;
}

/* links to page numbers */
#page-nav {
}

/* div containing list of post content generated by the loop. an id is also created for targeting individual post items, 'post-##' */
.post {
}

/* list of tags for posts */
#tags {

}

#centercol {
	width: 460px;
	float: left;

}

.entry {
	margin: 0 30px;
}

span.more {
font-weight: bold;
float: right;
color: #000;
}
span.more a:link, span.more a:visited {
color: #000;
}

span.more a:hover {
	color: #A2466D;
text-decoration: none;
}

h1 img.funkyfont,h2 img.funkyfont,h3 img.funkyfont {
margin: 0;
}
span.funkyfont{
	position: absolute;
	top: -200px;
}

#rightcol {
	width: 200px;
margin-top: 15px;
	float: right;

}

/* meta info (author cat etc) for a post */
.meta {
font-size: 0.9em;
font-weight: bold;
}

#leftcol {
	width: 200px;
	float: left;
margin-top: 15px;

}

/* nav to next and previous post on single post page */
#post-nav, #post-nav a:link, #post-nav a:visited {
	color: #000;
	font-weight: bold;
}

#post-nav .align-left, #post-nav .align-right {
	float: left;
	width: 50%;
	height: 2em;
}

.button:link, .button:visited {
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/button-left.gif);
	height: 20px;
	float: right;
	font-weight: bold;
	color: #000;
	font-family: verdana, Helvetica, Arial, sans-serif;
}

.button:hover {
	color: #A2466D;
	text-decoration: none;
}

.button span {
	display: block;
	margin-left: 4px;
	height: auto;
	padding: 0 10px 0 5px;
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url(../images/button-right.gif);
}

.page-numbering {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
font-weight: bold;
text-align: right;
}


/************ gallery list ***************/

.pagination {
	font-weight: bold;
	color: #000;
}

#pagination_top {
	border-bottom: 1px solid #000;
	padding-top: 1em;
}

.gallery_sort p {
	float: left;
padding: 0;
}

.gallery_sort button {
	float: right;
margin-bottom: 0.3em;
}

.pager {
display: block;
	float: right;
}

#gallery-list {
	margin: 0;
	padding: 0;
}
#gallery-list li {
	list-style-type: none;
	margin: 0;
	padding: 1px 10px 20px;
	background-color: #eee;
	border-bottom: 1px solid #000;
}

#gallery-list li.alt {
	background-color: #fff;
}

h2 span.artist-name {
	font-size: 0.85em;
	padding-left: 0;
}

h2 span.artist-name a {
	color: #2888E8;
}

.artwork .image {
	display: block;
	width: 160px;
	float: right;
	margin: 0px 0 5px 15px;
}

.artwork .description {
	display: block;
	width: 205px;
	float: left;
}

.artwork .artist-description {
	font-style:italic;
}

.artwork .image-detail {
}

.artwork img {
	padding: 0;
	border: 4px solid #000;
}

#image-full-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index: 100;
}

.image-full-wrap {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	overflow: visible;
	text-align: left;
}

.image-full-center {
	margin: -40% 50% 0 -50%;
}

.image-full {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #888;
}
.image-full img {
	border: 4px solid #000;
}

.image-full-nav {
	font-weight: bold;
}

.image-full-close {
	font-weight: bold;
	float: right;
}

.image-full-previous {
	float: left;
}

.image-full-next {
	float: right;
}

.meta p {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 15px;
}

.meta {
	margin: 0 0 1em 0;
}

.pricing {

}

.form-select-label, .form-add-print, .form-add-painting, .form-personalise-label, .form-select-wine, .form-goto-checkout, .form-preview-label, .form-confirm-addresses, .form-paypal-submit {
	display: block;
	clear: both;
	padding:  5px;
	margin: 0.5em 0;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #ECDAE2;
}

.product-description {
	float: left;
	padding: 0;
	width: 220px;
	color: #000;
}
.fraction {
font-size: 0.75em;
}
sup.fraction {
vertical-align: 0.4em; 
}

sub.fraction {
vertical-align: -0.2em; 
}

.imperial {
position: relative;
top: 4px;
}
.price {
	color: #A2466D;
font-weight: bold;
font-size: 1.2em;
}

.product-button {
float: right;
padding: 0;
	margin-left: 10px;
width: 135px;
}

.big-button {
	font-family: verdana, Helvetica, Arial, sans-serif;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/button-big-left.gif);
	padding: 0 0 0 3px;
	height: 40px;
	font-weight: bold;
	display: block;
	text-align: left;
	width: 100%;
	float: right;
font-size: 0.9em;
margin: auto 0;
}

.big-button span {
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url(../images/button-big-right.gif);
	display: block;
	height: 40px;
	line-height: 15px;
	font-weight: bold;
	padding: 5px 10px 5px 0;
}
.big-button.one-line span {
	line-height: 30px;
}
.big-button:hover {
	color: #A2466D;
}

.big-button span img {
	float: left;
    margin: 8px 8px 0 0;
}
/***************** Pods Filter boxes *********************/
.filterbox select {
width: 80%;
margin: 0 0 .5em 0;
}

.filterbox .pod_search, .filterbox .filter {
background-color: #fff;
}


.filterbox .pod_search {
width: 98%;
margin: 0 0 .5em 0;
}

.filterbox .pod_submit {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../images/button-go.gif);
width: 35px;
height: 20px;
display: block;
color: transparent;
font-weight: bold;
margin: 0 0 .5em 0;
float: left;
}
.clear-filterbox {
text-align: left;
padding: 1px 0px;
float: right;
}

/*************** forms *****************/
label {
display: block;
font-weight: bold;
font-size: 0.9em;
}

input, select, textarea {
border: 1px solid #aaa;
background-color: #efefef;
}

/*************** personlisation page *****************/

#personalise_form input {
	width: 19em;
	font-family: "Courier New", Courier, monospace;

}

#preview {
	background-image:url(../images/labeltemplate.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width: 398px;
	height: 571px;
border: 1px solid #ccc;
margin: 0 auto;
text-align: center;
overflow:visible;
}

#preview-variety {
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
font-weight: bold;
	color: #000;
margin-top: 105px;
}

#preview-artwork {
display: block;
width: 360px;
margin: 5px auto 5px;
}

#preview-artwork img {
width: 310px;
border: 2px solid #000;
}


#preview-greeting {
margin: 10px 0 0;
height: 30px;
}

#preview-recipients_name {
margin: 0px 0 4px;
height: 30px;
}

#preview-message1, #preview-message2 {
margin: 0px 0;
height: 40px;
}



#preview-artwork img {
display: block;
margin: 0px auto;
}

#preview-image {
	width: 260px;
	height: 50px;
	margin: -40px auto 0;
	background-repeat: no-repeat;
	background-position: center top;
}

#packaging-list {
clear: both;
padding-top: 0;
}

#packaging-list label {
cursor: pointer;
height: 100px;
margin: 5px 0;
border: 1px solid #aaa;
padding: 5px;
width: 300px;
}

#packaging-list label input {
width: 10px;
float: left;
margin-top: 3px;
}

#packaging-list label span {
font-weight: bold;
display: block;
float: left;
margin-left: 5px;
}

#packaging-list label img {
float: right;
}

.form-preview-label .product-button {
float: right;
}
/********************* cart page *********************/

#cart {
width: 100%;
border-bottom: 1px solid #000;
border-spacing: 0;
}

#cart td {

width: 100%;
vertical-align: top;
	width: auto;
}

#cart td.cart-details {
padding: 0 0.5em;
}

#cart td.cart-total {
padding: 0 0.5em;
text-align: right;
}

#cart .detail-row td {
padding-bottom: 1em;
}

#cart .cart-title {
border-top: 1px solid #000;
}

#cart h2 {
margin-top: 0.3em;
color: #000;
}

#cart h3 {
margin: 0em;
padding: 0em;
}


#cart .alt {
	background-color: #eee;
}

.cart-image img {
width: 75px;
border: 2px solid #000;
}

#cart .big-button {
float: left;
width: 180px;
}

.cart-quantity {
	font-weight: bold;
	color: #000;
}

.total-row td, .voucher-row td {
border-top: 1px solid #000;

}

#cart .total-row .cart-details {
color: #000;
font-weight: bold;
font-size: 1.3em;
padding: 1em 0;
}

#cart .voucher-row td {
color: #000;
font-weight: bold;
padding: 0.5em 0;
}

#cart .voucher-row .cart-total {
padding: 0.5em;
}

#cart .total-row .cart-actions {
padding-top: 1.3em;
}

#cart .total-row .price {
padding: 1em 0;
display: block;
}

.form-goto-checkout .product-description, .form-confirm-addresses .product-description, .form-paypal-submit .product-description {


padding-top: 20px;
}
/*************** rightcol boxes *****************/
.box {
border: 1px solid #ccc;
background-color: #ececec;
margin-bottom: 2em;
padding: 0 15px;
}

h2.box-title {
margin: 0;
text-align: center;
background-color: #000;

padding: 0.1em 0;
}

.box .entry {
margin: 0 25px;
}

#gallery-categories ul, #gallery-occasions ul, #gallery-blog-list ul, #gallery-artists ul {
margin: 0;
}

#gallery-categories li, #gallery-occasions li, #gallery-blog-list li, #gallery-artists li {
padding: 0;
margin: 0;
list-style-type: none;
font-weight: bold;
}

#gallery-thumbnails ul {
padding: 0;
margin: 0;
}

#gallery-thumbnails li {
padding: 0;
margin: 0;
list-style-type: none;
margin: 10px 0;
text-align: center;
}

#gallery-thumbnails img {
	border: 4px solid #000;
}
#label-examples .box {
padding: 0;
}
/*************** blog excerpts (homepage) *****************/
#blog-news-posts {
margin: 1em 30px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding-bottom: 1em;
}

#blog-news-posts div {
margin-bottom: 0.5em;
}

#blog-news-posts div p {
display: inline;
}

#blog-special-offers h2 {
border: 1px solid #A2466D;
	background-color: #A2466D;
}

#blog-special-offers .box{

	background-color: #ECDAE2;
}
/*************** top banner  *****************/
#top-banner {
background-color: #000;
color: #fff;
height: 240px;
}

#top-banner .entry {
width: 390px;
float: left;
font-weight: bold;
}

#top-banner-image-left, #top-banner-image-right {
float: left;
width: 205px;
height: 240px;
background-repeat: no-repeat;
	background-position: left top;
}

/*************** Paypal images *******************/
#paypal-logo{
width: 310px;
margin: 1em auto;
clear: both;
}

/************* home heading 1 *********************/
body#id-11 h1 {
position: absolute;
top: -500px;
}

/********************* checkout **************************/
#addresses_form label {
float: left;
padding-right: 1em;
width: 150px;
}

#addresses_form input {
float: left;
width: 217px;
}

#addresses_form label[for="delivery_same"] {
padding-right: 0;
width: 250px;
}
#addresses_form #delivery_same {
margin-top: 3px;
width: 10px;
}
.form-confirm-addresses .product-button {
float: right;
}

.form-confirm-addresses select {

}

select#purchaser_dob_day {
width: 60px;
margin-right: 10px;
}

select#purchaser_dob_month {
width: 70px;
margin-right: 10px;
}

select#purchaser_dob_year {
width: 60px;
}
.req {
color: #f00;
font-weight: bold;
}

#error-messages {
font-weight: bold;
border: 1px solid #f00;
padding: 0.5em;
color: #f00;
background-color: #ececec;
}

/********************* cellar **************************/
.cellar_item {
background-repeat: no-repeat;
background-position: 350px 1.5em;
}
.cellar_description {
clear: both;
}
/********************* comments **************************/

#commentform textarea {
width: 390px;
}

#commentform .big-button {
	width: 130px;
}

#commentform .big-button input {
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url(../images/button-big-right.gif);
	display: block;
	height: 40px;
	line-height: 30px;
	font-weight: bold;
	padding: 5px 10px 5px 0;
}

#commentform .big-button input:hover {

	color: #A2466D;
}

.commentlist, .commentlist li, .commentlist ul {
list-style-type: none;
margin: 0;
padding: 0
}

.commentlist li {
border-top : 1px solid #000;
padding: 1em 0 0 1em;
margin: 0;
}

.commentlist .odd {
	background-color: #eee;
}

.commentlist .even {
	background-color: #fff;
}

a.comment-reply-link:link, a.comment-reply-link:visited {
font-weight: bold;
float: right;
color: #000;
margin-right: 0.5em;
}

/********************* artists profile **************************/

.artist-image img {
display: block;
margin: 1em auto;
border: 2px solid #000;
}