* {

	margin: 0px;

	padding: 0px;

}





body {

	/*background-image: url(../images/repeater_bg.gif); */

	background-repeat: repeat-x;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666;

	margin-top: 0px;

}

#mainContentArea {

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 10px;

}
#mainHeaderArea {
  color: #ffffff;
}

#mainHeaderArea p {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  font-family: Comic Sans MS;
}

#mainHeaderArea a {
  color: #ffffff;
  font-size: 14px;
  font-weight: lighter ;
  font-style: oblique;
  font-family: Comic Sans MS;
}

#App-Area {

	padding-right: 10px;

	margin-right: 10px;

	border-right-width: 1px;

	border-right-style: dotted;

	border-right-color: #CCC;

}





#mainWrapper {

	/*background-image: url(../images/header-bg.gif); */

	background-repeat: no-repeat;

	width: 790px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	background-position: top;

}

#mainWrapper #mainContentArea table tr td #App-Area #IntroArea p {

	font-size: 14px;

}

#mainWrapper #mainContentArea table tr td #App-Area #IntroArea p strong {

	color: #333;

	font-size: 18px;

}

#mainWrapper #mainContentArea table tr td #Left-Area p {

	text-align: center;

	color: #333;

	font-weight: bold;

}

#mainWrapper #mainContentArea table tr td #App-Area #step-area p {

	font-size: 14px;

}



form {

	clear: both;

	font-size: 12px;



}



input[type=text] {

		border: 2px solid #dddddd;

		padding: 5px;

		font-size: 16px;

		clear: both;

		display: block;

		font-weight: bold;

		background: #f9f9f9;

		margin: 10px 0;

		width: 98%;

		color: #808080;

	}



	option {

		border: 2px solid #dddddd;

		padding: 5px;

		font-size: 14px;

		clear: both;

		display: block;

		font-weight: bold;

		background: #f9f9f9;



		width: 250px;;

		color: #808080;

	}

		input[type=text]:focus {

			border: 2px solid #65b3f9;

		}



		input[type=image] {

		display: block;

		margin: 20px auto;

		clear: both;

	}



	textarea {

		border: 2px solid #dddddd;

		padding: 5px;

		height: 200px;

		font-size: 16px;

		clear: both;

		display: block;

		font-weight: bold;

		background: #f9f9f9;

		margin: 10px 0;

		width: 98%;

		color: #444;

	}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil {

	color: #333;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil {

	font-weight: bold;

	font-size: 16px;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil {

	color: #016A7F;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil {

	color: #477122;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil {

	color: #333;

}

#mainWrapper #mainContentArea table tr td #App-Area #Preview p {

	font-weight: bold;

	color: #930;

	font-size: 24px;

	text-align: center;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area span {

	font-weight: bold;

	color: #900;

	font-size: 12px;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area .pencil b {

	font-size: 12px;

}



	div.design1 {

		width: 68px;

		height: 26px;

		background: url(../images/radio.jpg) no-repeat;

		display: block;

		text-indent: -999999px;

		float: left;

		margin: 10px 40px;

		padding-top: 60px;

	}

	div.design1 input[type=radio] {

		display: block;

		margin: 0 auto;

	}

	div.design {

		width: 68px;

		height: 76px;

		display: block;

		float: left;

		margin: 10px 40px;

	}#mainWrapper #mainContentArea table tr td #App-Area form .pencil .design-dl {

	font-size: 18px;

	color: #333;

	font-weight: bold;

}

#mainWrapper #mainContentArea table tr td #App-Area form .lightbulb {

	text-align: center;

	font-size: 12px;

}

#mainWrapper #mainContentArea table tr td #App-Area form .pencil strong {

	text-align: center;

}

#mainWrapper #mainContentArea table tr td #App-Area form #step-area b {

	font-size: 12px;

}


