/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

html { background: #efe5db url(/images/heartfelt/bg_html.jpg) repeat center; }
body {
	font: .75em/1.33 Georgia,serif;
	color:#666;
	margin: 0;
	padding: 0;
	background: url(/images/heartfelt/bg_body.jpg) no-repeat top;
}

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

h1, h2, h3, h4, h5 {
	margin:0 0 15px;
	color: #3D3651;
}

h1 {
	font-weight: normal;
	font-size: 2.33em;
	color: #6b0207;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0efed;
	margin-bottom: 20px;
}

h1 em.tagged_with, h2 em.tagged_with{
  font-style:italic;
  text-transform:none;
}

h1 span { font-size: .5em; margin-left: 10px; }

h2 {
	font-weight: normal;
	font-size: 1.33em;
}

h2.hdr_total_items{
  float:left;
}

h3 {
	font-weight: normal;
	font-size: 1.17em;
}

h4{
	
}

h5{
	
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p { margin:0 0 10px; }
p.date { font-size: .91em; }
p.meta { font-style: italic; }
p.standfirst { font-size: 1.33em; color: #3D3651; }
p.intro { font-size: 1.17em; }
p.info { margin: 0 15px 20px 20px; font-size: 1.33em; font-style: italic; color: #999; }

em { font-style: normal; text-transform: uppercase; }

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin: 0 0 10px 30px;
	padding: 0;
}

.nav_next_previous {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:519px;
}

#back_to_search_results {
float:left;
width:420px;
}

.nav_next_previous li.more {
float:right;
}

.nav_next_previous li.more a
{
	font-weight: normal !important;
	
}

.nav_next_previous li {
float:left;
margin:0;
}

ol ol li{
  list-style-type: lower-roman;
}


/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.17em;
	zoom: 1;
}

dt{
	clear:left;
	float:left;
	width:110px;
	margin: 0 5px 12px 0;
}
	
dd {
	margin: 0 0 12px 115px;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img { border:0; }

a { color:#d7296b; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }

.more a { padding-right: 15px; background: url(/images/heartfelt/bg_more.png) no-repeat right; font-weight: bold; }
.back a { padding-left: 15px; background: url(/images/heartfelt/bg_back.png) no-repeat left; }

#skiplinks {
  position:absolute;
	margin: 0;
	list-style: none;
}

#skiplinks a {
	border: 1px solid #665;
	background: #fff;
	padding: 7px 5px;
	position: absolute;
	top: 10px;
	left: -9999px;
	font-size: 1.3em;
	font-weight: bold;
	z-index: 10;
}
#skiplinks a:focus, #skiplinks a:active {
	left: 20px;
	text-decoration: none;
	border-color: #666; /* IE requires a border-color change (!?) for this to work */
}

.thumb { border: 1px solid #c0c0c0; padding: 2px;}

/*images */
.images { margin: 0 0 18px; padding: 20px; list-style: none; clear: both; background: #f7f5ec; zoom: 1; }
.images::after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
.images li { float: left; border: 1px solid; border-color: #fff #c2c2c2 #c2c2c2 #fff; background: #fff; width: 120px; padding: 9px 9px 11px; margin: 0 0 8px 11px; position: relative; _display:inline; /* :hack: double margin fix in ie6 */ }
.images li.row_leader { margin-left: 0; clear: left; }
.images img { display: block; margin: 0 0 10px; }
.images h2 { margin: 6px 0 3px; }
.images p { margin: 0; font-size:0.92em;}
.images .add { position: absolute; bottom: 9px; right: 9px; }
.images .add img { margin: 0; }
.images .sold a { color: #00a99d; }
.images .sold .note { position: absolute; left: 9px; top: 9px; padding: 1px; font-size:0.8em; color: #fff; background: #00a99d; }
.images .recently_processed_tab {position:absolute; top:9px; right:9px;}
#body_artist .images .recently_processed_tab, #body_collection .images .recently_processed_tab, .body_account #multi_image_lightbox .images .recently_processed_tab{right:12px;}
.images .recently_processed_tab img{border:none;}

/* pagination */
.filter_letter {width: 710px;}

.pagination { float: right; font: .91em Arial, sans-serif; margin: 0 0 18px 10px; }
.pagination span, .pagination a { margin-left: 2px; float: left; height: 1.7em; padding: 0 7px; text-align: center; line-height: 1.7em; }
.pagination span.current { background: #80a720; color: #fff; }
.pagination a { background: #f7f5ec; color: #80a720; }
.pagination .disabled { display: none; }

/* tabs */
.tabs { border-bottom: 1px solid #d4cec6; margin: 0 0 15px; zoom: 1; }
.tabs:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.tabs li { float: left; margin: 0 0 0 10px; list-style: none; }
.tabs li.first { margin-left: 0; }
.tabs a { display: block; padding: 10px 12px; width: 206px; color: #3D3651; background: #fef6d1 url(/images/heartfelt/bg_tab.png) no-repeat top; position: relative; top: 1px; border-bottom: 1px solid #d4cec6; }
.tabs .on a { background-color: #fff; background-image: url(/images/heartfelt/bg_tab_on.png); border-bottom-color: #fff; }

.filter_letter span, .filter_letter a
{
	padding: 3px 8px !important;
	background: #ffebed;
	color: #af2434;
}
.filter_letter
{
	padding-left: 5px;
}
.filter_letter span.current
{
	color: #ffebed;
	background: #af2434;
}

.letter_inactive
{
	background: #f7f7f7 !important;
    color: #bfbfbf !important;
}

.first_letter
{
	margin-left: 5px;
}

#pdf_templates li{ 
  width: 100px;
}

#pdf_templates p {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}