/* IE HACKS */

/*body {word-wrap: break-word;}
li a {display:inline-block;}
li a {display:block;}*/

/* IE HACKS */

/* RESET STYLES */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0;}
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
#content blockquote, #content ul, #content ol, #content dl{margin:1em;}
#content ol, #content ul, #content dl{margin-left:2em;}
#content ol li{list-style: decimal outside; margin-left:20px;}
#rightcol ul li {list-style:none;}
#content ul li{list-style: disc outside; margin-left:20px;}
#content dl dd{margin-left:1em;}
table {border-collapse: collapse; border-color:#777;}
th,td {padding:.5em; border-color:#777;}
th {font-weight:bold;text-align:left;}
caption {margin-bottom:.5em;text-align:center;}
#content p, #content fieldset, #content table {margin-bottom:1em;}
input, textarea, select { font-family: arial, verdana, sans-serif; font-size: 1em;}
/* RESET STYLES */

.imageleft {
float: left;
margin: 0 10px 3px 0;
}

.imageright {
float: right;
margin: 0 0 3px 10px;
}
body {
	font: 62.5%/1.6em arial, verdana, serif; color: #fff;
	text-align: center;
	background-color: #1c7195;
}
#outer-wrapper {
	background-color: #1c7195;
}
img#logo {float: left;}
img { border: 0;}
#wrapper {
	background: #358eb4 url(/images/page_bgd.gif) top left repeat-x;
	margin: 0 auto;
	width: 990px;
}
h1 {
	color: #fff;
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 20px 0;
}
h2 {
	color: #ffc620;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	/*margin: 5px 0 16px 0;*/
	margin: 16px 0 5px 0
}
h3, h4, h5, h6 {
	font-size: 1em;
	/*margin: 5px 0 12px 0;*/
	margin: 12px 0 5px 0;
}
table {
	font-size: 1em;
	margin-bottom: 10px;
}
table td {
	font-size: 1em;
} 
ul, ol {
	margin-bottom: 10px;
	margin-left: 10px;
}
ol {
	margin-left: 15px;
}
ul ul, ol ol {
	margin-left: 10px;
}
a { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff;}
a:active { color: #fff;}

.clearingpar {
	padding: 0;
	margin: 0;
	font-size:0.1em;
	line-height:0.1em;
	clear:both;
}
#header {
	clear: both;
	padding: 0;
	float: left;
	display: inline;
	margin: 0;
	width: 990px;
	height: 118px;
	position: relative;
}
	img#logo { 
		position: absolute;
		left: 15px;
		top: 0px;
	}
	#fairtradelogo { 
		position: absolute;
		right: 10px;
		top: 5px;
	}
	div#basket {
		position: absolute;
		right: 80px;
		top: 0px;
		text-align: left;
		background: #bf1130 url(/images/basketbgd_right.gif) bottom right no-repeat;
		width: 127px;
		font-size: 1.2em;
	}
	div#basket p {
		padding: 5px 7px 0 7px;
	}
		div#basket p#basketlink a {
			display: block;
			background: transparent url(/images/basket_icon.gif) top left no-repeat;
			color: #fff;
			padding-left: 20px;
		}
		div#basket p#checkoutlink {
			display: block;
			background: transparent url(/images/basketbgd_left.gif) bottom left no-repeat;
			padding-bottom: 5px;
		}
		#checkoutlink a {
			color: #fff;
		}
	ul#mainnav {
		position: absolute;
		left: 187px;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	
	ul#mainnav {
		bottom: 32px;
	}
	
	#index ul#mainnav, #products ul#mainnav, #aboutus ul#mainnav, #learnaboutdjembedrums ul#mainnav, #ordering ul#mainnav, #askandy ul#mainnav {
		bottom: 31px;
	}
		ul#mainnav li {
			float: left;
			color: #000;
			padding: 0;
			margin: 0 ;
			text-align: left;
			margin-right: 1px;		
			}
			ul#mainnav li a {
				display: block;
				color: #ffc620;
				font-size: 1.4em;
				text-decoration: none;
				font-weight: bold;
				padding: 0;
				margin: 0;
				background: #ffffff url(/images/navsprite_right.gif) 100% -81px no-repeat;
				
			}
				ul#mainnav li a span { 
					display: block;
					background: transparent url(/images/navsprite_left.gif) 0px -81px no-repeat; 
					padding: 7px 10px 7px 10px;
					text-align: center;
					}
			
			ul#mainnav li a:hover, ul#mainnav li a.on { 				background: #ffffff url(/images/navsprite_right.gif) 100% 0px no-repeat; padding-bottom: 1px; }
			
			ul#mainnav li a:hover, ul#mainnav li a.on {
				padding-bottom: 0px;
			}
			
			#index ul#mainnav li a:hover, #index ul#mainnav li a.on, #products ul#mainnav li a:hover, #products ul#mainnav li a.on, #aboutus ul#mainnav li a:hover, #aboutus ul#mainnav li a.on, #learnaboutdjembedrums ul#mainnav li a:hover, #learnaboutdjembedrums ul#mainnav li a.on, #ordering ul#mainnav li a:hover, #ordering ul#mainnav li a.on, #askandy ul#mainnav li a:hover, #askandy ul#mainnav li a.on {
				padding-bottom: 1px;
			}
			
			ul#mainnav li a:hover span, ul#mainnav li a.on span { 				background: transparent url(/images/navsprite_left.gif) 0px 0px no-repeat; }
			ul#mainnav li.lastnav { left: 765px; width: 212px; }
	
	#leftcol {
			width: 174px;
			/*padding: 23px 0 0 0;*/
			padding: 0;
			margin: 0 0 15px 15px;
			float: left;
			display: inline;
			text-align: left;
			
		}
		
	#nav_wrapper {
		background: transparent url(/images/sub_bgdtop.gif) 0px 0px no-repeat;
		padding-top: 8px;
		margin-top: 15px;
	}
	
	body#index #leftcol {
			background-image: none;
		}
		a.bluebutton {
			display: block;
			clear: both;
			background: #11668a url(/images/curvy_button.gif) top left no-repeat;
			margin-top: 15px;
			color: #ffc620;
			font-size: 1.2em;
			font-weight: bold;
			width: 174px;
			text-decoration: none;
		}
			a.bluebutton span { display: block; padding: 10px 10px 9px 10px; }
			img#creditcardlogos { clear: both; margin-top: 15px; }
		#maincol {
				width: 786px;
				padding: 0;
				margin: 0 0 15px 0;
				float: right;
			}
			#content {
				text-align: left;
				font-size: 1.2em;
				line-height: 1.4em;
				float: left;
				padding: 0 0 10px 0;
				width: 786px;
				}
			body.threecols #content, body#index #content, body.twocol #content {
				width: 580px;
				}
			#rightcol {
				width: 206px;
				float: right;
				margin-top:20px;
				}
				#rightcol th,td {
				padding:.5em;
				padding-left:0;
				margin-left:0;
				}
					#content p {
						margin: 15px;
						font-weight: normal;
					}
					#content h1, #content h2, #content h3 {
						margin: 20px 20px 10px 15px;
					}
					img#freebagbutton {float: right; margin: 10px;}
					#content img { margin: 15px; }
					.pagerow {
						background: transparent url(/images/bluebox2_bgd.gif) bottom left no-repeat;
						width: 772px;
						float: left;
						clear: both;
						display: inline;
						text-align: left;
						margin: 0;
						}
					.pagerow-single {
						background: transparent url(/images/bluebox2_bgd_single.gif) bottom left no-repeat;
						width: 772px;
						float: left;
						clear: both;
						display: inline;
						text-align: left;
						margin: 0;
					}
						.rowboxleft {
							width: 382px;
							float: left;
							background: #1c7195 url(/images/curvybox_top.gif) top left no-repeat;
							margin-bottom: 7px;
						}
						.rowboxright {
							width: 382px;
							float: right;
							background: #1c7195 url(/images/curvybox_top.gif) top left no-repeat;
							margin-bottom: 7px;
						}
						.rowboxright p, .rowboxleft p {
							font-size: 1.2em;
							margin: 15px;
						}
						.rowboxright h2, .rowboxleft h2 {
							font-size: 1.2em;
							margin: 15px;
						}
						.prodimage {
							float: left;
							width: 121px;
						}
							.prodimage img {
								margin: 15px 0 15px 15px;
								/*border: 1px solid #9ECEE2;*/
							}
							a.zoomer {
								display: block;
								background: transparent url(/images/zoomer_icon.gif) top left no-repeat;
								padding-left: 20px;
								margin: 0 0 15px 15px;
							}
						.prodinfo {
							float: right;
							width: 261px;
						}
		ul#subnav {
				clear: both;
				margin: 0;
				padding: 0 0 8px 0;
				list-style: none;
				background: #ce1838 url(/images/sub_bgdbot.gif) bottom left no-repeat;
			}
				ul#subnav li {
					text-align: left;
					padding: 0;
					margin: 0;
				}
					ul#subnav li a {
						display: block;
						color: #ffc620;
						text-decoration: none;
						font-size: 1.2em;
						padding: 5px 10px 5px 10px;
						background: none;
						font-weight: bold;
					}
					ul#subnav li a:hover, ul#subnav li a.on {
						color: #ce1838;
						background-color: #ffc620;
					}
						ul#subnav li ul {
							background-color: #971129;
							margin: 0;
							/*padding: 0 0 0 10px;*/
							list-style: none;
						}
						ul#subnav li ul li a {
							background-color: #971129;
							padding-left: 20px;
							display: block;
						}
						
	#footer {
		/*display: inline;*/
		clear: both;
		/*float: right;*/
		margin: 0 auto;
		padding: 15px 0 15px 0;
		text-align: left;
		font-size: 1.1em;
		width: 965px;
		background: #2b82a7 url(/images/footer_bgd.gif) top right no-repeat;
	}
		#footer p {
			color: #fff;
			padding: 0 48px 10px 48px;
		}
		#footer a {
			/*color: #fff;*/
		}
ul#sitemap {
	margin: 0;
	padding: 0 0 0 5px;
}

ul#sitemap li {
	list-style-type: none;
	margin: 10px 0 20px 0;
	font-weight: bold;
}

ul#sitemap li ul li {
	margin: 10px 0 10px 0;
	font-weight: normal;
	list-style-type: square;
	color: #9EB7CA;
}
.hidden {
	display: none;
}
#searchResults dl {
	margin: 10px 0 20px 0px;
}

#searchResults dl dt, #searchResults dl dd {
	margin-left: 0px;
}

#searchResults .info {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.downloadList {
    background-color:#edeaf6;
    padding:3px;
}

#shopping-cart table {
	border-collapse: collapse;
	margin-left: 20px;
	width: 90%;
}

#shopping-cart table th {
	border: 1px solid #1C7195;
	background-color: #1C7195;
	/*border-bottom: 2px solid #ccc;*/
}

#shopping-cart table td {
	border: 1px solid #1C7195;
}

#shopping-cart td.shaded {
	background-color: #2B82A7;
}

#shopping-cart table th.no-border, #shopping-cart table td.no-border {
	border: none;
}

#shopping-cart .stockMessage {
	font-weight: bold;
	color: #ffc620;
}

.remove-link {
	font-size: 0.9em;
	text-decoration: none;
}
#postagecart {
padding:0 0 10px 20px;
}
.andydrum {
margin-bottom:3px;
}