@charset "UTF-8";


/* FLYOUT PROMOTIONS */
ul.MenuBarSubmenuVisible {
    width : 320px !important;
    padding-right: 200px !important;
    height : 475px;
    border : solid 1px #d0d0d0 !important;
}

.catImageLink { float: right; height: 461px; width: 267px; z-index: 1000; margin-right: -200px; margin-top: -17px; }
.catDichroSale { float: left; height: 18px; width: 124px; z-index: 1000; margin-left: 221px; margin-top: -153px; border: 1px solid #ccc; border-radius: 5px; }
.catDichroSale2 { float: left; height: 16px; width: 119px; z-index: 1000; margin-left: 287px; margin-top: 244px; border: 1px solid #ccc; border-radius: 5px; }
.catDisplay { float: left; margin-top: -306px; z-index: 1000; margin-left: 198px; width: 305px; height: 290px; }
.catDisplay2 { height: 154px; width: 503px; z-index: 1000; margin-left: 0px; margin-top: 0px; }
.catDisplay3 { height: 93px; width: 201px; z-index: 1000; margin-left: 0px; margin-top: -103px; }
.catFusibleGlassSale { height: 127px; width: 286px; z-index: 1000; margin-top: -146px; margin-left: 217px; float: left; }
.catFusibleGlassSale2 { height: 317px; width: 503px; z-index: 1000; margin-top: -4px; margin-left: 0px; float: left; }
.catFusingSupplies { float: right; height: 427px; width: 266px; z-index: 1000; margin-right: -201px; margin-top: -400px; }
.catFlameworking { float: right; height: 350px; width: 270px; z-index: 1000; margin-right: -201px; margin-top: -338px; }
.catFlameworking2 { float: left; height: 25px; width: 213px; z-index: 1000; margin-top: 21px; border: 1px solid #ccc; margin-left: 8px; border-radius: 5px; box-shadow: 5px 5px 5px #b5b5b5; }
.catGlassSale { float: right; height: 246px; width: 262px; z-index: 1000; margin: -256px -200px 0 0; }
.catGlassSale2 { float: left; height: 183px; width: 504px; z-index: 1000; margin: 1px -15px 0 0; }
.catCraftSale { float: left; height: 199px; width: 353px; z-index: 1000; margin: -210px 4px 0px 150px; }
.catCraftSale2 { float: left; height: 245px; width: 503px; z-index: 1000; margin: 0 -15px 0 0; }
.catTools1 { float: left; height: 368px; width: 285px; z-index: 1000; margin-left: 217px; margin-top: -370px; }
.catTools2 { float: left; height: 53px; width: 302px; z-index: 1000; margin-left: 187px; margin-top: 6px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 5px 5px 5px #b5b5b5; }
.catSGSheets { float: right; height: 190px; width: 267px; z-index: 1000; margin-right: -200px; margin-top: -329px; }
.catSGSheets2 { float: right; height: 153px; width: 267px; z-index: 1000; margin-right: -200px; margin-top: -130px; }
.catSGSupplies { height: 50px; width: 130px; z-index: 1000; left: 330px; bottom: 270px; position:relative; }
.catSGSupplies2 {height: 50px; width: 130px; z-index: 1000; left: 330px; bottom: 128px; position:relative; }
.catSeasonal  { float: left; height: 182px; width: 267px; z-index: 1000; margin-left: 236px; margin-top: -197px; }
.catSeasonal2 { float: left; height: 263px; width: 506px; z-index: 1000; margin-left: -3px; margin-top: 0px; }

/*.catTools2 { float: left; height: 58px; width: 150px; z-index: 1000; margin: 13px 0px 0px 123px; }*/
a.catImageLink:hover, 
a.catGlassSale:hover, 
a.catGlassSale2:hover, 
a.catCraftSale:hover, 
a.catCraftSale2:hover, 
a.catFlameworking:hover,
a.catFlameworking2:hover,
a.catTools1:hover, 
a.catTools2:hover, 
a.catFusibleGlassSale:hover, 
a.catFusibleGlassSale2:hover, 
a.catDichroSale:hover,
a.catDichroSale2:hover, 
a.catDisplay:hover, 
a.catDisplay2:hover, 
a.catDisplay3:hover, 
a.catFusingSupplies:hover, 
a.catSGSheets:hover, 
a.catSGSheets2:hover, 
a.catSeasonal:hover, 
a.catSeasonal2:hover, 
a.catSGSupplies:hover, 
a.catSGSupplies2:hover { background: none !important; }
  
/* links managed on col_left/_flyouts.cfm */
/* comment out 315-336 & 351-353 on SpryMenuBar.js to keep categories open */
/* comment out 221 on index_topPullDown.js to keep top categories open */

/* Dichroic Glas Default */						/*#ul4291 { background : #fff url(/images/nav/199865_10.jpg) no-repeat 289px 0px; }
/* Dichroic Glass */									#ul4291 { background : #fff url(/images/nav/FO_D121_NewstDichroic.jpg) no-repeat 0px 0px; }
/* Display Default */									/*#ul4292 { background : #fff url(/images/nav/198174.jpg) no-repeat 295px 53px; }
/* Display */													#ul4292 { background : #fff url(/images/nav/FO_D121_ContemporaryFindings.jpg) no-repeat 0px 0px; }
/* Flameworkin gDefault */						/*#ul1805 { background : #fff url(/images/nav/169683.jpg) no-repeat 169px 74px; background-size:82% }
/* Flameworking */										#ul1805 { background : #fff url(/images/nav/FO_D121_FWKits.jpg) no-repeat 0px 0px; }
/* Fusible Glass Default*/						/*#ul4293 { background : #fff url(/images/nav/194449_40.jpg) no-repeat 106px 155px; background-size:75% }
/* Fusible Glass */										#ul4293 { background : #fff url(/images/nav/FO_D121_BullseyeSale.jpg) no-repeat 0px 0px; }
/* Fusing Supplies Default */   			/*#ul1694 { background : #fff url(/images/nav/194411.jpg) no-repeat 259px 53px; }
/* Fusing Supplies */									#ul1694 { background : #fff url(/images/nav/FO_D121_MoldSale.jpg) no-repeat 0px 0px; }
/* Glass Tools Default */       			/*#ul2416 { background : #fff url(/images/nav/188583.jpg) no-repeat 236px 56px; }
/* Glass Tools */											#ul2416 { background : #fff url(/images/nav/FO_D121_DTTools.jpg) no-repeat 0px 0px;}
/* Jewelry Supplies Default */  			/*#ul1740 { background : #fff url(/images/nav/208347_10.jpg) no-repeat 200px 0px; background-size:73%; }
/* Jewelry Supplies */  							#ul1740 { background : #fff url(/images/nav/FO_D121_JWMoldSale.jpg) no-repeat 0px 0px; }
/* More Crafts Default */       			/*#ul2417 { background : #fff url(/images/nav/210768_50.jpg) no-repeat 263px 0px; background-size:48%; }
/* More Crafts */											#ul2417 { background : #fff url(/images/nav/FO_D121_BeginnerKits.jpg)  no-repeat 0px 0px; }
/* Mosaic Default */            			/*#ul1527 { background : #fff url(/images/nav/144739.jpg) no-repeat 232px 81px; background-size:52%; }
/* Mosaic */													#ul1527 { background : #fff url(/images/nav/FO_D121_MosaicTile.jpg) no-repeat 0px 0px; }
/* Seasonal Default*/									/*#ul5624 { background : #fff url(/images/nav/FO_SeasonalSummerDefault.jpg) no-repeat 0px 0px; }
/* Seasonal */												#ul5624 { background : #fff url(/images/nav/FO_D121_MosaicMolds.jpg) no-repeat 52px 0px; }
/* Stained Glass Sheets Default */		/*#ul1560 { background : #fff url(/images/nav/216087.jpg) no-repeat 216px 0px;}
/* Stained Glass Sheets */						#ul1560 { background : #fff url(/images/nav/FO_D121_Youghiogheny.jpg) no-repeat 0px 0px; }
/* SG Supplies Default */							/*#ul1559 { background : #fff url(/images/nav/191638.jpg) no-repeat 201px 78px;  }
/* SG Supplies */											#ul1559 { background : #fff url(/images/nav/FO_D114_BOGOSoldering-Basic.jpg) no-repeat 0px 0px; }






/* ADOBE SPRY STUFF */
#MenuBar1 {
    /*background:url(/images/nav/bg-left-menu2.png) no-repeat 0 -69px;*/
    margin-left: 7px;
    padding-bottom: 3px;
    height :360px;    
    border-color: #747474;
    border-style: solid;
    border-width: 1px 1px 2px 3px;
    border-radius: 0 0 0 5px;
    width: 186px }
#MenuBar2, #MenuBar3 { margin-left:7px; }
#MenuBar3 #lastItem, #MenuBar2 #lastItem { border-bottom:solid 1px #7b774C; }
#MenuSale a { color:#990000 }
#MenuSale ul a, #MenuSale ul a:visited { color:#444 }
#MenuNew a, #MenuNew a:visited { color:#990000 }
#MenuSale a:hover, #MenuNew a:hover, #MenuDeal a:hover { color:#FFF; background: none #03739B; }
#MenuDeal a { color:#090; background: url(/images/nav/bg-left-menu-daily.gif) no-repeat; text-indent:10px }
#MenuClose{width:15px;height:20px; font-size:18px; position:absolute; top:2px; right:5px; cursor: pointer; color:#CCCCCC;}
#cat_leftnav {
    float: left;
    margin: -10px 0px 0px !important;
    padding: 0px 8px 30px 0px;
    vertical-align: text-top;
    width: 204px;
   }


ul.MenuBarVertical {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	cursor: default;
	width: 186px;
	float: left;
}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarVertical li {
	margin: 0;
	padding: 0 0 0 1px;
	list-style-type: none;
	font-size: 13px;
	position: relative;
	text-align: left;
	/*cursor: pointer;*/
	width: 185px;
}
ul.MenuBarVertical ul {
	margin:0 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 216px;
	left: -1000em;
	top: 0;
	border: #7b774C solid 1px;

}

ul.MenuBarVertical .hide-flyout{background:#FFFFFF !important; width:60px !important;}
ul.MenuBarVertical .hide-flyout .catImageLink{display:none;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible { left:0; }

/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li { width:216px; margin:0; }


/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides
ul.MenuBarVertical
{
	border: 1px solid #CCC;
} */
/* Submenu containers have borders on all sides
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
} */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{	display: block;
	cursor: pointer;
	/* background: none #FFF; */
	padding: 7px 0 7px 15px;
	color: #444;
	text-decoration: none;
}
ul.MenuBarVertical a:visited { color:#444 }
/* padding: 0.5em 0.75em;Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background: none #03739B;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background: none #03739B;
	color: #3333cc;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu { 
	/*background: url(/images/nav/lightStyle.gif) right -290px; */
	height: 16px;
	background: #fff;
}

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background: none #03739B;
	color: #FFF;
}
/* background-repeat: no-repeat;
	background-position: 95% 50%;background-image: url(SpryMenuBarRight.gif);background-image: url(SpryMenuBarRightHover.gif);Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/

#MenuBar2 li a, #MenuBar3 li a { background:url(/images/nav/bg-left-menu3.gif) repeat-y; }
#MenuBar2 li a:hover, #MenuBar3 li a:hover { background: none #03739B; }
#MenuBar2 li, #MenuBar3 li { margin:0; width:179px; }

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		/* background: #FFF; */
	}
}
