/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
 
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li {
	line-height:26px;
	padding:0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------- "generic" styles */

body {
	margin: 0px 0px; padding: 5px 0 0 0;
	background: #fff repeat; color: #333;
	font: small Helvetica, Arial, sans-serif;
	/*
	background-image:url('../images/icons/DW_icon_bgtile.gif');
	background-attachment:fixed;
	*/
	/* Mobile browsers only */
	-webkit-text-size-adjust:none; 

}

#content h1 {font-size:14px; color:#000; text-decoration:none;}

#content {
	width:960px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:5px 25px;
}

a {text-decoration: none;}

a img {border: 0;}

p {margin: 0 0 1em; font:0.2em;}

h1 {font-size:14px; color:#000; text-decoration:none;}

h5 {font-size:10px; color:#999;}
	
h5 a{font-size:10px; color:#666;}

h6 {
	font-size:8px; 
	color:#BBB;
	margin: 0 20px 0 0;
}

#warning {
	font-size:8px; 
	color:#BBB;
	margin: 0 20px 0 0;
}

/* ------------- Masthead */
#masthead {
	float: left;
	display: inline;
	margin-bottom: 2px; padding-top: 1px;
	background: #fff;
	background-image: url("../nav/three_1_alt.gif"); /* for nav bar preload */
   	background-repeat: no-repeat; 					 /* for nav bar preload */
  	background-position: -1000px -1000px; 			 /* for nav bar preload */
}

#homelink {
	float:left;
	width:105px;
	height:49px; 
	background:url(../images/home/home-dwLogo-topRT.gif) 0px 0px no-repeat;
}


/*Shopatron Mail List form */
#Mail_ActionPage_FormResponse {
	float:left; 
	margin: 1px 0 0 0; 
	width: 585px;
}

#win_link {
	height:0px;
	width:200px;
	margin:0 0 0 400px;
	position:relative;
	
}

#win_link img{
	width:200px;
	margin:0 0 -50px 0px;
	position:relative;
	
}


#win_img {
	margin: 0px 0 0 0px
	/*
	float:left;
	width:200px;
	height:49px; 
	background:url(../images/win/win5000AD3.gif) 0px 0px no-repeat;
	*/
}

/*Header Ad Space*/
#head_ad1 {
height:30px;
position:relative;
right:0;
top:-25px;
text-align:center;
width:350px;
}

#win_link2 {
height:50px;
width:200px;
margin: 0px 50px 0px 0px;
}


/*Google Custom Search*/
#cse { /*AKA Uncooperative search box */
   
   
    padding: 0px 15px 0 0; 
	height:30px;
	width:238px;
	background-color:#FFF;
	position:relative;
	top:0px;
	left:0px;
	float:right;
	z-index:501;
	
}

#cseOld {
	width:238px;
	position:absolute;
	float:left;
	margin:0px 0px 0px 692px;
	padding: 10px 0 0 0; 
	overflow: visible;
	z-index:501;
}

.gsc-control-cse {
	background-color: #FFF;
	opacity:0.9;
	width: 100%;
	padding: 0px 0 0 5px; 
}

.gsc-control-cse div {
	position: relative;
	
}



/* ------------- Navigation Bar */
.preload1 {background: url(../nav/three_1.gif);}
.preload2 {background: url(../nav/three_1a.gif);}

#nav {
	display:inline;
	white-space: nowrap;
	float:left;
	padding:0;
	margin:2px 0 0 0;
	list-style:none;
	height:38px;
	width:960px;
	background:#fff url(../nav/nav_bg.gif) no-repeat;
	position:relative;
	z-index:500;
	font-family:helvetica, arial, verdana, sans-serif;
}
#nav li.top {display:block; float:left; height:38px;padding:0px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:35px;}

#nav li:hover a.top_link {color:#fff; background: url(../nav/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../nav/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../nav/three_1a.gif) no-repeat right top;}

#nav li:first-child:hover a.top_link {background: url(../nav/three_1_alt.gif) no-repeat;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #cccccc; padding:3px; border:1px solid #333333; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:148px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #cccccc;}
#nav li ul.sub li a.fly
{background:#cccccc url(../nav/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#cccccc; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#cccccc url(../nav/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li:hover ul.sub_end
{left:1px; top:38px; background: #cccccc; padding:3px; border:1px solid #333333; white-space:nowrap; width:120px; height:auto; z-index:300;}
#nav li:hover ul.sub_end li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub_end li a
{display:block; font-size:11px; height:18px; width:118px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #cccccc;}
#nav li ul.sub_end li a.fly
{background:#cccccc url(../nav/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub_end li a:hover 
{background:#cccccc; color:#fff; border-color:#fff; margin-right:20px}
#nav li:hover ul.sub_end li a.fly:hover
{background:#cccccc url(../nav/arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #cccccc; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#cccccc url(../nav/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#cccccc url(../nav/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#cccccc;} 

ul.sub {padding:1px;}
/* ------------- Main Images */
#mainimage {
	float:left;
	width:930px;
	height:300px;
	/*background-image:url(../images/home/mainImage-ecox.png);*/
	background-repeat: no-repeat;
}

#dwhomefade {
	float:left;
	width:930px;
	height:300px;
	margin: 0 0 0 0px;
	padding: 0px;
}

#dwhomefade li {
	float:left;
	width:930px;
	height:300px;
	margin: 0px;
}

#dwhomefade li a {
	float:left;
	width:930px;
	height:300px;
	margin: 0 0 0 0px;
}

#dwhomefade li a img {
	float:left;
	width:930px;
	height:300px;
	margin: 0 0 0 0px;
}

/* ------------- Page Heading */
#pageheading {
	background:url(../images/general/content-bg-100.jpg) 0px 0px no-repeat;
	display:block;
	float: left;
	width:930px;
	height:100px;
	margin:2px 0 0 0;
}

#pageheading p{
	margin:12px;
}


/* ------------- Shell Sizes */
#shellsizes {
	display:block;
	float:left;
	margin:2px 0;
	width:930px;
}

#centered_shellsizes {
	margin: 20px 0px 20px 20px;
}

#centered_shellsizes div{
	float:left;
	margin:0px 14px 0px 32px;
	width:125px;
}

#centered_shellsizes h1 {
	font-size:14px; 
	color:#000; 
	text-decoration:none;
	margin:0 !important  ; 
}


#centered_shellsizes_pics {
	margin: 20px 0px 20px 20px;
}

#centered_shellsizes_pics div{
	float:left;
	margin:0px 14px 0px 32px;
	width:150px;
}

#centered_shellsizes_pics h1 {
	font-size:14px; 
	color:#000; 
	text-decoration:none;
	margin:0 0 0 5px !important  ; 
}



/* -------------NEW Shell Sizes - is this used? */
#newshellsizes {
	display:block;
	float:left;
	margin:2px 0;
	width:930px;
}

#newcentered_shellsizes {
	margin: 20px 0px 20px 20px;
}

#newcentered_shellsizes div{
	float:left;
	margin:0px 14px 0px 14px;
}


/* ------------- Shells */
#shells {
	display:inline;
	float:left;
	width:930px;
}

#shells div{
	width:930px;
	background-repeat:no-repeat;
	margin:2px 0;
}

#shells div h1{
	margin:0px 0px -5px 0px;
	padding:15px 0 0px 15px;
	line-height:100%;
}

#shells div h2{
	line-height:110%;
	display:inline;
}

#shells div a img{
	float:right;
	position:relative;
	margin:7px 10px 0px 5px;
}
#shells div h1 img{
	float:right;
	position:relative;
	margin:-10px 10px 0px 5px;
}
#shells div p{
	padding:0 10px 0 10px;
	line-height:110%;
}
#shells div img{
	float: left;
	margin:0 10px 10px 0px;
}

/* -------------- Snares */
div.prod_sprite {
float:left;
height:150px;
margin:-10px 20px 5px 9px !important;
overflow:hidden !important;
width:300px !important;
}

div.prod_sprite p {
	margin:0 10px 0 0;
}

div.prod_sprite img {

}

img.spr_tn {
border:2px solid #FFFFFF;
float:left !important;
left:-3px;
margin-bottom:5px !important;
position:relative !important;
top:0;
}

div.spr_tn {
color:#444466;
float:right !important;
font-size:11px;
left:-200px;
position:relative !important;
top:0px;
width:75px !important;
}

div.spr_tn a {
	font-size: 11px;
	color:#444466;
}

/* ---- */
#jmps {
left:0;
position:relative;
text-align:center;
top:-10px;
margin: 10px;
}

#jmps a {
color:darkslateBlue;
font-size:10px;
text-align:center;;
}

#snares {
	display:inline;
	float:left;
	width:930px;
}

#snares div{
	width:930px;
	background-repeat:no-repeat;
	margin:2px 0;
}

#snares div h1{
	margin:0px 0px -5px 0px;
	padding:15px 0 0px 15px;
	line-height:100%;
}

#snares div h2{
	line-height:110%;
	display:inline;
}

#snares div a img{
	float: left;
	margin:0 10px 10px 0px;
}
#snares div h1 img{
	float:right;
	position:relative;
	margin:-10px 10px 0px 5px;
}
#snares div p{
	padding:0 10px 0 10px;
	line-height:110%;
}
#snares div img{
	float: left;
	margin:0 10px 10px 0px;
}

#watchthisbtn{
	float:right;
	position:relative;
	margin:7px 10px 0px 5px;
}


/* ------------- Pedals */
#pedals {
	display:inline;
	float:left;
	width:930px;
	margin:3px 0 0 0;
}

#pedals div{
	width:930px;
	background-repeat:no-repeat;
	margin:2px 0;
}

#pedals div h1{
	margin:0px 0px -5px 0px;
	padding:15px 0 0px 15px;
	line-height:100%;
}

#pedals div h2{
	line-height:110%;
	display:inline;
}

/* #pedals div a img{
	float:right;
	position:relative;
	margin:7px 10px 0px 5px;
} */

#pedals div h1 img{
	float:right;
	position:relative;
	margin:-10px 10px 0px 5px;
}

#pedals div p{
	padding:0 10px 0 10px;
	line-height:110%;
}

#pedal_2 div{display:block;}

#pedals div img{
	float: left;
	margin:0 10px 10px 10px;
}

#pedal_2 div img{
	float: left;
	margin:0 10px 10px 10px;
	display:block;
}

#9000pedFeats{
	height:26em;width:930px;
	display:block;
	border:1px solid red;
}

#pedal_2 dl {float:left;text-align:left;width:930px;}
#pedal_2 dt,dd {width:183px;float:left;}
#pedal_2 dt {margin-bottom:10em;}/* vertical space between the images */
#pedal_2 dd {margin:178px 3px 0 -160px; line-height:110%}
#pedal_2 img {vertical-align:bottom;border:0;}

#singlepost p{
	margin: 180px 0 0 0;
}


/* ------------- HARDWARE new bg 120213 (for AD4) */

#hardwarebg_body dl {float:left;text-align:center;}
#hardwarebg_body dt,dd {width:150px;float:left;}
#hardwarebg_body dt {margin-bottom:30px;}/* vertical space between the images */
#hardwarebg_body dd {margin:152px 3px 20px -150px; line-height:100%}
#hardwarebg_body dl dd em {margin: 0 4px 30px 4px; font-size: 11px;} /* originally for drumwear page */
#hardwarebg_body img {vertical-align:bottom;border:0; float: left; margin: 0 0px;}
#hardwarebg_body dd a img {float:none; text-align:center;}
#hardwarebg_body h1 {
	float:left;text-align:left;display:block;
	margin:-15px 0 10px 10px;
	padding:0px 0 0px 0px;
	line-height:100%
}

#hardwarebg_body {
	background-image:url(../images/general/content-bg-10.png);
	background-repeat:repeat-y;
	width:930px;
	height:auto;
	margin:-5px 0 0 0;
	padding: 10px;
	float:left;
	display:block;
}

#hardware_main p {
	width:910px;
}
#hardware_main img {
	margin:0 10px 0 0;
}

#hardware_feats dl {float:left;text-align:left;width:930px;}
#hardware_feats dt,dd {width:183px;float:left;}
#hardware_feats dt {margin-bottom:10em;}/* vertical space between the images */
#hardware_feats dd {margin:178px 3px 0 -170px; line-height:110%}
#hardware_feats img {vertical-align:bottom;border:0;}

#clearboth { clear:both; }

/* ------------- Finishes old bg */
#finishes {
	display:inline;
	float:left;
	width:930px;
}

#finishes div{
	background-repeat:no-repeat;
	padding:5px 0 0px 7px;
	margin:2px 0 0 0;
}

#finishes dl {float:left;text-align:center;}
#finishes dt,dd {width:150px;float:left;}
#finishes dt {margin-bottom:30px;}/* vertical space between the images */
#finishes dd {margin:152px 3px 0 -150px; line-height:75%}
#finishes img {vertical-align:bottom;border:0;}
#finishes dd a img {float:none; text-align:center;}

#finishes div h1{
	display:block;
	margin:2px 0 0px 10px;
	padding:0px 0 0px 0px;
	line-height:100%
}

#finishes div dl dd em {font-size:11px;}



/* ------------- Finishes new dynamic bg */
#contentbg_body dl {float:left;text-align:center;}
#contentbg_body dt,dd {width:150px;float:left;}
#contentbg_body dt {margin-bottom:50px;}/* vertical space between the images */
#contentbg_body dd {margin:152px 3px 20px -150px; line-height:100%}
#contentbg_body dl dd em {margin: 0 4px 30px 4px; font-size: 11px;} /* originally for drumwear page */
#contentbg_body img {vertical-align:bottom;border:0; float: left; margin: 0 10px 0 0;}
#contentbg_body dd a img {float:none; text-align:center;}
#contentbg_body h1 {
	float:left;text-align:left;display:block;
	margin:-15px 0 10px 10px;
	padding:0px 0 0px 0px;
	line-height:100%
}

#contentbg_body p {
	margin: 10px 10px 0 10px;
	width: 890px;
}


.swatch {
	float: left;
	width: 150px;
	margin: 0 15px 15px 0;
	padding: 5px;
	border: 1px solid #999;
}

#finishes div img{
	float: left;
	margin:0 10px 10px 0px;
}

#finishes div h1 a img{
	float:right;
	position:relative;
	margin:0px 10px 0px 5px;
}

#access_1 div {
	margin:35px 20px 0px 0px;
	text-align:center;
}

#access_1 div a img{
	margin:0px 20px 0px 0px;
	text-align:center;
}

#contentbg_top {
	background-image:url(../images/general/content-bg-10-23top.png);
	background-repeat:no-repeat;
	width:930px;
	height:23px;
	margin:2px 0 0 0;
	float:left;
	display:block;
}
#contentbg_top_dark {
	background-image:url(../images/general/content-bg-10-23top-dark.png);
	background-repeat:no-repeat;
	width:930px;
	height:23px;
	margin:2px 0 0 0;
	float:left;
	display:block;
}

#contentbg_body {
	background-image:url(../images/general/content-bg-10.png);
	background-repeat:repeat-y;
	width:930px;
	height:100%;
	margin:-5px 0 0 0;
	float:left;
	display:block;
}

#contentbg_body_dark {
	background-image:url(../images/general/content-bg-10-dark.png);
	background-repeat:repeat-y;
	width:930px;
	height:100%;
	margin:-5px 0 0 0;
	float:left;
	display:block;
}

#contentbg_bot {
	background-image:url(../images/general/content-bg-10-23bot.png);
	background-repeat:no-repeat;
	width:930px;
	height:23px;
	margin:0;
	float:left;
	display:block;
}
#contentbg_bot_dark {
	background-image:url(../images/general/content-bg-10-23bot-dark.png);
	background-repeat:no-repeat;
	width:930px;
	height:23px;
	margin:0;
	float:left;
	display:block;
}

/* ------------- Eco-X Finishes */
#ecofinishes {
	display:inline;
	float:left;
	/*width:940px;---now inline---*/
}

#ecofinishes div{
	background-repeat:no-repeat;
	margin:2px 0px 0 0;
}

#ecofinishes dl {float:left;text-align:center;}
/*#ecofinishes_1 dt,dd {width:465px;float:left;}---now inline---*/
#ecofinishes dt {margin-bottom:0px;}/* vertical space between the images */
#ecofinishes dd {margin:10px 5px 0px -465px; padding:0px 0px 0px 0px;}
#ecofinishes img {vertical-align:bottom;border:0;}


#ecofinishes div img{
	float: left;
}

/* ------------- Featopts */
#featsopts {
	display:inline;
	float:left;
	width:940px;
	margin:3px 0px 0px 0px;
}

#featsopts div a {
	display:block;
	float:left;
	width:309px;
	height:309px;
	margin:0px 2px 0px 0px;
}

#featsopts_1 a {background:url(../images/drums/collectors/drums-coll-featsopts-hardware-b.jpg) 0px 0px no-repeat;}

#featsopts_2 a {background:url(../images/drums/collectors/drums-coll-featsopts-shells-b.jpg) 0px 0px no-repeat;}

#featsopts_2perf a {background:url(../images/drums/performance/drums-perf-featsopts-shells-b.jpg) 0px 0px no-repeat;}

#featsopts_2dsgn a {background:url(../images/drums/design/drums-design-featsopts-shells-b.jpg) 0px 0px no-repeat;}

#featsopts_3 a {background:url(../images/drums/collectors/drums-coll-featsopts-heads-b.jpg) 0px 0px no-repeat;}

#featsopts_3dsgn a {background:url(../images/drums/design/drums-design-featsopts-heads-b.jpg) 0px 0px no-repeat;}

#featsopts a:hover {
	background-position: 0px -309px;
}


/* ------------- Kit */
#kit {
	margin: 5px 0 0 5px;
	line-height:200%;
	text-align:center;
}

#kit h1{
	display:inline;
	padding:0.25em;
}

#kit h2{
	display:inline;
	padding:0.25em;
}

/* ------------- tables (wallpaper) */
td.text {
	padding:5px;
	margin:5px;
	width:33%;
}


/* ------------- Features 4 WIDE */
#features {/*
	height:186px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	width:960px;*/
}

#features a{
	display:table;
	margin:2px 3.3px 0 0;
	float:left;
	width:230px; 
	height:184px;
	background-color:#fff;
	background:url(../images/home/home-mainbot-bgs.png) 0px 0px no-repeat;	
}
	
#features a:hover {
	background:url(../images/home/home-mainbot-bgs.png) 0px -184px no-repeat;
}

#features a h2{
	margin: 0.5em 0; 
	padding: 0.25em 0 0 1em;
	font-size: 12px;
	color:#fff;
}
#features a h2 b{
	color:#555;
	padding:0;
}

#featuretexthead{
	color: rgb(85, 85, 85); 
	margin: 7px 15px;
}

#featuretext{
	color: rgb(255, 255, 255); 
	margin: 6px 15px;
	font-size: 12px;
}

#features img{
	width:230px;
	height:104px;
	margin:0 0 0 0px;
}

#feat1 {
display:block;
}

#feat2 {
display:block;
	}
	
#feat3 {
display:block;
	}

#feat4 {
display:block;

	}
/* ------------- Features 3 WIDE */
#features-3w a{
	display:inline;
	margin:3px 2px 0 0px;
	float:left;
	width:308px; 
	height:184px;
	background-color:#fff;
	background:url(../images/general/3wide-mainbot-bgs.png) 0px 0px no-repeat;	
}
	
#features-3w a:hover {
	background:url(../images/general/3wide-mainbot-bgs.png) 0px -184px no-repeat;
}

#features-3w a h2{
	margin: 0.5em 0; 
	padding: 0.25em 0 0 1em;
	font-size: 12px;
	color:#fff;
}
#features-3w a h2 b{
	color:#555;
	padding:0;
}

#features-3w img{
	width:308px;
	height:104px;
	margin:0 0 0 0px;
}

/* ------------- Features 2 WIDE */
#features-w a{
	display:inline;
	margin:3px 2px 0 3px;
	float:left;
	width:460px; 
	height:184px;
	background-color:#fff;
	background:url(../images/general/wide-mainbot-bgs.png) 0px 0px no-repeat;	
}
	
#features-w a:hover {
	background:url(../images/general/wide-mainbot-bgs.png) 0px -184px no-repeat;
}

#features-w a h2{
	margin: 0.5em 0; 
	padding: 0.25em 0 0 1em;
	font-size: 12px;
	color:#fff;
}
#features-w a h2 b{
	color:#555;
	padding:0;
}

#features-w img{
	width:460px;
	height:104px;
	margin:0 0 0 0px;
}



/* ------------- Logo Nav */
#logonav {
	float:left; 
	margin:1em 0 0 0px; 
	padding:0 0 0 0; 
}

#logonav a{
	padding: 0 22px 0 2px;
	display:block;
	float:left;
}

#dw_logo {width:84px;height:48px; background:url(../images/icons/DW_icon-b.gif) 0px 0px no-repeat;}

#pdp_logo {width:84px;height:48px; background:url(../images/icons/PDP-icon.gif) 0px 0px no-repeat; opacity: 0.7}

#gb_logo {width:94px;height:48px; background:url(../images/icons/GonBops_icon-b.gif) 0px 0px no-repeat;}

#3ds_logo {width:51px;height:48px; background:url(../images/icons/3drumsticks_icon-b.gif) 0px 0px no-repeat;}

#sticks_logo {width:51px;height:48px; background:url(../images/icons/3drumsticks_icon-b.gif) 0px 0px no-repeat;}

#dvd_logo {width:68px;height:48px; background:url(../images/icons/DWdvd_icon-b.gif) 0px 0px no-repeat;}

#sp_logo {width:79px;height:48px; background:url(../images/icons/SmartPractice_icon-b.gif) 0px 0px no-repeat;}

#fa_logo {width:67px;height:48px; background:url(../images/icons/FA_icon-b.gif) 0px 0px no-repeat;}

#may_logo {width:71px;height:48px; background:url(../images/icons/May_icon-b.gif) 0px 0px no-repeat;}

#wear_logo {width:183px;height:48px; background:url(../images/icons/DrumwearLrg_icon-b.gif) 0px 0px no-repeat;}

#kb_logo {width:120px;height:48px; background:url(../images/icons/Kitbuilder_icon-b.gif) 0px 0px no-repeat;}

#logonav a:hover{background-position:0px -48px;}

#logonav a#pdp_logo:hover{background-position:0px -49px; opacity: 1;}

/* ------------- Footer */
#footer {
	display:inline;
	/*width:930px;*/
	float:right;
	margin:1em 40px 0px 0px;
}

#sn_icons {float:left; margin:10px 10px 50px 0;}
#sn_icons a{padding:0 0 0 5px;}



#socialnetworks {
	z-index: 502;
	position: fixed;
    right: 0;
    top: 130px;
    margin: 0 5px 0 0;
}

#socialnetworks li a{
	z-index: 502;
	display: block;
	height:32px;
	width:32px;
	overflow: hidden;
    text-indent:-50000px;
    margin: 0 0 5px 0;
}

#social_facebook {
    background: url(../images/sn_icons/facebook_32.png) no-repeat scroll left top transparent;
}

#social_twitter {
    background: url(../images/sn_icons/twitter_32.png) no-repeat scroll left top transparent;
}

#social_youtube {
    background: url(../images/sn_icons/youtube_32.png) no-repeat scroll left top transparent;
}

#social_instagram {
    background: url(../images/sn_icons/instagram_32.png) no-repeat scroll left top transparent;
}

#social_pinterest {
    background: url(../images/sn_icons/pinterest_32.png) no-repeat scroll left top transparent;
}

#social_googleplus {
    background: url(../images/sn_icons/googleplus_32.png) no-repeat scroll left top transparent;
}

.gsc-control-cse {
	background-color: transparent !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	border: none !important;
}

.gsc-input-box {
	width: 180px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	margin-top: 0 !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0 !important;
}

.body-style {
	background: #fff; 
	width: 930px; 
	height: auto; 
	display: block;
	float: left;
	padding: 23px 20px;
}

.gear-guide-header {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 24px;
	width: 100px;
	display: block;
	margin: 0 auto;
	border: 3px solid #000;
	padding-top: 60px;
	padding-bottom: 10px;
	font-weight: 600;
	margin-bottom: 50px;
}

.gear-guide-header span {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.gear-guide-header-snare {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 24px;
	width: 200px;
	display: block;
	margin: 0 auto;
	border: 3px solid #000;
	padding-top: 60px;
	padding-bottom: 10px;
	font-weight: 600;
	margin-bottom: 50px;
}

.gear-guide-shipping-div {
	width: 930px;
	background: #2d303f;
	height: auto;
	margin-left: -20px;
	margin-top: -23px;
	padding-top: 40px;
	padding-bottom: 30px;
	position: relative;
}

.gear-guide-shipping-div h2 {
	color: #fff;
	text-align: center;
	width: 180px;
	display: block;
	margin: 0 auto;
	background: #cb2b2b;
	padding: 12px 5px 10px 5px;
	font-size: 18px;
	position: absolute;
	top: -20px;
	z-index: 999;
	left: 0;
	right: 0;
	letter-spacing: 0.1em;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.gear-guide-shipping-info {
	font-family: 'Poppins', sans-serif; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing: 0.1em;
	color: #ebebeb;
	font-weight: 200;
	padding-top: 10px;
}

.gear-guide-product-listing {
	margin-left: -20px;
	margin-top: -23px;
	height: auto;
	background: #f0f0f0;
	width: 930px;
	padding-top: 60px;
	padding-bottom: 40px;
	display: table;
}

.gear-guide-prod-list {
	background: #fff;
	float: left;
}

.gear-guide-prod-list img {
	display:block;
	margin: 0 auto;
}

.gear-guide-prod-name {
	background: #fff;
	width: auto;
	text-align: center;
	padding: 10px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.gear-guide-prod-part-num {
	text-align: center;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	margin-top: 0px;
	font-size: 14px;
}
	
.gear-guide-buy-now { 
	text-align: center;
	background: #cb2b2b;
	width: 100px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	display: block;
	margin: 0 auto;
	
}

.gear-guide-buy-now:hover {
	background: #830808;
}

.gear-guide-buy-now a { 
	color: #fff;
	display: block;
	padding: 10px 0;
}

.gear-guide-divider {
	background: #000;
	height: 1px;
	display: block;
	margin: -20px auto 0 auto;	
}

.gear-guide-margin-top {
	margin-top: 20px;	
}
.gear-guide-subheader { color: #111; display: block; font-family: 'Poppins', sans-serif; font-size: 21px; position: relative; text-align: center; z-index: 1; margin-bottom: 40px;  }

.gear-guide-subheader:before { border-top: 1px solid #111; content: ""; position: absolute; top: 16px;  width: 35%; z-index: -1; display: block; margin: 0 auto; left: 0; right: 0; }

.gear-guide-subheader span { background: #f0f0f0; padding: 0 10px; text-transform: uppercase; }

.gear-guide-links {
	margin: 30px auto;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	display: table;
	
}

.gear-guide-links a {
	color: #cb2b2b;
	float: left;
}


/*MUST HAVES*/

.mh-free-header {
	font-family: 'Anton', sans-serif;
	font-size: 36px;
	text-align: center;
	letter-spacing: .02em;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-red-bar {
	width: 80px;
	background: #c20000;
	height: 13px;
	margin: 0 auto;
}

.mh-free-info {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	padding-top: 30px;
	color: #000;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-gray-div {
	width: 980px;
	height: 2px;
	background: #ebebeb;
	margin: 60px auto 30px;
}

.mh-video-info {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #000;
	letter-spacing: .02em;
	margin-top: -35px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-circle {
	border: 2px solid #000;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
}

.mh-line {
	width: 2px;
	background: #000;
	margin-left: auto;
	margin-right: auto;
}

.mh-number {
	z-index: 1;
	position: relative;
}

.mh-number img {
	display: block;
	margin: -80px auto 0;

}

.mh-prod-name {
	color: #000;
	position: absolute;
	width: 35%;
	left: 0;
	right: 0;
	font-family: "Anton", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 38px;
	text-align: right;
	margin-top: 20px;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-prod-info {
	position: absolute;
	width: 35%;
	left: 0;
	right: 0;
	font-family: "Poppins", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	text-align: right;
	margin-top: 80px;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-prod-size {
	position: absolute;
	width: 35%;
	right: 0;
	font-family: "Poppins", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-part-number {
	position: absolute;
	width: 35%;
	right: 0;
	text-align: left;
	font-family: "Poppins",Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 18px;
	margin-top: 60px;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-buy-button {
	position: absolute;
	width: 35%;
	right: 0;
	margin-top: 120px;
	font-size: 20px;
	z-index: 999;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mh-buy-button p {
	width: 100px;
	background: #c20000;
	padding: 15px 10px 10px;
}

.mh-buy-button a {
	color: #fff;
}

.mh-buy-button p:hover {
	background: #840404;
}

.mh-snare {
	z-index: 9;
	position: relative;
}

.mh-snare img {
	margin: -180px auto 0;
	display: block;
	width: 520px;

}

.mh-shadow img {
	display: block;
	margin: -50px auto 0;
	width: 520px;
}

.mh-prod-header {
	font-family: "Anton", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
	font-size: 38px;
	color: #000;
	margin: 30px auto;
}

.mh-prod-subheader {
	font-family: "Poppins", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
	font-size: 22px;
	margin: 20px auto;

}

.skrollr-desktop {
	overflow-x: hidden;
}

/****/

#toTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#toTop:hover {
  background-color: #555;
}

@media screen and (max-width: 1800px) {
	.mh-prod-name {
	width: 32%;
}

.mh-prod-info {
	width: 31%;
	padding-left: 10px;
}

.mh-prod-size {
	width: 32%;
}

.mh-part-number {
	width: 32%;
}

.mh-buy-button {
	width: 32%;
}
}

@media screen and (max-width: 1500px) {
	.mh-prod-name {
	width: 24%;
}

.mh-prod-info {
	width: 23%;
	padding-left: 10px;
}

.mh-prod-size {
	width: 24%;
}

.mh-part-number {
	width: 24%;
}

.mh-buy-button {
	width: 24%;
}
}

.prop65 {
	display: none !important;
}

/*UPGRADE YOUR PEDAL*/

.upgradewrapper {
	position: relative;
	margin-top: 90px;
	overflow: hidden;
}

.upgrade-links {
	margin: 30px 20px;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 16px;
	display: table;
	width: 100%;
	text-align: center;
}

.upgrade-links a {
	color: #dc2128;
}

.upgradebanner {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 685px;
		height: auto;
	}
	
	.img100 {
		width: 100%;
	}
	
	.img90 {
		display: block;
		margin: 0 auto;
		max-width: 400px;
		width: 90%;
		height: auto;
	}
	
	.img50 {
		display: block;
		margin: 0 auto;
		max-width: 400px;
		width: 50%;
		height: auto;
		padding-top: 10px;
	}
	
	.imgcol2 {
		display: block;
		width: 100%;
		height: auto;
		max-width: 320px;
		margin: 30px auto;
	}
	
	.imgcol2dbl {
		display: block;
		width: 100%;
		height: auto;
		max-width: 515px;
		margin: 30px auto 0;
		
	}
	
	.col1 {
		width: 100%;
	}
	
	.col2 {
		width: 50%;
		float: left;
	}
	
	.col3 {
		width: 33.33%;
		float: left;
	}
	
	
	.upgradepartnum {
		display: block;
		margin: 0 auto;
		width: 90%;
		height: auto;
		max-width: 150px;
	}
	
	.upgradecopy {
		font-family: "Exo", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: #ebebeb;
		font-size: 16px;
		text-align: center;
		max-width: 960px;
		display: block;
		margin: 0 auto;
		letter-spacing: 0.15em;
		line-height: 32px;
		padding-bottom: 60px;
		padding-top: 20px;
		padding-left: 35px;
		padding-right: 30px;
	}
	
	.upgradedisclaimer {
		font-family: "Exo", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: #ebebeb;
		font-size: 12px;
		text-align: center;
		max-width: 960px;
		display: block;
		margin: 0 auto;
		letter-spacing: 0.2em;
		line-height: 16px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.upgradepromoverbiage {
		font-family: "Exo", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: #ebebeb;
		font-size: 16px;
		text-align: center;
		max-width: 960px;
		display: block;
		margin: 0 auto;
		letter-spacing: 0.2em;
		line-height: 36px;
		padding-bottom: 10px;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	.upgradepromodetails {
		font-family: "Exo", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: #ebebeb;
		font-size: 13px;
		text-align: center;
		max-width: 960px;
		display: block;
		margin: 0 auto;
		letter-spacing: 0.2em;
		line-height: 24px;
		padding-bottom: 60px;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	.upgradename {
		text-align: center;
		color: #ebebeb;
		font-size: 16px;
		font-family: "Exo";
		letter-spacing: 0.2em;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.upgradenamedivider {
	    display: block;
		margin: 0 auto 20px;
		width: 40%;
		height: auto;
		max-width: 150px;
	}
	
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	.buttonuyp {
	border: 2px solid #2e2e2e;
	cursor: pointer;
	letter-spacing: 0.2125rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: 
		background 5s cubic-bezier(0.19, 1, 0.22, 1),
		border 1s cubic-bezier(0.19, 1, 0.22, 1),
		color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	user-select: none;
	width: 150px;
	display: block;
	margin: 15px auto;
	}

	.buttonuyp a {
	color: #969696;
	font-family: "Exo" Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 20px 0 20px;
	}

	.buttonuyp .mask {
	background-color: rgba(255, 255, 255, 0.1);
	height: 100px;
	position: absolute;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	width: 200px;
		}

	.buttonuyp .shift {
	display: inline-block;
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	}

	.buttonuyp:hover {
	background-color: rgba(255, 255, 255, 0.05);
	border-color: #c20000;
	box-shadow: 0 0 5px rgba(227, 57, 63, 0.8);
	transition: background 0s;
	}

	.buttonuyp:hover a {
	color: #c20000;
	}

	.buttonuyp:hover .mask {
	background-color: #222;
	transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
	}

	.buttonuyp:hover .shift {
	transform: translateX(5px);
	}

	.buttonuyp:active {
	background-color: #111;
	}

		.buttonuyp:active a {
	color: #c20000;
}


	
	@media all and (max-width:800px) {
		.upgradebanner {
		width: 100%;
		}
		
		.col2 {
		width: 100%;
		}
		
		.col3 {
		width: 100%;
		}
	}