div#header {
    background : url(http://images.wallaceandgromit.com/2009/home/header.jpg) 27px 0 no-repeat;
    width : 770px;
    height : 210px;
}

div#ecardcontent {
	background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-choose.jpg) 4px 0 no-repeat;
	width: 768px;
	height: 660px;
	position:relative;
}

	
div#header div#intro {
    width : 200px;
    padding-top : 230px;
    padding-left : 10px;
}

div#header h2, div.download h2 {
    position : absolute;
    left : -1000px;
    width : 200px;
}

#ecardcontent.loaf-or-death #nav-ecards-loafanddeath,
#ecardcontent.twenty-years #nav-ecards-20years {background-position:center bottom;}

#w-and-g-loaf {position:absolute;left:39px;top:336px;}
#w-and-g-tea {position:absolute;left:39px;top:354px;}

#nav-ecards {position:absolute;left:256px;top:10px;}
	#nav-ecards a {position:absolute;width:100px;height:77px;
		text-indent:-999em;overflow:hidden;top:0;left:0;background:url(http://images.wallaceandgromit.com/2009/ecards/nav-pointer.jpg) -999em 0 no-repeat;}
	a#nav-ecards-20years {left:0;}
	a#nav-ecards-loafanddeath {left:134px;}
	#nav-ecards a:hover {background-position:center bottom;}
	
#cards {width: 540px;height:340px;position:absolute;top:100px;left:214px;position:relative;}
	#cards a {height: 106px;width: 166px;position:absolute;
		background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-loaf-sprite.jpg) -9999em top no-repeat;overflow:hidden;left:10px;top:5px;}

.loaf-or-death #cards {background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-loaf-sprite.jpg) 0 -347px no-repeat}
	.loaf-or-death #cards a {background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-loaf-sprite.jpg) -9999em top no-repeat;}
	.loaf-or-death #cards .a a {top:1px;left:10px;}
	.loaf-or-death #cards .a a:hover {background-position:-10px -4px;}
	.loaf-or-death #cards .b a {top:1px;left:185px;}
	.loaf-or-death #cards .b a:hover {background-position:-185px -4px;}
	.loaf-or-death #cards .c a {top:1px;left:362px;}
	.loaf-or-death #cards .c a:hover {background-position:-362px -4px;}
	.loaf-or-death #cards .d a {top:115px;left:10px;}
	.loaf-or-death #cards .d a:hover {background-position:-10px -118px;}
	.loaf-or-death #cards .e a {top:115px;left:185px;}
	.loaf-or-death #cards .e a:hover {background-position:-185px -118px;}
	.loaf-or-death #cards .f a {top:115px;left:362px;}
	.loaf-or-death #cards .f a:hover {background-position:-362px -118px;}
	.loaf-or-death #cards .g a {top:233px;left:-1px;}
	.loaf-or-death #cards .g a:hover {background-position:1px -236px;}
	.loaf-or-death #cards .h a {top:233px;left:185px;}
	.loaf-or-death #cards .h a:hover {background-position:-185px -236px;}
	.loaf-or-death #cards .i a {top:233px;left:362px;}
	.loaf-or-death #cards .i a:hover {background-position:-362px -236px;}

.twenty-years #cards {background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-20-sprite.jpg) 0 -347px no-repeat}
	.twenty-years #cards a {background: url(http://images.wallaceandgromit.com/2009/ecards/ecards-20-sprite.jpg) -9999em top no-repeat;}
	.twenty-years #cards .a a {top:1px;left:10px;}
	.twenty-years #cards .a a:hover {background-position:-10px -4px;}
	.twenty-years #cards .b a {top:1px;left:185px;}
	.twenty-years #cards .b a:hover {background-position:-185px -4px;}
	.twenty-years #cards .c a {top:1px;left:362px;}
	.twenty-years #cards .c a:hover {background-position:-362px -4px;}
	.twenty-years #cards .d a {top:115px;left:10px;}
	.twenty-years #cards .d a:hover {background-position:-10px -118px;}
	.twenty-years #cards .e a {top:115px;left:185px;}
	.twenty-years #cards .e a:hover {background-position:-185px -118px;}
	.twenty-years #cards .f a {top:115px;left:362px;}
	.twenty-years #cards .f a:hover {background-position:-362px -118px;}
	.twenty-years #cards .g a {top:233px;left:-1px;}
	.twenty-years #cards .g a:hover {background-position:1px -236px;}
	.twenty-years #cards .h a {top:233px;left:185px;}
	.twenty-years #cards .h a:hover {background-position:-185px -236px;}
	.twenty-years #cards .i a {top:233px;left:362px;}
	.twenty-years #cards .i a:hover {background-position:-362px -236px;}

	
	
body.thankyou div#ecardPreview {
	background: url(http://images.wallaceandgromit.com/2009/ecards/ecard-sent.jpg) 2px top no-repeat;
	}
	
/* E-CARD Preview Page */

div#ecardPreview {
	background: url(http://images.wallaceandgromit.com/2009/ecards/ecard-preview.jpg) 2px top no-repeat;
	width: 768px;
	height: 640px;
	position:relative;
	top:1px;
}

div#ecardPreview p {
	margin: 0;
	padding: 0 0 0 24px;
	color: #919191;	
}

div#ecardPreview #previewImage {
	width: 291px;
	height: 302px;
	position:absolute;
	top:47px;
	left:16px;
	background-position:0 -10px;
	background-repeat:no-repeat;
}

.loaf-or-death #ecardPreview #previewImage.preview_1 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_1.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_2 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_2.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_3 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_3.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_4 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_4.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_5 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_5.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_6 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_6.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_7 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_7.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_8 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_8.jpg);}
.loaf-or-death #ecardPreview #previewImage.preview_9 {
    background-image: url(http://images.wallaceandgromit.com/ecards/preview/loaf-or-death/preview_9.jpg);}

.twenty-years #ecardPreview #previewImage.preview_1 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_1.jpg);}
.twenty-years #ecardPreview #previewImage.preview_2 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_2.jpg);}
.twenty-years #ecardPreview #previewImage.preview_3 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_3.jpg);}
.twenty-years #ecardPreview #previewImage.preview_4 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_4.jpg);}
.twenty-years #ecardPreview #previewImage.preview_5 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_5.jpg);}
.twenty-years #ecardPreview #previewImage.preview_6 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_6.jpg);}
.twenty-years #ecardPreview #previewImage.preview_7 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_7.jpg);}
.twenty-years #ecardPreview #previewImage.preview_8 {
	background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_8.jpg);}
.twenty-years #ecardPreview #previewImage.preview_9 {
    background-image: url(http://images.wallaceandgromit.com/ecards/preview/twenty-years/preview_9.jpg);}
	
	


div#ecardPreview input,
div#ecardPreview textarea {
	font-size: 1.3em;
	color: #d7672c;
	border: 0;
	background: transparent;
}

div#ecardPreview #send_form {position:absolute;top:-163px;left:10px;}

div#ecardPreview #send_form #recipient_email {
	position: absolute;
	left: 310px;
	top: 270px;
}

div#ecardPreview #send_form #sender_email {
	position: absolute;
	left: 315px;
	width:200px;
	top: 395px;
}

div#ecardPreview #send_form #message {
	position: absolute;
	left: 540px;
	top: 375px;
	width: 180px;
	height: 120px;
	overflow: auto;
	
}


#column-2 {position:relative;}
#content {position:static;}

div#ecardPreview #back {
	position: absolute;
	top: 338px;
	left: 20px;
	width:141px;
	height:89px;
	text-indent:-999em;
	overflow:hidden;
}

div#ecardPreview #msg_submit {
	position: absolute;
	top: 495px;
	left: 605px;
	background:#fff;
	width:149px;
	height:66px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}

div#ecardPreview #send_form #error_block p{
	width: 180px;
	padding: 10px;
	background: #d7672c;
	color: #fff;
	position: absolute;
	top: 495px;
	left: 320px;
}

/* Thankyou Page */

.thankyou div#ecardPreview {
	padding-top: 20px;
}

div#ecardPreview #thankyou {
	width: 461px;
	height:300px;
	position:absolute;
	left:346px;
	top:213px;
}

div#ecardPreview #thankyou h2 {
	color: #d7672c;
	position:absolute;
	left:-999em;
}


div#ecardPreview #thankyou ul li {
	padding: 3px 0 4px 33px;
	font-size: 1.2em;
	list-style-type: none;
}

div#ecardPreview #thankyou ul li a{
	color: #d7672c;
}