/* @override
    https://dsq206.com/templates/dps/frontend/_resources/styles/style.css
    http://dps206.dev/templates/dps/frontend/_resources/styles/style.css
*/

 /**
    Shopware 3.5 Template default stylesheet
    http://shopware.de

    This stylesheet contains all styled elements
    which are used in the default template. Please notice
    that we've placed all color codes in a different
    stylesheet called colors.css.

    If you wish to customize Shopware for your needs
    please refer to www.shopware.de/wiki for
    more informations.


    @package        default
    @subpackage        css
    @category        design
    @version        v1
    @author            stp/Shopware AG <info@shopware.ag>
    @copyright        Copyright (c) 2010 Shopware AG (http://www.shopware.de)
*/
*:focus{
    outline: 0 none;
}

html{
    font:        normal 11px/18px ProximaNova-Regular, "Helvetica Neue", Helvetica, sans-serif;
    padding:     0px 0 0;
    line-height: 1.3em;
	-moz-font-feature-settings: "liga=0" !important;
    -moz-font-feature-settings: "liga" 0 !important;
    /** -webkit-font-feature-settings: "liga" 0 !important; @see DPS-873 */
    height: 100%;
}
body{
    -moz-font-feature-settings: "liga=0" !important;
    -moz-font-feature-settings: "liga" 0 !important;
    /** -webkit-font-feature-settings: "liga" 0 !important; @see DPS-873 */
    background-color: #ffffff;
    height: 100%;
}
p{
    -moz-font-feature-settings: "liga=0" !important;
    -moz-font-feature-settings: "liga" 0 !important;
    /** -webkit-font-feature-settings: "liga" 0 !important; @see DPS-873 */
}
div.success p{
    margin: 0;
}
.container{
    width:      940px;
    margin:     0 auto 0;
    text-align: left;
}

table .right{
    text-align: right;
    float:      none;
}

fieldset{
    border:  0 none;
    margin:  0;
    padding: 0;
}

label{
    display:     inline-block;
    line-height: 16px;
    margin:      0;
    margin-top: 0.5em;
    min-width: 75px;
}

.chklabel {
	padding-left: 5px;
}

.ajax_loader{
    display:    inline-block;
    background: url("../images/icons/ico_ajax-loader.gif") no-repeat;
    height:     16px;
    width:      16px;
    padding:    0 2px;
	display:    none;
}
.ajax_loader_bright{
    background: url("../images/icons/ico_ajax-loader.gif") no-repeat !important;
}
.ajax_loader_dark{
    background: url("../images/icons/ico_ajax-loader_dark.gif") no-repeat !important;
}
#cartSlide {
    position: relative;
}
#cartSlide .ajax_loader{
	padding-left: 20px;
    position: absolute;
    right: 0;
    top: 5px;
}

hr {
    position: static;
}

hr.grey {
    height: 1px;
}

hr.flyout{
    background: none;
    border-top: 1px #cccccc solid;
    position:   relative;
}
hr.clear,
br.clear{
    clear: both;
}
hr.filterline{
	border: 0;
    border-top: 1px #cccccc solid;
    margin: 0;
    padding: 0;
    height: 0;
}

b {
	font-family: ProximaNovaA-SemiBold;
	font-stretch: normal;
	font-weight: normal;
}

select{
    border:           1px solid #ddd;
    background-color: #ffffff;
}

.doubleborder{
    border-bottom: 0.3em double;
    margin:        0 0 0.5em;
}

.no_picture{
    display:    block;
    background: url("../images/no_picture.jpg") no-repeat center center;
    height:     100px;
    width:      100px;
}

.no_picture.small{
    height: 57px;
    width:  57px;
}

.noscript_notice{
    width:  980px;
    margin: 0 auto;
}

textarea{
    resize: none;
}
.iframe textarea{
    height: 100px !important;
}

.block{
    overflow: hidden;
}

/*    HEADING BOX
    ------------------------ */
#content .headingbox,
#content .headingbox_nobg,
#content .headingbox_dark{
    height:  20px;
    display: inline;
    margin: 0;
}

#content .headingbox_nobg{
    background: 0 none;
    height:     18px;
}

#content .headingbox_dark{
    /*display: inline-block;*/ /* breaks chrome >23 */
}

#content .largesize{
    color:          #000000;
    text-transform: uppercase;
    font:           18px/32px ProximaNova-SemiBold;
    height:         30px;
}

div.blog_navi .headingbox,
#right h2.headingbox_nobg,
#right h2.headingbox{
    border-right: 0 none;
}


/*    HEADING BOX FINISH PAGE
    ------------------------ */
.finish #content h2.largesize{
    min-height:     30px;
    height: 		auto;
}

.finish #content h2.largesize > span.frontend_checkout_finish{
    display: 		block;
}

/*    HEADLINES
    ------------------------ */
h2,
h3{
    line-height: 22px;
}

h2{
    font-size: 18px;
    margin:    10px 0 5px;
}

.custom h2 {
	text-transform: uppercase;
	font: 12px/21px ProximaNovaA-SemiBold;
	margin-top: 0;
	margin-bottom: 0;
}

h3{
    font-size: 14px;
    margin:    0 0 5px 0;
}

/*    ICONS
    ------------------------ */
a.del{
    background: url("../images/icons/ico_delete.png") no-repeat;
    display:    block;
    height:     21px;
    width:      24px;
}

a.link{
    display: block;
}

.ico_new, .ico_not_in_stock, .ico_sale, .ico_tipp, .ico_esd{
    display:        inline-block;
    font-size:      100%;
    letter-spacing: -1px;
}

.ico_new, .ico_not_in_stock{
    background-color: #000000;
    color:            #ffffff;
    margin:           0 0 0 6px;
    padding:          1px 5px 0px 5px;
	text-transform: uppercase;
	font-size: 12px;
}

.ico_sale{
    background-color: #000000;
    color:            #ffffff;
    margin:           0 0 0 6px;
    padding:          1px 5px 0px 5px;
	text-transform: uppercase;
	font-size: 12px;
}

.detail_new{
    background-color: #000000;
    color:            #ffffff;
    font-size: 12px;
    margin:           0 0 0 6px;
    padding:          3px 5px 1px 6px !important;
    line-height: 14px;
	text-transform: uppercase;
}

#article_details .detail_new,
#article_details .detail_sale {
	position: relative;

}

.detail_sale{
    background-color: #000000;
    color:            #ffffff;
    font-size: 12px;
    margin:           0 0 0 6px;
    padding:          3px 5px 1px 6px !important;
	text-transform: uppercase;
}

div.ico_new span, div.ico_not_in_stock span{
    display: block;
    width:   68px;
    margin:  5px 0 0 32px
}

div.ico_esd{
    position:   absolute;
    top:        -3px;
    right:      74px;
    width:      94px;
    height:     24px;
    background: url("../images/sprite_listing.gif") no-repeat 0 0px;
    z-index:    210;
}

div.ico_esd span{
    display:    block;
    width:      94px;
    text-align: center;
    margin:     3px 0 0 0;
}

div.ico_tipp{
    z-index:    210;
    position:   absolute;
    top:        -4px;
    right:      10px;
    width:      57px;
    height:     25px;
    background: url("../images/sprite_listing.gif") no-repeat 0 -24px;
}

div.ico_tipp span{
    display:    block;
    text-align: center;
    margin-top: 4px;
}

/* Flags */

/* Flags */
#topbar .flag{
    display:     block;
    width:       16px;
    height:      11px;
    text-indent: -9999px;
    margin:      8px 5px 0 0;
    float:       left;
}

/*    @group HEADER */
#header{
    position: absolute;
    width:    940px;
    height:   150px;
    z-index:  100;
}

#home #header{
    position:  relative;
    margin: 0 auto;
    z-index:   100;
    width:    940px;
}

#logo{
    text-align: center;
}

#logo a{
    width:       150px;
    height:      119px;
    text-indent: -9999px;
    display:     block;
    top:         10px;
    position:    absolute;
    left:        -10px;
}

#logo a.bright{
    background: url("../images/logo_dark.png") no-repeat center;
}

#logo a.dark{
    background: url("../images/logo_bright.png") no-repeat center;
}

#logo a.hidden{
    display: none;
}

/* @end */

/*    LANGUAGE AND CURRENCY
    ------------------------ */
/* @group SHOPNAVIGATION Account, Notes, Basket */
#shopnavi{
    position:      fixed;
    right:         0px;
    top:           45%;
    padding-right: 30px;
    z-index:       3000;
}

#shopnavi .newbasket{ /* make it sticky */
    z-index: 999999;
    display: none;
}

.bubbleInfo {
	position: relative;
}

.bubbleInfo .popup {
	background:         #000000;
	color:              #f5f5f5;
	padding:            10px;
	position:           absolute;
	opacity:            0;
	width:              200px;
	left:               -125px;
	bottom:             100%;
	margin-bottom:      22px;
	visibility:         hidden;
	z-index:            1001;

	-moz-box-shadow:    0 0 10px #484848;
	-webkit-box-shadow: 0 0 10px #484848;
	box-shadow:         0 0 10px #484848;
	text-transform:     uppercase;
	-webkit-transition: opacity .25s ease-in;
    -moz-transition:    opacity .25s ease-in;
    -o-transition:      opacity .25s ease-in;
    transition:         opacity .25s ease-in;
}

#shopnavi .bubbleInfo .popup {
	margin-bottom: -125px !important;
	left: -105px !important;
}

.bubbleInfo .popup.red {
	background-color: #a50101;
}

.bubbleInfo .popup p {
	margin: 0;
	padding: 0;
}

.bubbleInfo .popup:after {
    position: absolute;
    bottom: -15px;
    left: 160px;
    content:"";
    display:block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #000;
}

.bubbleInfo .popup.red:after {
	border-top: 15px solid #a50101;
}

.bubbleInfo:hover .popup{
	display:    block;
	visibility: visible !important;
	opacity:    1 !important;
}
.bubbleInfo .popup:hover{
	display:    block;
	visibility: visible !important;
	opacity:    1 !important;
}

#shopnavi .display{
    margin:   5px 0 22px 0;
    position: static;
}

#shopnavi .display .top{
    margin-top: 5px;
}

#display_basket{
    border:                1px solid #999999;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    display:               inline-block;
    margin:                -5px 0 0 0;
    padding:               5px;
    text-align:            center;
    white-space:           nowrap;
    width:                 125px;
}

#display_basket.success {
	background-color: #6fc201;
	color: #fff;
}

#shopnavi .icon{
    position: static;
}

#shopnavi.ui-state-default,#shopnavi .icon a{
    display:     block;
    background:  url("../images/bag.png") no-repeat center;
    width:       135px;
    height:      95px;
    text-indent: -9999em;
    margin: 0 auto;
}

#shopnavi .quantity{
    padding: 0 0 0 2px;
}

#shopnavi .sep{
    padding: 0 3px;
}

#shopnavi .ui-state-default{
    border: none !important;
    width:  135px;
/*    margin: -1px; */
}
#shopnavi .ui-state-default a{
    border: 1px #bbbbbb solid;
    width:  135px;
    margin: -1px 0 -1px 0;
}
#shopnavi .ui-state-hover{
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    width:  135px;
/*    margin:                -1px; */
}
#shopnavi .ui-state-hover a{
    border:                1px dashed #333;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    width:                 135px;
    margin:                -1px 0 -1px 0;
}

#shopnavi .ajax_basket_container{
    border:     1px solid;
    width:      210px;
    height:     22px;
    margin-top: 5px;
    background: url("../images/backgrounds/bg_ajaxbasket.png") repeat-x;
}

#shopnavi .ajax_basket_container .ajax_basket{
    height:     16px;
    padding:    4px 10px 0 10px;
    cursor:     pointer;
    background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat scroll 200px 9px;
}

#shopnavi .ajax_basket_container div.ajax_loader{
    background: url("../images/icons/ico_ajax-loader.gif") no-repeat;
    height:     16px;
    width:      16px;
    display:    none;
    position:   absolute;
    right:      25px;
    top:        46px;
}
/* @end */
/* @group My options */
.my_options{
    position: relative;
    float:    right;
    width:    auto;
}


.my_options li{
    display:        block;
    float:          left;
    margin-left:    2px;
    color:          #757575;
    font:           11px/26px ProximaNovaA-SemiBold;
    text-transform: uppercase;
}

.my_options li form select{
    padding:    5px;
    margin-top: 4px;
}

.my_options li a{
    padding-right: 10px;
    color:         #757575;
}

.my_options li.button a{
    padding:                            0 10px 0 14px;
    display:                            block;
    float:                              left;
    background:                         url("../images/header_button_gradient.gif") repeat-x left center;
    height:                             23px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius:  5px;
    -moz-border-radius-bottomright:     5px;
    -moz-border-radius-bottomleft:      5px;
    border-bottom-right-radius:         5px;
    border-bottom-left-radius:          5px;
    margin-left:                        2px;
    text-transform:                     uppercase;
    color:                              #ffffff;
    font:                               11px/25px ProximaNovaA-SemiBold;
    white-space: nowrap;
}

.my_options li.button a.film{
    padding:                            0 10px 0 20px;
    display:                            block;
    background:                         url("../images/icons/ico_film.png") no-repeat left center !important;
    height:                             23px;
    text-transform:                     uppercase;
    color:                              #757575;
    font:                               11px/25px ProximaNovaA-SemiBold;
    position:                           absolute;
    right:                              660px;
    width:                              70px;
}

.my_options a.close{
    background-image: none !important;
    background-color: #000000 !important;
}
/* @see: https://wizmos.atlassian.net/browse/DPS-815 */
.my_options ul#videoBtns {
	display:none;
}
/* @end */

/* @group Ajax basket result */
.ajax_basket_result{
    display:    none;
    top:        27px;
    right:      -2px;
    padding:    10px;
    width:      280px;
    border:     1px solid;
    text-align: left;
    position:   absolute;
    z-index:    9000;
    left:       200px;
    top:        100px;
}

.ajax_basket_result .button-left{
    padding: 0 10px 0 35px;
}

.ajax_basket_result .inner_cart{
    border:        1px solid;
    margin-bottom: 10px;
}

.ajax_basket_result .inner_cart div{
    position:      relative;
    margin-bottom: 1px;
    height:        25px;
    padding:       5px;
    z-index:       20;
}

.ajax_basket_result .inner_cart div.last{
    margin: 0;
}

.ajax_basket_result .inner_cart .thumbnail{
    float:        left;
    width:        30px;
    height:       30px;
    margin-right: 4px;
    margin:       0;
    padding:      0;
    text-align:   center;
}

.ajax_basket_result .inner_cart span{
    margin: inherit;
}

.ajax_basket_result .inner_cart span.title{
    width:   190px;
    margin:  6px 0 0 8px;
    display: block;
}

.ajax_basket_result .inner_cart div.picture,#shopnavi .ajax_basket_result span{
    display: inline-block
}

.ajax_basket_result .inner_cart div.picture a{
    width:   30px;
    height:  30px;
    display: block
}

.ajax_basket_result .inner_cart .price{
    position: absolute;
    right:    5px;
    top:      10px;
}

.ajax_basket_result .inner_cart span.title a{
    text-transform: none;
}

.ajax_basket_result .right a{
    margin: 0;
    width:  56px;
}
/* @end */
/*    MAINCATEGORIES
    ------------------------ */

.downdiv{ /* DIV im Megaflyout */
    background-image:   url("../images/meny_white_transparent.png");
    -moz-box-shadow:    0px 1px 5px #666666;
    -webkit-box-shadow: 0px 1px 5px #666666;
    box-shadow:         0px 1px 5px #666666;

    transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in; /* Firefox 4 */
    -webkit-transition: opacity .15s ease-in; /* Safari and Chrome */
    -o-transition: opacity .15s ease-in; /* Safari and Chrome */
    opacity: 0;
    visibility: hidden;

    left:               -160px; /* 20px - zum Deaktivieren der zentrierten Flyout-Anordnung -> es muss zusätzlich noch die Funktion in advanced_menu.tpl deaktiviert werden! */
    position:           absolute;
    top:                40px;
    width:              940px; /* auto - zum Deaktivieren der zentrierten Flyout-Anordnung */
    z-index:            2000;
}

#mainNavigation{
    line-height:  20px;
    position:     absolute;
    top:          92px;
    left:         160px;
    padding-left: 20px;
    width:        90%;
}

#mainNavigation li{
    float:    left;
    position: static;
}

#mainNavigation a{
    display:        block;
    padding:        5px 10px 10px 10px;
    font-family:    ProximaNovaA-SemiBold;
    text-transform: uppercase;
}

#mainNavigation a.first{
    padding-left: 0;
}

#dark a,
#dark a:link,
#dark a:visited{
    color: #ffffff;
}

#mainNavigation a.active{
    text-decoration: underline;
}

#mainNavigation .dropdown a.active{
    text-decoration: none !important;
}

#mainNavigation .dropdown a.active:hover,
label a {
    text-decoration: underline !important;
}

.campaign-text{
    overflow: hidden;
    position: absolute;
    top:      150px;
}

.campaign-links{
    overflow: hidden;
    position: absolute;
    top:      350px;
}

#mainNavigation ul li ul{
    position: absolute;
}
#mainNavigation ul li ul.deeplevel0{
    display:     block;
    margin:      0 auto;
    padding:     10px 20px 0 0;
    position:    relative;
    white-space: nowrap;
    width:       auto;
    z-index:     999999;
}

#mainNavigation .deeplevel0 li{
    display:     inline !important;
    float:       left !important;
    position:    relative;
    white-space: nowrap;
    width:       auto; /* Schalter für dynamische oder fixe Breite der Menüspalten */
}
#mainNavigation .deeplevel0 li.cat_small{
    width:       auto !important; /* Schmale Breite für Punkte ohne Submenü */
}

#mainNavigation ul li ul.deeplevel1{
    display:    inline-block !important;
    left:       0 !important;
    margin-top: 40px;
    position:   absolute !important;
}


/*#mainNavigation ul li ul {display: block;}*/ /* Drop down menu */
/*#mainNavigation ul li.dropactive a,*/
#mainNavigation ul li.dropactive:hover a{
    height:           25px;
    position:         relative;
    z-index:          9999999;
    background-image: url("../images/meny_white_transparent.png");
    color:            #000000;
}

#mainNavigation ul li ul.deeplevel1:hover a{
    height:           25px;
    position:         relative;
    z-index:          3000;
    background-image: none;
    color:            #000000;
}

#mainNavigation ul li a.bright {
    color: #000000;
}

#mainNavigation ul li a.dark {
    color: #ffffff;
}

#mainNavigation ul>li.dropactive:hover{
    -moz-box-shadow:    0px -1px 5px 0px #666666;
    -webkit-box-shadow: 0px -1px 5px 0px #666666;
    box-shadow:         0px -1px 5px 0px #666666;
}

#mainNavigation ul>li>ul>li.dropactive:hover{
    -moz-box-shadow:    0px 0px 5px #666666;
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow:         0px 0px 5px #666666;
}

/*#mainNavigation li ul.dropdown,
    #mainNavigation li ul.droplevel, */
div.flyoutdiv{
    display: block;
}
/* don't touch! */
#mainNavigation li:hover ul.dropdown,
#mainNavigation li:hover ul.deeplevel0{
    display:            inline-block;
    margin:             0 auto;
    position:           relative;
    z-index:            2000;

}
#mainNavigation li:hover .downdiv{
    display: block;
    opacity: 1;
    visibility: visible;
}

#mainNavigation ul.deeplevel1 li{
    position: relative;
    display: block !important;
    float: none !important;
    width: 120px;
}
#mainNavigation ul li ul.dropdown li a{
    padding: 0 12px 0 12px;
    margin:  0;
    color:   #000000;
}
#mainNavigation ul.deeplevel1 li a{
    padding:   0px 10px;
    margin:    0 0 -12px 0 !important;
    color:     #666666 !important;
    font-size: 10px !important;
}
/*#mainNavigation ul li.dropactive ul.dropdown li.sub,*/
#mainNavigation ul li.dropactive:hover ul.dropdown li.sub{}

#mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover{}

/*#mainNavigation ul li.dropactive ul.dropdown li a,*/
#mainNavigation ul li.dropactive:hover ul.dropdown li a{
    border:      0 none;
    background:  0 none;
    display:     block;
    height:      30px;
    line-height: 30px;
    /* width:       250px; */
}

/*#mainNavigation ul li.dropactive ul.droplevel,*/
#mainNavigation ul li.dropactive:hover ul.droplevel{
    display:  none;
    position: absolute;
    left:     250px;
    top:      0;
/*    width:    250px; */
}

/*#mainNavigation ul li.dropactive li.sub ul.droplevel ,*/
#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel{
    display: block;
}

#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel ul.droplevel{
    display: none;
}

#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel li:hover ul.droplevel{
    display: block;
}

/*    BREADCRUMB
    ------------------------ */
div#breadcrumb{
    margin:      0;
    display:     block;
    padding:     0 15px;
    height:      40px;
    line-height: 36px;
    top:         190px;
    z-index:     1000;
    display:     none;
}

div.blog_picture{}

div#breadcrumb strong{
    /*font-weight: 500*/
}

#breadcrumb .sep{
    padding: 0 2px;
}

/*    SIDEBAR LEFT
    ------------------------ */ /*    SIDEBAR RIGHT
    ------------------------ */
#content #right{
    overflow: hidden;
}

/* Register */

.register{
    overflow: hidden;
}

div.required_fields.span-5.last.textright{
    height:      40px;
    line-height: 40px;
}

#street,
#street2,
#zipcode,
#zipcode2 {
	margin-right: 5px;
}

#streetnumber,
#streetnumber2,
#zipcode,
#zipcode2 {
	width: 63px;
}



/*    CONTENT CENTER
    ------------------------ */

div.fieldset,
.background_box_grey {
    background-color:      #f5f5f5;
    margin-bottom:         15px;
    border-radius:         5px;
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    padding:               15px 0 10px 0;
    overflow:              hidden;
}

.payment .payment_method {
	margin-bottom: 0px;
	padding-bottom: 0;
}

.background_box_grey.span-5 {
	width: 340px;
	padding: 15px;
	position: relative;
}

#theStoreContent div.span-5.last,
#serviceContent div.span-5.last {
	width: 375px;
}

.background_box_grey.span-10 {
	width: 730px;
	padding: 15px;
	position: relative;
}

.method.background_box_grey {
	padding-bottom: 50px;
}

input.text,
input[type=text],
input[type=password],
input[type=email],
input.title,textarea,
#login input{
    border-radius:         3px;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
    margin:                0.5em 0;
    padding:               5px;
}

input[type=checkbox],
input[type=radio] {
    padding-top: 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

input.large {
    height:  36px;
    padding: 1px 0 0 0;
}

input.non-hover.large:hover {
    background: #000 !important;
}

input.smallButton.right {
    margin-right: 1px;
}

select option{
    padding-right: 20px;
}

.payment div.fieldset{
    padding-top: 0;
}


div.payone{
    margin: 0px;
    width: 725px !important;
}

div.payone table{
    width: 725px;
}

div.payone table td{
}

div.payone table tr td:first-child{
    text-align:  right;
    font-family: ProximaNovaA-SemiBold;
}


.bankdata .span-10 {
	width: 725px;
}


.ctl_account .payment_method .bankdata {
	padding-left: 15px;
}

.adminbox {
	margin-top: 2px;
}

.ie9.windows .adminbox {
    margin-top: 6px !important;
}

.head_item {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}

.payment_method .notice {
	border: 1px solid #333;
	width: 642px !important;
	background: #fff;
	padding: 10px;
	position: relative;
	margin-top: 10px;
	float: left;
}

.payment_method .expandable {
	margin-top: 10px;
	padding-left: 33px;
	width: 690px;
}

.payment_method .notice p {
	margin: 0;
	padding: 0;
	position:  relative;
}

#login input.text{}

#confirm .table_premium{
    padding-bottom: 15px;
}

#confirm .comment textarea{
    height: 105px;
    width:  490px;
    margin: 5px 15px;
}

#confirm .more_info label.chklabel {
	padding-top: 5px;
}

#confirm div.comment{
    overflow: hidden;
    margin:   15px 0;
    height: 164px;
}

#confirm div.revocation{
    margin:           15px;
    background-color: #ffffff;
    border:           1px solid #333333;padding: 5px;
    height:           145px;
    overflow-x:       hidden;
    overflow-y:       scroll;
}

#confirm .more_info p,
#confirm .more_info h4{
    padding-left: 15px;
}
#confirm .agb_accept,
#confirm .agb_info{
    padding:     0 15px;
    margin:      0;
    line-height: 14px !important;
    font-size:   12px;
    float:       none;
    clear:       both;
}

#confirm #checkoutBasketButton{
    width: auto !important;
    padding-left: 25px;
    padding-right: 25px;
}

.ctl_checkout input[type=checkbox],
.ctl_checkout input[type=radio],
.ctl_account input[type=checkbox],
.ctl_account  input[type=radio] {
    margin-top: 1em;
}
#register_personal_salutation_mr,
#register_personal_salutation_ms {
    margin-top: 0;
}

#sNewsletter {
	float: left;
}

input#newsletter.auto_submit {
	float: left;
}

div.method_last{
    overflow:      hidden;
    padding:       10px 0;
    border-bottom: 2px solid #fff;
}
div.method_last{
    border-bottom: 0;
}
div.method input.radio,
div.method_last input.radio,
div.method label.description,
div.method_last label.description{
    float:       left;
    margin-left: 10px;
}
div.method label.description,
div.method_last label.description,
.payone th strong{
    padding-top: 5px;
    line-height: 16px;
}
.payone th strong{
    display:      inline-block;
    padding-top:  3px;
    padding-left: 5px;
    color:        #000000;
}

.ctl_custom .width_90 {
	width: 90%;
}

.custom.column_1 p,
h1.text, h2.text, h3.text {
	font-size: 12px !important;
	line-height: 21px !important;
	text-align: justify;
}

.custom.column_1 p {
	margin-bottom: 21px;
}

.nomargin {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

#content{
    position:    relative;
/*    z-index: 0; */
    padding-top: 185px;
}

#content.no_top_padding {
    padding-top: 45px;
}
#content.null_top_padding {
    padding-top: 0px;
}
#center div.cat_text h1{
    margin-bottom:  5px !important;
    margin-top:     -15px !important;
    text-transform: uppercase;
}
/*
#center.custom.span-10.last {
	padding-left: 170px;
    width:    770px;
}
*/

#mainpopupcontent h1 {
	font-family: ProximaNovaA-Regular;
}
.custom h1 {
    margin-bottom: 2px !important;
    text-transform: uppercase;
    font: 22px ProximaNovaA-Regular;
}

.custom p a {
    text-decoration: underline;
}

.custom p a.small {
    text-decoration: none;
}


.custom ul,
.custom ol{
    margin-bottom: 10px;
}

.custom ul li{
    list-style-position: inside;
    list-style-type:     square;
}

.custom ol li{
    list-style-position: inside;
    list-style-type:     decimal;
}

#product-filters{
    margin: 0 0 10px -6px;
    width:  80%;
    float:  left;
}

.ctl_detail #content{
    padding-top: 200px;
    z-index:     49;
}

#home #content{
    position:    relative;
    z-index:     0;
    width:       100%;
    padding-top: 0;
}

#content div.inner{
    position: relative;
}

#home #content div.inner{
    position:  relative;
    height:    950px;
    min-width: 1000px;
    margin-top: -150px;
}

/*    GENERAL LISTING
    ------------------------ */
.artbox .artbox_thumb{
    margin-top: 10px;
    height:     105px;
    display:    block;
    text-align: center;
}

.artbox .artbox_detail{
    margin-top: 10px;
    text-align: center;
    display:    none;
}
.artbox.ui-draggable-dragging .artbox_detail{
    display: block !important;
}
.artbox.ui-draggable-dragging{
    width:   325px;
}

#drop_basket{
    padding: 150px 0 0 0;
    margin:  -150px 0 0 0;
}

.artbox.span-3.ui-draggable-dragging{
    width: 225px;
}

.artbox a.supplier{
    display:        block;
    margin:         0 0 3px 0;
    text-align:     center;
    font:           13px ProximaNovaA-SemiBold;
    text-transform: uppercase;
}

.artbox a.title{
    display:        block;
    font-size:      12px;
    margin:         0 0 3px 0;
    text-align:     center;
    font:           13px ProximaNova-Regular;
    width:          94%;
    text-transform: uppercase;
    padding: 0 3%;
}

.artbox p.desc{
    font-size:      11px;
    line-height:    13px;
    text-align:     center;
    text-transform: uppercase;
}

.artbox p.price,
.artbox p.pseudoprice{
    text-align: center;
    margin: 0 0 10px 0;
}

.artbox p.pseudoprice{
    bottom: 77px;
    font:   13px ProximaNova-Regular;
}

.artbox span.price{
    font-size:     14px;
  /*  font-weight:   700;*/
    margin-bottom: 5px;
    font:          13px ProximaNovaA-SemiBold;
}

.artbox span.pseudo{
    text-decoration: line-through;
    margin-right:    5px;
}

.artbox .unit{
    font-size:   10px;
    position:    absolute;
    bottom:      115px;
    /*font-weight: 700;*/
}

.artbox .actions{
    position:         absolute;
    left:             0px;
    background-color: #000000;
    overflow:         hidden;
    padding:          5px 0;
    width:            100%;
    bottom:           0;
}

.bigartbox .actions a,
.artbox .actions a,
.listing_actions .offers{
    display:     block;
    position:    relative;
    line-height: 20px;
}

.listing_actions a.offers{
    color:  #000000;
    float:  none;
    margin: 0;
    clear:  both;
}

.bigartbox .actions a,
.artbox .actions a,
.listing_actions .offers,
div#notes .table_row .action a,
div#last_notes .table_row .action a,
div#cartnotes .table_row .action a,
.blogbox a.more_info,
.content_listing a.more_info,
.bt_allsupplier,
div#notes .table_row .action a.basket,
div#last_notes .table_row .action a.basket,
div#cartnotes .table_row .action a.basket{
    color:          #ffffff;
    padding-left:   20px;
    padding-top:    2px;
    background:     url("../images/sprite_listing_buttons.gif") left 0 no-repeat;
    text-transform: uppercase;
    width:          80%;
    height: 		20px;
    margin-left:    45px;
    text-overflow:	ellipsis;
	white-space: nowrap;
}

.bigartbox .actions a{
    margin-left: 20px;
}

.bigartbox .actions a.more:hover,
.bigartbox .actions a.buynow:hover,
.bigartbox .actions a.note:hover,
.artbox .actions a.more:hover,
.artbox .actions a.buynow:hover,
.artbox .actions a.note:hover,
.listing_actions .offers:hover,
.blogbox a.more_info:hover,
.content_listing a.more_info:hover,
.bt_allsupplier:hover{
    color:               #757575;
    background-position: left -21px;
    text-decoration:     none;
}

/* special hover information */
.artbox div.options,.artbox div.actions,.artbox div.variants{
    display: none;
}

#listing-3col .artbox.over .options,
#listing-3col .artbox.over .artbox_detail,
#listing-3col .artbox.over .variants{
    display: block;
}


.artbox.over .actions{
    display: block;
}

.artbox.over .artbox_thumb{
    display: none;
}

/* Base price */
.artbox .article_price_unit p,
.artbox .article_price_unit_pseudo p{
    margin-bottom: 0;
    font-size:     10px;
}

.artbox_tiny{
    height: 100px;
    float:  left;
}

.width-25p{
    width: 25%;
}

.artbox_tiny .inner{
}

.artbox_tiny a.artbox_thumb{
    display: block;
    height:  100px;
    width:   100%;
}

.artbox_tiny /* Offers */ /* Related */


/* Promotion */

.promo_text,
.promo_slider,
.promo_banner {
	margin-bottom: 25px !important;
}

.promo_text .span-10.block {
    overflow:visible;
}

.promo_text .span-10 p {
    text-align: justify;
    padding-right:5px;
}


#listing-3col .artbox {
    position:      relative;
    height:        425px;
    margin-bottom: 25px;
}

#listing-3col .artbox.span-3 {
	width: 240px;
}

#listing-3col .artbox.over .inner{
    position:           absolute;
    background-color:   #ffffff;
    top:                0;
    left:               0;
    border:             1px solid #ccc;
    margin:             -1px;
    z-index:            300;
    width:              240px;
    padding-bottom:     78px;
    -moz-box-shadow:    0px 0px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 10px #cccccc;
    box-shadow:         0px 0px 10px #cccccc;
}

#listing-3col .artbox .actions{
    position: absolute;
    bottom:   0px;
}

#listing-3col .artbox .artbox_thumb,
.artbox.ui-draggable-dragging .artbox_thumb{
    height: 260px;
    margin: 0 0 13px 0;
}

#listing-3col .artbox div.ico_esd{
    right: 8px;
    top:   24px;
}

#listing-3col .artbox p.pseudoprice{
    bottom: 52px;
}

#listing-3col .artbox p.desc{
    margin: 0 0 0.8em
}

.artbox.ui-draggable-dragging p.pseudoprice,
.artbox.ui-draggable-dragging p.price,
.artbox.ui-draggable-dragging .actions,
.artbox.ui-draggable-dragging .supplier,
.artbox.ui-draggable-dragging .title,
.artbox.ui-draggable-dragging p.desc{
    display: none;
}

/* draggable ui */
.artbox.ui-draggable-dragging .inner{
    -moz-box-shadow:    0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow:         0px 0px 10px #ccc;
}

.ui-draggable-dragging{
    background-color: #ffffff;
    z-index:          1000;
}

.productDetailImage.ui-draggable-dragging{
    height:     145px;
    width:      175px;
    text-align: center;
    position:   relative;
    display:    block;
}

.productDetailImage.ui-draggable-dragging a{
    display: block;
    height:  100%;
    width:   100%;
}

.ui-draggable-dragging .productImage {
	display: none;
}


#listing-3col .artbox .artbox_detail,
.artbox.ui-draggable-dragging .artbox_detail{
    height: 260px;
    margin: 0 0 13px 0;}

#listing-3col .artbox.ui-draggable-dragging .inner {
    padding-bottom: 0;
}

/*    2 COL LISTING
    ------------------------ */
#listing-2col .artbox {
    width: 307px;
    position: relative;
}

#listing-2col .artbox .inner {
    height: 255px;
    width: 287px;
}

#listing-2col .artbox .artbox_thumb {
    height: 140px;
    margin-top: 0;
}

#listing-2col .artbox .actions {
    position: absolute;
    bottom: 15px;
    width: 287px;
}

#listing-2col .artbox .price {
    bottom: 5px;
    margin: 0;
}

#listing-2col .artbox .title {
    margin: 5px 0;
}

#listing-2col .artbox .unit {
    right: 10px;
    bottom: 80px;
}

#listing-2col .artbox p.pseudoprice {
    bottom: 8px;
}

#listing-2col .artbox .article_price_unit,#listing-2col .artbox .article_price_unit_pseudo
    {
    position: absolute;
    bottom: 80px;
    right: 5px;
    width: 135px;
}

#listing-2col .artbox .article_price_unit .baseprice,#listing-2col .artbox .article_price_unit_pseudo .baseprice
    {
    display: block
}

/*    1 COL LISTING
    ------------------------ */
#listing-1col .artbox {
    margin: 10px 0 45px 0;
    border-bottom: 0 none;
    position: relative;
    height: 500px;
}

#listing-blog .artbox .inner {
    height: 145px;
    width: 609px;
}

#listing-1col .artbox.over .productImage {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    margin: -1px;
    z-index: 300;
    padding-bottom: 75px;
    display: block;
    -moz-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 10px #ccc;
}

#listing-3col div.artbox.hover.ui-draggable.over div.inner div.productImage {

    display: none;
}

#listing-blog .artbox .artbox_thumb {
    display: block;
    width: 105px;
}

#listing-1col .artbox .artbox_thumb {
    display: block;
    width: 100%;
    height: 450px;
    margin-top: 0px;
}

#listing-1col .artbox .productImage {
    width: 315px;
    overflow: hidden;
    float: left;
    text-align: center;
}

#listing-1col .artbox a.title {
    padding-left: 0;
}

#listing-blog .artbox a.title {
    position: absolute;
    top: 15px;
    left: 125px;
    width: 330px;
}

#listing-blog .artbox p.desc {
    position: absolute;
    top: 45px;
    left: 125px;
    width: 330px
}

#listing-blog .artbox .actions {
    position: absolute;
    bottom: 15px;
    width: 125px;
    left: 635px;
}

#listing-1col {

}
#listing-1col .artbox a.title,
#listing-1col .artbox .supplier,
#listing-1col .artbox p.desc,
#listing-1col .artbox .actions,
#listing-1col .artbox p.price,
#listing-1col .artbox p.pseudoprice {
    text-align: left;
}
#listing-1col .artbox a.more,
#listing-1col .artbox .buynow,
#listing-1col .artbox a.compare,
#listing-1col .artbox a.more,
#listing-1col .artbox a.note,
#listing-1col .artbox .buynow {
    width: 250px !important;
    text-align: left;
}



#listing-blog .artbox p.price {
    top: 15px;
    left: 635px;
    text-align: left;
    display: block;
    width: 100px
}

#listing-1col .artbox.hover div.inner .span-5 {
    margin-top: 120px;
}

#listing-blog .artbox div.ico_esd,
#listing-1col .artbox div.ico_esd {
    right: 200px;
}

#listing-blog .artbox .unit,
#listing-1col .artbox .unit {
    bottom: 90px;
    right: 45px;
    width: 100px;
    text-align: left;
    display: block
}

#listing-blog .artbox p.pseudoprice
    {
    bottom: 110px;
    right: 45px;
    left: auto;
    width: 100px;
    display: block;
}

#listing-1col .artbox.last {
}

#listing-blog .artbox div.ico_tipp,
#listing-1col .artbox div.ico_tipp {
    right: 5px;
}

#listing-1col .artbox p.price,
#listing-1col .artbox p.pseudoprice,
#listing-1col .artbox .unit    {
    width: 380px;
}

#listing-1col .artbox .article_price_unit,
#listing-1col .artbox .article_price_unit_pseudo {
    position: absolute;
    left: 125px;
}

/*    BLOG CROSS SELLING
    ------------------------ */ /*    ARTICLE DETAIL
    ------------------------ */ /* General */ /* Navigation */
/* Article details middle */ /* Configurator */
/* Upprice configurator */

/* Accessories */
#buybox .accessory_container p {margin: 0;}
#buybox .accessory_container h2 {width: 228px;}
#buybox .accessory_container label {width: 200px;cursor:pointer;}
#buybox .accessory_container input.chkbox {float:right;margin-right: 5px;}
#buybox .accessory_container label:hover {text-decoration: underline;}
#buybox .accessory_container .accessory_group {margin:0 0 10px 0; position: relative;width: 100%;}

/* Accessory overlay */
#content #buybox .accessory_container .accessory_overlay {position: absolute;
    left: -250px;
    top: -30px;
    display: none;
    z-index:20;}
#content #buybox .accessory_container .accessory_overlay .artbox {margin: 0;}
#content #buybox .accessory_container .accessory_overlay .inner {width: 230px;height: 220px;}
#content #buybox .accessory_container .accessory_overlay p.price, #content #buybox .accessory_container .accessory_overlay p.pseudoprice {bottom: 10px;left:10px;}
#content #buybox .accessory_container .accessory_overlay p.price {bottom: 0px;}
#content #buybox .accessory_container .accessory_overlay .unit {bottom: 40px; left:10px;}

/* Notification */ /* Description */

/* @group Tabs */
.ui-tabs {
    position: relative;
    padding:0;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav a span {
    float: left;
}

.ui-tabs .ui-tabs-nav a span.star {
    float: left;
    display: block;
    margin: 1px 0 0 5px;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 .6em 0px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    border: 1px solid;
    background-color: #fff;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a
    {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
    {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background-image: none;
    font-family:      ProximaNovaA-SemiBold;
}
.ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover a{
    text-decoration: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a{
    font-family:     ProximaNovaA-SemiBold;
    text-decoration: underline !important;
}

.custom .ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}

/* @end */

/* Detailinfo */ /* Similar */ /* Comments */ /* Captcha */
#detail #tabs .ui-tabs-panel label {
    width: 180px;
    display: block;
    float: left;
    margin-top: 8px;
}

#detail #tabs .ui-tabs-panel input.text {
    width: 250px;
    float: left;
}

#detail #tabs .ui-tabs-panel textarea {
    width: 250px;
    height: 150px;
}

#detail #tabs .ui-tabs-panel .captcha img,.captcha .code {
    display: block;
    float: left;
}

#detail #tabs .ui-tabs-panel .captcha .code label {
    width: 260px;
    padding-left: 20px;
    display: block;
    float: none;
}

#detail #tabs .ui-tabs-panel .captcha .code input {
    width: 260px;
    margin-left: 20px;
}

#detail #tabs .ui-tabs-panel .buttons {
    text-align: right;
    margin-right: 20px;
}

#detail #tabs .ui-tabs-panel .buttons input {
    width: 145px;
}

#detailbox_right h1 {
    font: 18px ProximaNovaA-SemiBold;
    margin-bottom: 2px;
    text-transform: uppercase;
}
#detailbox_right h1 a.supplier_link {
	background: url("../images/ico_link.gif") no-repeat right top;
	padding-right: 23px;
}

#detailbox_right h2 {
    font: 14px ProximaNovaA-Regular;
    margin: 4px 0 0 0;
    text-transform: uppercase;
}
#detail div.article_details_price,#detail div.article_details_price2,
.bundle_container .price {
    font: 18px ProximaNovaA-SemiBold;
    margin: 15px 0 4px 0;
}

#buybox .bookmarks {
	float: none !important;
	overflow: hidden;
	width: 99%;
	margin-bottom: 10px;
	text-align: right;
}

#buybox .bookmarks a {
	display: inline-block;
	float: none;
}

#article_details{
    margin: -10px 0 0 0;
}
#article_details div.article_details_bottom p.tax_attention.modal_open, #article_details div.article_details_price_unit{
    font: 10px ProximaNova-Regular;
    text-transform: uppercase;
    color: #999;
}
p.deliverable1, p.deliverable2, p.deliverable3{
    font: 10px ProximaNovaA-SemiBold;
    text-transform: uppercase;
    margin-top: 0px;
}

#confirm p.deliverable2 {
    color: red;
}

#article_details div.article_details_bottom div.PseudoPrice em {
    text-decoration: line-through;
    padding-right: 10px;
}

#article_details div.article_details_bottom div.PseudoPrice span.sale {
    background-color: #000;
    color: #fff;
    font: 14px/16px ProximaNovaA-Regular;
    padding: 2px 5px;
    text-transform: uppercase;
}

#article_details div.article_details_bottom div.article_details_price2 div.PseudoPrice{
    margin-bottom: 5px;
    display:       inline-block;
}

#article_details div.article_details_bottom div.PseudoPrice span {
    padding-right: 5px;
}

#detail div.accordion .accordion_headline{
    font: 13px ProximaNovaA-SemiBold;
    line-height: 15px;
    padding: 9px 0;
    border: 0;
    border-top: 1px solid #ccc;
    border-radius: 0;
    text-transform: uppercase;
    clear: both;
}
#detail div.accordion .description_headline {
    font: 13px ProximaNovaA-SemiBold;
    line-height: 15px;
    margin-top: 10px;
    border: 0;
}
#detail .accordion_headline:last-child {
    border-bottom: 1px solid #ccc;
}

#detail div.accordion h1,#detail div.accordion h2,#detail div.accordion h3,#detail div.accordion h4
    {
    font: 13px ProximaNova-Regular;
    color: #000;
}

#detail div.accordion p,#detail div.accordion .ui-widget-content {
    font: 12px/22px ProximaNovaA-Regular;
    color: #000;
    overflow: visible;
	text-align: justify;
}
#detail div.accordion .content a {
    text-decoration: underline;
}

.accordion li {
    background:          transparent;
    margin:              6px 0 0 14px !important;
    width:               auto !important;
    height:              auto !important;
    list-style-position: outside !important;
    list-style-image:    url("../images/bullet_point.gif") !important;
	line-height: 21px;
}

.content.ui-accordion-content ul li {
	font-size: inherit;
}

span.ui-icon {
    width: 23px;
    height: 23px;
    background: url("../images/icons/ico_accordion.png") no-repeat !important;
}

a span.ui-icon {
    width: 23px;
    height: 23px;
    background: url("../images/form/filter-option.png") 10px 5px no-repeat !important;
}

.bundle_container a.image {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background: no-repeat center top;
}

.bundle_container .plus {
	float: left;
	padding: 45px 5px;
}

.bundle_container .discount {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 15px;

	font: 10px ProximaNova-Regular;
	text-transform: uppercase;
	color: #999;
}

.bundle_container .action {
	width: 100%;
	overflow: hidden;
	float: left;
	clear: both;
}

#article_information {
    margin-top: 18px;
}
#article_information div.content.ui-accordion-content.ui-accordion-content-active
    {
    margin-bottom: 10px;
}

span.ui-icon.dps-icon-circle-plus {
    background-position: 0 0 !important;
}

.accordion_headline:hover span.ui-icon.dps-icon-circle-plus {
    background-position: -23px 0 !important;
}

span.ui-icon.dps-icon-circle-minus {
    background-position: 0 -23px !important;
}

.accordion_headline:hover span.ui-icon.dps-icon-circle-minus {
    background-position: -23px -23px !important;
}

/* Configurator Upprice */
#buybox .upprice_config strong {
    display: block;
}

#buybox .upprice_config p {
    margin: 0;
}

#buybox .upprice_config select {
    float: none;
    margin-bottom: 14px;
    width: 240px;
}

/* @group Additional links menu */
/* @end */

/* @group BASKET PAGE */


/* @end */
/* @group General table styling */

.table {margin: 0 !important;}
.table .table_head, .table .table_row, .table .table_foot, .table .table_premium {margin: 0 !important; width: 100%;}
.table .table_head {height:15px;
padding: 10px 0 10px 0px;
    border-bottom: 1px solid;
    font-family: ProximaNovaA-SemiBold;
    background-color: #f5f5f5;
}
#confirm .table .table_head {
    background-color: #fff !important;
}

.table .table_row, .table .table_foot {min-height: 20px;border-bottom: 1px solid; border-top: 0 none;padding: 10px 0px 10px 0px;overflow: hidden;
}
.table .lastrow {border-bottom: 1px solid;}
.table .table_row .no_image {width: 57px; height:57px;margin:12px 0 0 10px;}
.table .table_foot #aggregation_left {width: 130px;}
.table .table_foot #aggregation_left p, .table .table_foot #aggregation p {margin-bottom: 0.5em;}
.table .table_foot #aggregation_left .tax, .table .table_foot #aggregation .tax {height:32px;}
.table .table_row a.thumb_image {margin: 0px 0 0 10px;display: block; float: left;
}
.table .table_row a.thumb_image img {margin: 0 auto;display: block;}
.table .table_row .span-2.last {
	width: 152px;
}

.table .row1 {
text-indent: 5px;
}

.table .table_row .last.textright .textright {
margin-right: 15px;;
}

span.frontend_account_order_item.shopware_studio_snippet {
	font-size: 12px;
	line-height: 21px;
}

/* @end */

.table .table_row .col-1 .first {
	clear: both;
}

/* @group Nested tables */
/* @end */
/* @group Basket */
/* @end */
/* @group Premium selection */
.table .table_premium h5 {margin: 0px 0 5px 0px;}
.table .table_premium .head {padding: 10px 0 0 0;}
.table .table_premium .body .thumbnail {display:block;height: 57px;width: 57px;text-align: center;float:left;margin: 15px 10px 15px 5px;}
.table .table_premium .body .article .name {display: block; margin: 10px 0 0 72px;}
.table .table_premium .body .article .button-right {margin-top: 40px;padding:0 15px 0 15px;width: auto;}
.table .table_premium .body .bonus_price {}
.table .table_premium .body .bonus_price .pr1 {margin-right: 8px;}
.table .table_premium .body .thumbnail img {height: 57px;}


/* @end */
/* @group Basket and confirm footer */
/* @end */
/* @group Confirm additional footer */
/* @end */

.blogbox{
    z-index: 8001;
    position: relative;
}
#content .blogbox .social #imgTarget {
    margin-bottom: 10px;
}

#commentcontainer p.headline {
    margin: 0
}

#content .blogbox .social .outer {
    padding: 5px;
    border: 1px solid #c7c7c7;
    border-top: 0 none;
}
/*    STAR RATING SPRITE
    ------------------------ */
.star {
    background-image: url("../images/sprite_stars.gif");
    background-repeat: no-repeat;
    width: 64px;
    height: 11px;
    display: inline-block;
    text-indent: -9999px;
}

.star0 {
    background-position: left 0;
}

.star1 {
    background-position: left -11px;
}

.star2 {
    background-position: left -22px;
}

.star3 {
    background-position: left -33px;
}

.star4 {
    background-position: left -44px;
}

.star5 {
    background-position: left -55px;
}

.star6 {
    background-position: left -66px;
}

.star7 {
    background-position: left -77px;
}

.star8 {
    background-position: left -88px;
}

.star9 {
    background-position: left -99px;
}

.star10 {
    background-position: left -110px;
}

/*    DELIVERY STATUS SPRITE
    ------------------------ */ /* yellow */ /* green */ /*    TAGCLOUD
    ------------------------ */ /*    SEARCH
    ------------------------ */
div#searchcontainer {
    z-index: 7;
    position: absolute;
    right: 63px;
    text-align: right;
    top: 47px;
}

#searchresults li.searchresult:hover {
    background-color: #fafafa;
    cursor: pointer;
}

#searchresults li.searchresult a.resultlink {
    display: block;
}

div#hidesearch {
    position: relative;
    z-index: 2000;
}

div.inner_searchcontainer {

}

div.inner_searchcontainer .ajax_loader {
    background: url("../images/icons/ico_ajax-loader.gif") no-repeat;
    position: absolute;
    top: 2px;
    right: 0px;
    z-index: 200;
}

div.inner_searchcontainer #submit_search {
    display: none;
}

div.inner_searchcontainer p {
    font-size: 11px;
    line-height: 12px;
    float: left;
    padding: 4px;
    text-transform: uppercase;
    text-align: right;
}

input#searchfield {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #757575;
    color: #757575;
    background-color: transparent;
    padding: 0 10px;
    width: 80px;
    height: 18px;
    text-transform: uppercase;
    line-height: 22px;
    font-family: ProximaNovaA-SemiBold;
    margin: 0;
}

#searchresults {
    background-color: #fff;
}

#header_links {
    position: absolute;
    top: 5px;
    left: 460px;
    font-size: 11px;
}

#header_links {
    position: absolute;
    top: 5px;
    left: 460px;
    font-size: 11px;
}

.related {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 1.25em
}

h3 .related {
    top: 5px
}

div.searchdescription .related {
    margin-top: 3.75em;
    top: 10px
}

div.searchdescription {
    height: 3.75em;
    overflow: hidden;
    z-index: -1;
    line-height: 12px
}

/*    SEARCH PAGE
    ------------------------ */ /* Sidebar filter */ /*    CUSTOM CONTENT
    ------------------------ */
/*    ONE PAGE CHECKOUT
    ------------------------ */

.billing_address,
.shipping_address {
	min-height: 150px;
}


/*.modal .heading #print_compare {position: absolute; right:40px;width: 50px;height: 20px; top:13px; text-align: center;} */
/* Compare */ /* Custom */
/*.ajax_modal_custom {padding: 20px; height: 400px; overflow-y: scroll;}*/



.ajax_login_form {

}

.ajax_login_form label,
.content_form .password label{
    width: 150px;
    padding-right: 5px;
    font-family: ProximaNovaA-SemiBold;
}

.new_customer_form label,
.frontend_register_personal_fieldset {
	width: auto;
    white-space: nowrap;
}

.new_customer_form .chk_noaccount {
    padding-top: 0px;
    margin-top: 0em;
}

span.seperator {
	float: left;
	padding: 4px 5px;
	line-height: 20px;
}

.ajax_login_form a.lostpassword {
    margin-left: 160px;
}

.ajax_modal_custom {
    width: 100%;
}

.ajax_modal_custom .heading h2 {
	padding-left: 20px;
	color: #000000;
    font: 18px/32px ProximaNova-SemiBold;
    height: 30px;
    text-transform: uppercase;
}

.ajax_modal_custom .inner_container {
    position: relative;
    top: 20px;
    left: 20px;
    padding: 0 25px 0 0;
    height: 450px;
    overflow-y: scroll;
}

.modal a.modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal a.modal_close.button-middle{
    position: relative !important;
    top:      auto !important;
    right:    auto !important;
}

.modal div.ajax_add_article a.modal_close {
    position: relative;
    top: auto;
    right: auto;
}


form.new_customer_form {
    margin-bottom: 15px;
}

#information div.accordion h3 {
    background-color: #fff;
    color: #000;
}

#detailbox_right {
margin-top: -4px;
padding-left: 10px;
width: 370px;
float: right;
}

div#information {
    border-top: 7px solid #dddddd;
}

#detailbox_right .supplier {
    font: 16px/18px ProximaNovaA-Light;
    text-transform: uppercase;
}

/*    BUNDLE
    ------------------------ */

/*    BUTTONKIT
    ------------------------ */

/* General */
.button-left,.button-middle,.button-right,
.smallButton, input.small  {
    text-decoration: none;
    color: #fff !important;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    border: 0 none;
    margin: 0 5px 5px 0;
	text-transform: uppercase;
    background-color: #000;
    float: left;
	padding: 5px 15px 3px;
}

.button-left:hover,.button-middle:hover,.button-right:hover,
.smallButton:hover, input.small:hover {
	background-color: #333;
	text-decoration: none !important;
}


.button-left span,.button-middle span,.button-right span {
	padding: 1px 0 0 0 !important;
	margin: 0 !important;
	display: block;
	margin: inherit;
	line-height: inherit;
}

a.orderdetails.button-middle.small,
.button-right {
    float: right !important;
}

.finish a.button-right.large {
    float:   none !important;
    margin:  0 auto 0 auto;
    padding: 0 10px;
}

/* Modifier */

.ctl_checkout a.button-right.large {
/*    width: auto !important; */
}

.dispatch_description .error, .dispatch_description .instyle_error, .dispatch_description input.instyle_error {
	clear: none !important;
}

.button-right {
	margin-right: 0px !important;
}



/*    AJAX SLIDER
    ------------------------ */
.ajaxSlider,.bannerSlider {
    margin: 0 auto 0;
    position: relative;
}

.bannerSlider {
    border: 0 none;
}

.ajaxSlider .loader,.bannerSlider .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff url("../images/icons/ico_ajax-loader.gif") no-repeat center 5px;
    width: 60px;
    margin-left: -40px;
    margin-top: -28px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #c7c7c7;
    padding: 26px 10px 10px 10px;
    height: 20px;
    z-index: 3;
}

.ajaxSlider .slide_numbers {
    position: absolute;
    right: 5px;
    top: 8px;
    color: #999;
}

/* Horizontal slider */
.ajaxSlider .leftArrow,
.ajaxSlider .rightArrow,
.bannerSlider .leftArrow,
.bannerSlider .rightArrow
    {
    display: block;
    position: absolute;
    width: 26px;
    height: 82px;
    text-indent: -9999px;
    top: 50%;
    margin-top: -41px;
    z-index: 2;
    background: url("../images/sprite_slider_arrows.gif") 0 0 no-repeat
}

.ajaxSlider .leftArrow,.bannerSlider .leftArrow {
    background-position: 0px 0;
    left: -30px;
}

.ajaxSlider .leftArrow:hover,.bannerSlider .leftArrow:hover {
    background-position: -26px 0
}

.ajaxSlider .rightArrow,.bannerSlider .rightArrow {
    background-position: -79px 0;
    right: -30px;
}

.ajaxSlider .rightArrow:hover,.bannerSlider .rightArrow:hover {
    background-position: -53px 0
}

.ajaxSlider .sliding_container,
.bannerSlider .sliding_container {
    position: absolute;
    left: 0px
}

/* supplier slider */
#center .supplier.slider {
	margin-bottom: 20px;
	width: 760px;
}

#center .supplier.slider .sliding_container .slide ul li {
	width: 86px;
	height: 80px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 10px;
}
#center .supplier.slider .sliding_container .slide ul li.last {
	margin-right: 0;
}
#center .supplier.slider .sliding_outer {
	height: 80px;
}

/* category slider */
.cat_slideshow,
.cat_slideshow .ajaxSlider {
	margin-bottom: 25px;
}

.cat_slideshow .sliding_outer {
	overflow: hidden;
	position: relative;
}

.cat_slideshow {
}

#scroller{
    bottom:         15px;
    cursor:         pointer;
    font-size:      14px;
    font-family:    ProximaNovaA-SemiBold;
    margin:         0 auto 0 auto;
    position:       absolute;
    text-align:     center;
    text-transform: uppercase;
    width:          100%;
}
#scroller.bright{
    color: #000000;
}
#scroller.dark{
    color: #ffffff;
}
#scroll_down_bright{
    background-image: url('/templates/dps/frontend/_resources/images/arrows/arrow_down_black.png');
    height:           15px;
    margin:           3px auto 0 auto;
    width:            27px;
}

#scroll_down_dark{
    background-image: url('/templates/dps/frontend/_resources/images/arrows/arrow_down_white.png');
    display:          none;
    height:           15px;
    margin:           3px auto 0 auto;
    width:            27px;
}

/* Vertical slider */
.vertical_slider .ajaxSlider .leftArrow {
    left: auto;
    border: 0 none;
    border-bottom: 1px solid;
    background: url("../images/backgrounds/bg_slide_arrow-up.png") 0 0 no-repeat
}

.vertical_slider .ajaxSlider .leftArrow:hover {
    background-position: 0 -19px
}

.vertical_slider .ajaxSlider .rightArrow {
    right: auto;
    border: 0 none;
    border-top: 1px solid;
    background: url("../images/backgrounds/bg_slide_arrow-down.png") 0 0 no-repeat
}

.vertical_slider .ajaxSlider .rightArrow:hover {
    background-position: 0 -19px
}

.vertical_slider .ajaxSlider .leftArrow,.vertical_slider .ajaxSlider .rightArrow
    {
    width: 149px;
    height: 19px;
    margin: 0;
    border-color: #c7c7c7
}

/* Optional styling horizontal */
#content .ajaxSlider h2,#content .bannerSlider h2 {
    border: 0 none;
}

#content .ajaxSlider .sliding_container .slide,.modal .ajaxSlider .sliding_container .slide
    {
    display: block;
    float: left;

}
/*
#content .ajaxSlider .article_box,.modal .ajaxSlider .article_box {
    height: 190px;
    width: 141px;
    float: left;
    margin: 0 18px;
    position: relative;
}
*/
#content .ajaxSlider .article_box .title,.modal .ajaxSlider .article_box .title
    {
    font-size: 11px;
    color: #999;
    width: 141px;
    display: block;
}

#content .ajaxSlider .article_box p.price,.modal .ajaxSlider .article_box p.price
    {
    position: absolute;
    bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    margin: 0px;
    width: 105px;
}

#content .ajaxSlider .sliding_container a.artbox_thumb,.modal .ajaxSlider .sliding_container a.artbox_thumb
    {
    width: 105px;
    height: 105px;
    display: block;
    margin: 0 auto 5px
}

#content .ajaxSlider .sliding_container a.artbox_thumb:hover,.modal .ajaxSlider .sliding_container a.artbox_thumb:hover
    {
    text-decoration: none;
}

#content .ajaxSlider .article_box .article_price_unit p,.modal .ajaxSlider .article_box .article_price_unit p
    {
    margin: 0;
    font-size: 10px;
    color: #aaa
}

/* Optional styling vertical */
#content .vertical_slider .ajaxSlider h2 {
    border: 0 none;
    border-bottom: 1px solid;
}

#content .vertical_slider .ajaxSlider .sliding_container .slide {
    float: none;
    width: auto;
    height: 711px;
    width: 150px;
}

#content .vertical_slider .ajaxSlider .article_box {
    float: none;
    margin: 0 auto 0;
    height: 175px;
}

#content .vertical_slider .ajaxSlider .sliding_container a.artbox_thumb
    {
    margin: 0;
}

/* Banner slider */
#content .slider_banner .sliding_container .slide {
    float: left;
    width: 630px;
}

#content .slider_banner .leftArrow,#content .slider_banner .rightArrow {
    border: 0 none;
    height: 39px;
    width: 24px;
    margin-top: -20px;
}

#content .slider_banner .leftArrow {
    background-position: -106px 0;
}

#content .slider_banner .rightArrow {
    background-position: -131px 0;
}

#content .slider_banner .leftArrow:hover {
    background-position: -106px -39px;
}

#content .slider_banner .rightArrow:hover {
    background-position: -131px -39px;
}

#content .slider_banner .slide_navigation {
    position: absolute;
    bottom: 0px;
    right: 65px;
    z-index: 3;
    text-align: center;
}

#content .slider_banner .slide_navigation a {
    float: left;
    margin: 0 2px;
    font-size: 14px;
    font-weight: 700;
    width: 23px;
    height: 20px;
    padding: 5px 0 0 0;
    display: block;
    background: url("../images/backgrounds/bg_slidenum_normal.png") no-repeat;
}

#content .slider_banner .slide_navigation a.active {
    background: url("../images/backgrounds/bg_slidenum_active.png") no-repeat;
}

/* Supplier slider */
div.ajax_add_article .ajaxSlider .article_box .title {
    position: static;
    left: auto;
    top: auto;
}

#center .supplier.slider .slide img {
	max-width: 85px;
	height: auto;
}

/* Add article slider */

div.modal div.ajax_add_article div.article_box {
    padding: 25px 2px;
}
div.modal div.ajax_add_article .button-left,
div.modal div.ajax_add_article .button-middle,
div.modal div.ajax_add_article .button-right,
div.modal div.ajax_add_article_container .button-left,
div.modal div.ajax_add_article_container .button-middle,
div.modal div.ajax_add_article_container .button-right {
    padding: 10px 17px;
    line-height: 1em;
    width: auto;
    border-radius: 3px 3px 3px 3px;
}

div.modal div.ajax_add_article .ajaxSlider .article_box {
    height: 190px;
    margin: 0 8px;
}

div.ajax_add_article .ajaxSlider .article_box .price {
    left: auto;
    top: auto;
    bottom: 2px
}

.modal .ajaxSlider .sliding_container .slide {
    width: 578px;
}

.modal .ajaxSlider .sliding_container .slide .article_box .price {
    font-size: 14px;
}

/* content slides */

#content .span-10 .slide {
	overflow: hidden;
	position: relative;
}

.slide .caption {
	text-align: center;
	margin-top: 5px;
	text-transform: uppercase;

}

.slide h1 {
	display: block;
	position: absolute;
	left: 20px;
	top: 15px;
}


.slide .container_text {
	position: absolute;
	top: 60px;
	left: 20px;
	z-index: 10;
	width: 390px;
}

.slide .container_text h2 {
	font: 28px ProximaNovaA-SemiBold;
}

.slide.dark .container_text * {
	color: #fff;
}

.slide .container_articles {
	position: absolute;
	bottom: 31px;
	left: 16px;
}

.sliding_outer {
	width: 760px;
	overflow: hidden;
	min-height: 555px;
	position: relative;
}


.sliding_container,
.ajaxSlider {
	min-height: 570px;
	width: 760px;
	margin-left: 0;
}

#notes .sliding_container,
#last_notes .sliding_container,
#notes .sliding_outer,
#last_notes .sliding_container,
#cartnotes .sliding_container,
#cartnotes .sliding_outer {
	min-height: 280px !important;
}

#articleSlider {
	margin-bottom: 25px;
	margin-top: 15px;
}

#articleSlider .sliding_outer,
#articleSlider .sliding_container,
#articleSlider .ajaxSlider {
	height: 100px;
	min-height: 100px;
}


.container_articles .article_box {
	float: left;
	height: 143px;
	width: 170px;
	margin-right: 15px;
	position: relative;
	overflow: hidden;
	margin-left: 0;
}

#promo_top_slider .ajaxSlider {
    margin-top: 6px;
}

#promo_top_slider .container_articles .article_box img{
	width: auto;
	margin-top: 5%;
	height: 90%;
}

#promo_top_slider .container_articles .article_box {
	text-align: center;
	background-color: #fff;
	border-top: 3px solid #222;
}

.container_articles .article_box > a {
	height: 100%;
	display: block;
	width: 100%;
}

#articleSlider .article_box {
	width: 243px;
}

.article_box.last {
	margin-right: 0;
}

.container_articles .article_link {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.79);
	color: #fff;
	width: 100%;
	text-transform: uppercase;
}
.container_articles .article_link a {
	display: block;
	color: #fff;
	padding: 7px 7px 3px 7px;
	text-align: left;
}

#center p,
.promo_text .content p,
.promo_text .content span {
	font-size: 13px;
	line-height: 21px;
}

.sliding_container div.slide div.container_text p {
	font-size: 12px;
	margin: 2px 0 8px;
	line-height: 21px;
}/*    FOOTER
    ------------------------ */
#footer {
    background-color: #000;
    overflow: hidden;
}

#footer .footer_menu {
    color: #fff !important;
}

#footer .footer_menu p {
    margin: 0 0 .5em;
}

#footer .footer_menu a {
    font-size: 11px;
    color: #fff !important;
}

#footer div.inner.container {
    padding-top: 40px;
    padding-bottom: 30px;
}

#footer div.inner div.bottom {
    margin-top: 30px;
    color: #757575;
}

#footer div.footer_menu {
    text-align: left;
    font: 13px/24px ProximaNovaA-SemiBold;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
}

#footer div.footer_menu ul.level-2 {
    font: 12px/18px ProximaNovaA-Light;
    margin-top: 14px;
    padding: 0;
}

#footer div.footer_menu ul.level-2.column_4 {
    margin-top: 11px;
}

#footer div.footer_menu li.column_4 a {
    display: block;
    width: 100%;
    height: 22px;
    padding-left: 35px;
    padding-top: 3px;
}

#footer div.footer_menu li.facebook {
    background: url("../images/icon_social_media_sprite_bright.png") no-repeat 0 -1px;
}
#footer div.footer_menu li.twitter {
    background: url("../images/icon_social_media_sprite_bright.png") no-repeat 0 -27px;
}
#footer div.footer_menu li.google {
    background: url("../images/icon_social_media_sprite_bright.png") no-repeat 0 -51px;
}
#footer div.footer_menu li.newsletter {
    background: url("../images/icon_social_media_sprite_bright.png") no-repeat 0 -102px;
}
#footer div.footer_menu li.instagram {
    background: url("../images/icon_social_media_sprite_bright.png") no-repeat 0 -76px;
}
#footer .navigation {
	width: 100%;
	margin-bottom: 15px;
}
/*
#footer .grid_14 {
	margin-top: 10px;
}
*/
#footer .footer_second_menu,
#footer .footer_second_menu ul.level-1,
#footer .footer_second_menu ul.level-1 li {
    display: inline;
}

#footer .footer_second_menu ul.level-1 li {
    margin-right: 15px;
    text-transform: uppercase;
}

#footer .footer_second_menu ul.level-1 li a{
    color: #757575 !important;
}

#footer div.bottom span a {
    color: #757575;
}

/* Tables */
tbody,tbody tr,thead,thead tr {
    border: 0 none;
}

table {
    border: 1px solid #c7c7c7;
}

table thead tr th {
    background: #f5f5f5;
    padding-left: 10px;
}

table tbody tr td,table tbody tr th {
    border-top: 1px dashed #dfdfdf;
}

table td,table th {
    color: #999;
}


.backgroundImage {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: no-repeat center center;
}

.backgroundImage img {
    width: 100%;
    height: auto;
}

/* campaign */
#campaign-articles {
    clear: both;
    position: relative;
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    float: none;
    bottom: 0;
}

#center div.campaign_site .campaign-text h1 {
    margin: 0;
    padding: 0;
    margin-top: 145px;
    font: 70px/70px ProximaNovaA-Regular;
    text-shadow: gray 0 0 3px;
}

#center div.campaign_site .campaign-links h2 {
    margin: 0;
    padding: 0;
    font: 70px/70px ProximaNovaA-SemiBold;
    text-shadow: gray 0 0 3px;
}

#center div.campaign_site .slide.dark * {
    color: #fff;
}

#frontpage_slideshow {
    height: 550px;
    min-height: 550px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

#center div.campaign_site div.campaign-links a.link {
    font: 15px/26px ProximaNovaA-SemiBold;
}

div.campaign_site.bright div.campaign-links a.link {
    color: #000;
    text-shadow: gray 0 0 3px;
}

div.campaign_site.dark div.campaign-links a.link {
    color: #fff;
    text-shadow: gray 0 0 3px;
}

.dark #campaign-articles,.dark #center div.campaign_site .campaign-text h1,.dark #center div.campaign_site div.campaign-links a.link
    {
    color: #fff;
}

/* supplier */
div.supplierlisting {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 30px;
}

#home div.supplierlisting {
    width: 940px;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

div.supplierlisting h2 {
    margin-bottom: 30px;
    margin-top: 20px;
    font: 13px/24px ProximaNovaA-SemiBold;
}

.supplierlisting ul li.capitalize,
.supplier ul li.capitalize {
    text-transform: uppercase;
    font: 13px/24px ProximaNovaA-SemiBold;
}

div.supplierlisting ul li {
    font: 11px/24px ProximaNovaA-Light;
}

.supplierlisting li,
.supplier li {
	text-transform: uppercase;
}

.supplierlisting li a,
.supplier li a {
    text-decoration: underline;
}

.supplier .inactive {
    color: grey;
}

/* social */
#header div.socialMedia {
    position: absolute;
    right: -4px;
    top: 44px;
}

#header div.socialMedia a {
    display: inline-block;
    height: 25px;
    width: 25px;
    text-indent: -10000px;
    background: url("../images/icon_social_media_sprite.png") no-repeat;
    overflow: hidden;
    margin: 0 2px;
}

#header div.socialMedia a.facebook_icon {
    background-position: 0 0;
}

#header div.socialMedia a.twitter_icon {
    background-position: 0 -25px;
}


/* listing options */
div.list-settings {
    float: right;
    margin-top: 5px;
    position: relative;
}
div.list-settings a {
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url("../images/icons/ico_view.png") no-repeat left top;
    text-decoration: none;
    margin-left: 5px;
    text-indent: -5000px;
    overflow: hidden;
    z-index: 1999999;
}
div.list-settings .list-view { background-position: 0 0; }
div.list-settings .table-view {
    background-position: -29px 0;
}

div.list-settings .list-view.active, div.list-settings .list-view:hover {
    background-position: 0 -20px;
}
div.list-settings .table-view.active, div.list-settings .table-view:hover {
    background-position: -29px -20px;
}
div.list-settings #tooltip_1{
    border:                1px #cccccc solid;
    -moz-border-radius:    2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius:         2px 2px 2px 2px;
    -moz-box-shadow:       0px 0px 2px #cccccc;
    -webkit-box-shadow:    0px 0px 2px #cccccc;
    box-shadow:            0px 0px 2px #cccccc;
    display:               none;
    font-family:           ProximaNovaA-SemiBold;
    font-size:             10px;
    margin:                2px 0 0 -32px;
    padding:               4px 8px 2px 8px;
    position:              absolute;
    text-align:            center;
    text-transform:        uppercase;
    top:                   -32px;
    white-space:           nowrap;
    z-index:               10000;
}
div.list-settings #tooltip_1 div{
    margin:   0 auto 0 auto;
    padding:  2px 0 0 20px;
    position: absolute;
}
div.list-settings #tooltip_2{
    border:                1px #cccccc solid;
    -moz-border-radius:    2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius:         2px 2px 2px 2px;
    -moz-box-shadow:       0px 0px 2px #cccccc;
    -webkit-box-shadow:    0px 0px 2px #cccccc;
    box-shadow:            0px 0px 2px #cccccc;
    display:               none;
    font-family:           ProximaNovaA-SemiBold;
    font-size:             10px;
    margin:                2px 0 0 -6px;
    padding:               4px 8px 2px 8px;
    position:              absolute;
    text-align:            center;
    text-transform:        uppercase;
    top:                   -32px;
    white-space:           nowrap;
    z-index:               10000;
}
div.list-settings #tooltip_2 div{
    margin:   0 auto 0 auto;
    padding:  2px 0 0 30px;
    position: absolute;
}
/*
campaign_switch_sprite.png
*/
#cart {
    height: 0px;
}

#note {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0;
}

div#notes, div#last_notes, div#cartnotes {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    min-height: 330px;
}

#cartnotes .slider_banner_cart {
	/*min-height: 420px;*/
}

div.slider_notes div.slider_banner_cart label {
	float: left;
}

.header_slideout_item {
	overflow: hidden;
	height: 147px;
	margin-bottom: 15px;
	position: relative;
}

.header_slideout_item .actions {
	position:   absolute;
	bottom:     0px;
	right:      0px;
	width:      195px;
	margin-top: 0;
}

#topContent {
    overflow:         hidden;
    position:         relative;
    width:            100%;
    background-color: #ffffff;
    z-index:          1000;
}

#headerBorderSplit {
    display:     block;
    width:       100%;
    height:      0px;
    border-top:  4px solid #757575;
}
div#videoSlide{
    height: 606px;
}
div#noteSlide{
    height: 596px;
}
div#cartSlide{
    height: 596px;
}

div#videoSlide, div#noteSlide, div#cartSlide, div#styleCheck {
    width:  940px;
    margin: 0 auto;
}

div#cartSlide .inner_cart {
    min-height: 300px;
    margin-top: 15px;
}

#aggregation_left strong {
    text-transform: uppercase;
}

#cartSlide .replaced_label {
    position: relative;
    height: 30px;
    color:  #757575;
}
#cartSlide .replaced_label label {
    text-align: left;
    margin: 11px 0 0 7px;
    padding: 0;
}

#cartSlide .fieldset {
    background-color: transparent;
    padding-top: 0;
    margin: 0;
}

#cartSlide .replaced_label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 205px;
    background-color: transparent;
}

#cartSlide .span-6.last input.right {
    margin-right: 23px !important;
}

#cartSlide .cart_actions_wrapper {
    margin-bottom: 25px;
    margin-top: 15px;
}

#cartSlide div.inner_cart div.span-12 div.row {
    margin-bottom: 10px;
}

#cartSlide span.frontend_checkout_ajax_cart {
    font-family: ProximaNovaA-SemiBold;
}

#video_block{
    background-color: #000000;
    height:           530px;
    margin:           0 0 0 0;
    padding:          80px 0 0 0;
    width:            100%;
}
#videoSlide{
    width: 100% !important;
}
#video_border_top{
    background-color: #000000;
/*    background-image: url("/images/video_background_top.jpg"); */
    height:           41px;
    width:            1000px;
}

#video_border_right{
    background-color: #000000;
/*    background-image: url("/images/video_background_right.jpg"); */
    display:          table-cell;
    height:           439px;
    width:            110px;
}

#video_border_right img{
    height: 439px;
    width:  110px;
}

#video_border_bottom{
    background-color: #000000;
/*    background-image: url("/images/video_background_bottom.jpg"); */
    clear:            both;
    height:           40px;
    width:            1000px;
}

#video_border_left{
    background-color: #000000;
/*    background-image: url("/images/video_background_left.jpg"); */
    display:          table-cell;
    height:           439px;
    width:            110px;
}

#video_border_left img{
    height: 439px;
    width:  110px;
}

#video_canvas{
    background-color: #000000;
/*    display:          table-cell; Für Rückbau, wenn Background für Rahmen doch erwünscht */
    height:           439px;
    margin:           0 auto 0 auto;
    width:            780px;
}

.ico_arrow_prev {
    padding: 2px;
    padding-left: 20px;
    background: url("../images/icons/ico_sprite.gif") no-repeat 0 -70px;
}
.ico_arrow_next {
    padding: 2px;
    padding-right: 20px;
    background: url("../images/icons/ico_sprite.gif") no-repeat right -38px;
}

.ico_arrow_left {
    color: #757575;
    font: 11px ProximaNova-Regular;
    text-transform: uppercase;
    padding: 2px;
    padding-left: 20px;
    margin-right: 10px;
    background: url("../images/icons/ico_sprite.gif") no-repeat 0 -37px;
}
.ico_arrow_left:hover {
    color: #000;
    text-decoration: none;
}

#notes .span-12,
#last_notes .span-12 {
    margin: 0 auto;
}

#notes div.panelContainer,
#last_notes div.panelContainer {
    margin: 0 0 20px 0;
    height: 300px;
    width: 940px;
    overflow-y: auto;
    overflow-x: hidden;
}

#notes div.panel,
#cartnotes div.panel,
#last_notes div.panel {
    width: 940px;
    height: 350px;
}

#notes a.thumb_image,
#cartnotes a.thumb_image,
#last_notes a.thumb_image {
    width: 100px;
    height: 115px;
    overflow: hidden;
    text-align: center;
    display: block;
    float: left;
}

div.panel {
    overflow: hidden;
    background-color: #f9e939;
    margin-bottom: 10px;
}

#notes a.thumb_image img,
#last_notes a.thumb_image img,
#cartnotes a.thumb_image img  {
    width: auto;
    height: 85px;
    float: left;
}

.item_details {
    float: right;
    width: 175px;
    height: 90px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

.w33 .item_details {
	width: 159px;
}

.basket_details {
    width: 195px;
    float: right;
}

#basket .table .card-col input,
#basket .table .card-col select,
#confirm .table .card-col input,
#confirm .table .card-col select {
    margin: 0 !important;
}

#confirm .table_footer_compact .span-6,
#confirm .table_footer .span-6 {
	margin-right: 40px;
}

#confirm .actions {
    padding-right: 0;
}

.method .actions {
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.actions.bottom {
	position: absolute;
	right: 18px;
	bottom: 18px;
}

#basket .payment-shipping #vouchers {
    margin-right: 15px;
}
#confirm .dispatch_description {
	margin-top: 8px;
}

.register div.actions {
    width: auto;
}
.orders div.actions {
	margin-top: 15px;
    width: auto;
}

.personal_settings .required_fields.span-5.last {
	text-align: right;
	padding-top: 10px;
}


.item_details a.title {
    font: 12px ProximaNovaA-SemiBold;
    text-transform: uppercase;
}

#articleSlider .item_details a.title {
    font: 12px ProximaNova-Regular;
    color: #000 !important;
    padding-top: 5px;
}

.item_details div.supplier {
    font: 12px ProximaNova-Regular;
    text-transform: uppercase;
}

.item_details .quantity{
    overflow: hidden;
    width: 100%;
}

#articleSlider .item_details div.supplier {
	padding-top: 15px;
}


.item_details .price {
    font: 12px ProximaNovaA-SemiBold;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
}

#articleSlider .item_details .price {
	position: relative !important;
	padding-top: 5px;
}

.campaign-text {
	border: 1px solid #333;
	clear: both;
}

#closeBtn {
    background:      url("../images/buttons/button_slideup.png") no-repeat center bottom;
    bottom:          0;
    color:           #757575;
    display:         block;
    font: 11px/25px ProximaNovaA-SemiBold;
    height:          20px;
    left:            50%;
    margin-left: -50px;
    overflow:        hidden;
    padding: 0 0 15px;
    position:        absolute;
    text-align:      center;
/*    text-indent:       -5000px; */
    text-transform: uppercase;
    width:          100px;
}

#note ul.tabs {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
    margin-top: 10px;
    z-index: 1;
    position: relative;
}

#note ul.tabs li {
    float: left;
    display: block;
    position: relative;
}

#note ul.tabs li a {
    display: block;
    padding: 10px 10px 5px 10px;
    font: 12px ProximaNovaA-SemiBold;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom-style: none;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    margin: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.inner #notes.span-10,
.inner #last_notes.span-10 {
    width: 780px !important;
}

#notes .actions a,
#last_notes .actions a,
#basket a.delete,
#cartnotes .actions a.delete,
#confirm a.delete,
#removeAllArticlesFromNotes a{
    color: #757575;
    font: 11px ProximaNova-Regular;
    text-transform: uppercase;
    padding: 2px;
    padding-left: 20px;
    margin-right: 10px;
    background-image: url("../images/icons/ico_sprite.gif");
    background-repeat: no-repeat;
}

.basket_details a.delete {
	background-position: 2px -128px;
}

#cartnotes a.buynow,
#notes a.buynow,
#last_notes a.buynow {
    margin-right: 0;
}

.card_extras {
    text-transform: uppercase;
}

a.delete:hover {
    color: #ff0000 !important;
}

.actions a.basket {
    background-position: 2px -37px;
}

.actions a.detail {
    background-position: 2px -37px;
}

.actions a.delete,
#removeAllArticlesFromNotes a{
    background-position: 2px -127px;
}

#note ul.tabs li a.active {
    padding-bottom: 6px;
    border-bottom: 1px solid #fff;
    position: relative;
    margin-bottom: -1px;
    left: 0;
    z-index: 20000;
}

#noteContent  {
    margin-top:25px;
}

#lastViewedContent{
    margin: 25px 0 0 0;
    padding: 0;
}

.bannerSlide .slide {
    width: 940px;
    height: 300px;
    display: block;
    float: left;
    position: relative;
}

.slide_navigation {
    position: absolute;
    bottom: 0px;
    z-index: 400;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    text-align: center;
}
.slide_navigation a {
	padding: 2px 10px;
	margin: 0px 5px;
}

#content .slide_navigation a.point {
	height: 20px;
	display: inline-block;
	width: 20px;
	padding: 0;
	margin: 0 2px;
	background: url('../images/icons/ico_pointnav.png') no-repeat left bottom;
	text-indent: -200px;
	overflow: hidden;
}

.slide_navigation a.point:hover,
.slide_navigation a.point.active {
	background-position: left top !important;
}

.span-10 .w20{
    margin-right: 5px !important;
    width:        147px !important;
}

div.bannerSlide a.point {
    padding: 2px 5px;
    margin: 0 5px;
    display: inline-block;
}

div.bannerSlide a.point.active {
    background-color: #ccc;
    color: #fff;
}

div#noteContent.ui-tabs-panel {
    padding: 0;
}

/* styleCheck */
div#styleCheck {
    border-top: 1px solid #ddd;
    clear: both;
    padding: 20px 0 51px;
}

div#styleCheck .desc {
    float: left;
    margin: 0 20px 0 0;
    width: 250px;
}

div#styleCheck .desc h3 {
    color: #000;
    font-family: "ProximaNova-SemiBold", Verdana, Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}

div#styleCheck .desc p {
    color: #000;
    font-family: "ProximaNova-Regular", Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    text-transform: uppercase;
}

div#styleCheck #styleItems {
    float: left;
}

div#styleCheck #styleItems li {
    background: #fff;
    border: 2px solid #ccc;
    float: left;
    height: 110px;
    overflow: hidden;
    margin: 0 20px 0 0;
    width: 81px;
}

div#styleCheck #styleItems li.empty {
    background: #e6e6e6;
    border: 2px solid #e6e6e6;
}

div#styleCheck #styleItems li a {
    background: #fff center center no-repeat;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

div#styleCheck #styleItems li.over {
    border: 2px solid #aaa;
}

div#styleCheck .styleCheck-reset {
    background: transparent url("../images/icons/ico_sprite.gif") 2px -37px no-repeat;
    color: #757575;
    display: block;
    float: right;
    font: 11px ProximaNova-Regular;
    margin: 97px 0 0 10px;
    padding: 2px 0 0 20px;
    text-transform: uppercase;
}

.thumb_image.ui-draggable-dragging {
    -moz-box-shadow: 0px 0px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 10px #cccccc;
    box-shadow: 0px 0px 10px #cccccc;
}

/*    AJAX SLIDER
    ------------------------ */
.bannerSlide {
    border: 0 none;
}

.bannerSlide .loader,.bannerSlide .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff url("../images/icons/ico_ajax-loader.gif") no-repeat center 5px;
    width: 60px;
    margin-left: -40px;
    margin-top: -28px;
    text-align: center;
    border: 1px solid #c7c7c7;
    padding: 26px 10px 10px 10px;
    height: 20px;
    z-index: 3;
}

.bannerSlide .slide_numbers {
    position: absolute;
    right: 5px;
    top: 8px;
    color: #999;
}

/* Horizontal slider */
.bannerSlider .rightArrow {
    display: block;
    position: absolute;
    width: 26px;
    height: 82px;
    text-indent: -9999px;
    top: 50%;
    margin-top: -41px;
    z-index: 2;
    background-color: #33ff00;
}

/* Bannerslider */
.bannerSlide {
    width: 940px;
    height: 330px;
    position: relative;
    margin: 0px 0px;
}

.bannerSlide .sliding_outer {
    position: relative;
    overflow: hidden;
    left: 0px;
    width: 940px;
    height: 305px;
}

.bannerSlide .leftArrow,.bannerSlider .leftArrow {
    background-position: 0px 0;
    left: 0px;
    border: 1px solid;
    border-left: 0 none
}

.bannerSlide .leftArrow:hover {
    background-position: -26px 0
}

.bannerSlide .rightArrow {
    background-position: -79px 0;
    right: 0px;
    border: 1px solid;
    border-right: 0 none
}

.bannerSlide .rightArrow:hover {
    background-position: -53px 0
}

.bannerSlide .sliding_container {
    position: absolute;
    left: 0px
}

div.slider_notes div.bannerSlide a.leftArrow {
    position: absolute;
    left: -40px;
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/icons/ico_listing-prev.png") no-repeat center center;
    top: 35%;
    border: 0;
    text-indent: -5000px;
    overflow: hidden;
}

div.slider_notes div.bannerSlide a.rightArrow {
    position: absolute;
    left: 940px;
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/icons/ico_listing-next.png") no-repeat center center;
    top: 35%;
    border: 0;
    text-indent: -5000px;
    overflow: hidden;
}

div.slider_notes .actions {
    position: relative;
    margin-left: 105px;
    overflow: hidden;
    width: 195px;
}

div.slider_notes .item_details {
    height:     auto;
    min-height: 45px;
}

#videoSlide h2,
#noteSlide h2,
#cartSlide h2{
    text-transform: uppercase;
    font:           18px ProximaNovaA-Regular;
}

div.article_price_unit {
    display: none;
}

div.slider_notes div.slider_banner.horizontal_slider div.bannerSlide a.rightArrow {
    display: block;
    text-indent: -2000px;
    position: absolute;
    right: 0;
}

#left ul.categories li {
    font: 13px/24px ProximaNovaA-Regular;
    text-transform: uppercase;
}
#left ul.categories.level0 > li:first-child > a{
    text-decoration: underline;
}

#left ul.categories li ul.submenu.level1 li {
    margin-left: 0px;
}

#left ul.categories li ul.submenu.level2 li {
    margin-left: 20px;
}

#left ul.categories li.active {
    font-family: ProximaNovaA-SemiBold;
}

a.ico_contact {
    background: url("../images/icons/ico_contact.gif") no-repeat;
    display: block;
    min-height: 44px;
    padding-top: 2px;
    padding-left: 40px;
}

#brands.ico_arrow_d,.ico_arrow_d {
    background: url("../images/icons/ico_sprite.gif") no-repeat right -3px;
    display: inline-block;
    min-height: 25px;
    min-width: 25px;
    width: auto;
}
#last_seen_dropdown_button.ico_arrow_d {
    background-position: right -10px;
}

#brands.ico_arrow_u,
.ico_arrow_u {
    background: url("../images/icons/ico_sprite.gif") no-repeat right -154px;
    display: inline-block;
    min-height: 25px;
    min-width: 25px;
    width: auto;
}
#last_seen_dropdown_button.ico_arrow_u {
    background-position: right -160px;
}
#brands a {
    padding-right: 20px;
    text-transform: uppercase;
}

.thumb_box a {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}

div.thumb_box {
    position: absolute;
    top: 0;
    z-index: 10;
    padding-bottom: 12px;
}

div.thumb_box .mask {
    width: 540px;
    height: 110px;
    overflow: hidden;
    background-color: #fff;
}

div.thumb_box .shadow {
    position: absolute;
    bottom: 0;
    height: 12px;
    width: 100%;
    background: url("../images/backgrounds/panel_shadow.png") no-repeat center top;
}

#close_thumbs{
    cursor: pointer;
}

#detailbox #close_thumbs {
	position:absolute;
	right: 0;
	top: 0;
}

#image_actions ul.image_action_list li {

    margin-bottom: 5px;
}

#image_actions ul.image_action_list li a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -5000px;
    overflow: hidden;
    background: url("../images/icons/ico_image_actions.gif") no-repeat;
}

a#showThumbsAction {
    background-position: 0 0 !important;
}

a#showThumbsAction:hover {
    background-position: 0 -20px !important;
}

a#zoomImageAction, a#zoomClickImageAction {
    background-position: -20px 0 !important;
}

a#zoomImageAction:hover, a#zoomClickImageAction:hover {
    background-position: -20px -20px !important;
}

#img div.wrapper {
    position: relative;
    text-align: center;
}

#img div.wrapper a#zoom1 img {
    max-width: 390px;
}

div#image_actions {
    position: absolute;
    top: 8px;
    right: 40px;
}

div#image_actions


div.thumb_box .shadow {
    height: 12px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: url("../images/backgrounds/panel_shadow.png") no-repeat center top;
}

/* modal */
div#lbOverlay ,div.lbOverlay{
    background: url("../images/backgrounds/bg_halftransparence.png");
/*    background-color: #fffffff;
    opacity:          0.4; */
}

div.modal {
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
    border: 0;
}

div.modal h1,
.ajax_login_form h1.heading {
    font-size: 22px;
    line-height: 24px !important;
    margin-bottom: 15px;
}

div.modal h2 {
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
}

div.modal div.actions {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    margin-top: 20px;
}

/* .modal_close */
#dialog_close, #customer_care_dialog_close, #form_dialog_close,
#extern_dialog_close, div.heading a.modal_close, #detail_buy_dialog_close {
    display:     block;
    position:    absolute;
    top:         0px !important;
    right:       0px !important;
    width:       24px;
    height:      21px;
    background:  transparent url("../images/icons/ico_modal-close.png") center right no-repeat;
    text-indent: -5000px;
    overflow:    hidden;

}

div.modal a.large {
    position: relative;
}

div.modal div.article_box .title,div.modal div.article_box .price,div.modal div.article_box .quantity
    {
    float: left;
    width: 100%;
}

#detailbox {
    margin-top: 30px;
}

#detailbox .menu_top {
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    font: 12px/14px ProximaNovaA-SemiBold;
}

#detailbox .menu_top div {
    min-height: 10px;
}

div.article_overview.span-3 {
    text-align: center;
}

#detailbox .bookmarks {
    margin-top: 10px;
    clear: both;
    float: right;
    overflow: hidden;
}

div.article_next {
    text-align: right;
}

.img_button {
	display: block;
	position: absolute;
	width: 30px;
	height: 40px;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url("../images/arrows/bg_arrow_skim.gif");
	top: 200px;
}

#img_next {
	right: 30px;
	background-position: 25px 0;
}

#img_prev {
	left: 30px;
	background-position: 0 0;
}

#protect_submit {
    margin-right: -3px !important;
}

/* hover info panel */
#last_seen_dropdown_button {
    width: auto;
    position: absolute;
    right: 0;
    top: 5px;
    padding-right: 20px;
    font: 12px/14px ProximaNovaA-SemiBold;
    min-height: 15px;
    background-position: right -8px;
    cursor: pointer;
	text-transform: uppercase;
    min-width: 150px;
    text-align: right;
}

#size_table {
	position: absolute;
	top: 0;
	left: 0;
}

.last_seen_article_hover_panel {
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 20px;
    padding-bottom: 7px;
    background: url("../images/backgrounds/panel_shadow.png") no-repeat center bottom;
}

div#detail.span-12 {
    padding-top: 20px;
}

#buybox {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

#size_table_link {
	margin-left: 20px;
	margin-top: -6px;
	padding-bottom: 2px;
	float: left;
    width: 170px;
    white-space: nowrap;
}

#detailCartButton {
	float: none;
	clear: both;
	overflow: hidden;
}

select#sAdd.variant {
	float: left;
	margin-top: 10px;
}

.ajax_add_article_container div#buybox.right {
    width: 100%;
}

.last_seen_article_hover_panel .wrapper {
    background-color: #fff;
    height: 115px;
}

.lastview_rule {
    width: 85px;
    height: 115px;
    float: left;
    position: relative;
}

.lastview_rule a.article_image {
    display: block;
    width: 85px;
    height: 115px;
}

div.info_panel {
    position: absolute;
    z-index: 101;
    top: 90px;
    left: -50px;
    color: #000;
}

div.info_panel .header {
    background: url("../images/backgrounds/bg_info_panel.png") no-repeat center top;
    height:     30px;
    width:      200px;
}

div.info_panel .body {
    background: url("../images/backgrounds/bg_info_panel_body.png") repeat-y center bottom;
    width:      172px;
    padding:    0 14px;
}

div.info_panel .body * {
    padding: 0;
    margin: 0;
    text-align: left;
}

div.info_panel .footer {
    background: url("../images/backgrounds/bg_info_panel.png") no-repeat center bottom;
    height:     10px;
    width:      200px;
}

div.info_panel h2.designer,div.info_panel p.price {
    font: 13px/20px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
        margin-top: 0px !important;
}

div.info_panel hr {
    border-bottom: 1px solid #ccc;
    margin: 10px 0 !important;
}

div.info_panel .actions a {
    padding-left: 10px;
    padding-top: 2px;
    background: url("../images/sprite_listing_buttons.gif") no-repeat -6px -24px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    font: 13px/16px ProximaNovaA-SemiBold;
}

div.info_panel .actions a:hover {
    color: #757575;
    text-decoration: none !important;
}

div.info_panel .body .actions a,
div.info_panel .body > a {
    text-decoration: none !important;
}

div.info_panel .body > a:hover {
    text-decoration: underline !important;
}

div.info_panel a.article_description {
    font: 13px/20px ProximaNova-Regular;
    text-transform: uppercase;
    display: block;
    text-align: left;
}

div.info_panel .actions {
    overflow: hidden;
    float: none;
    width: 100%;
}

.info_panel .ajax_loader {
    width: 100%;
    position: relative;
    background-position: center;
}

.bigartbox {
    position: relative;
    height: 495px;
    margin-top: 50px;
}

.bigartbox .actions {
    background-color: #000;
    width: 97%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    display: none;
}

.bigartbox:hover .actions {
    display: block;
}

.bigartbox .artbox_thumb {
    display: block;
    width: 98%;
    height: 495px;
}

.bigartbox .artbox_thumb img {
    width: 100% !important;
    height: auto !important;
}

/* @group Preview Panel */
div.preview_panel {
    position: absolute;
    z-index: 101;
    bottom: 20px;
    left: -50%;
    color: #000;
}

div.preview_panel .header {
    background: url("../images/backgrounds/bg_preview_panel.png") no-repeat center top;
    height: 5px;
    width: 196px;
}

div.preview_panel .body {
    background: url("../images/backgrounds/bg_preview_panel_body.png") repeat-y center bottom;
    width: 176px;
    height: 115px;
    padding: 10px;
}

div.preview_panel .body * {
    padding: 0;
    margin: 0;
}

div.preview_panel .footer {
    background: url("../images/backgrounds/bg_preview_panel.png") no-repeat center bottom;
    height: 25px;
    width: 196px;
}

div.preview_panel .image_left,div.preview_panel .image_right {
    width: 85px;
    height: 115px;
    float: left;
    position: relative;
    overflow: hidden;
    background: no-repeat center center;
}

div.preview_panel .image_right {
    float: right;
}

div.preview_panel .ajax_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-right: -10px;
    margin-top: -10px;
}

/* @end */
a.navi.more,a.navi.prev,a.navi.sliderbutton,.paging span.navi {
    display: block;
    color: #ddd;
    border: 1px solid white;
    text-align: center;
    padding: 2px 0px;
    background-color: #ddd;
}

a.navi.prev, a.navi.more {
    overflow: hidden;
    text-indent: 500px;
    background: url("../images/icons/ico_white_sprite.gif") no-repeat;
}

a.navi.prev {
    background-position: center -69px;
}
a.navi.more {
    background-position: center -37px;
}

.paging span.navi {
    width: 17px;
}

div.listing_actions.listing-2col {
    text-align: center;
    padding-top: 30px;
    clear: both;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

div.listing_actions.listing-2col ul.paging li {
    float: left;
    position: relative;
}

div.listing_actions.listing-2col ul.paging li a,
div.listing_actions.listing-2col ul.paging li span {
    height: 12px;
    line-height: 12px;
}

div.listing_actions.listing-2col ul.paging div.display_sites {
    clear: both;
    padding-top: 2px;
}

a.navi.more:hover,a.navi.prev:hover {
    background-color: #757575;
    color: #fff;
    text-decoration: none;
}

li:hover a.navi.sliderbutton,a.navi.sliderbutton.on {
    background-color: #757575;
    color: #757575;
}

a.navi.more,a.navi.prev {
    background-color: #757575;
    width: 18px;
    color: #fff;
}

div.blog_picture img {
    width: 85px;
    height: auto;
}

.listing-blog .archive_grid .span-3 a {
    display: block;
    position: relative;
}

.listing-blog .archive_grid .span-3 a span {
    display: none;
    position: absolute;
    top: 38%;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    font: italic 28px Georgia, "Times New Roman", Times, serif;
}

.listing-blog .archive_grid .span-3 {
    margin-bottom: 15px;
}

.listing-blog .archive_grid .span-3:hover .blog_picture {
    background-color: #000;
    color: #fff;
}

.listing-blog .archive_grid .span-3:hover img {
    display: none;
}

.listing-blog .archive_grid .span-3:hover span {
    display: block;
}

.listing-blog .archive_grid .span-3 div.blog_picture {
    overflow: hidden;
    height: 125px;
}

.listing-blog .archive_grid .span-3 div.blog_picture img {
    width: 100%;
    height: auto;
}

#content .social div.outer {
    border: 0 !important;
}

#content div.blogbox h1 {
    font: 20px ProximaNovaA-Regular;
    text-transform: uppercase;
}

/* @group Magazine */
.magazin-archiv {
    float: right;
    display: block;
    text-transform: uppercase;
}

.magazine-article {
    position: relative;
    height: 530px;
}

.magazine-article div.images {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 530px;
    width: 100%;
    overflow: hidden;
}

.magazine-article .main_image img{
	max-width: 100%;
	height: auto;
}

.magazin-head-pivot {
    position: relative;
}

.magazin-headline {
    padding-left: 179px;
}

.magazin-head-pivot .magazin-archiv {
    background: transparent url("../images/arrows/black_arrow_right.png") center left no-repeat;
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 11px;
    font-family: ProximaNovaA-SemiBold;
    padding: 2px 0 0 10px;
}

.view-fullscreen {
    background: url("../images/icons/ico_fullscreen.png") bottom left no-repeat;
    padding: 23px 0 0 23px;
    text-transform: uppercase;
    font-family: ProximaNovaA-SemiBold;
    font-size: 13px;
    display: block;
    float: left;
}

.close-fullscreen {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    text-transform: uppercase;
    font-family: ProximaNovaA-SemiBold;
    font-size: 11px;
    padding: 4px 23px 0 0;
    background: transparent url("../images/icons/ico_closebutton-light.png") center right no-repeat;
}

.magazine-article div.links {
    z-index: 3;
    background-color: #fff;
    height: 530px;
    position: absolute;
    top: 0;
    display: none;
    text-align: right;
}

.magazine-article .links .inner a {
    display: inline-block;
    padding: 2px 10px 2px 20px;
    background-color: #000;
    color: #fff;
    font: italic 18px Georgia, "Times New Roman", Times, serif;
}

.magazine-article .links .inner a:hover {
    background-color: #767676;
}

.magazine-article div.links .inner {
    padding: 40px;
}

.magazine-article div.description {
    height: 530px;
    background-color: #fff;
    display: block;
    z-index: 2;
    clear: both;
    position: relative;
}

.magazine-article div.description .inner {
    padding: 40px;
}

.magazine-article .w50p {
    width: 50%;
}

.magazine-navigation ul li {
    float: left;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
}
.magazine-navigation ul li a {
	width: 85px;
	height: 48px;
	overflow: hidden;
	display: block;
}

.magazine-navigation ul li a.active,
.magazine-navigation ul li:hover a {
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow: 0px 0px 5px #999;
}

.magazine-article .magazine-article-navigation {
    position: absolute;
    top: 47%;
    left: -40px;
    width: 1020px;
    height: 40px;
}

.magazine-navigation {
    margin-bottom: 30px;
    margin-top: 50px;
}

.magazine-article-navigation a {
    position: absolute;
    overflow: hidden;
    text-indent: 100px;
    display: block;
    height: 40px;
    width: 30px;
}

.magazine-article-navigation a.article_back {
    background-image: url("../images/arrows/bg_arrow_skim.gif");
    left: 0;
    top: 0;
}

.magazine-article-navigation a.article_next {
    right: 0;
    top: 0;
    background: url("../images/arrows/bg_arrow_skim.gif") 25px;
}
/* @end */

/* @group Social Links */
div.social {
    float: right;
    margin-top: 20px;
}

.magazine-article .social .bookmarks {
    float: right;
}

a.bookmark {
    width: 18px;
    height: 18px;
    background: url("../images/icons/ico_social.gif") no-repeat;
    display: block;
    overflow: hidden;
    text-indent: 100px;
    float: left;
    margin-left: 5px;
}

a.twitter {
    background-position: 0px;
}

a.googlep {
    background-position: -18px;
}

a.facebook {
    background-position: -36px;
}

a.like {
    background-position: -54px;
}

a.mail {
    background-position: -72px;
}

a.print {
    background-position: -90px;
}

a.delicious,a.digg {
    background-image: none;
    border: 1px solid red;
}

/* @end */
#show_description {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    background-color: #000;
    padding: 1px 10px;
    z-index: 100;
    position: absolute;
    right: 12px;
    top: 10px;
    text-transform: uppercase;
}

#show_links {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    background-color: #000;
    z-index: 100;
    position: absolute;
    left: 12px;
    top: 10px;
    padding: 1px 10px;
    text-transform: uppercase;
}

#toplink {
    display:  none;
    width:    26px;
    height:   35px;
    position: fixed;
    top:      20%;
    right:    0;
}

#toplink a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/ico_top.gif");
    text-indent: -5000px;
    z-index: 1000;
}

/* @group Paged Navigation */
#pagedNavigation {
    overflow: hidden;
}

#pagedNavigation div.articleNavigation ul.slide {
    width: 940px;
    float: left;
    height: 52px;
}

#pagedNavigation div.articleNavigation .sliding_container {
    position: relative;
}

#pagedNavigation div.articleNavigation div.sliding_outer {
    width: 940px;
    height: 60px;
    overflow: hidden;
}

#pagedNavigation div.articleNavigation a.leftArrow {
    position: absolute;
    display: block;
    border: 5px solid #fff;
    border-right-width: 0;
    left: -35px;
    width: 20px;
    height: 40px;
    overflow: hidden;
    z-index: 100;
    background: url("../images/arrows/bg_arrow_skim.gif");
    z-index: 100;
    text-indent: -1000px;
    overflow: hidden;
}

#pagedNavigation div.articleNavigation a.rightArrow {
    position: absolute;
    display: block;
    border: 5px solid #fff;
    border-left: 0;
    width: 20px;
    height: 40px;
    background: url("../images/arrows/bg_arrow_skim.gif") 25px;
    z-index: 100;
    text-indent: -1000px;
    overflow: hidden;
    right: -35px;
}

/* @end */

/* @group Basket */
#basket div.table.span-10 div.table_head {
    overflow: hidden;
    padding-bottom: 20px;
    font-family: ProximaNovaA-SemiBold;
    border-bottom: 1px solid #ddd;
    background: none;
    width: 760px;
}

#basket a.title {
    font-family: ProximaNovaA-SemiBold;
    text-transform: uppercase;
}

#basket div.table_row {
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
    width: 760px;
    overflow: hidden;
}

.card-col {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    padding-left: 5px;
}

.table_footer {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

.table_footer_compact {
    margin-top: 10px;
    width: 100%;
}

.card-col.last {
    margin-right: 0px;
}

.col-1 {
    width: 295px;
}

.col-2 {
    width: 140px;
    float: left;
}

.col-3 {
    width: 95px;
    float: left;
}
.col-3.add-2 {
    margin-left: 165px;
}
.col-4 {
    width: 55px;
    float: left;
}

.col-5 {
    width: 95px;
    float: left;
    margin-right: 0px;
    margin-left: 15px;
}
.col-5.add-4 {
    margin-left: 365px;
}

#vouchers,#recalcShipping {
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 15px;
    margin: 15px 0;
}

#vouchers .inner {
    margin: 15px;
}

#recalcShipping label span {
    color: #666;
    text-transform: uppercase;
    display: block;
    width: 180px;
}

#recalcShipping div.basket_country p,#recalcShipping div.basket_payment p,#recalcShipping div.basket_dispatch p
    {
    margin: 0;
}



#recalcShipping div.basket_country,#recalcShipping div.basket_payment,#recalcShipping div.basket_dispatch
    {
    margin: 20px;
}

#shippingcosts_notice {
    text-align: right;
    width: 255px;
    float: right;
    margin: 10px 0;
}

#aggregation p,#aggregation_left p {
    padding-bottom: 8px;
    margin: 0;
}

.finish #aggregation_left {
	margin-left: 20px;
}

#aggregation_left .taxsum,#aggregation .taxsum,#aggregation_left .tax,#aggregation .tax
    {
    color: #666;
}

#basket .table_premium {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

#basket_add_voucher,
#basket_add_article {
    width: 165px;
}

#confirm .table .box {
    background-color: #f5f5f5;
}

#confirm .table div.vouchers {
    margin-bottom: 10px;
    overflow: hidden;
}

#confirm .table input.button_tablefoot {
    float: right;
}

#confirm .table .checkoutItemPrice,
#confirm .table .ordernumber {
	margin-bottom: 5px;
}

#basket div.table {
    padding-bottom: 20px;
}

/*@group DELIVERY STATUS SPRITE */
.status0,.status1,.status2,.status3,.status4,.status5,.status6,.status7,.status8
    {
    display: block;
    float: left;
    margin: -2px 5px 0 0;
    height: 16px;
    width: 16px;
    background: url("../images/sprite_delivery.png") 0 -14px no-repeat;
}


.orderstatus .status0,
.orderstatus .status1,
.orderstatus .status2,
.orderstatus .status3,
.orderstatus .status4,
.orderstatus .status5,
.orderstatus .status6,
.orderstatus .status7,
.orderstatus .status8 {
    background: url("../images/sprite_delivery_colors.png") 0 -14px no-repeat;
    height: 14px;
}

.status0,.status1,.status6{
    background-position: 0 -16px;
}
.orderstatus .status0,.orderstatus .status1,.orderstatus .status6{
    background-position: 0 -14px;
}

 /* yellow */
.status2,.status5,.status7,
.orderstatus .status2,.orderstatus .status5,.orderstatus .status7{
    background-position: 0 0;
} /* green */
.status4,.status8{
    background-position: 0 -32px;
}
.orderstatus .status4,.orderstatus .status8{
    background-position: 0 -28px;
}/* red */
/* @end */

/* @end */


#stepbox div.step_box li {
    float: left;
    font-size: 20px;
    margin: 5px;
    padding: 10px;
}

.step_box {
    font-size: 22px;
    line-height: 26px;
    font-family: ProximaNovaA-Regular;
    display: block;
    margin-bottom: 10px;
}

.step_box span {
    font-size: 22px;
    line-height: 26px;
}

#content .check_order {
    clear: both;
    margin: 15px 0;
}

#content .check_order h2.headingbox {
    margin-bottom: 10px;
}


/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* product-filters */
#product-filters .filter-option {
    padding: 0;
    margin:  2px 2px;
    display: block;
}

#product-filters .filter-option .filter-title {
    background: #ffffff url("../images/form/filter-option.png") center right no-repeat;
    cursor:     pointer;
    display:    block;
    height:     14px;
    padding:    5px 20px 5px 4px;
    position:   relative;
    width:      auto;
    z-index: 	10;
    white-space: nowrap;
}

#product-filters .filter-option:hover {
    z-index: 2001;
}

#product-filters .filter-reset,
#product-filters .showall {
    background: transparent url("../images/form/filter-reset.png") center left no-repeat;
    float:      left;
    margin:     0 0 0 25px;
    padding:    7px 0 5px 12px;
    white-space: nowrap;
}

#product-filters .filter-criteria li,
#product-filters .filter-option .filter-title,
#product-filters .filter-reset {
    color: #000;
    font-family: ProximaNova-SemiBold, Helvetica, Verdana, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

#product-filters .filter-reset {
    width: 255px;
}

#product-filters li.showall {
    float: right;
    margin-top: 10px;
}

#product-filters .filter-option-wide .filter-criteria .filter-paginate {
    width: 600px;
}

#product-filters .filter-option-wide .filter-criteria .filter-paginate li {
    float: left;
    width: 195px;
    padding-right: 5px;
    min-height: 40px;
    line-height: 12px;
    margin-bottom: -10px;
    margin-top: -2px;
}

#product-filters .filter-paginator {
    clear: both;
    display: block;
    color: #000;
    font-family: ProximaNova-SemiBold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 0;
}

#product-filters .filter-paginator .page-text {
    float: left;
    display: block;
    margin: -2px 10px 0 250px;
    white-space: nowrap;
}

#product-filters .filter-paginator .page-prev,
#product-filters .filter-paginator .page-next {
    background: transparent url("../images/arrows/black_arrow_right.png") top left no-repeat;
    display: block;
    float: left;
    height: 9px;
    width: 5px;
    padding: 0 5px;
    text-indent: -99em;
}

#product-filters .filter-paginator .page-prev {
    background-color: #ffffff;
    background-image: url("../images/arrows/black_arrow_left.png");
}

#product-filters .filter-option {
    background: #fff;
    float: left;
    position: relative;
}

#product-filters .filter-actives {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 10px 0;
}

#product-filters .filter-actives h5 {
    color: #000;
    font-size: 12px;
    font-family: ProximaNova-SemiBold;
    margin: 0 0 15px;
    text-transform: uppercase;
}

#product-filters .filter-option-wide .filter-criteria .filter-actives ul {
    padding: 0;
    width: 600px;
}

#product-filters .filter-actives ul li {
	float: left;
    line-height: 12px;
    margin-bottom: -10px;
    margin-top: -2px;
    min-height: 40px;
    padding-right: 5px;
    width: 195px;
}

#product-filters .filter-criteria {
    background: #fff; 
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
    display: none;
    left: 0;
    min-width: 150px;
    position: absolute;
    padding: 20px;
    top: 24px;
    z-index: 9;
}

#product-filters .filter-option-wide .filter-criteria {
    padding: 25px 10px 20px 10px;
}

#product-filters .filter-option-wide .filter-criteria ul {
    padding: 0 10px;
}

#product-filters .filter-option-wide input[type="submit"] {
    margin-left: 10px;
}

#product-filters .filter-criteria li a:hover {
    text-decoration: none;
}

#product-filters .filter-criteria li a {
    background: transparent url("../images/form/filter-unchecked.png") left 2px no-repeat;
    cursor: pointer;
    display: block;
    margin: 0 0 8px;
    padding: 0 0 0 16px;
}

#product-filters .filter-option-wide .filter-criteria li a {
    background-position: left top;
}

#product-filters .filter-criteria li.showall a {
    background: none;
    padding: 0;
    margin: 0;
}

#product-filters .filter-criteria li a.active {
    background-image: url("../images/form/filter-checked.png");
}

#product-filters li input[type="submit"] {
    background: #000;
    border: 0;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
}

#product-filters .filter-option:hover {
    -moz-box-shadow:    0px 0px 5px 0px #666666;
    -webkit-box-shadow: 0px 0px 5px 0px #666666;
    box-shadow:         0px 0px 5px 0px #666666;
    display:            block;
    position:           relative;

}
#product-filters li:hover div {
    display: block;
}


/* supportrequest */
.supportrequest .span-4 input[type=text],
.supportrequest .span-4 input[type=password],
.supportrequest .span-4 input[type=email],
.supportrequest .span-4 textarea {
    width: 272px;
}

.requiredfields{
    margin-top: 10px;
}

#support div.supportrequest.span-9 p.requiredfields {
    margin-top: 15px;
}


/*    SITEMAP
    ------------------------ */
#sitemap_columns {
    margin-top: 20px;
    margin-bottom: 50px;

    column-width: 175px;
    -moz-column-width: 175px;
    -webkit-column-width: 175px;
    column-gap: 15px;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;

    overflow: hidden;
}

#content div.span-8 h1,
#content div.inner div.span-10 h1 {
    text-transform: uppercase;
    font: 22px ProximaNovaA-Regular;
    margin: 3px 0 2px 0;
}

.sitemap {margin-right:5px; margin-top:5px; width:190px; border-bottom: 1px solid #ccc; }
.sitemap2 {float:left; margin:5px 0pt 0pt; width:191px;}
ul#categories_s {margin: 0;padding: 0;    text-transform: uppercase;}
ul#categories_s li {border-bottom:1px solid;}
ul#categories_s a {display:block; padding:0px 5px 5px 0px; text-decoration:none;    font-family: ProximaNovaA-SemiBold;}
ul#categories_s a:hover {text-decoration:underline;}
ul#categories_s ul {margin-left: 5px;
}
ul#categories_s ul  ul {
	margin-bottom: 10px;
}
ul#categories_s ul a {font-family: ProximaNovaA-Light;}
ul#categories_s ul ul, ul#categories_s ul ul ul { border:0 none;}
ul#categories_s ul ul a { padding:2px 2px 2px 15px;}
ul#categories_s ul ul a.active {font-weight:normal;}
ul#categories_s ul ul ul a {padding:2px 2px 2px 25px;}
ul#categories_s ul ul ul a.active {padding:2px 2px 2px 10px;}

/*  Ablage für Anzahl von Waren im Merkzettel.
    -> templates/dps/note/add.tpl#3
    Wird nicht angezeigt, nur per jQery ausgelesen und weiter verarbeitet.
*/
span#note_quantity_num{
    display: none;
}

/*
    Positions-Korrektur für Linke Content-Box im Kassenbereich
    -> templates/dps/checkout/confirm_left.tpl
*/
.forcetop{
    margin-top: -142px;
}

#lbCenter {
    overflow: visible;
}


/* Notify popup */


#notify_popup{
    -moz-box-shadow:    0 0 10px #484848;
    -webkit-box-shadow: 0 0 10px #484848;
    box-shadow:         0 0 10px #484848;
    display:            none;
    margin:             0 280px 0;
    padding:            28px 20px 20px 20px;
    position:           fixed;
    text-transform:     uppercase;
    top:                100px;
    width:              340px;
    z-index:            300000;
}

#notify_popup.white{
    background-color:   #ffffff;
    color:              #000000 !important;
}

#notify_popup.black{
    background-color:   #000000;
    color:              #ffffff !important;
}

#notify_popup.white h1{
    color:         #000000 !important;
    font-size:     17px;
    margin-bottom: 6px;
}

#notify_popup.white p{
    color:         #000000 !important;
}

#notify_popup.black h1{
    color:         #ffffff !important;
    font-size:     17px;
    margin-bottom: 6px;
}

#notify_popup.black p{
    color:         #ffffff !important;
}

#notify_popup hr{
    border-top:    1px #888888 solid;
    margin-bottom: 23px;
}

#notify_popup .popbutton_black{
    background-color:      #000000;
    cursor:                pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    color:                 #ffffff;
    display:               inline-block;
    margin-top:            27px;
    padding:               7px 21px 6px 21px;
}

#notify_popup .popbutton_white{
    cursor:  pointer;
    display: inline-block;
    margin:  0 0 0 16px;
    padding: 2px 21px 2px 21px;
}
/* CustomerCare-Popup */
#customer_care_popup{
    display:            none;
    left:               0;
    position:           fixed;
    top:                0;
    width:              100%;
    z-index:            300000;
}
#customer_care_popup > div.frame_wrap{
    background-color:   #ffffff;
    -moz-box-shadow:    0 0 10px #484848;
    -webkit-box-shadow: 0 0 10px #484848;
    box-shadow:         0 0 10px #484848;
    height:             510px;
    margin:             0 auto 0 auto;
    padding:            28px 0px 20px 20px;
    position:           relative;
    top:                40px;
    width:              830px;
    z-index:            10000;
}
#customer_care_popup #customer_care_dialog_close {
    cursor: pointer;
}

/* Form-Popup */
#form_popup{
    display:            none;
    left:               0;
    position:           fixed;
    top:                0;
    width:              100%;
    z-index:            300000;
}
#form_popup > div.frame_wrap{
    background-color:   #ffffff;
    -moz-box-shadow:    0 0 10px #484848;
    -webkit-box-shadow: 0 0 10px #484848;
    box-shadow:         0 0 10px #484848;
	height:             510px;
    margin:             0 auto 0 auto;
    padding:            28px 0px 20px 20px;
    position:           relative;
    text-transform:     uppercase;
    top:                40px;
    width:              830px;
    z-index:            10000;
}
#form_popup a.modal_close {
    cursor: pointer;
}
/* Extern-Popup */
#extern_popup{
    display:            none;
    left:               50%;
    position:           fixed;
    top:                0;
    width:              100%;
    z-index:            300000;
}
#extern_popup > div.frame_wrap{
    background-color:   #ffffff;
    -moz-box-shadow:    0 0 10px #484848;
    -webkit-box-shadow: 0 0 10px #484848;
    box-shadow:         0 0 10px #484848;
	height:             510px;
    margin:             0 auto 0 auto;
    padding:            28px 0px 20px 20px;
    position:           relative;
    text-transform:     uppercase;
    top:                40px;
    width:              830px;
    z-index:            10000;
}
#extern_popup a.modal_close {
    cursor: pointer;
}

.form_frame{
    width: 100%;
}

.content_form{
    padding-top: 0px !important;
}
.contentimage{ /* diese Klasse auf Bilder legen, die als Shop-Seiten-Content noch vor Text-Inhalten kommen, damit die Bilder von der Lage her stylebar werden */
    margin-top: 3px;
}
#popupwrapper{
    margin: 0;
}
#popupwrapper #content{
    margin: 0;
    padding: 0;
}
#popupwrapper .span-8{
    width: auto !important;
}

#side_left{
    float:       left;
    font:        12px ProximaNovaA-Regular;
    margin:      5px 20px 0 0;
    width:       160px;
}
#mainpopupcontent{
    display: inline-block;
    margin:  0;
    width:   620px;
}
#mainpopupcontent h1{
    line-height: 42px;
}

#content div.accordion .accordion_headline{
    font:           13px ProximaNovaA-SemiBold;
    line-height:    15px;
    padding:        9px 0;
    border:         0;
    border-top:     1px solid #ccc;
    border-radius:  0;
    text-transform: uppercase;
    clear:          both;
}
#content div.accordion .description_headline {
    font:        13px ProximaNovaA-SemiBold;
    line-height: 15px;
    margin-top:  10px;
    border:      0;
}
#content .accordion_headline:last-child {
    border-bottom: 1px solid #ccc;
}
#content div.accordion h1,#detail div.accordion h2,#detail div.accordion h3,#detail div.accordion h4
    {
    font:  13px ProximaNova-Regular;
    color: #000;
}
#content div.accordion p,
#detail div.accordion .ui-widget-content {
    font:                       13px/21px ProximaNovaA-Regular;
    color:                      #000000;
    overflow:                   visible;
    width: 99%;
}

#content div.accordion p a {
    text-decoration: underline;
}

.notepadButton.large{
    color:           #FFFFFF;
    text-decoration: none;
}

#slide_left{
    cursor:   pointer;
    left:     50px;
    position: absolute;
    top:      350px;
}
#slide_right{
    cursor:   pointer;
    position: absolute;
    right:    50px;
    top:      350px;
}

.slider_banner_note {
    position: relative;
}

#removeAllArticlesFromNotes {
    right: 0px;
    position: absolute;
    top: 3210px;
    text-align: right;
    margin-right: 0px;
    z-index: 1337;
}
#removeAllArticlesFromNotes a,
#removeAllArticlesFromNotes a:hover{
    color: #757575 !important;
    white-space: nowrap;
}
.inner #left{
    margin-top: -2px;
}
.inner #left .categories{
    margin-top: 2px
}
#popupwrapper .span-10,
#popupwrapper .span-9{
    width: auto !important;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
    background: transparent url(../images/buttons/lightbox-prev.png) 25% center no-repeat;
	left: -110px !important;
}

#lbNextLink {
    background: transparent url(../images/buttons/lightbox-next.png) 75% center no-repeat;
	right: -110px !important;
}
.select_billing{
    margin: 20px 0 0 0;
}
.select_billing h5{
    margin: 0 0 10px 0;
}

/* InfinityScroll */
#infscr-loading img{
    border:             1px #000000 solid;
    -moz-box-shadow:    0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
    box-shadow:         0px 0px 10px #999;
    margin:             0 0 -60px 90px;
    padding:            20px;
}

.loadingIndicator {
    -moz-box-shadow:    0px 0px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 10px #cccccc;
    box-shadow:         0px 0px 10px #cccccc;
}

#userinformations .inner_container,
#selected_payment .inner_container,
.billing .inner_container,
.shipping .inner_container,
.newsletter .inner_container{
    margin-top: 15px !important;
}
#userinformations .inner_container p,
#selected_payment .inner_container p,
.billing .inner_container p,
.shipping .inner_container p,
.newsletter .inner_container{
    line-height: 15px !important;
}


/* fixed for chrome font bug */
.alt_shipping label,
.privacy label {
    width: 75%;
}

.agb .agb_accept label,
.more_info label {
    width: 85%;
}



/* Keyframe-Animationen */
.glower{
  -moz-animation-name:               glow;
  -moz-animation-duration:           0.4s;
  -moz-animation-iteration-count:    infinite;
  -moz-animation-direction:          alternate;
  -moz-animation-timing-function:    ease-in-out;
  -webkit-animation-name:            glow;
  -webkit-animation-duration:        0.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction:       alternate;
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-name:                 glow;
  -o-animation-duration:             0.4s;
  -o-animation-iteration-count:      infinite;
  -o-animation-direction:            alternate;
  -o-animation-timing-function:      ease-in-out;
  -ms-animation-name:                glow;
  -ms-animation-duration:            0.4s;
  -ms-animation-iteration-count:     infinite;
  -ms-animation-direction:           alternate;
  -ms-animation-timing-function:     ease-in-out;
  -khtml-animation-name:             glow;
  -khtml-animation-duration:         0.4s;
  -khtml-animation-iteration-count:  infinite;
  -khtml-animation-direction:        alternate;
  -khtml-animation-timing-function:  ease-in-out;
  animation-name:                    glow;
  animation-duration:                0.4s;
  animation-iteration-count:         infinite;
  animation-direction:               alternate;
  animation-timing-function:         ease-in-out;
}

/* Transparenz-Animation */
@-moz-keyframes glow{
    0%{
        opacity: 0.7;
    }
    100%{
        opacity: 0.4;
    }
}
@-webkit-keyframes glow{
    0%{
        opacity: 0.7;
    }
    100%{
        opacity: 0.4;
    }
}
@-o-keyframes glow{
    0%{
        opacity: 0.7;
    }
    100%{
        opacity: 0.4;
    }
}
@-ms-keyframes glow{
    0%{
        opacity: 0.7;
    }
    100%{
        opacity: 0.4;
    }
}
@-khtml-keyframes glow{
    0%{
        opacity: 0.7;
    }
    100%{
        opacity 0.4;
    }
}
@keyframes glow{
    0%{
        opacity: 0.7;
    }
    100% {
        opacity: 0.4;
    }
}

input[type="checkbox"][name="gift"] {
    display: none;
}

input[type="checkbox"][name="gift"] + label {
    cursor: pointer;
}

input[type="checkbox"][name="gift"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -3px 3px 2px -1px;
    vertical-align: middle;
    background: url("../images/sprite_gift.png") 0px -16px no-repeat;
    cursor: pointer;
}

input[type="checkbox"][name="gift"] + label:hover span {
    background-position: 0px -48px;
}

input[type="checkbox"][name="gift"]:checked + label span {
    background-position: 0px 0px;
}

input[type="checkbox"][name="gift"]:checked + label:hover span {
    background-position: 0px -32px;
}

/*
Startpage fix for width of campaign boxes
*/

.campaign-articles > div {
	width: 320px!important;
	margin: 5px 10px 10px 3px;
	float: left;
}