/*---------------------------------------------
[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,
#showcase .title,
#column-1 .title  { font-size: 18px; font-weight: normal; color: #666; }

.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 h2,
.products li h2 a   { font-size: 18px; line-height: 20px; font-weight: normal; color: #666; text-decoration: none; }
.products li        { line-height: 13px; }
.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: #ddd2b1; }
#product_img #galleryNav .num       { font-size: 11px; font-weight: normal; color: #666; }

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

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

/******* HEADER ***************************************************************/
#header { height: 81px; width: 776px; position: relative; }
#logo   { position: absolute; top: 10px; left: 24px; width: 80px; height: 66px; 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: 242px; background: url(../images/BKGheader.gif) top left repeat-x; }

/******* GENERAL **************************************************************/
#container  { padding: 18px 0 25px 22px; width: 754px; overflow: hidden; zoom: 1; }

.alt  { display: none; }

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

.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 *****************************************************************/
.box      { width: 200px; float: left; margin-right: 10px; border-bottom: 1px solid #dfdfdf; }
.box li   { margin-bottom: 13px; float: left; clear: left; width: 200px; }
.box img  { display: block; padding-top: 6px; clear: both; }

#showcase             { width: 363px; float: left; border: 1px solid #dedede; border-top: none; }
#showcase .title      { display: block; margin: 0 13px 16px 13px; }
#sc-scroll-box        { padding: 0 13px; overflow: auto; zoom: 1; height: 300px; position: relative; background: url(../images/showcase-bkg-1.gif) bottom left repeat-x; }
.js #sc-scroll-box    { overflow: hidden; height: 290px; }
#sc-scroll-box ul     { width: 5000px; position: absolute; }
#sc-scroll-box li     { float: left; width: 337px; margin-right: 13px; }
#sc-scroll-box li img { float: right; }

#sc-toolbar         { position: relative; background: url(../images/showcase-bkg-2.gif) left 4px repeat-x; display: none; }
.js #sc-toolbar     { display: block; }
#sc-toolbar .next,
#sc-toolbar .prev   { display: block; position: absolute; top: 42px; cursor: pointer; }
#sc-toolbar .next   { right: 2px; }
#sc-toolbar .prev   { left: 2px; display: none; }
#sc-toolbar div     { margin-left: 22px; padding-top: 4px; overflow: hidden; zoom: 1; position: relative; height: 97px; width: 320px; }
#sc-toolbar ul      { width: 5000px; position: absolute; }
#sc-toolbar li      { width: 80px; height: 87px; float: left; padding-top: 10px; cursor: pointer; position: relative; }
#sc-toolbar li .img { display: block; margin: 0px auto 0 auto; }
#sc-toolbar li.on   { width: 78px; height: 91px; padding-top: 14px; border: 1px solid #d7d7d7; border-top: none; border-bottom: none; margin-top: -4px; background: url(../images/showcase-bkg-3.gif) top left repeat-x; }

/******* 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: left; margin: 5px 15px 6px 0; }
.products li span     { display: block; width: 146px; margin-right: 15px;  padding-top: 4px; float: left; text-align: center; }
.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; padding-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: #ddd2b1; display: block; float: left; width: 20px; margin-right: 3px;  }
#product_img #galleryNav .num.on,
#product_img #galleryNav .num:hover { background: #bba663; }
#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; 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; }