/* COLOR USAGE GUIDELINE:
	Use only the following colors and absolutely NO BLACK(#000000):
-----------------------------------------------------------------------------------------
			color		|	hex code	|		usage
-----------------------------------------------------------------------------------------
	white:				|	#ffffff		|	background, button borders	
	grey:	light(95%)	|	#f2f2f2		|	background, top menu background
			Medium(45%)	|	#737373		|	lines, borders
			Dark(25%)	|	#404040		|	text, lines, borders
	dark purple:		|	#660066		|	link labels (unhighlighted)
	bright pink-red:	|	#ff0088		|	link labels (highlighted)		
	light purple:		|	#e1d1e1		|	background, button background (unhighlighted)
	light pink:			|	#ffddff		|	button background (highlighted)
------------------------------------------------------------------------------------------		
*/
input, textarea, select, option {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	scrollbar-face-color: #e1d1e1;
	scrollbar-shadow-color: #660066;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #f2f2f2;
	scrollbar-darkshadow-color: #737373;
	scrollbar-track-color: #f2f2f2;
	scrollbar-arrow-color: #660066;
}

select.catTitle {
	font-weight: bold;
	width: 240px;
	height: 16px;
	border: none;
}
/* All Pages: Links*/
/* All Pages: Button labels */
.btnlbl {font-size: 9px; font-weight: bold}
/* All Pages: Footer */
.footer {font-size: 9px}

/* All Pages: Top Menu */
.top {font-size: 10px; font-weight: bold}
.dropdown {font-size: 9px}
.nolink {color: #737373}

/* Front Page: Login Form Fields */
.infield {width: 80px; height: 18px}

/* Shopping Page: catetory list label, category title and Number */
.catlbl {font-size: 11px; font-weight: bold}
.pgnum {font-size: 10px; font-style: normal}
/* Shopping Page: Picture Frame */
.picframe {background-color: #f2f2f2}

/* Static Pages */
.staticMainTitle {font-size: 14px; font-weight: bold}
.staticSubTitle {font-size: 12px; font-style: italic; font-weight: bold}
.staticText {font-size: 11px}

/* Registration Form Fields */
.field300 {
	width: 300px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field240 {
	width: 240px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field160 {
	width: 160px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field120 {
	width: 120px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field80 {
	width: 80px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field60 {
	width: 60px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field45 {
	width: 45px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field35 {
	width: 35px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field30 {
	width: 30px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.field20 {
	width: 20px;
	height: 16px;
	border: 1px solid #e1d1e1;
}
.txArea {
	width: 300px;
	height: 100px;
	border: 1px solid #e1d1e1;
}
.sortDrp {
	width: 85px;
	height: 12px;
	border: none;
}
.pageDrp {
	width: 45px;
	height: 12px;
	border: none;
}
.subtitle {
	font-size: 11px;
	font-weight: bold;
	background-color: white;
	font-style: italic;
}
.QtyGry {
	height: 14px;
	width: 30px;
	border: 1px solid #e1d1e1;
	background-color: #f2f2f2;
	text-align: right
}
.QtyWht {
	height: 14px;
	width: 30px;
	border: 1px solid #e1d1e1;
	background-color: #ffffff;
	text-align: right
}
.linkcursor {
	cursor: "hand";
}
.small9px {
	font-size: 9px;
}
.mid11px {
	font-size: 11px;
}
.big14px {
	font-size: 14px;
}
#TOC {
    top: 60px;
	left: 0px;
	width: 100%;
    position: absolute;
	visibility: hidden;
	z-index: 1;
}
#navBar {
    top: 88px;
	left: 0px;
	width: 100%;
	position: absolute;
}
#cover {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	visibility: visible;
	z-index: 5;
}
body {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	BACKGROUND-COLOR: #FFFFFF;
}
body {
	margin:0px;
	padding: 0px;
	
	background-image:url(background.gif);
	
	text-align: center;
	/* FEF3F7  FFEAF2 FCDFEB  */
}
a {color: #666666; text-decoration: none; border: none}
a:hover {color: #ff54c6}
.small9px {
	font-size: 9px;
}
.mid11px {
	font-size: 11px;
}
.infield {width: 80px; height: 18px}

.fstyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight: bold;
	font-style: italic;
}

.logo {
position: relative;
top: 10px;
left: 0;
}

.wMenu {
position: relative;
width: 388px;
height: 50px;
left: 0px;
top: 0px;
visibility: visible;
}

.mOut {
visibility: visible;
}
.mOvr {
z-index: 1;
visibility: hidden;
}
.topM1 {
position: absolute;
left: 0px;
top: 23px;
}
.topM2 {
position: absolute;
left: 75px;
top: 23px;
}
.topM3 {
position: absolute;
left: 148px;
top: 23px;
}
.topM4 {
position: absolute;
left: 236px;
top: 23px;
}
.topM5 {
position: absolute;
left: 317px;
top: 23px;
}
.subMenu {
position: relative;
left: 196px;
width: 388px;
height: 22px;
padding-top: 4px;
font-size: 11px;
background-color: #ededed;
visibility: hidden;
z-index: 5;
}
.disItem {
cursor: pointer;
}
.sm1 {
top: -6px;
}
.sm2 {
top: -28px;
}
.sm3 {
top: -50px;
}
.sm4 {
top: -72px;
}
.sm5 {
top: -94px;
}
#tip {
top: -134px;
left: 200px;
position: relative;
width: 245px;
height: 16px;
color: #FF0099;
background-color: #FFFFFF;
border: 1px solid #333333;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
visibility: hidden;
z-index: 9;
}

.btmBar {
position: relative;
top: 0;
left: 0;
width: 780px;
height: 24px;
background-color: #ededed;
}
.rcLbl {
position: absolute;
top: 0px;
left: 155px;
}
.idFld {
position: absolute;
top: 3px;
left: 202px;
}
.pwLbl {
position: absolute;
top: 0px;
left: 282px;
}
.pwFld {
position: absolute;
top: 3px;
left: 348px;
}
.Btn1 {
position: absolute;
top: 6px;
left: 314px;
}
.vgLbl {
position: absolute;
top: 0px;
left: 358px;
}
.Btn2 {
position: absolute;
top: 6px;
left: 510px;
}
.Btn3 {
position: absolute;
top: 6px;
left: 568px;
}