/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: visible;
}
/* end sifr */
    /* This is the part for the CSS menu - these settings are for the menu */
    #dmenu{                           /* menu list container */
        list-style-type: none;        /* disable the display of the list item bullets */
        margin: 0px;                  /* space around the list container */
        padding: 0px;                 /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        z-index: 999925;                  /* push the menu up in the layer order a bit so it isn't hidden behind anything */
		right: 10px;
		font-size: 8pt;
		
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
	
    #dmenu li{                       /* top-level menu element */
        list-style-type: none;       /* disable the display of the list item bullets */
        color: #000;                 /* main menu item font color (not links) */
        margin: 0px;                 /* spacing between main menu items */
        padding: 0px;                /* padding within main menu items */
		/*float: left;*/
		text-align: left;
		vertical-align: middle;
        padding-right: 0px;		
        width: 150px;                /* the width of each main menu item */
        display: block;
		background-color: aaaaaa;
		font-size: 8pt;
		height: 22px;
    }
 
    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 150px;               /* should be the same as #dmenu li width */
        background-color: aaaaaa;    /* sub-menu default background color */
        color: #000;                /* sub-menu default font color (not links) */
   		zindex: 50;                 /* want to be sure this is above the rest of the menu */
		z-index: 50;
	 	margin-left: 150px;
	 	width: 0px;
		margin-top: -15px;	 	
	 	font-size: 8pt;
	 	border: 1px solid black;
	 	padding-left: 4px;
    }



    
	#dmenu ul li{                   /* second-level or greater menu element links */
        background-color: aaaaaa;     /* default background color for sub-menu container */
        color: #fff;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                 /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 150px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
		
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: right;         /* text alignment in main menu item links */
        width: 150px;               /* set this to #dmenu ul width */
        display: block;
		color: black;
		text-decoration: none;
		font-size: 8pt;
		padding-right: 3px;
		padding-top: 3px;
		padding-bottom: 3px;		
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 0px;
        width: 150px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		text-align: left;
		color:black;
		padding-top: 2px;
		padding-bottom: 2px;		
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: 	block;
		zindex: 	50;
		z-index: 	50;
        color:		red;
		
    } 
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: 	block;
        color: 		red;
		zindex: 	50;
		z-index: 	50;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
		margin-top: 10px;
        margin-left: 150px;         /* this should be the width of #dmenu ul li */
		margin-top: -13px; 		
		
    }
 
    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{

    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }
	
    li>ul {
        top: auto;
        left: auto;
    }


    /* This is the part for the CSS menu - these settings are for the menu */
    #hmenu{                         /* menu list container */
		text-align: left;
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 2999990;           /* push the menu up in the layer order a bit so it isn't hidden behind anything */
        zindex: 2999990;            /* push the menu up in the layer order a bit so it isn't hidden behind anything */		
    }

    #hmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */		 
		vertical-align: middle;
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width:90px;                /* the width of each main menu item */
        display: block;
   
    } 
  
    #hmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none; 
		background-color: 666666;
		background: 666666;
        width: 90px;               /* should be the same as #hmenu li width */
        border: 666666 solid 1px;   /* the border around the sub-menu list */
        color: 666666;              /* sub-menu default font color (not links) */
        z-index: 999999999;         /* want to be sure this is above the rest of the menu */
        zindex: 99999999;           /* want to be sure this is above the rest of the menu */		
    }
    #hmenu ul li{                   /* second-level or greater menu element links */
        background-color: 666666;   /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 150px;               /* (padding*2) must be subtracted from #hmenu li width and set for this one, or borders won't display properly. */
        z-index: 999999;            /* want to be sure this is above the rest of the menu */
        zindex: 999999;             /* want to be sure this is above the rest of the menu */				
    }
    #hmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 85px;               /* set this to #hmenu ul width */
        display: block;
		color: black;
		font-size: 8pt;		
		text-decoration: none;		
		font-weight: bold;
		font-style: italic;
		
    }
    #hmenu ul a{                   /* all the other level menu link elements */
        padding: 1px;
        margin: 0px;
        width: 150px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		text-align: left;
		color:white;
		font-size: 8pt;		
		text-decoration: none;		

		font-style: normal;

    }
    #hmenu a:hover,                 /* top-level hovering properties */
    #hmenu li:hover{
        display: 	block;
		zindex: 	999999999;
		zindex: 	999999999;
        color:		red;

		text-decoration: none;
    } 
    

	
    #hmenu ul li:hover,             /* higher level hovering properties */	
    #hmenu ul li a:hover{
        display: 	block;
        width: 		150px;               /* should be set to the same value as #dmenu ul li width */
        color: 		red;
		zindex: 	50;
		z-index: 	50;
		text-decoration: none;
    }
    #hmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 114px;         /* this should be the width of #hmenu ul li */
        margin-top: -1em;           /* this will push the sub-menu up to the level of it's parent */
    }
    /* only non-MSIE browsers use this */
    #hmenu ul li>ul,
    #hmenu ul ul li>ul{
        margin-top: -1em;           /* should be set to the same as #hmenu ul ul margin-top */
    } 
    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #hmenu li:hover ul ul,              
    #hmenu li:hover ul ul ul,
    #hmenu li:hover ul ul ul ul,
    #hmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #hmenu li:hover ul,
    #hmenu ul li:hover ul,
    #hmenu ul ul li:hover ul,
    #hmenu ul ul ul li:hover ul,
    #hmenu ul ul ul ul li:hover ul{
        display:block;
    }
    li>ul {
        top: auto;
        left: auto;
    }


	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
	/* this is here to force a vertical scroll bar in FF 1 and 2 */
	#ffscrollbarfix {
		position: absolute;
		top: 0;
		bottom: -0.1px;
		width: 1em;
		z-index: -1;
	}

	/* rounded corners shiite */
	/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog
{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff; 
 height: 100%;
 font-size: 8pt;
 zindex:1;
 display: static;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.altBG
{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff; 
 height: 100%;
 zindex:1;  
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}


.dialogMenu .content,
.dialogMenu .t,
.dialogMenu .b,
.dialogMenu .b div {
 background:transparent url(/images/darkJpg.jpg) no-repeat top left;
 _background-image:url(/images/darkJpg.jpg);
height: 400px; 
zindex:200;
z-index:200;
}
 
.altBG .content,
.altBG .t,
.altBG .b,
.altBG .b div {
zindex:1;
z-index:1;
 background:transparent url(/shop/productContainer.png) no-repeat top right;
 _background-image:url(/shop/productContainer.png);
}
.darkBG .content,
.darkBG .t,
.darkBG .b,
.darkBG .b div {
zindex:1;
z-index:1;
 background:transparent url(/images/darkJpg.jpg) no-repeat top right;
 _background-image:url(/images/darkJpg.jpg);
 color: white; 
}

.darkBG a {
	color: white;
}

.darkBG a:hover{
	color: red;
}
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {

 background:transparent url(/images/shop/dialog2-dark-800x1200-70red.png) no-repeat top right;
 _background-image:url(/images/shop/dialog2-dark-800x1200-70red.png);
}





.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.altBG .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.darkBG .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left: -12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.altBG .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left: -12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.darkBG .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left: -12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 width:100%;
}

.altBG .b {
 /* bottom */
 width:100%;
}

.darkBG .b {
 /* bottom */
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.altBG .b,
.altBG .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;

}

.darkBG .b,
.darkBG .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;

}

.dialog .b {
 background-position:bottom right;
}

.altBG .b {
 background-position:bottom right;
}

.darkBG .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.altBG .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.darkBG .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.altBG .hd,
.altBG .bd,
.altBG .ft {
 position:relative;
}

.darkBG .hd,
.darkBG .bd,
.darkBG .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.altBG .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.darkBG .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
} 

.altBG h1,
.altBG p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
} 

.darkBG h1,
.darkBG p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
} 

.dialog h1 {
 padding-bottom:0px;
}

.altBG h1 {
 padding-bottom:0px;
} 

.darkBG h1 {
 padding-bottom:0px;
}

	body{
		/*background-image: url(/preloadedimages/bodybg.jpg);*/
		font-family: tahoma;
		margin-top: 0px; 
	} 
	a{ 
		color: #ff0000;
		font-size: 10pt;
	}
	a:hover{
		color: #000000;
		font-size: 10pt;
	}	
	
	.paginationTable
	{
		text-align: left;
		width: 100%; 
		font-size: 10pt;
		color: white;
		
	}
	.paginationTable a
	{
		color: white;		
	}	
	.paginationTable a:hover
	{ 
		color: black;
	}		
	

	.productTable
	{
		width: 100%;
		text-align: center;
		font-size: 8pt;
	}
	.categoriesTable
	{
	
	
	}
	.itemNumberTable
	{
		background:#bbbbbb;
		background-color:#bbbbbb;	
		border: solid black 0px;	
	}
	.contentTD{
		vertical-align: top; 
		zindex: 1;
		border: 0px solid black;
		padding-left: 4px;
		font-size: 8pt;
		width: 100%;
		/*background-image: url(/shop/BG.png);		*/
	}		
	.BigHeadline{
			color: #ff0000;
		}
	.leftHandHR{
		width: 100%;
		color: #000000;
		height: 1px;
	}
	.productFullSizeImage 
	{
		border:6px solid #cddcf6;
		padding:2px;
		background:black;
		width: 150px;
	}
	.productDescriptionDiv
	{
		padding-left: 20px;
		margin-left: 2px;
		align: center;
		text-align: left;
		width: 400px;
		color: black;
	}
	.navTable{
		background: url(/shop/searchBG.jpg);
		color: white;
		width: 170px;
		position: relative; 
		left: -10px;		
	}
	.navTable a{ 
		color: white;
		
	}
	.navTable a:hover{
		color: red; 
	}			
	.topSellerTable{
		color: Black;
	}
	.topSellerTable a{
		text-decoration: none;
	}	
	.dialog a:hover{
		color: red;
		font-size: 8pt;
	}	
	.dialog tr td{
		font-size: 8pt;
	}		
	.dialog a{
		color: white;
		font-size: 8pt;
	}

	.categoryBrowser{
		color: red;
		width:200px;
	}
	
	.categoryBrowser a:hover{
		color: red;
	}
		
	.categoryBrowser a{
		color: white;
	}	
	
	.productLink{
	 font-size: 10px;
	 margin-bottom: 0px;
	}
	
	.priceDiv{
		 display: block;
		 z-index: 9999;
		 zindex: 9999;
		color: black;
	}
	.productTD{
		text-align: center;		
	}
	.productTD a{
		color: black;
		 font-size: 10px;
	}	
	.productTD a:hover{
		color: red;
		 font-size: 10px;
	}		 
	.productShell{
		height: 92%;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		
	}
	.productInnerShell{
		text-align: center;
		height: 92%;
	}
	.productImg{
		width: 100px;
	}
	.productHeadline
	{
		text-align: 	center;
		display:		block;
		font-weight:	bold;
	}
	.catTitle
	{
		text-align: center;
		display:block;
	} 
	
	.topRow{
		vertical-align: bottom;
		text-align: 	left;
		background: 	url(/images/shop/header.jpg);
		background-repeat: no-repeat;
		height: 142px;
	}
	
	.productDescriptionTD{
		vertical-align: top;
		padding-top: 15px;
		text-align: left;
	}
	table{
		margin-top: 0px;	
		margin-bottom: 0px;
	}

	#background{ 
		background: url(/images/shop/backgroundBackdrop3.jpg);
		bgcolor: white;
		background-color: white;
		background-position: 15px 135px;
		background-repeat: no-repeat;		
		padding-left: 20px;
		padding-right: 10px;	
		width: 908px; 
		text-align: center;
	}
	#emailForm{
		position: absolute;
		display: none;
		top: 150px;
		left: 400px;
		height: 188px;
		width: 350px;
		zindex: 2000000;
		z-index: 2000000;
		color: white;
		font-size: 10pt;
		background-image: url(/images/emailFormBg.jpg);
		layer-background-image: url(/images/emailFormBg.jpg);		
		padding-left: 3px;
		padding-top: 0px;
	}
	
	#SearchArea2007{
		      background-image: url(/images/shop/PhoneSearch.jpg);	
		layer-background-image: url(/images/shop/PhoneSearch.jpg);		
		width: 190px;
		height: 159px; 
		vertical-align:bottom;
		z-index: 0;
		zindex: 0;
	} 
	
	.loginTable{
		font-size: 8pt;
	}	
	.LoginTable form{ 
		font-size: 8pt;
	}
	.LoginTable form input
	{
		font-size: 8pt;
		backgroundcolor: #CCCCCC;
		background-color: #CCCCCC;
		
	}	
	.signupForm
	{
		font-size: 8pt;
	}
	.signupForm input
	{
		font-size: 8pt;
	}	
	.membersPage{
		font-size: 8pt;
	}
	.userName{
		font-size:8pt;
		font-family: tahoma;
	}
	.bottomCategoryRow td{
		font-size: 10px;
	}	
	.bottomCategoryRow{
		font-size: 10px;
	}
	.bottomCategoryRow a{
		color: black;
		text-decoration: none;
	}
	.bottomCategoryRow a:hover{
			color: red;
	}	
	.dividerHR{
		color: 999999;
		height: 1px;
		width: 80%;
	}
	.ProductDividerTD{
		background: 999999;
		background-color: 999999;
		height: 1px;		
	}
	
	.detailsLinkRow{
		height: 20px;
		overflow: hidden;
	}
		
	.detailsLinkRow a{
		color: black;
		text-decoration: none;
		width: 100%;		
	}
	
	.detailsLinkRow td{
		padding-left: 5px;
		padding-right: 5px;		
		padding-top: 2px;
		padding-bottom: 2px;	
		background: ffffff;			
		background-color: ffffff;			
	}	
	
	.detailsLinkRow a:hover{
		color: red;
	}	
	
	.addLinkRow a{
		color: white;
		text-decoration: none;
		width: 100%;
	}
	.addLinkRow {
		color: white;
		text-decoration: none;
		width: 100%;
		font-size: 10px;
	}
	
	.addLinkRow td{
		padding-left: 5px;
		padding-right: 5px;		
		padding-top: 2px;
		padding-bottom: 2px;
		background: 333333;
		background-color: 333333;		
	}		
	
	.addLinkRow a:hover{
		color: red;
	}		
	
	.cartDiv  a{
		color: white;
		}
	
	.cartDiv a:hover{
		color: red;
		}		
	.emailDan a{
		color: black;
	}
	.emailDan a:hover{
		color: red;
	}