/* www.icreate.at - panobox,scrollable,tooltip,codrops */

/* GLOBAL - special for Pano */
html, body, div, ul {margin:0;padding:0;}

/* PANOBOX BASIC - Scroll below */
.panobox {background:#fff;color:#000;float:left;font:normal 12px Verdana,sans-serif;text-align:center;width:900px;}
.panobox iframe {border:none;height:386px;width:900px;position:relative;z-index:1;}
.panobox .thumbs {background:#fff url(jtools/h300.png) repeat-x;border:0px solid #ccc;float:left;margin:0;padding:0 20px;width:860px;}
/* scrollable-horizontal.css */
.panobox .scrollable {float:left;height:100px;overflow:hidden;position:relative;width:780px;}
.panobox .scrollable .items {clear:both;position:absolute;width:20000em;} 
.panobox .items div {float:left;}
.panobox .scrollable a:hover {background:none;}
.panobox .scrollable img {cursor:default;background:#fff;border:1px solid #999;margin:15px 4px 20px 20px;padding:2px;
	width:120px;height:60px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.panobox .scrollable .active, .panobox .scrollable img:hover
	{border:2px solid #111;cursor:default;margin:14px 3px 19px 19px;position:relative;}
.panobox .scrollable img:hover {cursor:pointer;}
/* scrollable-buttons.css */
.panobox a.browse {background:url(jtools/hori_large.png) no-repeat;display:block;width:30px;height:30px;
	float:left;margin:30px 10px;cursor:pointer;font-size:1px;}
.panobox a.right {background-position:0 -30px;clear:right;margin-right:0px;}
.panobox a.right:hover {background-position:-30px -30px;}
.panobox a.right:active {background-position:-60px -30px;} 
.panobox a.left {margin-left:0px;} 
.panobox a.left:hover {background-position:-30px 0;}
.panobox a.left:active {background-position:-60px 0;} 
.panobox a.disabled {visibility:hidden !important;}


/* PANOBOX EXTEND - Scroll inside */
.panobox-1 {background:#fff;color:#000;float:left;font:normal 12px Verdana,sans-serif;text-align:center;width:900px;
	position:relative;height:510px;margin-top:2px;}
.panobox-1 a {color:#555;outline:none;text-decoration:none;}
.panobox-1 a:hover {color:#000;}
.panobox-1 a img, .panobox-1 a img:hover {border:none;}
.panobox-1 ul {list-style:none;}
/* Header Section */
.panobox-1 .top {background:#fff;filter:alpha(opacity=40);opacity:0.4;height:28px;position:absolute;top:0;width:899px;z-index:2;}
.panobox-1 .top:hover {filter:alpha(opacity=80);opacity:0.8;}
.panobox-1 .ilogo {background:#fff;border:1px solid #555;height:65px;padding:0 5px;position:absolute;left:10px;top:2px;
	text-align:center;width:200px;z-index:5;
	-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px;}
.panobox-1 .top h1 {margin:0;}
.panobox-1 .top p {color:#111;font-size:12px;font-weight:bold;float:right;margin:2px 15px;padding:2px 0;}
/* Header Section End */
.panobox-1 iframe {border:none;height:507px;width:899px;position:absolute;left:0;top:0;z-index:1;}
/* Footer Section */
.panobox-1 .foot {background:#fff;filter:alpha(opacity=40);opacity:0.4;height:100px;position:absolute;top:411px;width:899px;z-index:2;}
.panobox-1 .nav {background:transparent;color:transparent;height:28px;position:absolute;top:382px;width:899px;z-index:3;}
.panobox-1 .nav:hover {background:#333;filter:alpha(opacity=50);opacity:0.5;}
.panobox-1 .nav ul {display:none;}
.panobox-1 .nav:hover ul {display:block;}
.panobox-1 .nav li a {float:left;font-size:14px;color:#999;margin:0;padding:5px 0;text-align:center;text-transform:uppercase;width:150px;}
.panobox-1 .nav li a:hover {background:#fff;filter:alpha(opacity=100);opacity:1;color:#000;font-weight:bold;}
/* Footer Section End */
.panobox-1 .thumbs {background:none;margin:0;padding:0 20px;position:absolute;top:410px;width:860px;z-index:999;}
/* scrollable-horizontal.css */
.panobox-1 .scrollable {float:left;height:100px;overflow:hidden;position:relative;width:780px;}
.panobox-1 .scrollable .items {clear:both;position:absolute;width:20000em;} 
.panobox-1 .items div {float:left;}
.panobox-1 .scrollable a:hover {background:none;}
.panobox-1 .scrollable img {cursor:pointer;background:#fff;border:1px solid #111;margin:15px 4px 20px 20px;padding:2px;
	width:120px;height:60px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.panobox-1 .scrollable .active, .panobox-1 .scrollable img:hover
	{border:2px solid #111;margin:14px 3px 19px 19px;position:relative;}
/* scrollable-buttons.css */
.panobox-1 a.browse {background:url(jtools/hori_large.png) no-repeat;display:block;width:30px;height:30px;
	float:left;margin:30px 10px;cursor:pointer;font-size:1px;}
.panobox-1 a.right {background-position:0 -30px;clear:right;margin-right:0px;}
.panobox-1 a.right:hover {background-position:-30px -30px;}
.panobox-1 a.right:active {background-position:-60px -30px;} 
.panobox-1 a.left {margin-left:0px;} 
.panobox-1 a.left:hover {background-position:-30px 0;}
.panobox-1 a.left:active {background-position:-60px 0;} 
.panobox-1 a.disabled {visibility:hidden !important;}

/* tooltip.css */
.tooltip {display:none;background:transparent url(jtools/white_arrow2.png);
	font:normal 12px Verdana,sans-serif;height:60px;width:130px;padding:20px 20px;color:#000;position:relative;z-index:9999;}
.tooltip strong {display:block;margin-bottom:5px;}


/* PANOBOX CODROPS - Scroll vertikal */
.panobox-3 {background:#fff;color:#000;float:left;font:normal 12px Verdana,sans-serif;text-align:center;width:900px;
	position:relative;height:510px;margin-top:2px;}
.panobox-3 a {color:#555;outline:none;text-decoration:none;}
.panobox-3 a:hover {color:#000;}
.panobox-3 a img, .panobox-3 a img:hover {border:none;}
.panobox-3 ul {list-style:none;}
/* Header Section */
.panobox-3 .top {background:#fff;filter:alpha(opacity=50);opacity:0.5;height:28px;position:absolute;top:0;width:899px;z-index:5;}
.panobox-3 .top:hover {filter:alpha(opacity=80);opacity:0.8;}
.panobox-3 .ilogo {background:#fff;border:1px solid #555;height:65px;padding:0 5px;position:absolute;left:10px;top:2px;
	text-align:center;width:200px;z-index:5;
	-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px;}
.panobox-3 .top h1 {margin:0;}
.panobox-3 .top p {color:#111;font-size:12px;font-weight:bold;float:right;margin:2px 15px;padding:2px 0;}
/* Pano Content */
.panobox-3 iframe {border:none;height:507px;width:899px;position:absolute;left:0;top:0;z-index:2;}
/* Footer Section */
.panobox-3 .foot {background:#fff;filter:alpha(opacity=50);opacity:0.5;height:30px;position:absolute;bottom:0;width:899px;z-index:3;}
.panobox-3 .foot p {color:#333;font-size:14px;margin:2px 0;}
.panobox-3 .foot span {float:right;margin-right:10px;text-align:right;width:200px;}
.panobox-3 .foot a {color:#8E3557;background:none;}
.panobox-3 .nav {background:#555;height:30px;position:relative;top:0;width:899px;z-index:3;}

/* CODROPS Scrolling Thumbs */
/* Navigation Style */
ul.menu{list-style:none;font:normal 15px "Trebuchet MS", Arial, sans-serif;text-transform:uppercase;letter-spacing:normal;
	background:#fff;line-height:1.45em;position:absolute;bottom:31px;left:0;height:30px;width:899px;z-index:3;
	filter:alpha(opacity=70);opacity:0.7;}
ul.menu li{float:left;position:relative;bottom:0;height:100%;width:150px;border-right:1px solid #999;}
ul.menu li > a{position:absolute;bottom:0;left:0;width:150px;height:30px;text-align:center;line-height:30px;color:#333;
    background:#fff;letter-spacing:1px;cursor:pointer;text-decoration:none;}
ul.menu li a:hover {background:#333;color:#fff;}
/* Thumb Scrolling Style */
div.sc_menu_wrapper {position:absolute;height:304px;width:170px;overflow:hidden;bottom:0px;left:0px;visibility:hidden;z-index:5;}
div.sc_menu {background:#fff;width:150px;visibility:hidden;}
.sc_menu a {display:block;background:#000;border-top:1px solid transparent;color:#fff;text-align:center;}
.sc_menu img {display:block;border:none;width:150px;}