/*------------------------------------------------ GENERAL -------------------------------------------------*/
.hidden{
	display:none;
	margin-top:-1000px;
}
.alert{
	color:red;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.photoBorder1{
	border:solid thin #CC99CC;
}
.photoBorder2{
	border:solid 1px #000000;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#996699;
	margin:0px;
	padding:0px;
}
h1{
	font-size:large;
	font-weight:bold;
	padding:0px;
	margin: 0px 0px 5px 0px;
}
h2{
	font-size:small;
	font-weight:bold;
	padding:0px;
	margin: 0px 0px 5px 0px;
}
h3{
	font-size:small;
	font-weight:bold;
	padding:0px;
	margin: 0px 0px 5px 0px;
}
p a{
	color:#996699;
	text-decoration:none;
}
p a:hover{
	text-decoration:underline;
}
#leftColWrapper a{
	color:#996699;
}
/*------------------------------------------------ MAIN DIVS -------------------------------------------------*/
#flashWrapper{
	border: solid 0px #000000;
	margin: auto;
	width: 581px;
	height: 374px;
}
#background{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background-image:url(../images/purpleWhiteCorner_2.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:849px; 
	height:578px; 
	border:solid thin #FFFFFF;
}
#contentWrapper{
	padding: 0px;
	width: 715px;
	height: 500px;
	margin: 68px 20px 0px 111px;
	/*border:solid thin #FFFF00;*/
}
	#contentWrapper .homepageText{
		margin: 70px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		text-align:left;
	}
	/*------------------------------------------------ MAIN MENU ------------------------------------------------------*/
	#contentWrapper #mainMenu{
		margin-top:5px;
		margin-bottom:20px; /* same as "#contentWrapper #subMenu"'s margin-top */
		height: 20px;
		border-bottom:solid thin #CC99CC;
		width:100%;
		font-size:11px;
		font-weight:bold;
		color:#CC99CC;
		/*border:solid thin #00FF00;*/
	}
		#contentWrapper #mainMenu a{
			font-size:11px;
			font-weight:bold;
			color:#996699;
			text-decoration:none;
		}	
		#contentWrapper #mainMenu ul{
			display:inline;
			list-style:none;
			margin:0px 0px 0px 0px;
			padding:4px 0px 0px 0px;
		}
			#contentWrapper #mainMenu ul li{
				display:inline;
				padding-right:4px;
			}
		#contentWrapper #mainMenu #viewBasketBt{
			float:right;
			border:none;
		}
	/*------------------------------------------------ SUB MENU ------------------------------------------------------*/
	#contentWrapper #subMenu{
		margin-top:-20px; /* same as "#contentWrapper #mainMenu"'s margin-bottom */
		padding-top:3px;
		margin-left: 10px;
	}
		#contentWrapper #subMenu ul{
			display:inline;
			list-style:none;
			margin:0px;
			padding:0px;
		}
			#contentWrapper #subMenu ul li{
				display:inline;
				padding-right:10px;
				color:#CC99CC;
				font-weight:bold;
			}	
		#contentWrapper #subMenu a{
			color:#996699;
			text-decoration:none;
		}
		#contentWrapper #subMenu a.curPage{
			color:#CC99CC;
		}
	/*------------------------------------------------ SPLASH PAGE -------------------------------------------------*/
	#splashBackground{
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		background-image:url(../images/splashBg.png);
		background-position:center top;
		background-repeat:no-repeat;
		width:849px; 
		height:578px; 
		border:solid thin #FFFFFF;
	}
	#splashLogoWrapper{
		padding: 0px;
		width: 715px;
		height: 500px;
		margin: 68px 20px 0px 111px;
		text-align:center;
		/*border:solid thin #FFFF00;*/
	}
		#splashLogoWrapper #splashLogo{
			visibility:hidden;
			margin-top: -200px;
		}
		#splashLogoWrapper #flowersLogo{
			visibility:hidden;
			padding-top:150px;
		}
		#splashLogoWrapper #enterBt{
			border:none;
			visibility:hidden;
		}
	/*------------------------------------------------ split6040 -------------------------------------------------*/
	#contentWrapper #rightColWrapper{
		float:right;
		width: 250px;
		height:440px; /* same as "#contentWrapper #leftColWrapper {" height */
		text-align: center;
		padding:0px;
		border-left: solid thin #CCCCCC;
	}#contentWrapper #leftColWrapper {
		padding-left:5px;
		padding-right: 5px;
		height:440px;/* same as "#contentWrapper #rightColWrapper {" height */
		overflow:auto;
	}
	#contentWrapper #leftColWrapper hr{
		margin-right:10px;
	}
	/*------------------------------------------------ GALLERY -------------------------------------------------*/
	#contentWrapper #galleryImgWrapper{
		float:right;
		width: 590px; /* width and height for this div must be set in pages that use resizePic() javascript function MINUS ANY PADDING BELOW */
		height:420px; /* width and height for this div must be set in pages that use resizePic() javascript function MINUS ANY PADDING BELOW */
		margin-top:20px;
		text-align: center;
		border-left: solid thin #CCCCCC;	
	}
	#contentWrapper #thbNailMenuWrapper{
		text-align:center;
		height: 420px;
		margin-top:20px;
	}	
		#contentWrapper #thbNailMenuWrapper img{
			cursor:pointer;
			padding: 0px;
		}
		#contentWrapper #thbNailMenuWrapper #thbNailMenu{
			height: 370px; /* height for this div must be set inline (style="") so that javascript can access the property */
			width: 120px;
			overflow:hidden;
			position:relative;
			text-align:center;
		}
			#contentWrapper #thbNailMenuWrapper #thbNailMenu img{
				cursor:pointer;
				margin:0px;		/* cancels padding/margin from "#contentWrapper #thbNailMenuWrapper img". Images may have inline padding/margin, which is ok cus javascript can deal with inline. */
				padding: 0px; 	/* cancels padding/margin from "#contentWrapper #thbNailMenuWrapper img". Images may have inline padding/margin, which is ok cus javascript can deal with inline. */
				width:100px;
			}	
	/*------------------------------------------------ RECENT PHOTOS (albums) -------------------------------------------------*/
	#contentWrapper #clientThbNailWrapper{
		float:right;
		width: 550px; 
		height:420px;
		margin-top:20px;
		text-align: center;
		border-left: solid thin #CCCCCC;	
	}	
		#contentWrapper #clientThbNailWrapper a, #contentWrapper #clientThbNailWrapper img{/* "#contentWrapper #clientThbNailWrapper img" are set using the resizeAlbumThbNails() function onload. */
			text-decoration:none;
			color:#996699;
		}
	#contentWrapper #clientListWrapper{
		text-align:center;
		height: 420px;
		margin-top:20px;
	}	
		#contentWrapper #clientListWrapper #clientList{
			height: 370px; 
			width: 150px;
			overflow:auto;
			text-align:left;
			margin:0px;
			padding:0px;
		}
			#contentWrapper #clientListWrapper #clientList li{
			padding-bottom: 5px;
			}		
				#contentWrapper #clientListWrapper #clientList li a{
					font-size:small;
					color:#993399;
					text-decoration:none;
				}
					#contentWrapper #clientListWrapper #clientList a:hover{
						text-decoration:underline;
					}	
	/*------------------------------------------------ ALBUM (FULL LISTING) -------------------------------------------------*/
	#contentWrapper #albumThbNailWrapper{
		margin-top: 20px;
		width:100%;
		text-align:center;
	}
		#contentWrapper #albumThbNailWrapper a img{/* "#contentWrapper #albumThbNailWrapper img" are set using the resizeAlbumThbNails() function onload. */
			
		}
		#contentWrapper #albumThbNailWrapper td{
			padding-bottom:20px;
		}
	#contentWrapper .curPage{
		text-align:center;
		font-size:small;
		color:#996699;
		font-weight: bold;
		padding-bottom:3px;
	}
		#contentWrapper .curPage a{
			color:#996699;
			text-decoration:none;
			font-weight: normal;
		}
		#contentWrapper .curPage a:hover{
			text-decoration:underline;
		}
	#contentWrapper .pageList{
		margin-top: -3px;
		float:right;
		text-align:right;
		font-size:small;
		color:#996699;
		font-weight: bold;
	}
		#contentWrapper .pageList a{
			color:#996699;
			text-decoration:none;
			font-weight: normal;
		}
		#contentWrapper .pageList a:hover{
			text-decoration:underline;
		}
	/*------------------------------------------------ VIEW PHOTO -----------------------------------------------*/
	#contentWrapper #productDetails{
		float:right;
		height:420px;
		width: 245px;
		border-left: solid thin #CCCCCC;
		margin-top:20px;
		padding-left:10px;
	}
		#contentWrapper #productDetails td{
			padding: 5px;
		}
		#contentWrapper #productDetails a img{
			border:none;
		}		
	#contentWrapper #viewPhotoWrapper{
		text-align:center;
		margin-top:20px;
		height: 400px;
	}
		#contentWrapper #viewPhotoWrapper a{
			color:#996699;
			text-decoration:none;
			font-weight: bold;
			margin-left: 10px;
			margin-right:10px;
		}
			#contentWrapper #viewPhotoWrapper a:hover{
				text-decoration:underline;
			}
	/*------------------------------------------------ VIEW BASKET -----------------------------------------------*/
	#contentWrapper #basketWrapper{
		overflow:auto;
		height: 390px;	
		/*border:solid thin black;*/
	}
		#contentWrapper #basket{
			width: 700px;
			border-collapse:collapse;
		}
			#contentWrapper #basket tr{
			}
				#contentWrapper #basket tr td{
					margin-bottom: 10px;
					/*border:solid thin black;*/
				}
			#contentWrapper #basket tr td .thbNail{
				width: 50px;
			}
			#contentWrapper #basket tr td img{
				border:none;
			}
			#contentWrapper #basket tr td a{
				text-decoration:none;
				color:#996699;
			}
	#contentWrapper #basketTotal{
		font-weight: bold;
		float:right;
		text-align:right;
		
	}
		#contentWrapper #basketTotal img{
			border:none;
		}
/*------------------------------------------------ FORMS -------------------------------------------------*/
textarea{
	width:200px;
	height:70px;
}
.txtBxMedium{
	width:200px;
}
.txtBxSmall{
	width: 30px;
}
form{
	margin:0px;
}
select{
	font-size:x-small;
}
