/*-------------------------------------------- Fairy Tale Greetings: Layout ------------------------------------------*/
	
* {
	margin: 0;
	padding: 0;
	}
	
a img {
	border: none;
	}
	
li {
	list-style-type: none;
	}
	
li img {
	vertical-align: middle;
	}

#container {
	padding: 183px 0 0 0;
	width: 1077px;
	height: 710px;
	margin: 0 auto;
	position: relative;
	}
	
#nav {
	width: 880px;
	margin: 0 auto;
	}

#nav ul {
	margin-left: 35px;
	}
	
#nav li {
	float: left;
	margin-left: 54px;
	}
	
#nav a:link, #nav a:visited {
	text-decoration: none;
	padding: 10px;
	display: block;
	}
	
.clr {
	clear: both;
	}
	
#main {
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding: 0;
	min-height: 440px;
	}
	
#steps {
	width: 420px;
	padding: 30px 0 0 35px;
	font-weight: bold;
	letter-spacing: -1px;
	}

#steps ul {
	padding-right: 5px;
	}
	
#steps li {
	margin: 0 0 20px 0;
	padding: 14px 0 14px 105px;
	}

.mailingList {
	margin: 0 0 0 35px;
	padding-bottom: 10px;
	}
	
#labelText {
	font-size: 12px;
	padding-left: 3px;
	}
	
input#mailingList {
	width: 301px;
	height: 19px;
	font-size: 12px;
	padding: 9px 6px 2px;
	border: none;
	background: url(../images/inputBg.gif) top left no-repeat;
	}
	
input#submitBtn {
	vertical-align: bottom;
	}
	
.order {
	margin: -10px 0 25px 105px;
	}
	
.order a {
	display: block;
	width: 200px;
	}
	
#orderPreload {
	position: absolute;
	left: -5000px;
	}

#order:hover img, #order:focus img {
	visibility: hidden;
	}
	
#letter {
	width: 425px;
	height: 544px;
	position: absolute;
	right: 0;
	top: 30px;
	background: url(../images/letterDropShadow.gif) top left no-repeat;
	}
	
#letterLabels {
	position: absolute;
	top: 44px;
	right: -50px;
	}
	
#envelope {
	position: absolute;
	bottom: -5px;
	right: -66px;
	}
	
#letterLabels li {
	margin: 15px 0 0 0;
	}
	
#footer {
	padding-top: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	}
	
p.siteCredit {
	padding: 15px 0;
	font-size: 12px;
	}

#configure {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding: 15px;
	}
	
#configure p, #configure h2 {
	margin: 0 0 10px 0;
	}
#configure h2 {	
padding: 18px 0 0 65px;
	}
#hoverPreview {
	position: absolute;
	top: 210px;
	left: 0;
	background: #fff;
	color: #000;
	font-size: 12px;
	line-height: 1.4;
	padding: 10px;
	width: 310px;
	z-index: 9999;
	border: 2px solid #990000;
	}
	
.showPreview {
	display: block;
	}
	
.hidePreview {
	display: none;
	}
	
#bg, #letterText, #customize, #delivery {
	margin: 15px 5px 30px;
	}
	
#letterText {
	margin-top: 0;
	position: relative;
	}
	
#bg {
	width: 440px;
	}
	
#bg li {
	display: inline;
	list-style-type: none;
	margin: 5px 5px 0 0;
	}
	
#bg li img {
	cursor: pointer;
	}
	
#letterText li {
	width: 72px;
	height: 100px;
	font-size: 7px;
	float: left;
	border: 1px solid #000;
	padding: 3px;
	margin: 0 5px 0 0;
	overflow: hidden;
	cursor: url(../images/magCursor.png) , pointer;
	}
	
#bg p, #letterText p, #customize p, #delivery p {
	padding: 18px 0 0 65px;
	}
	
#bg ul, #letterText ul {
	margin-top: 20px;
	}
	
#deliveryInner input {
	text-align: center;
	}
	
#delivery p {
	margin-bottom: 20px;
	}
	
#letterText, #customize, #delivery {
	float: right;
	width: 360px;
	}
	
#preview {
	float: left;
	width: 460px;
	height: 589px;
	position: relative;
	background: url(../images/previewDropShadow.gif) top left no-repeat;
	}
	
#textPreview {
	position: absolute;
	top: 75px;
	left: 70px;
	width: 355px;
	width: 300px;
	}
	
#customize td, #delivery td {
	padding: 12px 2px 0;
	vertical-align: middle;
	}
	
#customize td.alignLabelTop {
	vertical-align: top;
	}

#customize input, #emailAddress, #couponCode {
	border: 1px solid #000;
	font-size: 16px;
	padding: 1px;
	width: 190px;
	}
	
#customize input#firstNameInput, #customize input#lastNameInput {
	border: 1px solid #000;
	font-size: 16px;
	padding: 1px;
	width: 90px;
	}
	
#customize textarea {
	width: 190px;
	padding: 1px;
	font-size: 16px;
	border: 1px solid #000;
	height: 90px;
	}
	
#customize select {
	width: 190px;
	}
	
#deliveryInner {
	margin: 0 0 0 15px;
	padding: 10px 0;
	}
	
#submitConfig {
	margin: 20px 0 0 125px;
	}
	
#about, #faq, #contact {
	padding: 20px 15px 50px;
	}
	
#about h1, #faq h1, #contact h1 {
	font-size: 24px;
	}
	
#about p {
	margin: 10px 0;
	line-height: 1.4;
	font-size: 14px;
	}
	
#faq h2 {
	margin: 15px 0 4px;
	}
	
#contact h2 {
	margin: 20px 0 10px;
	}

#faq p {
	margin: 4px 0 10px;
	}
	
#contact td {
	padding: 10px;
	}
	
#contact input.textInput {
	width: 250px;
	padding: 2px;
	border: 1px solid #000;
	height: 15px;
	}

#contact textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #000;
	padding: 2px;
	}
	
#paymentMethods {
	margin: 10px;
	text-align: center;
	}
	
#paymentMethods img {
	margin-right: 5px;
	}