body
{
	background: url( images/bg-body.jpg ) repeat-y;
	margin: 0px;
	padding: 0px;
}

hr
{
	color: #260b04;
}

body, body table tr td
{
	font: 9pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #260b04;
}

h1
{
	display: block;
	font: 22pt Times New Roman, Times, serif;
	margin: 20px 0 20px 240px;
	font-variant: small-caps;
	color: #2C0644;
}

#frontPage
{
}

#frontPageTop
{
	margin: 0px 0px 10px 120px;
}

#frontPageLogin
{
	background: url( http://spiritofhorsecards.com/images/login-gradient.png ) repeat-y;
	font:  10pt/12pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	float: right;
	width: 400px;
	height: 90px;
	margin-left: 10px;
}

#frontPageLogin a
{
	font-weight: bold;
}

#frontPageLogin form
{
	margin: 0;
	padding: 0;
}

#frontPageLogin label
{
	display: block;
	width: 140px;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 4px;
}

#frontPageLogin input
{
	margin: 4px 0 4px 0;
	border-width: 0;
	border-bottom: 1px solid #260b04;
	background-color: #F7E3CF;
	color: #260b04;
}

#frontPageIntro
{
	font:  11pt/13pt Times New Roman, Times, serif;
	color: #311863;	
	float: left;
}

#frontPageIntro i
{
	font: bold italic 12pt/14pt Times New Roman, Times, serif;
	color: #311863;	
}

#frontPageIntro b
{
	font: bold 15pt/17pt Times New Roman, Times, serif;
	color: #311863;	
}

.frontPagePopular
{
	font: bold 14pt Times New Roman, Times, serif;
	margin: 0;
	font-variant: small-caps;
	background: #c6a584 url( /images/popular-gradient.jpg ) top center;
	color: #311863;	
}

#frontPageText
{
	font: 9pt/12pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #260b04;
	text-align: justify;
}

#frontPageText b
{
	font: bold 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #260b04;
	font-variant: small-caps;
}

#frontPageText i, .note
{
	font: bold italic 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #311863;
}

#frontPageFlash
{
	width: 270px;
	float: left;
	margin-left: 10px;
}

a
{
	color: #2C0644;
}

a:hover
{
	color: #260b04;
}

a img
{
    background-color: transparent;
}

#eCardTable
{
	margin: 0 34px 0 34px;
}

#shiftLeft, #shiftRight, #datalistCategories
{
	margin-left: 80px;
	margin-right: 80px;
}

#datalistImages
{
	margin-left: 0px;
}

#leftcolumn 
{
	background: url( images/left-bg.jpg ) #937e5f no-repeat;
	position:absolute;
	left:0px;
	top:117px;
	width:176px;
}

#leftcontent
{
	padding-left: 10px;
	margin-top: 280px;
	margin-bottom: 300px;
}

#leftcontent ul
{
	margin: 0 0 0 10px;
	padding: 0;
}

#leftcontent ul li
{
	list-style-type:none;
	font: bold 13pt/18pt Times New Roman, Times, serif;
	color: #260b04;
}

#leftcontent ul li a:link, #leftcontent ul li a:visited
{
	color: #260b04; 
	text-decoration: none;
}

#leftcontent ul li a:hover, #leftcontent ul li a:active
{
	color: #ebe4aa;
}

#giftblurb
{
	margin: 20px 0 20px 8px;
}

#giftblurb a
{
	font:  bold italic 13pt Times New Roman, Times, serif;
}

#newsletter,
#testimonials
{
	font: italic 11pt/13pt Times New Roman, Times, serif;
	margin: 20px 20px 20px 12px;
	color: #2C0644;	
}

#newsletter a,
#testimonials a
{
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
}

#newsletter a:link, #newsletter a:visited,
#testimonials a:link, #testimonials a:visited,
#giftblurb a:link, #giftblurb a:visited
{
	color: #2C0644;	
}

#newsletter a:hover, #newsletter a:active,
#testimonials a:hover, #testimonials a:active,
#giftblurb a:hover, #giftblurb a:active
{
	color:#EBE4AA;	
}


#middlecolumn 
{
	background: url( images/middle-curve.jpg ) no-repeat scroll;
	margin-left: 177px;
	margin-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 176px;
	margin-right: 0px;
	height: 100%;
}
html>body #middlecolumn 
{
	margin-left: 176px;
	margin-right: 0px;
}

#middlecontent
{
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 200px;
}

#TableMain
{
	margin: 0 0 0 5%;
}

#rightcolumn 
{
	position: absolute;
	right:0px;
	top:117px;
	width:144px;
	background: url( images/right-side.gif ) repeat-y;
	padding-left: 0px;
}

#rightcontent
{
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 960px;
}

#top 
{
	padding: 0px;
	margin: 0px;
	background: url( images/top-bg.jpg ) repeat-x #d6bd9e;
	height:117px;
	border-bottom:0px;

}


#topmenu
{
	font: bold 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #522110; 
	margin: 0 20px 0 0;
	padding: 0;
	text-align: right;
}

#bottommenu
{
	text-align: center;
}

#topmenu a:link, #topmenu a:visited
{
	color: #522110; 
	text-decoration: none;
}

#topmenu a:hover, #topmenu a:active
{
	color: #552200;
	text-decoration: underline;
}

.Font_ImageList_Body, .Font_MemberPages
{
	font: bold 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: #260b04; 
}

.Font_ImageList_Text, .Font_ImageList_Options, .Font_CategoryList_Body, .small
{
	font: 9pt Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: #260b04; 
}

#lblMessage
{
	font-weight: bold;
	color: #990000;
}

.Font_CategoryList_Body
{
	display:block;
	width: 200px;
	float: left;
}

.smallbold
{
	font: bold 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: #260b04; 
}

a.smallbold:link, a.smallbold:visited
{
	text-decoration:none;
	color: #563b34; 
}

a.smallbold:hover, a.smallbold:active
{
	text-decoration:underline;
	color: #260b04; 
}

.Font_ImageList_Category
{
	font: bold 12pt Times New Roman, Times, serif;
	font-variant: small-caps;
	color: #2C0644;
}

.Font_eCard
{
	font: normal 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #260b04;
}

#Font_eCard_Verse
{
	font:  11pt/16pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #260b04;
	width: 520px; 
	text-align: center;
	margin: 15px 0 0 0;
}

.Font_MemberPagesErrorMessages, .Font_eCardErrorMessages, .Font_eCardErrorMessages font
{
	font: bold 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #aa0000;
}

.errornote
{
	font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #aa0000;
}

#txtAgreement
{
	background-color: #ffffff;
	color: #000000;
}


.thumbTitle
{
	font: bold 11pt Times New Roman, Times, serif; 
	color: #311863; 
}

/* hover thumb preview stuff start */


.thumbnail
{
	text-decoration: none;
	display: block;
	text-align: left;	
	width: 150px;
	height: 186px;
	background: url(http://spiritofhorsecards.com/images/shadow.png) top left no-repeat;
	z-index: 0;
}

.thumbnail:hover
{
    background-color: transparent;
    z-index: 50;
}

.thumbnail .inside
{ 
	position: absolute;
	background: url( http://spiritofhorsecards.com/images/inscription-gradient.png ) no-repeat;
	background-color: #C4B2D6; 
	padding: 0;
	margin: 0;
	border: 1px dotted #364b29;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 256px;
	height: 180px;
	cursor: default;
}

.thumbnail .inside img
{ 
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 144px;
	height: 180px;
}

.thumbnail:hover .inside
{ 
	visibility: visible;
}

.inscription
{
	float: left;
	text-align: left;
	padding: 0 0 4px 6px;
	font: 7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	width: 240px;
}

.inscription b
{
	font: bold 9pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.inscription p
{
	margin: 0;
	padding: 4px 0 0 0;
}

.inscription h3
{
	font: bold 12pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 1px 0 0 0;
	padding: 0 0 6px 0;
}

/* hover thumb preview stuff end */

.receiveMessage
{
	font: italic 14pt Times New Roman, Times, serif; 
	letter-spacing: +.02em;
}

.receiveTitle
{
	font: bold italic 21pt Times New Roman, Times, serif; 
	letter-spacing: -.01em;
}

.receiveName
{
	font: 11pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.receiveEmail
{
	font: 7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.receiveLink
{
	font: bold 9pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #2C0644;
	text-decoration: none;
}

.receiveLink:hover
{
	color: #260b04;
	text-decoration: underline;
}

fieldset
{
	border: 1px solid #2C0644; 
	padding: 10px;
}

legend 
{
	color: #2C0644; 
	font-weight: bold; 
	padding: 4px;
}

#giftform table tr th, #giftform table tr td
{
	font: 9pt Verdana, Tahoma, Arial, Helvetica, sans-serif;	
}

#giftform table tr th
{
	font-weight: bold;
}

#giftform table tr td
{
	font-style: italic;
}

#giftform hr
{
	margin: 18px 0 18px 0;
}

#addressform label
{
	display: block;
	width: 225px;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 0 4px 4px 0;
}

#addressform input, #giftform input, #giftform textarea
{
	margin-bottom: 8px;
	border-width: 0;
	border-bottom: 1px solid #260b04;
	background-color: #F7E3CF;
	color: #260b04;
	float: left;
}

#giftform textarea
{
	margin-top: 6px;
	border: 1px solid #260b04;
}

.footerPurple
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #311863; 
	font-size: 11px;
}

.footerTitle 
{
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: #311863; 
}



/* holiday suckerfish */

#holiday li ul {
	padding: 0;
	list-style: none;
	line-height: auto;
	width: 8em;
}

#holiday li {
	display: block;
	width: 8em;
}

#holiday li a {
	display: block;
	width: 8em;
}

#holiday li ul li a {
	display: block;
	font-size: 14px;
	color: #260b04;
	padding: 0 0 0 8px;
	margin: 0px;
	width: 9.3em;
}

#holiday li ul li a:hover, #holiday ul li a:active {
	color: #000000;
	background-color: #b4a2c6;
}

#holiday li ul li {
	float: left;
	width: 8em;
	padding: 0;
	line-height: inherit;
	border-bottom: 1px solid #260b04;
	height: 1%;
}

#holiday li ul {
	margin: -12px 0 0 10px;
	background-color: #C4B2D6;
	border: 1px solid #260b04;
	position: absolute;
	width: 8em;
	left: -999em;
}

#holiday li:hover ul {
	left: auto;
	width: 8em;
}

#holiday li:hover ul, #holiday li.iehover ul {
	left: auto;
	width: 8em;
}




