/** Coach only css - updated 04/08/11 by Ashley McWilliams to fit new website design **/


/** COACH CATEGORY/SEARCH PAGE STYLES **/
/********** Editing image display for Coach **********/


#wrapper {background: #fff;}
#container {padding: 0 0 35px 0;}

/** Coach landing pages - to center content **/
#search-section, #content.side {width: 940px;}
#main {margin: 0; padding: 0;}
	#main embed, #main img, #main object {margin: 0 auto; background: none; float: left; text-align: center;}
div.ImageBanner {text-align: center;}

#upperleft img
{
	margin-bottom: 10px;
	border: 1px solid #4F2614;
	width: 611px;
}

.product img 
{
	border: none;
	margin: 0;
	padding: 0;
	width: 198px;
	height: 230px;
}

.product {
	color: #666;
	width: 198px;
	height: 320px;
	float: left;
	text-align: center;
	margin: 0 0 0 3em;
}


.product p {
	text-decoration: underline;
    /* Added 08/03/07 by AMcWilliams.  Code restructured so that price is not underlined, as requested by Coach.  This prevents a gap between the product title and price. */
	margin: 0 auto;
	width: 150px;
	text-align: center;
	

}

span.more2 {margin: 0; width: 198px; height: 12px; background-color: #555; display: block; text-align: center;}
span.more2 img {margin: 0 auto; width: 150px; height: 12px; display: block;}

.thumb_wrap
{
	width: 940px;
	float: left;
	margin: 1em 0 0 0;
}

/* Added 09/11/08 by AMcWilliams to restyle Endeca thumbnail pages for one large image, 4 small images, per Coach */
.coachLargeLeft
{
	float: left;
	margin: 0 0 0 3em;
	height: 500px;
 	width: 430px;
}


.coachLargeRight
{
	float: right;
	margin: 0;
	height: 500px;
 	width: 375px;
}

.coachLargeLeft img, .coachLargeRight img {width: 375px; height: 375px;}

/* Added 03/09/09 by AMcWilliams to extend background color width of "Hero" image for and align More Colors Available image */
div.coachLargeLeft span.more2 
{
	margin: 0;
	width: 375px;
	height: 12px;
	background-color: #555;
	display: block;
}

div.coachLargeRight span.more2 
{
	margin: 0;
	width: 375px;
	height: 12px;
	background-color: #555;
	text-align: center;
	display: block;
}

div.coachLargeLeft span.more2 img, div.coachLargeRight span.more2 img
{margin: 0 auto;}


/* Added 10/09/08 by AMcWilliams for aligning product text beneath "Hero" images, per Coach */
.heroDesc
{
	text-align: center;
	width: 100%;
	margin: 0 0 0 75%;
	float: left;
}

.coachGroup /* for the group of 4 small product images next to the large image on Endeca pages */
{
	width: 470px;
	float: left;
	margin: 0;
	padding: 0;
}

/* Added 01/26/11 by AMcWilliams to adjust spacing with new image sizes */
div.coachLargeLeft div.product, div.coachLargeRight div.product {height: 500px; width: 375px; margin: 0; padding: 0;}
div.coachLargeLeft div.product p, div.coachLargeRight div.product p {width: 150px; text-align: center; margin: 0 auto;}

.merch1
{
	width: 100%;
	margin: 0.83em 0 1.66em 0;
	clear: both;
	float: left;
}


.backToTop
{
 	float: right;
	margin-top: -65px;
	/*_margin-top: -75px;*/
	background: none;
}

.backToTop img
{
	border: none;
}

.bg-dots 
{ 
	background: url("../images/endeca/coach/dotted_line.gif") repeat-x scroll center transparent;
	float: left;
	height: 30px; 
	padding: 30px 0 0 0;
	width: 942px;
	margin: 0;
	clear: both;
} 

div.bg-dots div.coacheoltitle
{ 
	margin: 0 auto;
	text-align: center;
	clear: both;
}
div.bg-dots div.coacheoltitle img
{ 
	position: relative;	
	top: -20px;
}


#CenterPageZone
{
	margin-top: -5px;
	
} 

/**** Product description on Coach pages ****/
/* Color and h2 styles added 08/02/07 per request from Coach for black font color on product pages placed by AMcWilliams. 
   Float and margins updated 08/13/07 to correct alignment due to new zoom buttons from Coach - by AMcWilliams
*/
 
/* Added 10/10/08 by AMcWilliams for better containment and alignment of product description and cross-sell*/
#coach_container
{
	background-image: url(http://www.dillards.com/images/coach/coach_prod_bg.jpg);
	background-repeat: repeat-y;
	width: 500px;
	float: left;
	margin: 10px 0 0 0;
	*margin: 10px 2px 0 0;
}

#quantity
{
	width: 50px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.color
{
	width: 245px;
	float: left;
	margin: 0;
}

#ColorAttrValue {margin: 0 0 0 1em;}

/* Added 10/07/09 by AMcWilliams to style second attribute, size, for shoes */
.size
{
	width: 245px;
	float: left;
	margin: 0 0 0 5.2em;
}

#SizeAttrValue {margin: 0 0 0 5em; _margin: 0 0 0 4.4em;}

span.label img
{
	margin: -0.02em 0 -0.1em -0.2em;
}

.addToBag
{
	margin: 1em 0;
}

#coach_prod_description {

	float: left;
	color: #666;
	width: 325px;
	_width: 305px;
	margin: 10px 0 0 20px;
	_margin: 10px 0 0 10px;
}
#coach_prod_description h2
{
	color: #666;
}

#add-area .divider {width: 320px; margin: 0.83em 0;}

#print-share {float: left; width: 270px;}

/********** COACH DROP-DOWN NAVIGATION **********/
/*
#coachMenu
{
	float: left;
	margin: -3.4em 0 0 18em;
}

ul#nav{
	width: 520px;
	margin:0;
	_margin: 0;
	padding:0;
	list-style-type:none;
	
	
}
ul#nav li ul{
	
	margin: 0;
	.margin: .5em 0 0 0;
	_margin:.5em 0 0 0;
	padding:.2em;
	border: 1px solid #4F2614;
}
ul#nav li{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	background:transparent;
	color:#333;
	line-height:150%;
}
ul#nav a{
	
	color:#000;
	text-decoration:none;
	display:block;
}
ul#nav a:hover{
	
	color:#333;
}
ul#nav li li a{
	padding-left:1em;
	color:#333;
	text-decoration:none;
	display:block;
	line-height: 1.5em;
	
}
ul#nav li li a:hover{
	background:#C9C8C7;
}
*/
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
#coachNav
{
	width: 942px;
	padding: 0 1.66em 3.32em 0;
	margin: 0 0 -10px 0;
	z-index:100;
}

#coachNav #logobar {/*background: url(/images/coach/coach_nav1.gif) repeat-x; margin: 0; padding: 0;*/ width: 940px; height: 93px; background: #000;}
	#coachNav #logobar a img {margin: 0.5em 0 0 5.75em;}

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin-left: 190px;
		margin-top: -56px;
		/*width:815px;*/
		height: 54px;
	}
	#qm0 img
	{	
		border: none;
	}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		margin:0px;
		padding-top: 13px;
		_padding-top: 10px;
		color:#fff;
		font-family:"Century Gothic", Verdana, sans-serif;
		font-size: .75em;
		text-decoration:none;
		font-weight:normal;
		text-align:center;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:auto;
		padding:0px 1px 0px 1px;
		margin:3px;
		background-color:#fff;
		border-width:1px;
		border-style:solid;
		border-color:#000;
	}
	


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		width:auto;
		padding:4px 40px 4px 3px;
		margin:1px 0;
		background-color:transparent;
		color:#000;
		text-align:left;
		border-width:0px;
		border-style:none;
		border-color:#000000;
		font-weight: bold;
		text-transform: uppercase;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#fff;
		background-color:/*#c9c8c7*/#8f8f8f;
		
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#c9c8c7;
	}

	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#c9c8c7;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:8px 0px;
		border-color:#fff;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:12px;
		margin:30px 5px 0px;
		border-color:#fff;
	}
/*** Cross-Sell Sidebar ***/
  
#coachSideBar 
{
	float: right;
	width: 110px;
	font-size: 9px;
	margin: 0;
}

/* Added 08/15/07 to align doubleline.gif background image - by AMcWilliams
   Updated 08/21/07 by AMcWilliams to fix gap at top of line, depending on amount of content
 */
.verticalDivider
{
	position: static;
	margin: 165px 0 0 -160px;
	_margin: 165px 0 -16px -160px;
}

/* Added 08/20/07 to add thin black border around cross-sell images - by AMcWilliams */
.product_coach img
{ 
	border: none;
}

.product_coach
{
	margin-bottom: 12px;
	color: #B8B8B8;
}

.product_coach a {
	color: #B8B8B8;
	}

#prod_check {

	float: left;

	width: 250px;

	text-align: center;

	background: #F3F2EE;

	padding: 10px;

	margin: 0 0 10px 0;

	}

	

	#prod_check p {

		width: 250px;

		margin: 0;

		padding: 0;

		}

/**** Swatch Grid stylings - requested by Coach - in place 07/30/07 by AMcWilliams ****/
#swatchGrid img.swatch /* places 14px of spacing between each swatch, as requested by Coach */
{
	height: 16px;
	width:28px;
	position: relative;
	left: -8px;	
	margin-top: 4px;
}		

/* ******************FOOTER STYLE****************** */
#coachfooter {
display: block;
clear: both;
text-align: right;
/*border-top: 1px solid #000;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;*/
width: 815px;
z-index: 100;
}