/*******************************************************
* Layout
*******************************************************/
body#pgCategory #container {
	padding-bottom: 22px;	
}

body#pgCategory div#sections div#primary, 
body#pgDepartment div#sections div#primary {
	float: left;
	width: 724px;
}

body#pgCategory div#sections div#secondary,
body#pgDepartment div#sections div#secondary {
	float: left;
	width: 236px;
	margin-top: -21px;
}

body.departmentEnhanced div#sections {
	position: relative;
}

body.departmentEnhanced div#sections div#primary {
	position:relative !important;
	width: 960px !important;
	z-index: 1 !important;
	float: none !important;
}

body.departmentEnhanced div#sections div#secondary {
	position: absolute !important;
	top: 0px !important;
	right: 0px !important;
	z-index: 2 !important;
	float: none !important;
}

/*******************************************************
* promotions
*******************************************************/

#promotions {
	position: relative;
	margin-left: 16px;
	width: 692px;
	height: 474px;
	margin-right: 16px;
}

#promotions ol,
#promotions ul {
	list-style-type: none;
}

.cs {
	position: absolute;
	display: block;
}

.cs li {
	font-size: 1.1em;
}

.jsoverflow {
	overflow: hidden;
}

/*******************************************************
* Category - template 1
*******************************************************/

body.categoryTemplate1 #promotions ol li.spot1 {
	width: 692px;
	height: 474px;
}

body.categoryTemplate1 #promotions ol li.spot2,
body.categoryTemplate1 #promotions ol li.spot3,
body.categoryTemplate1 #promotions ol li.spot4,
body.categoryTemplate1 #promotions ol li.spot5,
body.categoryTemplate1 #promotions ol li.spot6,
body.categoryTemplate1 #promotions ol li.spot7,
body.categoryTemplate1 #promotions ol li.spot8,
body.categoryTemplate1 #promotions ol li.spot9,
body.categoryTemplate1 #promotions ol li.spot10,
body.categoryTemplate1 #promotions ol li.spot11,
body.categoryTemplate1 #promotions ol li.spot12 {
	display: none;
}

/*******************************************************
* Category template 2
*******************************************************/

body.categoryTemplate2 #promotions ol li.spot1 {
	width: 346px;
	height: 474px;
}

body.categoryTemplate2 #promotions ol li.spot2 {
	width: 346px;
	height: 474px;
	left: 346px;
}

body.categoryTemplate2 #promotions ol li.spot3 {
	display: none;
}

/*******************************************************
* Category template 3
*******************************************************/

body.categoryTemplate3 #promotions ol li.spot1 {
	width: 346px;
	height: 500px;
}

body.categoryTemplate3 #promotions ol li.spot2 {
	width: 346px;
	left: 346px;
	height: 238px;
}

body.categoryTemplate3 #promotions ol li.spot3 {
	left: 346px;
	top: 238px;
	height: 238px;
	width: 346px;
}

/*******************************************************
* department - template 1 / 2
*******************************************************/

#pgDepartment #browseHeading h1 {
	margin-left: 16px;
}

/* begin template 2 styles */
body.departmentTemplate1 .spot1,
body.departmentTemplate2 .spot1 {
	width: 692px;
	height: 427px;
}

body.departmentTemplate1 .spot2,
body.departmentTemplate1 .spot3,
body.departmentTemplate1 .spot4,
body.departmentTemplate1 .spot5,
body.departmentTemplate1 .spot6,
body.departmentTemplate1 .spot7,
body.departmentTemplate1 .spot8,
body.departmentTemplate1 .spot9,
body.departmentTemplate1 .spot10,
body.departmentTemplate1 .spot11,
body.departmentTemplate1 .spot12,

body.departmentTemplate2 .spot2,
body.departmentTemplate2 .spot3,
body.departmentTemplate2 .spot4,
body.departmentTemplate2 .spot5,
body.departmentTemplate2 .spot6,
body.departmentTemplate2 .spot7,
body.departmentTemplate2 .spot8,
body.departmentTemplate2 .spot9,
body.departmentTemplate2 .spot10,
body.departmentTemplate2 .spot11,
body.departmentTemplate2 .spot12 {
	display: none;
}

/*******************************************************
* department - template 3
*******************************************************/

body.departmentTemplate3 .spot1 {
	width: 230px;
	height: 200px;
	top: 250px;
	left: 12px;
}

body.departmentTemplate3 .spot2 {
	width: 230px;
	height: 200px;
	top: 250px;
	left: 230px;
}

body.departmentTemplate3 .spot3 {
	width: 230px;
	height: 200px;
	top: 250px;
	left: 460px;
}

body.departmentTemplate3 .spot4,
body.departmentTemplate3 .spot5,
body.departmentTemplate3 .spot6,
body.departmentTemplate3 .spot7,
body.departmentTemplate3 .spot8,
body.departmentTemplate3 .spot9,
body.departmentTemplate3 .spot10,
body.departmentTemplate3 .spot11,
body.departmentTemplate3 .spot12 {
	display: none;
}

/*******************************************************
* rhs spots
*******************************************************/

#promotionsRHSPanel .cs {
	width: 236px;
	height: auto;
	margin-bottom: 20px;
	position: static;
	display: block;
}

/*******************************************************
* department panels
*******************************************************/


div#departmentPanels {
	overflow: hidden;
	padding-left: 16px;
}

div#departmentPanels div.panel {
	width: 142px;
	overflow: hidden;
	float: left;
	margin-right: 16px;
	display: inline;
	min-height: 650px;
}

div#departmentPanels div.panel div.image {
	
}

div#departmentPanels div.panel div.details {
	
}

div#departmentPanels div.panel div.details h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 5px;
}

div#departmentPanels div.panel div.details ul {
	list-style: none;
}

div#departmentPanels div.panel div.details ul li {
	margin-bottom: 5px;
	font-size: 1.1em;
}

/*******************************************************
* Secondary navigation department/category TO DO 
*******************************************************/

body.brandBoutique div#secondaryNavigation {
	border: 0px !important;
	border-top: 1px solid #d9d9d9;
}

body.brandBoutique div#secondaryNavigation div.header {
	border-bottom: 1px solid #d9d9d9;
}

body.brandBoutique div#secondaryNavigation div.header h2 a {
	padding: 5px 14px 3px 14px;
	color: #000;
}

body.brandBoutique div#secondaryNavigation div.options ul {
	padding-top: 14px;
	border-bottom: 1px solid #d9d9d9;
}

body.brandBoutique div#secondaryNavigation div.options ul li {
	padding-bottom: 8px;
}

body.brandBoutique div#secondaryNavigation div.options ul li a.selected {
	color: #000;
}