/**
 * 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*/
#productGeneral
	{
	width: 567px;
	margin-left: 20px;
	margin-top: 40px;
	border: 1px solid #333;
	}
	

#productName
	{
	background-image: url(../images/topnav-bg.gif);
	background-repeat: repeat-x;
	width: 551px;
	margin: 0px;
	margin-left: 0px;
	padding: 0px 8px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	border:none;
	border-bottom: 1px solid #333;
	}

#productName h1
	{
	color: #fff;
	margin-top: 0px;
	margin-left: 10px;
	font-size: 60%;
	font-weight: normal;
	}

#productImageWrapper{
float: left;
width: 80px;
margin-left: 10px;
margin-top: 10px;
display: block;
}

.productDetails {
margin-left: 5px;
}

#productDescriptionWrapper {
width: 430px;
margin-right: 10px;
margin-left: 20px;
margin-top:0px;
padding-top: 0px;
float: right;
width: 400px;
	}

#productDescriptionWrapper ul {
margin-left: 25px;
padding-left: 0px;
}

#productPrices
	{
	font-size: 200%;
	color: #96111c;
	xdisplay: none;
	xvisibility: hidden;
	}
	
h2#productPrices {
margin: 0px;
margin-left: 10px;
margin-right: 10px;
display: inline;
clear:both;
float: right;
}

#productAdditionalImages
	{

	width: 	150px;
	}
.additional-images
{
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

#productAdditionalImages .additionalImages a { 
    float: left; 
    margin:0px;

    }

.additionalImages
	{
	padding: 0px;
	margin: 0px;
	margin-right: 6px;
	}

/* Additional image popup locations*/

	#largerImageBox {
background-color: #900;
background-image: url(/includes/templates/YOUR_NEW_TEMPLATE/images/topnav-bg.gif);
background-repeat:repeat-x;
padding: 10px;
padding-top: 10px;
padding-bottom: 5px;
position: absolute;
margin: 0px;
top: 184px !important;
left: 350px!important;
visibility: hidden;
-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
-khtml-box-shadow: 4px 4px 8px #aaa;
	-moz-box-shadow: 4px 4px 8px #aaa;
	-webkit-box-shadow: 4px 4px 8px #aaa;
	box-shadow: 4px 4px 8px #aaa;
}

.largerImage {
border: 2px solid #aaa;
-khtml-box-shadow: 2px 2px 8px #fcc;
	-moz-box-shadow: 2px 2px 8px #fcc;
	-webkit-box-shadow: 2px 2px 8px #fcc;
	box-shadow: 2px 2px 8px #fcc;
}