/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Kras
Primary Use:      Screen
Version:          1.0
Date:             12.05.2009.
Last Change:      13.05.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");


/******************************************************************************/
/******* TYPO *****************************************************************/
/******************************************************************************/
body { font-family: "Trebuchet MS", arial, sans-serif; font-size: 11px; color: #666; }

/******* HEADER TYPO **********************************************************/
#header ul a  { color: #333; text-decoration: none; }

/******* GENERAL TYPO *********************************************************/
h1,
#column-1 .title  { font-size: 18px; font-weight: normal; color: #0047b6; }

.box h2     { font-size: 18px; font-weight: normal; color: #0047b6; }
.box .date  { font-size: 10px; line-height: 10px; }
.box h3 a   { font-size: 11px; font-weight: bold; color: #333; line-height: 15px; text-decoration: none; }
.box .more  { color: #cc0000; text-decoration: none; }

#big-links a      { text-decoration: none; }
#big-links a span { font-size: 13px; font-weight: bold; color: #0047b6; line-height: 18px; text-decoration: none; }
#big-links a em   { font-style: normal; }

.text           { line-height: 15px; }
.text span.date { font-size: 10px; line-height: 10px; }
.text h2,
.text h2 a      { font-size: 12px; font-weight: bold; color: #bbaa55; text-decoration: none; }
.text a,
.text .more     { color: #cc0000; text-decoration: none; }
.text .link     { font-weight: bold; color: #333; }

.text .prevnext         { font-weight: bold; }
.text .prevnext a       { color: #333; }

.pdf, .doc, .xls, .file                     { font-weight: normal; }
.pdf span, .doc span, .xls span, .file span { color: #666; }

/******* COLUMN 1 TYPO ********************************************************/
#column-1 ul li a             { color: #333333; text-decoration: none; }
#column-1 ul li.on li a       { color: #666666; font-weight: normal; }
#column-1 ul li a:hover,
#column-1 ul li.on a          { font-weight: bold; color: #333333; }
#column-1 ul li.on span       { font-weight: bold; color: #666666; }
#column-1 ul li.on li a:hover,
#column-1 ul li.on li.on a    { font-weight: bold; color: #666666; }

/******* COLUMN 2 TYPO ********************************************************/
#column-2 .txtblock h3,
#column-2 .txtblock h3 a      { font-weight: bold; font-size: 11px; color: #bbaa55; }
#column-2 .txtblock h3 span   { font-weight: normal; }

#column-2 .finAccordion dt.active     { font-weight: bold; }
#column-2 .finAccordion dd span.title { font-weight: bold; }

.dateselect div span a      { color: #333; font-weight: bold; }

.products li        { line-height: 15px; }
.products li h2,
.products li h2 a   { font-size: 18px; font-weight: normal; color: #0047b6; text-decoration: none; }
.products li .more  { color: #cc0000; text-decoration: none; }

#product_img                        { font-weight: bold; font-size: 11px; color: #333; }
#product_img a                      { text-decoration: none; text-align: center; }
#product_img #galleryNav em         { color: #fff; }
#product_img #galleryNav .num       { font-size: 11px; font-weight: normal; color: #fff !important; }
#product_img #galleryNav .num.on,
#product_img #galleryNav .num:hover { color: #666 !important; }

/******* FOOTER TYPO **********************************************************/
#footer a       { color: black; text-decoration: none; }
#footer a span,
#footer a:hover { color: red; }

/******************************************************************************/
/******* LAYOUT ***************************************************************/
/******************************************************************************/

/******* HEADER ***************************************************************/
#header { height: 81px; width: 779px; position: relative; }
#logo   { position: absolute; top: 10px; left: 24px; width: 168px; height: 62px; background: url(../images/logo.gif); text-indent: -9999px; }

#main-nav             { position: absolute; bottom: 8px; right: 128px; }
#main-nav li          { background: url(../images/BKGtopnav.gif) right 0px no-repeat; padding: 0 10px 0 7px; float: left; }
#main-nav a           { background: url(../images/BULLITnav.gif) left 3px no-repeat; padding-left: 6px; display: block; }
#main-nav li.first    { padding: 0 3px 0 0; }
#main-nav li.first a  { width: 18px; height: 16px; background: url(../images/BKGhome.gif); text-indent: -9999px; padding: 0; margin-top: -4px; }

#lang     { position: absolute; bottom: 8px; right: 0px; }
.js #lang { display: none; }

#lang-wrapper       { position: absolute; bottom: 8px; right: 0px; }
#lang-wrapper ul    { display: none; position: absolute; }
#lang-wrapper span  { display: block; background: url(../images/lang-dropdown-bkg.jpg); width: 115px; height: 15px; padding: 5px 0 0 5px; cursor: pointer; overflow: hidden; zoom: 1; }
#lang-dropdown      { border: 1px solid #ededed; border-top: none; background: #fff; width: 118px; padding-bottom: 5px;  }
#lang-dropdown li   { zoom: 1; }
#lang-dropdown a    { display: block; margin: 3px 0 0 0; padding: 2px 0 2px 4px; zoom: 1; }
#lang-dropdown a:hover  { background: #ededed; }

#flasholder,     
#flasholder-history     { height: 280px; background: url(../images/BKGheader.gif) top left repeat-x; }

/******* GENERAL **************************************************************/
#container  { padding: 18px 0 25px 22px; width: 754px; overflow: hidden; zoom: 1; }
.history-marg-top { position: relative; margin-top: -55px; }

.alt  { display: none; }

h1,
#column-1 .title  { display: block; margin-bottom: 14px; }

.text           { overflow: hidden; zoom: 1; }
.text h2        { margin-bottom: 3px; }
.text p         { margin-bottom: 3px; }
.text .more     { display: block; float: left; background: url(../images/BULLITarrow3.gif) left 6px no-repeat; padding-left: 8px; margin-bottom: 3px; }
.text .link     { display: block; float: left; background: url(../images/BULLITnav2.gif) left 6px no-repeat; padding-left: 6px; }

.text .prevnext         { display: block; float: right; }
.text .prevnext a       { margin-left: 20px; }
.text .prevnext .prev   { background: url(../images/BULLITnav2.gif) left 6px no-repeat; padding-left: 6px; }
.text .prevnext .next   { background: url(../images/BULLITnav.gif) right 6px no-repeat; padding-right: 6px; }

.pdf, .doc, .xls, .file { margin-top: 5px; padding: 4px 1px 4px 23px; display: block; }
.pdf { background: #eff2f3 url(../images/ICONpdf.gif) 2px 4px no-repeat; }
.doc { background: #eff2f3 url(../images/ICONdoc.gif) 2px 4px no-repeat; }
.xls { background: #eff2f3 url(../images/ICONexcel.gif) 2px 4px no-repeat; }
.file { background: #eff2f3 url(../images/ICONfile.gif) 2px 4px no-repeat; }

/******* HOME *****************************************************************/
#intro            { float: right; width: 335px; }
#intro .img-block { float: left; margin: 0 13px 10px 0; }
#intro h1         { clear: left; }
#intro .last      { margin-right: 0; }
#intro.text .more { float: none; }

.box            { width: 230px; float: left; margin: 0 28px 0 -22px; background: #eff2f3 url(../images/box-bkg-top.gif) top right no-repeat; *display: inline; }
.box h2         { margin-bottom: 14px; }
.box div        { background: url(../images/box-bkg-bottom.gif) bottom right no-repeat;; padding: 5px 8px 4px 22px; overflow: hidden; zoom: 1; }
.box li         { margin-bottom: 8px; float: left; clear: left; width: 200px; }
.box .img-block { float: left; margin: 0 10px 0 0; *margin: 0 5px 0 0; }
.box .more      { display: block; float: left; background: url(../images/BULLITarrow3.gif) left 4px no-repeat; padding-left: 8px; }

.img-block .png { position:static !important; background:none !important; }

#big-links              { width: 164px; float: left; margin-bottom: -3px; }
#big-links li           { margin-bottom: 3px; overflow: hidden; zoom: 1; }
#big-links li.top       { background: url(../images/big-list-bkg-top-1.gif) bottom left no-repeat; }
#big-links li.bottom    { background: url(../images/big-list-bkg-bottom-1.gif) top left no-repeat; }
#big-links div          { padding: 0px 10px 2px 4px; float: left; width: 164px; }
#big-links .top div     { background: url(../images/big-list-bkg-top.gif) top left no-repeat; }
#big-links .bottom div  { background: url(../images/big-list-bkg-bottom.gif) bottom left no-repeat;  }
#big-links .img-block   { margin:  1px 10px 0 2px !important; padding-bottom: 5px; display: block; text-align: center; position: relative; zoom: 1; }
#big-links .img-block span  { position: absolute; bottom: -1px; left: -5px; width: 154px; display: block; background: url(../images/transp-bkg.png); padding: 2px 4px; text-align: left; cursor: pointer;}
#big-links .img-block em    { background: url(../images/arrow-big.gif) right 2px no-repeat; display: block; padding-right: 10px;  }
#big-links .bottom .img-block span  { background: url(../images/transp-bkg-big.png) bottom left no-repeat; }

#big-links.ie6 .img-block span  { background: url(../images/transp-bkg.gif); }
#big-links.ie6 .bottom .img-block span  { background: url(../images/transp-bkg-big.gif) bottom left no-repeat; }

/******* COLUMN 1 *************************************************************/
#column-1 { width: 160px; float: left; margin-right: 8px; }

#column-1 ul            { list-style: none; }
#column-1 ul ul         { margin-left: 7px; }
#column-1 ul li         { padding-bottom: 2px;  }
#column-1 ul li a       { display: block; background: url(../images/BULLITnav.gif) left 4px no-repeat; padding-left: 10px; margin-bottom: 5px; font-weight: normal; }
#column-1 ul li.on li a { background: url(../images/BULLITarrow.gif) left 4px no-repeat; padding-left: 10px; font-weight: normal; }
#column-1 ul li.on span { font-weight: bold; color: #666666; padding-left:6px; margin-bottom: 5px; display: block; }

/******* COLUMN 2 *************************************************************/
#column-2 { width: 400px; float: left; position: relative; }

#print  { position: absolute; right: 10px; top: -15px; cursor: pointer; }

#column-2 .text img { display: block; float: left; clear: left; margin: 3px 10px 6px 0; }
#column-2 .text p   { margin-bottom: 10px; }

#column-2 .txtblock           { margin: 0 0 10px 0; overflow: hidden; *zoom: 1; }
#column-2 .txtblock img       { display: block; float: left; clear: left; margin: 0 10px 0px 0; }
#column-2 .txtblock p         { /* display: inline;  */margin: 0; }
#column-2 .txtblock div       { overflow: hidden; *zoom: 1; }
#column-2 .txtblock .arrowbox { margin: 5px 0 0 185px;  }

#column-2 .finAccordion dt            { cursor: pointer; background: url(../images/BKGnext.gif) left 4px no-repeat; padding-left: 12px; margin-top: 5px; }
#column-2 .finAccordion dd span.title { cursor: pointer; display: block; padding-left: 12px; margin-top: 5px; font-size: 12px; }
#column-2 .finAccordion dd a          { margin-left: 8px; }

.dateselect                 { background: url(../images/BKGdateselect.gif) left 15px no-repeat; overflow: hidden; zoom: 1; margin: 0 0 20px 0; }
.dateselect div             { width: 150px; background: #d6caa1; margin: 0 0 0 120px; padding: 2px 0 0px 3px; overflow: hidden; zoom: 1; }
.dateselect div span        { float: left; display: block; border: 1px solid #fff; background: #bba663; overflow: hidden; zoom: 1; padding: 3px 0 2px 5px; width: 110px; }
.dateselect div span a      { display: block; float: left; width: 6px; }
.dateselect div span a img  { margin: 4px 0 0 0; display: inline !important; float: none !important; clear: none !important; }
.dateselect div span a.date { width: 90px; text-align: center; }
.dateselect div .button     { margin: 0 0 0 0px; float: right; width: auto; }
.dateselect div img         { margin: 1px 0 0 0; display: inline !important; float: none !important; clear: none !important; }

.products             { border-bottom: 1px solid #dfdfdf; }
.products li          { border-top: 1px solid #dfdfdf; overflow: hidden; zoom: 1; padding: 7px 0; }
.products li.listtext { border: none; margin-bottom: 10px; }
.products li img      { float: right; margin: 5px 0px 6px 14px; }
.products li span     { display: block; width: 146px; margin-right: 15px;  padding-top: 4px; float: right; text-align: center;  border-left: 1px solid #dfdfdf; }
.products li a span   { display: inline; background: none; padding-top: 0; text-align: left; float: none; width: auto; border: none;  }
.products li span img { float: none; }
.products li h2       { margin-bottom: 3px; }
.products li p        { overflow: hidden; *zoom: 1; margin-right: 4px;  }
.products li .more    { background: url(../images/BULLITarrow3.gif) left 6px no-repeat; padding-left: 6px; margin-left: 2px; }

#product_img                        { float: left; border: 1px solid #dfdfdf; width: 170px; text-align: center; margin-right: 10px; font-weight: bold; font-size: 11px; color: #333; overflow: hidden; }
#product_img img                    { float: none; clear: none; margin: 9px auto 10px auto; }
#product_img #table_wrapper         { width: 100%; }
#product_img #table_wrapper td      { vertical-align: middle; text-align: center; font-weight: bold; }
#product_img #table_wrapper img     {  margin: 9px auto 10px auto; display: block; }
#product_img #galleryNav            { width: auto; margin: 0px auto 15px auto; }
#product_img #galleryNav td         { padding: 0; vertical-align:middle; }
#product_img #galleryNav img        { display: block; padding: 0px 7px 0 4px; margin:0; }
#product_img #galleryNav a          { display: block; padding: 2px 0; }
#product_img #galleryNav em         { display: block; color: #ddd2b1; }
#product_img #galleryNav .num       { font-size: 11px; font-weight: normal; color: #666; background: #cc0000; display: block; float: left; width: 20px; margin-right: 3px;  }
#product_img #galleryNav .num.on,
#product_img #galleryNav .num:hover { background: #d2d1d1; }
#product_img #galleryNav .dots      { vertical-align: bottom; margin: 0; }

/* CONTACT FORM */
.contacttext      { width: 162px; float: left; clear: left; }
dl.contacttext,
dl.contacttext2   { color: #666; }
.contacttext2     { width: 162px; float: right; clear: right; }
.contacttext dt,
.contacttext2 dt  { font-weight: bold; color: #333; }

#contact                      { margin: 0 0 0 10px; width: 170px; overflow: hidden; }
#contact label                { margin-bottom: 3px; }
#contact input.text,
#contact select,
#contact textarea             { float: none; border: 1px solid #d0d0d0; background: #fff; width: 160px; padding: 1px 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 11px; margin: 0 0 3px 0; _margin:0 0 0 -9px; display: block; }
#contact select               { padding: 0; width: 167px; }
#contact img                  { display: block; }
#contact .button              { background: #c5b37c url(../images/BKGbutton.gif) top left repeat-x; border: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding: 0 3px; margin: 4px 10px 2px 2px; font-size: 11px; cursor: pointer; }
#contact .button span         { background: url(../images/BULLITnav.gif) left 7px no-repeat; padding-left: 6px; }
#contact .radioWrapper        { padding: 5px 0 10px 0; margin: 0; }
#contact .radioWrapper input  { *margin: 0 0 -2px -4px; }

/******* COLUMN 3 *************************************************************/
#column-3   { float: right; width: 170px; }
#column-3 a { display: block; margin-bottom: 16px; }

/******* FOOTER ***************************************************************/
#footer { border-top: 1px solid #c0c0c0; padding: 5px 0 10px 22px; width: 754px; }