/* micro area */
div.outside_micros { position: relative;
					 width: 590px;
					 height: 145px;
                     overflow:visible;
/*					 z-index: 2;*/
					 left: 0px;
					 top: 285px;
                     }

div.styles_backgrounds { position: absolute;
					 width: 590px;
					 height: 145px;
                     overflow:hidden;
					 z-index: 8;
					 left: 40px;
					 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: #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: 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; }






/* section headers */

a.indexItems:link {
			   color: #800000;
               text-decoration: none;
}

a.indexItems:visited {
			   color: #800000;
               text-decoration: none;
}

a.indexItems:hover {
			   color: #800000;
               text-decoration: underline;
}



div.fullindex { position: relative;
			  width: 100%;
              min-height:400px;
              height:auto;
        overflow:hidden;
			  z-index: 1;
              text-align: left;
			  border-width: 2px;
			  border-style: ridge;
			  background-color: #FFFFFF;}

span.fullindex { font-family: arial;
			   font-weight: bold;
			   font-size: 12px;
			   color: #800000; }

div.index { position: relative;
    		   text-align: left;
			  width: 100%;
			  height: 18px;
			  z-index: 1;}

span.index { font-family: arial;
			   font-size: 12px;
			   color: #5D5D8B; }

div.related { position: relative;
    		   text-align: left;
			  width: 100%;
			  height: 18px;
			  z-index: 1;}

span.related { font-family: arial;
			   font-size: 12px;
			   color: #5D5D8B; }



/* Top Menu Items */
div.section { position: relative;
			  width: 100%;
              line-height: 30px;
			  z-index: 1;
			  padding-left: 5px;
			  padding-top: 3px; }

span.section { font-family: arial;
			   font-style: italic;
			   font-weight: bold;
			   font-size: 20px;
			   color: #660066; }

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

div.sectionAdditionalInfo { border-style:ridge;
				  border-width:2px;
				  position: relative;
				  width: 95%;
				  z-index: 1;
				  top: 5px;
				  padding-left: 10px;
				  padding-right: 10px;
				  background-color:#FCFCE7;
                  overflow: auto;
				  padding-top:5px; 
				  padding-bottom:5px; 
				  }

span.sectionAdditionalInfo { font-family: arial;
				   color: #800000; 
				   font-size:12px;
				   }
				   
				   
/* SubMenu Section */
div.subSection { position: relative;
			  width: 100%;
			  height: 30px;
	        overflow:hidden;
			  z-index: 1;
			  background-color: #5D5D8B;
              }

div.subSection h2 { font-family: arial;
			   font-weight: bold;
			   font-size: large;
			   margin:0px;
			   color: #FFFFFF; }

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


/* hidden divs */

div.row { position: relative;
	 		  align: center;
			  width: 620px;
			  height: 300px;
              overflow: visible;
			  z-index: 2;
              padding: 10px;
              margin: 10px;
			  background-color: #FFFFFF;
			  border-width: 2px;
			  border-style: ridge;}

div.rowExamples { position: relative;
	 		  align: center;
			  width: 620px;
			  min-height: 300px;
			  height: 430px;
              overflow: visible;
              margin: 10px;
              padding: 10px;
			  z-index: 2;
			  background-color: #FFFFFF;
			  border-width: 2px;
			  border-style: ridge;}

/* product */
div.product { border-style: ridge;
			  border-width: 0px;
			  position: absolute;
/*			  position: relative;*/
			  width: 285px;
			  height: 270px;
			  z-index: 2;
			  top: 30px;
              left:10px;
			  background-color: #FFFFFF; }

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

div.title h3 { font-family: arial;
			 font-weight: bold;
			 font-size: large;
			 margin:0px;
			 color: #800000; }

span.title { font-family: arial;
			 font-weight: bold;
			 font-size: large;
			 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; }

/* 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:solid;
				  border-width:1px;
				  position: absolute;
				  width: 285px;
				  max-width: 285px;
/*				  min-height: 265px;*/
				  height: 265px;
				  z-index: 9;
				  top: 35px;
                  right: 10px;
				  padding-left: 20px;
				  padding-right: 20px;
				  background-color:#FCFCE7;
                  overflow: auto;
				  padding-top:5px; }

span.description { font-family: arial;
				   color: #800000; }