/* CSS Document */

/* Main E-Card Div */
body 
{

}
#ecard {
	position: relative;
	top: 10px;
	left: 20px;
	width: 472px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;	

}

#ecard2 {
	position: relative;
	width: 472px;
	top: 10px;
	left: 20px;
	margin: 0 0 10px 0;	
}

/* E-card Image Box */

#titlebox 
{
	width: 471px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-color: #006644;	
}

#titleshadow
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: none;
	clear: both;
}

#tui {
	position: absolute;
	width: 142px;
	height: 130px;
	left: 322px;
	top: -13px;
	z-index: 1000;
}

#brown-content {
	width: 472px;
	background: url(../images/pg/content/ecards/background.gif) repeat-y left top;
	padding: 0 26px 4px 26px;
	margin: 0;	
}



p {
	font: normal 11px Verdana;
	color: #666666;
	margin: 41px 0 0 20px;
	padding: 0 0 0 25px;
	vertical-align: bottom;
}

h3 {
	font: normal 11px Verdana;
	color: #333;
	margin: 0;
	padding: 0;
}

/* Steps */

#step1 {
	width: 424px;
	padding: 13px 0 4px 0px;
	margin: 0;
	vertical-align: baseline;
}

#step2and3 {
	width: 424px;
	padding: 10px 0 4px 0px;
	margin: 0;
	vertical-align: baseline;

}

/* Lines */

.line {
	width: 424px;
	height: 2px;
	padding: 0;
	margin: 2px 0px;
	background: url(../images/pg/content/ecards/line_repeat.gif) repeat-x left top;
}

.line2 {
	width: 100%;
	height: 2px;
	padding: 0;
	margin: 0;
	background: url(../images/pg/content/ecards/line_repeat.gif) repeat-x left top;
}

/* Thumbnail Select Table */

#imagetable {
	width: 424px;
	padding: 10px 0 8px 0px;
	margin: 0;
}

#imagetable td {
}

#imagetable td a{
	display: block;
	width: 137px;
	height: 94px;
	vertical-align: middle;
	text-align: center;
}

#imagetable td a:hover{
	background: url(../images/pg/content/ecards/highlight.gif) center center;
}

#imagetable p{
	font: normal 10px Verdana;
	color: #333;
	padding: 2px 0 2px 6px;
	margin: 0;
}

/* Buttons */

#button {
	font: normal 11px Verdana;
	color: #333;
	width: 424px;
	text-align: right;
	padding: 5px 0 10px 5px;
	margin: 8px 0 0 0px;
}

#button a{
	padding: 0 0 0 4px;
}

/* Large Card Shadow */

#card {
	width: 475px;
	height: 303px;
	background: url(../images/pg/content/ecards/largeimage_shadow.gif) no-repeat left;
	margin: 10px 0;
	padding: 0;
	z-index: 100;
}

/* Brown Card Back*/

#cardback{
	width: 472px;
	height: 300px;
	background: url(../images/pg/content/ecards/backgroundcard.gif) repeat-y left;
	margin: 0;
	padding: 0;
}

/* Left Card*/

#left-card{
	width: 236px;
	height: 300px;
	background: url(../images/pg/content/ecards/leafpattern.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}

#left-card p{
	font: normal 10px Verdana;
	color: #333;
	padding:20px 0 0 20px;
	margin: 0;
}

#doclogocolour{
	position: absolute;
	top: 185px;
	padding: 0;
}

#doclogocolour p{
	font: normal 9px Verdana;
	color: #666;
	padding: 0 0 0 12px;
	margin: 0;
}

#right-card{
	float: left;
	width: 236px;
	height: 300px;
	background-image: url(../images/pg/content/ecards/line_vert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
}

#message {
	position: absolute;
	top: 10px;
	left: 18px;
	width: 208px;
	height: 280px;
	background: url(../images/pg/content/ecards/stamp.jpg) no-repeat right top;
	padding: 0;
	margin: 0;
}

#message #area {
	margin: 100px 0 0 0px;
	padding: 0;
}

#message p{
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Verdana;
	color: #333;
	padding: 6px 0px;
	margin: 0;
}

.input-white{
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Verdana;
	color: #333;
}



.input-brown{
	background-color: #b2d1c7;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Verdana;
	color: #333;
}

.email {
	padding: 0;
	margin: 6px 0 10px 0;
}

.email form{
	padding: 0;
	margin: 0;
}

.email p {
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Verdana;
	color: #333;
	padding: 4px 0px;
	margin: 0 0 0 48px;
}



#congratulations {
	width: 472px;
	background: url(../images/pg/content/ecards/background.gif) repeat-y left top;
	padding: 0;
	margin: 0;	
}

#envelope{
	width: 420px;
	background: url(../images/pg/content/ecards/envelope.gif) no-repeat 413px 37px;
	padding:  20px 0 0 26px;
	margin: 0;	
}

#envelope p{
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #666;
	padding: 4px 0 2px 0;
	margin: 0;	
}

.yellowBG {
	background: url(../images/pg/content/ecards/highlight.gif) center center;
}