/************************************************
 PRODUCT PAGE
************************************************/

.greenhead { color: #030; }

img {
	border: 0;
}

#pptitlelft {
	width: 450px;
	float: left;
	margin-bottom: 10px;
}

#pptitlergt {
	width: 75px;
	float: right;
	margin-bottom: 10px;
}

#ppcont {
	width: 570px;
	margin: 10px 0px 15px 0px;
}

	#pplft {
		width: 310px;
		float: left;
	}
	
		#pplft img#prodimg {
			border: 0px solid #ccc;
			margin-bottom: 5px;
		}
	
		#enlargeimg {
			float: left;
		}
		
		#enlargetxt {
			float: left;
			line-height: 20px;
			margin-left: 5px;
		}
	
	#pprgt {
		width: 260px;
		float: right;
	}
	
		h2.prodprice {
			display: inline;
			color: #030;
			margin: 0;
			padding: 0;
		}
		
		h2.prodsaleprice {
			color: #c00;
		}
		
			.greyprice {
				color: #666;
			}
	
		#prodbuy {
			width: 248px;
			background-color: #efe;
			padding: 5px;
			margin: 10px 0px 0px 0px;
			border: 1px solid #666;
		}
		
			#prodbuy h2 {
				color: #030;
				margin: 0;
				padding: 0;
			}
			
			#prodvar {
				padding: 5px 0px 0px 0px;
				margin: 0;
			}

				#prodvarlft {
					color: #000;
					float: left;
					width: 70px;
					padding: 2px 5px 0px 25px;
					text-align: right;
				}

				#prodvarrgt {
					float: left;
					width: 140px;
					margin-bottom: 5px;
				}

			#prodqty {
				padding: 5px 0px 0px 0px;
				margin: 0;
			}

				#prodqtyleft {
					color: #000;
					float: left;
					width: 70px;
					padding: 2px 5px 0px 25px;
					text-align: right;
				}

				#prodqtyright {
					float: left;
					width: 140px;
					margin-bottom: 5px;
				}

			#prodorder {
				width: 248px;
				text-align: center;
				margin: 0;
				padding: 5px 0px 0px 0px;
				font-size: 0.9em;
			}

			input.prodordbutt {
				border: 1px solid #030;
				background-color: #ccc;
				filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#cccccc');
				color: #030;
				margin-bottom: 5px;
			}
			
/*** RELATED AND SIMILAR PRODS ***/

ul.prodrelated {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 500px;
}

	ul.prodrelated li{
		margin: 0px 0px 0px 0px;
		padding: 1px 0px 1px 20px;
		line-height: 1.6em;
		background: url(/images/relatedbullet.gif) no-repeat 5px 4px;
	}

	ul.prodrelated a:link, ul.prodrelated a:visited {
		color: #936;
		font-weight: bold;
		text-decoration: none;
	}

	ul.prodrelated a:hover, ul.prodrelated a:active {
		color: #c43;
		text-decoration: underline;
	}

h4.similarprods {
	color: #993366;
	font-size: 1.0em;
	display: inline;
	padding: 0;
	margin: 0;
}

.blockitem {
	margin-right: 0px;
}
			
			
/***********************************************
 MORE DETAIL PAGE - WITH CLOSE BAR AT BASE
************************************************/

#detailcontainer {
	width: 500px;
}

#detailblock {
	height: 110px; /* should match logo height (ish) */
	border-bottom: 1px solid #ddd; /* horizontal line under logo */
	text-align: left;
	padding-top: 2px;
	background-color: #ffffff;
	color: #000;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 0.8em;
}

	#logotopleft {
		margin-left: 5px;
		float: left;
	}
	
		strong#proddesc {
			color: #030;
			line-height: 2.0em;
			width: 98%;
			text-align: right;
		}

#detailcontent {
	width: 500px;
	background: #fff;
	text-align: left;
	padding-top: 2px;
}

	#viewcontainer {
		float: left;
		text-align: left;
		width: 400px;
		padding: 5px 0px 0px 5px;
		margin: 0px;
	}

		#viewimage {
			text-align: left;
			margin: 7px 0px 8px 0px;
		}

/*** CLOSE THIS WINDOW BAR ***/
 
 div.breaker {
 	clear: left;
 	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
 	font-size: 18px;
 	line-height : 18px;
 	
 }
  	* html div.breaker {
	 	font-size: 12px;
	 	line-height : 15px;
	 	
	 }
 
#shutmedown {
	padding: 2px 5px 2px 0px;
	width: 100%;
	text-align: right;
	background-color: #ddd;
}

.review {
	width: 570px;
	clear: both;
	border-bottom: 1px solid #cccccc;
}

	.reviewleft {
		float: left;
		padding: 5px 0;
		width: 150px;
	}

	.reviewright {
		float: right;
		padding: 5px 0;
		width: 410px;
	}

#addreview label {
	clear: both;
	float: left;
	width: 160px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
}

#addreview input {
	margin-bottom: 5px;
}

.submitreview {
	clear: both;
	margin: 10px 0 0 170px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
