* { margin: 0; padding: 0; }
body { background-color: #2a2d30; font-family:'PT Sans Caption', sans-serif,Arial, Helvetica; }
img {border:none;}
div.spacer{clear:both;}
div.loading{position:absolute;top:50%;left:50%;z-index:1000000;display:none;margin-left:-64px;}
#slider { width: 100%; text-align: left; overflow: hidden; float:left;top:-30px; z-index:0;}		
#sliderContent { width: 5000000px; }

#slslider { width: 100%; text-align: left; overflow: hidden; float:left;top:-30px; z-index:0;}		
#slsliderContent { width: 5000000px; }

#slideMarker { margin:0 auto; position:absolute;}
div.slide { width: 460px; float:left; position:relative;}
div.slide.zoomed { overflow:hidden; }
div.slide-content { cursor:pointer; position:relative;}
div.slide-content img.slideImage{z-index:0;}
#zoomCursor {
     cursor: none;
     width: 32px;
     height: 32px;
     background: url("../img/zoom_in.png") no-repeat left top;
     position: absolute;
     display: none;
     top: 0;
     left: 0;
     z-index: 10000;
}

div.zoomOut {
	background: url("../img/zoom_out.png") no-repeat left top !important;
}

div.current-content { cursor:crosshair; }
#sliderNav { /*height: 0px;*/ position:absolute; top:45%; left:50%; z-index:100;}
#slsliderNav { /*height: 0px;*/ position:absolute; top:45%; left:50%; z-index:100;}

#sliderNav a,#sliderNav a:link,#sliderNav a:active,#sliderNav a:visited { text-decoration: none; outline: none; height: 48px; width: 24px; display:block; }
#sliderPrev { background: url("../img/mirable_arrows.png") no-repeat scroll top left transparent; float: left;}
#sliderNext { background: url("../img/mirable_arrows.png") no-repeat scroll top right transparent; float: right;}		
#sliderPrev.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }
#sliderNext.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }
#webPost{position:absolute;top:50px;left:50%;height:0px;z-index:100;display:none;}

#slsliderNav a,#slsliderNav a:link,#slsliderNav a:active,#slsliderNav a:visited { text-decoration: none; outline: none; height: 48px; width: 24px; display:block; }
#slsliderPrev { background: url("../img/mirable_arrows.png") no-repeat scroll top left transparent; float: left;}
#slsliderNext { background: url("../img/mirable_arrows.png") no-repeat scroll top right transparent; float: right;}		
#slsliderPrev.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }
#slsliderNext.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }
#slwebPost{position:absolute;top:50px;left:50%;height:0px;z-index:100;display:none;}

#postIconContainer{width:32px;height:54px;background:url("../img/webpost-bg.gif") no-repeat scroll top left;float:right;margin-right:18px;display:inline;}
#facebookPost{width:24px;height:24px;text-decoration:none;background:url("../img/facebook.png") no-repeat scroll top left;display:block;margin:5px 4px;outline: none;}
div.hotspot1 { position:absolute; display:none; border:2px solid #000; cursor:pointer; background:url(../img/transparent.gif); }
div.toolTip{font-size:12px;color:#fff;width:180px;display:none;position:absolute;background:url(../img/hotspot-box.png) no-repeat scroll top left;padding:10px 10px 30px;height:60px;}
a.hotlink{display:block; width:20px; height:19px; float:right; text-decoration:none;}
div.activityloading{position:absolute;top:50%;left:50%;z-index:200;margin-left:-25px;}
div.activityloading img{width:75px;}
div.activityContent { display:none; float:left;width:100%;height:100%; }
div.activity1 {position:absolute; background-color:#fff; width:473px; height:375px; display:none;}
div.activity1 img.activity1Image { width:100%; height:100%; }
ul.activity1Nav { position:absolute; height:40px; bottom:0; left:5px;}
ul.activity1Nav li { float:left; display:inline; margin-right:3px;}
ul.activity1Nav li a{ text-decoration:none; color:#fff; display:block; padding:5px 15px; background-color:#625e50; border:2px solid #7f7350; }
ul.activity1Nav li a.selected{ background-color:#a5d390; }

div.activity2 { position:absolute; background-color:#fff; width:400px; height:267px; display:none;}
div.activity2 img.activity2Image { width:100%; height:100%; }
div.activity2Nav { position:absolute; width:88px; height:30px; bottom:0; right:3px;}
div.activity2Nav a,div.activity2Nav a:link,div.activity2Nav a:active,div.activity2Nav a:visited { text-decoration: none; outline: none; height: 44px; width: 40px; display:block; }
div.activity2Nav a.activity2Prev {float: left;}
div.activity2Nav a.activity2Next {float: right;}

div.activity3 {display:none; position:absolute; width:262px; height:202px;}
div.activity4 {display:none; position:absolute; width:33px; height:33px;}

div.popup { position:relative; }
div.thumbnail { color:#fff; text-align:center; width:54px; float:left; margin:0 10px 10px 0; }
div.thumbnail div.thumbImage { width:54px; height:72px; }
div.thumbnail div.pageNumber { font-family:Verdana; font-size:11px; font-weight:bold; padding:3px 0 5px; }
div.contentItem{float:left;width:97%;padding:5px 0px 5px 10px; margin:0;}
div.contentItem div.thumbImage { color:#fff; text-align:center; width:54px; float:left; margin:0 10px 10px 0; }
div.contentItem div.pageNumber{float:left;width:70%;}
div.contentItem div.pageNumber div{float:left;width:100%;padding:0px 0px; color:#fff;font-size:15px;}
div.contentItem div.pageNumber div.requiredContent{font-size:11px;padding-top:5px;}
div#contentsPopup h1{font-size:18px;color:#fff;text-transform:capitalize;float:left;width:95%;padding:0px 0px 10px; font-weight:200;}
div.thumbImage img{ width:100%; cursor:pointer; }

#shareContainer{font-size:12px;text-align:center;}
#shareContainer p{padding:10px;}
#shareContainer input{padding:0 20px;}

#fbShareContainer{font-size:12px;}
#fbShareContainer div.thumbnail{width:102px;}
#fbShareContainer div.thumbnail img{width:100%;border:solid 1px #000;}
#fbShareContainer div.postInput h2{font-size:12px;margin-bottom:10px;}
#fbShareContainer div.postInput textarea{width:375px;height:140px;overflow:auto;}
#fbShareContainer div.postFooter{text-align:right;margin-top:10px;}
#fbShareContainer div.postFooter img.fbIcon{float:left;}
#fbShareContainer div.postFooter input{padding:0 20px;}

/* Top Bar */
div.topBar{width:100%;margin:0;position:absolute;z-index:500;top:0; float:left;}
.topBarOuter{float:left;width:100%; height:30px; position:relative;z-index:101; background:url(../img/transparent.gif);}
div.topBar .leftBr{float:left; width:150px;}
div.topBar .rightBr{float:right; width:415px;}
div.topBarInner{width:90%; min-width:930px; margin:0 auto;}
div.topBarLeft,div.topBarRight{float:left;width:5px;height:31px;font-size:0px;}
div.topBarClb{float:left;width:98%;margin:0;padding:0;background:#918f8f;height:30px;  min-width:915px;}
div.topBarLeft{background:url(../img/mirabel_topBar.gif) no-repeat left top;}
div.topBarRight{background:url(../img/mirabel_topBar.gif) no-repeat right top;}
span.samplesTop{float:left;width:auto;font-size:17px;font-weight:700;padding:5px 0px 0px; color:#fff;}
div.loaderBox { width:200px; height:200px; text-align:center; vertical-align:middle; }
#thumbnailPopUp,#thumbnailContainer{display:none;}
div.topBarClb ul{float:right;width:auto; margin:5px 0px 0px; display:inline;}
div.topBarClb ul li{list-style-type:none;list-style-image:none;padding:0;margin:0 10px 0px 0px; display:inline; color:#fff;font-size:14px;font-weight:700; float:left; width:auto;}
div.topBarClb ul li a,div.topBarClb ul li a:hover{text-decoration:none;font-size:14px;font-weight:700;color:#fff; float:left;}
div.editable-pagination{width:125px;position:absolute;left:45%;font-size:14px; font-weight:700;display:none;}
div.editable-pagination input{width:15px;border:1px solid #000; height:20px; font-weight:200; padding:0 0 0 5px;}
div.topBarClb ul li a img{float:left; width:auto;margin:1px 5px 0px 0px; border:0px;}
div.editable-pagination a#topNext,a#sltopNext{float:left;height:17px;width:13px;background:url(../img/mirabel_topArrow.png) no-repeat right top;font-size:0px; color:#918f8f;display:inline;margin-left:5px;margin-top:3px;}
div.editable-pagination a#topPrev,a#sltopPrev{float:left;height:17px;width:13px;background:url(../img/mirabel_topArrow.png) no-repeat left top;font-size:0px; color:#918f8f; display:inline;margin-right:5px;margin-top:3px;}
div.editable-pagination input,div.editable-pagination span{float:left;}
div.editable-pagination span{color:#fff;font-size:17px;font-weight:700; margin-left:5px; margin-top:2px;}
div.editable-pagination input{width:20px;border:1px solid #000;margin-top:2px;padding-top:2px;height:20px;}
div.topBarClb ul li a img{float:left; width:auto;margin:1px 5px 0px 0px;}

/* Pagination CSS */
.pagination {
    font-size: 11px;
    font-family:Verdana;
    position:absolute;
    bottom:0;
    width:100%;
    height:30px;
}
        
.pagination a {
    text-decoration: none;	
	color: #fff;
}

.pagination a, .pagination span {
    display: inline-block;    
    padding: 0.2em 0.8em;    
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination a:hover 
{
    background-color:#CCCCCC;
    color:#000;
}

.pagination .current {
    background: #969696;
    color: #000;	
}

.pagination .prev, .pagination .next{
    margin:0 10px;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;	
	background:none;
}

/* CSS for Audio Player Start */
div.jp-audio {
	position:relative;
}
div.jp-audio {
	width:22px;
}

div.jp-interface {
	position: relative;	
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:22px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:22px;
}

/* @group CONTROLS */

div.jp-audio div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 130px;	
}

div.jp-audio div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-audio div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
}
div.jp-audio a.jp-play,
div.jp-audio a.jp-pause {
	width:130px;
	height:47px;
}

div.jp-audio a.jp-pause {	
	display: none;
}

/* @end */


div.jp-audio div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-audio div.jp-jplayer {
	background-color: #000000;
}

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */


/* CSS for Video Player Start */
div.jp-video {
	font-size:11px;

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
	border:1px solid #000;
	background-color:#000;
	position:relative;
	width:640px;
}

div.jp-video div.jp-interface {
	position: relative;
	background-color:#eee;
	width:100%;
}

div.jp-video div.jp-interface {
	border-top:1px solid #000;
}

/* @group CONTROLS */

div.jp-video div.jp-controls-holder {	
	width:22px;
	padding:2px;
	position: relative;
	overflow:hidden;
	float:left;
}

div.jp-video div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 22px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-video div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-video div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	width:22px;
	height:22px;
}

div.jp-video a.jp-pause {	
	display: none;
}

/* @end */

/* @group progress bar */
div.jp-progress-container {	
	width: 500px;
	float:left;
	border:1px solid #aaa;
	margin:7px 0 0 10px;
}
div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("../img/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../img/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../img/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group current time and duration */

div.jp-play-time {
	width:75px;
	margin:5px 5px 0 0;
	float:right;
	font-size:9px;
}

/* @end */


div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-play {
	height:360px;
}

a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 64px;
	height: 64px;

	margin-left:-32px;
	margin-top:-32px;
	left:50%;
	top:50%;	
}

div.jp-video div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */


div.hotspotBuynow { position:absolute; display:none; border:0px solid #000; cursor:pointer; width:141px;height:40px; background: url(../../images/base/buynow3.png) no-repeat; }



#pageHolder .widget-component.WCAudioPlayer div.jp-video div.jp-interface
{
    border:0px !important;
    background-color:transparent;
    }

#pageHolder .widget-component.WCAudioPlayer { border:0px !important;}

#pageHolder .widget-component.WCAudioPlayer div.jp-video
{
    border:0px !important;
    background-color:transparent;
    }
    
#pageHolder .widget-component.WCAudioPlayer div.jp-jplayer
{
    background-color:transparent;
    }
    #pageHolder .widget-component.WCAudioPlayer div.wrapper
{
    display:none;
    background-color:transparent;
    }
#pageHolder .widget-component.WCAudioPlayer div.jp-progress-container
{
    display:none;
    
    }
#pageHolder .widget-component.WCAudioPlayer div.jp-play-time
{
    display:none;
    
    }
#pageHolder .widget-component.WCAudioPlayer div.jp-controls-holder
{
   width:130px !important;
   height:47px !important;
    
    }
#pageHolder .widget-component.WCAudioPlayer ul.jp-controls,#pageHolder .widget-component.WCAudioPlayer a.jp-play, #pageHolder .widget-component.WCAudioPlayer a.jp-pause
{
   width:130px !important;
   height:47px !important;
    
    }
   
#pageHolder .widget-component.WCAudioPlayer div.jp-video-play
{
    display:none;
}


#pageHolder .widget-component.WCVideoPlayer div.jp-video-play
{
    display:block;
}

#slQPpageHolder .widget-component.WCAudioPlayer div.jp-video div.jp-interface
{
    border:0px !important;
    background-color:transparent;
    }

#slQPpageHolder .widget-component.WCAudioPlayer { border:0px !important;}

#slQPpageHolder .widget-component.WCAudioPlayer div.jp-video
{
    border:0px !important;
    background-color:transparent;
    }
    
#slQPpageHolder .widget-component.WCAudioPlayer div.jp-jplayer
{
    background-color:transparent;
    }
    #slQPpageHolder .widget-component.WCAudioPlayer div.wrapper
{
    display:none;
    background-color:transparent;
    }
#slQPpageHolder .widget-component.WCAudioPlayer div.jp-progress-container
{
    display:none;
    
    }
#slQPpageHolder .widget-component.WCAudioPlayer div.jp-play-time
{
    display:none;
    
    }
#slQPpageHolder .widget-component.WCAudioPlayer div.jp-controls-holder
{
   width:130px !important;
   height:47px !important;
    
    }
#slQPpageHolder .widget-component.WCAudioPlayer ul.jp-controls,#slQPpageHolder .widget-component.WCAudioPlayer a.jp-play, #slQPpageHolder .widget-component.WCAudioPlayer a.jp-pause
{
   width:130px !important;
   height:47px !important;
    
    }
   
#slQPpageHolder .widget-component.WCAudioPlayer div.jp-video-play
{
    display:none;
}


#slQPpageHolder .widget-component.WCVideoPlayer div.jp-video-play
{
    display:block;
}

#bvsliderNav { /*height: 0px;*/ position:absolute; top:45%; left:50%; z-index:100;width:26%;}
#bvsliderNav a,#sliderNav a:link,#sliderNav a:active,#sliderNav a:visited { text-decoration: none; outline: none; height: 48px; width: 24px; display:block; }
#bvsliderPrev { background: url("../img/mirable_arrows.png") no-repeat scroll top left transparent; float: left;margin-left: -380px;}
#bvsliderNext { background: url("../img/mirable_arrows.png") no-repeat scroll top right transparent; float: right;}		
#bvsliderPrev.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }
#bvsliderNext.disable { opacity: 0.5; filter: alpha(opacity = 50) !important; }