#productGrid {
margin:0; padding:0;
position:relative;

top: 20px;
left: 40px; 
width: 735px;
	/* CSS Min-Height Fast Hack -- This hack does not dfix for IE5 Oh well... */
	/* Content cannot be a fixed height but need to have a min-height which is not fully supported */
	  min-height:460px;
 	  height:auto !important;
	  height:460px; /* end hack */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	line-height:1.2em;
	/*	 border: 1px solid #00FF00; 
		 background-color:#009900;*/

z-index:20;	
}

#grid {
margin:0; padding:0;
top: 0;
left: 0; 
position:absolute;

top: 0px;
left: 0px; 
width: 735px;
	/* CSS Min-Height Fast Hack -- This hack does not dfix for IE5 Oh well... */
	/* Content cannot be a fixed height but need to have a min-height which is not fully supported */
	  min-height:460px;
 	  height:auto !important;
	  height:460px; /* end hack */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	line-height:1.2em;
	/*	 border: 1px solid #00FF00; 
		 background-color:#009900;*/

z-index:20;	
}

#flashPage {
	margin:0;
	padding:0;
	position:absolute;
	top: -14px;
	left: -6px;
	/*background-image: url(../images/tpl_images/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
   }
.picColLeft220 {
	margin:0; padding:0;
	position:absolute;
	top: 20px;
	left: 0px; 
	width: 225px;
	height: 455px; 
	overflow: hidden;
	margin-right:10px;


/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow220x460.gif) no-repeat bottom right;
  
}
.picColLeft220 img{
 /*position:absolute;

			width: 230px;
	height: 445px
*/
}
#txtColRightTwo3rds {
margin:0; padding:0;
position:relative;
 
	top: 0px;
	left: 240px;
	width: 460px;
	min-height:435px;
}


#picColRight460 {
margin:0; padding:0;
position:absolute;
top: 0px;
left: 240px; 
width: 480px;
height: 480px;

/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow220x460.gif) no-repeat bottom right;
}
#txtColRight3rd {
margin:0; padding:0;
position:relative;
 
	top: 0px;
	left: 455px;
	width: 265px;
	min-height:435px;
}

.picColLeft435 {
	margin:0; padding:0;
	position:absolute;
	top: 20px;
	left: 0px; 
	width: 455px;
	height: 455px; 
/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow460.gif) no-repeat bottom right;




}
.picColLeft435x {
	margin:0; padding:0;
	position:absolute;
	top: 0px;
	left: 0px; 
	width: 430px;
	height: 480px; 
/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow460.gif) no-repeat bottom right;

}
#picColRight410 {
	margin:0; padding:0;
	position:relative;
	float:right;
	top: 20px;
	left: 260px; 
	 
	width: 420px;
	height: 420px;
 /* CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
 /*   background: url(../images/shadows/shadow460.gif) no-repeat bottom right;  */
  background: url(../images/shadows/shadow400.gif) no-repeat bottom right;

}

#picColRight410MM {
	margin:0; padding:0;
	position:relative;
	float:right;
	top: 20px;
	left: 240px; 
	 
	width: 400px;
	height: 400px;
 /* CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  
}
#txtColRight3rdx{
margin:0; padding:0;
position:relative;
 
 	left: 455px;
	width: 265px;
	
	top: 10px;
	left: 429px;
	width: 290px;
	min-height:425px;
}

#txtColLeftTwo3rds{
	margin:0;
	padding:0;
	position:relative;
	top: -23px;
	left: 0px;
	width: 500px;
	min-height:435px;
	/*border: thin dotted #009966;*/
}
#txtColFull{
	margin:0; padding:0;
	
	position:relative;
	top: 0px;
	left: 0px;
	width: 600px;
	min-height:435px;
}


#picColRight220 {
	margin:0;
	padding:0;
	position:absolute;
	top: 0px;
	left: 520px;
	width: 240px;
	height: 480px;
	/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency 
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important;
	background: url(../images/shadows/shadow220x460.gif) no-repeat bottom right;*/
}

/*
#vColRight270 {
	margin:0;
	padding:0;
	position:absolute;
	top: 27px;
	left: 456px;
	width: 265px;
	height:435px;
	overflow:auto;
	background-image:url(../images/transparentFade_20px.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

*/

.clear-both {
margin:0; padding:0;
clear: both;
 }
 
.chip {
/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
  float:left;
  position:relative; 
    background-color: #000;			/* Sets Color of inset inset */

 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow100.gif) no-repeat bottom right;
  
  margin:0; padding: 0;
  	color: #000000;
			vertical-align: middle;


}

.chip img {
  display: block;
  position: relative;
  background-color: #000;			/* Sets Color of inset inset */
  /* border: 1px solid #a9a9a9;	*/	/* Set border around inset & image */
  border:none;
  	width: 100px;
	height:100px;
  margin: 0px 20px 20px 0px;
 /* padding: 4px;*/ 		    	/* This would give a 4 pixel white inset */
}
.chip img.new {
   position:absolute;
display: none;
     background-color: none;			/* Sets Color of inset inset */
	 background:none;

  top:85px;
  left:-1px;
  /* border: 1px solid #a9a9a9;	*/	/* Set border around inset & image */
  border:none;
  	width: 40px;
	height: 15px;
  margin: 0;
  padding: 0;
  
	z-index:50; 


 /* padding: 4px;*/ 		    	/* This would give a 4 pixel white inset */
}

.chip a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	}

.chip a.info:hover{
	background-color:#FFF;
	width: 100px;
	height:100px;
	vertical-align: middle;

 }


.chip a.info span{
	display: none;
	margin:8px;
	padding:2px;



}

.chip a.info:hover span{ 
    display:block; /*  Make span visible just on :hover state */
	width: 80px;
	height: 80px;
    position:absolute;
	font-size: .9em;

	opacity:.55;filter:alpha(opacity=55);
	z-index:25; 
	cursor:pointer;
	
    background-color:#FFF; color:#000;
    text-align: center;
	line-height:1.4em;
	vertical-align: middle;
}

.chip strong{ 
		opacity:.99;filter:alpha(opacity=99;
		color:#990000;

}

/* chip 75 */
.chip75 {
/*  CSS Shadows tricks - adapted from http://www.alistapart.com/articles/cssdropshadows     */ 
  float:left;
  position:relative; 
    background-color: #fff;			/* Sets Color of inset inset */

 /* the IMPORTANT tag tell browser that support it (Non IE browsers) to use PNG for transparency */
  background: url(../images/shadows/shadowAlpha3.png) no-repeat bottom right !important; 
  background: url(../images/shadows/shadow3.gif) no-repeat bottom right;
  margin:0; padding: 0;
}

.chip75 img {
  display: block;
  position: relative;
  background-color: #fff;			/* Sets Color of inset inset */
  /* border: 1px solid #a9a9a9;	*/	/* Set border around inset & image */
  border:none;
  margin: 0px 15px 15px 0px;
 /* padding: 4px;*/ 		    	/* This would give a 4 pixel white inset */
}

.chip75 a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	}

.chip75 a.info:hover{
	background-color:#FFF;
	width: 75px;
	height:75px;
	vertical-align: middle;

 }


.chip75 a.info span{
	display: none;
	margin:3px;
	padding:2px;


}

.chip75 a.info:hover span{
	display:block; /*  Make span visible just on :hover state */
	width: 65px;
	height: 65px;
	position:absolute;
	opacity:.45;
	filter:alpha(opacity=45);
	z-index:25;
	cursor:pointer;
	background-color:#FFF;
	color:#000;
	text-align: center;
	line-height:1.2em;
	vertical-align: middle;
	font-size: .8em;	
}