﻿div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	/*height: 150px;*/
	width: 640px; /* 732px;  */
	overflow: hidden;
}
ul.sc_menu {
	display: block;
	height: 135px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding:  10px 0 0 15px;  
	/* removing default styling */
	margin: 0;
	background-color:#a67c52;	
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	/* padding: 0 4px; */
	text-align:center;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: block;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

/* other */


  #pcSelectionArea
  {
  	border:solid 1px #f2f2f2;
  	padding:5px; width: 640px;
  	/* height:150px; */
  	overflow:hidden;
  }
  	
  #pcPreview
  {  
  	height:400px;
  	width: 640px;
  	position:absolute;  
  	z-index:25;	
  }
  #pcForm
  {  
  	height:400px;
  	width: 640px;
  	position:absolute;  	
  	z-index:50;
  }
  	#pcFormInner
  	{
  	 padding:20px;	
  	}

  .itemBox 
  {
  	padding:5px;
  	border: solid 1px transparent;
  }
  
  .itemBox:hover
  {
  	padding:5px;
  	border: solid 1px #c69c72;
  	background-color:#865c32;
  }
  .selectedBox
  {
  	padding:5px;
  	border: solid 1px #c69c72;
  	background-color:#667c22;
  }

  #pcSelectionTable {display:block;}
  #pcMessageTable { display:block; 
                    margin-top:6px;
                    border:solid 1px #f2f2f2;
			   	    padding:5px;
			   	    height:400px;
  					width: 640px;
                    }


