/* 
MOZ_ndx_70.css 				
author: nick-stone.com 	
 updated 7/16/07 
 renumbered 9/10/08 
updated  9/14/08 
updated 10/23/08 
updated 12/7/08
updated 12/9/08
updated 12/18/08 add Xmas decorations
updated 12/31/08 remove Xmas decorataions
updated 1/8/09 change border color for #teasers-bag
updated 3/14/10 change border color for #teaser-bag
*/
	
/* -------------------------------------------------------- */	
/*			 Index  						*/
/* -------------------------------------------------------- */



	
.ndx #spotlight p {
	position: absolute;
	left:0;
	top: 510px;
	text-align: center;
	width: 99%;
	color: #000;
	background: transparent;
	}		
				
.ndx #teasers {
		width: 258px; /* 460+258=718 buffer=20 */
		float: right;
		background:#fff;
		}	
		
.ndx #teasers img {
	margin: 0 0 0 8px;
	}
	
/* XMAS RULES FOR WREATH below 134 + 58+58 
.ndx #teasers img#new-this-season {	
	border: 25px solid #000; 
	border-left: 45px solid #000;
	border-right: 45px solid #000;
		}		*/
		
.ndx img#teasers-bag {
/*
	border: 15px solid #60453f;
	border-left: 45px solid #60453f;
	border-right: 45px solid #60453f;
	
	border: 15px solid #888;
	border-left: 45px solid #888;
	border-right: 45px solid #888;
	
		border: 15px solid #f9ddca;
	border-left: 45px solid #f9ddca;
	border-right: 45px solid #f9ddca;
	
	border: 15px solid #f1decf;
	border-left: 45px solid #f1decf;
	border-right: 45px solid #f1decf;
	*/
	border: 15px solid #ff6;
	border-left: 45px solid #ff6;
	border-right: 45px solid #ff6;
	margin: 20px 0 20px 8px;
	}		
	
.ndx #quartet {
		position:relative; /* enable abs-pos anchors */
		width:250px;
		height:180px;
		}
.ndx #quartet img {
	position:absolute; 
	top:0;
	left:0;
	height: 70px;
	width: 70px;	
	}		
.ndx #quartet div,
.ndx #quartet a {
	position:absolute;
/*	height: 79px; */
	height: 80px;
	width: 80px;	
	display:block;
	}
.ndx #quartet a:hover,
 .ndx #quartet a:focus{
 outline:none;
 border:1px solid #000;
 	}	
	
	
/* Override size of smaller img anchors for large img anchor,
this is important for hover & focus border effects */	
.ndx #quartet a.group-anchor:hover,
.ndx #quartet a.group-anchor:focus{
	width:250px;
	height:180px;
	border:none;
	}
	
.ndx #quartet .northwest 	{
	top:5px;
	left: 35px;
	}
	
.ndx #quartet .northeast 	{
	top:5px;
	right: 25px;
	}	
.ndx #quartet .southwest 	{
	bottom:10px;
	left: 35px;
	}
	
.ndx #quartet .southeast 	{
	bottom:10px;
	right: 25px;
	}		

.ndx #fabric-handbag-tips {
	width: 100%;
	float: left;
	margin-top: 20px;
	color: #000;
	background: #fee;
/*	border: 1px solid #222; */
	}		
.ndx #fabric-handbag-tips ul{		
	float:left; /* keeps btmnav from riding up */
	width: 99.9%;
	
	}
.ndx #fabric-handbag-tips li{		
	padding-left: 18px;
	background: url(../images_080910/pink_bullet_15x.gif) no-repeat 0 0;
	margin: .8em 0;
	}	
	
.ndx #fabric-handbag-tips li a:hover{		
	text-decoration:underline;
	}