/******************************************
 PRODUCT PAGE
******************************************/

.pinkhead {
	color: #d59;
}

img {
	border: 0;
}

#ppcont {
	width: 570px;
	margin: 10px 0px 15px 0px;
}

	#pplft {
		width: 270px;
		float: left;
	}
	
		#pplft img#prodimg {
			border: 0px solid #ccc;
		}
	
		#enlargeimg {
			float: left;
		}
		
		#enlargetxt {
			float: left;
			line-height: 20px;
			margin-left: 5px;
		}
	
	#pprgt {
		width: 300px;
		float: right;
	}
	
		h2.prodprice {
			display: inline;
			color: #d59;
			margin: 0;
			padding: 0;
		}
		
		h2.prodsaleprice {
			color: #c00;
		}
		
			.greyprice {
				color: #666;
			}
	
		#prodbuy {
			width: 280px;
			background-color: #fef;
			padding: 10px;
			margin: 10px 0px 0px 0px;
		}
		
			#prodbuy h2 {
				color: #000;
				margin: 0;
				padding: 0;
			}

			#prodqty {
				padding: 5px 0px 0px 0px;
				margin: 0;
			}

				#prodqtyleft {
					padding-top: 2px;
					color: #000;
					float: left;
					width: 140px;
				}

				#prodqtyright {
					float: left;
					width: 70px;
				}

			#prodorder {
				width: 280px;
				text-align: center;
				margin: 0;
				padding: 5px 0px 0px 0px;
				font-size: 0.9em;
			}

			input.prodordbutt {
				border: 1px solid #000;
				background-color: #d59;
			}
	
/******************************************
 MORE DETAIL PAGE - WITH CLOSE BAR AT BASE
******************************************/

#detailcontainer {
	width: 500px;
}

	
	/* set the logo away from the left edge */

#detailblock {
	height: 75px; /* should match logo height (ish) */
	border-bottom: 1px solid #d59; /* horizontal line under logo */
	text-align: left;
	padding-top: 2px;
	background-color: #ffffff;
}

	#logotopleft {
		margin-left: 5px;
		float: left;
	}

	#detailblocktext {
		float: left;
		text-align: left;
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		color: #000000;
		margin-left: 80px;
		padding-top: 30px;
	}


/* contains the left and right columns, terminates before coloured base strip */

#detailcontent {
	width: 500px;
	background: #ffffff;
	text-align: left;
	padding-top: 2px;
}


	/* left column - the BIG window, main and alt. views */

	#viewcontainer {
		float: left;
		text-align: left;
		width: 400px;
		padding: 5px 0px 0px 5px;
		margin: 0px;
	}

		#viewimage {
			/* border: 1px solid #993366; */
			text-align: left;
			margin: 7px 0px 8px 0px;
		}

		
		
		/* bordered links with mouseover to main and alt. views */

		ul.aview {
			font-weight: normal;
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

			ul.aview LI {
				font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
				font-size: 11px;
				width: 45px;
				margin-right: -1px;
				background: #CC6699;
				border-top: 1px solid #993366;
				border-left: 1px solid #993366;
				border-right: 1px solid #993366;
				text-align: center;
				float: left;
				color: #000000;

			}
			
			ul.aview LI.wide {
				width: 75px;
			}
			
			ul.aview LI A:link,ul.aview LI A:visited {
				font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
				font-size: 11px;
				width: 45px;
				color: #333333;
				background: #ffffff;
				display: block;
				text-decoration: none;
			}

			ul.aview LI A:hover {
				color: #FFFFFF;
				background: #CC6699;
			}
			
		
	/* right side - containing all ZOOM features */
	
	#zoomarea {
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 13px;
		font-weight: bold;
		color: #8E335F;
		float: right;
		padding: 5px 0px 0px 0px;
		margin: 0;
		text-align: left;
		width: 211px;
	}
	
	
		/* bordered links with mouseover to main and alt. zooms */
	
		ul.bview {
			font-weight: normal;
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

			ul.bview LI {
				font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
				font-size: 11px;
				width: 28px;
				margin-right: -1px;
				background: #ffeeee;
				border-top: 1px solid #CC4433;
				border-left: 1px solid #CC4433;
				border-right: 1px solid #CC4433;
				text-align: center;
				float: left;
				color: #000000;
			}
			
			ul.bview LI.wide {
				width: 61px;
			}

			ul.bview LI A:link,ul.bview LI A:visited {
				font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
				font-size: 11px;
				width: 28px;
				color: #333333;
				background: #ffffff;
				display: block;
				text-decoration: none;
			}

			ul.bview LI A:hover {
				color: #FFFFFF;
				background: #DD78B0;
			}

		#zoomcontainer {
			font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
			font-size: 13px;
			font-weight: bold;
			color: #8E335F;
			float: right;
			background: #ffeeee;
			padding: 15px 15px 15px 15px;
			text-align: left;
			width: 211px;
			margin: 0px 3px 0px 0px;
			border: 1px solid #CC4433;
		}

		#zoomimageborder {
			padding: 0px;
			margin: 0px;
			border: 1px solid #CC4433;
		}

		#zoomimage {
			padding: 0px;
			margin: 0px;
			border: 1px solid #ffffff;
		}


/*************************
 CLOSE THIS WINDOW BAR
 *************************/
 
 
 /* BREAKER AT 15px FOR CORRECT SPACING IN FIREFOX */
 
 div.breaker {
 	clear: left;
 	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
 	font-size: 18px;
 	line-height : 18px;
 	
 }
 
 
 	/* BREAKER AT 5px FOR CORRECT SPACING IN IE */
 
 	* html div.breaker {
	 	clear: left;
	 	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	 	font-size: 12px;
	 	line-height : 15px;
	 	
	 }
 
#shutmedown {
	padding: 2px 5px 2px 0px;
	width: 100%;
	text-align: right;
	background-color: #d59;
}


/****************************
 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;
}

img.prodpagethumb {
	/* border: 1px solid #406D9E; */
	border: 0;
	margin-right: 10px;
}