/*
ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved
Use this stylesheet to change the look of the default header and footer that ship with ProductCart
*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url("catalog/FWSTile.gif");
    	scrollbar-face-color: blue; 
    	scrollbar-highlight-color: white;
    	scrollbar-shadow-color: #0000a0;
    	scrollbar-3dlight-color: #b9d9ff;
    	scrollbar-arrow-color:  #dfdfdf;
    	scrollbar-track-color: #dfdfdf;
   	scrollbar-darkshadow-color: black;
	cursor:url("arrow_blue_stripe.cur");
}

body {
	font-family: Verdana, Arial, sans-serif;
	height: 100%;
	background-color: #ccccff;
	font-size: 11px;
	color: #333333;
	text-align: center;
}

		#bncStorePage {
			width: 100%;
			height: 100%;
			background-color: #ccccff;
}


/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color: #ccccff;
			font-size: 12px;
			color: blue;
			border: 0;
			vertical-align: top;
		}
		
		#pcHeader td {
			padding: 2px;
			margin-left: auto;
			margin-right: auto;
			vertical-align: center;
		}
		
		#pcStoreSearch {
			text-align: right;
		}
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #999999;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #000000;
		}
		


/* End TOP AREA of the page */

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	
		#pcMainArea {
			width: 100%;
			max-width: 140%;
			margin-left: auto;
			margin-right: auto;
			background-color: #ccccff;
			padding: 0;
			border: 0;
			margin-bottom: -15px;
		}


		#pcLeft {
			text-align: center;
			vertical-align: top;
			background-color: #ccccff;
			border: 0px;
			margin: auto;
		}

		#pcCenter {
			padding: 0 10px 0 10px;
			margin: 0px 0px 0px 6px;
			background-color: #dfdfdf;
			text-align: left;
			vertical-align: top;
			border-style: solid;
			border-color: blue;
			border-width: thick;
		}
		
	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			width:100%;
			background-color: #ccccFF;
			font-size: 11px;
			color: #666666;
			vertical-align: bottom;
			text-align: center;
		}
		
		#pcFooter a:link, #pcFooter a:visited, #pcFooter a:hover {
			text-decoration: none;
			color: #666666;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
	
/* END Footer */

/* horizontal menu stuff  */

	#navmenuH, 
	#navmenuH ul {
		list-style: none; 
		line-height: 1; 
		background-color:#0000ff; 
		border-width:0px; 
		padding:1px 0px 1px 10px; 
		margin:0px ;
		width: 730px; 
		text-align: left; 
		z-index: 99;
	}

	#navmenuH li a {
		display: block;
		background-color:#dfdfdf; 
		color:#0000ff; 
		text-align:left; 
		font-family:Arial; 		
		font-size:16px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration:none; 		
		border-style:solid; 
		border-color:#0000ff; 
		border-width:10px; 
		padding:4px 14px 4px 6px; 
		margin:0px 0px; 
	
}

	#navmenuH li {
		float: left;
		padding: 0px 4px;
		text-align: left;
	}

	#navmenuH li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 150px; 
		background-color:#dfdfdf; 
		border-style:solid; 
		border-color:#0000ff; 
		border-width: 2px; 
		padding: 4px 5px; 
		margin: 0px; 
	}



	#navmenuH li ul li {
 
		width: 136px;  
		border-width: 0px; 
		padding:0px ; 		
		margin:2px 0px ; 

	}



	#navmenuH li ul a {
		background-color:#0000ff; 
		color: #c0c0c0; 
		text-align:left; 
		font-family:Arial; 		
		font-size:14px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration:none; 		
		border-width: 0px; 
		padding:  4px 6px; 
		margin:0px 2px; 
		width: 136px;
	}
 
	#navmenuH a:hover,
 
	#navmenuH li:hover a,
 
	#navmenuH li.iehoverH a {
  			background-color:#dfdfdf; 
		color:#ff0000; 
		text-decoration:underline;   
	}



	#navmenuH li:hover li a,
 
	#navmenuH li.iehoverH li a {
  
		background-color:#0000ff; 
		color:#c0c0c0; 
		text-align:left; 
		font-family:Arial; 
		font-size:14px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration:none;   		
		padding:4px 5px; 
		margin:0px 2px; 
		border-spacing: 1px;  
	}



	#navmenuH li:hover li a:hover,

	#navmenuH li:hover li:hover a,
	#navmenuH li.iehoverH li a:hover,
	#navmenuH li.iehoverH li.iehoverH a {
  
		background-color:#cfcfcf; 
		color:#ff0000; 
		text-decoration:underline; 
		border-style:groove; 		
		border-color:#dfdfdf; 
		border-width:1px; 
	
}

	#navmenuH li:hover, 
	#navmenuH li.iehoverH {
		background-color: transparent; 
	}

	#navmenuH li:hover ul, 
	#navmenuH li li:hover ul, 
	#navmenuH li li li:hover ul, 	
	#navmenuH li.iehoverH ul, 
	#navmenuH li li.iehoverH ul, 
	#navmenuH li li li.iehoverH ul {
		left: auto; 
	}


/* Support for the "iehover-fix.js" */

	ul.navmenuH iframe {
		position: absolute;
		/* account for the border */
		left: -4px;
		top: -2px;
		z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

* html ul.navmenuH li { z-index: 201; }


/* Vertical menu stuff  */

/* Root = Vertical, Secondary = Vertical */


	#navmenuV, 
	#navmenuV ul { 
		/* all lists */
		list-style: none;
		background-color:#0000ff; 
		margin: 0px 12px 0px 0px;
  
		border: 0 none;
  
		padding: 0px;
 
		width:170px; 
		z-index: 99;
	
}



	#navmenuV li a {
		display: block;
		background-color:#0000ff; 
		color:#dfdfdf; 
		text-align:left; 
		font-family:Verdana; 
		font-size:16px; 
		font-weight:bold; 
		font-style:normal; 
		text-decoration:none; 
		border-style:outset; 
		border-color:#dfdfdf; 
		border-width:1px 2px 2px 1px; 
		padding:4px 4px 4px 4px; 
		width:170px; 

	}

	#navmenuV li { /* all list items */
		position : relative;
		float : left;
		padding: 0px 0px;
		text-align: left;
	}

	#navmenuV li ul {
		position: absolute;
		left: -999em;
		margin-left : 181px;
		margin-top : -29px;
	}



	#navmenuV li ul a {
		width: 187px; 
		background-color:#ccccff; 
		color:#0000ff; 
		text-align:left; 
		font-family:Verdana; 
		font-size:18px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration:none; 
		border-style:solid; 
		border-color:#0000ff; 
		border-width:1px; 		
		padding:2px 5px; 
	}



	#navmenuV li ul ul ul a { 
		width: 125px;
	}

	#navmenuV li ul ul { 
		/* third-and-above-level lists */
		left: -999em;
		margin-left : 199px;
		margin-top : -28.5px;
	}

	#navmenuV li ul ul ul { 
		/* third-and-above-level lists */
		left: -999em;
		margin-left : 199px;
		margin-top : -28.5px;
		width: 125px;
	}


	#navmenuV a:hover,
 
	#navmenuV li:hover a,
 
	#navmenuV li.iehoverV a {
		background-color:#dfdfdf; 
		color:#ff0000; 
		text-decoration:underline; 
		border-color:#000040; 
	}

	#navmenuV li:hover li a,
	#navmenuV li:hover li:hover li a,
	#navmenuV li:hover li:hover li:hover li a,
 
	#navmenuV li.iehoverV li a,  
	#navmenuV li.iehoverV li.iehoverV li a,
	#navmenuV li.iehoverV li.iehoverV li.iehoverV li a { 
		background-color:#ccccff; 
		color:#0000ff; 
		text-align:left; 
		font-family:Verdana; 
		font-size:18px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration:none; 
		border-style:solid; 
		border-color:#0000ff; 
		border-width:1px; 		
		padding:2px 5px;
	}



	#navmenuV ul li a:hover
	#navmenuV li:hover li a:hover,

	#navmenuV li:hover li:hover a,
	#navmenuV li:hover li:hover li:hover a,
	#navmenuV li:hover li:hover li:hover li:hover a,
	#navmenuV li.iehoverV li a:hover,
	#navmenuV li.iehoverV li.iehoverV a,
	#navmenuV li.iehoverV li.iehoverV li.iehoverV a,
	#navmenuV li.iehoverV li.iehoverV li.iehoverV li.iehoverV a {
		background-color:#ccccff; 
		color:#ff0000; 
		text-decoration:underline; 
		border-color:#0f0f0f;
	}

	#navmenuV li:hover, 
	#navmenuV li.iehoverV {
		background-color: transparent; 
	}

	#navmenuV li:hover ul ul, 
	#navmenuV li:hover ul ul ul, 
	#navmenuV li.iehoverV ul ul, 
	#navmenuV li.iehoverV ul ul ul {
		left: -999em;
	}
	
	#navmenuV li:hover ul, 
	#navmenuV li li:hover ul, 
	#navmenuV li li li:hover ul, 
	#navmenuV li.iehoverV ul, 
	#navmenuV li li.iehoverV ul, 
	#navmenuV li li li.iehoverV ul { 
		/* lists nested under hovered list items */
		left: auto;
	}


/* Support for the "iehover-fix.js" */

	ul.navmenuV iframe {
		position: absolute;
		/* account for the border */
		left: 0px;
		top: 0px;
		z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}

* html ul.navmenuV li { z-index: 201; }