body {
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
	text-align: center; /* for IE 5.5 */
	background-color: #FFFFFF;
}

div.productPageWrapper img { display: block; }

	div.productPageWrapper {
		position: relative;
		background-color: #dfdfdf;
		background-image: url(graphics/marginRight.gif);
		background-position: top right;
		background-repeat: repeat-y;
		margin: auto;
		/* width: 85%;*/
		padding-right: 2px;			
		/* min-width: 716px; */
		width: 738px;
	}
		
	img.productPageBottomEdge {
           width: 740px;
           height: 21px;
           margin: auto;
           padding-bottom: 2px;
           background-color: #ffffff;
       }
			
		#cornerLeft,
		#cornerRight {
			position: absolute;
			z-index: 1;
			top: 0;
			width: 26px;
			height: 18px;
			background-repeat: no-repeat;
		}

		#cornerLeft { 
			left: 0; 
			background-image: url(graphics/cornerLeft.gif);
		}
		
		#cornerRight {
			right: -16px;
			background-image: url(graphics/cornerRight.gif);
		}
		
		div.productPageContent {
			position: relative;
			background-image: url(graphics/marginLeft.gif);
			background-repeat: repeat-y;
			padding-left: 16px;
			text-align: left;
			padding-bottom: 15px;			
			/* min-width: 708px; */	
			width: 708px;
		}

			/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
			/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
			div.productPageContent:after {
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0;
				font-size: 0.1em;
				line-height: 0;
			}	
			/* hide from IE/Mac \*/
			* html div.productPageContent { height: 1%; }
			/* end hide from IE/Mac */
		
			div.productPageContent img { display: block; }
		
			img.headerGraphic {
				position: relative;
				z-index: 2;
				margin: auto;
				width: 708px;

				margin-bottom: 0px;
				border: none;
			}
		
				div.sideBar {
					width: 242px;
					margin: 8px 8px 0 16px;
					float: right;
				}

					div.sideBarBox {
						background-color: #9f9f9e;
						background-image: url(http://www.galbanum.com/products/architecture/graphics/sideBoxBottom.gif);
						background-repeat: no-repeat;
						background-position: bottom center;
						padding-bottom: 7px;
						margin-bottom: 20px;
					}
					
						.mediaPlayer {
							width: 224px;
							xheight: 32px;
							margin: 8px auto 2px auto;							
						}

						div.sideBar div.sideBarBox p {
							color: white;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							line-height: 1.3em;
							margin: 5px 13px 0 13px;
							text-align: left;
						}
						
						div.sideBar div.sideBarBox a {
							color: white;
							text-decoration: none;
							line-height: 1.6em;
						}
						
							div.sideBar div.sideBarBox a:hover {
								text-decoration: underline;
							}
						
			img.titleGraphic {
				position: relative;
				margin-left: -8px;
				float: left; /* for IE5/Mac */
				margin-bottom: 5px;
			}
			/* hide from IE/Mac \*/
			div.productPageContent img.titleGraphic { 
				float: none;
				margin-bottom: 0;
			}
			/* end hide from IE/Mac */
			
			div.productPageContent p {
				margin: 5px 23px 15px 15px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: black;
				line-height: 1.3em;
				text-align: justify;
				clear: left; /* for IE5/Mac */
			}
			/* hide from IE/Mac \*/
			* html div.productPageContent p { clear: none; }
			/* end hide from IE/Mac */