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

#productMainImage img {
	border: 1px solid #FFFFFF;
	}

#productDescriptionWrapper {
	width: 196px;
	height: 240px;
	margin-left: 330px;
	background-color: #0A0507;
	border: 1px solid #FFFFFF;
	}

#productAdditionalImagesWrapper {
	float: left;
	width: 532px;
}

#productAdditionalImages .additionalImages img { 
    float: left; 
	border: 1px solid #FFFFFF;
    }
	
#cartAdd {
	border: 0px solid #FFFFFF;
	padding: 0px;
	}
/* end of Product Display code */

#productListing {
	border: 0px solid #FF0000;
	width: 550px;
	}
	
#productListing label, .productListing-heading, #productsListingBottomNumber { display: none }

.productListing-data {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
	}
	
#productsListingBottomNumber {
	clear: both;
	margin: 10px auto 10px auto;
	}