@charset "utf-8";
@import url(clearing.css);
@import url(../lib-js/jquery/thickbox/thickbox.css);
/* CSS Document */
/*
  *@author Florian Sommer
  *@version $Revision: 1.30 $
 */
/* **globals** */
body {
    background-color : #464646;
    font-family : arial, helvetica, sans-serif;
    font-size : 11px;
}
#site {
    position : relative;
    margin : 17px auto 0 auto;
    text-align : left;
    background-color : #0f0d0e;
    color : #ffffff;
    width : 950px;
}
button.button {
    border : 0 none;
    background : none;
    padding : 0;
    margin : 0;
    cursor : pointer;
}
h1 {
    color : #ffffff;
    font-size : 12px;
    font-weight : bold;
    margin-top : -2px;
    margin-left : 0px;
    margin-bottom : 3px;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
    padding : 0;
}
h2 {
    color : #ffffff;
    font-size : 12px;
    font-weight : bold;
    margin-top : 5px;
    margin-left : 0px;
    margin-bottom : 18px;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
    padding : 0;
}
h5 {
    color : #ffffff;
    font-size : 12px;
    font-weight : bold;
}
a:link {
    color : #8f8c8c;
    font-weight : bold;
}
a:visited {
    color : #6e6b6b;
    font-weight : bold;
}
a:hover {
    color : #8f8c8c;
    font-weight : bold;
    text-decoration : underline;
}
a:active {
    color : #8f8c8c;
    font-weight : bold;
}
a:focus {
    color : #8f8c8c;
    font-weight : bold;
}
/* **header** */
#head {
    position : relative;
    padding-top : 19px;
    padding-left : 20px;
    clear : both;
    z-index : 2;
}
.logo {
    float : left;
    clear : both;
    height : 40px;
    margin-left : 21px;
}
/* main Navigation area */
#headNav {
    position : relative;
    z-index : 2;
    width : 930px;
}
/* language selector */
.langSelect {
    width : 910px;
    float : right;
    text-align : right;
    margin-top : 4px;
}
.langSelect a {
    color : #8f8c8c;
    font-size : 8px;
    font-weight : bold;
    cursor : pointer;
    margin-right : 37px;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
}
/* dropdown menu */
#menuSpacer {
    float : left;
    width : 910px;
    background-color : #2b2223;
    height : 20px;
}
#menu {
    float : left;
    margin : 3px 0 0 20px;
    padding-bottom : 5px;
    padding-left : 0px;
    list-style-type : none;
}
#menu li {
    float : left;
    margin-right : 22px;
    font-size : 10px;
    font-weight : bold;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
}
#menu li a img {
    margin : 3px 3px 0 0;
}
#menu a {
    color : #8f8c8c;
    display : block;
    margin-bottom : 4px;
}
#menu .navbox {
    /* the container for the 2nd layer menuitems */
    width : auto;
    position : absolute;
    margin-left : -20px;
    padding-bottom : 5px;
    background-image : url(../img/layoutFixed/menuBg.png);
    z-index : 2;
}
/* *the dropdown funktionality of the menu* */
#menu li ul {
    /* hides the 2nd layer */
    display : none;
    position : relative;
    list-style : none;
    padding : 0;
}
#menu li ul li {
    /* a menu-item inside the navbox */
    clear : left;
    float : none;
    width : auto;
    margin-right : 10px;
    margin-left : 20px;
    position : relative;
}
#menu li ul li a {
    margin-left : 10px;
    min-width : 70px;
}
#menu li .previewImg {
    margin-left : 0px;
    max-width : 651px;
    display : block;
}
.menuPreviewImg {
    /* a preview image in the navbox */
    margin-top : 10px;
    float : left;
}
#menu li:hover ul {
    /* makes the 2nd layer appear on mouseover */
    display : block;
    margin-left : 0px;
    margin-top : 0px;
}
/* searcharea */
#searchField {
    float : right;
    margin-right : 18px;
    margin-top : 2px;
}
#search_border {
    background-color : #785f62;
    padding : 1px;
    width : 147px;
}
#search {
    background-color : #5e5c5d;
    height : 14px;
    margin : 0;
    padding : 0 1px;
    width : 145px;
}
#searchField input {
    border : 0 none;
    position : relative;
    margin : 0 0;
    padding : 1px 0px 0px 2px;
    font-size : 9px;
    line-height : 11px;
    color : #cccccc;
    font-style : italic;
    background-color : transparent;
    width : 128px;
}
#searchField button {
    position : absolute;
    vertical-align : bottom;
    height : 14px;
    width : 18px;
    background-color : transparent;
    margin : 0px 0 1px -3px;
}
/* **theme** */
#theme {
    position : relative;
    margin-top : 7px;
    width : 910px;
    margin-left : 20px;
    z-index : 0;
}
#flashcontent {
    position : relative;
    z-index : 0;
}
/* **content** */
#content {
    margin-left : 20px;
    margin-top : 32px;
    width : 910px;
}
.text {
    float : left;
    width : 340px;
    margin-right : 20px;
}
.prodDescr {
    font-weight : bold;
    font-size : 12px;
    line-height : 18px;
    margin-left : 20px;
}
.centerImg {
    float : left;
    width : 250px;
    margin-right : 20px;
}
.rightImg {
    float : left;
    width : 280px;
    height : 375px;
}
.thickboxLink {
    position : relative;
    float : right;
    top : 360px;
    right : 3px;
}
.thickboxLink a {
    font-size : 9px;
    font-weight : bold;
    color : #ffffff;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
}
.contentText {
    margin-top : 25px;
    font-size : 11px;
    color : #ffffff;
    line-height : 18px;
}
.siteContent {
    width : 724px;
    float : left;
    margin-top : 9px;
}
/* content navigation */
.contentNavigation {
    width : 165px;
    float : right;
    font-size : 9px;
    margin-right : 0px;
    margin-top : 4px;
    margin-bottom : 18px;
}
/*
  .contentNavigation .navSpacer {
  height:100px;
  }
 */
.contentNavigation .navSpacer a {
    color : #ffffff;
    text-transform : uppercase;
    font-size : 9px;
    font-weight : bold;
}
.contentNavigation .firstNavLayer a:link,
.contentNavigation .secondNavLayer a:link,
.contentNavigation .thirdNavLayer a:link,
.contentNavigation .fourthNavLayer a:link {
    color : #ffffff;
}
.contentNavigation .firstNavLayer a:hover,
.contentNavigation .secondNavLayer a:hover,
.contentNavigation .thirdNavLayer a:hover,
.contentNavigation .fourthNavLayer a:hover {
    color : #cbcbcb;
    text-decoration : none;
}
.contentNavigation .firstNavLayer a:active,
.contentNavigation .secondNavLayer a:active,
.contentNavigation .thirdNavLayer a:active,
.contentNavigation .fourthNavLayer a:active {
    color : #ffffff;
}
.contentNavigation .firstNavLayer a:visited,
.contentNavigation .secondNavLayer a:visited,
.contentNavigation .thirdNavLayer a:visited,
.contentNavigation .fourthNavLayer a:visited {
    color : #ffffff;
}
.contentNavigation a:link,
.contentNavigation a:active {
    color : #ffffff;
    font-weight : bold;
}
.contentNavigation .current {
    font-style : italic;
}
.firstNavLayer {
    margin-left : 25px;
}
.firstNavLayer a {
    width : 140px;
    float : right;
    margin-bottom : 7px;
}
.secondNavLayer {
    margin-left : 25px;
    padding-top : 9px;
}
.secondNavLayer a {
    width : 140px;
    float : right;
    margin-bottom : 7px;
}
.thirdNavLayer {
    margin-left : 25px;
}
.thirdNavLayer a {
    padding-top : 9px;
    width : 140px;
    float : right;
}
.fourthNavLayer {
    margin-left : 40px;
}
.fourthNavLayer a {
    padding-top : 9px;
    width : 125px;
    float : right;
}
.menuSeparator {
    clear : both;
    border-bottom : 1px solid #ebeaea;
    width : 165px;
    height : 1px;
}
.menuSeparator.one {
    margin-left : -25px;
}
.menuSeparator.two {
    margin-left : -25px;
}
.menuSeparator.three {
    display : none;
}
/* **footer** */
#footer {
    margin-top : 25px;
    margin-bottom : 15px;
    width : 910px;
    background-color : #2b2223;
    color : #8f8c8c;
    height : 20px;
    margin-left : 20px;
    /* to be replaced by xsl: fn:uppercase */
    text-transform : uppercase;
}
.footerSpacer {
    padding-top : 5px;
    font-size : 8px;
}
.footerLeft {
    float : left;
    margin-left : 20px;
}
.footerLeft a {
    color : #8f8c8c;
}
.footerRight {
    float : right;
    margin-right : 20px;
}
/* *Sitemap* */
.sitemap {
    margin : 0 30px;
    width : 400px;
}
.smlevel_0 {
}
.smlevel_1 {
    margin-left : 15px;
}
.smlevel_2 {
    margin-left : 30px;
}
.smlevel_3 {
    margin-left : 45px;
}
.smlevel_4 {
    margin-left : 60px;
}
.smlevel_5 {
    margin-left : 75px;
}
.smlevel_6 {
    margin-left : 90px;
}
.smlevel_7 {
    margin-left : 105px;
}
.smlevel_8 {
    margin-left : 120px;
}
.smlevel_9 {
    margin-left : 135px;
}
/* Store */
.product {
    float : left;
    margin-right : 20px;
    margin-top : 15px;
}
/* *login* */
.authenticationHead {
    margin-bottom : 10px;
}
.authenticationHead strong {
    display : block;
    font-size : 13px;
    margin-bottom : 5px;
}
#authenticated {
    margin-top : 10px;
    width : 165px;
    float : right;
    font-size : 11px;
}
#authenticated p {
    font-size : 11px;
}
#authenticated a {
    font-size : 11px;
    font-weight : normal;
    text-transform : none;
}
#authenticatedStore {
    clear : both;
    float : right;
    margin-top : 20px;
}
.icon_16x16 {
    margin-right : 5px;
}
.linkSpacer {
    height : 5px;
}
.authentication {
    border : 1px dotted #FFFFFF;
    padding : 2px;
    margin : 40px 0 20px 0;
    width : 165px;
}
#authenticated button {
    font-size : 11px;
    width : 90px;
    margin-top : 5px;
}
#authenticated button img {
    margin-right : 2px;
}
#productPopUpDetail {
    width : 675px;
}
.autheticationPassword {
    margin-top : 5px;
}
.userSelfEdit {
    float : left;
}
.paging {
    width : 100%;
}
.paging a {
    color : #ffffff;
}
button.logoutButton {
    padding : 0;
    border : 0;
    background : transparent;
    cursor : pointer;
}
button.loginButton {
    padding : 0;
    border : 0;
    background : transparent;
    cursor : pointer;
}
button.formButton {
    padding : 0;
    margin : 0 0 5px 0;
    border : 0;
    background : transparent;
    cursor : pointer;
}
/* * Download box* */
.downloadBox {
    width : 165px;
}
.downloadBox strong {
    font-size : 14px;
}
.dlLink {
    float : none;
    margin-bottom : 10px;
}
.dlLink img {
    margin : 0 5px 0px 0px;
}
.dlLinkTxt {
    margin-left : 4px;
}
.DownloadLink {
    font-size : 11px;
    display : block;
}
.DownloadLinkImg {
    text-decoration : none;
    float : left;
    margin-top : 1px;
}
.retailerContent {
    float : right;
    width : 643px;
}
/* **order form** */
.siteContent .orderFormTop {
    margin-top : 5px;
    width : 600px;
    margin-bottom : 5px;
}
.siteContent .orderFormElement {
    margin-bottom : 5px;
    width : 600px;
}
.siteContent .orderFormFooter {
    width : 600px;
    border-top : 1px solid #cccccc;
    border-bottom : 1px solid #cccccc;
}
.siteContent .orderFormSeperator {
    border-top : 1px solid #cccccc;
    border-bottom : 1px solid #cccccc;
    width : 600px;
}
.section {
    border-top : 1px solid #CCCCCC;
    border-bottom : 1px solid #CCCCCC;
    font-size : 14px;
    margin-top : 15px;
    margin-bottom : 5px;
}
.section strong {
    margin : auto;
    width : 200px;
}
.section .left {
    text-transform : uppercase;
    margin-bottom : 10px;
}
.error {
    font-weight : bold;
    font-style : italic;
    padding : 0 0 0 16px;
    background-image : url(../resources/components/core/admin-ext-icons/error_14x14.png);
    background-repeat : no-repeat;
    line-height : 18px;
}
/* representatives */
.retailer {
    float : left;
    width : 220px;
    height : 200px;
    margin-bottom : 10px;
}
.repCountry {
    margin-top : 10px;
    font-size : 12px;
}
.representative {
    float : left;
    width : 240px;
    margin-top : 10px;
    margin-bottom : 10px;
    margin-right : 10px;
    height : 150px;
}
/* **tools** */
.clearBoth {
    clear : both;
    height : 1px;
    line-height : 1px;
}
object {
    outline : none;
}
ul {
    font-size : 11px;
}
.sitemap {
    font-size : 10px;
}
.left {
    float : left;
}
.right {
    float : right;
}
td img {
    margin-right : 5px;
}

/* newsletter subscription */
.subscriptionDescriptionWrapper {
    padding-right : 20px;
}
.subscriptionFormFieldWrapper {
    margin-bottom : 5px;
}
.subscriptionFormFieldWrapper label {
    float : left;
    clear : left;
    width : 150px;
}
.subscriptionFormFieldWrapper input {
    width : 290px;
}
.subscriptionFormFieldWrapper textarea {
    width : 290px;
    height : 120px;
    resize : none;
}
.subscriptionFormFieldError {
    border-color : #F00000;
}