#virtualhost {
	/* this is the container for the iframe and determines the width of the content in the iframe */
	width:900px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	min-height:650px; /* needed for albumviewthumbnail.ftl page for the lightbox zoom,which requires 640px */
	padding: 0 0 20px 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
}
#virtualhost a {
	color:#000000;
}
#virtualhost a:link {
	color:#000000;
}
#virtualhost a:active {
	color:#000000;
}
#virtualhost a:hover {
	color:#000000;
}
#virtualhost a:visited {
	color:#000000;
}
#virtualhost .pageTitle {
	font-size:14px;
	color:#996633;
}
#virtualhost table {
	background-color:transparent;
	font-size:12px;
}
#virtualhost table.selectedphoto {
	border:3px solid #996633;
}
#virtualhost td.smalllabel {
	font-size:10px;
	color:#996633;
}
#virtualhost td.border {
	border:3px solid #996633;
}
#virtualhost .smalltext {
	font-size:10px;
}
#virtualhost .verysmalltext {
	font-size:9px;
	line-height: 1.6em;
}
#virtualhost .pageTitle {
	color:#000000;
	font-weight:bold;
}
#virtualhost .errormessage {
	color:#ff0000;
	font-size:11px;
}
#virtualhost .NavigationBoxDivider {
	color:black;
	background:transparent;
	border-collapse:collapse;
	border:0px solid transparent;
	font-weight:bold;
}
#virtualhost .navigationatpage {
	text-decoration:none;
	background-color:black;
	color:white;
	font-weight:bold;
	padding:2px 2px 2px 2px;
}
#virtualhost .checkoutprogress {
	font-size:14px;
	color:#000000;
}
#virtualhost .checkoutprogressdimmed {
	font-size:14px;
	color:#999999;
}
#virtualhost .findbox {
	padding: 0 2px;
	border: 0;
	height: 20px;
	background-color: transparent;
	position: absolute;
}
#virtualhost .findboxinput {
	background-color:#EEEEEE;
}
#virtualhost .smalltext {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
}
#virtualhost .searchboxtd {
	background:#DDDDDD none repeat scroll 0 0;
	border:2px solid #000000;
	padding:5px;
	color:#000000;
}
#virtualhost .searchheader {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:3px;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
}
#virtualhost .searchresultblock {
	float:left;
	width:98%;
	padding:7px;
	border:2px solid #000000;
}
#virtualhost .searchtextinput {
	background:#FFFFFF none repeat scroll 0 0;
}
#sendfavorites .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerLogin .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerRegistration .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerUsername .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerPassword .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerPassword2 .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerPassword3 .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerResetPassword .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerResetPassword2 .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#customerResetPassword3 .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#sendloginfavorites .tableclass {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#orderShoppingCartStatus {
	text-align:right;
	margin-bottom:10px;
	padding-right: 4px;
}
#loginName {
	text-align:right;
	margin-bottom:10px;
	padding-right: 4px;
}
#albumSearchKeyword {
	text-align:right;
	padding-right: 4px;
}

#albumViewThumbnail .photobox {
	border:1px solid #DDDDDD;
	float:left;
	text-align:center;
	height:170px;
	width:125px;
	padding:0px 5px;
	margin:10px 6px;
}
#albumViewThumbnail .photobox .label {
	font-size:9px;
	overflow:auto;
	width:auto;
	height:27px;
	vertical-align:top;
	text-align:center;
	margin-top:2px;
}
#albumViewThumbnail .photobox .photo {
	text-align:center;
	height:110px;
	width:100%;
	padding-top:2px;
	margin:0 auto;
}
#albumViewThumbnail .photobox .photo .normal {
	border:0px solid black;
}
#albumViewThumbnail .photobox .photo .lastedited {
	border:3px solid red;
	padding:2px 2px 2px 2px;
}
#albumViewThumbnail .folderbox {
	border:1px solid #DDDDDD;
	float:left;
	text-align:center;
	height:130px;
	width:130px;
	max-width:130px;
	padding:0px 5px;
	margin:5px 3px;
}
#albumViewThumbnail .folderbox .label {
	font-size:9px;
	overflow:auto;
	width:125px;
	height:27px;
	vertical-align:top;
	text-align:center;
	margin-top:2px;
}
#albumViewThumbnail .folderbox .photo {
	text-align:center;
	height:100px;
	width:125px;
	padding-top:2px;
}
#albumViewThumbnail .checkbox {
	border:1px solid black;
	background-color:white;
	font-size:0px;
	text-decoration:none;
	width:16px;
	height:16px;
}
#albumViewThumbnail .checkbox .checked {
	border:1px solid blue;
	background-color:#003333;
	float:left;
	position:relative;
	font-size:0px;
	top:2px;
	left:2px;
	width:10px;
	height:10px;
}
#albumViewThumbnail .checkbox .unchecked {
	border:1px solid white;
	background-color:white;
	float:left;
	position:relative;
	font-size:0px;
	top:2px;
	left:2px;
	width:10px;
	height:10px;
}
#albumViewThumbnail .checkboxicon {
	float:left;
	height:20px;
}
#albumViewThumbnail .photos {
	float:left;
	width:100%;
	height:auto;
}
#albumViewThumbnail .folders {
	float:left;
	width:100%;
	height:auto;
}
#albumViewThumbnail .albuminfo {
	border-top:1px solid #CCCCCC;
	float:left;
	padding-top:5px;
	width:100%;
	height:auto;
}
#albumViewThumbnail .favoritesbox {
	border:1px solid #CCCCCC;
	margin:5px 5px 5px 5px;
}
#albumViewLightbox .container {
	width:900px;
	height:550px;
}
#albumViewLightbox .navigationContainer {
	width:900px;
	height:25px;
}
#albumViewLightbox .navigationPrevious {
	float:left;
	width:425px;
	height:20px;
	text-align:left;
}
#albumViewLightbox .navigationNext {
	float:right;
	width:425px;
	height:20px;
	text-align:right;
}
#albumViewLightbox .photo {
	width:505px;
	height:520px;
	float:left;
	text-align:left;
	margin-right:10px;
}
#albumViewLightbox .photoName {
	width:380px;
	height:auto;
	float:left;
	text-align:center;
	margin-top:5px;
	line-height:12px;
}
#albumViewLightbox .photoDescription {
	width:380px;
	height:auto;
	float:left;
	text-align:center;
	margin-top:5px;
	line-height:12px;
}
#albumViewLightbox .instructions {
	border-bottom:1px solid #CCCCCC;
	width:380px;
	height:auto;
	float:left;
	text-align:center;
	margin-top:5px;
}
#albumViewLightbox .pricingContainer {
	width:380px;
	height:275px;
	float:left;
	margin-top:5px;
}
#albumViewLightbox .pricing {
	width:375px;
	height:150px;
	float:left;
	margin-top:5px;
}
#albumViewLightbox .productDescription {
	width:375px;
	height:100px;
	float:left;
}
#albumViewLightbox .pricingContainer table {
	color:black;
	background-color:#CCCCCC;
}
#albumViewLightbox .pricingContainer td {
	color:black;
	background-color:#CCCCCC;
}
#albumViewLightbox .pricingContainer smalltext {
	color:black;
	background-color:#CCCCCC;
}
#albumViewLightbox .pricingContainer a {
	color:#000000;
}
#albumViewLightbox .pricingContainer a:link {
	color:#000000;
}
#albumViewLightbox .pricingContainer a:active {
	color:#000000;
}
#albumViewLightbox .pricingContainer a:hover {
	color:#000000;
}
#albumViewLightbox .pricingContainer a:visited {
	color:#000000;
}
#albumViewLightbox .productdescription {
}

/* this was used for 'Show Photo Search' and 'Hide Photo Search'

.find_popup_visible {
	visibility: visible;
	height: 32px;
	margin: 2px 0 0 2px;
}

.find_popup_hidden {
	visibility: hidden;
	height: 32px;
	margin: 2px 0 0 2px;
}

*/

#album-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	text-align: left;
}

#album-table td
{
	font-size: 10px;
	color: #669;
	padding: 2px 4px;
	border-bottom: 1px solid #6678b1;
}

#albuminfo-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	text-align: left;
}

#albuminfo-table td
{
	font-size: 10px;
	color: #669;
	padding: 2px 4px;
}
#albuminfo-table .smalllabel{
	font-size: 10px;
	color: #669;
	font-weight:bold;
}

.errormessage {
	color:#ff0000;
	font-size:10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent
}
table.border {
	border:1px solid #A9A9A9;
}
.selectdropdown {
	background-color: #C0C0C0;
}


/* Used by 'single.ftl'
--------------------------------------------------- */

#busyFrames {
	display: none;
	background: url(/images/spinner.gif) no-repeat top left;
}
#busyProducts {
	display: none;
	background: url(/images/spinner.gif) no-repeat top left;
	padding-left: 24px;
}
#busyCards {
	display: none;
	background: url(/images/spinner.gif) no-repeat top left;
	padding-left: 24px;
}

#package-table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	width: 450px;
	border-collapse: collapse;
	text-align: left;
}
#package-table th {
	font-size: 11px;
	font-weight: normal;
	color: #039;
	padding: 6px 4px;
	border-bottom: 2px solid #6678b1;
}
#package-table td {
	font-size: 10px;
	color: #669;
	padding: 2px 4px;
	border-bottom: 1px solid #6678b1;
}
#package-table tbody tr:hover td {
	color: #009;
}



.tooltip {
	color: #000000;
	margin-left:0px;
	background: #ffffff;
	border: 1px solid #000000;
}
.tooltiplink {
	cursor: help;
	font-size: 11px;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	background-color: #FFFFFF;
	color: #000000; border: 1px dotted #000000;
	text-decoration: none;
}
.tooltiprollover {
	color: #000000;
	background-color: #DDDDDD;
	text-decoration: none;
	padding: 4px;
}

.tooltipx td {
	color: #000000;
	font: normal 10px verdana;
}


span.depressed {
	border-style: outset;
	border-width: 1px;
	border-color: #666666;
	color: white;
	background-color: #333333;
	-moz-border-radius: 5px;
	padding: 1px 4px 1px 4px;
	line-height: 1.4em;
	margin-right: 2px;
}
span.raised {
	border-style: outset;
	border-width: 1px;
	border-color: #666666;
	color: black;
	background-color: #F3F3EE;
	-moz-border-radius: 5px;
	padding: 1px 4px 1px 4px;
	line-height: 1.4em;
	margin-right: 2px;
}

span.depressed:hover {
	cursor: pointer;
	background-color: #333333;
}

span.raised:hover {
	cursor: pointer;
	background-color: #CCCCCC;
}

#photoArea {
	float: left;
	width: 522px;
	height: 655px;
	border: 1px solid #333333;
}
#section {
	z-index:1;
	background:	#A9A9A9;
	width: 367px;
	float: left;
	position: relative;
}
#workArea {
	width: 367px;
	float: left;
	position: relative;
	margin-left: 6px;
}
#tab-row h2 {
	border-right: 1px solid #000000;
	font-weight: bold;
	cursor:	Default;
	display: inline;
	float: left;
	background: #A9A9A9;
	border-left: 0px none;
	border-bottom: 0px none;
	border-top:	0px none;
	cursor:	pointer;
	position:relative;
	top: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	margin: 0 -5px 0 5px;
	padding: 3px 6px;
	color:#ffffff;
	z-index: 1;

}
#tab-row #current {
	border-left:1px  solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:0px none;
	top: 0;
	background:	#EEEEEE;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
	margin: 0 -6px -1px 0;
	padding: 3px 6px;
	z-index: 3;
	color: #000000;
}
#navBar  {
	width: 365px;
	border-top:	1px solid  #000000;
	border-left:1px solid  #000000;
	border-right:1px solid #000000;
	position:relative;
	height: auto;
	background: #EEEEEE;
	color: #000000;
	border-bottom: 1px solid  #000000;
	float:left;
	margin-left:0px;
	z-index:2;
}

#navBar .section h3 {

	border-bottom: 1px solid  #a7a6aa;
	background: #666666;
	color:  #FFFFFF;
	margin:0;
	padding: 5px;
	cursor: pointer;
	font-size: 10px;
	text-align: left;
	text-decoration: underline;
}
#navBar .section .contents {
	height: auto;
	margin-left:2px;
	}

.orderSmallText {
	font-family: Arial;
	font-size: 10px;
}

.workAreaTD {
	background-color: #EEEEEE;
	background: #EEEEEE;
	color: #FFFFFF;
	border: 1px solid red;
}

#album-table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	text-align: left;
}

#album-table td {
	font-size: 10px;
	color: #669;
	padding: 2px 4px;
	border-bottom: 1px solid #6678b1;
}
#wgiPhotoArea{
	border: 1px solid rgb(51, 51, 51);
	float: left;
	width: 525px;
	min-height: 620px;
	height: auto;
	margin-right: 10px;
	margin-top:10px;
	background-color: #ffffff;
	color: #000000;
}
#wgiPhotoArea table,
#wgiPhotoArea tr,
#wgiPhotoArea td {
	background-color: #ffffff !important;
}
#wgiWorkArea {
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	position: relative;
	width: 350px;
	height: auto;
	background: #EEEEEE;
	color: #000000;
	border: 1px solid #000000;
}
#wgiWorkArea #navBar {
	border: 0 !important;
}
#addTextColorPickerDialog {
	left: -500px !important;
}