@charset "utf-8";
/* basic css reset -ml */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
sub,sup { vertical-align:baseline; }
a { color:inherit; }
a img,:link img,:visited img { border:0; }
a:hover img { text-decoration:none!important; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* globals */
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
.clear        { clear:both; height:0; font-size: 1px; line-height: 0px; }
.left         { float:left; }
.right        { float:right; }
.clearBoth    { clear:both; }
.clearLeft    { clear:left; }
.clearRight   { clear:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.on-top       { z-index: 10000; }
.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

/* site-specific styles: skullcandy */
body{
	background-color: black;
	font:100%/1.25 "Trebuchet MS", Verdana, sans-serif;
	color:#626469;
}
p{padding:6px 0;}
strong{font-weight:bold;}
a:link, a:visited {text-decoration:none; color:#9d8e68;}
a:hover {color:#08abec;}
li{margin:0 0 0 20px;}
h1{font-size:1.2em; font-weight:bold;}
h2{font-size:1.0em; font-weight:normal;}
h3{font-size:0.8em; font-weight:bold;}

#maincontainer{
	position:relative;
	width:1000px;
	margin:0 auto;
}
#headercontainer{
	position:relative;
	width:1000px;
	height:100px;
	/* IE6 _height:170px; */
	margin:0;
	border-bottom:1px solid #ccc;
  	font-size: 16px;
}

#header, #headerjp {position:relative;clear:both;z-index:20;margin-top:25px;}
#topright {position:absolute;top:15px;left:590px;width:410px;z-index:2000;}
	.ie6 #topright, .ie7 #topright, .ie8 #topright {top:15px;}
#toprightjp{position:absolute;top:0;right:0;width:460px;z-index:2000;}
	
	
		#topright input.submit:hover #toprightjp input.submit:hover {background:#555;cursor:pointer;}


		#join-the-nation {width:200px;float:left;position:relative;border: 1px solid #808285}
	#join-the-nation .s {width:150px;background:#000;color: #00aeef}
		#join-the-nation .s:focus {color:#00aeef;}
		#join-the-nation input.submit {background: #00aeef; color:#fff;}
	#join-the-nation div {display:none;font-size:11px;background: #00AEEF;color:#fff;padding:7px 9px;}
		#join-the-nation div {margin-top:1px;}
#newslettercopy {font-size: 11px; color: #fff; }
#search-box {width:180px;float:right;position:relative;border: 1px solid #808285}
	#search-box .s {width:130px; background: #000; color: #9e8f69;}
	#search-box input.submit { background: #9e8f69; color: #fff;}
	
	input.s {border:0;outline:0;background:#9d8e68;padding:9px 9px;font-size:9px;color:#fff;font-family:"Trebuchet MS", Arial, sans-serif;width:200px;text-transform:uppercase;text-align:center;}
		.ff3 #search-box .submit, .ff3 #join-the-nation .submit {height: 30px; padding: 0 0 0 2px; width: 32px;}
	input.submit {border:0;outline:0;height: 28px; padding: 0 0 0 2px; width: 32px;font-size:15px;font-family:"Trebuchet MS", Arial, sans-serif;position:absolute;top:0;right:0;width:31px;margin-top:0;text-transform:uppercase;}
		input.submit:hover {background:#555;cursor:pointer;}

		.ie7 input.s {padding: 5px 9px;}
		.ie8 input.s {padding: 6px 9px;}

.search-wrap {position:absolute;top:-200px;right:0;width:285px;background:#9d8e68;padding:10px;z-index:1001;}

a#logo {background:url(http://skullcandy.com/images/logo-nav-skullcandy.gif) no-repeat;display:block;width:280px;height:48px;}


/* MAIN NAVIGATION */


#mainnav {z-index:10;padding-top:40px;margin: 0 0 0 16px;}
#mainnav li, #shop-links li {font-size:15px;font-weight:bold;position:relative;float:left;margin:0 15px 0 0;padding-bottom:10px;text-transform:uppercase;}
#mainnav li.products ul {width:500px;}
#mainnav li ul dt {margin-bottom:5px;}
#mainnav li ul dt .alllink {font-size: 10px;}
dl#headphonesc, dl#apparel, dl#accessories, dl#collections {float: left;}
	#mainnav li a {color:#fff;text-decoration:none;}
		#mainnav li a.first {color:#fff;}
		#mainnav li a:hover {color:#9d8e68;}
	#mainnav li.hover, #shop-links li.hover {background:url(/images/homepage/refresh/arrow.png) no-repeat 50% 19px;}
	#mainnav li.hover a.first, #shop-links li.hover a.first {color:#9d8e68;}

#mainnav ul, #shop-links ul {visibility:visible;display:none;position:absolute;top:100%;left:0;background:#555;padding:15px 15px 10px;color:#fff;text-transform:none;}
#header dl, #headerjp dl {width:120px;overflow:hidden;}
	#shop-links ul a, #mainnav ul a {display:block;vertical-align:bottom;}

#shop-links li a {color:#666;text-decoration:none;}
	#shop-links li a.first {color:#666;}
	#shop-links li a:hover {color:#9d8e68;}
	#shop-links {position:absolute;top:88px;left:760px;}
	#headerjp #shop-links {position:absolute;top:88px;left:700px;}
	#shop-links li.last {margin-right:0;}

#header dl, #headerjp dl {width:120px;overflow:hidden;}
#header dd, #headerjp dd {display:block;float:none;font-size:13px;font-weight:normal;margin:0;padding:0;}
	#header dd a,#headerjp dd a {color:#ccc;padding-bottom:7px;margin:0;}
	#header dd a:hover, #headerjp dd a:hover {color:#999;}

#topboxleft{
	float:right;
	position:relative;
	margin-right:30px;
	width:218px; height:86px;
}
#topboxleft input {
	font-size:10px;
	color:#626469;
}
#topboxleft input#search, #topboxleft input#atuty-atuty{
	height:12px; border:1px solid #999;
}
#topboxleft #newsletter_mini_form{
	float:right; position:relative;
	width:211px; height:62px;
	background:transparent url('../images/join-miniform-bg.png') top left no-repeat;
}
#topboxleft #newsletter_mini_form input{
	position:absolute; top:28px; left:14px;
}
#topboxleft input#atuty-atuty {
	width:144px;
	background:#fff url('../images/join-miniform-email.gif') top left no-repeat; }
#topboxleft input#atuty-atuty:focus {background-image:none;}
#topboxleft input.joinnation{
	margin-left:154px;
}
#topboxleft #search_mini_form{
	position:absolute; right:0; bottom:0;
}

input#search{
	float:right;
	margin-right:5px;
	width:108px;
}
#topboxleft input.searchgo {
	float:right;
	margin-right:3px;
}


#topboxright, #topboxmid{
	float:right;
	height:72px; margin-top:17px;
}
#topboxright{
	width:74px;
	border-left:1px solid #ccc;
}
#topboxmid{
	width:48px;
	padding:0 4px;
}
#socialnav, ul#socialnav{  }
#socialnav li {float:left; width:20px; height:20px; margin:2px; overflow:hidden; }
#socialnav li a {display:block; width:20px; height:20px; background: #9f8b68 url('../images/social-icons.gif') scroll top left no-repeat;}
#socialnav #sktv			{ background-position: 0		0; }
#socialnav #sktv:hover		{ background-position: -40px	0; }
#socialnav #fb				{ background-position: -20px	0; }
#socialnav #fb:hover		{ background-position: -60px	0; }
#socialnav #youtube			{ background-position: 0		-20px; }
#socialnav #youtube:hover 	{ background-position: -40px	-20px; }
#socialnav #myspace			{ background-position: -20px	-20px; }
#socialnav #myspace:hover	{ background-position: -60px	-20px; }
#socialnav #twitter			{ background-position: 0		-40px; }
#socialnav #twitter:hover	{ background-position: -40px	-40px; }
#socialnav #appstore		{ background-position: -20px	-40px; }
#socialnav #appstore:hover	{ background-position: -60px	-40px; }


#container {width:1000px;margin:0 auto;position:relative;}

#content, .middle-container{
	clear:left; padding:1px 0;
	background-color:#fff;
	display:block;margin-top:7px;z-index:10;
}
#content .button,a.button, #content input.button{
	border:1px solid #d3d3d3;
	background-color:#9d8e68;
	color:#fff;
	padding:5px 18px;
	font-size:1.1em;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
}
#content .button:hover,#content a.button:hover,#content input.button:hover{
	background-color:#8d805d;
}
#content>p { margin:0 15px; }


/*Top Right Navigation*/
#cartnav, ul#cartnav{
	list-style-type:none;
	margin:0 0 0 4px;	
	text-align:left;
}
#cartnav li{
	line-height:0.6em;
	margin:0;
}
#cartnav li a:link, #cartnav li a:visited{
	font-size:0.6em;
	font-weight:normal;
	/*color:#626469;*/
	color:white;
	text-decoration:none;
	line-height:1.4em;
}
#cartnav li a:hover{
	/*color:#9f8b68;*/
	color:#00AEEF;
}

.promo-callout-left{position:absolute;right:1000px; display:none;}
.promo-callout-right{position:absolute;left:1000px; display:none;}


/* GLOBAL - FOOTER NAVIGATION */

#footer{
	border-top:1px solid #fff;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:1.8em;
	margin:15px 0;
	clear:both;
}
#footer p{
	float:right;
	padding:0;
	margin-top: 10px;
}
#footer img.soc{
	margin-top:3px;
}
#footer ul{
	list-style-type:none;
	float:left;
}
#footer ul li{
	float:left;
	padding:0;
	margin: 10px 0 5px 0;
}
#footer li a:link, #footer li a:visited{
	color:#fff;
	letter-spacing:0.025em;
	padding:0 15px 0 0;
	text-decoration:none;
}
#footer li a:hover{
	color:#00AEEF;
}



/* SUPPORT SECTION STYLES */

/*#warrantyForm { width: 500px; }
#warrantyForm label { width: 250px; }
#warrantyForm label.error, #warrantyForm input.submit { margin-left: 253px; }
#warrantyForm { width: 670px; }
#warrantyForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color:red;
}*/
#warrantyForm label.error {
  background:url('../images/unchecked.gif') no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#warrantyForm label.checked {
  background:url('../images/checked.gif') no-repeat 0px 0px;
  color:green;
}

#issue{
	width:200px;
	height:60px;
}
div.tooltip { 
    background-color:#000;
    outline:1px solid #669;
    border:2px solid #fff;
    padding:10px 15px;
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
}



/* DEALER LOCATOR STYLES */

.callToActions{
	width:1000px;
	margin:20px 0 10px 0;
	padding:10px 0;
	position:relative;
	clear:left;
	border-top:1px solid #d0d0d0;
	text-align:center;
}
.callToActions img{
	border:1px solid #d0d0d0;
	margin:0 5px;
}
.callToActions .skeleton{
	border:none;
	position:absolute;
	top:-52px;
	right:20px;
}
#footersslseal{float:left;margin:5px 0 0 40px;}
#iphoneapp{
	position:absolute;
	top:100px;
	right: -115px;
}
#musicpages #iphoneapp{
	display:none;
}

/* IPHONE CTA */
#iphone-callout {display:block;width:125px;height:219px;background:url(/images/callouts/nbamm-callout.jpg) no-repeat;position:absolute;top:100px;left:1000px;}
	#iphone-callout a {display:block;height:219px;width:125px;}
	body#musicpages #iphone-callout {display:none;}