/*
skins available:
	- futuristicElectricBlue
	- futuristicChrome
	- universalBlack
	- universalWhite
	- giant
*/
/*
:-webkit-full-screen #vp2_html5_rightSidePlaylist_UB {
  width: 100%;
  height: 100%;
}
*/
/* the border */

.vp2_html5_rightSidePlaylistBorder {
	position:relative;
}

/* the container */
.vp2_html5_rightSidePlaylist {
	background:#000000;
}

.vp2_html5_rightSidePlaylist p {
	margin:0;
	padding:0;
}

.xplaylist {
	display:none;
}

/* jquery ui styles */
.ui-slider-handle {
	position: absolute;
	z-index: 2;
	display: block;
	margin-left:-0.6em;
	cursor: default;
	outline: none;
}

.ui-slider-range {
	display:block;
	width:100%;	
	height:100%;
	left:0;
	bottom: 0;
	border:0 none;
	position:absolute;
	z-index:1;
}

.ui-progressbar { 
	/*height: 5px;*/
}
.ui-progressbar-value {
	height:100%;
}





/* futuristicElectricBlue */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoControls {
	position: absolute;
	left:0;
	bottom:0px;
	float: left;
	clear: both;
	width: 100%;
	background:url(images/futuristicElectricBlue/controllers_bg.jpg) 0 0 repeat-x;
}


/* rewind */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoRewind {
	float:left;
	cursor: pointer;
	display: block;
	width: 39px;
	height: 19px;
	margin:1px 0px 0px 0px;
	background: url(images/futuristicElectricBlue/rewind-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoRewind:hover {	
    background: url(images/futuristicElectricBlue/rewind-on.png) no-repeat;	
}

/* play */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPlay {
	float:left;
	cursor: pointer;
	display: block;
	width: 57px;
	height: 19px;
	margin:1px 0px 0px -10px;
	background: url(images/futuristicElectricBlue/play-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPlay:hover {	
    background: url(images/futuristicElectricBlue/play-on.png) no-repeat;	
}
/* pause */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPause {
	width: 57px;
	height: 19px;
	background: url(images/futuristicElectricBlue/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPause:hover {
	background: url(images/futuristicElectricBlue/pause-on.png) no-repeat;
}


/*.vp2_html5_rightSidePlaylist.futuristicElectricBlue video {
	float: left;
}*/

/* buffer */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer {
	position:absolute;
	height: 5px;
	margin: 7px 0px 0px 100px;
	background:url(images/futuristicElectricBlue/seek_bg.png) 0 0 repeat-x;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer .ui-widget-header { background:#999999;  }


/* seek */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek {
	float:left;
	cursor: pointer;
	position:relative;		
	height: 5px;
	margin: 7px 0px 0px 14px;
	background:none;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-handle {
	display:none;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-range {
	background: #69a1fe;
}


/* timer */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoTimer {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 3px;
	right:87px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}
/* fullscreen */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreen {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 39px;
	height: 19px;
	background:url(images/futuristicElectricBlue/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreen:hover {
	background:url(images/futuristicElectricBlue/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreenIn {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 39px;
	height: 19px;
	background:url(images/futuristicElectricBlue/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreenIn:hover {
	background:url(images/futuristicElectricBlue/fullscreen-in-on.png) 0 0 no-repeat;
}


/* volume container */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll {
	float:left;
	position: absolute;
	bottom: 0px;
	right: 29px;
	overflow: hidden;
	width: 48px;
	height: 19px;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll:hover {	
	height: 130px;
	padding-bottom: 5px;
}

/* volume slider */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider {	
	position: relative;
	height: 100px;
	width: 7px;	
	visiblity: hidden;
	opacity: 0;
	border: 1px solid #444;
	background:#333333;
	left: 20px;
	bottom:-13px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll:hover .VolumeSlider {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-handle {
	display:none;	
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-range {
	background: #69a1fe;
}

/* volume button Mute & UnMute*/
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButton {
	position: absolute;
	bottom: 0px;
	padding-right:0px;
	display: block;
	width: 48px;
	height: 19px;
	background: url(images/futuristicElectricBlue/volume-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButton:hover {
	background: url(images/futuristicElectricBlue/volume-on.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButtonMute {
	position: absolute;
	bottom: 0px;
	padding-right:0px;
	display: block;
	width: 48px;
	height: 19px;
	background: url(images/futuristicElectricBlue/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButtonMute:hover {
	background: url(images/futuristicElectricBlue/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right:147px;
	width: 25px;
	height: 18px;
	background: url(images/futuristicElectricBlue/hide-playlist-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist:hover {	
    background: url(images/futuristicElectricBlue/hide-playlist-on.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist_onlyShow {
	background: url(images/futuristicElectricBlue/show-playlist-off.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist_onlyShow:hover {	
	background: url(images/futuristicElectricBlue/show-playlist-on.png) no-repeat;	
}


/* info but */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBut {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 4px;
	right:127px;
	width: 12px;
	height: 12px;
	background: url(images/futuristicElectricBlue/info-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBut:hover {	
    background: url(images/futuristicElectricBlue/info-on.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox {
	display:none;
	position: absolute;
	left:10px;
	bottom:20px;
	height:110px;
	overflow:hidden;
	background:url(images/futuristicElectricBlue/infoBox_bg.png) 0 0 repeat-x;
	padding:0 10px 10px 10px;
	text-align:left;
	overflow:auto;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox .movieTitle {
	color:#69a1fe;
	font-size:12px;
	font-weight:bold;
	padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox .movieDesc {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolderWrapper {
	position:absolute;
	background:url(images/universalWhite/empty.png);
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder {
	position:absolute;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF {
	display:block;
	height:96px;
	background:url(images/futuristicElectricBlue/bgPlaylistUnit.png) #f2f2f2;
	cursor: pointer;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#f7f7f7;
	display:inline-block;
	padding-bottom:5px;
	line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#cccccc;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON img {
	outline: 2px solid #69a1fe;
	position:relative;
	float:left;
	margin-right:10px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON {
	background:url(images/futuristicElectricBlue/bgPlaylistUnitOn.png) #f2f2f2;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON .title {
	color:#69a1fe;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON .reg {
	color:#FFF;
}

/*  scroller start */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
	margin-left:-3px;
}

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider { position: relative;}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(images/futuristicElectricBlue/scrollerFaceOFF.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(images/futuristicElectricBlue/scrollerFaceON.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-state-default {background: #000000; }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */








/* futuristicChrome */
.vp2_html5_rightSidePlaylist.futuristicChrome {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoControls {
	position: absolute;
	left:0;
	bottom:0px;
	float: left;
	clear: both;
	width: 100%;
	background:url(images/futuristicChrome/controllers_bg.jpg) 0 0 repeat-x;
}


/* rewind */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoRewind {
	float:left;
	cursor: pointer;
	display: block;
	width: 39px;
	height: 19px;
	margin:1px 0px 0px 0px;
	background: url(images/futuristicChrome/rewind-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoRewind:hover {	
    background: url(images/futuristicChrome/rewind-on.png) no-repeat;	
}

/* play */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPlay {
	float:left;
	cursor: pointer;
	display: block;
	width: 57px;
	height: 19px;
	margin:1px 0px 0px -10px;
	background: url(images/futuristicChrome/play-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPlay:hover {	
    background: url(images/futuristicChrome/play-on.png) no-repeat;	
}
/* pause */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPause {
	width: 57px;
	height: 19px;
	background: url(images/futuristicChrome/pause-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPause:hover {
	background: url(images/futuristicChrome/pause-on.png) no-repeat;
}

/*.vp2_html5_rightSidePlaylist.futuristicChrome video {
	float: left;
}*/

/* buffer */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer {
	position:absolute;
	height: 5px;
	margin: 7px 0px 0px 100px;
	background:url(images/futuristicChrome/seek_bg.png) 0 0 repeat-x;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer .ui-widget-header { background:#999999;  }


/* seek */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek {
	float:left;
	cursor: pointer;
	position:relative;		
	height: 5px;
	margin: 7px 0px 0px 14px;
	background:none;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-handle {
	display:none;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-range {
	background: #cccccc;
}


/* timer */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoTimer {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 3px;
	right:87px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}
/* fullscreen */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreen {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 39px;
	height: 19px;
	background:url(images/futuristicChrome/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreen:hover {
	background:url(images/futuristicChrome/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreenIn {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 39px;
	height: 19px;
	background:url(images/futuristicChrome/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreenIn:hover {
	background:url(images/futuristicChrome/fullscreen-in-on.png) 0 0 no-repeat;
}


/* volume container */
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll {
	float:left;
	position: absolute;
	bottom: 0px;
	right: 29px;
	overflow: hidden;
	width: 48px;
	height: 19px;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll:hover {	
	height: 130px;
	padding-bottom: 5px;
}

/* volume slider */
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider {	
	position: relative;
	height: 100px;
	width: 7px;	
	visiblity: hidden;
	opacity: 0;
	border: 1px solid #444;
	background:#333333;
	left: 20px;
	bottom:-13px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll:hover .VolumeSlider {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-handle {
	display:none;	
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-range {
	background: #cccccc;
}

/* volume button Mute & UnMute*/
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButton {
	position: absolute;
	bottom: 0px;
	padding-right:0px;
	display: block;
	width: 48px;
	height: 19px;
	background: url(images/futuristicChrome/volume-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButton:hover {
	background: url(images/futuristicChrome/volume-on.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButtonMute {
	position: absolute;
	bottom: 0px;
	padding-right:0px;
	display: block;
	width: 48px;
	height: 19px;
	background: url(images/futuristicChrome/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButtonMute:hover {
	background: url(images/futuristicChrome/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 0px;
	right:147px;
	width: 25px;
	height: 18px;
	background: url(images/futuristicChrome/hide-playlist-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist:hover {	
    background: url(images/futuristicChrome/hide-playlist-on.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist_onlyShow {
	background: url(images/futuristicChrome/show-playlist-off.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist_onlyShow:hover {	
	background: url(images/futuristicChrome/show-playlist-on.png) no-repeat;	
}

/* info but */
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBut {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 4px;
	right:127px;
	width: 12px;
	height: 12px;
	background: url(images/futuristicChrome/info-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBut:hover {	
    background: url(images/futuristicChrome/info-on.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox {
	display:none;
	position: absolute;
	left:10px;
	bottom:20px;
	height:110px;
	overflow:hidden;
	background:url(images/futuristicChrome/infoBox_bg.png) 0 0 repeat-x;
	padding:0 10px 10px 10px;
	text-align:left;
	overflow:auto;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox .movieTitle {
	color:#cccccc;
	font-size:12px;
	font-weight:bold;
	padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox .movieDesc {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolderWrapper {
	position:absolute;
	background:url(images/universalWhite/empty.png);
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder {
	position:absolute;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF {
	display:block;
	height:96px;
	background:url(images/futuristicChrome/bgPlaylistUnit.png) #f2f2f2;
	cursor: pointer;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000000;
	display:inline-block;
	padding-bottom:5px;
	line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON img {
	outline: 2px solid #FFFFFF;
	position:relative;
	float:left;
	margin-right:10px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON {
	background:url(images/futuristicChrome/bgPlaylistUnitOn.png) ;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON .title {
	color:#FFFFFF;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON .reg {
	color:#FFF;
}

/*  scroller start */
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
	margin-left:-3px;
}

.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider { position: relative;}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(images/futuristicChrome/scrollerFaceOFF.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(images/futuristicChrome/scrollerFaceON.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-state-default {background: #000000; }
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */











/* universalBlack */
.vp2_html5_rightSidePlaylist.universalBlack {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoControls {
	position: absolute;
	left:0;
	bottom:0px;
	float: left;
	clear: both;
	width: 100%;
	background:url(images/universalBlack/controllers_bg.png) 0 0 repeat-x;
}


/* rewind */
.vp2_html5_rightSidePlaylist.universalBlack .VideoRewind {
	float:left;
	cursor: pointer;
	display: block;
	width: 39px;
	height: 20px;
	margin:2px 0px 0px 0px;
	background: url(images/universalBlack/rewind-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoRewind:hover {	
    background: url(images/universalBlack/rewind-on.png) no-repeat;	
}

/* play */
.vp2_html5_rightSidePlaylist.universalBlack .VideoPlay {
	float:left;
	cursor: pointer;
	display: block;
	width: 47px;
	height: 21px;
	margin:1px 0px 0px 0px;
	background: url(images/universalBlack/play-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoPlay:hover {	
    background: url(images/universalBlack/play-on.png) no-repeat;	
}
/* pause */
.vp2_html5_rightSidePlaylist.universalBlack .VideoPause {
	width: 47px;
	height: 21px;
	background: url(images/universalBlack/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoPause:hover {
	background: url(images/universalBlack/pause-on.png) no-repeat;
}


/*.vp2_html5_rightSidePlaylist.universalBlack video {
	float: left;
}*/

/* buffer */
.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer {
	position:absolute;
	height: 3px;
	margin: 10px 0px 0px 101px;
	background:#999;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer .ui-widget-header { background:#ffffff;  }


/* seek */
.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek {
	float:left;
	cursor: pointer;
	position:relative;		
	height: 3px;
	margin: 10px 0px 0px 15px;
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-handle {
	display:none;
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-range {
	background: #00adef;
}


/* timer */
.vp2_html5_rightSidePlaylist.universalBlack .VideoTimer {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 4px;
	right:56px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}
/* fullscreen */
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreen {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right: 5px;
	width: 27px;
	height: 18px;
	background:url(images/universalBlack/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreen:hover {
	background:url(images/universalBlack/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreenIn {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right: 5px;
	width: 27px;
	height: 18px;
	background:url(images/universalBlack/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreenIn:hover {
	background:url(images/universalBlack/fullscreen-in-on.png) 0 0 no-repeat;
}


/* volume container */
.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll {
	float:left;
	position: absolute;
	bottom: -1px;
	right: 5px;
	overflow: hidden;
	width: 48px;
	height: 18px;
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll:hover {	
	height: 130px;
	padding-bottom: 8px;
}

/* volume slider */
.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider {	
	position: relative;
	height: 100px;
	width: 6px;	
	visiblity: hidden;
	opacity: 0;
	background:#333333;
	left: 9px;
	bottom:-15px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll:hover .VolumeSlider {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-handle {
	display:none;	
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-range {
	background: #00adef;
}

/* volume button Mute & UnMute*/
.vp2_html5_rightSidePlaylist.universalBlack .VolumeButton {
	position: absolute;
	bottom: 2px;
	padding-right:0px;
	display: block;
	width: 23px;
	height: 18px;
	background: url(images/universalBlack/volume-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeButton:hover {
	background: url(images/universalBlack/volume-on.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.universalBlack .VolumeButtonMute {
	position: absolute;
	bottom: 2px;
	padding-right:0px;
	display: block;
	width: 23px;
	height: 18px;
	background: url(images/universalBlack/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeButtonMute:hover {
	background: url(images/universalBlack/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */
.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right:107px;
	width: 25px;
	height: 18px;
	background: url(images/universalBlack/hide-playlist-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist:hover {	
    background: url(images/universalBlack/hide-playlist-on.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist_onlyShow {
	background: url(images/universalBlack/show-playlist-off.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist_onlyShow:hover {	
	background: url(images/universalBlack/show-playlist-on.png) no-repeat;	
}


/* info but */
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBut {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right:87px;
	width: 25px;
	height: 18px;
	background: url(images/universalBlack/info-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBut:hover {	
    background: url(images/universalBlack/info-on.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox {
	display:none;
	position: absolute;
	left:10px;
	bottom:22px;
	height:110px;
	overflow:hidden;
	background:url(images/universalBlack/infoBox_bg.png) 0 0 repeat-x;
	padding:0 10px 10px 10px;
	text-align:left;
	overflow:auto;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox .movieTitle {
	color:#00adef;
	font-size:12px;
	font-weight:bold;
	padding:12px 0px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox .movieDesc {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolderWrapper {
	position:absolute;
	background:url(images/universalWhite/empty.png);
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder {
	position:absolute;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF {
	display:block;
	height:95px;
	background:url(images/universalBlack/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
	cursor: pointer;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:inline-block;
	padding-bottom:5px;
	line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
}

.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON {
	background:url(images/universalBlack/bgPlaylistUnitOn.png) repeat-x top left #434343;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .title {
	color:#00adef;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .reg {
	color:#FFF;
}

/*  scroller start */
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
}

.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider { position: relative;}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(images/universalBlack/scrollerFaceOFF.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(images/universalBlack/scrollerFaceON.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-state-default {background: #000000; }
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */









/* universalWhite */
.vp2_html5_rightSidePlaylist.universalWhite {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoControls {
	position: absolute;
	left:0;
	bottom:0px;
	float: left;
	clear: both;
	width: 100%;
	background:url(images/universalWhite/controllers_bg.png) 0 0 repeat-x;
}


/* rewind */
.vp2_html5_rightSidePlaylist.universalWhite .VideoRewind {
	float:left;
	cursor: pointer;
	display: block;
	width: 39px;
	height: 20px;
	margin:2px 0px 0px 0px;
	background: url(images/universalWhite/rewind-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoRewind:hover {	
    background: url(images/universalWhite/rewind-on.png) no-repeat;	
}

/* play */
.vp2_html5_rightSidePlaylist.universalWhite .VideoPlay {
	float:left;
	cursor: pointer;
	display: block;
	width: 47px;
	height: 21px;
	margin:1px 0px 0px 0px;
	background: url(images/universalWhite/play-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoPlay:hover {	
    background: url(images/universalWhite/play-on.png) no-repeat;	
}
/* pause */
.vp2_html5_rightSidePlaylist.universalWhite .VideoPause {
	width: 47px;
	height: 21px;
	background: url(images/universalWhite/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoPause:hover {
	background: url(images/universalWhite/pause-on.png) no-repeat;
}

/*.vp2_html5_rightSidePlaylist.universalWhite video {
	float: left;
}*/

/* buffer */
.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer {
	position:absolute;
	height: 3px;
	margin: 10px 0px 0px 101px;
	background:#333333;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer .ui-widget-header { background:#666666;  }


/* seek */
.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek {
	float:left;
	cursor: pointer;
	position:relative;		
	height: 3px;
	margin: 10px 0px 0px 15px;
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-handle {
	display:none;
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-range {
	background: #ff002a;
}

/* timer */
.vp2_html5_rightSidePlaylist.universalWhite .VideoTimer {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 4px;
	right:56px;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
}
/* fullscreen */
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreen {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right: 5px;
	width: 27px;
	height: 18px;
	background:url(images/universalWhite/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreen:hover {
	background:url(images/universalWhite/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreenIn {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right: 5px;
	width: 27px;
	height: 18px;
	background:url(images/universalWhite/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreenIn:hover {
	background:url(images/universalWhite/fullscreen-in-on.png) 0 0 no-repeat;
}


/* volume container */
.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll {
	float:left;
	position: absolute;
	bottom: -1px;
	right: 5px;
	overflow: hidden;
	width: 48px;
	height: 18px;

}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll:hover {	
	height: 130px;
	padding-bottom: 8px;
}

/* volume slider */
.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider {	
	position: relative;
	height: 100px;
	width: 6px;	
	visiblity: hidden;
	opacity: 0;
	background:#333333;
	left: 9px;
	bottom:-15px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll:hover .VolumeSlider {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-handle {
	display:none;	
}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-handle.ui-state-hover {
	background: #fff;
}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-range {
	background: #ff002a;
}

/* volume button Mute & UnMute*/
.vp2_html5_rightSidePlaylist.universalWhite .VolumeButton {
	position: absolute;
	bottom: 2px;
	padding-right:0px;
	display: block;
	width: 23px;
	height: 18px;
	background: url(images/universalWhite/volume-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeButton:hover {
	background: url(images/universalWhite/volume-on.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.universalWhite .VolumeButtonMute {
	position: absolute;
	bottom: 2px;
	padding-right:0px;
	display: block;
	width: 23px;
	height: 18px;
	background: url(images/universalWhite/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeButtonMute:hover {
	background: url(images/universalWhite/volumeMute-on.png) no-repeat;
}


/*show/hide playlist */
.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right:107px;
	width: 25px;
	height: 18px;
	background: url(images/universalWhite/hide-playlist-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist:hover {	
    background: url(images/universalWhite/hide-playlist-on.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist_onlyShow {
	background: url(images/universalWhite/show-playlist-off.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist_onlyShow:hover {	
	background: url(images/universalWhite/show-playlist-on.png) no-repeat;	
}



/* info but */
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBut {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 1px;
	right:87px;
	width: 25px;
	height: 18px;
	background: url(images/universalWhite/info-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBut:hover {	
    background: url(images/universalWhite/info-on.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox {
	display:none;
	position: absolute;
	left:10px;
	bottom:21px;
	height:110px;
	overflow:hidden;
	background:url(images/universalWhite/infoBox_bg.png) 0 0 repeat-x;
	padding:0 10px 10px 10px;
	text-align:left;
	overflow:auto;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox .movieTitle {
	color:#ff002a;
	font-size:12px;
	font-weight:bold;
	padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox .movieDesc {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolderWrapper {
	position:absolute;
	background:url(images/universalWhite/empty.png);
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder {
	position:absolute;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF {
	display:block;
	height:95px;
	background:url(images/universalWhite/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
	cursor: pointer;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:inline-block;
	padding-bottom:5px;
	line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
}

.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON {
	background:url(images/universalWhite/bgPlaylistUnitOn.png) repeat-x top left #3b3b3b;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON .title {
	color:#ff002a;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON .reg {
	color:#FFF;
}

/*  scroller start */
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
}

.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider { position: relative;}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(images/universalWhite/scrollerFaceOFF.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(images/universalWhite/scrollerFaceON.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-state-default {background: #000000; }
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */










/* giant */
.vp2_html5_rightSidePlaylist.giant {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
}

.vp2_html5_rightSidePlaylist.giant .VideoControls {
	position: absolute;
	left:0;
	bottom:45px;
	float: left;
	clear: both;
	width: 100%;
}

/* rewind */
.vp2_html5_rightSidePlaylist.giant .VideoRewind {
	float:left;
	cursor: pointer;
	display: block;
	width: 58px;
	height: 58px;
	margin:15px 0px 0px 20px;
	background: url(images/giant/rewind-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.giant .VideoRewind:hover {	
    background: url(images/giant/rewind-on.png) no-repeat;	
}

/* play */
.vp2_html5_rightSidePlaylist.giant .VideoPlay {
	float:left;
	cursor: pointer;
	display: block;
	width: 88px;
	height: 88px;
	margin:0px -2px 0px -6px;
	background: url(images/giant/play-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.giant .VideoPlay:hover {	
    background: url(images/giant/play-on.png) no-repeat;	
}
/* pause */
.vp2_html5_rightSidePlaylist.giant .VideoPause {
	width: 88px;
	height: 88px;
	background: url(images/giant/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoPause:hover {
	background: url(images/giant/pause-on.png) no-repeat;
}

/*.vp2_html5_rightSidePlaylist.giant video {
	float: left;
}*/

/* buffer */
.vp2_html5_rightSidePlaylist.giant .VideoBuffer {
	position:absolute;
	height: 17px;
	margin: 35px 0px 0px 225px;
	background:url(images/giant/seek_bg.png) 0 0 repeat-x;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	padding:0 0px;
}
.vp2_html5_rightSidePlaylist.giant .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.giant .VideoBuffer .ui-widget-header { 
	background:#CCCCCC;
	height:13px;
	margin-top:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}


/* seek */
.vp2_html5_rightSidePlaylist.giant .VideoSeek {
	position:absolute;
	height: 13px;
	margin: 37px 0px 0px 229px;
	cursor: pointer;
}

.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-handle {
	width: 19px;
	height: 19px;
	margin-left:-10px;
	top:-5px;
	border: 2px solid #FFFFFF;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;	
	background: #000000;
}

.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-handle.ui-state-hover {
	background: #04abf2;
}

.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-range {
	background: #04abf2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:-2px;
}

/* timer */
.vp2_html5_rightSidePlaylist.giant .VideoTimer {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 23px;
	right:51px;
	color: #fff;
	padding:7px 0px 0px 17px;
	font-size: 10px;
	font-weight: bold;
	background:url(images/giant/timer.png) 0 0 no-repeat;
	width:45px;
	height:29px;
}
/* fullscreen */
.vp2_html5_rightSidePlaylist.giant .VideoFullScreen {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 27px;
	right: 23px;
	width: 36px;
	height: 36px;
	background:url(images/giant/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreen:hover {
	background:url(images/giant/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreenIn {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 27px;
	right: 23px;
	width: 36px;
	height: 36px;
	background:url(images/giant/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreenIn:hover {
	background:url(images/giant/fullscreen-in-on.png) 0 0 no-repeat;
}


/* volume container */
.vp2_html5_rightSidePlaylist.giant .VolumeAll {
	float:left;
	position: absolute;
	margin: 16px 0px 0px 153px;
	overflow: hidden;
	width: 58px;
	height: 58px;
}

.vp2_html5_rightSidePlaylist.giant .VolumeAll:hover {	
	height: 220px;
	background:url(images/giant/VolumeSliderBg.png) 18px 10px no-repeat;
	left:0px;
	bottom:14px;
}

/* volume slider */
.vp2_html5_rightSidePlaylist.giant .VolumeSlider {	
	position: relative;
	height: 140px;
	width: 23px;	
	visiblity: hidden;
	opacity: 0;
	left: 18px;
	bottom:-17px;
}
.vp2_html5_rightSidePlaylist.giant .VolumeAll:hover .VolumeSlider {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-handle {
	width: 19px;
	height: 19px;
	left: 0px;
	margin-bottom:-8px;
	margin-left:0;
	border: 2px solid #FFFFFF;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;	
	background: #000000;

}

.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-handle.ui-state-hover {
	background: #04abf2;
}

.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-range {
	background: #04abf2;
	width:11px;
	left:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/* volume button Mute & UnMute*/
.vp2_html5_rightSidePlaylist.giant .VolumeButton {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 58px;
	height: 58px;
	background: url(images/giant/volume-off.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.giant .VolumeButton:hover {
	background: url(images/giant/volume-on.png) no-repeat;
}

.vp2_html5_rightSidePlaylist.giant .VolumeButtonMute {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 58px;
	height: 58px;
	background: url(images/giant/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VolumeButtonMute:hover {
	background: url(images/giant/volumeMute-on.png) no-repeat;
}


/*show/hide playlist */
.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 27px;
	right:140px;
	width: 36px;
	height: 36px;
	background: url(images/giant/hide-playlist-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist:hover {	
    background: url(images/giant/hide-playlist-on.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist_onlyShow {
	background: url(images/giant/show-playlist-off.png) no-repeat;	
}

.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist_onlyShow:hover {	
	background: url(images/giant/show-playlist-on.png) no-repeat;	
}

/* info but */
.vp2_html5_rightSidePlaylist.giant .VideoInfoBut {
	float:left;
	cursor:pointer;
	position: absolute;
	bottom: 27px;
	right:108px;
	width: 36px;
	height: 36px;
	background: url(images/giant/info-off.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBut:hover {	
    background: url(images/giant/info-on.png) no-repeat;	
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox {
	display:none;
	position: absolute;
	left:10px;
	top:0px;
	height:110px;
	overflow:hidden;
	background:url(images/giant/infoBox_bg.png) 0 0 repeat-x;
	padding:0 10px 10px 10px;
	margin-bottom:100px;
	text-align:left;
	overflow:auto;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox .movieTitle {
	color:#ff002a;
	font-size:12px;
	font-weight:bold;
	padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox .movieDesc {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.giant .thumbsHolderWrapper {
	position:absolute;
	background:url(images/giant/empty.png) #cccccc;
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder {
	position:absolute;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF {
	display:block;
	height:96px;
	background:url(images/giant/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
	cursor: pointer;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:inline-block;
	padding-bottom:5px;
	line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	line-height:1.4em;
}

.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
}

.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON {
	background:url(images/giant/bgPlaylistUnitOn.png) repeat-x top left #434343;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON .title {
	color:#00adef;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON .reg {
	color:#FFF;
}

/*  scroller start */
.vp2_html5_rightSidePlaylist.giant .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
	margin-left:-3px;
}

.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider { position: relative;}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(images/giant/scrollerFaceOFF.png) 0px 0 no-repeat; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(images/giant/scrollerFaceON.png) 0 0 no-repeat; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.vp2_html5_rightSidePlaylist.giant .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-state-default {background: #000000; }
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */

.hideElement {
	display:none;
}
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

	<!-- Meta Tags -->	
	<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>


	<!-- Showing the SEO related meta tags data -->
		
	<!-- Favicon -->
	<link href="uploads/favicon.jpg" rel="shortcut icon" type="image/png">
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
	<link rel="stylesheet" href="css/slicknav.css">
	<link rel="stylesheet" href="css/superfish.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/hover.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/spacing.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	
	

	<style>
		


		
		/* Primary Colors */
		.sf-menu > li > a,
		.menu-v1 .desc h3,
		.menu-v1 .nav-tabs > li > a,
		.chef .text h3 a:hover,
		.blog h3 a {
			color: #7F1D14!important;
		}
		.top-bar,
		.testimonial-v1 .overlay,
		.testimonial-v1 .owl-nav .owl-prev i:hover, 
		.testimonial-v1 .owl-nav .owl-next i:hover,
		.chef .item .social-icons ul li a:hover,
		.chef .text p.button a,
		.reservation-v1 .right a:hover,
		.footer-main,
		.chefs-detail .chefs-single .text,
		.chefs-detail .chefs-single .social ul li a:hover,
		.blog p.button a,
		div.pagination span.current,
		div.pagination a:hover, 
		div.pagination a:active,
		.contact .cform-1 .btn-success:hover,
		.contact .item {
			background: #7F1D14!important;
		}
		.slide-carousel .overlay {
			background: transparent;
		}
		.menu-v1 .nav-tabs > li.active > a, 
		.menu-v1 .nav-tabs > li.active > a:focus, 
		.menu-v1 .nav-tabs > li.active > a:hover {
			border-bottom-color: #7F1D14!important;
		}
		.menu-v1 .nav-tabs > li > a:hover,
		.chefs-detail .chefs-single .social ul li a:hover,
		.blog p.button a,
		div.pagination span.current,
		div.pagination a:hover, 
		div.pagination a:active,
		.contact .cform-1 .btn-success:hover {
			border-color: #7F1D14!important;
		}
		



		/* Secondary Colors */
		.about h2,
		.menu-v1 h2,
		.menu-v1 .price,
		.chef .heading h2,
		.chef .text h3 a,
		.chefs-detail .chefs-single .social ul li a,
		.chefs-detail .chefs-detail-tab .content h1, 
		.chefs-detail .chefs-detail-tab .content h2, 
		.chefs-detail .chefs-detail-tab .content h3, 
		.chefs-detail .chefs-detail-tab .content h4, 
		.chefs-detail .chefs-detail-tab .content h5, 
		.chefs-detail .chefs-detail-tab .content h6,
		.blog .text ul.status li,
		.blog .text ul.status li a,
		.sidebar .widget h4,
		.sidebar .widget ul li a:hover,
		.blog h3,
		.faq h1,
		.menu-v3 h2,
		.menu-v4 h2,
		.contact h1,
		.contact h2,
		.contact h3,
		.contact h4,
		.contact h5,
		.contact h6 {
			color: #DC9822!important;
		}
	
		.top-bar .top-social ul li a:hover,
		.sf-menu li li,
		.sf-menu li:hover li a,
		.sf-menu > li:last-child a,
		.slide-carousel .item .text p a,
		.testimonial-v1 .owl-nav .owl-prev i, 
		.testimonial-v1 .owl-nav .owl-next i,
		.chef .item .social-icons ul li a,
		.chef .text p.button a:hover,
		.reservation-v1,
		.footer-main h3:after,
		.scrollup i,
		.blog p.button a:hover,
		div.pagination a,
		.sidebar .widget-search button,
		.faq .panel-group .panel-heading a.collapsed:after,
		.faq .panel-group .panel-heading a:after,
		.contact .cform-1 .btn-success {
			background: #DC9822!important;
		}

		.slide-carousel .item .text p a,
		.menu-v1 .photo,
		.menu-v1 .desc,
		.menu-v1 .price,
		.chefs-detail .chefs-single .social ul li a,
		.blog p.button a:hover,
		div.pagination a,
		.sidebar .widget-search input,
		.sidebar .widget-search button,
		.contact .cform-1 .btn-success {
			border-color: #DC9822!important;
		}

		.slide-carousel .item .text p a:hover {
			background-color: transparent!important;
		}
		.footer-bottom {
			background: #333333!important;
		}
		.chefs-detail .chefs-single .social ul li a:hover,
		.sf-menu li li:hover a,
		.sf-menu > li:last-child a {
			color: #fff!important;
		}

		.contact .text h3.white {
		    color: #fff!important;
		}

	</style>

<style>
#callnowbutton {display:none;} @media screen and (max-width:650px){#callnowbutton {display:block; position:fixed; text-decoration:none; z-index:2147483647;width:75px; height:75px; border-radius:50%; border-top:1px solid #ffff4d; top: 65%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);transform: scale(1);right:20px;background:url(call.svg) center/50px 50px no-repeat #DC9822; animation: MightyCallCBW-undefined-pulse 2.0s infinite;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: MightyCallCBW-undefined-pulse;
}}</style>
</head>
<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=323620764400430";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	
	<div class="page-wrapper">

		<!-- Top Bar Start -->
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-md-7 top-contact">
					    
					    
					    	<div class="list">
							<i class="fa fa-map-marker"></i><a href="https://maps.app.goo.gl/4SSP4y6YbF1ARGf39">763 S 18th St Newark NJ 07103</a>
						</div>
						<div class="list">
							<i class="fa fa-envelope"></i> <a href="mailto:newarkgranite@gmail.com">newarkgranite@gmail.com</a>
						</div>
						<div class="list">
							<i class="fa fa-phone"></i><a href="tel:2013446225">201 344 6225</a>
							<a href="tel:2013446225" id="callnowbutton"></a>
						</div>
					</div>
					<div class="col-md-6 top-social">
						<ul>
													</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Top Bar End -->


		<!-- Header Start -->
		<header>
			<div class="container">
					<div class="col-md-9 nav-wrapper">

						<!-- Nav Start -->
						<div class="nav">
						<ul class="sf-menu" style="background-color: #ececec;" id="menu">

								<li>                                        <a href="https://newarkgranite.com">Home</a>
                                        </li><li>                                            <a href="page.php?slug=cabinets">cabinets</a>
                                            </li><li>                                            <a href="page.php?slug=price">Price Quote</a>
                                            </li><li>                                            <a href="page.php?slug=sinks">Sinks<em></em></a>
                                            <ul><li>                                                    <a href="page.php?slug=edges">Edges</a>
                                                    </li></ul></li><li>                                            <a href="page.php?slug=contact-us">Contact Us</a>
                                            </li><li>                                            <a href="page.php?slug=about-us">About Us<em></em></a>
                                            <ul><li>                                                    <a href="page.php?slug=faq">FAQ</a>
                                                    </li><li>                                                    <a href="page.php?slug=about-us">About Us</a>
                                                    </li></ul></li><li>                                            <a href="page.php?slug=colors">Our Colors</a>
                                            </li>							</ul>
						</div>
						<!-- Nav End -->

					</div>
				</div>
			</div>
			
			<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1024670483"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-1024670483');
</script>

<!-- No Click derecho -->
<script type="text/javascript">
document.addEventListener('contextmenu', function(e) { 
    e.preventDefault(); 
});
</script>

<!-- End no Click derecho -->



			
			<script type="text/javascript">
    document.write(unescape("%3Cscript src='" + "//newarkgranite.com/text/js/call.js' type='text/javascript'%3E%3C/script%3E"));   
    document.write(unescape("%3Cscript src='" + "//newarkgranite.com/text/js/iframe.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    InitCallbackWidget();
</script>

	<link rel='stylesheet' id='nta-css-popup-css' href='https://www.newarkgranite.com/whastapp/wp-content/plugins/whatsapp-for-wordpress/assets/dist/css/style.css?ver=6.5.5' media='all' />
		</header>
		<!-- Header End -->
				
<!-- Slider Start -->
<section class="main-slider">			
	<div class="slide-single slide-single-page" style="background-image:url(uploads/chef-banner-12.jpg);">
		<div class="overlay"></div>
		<div class="text text-page">
			<div class="this-item">
				<h2>Giallo Ornamental</h2>
			</div>
		</div>			
	</div>			
</section>
<!-- Slider End -->


<!-- Chefs Start -->
<section class="chefs-detail">
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<div class="chefs-single">
					<div class="thumb">
						<img src="uploads/chef-12.jpg" alt="">
					</div>
					<div class="text">
						<h2>Giallo Ornamental</h2>
						<h3>Granite Group # 2</h3>
						
					</div>
				</div>
			</div>
			<div class="col-md-8">				
				
				<div class="chefs-detail-tab">							
					<div class="row">										
						<div class="col-md-12">
							<div class="content">
								<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="calcutta.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", Arial, Helvetica, sans-serif}
.mySlides {display: none}
</style>
</head>
<body>


  <!-- Slideshow Header -->
  <div class="w3-container" id="apartment">
    <div class="w3-display-container mySlides">
    <img src="images/group1/granite-group-1/giallooramentalkitchen.jpg
" style="width:100%;margin-bottom:-6px">
      <div class="w3-display-bottomleft w3-container w3-black">
        <p>Kitchen</p>
      </div>
    </div>
    <div class="w3-display-container mySlides">
    <img src="images/group1/granite-group-1/gialloornametalslab.jpg" style="width:100%;margin-bottom:-6px">
      <div class="w3-display-bottomleft w3-container w3-black">
        <p>Full slab</p>
      </div>
    </div>
    <div class="w3-display-container mySlides">
    <img src="images/group1/granite-group-1/gialloornamentalcolor.jpg" style="width:100%;margin-bottom:-6px">
      <div class="w3-display-bottomleft w3-container w3-black">
        <p>Close up</p>
      </div>
    </div>
    <div class="w3-display-container mySlides">
    <img src="images/group1/granite-group-1/special2.jpg" style="width:100%;margin-bottom:-6px">
      <div class="w3-display-bottomleft w3-container w3-black">
        <p>Special Price</p>
      </div>
    </div>
  </div>
  <div class="w3-row-padding w3-section">
    <div class="w3-col s3">
      <img class="demo w3-opacity w3-hover-opacity-off" src="images/group1/granite-group-1/giallooramentalkitchen.jpg" style="width:100%;cursor:pointer" onclick="currentDiv(1)" title="Living room">
    </div>
    <div class="w3-col s3">
      <img class="demo w3-opacity w3-hover-opacity-off" src="images/group1/granite-group-1/gialloornametalslab.jpg" style="width:100%;cursor:pointer" onclick="currentDiv(2)" title="Dining room">
    </div>
    <div class="w3-col s3">
      <img class="demo w3-opacity w3-hover-opacity-off" src="images/group1/granite-group-1/gialloornamentalcolor.jpg" style="width:100%;cursor:pointer" onclick="currentDiv(3)" title="Bedroom">
    </div>
    <div class="w3-col s3">
      <img class="demo w3-opacity w3-hover-opacity-off" src="images/group1/granite-group-1/special2.jpg" style="width:100%;cursor:pointer" onclick="currentDiv(4)" title="Second Living Room">
    </div>
  </div>

  
  
 


<script>
// Script to open and close sidebar when on tablets and phones
function w3_open() {
  document.getElementById("mySidebar").style.display = "block";
  document.getElementById("myOverlay").style.display = "block";
}
 
function w3_close() {
  document.getElementById("mySidebar").style.display = "none";
  document.getElementById("myOverlay").style.display = "none";
}

// Slideshow Apartment Images
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function currentDiv(n) {
  showDivs(slideIndex = n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" w3-opacity-off", "");
  }
  x[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " w3-opacity-off";
}
</script>

</body>
</html>										
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</section>
<!-- Chefs End -->

	

		<!-- Reservation Start -->
	<div class="reservation-v1">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-sm-6 col-xs-12">
					<div class="left">
						<p>Book your appointment now</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12">
					<div class="right">
						<a href="page.php?slug=contact-us">Contac Us</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Reservation End -->
	

	<!-- Footer Main Start -->
		<section class="footer-main">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>Contact Us</h3>

												<div class="contact-item">
							<div class="icon"><i class="fa fa-map-marker"></i></div>
							<div class="text">763 south 18th St Newark NJ 07103</div>
						</div>
						
												<div class="contact-item">
							<div class="icon"><i class="fa fa-phone"></i></div>
							<div class="text">2013446225</div>
						</div>
												
												<div class="contact-item">
							<div class="icon"><i class="fa fa-fax"></i></div>
							<div class="text">9736798029</div>
						</div>
						
												<div class="contact-item">
							<div class="icon"><i class="fa fa-envelope-o"></i></div>
							<div class="text">newarkgranite@gmail.com</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>
		<!-- Footer Main End -->

		
		<!-- Footer Bottom Start -->
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-6 copyright">
						Copyright  Newark Granite LLC 2024. All Rights Reserved.					</div>
				
				</div>
			</div>
		</div>
		<!-- Footer Bottom End -->



		<a href="#" class="scrollup">
			<i class="fa fa-angle-up"></i>
		</a>

	</div>

	
	<!-- Scripts -->
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-datepicker.min.js"></script>
	<script src="js/jquery.slicknav.min.js"></script>
	<script src="js/hoverIntent.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/owl.animate.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>	
	<script src="js/waypoints.min.js"></script> 
	<script src="js/jquery.counterup.min.js"></script>
	<script src="js/modernizr.min.js"></script>
	<script src="js/custom.js"></script>
	
	<div id="wa"></div><script src="https://www.newarkgranite.com/whastapp/wp-includes/js/hoverintent-js.min.js?ver=2.2.1" id="hoverintent-js-js"></script>


<script src="https://www.newarkgranite.com/whastapp/wp-content/plugins/whatsapp-for-wordpress/assets/dist/js/njt-whatsapp.js?ver=3.6.7" id="nta-wa-libs-js"></script>
<script id="nta-js-global-js-extra">
var njt_wa_global = {"ajax_url":"https:\/\/www.newarkgranite.com\/whastapp\/wp-admin\/admin-ajax.php","nonce":"04ac06b1ff","defaultAvatarSVG":"<svg width=\"48px\" height=\"48px\" class=\"nta-whatsapp-default-avatar\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n            viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\">\n            <path style=\"fill:#EDEDED;\" d=\"M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0\n            S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z\"\/>\n            <path style=\"fill:#55CD6C;\" d=\"M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662\n            c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234\n            c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z\"\/>\n            <path style=\"fill:#FEFEFE;\" d=\"M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297\n            c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048\n            c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359\n            c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248\n            c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062\n            l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945\"\/>\n        <\/svg>","defaultAvatarUrl":"https:\/\/www.newarkgranite.com\/whastapp\/wp-content\/plugins\/whatsapp-for-wordpress\/assets\/img\/whatsapp_logo.svg","timezone":"+00:00","i18n":{"online":"Online","offline":"Offline"},"urlSettings":{"onDesktop":"web","onMobile":"protocol","openInNewTab":"ON"}};
</script>
<script src="https://www.newarkgranite.com/whastapp/wp-content/plugins/whatsapp-for-wordpress/assets/js/whatsapp-button.js?ver=3.6.7" id="nta-js-global-js"></script>
<script id="nta-js-popup-js-extra">
var njt_wa = {"gdprStatus":"","accounts":[{"accountId":7,"accountName":"","avatar":"","number":"+12017029791","title":"Support","predefinedText":"","willBeBackText":"I will be back in [njwa_time_work]","dayOffsText":"I will be back soon","isAlwaysAvailable":"ON","daysOfWeekWorking":{"sunday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"monday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"tuesday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"wednesday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"thursday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"friday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]},"saturday":{"isWorkingOnDay":"OFF","workHours":[{"startTime":"08:00","endTime":"17:30"}]}}}],"options":{"display":{"displayCondition":"showAllPage","displayPostCondition":"showAllPost","includePages":[],"excludePages":[],"includePosts":[],"excludePosts":[],"showOnDesktop":"ON","showOnMobile":"ON","time_symbols":"h:m"},"styles":{"title":"Start a Conversation","responseText":"The team typically replies in a few minutes.","description":"Hi! Click one of our member below to chat on <strong>WhatsApp<\/strong>","backgroundColor":"#2db742","textColor":"#fff","titleSize":18,"accountNameSize":14,"descriptionTextSize":12,"regularTextSize":11,"scrollHeight":500,"isShowScroll":"OFF","isShowResponseText":"ON","isShowPoweredBy":"OFF","btnLabel":"Need Help? <strong>Chat with us<\/strong>","btnLabelWidth":156,"btnPosition":"right","btnLeftDistance":30,"btnRightDistance":30,"btnBottomDistance":30,"isShowBtnLabel":"ON","isShowGDPR":"OFF","gdprContent":"Please accept our <a href=\"https:\/\/ninjateam.org\/privacy-policy\/\">privacy policy<\/a> first to start a conversation.","widgetType":"expandable"},"analytics":{"enabledGoogle":"OFF","enabledFacebook":"OFF","enabledGoogleGA4":"OFF"}}};
</script>
<script src="https://www.newarkgranite.com/whastapp/wp-content/plugins/whatsapp-for-wordpress/assets/js/whatsapp-popup.js?ver=3.6.7" id="nta-js-popup-js"></script>
	
</body>
</html>