/*				  visibility:hidden;*/

/* section headers */
li {
		list-style: none;
}

div.page h1 { font-family: arial;
			 font-weight: bold;
			 font-size: large;
			 margin:0px;
			 color: #660066; }

span.page { font-family: arial;
			 font-weight: bold;
			 font-size: large;
			 color: #660066; }


div.ideaCenterPage { position: relative;
			  width: 100%;
			  min-height: 250px;
              font-size: 20px;
              line-height: 30px;
			  border-width: 0px;
			  border-style: solid;}

.ideaCenterPage a {

text-decoration: none;
}

.ideaCenterPage a:hover {

text-decoration: underline;
}

.ideaCenterPage li {
		width: 450px;
		list-style: none;
		list-style-type: none;
		list-style-image: none;
		
}

div.row { position: relative;
	 		  align: center;
			  width: 620px;
			  height: 285px;
			  z-index: 2;
			  border-width: 0px;
			  border-style: solid;}


div.section { position: relative; 
			  width: 100%; 
			  height: 21px;
			  z-index: 1; 
			  background-color: #5D5D8B;
			  padding-left: 5px;
			  padding-top: 3px; }
			  
div.section h1 { font-family: arial; 
			   font-style: italic; 
			   font-weight: bold; 
			   font-size: large; 
			   margin:0px;
			   color: #FFFFFF; }

div.section h2 { font-family: arial; 
			   font-style: italic; 
			   font-weight: bold; 
			   font-size: medium; 
			   margin:0px;
			   color: #FFFFFF; }

span.section { font-family: arial; 
			   font-style: italic; 
			   font-weight: bold; 
			   font-size: medium; 
			   color: #FFFFFF; }

/* product */
div.product { border-style: ridge;
			  border-width: 2px; 
			  position: absolute; 
			  width: 290px; 
			  height: 275px;
			  z-index: 2; 
			  top: 5px; 
			  background-color: #FFFFFF; }

div.title { position: absolute; 
	 		width: 283px; 
	 		height: 20px; 
	 		z-index: 4; 
	 		left: 0px; 
	 		top: 0px; 
	 		border-bottom-style: groove; 
	 		text-align: center; 
	 		color: #800000; }

span.title { font-family: arial;
			 font-weight: bold; 
			 font-size: 15px;
			 color: #800000; }
			 
div.info { position: absolute; 
		   width: 18px; 
		   height: 17px; 
		   z-index: 5; 
		   right: 18px; 
		   top: 3px; } 
		   
div.magnify { position: absolute; 
		      width: 18px; 
		      height: 18px; 
		      z-index: 6; 
		      right: 0px; 
		      top: 2px; }
		      
div.thumb { position: absolute; 
			width: 285px; 
			height: 181px;
			z-index: 7;
			left: 0px;
			top: 20px;
			padding-top:3px; }

.thumb img {
            vertical-align: middle;
            border-width: 2px;
            border-style: solid;
            border-color: #FFFFFF;
}

.thumb:hover img { border-width: 2px;
							 border-style: solid;
							 border-color: #B30000; }

div.viewdetails { position: absolute;
			width: 285px;
			height: 20px;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
			z-index: 2;
			left: 0px;
			top: 201px; }

div.price { position: absolute;
			width: 285px;
			height: 25px;
			z-index: 2;
			left: 0px;
			top: 221px; }

div.cart { position: absolute; 
		   width: 285px; 
		   height: 20px; 
		   z-index: 3; 
		   left: 0px; 
		   top: 246px; }

/* micro area */

div.outside_micros { position: absolute;
					 width: 283px;
					 height: 62px;
					 z-index: 8;
					 left: 0px;
					 top: 201px;
					 border-top-style:groove; }

div.inside_micros { position: absolute;
					width: 234px; 
					overflow: hidden; 
					height: 55px; 
					z-index: 12; 
					left: 27px; 
					top: 0px; }
					
div.micro { padding:0px; 
			position: absolute; 
			width: 70px; 
			height: 49px; 
			z-index: 4; 
			top: 0px; }
			
.micro_highlight img { border-width: 2px; 
					   border-style: solid; 
					   border-color: #FFFFFF; }
					   
.micro_highlight:hover img { border-width: 2px; 
							 border-style: solid; 
							 border-color: #B30000; }
							 
.micro_highlight:hover { color: red; }  /* dummy definition to overcome IE bug */

div.all_examples { position: absolute; 
				   width: 20px; 
				   height: 17px; 
				   z-index: 8; 
				   left: 262px; 
				   top: 36px; }
				   
div.right_arw { position: absolute; 
				width: 20px; 
				height: 17px;
				z-index: 7; 
				left: 262px; 
				top: 2px; }
				
div.right_dbl_arw { position: absolute; 
					width: 20px; 
					height: 17px; 
					z-index: 8; 
					left: 262px; 
					top: 19px; }

div.left_arw { position: absolute;
			   width: 18px; 
			   height: 17px;
			   z-index: 3; 
			   left: 0px; 
			   top: 2px; }
			   
div.left_dbl_arw { position: absolute;
				   width: 20px; 
				   height: 17px; 
				   z-index: 2; 
				   left: 0px; 
				   top: 19px; }


/* hidden divs */
div.large_image { border-style:ridge;
				  border-width:6px; 
				  position: absolute; 
				  overflow: hidden; 
				  z-index: 10; 
				  background-color:#FFFFFF;
				  visibility: hidden; }
				  
div.description { border-style:ridge;
				  border-width:2px; 
				  position: absolute;
				  width: 325px;
				  max-width: 325px;
/*				  min-height: 265px;*/
				  height: 275px;
				  z-index: 9;
				  top: 5px;
				  padding-left: 20px;
				  padding-right: 20px;
				  background-color:#FCFCE7;
                  overflow: hidden;
				  padding-top:5px; }
				  
span.description { font-family: arial; 
				   color: #800000; }