/* 
    Document   : style
    Created on : 28.12.2007, 20:27:32
    Description:
        Main stylesheet for Direct Marketing page.
*/

body {
    margin: 0px;
    padding: 0px;
    font-family: "Verdana", sans;
    font-size: 8pt;
    color: black;
    text-align: center;
    background-color: white;
}

/*
    Fix for tables in IE6
*/
table td {
    font-family: "Verdana", sans;
    font-size: 8pt;
    color: black;
    text-align: left;
}

/*
    Fonts in forms
*/
form, input, textarea {
    font-family: "Verdana", sans;
    font-size: 8pt;
    color: black;
    text-align: left;
}

/*
    Main Block
*/
div#MainBlock {
    position: relative;
    width: 950px;
    min-height: 280px;
    margin: auto;
    padding: 0px;
    text-align: left;
    background-image: url('img/circle.png');
    background-repeat: no-repeat;
    background-position: left top;
}


/*
    Language Bar
*/
div#LanguageBar {
    float: left;
    width: 200px;
    height: 100px;
}

div#LanguageBar div {
    position: relative;
    width: 100%;
    height: 100%;
}
div#LanguageBar div a {
    position: absolute;
    left: 0px;
    bottom: 2px;
}

/*
    Heading Bar
*/
div#HeadingBar {
    width: 750px;
    height: 100px;
    margin: 0px 0px 0px 200px;
    padding: 0px;
    background-color: black;
    background-image: url('img/circleI.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

div#HeadingBar div {
    padding: 0px 90px 0px 90px;
}

/*
    Image Bar
*/
div#ImageBar {
    width: 300px;
    clear: right;
    float: right;
    padding: 0px 0px 20px 0px;
    background-color: white;
}

div#ImageBar #IntroductionIlust {
    position: relative;
    width: 300px;
    height: 200px;
    background-image: url('img/podklad.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MailProcessingIlust {
    display: block;
    position: absolute;
    left: 1px; top: 4px;
    width: 92px; height: 62px;
    background-image: url('img/obalkyb.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MailProcessingIlust:hover {
    display: block;
    position: absolute;
    left: 1px; top: 4px;
    width: 92px; height: 62px;
    background-image: url('img/obalky.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MarketingIlust {
    display: block;
    position: absolute;
    left: 1px; top: 70px;
    width: 92px; height: 62px;
    background-image: url('img/telefonb.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MarketingIlust:hover {
    display: block;
    position: absolute;
    left: 1px; top: 70px;
    width: 92px; height: 62px;
    background-image: url('img/telefon.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#CommunicationToolsIlust {
    display: block;
    position: absolute;
    left: 1px; top: 136px;
    width: 92px; height: 62px;
    background-image: url('img/predajb.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#CommunicationToolsIlust:hover {
    display: block;
    position: absolute;
    left: 1px; top: 136px;
    width: 92px; height: 62px;
    background-image: url('img/predaj.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}
/*
div#ImageBar #IntroductionIlust {
    width: 400px;
    height: 342px;
    background-image: url('noveObr/podklad.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MailProcessingIlust {
    display: block;
    position: absolute;
    left: 20px; top: 20px;
    width: 120px; height: 80px;
    background-image: url('noveObr/obalkaaX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MailProcessingIlust:hover {
    display: block;
    position: absolute;
    left: 20px; top: 20px;
    width: 120px; height: 80px;
    background-image: url('noveObr/obalkaX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MarketingIlust {
    display: block;
    position: absolute;
    left: 60px; top: 125px;
    width: 120px; height: 80px;
    background-image: url('noveObr/telefonaX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#MarketingIlust:hover {
    display: block;
    position: absolute;
    left: 60px; top: 125px;
    width: 120px; height: 80px;
    background-image: url('noveObr/telefonX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#CommunicationToolsIlust {
    display: block;
    position: absolute;
    left: 100px; top: 230px;
    width: 120px; height: 80px;
    background-image: url('noveObr/doortodooraX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

div#ImageBar #IntroductionIlust a#CommunicationToolsIlust:hover {
    display: block;
    position: absolute;
    left: 100px; top: 230px;
    width: 120px; height: 80px;
    background-image: url('noveObr/doortodoorX.JPG');
    background-repeat: no-repeat;
    background-position: top right;
}

*/
/*
    Address Bar
*/
div#AddressBar {
    clear: left;
    float: left;
    width: 200px;
    height: 200px;
    background-color: #f20018;
    background-image: url('img/circleIV.png');
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
    text-align: right;
}

div#AddressBar div {
    padding: 110px 10px 2px 10px;
}

/*
    Menu Bar
*/
div#MenuBar {
    clear: left;
    float: left;
    width: 199px;
    margin: 20px 0px;
    background-color: white;
    border-style: solid;
    border-color: #bbb;
    border-width: 0px 1px 0px 0px;
    /*white-space: nowrap;*/
}

div#MenuBar div {
    margin: 0px;
}

div#MenuBar #MainMenu,
div#MenuBar #NewsMenu,
div#MenuBar #AboutCompanyMenu,
div#MenuBar #ProductsMenu {
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
    list-style-type: none;
}

div#MenuBar #MainMenu li,
div#MenuBar #NewsMenu li,
div#MenuBar #AboutCompanyMenu li,
div#MenuBar #ProductsMenu li {
    margin: 4px 0px;
    padding: 0px;
}

div#MenuBar #AboutCompanyMenu,
div#MenuBar #ProductsMenu {
    padding-left: 20px;
}

div#MenuBar #MainMenu li.nestedMenu {
    margin: 0px;
}

div#MenuBar hr {
    border-top: solid 1px #bbb;
    margin-right: 20px;
    height: 0px;
}

/*
div#MenuBar #NewsMenu {
    margin-top: 40px;
}
*/

div#MenuBar a {
    display: block;
    min-height: 16px;
    padding: 2px 0px 2px 22px;
    vertical-align: middle;
    background-color: white;
    background-image: url('img/ubutton1.png');
    background-repeat: no-repeat;
    background-position: left top;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

div#MenuBar a:hover {
    display: block;
    min-height: 16px;
    padding: 2px 0px 2px 22px;
    vertical-align: middle;
    background-color: #ddd;
    /*background-image: url('img/button1.png');*/
    background-repeat: no-repeat;
    background-position: left top;
    color: #f20018;
    font-weight: normal;
    text-decoration: none;
}

div#MenuBar a.selected {
    background-color: #ddd;
}

/*
    Write Us Bar
*/
div#WriteUsBar {
    clear: right;
    float: right;
    width: 298px;
    background-color: #ddd;
    border-style: solid;
    border-color: #bbb;
    border-width: 1px 1px 1px 1px;
}

div#WriteUsBar a {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

div#WriteUsBar a:hover {
    color: #f20018;
    font-weight: normal;
    text-decoration: underline;
}

div#WriteUsBar form {
    margin: 0px;
    padding: 15px 10px;
}

div#WriteUsBar div.formHeading {
    text-align: center;
    background-color: #ddd;
    padding: 5px 0px;
}

div#WriteUsBar div.afterSend {
    margin: 10px 20px;
}

div#WriteUsBar label {
    white-space: nowrap;
}

div#WriteUsBar input#send_company_name,
div#WriteUsBar input#send_name,
div#WriteUsBar input#send_street,
div#WriteUsBar input#send_city,
div#WriteUsBar input#send_country,
div#WriteUsBar input#send_phone,
div#WriteUsBar input#send_email {
    width: 180px;
}

div#WriteUsBar textarea#send_other,
div#WriteUsBar textarea#send_comment {
    width: 270px;
}

div#WriteUsBar td.submit {
    /*text-align: right;*/
}

/*
div#WriteUsBar button.submit {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('img/ubutton1.png');
    border-width: 0;
}
*/

/*
    Navigation Bar
*/
div#NavigationBar {
    width: 400px;
    margin: 20px 320px 10px 220px;
    white-space: nowrap;
}

div#NavigationBar div {
    padding: 2px 0px 2px 80px;
}

div#NavigationBar a {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

div#NavigationBar a:hover {
    color: #f20018;
    font-weight: normal;
    text-decoration: underline;
}

div#NavigationBar img {
    vertical-align: middle;
}


/*
    Content Bar
*/
div#ContentBar {
    width: 400px;
    margin: 50px 320px 30px 220px;
}

/*
    Footer Bar
*/
div#FooterBar {
    clear: both;
    width: 100%;
    color: #444;
    text-align: center;
}

/*
    Image of I in circle
*/
img#I {
    position: absolute;
    left: 150px;
    top: 50px;
}

/*
    Headings
*/
h1 {
    display: none;
}

h2 {
    margin: 0px 0px 30px 80px;
    color: #f20018;
    font-size: 10pt;
    font-weight: bold;
}

h3 {
    margin: 0px;
    color: #f20018;
    font-size: 8pt;
    font-weight: bold;
}

/*
    Images
*/
img {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

/*
    Paragraphs
*/
p {
    text-align: left;
}

/*
    Links
*/
a {
    color: black;
    font-weight: normal;
    text-decoration: underline;
}

a:hover {
    color: #f20018;
    font-weight: normal;
    text-decoration: underline;
}


/*
    News
*/
div.news {
    position: relative;
    padding: 0px 0px 30px 0px;
}

div.news div.date {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #444;
}

div.news h3 {
    margin-right: 100px;
}

div.news p {
    margin: 0px;
}