/*Begin of General*/
body, html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	color: #1a1a1a;
	color: #000000;
	background: #ffffff;
}

body, div, span, img, a, ul, ol, li, h1, h2, h3, h4, h5, form, input, textarea, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5 {
	text-align: left;
	font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: 120;
}

p {
	margin: 0;
	padding: 5px 0;
}

.floatClearBoth {
	clear : both;
}
.clear	{
	clear : both;
}
strong, .strong {
	font-weight: bold;
}

em, .em {
	font-style: italic;
}

/* JavaScript disabled code */
#jsdisabled {
   margin-left: -280px;
   padding: 5px 5px 5px 35px;
   width: 560px;
   position: absolute;
   z-index: 255;
   top: 10px;
   left: 50%;
   color: #ca1b1a;
   text-align: center;
   border: 1px solid #000000;
   background: #ffffff url("/images/common/icon_no_js_alert.gif") no-repeat 5px 7px;
}

#wrapper {
	margin: 0 auto;
	width: 977px;
	text-align: left;
}

#backToFS a	{color : #ca1b1a;}
#backToFS a:visited	{color : #ca1b1a;}
#backToFS a:hover	{color : #000;}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:hover, a:focus {
	outline: none;
	color: #ca1b1a;
}

a:active {
	color: #000000;
}

a:focus img {
	outline: dotted;
	outline-width: thin;
	outline-color: #ca1b1a;
}
/*End of General*/

/*Begin of Header*/
#header {
	position : relative;
	margin-top: 6px; padding : 1px;
	width: 977px;
}
	#backToFS	{
		position : absolute;
		top : 57px; right : 5px;
		width : 140px;
		text-align : right;
		border : 0px solid #000;
		font : normal 14px/14px arial, helvetica, sans-serif;
		color : #ca1b1a;
		z-index : 69; /* 1 below #overlay when the popup is fired */
	}
#headerLeft {
	margin-bottom: 10px;
	float: left;
}
	
#headerRight {
	float: left;
}

/*Begin of Navigation Bar*/
#headerNav {
	width: 977px;
	height: 29px;
	list-style-type: none;
}

#headerNav li {
	display: block;
	float: left;
}

#headerNav a, #headerNav div {
	display: block;
	padding: 8px 0;
	height: 13px;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	position: relative;
	z-index: 25;
	border-right: 1px solid #474747;
	background: #363636 url("/images/hype_common/header_nav_bg.jpg") repeat-x 0 0;
}

#headerNav a:hover, #headerNav a:focus {
	outline: none;
	background: #777777 url("/images/hype_common/header_nav_bg.jpg") repeat-x 0 -29px;
}

#headerNav a:active {
	outline: none;
	background: #4e4e4e url("/images/hype_common/header_nav_bg.jpg") repeat-x 0 -58px;
}

#headerNav div {
	background-color: #c91127;
	background-position: 0 -87px;
}

#headerNav span {
	display: block;
	width: 5px;
	height: 29px;
	position: absolute;
	top: 0;
}

#navBaby {
	width: 67px;
}

#navBaby span {
	left: 0;
	background: url("/images/hype_common/header_nav_left_bg.jpg") no-repeat left top;
}

div#navBaby span, div#navBaby:hover span, div#navBaby:focus span {
	background: url("/images/hype_common/header_nav_left_bg.jpg") no-repeat left -87px;
}

#navBaby:hover span, #navBaby:focus span {
	background: url("/images/hype_common/header_nav_left_bg.jpg") no-repeat left -29px;
}

#navBaby:active span {
	background: url("/images/hype_common/header_nav_left_bg.jpg") no-repeat left -58px;
}

#navBeauty {
	width: 84px;
}

#navFit {
	width: 53px;
}

#navGrooming {
	width: 96px;
}

#navHers {
	width: 66px;
}

#navHis {
	width: 53px;
}

#navHome {
	width: 72px;
}

#navScents {
	width: 80px;
}

#navShoes {
	width: 75px;
}

#navSimplyHype {
	width: 115px;
}

#navSport {
	width: 69px;
}

#navTech {
	width: 69px;
}

#headerNav #navTeen {
	width: 66px;
	border-right: none;
}

#navTeen span {
	right: 0;
	background: url("/images/hype_common/header_nav_right_bg.jpg") no-repeat right top;
}

#headerNav div#navTeen span, #headerNav div#navTeen:hover span, #headerNav div#navTeen:focus span {
	background: url("/images/hype_common/header_nav_right_bg.jpg") no-repeat right -87px;
}

#navTeen:hover span, #navTeen:focus span {
	background: url("/images/hype_common/header_nav_right_bg.jpg") no-repeat right -29px;
}

#navTeen:active span {
	background: url("/images/hype_common/header_nav_right_bg.jpg") no-repeat right -58px;
}
/*End of Navigation Bar*/

#headerBreadcrumbs {
	margin: 14px 0 8px 0;
	padding-left: 7px;
	width: 563px;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

#headerAddThis {
	margin: 14px 0 0 19px;
	width: 130px;
	height: 18px;
	float: left;
}

#headerHelp {
	margin: 10px 0 0 15px;
	width: 50px;
	height: 25px;
	float: left;
}

#searchBox {
	margin-left: 18px;
	width: 174px;
	height: 22px;
	float: left;
}

#searchField {
	margin-top: 14px;
	padding-left: 20px;
	width: 114px;
	float: left;
	border: 1px solid #d7d7d7;
	background: url("/images/ofs_common/search_bg.gif") no-repeat 2px center;
}

#searchField:focus {
	outline: none;
}

#searchSubmit {
	margin: 13px 0 0 2px;
	width: 36px;
	height: 21px;
	float: right;
}

#searchSubmit:focus {
	outline: dotted;
	outline-width: thin;
	outline-color: #ca1b1a;
}
/*End of Header*/

/*Begin of Content*/
#mainContainer {
	position: relative;
	width: 977px;
}

#mainDisplay div.roundedHeader {
	margin: 13px 0 0 0;
	padding: 0;
	color: #ffffff;
	text-align: left;
	text-transform: none;
	min-height: 40px;
	position: relative;
	z-index: 20;
	background: #e22020 url("/images/hype_home/rounded_header_lrg_bg.jpg") no-repeat;
}

#mainDisplay div.roundedHeader div.leftBox {
	padding-top: 2px;
	padding-left: 49px;
	width: 275px;
	float: left;
}

#mainDisplay div.roundedHeader div.middleBox {
	/*padding-top: 9px;
	font : bold 18px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	padding : 6px 0 0 0; margin : 0;
	font : bold 17px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	float: left;
	width: 219px;
}

#mainDisplay div.roundedHeader div.rightBox {
	padding-top: 2px;
	padding-right: 49px;
	width: 275px;
	float: right;
}

#mainDisplay div.roundedHeader img {
	padding: 7px 8px 0 24px;
	float: left;
}

#mainDisplay div.roundedHeader div.rightBox {
	padding-right: 49px;
	text-align: right;
}

#mainDisplay div.roundedHeader a {
	display: block;
	padding-top: 9px;
	color: #ffffff;
}

#mainDisplay div.roundedHeader a:hover {
	color: #ffffff;
	text-decoration: none;
}

#mainDisplay div.roundedHeader div div {
	padding-top: 9px;
}

#mainDisplay div.roundedHeader a span.nav {
	margin-top: -11px;
	width: 17px;
	height: 21px;
	position: absolute;
	top: 50%;
}

#mainDisplay div.roundedHeader div.leftBox a span.nav {
	left: 14px;
	background: url("/images/hype_common/button_left_bg.jpg") no-repeat left -42px;
}

#mainDisplay div.roundedHeader div.leftBox a:hover span.nav, #mainDisplay div.roundedHeader div.leftBox a:focus span.nav {
	background-position: left -63px;
}

#mainDisplay div.roundedHeader div.rightBox a span.nav {
	right: 14px;
	background: url("/images/hype_common/button_right_bg.jpg") no-repeat right -42px;
}

#mainDisplay div.roundedHeader div.rightBox a:hover span.nav, #mainDisplay div.roundedHeader div.rightBox a:focus span.nav {
	background-position: right -63px;
}

.roundedHeader {
	margin: 49px 245px 0 245px;
	padding: 9px 10px 6px 10px;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	background: #ca1b1a url("/images/hype_common/rounded_header_bg.jpg") no-repeat top center;
}

.roundedHeaderLrg {
	margin: 49px 10px 0 10px;
	padding: 9px 0 7px 0;
	font : bold 18px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-align: center;
	background: #e22020 url("/images/hype_common/rounded_header_lrg_bg.jpg") no-repeat top center;
}

#innerDisplay {
	width: 977px; min-height : 395px;
	position: relative;
	background: url("/images/hype_common/sky_bg.jpg") no-repeat;
	padding : 1px 0 1px 0;
}

/*Begin of Common TopTen*/
#topTenList {
	padding: 0 9px 0 8px;
	list-style: none;
}

#topTenList li {
	padding: 28px 8px 38px 8px;
	width: 176px;
	float: left;
	text-align: center;
	position: relative;
	z-index: 45;
}

#topTenList a {
	text-decoration: none;
}

#topTenList a span.listMarker {
	padding-top: 14px;
	width: 44px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	z-index: 50;
	left: 42px;
	top: 6px;
	color: #ffffff;
	text-decoration: none;
	background: url("/images/hype_common/dot_bg.png") no-repeat 0 0;
}

#topTenList a:hover span.listMarker, #topTenList a:focus span.listMarker {
	cursor: pointer;
	background-position: 0 -44px;
}

#topTenList a span.listLinkText {
	padding: 0 8px;
	text-decoration: underline;
	width: 160px;
	position: absolute;
	top: 116px;
	left: 0;
}

#topTenList a:hover span.listLinkText, #topTenList a:focus span.listLinkText {
	cursor: pointer;
}

#topTenList li img {
	margin: 0 auto;
	display: block;
}

#topTenList li a:hover img, #topTenList li a:focus img {
	outline: none;
}

#topTenBottomGutter {
	height: 48px;
}
/*End of Common TopTen*/
#hypeByFS	{
	border : 0px solid #000;
	color : #888783;
	margin : 10px 0 20px 35px; padding : 1px 0;
	font : 100 12px/18px arial, helvetica, sans-serif;
}
	#hypeByFS div#left	{
		float : left;
		width : 520px;
		border : 0px solid #000;
	}
	#hypeByFS div#right	{
		float : left;
		width : 350px;
		padding : 0 0 0 20px;
		border : 0px solid #000;
	}
		#hypeByFS #itsSimple	{
			text-align : justify;
			padding : 10px 0 0 0;
		}
		#hypeByFS div#howToUse	{
			padding : 10px 0 0 20px;
			border : 0px solid #000;
		}
			#hypeByFS div#howToUse ul	{
				padding : 0 0 0 20px;
				width : 300px;
			}
/*Begin Hype by FS*/

/*End of Hype by FS*/

/*Begin of Common Bottom*/
div.bottomBox {
	margin: 0 10px;
	background: url("/images/hype_common/bottomBox_bg.jpg") repeat-y center top;
}

div.bottomBox div.boxTop {
	min-height: 5px;
	background: url("/images/hype_common/bottomBox_top_bg.jpg") no-repeat center top;
}

div.bottomBox div.boxBottom {
	min-height: 147px;
	position: relative;
	z-index: 50;
	background: url("/images/hype_common/bottomBox_bottom_bg.jpg") no-repeat center bottom;
}

div.bottomBox div.bottomLeftSwirls {
	background: url("/images/hype_common/swirls_bottomLeft_bg.jpg") no-repeat 1px bottom;
}

div.bottomBox div.bottomMiddleSwirls {
	background: url("/images/hype_common/swirls_bottomMiddle_bg.jpg") no-repeat center bottom;
}

div.bottomBox div.topRightSwirls {
	background: url("/images/hype_common/swirls_topRight_bg.jpg") no-repeat right 1px;
}

div.bottomBox div.boxLeft, div.bottomBox div.boxMiddle, div.bottomBox div.boxRight {
	padding: 8px 0 4px 0;
	display: block;
	float: left;
	width: 271px;
	min-height: 135px;
	font-size: 13px;
	line-height: 15px;
}

div.bottomBox div.boxLeft {
	padding-left: 6px;
	width: 336px;
}

div.bottomBox div.boxMiddle {
	text-align: center;
}

div.bottomBox div.boxRight {
	padding-right: 6px;
	width: 337px;
	text-align: right;
}

div.bottomBox a {
	display: block;
	padding-top: 59px;
	padding-bottom: 64px;
	min-height: 12px;
	text-decoration: none;
}

div.bottomBox div.boxLeft a {
	padding-left: 30px;
	padding-right: 30px;
}

div.bottomBox div.boxMiddle a {
	padding-left: 2px;
	padding-right: 2px;
}

div.bottomBox div.boxRight a {
	padding-left: 30px;
	padding-right: 30px;
}

div.bottomBox div.boxLeft span.text {
	margin-top: -.9em;
	width: 291px;
	position: absolute;
	top: 50%;
	left: 30px;
	text-decoration: underline;
}

div.bottomBox div.boxMiddle span.text {
	margin-top: -.9em;
	margin-left: -136px;
	width: 271px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-decoration: underline;
}

div.bottomBox div.boxRight span.text {
	margin-top: -.9em;
	width: 291px;
	position: absolute;
	top: 50%;
	right: 30px;
	text-decoration: underline;
}

div.bottomBox div.boxLeft div span.text, div.bottomBox div.boxRight div span.text {
	text-decoration: none;
}

div.bottomBox div.boxRight div {
	display: block;
	padding-top: 59px;
	padding-left: 30px;
	padding-right: 30px;
}

div.bottomBox a span.nav {
	padding-top: 4px;
	margin-top: -11px;
	font-size: 10px;
	line-height: 12px;
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	z-index: 60;
	top: 50%;
	color: #ca1b1a;
}

div.bottomBox div.boxLeft a span.nav {
	left: 7px;
	background: url("/images/hype_common/button_left_bg.jpg") no-repeat left top;
}

div.bottomBox div.boxLeft a:hover span.nav, div.bottomBox div.boxLeft a:focus span.nav {
	background-position: 0 -21px;
	color: #0081c6;
}

div.bottomBox div.boxRight a span.nav {
	right: 7px;
	background: url("/images/hype_common/button_right_bg.jpg") no-repeat right top;
}

div.bottomBox div.boxRight a:hover span.nav, div.bottomBox div.boxRight a:focus span.nav {
	background-position: right -21px;
	color: #0081c6;
}

/*Begin Month Alternative*/
div.bottomBox div.monthArt a, div.bottomBox div.monthArt span.x {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.bottomBox div.monthArt a:hover img, div.monthArt a:focus img {
	outline: none;
}

div.bottomBox div.monthArt a:focus {
	outline: dotted;
	outline-width: thin;
	outline-color: #ca1b1a;
}

/*Begin Month Customizations*/
div.bottomBox div.monthArt a img.bottomJanuary, div.bottomBox div.monthArt span img.bottomJanuary {
	padding-top: 17px;
	padding-bottom: 16px;
}

div.bottomBox div.monthArt a img.bottomFebruary, div.bottomBox div.monthArt span img.bottomFebruary {
	padding-top: 0;
	padding-bottom: 0;
}

div.bottomBox div.monthArt a img.bottomMarch, div.bottomBox div.monthArt span img.bottomMarch {
	padding-top: 20px;
	padding-bottom: 17px;
}

div.bottomBox div.monthArt a img.bottomApril, div.bottomBox div.monthArt span img.bottomApril {
	padding-top: 4px;
	padding-bottom: 20px;
}

div.bottomBox div.monthArt a img.bottomMay, div.bottomBox div.monthArt span img.bottomMay {
	padding-top: 11px;
	padding-bottom: 0;
	margin-bottom: -3px;
}

div.bottomBox div.monthArt a img.bottomJune, div.bottomBox div.monthArt span img.bottomJune {
	padding-top: 16px;
	padding-bottom: 20px;
}

div.bottomBox div.monthArt a img.bottomJuly, div.bottomBox div.monthArt span img.bottomJuly {
	margin-top: -2px;
	padding-top: 0;
	padding-bottom: 19px;
}

div.bottomBox div.monthArt a img.bottomAugust, div.bottomBox div.monthArt span img.bottomAugust {
	padding-top: 6px;
	padding-bottom: 20px;
}

div.bottomBox div.monthArt a img.bottomSeptember, div.bottomBox div.monthArt span img.bottomSeptember {
	padding-top: 5px;
	padding-bottom: 21px;
}

div.bottomBox div.monthArt a img.bottomOctober, div.bottomBox div.monthArt span img.bottomOctober {
	padding-top: 19px;
	padding-bottom: 27px;
}

div.bottomBox div.monthArt a img.bottomNovember, div.bottomBox div.monthArt span img.bottomNovember {
	padding-top: 27px;
	padding-bottom: 10px;
}

div.bottomBox div.monthArt a img.bottomDecember, div.bottomBox div.monthArt span img.bottomDecember {
	padding-top: 19px;
	padding-bottom: 20px;
}
/*End Month Customizations*/
/*End Month Alternative*/

/*Begin Product Alternative*/
div.bottomBox div.productArtLeft span.nav {
	padding-left: 17px;
	width: 41px;
	text-align: center;
}

div.bottomBox div.productArtRight span.nav {
	padding-right: 16px;
	width: 44px;
	text-align: center;
}


div.bottomBox div.productArtLeft a img {
	margin-top: -42px;
	position: absolute;
	z-index: 55;
	top: 50%;
	left: 65px;
}

div.bottomBox div.productArtRight a img {
	margin-top: -42px;
	position: absolute;
	z-index: 55;
	top: 50%;
	right: 65px;
}

div.bottomBox div.productArtLeft a span.text {
	width: 190px;
	left: 148px;
	text-decoration: underline;
}

div.bottomBox div.productArtRight a span.text {
	width: 190px;
	right: 148px;
	text-decoration: underline;
}

div.bottomBox div.productArtLeft a:hover img, div.bottomBox div.productArtLeft a:focus img, div.bottomBox div.productArtRight a:hover img, div.bottomBox div.productArtRight a:focus img {
	outline: none;
}
/*End Product Alternative*/
/*End of Common Bottom*/
/*End of Content*/

/*Begin of Footer*/
#footerBox {
	margin: 0 10px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

#footerArchive {
	padding: 11px 0 10px 0;
	color: #ffffff;
	background: #ca1b1a url("/images/hype_common/footerBox_top_bg.jpg") no-repeat center bottom;
}

#footerArchive a:link {
	color: #ffffff;
}

#footerArchive a:visited {
	color: #ffffff;
}

#footerArchive a:hover, #footerArchive a:focus {
	text-decoration: none;
}

#footerArchive a:active {
	color: #ffffff;
}

#footer {
	padding: 22px 0 23px 0;
}
/*End of Footer*/

/* Shifting archive content to the middle */
#archive_container {
   padding: 0 10px;
}