/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/****************************************************/
/***********[ Mage_CSS_B Common Elets ]***********/
/****************************************************/


/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:46%; }
.col2-set .col-1 { float:left; padding:10px; border:1px solid #ddd; }
.col2-set .col-2 { float:right; padding:10px; border:1px solid #ddd;}

/* Col2-alt */
.col2-alt-set .col-1 { float:left; width:32%; }
.col2-alt-set .col-2 { float:right; width:65%; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }

.rahmen { padding-left:10px; border:1px solid #ddd; }


/********************** Form */

/* Form Elements */
input.input-text,
select,
textarea                  { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
select option             { padding-right:10px; }
option, optgroup          { font:12px arial, helvetica, sans-serif; }
optgroup                  { font-weight:bold; }
input.input-text,
textarea                  { padding:2px; }
textarea                  { overflow:auto; }
input.radio               { margin-right:3px; }
input.checkbox            { margin-right:3px; }
.v-fix                    { float:left; }
.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }
.qty                      { width:2em; }
.group-select label,
.form-list label,
.payment-methods label    { font-weight:bold; }
.button-set { /* Container for form buttons*/
    clear:both;
    border-top:1px solid #e4e4e4;
    padding-top:10px;
    text-align:right;
    }
.button-top-set { margin-top:0; border-top:0; padding-top:0; padding-bottom:8px; }

/* Form lists */
.form-list                          { margin-top:10px; }
.form-list li                       { margin-bottom:6px; }
.form-list li .input-box .input-text,
.form-list li .input-box textarea   { width:250px; }
.form-list li .input-box select     { width:256px; }
.form-list li.addElement            { border-top:1px solid #DDD; padding-top:10px; }
.group-select li                    { margin:0 0 10px 0; }
.group-select li .input-box         { float:left; width:275px; }
.group-select li .input-text,
.group-select li select,
.group-select li textarea           { width:525px; }
.group-select li .input-box .input-text,
.group-select li .input-box textarea{ width:250px; }
.group-select li .input-box select  { width:256px; }



/* Form Messages */
.validation-advice, .required { color:#ff720a; }
.validation-advice { clear:both; min-height:15px; margin-top:3px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 4px; padding-left:13px; font-size:10px; font-weight:bold; line-height:1.25em; }
.validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; }
label.required { font-weight:bold; }
p.required { text-align:left; margin-top:10px; }


/********************** Messages  */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages { overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    padding:4px 12px !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li { margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background:#faebe7;
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background:#eff5ea;
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background:#fafaec;
    }


/********************** Tabs */
.tabs                   { margin-bottom:15px; border-bottom:1px solid #666; background:url(../images/tabs_bg.gif) repeat-x 0 100% #f2f2f2; }
.tabs li                { float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
.tabs li.first          { border-left:0; }
.tabs li.last           { border-right:0; }
.tabs a                 { display:block; padding:6px 15px; color:#444; }
.tabs a:hover           { background-color:#ddd; text-decoration:none; color:#444; }
.tabs li.active a,
.tabs li.active a:hover { background-color:#666; font-weight:bold; color:#fff; }


/********************** Headings */

.head,
.head-alt,
.head-alt2,
.head-alt3          { line-height:1.25em; text-align:right; }
.head .title,
.head-alt .title,
.head-alt2 .title,
.head-alt3 .title   { margin:0; float:left; }
.head a,
.head-alt a,
.head-alt2 a,
.head-alt3 a        { font-size:10px; text-transform:uppercase; }

/* Page heading */
.page-head { margin:0 0 16px 0; }
.page-head-alt { margin:0 0 12px 0; }
.page-head, .page-head-alt { text-align:right; }
.page-head h3, .page-head-alt h3 {
    font-size:14px;
    font-weight:normal !important;
    text-transform:none  !important;
    text-align:left;
    }
.button-level h3 { /* heading level with buttons */
    float:left;
    width:60%;
    }

.head-alt           { margin-bottom:5px; }
.head-alt .title    { color:#ff720a; font-size:1.3em; padding:0px 16px 0px 16px; }
.head-alt2          { font-size:1.1em; border-bottom:1px solid #ddd; }
.head-alt2 .title   { font-size:1.1em;  }
.head-alt3          { margin-bottom:8px; border-bottom:1px solid #ddd; }


/* Category heading */
.category-head {
    margin-bottom:7px;
    }
.category-image {
width:816px;
height:120px;
display:block;
}
.category-description {
width:600px;
height:50px;
}

/********************* Tables */

td.label        { font-weight:bold; }

/* Data Table */
.data-table { margin-left:10px; border:1px solid #ddd; width:97.4%;}
.data-table tr { background:#fff; }
.data-table .odd  { background:#fff }
.data-table .even { background:#fcfcfc; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { padding:5px 7px; white-space:nowrap; font-size:10px; text-transform:uppercase; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }
.data-table thead tr { background:url(../images/pager_bg.gif) repeat-x 0 100% #f9f9f9; }
.data-table tfoot { border:1px solid #d9dde3; }
.data-table tfoot tr.first {}
.data-table tfoot tr { background-color:#f3f3f3 !important; }
.data-table tbody td { border-bottom:1px solid #d9dde3; }
/* Bundle Product row */
.data-table tbody.odd tr { background:#fff; }
.data-table tbody.even tr { background:#fcfcfc; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#444; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

.box-table td { padding:3px 0 0 0; }
.box-table tfoot td { border-top:1px solid #d9dde3; padding-top:3px; padding-bottom:3px; }
.box-table select{ width:100%; }

.generic-table td { padding:2px 8px}
.generic-table td.first { padding-left:0; }



/********************** Lists */
.disc           { margin-bottom:10px; }
.disc li        { margin-left:20px; list-style:disc; }


/* Bare List */
.bare-list      { margin:5px 0; }
.bare-list li   { margin:3px 0; }



/********************** Space Creators */

.no-display { display:none; }
.content    { padding:12px 12px 12px 15px; } /* Sets default padding */
.actions    { line-height:1.3em; }
.pipe,
.separator { padding:0 3px; font-size:.85em; }
.divider {
    margin:10px 0;
    height:1px;
    background:#ccc;
    font-size:1px;
    line-height:1em;
    overflow:hidden;
    }



/********************** Pager */

table.pager select  { width:50px; margin:0 3px; }
table.pager { width:100%; background:url(../images/pager_bg.gif) repeat-x 0 100% #f9f9f9; height:30px; }
table.pager td { width:35%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 18px 0 18px;}
table.pager td.pages { text-align:center; }
table.pager ol,
table.pager li { display:inline; }
table.pager li { padding:0 2px; }
table.pager td.sort-by { width:30%; }
table.pager td.sort-by .active,
table.pager td.sort-by .active:hover { color:#444; }



/************************************************************/
/********************[ Mage_CSS_C Layout]********************/
/************************************************************/


/********************** Base Layout */

/* Structure */
.container      { width:960px; margin:0px auto 0 auto; text-align:left; }
.header         { background:url(../images/bg-header-1.gif); z-index:999; height:80px;  }
.middle         { min-height:400px; padding:0 0 0 0; }
.layout-1column { padding:10px 4px 10px 10px; }
.col-left       { float:left; min-height:500px; width:140px;}
.col-left2       { float:left; width:180px; solid #ddd;}
.col-right       { float:right; width:195px; margin-right:13px; }
.col-main       { float:right; width:816px; border-left:1px solid #ddd; }
.col-main2       { float:right; width:776px; min-height:400px; border-left:1px solid #ddd; }

/* Style */
.outline-creator { border:1px solid #ddd; border-bottom-color:#ddd; background:#fff; }
.col-main .padder{ padding-right:0px; position:relative; bottom:0px; }
.layout-3columns .padder { padding:0; }

/********************** Textabstand */

.textabstand { padding-top:10px; }



/********************** Header */

/* Logo */
.logo                 { float:left; padding:15px 0 0 20px;}
.store-switcher         { text-align:right; padding:7px 62px 0 0;}
.store-switch           { font-weight:bold; font-size:13px; padding-left:75px; }
.language-switcher      { float:right; margin:58px 18px 0 0;}
.language-switcher label{ color:#fff; }
.language-switcher .flag option { background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-left:2px; }
.telefonsupport   { float:right; padding:20px 10px 0 0;}
.topmenu                { padding-bottom:4px; }
.toplinks-bar           { background:url(../images/bg-navi.gif); color:#fff; padding:6px 10px 5px 4px; text-align:right; }
.toplinks-bar .top-links
.toplinks-bar .top-links,
.toplinks-bar .top-links li           { display:inline; }
.toplinks-bar .top-links li           { padding:0 0px 0 1px; }
.toplinks-bar .top-links a,
.toplinks-bar .top-links a:hover      { color:#fff; }
.toplinks-bar .top-links a            { padding:0 7px 0 0; background:url(../images/links_separator.gif) no-repeat 100% 50%; }
.toplinks-bar .top-links .last a      { padding:0; background:none; }
.search-bar             { padding:8px 12px 4px 12px; border-bottom:1px double #dedede; background:url(../images/pager_bg.gif) repeat-x 0 100% #f9f9f9; line-height:1.25em; }
.breadcrumbs            { float:left;}
.breadcrumbs li         { display:inline; line-height:18px; }
.breadcrumbs a,
.breadcrumbs a:hover     { color:#7f7f7f; }


/* Mini search */
.mini-search {float:right;}
.mini-search .input-text { color:#646464; width:180px; margin-right:2px; }

.search-autocomplete { border:1px solid #999; background:#f9f5f0; position:absolute; left:45px !important; top:22px !important; width:216px!important; }
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; }
.search-autocomplete li .amount { float:right; font-weight:bold; }
.search-autocomplete li.odd { background:#f6f6f6; }
.search-autocomplete li.selected { background:#ecf9ea; }



/********************** Startseite */

/* Buttons */
.startbutton1       { background:url(../images/werbebutton/sportschuhe-uebergroessen.jpg); height:350px; width:935px; border:1px solid #ddd; margin-bottom:10px; }
.startbutton1 .textfeld   { float:right; width:250px; padding:30px; }
.startbutton1 h1          { font-size:1.2em; }
.startbutton1 .dropdown  { padding:270px 0px 0px 405px; }
.startbutton1 .dropdown  li  { padding:5px; }
.startbutton2       { }
.startbutton2 ul,
.startbutton2 li    { display:inline; }
.startbutton2 li img  { border:1px solid #ddd;}
.startbutton2 .button1    { padding-right:5px;}
.startbutton2 .button2    { padding-right:5px;}
.startbutton2 .button3    { }

/* Markenlogos */
.markenlogos        { padding:0 0 10px 10px;}
.markenlogos ul,    { }
.markenlogos li     { display:inline; padding:20px; }
.markenlogos li img { vertical-align:middle; }

/* Siegel */
.trustedshoplogo   { float:right; padding:7px 14px 0 0; }
.trustedshoptext   { float:left; padding-top:15px;}


/* Sidebar Blocks */

.mini-newsletter                    { }
.mini-newsletter label              { float:left; font-size:13px; }
.mini-newsletter .input-box         { float:left; width:150px; }
.mini-newsletter .input-text        { width:140px; color:#646464;}

/********************** Footer */
.footer                               { margin:10px 0 10px 0; }
.footer .block1                  { width:270px; border-right:1px solid #ddd; }
.footer .block2                  { padding-left:10px; width:120px; border-right:1px solid #ddd; }
.footer .block3                  { padding-left:10px; width:120px; border-right:1px solid #ddd; }
.footer .block4                  { padding-left:10px; width:120px; border-right:1px solid #ddd; }
.footer .block5                  { padding-left:10px; width:120px; border-right:1px solid #ddd; }
.footer .block6                  { padding-left:20px; }