/* HTML ELEMENTS */
body { margin: 0; font-family: georgia, serif; font-size: 0.75em; color: #333; background: url(../images/general/background3.jpg) repeat 0 0; }
img { border: 0; text-decoration: none; }
a { text-decoration: none; color: #c00; }
h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
h2 { clear: both; font-size: 140%; margin: 0; padding: 5px 0 5px 0; }
ul, p	{font-family:Arial, Helvetica, sans-serif; line-height:1.4em; padding-bottom:10px; margin:0px;}
#view_letters_title { padding-left:23px; font-weight:100; }

/* DIV ELEMENTS */
#Blank { background: none; }
#Page { margin: 0 auto; padding:0 0 0 25px; width:800px;}
#Header { margin: 0; padding: 0; background:url(../images/general/header.jpg) no-repeat 20px 40px; height: 281px; }
#Wrapper { margin: 0 0 0 20px; padding: 0 20px 0 0; width: 660px; clear: both; background: url(../images/general/footer.jpg) no-repeat right bottom #fff; position: relative; top: -37px; }
html > body #Wrapper { top:-13px; }
#Navigation { margin: 0; padding: 0; float: left; width: 176px; position: relative; top: -65px; }
#Content { margin: 0; padding: 0 10px 10px 15px; float: left; width: 459px; }
#Footer { margin: -20px 0 0 15px; padding: 0; clear: both; }
html > body #Footer { margin: 0 0 0 15px; }

/* FORM ELEMENTS */
form { margin: 0; padding: 0; }
label, form span { float: left; width: 150px; margin: 0 5px 5px 0; display: block; font-size: 90%; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; width: 250px; height: 18px; font-size: 11px; background:#fff; border: solid 1px #666; color: #000; margin: 0; padding: 0; }
textarea { height: 100px; float: left; padding: 5px; }
.CheckBox { float: left; width: auto; height: auto; border: none; margin: 0 140px 0 0; }
.Label2 { width: auto; }
.Label2:after { content: "."; display: block; height: 0; padding: 0 0 10px 0; clear: both; visibility:hidden; }
* html form .Label2 { height: 1%; padding: 0 0 10px 0; }

form span.Block { width: auto; margin: 0 0 0 3px; }
form span.Block:after { content: "."; display: block; height: 0; padding: 0 0 10px 0; clear: both; visibility:hidden; }
* html form span.Block { height: 1%; padding: 0 0 10px 0; }
form span.Block label { display: none; }
form span.Block select { width: 75px; float: left; margin: 0 10px 0 0; }
form p.note	{ color:#666666; font-size:0.9em; padding-bottom:10px;}


dl input { float: left; margin: 0 10px 0 0; width: auto; height: auto; border: none; }
dl label { width: auto; }
#Submit { margin: 10px 0 0 350px; }
#CheckOut { padding: 0; border: none; width: 101px; height: 49px; background: none; }
#Submit { padding: 0; border: none; width: 84px; height: 50px; background: none; }
#CheckOut {  padding: 0; border: none; width: 101px; height: 49px; background: none; }
#Next { margin: 0; padding: 0; border: 0; width: 68px; height: 49px; background: none; }
#Confirm { margin: 0; padding: 0; border: 0; width: 83px; height: 48px; background: none; }
#Problems { margin: 0; padding: 0; border: 0; width: 129px; height: 52px; background: none; }
#MakePayment {margin-bottom:20px;}
form p { clear: both; }

/* HEADER ELEMENTS */
#Header #Title 		{ left: 180px; top: -61px; width: 300px; height: auto; position: relative; }
#Header p 			{ margin: 0; padding: 0; float: left; }
#Header #Logo 		{ padding: 40px 0 0 0; }

/* WRAPPER ELEMENTS  */
#Wrapper:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; }
* html #Wrapper { height: 1%; }

/* NAVIGATION ELEMENTS  */
#Navigation h1 { margin: 20px 0 10px 15px; }
#Navigation ul { margin: 0; padding: 0; list-style: none; }

#Navigation ul li 			{}
#Navigation ul li a			{display:block; width:147px; height:63px; text-indent:-9000px;} 
#Navigation ul li a.home	{background:url('../images/buttons/2007/btn_home.gif') 0px 0px no-repeat;}
#Navigation ul li a.view	{background:url('../images/buttons/2007/btn_viewLetters.gif') 0px 0px no-repeat;}
#Navigation ul li a.buy		{background:url('../images/buttons/2007/btn_buyLetters.gif') 0px 0px no-repeat;}
#Navigation ul li a.postal	{background:url('../images/buttons/2007/btn_PostalDates.gif') 0px 0px no-repeat;}
#Navigation ul li a.early	{background:url('../images/buttons/2007/btn_EarlyBird.gif') 0px 0px no-repeat;}
#Navigation ul li a.contact	{background:url('../images/buttons/2007/btn_ContactUs.gif') 0px 0px no-repeat;}
#Navigation ul li a:hover	{background-position:-155px 0px;}


#Navigation strong { color: #c00; }
#Navigation #Nav li { margin: 0 0 5px 0; padding: 0; display: block; }
#Navigation .Bullets { margin: 10px 20px 10px 15px; }
#Navigation .Bullets li { background:url(../images/bullets/bullet.gif) no-repeat 0 3px; padding: 0 0 0 10px; margin: 0 0 7px 0; }
#Navigation .Bullets li a { color: #333; font-size: 90%; }
#Navigation .Bullets li a:hover { color: #c00; }

#Navigation #Scroll { display: none; margin: 15px 0 0 0; padding: 0; }

/* CONTENT ELEMENTS  */
#Content h1 		{ left: -25px; position: relative; }
#Content h2.styled 	{ left: -25px; position: relative; text-indent:-9000px; clear:both; }
#Content h2.let1	{background:url('../images/titles/LetterOne795.gif') 0px 0px no-repeat; height:28px}
#Content h2.let2	{background:url('../images/titles/LetterTwo795.gif') 0px 0px no-repeat; height:28px;}
#Content h2.let3	{background:url('../images/titles/LetterThree795.gif') 0px 0px no-repeat; height:28px;}
#Content h2.baby1st {background:url('../images/titles/LetterBaby795.gif') 0px 0px no-repeat; height:33px;}
/*#Content h2.early	 {background:url('../images/titles/EarlyBirdOffer15Dec.gif') 0px 0px no-repeat; height:28px; margin-top:25px; }*/
#Content h2.early	 {background:url('../images/titles/early_bird.jpg') 0px 0px no-repeat; height:28px; margin-top:25px; margin-bottom:10px; }
#Signature 			{ margin: 20px 0 30px 0; padding: 0; width:268px; float:left;}
#facebook_like { border:none; overflow:hidden; width:50px; height:65px; margin:0 0 0 140px; padding:0; float:left; }
#Content p a		{text-decoration:underline;}
#Content p a:hover	{text-decoration:none;}
#Content .hr		{border-bottom:1px solid #999999; margin:0px 0px 20px 0px; padding-top:20px; height:1px; }
#Content .hr hr		{visibility:hidden}

/* CONTENT TABLE  */
#Content h1 { margin: 10px 0 10px 0; clear: both;}
#Content dl { clear: none; float: left; margin: 10px 20px 10px 0; padding: 0; width: 120px; }
html > body #Content dl { width: 130px; }
#Content dl.Clear { clear: both; margin: 10px 20px 20px 0; padding: 0; }
#Content dd { margin: 5px 0 0 5px; padding: 0; background:url(../images/bullets/bullet.gif) no-repeat 0 3px; padding: 0 0 0 10px; text-transform: lowercase; }
#Content form dd {background:none;}

#Content dl.chooseLetter		{margin:0px; padding:0px; width:200px; padding:0px 0px 20px 20px;}
#Content dl.chooseLetter dt		{margin:0px; padding:0px;}
#Content dl.chooseLetter label	{font-weight:bold; font-size:1.1em;}
#Content dl.chooseLetter dt img	{width:180px; height:255px;}
#Content dl.chooseLetter dd		{margin:0px; padding:0px}

#Content table 				{margin: 20px 0px 25px 0px; padding: 0; width: 100%; border-collapse: collapse; }
#Content table th 			{margin: 0px; padding-bottom:10px; text-align: left; border-bottom: solid 1px #c00; }
#Content table td 			{margin: 0px; padding: 10px 0px; border-bottom: solid 1px #c00; }
#Content table td.bottom	{border:none;}
#Content table tr.last td 	{border-bottom:none;}
#Content table .Info 		{text-align: right; width: 170px; vertical-align: top; }


#Content #LNav, #Footer2 ul { clear: both; margin: 0; padding: 0; list-style: none; }
#Footer2 ul { margin: 5px 5px 5px 5px; padding: 0; list-style: none; }
#Content #LNav li, #Footer2 ul li { margin: 0 6px 0 0; padding: 0; display: inline; }
#Content #LNav li.First { width: 212px; float: left; }
#Footer2 ul li { text-align: right; float: left; }
#Footer2 ul li.First { float: left; text-align: left; padding: 7px 0 0 0; width: 360px; }



#Content .closed {background:#c00; color:#fff; padding:10px; text-align:center;}
#Content a.closed {background:#c00; color:#fff; padding:10px; text-align:center; display:block; font-family:Arial,Helvetica,sans-serif; }


#Content .Order { margin: 10px 0 0 0; padding: 0; list-style: none; text-align: right; }
#Content .Order li { display: inline; text-align: right; }

#Content .Cards { clear: both; margin: 10px 0 10px 155px; padding: 0; list-style: none; }
#Content .Cards li { display: inline; margin: 0 5px 0 0; }

#Content #SiteMap 			{ margin: 0; padding: 0; list-style: none; }
#Content #SiteMap li 		{ margin: 0 0 4px 0; padding: 0; }
#Content #SiteMap ul		{ margin: 5px 0 5px 10px; padding: 0; list-style: none; }
#Content #SiteMap ul li 	{ margin: 0 0 2px 10px; }
#Content #SiteMap a			{text-decoration:underline;}
#Content #SiteMap a:hover	{text-decoration:none;}

#Content ul.arrowBullets					{margin-left:0px; padding-left:0px; list-style:none;  padding-right:22px; }
#Content ul.arrowBullets li					{background:url('../images/bullets/bullet.gif') no-repeat 0 3px; padding:0px 0px 5px 10px;}
#Content ul.earlyBirdBulls 					{float:left; width:205px;}

#Content ul.butBank							{clear:both; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px;}
#Content ul.butBank li						{display:inline;}
#Content ul.butBank li a					{display:block; float:left; height:30px; text-indent:-9000px;}
#Content ul.butBank li a.emailFriend		{width:106px; background:url('../images/buttons/2007/btn_EmailFriend.jpg') 0px 0px no-repeat; margin-right:4px;}
#Content ul.butBank li a.viewPersonalised	{width:138px; background:url('../images/buttons/2007/btn_ViewPersonalised.jpg') 0px 0px no-repeat; margin-right:4px}		
#Content ul.butBank li a.viewLetter			{width:103px; background:url('../images/buttons/2007/btn_ViewLetter.jpg') 0px 0px no-repeat; margin-right:4px;}
#Content ul.butBank li a.orderNow			{width:96px; background:url('../images/buttons/2007/btn_OrderNow.jpg') 0px 0px no-repeat; margin-right:4px;}
#Content ul.butBank li a.back				{width:60px; background:url('../images/buttons/2007/btn_back.jpg') 0px 0px no-repeat; margin-right:0px;}
#Content ul.butBank li a.addLetter			{width:141px; background:url('../images/buttons/2007/btn_AddNewLetter.jpg') 0px 0px no-repeat; margin-right:14px;}
#Content ul.butBank li a.help				{width:66px; background:url('../images/buttons/2007/btn_help.jpg') 0px 0px no-repeat; margin-right:14px;}
#Content ul.butBank li a.payPost			{width:105px; background:url('../images/buttons/2007/btn_PayByPost.jpg') 0px 0px no-repeat; margin-right:14px;}
#Content ul.butBank li a.checkOut			{width:103px; background:url('../images/buttons/2007/btn_CheckOut.jpg') 0px 0px no-repeat; margin-right:0px;}
#Content ul.butBank li a.payOnline			{width:103px; background:url('../images/buttons/2007/btn_PayOnline.jpg') 0px 0px no-repeat; margin-right:0px;}

#Content ul.butBank li a:hover				{background-position:0px -30px;}

#Content ul.homePage 			{list-style:none; padding-left:0px;}
#Content ul.homePage li			{background:url('../images/bullets/bullet.gif') no-repeat 0 3px; padding:0px 0px 10px 10px;}
#Content ul.homePage li	a		{text-decoration:underline;}
#Content ul.homePage li	a:hover	{text-decoration:none;}

#Content .letterPackCont			{border-top:1px solid #ccc; padding:30px 0px;}
#Content .letterPackCont span		{color:#ea3c32;}
#Content ul.letterPack				{padding:0px; display:block; height:175px; margin:0px;}
#Content ul.letterPack li			{display:inline; margin:0px;}
#Content ul.letterPack li ul		{float:left; display:block; width:114px; margin:0px; padding:0px;}
#Content ul.letterPack li ul a		{display:block; width:114px;}
#Content ul.letterPack li a			{float:left; margin-left:5px;}
#Content ul.letterPack li a.first	{margin:0px;}
#Content ul.letterPack li a.end		{margin-left:8px;}

#Content .paymentOption			{border:1px #c00 solid; margin:20px 0px; padding:10px 15px 15px 15px; background-color:#f3efb2;}
#Content .paymentOption ul		{padding:0px; margin:0px;}
#Content .paymentOption ul li	{margin:0px; padding:0px;}
#Content .paymentOption ul li a {margin:0px; padding:0px;}
#Content .paymentOption	img		{position:relative; top:5px;}
#Content .paymentOption	img.c	{top:2px; margin-left:25px;}


#Content .highlight strong {color:#c00; border-bottom:1px solid #c00;}
#Content .highlight {margin:20px 0 0 0;}

/* home page Elements */

#homeSplash				{background:url('../images/general/homeLetter.jpg') 0px 0px no-repeat; position:absolute; z-index:5; margin-top:295px; margin-left:430px; list-style-type:none; font-size:1.2em; padding:240px 0px 0px 20px; height:90px; width:244px;}
#homeSplash li			{background:url('../images/bullets/bullet.gif') no-repeat 0px 5px; padding-left:12px; padding-bottom:5px;}
#homeSplash li a		{text-decoration:underline;}
#homeSplash li a:hover	{text-decoration:none;}

#Content #homeCopy			{float:left; width:222px; padding-bottom:10px; }
#Content #homeCopy p		{line-height:1.5em;}
#Content #homeCopy p strong	{font-size:1.2em;}
#Content #homeCopy h1		{line-height:1.5em; font-size:100%; margin-left:25px; }
#Content #homeCopy h1 strong	{font-size:1.2em;}

#processPage {margin: 0; padding: 30px 10px 20px 15px; text-align:center; }
#processPage p {margin:40px 0 0 0;}

img.referer_logo { float:right; padding:4px; margin:0; }

/* FOOTER ELEMENTS  */
#Footer .Envelope 		{float: left; margin: 0 0 15px 5px; padding: 2px 0 0 5px; background: url(../images/general/envelope.png) no-repeat left top; width: 220px; height: 145px; z-index: 1; }
#Footer ul 				{margin: 0; padding: 0; list-style: none; }
#Footer .EContent 		{z-index: 10;}

#Footer .Envelope p 				{margin: 5px 0 0 0; padding: 0; line-height:1.3em;  }
#Footer .Envelope p	a				{text-decoration:underline;}
#Footer .Envelope p	a:hover			{text-decoration:none;}
#Footer .Envelope ul 				{margin: -2px 0 0 10px; }
#Footer .Envelope ul li 			{background:url(../images/bullets/bullet.gif) no-repeat 0 3px; padding: 0 0 0 15px; margin: 0; font-size: 85%; }
html > body #Footer .Envelope ul li {margin: 0 0 1px 0; font-size: 90%; }
#Footer .Envelope ul li a 			{color:#333;}
#Footer .Envelope ul li a:hover 	{color:#c00;}

#cards		{text-align:center; width:650px;}


#Footer #earlyBirdText	{float:left; width:70px; padding-left:5px; }
#Footer #FirstText { margin: 0 0 0 5px; padding: 0; float: left; width: 65px; }
#Footer #SecurityText { margin: 0 0 0 5px; padding: 5px 0 0 0; float: left; width: 100px; }
html > body #Footer #FirstText { width: 70px;  }
html > body #Footer #SecurityText { width: 115px; }

#Footer #FirstImg { float: left; margin: 0; position: relative; top: -10px; height: auto; }
#Footer #SecurityImg { float: left; margin: 0; padding: 0; }

#Footer	.Envelope p	{font-size:0.9em;}
#Footer #Crest { margin: 5px 5px 0 0; float: right; }
#Footer #Chosen { margin: 10px 0 0 0; }
#Footer #Chosen p { margin: 0; }
#Footer #NSPCC { clear: both; margin: 5px 0 0 0px; }

#Footer .Links { clear: both; padding: 35px 0 5px 0; margin: 0; text-align: center; width: 660px; }
html > body #Footer .Links { padding: 0px 0 5px 0; }
#Footer .Links li { display: inline; color: #fff; margin: 0 5px 0 0; font-size: 90%; }
#Footer .Links li a { color: #fff; }

/* OTHER ELEMENTS  */
.Right { text-align: right; }
#HiddenContent { display: none; }

h2.Info { color: #c00; text-transform: uppercase; padding-bottom:20px; }
h2.Info strong { color: #393; }
h2.Info em { color:#666; font-style:normal;}

p.ATTENTION	{font-size:1.4em; background-color:#00CCCC;}

#LetterHolder img { width:450px; }

/*----------------*/
/* CLEAR FIX TIME */
/*----------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#top_seo_words {  position:absolute; top:10px; }
#top_seo_words li { display: inline; color: #fff; margin: 0 5px 0 0; font-size: 90%;  }