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

.slideshow { 
height: 310px; 
width: 500px;
float:left;
margin-left: 40px;
margin-top: 0px;
}

.slideshow img {
position: absolute;
margin-left: 0px;
margin-top: 0px;
}

.demo2 { 
width:500px;
float:left;
height:570px;
margin-left:40px;
margin-top: 0px;

}


/*****************************************/

/* Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: left;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #222;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	margin-left: 50%;
	}
#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: transparent url(../Images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Arial;
	background-color: #333333;
	margin: 0 auto;
	line-height: 1.4em;
	width: 100px;
	}

#imageData{
	padding:10px 10px;
	}
#imageData #imageDetails{ width: 30%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	font-size: 14px;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/*************************************************/
/* other lightbox */


	

/*****************************************/


/* Sliding Tabs */

body {
	font-family: "Arial",Verdana,sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color: #121212;
}

h2 {
  margin-top: 0;
  color: #bb8c2e;
}
h1 {
  margin-top: 0;
  font-size: 10;
  display:inline;
}


#wrapper {
  width: 470px;
  float: right;
  margin-right: 240px;
  margin-top: 140px;
}

#content {
  padding: 0 10px;
  background: url(images/content.png) repeat-y;
}

#content ul {
  float: left;
  display: block;
  width: 450px;
  margin: 0;
  padding: 0;
  background: url(images/networks.png) repeat;
  list-style: none;

}

#content li {
  float: left;
  height: 60px;
  width: 225px;
  position: relative;

}

#content a {
  font-size: 1em;
  color: #666;
  text-decoration: none;
  padding: 10px 0 5px;
  display: block;
  width: 225px;
  height: 45px;
  position: relative;
  z-index: 2;
}

a img {
  border: 0;
  float: left;
  margin: 0 0px;
}

.fader {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #A4ADB7;
}

a:hover img {
  margin-left: 0px;
}

a strong {
  display: block;
  font-size: 18px;
  color: #000;
}

.clear {
  clear: left;
  background-image:url(../Images/VenuePage.png);
  background-repeat:no-repeat;
  height: 269px;
}
.venue-img {
  clear: left;
  background-image:url(../Images/VenuePage.png);
  background-repeat:no-repeat;
  height: 269px;
  width: 432px;
}
#paradi-img {
  clear: left;
  background-image:url(../Images/ProductPages/ProductPgTemp-Paradi2.png);
  background-repeat:no-repeat;
  height: 269px;
  width: 432px;
}
#mixpro-img {
  background-image: url(../Images/ProductPages/ProductPgTemp-mixpro4.png);
  background-repeat:no-repeat;
  height: 269px;
  width: 432px;
  -moz-visibility:visible;
  display:inherit;
}

#datacontent {
  padding: 20px 10px;
  
}

#datacontent ul {
  list-style: none;
  margin: 0;
  padding: 5px;
  display: block;
  height: 30px;
  background: none;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

#datacontent li {
  float: left;
}

#datacontent li a {
  outline: 0;
  display: block;
  background: none;
  color: #666;
  text-decoration: none;
  padding: 1px 5px;
  margin: 5px;
  border: 1px solid;
}

#datacontent li a:hover {
  border: 1px solid;
  background: none;
  color: #000;
  -webkit-border-radius: 10px;
}

#datacontent li a.selected {
  background: none;
  -webkit-border-radius: 10px;
  border: 1px inset #fff;
  color: #fff;
}

.panels2 {
  overflow: hidden;
  margin-top: -97px;
  width: 432px;
}

#datacontent .panelsInner {
  overflow: hidden;
}

#datacontent .panel {
  padding-left: 0px;
  padding-right: 20px;
  width: 432px;
 
}
.overview-link {
width: 60px;
height: 20px;
margin-top: 11px;
margin-left: 295px;
float: left;

}
.features-link {
width:120px;
height: 20px;
margin-top: 38px;
margin-left: -52px;
float: left;

}
.specs-link {
width: 40px;
height: 20px;
margin-top: 64px;
margin-left: -110px;
float: left;

}
.experience-link {
width: 80px;
height: 20px;
margin-top: 64px;
margin-left: -110px;
float: left;

}
.images-link {
width: 80px;
height: 20px;
margin-top: 91px;
margin-left: -110px;
float: left;

}
.hearit-link {
width: 90px;
height: 20px;
margin-top: 91px;
margin-left: -110px;
float: left;

}
.productManual-link {
width: 130px;
height: 20px;
margin-top: 157px;
margin-left: 310px;
float: left;
position: absolute;

}
.manual-link {
width: 130px;
height: 20px;
margin-top: 181px;
margin-left: 300px;
float: left;
position:absolute;
}
.manual-link-6lines {
width: 130px;
height: 20px;
margin-top: 157px;
margin-left: 310px;
float: left;
position:absolute;
}

.buyitnow-link {
	width: 130px;
	height: 20px;
	margin-top: 205px;
	margin-left: 283px;
	float: left;
	position:absolute;
}
.buyitnow-link-6lines {
	width: 130px;
	height: 20px;
	margin-top: 181px;
	margin-left: 300px;
	float: left;
	position:absolute;
}

/********************EAS page***********************/
.overview-EAS-link {
width: 60px;
height: 20px;
margin-top: 25px;
margin-left: 297px;
float: left;

}
.details-EAS-link {
width:120px;
height: 20px;
margin-top: 51px;
margin-left: -48px;
float: left;

}
.seeit-EAS-link {
width: 40px;
height: 20px;
margin-top: 78px;
margin-left: -110px;
float: left;

}
.manual-EAS-link {
width: 80px;
height: 20px;
margin-top: 105px;
margin-left: -110px;
float: left;

}
.buyit-EAS-link {
width: 130px;
height: 20px;
margin-top: 170px;
margin-left: 310px;
float: left;
position:absolute;
}

/********************Ukeulele page***********************/
.overview-uke-link {
width: 60px;
height: 20px;
margin-top: 11px;
margin-left: 297px;
float: left;

}
.details-uke-link {
width:120px;
height: 20px;
margin-top: 37px;
margin-left: -48px;
float: left;

}
.seeit-uke-link {
width: 40px;
height: 20px;
margin-top: 64px;
margin-left: -110px;
float: left;

}
.manual-uke-link {
width: 80px;
height: 20px;
margin-top: 91px;
margin-left: -110px;
float: left;

}
.buyit-uke-link {
width: 130px;
height: 20px;
margin-top: 156px;
margin-left: 310px;
float: left;
position:absolute;
}

/*******************************************/

.OrangeTxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ad7320;
}
.GrayLightTxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}
.reviewLinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	
}
.Line-dealers {
background-image: url(../Images/line.png);
background-repeat:repeat-y;
width: 14px;
float:left;
margin-top: 0px;
margin-left: 2px;

	
}
#dot-dealers {
background-image: url(../Images/dot1.png);
background-repeat: no-repeat;
width: 14px;
height: 16px;
float: left;
margin-top: 0px;
visibility:visible;
}
.Line {
background-image: url(../Images/line.png);
background-repeat:repeat-y;
width: 14px;
float:left;
margin-top: -4px;
margin-left: 2px;
	
}
#dot {
background-image: url(../Images/dot1.png);
background-repeat: no-repeat;
width: 14px;
height: 16px;
float: left;
margin-top: 0px;
visibility:visible;
}

.randomItems {
	visibility: hidden;
}
#VenueTitle {
	width: 170px;
	height: 40px;
	float:right;
}

.footer {
	width:950px;
	margin-left:auto;
	margin-right:auto;

	}

/*********************** NT junk **************************/

.hideText {
	text-indent: -1000000px;
}


#links {
	width: 950px;
	background-color: rgba(0,0,0,0.16);
	height: 122px;
	position:absolute;
}

.link {
	float: left;
}

.link a {
	display: inline-block;
	text-indent: -1000000px;
	opacity: 0.3;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 1s linear;
}

.link a:hover {
	opacity: 0.9;
}

#footer-facebook {
	width: 70px;
	height: 15px;
	margin-top: 15px;
	margin-left: 250px;
	background: url(../Images/footer/facebook-sm.png) no-repeat;
}

#footer-twitter {
	width: 70px;
	height: 14px;
	margin-top: 15px;
	margin-left: 52px;
	background: url(../Images/footer/twitter-sm.png) no-repeat;
}

#footer-youtube {
	width: 60px;
	height: 24px;
	margin-top: 12px;
	margin-left: 52px;
	background: url(../Images/footer/youtube-sm.png) no-repeat;
}
#footer-myspace {
	width: 100px;
	height: 24px;
	margin-top: 12px;
	margin-left: 52px;
	background: url(../Images/footer/myspace.png) no-repeat;
}
.letter-spacing{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	letter-spacing: 1px;
	}

/* img preload */
div#preload { display: none; }


/* uke page ***************************************/
.uke-img {
  clear: left;
  background-image:url(../Images/ProductPages/ProductPgTemp-5lines_uke_wave2.png);
  background-repeat:no-repeat;
  height: 269px;
  width: 432px;
}
#UkeTitle {
     float: right;
     height: 40px;
margin-left; 140px;
     margin-top: -10px;
     position: relative;
padding-bottom: 10px;
     width: 170px;
}

/* wave bg */

.wave_bg {
     background-image: url("../Images/uke_bg_lei6.png");
     float: right;
     height: 687px;
     margin-right: 2px;
     margin-top: 0px;
     position: absolute;
     width: 337px;
}

.wave_left {
     background-image: url("../Images/uke_bg2.png");
     float: left;
     height: 627px;
     margin-left: -298px;
     margin-top: 0px;
     position: relative;
     width: 280px;
}


/* Anthem SL Classical */


#ClassicalTitle {
     float: right;
     height: 40px;
     margin-top: -10px;
     padding-bottom: 15px;
     position: relative;
     width: 170px;
}

.buyit-classical-link {
     float: left;
     height: 20px;
     margin-left: 313px;
     margin-top: 161px;
     position: absolute;
     width: 130px;
}

.classical-img {
     background-image: url("../Images/ProductPages/ProductPgTemp-AnthemClassical.png");
     background-repeat: no-repeat;
     clear: left;
     height: 269px;
     width: 432px;
}

/**********Anthem page**********/

.overview-link-anthem {
     float: left;
     height: 20px;
     margin-left: 295px;
     margin-top: 51px;
     position: absolute;
     width: 60px;
}

.features-link-anthem {
     float: left;
     height: 20px;
     margin-left: 309px;
     margin-top: 78px;
     position: absolute;
     width: 120px;
}

.specs-link-anthem {
     float: left;
     height: 20px;
     margin-left: 313px;
     margin-top: 104px;
     position: absolute;
     width: 40px;
}

.hearit-link-anthem {
     float: left;
     height: 20px;
     margin-left: 316px;
     margin-top: 130px;
     position: absolute;
     width: 90px;
}