@charset "utf-8";

body { font-family: Arial Narrow, Verdana, Geneva, sans-serif; text-align: justify; padding: 0px; margin: 0px; background: #EFF4FA url(./images/browserbg.jpg) repeat-x fixed; }
.navigation { font-family: Verdana, Geneva, sans-serif; width: 952px; margin: 0px auto; margin-top: 10px; overflow:auto; text-align: center; border: #FFF 1px solid; }

a, a:visited, a:active { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }


.content { width: 954px; margin: 0px auto; padding: 0px; background-color: #FFF; border: 1px solid #F90; border-top: none; overflow:hidden; }
.content p { margin: 10px; font-size: medium;}
.content h2 { text-align: center; }

.footer { font-family: Verdana, Geneva, sans-serif; width: 956px; height: 26px; margin: 0px auto; margin-bottom:10px; padding:0px; list-style-type: none; text-align: center; background: url(./images/footer.gif) center no-repeat; color: white; font-size: x-small; }
.nav { margin: 0px; padding: 0px; }
.nav a { color: #FFF; text-decoration: none; } 
.nav a:hover { color: #00F; text-decoration: underline; }
.nav li { display: inline; font-size: x-small; font-weight: bold; }
.nav li:after { color: #FFF; content: " | "; }
#last:after { content: ""; }

.catalogue { width: 954px; margin: 5px auto; text-align: center; clear: both; } 
.catalogue img { margin-left: 20px; margin-right: 20px; }

.youtube { width: 455px; margin: 5px 0px 5px 7px; font-size: small; text-align: center; padding: 5px; float: left; clear: left; }

.testimonial:before { display: block; font-weight: bold; content: "Testimonial:"; text-align: center; }
.testimonial { width: 455px; margin: 5px auto; margin-right: 7px; border: solid thin; border-color: #CCC; font-size: medium; text-align: justify; background-color: #EFF4FA; padding: 5px; float: right; clear: right; }
.testimonial strong { display: block; }
.testimonial em { font-weight: bold; font-style: normal; }
.box { width: 455px; margin: 5px auto; margin-right: 7px; border: solid thin; border-color: #CCC; font-size: small; text-align: center; background-color: #EFF4FA; padding: 5px; float: right; clear: right; }
.box object { margin-bottom: 15px; }
.slowlane { width: 465px; margin-right: 7px; float: right; clear: right; text-align: center;  }
.slowlane img { margin-right: 10px; margin-left: 10px; }
.pics { width: 465px; margin-right: 7px; float: right; clear: right; text-align: center; }
.pics img { margin-right: 3px; margin-left: 3px; border: none; }

.cdcover { text-align: center; width: 240px; margin: 28px; margin-top: 20px; float: left; font-size: small; }
#smallcd { height: 240px; }
#mediumcd { height: 270px; }
#largecd { height: 290px; }
.price { color: #F00; font-weight: bold; }
.price:before { color: #F00; content: "Price: "; }
.price:after { color: #F00; font-size: x-small; content: " (plus $2.50 postage)" }
p.price:after { color: #F00; font-size: x-small; display: block; content: " (plus $2.50 postage)" }
.viewcart { float: right; clear: right; margin: 20px; }
.buy { float: right; clear: right; margin-right: 10px; margin-top: 3px; } 
fieldset { margin: 0px auto; padding: 0px; border: none; }
label { width: 150px; float: left; clear: left; font-size: medium; text-align: right; }
#name, #email, #how, #other, #comments { margin: 2px; width: 230px; } 
#send { float: none; display: block; margin: 5px auto; width: 80px; }

.left { float: left; width: 40%; margin-left: -60%; }
.left h3 { text-align: center; margin: 5px; }
.image { float: left; width: 20%; margin-left: 40%; }
.image p, .youtubebox p { text-align: center; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: small Arial, sans-serif; }
.image .saying { text-align: left; font: medium Arial Narrow, sans-serif; border-color: #CCC; background-color: #EFF4FA; }
.image .saying:before { display: block; font-weight: bold; text-align: center; content: "Thought For The Day:"; }
.image p span { font-size: xx-small; }
.image .saying strong { display: block; }
.image img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } 
.right { float: left; width: 40%; }
.right h3 { text-align: center; margin: 5px; }

.allcds { width: 700px; margin: 10px auto; padding: 10px; text-align: center; }
.allcds .cover { float: left; width: 16%; margin-left: -78%; }
.allcds .desc { float: left; width: 62%; margin-left: 16%; text-align: justify; }
.allcds .buybutton { float: left; width: 22%; height: 120px; }
p.center { text-align: center; }

.slowlanecds { width: 950px; margin: 10px auto; margin-top: 0px; }
.slowlanecds p { margin-right: 0px; margin-left: 0px; }
.slowlanecds div.pagedesc { width: 440px; margin-left: 20px; float: left; }
.slowlanecds .cover { width: 250px; }
.slowlanecds .desc { width: 250px; text-align: justify; }
.slowlanecds .desc a { display: block; text-align: center; }
.slowlanecds .cd { float: left; margin: 5px 20px 5px 20px; }
.slowlanecds .buybutton span:after { display: block; }
.slowlanecds .buybutton form {float: right; }
.groupa { width: 580px; margin: 0 auto; clear: both; }
.groupb { width: 870px; margin: 0 auto; clear: both; }
.groupc { width: 580px; margin: 0 auto; clear: both; }
.youtubebox { float: right; margin-right: 20px; }
.headlines { text-align: center; }
.headlines a { font-weight: bold; }

a img { border: none; }

#tabs {
	  float:left;
      width: 100%;
	  background-color: #FFF;
      font-size: small;
      line-height:normal;
	  font-weight: bold;
}
#tabs ul {
	margin:0;
	padding:0px 10px 0 148px;
	list-style:none;
}
#tabs li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs a {
      float:left;
      background:url("./images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}
#tabs a span {
      float:left;
      display:block;
      background:url("./images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
      color:#FFF;
}
#tabs a:hover {
      background-position:0% -26px;
}
#tabs a:hover span {
      background-position:100% -26px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#tabs2 {
	  float:left;
      width: 100%;
	  background-color: #FFF;
      font-size: small;
      line-height:normal;
	  font-weight: bold;
}
#tabs2 ul {
	margin: 0px auto;
	padding:0px 10px 0 154px;
	list-style:none;
}
#tabs2 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs2 a {
      float:left;
      background:url("./images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}
#tabs2 a span {
      float:left;
      display:block;
      background:url("./images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs2 a:hover span {
      color:#FFF;
}
#tabs2 a:hover {
      background-position:0% -26px;
}
#tabs2 a:hover span {
      background-position:100% -26px;
}

#tabs3 {
	  float:left;
      width: 100%;
	  background-color: #FFF;
      font-size: small;
      line-height:normal;
	  font-weight: bold;
}
#tabs3 ul {
	margin: 0px auto;
	padding:0px 10px 0 15px;
	list-style:none;
}
#tabs3 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs3 a {
      float:left;
      background:url("./images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}
#tabs3 a span {
      float:left;
      display:block;
      background:url("./images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs3 a span {float:none;}
/* End IE5-Mac hack */
#tabs3 a:hover span {
      color:#FFF;
}
#tabs3 a:hover {
      background-position:0% -26px;
}
#tabs3 a:hover span {
      background-position:100% -26px;
}
#current a { background-position:0% -26px; }
#current a span { background-position:100% -26px; }