/* @group homepage */









.wk6-dc {
	overflow: auto;
	width: 780px;
	display: inline;
	float: right;
	position: relative;
}
.wk6-dc .copy {
	display: inline;
	float: left;
	width: 196px;
}
.wk6-dc h1 {
	width: 196px;
	height: 91px;
	margin: 0;
}
.wk6-dc h1 a {
	display: block;
	background: url(/Content/2010/homepage/wk06/latest.gif);
	width: 196px;
	height: 91px;
	text-indent: -9999px;
}
.wk6-dc h2 {
	width: 196px;
	height: 216px;
	margin: 0;
}
.wk6-dc h2 a {
	display: block;
	background: url(/Content/2010/homepage/wk06/dc.gif);
	width: 196px;
	height: 216px;
	text-indent: -9999px;
}
.wk6-dc .shopping {
	position: absolute;
	left: 377px;
	top: 35px;
	font: bold 18px/36px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/Content/2010/homepage/wk06/arrow.gif) no-repeat left center;
	padding: 0 0 0 42px;
	height: auto !important;
	height: 36px;
	min-height: 36px;
	margin: 0;
	width: 360px;
}
.wk6-dc .shopping span {
	text-transform: lowercase;
}
.wk6-dc .shopping a {
	color: #900;
	text-decoration: none;
}
.wk6-dc .shopping a:hover {
	text-decoration: underline;
}
.wk6-dc .product {
	display: inline;
	float: right;
	margin: 0;
}



/* Shipping Countdown Timer



jQuery Countdown styles 1.5.5. */

#shippingCounter {
	display: none;
	width: 480px;
	margin: 0;
	position: absolute;
	left: 150px;
	bottom: 0;
	overflow: auto;
}
#shippingCounter .timer1 .number {
	font: bold 30px/30px Arial, Helvetica, sans-serif;
	color: #c00;
}
#shippingCounter .timer1 .units, #shippingCounter .timer1-after, #shippingCounter .timer2-after {
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	color: #666;
	letter-spacing: -1px;
}

#shippingCounter .timer1 .units, #shippingCounter .timer2 .units {
	text-transform: lowercase;
}
#shippingCounter .timer1-after strong, #shippingCounter .timer2-after strong {
	color: #c00;
	text-transform: uppercase;
}
#shippingCounter .timer-exclusions {
	font: normal 10px/18px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
	clear: both;
}

#shippingCounter .timer2 .numbox {
	display: inline;
	float: left;
	width: 32px;
}
#shippingCounter .timer2 .number {
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: #c00;
	text-align: center;
	display: block;
}
#shippingCounter .timer2 .units {
	font: 8px/8px Arial, Helvetica, sans-serif;
	color: #c00;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
	display: block;
}
#shippingCounter .timer2 .sep {
	display: inline;
	float: left;
	font: 12px/32px Arial, Helvetica, sans-serif;
	color: #c00;
}
#shippingCounter .timer2-after {
	display: inline;
	float: left;
	line-height: 32px;
}

/* End Countdown Timer */



/* Clearance HP */

.clear20 {
	overflow: auto;
	width: 780px;
	display: inline;
	float: right;
}
.clear20 .copy {
	display: inline;
	float: left;
	width: 300px;
	min-height: 306px;
	height: auto !important;
	height: 306px;
	padding: 0 10px 0 20px;
	background: #000;
}
.clear20 h1 {
	display: block;
	margin: 34px 0 0;
	font: bold 36px/34px Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	color: #fff;
}
.clear20 h1 span {
	display: block;
}
.clear20 .promo {
	font: bold 18px/11px Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 15px 0 0;
	text-transform: lowercase;
}
.clear20 .promo span {
	font-size: 40px;
	line-height: 40px;
	color: #fff;
	display: block;
	text-transform: none;
}
.clear20 .legal {
	font: 8px/12px Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 0;
}
.clear20 .shopping {
	font: bold 18px/46px Arial, Helvetica, sans-serif;
	color: #ff0;
	text-transform: lowercase;
	background: url(/Content/2010/homepage/wk01/arrow.gif) no-repeat left center;
	padding: 0 0 0 48px;
	min-height: 46px;
	margin: 11px 0 0;
}
.clear20 .shopping a {
	color: #fff;
	text-decoration: none;
}
.clear20 .shopping a:hover {
	text-decoration: underline;
}
.clear20 .brandlogos {
	display: inline;
	float: right;
	margin: 0;
}
.clearance20 .pick-kicks fieldset {
	height: 150px;
}




.cybermonday {
	overflow: auto;
	width: 780px;
	display: inline;
	float: right;
}
.cybermonday .copy {
	display: inline;
	float: left;
	width: 330px;
	padding: 0 10px 0 30px;
}
.cybermonday h1 {
	font: bold 48px/48px Arial, Helvetica, sans-serif;
	color: #900;
	margin: 32px 0 0;
}
.cybermonday h1 span {
	display: block;
	width: 317px;
	height: 67px;
	background: url(/Content/2009/homepage/wk44/cyber-save20.gif) no-repeat;
	text-indent: -9999px;
}
.cybermonday .promo {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 6px 0 0;
}
.cybermonday .promo span {
	font-size: 40px;
	line-height: 40px;
	color: #006;
	display: block;
}
.cybermonday .legal {
	font: 9px/15px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
}
.cybermonday .shopping {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: lowercase;
}
.cybermonday .shopping a {
	color: #900;
	text-decoration: none;
}
.cybermonday .shopping a:hover {
	text-decoration: underline;
}
.cybermonday .brandlogos {
	display: inline;
	float: right;
	width: 400px;
	margin: 20px 0 0;
}


#page-home .main-content {
	width: auto;
	overflow:hidden;
}
#page-home .tiles1 {
	display: inline;
	float: right;
	width: 780px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#page-home .tiles1 li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 120px;
	width:195px;
}
#page-home li.kicks {
	background: url(/Content/2009/homepage/kicks-of-the-week.gif) no-repeat;
	text-indent: -9999px;
}
#page-home .tiles1 a.shoelink {
	display: block;
	height: 102px;
}
#page-home .tiles1 a.brandlink {
    width:173px;
	display: block;
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: -0.6px;
	margin: 0 0 0 12px;
	text-decoration: none;
}
#page-home .tiles1 a.brandlink:hover {
	text-decoration: underline;
}


#page-home .pick-kicks {
	display: inline;
	float: left;
	width: 170px;
}
#page-home .pick-kicks h3 {
	background: url(/Content/2009/homepage/pick-your-kicks.gif) no-repeat;
	width: 170px;
	height: 74px;
	text-indent: -9999px;
	margin: 0;
}
#page-home .pick-kicks fieldset {
	margin: 0;
	padding: 22px 0 0 18px;
	height: 204px;
	border: none;
	outline: none;
	background: url(/Content/2009/homepage/pick-kicks-bg.gif) no-repeat top left;
}
#page-home .pick-kicks fieldset .info {
	margin: 0 0 6px 0;
	color: #fff;
	font: bold 14px/12px Arial, Helvetica, sans-serif;
	width: 132px;
}
#page-home .pick-kicks select {
	width: 134px;
	margin: 6px 0 0;
}
#qs-size-mens, #qs-size-girls, #qs-size-boys, #qs-color-mens, #qs-color-girls, #qs-color-boys {
	display: none;
}
#page-home .pick-kicks .btn-search {
	background: url(/Content/2009/homepage/pick-kicks-btn.gif) no-repeat;
	width: 134px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	margin: 6px 0 0;
}
#page-home .pick-kicks .twitter {
	margin: 5px 0 0;
}


#page-home .shoplinks {
	overflow: auto;
	margin: 6px 0 0;
}
#page-home .shoplinks ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}
#page-home .shoplinks li {
	display: inline;
	float: left;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 22px;
	letter-spacing: -0.9px;
}
#page-home .shoplinks ul h2 {
	margin: 0;
	padding: 0;
}
#page-home .shoplinks ul a {
	text-decoration: none;
}
#page-home .shoplinks ul a:hover {
	color: #c00;
}

#page-home .shoplinks .copy {
	margin: 0;
	font: bold 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: -0.9px;
	color: #666;
}


#page-home .shoplinks .shoes {
	width:960px;
}

#page-home .shoplinks .shoes li {
	margin: 0 18px 0 0;
	color: #333;
	font-size: 18px;
}
#page-home .shoplinks .shoes h2 {
	font-size: 18px;
}
#page-home .shoplinks .shoes a {
	color: #333;
}

#page-home .shoplinks .pros li {
	margin: 0 8px 0 0;
	padding:0 auto;
	color: #666;
	font-size: 13px;
	letter-spacing:-1px;
	text-transform: none;
}
#page-home .shoplinks .pros h2 {
	font-size: 18px;
}
#page-home .shoplinks .pros a {
	color: #666;
}




#page-home .tiles2 {
	list-style: none;
	margin: 0 0 0 -15px;
	padding: 0;
	float:left;
}
#page-home .tiles2 li {
	display: inline;
	float: left;
	margin: 6px 0 6px 15px;
	padding: 0;
	height: 148px;
}


#page-home .email-signup {
	background: url(/Content/2009/homepage/tile-email.jpg) no-repeat;
	width: 310px;
	height: 148px;
}
#page-home .email-signup fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	overflow: hidden;
	position: relative;
	height: 148px;
}
#page-home .email-signup .hn {
	position: absolute;
	top: 25px;
	left: 16px;
}
#page-home .email-signup h3 {
	margin: 0;
	font: bold 22px/18px Arial, Helvetica, sans-serif;
	color: #c00;
	text-transform: lowercase;
}
#page-home .email-signup h4 {
	margin: 0;
	font: bold 17px/19px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: lowercase;
}
#page-home .email-signup .info, #page-home .email-signup .legal {
	text-indent: -9999px;
}
#page-home .email-signup .address-home {
	position: absolute;
	top: 80px;
	left: 10px;
}
#page-home .email-signup .address-home #home-email-submit {
	border: 1px solid #000;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 1px 2px 1px 4px;
	width: 166px;
}
#page-home .email-signup .address-home .overlabel {
	position: absolute;
	left: 6px;
	top: 18px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
}
#page-home .email-signup .address-home .overlabel-apply {
	position: absolute;
	left: 6px;
	top: 1px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
}
#page-home .email-signup #home-submit-button {
	position: absolute;
	top: 80px;
	left: 196px;
	background: url(/Content/2009/homepage/tile-email-btn.gif) no-repeat;
	width: 103px;
	height: 20px;
	text-indent: -9999px;
}



/** old styles **/
#home-nav {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}
#home-nav li {
	margin: 0;
	padding: 0;
	display: inline;
}
.navbg {
	float: left;
}
#home-nav .navlist {
	width: 317px;
	height: 344px;
	padding: 0;
	display: none;
}
#home-nav .navlist ul {
	list-style: none;
	padding: 88px 0 0 60px;
	margin: 0;
	display: none;
}
#home-nav .navlist li {
	display: block;
	margin: 3px 0 0;
	padding: 0;
}

.navlist li a {
	display: block;
	height: 18px;
	width: 176px;
	color: #fff;
	text-decoration: none;
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-indent: -9999px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	padding: 0 0 0 10px;
	border: 1px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#home-nav .navlist li a:hover {
	background-color: #c00;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.nav-guys a {
	background: #333 url(/Content/2008/09-homepage/nav-guys.gif) no-repeat 11px center;
}
.nav-gals a {
	background: #333 url(/Content/2008/09-homepage/nav-gals.gif) no-repeat 11px center;
}
.nav-boys a {
	background: #333 url(/Content/2008/09-homepage/nav-boys.gif) no-repeat 11px center;
}
.nav-girls a {
	background: #333 url(/Content/2008/09-homepage/nav-girls.gif) no-repeat 11px center;
}
#navbg1 {
	background: url(/Content/2008/09-homepage/hp-skate.gif) no-repeat;
	width: 320px;
	height: 344px;
}
#navbg1 .navlist {
	background: url(/Content/2008/09-homepage/hp-skate2.gif) no-repeat;
}
#navbg2 {
	background: url(/Content/2008/09-homepage/hp-surf.gif) no-repeat;
	width: 320px;
	height: 344px;
}
#navbg2 .navlist {
	background: url(/Content/2008/09-homepage/hp-surf2.gif) no-repeat;
}
#navbg3 {
	background: url(/Content/2008/09-homepage/hp-snow.gif) no-repeat;
	width: 320px;
	height: 344px;
}
#navbg3 .navlist {
	background: url(/Content/2008/09-homepage/hp-snow2.gif) no-repeat;
}

#pick-kicks {
	height: 30px;
	background: url(/Content/2008/09-homepage/kicks-bg.gif) no-repeat;
	clear: both;
	padding: 0 0 0 150px;
}

#hp-tiles {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#hp-tiles li {
	float: left;
}




#logo-grid {
	display: block;
	float: left;
	width: 352px;
	height: 400px;
	list-style: none;
	padding: 8px 30px 8px 16px;
	margin: 0;
	background: url(/Content/2008/09-homepage/hp-logos-bg.gif) no-repeat right center;
}
#logo-grid li.logo {
	float: left;
	width: 72px;
	height: 72px;
	margin: 8px 8px 0;
}
.menupop {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #333;
	opacity: 0.85;
	filter: alpha(opacity=85);
	height: 72px;
	z-index: 300;
}
.menupop li {
	height: 18px;
	padding: 0;
	margin: 0;
	display: inline;
}
.menupop li a {
	display: block;
	height: 18px;
	width: 72px;
	color: #fff;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
.menupop li a:hover {
	background-color: #c00;
}
.logo-guys a {
	background: url(/Content/2008/09-homepage/nav-guys.gif) no-repeat 8px center;
}
.logo-gals a {
	background: url(/Content/2008/09-homepage/nav-gals.gif) no-repeat 8px center;
}
.logo-boys a {
	background: url(/Content/2008/09-homepage/nav-boys.gif) no-repeat 8px center;
}
.logo-girls a {
	background: url(/Content/2008/09-homepage/nav-girls.gif) no-repeat 8px center;
}
#grid-dcshoes {
	background: url(/Content/brand_logos/DCshoes-72.gif) no-repeat;
}
#grid-globe {
	background: url(/Content/brand_logos/globe-72.gif) no-repeat;
}
#grid-burton {
	background: url(/Content/brand_logos/burton-72.gif) no-repeat;
}
#grid-osiris {
	background: url(/Content/brand_logos/osiris-72.gif) no-repeat;
}
#grid-emerica {
	background: url(/Content/brand_logos/emerica-72.gif) no-repeat;
}
#grid-vision {
	background: url(/Content/brand_logos/vision-72.gif) no-repeat;
}
#grid-path {
	background: url(/Content/brand_logos/path-72.gif) no-repeat;
}
#grid-adio {
	background: url(/Content/brand_logos/adio-72.gif) no-repeat;
}
#grid-adidas {
	background: url(/Content/brand_logos/adidas-72.gif) no-repeat;
}
#grid-eS {
	background: url(/Content/brand_logos/es-72.gif) no-repeat;
}
#grid-etnies {
	background: url(/Content/brand_logos/etnies-72.gif) no-repeat;
}
#grid-zooyork {
	background: url(/Content/brand_logos/zooyork-72.gif) no-repeat;
}
#grid-dvs {
	background: url(/Content/brand_logos/dvs-72.gif) no-repeat;
}
#grid-worldindustries {
	background: url(/Content/brand_logos/worldindustries-72.gif) no-repeat;
}
#grid-reef {
	background: url(/Content/brand_logos/reef-72.gif) no-repeat;
}
#grid-sanuk {
	background: url(/Content/brand_logos/sanuk-72.gif) no-repeat;
}
#grid-lakai {
	background: url(/Content/brand_logos/lakai-72.gif) no-repeat;
}
#grid-element {
	background: url(/Content/brand_logos/element-72.gif) no-repeat;
}
#grid-oneill {
	background: url(/Content/brand_logos/oneill-72.gif) no-repeat;
}
#grid-quicksilver {
	background: url(/Content/brand_logos/quicksilver-72.gif) no-repeat;
}


#skatebrandlist {
	text-align: left;
	margin: 0;
	padding: 30px 10px 0 15px;
	line-height:38px;
	float: left;
	width: 520px;
	display: inline;
}
#brandnavlist {
	padding: 0;
	margin: 0;
	list-style: none;
}
#brandnavlist li {
	display: inline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#brandnavlist a {
	margin: 0;
	padding: 0;
}

#brandnavlist a, #navlist a {
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#brandnavlist a:hover {
	color: #fff;
	background-color: #c00;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* @end */


/* Targeted Banner */

.targettedCampaignBanner {
	width: 960px;
	margin: 0 auto;
}

/* @group New Brand Banners */

		
UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	height:30px;

}

UL.tabNavigation LI {
	display: inline;
	float:left;
	padding: 0 5px 0 0;
}
			
UL.tabNavigation LI A {
	background: #e1e1e1;
	color: #000;
	text-decoration: none;
	padding: 6px 10px;
	border:1px solid #ccc;
	border-bottom:none;
	display:block;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

			
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
	background: #fff;
	color:#333333;
	padding: 6px 10px;
	border:1px solid #ccc;
	border-bottom:none;
}
							
UL.tabNavigation LI A:focus {
	outline: 0;
}

.tabs{
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

div.tabs > div {
	padding: 5px;
	margin-top: 3px;
}
							
div.tabs > div h2 {
	margin-top: 0;
}

#first {
	display:block;
	height:200px;
	position:relative;
}

#second {
	display:block;
	height:200px;
	position:relative;
	display:none;
}

.linklist {
	display:block;
	float:left;
	padding:0 30px 0 0;
}

.linklist h4 {
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin:0;
	width:40px;
}

.linklist ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.brand-links{
	position:absolute;
	left:305px;
	width:415px;
	top:50px;
}

.brand-related{
	position:absolute;
	left:720px;
	width: 235px;
	text-align:center;
	border-left:solid 1px #666666;
	height:140px;
	top:30px;
}
	
.brand-description{
	position:absolute;
	left:305px;
	width:415px;
	top:60px;
}
.brand-lifestyle{
	position:absolute;
	left:720px;
}

/* Cart counter */

#topnav-cart span{
	font-weight: bold;
	color: #333;
}

#topnav-cart a:hover span {
	text-decoration: none;
}