/* Courtesy of Michael J. Petruniak [mike.petruniak@gmail.com] */	
body
{
	text-align:center;
	/* background-image:url("http://www.eyecandysigns.net/img/Rose_Bckround.gif"); */
}

p.black, p.navy, p.red { padding:0; margin:8px 0; text-align:center; }
p.navy { color:navy }
p.red { color:#f00; }
p.navy a { color:navy; }

div#creation_main
{
	background-color:#FFFFFF;
	width:680px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:left;
	padding:0 10px 0 10px;
	border: 1px solid #000000;
}

div#text_entry
{
	margin:10px 0 5px 0;
}	

div#text_entry div#text_entry_container
{
	border:1px solid #000000;
}

div#text_entry textarea#text1
{
	height:80px;
	width:99%;
	border:none;
	border-color:#FFFFFF;
	/* Property overflow-y doesn't exist in CSS level 2.1 but exists in [css3] - Firefox workaround ensuring text wraps */
	overflow-y:hidden;
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
}

div#user_selections
{
	width:inherit;
	padding:5px 0 5px 0;
}

div.action_text
{
	font-weight:bold;
}

span.side_note
{
	font-size:10px;
	font-weight:normal;
	font-style:italic;
}

div#user_selections div#left_pane
{
	border:1px solid #000000;  
	float:left; 
	width:29%;
	height:240px;
	padding:5px;
}

div.color div.swatch_row
{
	overflow:hidden;
	margin:7px 0 7px 0;
	clear:left;
}

div.swatch_row div.left_position
{
	float:left;
	margin-right:8px;
}

div.swatch_row div.swatch
{
	width:15px;
	height:15px;
	cursor:pointer;
}

div#banner_alignment
{ 
	margin:3px 0 8px 0;
	word-spacing:8px;
	border:none;
}

div#banner_alignment img, div.font
{ 
	cursor:pointer;
}

div#user_selections div#right_pane
{
	border:1px solid #000000;  
	float:right;
	width:29%; 
	height:240px;
	padding:5px;
}

div#checkout
{
	margin:2px 0 5px 0;
	text-align:center;
}

div#user_selections div#middle_pane
{
	border:1px solid #000000; 
	width:240px; 
	height:240px; 
	margin:0 auto;
	text-align:left;
	padding:5px 0 5px 5px;
	/* Property overflow-x & overflow-y doesn't exist in CSS level 2.1 but exists in [css3] */
	overflow-x:hidden;
	overflow-y:scroll;
}

div#buy_button, div#middle_pane_container
{
	text-align:center;
}

div#preview_pane
{
	clear:both;
	text-align:center;	
	padding-top:10px;
}

p#props
{
	color:#3D2D97;
	text-align:center;
}

p#props a
{
	text-decoration:none;
}

p#props a:hover
{
	background-color:#FFFF66;
}