﻿/*Modal Popup*/
div.modalBackground, 
div#mpeBuy_backgroundElement, div#mpeAGB_backgroundElement, div#mpeCVC_backgroundElement, div#ctl18_Popup_DeleteCartItem_mpeDelete_backgroundElement, div#mpeGeschenkgutscheinBedingungen_backgroundElement, div#mpeGiftService_backgroundElement, div#mpeGutscheinAbgelaufen_backgroundElement, div#mdlPopup_backgroundElement, div#mpeOrder_backgroundElement, div#mpeCC_backgroundElement, div#mpePaypal_backgroundElement, div#mpeSUE_backgroundElement, div#mpeNewsletterRegistration_backgroundElement, div#mpeNewsletterRegistrationError_backgroundElement, div#mpeStocking_backgroundElement, div#SelectGiftProductPopup_backgroundElement, div#ShippingImportTaxPopup_backgroundElement, div#mpeWiderruf_backgroundElement
{
	background-color: #919191 !important;
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;
}

fieldset#Shipping ul li.last div.modalPopup, .modalPopup
{
	border: 3px solid #595959;
	padding: 5px;
	width: 420px;
	background: #fff url(/css3/screen/images/popup_banner.png) no-repeat 6px 6px;
	text-align: left;
}

fieldset#Shipping ul li.last div.modalPopup .content, .modalPopup .content
{
	border: solid 1px #a1a1a1;
	float: left;
	clear: both;
	width: 388px;
	padding: 0px 15px 10px;
}

.modalPopup .head
{
	height: 15px;
	overflow: hidden;
	margin: 5px 0px 15px;
}

.modalPopup .head span
{
	color: #ffffff;
	font-weight: bold;
}

.modalPopup .head input
{
	float: right;
}

.modalPopup input.CancelBtn:hover
{
	margin-top: -15px;
}

.modalPopup .PopUpAction
{
	/*text-align: right;*/
	height: 24px;
	overflow: hidden;
	margin: 0px;
}

.modalPopup .PopUpAction a:hover img
{
	margin-top: -24px;
}

.modalPopup .FooterInfo
{
	border-top: dotted 1px;
	color: #a1a1a1;
	font-size: 9px;
	text-align: center;
	margin: 0px;
	margin-top: 14px;
	padding-top: 10px;
	clear: both;
}

#col1 .modalPopup h1, fieldset#Shipping ul li.last div.CVC .content-wrapper h1
{
	font-size: 17px;
	color: #F29400;
	margin-bottom: 10px;
}

#col1 .modalPopup h2, fieldset#Shipping ul li.last div.CVC .content-wrapper h2
{
	font-size: 12px;
	color: #F29400;
	margin-top: 10px;
}

/*******************************/
/*****   Notification      *****/

.Notification .head
{
	padding-left: 0px;
}

.Notification .content img
{
	float: left;
	margin-bottom: 14px;
	margin-right: 10px;
}

.Notification .content-wrapper p
{
	margin-top: 30px;
}

.Notification p em
{
	font-weight: bold;
	color: #000;
	font-style: normal;
}

.Notification fieldset
{
	width: 230px;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
}

.Notification fieldset label
{
	width: auto;
	font-weight: bold;
}

.Notification fieldset input
{
	width: 220px;
	margin-bottom: 10px;
}

.Notification fieldset em
{
	font-weight: bold;
	color: #F29400;
	display: block;
	font-style: normal;
	font-size: 12px;
}

.Notification fieldset p
{
	clear: both;
}

.Notification fieldset .radio
{
	clear: both;
	float: left;
}

.Notification fieldset .radio input
{
	width: auto;
}

.Notification fieldset .radio label
{
	clear: none;
	font-weight: normal;
	text-align: left;
	width: 210px;
	margin-left: 5px;
	padding-right: 0px;
	margin-bottom: 10px;
}


.Notification .FooterInfo
{
	text-align: left;
	padding-left: 70px;
	background: url(/css3/screen/images/nospam.png) no-repeat 20px 5px;
	min-height: 32px;
}

/*****************************/
/*****   Added2Cart      *****/

.Added2Cart .content img
{
	float: left;
	margin-bottom: 14px;
	margin-right: 10px;
}

.Added2Cart .content .h
{
	font-size: 13px;
	font-weight: bold;
	color: #F29400;
	display: inline;
	padding-top: 20px;
	float: left;
	width: 230px;
}

.Added2Cart .content .CartInfo
{
	display: inline-block;
	margin-top: 20px;
	width: 250px;
}

.Added2Cart .PopUpAction
{
	clear: both;
}

.Added2Cart .FooterInfo img
{
	padding-top: 7px;
	margin: 0px;
	float: none;
}
/******************************************/

.GiftService
{
    position: absolute !important;
    top: 60px !important;
    left: 187px !important;
}

.GiftService .content
{
	background: transparent url(/images/geschenk_popup.jpg) no-repeat right bottom;
	height: 351px;
	padding-bottom: 80px;
}

.GiftService .content-wrapper
{
	background: transparent url(/images/icon_geschenk.gif) no-repeat 40px top;
	height: 300px;
	padding-left: 120px;
}

.GiftService .content .h
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #F29400;
}

.GiftService .content p
{
    margin: 5px 0 10px 0 !important;
    text-align: left !important;
}

/******************************************/

.NewsletterRegistration .content-wrapper
{
	padding-left: 110px;
	width: 293px;
	background: url(/images/icon_prozent.gif) no-repeat 20px 10px;
}

.NewsletterRegistration .content .h
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.NewsletterRegistration p.highlight
{
	font-weight: bold;
	color: #F29400;
}


.NewsletterRegistration fieldset
{
	width: 260px;
	padding: 10px;
	margin-bottom: 10px;
}

.NewsletterRegistration fieldset label
{
	width: auto;
}

.NewsletterRegistration fieldset input
{
	width: 210px;
}

.NewsletterRegistration fieldset em
{
	font-weight: bold;
	color: #F29400;
	display: block;
	font-style: normal;
	font-size: 12px;
}


.NewsletterRegistration .FooterInfo
{
	text-align: left;
	padding-left: 50px;
	background: url(/css3/screen/images/nospam.png) no-repeat left 5px;
	min-height: 32px;
}

/*************************************/
.DeleteCartItem p
{
	padding-left: 100px;
	font-weight: bold;
}

.DeleteCartItem p span.highlight
{
	color: #F29400;
}

/*************************************/

.NoOrder .content
{
	background: transparent url(/images/icon_info.gif) no-repeat 50px top;
	padding-left: 120px;
	padding-right: 22px;
}

.NoOrder .content .h
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

/******************************************/

.OrderDefault .content-wrapper
{
	background: transparent url(/images/icon_progress.gif) no-repeat 10px 50px;
	padding-left: 110px;
	padding-right: 10px;
	padding-top: 47px;
}

/******************************************/

fieldset#Shipping ul li.last div.modalPopup .head
{
	height: 15px;
	margin: 5px 0 15px;
	overflow: hidden;
	float: none;
}

fieldset#Shipping ul li.last div.modalPopup .content input
{
	margin: 0px;
	height: auto;
}

fieldset#Shipping ul li.last div.modalPopup .content input:hover
{
	margin-top: -15px;
}

fieldset#Shipping ul li.last div.CVC .content-wrapper
{
	padding-left: 110px;
	padding-right: 10px;
	padding-top: 20px;
	width: 283px;
	background: url(/images/icon_kreditkarte.png) no-repeat 20px 20px;
}

fieldset#Shipping ul li.last div.CVC .content-wrapper ul li
{
	border-top: dotted 1px #bdbdbd;
}

fieldset#Shipping ul li.last div.CVC .content-wrapper ul li:first-child
{
	border-top: none 1px #bdbdbd;
}

fieldset#Shipping ul li.last div.CVC .content-wrapper ul li img
{
	margin-top: 10px;
}

/******************************************/

.AGB .content
{
	height: 500px;
}

.AGB .content-wrapper
{
	width: 100%;
	height: 400px;
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 20px;
}

/******************************************/

.Geschenkgutschein .content-wrapper
{
	background: url(/images/beschriftung_geschenkgutschein.png) no-repeat right 10px;
	min-height: 145px;
	padding-top: 10px;
}

.Geschenkgutschein .content .h
{
	font-size: 13px;
	font-weight: bold;
	color: #F29400;
	display: inline;
}

.Geschenkgutschein .content-wrapper p
{
	margin-bottom: 20px;
	float: left;
	clear: both;
}

.Geschenkgutschein textarea
{
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}


/******************************************/

.Qpay
{
	height: 430px;
	width: 400px;
	background: #fff none;
}


/******************************************/

div.WiederbestellerPopup .content-wrapper
{
    background: transparent url(/images/de/wiederbesteller_geldschein_popup.png) no-repeat right 100px;
    min-height: 260px;
    padding-top: 10px;
}

div.WiederbestellerPopup .content .h
{
	font-size: 13px;
	font-weight: bold;
	color: #F29400;
	display: inline;
}

div.WiederbestellerPopup .content-wrapper p
{
	margin-bottom: 20px;
	float: left;
	clear: both;
}

div.WiederbestellerPopup p.PopUpAction
{
	float: left;
	clear: left;
	margin-top: -140px;
}

div.WiederbestellerPopup textarea
{
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}

div.WiederbestellerPopup a:focus, div.WiederbestellerPopup input.CancelBtn:focus
{
	outline: 0;
}


/******************************************/

div.SelectGiftProductPopup
{
    width: 821px;
    height: 342px;
    position: absolute !important;
    top: 110px !important;
    left: -90px !important;
	background: #fff url(/css3/screen/images/popup_banner_820.png) no-repeat 6px 6px;
}

    div.SelectGiftProductPopup div.content
    {
        width: 789px;
        height: 330px;
    }

    div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper
    {
        width: 791px;
        height: 240px;
        overflow: auto;
        margin: 0 0 0 0px;
    }

    div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper div.caroufredsel_wrapper
    {
        width: 791px !important;
    }
    
    div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul
    {
        width: 10000px;
        height: 100%;
        white-space: nowrap;
        margin: 0 0 0 0px !important;
        padding: 0 !important;
    }

        div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li
        {
            display: inline-block;
            float: left;
            width: 157px;
            height: 240px;
            background: none !important;
            margin: 0 !important;
            padding: 0 !important;
            border-left: 1px dotted #B0B0B0;
        }
            div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li.first
            {
                border-left: none !important;
            }

        div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a,
        div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a:visited
        {
            display: inline-block;
            width: 153px;
            height: 236px;
            text-decoration: none;
            border: solid 2px transparent;
            margin: 0 !important;
            padding: 0 !important;
        }
            div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a:hover
            {
                border: solid 2px #F29400;
            }
            div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a:hover span.text
            {
                color: #F29400;
            }

        div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a span.image
        {
            display: inline-block;
            position: relative;
            width: 125px;
            height: 192px;
            text-align: center;
        }

        div.SelectGiftProductPopup div.content-wrapper div.ul-wrapper ul li a span.text
        {
            display: block;
            position: relative;
            white-space: normal;
            overflow: visible;
            font-weight: bold;
            color: #000000;
            padding: 0 14px 0 14px;
            line-height: 1.35em;
        }
        
        


        div.carousel a.prev, 
        div.carousel a.next 
        {
            display: block;
            position: absolute;
            width: 43px;
            height: 43px;
            top: 155px;
        }
            div.carousel a.prev:hover,
            div.carousel a.next:hover
            {
                background-position: 0 -43px;
            }
            div.carousel a.prev.disabled,
            div.carousel a.next.disabled
            {
                background-position: 0 -86px !important;
                cursor: default;
            }
            
            div.carousel a.prev span, 
            div.carousel a.next span 
            {
                display: none;
            }
            
        div.carousel a.prev 
        {
            background: url("/images/slider_btn_left.png") no-repeat scroll 0 0 transparent;
            left: -21px;
        }
        div.carousel a.next 
        {
            background: url("/images/slider_btn_right.png") no-repeat scroll 0 0 transparent;
            right: -21px;
        }

        div.carousel div.pager 
        {
            height: 15px;
            margin: 0;
            padding: 5px 0;
            text-align: center;
        }
        div.carousel div.pager a 
        {
            background: url("/images/slider_btn_bottom.png") no-repeat scroll 0 0 transparent;
            display: inline-block;
            margin: 0 8px 0 0;
            width: 13px;
            height: 13px;
        }
        div.carousel div.pager a.selected 
        {
            background-position: 0 -13px;
            cursor: default;
        }
            div.carousel div.pager a span 
            {
                display: none;
            }

