body {
margin:0px;
background:url(../_images/honeytree-bg.gif) repeat-x top #e6e4db;
font: 12px Arial, Helvetica, sans-serif;
}

#wrapper {
min-height: 100%;
margin: 0 auto;
width:930px;
}

#container {
border-top:1px solid #9f9f9f;
border-left:1px solid #9f9f9f;
border-right:1px solid #9f9f9f;
background: #fff;
}

.clear {
clear: both;
height: 0;
line-height: 0;
}

.spacer {height:10px;}

img {border:0;}

/***********************
topNav  - headers.css
***********************/

#topHeader {
height:45px;
}

#slogan {
float:left;
position:relative;
top:20px;
font:bold 11px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
}

#topNav {
float:right;
position:relative;
top:18px;
}

#topNav ul{
padding: 0;
margin: 0;
color: #fff;
font-family: "Georgia", Century, Arial, sans-serif;
font-size:14px;
}

#topNav ul li {
display: inline;
}

#topNav a{
padding: 0 4px;
color: #fff;
text-decoration: none;
}

#topNav ul li a:hover{
color: #e6e4d8;
}

/***********************
*  	  header       *
***********************/

#header {
margin:6px 6px 0px 6px;
margin-left:190px;
}

#logo {
float:left;
width:190px;
height:164px;
background:#fff;
text-align:center;
position:relative;
left:-190px;
}


/***********************
Page Headers
This needs to be dynamic
***********************/

#headerText1 { /* not using this yet. active only with sIFR */
	float:left;
	position:absolute;
	left:42px;
	color:#fff;
	top:35px;
	font-size: 40px;
}

#headerText2 { /* not using this yet. active only with sIFR */
	float:left;
	position:absolute;
	left:42px;
	top:90px;
	color:#fff;
	font-size: 40px;
}

/* orginal id.*/
#headerImg {
	background:url(../_images/headers/pg-home-default.jpg) no-repeat;
	height:164px;
	position:relative;
}

/***********************
* quick nav - right    *
***********************/

#qnav {
float:right;
position:relative;
top:10px;
right:10px;
width:115px;
border:1px solid #fff;
background-color:#a49892;
}

#qnav ul, #qnav li{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Georgia", Century, Arial, sans-serif;
font-size:14px;
}


#qnav li a {
display: block;
height:25px;
padding-left:20px;
position:relative;
top:0px;
color:#fff;
text-decoration:none;
background-color:#a49892;
font-family: "Georgia", Century, Arial, sans-serif;
line-height:25px;
font-size:12px;
border-bottom:1px dashed #dbd6d3;
background:url(../_images/qnav-arrow.jpg) no-repeat left #a49892
}

#qnav li.end a{
border:0;
}

#qnav a:hover {
background:url(../_images/qnav-arrow-o.jpg) no-repeat left #9fbba3;
}


#basket {
color:#827772;
border:1px solid #c1c1c1;
background:url(../_images/basket.gif) no-repeat top right #e6e6e4;
height:60px;
}

#basket div{
position:relative;
top:7px;
left:5px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

#basket p{
margin:10px 0px 0px 0px;
}

#basket div a{
color:#000;
text-decoration:none;
background:none;
}

#basket div a:hover{
color:#000;
background:none;
text-decoration:underline;
}

/***********************
*  	 footer        *
***********************/
#footer {
background:url(../_images/footer.jpg) repeat-x bottom #aeaba3;
color:#fff;
text-align:center;
padding-bottom:10px;
}

#footer ul{
float:left;
min-height:145px;
border-left:1px solid #fff;
padding:0 15px;
margin:0 0 20px 0;
}


#footer li{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Georgia", Century, Arial, sans-serif;
font-size:14px;
text-align:left;
}


#footer li a {
position:relative;
top:0px;
color:#fff;
text-decoration:none;
font-family: "Georgia", Century, Arial, sans-serif;
font-size:12px;
text-align:left;
}

#footer a:hover {
color:#f1e8c1;
}

#footer ul.lite a{
color:#f1e8c1;
}

#footer ul.lite a:hover{
color:#fff;
}

#footer ul.end{
border-right:1px solid #fff;
}


#fnav {
margin-left:30px; /* using margin for centering, ie6 has positioning bug*/
}


#ec {
background:url(../_images/footer-line.jpg) repeat-x top;
height:100px;
}

#ec a img {
text-align:center;
margin-top:20px;
}

#bee {
float:left;
position:relative;
left:-20px;
top:10px;
}


/***********************
headings
***********************/

h1 { /*used for sIFR headings */
margin:0;
padding:0;
}

h2 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:32px;
letter-spacing:-1px;
color:#5089b4;
width:100%;
font-weight:normal;
border-bottom:1px solid #d0d0d0;
margin:10px 0px;
padding:5px 0px;
}

.h2 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:32px;
letter-spacing:-1px;
color:#5089b4;
width:100%;
font-weight:normal;
border-bottom:1px solid #d0d0d0;
margin:10px 0px;
padding:5px 0px;
}


h3 {
font-family: Georgia, Century, Arial, sans-serif;
font-weight:normal;
font-size:22px;
/*color:#52ae2a;*/
color:#85b072;
margin:10px 0px;
}


h4 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:22px;
color:#000;
margin:10px 0px;
font-weight:normal;
}

h5 {
font-size: 18px;
margin:10px 0;
padding:6px 5px;
border-top: 1px solid #aba693;
border-bottom: 1px solid #aba693;
font-weight:normal;
background:#f6f4f0;
color:#797979;
font-family: Georgia, Century, Arial, sans-serif;
}

h5.tb {
display:table;
margin:20px 0;
}

h6 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:17px;
color:#84bbb7;
margin:10px 0px;
font-weight:bold;
}


/***********************
blue buttons
***********************/

.btn {
background:#ebebeb;
border:1px solid #a1a1a1;
margin:10px 0;
}

.btn a, .btn a:visited, .btn a:active  {
margin:1px;
padding:5px 5px;
text-decoration:none;
background:url(../_images/blue-button.gif) repeat-x top #5993be;
display:block;
border:1px solid #5993be;
font: 12px Georgia, Century, Arial, sans-serif;
color:#fff;
}

.btn a:hover{
color:#fff;
text-decoration:none;
border:1px solid #545454;
background:url(../_images/blue-button-over.gif) repeat-x top #494949;
}

/***********************
orange buttons
***********************/

.btn-o {
background:#ebebeb;
border:1px solid #a1a1a1;
margin:10px 0;
}

.btn-o a,
.btn-o a:visited,
.btn-o a:active  {
margin:1px;
padding:5px 5px;
text-decoration:none;
background:url(../_images/orange-button.gif) repeat-x top #dc860b;
display:block;
border:1px solid #dc860b;
font: 12px Georgia, Century, Arial, sans-serif;
color:#fff;
}

.btn-o a:hover{
color:#fff;
text-decoration:none;
border:1px solid #eba33b;
background:url(../_images/orange-button-over.gif) repeat-x top #eba33b;
}

/***********************
green buttons
***********************/

.btn-g {
background:#ebebeb;
border:1px solid #a1a1a1;
margin:10px 0;
}

.btn-g a,
.btn-g a:visited,
.btn-g a:active  {
margin:1px;
padding:5px 5px;
text-decoration:none;
background:url(../_images/green-button.gif) repeat-x top #85b072;
display:block;
border:1px solid #85b072;
font: 12px Georgia, Century, Arial, sans-serif;
color:#fff;
}

.btn-g a:hover{
color:#fff;
text-decoration:none;
border:1px solid #9dbf8e;
background:url(../_images/green-button-over.gif) repeat-x top #9dbf8e;
}


/* Always specify additional class below
a:link is -14px for margin + padding fill
*****************************************/

.btn1 {width:80px;}
.btn1 a {width:66px;}

.btn2 {width:150px;}
.btn2 a {width:136px;}

.btn3 {width:55px;}
.btn3 a {width:41px;}

.btn4 {width:125px;}
.btn4 a {width:111px;}

.btn5 {width:190px;}
.btn5 a {width:176px;}

.btn6 {width:100px;}
.btn6 a {width:86px;}

.nomargin {
margin:0;
}

/***********************
links & buttons
***********************/

a, a:visited, a:active{
color:#e77801;
}

a:hover {
color:#000000;
}

/***********************
*  	list anchors       *
***********************/

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

#list-btn  li{
margin:0;
padding:0;
background:url(../_images/arrow_sm.gif) no-repeat left;
}

#list-btn a {
display: block;
padding: 8px 5px 8px 10px;
width: 170px;
border-bottom:1px dotted #bcbcbc;
color:#27749d;
margin-left:10px;
text-decoration:none;
}

#list-btn a:hover {
color:#27749d;
text-decoration:none;
background:#e2eef5;
}

/***********************
*  	list anchors  2     *
***********************/

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

#list-btn2  li{
margin:0;
padding:0;
background:url(../_images/arrow_sm.gif) no-repeat left;
}

#list-btn2 a {
display: block;
padding: 8px 5px 8px 10px;
border-bottom:1px dotted #bcbcbc;
color:#27749d;
margin-left:10px;
text-decoration:none;
}

#list-btn2 a:hover {
color:#27749d;
text-decoration:none;
background:#e2eef5;
}


/***********************
content  areas
***********************/

#cwr {
margin:0px 10px;
padding:0px;
}

#content {
float:left;
width:660px;
}

#content-fw {
padding-bottom:15px;
}

/***********************
homepage - product list
***********************/

#cwrh { /* padding used on home page */
margin:0px 10px 0px 7px;
padding:0px;
}

#home {
float:left;
width:450px;
margin-top:10px;
margin-left:5px;
}

#home h2{}

#home-p {
float:left;
width:210px;
background:url(../_images/home-products-bg.jpg) repeat-y top left;
margin-top:10px;
}

#home-p h2 {
margin:0;
padding:0;
line-height:300px;
overflow:hidden;
}


#home-p h2.products {
background:url(../_images/stationery-products.png) no-repeat top;
width:201px;
height:83px;
position:relative;
top:0px;
border:none;
}

#home-p h2.weddings {
background:url(../_images/stationery-weddings.png) no-repeat top;
width:201px;
height:56px;
border:none;
}

#home-p h2.artwork {
background:url(../_images/stationery-artwork.png) no-repeat top;
width:201px;
height:56px;
border:none;
}

#home-p ul{
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}

#home-p li{
display: block;
min-height: 25px;
height: auto !important;
height: 25px;
color:#4d4d4d;
font-size:12px;
border-bottom:1px solid #92bfd5;
width:195px;
margin: 0;
padding: 0;
list-style-type: none;
}

#home-p li a {
display: block;
min-height: 25px;
height: auto !important;
height: 25px;
color:#4d4d4d;
text-decoration:none;
background-color:#a49892;
font: 12px Georgia, "Times New Roman", Times, serif;
line-height:25px;
font-size:12px;
padding:0 5px 0 35px;
background:url(../_images/products-list.png) no-repeat top left;
}

#home-p li.top {
border-top:1px solid #92bfd5;
}

#home-p a:hover {
background:url(../_images/products-list.png) no-repeat center left #dbe8ee;
}

#home-p ul.end{
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
background:url(../_images/home-products-bar-btm.jpg) no-repeat bottom left;
height:350px;
}

/***********************
homepage - content
***********************/

p.intro {
background:url(../_images/welcome.gif) no-repeat left;
background-position:0px -5px;
line-height:23px;
font-size:14px;
margin:15px 0;
}

.intro span{
visibility:hidden;
letter-spacing:6px;
}

a.start,
a.start:visited,
a.start:active {
display:block;
height:107px;
width:114px;
background:url(../_images/btn-start-here.png) top left;
line-height:300px;
overflow:hidden;
float:left;
position:relative;
left:20px;
top:0px;
}

a.start:hover{
background:url(../_images/btn-start-here.png) no-repeat 0 -111px;
}

#polaroid { /* sets background image on home page */
background:url(../_images/home-bg.png) no-repeat 0px 0px;
height:340px;
margin-bottom:10px;
}

#polaroid div {
float:right;
width:275px;
position:relative;
top:7px;
right:12px;
}

#polaroid div img {
float:right;
}

/* hover effect - waiting for final artwork*/
#polaroid div a, #polaroid div a img   {}
#polaroid div a:hover  {}


#recent-posts {}

#recent-posts h2 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:32px;
letter-spacing:-1px;
color:#5089b4;
width:100%;


font-weight:normal;
margin:0px 0px;
padding:5px 0px;
border:none;
}

#recent-posts ul, #recent-posts li{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Georgia", Century, Arial, sans-serif;
font-size:14px;
}


#recent-posts li a {
display:block;
color:#898989;
height:30px;
text-decoration:none;
background-color:#f4f4f4;
font:12px Georgia, Century, Arial, sans-serif;
padding-left:10px;
line-height:30px;
border-top:1px solid #b6b6b6;
overflow:hidden;
}

#recent-posts li.end a{
border-bottom:1px solid #b6b6b6;
}

#recent-posts a:hover {
background: #ffffff;
}

/***********************
side bar on all pages
***********************/

#sb {
float:right;
width:235px;
text-align:center;
padding-top:5px;
}

#sb h3 {
font:17px  Georgia, Century, Arial, sans-serif;
font-weight:normal;
background:#a3bfbd;
margin:0 0 10px 0;
color:#fff;
padding:8px;
color:#fff;
width:190px;
}

#sb h3.blue {background:#a3bfbd;}
#sb h3.pink {background:#e0aaaa;}
#sb h3.brown {background:#afaca4;}
#sb h3.green {background:#bec98a;}
#sb h3.liteblue {background:#a2c3be;}

#sb h3.signup-blue {
background:#a3bfbd;
padding:4px 8px;
}

#sb h3.signup-pink {
background:#e0aaaa;
padding:4px 8px;
}


#sb h3.hidden {
background:none;
margin:0;
padding:0;
line-height:300px;
height:8px;
overflow:hidden;
}


/***********************
side bar boxes
***********************/

.sbl {
width:234px;
background:url(../_images/sbl-tile.jpg) repeat-y left;
margin-bottom:6px;
}

.sblt  {
background:url(../_images/sbl-btm.jpg) no-repeat bottom left;
width:234px;
}

.sblb  {
background:url(../_images/sbl-top.jpg) no-repeat top left;
padding:15px 13px 20px 15px;
text-align:left;
min-height:50px;
}


input.text {
background:#fff;
border:1px solid #d6cfc7;
width:140px;
padding:3px;
margin:2px 0;
}

input.text-sm {
background:#fff;
border:1px solid #d6cfc7;
width:140px;
padding:3px;
margin:2px 0;
font:12px Arial, Helvetica, sans-serif;
}


input.text2 {
background:#fff;
border:1px solid #d6cfc7;
width:260px;
padding:3px;
margin:2px 0;
}

.sb-form {
background:#fff;
border:1px solid #d6cfc7;
padding:3px;
margin:2px 0;
}


#sb p {
margin:5px 0 8px 0;
padding:0;
}

#sb form {
margin: 0;
float:left;
width:155px;
}

a.go, a.go:active, a.go:visited  {
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
background:url(../_images/go-btn.gif) no-repeat;
background-position: 0 -35px;
}

a.go:hover  {
background:url(../_images/go-btn.gif) top;
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
}


/***** input go button *****/

.go-input {
height:36px;
width:44px;
background:url(../_images/go-btn.gif) no-repeat;
background-position: 0 -35px;
border:0;
margin:0;
padding:0;
margin-bottom:-30px;
cursor:pointer;
}

.go-input:hover{
background:url(../_images/go-btn.gif) top;
}

/*** pink input**/

.go-input-pink {
height:36px;
width:44px;
background:url(../_images/go-btn-pink.gif) no-repeat;
background-position: 0 -35px;
border:0;
margin:0;
padding:0;
margin-bottom:-30px;
cursor:pointer;
}

.go-input-pink:hover{
background:url(../_images/go-btn-pink.gif) no-repeat;
}


/*** button position ***/
.signup-input {
float:right;
position:relative;
top:-45px;
right:-45px;
}

.signup-input2 {
float:right;
position:relative;
top:-60px;
right:-45px;
}

/*** pink button ***/

a.go-pink, a.go-pink:active, a.go-pink:visited  {
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
background:url(../_images/go-btn-pink.gif) no-repeat;
background-position: 0 -35px;
}

a.go-pink:hover  {
background:url(../_images/go-btn-pink.gif) top;
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
}


/*** brown button ***/
a.go-brown, a.go-brown:active, a.go-brown:visited  {
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
background:url(../_images/go-btn-brown.gif) no-repeat;
background-position: 0 -35px;
}

a.go-brown:hover  {
background:url(../_images/go-btn-brown.gif) top;
display:block;
height:36px;
width:44px;
line-height:100px;
overflow:hidden;
}

.signup {
float:right;
position:relative;
top:10px;
right:5px;
}

.search {
float:right;
position:relative;
right:5px;
}

#sb a {color:#52a098;}
#sb a:hover {color:#d69a9a;}

#sb .share{
margin-left:5px;
border:1px solid #fff;
}

#sb .share div {
float:left;
height:29px;
margin:10px;
margin-left:6px;
margin-right:4px;
}

#sb .addthis {
position:relative;
top:5px;
}

#sb .video-img img{
display:block;
float:right;
position:relative;
top:-10px;
margin-bottom:-10px;
display:none; /* hide video icon */
}

#sb .video-img a{
position:relative;
/*top:10px;*/
}

/***********************
side bar lists
***********************/


#sb .sb-list {
padding:0;
margin:0 0 10px 0;
}

#sb .sb-list li{
list-style-type:none; !important
border:1px solid #000;
margin:0;
padding:0;
}

#sb .sb-list li a,
#sb .sb-list li a:visited,
#sb .sb-list li a:active {
display:block;
border-bottom:1px solid #c0c0c0;
text-decoration:none;
padding:5px 0;
padding-left:20px;
font:11px Georgia, "Times New Roman", Times, serif;
color:#6e6e6e;
}

#sb .sb-list li a:hover{
color:#6e6e6e;
text-decoration:none;
}

.sb-list-pink a {background:url(../_images/list-pink.gif) no-repeat left;}
.sb-list-pink a:hover {background:url(../_images/list-pink.gif) no-repeat left #fff;}

.sb-list-brown a {background:url(../_images/list-brown.gif) no-repeat left;}
.sb-list-brown a:hover {background:url(../_images/list-brown.gif) no-repeat left #fff;}

.sb-list-green a {background:url(../_images/list-green.gif) no-repeat left;}
.sb-list-green a:hover {background:url(../_images/list-green.gif) no-repeat left #fff;}

.sb-list-blue a {background:url(../_images/list-blue.gif) no-repeat left;}
.sb-list-blue a:hover {background:url(../_images/list-blue.gif) no-repeat left #fff;}

/***********************
side table
***********************/

#sb .sb-table {
border:1px solid #c7c7c7;
border-collapse:collapse;
margin:5px 0 10px 0;
}


#sb .sb-table td {
border:1px solid #c7c7c7;
padding:4px;
border-collapse:collapse;
line-height:20px;
vertical-align:top;
font:11px Arial, Helvetica, sans-serif;
background:#fff;
}

#sb .sb-table td.brown {
background:#edebe5;
}

.free {
color:#b73436;
font-weight:bold;
}


/***********************
product type page
***********************/

#product-main {
margin-top:20px;
}

#product-main h3{
font-size:18px;
margin:0 0;
padding:0;
margin:10px 0;
position:relative;
left:15px;
top:-10px;
}

.pm-box{
float:left;
width:328px;
height:240px;
background:url(../_images/product-block2.gif) no-repeat; /* 301 x 197 */
background-position: 15px 40px;
margin-bottom:20px;
font-size:11px;
}

#product-main .img {
float:left;
position:relative;
top:-15px;
width:162px;
}

#product-main .info {
float:left;
width:162px;
position:relative;
top:0px;
border:
}

#product-main p.description {
width:150px;
overflow:hidden;
margin:10px 0 5px 0;
padding:0;
}

#product-main p.more{
border-bottom:1px dashed #cfcfcf;
border-top:1px dashed #cfcfcf;
width:140px;
margin:7px 0 5px 0;
padding:5px 0;
}

#product-main .right {
float:right;
position:relative;
left:8px;
}


#product-main .tb-position{ /* keeps button in fixed position */
float:left;
width:90px;
height:86px;
}

#product-main .tb-position table{
font:11px Arial, Helvetica, sans-serif;
border-collapse:collapse;
border-top:1px dashed #cfcfcf;
margin:5px 0;
width:100px;
}

#product-main table td{
height:20px;
}

#product-main .btnP {
float:right;
position:relative;
right:20px;
}


#product-main p {
margin:5px 0;
padding:0;
}

/*** testimonials **/

#product-main .testimonial {
position:relative;
width:280px;
left:35px;
top:10px;
height:175px;
overflow:hidden;
}

.pm-boxt{
float:left;
width:328px;
height:240px;
background:url(../_images/product-block-testimonials2.gif) no-repeat;
background-position: 17px 16px;
margin-bottom:20px;
}

#product-main .pm-boxt p {
background:url(../_images/commas2.gif) no-repeat;
padding:0 0 10px 25px;
margin:5px 0;
font-size:12px;
width:175px;
float:left;
border-bottom:1px dashed #aeaaa4;
}

#product-main .custom-img {
width:75px;
float:right;
position:relative;
top:0px;
}

#product-main .pm-boxt h3{
margin:0 0;
padding:0;
margin:15px 0;
position:relative;
top:0px;
font:bold 12px Georgia, "Times New Roman", Times, serif;
color:#a0a0a0;
text-transform:uppercase;
text-align:center;
}

#landing-img {
position:relative;
left:20px;
margin:20px 0;
}


#landing-img h3{
font:bold 12px Georgia, "Times New Roman", Times, serif;
color:#a0a0a0;
text-transform:uppercase;
}


#landing-img img{
width:115px;
height:94px;
padding:5px;
display:block;
float:left;
background:url(../_images/gallery-div-sm.gif) no-repeat;
}

#landing-img2 {
position:relative;
left:10px;
margin:25px 0;
}

#landing-img2 h3{
font:bold 12px Georgia, "Times New Roman", Times, serif;
color:#a0a0a0;
text-transform:uppercase;
}

#landing-img2 img{
width:115px;
height:94px;
padding:5px;
display:block;
float:left;
background:url(../_images/gallery-div-sm.gif) no-repeat;
}


#h-notice {
float:right;
position:relative;
top:25px;
right:20px;
border:1px solid #d0d0d0;
background:#fff;
padding:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font:11px Arial, Helvetica, sans-serif;
margin-bottom:-60px; /* for ie*/
}

#h-notice p {
margin:5px 0 0 0;
padding:0;
}

#h-notice.grey {
background:#f7f7f7;
}

/***********************
start here small
***********************/

.start {
position:relative;
top:-145px;
}


a.start-here,
a.start-here:visited,
a.start-here:active {
background:url(../_images/btn-start-here2.gif) no-repeat;
display:block;
height:80px;
width:80px;
line-height:300px;
overflow:hidden;
}

a.start-here:hover{
background:url(../_images/btn-start-here2.gif) no-repeat 0 -83px;
}

/***********************
stamps
***********************/

.personalised {
height:68px;
width:68px;
background:url(../_images/stamp-personalised.png);
}

.classic {
height:68px;
width:68px;
background:url(../_images/stamp-classic.png);
}

.illustrated {
height:68px;
width:68px;
background:url(../_images/stamp-illustrated.png);
}

a.stamp,
a.stamp:visited,
a.stamp:active {
display:block;
height:68px;
width:68px;
line-height:300px;
overflow:hidden;
}

a.stamp:hover{
background:url(../_images/stamp-hover.png) no-repeat;
}

/***********************
round corner boxes
***********************/

.box-t {
height:20px;
}

.box-tl {
float:left;
background:url(../_images/cnr2-tl.png);
width:20px;
height:20px;
}

.box-tr {
float:right;
background:url(../_images/cnr2-tr.png);
width:20px;
height:20px;
}

.box-bl {
float:left;
background:url(../_images/cnr2-bl.png);
width:20px;
height:20px;
}

.bx-blue2 {
background-color:#EDF1F9;
}

.box-br {
float:right;
background:url(../_images/cnr2-br.png);
width:20px;
height:20px;
}

.box-c {padding:0px 20px;}

.box-c h4{ /* margins for headings inside boxes */
margin:0;
position:relative;
top:-6px;
}

.box p {
margin:0;
padding:8px 0;
}

/** speech bubble box - set additional class for bg colour in tag .box-tl-sp  */

.box-sp {
background:url(../_images/cnr2-speech.png) no-repeat;
float:left;
width:55px;
height:106px;
}

.box-tc-sp  {
background:url(../_images/cnr2-tc-sp.png);
height:73px;
}

.box-tl-sp {
float:left;
background-image: url(../_images/cnr2-tl-sp.png);
width:126px;
height:73px;
}

.box-tr-sp {
float:right;
background-image: url(../_images/cnr2-tr-sp.png);
width:26px;
height:73px;
}

/** set custom box colours & width here */

.box {margin:10px 0 20px 0;}
.bx-blue { background-color:#e3e8f5;}
.bx-lite-blue { background-color:#d6e7e9;}
.bx-blue2 { background-color:#edf1f9;}
.bx-pink{background-color:#efdbdb;}
.bx-green{background-color:#bed6b9;}
.bx-purple{background-color:#cebddd;}
.bx-brown{background-color:#efeee5;}
.bx-grey{background-color:#ebebea;}

.comma {
background:url(../_images/commas.png) no-repeat top left;
padding-left:40px;
min-height:5px;
}

/* testimonials product landing page */


.box-test {
margin:10px 0 20px 20px;
width:625px;
color: #505050;
font:14px/20px Arial, Helvetica, sans-serif;
}

.bx-testimonial {
background-color:#e3e8f5;
}

.btn-right div{
float:right;
margin-left:10px;
}

.btn-left div{
float:left;
margin-right:10px;
}

/***********************
blue round corner box
***********************/

.r-cnr {
width:429px;
background:url(../_images/commas.png) no-repeat left top #deeae8;
font:17px Georgia, "Times New Roman", Times, serif;
color:#898989;
}

.r-crnt {
background:url(../_images/cnr-top.png) no-repeat top;
height:8px;
}

.r-crnb {
background:url(../_images/cnr-btm.png) bottom;
height:8px;
}

.r-cnrc {
width:375px;
position:relative;
left:40px;
}

.r-cnrc p{
margin:0;
padding:5px 0 10px 0;
}

/***********************
product listing page
***********************/

.product-description {
font-size:12px;
padding:0px 0px 15px 0;
color:#616161;
line-height:20px;
}


#plc {
float:left;
width:640px;
}

#plc .product {
background:url(../_images/product-list-block.gif) no-repeat bottom #fff;
/*width:635px;*/
width:639px;
margin:10px 0;
}

#plc .product2 {
background:url(../_images/product-list-block-brown.gif) no-repeat bottom #fff;
width:635px;
margin:10px 0;
}

#plc .img {
float:left;
width:276px;
text-align:center;
margin-bottom:15px;
}

#plc .specs {
float:left;
/*width:345px;*/
width:349px;
position:relative;
left:5px;
padding-bottom:15px;
font-size:11px;
}

/** specification heading **/

#plc .specs h4 {
text-transform:uppercase;
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#4bb030;
background:url(../_images/h4-dbl-border.gif) repeat-x bottom;
padding:0px 0px 6px 0;
}

#plc .specs h4 a,
#plc .specs h4 a:visited,
#plc .specs h4 a:active {
color:#4bb030;
text-decoration:none;
}

#plc .specs h4 a:hover {
color:#3a8925;
text-decoration:none;
}

/** specification tables **/

#plc p.need-more {
position:relative;
left:5px;
margin-bottom:-20px;
}

#plc table {
border-collapse: collapse;
float:left;
position:relative;
left:5px;
}

#plc table.left {
border-left:1px dashed #cfcfcf;
/*padding-left:15px;*/
/*padding-left:10px;*/
padding: 0 3px;
display:block;
margin: 0 0 0 2px;
}

/*#plc table td {padding: 2px 15px 2px 2px;}*/
#plc table td {padding: 2px;}

#plc table td.type {
font-weight:bold;
width:60px;
padding:2px 0px 2px 0;
}

/** paper type table **/

#plc table.paper-type{
text-align:center;
margin:5px 0;
float:left;
}

#plc td.pth{
text-align:left;
text-decoration:underline;
line-height:22px;
}

#plc .stamp-type {
float:left;
width:350px;
border:1px solid blue;
}

/* floating stamp */
#plc .right {
float:right;
}

#plc .btnP {
float:right;
position:relative;
right:10px;
top:5px;
}

#plc table.paper-type a,
#plc table.paper-type a:active,
#plc table.paper-type a:visited{
color:#000;
text-decoration:none;
}

#plc table.paper-type a:hover {
color:#3a8925;
}

/***********************
call to action page
***********************/


h2.c2a {
font-family: Georgia, Century, Arial, sans-serif;
font-size:20px;
letter-spacing:-1px;
color:#85b072;
width:100%;
font-weight:bold;
border-bottom:1px solid #d0d0d0;
margin:10px 0px;
padding:5px 0px;
background:url(../_images/green-arrow.gif) no-repeat left;
padding-left:20px;
}

/*

h3 {
font-family: Georgia, Century, Arial, sans-serif;
font-weight:normal;
font-size:22px;
color:#52ae2a;
color:#85b072;
margin:10px 0px;
}

*/


.step-graphic {}

.product-ex {
float:left;
width:212px;
height:126px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
}

.product-ex h3{
position:relative;
left:10px;
top:12px;
}

.product-ex p{
position:relative;
left:10px;
top:30px;
height:80px;
margin:0;
padding:0;
}

.product-ex a,
.product-ex a:active,
.product-ex a:visited{
color:#000000;
float:right;
position:relative;
right:20px;
}

.product-ex a:hover{
color:#999999;
}

.ex-personalised{
background:url(../_images/block-blue.png) no-repeat top left;
}

.ex-personalised h3{
margin:0;
color:#779bb6;
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.ex-classic{
background:url(../_images/block-brown.png) no-repeat top left;
}

.ex-classic h3{
margin:0;
color:#999480;
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.ex-illustrated {
background:url(../_images/block-pink.png) no-repeat top left;
}

.ex-illustrated h3 {
margin:0;
color:#d99d9d;
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

/** product list on call to action */

#list-products {
}

#list-products div {
float:left;
width:205px;
margin-right:10px;
margin-bottom:10px;
position:relative;
left:10px;
min-height:60px;
height:auto !important;
height:60px
}

#list-products div.clear {
float:none;
width:0px;
margin:0px;
}

#list-products div h4 {
text-decoration:none;
color:#419729;
}

#list-products div h4 a,
#list-products div h4 a:active,
#list-products div h4 a:visited{
font:bold 14px Arial, Helvetica, sans-serif;
color:#727272;
margin:0;
text-decoration:none;
}

#list-products div h4 a:hover {
color:#b4b4b4;
text-decoration:underline;
}

#list-products div ul {
margin:0;
padding-left:20px;
list-style-type:none;
}

#list-products div ul li {
margin:4px 0;
}

/*** illustrated & personalised links ***/

#list-products div ul li.ip {
list-style-image:url(../_images/list-type-blue.png);
}

#list-products div ul li.ip a,
#list-products div ul li.ip a:active,
#list-products div ul li.ip a:visited{
color:#494949;
text-decoration:none;
}

#list-products div ul li.ip a:hover{
color:#669cc6;
text-decoration:underline;
}

/*** classic links ***/

#list-products div ul li.cl {
list-style-image:url(../_images/list-type-brown.png);
}

#list-products div ul li.cl a,
#list-products div ul li.cl a:active,
#list-products div ul li.cl a:visited{
color:#494949;
text-decoration:none;
}

#list-products div ul li.cl a:hover{
color:#898268;
text-decoration:underline;
}

/*** illustrated only links ***/

#list-products div ul li.io {
list-style-image:url(../_images/list-type-pink.png);
}

#list-products div ul li.io a,
#list-products div ul li.io a:active,
#list-products div ul li.io a:visited{
color:#494949;
text-decoration:none;
}

#list-products div ul li.io a:hover{
color:#ea8989;
text-decoration:underline;
}


#list-products h4 {
text-decoration:underline;
color:#419729
}

/** art for sale links*/

#artsale-comm {float:right; display:block;}
#artsale-comm a,
#artsale-comm a:active,
#artsale-comm a:visited{
background:url(../_images/art-commisioned.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
cursor:pointer;
}

#artsale-comm a:hover {
background:url(../_images/art-commisioned.gif) no-repeat 0 -94px;
}

#artsale-gallery {
float:right;
display:block;
position:relative;
left:-15px;
}

#artsale-gallery a,
#artsale-gallery a:active,
#artsale-gallery a:visited{
background:url(../_images/art-gallery.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
cursor:pointer;
}

#artsale-gallery a:hover {
background:url(../_images/art-gallery.gif) no-repeat 0 -94px;
}

#ltd-prints a:hover {
background:url(../_images/art-prints.gif) no-repeat 0 -94px;
}


#ltd-prints {
float:right;
display:block;
position:relative;
left:-15px;
}

#ltd-prints a,
#ltd-prints a:active,
#ltd-prints a:visited{
background:url(../_images/art-prints.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
cursor:pointer;
}

#ltd-prints a:hover {
background:url(../_images/art-prints.gif) no-repeat 0 -94px;
}


/***********************
*      step blocks     *
***********************/

#step-container {
background:url(../_images/step-shadow.jpg) no-repeat right bottom;
padding-bottom:12px;
height:75px;
margin-top:10px;
}

#select {
float:left;
border:1px solid #dbd9d1;
background:#fafafa;
font-size:11px;
padding:10px 5px;
width:250px;
height:55px;
font:12px Arial, Helvetica, sans-serif;
}

#select div{
color:#92c3e5;
border-bottom:1px dashed #d3d3d3;
padding:0px 0px 5px 0px;
margin-bottom:5px;
font:bold 14px Arial, Helvetica, sans-serif;
}

#steps {
position:relative;
top:25px;
left:-15px;
float:right;
color:#003366;
font-size:12px;
}

#steps ul {
margin:0;
list-style-type:none;
float:left;
}

#steps ul li {
float:left;
}

#steps li {
margin-left:10px;
}

#steps ul li a {
height:25px;
float:left;
padding:0px 0px 0px 30px;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
line-height:25px;
}

/* step 1 */
#one a {
line-height:25px;
background:url(../_images/page-step01.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#one a:hover {
background:url(../_images/page-step01.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#one-active a, #six-active a:hover {
background:url(../_images/page-step01.gif) no-repeat 0px -26px;
color:#ec8284;
}

/* step 2 */
#two a {
line-height:25px;
background:url(../_images/page-step02.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#two a:hover {
background:url(../_images/page-step02.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#two-active a, #six-active a:hover {
background:url(../_images/page-step02.gif) no-repeat 0px -26px;
color:#ec8284;
}

/* step 3 */
#three a {
line-height:25px;
background:url(../_images/page-step03.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#three a:hover {
background:url(../_images/page-step03.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#three-active a, #six-active a:hover {
background:url(../_images/page-step03.gif) no-repeat 0px -26px;
color:#ec8284;
}

/* step 4 */
#four a {
line-height:25px;
background:url(../_images/page-step04.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#four a:hover {
background:url(../_images/page-step04.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#four-active a, #six-active a:hover {
background:url(../_images/page-step04.gif) no-repeat 0px -26px;
color:#ec8284;
}

/* step 5 */
#five a {
line-height:25px;
background:url(../_images/page-step05.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#five a:hover {
background:url(../_images/page-step05.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#five-active a, #six-active a:hover {
background:url(../_images/page-step05.gif) no-repeat 0px -26px;
color:#ec8284;
}

/* step 6 */
#six a {
line-height:25px;
background:url(../_images/page-step06.gif) no-repeat 0px 0px;
color:#9eb8cb;
}

#six a:hover {
background:url(../_images/page-step06.gif) no-repeat 0px -52px;
color:#93c6e9;
text-decoration:underline;
}

#six-active a, #six-active a:hover {
background:url(../_images/page-step06.gif) no-repeat 0px -26px;
color:#ec8284;
}

/***********************
Choose Illustration
***********************/

#step2-left {
float:left;
width:620px;
border-right: 1px dashed #dadada;
}

#step2-right {
float:right;
width:280px;
text-align:center;
}

/******* image catagory menu  *********/

ul#img-cat{
list-style-type: none;
padding: 10px 0px 24px 0px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
margin: 20px 0 10px 0;
background:#fdf2f2;
}

ul#img-cat li {
float: left;
padding:0px 10px;
}

ul#img-cat li#active{
border-bottom: 1px solid #fff;
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
background-color: #fff;
padding:4px 10px;
color:#e77801;
}

ul#img-cat li.normal{
padding: 4px 10px;
}

li#active a {
color:#e77801;
}

#img-cat a{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
color:#e77801;
}

#img-cat a:hover {
text-decoration:underline;
}

/* sub catagories */

ul#img-cat2{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul#img-cat2 li {
float: left;
padding:0 7px 0 0;
margin:0 0 5px 0;
background:url(../_images/gallery-div.gif) no-repeat right;
}

ul#img-cat2 li#active2{
color:#000;
text-decoration:underline;
}

li#active2 a {
color:#000;
text-decoration:underline;
}

#img-cat2 a{
float: left;
display: block;
color: #666;
text-decoration: none;
color:#000;
margin:0px;
padding:2px;
}

#img-cat2 a:hover {
color:#e77801;
text-decoration:underline;
}

ul#img-cat2 li.none {
color:red;
float: left;
display: block;
text-decoration: none;
padding:2px 7px 2px 2px;
font-weight:bold;
color:#5089b4;
}


/******* display gallery illustrations  *********/

#gallery{
position:relative;
left:5px;
}

#gallery h4 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:22px;
color:#000;
margin:10px 0px;
font-weight:normal;
}

.img-div {
float:left;
margin-right:0px;
padding-bottom:0px;
padding-top:10px;
text-align:center;
display:block;
background:url(../_images/illustration-bg.jpg) no-repeat top left;
display:block;
height:200px; /* changed from min-height */
overflow:hidden;
width:205px;
}

.buy {
float:right;
position:relative;
top:-62px;
left:-10px;
}


.img-name {
font-family: Georgia, Century, Arial, sans-serif;
font-weight:bold;
font-size:14px;
color:#807d64;
height:20px;
overflow:hidden;
position:relative;
top:15px;
}


.img-name a,
.img-name a:active,
.img-name a:visited{
color:#807d64;
text-decoration:none;
}

.img-name a:hover {
color:#52ae2a;
text-decoration:none;
}

.gallery-h{
height:10px;
width:1px;
clear:both;
border:1px solid #000;
}

/* illustration hover effect */
.sto, a.sto, a.sto img {
filter: Alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0; /*firefox */
border:0;
}

a.sto:hover, a.sto:hover img {
filter: Alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60; /*firefox */
border:0;
}


/* illustration hover effect */
.sto-h, a.sto, a.sto img {
filter: Alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0; /*firefox */
border:0;
}

a.sto-h:hover, a.sto:hover img {
filter: Alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70; /*firefox */
border:0;
}


/* gallery right side bar */

#step2-product {
text-align:center;
position:relative;
top:-5px;
}

/* this contains the image roll over positions */

.step2-imgA5 {
position:relative;
top:14px; /* 6px from top + (x) according to paper-size */
height:300px;
}

.step2-imgA6 {
position:relative;
top:17px; /* 6px from top + (x) according to paper-size */
height:300px;
}

.step2-imgA7 {
position:relative;
top:22px; /* 6px from top + (x) according to paper-size */
height:300px;
}

.step2-img14 {
position:relative;
height:300px;
}

.step2-img14 img {
float:left;
/*padding:50px 0px 0px 10px;*/
padding:13px 0px 0px 10px;
}


.step2-img10 {
position:relative;
height:300px;
}


/* this displays the stationery background, additional inline class to specify background this*/
.step2-display-background {
text-align:center;
background-repeat:no-repeat;
background-position:center top;
}

/***********************
STEP 3 - edit text
***********************/

#step3-left {
float:left;
width:370px;
}

#step3-right {
float:right;
width:530px;
margin-top:30px;
}

#step3-left h3 {
font:bold 22px Arial, Helvetica, sans-serif;
color:#777;
letter-spacing:-1px;
margin:20px 0px 15px 0;
border-bottom:1px solid #777;
}

#tableContainer td.description {
font-weight:bold;
line-height:22px;
}

/* form feilds */

.input{
display:block;
margin:2px 0px 10px 0px;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
width:370px;
padding:4px 2px;
font:12px Arial, Helvetica, sans-serif;
}

#field-text {
font-size:11px;
}

#field-text input.txt {
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
width:360px;
padding:6px 4px;
font-size:11px;
margin-bottom:8px; !important
}

#field-text input.txt:hover,
#field-text input.txt:focus{
background:#eee;
}


#field-text input.alt{
background:#f1f2f4;
}

#field-text input.limit-c{
border:1px dashed #ff0000;
}


#errorText {
color:#000;
background:#faf3f3;
padding:10px;
border:1px solid #dc1616;
font: 12px Arial, Helvetica, sans-serif;
margin-top:10px;
}


#errorText img{
position:relative;
top:5px;
}


/*** step 3 - Fonts  / Colours ***/
#fontContainer {}

.font-row {
display:block;
width:185px;
overflow:hidden;
float:left;
border-bottom:1px dashed #cecece;
margin-top:5px;
padding-bottom:10px;
}

.fonts-width {
width:190px;
}

.colour-container {
float:left;
position:relative;
text-align:center;
margin-right:10px;
position:relative;
left:5px;
}

.colour{
border:1px solid #000;
height:30px;
width:30px;
margin-bottom:5px;
}


#paper-type{
margin-right:2px;
font-size:11px;
margin:0;
width:100%;
}

#paper-type td{
margin:4px;
background:#f1f2f4;
border:1px solid #cfcfcf;
line-height:22px;
width:50%;
}

#paper-type td:hover{background:#f5f5f5;}

#paper-type input.radio {
	margin-right:5px;
	position:relative;
	top:2px;
	height: auto;
	background: none;
}
#paper-type label {
	/*margin-right:5px;
	position:relative;
	top:2px;
	height: auto;
	background: none;
	border: 10px solid #000;*/
}

.add-note {
width:345px;
font:bold Tahoma, Geneva, sans-serif;
}

.packs {
float:right;
position:relative;
top:-2px;
}

.packs a {
text-decoration:none;
color:#000;
display:block;
float:left;
height:20px;
width:20px;
text-align:center;
line-height:16px;
}

.packs a:hover {
text-decoration:none;
color:#000;
background:#cce3f2;
}

.packs span {
display:block;
float:left;
line-height:16px;
margin:0px 5px;
}

/*** step 3 - background options ***/

/*****************************************************
Values for the Editing Screen
******************************************************/

/*** step 3 - bg display ***/

#step3-container {
text-align:center;
}

.step3-display-h-label, .step3-display-h-label  {
/*
labels have slightly different height | horizontal option ONLY
width of image is 510 x 368
*/
height: 250px;
text-align:left;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-squ.jpg);
background-position:top center;
}

.step3-display-h-black, .step3-display-v-black {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-a7-black.jpg);
background-position:top center;
}

.step3-display-h-red, .step3-display-v-red {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-a7-red.jpg);
background-position:top center;
}

/* Oval and Rectangular labels */
.step3-display-o-black {
	text-align: center;
	height: 387px;
	background-repeat: no-repeat;
	background-image: url(../_images/step3-backgrounds/stationery-o-black.jpg);
	background-position: top center;
}

.step3-display-o-black .page #image, .step3-display-o-red .page #image {
  margin: 4px; auto 20px;
}

.step3-display-r-black {
	text-align: left;
	height: 250px;
	background-repeat: no-repeat;
	background-image: url(../_images/step3-backgrounds/stationery-r-black.jpg);
	background-position: top center;
}

.step3-display-o-red {
	text-align: center;
	height: 387px;
	background-repeat: no-repeat;
	background-image: url(../_images/step3-backgrounds/stationery-o-red.jpg);
	background-position: top center;
}

.step3-display-r-red {
	text-align: left;
	height: 250px;
	background-repeat: no-repeat;
	background-image: url(../_images/step3-backgrounds/stationery-r-red.jpg);
	background-position: top center;
}

.step3-display-r-black .page #image, .step3-display-r-red .page #image {
	margin: 4px 0 0 90px;
}

/*** Landscape Square ***/
.step3-display-h-squ {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-squ.jpg);
background-position:top center;
}

.step3-display-h-lbl {
text-align:center;
height: 300px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-squ.jpg);
background-position:top center;
}

.step3-display-h-squ-gg  {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-squ-gold.jpg);
background-position:top center;
}

.step3-display-h-squ-gs  {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-squ-silver.jpg);
background-position:top center;
}

/*** Landscape Round ***/
.step3-display-h-rnd  {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-rnd.jpg);
background-position:top center;
}

.step3-display-h-rnd-gg  {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-rnd-gold.jpg);
background-position:top center;
}

.step3-display-h-rnd-gs  {
text-align:center;
height: 387px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-h-rnd-silver.jpg);
background-position:top center;
}

/*** Portrait Square ***/
.step3-display-v-squ  {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-squ.jpg);
background-position:top center;
text-align:center;
}

.step3-display-v-squ-gg  {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-squ-gold.jpg);
background-position:top center;
text-align:center;
}

.step3-display-v-squ-gs  {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-squ-silver.jpg);
background-position:top center;
text-align:center;
}

/*** Portrait Round ***/
.step3-display-v-rnd  {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-rnd.jpg);
background-position:top center;
}

.step3-display-v-rnd-gg {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-rnd-gold.jpg);
background-position:top center;
}

.step3-display-v-rnd-gs {
text-align:center;
height: 600px;
background-repeat:no-repeat;
background-image:url(../_images/step3-backgrounds/stationary-v-rnd-silver.jpg);
background-position:top center;
}

#preview-pane {
/* this overlays block position exactly on stationery background*/
position:relative;
top:9px;
margin:auto;
}

#preview-pane.landscape {
width:490px;
}

#preview-pane.portrait {
	margin-top:10px !important;
	width:367px;
	clear: both;
}


/* this contains the image positions depending on paper-size */

#step3-imgA5 {
position:relative;
top:14px;
}

#step3-imgA6 {
position:relative;
top:19px;
}

#step3-imgA7 {
position:relative;
top:17px;
}

#step3-img10 {
position:relative;
top:27px;
}

#step3-img14 {
position:relative;
top:27px;
}

/* additional notes */

.step3-notes {
width:350px;
margin:0 auto;
}

.zoom {
width:140px;
position:relative;
left:100px;
}

.zoom a,
.zoom a:active,
.zoom a:visited {
width:140px;
color:#000;
height:34px;
background:url(../_images/zoom-icon.gif) no-repeat right bottom;
display:block;
padding-right:0px;
line-height:30px;
text-decoration:underline;
position:relative;
top:10px;
}

.zoom a:hover {
background:url(../_images/zoom-icon.gif) no-repeat right top;
color:#e77801;
}

/***********************
*   change format *
***********************/

#change-format {
float:right;
position:relative;
top:25px;
right:20px;
border:1px solid #d0d0d0;
background:#fff;
padding:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font:11px Arial, Helvetica, sans-serif;
line-height:17px;
margin-bottom:-60px; /* for ie*/
text-decoration:none;
color:#000000;
}

#change-format p {
margin:0;
padding:0;
color:#5089b4;
text-decoration:underline;
}

#change-format a,
#change-format a:visited,
#change-format a:active{
color:#000;
text-decoration:none;
}

#change-format a:hover {
color:#e77801;
text-decoration:none;
}


.help {
height:53px;
}

.help a img{
display:block;
position:relative;
top:0px;
}

.help a img:hover{
filter: Alpha(opacity=100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;  /*firefox */
border:0;
}



/***********************
*    quantity  *
***********************/

#quantity {
width:500px;
float:left;
}

#qty-terms {
float:right;
width:360px;
position:relative;
left:-10px;
}

#quantity .price {
color:#4f4f4f;
font:14px Arial, Helvetica, sans-serif;
margin:10px 0;
text-decoration:underline;
}

.qty-left {
float:left;
margin-right:15px;
margin-bottom:20px;
font-size:11px;
text-align:center;
}

.qty-box {
width:50px;
border:1px solid #cccccc;
text-align:center;
}

.qty {
background:url(../_images/qty-bg.gif) repeat-x bottom #fef9bf;
border:1px solid #fff;
height:45px;
text-align:center;
font-family: Georgia, Century, Arial, sans-serif;
font-size:17px;
line-height:40px;
}

.qty-custom {
margin-bottom:30px;
}

.dd {
display:block;
margin:2px 0px 10px 0px;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
width:195px;
padding:4px 2px;
font-size:11px;
}

/**** custom amount ****/

.qty-symbol {
float:left;
font:bold 22px Georgia, "Times New Roman", Times, serif;
position:relative;
top:20px;
margin-right:15px;
}

.add-amount {
float:left;
position:relative;
top:0px;
font:11px Arial, Helvetica, sans-serif;
margin-right:15px;
}

.add-amount input{
display:block;
margin:2px 0px 10px 0px;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
width:85px;
padding:10px 2px;
font:20px Georgia, "Times New Roman", Times, serif;
text-align:center;
/*color:#2ba12e;*/
}

.qty-amount {
float:left;
font:22px Georgia, "Times New Roman", Times, serif;
position:relative;
top:20px;
}

.qty-amount p{
margin:0 0 5px 0;
padding:0;
}

.qty-cost  {
border:1px solid #cccccc;
margin-top:10px;
float:left;
margin-right:5px;
}

.qty-cost span{
display:block;
background:#d6e7e9;
font:14px Arial, Helvetica, sans-serif;
padding:8px;
width:65px;
border:1px solid #fff;
}

.qty-price {
float:left;
font:14px Arial, Helvetica, sans-serif;
line-height:50px;
}

.hr-m {
background:url(../_images/hr-mini.gif);
height:18px;
width:379px;
margin:10px 0 20px 0;
}

.hr-m2 {
background:url(../_images/hr-mini.gif);
height:18px;
width:379px;
margin:10px 0px -10px 0;
}

/***********************
    checkout pages
***********************/

h2.checkout {
float:left
}

.checkout-icons {
float:right;
position:relative;
top:-70px;
margin-bottom:-80px;
}

#secure-payment {
float:left;
border:1px solid #dbd9d1;
background:#fafafa;
font-size:11px;
padding:5px 5px;
width:165px;
font:12px Arial, Helvetica, sans-serif;
}

#secure-payment div{
color:#000;
border-bottom:1px dashed #d3d3d3;
padding:0px 0px 5px 0px;
margin-bottom:5px;
font:normal 11px Arial, Helvetica, sans-serif;
}

#checkout-left {
float:left;
width:560px;
padding-top:10px;
}

#checkout-right {
float:right;
width:320px;
position:relative;
left:-10px;
}

#checkout-table  {
border:1px solid #c7c7c7;
border-collapse:collapse;
margin:5px 0 10px 0;
}

.checkout-table-main  {
width:550px;
}

.checkout-table-user  {
width:640px;
}


#checkout-table td {
border:1px solid #c7c7c7;
padding:5px;
border-collapse:collapse;
line-height:20px;
vertical-align:top;
}

#checkout-table tr.detail {
background:url(../_images/gradient.gif) repeat-x top;
}

#checkout-table tr.detail td {
padding:0;
border:0;
vertical-align:middle;
}

#checkout-table tr.detail td span{
display:block;
border-top:1px solid #fff;
padding:10px;
font:17px Georgia, "Times New Roman", Times, serif;
}

/*added by jo 08/12/09 */
#checkout-table tr.brown {
background-color:#efeee5;
}

#checkout-table tr.small td span {
padding:10px;
font:11px Arial, Helvetica, sans-serif;
line-height:17px;
}
/*added by jo 08/12/09 */

#checkout-table tr.detail td span.left{border-left:1px solid #fff;}
#checkout-table tr.detail td span.right{border-right:1px solid #fff;}
#checkout-table tr.detail td span.all{border-right:1px solid #fff; border-left:1px solid #fff;}


#checkout-table td.edit {
text-align:right;
}

#checkout-table td.edit span{
color:#000;
font:10px Verdana, Geneva, sans-serif;
position:relative;
top:-7px;
left:-5px;
}

#checkout-table td.edit a,
#checkout-table td.edit a:active,
#checkout-table td.edit a:visited {
color:#000;
text-decoration:none;
}

#checkout-table td.edit a:hover{
color:#5e97c1;
text-decoration:none;
filter: Alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
}

/****  coupon *****/

.coupon  {
border:1px solid #cbcbcb;
width:546px; /* -4px for borders */
padding:1px;
margin:5px 0;
border-collapse:collapse;
}

.coupon table{
background:#edf3f4;
width:100%;
margin:0;
padding:0;
border-collapse:collapse;
}

.coupon td{border-collapse:collapse;}

.coupon table td{
border-collapse:collapse;
margin:0;
padding:2px 0;
}

.coupon-form {
width:140px;
background:#fff;
margin:0;
}

.coupon table td.coupon-info {
padding:0 4px;
width:100%;
}

.coupon table td.coupon-submit {
padding:4px 4px 4px 10px;
}

/****  total costs  *****/

.cost {
text-align:right;
float:right;
margin-right:10px;
}

.cost td{
padding:5px;
}

.delivery-select {
margin:0;
width:100%;
}

.total-cost {
text-align:right;
border-top:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
margin:10px 0;
}

.total-cost-main {
width:550px;
font:bold 22px Arial, Helvetica, sans-serif;
}

.total-cost td{
padding:8px 0;
}

.total-cost td.blue {
color:#417ba7;
padding-left:10px;
}

.basket-btns {
}

.basket-btns div{
float:right;
margin-right:10px;
}

.print {
float:right;
position:relative;
top:-50px;
}

/***********************
*  checkout sidebar *
***********************/

.checkout-side-bar {
width:280px;
float:right;
position:relative;
left:-5px;
}

.checkout-user {
float:left;
width:600px;
}

.checkout-table-side {
width:100%;
}

.total-cost-side {
font:bold 14px Arial, Helvetica, sans-serif;
width:100%;
background:#f4f3ea;
}


/***********************
*    upsell  *
***********************/

td.upsell  {
font:11px Arial, Helvetica, sans-serif;
}

td.upsell img {
display:block;
float:left;
margin:0 10px 0 5px;
}

td.upsell span {
display:block;
float:left;
width:200px;
}

td.upsell a {
text-decoration:none;
color:#000;
display:block;
cursor:pointer;
border-bottom:1px dashed #c7c7c7;
padding:10px 0;
}

td.upsell a:hover {
text-decoration:none;
color:#000;
background:#edf6e9;
}

td.upsell a.end {
border-bottom:none;
}

td.upsell a h3 {
font: bold 12px Georgia, "Times New Roman", Times, serif;
margin:0 0 5px 0;
}

td.upsell a:hover h3 {}




/***********************
*    user details   *
***********************/

#user-details {
margin:20px 0 5px 0;
}


#user-details td{
vertical-align:middle;
padding:4px 15px 4px 0;
}

.user-details2 td{
vertical-align:middle;
padding:20px 15px 10px 0;
}

/*#user-details input[type=text],
#user-details input[type=textarea],
#user-details input[type=password] {*/
#user-details input {
display:block;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
font:12px Arial, Helvetica, sans-serif;
width:200px;
padding:4px 2px;
margin:0;
}
#user-details input.rad {
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	border: none;
}
#user-details input.button {
	display: inline;
	width: auto;
	background: #5993BE url(../_images/blue-button.gif) repeat-x scroll center top;
	border:1px solid #A1A1A1;
	font-size:12px;
	color:#FFFFFF;
}

#user-details select{
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
font:12px Arial, Helvetica, sans-serif;
width:206px;
padding:4px 2px;
margin:0;
}

#user-details input.checkbox{
width:15px;
margin:5px 0;
}

#user-details input.radio{
width:15px;
float:right;
position:relative;
right:-10px;
}


#user-details input.none{
display:block;
margin:2px 0px 10px 0px;
background:none;
border:none;
padding:4px 2px;
font-size:11px;
}

#user-details input.button{
}

#user-details h4 {
text-decoration:underline;
font-size:19px;
}

#user-details span {
color:#c45052;
font:22px Georgia, "Times New Roman", Times, serif;
position:relative;
left:-4px;
}

#user-details .left {
float:left;
margin-right:10px;
}

#user-details .right{
float:right;
margin-left:10px;
}

#user-details .post {
width:300px;
}

/**** delivery address ****/

.address-btns {
width:400px;
position:relative;
top:-10px;
}

.address-btns div{
float:right;
margin-right:10px;
}

p.choose-address {
position:relative;
top:10px;
margin:0;
padding:0;
font-weight:normal;
text-decoration:underline;
}

/**** confirmation address ****/

#user-details select.date {
width:auto;
padding:2px;
}

.blue-box {
background:#f6f9fa;
border:1px solid #cce3f2;
padding:10px;
margin-bottom:15px;
width:420px;
}

.blue-box2 {
background:#f6f9fa;
border:1px solid #cce3f2;
padding:10px;
margin:5px 0;
}

#user-details input.tc{
width:auto;
}

.confirm {
font-size:12px;
color:#000;
font-weight:bold;
margin:5px 0;
}


p.user-default {
font:bold 14px Verdana, Geneva, sans-serif;
margin:0 0 10px 0;
padding:0;
text-decoration:underline;
}

/*** view order **/
a.view-btn {
float:right;
width:62px;
height:19px;
background:url(../_images/view-order.jpg);
line-height:1000px;
overflow:hidden;
margin-bottom:8px;
}

a.view-btn a:hover {
background:url(../_images/view-order.jpg) no-repeat /*0 -94px */;
}

.uorder {
float:left;
width:190px;
}


/***********************
*   order confirmation *
***********************/

.order-number {
background:#f6f9fa;
border:1px solid #cce3f2;
padding:15px;
font-family: Georgia, Century, Arial, sans-serif;
font-size:17px;
float:left;
margin:10px 0;
}

.dashed {
border:2px dashed #626262;
background:#f6f6f6;
padding:10px;
font:12px Arial, Helvetica, sans-serif;
}


.paid {
color:#52ae2a;
}

.failed {
color:#cb1d1d;
}

.not-paid {
text-decoration:line-through;
}

.warning {
color:#dc1616;
background:#faf3f3;
padding:10px;
border:1px solid #dc1616;
font:bold 14px Arial, Helvetica, sans-serif;
width:85%;
}

#payment-type {
}

#payment-type .options{
border:1px solid #c7c7c7;
float:left;
padding:7px;
margin-right:10px;
text-align:center;
}

#payment-type .options img{
margin-bottom:20px;
}

.delivery { /* delivery text feild */
width: 255px;
height:155px;
margin:5px 0 0 0;
font:12px Arial, Helvetica, sans-serif;
}

.delivery2 { /* delivery text*/
width: 255px;
height:130px;
margin:5px 0 0 0;
font:12px Arial, Helvetica, sans-serif;
}

.message {
width: 200px;
height:100px;
margin:5px 0 0 0;
font:12px Arial, Helvetica, sans-serif;
}

.left-checkout {
float:left;
margin-right:10px;
}

.checkout-w {
width:270px;
}

/***********************
*    user pages  *
***********************/

#user-nav {
margin:20px 0;
border-bottom:1px solid #d0d0d0;
padding-bottom:20px;
}

#user-nav ul{
margin:0;
padding:0;
}

#user-nav ul li{
margin:0;
padding:0;
list-style-type:none;
float:left;
margin-right:10px;
}

#user-nav ul li a span{
display:block;
background:#f1f0ef;
border-bottom:1px solid #796c67;
border-top:1px solid #796c67;
padding:5px 4px;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
color:#303030;
position:relative;
top:55px;
text-align:center;
}

#user-nav ul li a,
#user-nav ul li a:visited,
#user-nav ul li a:active {
display:block;
width:80px;
height:80px;
text-decoration:none;
border:1px solid #fff;
padding:5px;
}

#user-nav ul li a:hover {
border:1px dashed #b8b8b8;
}

a.user-detail{background:url(../_images/user-icon-detail.gif) no-repeat top;}
a.user-address{background:url(../_images/user-icon-address.gif) no-repeat top;}
a.user-saved{background:url(../_images/user-icon-saved.gif) no-repeat top;}
a.user-history{background:url(../_images/user-icon-history.gif) no-repeat top;}
a.user-logout{background:url(../_images/user-icon-logout.gif) no-repeat top;}
a.user-coupons{background:url(../_images/user-icon-coupons.gif) no-repeat top;}

.b-box-user {
width:525px;
}

.row-c {
font:bold 14px Georgia, "Times New Roman", Times, serif;
}

.row-c strong{
font:12px Arial, Helvetica, sans-serif;
}

.refer{
float:right;
position:relative;
top:-40px;
margin-bottom:-40px;
margin-right:10px;
}

.wishlist-y {
position:relative;
top:10px;
text-align:center;
}

/***********************
*    defaults   *
***********************/

.form{
display:block;
margin:2px 0px 10px 0px;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
width:200px;
padding:4px 2px;
font-size:11px;
}

.center {text-align:center;}

.bold {
font:bold 14px Arial, Helvetica, sans-serif;
margin:20px 0;
}


/***********************
*  contact *
***********************/

.contact-left {
float:left;
width:280px;
margin-top:20px;
}

.contact-right {
float:right;
width:330px;
background:url(../_images/divider-vertical.gif) no-repeat top left;
padding-left:30px;
margin-top:10px;
}

.blue-box-auto {
background:#f6f9fa;
border:1px solid #cce3f2;
padding:10px;
margin-bottom:15px;
line-height:20px;
}

/***********************
*      gallery         *
***********************/

.gallery h4 {
font-family: Georgia, Century, Arial, sans-serif;
font-size:22px;
color:#000;
margin:10px 0px;
font-weight:normal;
}

/**** pagination styles ****/

h3.gallery {
float:left;
}

h3.gallery-browse {

float:left;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
}

.pagination-block {
margin:10px 10px 10px 0;
float:right;
color:#003366;
font-size:12px;
float:right;
}

.pagination-block ul {
margin:0;
list-style-type:none;
float:left;
}

.pagination-block ul li {
float:left;
border:1px solid #d3d4cc;
margin-left:5px;
border:1px solid #C4C4C4;
font:bold 12px Georgia, "Times New Roman", Times, serif;
}

.pagination-block ul li a,
.pagination-block ul li a:active,
.pagination-block ul li a:visited{
float:left;
text-decoration:none;
color:#5089b4;
font:12px Georgia, "Times New Roman", Times, serif;
display:block;
background:url(../_images/pagination.gif) repeat-x bottom #fff;
height:20px;
padding:0px 4px;
line-height:18px;
}

.pagination-block ul li a:hover {
display:inline;
background:#e5ecf2;
}

.pagination-block ul li.here {
color:#cf8e8e;
height:25px;
padding:0px 6px;
line-height:18px;
border:none;
}

.pagination-block ul li a img{
margin-top:6px;
text-align:center;
}

.pagination-top {
margin:-20px 10px 0px 0;
position:relative;
top:40px;
width:auto;
float:right;
color:#003366;
font-size:12px;
}

.pagination-pages {
display:none;
}

.buy {
float:right;
position:relative;
top:-62px;
left:-10px;
}

/***********************
*    buy art buttons   *
***********************/

/*** buy art button **/
#buy-art {
float:right;
position:relative;
margin-bottom:-50px;
top:-50px;
left:-10px;
display:block;
}

#buy-art a, #buy-art a:active, #buy-art a:visited{
background:url(../_images/art-for-sale.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
}

#buy-art a:hover {background:url(../_images/art-for-sale.gif) no-repeat 0 -94px;}

/*** how to order  **/
#buy-order {
float:right;
position:relative;
margin-bottom:-50px;
top:-50px;
left:-10px;
display:block;
}

#buy-order a, #buy-order a:active, #buy-order a:visited{
background:url(../_images/art-how-to-order.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
}

#buy-order a:hover {background:url(../_images/art-how-to-order.gif) no-repeat 0 -94px;}


/*** enter gallery **/
#buy-enter-gallery {
float:right;
position:relative;
display:block;
}

#buy-enter-gallery a, #buy-enter-gallery a:active, #buy-enter-gallery a:visited{
background:url(../_images/art-enter-gallery.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
}

#buy-enter-gallery a:hover {background:url(../_images/art-enter-gallery.gif) no-repeat 0 -94px;}


/*** order now button - detail page  **/
#buy-art-detail {
float:right;
position:relative;
display:block;
}

#buy-art-detail a, #buy-art-detail a:active, #buy-art-detail a:visited{
background:url(../_images/art-gallery-order-now.jpg) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
}

#buy-art-detail a:hover {background:url(../_images/art-gallery-order-now.jpg) no-repeat 0 -94px;}

/*** commisioned  - order now **/

#buy-now {
float:right;
display:block;
}

#buy-now a, #buy-now a:active, #buy-now a:visited{
background:url(../_images/art-order-now.gif) no-repeat top;
width:196px;
height:95px;
overflow:hidden;
display:block;
line-height:1000px;
}

#buy-now a:hover {background:url(../_images/art-order-now.gif) no-repeat 0 -94px;}

.bn-art { /* position of buy art button */
position:relative;
left:-10px;
top:-110px;
}

.bn-com {  /* position of buy art button */
position:relative;
left:-10px;
top:-155px;
}


/** additional text styles **/
.notice-border {
border-top:1px dashed #b4b0a9;
border-bottom:1px dashed #b4b0a9;
padding:15px 0;
}

.blue-bold {color:#607bb2;font:bold 16px Georgia, "Times New Roman", Times, serif;}
.blue-bold-m {color:#607bb2;font-weight:bold;}
.blue-m {color:#607bb2;}
.pink-bold-m {color:#e36e71;font-weight:bold;}
.green-bold-m {color:#449721;font-weight:bold;}
.black-bold {color:#6e6e6e;font-weight:bold; font-size:14px;}

/**** round list bullets ****/

.li-circle {}

.li-circle ol{
padding:0;
margin:0;
}

.li-circle li{
font:bold 17px Georgia, "Times New Roman", Times, serif;
color:#000;
padding:6px 0;
}

.li-circle li span{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
}

/* positions block elements */

/**** commissioned pages ****/

a.watch-video,
a.watch-video:active,
a.watch-video:visited {
float:right;
font:14px Georgia, "Times New Roman", Times, serif;
color:#000;
display:block;
background:url(../_images/watch-video.png) no-repeat left;
height:34px;
line-height:30px;
padding-left:35px;
}

a.watch-video:hover{
color:#e29541;
}

.wvp { /* watch video position*/
position:relative;
right:-180px;
}

.cap { /* image position */
position:relative;
top:-20px;
}

.btn-pos { /* button position*/
float:right;
position:relative;
top:-10px;
left:-15px;
margin-bottom:-50px;
}

.tx-area {
width:275px;
height:150px;
}

.cart1 {
position:relative;
top:-15px;
padding-bottom:15px;
border-bottom:1px dashed #696154;
}

.cart2 {
width:70%;
}

.upload {
margin-left:10px;
}

/***********************
select artwork type
***********************/

.ill-details {
border-bottom:1px solid #d0d0d0;
height:60px;
padding:0;
margin:0;
}

.ill-details span{
position:relative;
top:10px;
}

.art-type-l {
float:left;
width:310px;
}

.art-type-r {
float:right;
width:310px;
}

.br{  /*right float button */
float:right;
position:relative;
top:-15px;
}

.photo {
display:block;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:5px;
background:#f6f4f0;
border:1px solid #d2d2d2;
}

/***********************
*   search   *
***********************/

.search-tb {
position:relative;
top:-20px;
margin-bottom:-20px;
left:0px;
width:600px;
}

.search-item {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #d0d0d0;
}

.search-item-end {
padding-bottom:10px;
margin-bottom:10px;
}

.search-item-end {
padding-bottom:10px;
margin-bottom:10px;
}

.search-icon{
float:left;
width:120px;
margin-right:10px;
text-align:center;
}

.search-item-detail {
float:left;
}

#search-results h4 {
font:bold 14px Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
color:#000;
}

/*#search-results a:visited Removed*/
#search-results h4 a {
/*#search-results a:active{*/
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#000;
}

#search-results h4 a:hover {
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#e77801;
}

/***********************
*   helpful hints  *
***********************/

#article-list {
margin-top:40px;
}

#list-no {
float:left;
background:url(../_images/list-number.gif) no-repeat center top;
font-family: "Georgia", Century, Arial, sans-serif;
padding:0px 0px;
width:85px;
border:1px solid #fff;
text-align:center;
color:#000;
font-size:22px;
margin-right:7px;
min-height:50px;
}

.list-date {
font:10px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:25px 0;
}

/*HOVER BLOCK*/

#list-block {
margin:0;
padding:0;
width:530px;
border-bottom:1px dotted #d8d6c6;
border-left:1px dotted #d8d6c6;
border-right:1px dotted #d8d6c6;
float:left;
margin-left:7px;
margin-bottom:20px;
}

#list-block ul {
list-style-type: none;
margin:0;
padding:0;
width:auto;
}

#list-block li {
margin: 0;
padding:0;
}

#list-block li a {
color: #000000;
display: block;
padding:0px 10px 5px 10px;
margin:0;
text-decoration: none;
text-align:left;
background:url(../_images/list-block.gif) repeat-x bottom;
border:1px solid #fff;
font-size:11px;
}

* html #listblock li a {  /* make hover effect work in IE */
width:auto;
display:block;
}

#list-block li a:hover {
background:url(../_images/list-block-hover.gif) repeat-x bottom;
width:auto;
display:block;
}

.list-txt {
color:#f8931d;
margin:10px 10px 10px 0px;
text-decoration:underline;
text-align:right;
}

h3.list-h {
color:#52ae2a;
font-size:18px;
margin:0px 0px 10px 0;
}

/*ARTICLE PAGE*/

.article-left {
margin-top:20px;
}

#article-right{
background:url(../_images/divider-vertical.gif) no-repeat top left;
float:right;
width:245px;
text-align:center;
margin: 0 auto;
margin:0px 0px 10px 10px;
min-height:250px;
padding-left:30px;
}

#article-right div {
text-align:center;
margin: 0 auto;
margin-top:15px;
}

#article-right a img,
#article-right img {
margin-top:10px;
}

/***********************
error 404
***********************/

#error404 {
padding-bottom:25px;
border-bottom:2px dashed #8b8b8b;
}

#error404 ul li{
line-height:17px;
padding:7px 0;
}

#error404 img{
float:right;
position:relative;
margin:-10px 40px 0px 0px;
}

#error404 div{
position:relative;
}

/***********************
survey
***********************/

#user-details h5 {
font:bold 14px Arial, Helvetica, sans-serif;
border:0;
background:none;
color:#000;
text-decoration:underline;
}

.survery-suggestions {
width:485px;
height:100px;
font:12px Arial, Helvetica, sans-serif;
}

/***********************
blog
***********************/

.blog-list {
margin-top:30px;
}

.blog-list-img {
float:left;
width:145px;
vertical-align: middle;
display: table;
margin-right:10px;
}

.blog-list-img a{
display:table-cell;
height:135px;
vertical-align:middle;
}

.blog-list-box {
float:left;
border-bottom:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
padding:2px;
width:490px;
}

.blog-list-detail {
background:url(../_images/list-block.gif) repeat-x bottom;
padding:0 10px 10px 10px;
}

.blog-list-detail p{
margin:0;
padding:10px 0px 0 0px;
}

.blog-list-detail h4 {
margin:0;
font:17px Georgia, "Times New Roman", Times, serif;
padding-bottom:7px;
}

.blog-list-detail h4 a,
.blog-list-detail h4 a:active,
.blog-list-detail h4 a:visited {
margin:0;
font:17px Georgia, "Times New Roman", Times, serif;
color:#52ae2a;
text-decoration:none;
border-bottom:1px solid #d0d0d0;
display:block;
padding-bottom:5px;
}

.blog-list-detail h4 a:hover{
color:#000;
}

.blog-post-cat {
font-size:11px;
border-bottom:1px solid #d0d0d0;
padding-bottom:0px;
line-height:22px;
}

.blog-post-cat .det{
float:left;
width:360px;
}

.blog-post-cat .cm{
float:right;
}

.blog-post-cat .cm-no{
background:url(../_images/comments.jpg) no-repeat;
height:23px;
width:32px;
display:block;
float:right;
text-align:center;
float:right;
margin-left:5px;
line-height:20px;
margin-bottom:5px;
}


#post {
background:url(../_images/post-shadow.jpg) no-repeat bottom;
padding-bottom:40px;
}

.comment-input {
width:300px;
height:90px;
font:12px Arial, Helvetica, sans-serif;
}

.post {
width:300px;!important
height:70px;
}

/***********************
testimonial
***********************/

.testimonial-list {
margin-top:30px;
}

.testimonial-list-img {
float:left;
width:145px;
max-height:150px;
overflow:hidden;
vertical-align: middle;
display: table;
margin-right:10px;
display:table-cell;
height:135px;
vertical-align:middle;
}


.testimonial-list-img a{
}

.testimonial-list-box {
float:left;
border-bottom:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
padding:2px;
width:490px;
}

.testimonial-list-detail {
background:url(../_images/list-block.gif) repeat-x bottom;
padding:0 10px 20px 10px;
}

.testimonial-list-detail p{
margin:0;
padding:10px 0px 0 0px;
}

.testimonial-list-detail h4 {
margin:0;
font:17px Georgia, "Times New Roman", Times, serif;
color:#52ae2a;
text-decoration:none;
border-bottom:1px solid #d0d0d0;
display:block;
padding-bottom:7px;
}

.testimonial-list-detail h4 a,
.testimonial-list-detail h4 a:active,
.testimonial-list-detail h4 a:visited {
}

.testimonial-list-detail h4 a:hover{
color:#000;
}

.testimonial-post-cat {
font-size:11px;
border-bottom:1px solid #d0d0d0;
padding-bottom:0px;
line-height:22px;
}

.testimonial-post-cat .det{
float:left;
width:360px;
}

.testimonial-post-cat .cm{
float:right;
}

.testimonial-post-cat .cm-no{
background:url(../_images/comments.jpg) no-repeat;
height:23px;
width:32px;
display:block;
float:right;
text-align:center;
float:right;
margin-left:5px;
line-height:20px;
margin-bottom:5px;
}

.testimonial-date{
	float: right;
	color:#52AE2A;
}

/*** user comment block **/

#user-comments {
width:90%;
padding-bottom:20px;
}

#user-comments li{
background:url(../_images/blog-comments.gif) repeat-x top ;
list-style-image:url(../_images/blog-comment-icon.gif);
}

#user-comments li span.name{
display:block;
padding-top:20px;
color:#5a94bf;
font-weight:bold;
}

#user-comments li span.name a,
#user-comments li span.name a:active,
#user-comments li span.name a:visited {
color:#5a94bf;
text-decoration:none;
}

#user-comments li span.name a:hover {
color:#000;
}

#user-comments p {
margin:5px 0;
padding:0;
}

/***********************
FAQ
***********************/

#faq {}

#faq a.qu,
#faq a.qu:visited,
#faq a.qu:active{
color:#5c5c5c;
font:bold 17px Arial, Helvetica, sans-serif;
text-decoration:none;
border-bottom:1px solid #d7d7d7;
margin:5px 0 5px 0;
padding:10px 0 0 0;
display:block;
line-height:27px;
}

#faq a.qu:hover {
color:5c5c5c;
background:url(../_images/faq-bg.jpg) repeat-x bottom;
}

.ans {
width: 600px;
background: #fff;
margin-top:10px;
padding-left:25px;
}

.expand {
float:right;
margin-bottom:0px;
position:relative;
top:10px;
margin-top:-10px;
}

.expand a,
.expand a:visited,
.expand a:active{
color:#000;
line-height:17px;
text-decoration:none;
}

.expand a:hover {
color:#e77801;
text-decoration:none;
}

.expand img {
margin-right:5px;
position:relative;
top:5px;
}


/***********************
*    defaults   *
***********************/

.clear {clear: both;}
.spacer {height:10px;}
img {border:0;}

.form{
display:block;
background:#f6f6f6;
border-top:1px solid #bbbbbb;
border-left:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
border-right:1px solid #eeeeee;
font:12px Arial, Helvetica, sans-serif;
}

.center {text-align:center;}

.bold {
font:bold 14px Arial, Helvetica, sans-serif;
margin:20px 0;
}

.question {
width:23px;
display:inline;
position:relative;
top:5px;
}

.question2 {
float:right;
position:relative;
top:-10px;
}

.question2 {
float:right;
position:relative;
top:0px;
}
/***********************
wedding table
***********************/

#wedding-table table.prices{
border-collapse:collapse;
padding:1px;
width:100%;
width:645px;
border:1px solid #c0c0c0;
background:url(../_images/table-bg.jpg) repeat-x top;
margin:0px 0px 10px 0;
}

#wedding-table table.prices td{
border-collapse:collapse;
border:1px solid #c0c0c0;
padding:5px;
}

/*top row */

#wedding-table table.prices tr.top td{
background:#e2eceb;
border:0;
font:14px Georgia, "Times New Roman", Times, serif;
color:#285651;
padding:0;
}

#wedding-table table.prices tr.top td div{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:5px 0px;
}

#wedding-table table.prices tr.top td div.left{
border-left:2px solid #fff;
padding-left:5px;
}

#wedding-table table.prices tr.top td div.right{
border-right:2px solid #fff;
padding-right:5px;
}


#wedding-table h3{
position:relative;
top:0px;
font-size:28px;
margin-top:30px;
}

#wedding-table div.img-w img{
float:left;
margin-bottom:10px;
}


#wedding-table .w-heading  {
width:645px;
}

#wedding-table .leftbtn {
float:left;
}

#wedding-table p.info{
float:left;
position:relative;
border:1px dashed #c0c0c0;
padding:5px;
margin-top:0px;
width:635px;
}

.btt {
float:right;
position:relative;
margin:10px 15px 0px 10px;
}

/***********************
Artist Profile
***********************/

.artist-profile {
padding-bottom:10px;
}

.artist-pol {
width:182px;
height:191px;
padding:0;
margin:0;
overflow:hidden;
float:left;
}

.artist-pol img, /*removes ie whitespace */
.artist-pol div img{
display:block;
}

.artist-pol div {
position:relative; top: -191px;
}

.artist-des {
float:left;
width:425px;
margin-left:15px;
}

.art-hr {
border-bottom:1px solid #d0d0d0;
margin-bottom:0px;
padding-bottom:30px;
}

.art-sh {
float:left;
padding-top:10px;
text-align:center;
background:url(../_images/illustration-bg.jpg) no-repeat top left;
height:162px;
overflow:hidden;
width:205px;
padding-bottom:0;
margin-top:10px;
}
/***********************
Team Member Profile
***********************/

.team-member-profile {
padding-bottom:10px;
}

.team-member-pol {
width:182px;
height:191px;
padding:0;
margin:0;
overflow:hidden;
float:left;
}

.team-member-pol img, /*removes ie whitespace */
.team-member-pol div img{
display:block;
}

.team-member-pol div {
position:relative; top: -191px;
}

.team-member-des {
float:left;
width:425px;
margin-left:15px;
}

.tm-hr {
border-bottom:1px solid #d0d0d0;
margin-bottom:0px;
padding-bottom:30px;
}

.tm-sh {
float:left;
padding-top:10px;
text-align:center;
background:url(../_images/illustration-bg.jpg) no-repeat top left;
height:162px;
overflow:hidden;
width:205px;
padding-bottom:0;
margin-top:10px;
}
/***********************
Links Page
***********************/

.link {
border-bottom:1px solid #d0d0d0;
padding-bottom:10px;
margin-bottom:10px;
}

.link img {
float:left;
padding:5px;
background:#fff;
border:1px solid #c8c8c8;
display:block;
}

.link-det{
float:left;
width:340px;
margin-left:10px;
}


.link-det h3,
.link-det h3 a,
.link-det h3 a:visited,
.link-det h3 a:active {
font-size:17px;
margin:0 0 5px 0;
padding:0 0 0 0;
float:none;
color:#85b072;
}

.link-det h3 a:hover {
color:#000;
}

.link-det a{
display:block;
float:right;
margin-top:5px;
}


/***********************
Pages
***********************/

#press a{
float:left;
text-decoration:none;
color:#707070;
font:11px/18px Georgia, "Times New Roman", Times, serif;
margin-bottom:20px;
}

#press a:hover{
color:#bababa;
}

#press span{
display:block;
position:relative;
left:15px;
margin-right:20px;
}

#special-offer {
border:1px solid #c7c7c7;
float:left;
padding:5px;
font:11px Arial, Helvetica, sans-serif;
line-height:17px;
margin:10px 0;
background:#f5f4ee;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#special-offer h3{
margin:0;
font-size:16px;
color:#709d5c;
font-weight:bold;
}

#special-offer p{
margin:5px 0;
}

#special-offer p.white{
margin:0;
background:#fff;
padding:5px;
margin:5px 0;
border:1px solid #c7c7c7;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#special-offer span{
letter-spacing:1px;
}

/***********************
default links
***********************/

a, a:visited, a:active{
color:#e77801;
}

a:hover {
color:#000000;
}

a.plain,
a.plain:active
a.plain:visited{
color:#000000;
text-decoration:underline;
}

a.plain:hover{
color:#787878;
text-decoration:underline;
}

/* Gary's styles added 20/10/2009 */

.mac.ff2 #preview-pane.portrait{
	top:3px;
	left:80px;
}

.mac.ff3 #preview-pane.portrait{
	top:3px;
	left:80px;
}

/* Jon's styles added 10/05/2010 */
.noflash {
	width: 100%;
	text-align: center;
}