/**
 * Additional CSS stylesheet v. 1.1
 * This file is part of the Additional images relocated with CSS contribution to Zen Cart.
 * This stylesheet works as an add-on to the main stylesheet, in other words it will load after it,
 * thus taking precedence. Selectors in this stylesheets will modify same selectors in the main stylesheet.
 * It contains the stylesheet declarations needed to display additional images relocated below
 * the main product image, and to prevent the product description from wrapping around the images.
 * It is just a sample stylesheet, you HAVE to customize it to your site's needs, just play
 * around with the values.
 * It is provided for ease of uninstallation.
 * If you ever need to uninstall the contribution, just delete this file as part of the process.
 * You can also copy and paste the code into your main stylesheet, don't forget to include the comments
 * so you will be able to readily uninstall later. 
 * July 09, 2008
 */

/*beginning of Product Display code*/
#productImageWrapper {
float: left;
width: 300px;
margin-left: 80px;
height: 500px;
}

#productDescriptionWrapper {
	width: 310px;
	margin-left: 400px;
	margin-top: 0px;
	margin-bottom: -400px;
	line-height: 1.5em;
	margin-top: -30px;
	}

#productAdditionalImages .additionalImages a { 
    float: left; 
    margin-left: 0px;
	position: relative;
    }
	
#productAdditionalImages {
	position: absolute;
top:6px;
left: 270px;
width: 80px;
height: 450px;
}

#productAdditionalImages table {
	border-spacing: 0px;
}

#productMainImage {
	margin-left: 2px;
}

.additionalImages img	 {
	padding-bottom: 2px;
	width: 70px;
}

/* end of Product Display code */