/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
#menu {
    z-index:100;
    height:32px;
	width:600px;
	margin:auto;
	float:left;
}
#menu .menu {
    position:absolute;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding:7px 15px 7px 15px;

    white-space:nowrap;
}
#menu li {
    float:left;
    background:#fff;
}
#menu li li {
    float:none;
    _border:1px solid #c4c4c4; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(images/pix.gif);
}
#menu div div {
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#ababab;
    position:relative;
    z-index:77;
}
#menu a:hover {
    background:url(images/back.png);
    color:#bbb;
}
#menu a:hover span { color:#bbb; }
#menu>ul>li:hover>a {
    background:url(images/back.png);
    color:#bbb;
}
#menu>ul>li:hover>a span { color:#bbb; }
#menu span {
    text-transform:uppercase;
    font:12px/18px Arial, Helvetica, Sans-serif;
    color:#fff;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li li a:hover { background:#e24efb; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
    display:block;
    text-transform:none;
    line-height:16px;
    padding:4px 25px 4px 14px;
    font-size:11px;
}
#menu li div { background:url(images/back.png); }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#c4c4c4;
}
#menu li li li { _border:1px solid #c4c4c4; }
#menu div div div { _background:#c4c4c4; }
#menu li li li li { _border:1px solid #c4c4c4; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:32px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:32px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}

div#copyright { display: none; }@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'SteinerRegular';
    src: url('../fonts/font-face/steinerlight-webfont.eot');
    src: url('../fonts/font-face/steinerlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-face/steinerlight-webfont.woff') format('woff'),
         url('../fonts/font-face/steinerlight-webfont.ttf') format('truetype'),
         url('../fonts/font-face/steinerlight-webfont.svg#SteinerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { 	background:#000;
		font-family:Arial, Helvetica, sans-serif;
		line-height:20px;
		font-size:14px;
		color:#ddd;
		padding-top:15px;
}

#wrap {
	background:url('../img/back.png') repeat-x  #000;
	background-position:bottom; 
	padding-bottom:10px;
}

#logo {
	width:150px;
	margin:auto;
	padding-top:10px;
}

a img { border:none; }

div.contact {
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	font-size:12px;
	margin-top:-45px;

	float:right;
}

*+html div.contact { margin-top:-60px }

div.contact_over { 
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	font-size:12px;
	margin-top:-45px;
	background:#666;
	float:right;
}

*+html div.contact_over { margin-top:-60px }

div.contact a { color:#FFF; text-decoration:none; }  
div.contact_over a { color:#FFF; text-decoration:none; }  


#contact {
	text-align:center;
	font-size:12px;	
	padding-top:50px;
}

#contact a {
	color:#b5b5b5;
	text-decoration:none;
}

#contact a:hover{
	text-decoration:underline;
}

h1 {
	font-size:22px;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px 0px 10px 0px;
	color:#b5b5b5;
	}

#content {
	width:900px;
	height:520px;
	background:url('../img/back_content.png') no-repeat 250px;
	margin:auto;
	margin-top:20px;
}

*+html #content { /*background:url('../img/back_content.gif') no-repeat 250px -10px;*/ }

#content-txt { width:650px; float:right; min-height:480px; overflow:auto;  }

#content-txt h1 { font-family: 'SteinerRegular'; }

#content-txt a { color:#b5b5b5; text-decoration:none;}
#content-txt a:hover { color:#ffffff; text-decoration:none; }

#content-txt input[type=text] { background:#000; color:#ccc; border:1px solid #666; width:250px; }

#content-txt textarea { background:#000; color:#ccc; border:1px solid #666; width:250px; height:150px; }

#content-txt p { width:500px; font-size:12px;  }



/*div.slideshow {
	width:300px;
	height:400px;
	border:1px solid #333;
	background:#000;
	float:left;
}

div.slideshow_img {
	width:300px;
	margin:auto;

}*/
#left{
	width:180px;
	float:left;
	font-size:12px;
	line-height:16px;
}

#left li { list-style-image:url('../img/li.gif'); border-bottom:1px dotted #666; padding:3px 0px 3px 0px; }
#left li.current a { color:#fff; }
#left li a { color:#b5b5b5; text-decoration:none; }
#left li a:hover { color:#fff; }

#left li.sub, #left li.sub_current { list-style:none; border-bottom:1px dotted #222;padding:3px 0px 3px 20px; }
#left li.sub a { color:#666; text-decoration:none;font-size:11px; }
#left li.sub_current a { color:#fff; text-decoration:none;font-size:11px; }



#left li.sub a:hover { color:#fff; }

#right {
	width:420px;
	float:right;
	font-size:12px;
	line-height:16px;
}

#footer {
	color:#424242;
	font-size:10px;
	margin:auto;
	margin-top:20px;
	width:900px;
}

*+html #footer { margin-top:40px; }

#footer a { 
	color:#424242;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
}	

div.footer-content { float:left;margin:10px 60px 0px 0px; }


#news { font-size:12px; margin-bottom:20px; }

div.gallery_thumb { float:left; }
div.gallery_thumb img { border:2px solid  #999;  }
div.gallery_title { float:left; margin:10px 0px 0px 25px; }
div.gallery_item { border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:10px; }
div.gallery_linked { border-top:1px solid #333; padding-top:10px;  }

div.news_item { padding-bottom:10px; margin-bottom:10px; }
div.news_date { float:left; width:100%; background:#262626; padding:2px;margin-bottom:10px; }
div.news_title { float:left; margin:0px 0px 0px 0px; }



/* ------ LOGIN BOX ------ */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:200px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background:#333;
  -moz-border-radius: 40px; border-radius: 40px;
  border:5px solid #444;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:250px; 
  height:203px;
}

#boxes #dialog input[type=text], #boxes #dialog input[type=password] { background: #999; border:1px solid #ccc; height:20px; width:220px; }
#boxes #dialog input[type=submit], #boxes #dialog input[type=button] { background:#000; color:#fff; -moz-border-radius:12px; border-radius: 12px; border:none; width:50px;  }

#boxes #dialog a { color:#fff; text-decoration:none; }

div.product_thumb { float:left;margin-right:10px;margin-bottom:5px; }
div.product_thumb img { border:1px solid #333; }

#product_img {float:left;width:300px;margin-right:20px; }

#google_map { position:absolute; width:300px; height:220px; margin-top:20px; }


#message { width:250px; background:#ff5858; color:#fff; padding:2px; margin-bottom:10px; }

input[type=button] { background:#000; padding:2px; color:#fff; border:1px solid #666; cursor:pointer; }
div.content-gallery {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px; 
}
div.content-gallery a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content-gallery a:focus, div.content-gallery a:hover, div.content-gallery a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;

	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 600px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 3px solid #333;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 3px solid #999;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #222;
}
div.pagination a:hover {
	background-color: #333;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: none;
	border-color: #666;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #222;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #000;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: #000;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #333;
	background-color: #000;
}


/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider1 {
    position:relative;
    width:200px; /* Change this to your images width */
    height:150px; /* Change this to your images height */
    background:url('../img/loader.gif') no-repeat 50% 50%;
    margin-bottom:10px;
}
#slider1 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider1 a {
    border:0;
    display:block;
}

#slider2 {
    position:relative;
    width:200px; /* Change this to your images width */
    height:150px; /* Change this to your images height */
    background:url('../img/loader.gif') no-repeat 50% 50%;
    margin-bottom:10px;
}
#slider2 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider2 a {
    border:0;
    display:block;
}

#slider3 {
    position:relative;
    width:200px; /* Change this to your images width */
    height:150px; /* Change this to your images height */
    background:url('../img/loader.gif') no-repeat 50% 50%;
    margin-bottom:5px;
}
#slider3 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider3 a {
    border:0;
    display:block;
}#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('../img/loader.gif') no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('../img/close.png');}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}