@charset "utf-8";
/* CSS Document */

html { background-color:#000000;}

/*BREADCRUMBS*/
#breadcrumb-space {width:820px; height:41px; margin-left:auto; margin-right:auto;}
#breadcrumb-left {width:31px; height:41px; background-image:url(../fantasy-images/breadcrumb_bg_left.png); float:left}
#breadcrumb-right {width:30px; height:41px; background-image:url(../fantasy-images/breadcrumb_bg_right.png); float:left}

#breadcrumb-links { float:left; width:745px; height:41px; line-height:25px; background-color:transparent; background-image:url(../fantasy-images/breadcrumb_bg.png); background-repeat:repeat-x; border:none; border-width:0px; border-color:#000000; padding-left:10px; padding-right:0px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#CCC; }

#breadcrumb-links ul{ list-style:none; float:left; padding:0px; margin:0px 0px 0px 15px;}
#breadcrumb-links ul li{list-style:url(../fantasy-images/list-style.png); float:left; margin-left:25px; margin-right:10px; height:35px; line-height:35px;}
#breadcrumb-links ul li:hover { background-image:url(../fantasy-images/breadcrumb_bg_hover.png); background-repeat:repeat-x; }
#breadcrumb-links a { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#CCCCCC; text-decoration:none; line-height:25px;}
#breadcrumb-links a:hover { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#C90; text-decoration:none; line-height:25px;}
#breadcrumb-links strong { color:#000000}
/*ENDS BREADCRUMBS*/

body { border:none; border-width:0px; padding:0px;
		background-color:#000000;}
		
#body-bg { width:auto; height:auto; background-image:url(../fantasy-images/bg-master.jpg); background-position:top center; background-repeat:no-repeat;}

#whole1 { background-image:url(../fantasy-images/background1.png); }
#whole2 { background-image:url(../fantasy-images/background2.png); }
#whole3 { background-image:url(../fantasy-images/background3.png); }		
#whole1, #whole2, #whole3 { width:100%; height:100%;background-repeat:no-repeat; background-position: top center; position:relative; border:none; padding:0px;}

#whole-page1 { width:1200px; height:750px; margin-left:auto; margin-right:auto;}

#center-page1 {width:1205px; margin-left:auto; margin-right:auto; top:20px; position:relative;}

#arrow-left { float:left; width:200px; height:700px; background-image:url(../fantasy-images/border-left.png); background-repeat:no-repeat; background-position:right;}
#arrow-left a { text-decoration:none; border:none;}

#arrow-left img.arrow-left-arr { margin-left:100px;}
#arrow-left img.arrow-left-arr, #arrow-right img.arrow-left-arr { margin-top:300px; border:none;}

#arrow-left img.arrow-left-arr:hover { background-image:url(../fantasy-images/arrow-left.png)}
#arrow-right img.arrow-left-arr:hover { background-image:url(../fantasy-images/arrow-right.png)}

#arrow-right { float:left; width:200px; height:700px; background-image:url(../fantasy-images/border-right.png); background-repeat:no-repeat; background-position:left;}

#item-head-menu { background-image:url(../fantasy-images/bg-head-menu.jpg); background-repeat:repeat-x;
width:750px; padding-left:25px; padding-right:25px; height:35px; font-family:Tahoma, Geneva, sans-serif; color:#CCC; line-height:35px;}
#item-head-menu a, #item-head-menu a:visited{ text-decoration:none; color:#CCC}
#item-head-menu a:hover { text-decoration:none; color:#0CF;}


#page1 { background-position:center center; background-repeat:no-repeat; background-color:transparent; font-size: 14px; }

#page1 { background-image:url(../fantasy-images/bg3.jpg);}

#page1-content h3, #page2-content h3, #page3-content h3 {display: inline-block;
width:155px;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
margin-start: 0;
margin-end: 0;
font-weight: bold; overflow:visible;}

#page1-content, #page2-content, #page3-content { height:1200px;}

#page1-content img, #page2-content img, #page3-content img { max-height:110px; max-width:150px; display:block; margin-left:auto; margin-right:auto; border:none;}

#page1-content img:hover, #page2-content img:hover, #page3-content img:hover { max-height:110px; max-width:150px; display:block; margin-left:auto; margin-right:auto; border:none;}


#page1-content a, #page2-content a, #page3-content a { 
		font-family:Tahoma, Geneva, sans-serif;
		color:#CCCCCC;
		text-decoration:none;}
		
#page1-content a:hover, #page2-content a:hover, #page3-content a:hover { 
		font-family:Tahoma, Geneva, sans-serif;
		color:#FFFFFF;
		text-decoration:none;}

#page1-content, #page2-content, #page3-content { 
		font-family:Tahoma, Geneva, sans-serif;
		color:#CCC;
		width:800px;
		height:700px;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
		overflow:hidden;
		border:solid;
		border-left-width:2px;
		border-left-color:#000;
		border-right-width:2px;
		border-right-color:#000;
		border-top-width:2px;
		border-top-color:#000;
		border-bottom-width:6px;
		border-bottom-color:#300000;
		float:left;}

	#page1-content { background-image:url(../fantasy-images/bg4.jpg); overflow:visible;}
	#page2-content { background-image:url(../fantasy-images/bg2.jpg); overflow:visible;}
	#page3-content { background-image:url(../fantasy-images/bg3.jpg); overflow:visible;}
	
#knives a img{border:none; border-width:0px;}

#knives div.popup { font-size:12px;}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
	background-color:transparent;
	background-image:url(../fantasy-images/popup_bg.png);
	background-repeat:repeat-x;
	background-color:#000000;
	border:solid;
	border-width:2px;
	border-color:#CCC;
	padding:5px;
	width:200px;
    display: none; /* keeps the popup hidden if no JS available */
	z-index:99;
	height:auto;
}




/*PRODUCT PAGE 1 CSS*/

#product-page {width:800px; height:750px; margin-left:auto; margin-right:auto;}

#product-page h2 { font-family:Tahoma, Geneva, sans-serif; font-size:22px; color:#CCC; text-align:center;}

#FOOTER-WHOLE {
	width:100%;
	height:190px;
	clear:both;
	background-color:transparent;
	background-image:url(../fantasy-images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
    bottom: 0; }

#footer-box-container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:142px;}
	
#fant-footer-box-left {
	background-image:url(../fantasy-images/footer-box1_02-2.png);
	height:142px;
	width:123px;
	float:left;
	position:relative;}
	
#footer-fb-click {
	position:absolute;
	height:70px;
	width:70px;
	top:40px;
	background-color:transparent;}
	
	
#fant-footer-box-center {
	background-image:url(../fantasy-images/footer-box1_03-2.png);
	height:142px;
	width:648px;
	float:left;
	color:#CCC;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;}
	
#fant-footer-box-right {
	background-image:url(../fantasy-images/footer-box1_01-2.png);
	background-position:left;
	background-repeat:no-repeat;
	height:142px;
	width:123px;
	float:left;}