/* Courtesy of Michael J. Petruniak [mike.petruniak@gmail.com] */	

body

{

	text-align:center;

	background-color:#FFFFFF;

}


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

div#heading_instructions {
	font-size:12px;
	padding:0 0 8px 0;

}


div#heading_instructions h2

{

	text-align:center;

	font-size:20px;

	padding-top:5px;

}



.text_entry

{
	height:100px;
	margin:10px 0 5px 0;

}	



.text_entry_container

{

	border:1px solid #777777;

}



.text_entry textarea

{

	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;

}



.user_selections {
	width:inherit;
	padding:5px 0 5px 0;
}



div.action_text

{	
	font:bold 12px Arial, Helvetica, sans-serif;
}



span.side_note

{

	font-size:10px;

	font-weight:normal;

	font-style:italic;

}

.price_pane  {
	position:absolute;
	z-index:200;
	margin:335px 0 0 470px;
	width:207px;
}
#buy_button {text-align:center;}

#left_pane {
	border:1px solid #777777;  
	position:absolute;
	z-index:200;
	float:left; 
	width:207px;
	height:250px;
	margin:161px 0 0 11px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#left_paneIn {padding:5px 10px 5px 10px;}


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;

}



.banner_alignment{ 

	margin:3px 0 8px 0;

	word-spacing:8px;

	border:none;

}



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



.right_pane{
	border:1px solid #777; 
	float:right; 
	width:200px;
	padding:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.right_paneIn {	
	padding:0 10px 0 10px; 
	height:240px;
	font-size:12px;
	}


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



#middle_pane_container{
	border:1px solid #777777;
	position:absolute;
	margin:161px 0 0 230px;
	width:228px;
	text-align:center;

}

#middle_pane
{
	height:250px;
	margin:0 auto;
	text-align:left;
	overflow-x:hidden;
	overflow-y:scroll;
}

#middle_paneIn {	padding:5px 0 5px 5px;}




.preview_pane{
	clear:both;
	text-align:center;	
	padding:10px 0 15px 0;
}

.al_pane {
	margin:170px 0 0 10px;	
	z-index:201;
	position:relative;
	width:200px;
	}


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


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


.enchTabs {height:26px;margin:14px 0 0 0; }

.enchTabs li, .enchTabs li.off {float:left;  line-height:26px; height:26px; font-size:10px; background-image:url(../images/sch2.gif); background-repeat:no-repeat; background-position: right 0; text-transform:uppercase;}
.enchTabs li a, .enchTabs li.off a{color:#000; display:block; text-decoration:none;background-image:url(../images/sch1.gif); background-repeat:no-repeat; background-position: 0 0;padding:0 20px 0 20px; cursor:pointer;}


.enchTabs ul{      
	padding:0;                 
    list-style: none;
}
.enchTabs li.on,.enchTabs li.on1 { background-position: right -26px !important;}
.enchTabs li.on a,.enchTabs li.on1 a{color:#fff !important; text-decoration:none !important;background-position: 0 -26px !important;}

.prevTblWrap {min-height:33px; display:block;overflow:scroll;overflow-y : hidden; width:680px;}
.previewTd {padding:10px 0 10px 0;  }
.preview {font-size:33px; line-height:40px; }