/* CSS Document */

body {
  margin: 5px;
  padding: 0;
  background: #FFF;
}

td { vertical-align:top }

/* layers */

#container {
	width: 800px;
	text-align: left;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
}
#backgroundcream { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color: #FFFFE1;
 	background-image: url(images/backgrounds/backgroundcream3.gif);
}
#backgroundpink { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color:#FFE1F8;
	background-image: url(images/backgrounds/backgroundpink.gif);
}
#backgroundblue  { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color:#E1F8FF;
	background-image: url(images/backgrounds/backgroundblue.gif);
}
#backgroundlilac { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color:#E1E1FF;
	background-image: url(images/backgrounds/backgroundlilac.gif);
}
#backgroundgreen { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color:#E1FFE6;
	background-image: url(images/backgrounds/backgroundgreen.gif);
}
#backgroundpeach { z-index: 1; position:absolute; width: 800px; height: 640px; border:1px solid #666; background-color:#FFE9E1;
	background-image: url(images/backgrounds/backgroundpeach.gif);
}
#productcream {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #F7F5B9; overflow: auto;
}
#productpink {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #FFC6D2; overflow: auto;
}
#productblue {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #CADFFF; overflow: auto;
}
#productlilac {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #CACAFF; overflow: auto;
}
#productgreen {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #C6F3CE; overflow: auto;
}
#productpeach {
	position:absolute; top: 151px; left: 150px; z-index: 4; width: 595px; height: 446px; padding: 10px; background-color: #FFFFFF; border:3px solid #FFD1CA; overflow: auto;
}
#logo {
	position:absolute;
	top: 4px;
	left: 236px;
	z-index: 3;
	width: 131px;
	height: 75px;

}
#menubar {
	position:absolute;
	top: 93px;
	left: 150px;
	z-index: 4;
	width: 530px;
	height: 22px;
	background-color: #FFFFFF;
	border:1px solid #666;
	vertical-align: middle;
	text-align: center;
}
#tagline_home {
	position:absolute;
	top: 122px;
	left: 150px;
	z-index: 4;
	width: 530px;
	height: 51px;
	background-color: #FFFFFF;
	border:1px solid #666;
	padding-top:3px;	
	text-align: center;
}
#tagline {
	position:absolute;
	top: 122px;
	left: 150px;
	z-index: 4;
	width: 530px;
	height: 20px;
	background-color: #FFFFFF;
	border:1px solid #666;
	padding-top:3px;	
	text-align: center;
}
#menuicon1 {
	position:absolute;
	top: 3px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon2 {
	position:absolute;
	top: 48px;
	left: 10px;
	z-index: 3;
	width: 122px;
	height: 47px;

}
#menuicon3 {
	position:absolute;
	top: 93px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon4 {
	position:absolute;
	top: 138px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon5 {
	position:absolute;
	top: 183px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon6 {
	position:absolute;
	top: 228px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon7 {
	position:absolute;
	top: 273px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon8 {
	position:absolute;
	top: 318px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon9 {
	position:absolute;
	top: 363px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon10 {
	position:absolute;
	top: 408px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon11 {
	position:absolute;
	top: 453px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon12 {
	position:absolute;
	top: 498px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon13 {
	position:absolute;
	top: 543px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#menuicon14 {
	position:absolute;
	top: 588px;
	left: 10px;
	z-index: 3;
	width: 125px;
	height: 47px;

}
#showcase1 {
	position:absolute;
	top: 182px;
	left: 150px;
	z-index: 4;
	width: 255px;
	height: 200px;
	background-color: #FFFFFF;
	border:3px solid #F7F5B9;
}
#showcase2 {
	position:absolute;
	top: 182px;
	left: 460px;
	z-index: 4;
	width: 255px;
	height: 200px;
	background-color: #FFFFFF;
	border:3px solid #F7F5B9;
}
#showcase3 {
	position:absolute;
	top: 397px;
	left: 150px;
	z-index: 4;
	width: 255px;
	height: 200px;
	background-color: #FFFFFF;
	border:3px solid #F7F5B9;
}
#showcase4 {
	position:absolute;
	top: 397px;
	left: 460px;
	z-index: 4;
	width: 255px;
	height: 200px;
	background-color: #FFFFFF;
	border:3px solid #F7F5B9;
}
#copyright {
	position:absolute;
	top: 625px;
	left: 150px;
	width: 595px;
	height: 14px;
	z-index: 4;
	text-align:center;
}
#credit {
	position:absolute;
	top: 625px;
	right: 15px;
	width: 118px;
	height: 14px;
	z-index: 4;
	text-align:center;
	left: 885px;
}

#viewcartbutton {
	position:absolute;
	left:710px;
	top:12px;
	width:83px;
	height:22px;
	z-index:5;
}
/* text */

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;

}
.infotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.infoimage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-position: center center;
}

.infotitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
}
.infotext a { color:#6F0000 }
.infotext a:link, 
.infotext a:visited { color:#6F0000 }
.infotext a:active,
.infotext a:hover  { color:#AB6D6D}

.taglinetext {
	font-family: Georgia, serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;

}
.smallprint {
	font-family: Georgia, serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;

}
.creator {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;

}
.featureditem {
	padding-top:42px;
	padding-left:73px;
}
.catheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.producttitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;

}
.producttitle1:hover {
	color: #666666;

}
.productprice1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;

}
.producttitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;

}
.productprice2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}
.productdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;

}
.productbuy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;

}
.productbuy a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
.productbuy a:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

/* images */

img { border:0 }
.prodimg {
	border: 1px solid #666;
	border-bottom-color: #DDD;
	border-right-color:  #DDD;
}

#lightbox{
	background-color:#fff;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}