/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;width: 750px; height: 450px;background:none;}
.box_skitter img { max-width:none; } /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;/*background:url(../images/prev.png) no-repeat left top;*/}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;/*background:url(../images/next.png) no-repeat left top;*/}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#fff;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:75px; width:750px; margin-top:5px; }
.box_skitter .info_slide_thumb { height:75px;width:750px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:183px;height:75px;position:relative;margin:0 5px 0 0; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number:nth-child(4){margin:0;}
.box_skitter .info_slide_thumb .image_number img { position:absolute; height:75px; width:183px; /*margin:0 15px 0 0;*/ border:0px solid #0F6;}

.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#000;text-indent:-9999em;overflow:hidden;background:url(../images/loading.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;display:none; }
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000; }
.box_skitter .label_skitter p 	{ padding: 5px 10px; margin:0;}
.box_skitter .label_skitter p a {color:#FFF;font-size:14px; text-decoration:none;}
.box_skitter .label_skitter p a:hover {color:#FFF;font-size:14px; text-decoration:underline;}
.box_skitter .info_slide * 		{ font-family:Consolas,arial,tahoma !important; }
.box_skitter .progressbar 		{ background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:750px;height:450px;}
.box_skitter_small {width:200px;height:100px;}

/* =Skitter styles for HK ATLANT MAIN PAGE
----------------------------------------------- */
.box_skitter_mhka { position: relative; width: 750px; height: 500px; background: none; }
.box_skitter_mhka img { max-width: none;width: 750px; height: 500px; } /* Tip for stildv */
.box_skitter_mhka ul { display: none; }
.box_skitter_mhka .container_skitter { overflow: hidden; position: relative; }
.box_skitter_mhka .image { overflow: hidden; }
.box_skitter_mhka .image img { display: none; }
/* =Box clone
-------------------------------------------------------------- */
.box_skitter_mhka .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter_mhka .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
/* =Navigation
-------------------------------------------------------------- */
.box_skitter_mhka .prev_button { position: absolute; top: 50%; left: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .next_button { position: absolute; top: 50%; right: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .prev_button:hover, .box_skitter_mhka .next_button:hover { opacity: 0.5 !important; }
/* =Numbers
-------------------------------------------------------------- */
.box_skitter_mhka .info_slide { position: absolute; top: 15px; left: 15px; z-index: 100; background: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.75; }
.box_skitter_mhka .info_slide .image_number { background: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .info_slide .image_number:hover { background: #000; }
.box_skitter_mhka .info_slide .image_number_select, .box_skitter_mhka .info_slide .image_number_select:hover { background: #cc3333; float: left; padding: 2px 10px; margin: 0 5px 0 0; }
/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter_mhka .container_thumbs { position: relative; overflow: hidden; height: 50px; }
.box_skitter_mhka .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0; }
.box_skitter_mhka .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.box_skitter_mhka .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; }
.box_skitter_mhka .box_scroll_thumbs { padding: 0; }
.box_skitter_mhka .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333; }
/* =Dots
-------------------------------------------------------------- */
.box_skitter_mhka .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.box_skitter_mhka .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .info_slide_dots .image_number:hover { background: #000; }
.box_skitter_mhka .info_slide_dots .image_number_select, .box_skitter_mhka .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0; }
/* =Loading
-------------------------------------------------------------- */
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/loading.gif) no-repeat left top; width: 32px; height: 32px; }
/* =Label
-------------------------------------------------------------- */
.box_skitter_mhka .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; color: #fff; display: none; opacity: 0.8; background: #000; height:45px; }
.box_skitter_mhka .label_skitter p { padding: 5px 10px; margin: 0; font: normal 15px Trebuchet MS; letter-spacing: -1px; }
.box_skitter_mhka .label_skitter p a{color:#fff;font: normal 17px Trebuchet MS; text-decoration:underline;}
.box_skitter_mhka .label_skitter p a:hover{ text-decoration:none;}
.box_skitter_mhka .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 1px; width: 740px; z-index: 99; border-radius: 10px; }
/* =Preview slide
-------------------------------------------------------------- */
.box_skitter_mhka .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden; }
.box_skitter_mhka .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0; }
.box_skitter_mhka .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; }
.box_skitter_mhka .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important; }
/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000; }
.box_skitter_mhka .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter_mhka .play_pause_button.play_button { }
.box_skitter_mhka .play_pause_button:hover { opacity: 0.5 !important; }
.box_skitter_mhka .focus_button:hover { opacity: 0.5 !important; }
/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_mhka_large { width:750px; height: 500px; }
.box_skitter_mhka_small { width: 200px; height: 100px; }
/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url('../images/sprite-clean.png') no-repeat; }
.skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px; }
.skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px; }
.skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px; }
.skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px; }
.skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px; }
.skitter-clean .info_slide { background: transparent; }
.skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333; }
.skitter-clean .info_slide .image_number:hover { background: #ccc; }
.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color:#fff; }
.skitter-clean .info_slide_dots { bottom: 10px; background: rgba(255,255,255,0.8); box-shadow: rgba(0,0,0,0.3) 1px 1px 0; }
.skitter-clean .info_slide_dots .image_number { width: 14px; height: 14px; background: #999; }
.skitter-clean .info_slide_dots .image_number:hover { background: #333; }
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #111; }
.skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0; }
/* =Square theme
-------------------------------------------------------------- */

.skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button { display: block; background: url('../images/sprite-square.png') no-repeat; }
.skitter-square .play_pause_button { background-position: -55px -0px; width: 55px; height: 55px; top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; margin-top:0; }
.skitter-square .play_pause_button.play_button { background-position: -0px -0px; width: 55px; height: 55px; }
.skitter-square .focus_button { background-position: -55px -55px; width: 55px; height: 55px; top: 10px !important; left: 65px !important; bottom: auto !important; right: auto !important; margin-top:0; }
.skitter-square .next_button { background-position: -0px -55px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 10px; }
.skitter-square .prev_button { background-position: -0px -110px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 65px; }
.skitter-square .info_slide { background: transparent; }
.skitter-square .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333; }
.skitter-square .info_slide .image_number:hover { background: #ccc; }
.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover { background: #111; color:#fff; }
.skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #ccc; }
.skitter-square .info_slide_dots .image_number:hover { background: #999; }
.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover { background: #555; }
.skitter-square .progressbar { top:0 !important; left: 0 !important; width: 100%; background: #fff; border-radius: 0; height: 2px; }