@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 p.home { font-family: Arial, Verdana, Geneva, sans-serif; font-size: small; }
.content h1, .content h2, .content h3, .content h4 { 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; }
.footer2 { 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: 15px; margin-right: 15px; }

.youtube { width: 455px; margin: 5px 0px 5px 7px; font-size: small; text-align: center; padding: 2px; float: left; clear: left; }
.youtube p.beris { width: 155px; margin: 0px auto; text-align: center; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: small Arial, sans-serif; }
.youtube p.map { text-align: center; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: small Arial, sans-serif; }
.youtube p.beris span { font-size: x-small; }

.symptoms2 .youtube { width: 100%; margin: 5px auto; padding: 2px; }

.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; }
.testimonial2 { width: 455px; margin: 5px auto; border: solid thin; border-color: #CCC; font-size: medium; text-align: justify; background-color: #EFF4FA; padding: 5px; clear: both; }
.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; }
.box img { margin: 0 10px 0 10px; }
.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; }
label.radio { width: 100px; float: none; clear: none; font-size: medium; }
#name, #email, #how, #other, #comments, #address, #rname { margin: 2px; width: 230px; } 
#fifty, #hundred { margin: 2px; width: 80px; }
#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: #000; 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; }

.infobox { width: 100%; margin: 0px auto; }
.infobox .leftt { width: 50%; float: left; clear: left; margin: 10px 0 10px 0; text-align: center; }
.infobox .right { width: 50%; float: right; clear: right; margin: 10px 0 10px 0; text-align: center; }

.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; }
strong.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; }
.groupd { width: 780px; margin: 0 auto; clear: both; }
.groupd .cd { float: left; margin: 0 10 10 10; }
.groupd .cover { width: 170px; padding: 10px; }
.groupd .desc { width: 170px; padding-left: 10px; padding-right: 10px; text-align: center; }
.youtubebox { float: right; margin-right: 20px; }
.headlines { text-align: center; }
.headlines a { font-weight: bold; }

.symptoms { width: 600px; text-align: justify; margin: 0px auto; font-family: Trebuchet MS; }
.symptoms img { width: 250px; margin: 0 auto; padding-right: 10px; float: left; clear: left; }
.sleft {float: left; clear: left; width: 250px; margin: 0px auto; }
.sright { float: right; clear: right; width: 250px; margin: 0px auto; }
.symptoms2 { width: 600px; margin: 0px auto; font-family: Trebuchet MS; }

.info { width: 800px; text-align: justify; margin: 0px auto; clear: left; } 

.box2 { width: 455px; margin: 5px auto; margin-left: 7px; border: solid thin; border-color: #CCC; font-size: small; text-align: center; background-color: #EFF4FA; padding: 5px; float: left; clear: clear; }
.box3 { width: 455px; margin: 5px 0px 5px 7px; font-size: small; text-align: center; padding: 5px; float: right; clear: right; }
.box3 img { float: left; margin-top: 15px; margin-left: 120px; }
.box3 p { float: right; margin-top: 80px; margin-right: 120px; }
#pack { float: left; clear: left; width: 500px; margin-left: 177px; }
#rackcard { float: right; clear: right; width: 77px; margin-right: 177px; padding-bottom: 4px; }
.pdf { float: right; clear: right; position:absolute; left:860px; top:180px; }
.pdf span { float: right; clear: right; margin-top: 5px; margin-left: 5px; }

.red { color: red; }
.button { width: 120px; margin: 0px auto; }

a img { border: none; }

.justify { text-align: justify; }

#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 88px;
	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 120px;
	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; }