@charset "utf-8";

/** 
IMPORTANT NOTE: when referencing any ID's, you must define it as:
div#myID or table#myOtherID, as the shopsite comment system is
to start a line with a hash tag. defining a style as just #myID
will comment out that line and consequentially mess everything up.
**/

/************************************/
/*         MORE INFO STYLES         */
/************************************/
.pcs_table .productGraphic img{
	width:72px;
	height:72px;
}

.pcs_table td{
	width:20%;
}

.moreInfoGraphic{
	float:left;
	margin: 0 10px 10px 0;
	border-right:1px dashed #036;
	padding-right:10px;
	width:305px;
}

.moreInfoGraphic img{
	border:2px solid #036;
}

h2.moreInfoHead{
	font-size:24pt;
}

h3.moreInfoPrice strong{
	font-size:14pt;
	font-weight: normal;
}

div.moreInfoDesc{
	margin-top:20px;
}

.moreInfoReview{
	margin-top: 20px;
}

.moreInfoCheckout{
	margin-top:5px;
}

.moreInfoCheckout input[type|="image"]{
	float: right;
	margin-left:5px;
}

.moreInfoCheckout input[type|="text"]{
	float: left;
	margin-right:5px;
}

table#moreInfoTable td{
	width:20%;
	text-align:center;
	background:#fff;
	padding:10px;
}

table#moreInfoTable td img{
	border:none;
}

.moreInfoViews p{
	float:right;
}

.moreInfoViews li{
	list-style:none;
	display:inline;
	background: #036;
	border:2px solid #036;
	color:#FFF;
	padding:0 3px 1px 3px;
	margin:0;
	cursor:pointer;
}

li.liSelected{
	background: #6CF;	
}

.backorder{
	text-align:center;
	color:#900;
	background:#ddd;
	padding:5px
}

h4.backorder{
	padding-bottom:0;
}

.backorder span a{
	color:#900 !important;
}

.backorder span{
	display:block;
	font-weight:bold;
}