﻿/* ************************************ */
/* Content: CSS styles advanced Modules */
/* ************************************ */

.MediaGalleryThumbnailBG {
    background-image: url('/images/custom/MediaGalleryThumbnailBG.png');
    border:solid 1px #ffffff;
}

.imgUpLeftRoundedCorner  
{
    width:3px;
    height:29px;
    background-image:url(/i4Shop/images/imgUpLeftRoundedCorner.png);
    background-repeat:no-repeat;
    
}

.imgHeaderBGSHoppingCartSmall   
{
    width:253px;
    height:29px;
    background-image:url(/i4Shop/images/imgHeaderBGSHoppingCartSmall.png);
    background-repeat:no-repeat;
}

.imgUpRightRoundedCorner    
{
    width:3px;
    height:29px;
    background-image:url(/i4Shop/images/imgUpRightRoundedCorner.png);
    background-repeat:no-repeat;
}

.MiddleLeftBorder
{
    
    border-left:1px solid #bebebe;
    border-top:1px solid #bebebe;
    background-color:lime;
    width:3px;
    height:26px;
    }
    
.MiddleRightBorder
{
   
    border-top:1px solid #bebebe;
    border-right:1px solid #bebebe;
    background-color:lime;
    width:3px;
    height:26px;
    }
    
.MiddleContent
{
    border-top:1px solid #bebebe;
    border-left:1px solid #bebebe;
    border-right:1px solid #bebebe;
    width:253px;
    height:26px;
    }

.imgDownRoundedCornerBorder   
{
    width:260px;
    height:3px;
    background-image:url(/i4Shop/images/imgDownRoundedCornerBorder.png);
    background-repeat:no-repeat;
}
.ShoppingCartSmallTable
{
    margin-top:50px;
    }
    
    

span.ShopBreadcrumbs, td.ShopBreadcrumbs {
    font-size: 10px;
    display:inline-block;
    line-height:13px;
    padding-left: 12px;
    padding-top:12px;
    padding-bottom: 7px;    
	}
	
span.ShopBreadcrumbsSeparator {
        color:#b0b0b0;
 }    
 
   
/*******************/
/* start of i4Shop */
/*******************/
.ShoppingCartTeaserContainer
{
	position:relative;
	left: 0px;
	top: 0px;    
	width: 260px;
	display:block;  
    margin-top: 20px;
    height: 80px;
    }

.ShoppingCartTeaserCart 
{
	position:absolute;  
	left:0px;
	top:0px;	 
	z-index: 1; 
	height: 100px;
	display: block;	
}
.Aktion {
	position:absolute;
	text-align:left;
	margin-left:-1px;
	margin-top:-1px;
	z-index: 2;
	background-image: url('/i4Shop/images/btn_aktion-teaser.png');
	background-repeat: no-repeat;
	width: 112px;
	height: 100px;
	display: block;
}

.AktionInverse {
	position:absolute;
	left:150px;
	top:18px;
	text-align:right;
	z-index: 2;
	background-image: url('/i4Shop/images/btn_aktion-teaser_invert.png');
	background-repeat: no-repeat;
	width: 112px;
	height: 100px;
	display: block;
}

.AktionDetail {
	position:absolute;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
	z-index: 2;
	background-image: url('/i4Shop/images/btn_aktion-teaser.png');
	background-repeat: no-repeat;
	width: 112px;
	height: 38px;
	display: block;
}

.ShopItem {
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
	vertical-align:top;
	height:20px;
	color:#7e7e7e;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
}

.ShopItem img {
	margin: 8px;
}

.ShopItemPrice {
	font-weight: bold;
	color: #dc5050;
}

.ShopItemPriceDetail {
	font-size: 15px;
	color: #dc5050;
}


.ShopItemPriceDetailGrey {
	font-size: 13px;
	color: #b0b0b0;
	margin-left: 10px;
}

.ShopItemDetailImage {
    margin-left:8px;
    margin-top:8px;    
}

TD.ShopItemDetailsCaption 
{
	color:#b0b0b0;
	text-align:left;
	vertical-align: top;
	width:100px;
}

TD.ShopItemDetails
{
	text-align:left;
	vertical-align: top;
	padding-left: 12px;
}


.ShopItemDetailTitle
{
	font-size: 16px;
	color: #7e7e7e;
	text-align:left;
	vertical-align: top;

}


.ShopItemDetailNumber
{
	text-align:left;
	vertical-align: top;
	color:#b0b0b0;
}


.BorderRight {
	border-right: 1px solid #d9d9d9;
}
.BorderRight {
	border-right: 1px solid #d9d9d9;
}

.BorderBottom {
	border-bottom: 1px solid #d9d9d9;
}

.ShopTitle  
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight: normal;  
	border-width: 0px;
    color:#dc5050;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:22px;
	padding-bottom: 12px;	
}

.imgUpLeftRoundedCorner  
{
    width:3px;
    height:29px;
    background-image:url(/i4Shop/images/imgUpLeftRoundedCorner.png);
    background-repeat:no-repeat;
    
}

.imgHeaderBGSHoppingCartSmall   
{
    width:253px;
    height:29px;
    background-image:url(/i4Shop/images/imgHeaderBGSHoppingCartSmall.png);
    background-repeat:no-repeat;
}

.imgHeaderBGSHoppingCartSmallText   
{
    font-size:  17px;
    font-weight: bold;  
	border-width: 0px;
    color:#e8e8e8;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left:7px;
}

.AktionInvert {
	position:absolute;
	margin-left:150px;
	z-index: 2;
	background-image: url('/i4Shop/images/btn_aktion-teaser_invert.png');
	background-repeat: no-repeat;
	width: 112px;
	height: 38px;
	display: block;
}
.imgUpRightRoundedCorner {
    width:3px;
    height:29px;
    background-image:url(/i4Shop/images/imgUpRightRoundedCorner.png);
    background-repeat:no-repeat;
}

.MiddleLeftBorder {
    border-left:1px solid #bebebe;
    border-top:1px solid #bebebe;
    background-color:lime;
    width:3px;
    height:26px;
}
    
.MiddleRightBorder {
    border-top:1px solid #bebebe;
    border-right:1px solid #bebebe;
    background-color:lime;
    width:3px;
    height:26px;
}
    
.MiddleContent {
    border-top:1px solid #bebebe;
    border-left:1px solid #bebebe;
    border-right:1px solid #bebebe;
    width:253px;
    padding-top:3px;
    padding-bottom:2px;
    cursor:hand;
    height:15px;
}

.imgDownRoundedCornerBorder {
    width:260px;
    height:3px;
    background-image:url(/i4Shop/images/imgDownRoundedCornerBorder.png);
    background-repeat:no-repeat;
    margin-bottom:50px;
}

.ShopCartList {
    background-color:#ffffff;
    border: 1px solid #d9d9d9;
}
    
.ShopCartListHead {
    border-bottom: 1px solid #d9d9d9;  
    font-size:10px;
}

.ShopCartListHeadProduct {
    border-bottom: 1px solid #d9d9d9;  
    font-size:10px;
    padding-left:17px;
}

.ShopCartListItem {
    border-bottom: 1px solid #d9d9d9; 
    padding-top:5px; 
}
    
.ShopCartListItemRemove {
    border-bottom: 1px solid #d9d9d9; 
    padding-left:-15px; 
    padding-top:5px; 
}

.ShopCartListItemTotal {
    padding-left:17px;
}
        
.ShopCartListHead {
    padding-left:17px;
}
        
.ShopCartListHeadPrice {
    padding-left:3px;
    border-bottom: 1px solid #d9d9d9;  
    font-size:10px;
}
        
.formback {
    background-color:#f3f3f3;
}
  
.ShopCatText {
    margin-top: 6px;
    display: block;
}

.ShopCategory {
    vertical-align: top;
    border: 1px solid #d9d9d9;
}

.ShopCategoryItems {
    display:block;
    margin: 9px;
    margin-bottom: 5px;
}

.ShopCategoryText {
    display:block;
    text-align: left;
    font-weight: bold;
	text-transform: uppercase;
    margin-left: 6px;
    margin-top: 6px;
    color: #7e7e7e;
}

.ShopCategoryItemsAlpha {
    display:block;
    margin-bottom: 2px;
}


.ShopCategoryImg {
    display:block;
    overflow:hidden;
    width:196px;
    text-align:left;
}

.ShopItemsContainer {
    width:205px;
}

.ShopItemsContainerCenter {
    width:206px;
}

.ShopItemsTable {
    display:block;
    margin: 9px;
    margin-bottom: 0px;
    vertical-align: top;
}

.ShopItemTextBlock {
    padding-left:12px;
    height: 64px;
    display:block;
    overflow:hidden;
    line-height: 15px;
}

.ShopItemTitle {
    margin-top:16px;
    line-height: 15px;
    font-weight:bold;
    color: #7e7e7e;
	text-transform: uppercase;
    display: block;
}

.ShopItemSummary {

}


.ShopItemsText {
    display:block;
    text-align: left;
    margin-left: 6px;
    margin-top: 6px;
    color: #7e7e7e;
}

.ShopItems {
    display:block;
    margin: 9px;
    margin-bottom: 5px;
}

.ShopItemImg {
    display:block;
    overflow:hidden;
    width:187px;
    height: 132px;
    text-align:left;
}

A.ShopNav {
    font-size:  12px;
	letter-spacing: 1px;
    color:#b0b0b0;	
	text-transform: uppercase;	
	text-decoration: none;	 
}

A.ShopNavSub {
    font-size:  12px;
	letter-spacing: 0px;
    color:#b0b0b0;	
	text-transform: none;	
	text-decoration: none;	
}

A.ShopNavSub:link , A.ShopNavSub:visited {
    text-decoration: none;
    color:#b0b0b0;
}


A.ShopNavSub:active, A.ShopNavSub:hover {
    text-decoration: none;
    color:#000000;
}

A.ShopNavActive {
    font-size: 12px;
    color:#dc5050;	
	letter-spacing: 1px;
	text-transform: uppercase;
    text-decoration: none;	  
}

A.ShopNavActiveSub {
    font-size: 12px;
    color:#dc5050;	
    text-decoration: none;	  
}


A.ShopNav:link , A.ShopNav:visited {
    text-decoration: none;
    color:#b0b0b0;
}

A.ShopNavActive:link , A.ShopNavActive:visited, A.ShopNavActiveSub:link , A.ShopNavActiveSub:visited {
    text-decoration: none;
    color:#dc5050;	    
}

A.ShopNav:active, A.ShopNav:hover, A.ShopNavActive:active, A.ShopNavActive:hover, A.ShopNavActiveSub:active, A.ShopNavActiveSub:hover {
    text-decoration: none;
    color:#000000;
}

TD.ShopNav {
	padding-left: 12px;
 
}

span.ShopBreadcrumbs, td.ShopBreadcrumbs {
    font-size: 10px;
    display:inline-block;
    line-height:13px;
    padding-left: 12px;
    padding-top:12px;
    padding-bottom: 7px;    
	}
	
span.ShopBreadcrumbsSeparator {
        color:#b0b0b0;
 }
 
span.ShopBreadcrumbsSeparator {
        color:#b0b0b0;
 }
 
A.ShopLogin {
    font-size: 10px;
    display:inline-block;
    color:#b0b0b0;    
    padding-left:12px; 
    text-decoration: none;  	  
}

A.ShopLogin:link , A.ShopLogin:visited {
    color:#b0b0b0;     
    text-decoration: none;  
}

A.ShopLogin:active, A.ShopLogin:hover {
    color:#b0b0b0;     
    text-decoration: underline;  
}

.ShopCartListFooter {
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding-left: 8px;    
    margin-right: 8px;  
    padding-top: 5px;  
}

.ShopCartRefresh 
{    
    padding-right:8px; 
    padding-top:5px; 
    text-align:right;
}	

.CustomerHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight: normal;  
	border-width: 0px;
    color:#dc5050;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:26px;
	padding-bottom: 12px;	
}

.ShopCheckoutNav {
    width:628px;
    display:block;
}

.ShopCheckoutNavLink {
    color: #7e7e7e;
    background-color: #f3f3f3;
    padding: 6px;
    padding-top: 3px;     
    border: 1px solid #d9d9d9;
    width: 106px;
    height: 75px;
    display: block;
    float:left;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 16px;
}

.ShopCheckoutNavActive {
    color: #7e7e7e;
    background-color: #f3f3f3;
    padding: 6px;
    padding-top: 3px;    
    border: 1px solid #dc5050;
    width: 106px;
    height: 75px;
    display: block;
    float:left;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 16px;
}

.ShopCheckoutNavInactive {
    color: #d0d0d0;
    background-color: #f3f3f3;
    padding: 6px;
    padding-top: 3px;       
    border: 1px solid #d9d9d9;
    width: 106px;
    height: 75px;
    display: block;
    float:left;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 16px;
}

.ShopCheckoutNavNumber {
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
}

.ShopCheckoutNavTitle {
    font-size: 13px;
    font-weight: bold;

}

.ShopCheckoutNavText {
    font-size: 11px;
    line-height: 13px;
    margin-top: 3px;
    display: block;
}


A.ShopCheckoutNavLink {
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding-left: 8px;    
    margin-right: 8px;  
    padding-top: 5px;  
}


TABLE.i4Shop .formcontent  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding-top:4px;
}

TABLE.i4Shop .formcontent .Form  {
    width: 265px;
}

.BtnBack {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-image: url('/i4Shop/images/btnBackIcon.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
    text-decoration: none;

}

.ShopCart2Boxleft {
    float:left;
    width:250px;
    height:250px;
}

.ShopCart2Boxpadding {
    float:left;
    width:20px;
    border-left:none;
    height:212px;
}

.ShopCart2Boxright {
    float:left;
    width:274px;
    height:250px;
}

.ShopCart2Boxpadding2 {
    float:left;
    width:308px;
    border-left:none;
    height:212px;
}

.ShopCart2Boxright2 {
    float:left;
    width:274px;
    margin-top: 20px;
}

.ShopCartMainBox {
    width:582px;
    clear:both;
}

.ShopCartConfirmBox {
    width:582px;
    clear:both;
}

/*******************/
/* end of i4Shop   */
/*******************/            
        
