/* coffeefinder */
 #modalOverlay {
  background-color:#000;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

#modal-content {
  height:440px;
  width:700px;
  background:none;
  border:0px solid #ccc;
  z-index:1000;
}

#bj_modalContainer.modalContainer
{
	background:none;
}

#bj_modalContainer a.modalCloseImg {
  background: url(/plugins/coffeefinder/images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:15px;
  right:20px;
  cursor:pointer;
}


#bj_modal
{

	width:700px;
	height:420px;
	position:absolute;
    top:0;
    left:0;
	background:url('/plugins/coffeefinder/images/bg.jpg') 0px 0px no-repeat;
}

#bj_modal.guest_bg
{
    background:url('/plugins/coffeefinder/images/guest_bg.jpg') 0px 0px no-repeat;
}

#modal-content #bj_modal
{
	position:static;
	top:0;
	left:0;
	width:700px;
}


#bj_head
{
	display:block;
	width:488px;
	height:61px;
	background:url('/plugins/coffeefinder/images/hd.png') no-repeat;
	position:absolute;
    left:175px;
    top:10px;
}

#bj_modal #bj_loading
{
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height:320px;
	text-align:center;
	display:none;
    background:#fff;
    opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
    z-index:1000;
}

#bj_modal #bj_loading .bj_transparent
{
	background:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}


#bj_modal #bj_loading img
{
	margin-top:150px;
}


#bj_modal .col25
{
	width:25%;
}

#bj_modal .left
{
	float:left;
}

#bj_modal .right
{
	float:right;
}

#bj_modal .col100
{
	width:100%;
	overflow:auto;
	zoom:1;
}

#bj_modal .col_inner
{
	padding:5px;
}

#bj_modal a.col25
{
	display:block;
	height:0px;
	width:175px;
	padding-top:60px;
	overflow:hidden;
	outline:0;
}


#bj_modal #bj_menu
{
   position:absolute;
   width:612px;
   height:44px;
   top:60px;
   left:45px;
   background:url('/plugins/coffeefinder/images/roastmenu.png') no-repeat;
}

#bj_modal #bj_menu ul
{
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
	position:absolute;
	z-index:100;
    top:0;
    left:0;
    width:612px;
}

#bj_modal #bj_menu ul li
{
    display:inline;
    float:left;
}

#bj_modal #bj_menu ul li a
{
    display:block;
    width:153px;
    height:44px;
}

#bj_modal #bj_menuarrow
{
	position:absolute;
	top:47px;
	left:56px;
	width:33px;
	height:27px;
	background:url('/plugins/coffeefinder/images/menuarrow.png') no-repeat;
	z-index:10;
}


/* slider specific CSS */

	   #bj_modal #bj_results
	   {
	   	display:none;
	   	margin-top:10px;
	   }

	   #bj_modal h4
        {
        	width:140px;
        	margin:0px;
           	padding:5px;
           	color:#000;
        	float:left;
        	font-weight:bold;
        	font-size:12px;
        	text-align:center;
        	font-family:arial;
        }


#bj_modal .sliderGallery {
            background: none;
            overflow: hidden;
            position: absolute;
            top:77px;
            left:0px;
            height: 320px;
            width: 700px;

        }

 #bj_modal .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: hidden;
            width:36000px;
            padding: 0px 0px 0px 0px;
            margin: 0px;
			left:0;
			top:55px;
        }

 #bj_modal .sliderGallery UL LI {
            display: inline;
           	float:left;
        }


        a.bj_inner
        {
        	display:block;
        	width:150px;
        	height:230px;
        	margin-left:20px;
        	position:relative;
        	text-decoration:none;
        	border:0px;
        }

         a.bj_inner img
{
    width:150px;
    height:225px;
}

 #bj_modal .bj_inner div
        {
        	display:block;
        	width:38px;
        	height:33px;
			position:absolute;
			z-index:80;
        }

 #bj_modal .sliderGallery UL LI img
        {
        	border:0px;
        }

 #bj_modal .slider_left
        {
        	width: 23px;
            height: 28px;
            top: 20px;
            left: 59px;
            padding: 1px;
            position: absolute;
            background: url(/plugins/coffeefinder/images/scroll_left.png) no-repeat;

        }

  #bj_modal .slider_right
        {
        	width: 23px;
            height: 28px;
            top: 20px;
            left: 604px;
            padding: 1px;
            position: absolute;
            background: url(/plugins/coffeefinder/images/scroll_right.png) no-repeat;

        }

  #sliderContainer{position:absolute;width:522px;height:28px;top:20px;left:82px;background: url(/plugins/coffeefinder/images/scroll.png) no-repeat;
}

 #bj_modal #slider {
            width: 482px!important;
            height: 28px;
            top: 0px;
            left: 0px;
            padding:0px 0px 0px 0px;
            position: absolute;
            background:transparent!important;
        }

 #bj_modal .handle {
            position: absolute;
            cursor: move;
            height: 28px;
            width: 60px;
            top: 0px;
            background: url(/plugins/coffeefinder/images/handle.png) no-repeat;
            z-index: 100;
			left:0;
        }

 #bj_modal .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }

 #bj_modal .slider .slider-lbl1 {
            left: 50px;
        }

 #bj_modal .slider .slider-lbl2 {
            left: 107px;
        }

 #bj_modal .slider .slider-lbl3 {
            left: 156px;
        }

 #bj_modal .slider .slider-lbl4 {
            left: 280px;
        }

 #bj_modal .slider .slider-lbl5 {
            left: 455px;
        }


 #bj_modal .ui-slider-horizontal{border:0px!important;}
 .ui-slider-handle.ui-state-default.ui-corner-all{
            top:1px;
            height: 28px!important;
            width: 60px!important;
            background: url(/plugins/coffeefinder/images/handle.png) no-repeat!important;
            border:0px!important;}


 #modal-content .modal_close{position:absolute;right:100px;}
