/*body, font, colors*/
html {overflow-x:hidden; height: 100%; min-height: 100%;}
body {margin:0px; background: #fff url(../img/shadow.jpg) repeat-y top center; color: #2d2d2d; height: 100%; min-height: 100%; margin: 25px 0 0 0 ;}
body {font-family:Trebuchet MS, tahoma,verdana,arial,helvetica,sans-serif; font-size:13px; line-height:130%; text-align:left;}
img  {border:0px;}

form, fieldset, label, select {margin: 0px; padding: 0px; border: 0px;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right}

.fll {float: left;}
.flr {float: right;}
.fln {float: none;}

ul, li {margin: 0px; padding: 0px; list-style: none; list-style-image: none; list-style-type: none;}

/* text, header,float, links*/

h5      {display:block;line-height:100%; margin: 0px; padding: 0px; position: relative;}
h4      {display:block;line-height:100%; margin: 0px; padding: 0px; position: relative;}
h3      {display:block;line-height:100%; margin: 0px; padding: 0px; position: relative;}
h2      {display:block;line-height:100%; margin: 0px; padding: 0px; position: relative;}
h1      {display:block;line-height:100%; margin: 0px; padding: 0px; position: relative;}
p       {display:block; font-weight: lighter}
strong  {color:#46101c; font-weight: bold;}
::-moz-selection {background: #cc1534; color: #fff;}
::selection      {background: #cc1534; color: #fff; }
div.content span, div.content a , div.content strong, div.content img {position: relative;}


/* normal links */
a {font-weight: bold;}

a:link    {color:#691f2f}
a:visited {color:#691f2f;}
a:hover   {color:#8b2037;}
a:active  {color:#691f2f}

/* MAIN DIVS*/

#wrap   {margin:-72px auto 0; position:relative; width:989px; z-index:2;}
#header {height: 270px; background: url(../img/header.png) no-repeat; float: none; clear: both}
#main-content {padding: 15px 15px 15px 24px; float: none; clear: both; }
#main-content-wide {padding: 15px 15px 15px 12px; float: none; clear: both; }
#left   {width: 667px; float: left;clear: none; margin-right: 15px; min-height: 100% ; height: 100%}
#right  {width: 268px; float: left;clear: none; min-height: 100% ; height: 100%}
#fotter {width: 989px;margin: 0 auto; height: 79px; background: url(../img/futer_b.jpg) no-repeat; float: none; clear: both; padding-bottom: 15px;}
.bottomShadow { background: url(../img/bottom_shadow.jpg) no-repeat top center; height:94px; position:relative; margin:-94px auto 0; z-index: -1}
.topShadow    {background:transparent url(../img/top_shadow.jpg) no-repeat scroll center top; height:94px; margin:-25px auto 0; position:relative;z-index:0;}
#main-content-wide #left {width: 965px; float: left;clear: none; margin-right: 15px; min-height: 100% ; height: 100%}
#main-content-wide div.title {background: url(../img/h2_title_main_wide.jpg) no-repeat; height:53px; width: 965px;padding-left: 10px; padding-top: 10px}
#main-content-wide div.content {background: url(../img/back_content-wide.jpg) repeat-y center; padding:10px 15px; margin: 0px; min-height: 733px; margin-bottom: 15px; text-align: justify; padding-top: 0px; border-bottom: 1px #e6e6e6 solid; }
#main-content-wide span.topshadow {background:none}


/* page elements */

/* left */

div.title {background: url(../img/h2_title_main.png) no-repeat; height:53px; width: 667px;padding-left: 10px; padding-top: 10px}
h2.title  {color: #fff; font-size:16px; font-weight: bold;}
h3.title  {color: #dadada; font-size:12px; font-weight: bold; margin-top: 3px;}
div.content {background: url(../img/back_content.gif) repeat-y center; padding:10px 15px; margin: 0px; min-height: 733px; margin-bottom: 15px; text-align: justify; padding-top: 0px; border-bottom: 1px #e6e6e6 solid; }
span.topshadow {background:url(../img/content_shadow_up.gif) no-repeat top center; height: 34px; display:block; margin-left:-15px; width:667px; position: absolute!important;}
div.content p {margin: 0px; margin-bottom: 10px; position: relative;}
.content   table   {border: #d2d2d2 0 0 1px 1px solid;}
.content   td      {border: #d2d2d2 1px 1px 0 0 solid;}


/*right*/
div.title_right {background: url(../img/title_right.jpg) no-repeat; height:41px; width: 268px;padding-left: 10px; padding-top: 10px}
h2.title_right  {color: #fff; font-size:16px; font-weight: bold;}
h3.title_right  {color: #dadada; font-size:12px; font-weight: bold; margin-top: 3px;}
div.content_right {background: url(../img/title_right_back.jpg) repeat-y center; padding:10px 15px; margin: 0px; min-height: 185px; margin-bottom: 15px; text-align: justify; padding-top: 0px; border-bottom: 1px #e6e6e6 solid }
span.topshadow_right {background:url(../img/title_right_shadow.jpg) no-repeat top center; height: 34px; display:block; margin-left:-15px; width:268px; position: absolute;}
div.content_right p {margin: 0px; margin-bottom: 10px; position: relative;}
#right .WebService .subtitle {padding-top: 10px; text-align: center;}
.flag {position: absolute; width: 16px; height: 11px;margin-left:5px;}
.eur  { background: url(../img/eur.gif); margin-top:56px;}
.chf  { background: url(../img/chf.gif); margin-top:85px; width: 11px; margin-left: 7px;}
.usd  { background: url(../img/usd.gif); margin-top:114px;}

.eur  { background: url(../img/eur.gif); margin-top:47px\9;}
.chf  { background: url(../img/chf.gif); margin-top:69px\9; width: 11px; margin-left: 7px;}
.usd  { background: url(../img/usd.gif); margin-top:90px\9;}


/* Menu */
#menu {clear:both; float:none; left:10px; position:relative; top:232px;}
#menu ul      {display:block; height:35px; width:944px; }
#menu ul li   {float: left; width: auto; color: #fff; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; left: 7px; }
#menu ul li a         {font-size:13px; font-weight:bold; line-height:27px; padding:0 18px;}
#menu ul li a:link    {width: auto; color: #c11230; text-decoration: none;}
#menu ul li a:visited {width: auto; color: #c11230; text-decoration: none;}
#menu ul li a:hover   {width: auto; color: #000}
#menu ul li a:active  {width: auto; color: #c11230; text-decoration: none;}
#menu .active         {padding:0;}
#menu .active span    {float:left; display: block; }
#menu .hereMenuLeft   {background: url(../img/menu_left.gif) no-repeat;  width: 8px; height: 29px;}
#menu .hereMenuRight  {background: url(../img/menu_right.gif) no-repeat; width: 8px; height: 29px;}
#menu .linkText       {font-size:13px; font-weight:bold; line-height:28px; padding:0 10px;background: url(../img/menu_back.gif) repeat-x; height: 29px;}
a                     {outline: none;}
a:hover, a:active, a:focus {outline: none;}


/*Ajax Search */
#search {margin-left:652px; position:absolute; width:295px;}
#ajaxSearch_form {width:auto}
#ajaxSearch_input{-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px #c11230 solid; width:205px; display:inline; height:19px; background:#fff url(images/input-bg.gif) repeat-x top left;  margin:-2px 3px 0 0;  padding:3px 0 0 5px;  vertical-align:top; color:#424242}
#ajaxSearch_submit {display:inline;  height:25px;  line-height:20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #d51736; color: #fff; margin-top: -2px; border: 0; padding-bottom: 3px}
#ajaxSearch_submit:hover {color: #fff}
#ajaxSearch_submit:active {color: #fff}
#searchClose {left:190px; position:absolute; top:20px; z-index:1001;}
#indicator   {left:170px; position:absolute; top:20px; z-index:1001;}


#ajaxSearch_output{ border:1px solid #444;  padding:10px;  background:#fff;  display:block;  height:auto;  vertical-align:top; position: relative; z-index: 1000; width: 189px}
.AS_ajax_result{ margin-bottom:3px}
.AS_ajax_resultLink{ text-decoration:underline}
.AS_ajax_resultDescription{ color:#555}
.AS_ajax_more{ color:#555}

/* Forms */
#ContactForm label {float: none; display: block; clear: both; margin: 15px 0; width: 235px;}
#ContactForm input {float: left; margin-top: -16px; margin-left: 100px; width: 200px}
#ContactForm #cfContact {float: left; margin-top: -5px; background: #d51736; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px; background: url(../img/menu_back.gif) repeat-x; height: 23px; padding-bottom:3px; width: 115px; margin-left: 5px; }
#ContactForm #cfContact:hover {float: left; margin-top: -5px; background: #fff; color: #d51736; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px; height: 23px; padding-bottom:3px; }
.submit {float: left; background: #d51736; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px; background: url(../img/menu_back.gif) repeat-x; height: 23px; padding-bottom:3px }
.submit:hover {float: left; background: #fff; color: #d51736; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px; height: 23px; padding-bottom:3px }
#cfMessage {width: 300px;}


/*Content */
.content ul li {padding-left: 10px; list-style:disc; list-style-position: inside; list-style-type: disc;}


/* Mini calendar */
#emMini .calendarPopup {background:transparent url(../img/calendar.png) no-repeat scroll 0 0; cursor:pointer; display:block; float:right; height:30px; margin-right:22px; margin-top:-52px; width:30px;}
#calendarSelect        {position: relative; z-index: 100}
#calendarMini          {background:#FFFFFF none repeat scroll 0 0; margin-left:127px; margin-top:-10px; padding:5px; position:absolute; border: 1px #eee solid ; border-top: 0px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
#calendarToday         {background:#8B2037 none repeat scroll 0 0; color:#FFFFFF; display:block; font-weight:bold; left:197px; padding:2px 5px; position:relative; top:15px; width:44px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; }

/*Languages select */
#lang {margin-left: 528px; position: absolute; top: 16px;}
#lang .langSelect a {padding: 2px 7px; font-size: 11px; background:#cc1534; color: #fff;-moz-border-radius: 6px; -webkit-border-radius: 6px; }
#lang .langSelect a:link     {text-decoration: none;}
#lang .langSelect a:visited  {text-decoration: none;}
#lang .langSelect a:hover    {text-decoration: underline;}
#lang .langSelect a:active   {text-decoration: none;}

/* Kursna Lista*/
.WebService        {font-size:11px; }
.productDimensions {width: 236px; text-align: right; margin-top: 20px; font-size:11px; padding-right: 2px; }
.productDimensions tr {border-bottom:1px solid #E5C4C1; display:block; margin-bottom:5px;}
.productDimensions td {width:55px;}

/* Ditto Listing & Pagination */
.content .ditoListItem {float: none; clear: both; margin-bottom: 10px; height: 133px; margin-right: 15px; border-bottom: 1px #8B2037 solid; padding-top: 7px;}
.content .ditoListItem .thumb        {float: left; margin-right: 15px; width: 51px;}
.content .ditoListItem .thumb a      {}
.content .ditoListItem .title        {float: left; font-size: 14px; font-weight: bold; color: #8B2037 ;}
.content .ditoListItem .date         {float: right; color: #691F2F; font-size: 9px;}
.content .ditoListItem .summaryNews  {float:left; margin-bottom:5px; margin-top:10px; width:555px;}
.content .ditoListItem .link         {float: right}

#NewsSlide  {position: relative;}
#NewsSlide .ditoListItem               {border-bottom:1px solid #8B2037; margin-bottom:10px; min-height:150px; padding-top:12px;}
#NewsSlide .ditoListItem .thumb        {float: left; margin-right: 15px; width: 51px;}
#NewsSlide .ditoListItem .thumb a      {}
#NewsSlide .ditoListItem .title        {color:#8B2037; float:left; font-size:14px; font-weight:bold; width:170px; text-align: left;}
#NewsSlide .ditoListItem .date         {float: right; color: #691F2F; font-size: 9px; margin-top: 5px}
#NewsSlide .ditoListItem .summaryNews  {float:right; margin-bottom:5px; margin-top:10px; width:236px; font-size: 11px;}
#NewsSlide .ditoListItem .link         {float: none; clear: both; display: block; margin-bottom: 5px;}

.paginationRow                      {float: left; margin-top: 4px; margin-bottom: 6px;}
#paginationRow                      {float: right; margin-top: -3px; }
#paginationRow a                    {background:#fff;border:1px #8B2037 solid; color:#8B2037; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #8B2037 solid;float: left;}
#paginationRow a:hover              {background:#fff;border:0; color:#8B2037; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #D2D2D2 solid;float: left;}
.paginationRow span                 {display: inline;}
.paginationRow strong               {color: #919191!important}
.ditto_previous_off,.ditto_next_off {background:#fff;border:0; color:#8B2037; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #fff solid; display:block; float: left;}
.ditto_currentpage                  {background:#8B2037;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #D2D2D2 solid; float: left;}
.ditto_page                         {}
.ditto_next_link                    {}

/*Slider*/

.anythingSlider                {width: 238px; height: 220px; position: relative; }
.anythingSlider .wrapper       {width: 238px; height: 250px;  overflow: auto; position: absolute; top: 0; left: 0;}
.anythingSlider .wrapper ul    {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li          {display: block; float: left; padding: 0; width: 238px; margin: 0; }
#SlideAnimation span {position: absolute; z-index: 2; width: 235px; height: 195px; background:transparent url(../img/SlideSummaryBack.png) repeat; padding: 15px; overflow: hidden;}
#SlideAnimation span h3 {font-size: 18px; color: #45a8cf;}


#thumbNav                      {float:right; z-index: 3; position: relative; top: 200px; left: 5px;}
#thumbNav a                    {color: #8B2037; font-size: 11px; line-height:16px; display: inline-block; padding: 2px 7px; height: 16px; margin: 0 5px 0 0; background: #fff; text-align: center; text-decoration: none; border: 1px #8B2037 solid;}
#thumbNav a:hover              {background-image: none; }
#thumbNav a.cur                {background: #8B2037; color: #fff; }

#start-stop                    {background:transparent url(../img/play.png) no-repeat; color:white; height:20px; width:27px; float: right; position: relative; z-index: 2; margin-right: 10px; top: 181px }
#start-stop.playing            {background:transparent url(../img/pause.png) no-repeat;}
#start-stop:hover              {}

.arrow {}

/* Slide Reference */

.content #scroller-header a {color: #8B2037; font-size: 11px; line-height:16px; display: inline-block; padding: 2px 7px; height: 16px; margin: 0 5px 0 0; background: #fff; text-align: center; text-decoration: none; border: 1px #8B2037 solid;}
.content #scroller-header a:hover {background: #8B2037; color: #fff;}
.content #scroller-header a.selected {background: #8B2037; color: #fff;}
.content a.selected         {}
.content #scroller-header   {height:30px; padding:5px 0 5px 0px; font-weight:700;}
.content #scroller-body     {width:630px; padding-bottom:30px;}
.content #mask              {width:630px; overflow:hidden; margin:0 auto;}
.content #panel {}
.content #panel div         {float:left;}
.content .panelb           {border:1px #eeeeee solid; margin: 2px; padding: 10px; display:block;}

/* extra optional styling for each tab content */
.content #panel-1 {}
.content #panel-2 {}
.content #panel-3 {}


/* Fotter */
#fotter {text-align: center; color: #fff}
#fotter p {padding-top: 20px;}
#fotter ul {margin: 0 auto; width: 485px}


#fotter ul li { float: left; color: #fff; font-weight: bold; }
#fotter ul li a    { color: #fff; text-decoration: none; padding: 0px 5px; position: relative; z-index: 10000}
#fotter ul li.active span.linkText  { color: #eee; text-decoration: none; padding: 0px 5px;}
#fotter ul li a:link    { color: #fff}
#fotter ul li a:visited { color: #fff}
#fotter ul li a:hover   { color: #ddd; text-decoration: underline;}
#fotter ul li a:active  { color: #fff}