/* BeautyTips Tooltip */

.bt-wrapper {
	z-index: 999;
}

h3.tooltip-header {
	background-color: #222;
	color:#fff;
	padding:8px;
}

h4.tooltip-header {
	background: #666;
	color:#fff; 
	padding:8px;
}

.tooltip-details p {
	font-size: 11px;
	padding: 7px 8px 5px 8px;
}


/* Gallery Formatter */

.galleryformatter-greenarrows .gallery-slides .panel-overlay .overlay-inner {
    padding: 5px;
}

/* JScrollPane CSS
------------------------------------------------------ */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background: #fff;
}

#superfish-2 .jspVerticalBar {
	background: #E5E5E5;
} 

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 13px;
	background: #fff;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	height:20px;
}

.jspHorizontalBar .jspCap
{
	width: 50px;
	float: left;
}

.jspTrack
{
	background: #fff url(../images/scrollpane-track.gif) repeat-y center center;
	position: relative;
}

#superfish-2 .jspTrack
{
	background: #E5E5E5 url(../images/scrollpane-track.gif) repeat-y center center;
}

.jspDrag
{
	background: #222;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* Colorbox Custom CSS
------------------------------------------------------ */

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5 !important;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  overflow: hidden;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

#cboxOverlay {
  background: #000;
}

#colorBox {}
  #cboxWrapper {
    background: #fff;
  }
    #cboxTopLeft {
      width: 10px;
      height: 10px;
    }
    #cboxTopCenter {
      height: 10px;
    }
    #cboxTopRight {
      width: 10px;
      height: 10px;
    }
    #cboxBottomLeft {
      width: 10px;
      height: 10px;
    }
    #cboxBottomCenter {
      height: 10px;
    }
    #cboxBottomRight {
      width: 10px;
      height: 10px;
    }
    #cboxMiddleLeft {
      width: 10px;
    }
    #cboxMiddleRight {
      width: 10px;
    }
    #cboxContent {
      background: #fff;
    }
      #cboxLoadedContent {
        margin-bottom: 28px;
      }
      #cboxTitle {
    		bottom: 2px;
    		color: #535353;
    		font-size: 13px;
    		font-style: italic;
    		left: 100px;
    		position: absolute;
    		width: auto;
			}
      #cboxCurrent {
        bottom: 2px;
    		color: #fff;
    		font-size: 13px;
    		left: 65px;
    		position: absolute;
      }
      .cboxSlideshow_on #cboxSlideshow {
        position: absolute;
        bottom: 0px;
        right: 30px;
        background: url(../images/cbox_controls.png) -75px -50px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
      }
      .cboxSlideshow_on #cboxSlideshow.hover {
        background-position: -101px -50px;
      }
      .cboxSlideshow_off #cboxSlideshow {
        position: absolute;
        bottom: 0px;
        right: 30px;
        background: url(../images/cbox_cbox_controls.png) -49px -50px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
      }
      .cboxSlideshow_off #cboxSlideshow.hover {
        background-position: -25px -50px;
      }
      #cboxPrevious {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/cbox_controls.png) -75px 0px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
      }
      #cboxPrevious.hover {
        background-position: -75px -25px;
      }
      #cboxNext {
        position: absolute;
        bottom: 0;
        left: 27px;
        background: url(../images/cbox_controls.png) -50px 0px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
      }
      #cboxNext.hover {
        background-position: -50px -25px;
      }
      #cboxLoadingOverlay {
        background: #fff;
      }
      #cboxLoadingGraphic {
        background: url(../images/ajax-loader.gif) center center no-repeat;
      }
      #cboxClose {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(../images/cbox_controls.png) -25px 0px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
      }
      #cboxClose.hover {
        background-position: -25px -25px;
      }

/* The following are fixes for IE. */
.cboxIE #cboxTitle {
  background: #fff;
}


/* Superfish Custom CSS 
------------------------------------------------------ */

/* primary links */

#block-superfish-1 {position: absolute; top:190px; }

span.nolink {
	display: block;
	cursor: pointer;
}

.sf-menu a,
.sf-menu span.nolink {
	font-family: 'CarbonBold', "helvetica neue","helvetica","arial", sans-serif;
	font-size: 14px;
	border-top:none;
	border-left: none;
	text-transform: uppercase;
	text-decoration: none;
}

.sf-menu a:focus {outline: 0;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top: 28px;
}

.sf-menu li li a {font-size:12px;}

ul#superfish-1 {width:710px; height:auto; }

.sf-menu li,
.sf-menu li li {height:28px;padding:0;}

.sf-menu li a,
.sf-menu li li a,
.sf-menu span.nolink {line-height:28px; padding:0;}

.sf-menu li a:link,
.sf-menu li a:visited,
.sf-menu span.nolink {color:#fff; }

.sf-menu li {background: #222; text-align: center; width:20%; padding:0; }

.sf-menu li:hover,
.sf-menu li a:hover,
.sf-menu li ul {background: #E8E5E6;padding:0;}

/* .sf-menu li a:focus {background: #E8E5E6, color: #222; } */

.sf-menu li.sf-breadcrumb,
.sf-menu li.sf-breadcrumb:hover {background: #06C1ED; padding:0; }

.sf-menu li a.active {background: #06C1ED; padding:0; }

.sf-menu li.sfHover a {color:#222; }

.sf-menu li.menuparent a {color:#fff; }

.sf-menu li a.active,
.sf-menu li a.active:hover {color:#fff; }

.sf-menu li li a:link, 
.sf-menu li li a:visited,
.sf-menu li a:hover,
.sf-menu span.nolink:hover {color: #222; padding:0; }

.sf-menu li li {padding:0; text-align: center; width:20%; }

.sf-menu li li a:hover {color:#03A6D8;}
.sf-menu li li a.active {color:#fff; background:#E92B94; }


.sf-menu li li.sf-item-1 {background: #E5E5E5;}
.sf-menu li li.sf-item-2 {background: #CDCDCD;}
.sf-menu li li.sf-item-3 {background: #BCBCBC;}
.sf-menu li li.sf-item-4 {background: #ADADAD;}
.sf-menu li li.sf-item-5 {background: #919191;}

/* artist list menu */

#block-superfish-2 {
	position: absolute;
	top:190px;
	right:0;
	z-index: 20;
}

ul#superfish-2 {
	width:279px;
}

ul#superfish-2 ul {
	width:279px;
	height: 115px;
	overflow-y: auto; 
	overflow-x: hidden;
}

.sf-menu-2 li,
.sf-menu-2 li li {
	width:100%;
	text-align: left;
	text-indent: 10px;
}

.sf-menu-2 li.active-trail {
	background: #222;
}

.sf-menu-2 li:hover,
.sf-menu-2 li a:focus,
.sf-menu-2 li a:hover,
.sf-menu-2 li a.active,
.sf-menu-2 li.sfHover,
.sf-menu-2 li ul {background: #E8E5E6;padding:0;}

.sf-menu-2 li li.even {background: #E5E5E5; }
.sf-menu-2 li li.odd {background: #E5E5E5; }
.sf-menu-2 li li {border: none;}

.sf-shadow ul {
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 0; /* match ul width */
  top: 28px;
}