/* BEGIN HOLIDAY BANNER STUFF 	*/
/* 				*/
/*  body #botbar a:hover {	*/
/*	  color: #FF0000;	*/
/*  }				*/
/* 				*/
/*  body .orderbutn a:hover {	*/
/*	  color: #FF0000;	*/
/*  }				*/
/* 				*/
/*  body .cart a:hover {	*/	
/*	  color: #FF0000;	*/
/*  }				*/
/* 				*/
/*  body #sidebar a:hover {	*/
/*	  color: #FF0000;	*/
/*  }				*/
/* 				*/
/* END HOLIDAY BANNER STUFF 	*/


/* "SITEFRAME" CSS (THE HEADER/SIDEBAR BUILT IN MAIN_HEADER.MAS */

	body.w23 {
		background : #FFFFFF;
		margin: 0px;
		color: #000000;
	}

	#hdr {
		background: #000000;
		text-align: center;
		vertical-align: top;
	}

	/*<group=shopcart separator bar>*/

	.sep {
		background: url(/img/css/shader.png) repeat-x;
		height: 50px;
		}

	.sep2 {
		background: no-repeat url(/img/css/sidebar-top.png);
		height: 50px;
		}

	.cart {
		color: #ffffff;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 14pt;
		width: 165px;
		float: right;
		background: no-repeat url(/img/css/viewcart-empty.png);
		height: 50px;
		text-align: center;
		margin: 0px;
		vertical-align: middle;
	}

	#spacecart {
		padding-top: 14px;
	}

	.cart a {
		font-variant: small-caps;
		text-decoration: none;
		color: #ffffff;
		font-size: 12pt;
	}

	.cart a:hover {
		color: #a0caff;
	}

	/*</group>*/

	/*<group=sidebar>*/

	#sidebar {
		vertical-align: top;
		width: 184px;
		font-size: 12pt;
		background: repeat-y url(/img/css/eitp-grayside.png);
	}

	#sidebody {
		color: #ffffff;
		padding-left: 12px;
		background: repeat-y url(/img/css/sidebar-body.png);
	}

	#sidebar a {
		color: #ffffff;
		text-decoration: none;
	}

	#sidebar a:hover {
		color: #a0caff;
		text-decoration: none;
	}

	.ilink {
		text-decoration: none;
		margin-top: 0px;
		font-variant: small-caps;
		font-size: 14pt;
		font-weight: bold;
		margin-bottom: 5px;
		margin-left: 8px;
	}

	.comp {
		text-decoration: none;
		font-variant: small-caps;
		font-size: 11pt;
		font-weight: bold;
		border-bottom: 1px solid #808080;
		margin: 2px 20px 0px 21px;
	}

	/*</group>*/

	/*<group=search box>*/

	.searchtable {
		margin-left: 8px;
		margin-bottom: 5px;
		width: 130px;
	}

	#magnifier {
		padding-left: 5px;
	}

	#searchbox {
		width: 110px;
		border: 1px solid #000000;
	}

	#advanced_search_link {
		font-size: 10px;
	}

	/*</group>*/

	#mainStuff {
		vertical-align: top;
		padding-left: 20px;
		padding-bottom: 20px;
	}

	/*<group=tabs for front page>*/

	.tab {
		background: no-repeat url(/img/css/tabline.png);
		width: 570px;
		height: 55px;
		color: #ffffff;
		font-variant: small-caps;
		font-size: 12pt;
		font-weight: bold;
		padding-top: 18px;
		padding-left: 35px;
		margin: 0px;
		margin-top: 10px;
	}

	#news, #announce, #just_in {
		margin-left: 20px;
		margin-right: 40px;
		padding: 5px 20px 10px 10px;
		border-left: 3px double #dddddd;
		border-top: 3px double #dddddd;
	}

	/*</group>*/

	/*<group=footer>*/

	#botbar {
		text-align: center;
		padding-top: 13px;
		font-variant: small-caps;
		font-weight: bold;
		background: url(/img/css/botline.png) no-repeat;
		width: 537px;
		height: 46px;
		color: #ffffff;
		margin-right: auto;
		margin-left: auto;
		font-size: 12pt;
	}

	#botbar a {
		color: #ffffff;
		text-decoration: none;
	}

	#botbar a:hover {
		color: #a0caff;
		text-decoration: none;
	}

	/*</group>*/

	/*<group=orderbutn>*/

	.orderbutn {
		text-align: center;
		margin: 20px;
		padding-top: 13px;
		font-variant: small-caps;
		font-weight: bold;
		background: url(/img/css/orderbutn.png) no-repeat;
		width: 209px;
		height: 46px;
		color: #ffffff;
		margin-right: auto;
		margin-left: auto;
		font-size: 12pt;
	}

	.orderbutn a {
		color: #ffffff;
		text-decoration: none;

	}

	.orderbutn a:hover {
		color: #a0caff;
		text-decoration: none;
	}

	/*</group>*/

	/*<group=cartbutn>*/

	.butnwrap {
		clear: both;
	}

	.wrap1 {
		width: 16%;
		float: left;
		margin: 0px;
	}

	.wrap2 {
		width: 32%;
		float: left;
		margin: 0px;
	}

	.cartbutn {
		text-align: center;
		margin: 0px;
		padding-top: 13px;
		font-variant: small-caps;
		font-weight: bold;
		background: url(/img/css/orderbutn.png) no-repeat;
		width: 209px;
		height: 46px;
		color: #ffffff;
		margin-right: auto;
		margin-left: auto;
		font-size: 12pt;
	}

	.cartbutn a {
		color: #ffffff;  
		text-decoration: none;

	}

	.cartbutn a:hover {  
		color: #a0caff;
		text-decoration: none;
	}

	.ship_error {
	   color: #d30202;
	   font-weight: bold;
	}

	/*</group>*/

/* END SITEFRAME CSS */



/* MAIN TEXT CSS */

	/* General link behavior. */
	p a {
		text-decoration: underline;
		}

	p a img {
		text-decoration: none;			/* unpredictable in Firefox or Safari; see below */
		}

	a.coverbox {
		text-decoration: none;			/* for Firefox/Safari, remove all underlining then . . . */
		}

	span.coverbox {
		text-decoration: underline;		/* . . . add it back to just the text involved (if applicable) */
		}

	/* General image behavior. */
	img {
		border: none;
		}

	/* General text behavior. */
	.centered {
		text-align: center;
		}
		
	/* Regular Price Text behavior. */
		.regprice {
			text-align: center;
			text-decoration: line-through;
		}
		
	/* Sale Price Price Text behavior. */
			.saleprice {
				text-align: center;
				color: red;
                                font-weight: bold;
		}

	/* this is the title at the top of every browse page */
	h1.toptitle {
		font-size: 1.6em;
		text-align: center;
		margin-bottom: 0.1em;
		margin-top: 0.2em;
		padding: 3px;
		}

	.section h1, h1.section {
		margin-top: 0.5em;
		background-image: url(/img/css/divider.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		border-bottom-width: 0px;
		border-bottom-style: none;
		padding-bottom: 28px;
		min-width: 360px;
		clear: both;
		}

	/* header: a major section of the page */
	.section h2, h2.section {
		font-size: 1.3em;
		background-image: url(/img/css/gradient.jpg);
		background-repeat: repeat-x;
		background-position: bottom left;
		border-bottom-width: 1px;
		border-bottom-color: #1B1291;
		border-bottom-style: solid;
		text-align: center;
		margin-bottom: 0px;
		margin-top: 1em;
		padding-bottom: 12px;
		clear: both;
		}

	/* header: a subsection of a major section */
	.subsection h3, h3.subsection {
		font-size: 1.1em;
		border-bottom-width: 1px;
		border-bottom-color: #1B1291;
		border-bottom-style: dotted;
		text-align: center;
		font-style: italic;
		margin-bottom: 0px;
		margin-top: 1em;
		clear: both;
		}

	/* header: a bigger version for a subsection */
	.subsection h2, h2.subsection {
		font-size: 1.3em;
		text-align: center;
		margin: 0em;
		margin-top: 1em;
		padding: 0em;
		height: 2.8em;
		clear: both;
		}

	/* Catalog specific style guides. */
	.prodline {					/* use for all references to a specific product line */
		font-weight: bold;
		font-style: italic;
		}
		
	.prodname {					/* use for all references to a specific product title */
		font-weight: bold;
		font-style: italic;
		}
		
	.company {					/* use for all references to a specific company */
		font-weight: bold;
		}
	
	.zine {						/* use for all references to a specific magazine or ezine */
		font-style: italic;
		}

	/* Product boxes in two widths; note that the box is 50 pixels wider than the image in it. */
	.sz100 {
		width: 150px;
		}
	
	.sz100 img {
		width: 100px;
		}
		
	.sz125 img {
		width: 125px;
		}
		
	.sz150 img {
		width: 150px;
		}
		
	.sz200 {
		width: 250px;
		}
	
	.sz200 img {
		width: 200px;
		}
	
	.sz100, .sz125, .sz150, .sz200 {
		background-color: transparent;
		height: 200px;
		overflow: hidden;
		padding: 5px;
		margin-bottom: 1px;
		margin-left: auto; 
		margin-right: auto;
		border-width: 0px;
		border-color: #151B8D;
		border-style: solid;
		text-align: center;
		font-size: 0.9em;
		}
	
	.sz100 a img, .sz200 a img {
		border: none;
		text-decoration: none;
		text-align: center;
		}
	
	.sz100 img, .sz200 img {
		margin-top: 8px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		text-align: center;
		}

	/* Layout formats for product boxes, defined by how many go in a row. Let's us lay out rows without using tables. */
	
	.rowhas1 {
			width: 100%; 
			overflow: auto; 
			float: center;
		}
	
	.rowhas2 {
				width: 50%; 
				overflow: auto; 
				float: left;
		}
		
	.rowhas3 {
			width: 33.3%; 
			overflow: auto; 
			float: left;
		}	
		
	.rowhas4 {
		width: 25%; 
		overflow: auto; 
		float: left;
		}
		
	.rowhas5 {
			width: 20%; 
			overflow: auto; 
			float: left;
		}

	/* To display product boxes that don't have an extra text box under them (most info pages). Combined with sz150. */
	.notxt {
		background-color: transparent;
		height: 25px;
		width: 150px;
		overflow: hidden;
		padding: 5px;
		margin-bottom: 10px;
		margin-left: auto; 
		margin-right: auto;
		border-width: 0px;
		border-color: #151B8D;
		border-style: solid;
		text-align: center;
		}

	.notxt a img {
		border: none;
		text-decoration: none;
		margin-bottom: 10px;
		}

	/* To display product boxes that have an extra text box under them (like the price comparison on clearance). Combined with sz150. */
	.txt {
		background-color: transparent;
		height: 75px;
		width: 150px;
		overflow: hidden;
		padding: 5px;
		margin-bottom: 1px;
		margin-left: auto; 
		margin-right: auto;
		border-width: 0px;
		border-color: #151B8D;
		border-style: solid;
		text-align: center;
		font-size: 0.9em;
		}

	.txt a img {
		border: none;
		text-decoration: none;
		margin-bottom: 10px;
		}

	/* To display the original price of marked down items. Replaces <strike>. */
	.oldprice {
		text-decoration: line-through;
		}

	/* To display the current price of marked down items. Replaces <b><i>. */
	.newprice {
		font-style: italic;
		font-weight: bold;
		}

	/* To display a link from a W23 info page to a related e23 info page or search. */
	.e23link {
		clear: both; 
		background-color: rgb(191,210,251); 
		margin-right: 25%; 
		margin-left: 25%;
		}

	/* To display letter-based anchor menus at top of browse, browse-pline, and browse-ptype. */
	.index-small {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #C4C1D8;
		}

/* END MAIN TEXT CSS */