/* Generic */
html {height: 100%;}
body {background: url(../images/bkg-main.gif) repeat #131f2a; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; height:100%;}
a img {border: none;}
a:active, a:visited, a:focus {outline: none;}
focus {-moz-outline-style: none;}

noscript div {background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px;}
.clear {clear: both;}

/* Container */
#container {padding: 0; /*background: url(../images/bkg-content.gif) repeat-x top;*/ height: 100%;}

/* Header */
#header {width: 100%; height: 118px;}
#header .wrapper {position: relative; width: 940px; margin: 0 auto; padding-top: 40px;}
#header #background {position: absolute; z-index: 0; text-align: center;}
#header #logo {float: left; position: relative;}
#header #logo a {width: 145px; height: 53px; background: url(../images/logo-sinus.png) no-repeat top left; display: block; text-decoration: none;}
#header #logo a:hover {background-position: bottom;}
#header #logo a strong {visibility: hidden;}

#header #lang {float: right; position: absolute; top: 7px; left: 850px;}
#header #lang ul {clear: both; margin: auto; overflow: hidden;}
#header #lang ul li {width: 16px; height: 16px; display: inline; display: block; float: left; padding: 0 7px 0 0;}
#header #lang ul li.at a {background: url(../images/lang.png) no-repeat top left;}
#header #lang ul li.at a:hover, #header #lang ul li.at a.current {background-position: 0 0;}
#header #lang ul li.rs a {background: url(../images/lang.png) no-repeat -16px -16px;}
#header #lang ul li.rs a:hover, #header #lang ul li.info a.current {background-position: -16px 0;}
#header #lang ul li em {visibility: hidden;}
#header #lang ul li a {text-decoration: none; display: block;}

/* Navigation */
.coda-nav {float: right; position: relative; padding-top: 17px;}
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden;}
.coda-nav ul li {display: inline; display: block; float: left;}
.coda-nav ul li.home a {width: 67px; background: url(../images/navigation-at.png) no-repeat 0 -20px;}
.coda-nav ul li.home a:hover, .coda-nav ul li.home a.current {background-position: 0 0;}
.coda-nav ul li.info a {width: 96px; background: url(../images/navigation-at.png) no-repeat -67px -20px;}
.coda-nav ul li.info a:hover, .coda-nav ul li.info a.current {background-position: -67px 0;}
.coda-nav ul li.shop a {width: 124px; background: url(../images/navigation-at.png) no-repeat -163px -20px;}
.coda-nav ul li.shop a:hover, .coda-nav ul li.shop a.current {background-position: -163px 0;}
.coda-nav ul li.contact a {width: 93px; background: url(../images/navigation-at.png) no-repeat -287px -20px;}
.coda-nav ul li.contact a:hover, .coda-nav ul li.contact a.current {background-position: -287px 0;}
.coda-nav ul li em {visibility: hidden;}
.coda-nav ul li a {text-decoration: none; display: block;}

/* Slide Navigation */
#slidenav {margin: 0 auto; padding: 0; width: 1040px;}
#coda-nav-left-1, #coda-nav-right-1 {display: block; padding-top: 50px;}
#coda-nav-left-1 {float: left;}
#coda-nav-right-1 {float: right;}
.coda-nav-left a, .coda-nav-right a {padding: 0; width: 46px; height: 41px;}

.coda-nav-left a {background:url(../images/nav-slide.png) no-repeat top left;}
.coda-nav-left a:hover {background-position: bottom left;}
.coda-nav-right a {background:url(../images/nav-slide.png) no-repeat top right;}
.coda-nav-right a:hover {background-position: bottom right;}

/* Content slider */
#coda-slider-1 {width: 910px; margin: 0 0 0 20px;}
.coda-slider-wrapper {width: 1040px; margin: 0 auto; padding: 40px 40px 0 40px; clear: both; overflow: auto;}
.coda-slider {width: 920px;}
.coda-slider .panel {width: 920px; font-size: 14px; line-height: 22px; color: #ffffff;} /* Change the width of the entire slider (without dynamic arrows) */
.coda-slider .panel-wrapper {padding: 10px 25px 30px 25px; margin: 0 0 20px 0;} /* Panel padding */

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {height: 200px; overflow: auto !important;}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 880px;}
.coda-slider-wrapper.arrows .coda-slider {margin: 0 10px;}

/* Preloader */
.coda-slider p.loading {padding: 20px; text-align: center;}

/* Miscellaneous */
/*.coda-slider-wrapper {}*/
.coda-slider {float: left; overflow: hidden; position: relative;}
.coda-slider .panel {display: block; float: left; background-color: #131f2a;}
.coda-slider .panel-container {position: relative;}
.coda-nav-left, .coda-nav-right {float: left;}
.coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none;}

/* Layout */
.panel h1.title {margin-bottom: 10px; padding: 20px 0;}
.panel h2 {font-weight: normal; font-size: 22px; padding: 20px 0 0 0;}
.panel p {padding: 0 10px 0 0;}
.panel p a {color: #71caef; text-decoration: underline;}
.panel p a:hover {text-decoration: none;}
.panel .image-home {float: right; margin: -10px 10px 0 15px;}
.panel ul {padding: 0 0 0 20px; list-style: none outside url("../images/bullet.png");}
.panel ul li {padding: 0 0 3px 0;}

/* Products */
.prodholder {display: block; margin-top: 35px;}
.prodholder img {float: left;}
.prodholder ul, .prodholder h2 {margin-left: 170px; padding-top: 0;}

/* Contact */
.table-row {margin: 5px auto 0 auto; padding: 0;}
.table-row strong {font-size: 16px;}
.left-container, .right-container {margin: 5px 0; width: 385px;}
.left-container {float: left;}
.right-container {float: right;}
.space-line {clear: both; margin: 0; padding: 0; width: auto;}
span.codedirection {direction: rtl; unicode-bidi: bidi-override;}

/* Footer */
#footer {width: 100%; padding-bottom: 30px;}
#footer .wrapper {position: relative; width: 910px; margin: 0 auto;}
#footer p {font-size: 10px; color: #71caef;}
#footer p a {color: #ffffff; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}

/* 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: 11px; color: #fff; padding: 4px 8px; border: 1px solid rgba(97,211,255,1); background-color: rgb(97,211,255); background-color: rgba(97,211,255,0.92); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#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(97,211,255,1);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff; border-bottom-color: rgba(97,211,255,1);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff; border-right-color: rgba(97,211,255,1);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff; border-left-color: rgba(97,211,255,1);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px; margin-left: -6px; border-top-color: rgb(97,211,255); border-top-color: rgba(97,211,255,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(97,211,255); border-bottom-color: rgba(97,211,255,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: rgb(97,211,255); border-right-color: rgba(97,211,255,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px; margin-left: -7px; border-left-color: rgb(97,211,255); border-left-color: rgba(97,211,255,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);}
}