/* 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; color: #333;
	font: small Helvetica, Arial, sans-serif;
}

#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;
}

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;}

/* ------------- 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:160px;
}


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

/*Google Custom Search*/
#cse { /*AKA Uncooperative search box */
    overflow:visible;
    margin:8px 10px 0px 0;
    padding: 0px 15px 0 0; 
	height:30px;
	width:238px;
	background-color:#FFF;
	position:relative;
	top:0px;
	left:0px;
	float:right;
	z-index:501;
	/* what is the only word in the English language with 5 consonants in a row ? */
	
}

#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; 
}


/* ------------- 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: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 14px; 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 46px 0 16px; 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: 0 0 0 0px;
}

#dwhomefade li {
	float:left;
	width:930px;
	height:300px;
	margin: 0 0 0 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;
}

/* ------------- 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 {
float:left !important;
left:250px;
position:relative !important;
top:-35px;
width:75px !important;
font-size: 11px;
color:#444466;
}

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

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

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

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

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

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

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

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

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

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

#hardware_2 div{display:block;}

#hardware div img{
	float: none;
	margin:0 10px 10px 10px;
	text-align:center;
}

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

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

#hardware div ul a img{
	float:left;
	position:relative;
	margin:0;
}

/* ------------- 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;
}

#pedals div ul a img{
	float:left;
	position:relative;
	margin:0;
}

/* ------------- Finishes */
#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;}

.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;
}

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

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

#wallpaper dl {float:left;text-align:center;margin:0 0 0 68px;}
/*#wallpaper dt,dd {width:192px;float:left;}*/
#wallpaper dt {margin-bottom:100px;}/* vertical space between the images */
#wallpaper dd {margin:155px 3px 0 -192px; line-height:100%}
#wallpaper img {vertical-align:bottom;border:0;}
#wallpaper dd a img {float:none; text-align:center;}

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

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

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

#wallpaper 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_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_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;
}

/* ------------- 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_3 a {background:url(../images/drums/collectors/drums-coll-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 a{
	display:inline;
	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;
}

#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-b.gif) 0px 0px no-repeat;}

#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;}

/* ------------- 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;}

@charset "utf-8";
/* CSS Document */

#info_maintext {
background:#FBFBFB none repeat scroll 0 0;
border:1px solid #999999;
left:135px;
padding:10px;
position:relative;
text-align:left !important;
width:650px;
margin-top:2px !important;
}

#info_maintext p {
	line-height:1.25em;
}

#info_maintext a {
color:#445566;
font-size:13px;
line-height:16px;
padding:2px;
}

#info_maintext a img {
	margin:2px !important;
}

#info_maintext h1 {
color:#555555;
left:2px;
position:relative;
}

#info_maintext h1.regionHead {
background:#444444 none repeat scroll 0 0;
border-bottom:1px solid #AAAAAA;
border-top:1px solid #888888;
color:#EEEEEE;
left:-2px;
line-height:26px;
margin-bottom:18px;
margin-top:18px;
padding-left:18px;
position:relative;
}

#info_maintext h2 {
	font-size:20px;
	color:#9A9A9A;
	position:relative;
	left:-2px;
	margin-bottom:14px;
}

#info_maintext p.quest {
	font-style:italic;
	position:relative;
	left:12px;
}

#info_maintext li {
line-height:14px;
margin-left:30px;
}

#info_maintext td {
line-height:20px;
}
#info_maintext td.c_name {
font-weight:bold;
color: #444444;
}
#info_maintext td img {
	margin:0px 7px 7px 7px !important;
}

div.bigquote {
color:#EEEEEE;
font-size:88px;
height:1px;
margin:0 !important;
overflow:visible;
text-align:center !important;
width:1px;
z-index:1;
position:relative;
}

#splash_quote_left {
background:#FEFEFE none repeat scroll 0 0;
border:1px solid #999999;
float:left;
left:-100px;
margin:0 -85px 0 0 !important;
overflow:hidden;
position:relative;
width:174px;
}

#splash_quote_right {
background:#FEFEFE none repeat scroll 0 0;
border:1px solid #999999;
color:#666666;
float:right;
font-family:Georgia,Times New Roman,serif;
font-size:16px;
padding:11px;
left:45px;
margin:0 0 5px -15px !important;
overflow:hidden;
position:relative;
width:150px;
z-index:5;
}

img.story_header_img {
	position:relative;
	left:45px;
}

#roster_search {
text-align:right !important;
}