html, body {height: 100%;}
BODY { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; padding: 0; margin: 0; }
TD, TR { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; }
H1 { font-size: 11pt; font-weight: bold }
blockquote { text-align: justify; margin: 10px 0 10px 15px; padding-right: 35px; padding-left: 10px; border-left: 3px solid #DDEF43 }
.main_table_border { min-width: 900px; max-width: 900px; border-right: 2px solid #000000; border-left: 2px solid #000000; }
.pic_outline { border: solid 1px #dcd7cb; }
.underline { border-bottom: 1px solid #dcd7cb; border-right-style: solid; }
.hero_bkg { background-color: #fbf9fa; min-width: 300px; min-height: 210px; border: solid 1px #dcd7cb; }
.thumb_bkg { background-color: #fbf9fa; border: solid 1px #dcd7cb; }
.also_bought_bkg { background-color: #fbf9fa; padding: 7px; border: solid 1px #dcd7cb; }
.header_bkg { background: url(http://www.shopmattersoftheheart.com/images/header_bkg.jpg) no-repeat; }
.middle_bkg { background-color: #fff; background-image: url(images/bkg_mid.gif); background-repeat: repeat-y; }
.buttonRight{ float: right; margin-right: 40px; }
/* Text */
.artist_name { color: #333; font-size: 12pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 12pt; }
.artist_numbers { color: #b4985a; font-size: 8pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; padding-right: 4px; padding-left: 2px; }
.left_column_text { color: #666; font-size: 10pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.3em; vertical-align: top ; padding-right: 15px; padding-left: 15px; }
.testimonial { color: #00512f; font-size: 10pt; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-right: 35px; padding-left: 25px; vertical-align: middle; }
.left_column_text_np { color: #666; font-size: 10pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.3em; vertical-align: top ; }
.available_text_pad { padding-top: 7px; padding-right: 20px; padding-bottom: 7px; }
.special_text { font-size: 18pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 24px; vertical-align: top; padding-top: 4px; padding-left: 25px; }
.sidebar_right { color: #7d664d; font-size: 10pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; line-height: 1.3em; padding-top: 4px; padding-left: 15px; vertical-align: top; padding-right: 15px; }
.sidebar_historic { color: #7d664d; font-size: 10pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.3em; padding-top: 4px; padding-right: 15px; padding-left: 15px; vertical-align: top; }
.bought_from { color: #b4985a; font-size: 10pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding-right: 20px; padding-bottom: 3px; padding-left: 20px; }
.TextHeaders { color: #b4985a; font-size: 11pt; font-weight: bold; }
.phone_number { color: #666; font-size: 13pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-align: right; vertical-align: bottom; padding-top: 25px; padding-right: 25px; padding-bottom: 13px; }
.address { color: #00512f; font-size: 10pt; letter-spacing: 0.5px; }
.address_contact_page { font-size: 14pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; padding: 50px 25px 5px 75px; }
.error {color: red; font-size: 8pt;}
.stat_off { color: #bf2911; }
.stat_on { color: #00512f; }
.right_column { padding-left: 10px; }
.right_column img {
border: none;
}
#artist_list, #artist_list li {
padding: 0;
margin: 0;
}
#artist_list {
list-style: none;
}
#artist_list li {
float: left;
height: 170px;
width: 205px;
}
#artist_list li div {
border: 1px solid #000000;
width: 180px;
height: 123px;
overflow: hidden;
float: left;
text-align: center;
}
#artist_list a.artist_list_link {
color: #000000;
font-size: 12px;
text-decoration: none;
float: left;
clear: left;
padding-top: 5px;
}
#artist_list a.artist_list_link:hover {
color: #00512E;
}
.arrow_scroll, .back_to_artists {
color: #808080;
font-size: 10px;
font-weight: bold;
}
.back_to_artists {
line-height: 10px;
}
.back_to_artists:hover {
text-decoration: none;
}
.arrow_scroll {
text-decoration: none;
font-size: 12px;
}
/* contact form */
.home_contact_form td {
font-weight: bold;
font-size: 9pt;
}
.contact_form_smaller {
font-size: 7pt;
}
.home_contact_form input, .home_contact_form textarea {
background-color: #F4EDE7;
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 12px;
width: 200px;
}
.contact_form_submit {
width: 50px;
}
/* Events */
.event_date { color: #b4985a; font-size: 9pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding-bottom: 3px; }
.event_title { color: #b4985a; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11pt; }
.event_desc { font-size: 9pt; padding-top: 7px; }
.img_outline { border: solid 1px #000000; }
.unit_header { font-size: 11pt; font-weight: bold; }
.unit_divider { padding-right: 50px; border-top: 1px solid #d0d0d0 }
/* Links */
.menu_line { margin-right: 25px; border-left: 1px solid #666; padding: 0 0 5px 5px; }
.menu_line_noline {margin-right: 25px; padding: 0 0 5px 5px;}
.menu_hlite_on { background-color: #1b1464; }
.menu_hlite_off { background-color: #b4985a; }
.menu { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; }
a.menu:link { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; padding-right: 25px; display: block; }
a.menu:visited { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; padding-right: 25px; }
a.menu:hover { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; background-image: url(images/icon_moh.gif); background-repeat: no-repeat; background-position: right 0; text-decoration: none; padding-right: 25px; display: block; }
a.menu:active { color: #666; font-size: 11pt; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; padding-right: 25px; }
.menu_hidden { color: #666; font-size: 11pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; visibility: hidden; }
a.menu_hidden:link { color: #666; font-size: 11pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; visibility: hidden; padding-right: 25px; display: block; }
a.menu_hidden:visited { color: #666; font-size: 11pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; visibility: hidden; padding-right: 25px; }
a.menu_hidden:hover { color: #666; font-size: 11pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; background-image: url(images/icon_moh.gif); background-repeat: no-repeat; background-position: right 0; text-decoration: none; visibility: hidden; padding-right: 25px; display: block; }
a.menu_hidden:active { color: #666; font-size: 11pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; text-decoration: none; visibility: hidden; padding-right: 25px; }
.mail { color: #900; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
a.mail:link { color: #900; font-size: 9pt; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
a.mail:visited { color: #900; font-size: 9pt; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
a.mail:hover { color: #900; font-size: 9pt; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; letter-spacing: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
a.mail:active { color: #900; font-size: 9pt; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; letter-spacing: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
.bodylink { color: #b4985a; text-decoration: underline }
a.bodylink:link { color: #b4985a; text-decoration: underline }
a.bodylink:visited { color: #b4985a; text-decoration: underline }
a.bodylink:hover { color: #b4985a; text-decoration: none }
a.bodylink:active { color: #b4985a; text-decoration: none }
.bodylinkgreen { color: #b4985a; text-decoration: underline }
a.bodylinkgreen:link { color: #b4985a; text-decoration: underline }
a.bodylinkgreen:visited { color: #b4985a; text-decoration: underline }
a.bodylinkgreen:hover { color: #00512f; text-decoration: none }
a.bodylinkgreen:active { color: #00512f; text-decoration: none }
.bodylink2 { color: #b4985a; text-decoration: none }
a.bodylink2:link { color: #b4985a; text-decoration: none }
a.bodylink2:visited { color: #b4985a; text-decoration: none }
a.bodylink2:hover { color: #b4985a; text-decoration: underline }
a.bodylink2:active { color: #b4985a; text-decoration: underline }
.more_link { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; }
a.more_link:link { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline }
a.more_link:visited { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline }
a.more_link:hover { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }
a.more_link:active { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }
.artistlink { color: #947d4a; text-decoration: underline }
a.artistlink:link { color: #947d4a; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artistlink:visited { color: #947d4a; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artistlink:hover { color: #f4ecdd; background-color: #00512f; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artistlink:active { color: #f4ecdd; background-color: #00512f; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
.artist_boughtlink { color: #000; font-size: 9pt; text-decoration: none }
a.artist_boughtlink:link { color: #000; font-size: 9pt; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artist_boughtlink:visited { color: #000; font-size: 9pt; text-decoration: none ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artist_boughtlink:hover { color: #000; font-size: 9pt; text-decoration: underline ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
a.artist_boughtlink:active { color: #000; font-size: 9pt; text-decoration: underline ; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; display: block; }
.tweet_title { font-family: Arial, Helvetica, san-serif; color: #808080; text-decoration: none; font-size: 10pt; float: left;}
/* on-off links in artist list */
a.off:link { color: #bf2911; }
a.off:hover { color: #0199D3; }
.footer { color: #b4985a; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; }
a.footer:link { color: #b4985a; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }
a.footer:visited { color: #b4985a; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }
a.footer:hover { color: #b4985a; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline }
a.footer:active { color: #b4985a; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline }
/* admin links */
.adminlink { color: #183c8e; font-size: 90%; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; background-image: url(admin/images/blue_block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; padding-left: 25px }
a.adminlink:link { color: #183c8e; font-size: 90%; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; background-image: url(admin/images/blue_block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; padding-left: 25px }
a.adminlink:visited { color: #183c8e; font-size: 90%; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; background-image: url(admin/images/blue_block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; padding-left: 25px }
a.adminlink:hover { color: #a30507; font-size: 90%; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; background-image: url(admin/images/blue_block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; padding-left: 25px }
a.adminlink:active { color: #a30507; font-size: 90%; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; background-image: url(admin/images/blue_block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; padding-left: 25px }
.editLink { color: #7d7d7d; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; }
a.editLink:link { color: #7d7d7d; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
a.editLink:visited { color: #7d7d7d; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
a.editLink:hover { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; }
a.editLink:active { color: #00512f; font-size: 9pt; font-family: arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
.detail_link {color: #666666; text-decoration: none;}
.detail_link:hover {text-decoration: underline;}
#new_footer a {
color: #055232;
text-decoration: none;
}
/* form stuff */
.form_titles { color: #15255c; font-size: 10pt; line-height: 1.3em; text-align: right; padding-right: 5px; vertical-align: top }
.form_titles_leftalign { color: #15255c; font-size: 10pt; line-height: 1.3em; text-align: left; padding-right: 5px; vertical-align: top; padding-left: 30px; }
.form_smalltext { font-size: 85% }
.form_pad { padding-top: 2px; padding-bottom: 10px; padding-left: 10px }
/* popup */
.popup_titles { font-size: 13pt; color: #b4985a;}
.calendar_popup {padding-left: 20px; padding-right: 20px; font-size: 9pt;}
.calendar_popup_dates {font-size: 9pt;}
.popup_misc {font-size: 9pt;}
.popup_misc a {color: #b4985a; text-decoration: underline; font-size: 9pt;}
.popup_misc a:hover {color: #b4985a; text-decoration: none}
/* padding */
.home_mid_pad10 { vertical-align: top; padding-top: 10px; }
.footer_pad { padding-left: 20px }
.left_header_pad { padding-top: 25px; padding-left: 25px }
.left_column_pad { padding-left: 25px; }
.right_header_pad { padding-top: 25px; padding-right: 25px; }
.right_column_pad { padding-right: 25px; }
.center_pad { padding: 2px 5px }
.left_right_20 {padding-left: 20px; padding-right: 20px;}
.left_right_25 { padding-right: 45px; padding-left: 35px; }
.right_pad10 { padding-right: 10px }
.left_pad5 { padding-left: 5px }
.left_pad10 { padding-left: 10px; }
.left_pad50 { padding-left: 50px }
.sub_pad { font-size: 11pt; line-height: 1.3em; padding-right: 15px; padding-left: 20px }
.top_pad10 { padding-top: 10px }
.row_pad2 { padding-top: 2px; padding-bottom: 2px; }
.tdBorder { font-size: 8pt; background-color: white; text-align: left; border-style: none dotted; border-width: medium 1px; border-color: #999 }
.makemesmaller { font-size: 90%; }
.rowcolor { font-weight: bold; background-color: #f1f4f4; }
.AltRow { background-color: #f9f4e6; padding-left: 3px; }
.smallText_body { font-size: 8pt }
TD.smallText, SPAN.smallText, P.smallText { color: #7d7d7d; font-size: 8pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
.pagination{
background:transparent;
padding:10px 0;
margin:15px 0 15px 0;
text-align:left;
}
.pagination a{
padding:1px 4px;
text-decoration:none;
background:transparent;
border:1px solid #ccc;
margin:0 2px;
color:#666666;
}
.pagination a:hover{
background: #fff;
color:#666666;
border:1px solid #BF2911;
text-decoration: none
}
.pagination span, .pagination span.nextprev{
background:#FFFFFF;
border:1px solid #CCCCCC;
color:#CCCCCC;
padding:1px 4px;
margin:0 2px;
}
.pagination span.current{
background:#BF2911;
border:1px solid #A49979;
color:#FFFFFF;
margin:0 2px;
font-weight:bold;
}