/* 
WEBSITE: The White Flower Company
-----------------------
AUTHOR: Mark Scholey
-----------------------
DATE CREATED: 31/03/08
-----------------------
Stylesheet for Shop
-----------------------

*/

/*
Content layout for home page
*/

#bodyCopy			{ width:660px; background-color:#EAEAEA; margin:10px 0px 0px 15px; padding:10px; }

.productHolderMain		{ width:660px; background-color:#F9F9F9; margin: 0px 0px 10px 0px; }

.productHolderMain ul		{ margin:0px -10px 0px 10px; padding:0px 0px 0px 0px; text-align: left; font-size: 70%; color:#666666; }
.productHolderMain ul li	{ list-style: none; margin: 10px 10px 0px 0px; display:table; width: 314px; float:left; }

.productHolderMain2		{ width:660px; background-color:#F9F9F9; margin: 0px 0px 0px 0px; }

.productHolderMain2 ul		{ margin:0px -10px 0px 10px; padding:0px 0px 0px 0px;  text-align: left; font-size: 70%; color:#666666; }
.productHolderMain2 ul li	{ list-style: none; margin: 10px 10px 0px 0px; display:table; width: 152px; float:left; }

.productHolderMain3		{ width:660px; background-color:#F9F9F9; margin: 0px 0px 10px 0px; }

.productHolderMain3 ul		{ margin:0px -10px 0px 10px; padding:0px 0px 0px 0px; text-align: left; font-size: 70%; color:#666666; }
.productHolderMain3 ul li	{ list-style: none; margin: 10px 10px 0px 0px; display:table; width: 200px; float:left; }

.clear				{clear:both; height:1px;}
.clear2				{clear:both; height:10px;}
.prodTitle			{font-weight:bold;}
.prodFront			{margin: 0px 0px 4px 0px;}
.prodPage			{font-weight:bold; text-align: center; }

.productDetailHolder		{ width:640px; background-color:#F9F9F9; margin: 0px 0px 10px 0px; padding:10px 10px 10px 10px; }
.imgLeft			{float:left;}
#productDetail			{ width: 350px; float:right;}
#productDetail	p		{ margin: 10px 0px 10px 16px;}

.quantity			{margin-left: 16px;}
form				{color:#5C5C5C; }
.additionalImages		{ position: relative; width:660px; background-color:#F9F9F9; margin: 0px 0px 0px 0px; color:#666666; }
.additionalImages	 ul	{ margin:0px -10px 0px 10px; padding:0px 0px 0px 0px;  text-align: left; font-size: 70%; color:#666666; }
.additionalImages	 ul li	{ list-style: none; margin: 10px 10px 0px 0px; display:table; float:left; }

.rowTitles			{ text-align:left; color:#4d3d2e; font-weight:normal; font-size:110%; font-family: "lucida Sans Unicode", Verdana, Helvetica, sans-serif;}
.rowCopy			{ text-align:left; color:#5C5C5C; font-weight:normal; font-size:90%;  }
.rowCenter			{ text-align:center;}
.rowError			{ text-align:left; color:#c00000; font-weight:normal; font-size:90%;  }

td 				{ padding: 5px 1px; vertical-align: top;}

.popupImages			{ position: relative; width:500px; margin: 0px 0px 0px 0px; color:#666666; }
.popupImages	 	ul	{ margin:0px -10px 0px 10px; padding:0px 0px 0px 0px;  text-align: left; font-size: 70%; color:#666666; }
.popupImages	 	ul li	{ position: relative; list-style: none; margin: 10px 10px 0px 0px; display: list-item; float:left; }

.thumbnail 			{ position: relative; z-index: 0; }
.thumbnail:hover 		{ background-color: transparent; z-index: 50; }

/*CSS for enlarged image - hidden */
.thumbnail1 span		{ position: fixed; top: 280px; left: 20px; visibility: visible; color: black; text-decoration: none; }
.thumbnail span			{ position: absolute; top: -1000px; left: -1000px; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img		{ border-width: 0; padding: 0; }

/*CSS for enlarged image on hover*/
.thumbnail:hover span		{ position: fixed; visibility: visible; top: 280px; left: 20px; }