/* section headers */

div.row { position: relative;
          overflow:hidden;
/*		  width: 670px;*/
		  width: 600px;
/* ADDED          height and min-height: 425px; */
          height: 600px;
          min-height: 600px;
		  z-index: 2;
		  border-width: 0px;
		  border-style: ridge;
		  background-image: url('/ideacenter/images/product_background.jpg')
/*		  background-color: #FFFFFF;*/
		   }


div.section { position: relative;
/*			  width: 670px;*/
 	padding-top: 3px; 
 		  width: 600px;
              overflow:hidden;
			  min-height: 20px;
			  z-index: 1;
/*			  background-color: #5D5D8B;*/
		  background-image: url('/ideacenter/images/product_title_background.jpg')
}

span.section { font-family: verdana;
			   font-weight: bold;
			   font-size: 12px;
			   color: #000000; }

div.index { position: relative;
    		text-align: left;
            overflow:hidden;
			width: 100%;
			min-height: 18px;
			z-index: 1;}

span.index { font-family: verdana;
			 font-size: 12px;
			 color: #5D5D8B; }

div.related { position: relative;
    		  text-align: left;
              overflow:hidden;
			  width: 100%;
			  min-height: 18px;
			  z-index: 1;}

span.related { font-family: verdana;
			   font-size: 12px;
			   color: #5D5D8B; }


/* product */
div.productold { border-style: ridge;
			  border-width: 0px;
			  position: relative;
              overflow:hidden;
			  width: 290px;
			  min-height: 350px;
			  top: 5px;
			  left: 5px;
			  z-index: 2;
			  background-color: #0C0C0C; }

div.product {
/*			  position: relative;*/
			  position: absolute;
              overflow:auto;
			  width: 290px;
			  height: 350px;
			  min-height: 350px;
			  top: 5px;
/*			  left: 15px;*/
			  z-index: 2;
			  color: #0C0C0C; }

div.title { position: absolute;
	 		width: 283px;
	 		min-height: 20px;
            overflow:hidden;
	 		z-index: 4;
	 		left: 0px;
	 		top: 0px;
	 		text-align: center;
	 		color: #0C0C0C; }
span.title { font-family: verdana;
			 font-weight: bold; 
			 font-size: medium; 
			 color: #FFFFFF; } 
			 
div.info { position: absolute; 
		   width: 18px; 
           overflow:hidden;
		   min-height: 17px;
		   z-index: 5; 
		   left: 249px;
		   top: 3px; } 

div.magnify { position: absolute; 
		      width: 18px;
              overflow:hidden;
		      min-height: 18px;
		      z-index: 6; 
		      left: 255px;
		      top: 5px; }

div.thumb { position: absolute;
			width: 285px;
			min-height: 255px;
            vertical-align: middle;
			z-index: 7;
			left: 0px;
			top: 20px;
			padding-top:3px; }

img.thumb {
            vertical-align: middle;
            border-width: 2px;
		   border-style: solid;
		   border-color: #0C0C0C;
}
.thumb:hover img { border-width: 2px;
							 border-style: solid;
							 border-color: #FFFFFF; }

div.price { position: absolute;
			width: 285px;
			min-height: 25px;
/*            overflow:hidden;*/
			z-index: 2;
			left: 0px; 
			top: 290px; }
			
div.cart { position: absolute;
		   width: 285px;
           text-align: center;
		   min-height: 25px;
           overflow:hidden;
		   z-index: 3;
		   left: 0px;
		   top: 315px; }

/* micro area */
div.outside_microsOLD { position: relative;
					 width: 590px;
					 height: 145px;
                     overflow:hidden;
					 z-index: 8;
					 left: 0px;
					 top: 5px;}

div.outside_micros { position: absolute;
					 width: 590px;
					 height: 145px;
                     overflow:hidden;
					 z-index: 8;
					 left: 5px;
					 top: 360px;}

div.styles_backgrounds { position: absolute;
					 width: 590px;
					 height: 145px;
                     overflow:hidden;
					 z-index: 8;
					 left: 5px;
					 top: 510px;}

div.inside_micros { position: absolute;
					width: 550px;
					overflow: hidden;
					height: 130px;
					z-index: 12;
					left: 18px;
                    }

div.micro { padding:0px;
			position: absolute;
            vertical-align: middle;
            text-align: center;
            overflow:hidden;
            width: 110px;
			height: 130px;
			z-index: 4;
			top: 0px; }

img.micro { vertical-align: middle; }


.micro_highlight img { border-width: 2px;
					   border-style: solid;
					   border-color: #0C0C0C; }

.micro_highlight:hover img { border-width: 2px;
							 border-style: solid;
							 border-color: #FFFFFF; }

.micro_highlight:hover { color: white; }  /* dummy definition to overcome IE bug */

div.all_examples { position: absolute; 
				   width: 20px; 
				   height: 17px;
				   z-index: 8;
				   left: 570px;
				   top: 46px; }
				   
div.right_arw { position: absolute; 
				width: 20px; 
				height: 17px; 
				z-index: 7; 
				left: 570px;
				top: 12px; }
				
div.right_dbl_arw { position: absolute; 
					width: 20px; 
					height: 17px; 
					z-index: 8; 
					left: 570px;
					top: 44px; }
					
div.left_arw { position: absolute;
			   width: 18px; 
			   height: 17px; 
			   z-index: 3; 
			   left: 0px; 
			   top: 12px; }
			   
div.left_dbl_arw { position: absolute; 
				   width: 20px; 
				   height: 17px;
				   z-index: 2; 
				   left: 0px; 
				   top: 44px; }


/* hidden divs */
div.large_image { border-style:ridge;
				  border-width:3px;
				  position: absolute;
				  overflow: hidden;
				  z-index: 10;
				  background-color:#0C0C0C;
				  visibility: hidden; }

.large_image font {
				font-family: verdana;
				color: #ADADAD;
}

div.description { border-style:ridge;
				  border-width:0px;
				  position: relative;
			      overflow:auto;
				  width: 95%;
                  height: 350px;
				  right: 5px;
                  font-size: 12px;
				  z-index: 2;
				  padding-left: 0px;
				  padding-right: 0px;
				  background-color:#1C1C1C;
				  padding-top:5px; }

span.description { font-family: verdana;
				   color: #ADADAD; }

div.productAdditionalInfo { 
				  border-width:2px;
				  position: relative;
				  width: 600px;
				  z-index: 1;
				  top: 5px;
				  background-color:#1C1C1C;
                  overflow: auto;
				  padding-top:5px; 
				  padding-bottom:5px; 
		  border-width: 0px;
		  border-style: ridge;
		  background-image: url('/ideacenter/images/product_background.jpg')
				  }

span.productAdditionalInfo { font-family: verdana;
				   color: #ADADAD; 
				   font-size:12px;
				   }
