/******************************************************** 
**
**		Path to Purchase Styles 
**
**		- This is for Path to Purchase CSS Styles only
**		- NO Global Styles should be included here 
**		- Styles are tab arranged to show inheritance 
**		  and layout structure
**
********************************************************/
/*** NEW - CATEGORY & SUB-CATEGORY LEFT NAV ***/			  
.mainnav {
	float:left;
	text-align:left;
	width:158px;
	height:auto;
	vertical-align:top;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}

.mainnav_toplink {
	font-size:10px;
	width:158px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	background-color:#FFFFFF;
}

.mainnav_toplink + div {margin-top:5px;}

.mainnav_toplink + span {margin-bottom:5px;}

.cat_mainnav_sublinks_off  + div {line-height:normal;}

.mainnav_toplink a {
	color:#999;
	display:block;
	letter-spacing:0.05em; 
	line-height:12px;
	text-decoration:none;
	/*font-weight:700;*/ 
	margin:10px 0 5px 0; 
	padding:0 0 0 10px; 
}

.mainnav_toplink a:hover {color:#333;}
.mainnav_toplink a.selected {color:#595959;}

/*** SUB-CATEGORY NAVIGATION ***/
	.cat_mainnav_sublinks {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		/*font-weight:400;*/
		text-transform:uppercase;
		background-color:#FFFFFF;
	}
	
	.cat_mainnav_sublinks a {
		color:#999;
		display:block;
		letter-spacing:0.09em;
		line-height:11px;
		text-decoration:none;
		margin:5px 0px 4px 20px; 
		border:none;
	}
	
	.cat_mainnav_sublinks a:hover {
		color:#333;		
		background:transparent url(/wcsstore/Michele/images/en_US/css/red_dot.png) no-repeat left; 
	}
	
	.cat_mainnav_sublinks a.selected {
		color:#333;
		background:transparent url(/wcsstore/Michele/images/en_US/css/red_dot.png) no-repeat left; 
	}
	
	.cat_mainnav_sublinks_off {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		/*font-weight:800;*/
		line-height:normal;
		text-transform:uppercase;
		background-color:#FFFFFF;
	}
	
	.cat_mainnav_sublinks_off a {
		color:#999;
		display:block;
		letter-spacing:0.09em;
		text-decoration:none;
		margin:0px; 
		border:none;
	}
	
	.cat_mainnav_sublinks_off a:hover {color:#333;}

/* Limited and Special Collections - Trunk Show */
	a#cat_247002 {color:#D04D56;}
	a#cat_247002:hover {color:#B23F3F;}
	a#cat_247002.selected {color:#B23F3F;}

/*Padding below Bottom Left Nav Link*/
	/*div.mainnav + div#cat-area {padding-bottom:85px;}*/  /*Makes Dept Pg have spacing below Dept Feature as well, so below is better fix*/
	div.left_nav_pad {background:transparent url(/wcsstore/Michele/images/en_US/spacer.gif) no-repeat left; width:1px;height:45px;}
/*** END: NAVIGATION ***/

/*** Category Page Main Content ***/		    
  #cat-area {float:left; width:824px;}
  	#cat-area .department {width:824px; height:396px; overflow:hidden; padding:0; margin:0;}

	#cat-copy {width:824px;}
	 #cat-copy .department {width:824px; height:396px; overflow:hidden; padding:0; margin:0;}
	 
	#pagination {padding:8px 11px 0 0; text-align:right; cursor:arrow; background-color:#FFFFFF;}
	  #pagination a {text-decoration:none;}
	  #pagination a:hover {color:#000; text-decoration:underline;}
	  #pagination .current {text-decoration:underline;}
	
	#cat-gallery {clear:both; padding:13px 0; background-color:#FFFFFF;}
	  
	  .cat-spot {float:left; position:relative; height:149px; width:149px; margin:7px;}
	    .cat-spot img {width:149px; height:149px;}
		.cat-spot-hover-off {position:absolute;	top:0; left:0; visibility:visible;	border:1px solid #f1f1f1; width:149px; height:149px;}
		.cat-spot-hover-on {position:absolute; top:0; left:0; height:100%; width:100%; visibility:hidden; border:1px solid #f1f1f1;}
			.cat-spot-hover-on a {width:149px; height:149px; text-decoration:none;}
			.cat-spot-hover-on a:hover{color:#000;}


/*** Product Page ***/

  #prod-area {float:left; width:814px; padding:10px 10px 0 0;}
	#image-area {float:left; width:417px;}
  	  #image-area img {border:1px solid #e6e6e6}
		img.largeView {width:359px; height:368px; overflow:hidden;}
	  #main-img-holder {float:left; width:361px; text-align:center;}
		
		  #image-area ul {float:right; padding:0; margin:0; list-style-type:none;}
		    #image-area li {padding:0; line-height:4px;}
		     #image-area li img {height:54px; width:54px;}

	#copy-area {float:right; width:329px; padding:0 0 0 50px; position:relative;}
	  #copy-area h1 {padding:0; margin:20px 0 0 0; font-size:14px; color:#950204; font-weight:normal;}
		#prodTab{width:334px; padding-top:14px;}
		  #prodTab a {display:block; float:left; margin:0; border:1px solid #e6e6e6; border-bottom:0; padding:4px 11px; font-size:10px; text-align:center; text-decoration:none; color:#999;}
			#prodTab a:hover {color:#ad070d;}
			a.prodTabOn {display:block; float:left; margin: 0; border:1px solid #e6e6e6; border-bottom:0; padding:4px 11px; font-size:10px; text-align:center; text-decoration:none; color:#999;}
		  #descTab {clear:left; border:1px solid #e6e6e6; padding:2px 11px;}
		  #specTab {display:none; clear:left; border:1px solid #e6e6e6; padding:6px 11px;}
		    #specTab ul {margin:0; padding:0; list-style-type:none;}
		       #specTab li {margin:0; padding:5px 0;}
		         #specTab b {color:#888;}
		#prod-list {float:left; margin:0; width:130px; padding:14px 16px 14px 2px; list-style-type:none;}
		  #prod-list li {margin:3px 0; font-size:9px; padding:0 0 0 13px; background:transparent url(/wcsstore/Michele/images/en_US/css/pink_sqr.png) no-repeat top left;}
		    #prod-list a {text-decoration:none;}
		#add-box {float:left; margin:40px 0 0 0; width:160px; }
		  .price {font-size:14px; color:#000;}
		  #add-box label {padding:0 0 0 12px;}
		  #add-box select {border:1px solid #e6e6e6; width:35px;}
		  #add-box input {margin:7px 0 0 0;}
		#prod-suggest {clear:left; width:329px;}
		  #prod-suggest h4 {padding:0 0 5px 0; margin:0; font-size:10px;}
		  #prod-suggest a img {margin:5px 13px 0 0; border:1px solid #e6e6e6; width:87px; height:87px;}
		    #prod-suggest h4 img {border:0;}
		    
		    
/*** Search Page ***/

  #search-area {padding:30px 76px 15px 76px;}
  	#search-area h1 {margin:0; padding:0 0 9px 0; margin:0 0 7px 0; font-size:15px; font-weight:500; color:#747272; border-bottom:1px dotted #ddd;}
	#search-area form {padding:0; margin:0; width:280px;}
	  #search-area input {padding:8px 6px; border:1px solid #ccc; width:275px; color:#999; font-size:12px;}
	#search-copy {float:right; padding:3px 0 3px 15px; width:520px; line-height:18px;}
	  #search-copy .red {padding:10px 0; line-height:11px; font-size:11px; color:#ad070d;}
	#search-empty {margin:7px 0 0 0; border-top:1px dotted #ddd; height:300px;}
	#search-result {margin:7px 0 0 0; border-top:1px dotted #ddd;}
	  #result-text {float:left; padding:8px 0 0 0; width:410px;}
	  #search-result #pagination {float:right; width:410px;}
	#empty-content {margin:7px 0 35px 0; border-top:1px dotted #ddd;}
	  #empty-content h2 {margin:0; padding:50px 0 10px 0; font-size:15px; font-weight:500; color:#747272;}
	  #empty-cat-list {float:left; width:410px;}
	  	#empty-cat-list .list {float:left; width:120px;}
	  	  #empty-cat-list .list b {font-size:11px;}
	  	  #empty-cat-list .list ul {padding:0; margin:0; list-style-type:none;}
	  	  #empty-cat-list .list li {padding:9px 0 0 0;}
	  	  #empty-cat-list .list a {text-decoration:none;}
	  	  #empty-cat-list p {padding:0 0 9px 0; margin:0;}
	  	  #empty-cat-list b {color:#333;}

	  #empty-copy {float:right; width:410px; overflow:hidden;}