@charset "utf-8";

form
{
	margin-top:25px;
	padding:25px;
	background-color:#FFFFFF;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	
}
form h1
{
margin:10px;
padding:0;
}
#productVars
{
	width:175px;
	border:1px dashed #ccc;
	float:right;
	margin:0;
	margin-top:50px;
	margin-right:0px;
}
#productVars p
{
	margin:4px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#63309C;
}
ul#stepForm
{
	
	list-style-type:none;
	margin-top:0;
	padding:0;
}
ul#stepForm li
{
	
	
	margin-top:0;
	padding:0;
}

#orderForm p img
{
	vertical-align:middle;
}

fieldset
{
	
	margin:0;
	width:800px;
	padding:25px;
	border:1px solid #7BA6DE;
	clear:both;
}

legend
{	
	color:#295DAD;
	font-size:1em;
	font-weight:bold;
}
#orderForm p img
{
	vertical-align:middle;
	cursor:pointer;
}
table#backgrounds
{
	
	
}
.artCatsContainer
{
font-size:.8em;
text-align:center;

}
.artCatsContainer a
{
	color:#295DAD;
	text-decoration:none;
}
.artCatsContainer a:hover
{
	text-decoration:underline;
}
table.categories, table.subCats
{
	clear:both;
	
	margin-top:10px;
	padding:5px;
	/*border:1px solid #ccc;*/
	width:763px;
}
table.categories tr td, table.subCats tr td
{
	
	padding:4px;
	
}
span.artCnt
{
	font-size:.7em;
	color:#7BA6DE;
}
a.add
{
 font-size:.9em;
 color:	#7BA6DE;
 text-decoration:none;
}
a:hover.add 
{
 text-decoration:underline;
}
a.add img
{
	vertical-align:middle;
}	
input.button
{
	border:0;
	margin:0;
	margin-top:15px;
	padding:8px 25px 8px 25px;
	background-color:#295DAD;
	color:#fff;
	cursor:pointer;
}

#order label.error
{
	font-size:.8em;
	margin-left:5px;
	width:auto;
	display:inline;
}
.error
{
	color:#FF0000;
}
a.showCats
{
 font-weight:bold;
 font-size:14px;

 }
#selectedArt
{
	float:right;
	width:100px;
	height:140px;
	text-align:center;
	margin-top:20px;
	
	
}
div.nameOverArt
{
	position:relative;
	float:left;
}
div#selectedNOA
{
	float:right;
	width:100px;
	height:140px;
	text-align:center;
}


#selectedArt h6, #selectedNOA h6, #selectedBG h6
{
padding:0;
padding-bottom:15px;
margin:0;
}
h4.stepHeader
{
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FF6600;
}
span.instruction
{

clear:both;
float:left;
margin:4px;
font-size:.8em;
color:#ffffff;
}
a.whatsthis
{
float:right;
margin:4px;
font-size:.8em;
text-decoration:none;
color:#7BA6DE;
}
a.whatsthis:hover 
{
text-decoration:underline;

}
a.whatsthis img
{
vertical-align:middle;
}
div.yourArtQ
{
	position:relative;
	width:430px;
	padding:2px;
	font-size:.8em;
	color:#fff;
	margin:2px;
	background-color:#7BA6DE;

}


.col
{
	width:5px;
	height:5px;
	border:1px solid #000;
}
fieldset p 
{

	margin-top:5px;
}
fieldset p.select 
{
	width:200px;
	float:left;
	margin-top:5px;
}
fieldset select
{
	width:130px;
}
/*.clearer
{
clear:both;
}*/
input.submitbutton,.nextbutton,.backbutton {
	width: 100px;
	height: 40px;
	background-color: #663399;
	padding: 4px;
	border: 1px solid #339933;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	margin: 7px;
}

label {
	text-align: right;
	width: 298px;
	border-right: 1px dotted #099;
	padding-right: 5px;
	margin: 0 0 8px 0;
	float: left;
	clear: left;
	display: block;
	color: #7563A5;
}
fieldset input,fieldset select,fieldset textarea {
	margin-left: 10px;
	margin-bottom: 8px;
}
#order label.warning {
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color: #CC3366;
	font-size: 10px;
	border: none;
	border-top: 1px dotted #CC3366;
}
div.buttonWrapper {
	
	margin: 28px 0 14px 0;
	clear:both;
	text-align: center;
}
img.remove
{	
	vertical-align:middle;
}
table#backgrounds,table#noas, table#mainArts
{
	clear:left;
	
	
	width:650px;
	text-align:center;
	
	margin:0;
	
	
	/*margin-bottom:50px;*/


}
table#backgrounds tr td, table#noas tr td,table#mainArts tr td
{
	padding:2px;
	text-align:center;
}
span.clickable {
  cursor: pointer;
}

.hover {
  text-decoration: underline;
}
div.pager {

  clear:both;
  margin-left:580px;
  margin-top:5px;
  margin-bottom:8px;
  font-size:16px;
  color:#ffffff;
  padding-bottom:5px;
}

span.page-number {
  padding: .5em;
  border: 1px solid #fff;
}
span.active {
  background: #295DAD;
  border: 1px solid #006;
  color:#fff;
}
span
{
clear:both;
}
.bg
{
	margin-top:3px;
}
span.filename
{
font:normal .8em/120% Verdana, Arial, Helvetica, sans-serif;
color:#63309C;
}
/*.clearer
{
display:block;
clear:both;
}*/
a.head
{
height:0;
margin:0;
padding:0;
}
p.hasStep
{
	clear:both;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}