/*Hide Banners on Homepage*/
#content-shop { width:100% }
body.defaultPage, body.home, body.homeb, body.homec { background:url(/Content/2012/home/wk11/bg-home.jpg) 0 6px no-repeat #e4f3f5 }
#content-frame { width:100% }
#pageContainer { background:none }
#content-body { width:auto; padding-bottom:0; }
#homeStory {
	position:relative;
	margin-top: 15px;
	padding-top: 10px;
}
#shoeFinder {
	background:url(/Content/core/demo/bg-shoeFinder.png) center no-repeat;
	background: none repeat scroll 0 0 rgba(250, 250, 250, 0.85);
    border-radius: 12px 12px 12px 12px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
	right:16px;
	top:0;
    position: absolute;
	width:182px;
	padding:14px 20px 24px 20px;
	z-index:3;
}
#shoeFinder:first-of-type { padding:8px 14px 14px 14px; }
#shoeFinder h2 {
	width:174px;
	height:23px;
	text-indent:-999px;
	overflow:hidden;
	background:url(/Content/core/demo/hdr-shoeFinder.png) left center no-repeat;
	margin:10px 0;
}
#shoeFinder select {
	display: inline-block;
	width: 100%;
	height: 26px;
	padding: 4px;
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 26px;
	color: #555;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sfSearchBTN {
	display:block;
	height:28px;
	width:42px;
	background:url(/Content/core/demo/btn-go.png) top center no-repeat;
	text-indent:-999px;
	overflow:hidden;
	text-transform:uppercase;
	cursor:pointer;
}
#sfForm select:disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#sfSearchBTN:hover { background:url(/Content/core/demo/btn-go.png) bottom center no-repeat; }
#brandFarm {
	width:100%;
	padding-top:44px;
	height:60px;
	position:relative;
	text-align:center;
	overflow:hidden;
	padding-top:28px/9;
	background:#FFF\9;
}
#brandFarm:after {
	content:'';
	display: block;
	position:absolute;
	z-index:-1;
	width:100%;
	left:50%;
	padding:0 10%;
	margin-left:-60%;
	top:16px;
	height:120px;
	background:#FFF;
	/*
	-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
	*/
}
#brandWrap {
	margin: 0 auto;
    padding-left: 28px;
    width: 980px;
	text-align:justify;
}
/* ROTATING STORY STYLES */
#content-shop { padding-bottom:0 }
.defaultPage #SubFooter, .home #SubFooter { padding: 24px 0 60px 0; }
body #shipToStoreBanner { display:none }
.story { height:500px; width:978px; position:absolute; z-index: 0;}
#homeStory { width:980px; height:500px; }
#shoeFinder { right:12px; *right:4px; }
#homeStory .hpLogo, #homeStory .ffLogo, #homeStory .linkBlock, #homeStory .detailsButton {
	position:absolute;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#homeStory .hpLogo, #homeStory .ffLogo { margin-top:6px; margin-top:0px\9; }
#homeStory .linkBlock { margin-top:6px; margin-top:0px\9; }
.story.active { z-index:1 }
.story .linkBlock { position:absolute; }
.storyButtons { position:absolute; top:240px; width:26px; height:0; padding-top:25px; background-image:url(/Content/2012/home/wk13/bg-storyArrows.png); display:block; cursor:pointer; overflow:hidden; z-index:2; zoom:1; }
.storyButtons.left 	{ left: 20px; background-position:0 -25px; background-position:0 0\9;  }
.storyButtons.right { right:20px; background-position:-26px -25px; background-position:-26px 0\9; }
.storyButtons.left:hover 	{ left: 20px; background-position:0 -25px\9;  }
.storyButtons.right:hover   { right:20px; background-position:-26px -25px\9; }
.storyButtons {
	zoom: 1;
	opacity: .5;
    -webkit-transition: all 120ms ease-in;
	-o-transition: 		all 120ms ease-in;
	-moz-transition: 	all 120ms ease-in;
	-ms-transition: 	all 120ms ease-in;
	transition: 		all 120ms ease-in;
}
a.storyButtons:hover { opacity: 1; }
/* IE8 AND BELOW STYLES */
#content-body { overflow:hidden; position:relative; }
#homeStory .story .linkBlock, #homeStory .story .hpLogo { display:block\9; }
.story { display:none\9; }
.story.active { display:block\9;}


#homeStory .storiesNav {position: absolute; bottom:10px; left:0; right:0; z-index:2; width:100%; text-align:center; }
#homeStory .storiesNav a {padding-top:12px; overflow: hidden; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px; width:12px; height:0; display:inline-block; *display:inline; Zoom:1; background:url(/content/core/spacer.gif) #DDD; margin:0 3px;}
#homeStory .storiesNav .active { background-color:#A9C9C8;}