/*-------------------------------------------- Fairy Tale Greetings: Appearance ------------------------------------------*/

body {
	font: 22px helvetica,arial,verdana,sans-serif;
	background: #990000;
	}
	
#container {
	/* this background image defines the main theme */
	background: url(/images/containerBg2.jpg) top left no-repeat;
	}
	
#nav {
	background: #008800;
	}
	
#nav a {
	display: block;
	}
	
#nav a:link, #nav a:visited {
	color: #fff;
	background: #008800;
	}
	
#nav a:hover, #nav a:focus {
	background: #fff;
	color:  #008800;
	}
	
#main, #configure {
	background: #fff;
	}
	
#steps {
	font-size: 16px;
	}
	
li.step1 {
	background: url(/images/step1.gif) top left no-repeat;
	}
	
li.step2 {
	background: url(/images/step2.gif) top left no-repeat;
	}
	
li.step3 {
	background: url(/images/step3.gif) top left no-repeat;
	}
	
#order:hover, #order:focus, #orderPreload {
	background: url(/images/orderHover2.gif) no-repeat;
	}
	
#footer {
	color: #fff;
	}
	
#configure {
	font-size: 20px;
	}
	
#configure p {
	font-weight: bold;
	}

#configure h2 {
	font-size: 20px;
	}
	
#configure h1 {
	font-size: 28px;
	text-align: center;
	}
	
#bg {
	background: url(/images/item1.gif) top left no-repeat;
	}
	
#letterText  {
	background: url(/images/item2.gif) top left no-repeat;
	}
	
#customize  {
	background: url(/images/item3.gif) top left no-repeat;
	}
	
#customize label, #delivery label {
	font-size: 16px;
	padding-right: 5px;
	}
	
#delivery  {
	background: url(/images/item4.gif) top left no-repeat;
	}

#textPreview {
	font: 10px georgia,serif;
	line-height: 1;
	color: #fff;
	}

#preview #name, #preview #gender, #preview #city, #preview #state {
	color: #fff;
	}
	
#faq h2, #faq p, #contact h2 {
	font-size: 18px;
	}
	
#contact label {
	font-size: 14px;
	}
	
#contact p {
	font-size: 14px;
	}
	
.asterik {
	color: red;
	font-size: 18px;
	}

#about p.link {
	text-align: center;
	font-size: 18px;
	}
	
#about a:link, #about a:visited {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	}
	
#about a:hover, #about a:focus {
	color: #000;
	}
	
.siteCredit a:link, .siteCredit a:visited {
	color: #000;
	}
	
.siteCredit a:hover, .siteCredit a:focus {
	color: #fff;
	text-decoration: underline;
	}

.smallText {
	font-size: 60%;
	}
	
td label {
	font-weight: bold;
	}
	
td.customerData {
	background: #727272;
	padding: 2px;
	color: #fff;
	}