.card_title { 
	font-size:25px;
	text-align:left;
	margin-top: 20px;
	font-weight:bold;
}
.card_occasion { 
	font-size:20px;
	color:#990066;
	font-weight:bold;
}
.card_subtitle { 
	font-size:20px;
	color:#990066;
	font-style:italic;
	font-weight:bold;
}
.card_small_text { 
	font-size:12px;
	font-style:italic;
}
.card_medium_text { 
	font-size:16px;
	font-style:italic;
}
.card_medium_text p{ 
	font-size:16px;
	font-style:italic;
}
.card_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#990066;
	font-style:italic;
	font-weight:bold;
	margin-right: 10px;
}
#CardDescription {
	position: relative;
	width: 400px;
	//height: 850px;
	text-align: left;
	vertical-align: top;
	margin: 20px;	
	margin-left: 15px;
	text-align: left;
	-webkit-transition: all 1s;
	transition: all 1s;  
}
textarea {
	font-family: 'Caveat', cursive;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
}
input {
	font-family: Courier, serif;
	font-size:12px;
}
div {
	text-align: left;
}
.letterAnim2 {
	animation: zoomit2 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@keyframes zoomit2 {	
	0% {transform: scale(.1,.1)}
	50% {transform:scale(1,1)}
	75%{transform:scale(.9,.9)}
	100%{transform:scale(1,1)}
}
@-webkit-keyframes zoomit2 {
	0% {-webkit-transform: scale(.1,.1)}
	50% {-webkit-transform:scale(1,1)}
	75%{-webkit-transform:scale(.9,.9)}
	100%{-webkit-transform:scale(1,1)}
}
.letterAnim {
	animation: zoomit 8s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@keyframes zoomit {	
	0% {transform: scale(.1,.1)}
	5% {transform:scale(1,1)}
	10%{transform:scale(.9,.9)}
	15% {transform:scale(1,1);opacity: 1}
	17% {transform:scale(1,1);opacity: 0}
	20% {transform:scale(1,1);opacity: 1}
	25% {transform:scale(1,1);opacity: 0}
	30%{transform:scale(1,1);opacity: 1}
	35% {transform:scale(1,1);opacity: 0}
	40%{transform:scale(1,1);opacity: 1}
	45% {transform:scale(1,1);opacity: 0}
	50%{transform:scale(1,1);opacity: 1}
	55% {transform:scale(1,1);opacity: 0}
	60%{transform:scale(1,1);opacity: 1}
	65% {transform:scale(1,1);opacity: 0}
	70%{transform:scale(1,1);opacity: 1}
	75% {transform:scale(1,1);opacity: 0}
	80%{transform:scale(1,1);opacity: 1}
	85% {transform:scale(1,1);opacity: 0}
	90%{transform:scale(1,1);opacity: 1}
	95% {transform:scale(1,1);opacity: 0}
	100%{transform:scale(1,1);opacity: 1}
}
@-webkit-keyframes zoomit {
	0% {-webkit-transform: scale(.1,.1)}
	5% {-webkit-transform:scale(1,1)}
	10%{-webkit-transform:scale(.9,.9)}
	15% {-webkit-transform:scale(1,1);opacity: 1}
	17% {-webkit-transform:scale(1,1);opacity: 0}
	20% {-webkit-transform:scale(1,1);opacity: 1}
	25% {-webkit-transform:scale(1,1);opacity: 0}
	30%{-webkit-transform:scale(1,1);opacity: 1}
	35% {-webkit-transform:scale(1,1);opacity: 0}
	40%{-webkit-transform:scale(1,1);opacity: 1}
	45% {-webkit-transform:scale(1,1);opacity: 0}
	50%{-webkit-transform:scale(1,1);opacity: 1}
	55% {-webkit-transform:scale(1,1);opacity: 0}
	60%{-webkit-transform:scale(1,1);opacity: 1}
	65% {-webkit-transform:scale(1,1);opacity: 0}
	70%{-webkit-transform:scale(1,1);opacity: 1}
	75% {-webkit-transform:scale(1,1);opacity: 0}
	80%{-webkit-transform:scale(1,1);opacity: 1}
	85% {-webkit-transform:scale(1,1);opacity: 0}
	90%{-webkit-transform:scale(1,1);opacity: 1}
	95% {-webkit-transform:scale(1,1);opacity: 0}
	100%{-webkit-transform:scale(1,1);opacity: 1}
}
.letterAnim3{
	animation: zoomit3 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@keyframes zoomit3 {	
	0% {transform: scale(.1,.1)}
	10% {transform:scale(1,1)}
	20%{transform:scale(.9,.9)}
	30%{transform:scale(1,1)}
	40%{transform:scale(1,1);opacity: 1}
	50%{transform:scale(1,1);opacity: 0}
	60%{transform:scale(1,1);opacity: 1}
	70%{transform:scale(1,1);opacity: 0}
	80%{transform:scale(1,1);opacity: 1}
	90%{transform:scale(1,1);opacity: 0}
	100%{transform:scale(1,1);opacity: 1}
}
@-webkit-keyframes zoomit3{
	0% {-webkit-transform: scale(.1,.1)}
	10% {-webkit-transform:scale(1,1)}
	20%{-webkit-transform:scale(.9,.9)}
	30%{-webkit-transform:scale(1,1)}
	40%{-webkit-transform:scale(1,1);opacity: 1}
	50%{-webkit-transform:scale(1,1);opacity: 0}
	60%{-webkit-transform:scale(1,1);opacity: 1}
	70%{-webkit-transform:scale(1,1);opacity: 0}
	80%{-webkit-transform:scale(1,1);opacity: 1}
	90%{-webkit-transform:scale(1,1);opacity: 0}
	100%{-webkit-transform:scale(1,1);opacity: 1}
}
#TapToOpenCard {
	//font-family: Tempus Sans ITC, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-top: 15px;
	-webkit-transition: all 1s;
	transition: all 1s;  
	-webkit-transform: scale(.1,.1);
	transform: scale(.1,.1);
	color: white;
	text-align: center;
}
@-webkit-keyframes pulse 
{
from {opacity: .2;}
to {opacity: 1;}
}
@keyframes pulse 
{
from {opacity: .2;}
to {opacity: 1;}
}
.fastpulse {
	opacity: 0;
	-webkit-animation: pulse .3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation: pulse .3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
} 
#ScreenScrim {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 1400px;
	background-color: gray;
	opacity: 0.7;
	display: none;
	z-index: 2	!important;
}
.editfieldlabel {
	color: #990066;
	font-style: bold;
}
.editfieldnote {
	color: #990066;
	font-style: bold;
	background-color: lightgray;
}
hr {
	color: lightgray;
}
#MailArea {
	text-align: left;
}
#MailForm {
	position: relative;
	display: none;
	z-index: 10	!important;
}
#ENote {
	position: relative;
	text-align: left;
	//display: none;
	z-index: 119	!important;
}
#MailingAddress {
	display: none;
}
#SaveMailAddrButton {
	margin: 10px;
}
#CancelMailAddrButton {
	margin: 10px;
}
#EditMailAddr {
	border-top: 1px solid #CCCCCC;
	border-right: 3px solid gray;
	border-bottom: 3px solid gray;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	cursor: pointer;
	padding: 4px;
}
#SaveNoteEditSmallButton {
	z-index: 120	!important;
}
#CancelNoteEditSmallButton {
	z-index: 120	!important;
}
#ResetMessageSmallButton {
	z-index: 120	!important;
}