/* <?php
*/

/* Shop Styles here please
*/
.legalinfo {
	background: lightgray;
	border: 2px solid gray;
	margin: 10px;
	padding: 0px 0px 10px 10px;
}
/*
General Formatting
*/
.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
}

.formField {
	float:left;
	width:60%;
	margin: 2px;
		
}
/**
* Administration Styles
*/
.adminListHeader {
	float:left; height: 48px; background-repeat: no-repeat;
	text-align: left; font-size: 18px; font-weight: bold;
	padding-left: 80px;	
}

.labelcell {
	margin-left: auto;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}

/**
* Errors, Warnings and Info formatting
*/
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
	font-size: 120%;
  	margin-top: 0.8em;
  	margin-left: auto;
  	margin-right: auto;
  	width: 70% !important;
  	clear: both;
  	text-align: justify;
  	vertical-align: middle;
  	border-collapse: collapse;
  	padding: 15px 20px 15px 80px;
  	background-position: 20px 50%;
  	background-repeat: no-repeat;
  	-moz-border-radius: 20px;
  	-khtml-border-radius: 20px;
  	border-radius: 20px;
}
.shop_error {
  	background-color: #fdd;
	background-image: url( ../shop_image/ps_image/log_error.png );
}
.shop_warning {
  	background-color: #ffc;
	background-image: url( ../shop_image/ps_image/log_warning.png );
}
.shop_info {

  	background-color: #eef;
  	background-image: url( ../shop_image/ps_image/log_info.png );
}
.shop_tip {
	background-image: url( ../shop_image/ps_image/info.png );
  	background-color: #dfd;
}
.shop_debug {
	background-color: #F0F8FF;
	background-image: url( ../shop_image/ps_image/log_debug.png );

}
.shop_critical {
	background-color: salmon;
	font-weight: bold;
	background-image: url( ../shop_image/ps_image/log_critical.png );
}

/* add by jackychen*/
.shop_componentheading {
	padding: 0 0 5px 2px;
	margin-bottom: 10px;
	background: url(../images/sep.gif) repeat-x bottom;
	font-size: 150%; 
	font-weight: bold;
	line-height: normal;
	padding-bottom: 30px;
}

.shop_productwrap {
	border-top: 1px solid #dfd;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-top: 20px;
	margin-right: 20px;		
}

.shop_product {

}

.shop_product-name {
	font-size: 150%; 
	font-weight: bold;
}

/*shop prod details */
.shop_prod-details {
}

.shop_prod-details-wrap {
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-top: 10px;
	width: 100%;
}

.shop_prod-details-images {
  float:left;
  width:400px;
	margin-right: 10px;		  
}

.shop_prod-details-info {
  float:left;
  width:280px;
}

.shop_prod-details_product-name {
	font-size: 150%; 
	font-weight: bold;
	border: 0px;	
	background-color: #eef;
}

.shop_prod-details_product-description {
	background-image: url(../shop_image/ps_image/fullwa-water.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.shop_prod-details_slipt {
	background-image: url(../shop_image/ps_image/slipt.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 20px;	
	padding-bottom: 20px;	
}

/* A fake IE information bar */
#infobar {
	font: message-box;
}

/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
	display: block;
	float: left;
	clear: both;
	text-align:left;
	width: 100%;
	color: InfoText;
	background: InfoBackground url(warning.gif) no-repeat fixed .3em .3em;
	padding: .45em .3em .45em 2em;
	margin: 0px;
	border-bottom: .16em outset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	color: HighlightText;
	background: Highlight url(warning2.gif) no-repeat fixed .3em .3em;
}