@import url(/style/template_css_shop.css);

/* Container*/
#container
    {
        position: relative;
        min-width: 600px;
        max-width: 1000px;
        min-height: 828px;
        background: #FFF;
        border: 1px solid #000;
        border-width: 0 1px;
        margin: 0 auto;
        padding: 3em;
    }

/* Search result suggestions */
#search-result-suggestions
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        background: #FFF;
        border: 1px solid #A86803;
        display: none;
    }

#search-result-suggestions h4
    {
        margin: 0.25em 0;
        padding: 0.25em 1em;
    }

#search-results ul
    {
        list-style: none;
        margin-bottom: 1em;
    }

/*
 #search-results a{
 display: block;
 padding: 0.25em 1em;
 }*/
#search-results a:link
    {
        font-size: 11px;
        color: #A86803;
        background-color: #fff;
        display: block;
        padding: 0.25em 1em;
    }

#search-results a:visited
    {
        font-size: 11px;
        color: #A86803;
        background-color: #fff;
        display: block;
        padding: 0.25em 1em;
    }

#search-results a:active
    {
        font-size: 11px;
        color: #A86803; /*#F39C11;*/
        background-color: #fff;
        display: block;
        padding: 0.25em 1em;
    }

#search-results a:hover
    {
        border-bottom: 1px solid #A86803;
        border-top: 1px solid #A86803;
        font-size: 11px;
        display: block;
        padding: 0.25em 1em;
        color: #fff;
        background-color: #F39C11;
    }

#search-results a.selected
    {
        font-size: 11px;
        color: #A86803;
        background: #fff;
    }

#search-results p
    {
        margin-bottom: 0.5em;
    }

/* THE BIG GUYS */ *
    {
        margin: 0;
        padding: 0
    }

body
    {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0;
        padding: 0;
        background-image: url(../img/bg.gif);
        background-color: #FFFFFF;
    }

/* HEADINGS */
h1
    {
        color: #000000;
        font-weight: bold;
        font-size: 22px;
        margin: 0px 0px 15px 0px;
        padding: 0px;
        width: auto;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #000000;
    }

h2
    {
        color: #000000;
        font-weight: bold;
        font-size: 16px;
        margin: 5px 0px 8px 0px;
        padding: 0px;
        text-align: left;
    }

/* LINKS GLOBAL */
a, a:link, a:hover
    {
        text-decoration: underline;
        cursor: pointer
    }

a, a:link
    {
        background: transparent;
    }

a:link
    {
        color: #a86803
    }

a:visited
    {
        color: #a86803
    }

a:hover, a:active
    {
        color: #a86803
    }

a img
    {
        border: none;
    }

a.thickbox img
    {
        border: solid 1px;
        border-color: #000;
    }

a.noborder img
    {
        border: none;
    }

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input
    {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
    }

textarea
    {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        border-width: 1px;
        border-style: solid;
        border-top-color: #4E4E4F;
        border-left-color: #4E4E4F;
        border-bottom-color: #AEAEAE;
        border-right-color: #AEAEAE
    }

select
    {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        border-width: 1px;
        border-style: solid;
        border-top-color: #4E4E4F;
        border-left-color: #4E4E4F;
        border-bottom-color: #AEAEAE;
        border-right-color: #AEAEAE
    }

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[ type = text], input[ type = password]
    {
        border-width: 1px;
        border-style: solid;
        border-top-color: #4E4E4F;
        border-left-color: #4E4E4F;
        border-bottom-color: #AEAEAE;
        border-right-color: #AEAEAE
    }

/* PARAGRAPH GLOBAL */
p
    {
        margin: 8px 0px 8px 0px
    }

.float_left
    {
        float: left;
    }

.float_right
    {
        float: right;
    }

.box_small_img
    {
        margin: 0pt 2px 3px 0pt;
    }

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr
    {
        padding-top: 1px;
        height: 0;
        overflow: hidden;
        margin: 0;
        line-height: 0px;
        background-color: #4E4E4F
    }

div.hrlightgrey
    {
        padding-top: 1px;
        height: 0;
        overflow: hidden;
        margin: 0;
        line-height: 0px;
        background-color: #999999
    }

div.hrproductpreview
    {
        padding-top: 1px;
        height: 0;
        overflow: hidden;
        margin: 12px 0px 12px 0px;
        display: inline;
        height: 0px;
        line-height: 0px;
        display: block;
        background-image: url(../img/hr_productpreview.gif)
    }

/* TABLE GLOBAL */
table td
    {
        padding: 0;
    }

/* WHOLE SITE WRAPPER */
#wrap
    {
        margin: 0 auto;
        width: 980px;
        background-color: #fff;
        border-style: solid;
        border-color: #fff;
        border-width: 0px 10px 0px 10px;
        min-height: 900px;
    }



/* POPUP WINDOWS */
#popupwrap
    {
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        padding: 0px 0px 0px 10px;
    }

#popupheaderwrap
    {
        background: url(../img/bg_topmenu.gif) repeat-x;
        height: 36px;
    }

#popupmenu
    {
        float: left;
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 36px;
        font-size: 13px;
        background: url(../img/bg_topmenu.gif) repeat-x;
    }

#popupmenu li
    {
        height: 36px;
        float: left;
        padding: 0px 25px 0px 25px;
        margin: 0;
        background: url("../img/bg_topmenu_breakline.gif") no-repeat;
        background-position: right;
    }

#popupmenu a, #popupmenu a:link, #popupmenu a:visited, #popupmenu a:hover, #popupmenu a:active
    {
        line-height: 36px;
        vertical-align: middle;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        color: #fff;
        margin: 0;
        padding: 0;
    }

#popupmenu a:hover
    {
        color: #DB9501;
    }

a.popuplink
    {
        padding-left: 20px;
        background: url(../img/printer.png) no-repeat center left;
    }

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header
    {
        height: 112px;
        background: #fff url("../img/headbg.jpg") no-repeat;
        border-bottom: 1px solid #fff;
        border-top: 10px solid #fff;
    }

#header #logo
    {
        width: 360px;
        height: 110px;
        float: left;
    }

#header #search
    {
        width: 600px;
        height: 75px;
        float: left;
        padding-left: 11px;
        padding-top: 38px;
    }

/*#header #search a {color:#fff; font-size:11px;}*/
#header td
    {
        padding-top: 1px;
        padding-right: 4px;
    }

/* BREADCRUMB PATH AS LIST */
#breadcrumb
    {
        clear: both;
        color: #C64934;
        background-color: #fff;
        padding-top: 1px;
        padding-bottom: 5px;
        background-image: url(../img/bg_breadcrumb.gif);
        background-repeat: repeat-x;
        font-size: 11px;
    }

breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active
    {
        line-height: 23px;
        text-decoration: none;
        font-weight: normal;
        cursor: pointer;
        color: #333333;
        margin: 0;
        padding: 0;
    }

#breadcrumb ul li
    {
        display: inline;
        padding: 0 5px 0 0;
        margin: 2px 0 0 0;
    }

#breadcrumb ul
    {
        list-style-image: url(../img/bg_breadcrumbarrow.gif);
        margin: 0;
        padding: 0;
        padding-left: 1em;
    }

/* TOPMENU AS LIST */
#topmenuwrap
    {
        background: url(../img/bg_topmenu.gif) repeat-x;
    }

#topmenu
    {
        float: left;
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 24px;
        font-size: 12px;
        background: url(../img/bg_topmenu.gif) repeat-x;
    }

#topmenu li
    {
        height: 24px;
        float: left;
        padding: 0px 25px 0px 25px;
        margin: 0;
        background: url("../img/bg_topmenu_breakline.gif") no-repeat;
        background-position: right;
    }

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active
    {
        line-height: 22px;
        vertical-align: middle;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        color: #fff;
        margin: 0;
        padding: 0;
    }

#topmenu a:hover
    {
        color: #DB9501;
    }

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages
    {
        text-align: right;
        height: 24px;
        font-size: 13px;
        background: url(../img/bg_topmenu.gif) repeat-x;
        margin: 0;
    }

/* currency SELECTION IN TOPMENU LIST */
#currencies
    {
        float: right;
        text-align: right;
        height: 26px;
        font-size: 13px;
        background: url(../img/bg_topmenu.gif) repeat-x;
        margin: 0;
    }

/* CONTENT WRAPPER */
#contentwrap
    {
        clear: both;
        width: 1024px;
        padding: 0;
        min-height: 500px;
    }

/* LEFT COLUMN */
#leftcol
    {
        float: left;
        width: 200px;
        padding: 0px 0px 15px 0px;
    }

/* RIGHT COLUMN */
#rightcol
    {
        float: right;
        width: 200px;
        padding: 0px 0px 15px 0px;
    }

/* MAIN CONTENT */
#content
    {
        float: left;
        width: 750px;
        padding: 0px 26px 0px 26px;
        margin-bottom: 15px;
    }

#contentfull
    {
        width: 890px;
        padding: 0px 30px 0px 30px;
        margin-bottom: 15px;
    }

/* CATEGORY MENU */
h2.categoryheader
    {
        background-color: #F3A807;
        background-image: url(../img/bg_boxheader.png);
        height: 28px;
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px 8px 0px 8px;
        margin: 0;
        line-height: 28px;
        vertical-align: middle;
    }

h2.categoryheader a
    {
        text-decoration: none;
        color: #fff
    }

ul.categorymenu .active, ul.categorymenu .active a
    {
        font-weight: 900;
        color: #000;
    }

/*ul.categorymenu .active a:before { content: none; } /*url(/eshop/templates/xt_default/img/oberkategorie.gif); }*/
ul.categorymenu
    {
        list-style-type: none;
    }

ul.categorymenu li
    {
        list-style-type: none;
        border: solid #fff;
        border-width: 1px 0px 0px 0px;
    }

ul.categorymenu li a
    {
        text-decoration: none;
        color: #222222;
        display: block
    }

ul.categorymenu li a:hover
    {
        font-weight: bold
    }

ul.categorymenu
    {
        background-color: #EDEDED;
        margin-bottom: 15px;
        border: solid #4E4E4F;
        border-width: 0px 1px 1px 1px;
    }

/* 1st TIER */
ul.categorymenu li.level1
    {
        background-color: #f39c11;
        padding: 4px 0px 4px 4px;
        font-size: 1.0em;
    }

/*
 ul.categorymenu li.level1:hover
 {
 background: #f39c11 url(/template/images/bg_categorymenu_a_hover.gif) left bottom repeat-x;
 }
 */
/* 2nd TIER */
ul.categorymenu li.level2
    {
        background-color: #fbaf15;
        padding: 4px 0px 4px 11px;
        font-size: 0.9em;
    }

/* 2nd TIER */
ul.categorymenu li.level2 a:before
    {
        content: url(/templates/xt_default/img/unterkategorie.gif);
    }

/* 2nd TIER */
ul.categorymenu li.level2.active a:before
    {
        content: url(/templates/xt_default/img/oberkategorie.gif);
    }

/* 3rd TIER */
ul.categorymenu li.level3
    {
        background-color: #fbaf15;
        padding: 4px 0px 4px 19px;
        font-size: 0.8em;
    }

/* 3nd TIER */
ul.categorymenu li.level3 a:before
    {
        content: url(/templates/xt_default/img/unterkategorie_3.gif);
    }

/* 3nd TIER */
ul.categorymenu li.level3.active a:before
    {
        content: url(/templates/xt_default/img/oberkategorie_3.gif);
    }

/* 4rd TIER */
ul.categorymenu li.level4
    {
        background-color: #fbaf15;
        padding: 4px 0px 4px 26px;
        font-size: 0.8em;
    }

/* 4nd TIER */
ul.categorymenu li.level4 a:before
    {
        content: url(/templates/xt_default/img/unterkategorie_3.gif);
    }

/* 4nd TIER */
ul.categorymenu li.level4.active a:before
    {
        content: url(/templates/xt_default/img/oberkategorie_3.gif);
    }

/* 5rd TIER */
ul.categorymenu li.level5
    {
        background-color: #fbaf15;
        padding: 4px 0px 4px 33px;
        font-size: 0.8em;
    }

/* 5nd TIER */
ul.categorymenu li.level5 a:before
    {
        content: url(/templates/xt_default/img/unterkategorie_3.gif);
    }

/* 5nd TIER */
ul.categorymenu li.level5.active a:before
    {
        content: url(/templates/xt_default/img/oberkategorie_3.gif);
    }

/* 6rd TIER */
ul.categorymenu li.level6
    {
        background-color: #fbaf15;
        padding: 4px 0px 4px 38px;
        font-size: 0.8em;
    }

/* 6nd TIER */
ul.categorymenu li.level6 a:before
    {
        content: url(/templates/xt_default/img/unterkategorie_3.gif);
    }

/* 6nd TIER */
ul.categorymenu li.level6.active a:before
    {
        content: url(/templates/xt_default/img/oberkategorie_3.gif);
    }

/* BOXES GLOBAL DEFINITION */
h2.boxheader
    {
        background-image: url(../img/bg_boxheader.png);
        height: 28px;
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px 8px 0px 8px;
        margin: 0;
        line-height: 28px;
        vertical-align: middle;
    }

h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited
    {
        text-decoration: none;
        color: #ffffff
    }

h2.boxmanufacturerheader
    {
        background-image: url(../img/bg_boxheader.png);
        height: 28px;
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px 8px 0px 8px;
        margin: 0;
        line-height: 28px;
        vertical-align: middle;
    }

h2.boxmanufacturerheader a:link, h2.boxmanufacturerheader a:hover, h2.boxmanufacturerheader a:active, h2.boxmanufacturerheader a:visited
    {
        text-decoration: none;
        color: #ffffff
    }

.boxbody
    {
        background-color: #ededed;
        border-style: solid;
        border-color: #4E4E4F;
        border-width: 0px 1px 1px 1px;
        padding: 8px;
        margin-bottom: 15px
    }

.boxbody h3, .boxbody h3 a
    {
        font-size: 11px
    }

.boxbody h3.center, .boxbody h3.center a
    {
        font-size: 11px;
        text-align: center
    }

.boxbody p
    {
        color: #000000;
        font-size: 11px;
        margin: 6px 0px 6px 0px
    }

.boxbody p.center
    {
        color: #000000;
        font-size: 11px;
        text-align: center;
        margin: 6px 0px 6px 0px
    }

.boxbody td
    {
        color: #000000;
        font-size: 11px;
        margin: 6px 0px 6px 0px
    }

.boxbody .productOldPrice
    {
        font-size: 11px;
        color: #FF0000
    }

.boxbody div.hr
    {
        margin-top: 5px;
        margin-bottom: 5px
    }

.boxbody div.hrlightgrey
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.boxbody a
    {
        font-size: 11px;
    }

.boxbody .productboximage
    {
        border: solid 1px #999999;
    }

/* INFO BOX */
.infoboxbody ul.contentlist
    {
        background-color: #fec66e;
        margin-bottom: 15px;
        border: solid #4E4E4F;
        border-width: 0px 1px 1px 1px;
    }

.infoboxbody ul.contentlist li
    {
        list-style-type: none;
        border: solid #fff;
        border-width: 1px 0px 0px 0px;
        color: #000;
    }

.infoboxbody ul.contentlist li a
    {
        text-decoration: none;
        color: #000;
    }

/* 1st TIER */
.infoboxbody ul.contentlist li.level1
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 6px;
        font-size: 1.0em;
        color: #000;
    }

/* 2nd TIER */
.infoboxbody ul.contentlist li.level2
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 24px;
        font-size: 0.9em;
        color: #000;
    }

/* 3rd TIER */
.infoboxbody ul.contentlist li.level3
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 40px;
        font-size: 0.8em;
        color: #000;
    }

/* 3rd TIER */
.infoboxbody ul.contentlist li.level4
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 54px;
        font-size: 0.8em;
        color: #000;
    }

/* 3rd TIER */
.infoboxbody ul.contentlist li.level5
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 66px;
        font-size: 0.8em;
        color: #000;
    }

/* 3rd TIER */
.infoboxbody ul.contentlist li.level6
    {
        background-color: #FFF2CC;
        padding: 4px 0px 4px 76px;
        font-size: 0.8em;
        color: #000;
    }

/* DISCOUNTPRICE */
.discountprice
    {
        font-size: 11px;
        color: #FF0000
    }

/* CART BOX */
h2.boxcartheader
    {
        background-image: url(../img/bg_boxheader.png);
        height: 28px;
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px 8px 0px 8px;
        margin: 0;
        line-height: 28px;
        vertical-align: middle;
    }

h2.boxcartheader a
    {
        text-decoration: none;
        color: #fff
    }

.boxcartbody
    {
        padding: 4px 8px 4px 8px;
        margin-bottom: 15px;
        background-color: #EDEDED;
        border-style: solid;
        border-color: #4E4E4F;
        border-width: 0px 1px 1px 1px;
    }

.boxcartbody p
    {
        font-size: 11px;
    }

/* MANUFACTURER BOX */
h2.boxcartheader
    {
        background-image: url(../img/bg_boxheader.png);
        height: 28px;
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px 8px 0px 8px;
        margin: 0;
        line-height: 28px;
        vertical-align: middle;
    }

h2.boxcartheader a
    {
        text-decoration: none;
        color: #fff
    }

ul#manufacturerslist
    {
        margin-left: 5px;
        margin-right: 0;
        padding: 0;
    }

ul#manufacturerslist li
    {
        margin-left: 0px;
        padding: 0;
        list-style-type: none
    }

/* PRODUCT PREVIEW */
.productPreview
    {
        padding: 0;
        margin: 0;
    }

.productPreviewContent
    {
        vertical-align: top;
        width: 100%
    }

.productPreviewContent h2
    {
        padding: 0;
        margin: 0px 0px 5px 0px;
    }

.productPreviewContent h2 a
    {
        font-size: 14px;
        font-weight: bold;
    }

.productPreviewImage
    {
        vertical-align: top;
        padding: 3px 15px 0px 0px;
    }

.productPreviewImage img
    {
        border: solid 1px #999999;
    }

.productPreviewContent .price
    {
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0
    }

.productPreviewContent .taxandshippinginfo
    {
        font-size: 11px;
        font-weight: normal;
        color: #999999;
        padding: 0;
        margin: 0
    }

.productPreviewContent .vpe
    {
        font-size: 11px;
        font-weight: normal;
        color: #999999;
        padding: 0;
        margin: 0
    }

.productPreviewContent .shippingtime
    {
        font-size: 11px;
        font-weight: normal;
        color: #999999;
        padding: 0;
        margin: 0
    }

.productPreviewContent .stockimage
    {
        margin: 0;
        padding: 0;
    }

.productPreviewContent .stockimagetext
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

.productPreviewContent .productOldPrice
    {
        font-size: 12px;
        font-weight: bold;
        color: #ff0000;
    }

.productPreviewContent .taxandshippinginfo a
    {
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

/* CROSS SELLING */
.productCrossSell
    {
        padding: 0;
        margin: 0;
    }

.productCrossSellContent
    {
        vertical-align: top;
        width: 100%
    }

.productCrossSellContent h2
    {
        padding: 0;
        margin: 0px 0px 5px 0px;
    }

.productCrossSellContent h2 a
    {
        font-size: 14px;
        font-weight: bold;
    }

.productCrossSellImage
    {
        vertical-align: top;
        padding: 3px 15px 0px 0px;
    }

.productCrossSellImage img
    {
        border: solid 1px #999999;
    }

.productCrossSellContent .price
    {
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0
    }

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap
    {
        display: table;
        width: 750px;
    }

#productinfoimages
    {
        float: left;
        background-color: #ffffff;
        text-align: center;
        margin: 0px 10px 10px 0px;
        border: none;
    }

#productinfoimages .productimage
    {
        border: solid 1px #999999;
    }

#productinfoimages .hrlightgrey
    {
        margin-top: 6px;
        margin-bottom: 6px;
    }

#productinfoimages li
    {
        list-style-type: none;
        min-height: 120px;
        min-width: 120px;
    }

/* min-height & min-width define for firefox */
#productinfo_desc, #productinfo_media, #productinfo_reviews
    {
        clear: both;
    }

#productinfopricewithimages
    {
        float: left;
    }

#productinfopricewithimages img
    {
        cursor: pointer;
        border: #000 thin
    }

#productinfopricewithoutimages
    {
        width: 100%
    }

#productinfopricewithoutimages img
    {
        cursor: pointer
    }

#productinfoprice
    {
        padding: 5px
    }

#productinfoprice .hrlightgrey
    {
        margin-top: 6px;
        margin-bottom: 6px;
    }

#productinfoprice .productprice
    {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }

#productinfoprice .productOldPrice
    {
        color: #FF0000;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: bold;
    }

#productinfoprice .taxandshippinginfo
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

#productinfoprice .taxandshippinginfo a
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

#productinfoprice .shippingtime
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

#productinfoprice .stockimage
    {
        margin: 0;
        padding: 0;
    }

#productinfoprice .stockimagetext
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

#productinfoprice .reviews_rating
    {
        margin: 0;
        padding: 0;
    }

#productinfoprice .reviews_text
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        color: #999999;
    }

.reviews_rating_light .reviews_rating_dark
    {
        background: transparent url(../img/review_star.png) repeat-x scroll 0%;
        height: 15px;
        position: relative;
    }

.reviews_rating_light
    {
        background: transparent url(../img/review_star_light.png) repeat-x scroll 0%;
        height: 15px;
        margin-right: 5px;
        position: relative;
        width: 80px;
    }

p.productinfoproductadded
    {
        font-size: 11px;
    }

.productoptions
    {
        background-color: #FFF2CC;
        padding: 6px;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #DA9401
    }

.addtobasket
    {
        background-color: #EDEDED;
        padding: 6px;
        text-align: right;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #999999
    }

.addtobasketlisting
    {
        padding: 6px;
        text-align: right;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #4e4e4f;
        background: #fbaf15
    }

/* POPUPS PRODUCTINFO */
body.popupproductinfo
    {
        padding: 15px;
        background: none;
        background-color: #fff
    }

/* POPUP print_order.html */
body.popupprintorder
    {
        font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
        font-size: 13px;
        padding: 15px;
        background: none;
        background-color: #fff
    }

body.popupprintorder .products tr.header td
    {
        font-weight: bold;
        background-color: #EDEDED;
    }

body.popupprintorder .products .total
    {
        text-align: right
    }

body.popupprintorder .products .quantity
    {
        vertical-align: top
    }

body.popupprintorder .productname
    {
        vertical-align: top
    }

body.popupprintorder .model
    {
        vertical-align: top
    }

body.popupprintorder .singleprice
    {
        vertical-align: top
    }

body.popupprintorder .totalprice
    {
        vertical-align: top
    }

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox
    {
        padding: 15px;
        background-color: #FFF2CC;
        border: solid #E9D28F 1px
    }

div.highlightbox ul
    {
        margin-left: 15px;
        padding: 0;
        display: block;
        list-style-type: square;
        line-height: 20px
    }

div.highlightbox h1
    {
        color: #BE8100;
        padding: 0px 0px 10px 0px;
        margin: 0;
        border: none;
        font-size: 16px
    }

div.highlightbox div.hr
    {
        height: 1px;
        line-height: 1px;
        margin: 0;
        padding: 0;
        display: block;
        border-bottom: solid 1px #E9D28F;
    }

/* PAYMENT TYPE SELECTION */
table.paymentblock
    {
        background-color: #FFF2CC;
        border-style: solid;
        border-width: 0px 1px 1px 1px;
        border-color: #E9D28F;
        margin-bottom: 15px;
    }

table.paymentblock tr td.header
    {
        background-color: #DA9401;
        padding: 2px;
        padding-left: 5px;
        color: #FFFFFF;
        font-weight: bold;
    }

/* SHIPPING TYPE SELECTION */
table.shippingblock
    {
        background-color: #FFF2CC;
        border-style: solid;
        border-width: 0px 1px 1px 1px;
        border-color: #E9D28F;
        margin-bottom: 15px;
    }

table.shippingblock tr td.header
    {
        background-color: #DA9401;
        padding: 2px;
        padding-left: 5px;
        color: #FFFFFF;
        font-weight: bold;
    }

table.shippingblock tr td
    {
        vertical-align: top;
    }

table.shippingblock tr td.description
    {
        width: 100%;
        vertical-align: top;
        padding-left: 6px;
    }

table.shippingblock tr td.radiobutton
    {
        vertical-align: top;
        white-space: nowrap;
        padding: 4px;
    }

table.shippingblock tr td.radiobutton input
    {
        margin: 0;
        padding: 0;
    }

table.shippingblock tr td.price
    {
        vertical-align: top;
        white-space: nowrap
    }

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body
    {
        width: 130px;
    }

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox
    {
        padding: 5px;
        background-color: #FFF2CC;
        border: solid #E9D28F 1px;
        margin-bottom: 8px;
    }

table.downloadbox tr td.icon
    {
        padding-right: 15px;
    }

table.downloadbox tr td.downloadlink
    {
        width: 100%;
    }

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice
    {
        font-size: 11px;
        text-align: left;
        margin-top: 5px;
    }

table.graduatedprice tr td.header
    {
        font-size: 12px;
        font-weight: bold;
        text-align: left
    }

/* ORDER DETAILS */
table.tabledetails
    {
        font-size: 11px;
        background-color: #FFF2CC;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #4e4e4f;
    }

table.tabledetails tr td
    {
        padding: 4px
    }

table.tabledetails tr.headerrow td
    {
        background-color: #f39c11;
        color: #FFFFFF;
        font-weight: bold
    }

table.tabledetails tr.headerrow td.left
    {
        text-align: left
    }

table.tabledetails tr.headerrow td.center
    {
        text-align: center
    }

table.tabledetails tr.headerrow td.right
    {
        text-align: right
    }

/* ORDER DETAILS CONTENT ROW 1 */
table.tabledetails tr.contentrow1 td
    {
        background-color: #FFF2CC;
        vertical-align: top
    }

table.tabledetails tr.contentrow1 td.left
    {
        text-align: left
    }

table.tabledetails tr.contentrow1 td.center
    {
        text-align: center
    }

table.tabledetails tr.contentrow1 td.right
    {
        text-align: right
    }

/* ORDER DETAILS CONTENT ROW 2 */
table.tabledetails tr.contentrow2 td
    {
        background-color: #FFEAAB;
        vertical-align: top
    }

table.tabledetails tr.contentrow2 td.left
    {
        text-align: left
    }

table.tabledetails tr.contentrow2 td.center
    {
        text-align: center
    }

table.tabledetails tr.contentrow2 td.right
    {
        text-align: right
    }

/* ORDER DETAILS SUBTOTAL */
table.tabledetails tr td.subtotal
    {
        background-color: #FFEAAB;
        text-align: right;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #DA9401;
    }

/* REVIEW LIST */
table.reviewlist
    {
        font-size: 11px;
        font-weight: normal;
    }

table.reviewlist tr td
    {
        padding: 4px;
        white-space: normal
    }

table.reviewlist tr.header td
    {
        background-color: #DA9401;
        color: #FFFFFF;
        font-weight: bold
    }

table.reviewlist tr.contentrow1 td
    {
        background-color: #FFF2CC;
    }

table.reviewlist tr.contentrow2 td
    {
        background-color: #FFEAAB;
    }

textarea#review
    {
        width: 100%
    }

/* MEDIA LIST */
table.medialist
    {
        background-color: #FFF2CC;
        border-style: solid;
        border-width: 1px;
        border-color: #DA9401;
    }

table.medialist tr td
    {
        padding: 6px;
        white-space: nowrap;
        vertical-align: top
    }

table.medialist tr.contentrow1 td
    {
        background-color: #FFF2CC;
    }

table.medialist tr.contentrow2 td
    {
        background-color: #FFEAAB;
    }

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea
    {
        width: 100%
    }

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea
    {
        width: 100%
    }

p.checkoutrescission textarea
    {
        width: 100%
    }

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation
    {
    }

ul#checkoutnavigation li
    {
        height: 70px;
        list-style-type: none;
        float: left;
        width: 185px;
        margin-right: 15px;
        border: solid 1px;
        padding: 8px
    }

ul#checkoutnavigation li.active
    {
        background-color: #FFEAAB
    }

ul#checkoutnavigation li.active .number
    {
        font-size: 20px;
        font-weight: bold
    }

ul#checkoutnavigation li.active .title
    {
        font-size: 14px;
        font-weight: bold
    }

ul#checkoutnavigation li.active .description
    {
        font-size: 11px
    }

ul#checkoutnavigation li.inactive
    {
        color: #999999;
        background-color: #EDEDED;
        border-color: #999999
    }

ul#checkoutnavigation li.inactive .number
    {
        font-size: 20px;
        font-weight: bold
    }

ul#checkoutnavigation li.inactive .title
    {
        font-size: 14px;
        font-weight: bold
    }

ul#checkoutnavigation li.inactive .description
    {
        font-size: 11px
    }

/* ERROR MESSAGES */
ul.info_error
    {
        border: solid 2px #B22020;
        background-color: #FFD6D6;
        padding: 8px
    }

ul.info_error li
    {
    }

ul.info_error li.infoError
    {
        list-style: none;
        padding: 5px 0px 2px 20px;
        background-image: url(../img/icons/icon_error.png);
        background-repeat: no-repeat;
        background-position: 0px 4px
    }

ul.info_warning
    {
        border: solid 2px #C39700;
        background-color: #FFE89A;
        padding: 8px
    }

ul.info_warning li
    {
    }

ul.info_warning li.infoWarning
    {
        list-style: none;
        padding: 5px 0px 2px 20px;
        background-image: url(../img/icons/icon_alert.gif);
        background-repeat: no-repeat;
        background-position: 0px 4px;
        background-color: #FFE89A
    }

ul.info_success
    {
        border: solid 2px #4DAA30;
        background-color: #BDFFA9;
        padding: 8px
    }

ul.info_success li
    {
    }

ul.info_success li.infoSuccess
    {
        list-style: none;
        padding: 5px 0px 2px 20px;
        background-image: url(../img/icons/icon_accept.gif);
        background-repeat: no-repeat;
        background-position: 0px 4px;
        background-color: #BDFFA9
    }

ul.info_info
    {
        border: solid 2px #0EADFF;
        background-color: #C5EBFF;
        padding: 8px
    }

ul.info_info li
    {
    }

ul.info_info li.infoInfo
    {
        list-style: none;
        padding: 5px 0px 2px 20px;
        background-image: url(../img/icons/icon_info.png);
        background-repeat: no-repeat;
        background-position: 0px 4px;
        background-color: #C5EBFF
    }

/* FOOTER */
.footer
    {
        clear: both;
        text-align: center;
        font-size: 11px;
        color: #666666;
        background: #f39c11 url("../img/footerbg.jpg") repeat-x;
        padding: 8px;
        margin-bottom: 5px;
    }

.footer a
    {
        color: #ffffff;
        text-decoration: underline;
    }

/* xt:Commerce COPYRIGHT */
.copyright
    {
        margin: 0 auto;
        background-color: #FFFFFF;
        text-align: center;
        color: #666666;
        font-size: 11px;
    }

/* xt:Commerce ParseTime */
.parseTime
    {
        margin: 0 auto;
        background-color: #FFFFFF;
        text-align: center;
        color: #666666;
        font-size: 11px;
    }

/* SITE Navigation */
div#NAVIGATION
    {
        clear: both;
        vertical-align: middle;
    }

div#NAVIGATION .COUNT
    {
        float: left;
        bottom: 0px;
        height: 20px;
        line-height: 15px;
        margin: 5px 0px 0px 0px;
        padding: 2px 5px 0px 5px;
        vertical-align: middle;
        font-size: 11px
    }

div#NAVIGATION .PAGES
    {
        float: right;
        bottom: 0px;
        height: 20px;
        line-height: 15px;
        margin: 5px 0px 0px 0px;
        padding: 2px 5px 0px 5px;
        vertical-align: middle;
        font-size: 11px;
        word-spacing: 5px
    }

/* PRODUCTS Sorting */
p.products_sort
    {
        padding: 5px;
        background-color: #FFF2CC;
        border: solid #E9D28F 1px;
        margin-bottom: 8px;
    }

.products_sort
    {
        height: 25px;
        padding: 5px;
        background-color: #605f5f;
        border: solid #000000 1px;
        margin-bottom: 8px;
    }

.products_sort form
    {
        float: left;
    }

/*AGB*/
div#checkout_agb
    {
        height: 200px;
        width: 100%;
        overflow: auto;
        padding: 2px;
        border: solid #000000 1px;
        text-align: left;
    }

div#checkout_rescission
    {
        height: 200px;
        width: 100%;
        overflow: auto;
        padding: 2px;
        border: solid #000000 1px;
        text-align: left;
    }

/* AJAX Search */
/* Container*/
#container
    {
        position: relative;
        min-width: 600px;
        max-width: 1000px;
        min-height: 828px;
        background: #FFF;
        border: 1px solid #000;
        border-width: 0 1px;
        margin: 0 auto;
        padding: 3em;
        color: #000;
    }

.countryflags
    {
        width: 130px;
        margin: 2px 0px 5px 2px;
        padding: 3px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #777777;
        display: none;
    }

/* Konfigurator */
.confTitle
    {
        margin: 0px 0px 0px 0px !important;
        padding: 5px 0px 0px 0px !important;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid #000;
    }

.confName
    {
        font-size: 11px;
        font-weight: bold;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 5px 0px 0px !important;
    }

.confValue
    {
        font-size: 11px;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px !important;
    }

.navigation_link
    {
        padding-left: 5px
    }

.navigation_selected
    {
        padding-left: 5px
    }

/* 20090806 1152 - UMSTELLUNG STARTSEITEN-BOXEN AUF CSS */
.markise_wrap h3
    {
        float: right;
        width: 210px;
        height: 40px;
        background: url(/template/startseite/markise.gif) right center no-repeat;
    }

.markise_wrap h3 span
    {
        display: none;
    }

.h3_border
    {
        clear: right;
        display: block;
        margin: 0 0 5px 0;
        border-bottom: 1px solid #000;
    }

.kasten_wrap h4
    {
        margin: 0 0 5px 0;
        font-weight: normal;
        font-size: 1.3em;
    }

.trenner
    {
        margin: 7px 0 0 0;
    }

.markise_wrap a, .markise_wrap a:hover, .kasten_wrap a, .kasten_wrap a:hover, .winter_wrap a, .winter_wrap a:hover
    {
        text-decoration: none;
        border: 0;
        color: #000;
    }

.markise_wrap
    {
        position: relative;
        margin: -185px 0 0 350px;
        width: 360px;
        height: 190px;
        line-height: 1.15em;
        font-size: .9em;
    }

.markise_farben
    {
        float: right;
        font-size: .8em;
        margin-top: 15px
    }

.markise_preis
    {
        float: left;
        margin: 10px 0 0 0;
    }

.kasten_wrap
    {
        width: 750px;
        height: 90px;
    }

.winter_wrap
    {
        width: 750px;
        height: 150px;
    }

.winter_baebber
    {
        position: relative;
        margin: -145px 0 0 240px;
        width: 200px;
        height: 45px;
    }

.winter_baebber2
    {
        position: relative;
        margin: 40px 0 0 280px;
        width: 185px;
        height: 45px;
    }

.winter_baebber3
    {
        position: relative;
        margin: -153px 0 0 540px;
        width: 175px;
        height: 45px;
    }

.gurtwickler_baebber
    {
        position: relative;
        margin: -70px 0 0 25px;
        width: 200px;
        height: 45px;
        line-height: 1.15em;
        font-weight: bold;
        font-size: 1em;
    }

.gurtwickler_baebber a
    {
        color: #cc0000;
    }

.gurtwickler_baebber h4 a
    {
        color: #000000;
    }

.gurtwickler_baebber2
    {
        position: relative;
        margin: -145px 0 0 405px;
        width: 175px;
        height: 45px;
    }

.gurtwickler_baebber3
    {
        position: relative;
        margin: 35px 0 0 450px;
        width: 175px;
        height: 45px;
    }

.rollladenmotor_baebber
    {
        position: relative;
        margin: -70px 0 0 25px;
        width: 190px;
        height: 45px;
        line-height: 1.15em;
        font-weight: bold;
        font-size: 1em;
    }

.rollladenmotor_baebber a
    {
        color: #cc0000;
    }

.rollladenmotor_baebber h4 a
    {
        color: #000000;
    }

.rollladenmotor_baebber2
    {
        position: relative;
        margin: -145px 0 0 490px;
        width: 175px;
        height: 45px;
    }

.rollladenmotor_baebber3
    {
        position: relative;
        margin: 60px 0 0 270px;
        width: 210px;
        height: 45px;
    }

.rollladen_baebber
    {
        position: relative;
        margin: -75px 0 0 25px;
        width: 190px;
        height: 45px;
        line-height: 1.15em;
        font-weight: bold;
        font-size: 1em;
    }

.rollladen_baebber a
    {
        color: #cc0000;
    }

.rollladen_baebber h4 a
    {
        color: #000000;
    }

.rollladen_baebber2
    {
        position: relative;
        margin: -160px 0 0 340px;
        width: 175px;
        height: 45px;
    }

.rollladen_baebber3
    {
        position: relative;
        margin: 85px 0 0 490px;
        width: 200px;
        height: 45px;
    }

.zeitschaltuhr_baebber
    {
        position: relative;
        margin: -65px 0 0 25px;
        width: 190px;
        height: 45px;
        line-height: 1.15em;
        font-weight: bold;
        font-size: 1em;
    }

.zeitschaltuhr_baebber a
    {
        color: #cc0000;
    }

.zeitschaltuhr_baebber h4 a
    {
        color: #000000;
    }

.zeitschaltuhr_baebber2
    {
        position: relative;
        margin: -160px 0 0 460px;
        width: 175px;
        height: 45px;
    }

.zeitschaltuhr_baebber3
    {
        position: relative;
        margin: 52px 0 0 440px;
        width: 200px;
        height: 45px;
    }

/* 20100108 | MS - Style Kategorietexte */
.cattext
    {
        margin: 0 0 20px 0;
        font-size: 11px;
        line-height: 1.4em
    }

.cattext a
    {
        color: #000000
    }



/* Login */
.registerform {
	width:736px;
	font-family:Arial;
	font-size:12px;
}
.sectionhead {
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	padding: 8px;
	font-weight: bold;
}
.sectionmain {
	padding-top:20px;
	padding-bottom:35px;
}
.sectionitem {
	padding-top:10px;
}
.leftcolumn {
	width:250px;
	float:left;
	text-align:right;
	padding-top:3px;
}
.rightcolumn {
	width:270px;
	float:left;
	text-align:left;
	padding-left:20px;
}
.farright {
	padding-top:4px;
	float:left;
	text-align:left;
	font-size:10px;
}
.clear {
clear:both;
font-size:0;
height:0;
line-height:0;
}
.dropdown {
width:256px;
font-size:12px; 
border:1px solid #CCCCCC;
padding:2px;
}
/* Login Ende */

/* Tooltip */
A.tip { 
    TEXT-DECORATION: none 
} 
A.tip:hover { 
    CURSOR: help; POSITION: relative;
} 
A.tip SPAN {    DISPLAY: none } 
A.tip:hover SPAN { 
    BORDER-RIGHT: #333 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #333 1px dotted; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 100; BACKGROUND:#FFC no-repeat 100% 5%; LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #333 1px dotted; WIDTH: 180px; PADDING-TOP: 5px; BORDER-BOTTOM: #333 1px dotted; POSITION: absolute; TOP: 10px; TEXT-DECORATION: none; text-align:left; color:#000; font-size:11px }
/* Tooltip Ende */

.konfi_hinweis {
cursor:pointer;
height:77px;
margin-left:530px;
padding:0;
position:absolute;
width:209px;
z-index:99;
border:0px solid;
background: url(../img/info_advice.png) no-repeat;
}