/**
 * Stylesheet: stylesheet.css
 * Website: http://www.inear24.de/
 * Copyright (c) 2008 Akustik Konzept OHG
 * All rights reserved
 */

HTML, BODY
{
    height: 100%; /* SF */
    margin:  0px;
    padding: 0px;
    border:  0px;
}

BODY
{
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    color: #2f2f2f;
    background: #ffffff;
}

A         { text-decoration: underline; color: #636a00; }
A:hover   { text-decoration: none; }
A:visited { text-decoration: none; color: #636a00; }

HR
{
    height: 1px;
    color: #636a00;
    background: #636a00;
    border: #636a00;
}

H1
{
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    color: #636a00;
}

H2
{
    font-size: 1.3em;
    font-weight: normal;
    text-align: left;
    color: #636a00;
}

IMG { border: 0px; }
P, FORM { margin: 0px; padding: 0px; }

    #bodywrapper
    {
        position: relative;
        min-height: 100%; /* SF */
        margin: 0px;
        height: 242px;
        background: url(images-inear24/backgnd.jpg) top repeat-x;
    }
        * html #bodywrapper { height: 100% } /* SF IE6 */

        #sitewrapper
        {
            margin: 0px auto;
            width: 1000px;
        }

            #toplogo
            {
                height: 39px;
                margin-left: 613px;
                line-height: 0px;
                font-size: 0px;
            }

            #topslogan
            {
                height: 172px;
                padding: 0px 10px;
                line-height: 0px;
                font-size: 0px;
                background: url(images-inear24/topslogan.jpg) center no-repeat;
            }

            #topmenuitems { padding: 14px 20px 0px 20px; }
            
                #navtrail { padding: 0px 0px 0px 20px; }

            #contentwrapper
            {
                margin: 30px 0px;
            }

                #leftsidemenu
                {
                    width: 304px;
                    padding-left: 38px;
                }

                #mcwrapper
                {
                    border-left: 1px solid #9d9d9d;
                    width: 630px;
                    font-size: 1.3em;
                    line-height: 1.5em;
                    text-align: left;
                }
                    #mcwrapper div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: 2px solid #636a00; }
                    #mcwrapper .csc-textpic-caption { font-size: 0.8em; line-height: 1.0em; }
                    #mcwrapper .mf-required { color: #636a00; }                

                    #mcone
                    {
                        width: 580px;
                        padding: 0px 25px;
                    }
                    
                    #mcleft
                    {
                        width: 290px;
                        padding-left: 25px;
                    }

                    #mcright
                    {
                        width: 290px;
                        padding-left: 25px;
                    }

    #footer
    {
        position: relative;
        margin: 0px auto;
        width: 980px;
        color: #808080;
    }

        #copyright P A { color: #808080; }       
       
/*---------------------------------------------------------------------------*
 * tool box
 * --------------------------------------------------------------------------*/
.floatleft  { float: left;  }
.floatright { float: right; }
.clear      { clear: both;  }

/*---------------------------------------------------------------------------*
 * content elements
 * --------------------------------------------------------------------------*/
.align-right   { text-align: right;  }
.align-left    { text-align: left;   }
.align-justify { text-align: justify }

/*------------------------------------*
 * messages
 * -----------------------------------*/
.warning { color: #ff0000; }

/*------------------------------------*
 * styling
 * -----------------------------------*/
.bottom  { margin-bottom: 5px; }
.right   { margin-right:  5px;  }
.right10 { margin-right: 10px; }
.column  { width: 33%; }

.box100  { width: 100px; }

.black   { color: #000000; }
.green   { color: #636a00; }

.strong  { font-weight: bold; }
.small   { font-size: 0.8em; }

.textright  { text-align: right;   }
.textcenter { text-align: center;  }
.textblock  { text-align: justify; }

.borderred { border: 1px solid #ff0000; }

.underline { border-bottom: 1px solid #000000; }
.paragraph { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }

/*---------------------------------------------------------------------------*
 * form section
 * --------------------------------------------------------------------------*/
INPUT[type=text], INPUT[type=password], SELECT, TEXTAREA
{ 
    border: 1px solid #636a00;
}

/*---------------------------------------------------------------------------*
 * box section
 * --------------------------------------------------------------------------*/
.box
{
    width: 275px;
    margin: 0px 0px 25px 0px;
    font-size: 1.2em;
}

    .box H1 { margin: 0px 0px 7px 0px; }
    
    .box .button { margin: 0px 0px 0px 10px; }
    .box .content { margin: 0px 0px 0px 10px; }
    
#boxline { padding: 7px 0px 0px 0px; font-size: 1.2em; }
    #boxline A  { color: #9d9d9d; text-decoration: underline; font-size: 0.8em; }
    #boxline H1 { margin: 0px; }

#admin-box { padding: 0px 0px 0px 50px; }
#admin-box A { color: #c30006; }
#admin-box A IMG { margin-top: 3px; }

#login-box { padding: 0px 0px 0px 50px; }

#search-box { padding: 0px 0px 0px 10px; }

/*---------------------------------------------------------------------------*
 * module section
 * --------------------------------------------------------------------------*/
#product-info-content { padding: 10px;}
    #pi-info-left     { width: 335px; }
    #pi-info-right    { width: 210px; }
    
#product-options-dropdown P SELECT { margin-left: 10px; }

    .pos-right { width: 255px; }

#logoff { width: 645px; }

#print-product-info
{
    width: 580px;
    margin: 0px;
    padding: 30px;
    font-size: 1.3em;
}

.pim-header
{
    background: #636a00;
    color: #ffffff;
    padding: 3px 0px 3px 20px;
    font-size: 1.3em;
}

.pim-footer
{
    padding: 0px 0px 0px 20px;
}

.pi-border      { border: 2px solid #636a00; }
.pi-border-left { padding-left: 10px; }

.nl-label  { width: 150px; text-align: left; }
.pwf-label { width: 150px; text-align: left; }
.lgn-label { width: 115px; text-align: left; }
.ca-label  { width: 130px; text-align: left; }
.pl-label  { width: 140px; text-align: left; }
 
.login-left  { width: 250px; }
.login-right { width: 260px; padding-left: 20px; }

.product-listing-right { width: 360px; }

.pathline   { padding: 50px 0px 25px 0px; text-align: center; color: #aaaaaa; }
.pathheader { font-weight: bold; color: #2e3436; }
.pathno     { padding-right: 0px; }
.pathact    { padding-right: 0px; font-weight: bold; color: #808080; }