/* Body */
body {
	background-image:url(/_client/i/layout/background.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	line-height: 16px;
	min-width:974px;
}

/* Content Layout */
#bd {background-color:#fff;min-height:600px;}

/* Header */

div#hd {
	padding:0;
	margin:0;
	height:151px;
	background-image:url(/_client/i/layout/header.jpg);
	background-repeat:no-repeat;
}
		
div#hd h1 span {display: none;}

/* Footer */

div#ft {
	background-color:#fff;
	text-align:center;
	font-size:0.8em;
	padding:30px 0;
}

/* Navigation */
div#nav {position:absolute;top:120px;}

div#nav ul {
	width:800px;
	padding:0;
	margin-left:30px;
	color:#000;
	font-weight:bold;
	font-size: 14px;
	height:30px;
	list-style: none;
}

div#nav ul li a {
	padding:0;
	line-height:30px;
	text-transform: uppercase; 
}
  
div#nav ul li a:link, div#nav ul li a:active, div#nav ul li a:visited {color:#000; text-decoration:none;}
div#nav ul li a:hover   {color:#AA5AC2; text-decoration:none;}

div#nav ul li {
  float: left;
  position: relative;
  width: auto;
  padding-right:30px;
  text-transform: lowercase;
 }

/* Links */

a:link, a:visited, a:active    {color:#9066AE; text-decoration:none;}
a:hover   {color:#9066AE; text-decoration:underline;}

/* General Styles */

p {
	padding-bottom:1em;
}

#contentbox {margin:0 20px;padding-top:20px;}

hr {color:  #cb9f15; height: 1px; width: 100%;  border-style: dashed;}

.centertxt, p.returntotop {
	text-align:center;
}

/* --- Font styles --- */
h2 {
	font-size:24px;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
	padding-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

h4 {
	font-size:13px;
	color:#CB9F15;
}

strong {
	font-weight:bold;
}

/* --- Content layout elements ---*/
select {
	background-color:#1a1f19;
	color:#ffffff;
	width:440px;
	margin-bottom:8px;
}

/* TABLE */
.table { width:99%; }
.table td, .table th {padding:6px;vertical-align:top;color:#000;}
.table th {font-weight:bold;}

.columns {padding:4px auto;}
.columns th {background-color:#484848;color:#fff;padding:6px;}

.rows th {width:20%;}
.table .row1 {background-color:#f6f6f6;}
.table .row2 {background-color:#f9f9f9;}

table.productthumbs {width:100%;text-align:center;}

.spacer {margin-top:20px;}
.clear {clear:both;}

/*--- Bullets ---*/
ul.bullets li, #productbulletbox ul li, #productdescription ul li, #productfeatures ul li, #productspecs ul li {
    list-style-type:square;
	margin-left:14px;
	margin-bottom:10px;
}
ul.circle {list-style-type:circle;}
ul.disc {list-style-type:disc;}
ul.square {list-style-type:square;}
ol {margin:1em;margin-left:2em;}
ol li {list-style: decimal outside;margin-bottom:10px;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}
	
/*--- Input styles ---*/
input[type="submit"], input[type="button"] {
	background: #5a5a5a; 
	color: #ffffff; 
	font-weight: bold; 
	font-size:1em; 
	padding: 4px; 
	border: 2px #5a5a5a outset;
	cursor:pointer;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background: #CB9F15;
}

input[type="text"] {
	border: 1px solid #654f0a;
	font-size:1.2em;
}

select {
	border: 1px solid #654f0a;
	padding:4px;
	font-size:1.2em;
}

/*--- Headings ---*/
.imgreplace {background-position:0px 0px;}
#hd-staff { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px -30px;width:145px;height:20px;}
#hd-tuition { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px -60px;width:145px;height:20px;}
#hd-hire { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px -121px;width:145px;height:20px;}
#hd-catalogue { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px -149px;width:168px;height:30px;}
#hd-contact-us { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px -90px;width:180px;height:20px;}
#hd-products { background-image: url(/_client/i/layout/sprite-titles.gif);background-position:0px 0px;width:145px;height:20px;}
#logo-gretsch { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -606px;width:125px;height:109px;}
#logo-yamaha { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px 0px;width:175px;height:44px;}
#logo-mapex { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -47px;width:162px;height:40px;}
#logo-tama { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -94px;width:210px;height:44px;}
#logo-pdp { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -137px;width:210px;height:54px;}
#logo-pearl { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -191px;width:210px;height:62px;}
#logo-roland { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -264px;width:210px;height:32px;}
#logo-legacy { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -301px;width:210px;height:32px;}
#logo-sabian { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -336px;width:210px;height:70px;}
#logo-paiste { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -408px;width:210px;height:57px;}
#logo-meinl { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -470px;width:210px;height:70px;}
#logo-zildjian { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -544px;width:210px;height:57px;}
#logo-stagg { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -790px;width:210px;height:57px;}
#logo-bosphorus { background-image: url(/_client/i/layout/sprite-logos.gif);background-position:0px -716px;width:210px;height:57px;}
.imgreplace span {display:none;}

.logos li {margin-bottom:14px;}
.logos a {display:block;}

#logo-gretsch a {height:104px;}
#logo-yamaha a {height:44px;}
#logo-mapex a {height:40px;}
#logo-tama a {height:44px;}
#logo-pdp a {height:54px;}
#logo-pearl a {height:62px;}
#logo-roland a {height:32px;}
#logo-legacy a {height:32px;}
#logo-sabian a {height:70px;}
#logo-paiste a {height:57px;}
#logo-meinl a {height:70px;}
#logo-zildjian a {height:57px;}
#logo-stagg a {height:57px;}
#logo-bosphorus a {height:57px;}

img.imgcenter
{
	margin-left:auto;
	margin-right:auto;
	border:0;
	display:block;
}

img.imgleft {
	float:left;
	margin:0 10px 6px 0;
}

img.imgright {
	float:right;
	margin:0 0 6px 10px;
}