.smartpunk_ln {
	height: 110px;
	width: 310px;
	display: block;
	position: absolute;
	top: 38px;
	margin-left: 0px;
	cursor: pointer;
	text-indent: -9999px;
}

.dl_ln {
	width: 162px;
	height: 30px;
	position: absolute;
	top: 157px;
	margin-left: 15px;
	cursor: pointer;
}

#container {
		width: 895px;
		margin: 193px auto 0 !important;
	}

body {
	background: url(/images/sp/brain.jpg) repeat-x center top !important;
}

#dl-header {
	background: url(/images/sp/dl-header2.jpg) repeat-x center top;
	height: 193px;
	left: 0px;
	position: absolute;
	top: 0px;
	width:100%;
}

#dl-header-container {
/* 		background: #1e1e1e url(/images/bg.jpg) repeat-x center top; */
		width: 100%;
		height: 0;
}

#dl-header-container.half-bar {
	height: 51px;
	overflow: hidden;
}

#dl-header-content {
	width: 895px;
	margin: 0 auto;
}

#header-wrapper {
	width: 935px;
	text-align: center;	
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

#sp_button {
	background: url(/images/sp_banner.png) no-repeat;
	height: 45px;
	position: absolute;
	right: 18px;
	top: 0;
	width: 360px;
}

#sp_button a {
	display: block;
	height: 29px;
	text-indent: -9999px;
}

#sp_button .custom {
	background: url(/images/sp_banner.png) no-repeat  0 -74px;
	float: left;
	margin: 7px 0 0 8px;
	width: 174px;
}

#sp_button .custom:hover { background-position: 0 -45px; }

#sp_button .splive {
	background: url(/images/sp_banner.png) no-repeat  0 -132px;
	float: right;
	margin: 7px 9px 0 0;
	width: 145px;
}

#sp_button .splive:hover { background-position: 0 -103px; }

#dl-header h1 a {
	background: url(/images/h1.jpg) 0 8px no-repeat;
	width: 268px;
	height: 41px;
	display: block;
	float: left;
	margin: 2px 0 8px;
	text-indent: -9999px;
}

#dl-header a#header-cart {
	text-decoration: none;
}

#dl-header p {
	margin-top: 2px;
}

#dl-header a#header-cart {
	/*background: url(/images/cart.png) no-repeat left center;*/
	background: url(/images/sp/shoppingcart.png) no-repeat left center;
	color: #fff;
	font-size: 10px;
	/*float: right;*/
	display: inline;
	height: 15px;
	line-height: 24px;
	padding-left:30px;
	text-transform: uppercase;
}

a#header-cart p span {
	color: #f9cb67;
}


div#header-toolbar {
	height: 24px;
}

div#header-toolbar p.infolinks {
	float: left;
	height: 24px;
	width: 210px;
	font-size: 10px;
	color: #fff;
	white-space: nowrap;
	margin: 110px 0 0 -20px;
	text-transform: uppercase;
}

p.infolinks a {
	text-decoration: none;
	padding: 5px;
	color: #D5A036;
}

p.infolinks a:hover {
	padding: 5px;
	background: transparent url(/images/sp/41-overlay.png) repeat 0 0;
}

div#header-toolbar .shopping-cart {
	float: right;
	margin: 100px 0 0 0;
	position: relative;
	left: -18px;
}

ul#header-info li {
	display: inline;
}

#dl-navi {
	margin: 135px 0 0 0;
	text-align: left;
}

ul#dl-navigation {
	height: 48px;
}

ul#dl-navigation li {
	display: inline;
}

ul#dl-navigation li.preorder a {
	text-indent: -9999px;
	float: left;
	width:	104px;
	height:	24px;
	background: transparent url(/images/sp/preorder-btn.png) no-repeat 0 0;
	margin-left: -60px;
}

ul#dl-navigation li.music a {
	text-indent: -9999px;
	float: left;
	width: 48px;
	height: 19px;	
	background: transparent url(/images/sp/music-btn.png) no-repeat 0 0;
	margin: 4px 1px 0 22px;
	
}

ul#dl-navigation li.bands a {
	text-indent: -9999px;
	float: left;
	width: 51px;
	height: 19px;	
	background: transparent url(/images/sp/bands-btn.png) no-repeat 0 0;
	margin: 4px 0 0 22px;
}

ul#dl-navigation li.clothing a {
	text-indent: -9999px;
	float: left;
	width: 73px;
	height: 19px;	
	background: transparent url(/images/sp/clothing-btn.png) no-repeat 0 0;
	margin: 4px 5px 0 22px;
}

ul#dl-navigation li.accessories a {
	text-indent: -9999px;
	float: left;
	width:93px;	
	height: 19px;	
	background: transparent url(/images/sp/accessories-btn.png) no-repeat 0 0;
	margin: 4px 5px 0 22px;
}

ul#dl-navigation li.sale a {
	text-indent: -9999px;
	float: left;
	width: 59px;
	height: 19px;		
	background: transparent url(/images/sp/onsale-btn.png) no-repeat 0 0;
	margin: 4px 5px 0 22px;
}

ul#dl-navigation li.charts a {
	text-indent: -9999px;
	float: left;
	width: 56px;
	height: 19px;	
	background: transparent url(/images/sp/charts-btn.png) no-repeat 0 0;
	margin: 4px 5px 0 22px;
}

ul#dl-navigation li.media a {
	text-indent: -9999px;
	float: left;
	width: 47px;
	height: 17px;	
	background: transparent url(/images/sp/media-btn.png) no-repeat 0 0;
	margin: 5px 0 0 22px;
}

ul#dl-navigation li.news a {
	text-indent: -9999px;
	float: left;
	width: 44px;
	height: 17px;
	background: transparent url(/images/sp/news-btn.png) no-repeat 0 0;
	margin: 5px 0 0 22px;
}

ul#dl-navigation li a:hover {
	background-position: 0 -19px;
}

ul#dl-navigation li.media a:hover {
	background-position: 0 -17px;
}

ul#dl-navigation li.news a:hover {
	background-position: 0 -18px;
}

ul#dl-navigation li.preorder a:hover {
	background-position: 0 -24px;
}

#dl-header p .search-bar {
	background: url(/images/sp/search-bg.png) no-repeat;
	border: none;
	display: inline;
/* 	height:23px; */
	height:12px;
	margin-right:0px;
	margin-left: 10px;
	padding:6px 0 px 2px;
	width:162px;
	text-indent: 5px;
}

#dl-header p .search-button {
	background: url(/images/sp/search-icon.png) no-repeat;
	border: none;
	height: 14px;
	text-indent: -9999px;
	width: 13px;
	margin: 0 0 0 0px;
}



#hidden {
background:transparent url(/images/bg-slider-2.png) no-repeat scroll 0 0;
display:none;
font-family:"Lucida Grande",Helvetica,Arial,"Lucida Sans Unicode",Verdana,Geneva,sans-serif;
height:258px;
left:50%;
margin-left:-451px;
_margin-left:-453px;
padding:0 20px 10px;
position:absolute;
top:103px;
width:865px;
z-index: 9999;
}

#hidden a:hover {color: #e1ae45 !important;}

#hidden-left {
border-right:1px solid #e1ae45;
float:left;
display:inline;
margin-right:10px;
padding:10px 15px 0 0;
text-align:left;
width:194px;
height: 240px;
position: relative;
}
#hidden-left h2 {
font-size: 12px;
margin-bottom: 10px;
color: #1e1e1e;
}
#hidden-left img {
margin-bottom: 10px;
border: 4px solid #e1ae45;
width: 186px;
height: 134px;
}
#hidden-left a {
		text-decoration: none;
}
#hidden-left a p:hover {
color: #e1ae45 !important;
}

#hidden-left p.name {
font-size: 18px;
font-weight: bold;
color: #1e1e1e;
margin-bottom: 10px;
}

#hidden-left a.store-link {
background: url(/images/arrows.gif) no-repeat left top;
padding-left: 18px;
font-size: 12px;
color: #222;
text-decoration: underline;
}
#hidden-left a.store-link:hover {
background: url(/images/arrows.gif) no-repeat left bottom;
}

#featured-buttons {
left:135px;
position:absolute;
top:220px;
}
	#featured-buttons #featured-left {
			background:transparent url(/images/left-arrow.gif) no-repeat scroll 0 0;
			display:block;
			float:left;
			height:25px;
			text-indent:-9999px;
			width:25px;	
		}
	#featured-buttons #featured-right {
			background:transparent url(/images/right-arrow.gif) no-repeat scroll 0 0;
			display:block;
			float:left;
			height:25px;
			text-indent:-9999px;
			width:25px;
			margin-left: 10px;
		}


#stores-buttons {
right:25px;
position:absolute;
top:220px;
}
	#stores-buttons #stores-left {
			background:transparent url(/images/left-arrow.gif) no-repeat scroll 0 0;
			display:block;
			float:left;
			height:25px;
			text-indent:-9999px;
			width:25px;	
		}
	#stores-buttons #stores-right {
			background:transparent url(/images/right-arrow.gif) no-repeat scroll 0 0;
			display:block;
			float:left;
			height:25px;
			text-indent:-9999px;
			width:25px;
			margin-left: 10px;
		}


#hidden-right {
float: left;
display: inline;
padding-top:10px;
}
#hidden-right ul#top {
border-bottom:1px solid #e1ae45;
color:#CD992C;
margin-left:5px;
padding-bottom:5px;
padding-right:27px;
margin-bottom: 10px
}
#hidden-right ul#top li {
display: inline;
vertical-align:baseline;
}
#hidden-right ul#top li a {
color: #222;
font-size: 12px;
vertical-align:top;
}
#hidden-right ul#top li a.selected {
	font-weight: bold;
}
#hidden-right h2 {
font-size: 12px;
margin-bottom: 10px;
color: #1e1e1e;
}
#hidden-right #store-links {
margin-left:5px;
}
ul.stores {
float: left;
display: inline;
margin-right:18px;
}
ul.stores li {
text-align: left;
list-style: none;
}
#store-links ul li a {
background: url(/images/arrows.gif) no-repeat left top;
color:#333333;
font-size:12px;
line-height:24px;
padding-left:18px;
text-decoration: none;
font-size: 11px;
}
#store-links ul li a:hover {
background: url(/images/arrows.gif) no-repeat left bottom;
color: #e1ae45;
}

.no-padding {
padding: 0 !important;
}

.no-right-border {
border-right: 0 !important;
}

.no-border {border: 0 !important;}



.featured-vendor-container h2 {
	background: none !important;
}

#featured-vendor .overlay-info .front-cap {
	width: 14px;
	height: 37px;
	background: transparent url(/images/sp/ribbonfront.png) no-repeat 0 0;
	margin: 0px !important;
	padding: 0px !important;
	float: left;
}

#featured-vendor .overlay-info .middle-cap {
	min-width: 205px;
	height: 32px;
	background: transparent url(/images/sp/ribbon-x.png) repeat-x 0 0;
	margin: 5px 0 0 0 !important;
	padding: 0 1px 0 0;
	display: block;
	float: left;
}

#featured-vendor .overlay-info .back-cap {
	width: 24px;
	height: 32px;
	background: transparent url(/images/sp/ribboncap.png) no-repeat 0 0;
	margin: 5px 0 0 -1px !important;
	padding: 0px !important;
	float: left;
	left: -5px;
	z-index: 0;
}

#featured-vendor .overlay-info {
	width: 400px;
	padding: 0 10px;
	height: 36px;
	line-height: 6px;
	background: none;
	position: relative;
	top: -65px;
	left: -24px;
}

	.overlay-info h3,
	.overlay-info a {
		background: none;
		display: inline;
		float: none;
		font-size: 12px;
		width: auto;
		padding: 0;
		margin-left: -2px;
		line-height: 30px;
	}

	.overlay-info h3 {
		font-size: 12px;
	}
	
	.overlay-info a {
		font-size: 10px;
		color: #000;
		text-transform: uppercase;
		margin: 0;
		padding-right: 2px;
	}
	
#DLImageFlow_caption { display: none; }


#dl-header h1 a {
	background: url(/images/sp/smartpunk-by-districtlines.png) no-repeat center bottom;
	width: 344px;
	height: 194px;
}


#content h2 {
	background: url(/images/sp/featured-heading.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-indent: -9999px;
}

#content h2.feat-products {
	background: url(/images/sp/featured-products.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-indent: -9999px;
}

.wide-col .three-left h2 {
	background: url(/images/sp/three-heading-left2.png) no-repeat !important;
	text-indent: -9999px;
}

.wide-col .three-middle h2, .faq-sidebar .new-products h2 {
	background: url(/images/sp/three-heading-middle.png) no-repeat !important;
	text-indent: -9999px;
}

.wide-col .top-artists h2 {
	background: url(/images/sp/three-heading-right.png) 1px 0px no-repeat !important;
	text-indent: -9999px;
	width: 299px !important;
}

.wide-col .top-artists-c h2 {
	background: transparent url(/images/sp/topsellingartists.png) 0px 0px no-repeat !important;
	text-indent: -9999px;
}
.wide-col .top-music h2 {
	background: url(/images/sp/topsellingmusic.png) 0px 0px no-repeat !important;
	text-indent: -9999px;
}

.wide-col .top-states h2 {
	background: url(/images/sp/toplistenerstates.png) 0px 0px no-repeat !important;
	text-indent: -9999px;
	margin-bottom: -2px;
	
}

.wide-col .top-states h2.top-countries {
	background: #fbfbfb url(/images/sp/toplistenercountries2.png) 0 0px no-repeat !important;
	text-indent: -9999px;
}

#content .wide-col h2.inner {
	background: url(/images/sp/black-heading.jpg) no-repeat;
	color: #1e1e1e;
	height: 39px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	width: 884px;
	text-align: left;
	line-height: 39px;
	margin: 5px auto 20px;
	text-indent: 14px;
	color: #eee;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.wide-col .three-wide a.viewmoretopblank {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/sp/viewallcharts.jpg) no-repeat scroll left top;
	display:block;
	height:36px;
	text-indent:-9999px;
	width:298px;
}

.wide-col .three-wide a.viewmoretopblank:hover {
	background-color: transparent;
	background-image: url(/images/sp/viewallcharts.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
}


#smartpunk-notice {
	position: relative;
	top: 6px;
	
	border: 1px #9e0d0c solid;
	color: #9e0d0c;
	background: #fdd;
	font-size: 11px;
	
	height: 15px;
	line-height: 15px;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

	#hide-smartpunk-notice {
		display: block;
		float: right;
		height: 15px;
		line-height: 15px;
		padding: 0 3px;
		color: #333;
		margin: 0px !important;
	}


.showcase {
	border-top: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-radius-topleft: 0;
	border-radius-topright: 0;
}
	.showcase h2 {
		background-image: url(/images/sp/featured-pre-orders-heading.png) !important;
	}
	
#follow_us{
	
	background: url('http://districtlines.s3.amazonaws.com/images/follow_us.png') no-repeat 0 0;
	height:121px ;
	width:82px ;
	position:absolute;
	top: 0;
	right: -84px;
	
	
}
#follow_us ul {
	margin:0;
	padding:0;
}
#follow_us ul li{
	margin:0;
	padding:0;
	display: inline;
/* 	float:left; */
	text-indent: -9999px;
}
#follow_us ul li a {
	margin-top:37px;
	display:block;
	float:left;

}
#follow_us ul li.follow_twitter a{
	background: url('http://districtlines.s3.amazonaws.com/images/twitter.png') no-repeat 0 0px;
	margin-left:12px;
	width: 34px;
	height: 29px;
}

#follow_us ul li.follow_twitter a:hover{
	background: url('http://districtlines.s3.amazonaws.com/images/twitter.png') no-repeat 0 -29px;
}

#follow_us ul li.follow_facebook a{
	background: url('http://districtlines.s3.amazonaws.com/images/facebook.png') no-repeat 0 0px;
	margin-left:7px;
	width:15px;
	height: 28px;
}

#follow_us ul li.follow_facebook a:hover{
	background: url('http://districtlines.s3.amazonaws.com/images/facebook.png') no-repeat 0 -28px;
}


/*
follow_us.png: http://districtlines.s3.amazonaws.com/images/follow_us.png
	facebook.png: http://districtlines.s3.amazonaws.com/images/facebook.png
	twitter.png: http://districtlines.s3.amazonaws.com/images/twitter.png
*/