/* General styling */
* {
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
}
 
body {
    font-family: Arial;
    font-size: 100%;
    color: #00425b;
}
 
ul, ol
{
    margin-top: 5px;
    
}
ul li {
	margin-left:15px;
}
ol li {
	margin-left:0px;
}
hr {
    border: medium none;
    border-bottom: 1px solid #ddd;
    margin: 10px;
}
 
@media ( max-width:1600px ) {
	.wrapper {
    	width: 100%;
	}
}
@media ( min-width:1601px ) {
	.wrapper {
    	width: 960px;
	}
}

/* Listing Content */
.listing-content {
    float: left;
    padding: 10px;
}
	.listing-content h2 {
        
        background-color:#f4f6f8;
        padding:20px;
        font-size: 1.8rem;
		font-weight:normal;
    }
    .listing-content p {
        font-size: 16px;
        line-height:1.35rem;
		font-weight:normal;
		padding-bottom:10px;
    }
    
    .listing-content h3,
    .listing-content h4 {
        font-size: 17px;
        line-height:1.35rem;
		font-weight:bold;
		padding-bottom:10px;
    }
    .listing-content h4 {
    	padding-top:10px;
		padding-bottom:0px;
    }
    .cross-box {
    	border:1px solid #00627b;
    	margin-top:30px;
    	padding-bottom:10px;
    }
    .cross-box-red {
    	border:1px solid #ea2727;
    	margin-top:30px;
    	padding-bottom:10px;
    }
    .cross-box-red > *,
    .cross-box > *{
    	
    	margin-left:20px;
    	margin-right:20px;
    }
    .listing-content .cross-box-red h5,
    .listing-content .cross-box h5 {
        font-size: 17px;
        line-height:1.35rem;
		font-weight:normal;
		text-transform:uppercase;
        text-align: center;
        color:#fff;
        padding:5px 10px;
        margin:0 0 10px 0 !important;
    }
    .listing-content .cross-box h5 {
        background-color:#00627b;
    }
    .listing-content .cross-box-red h5,
    .listing-content .cross-box .cross-box-red h5 {
        background-color:#ea2727 !important;
    }
    
    
    .listing-content h6 {
        font-size: 17px;
        line-height:1.35rem;
		font-weight:normal;
		text-transform:uppercase;
		font-weight:bold;
        padding-top:20px;
		padding-bottom:0px;
    }
    .listing-content ul,
    .listing-content ol {
		padding-bottom:10px;
    }
    .listing-content li {
        font-size: 17px;
        line-height:1.35rem;
		font-weight:normal;
    }
    .listing-content ol {
        list-style-type:none;
        padding-left:15px;
    }
    .listing-content ol li {
        position:relative;
    }
    .listing-content ol ul {
        padding-left:15px;
        padding-bottom:0px !important;
        margin-top:0px !important;
    }
    .listing-content ol > li::before {
        content: "\203A";
        position:absolute;
        left:-15px;
        padding-right:4px;
        padding-left:1px;
        text-decoration:none !important;
    }
    .listing-content a:link,
    .listing-content a:visited {
    	color: #2079b6;
        text-decoration:underline;
    }
    
    
    
    
    
    .listing-content a:active,
    .listing-content a:focus,
    .listing-content a:hover {
    	color: #000;
        text-decoration:underline;
    }
    .listing-content .buy-box {
        padding-top:20px;
    }
    @media ( min-width:1000px ) and ( max-width:1600px ) {
		.listing-content .buy-box > * { float:left; }
		.listing-content .figure { width:40%; padding-right:20px; }
		.listing-content .buy-box > .infos { width:60%; }
	}
	@media ( max-width:1000px ) {
		.listing-content .figure img { width:100%; max-width:375px; }
	}
    .listing-content div.figure,
    .listing-content div.infos {
        padding-bottom:20px;
    }

    .listing-content figure {
        text-align: center;
        border: 1px solid #ddd;
    }
    .listing-content .buy-box > .infos > div {
        padding:20px;
        background-color:#f4f6f8;
    }
    .listing-content .item-data {
        color: #999;
        font-size: 16px;
    }
    .listing-content .price-block {
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        color:#fff;
        background-color:#00627b;
        padding:10px;
    }
    /*
    .listing-content .price-block a:link,
    .listing-content .price-block a:visited {
    	display:block;
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        color:#fff;
        background-color:#00627b;
        padding:10px;
    }
    .listing-content .price-block a:hover,
    .listing-content .price-block a:active,
    .listing-content .price-block a:focus {
        background-color:#0186a8;
    }*/
    .listing-content .price-block span {
        font-weight: normal;
    }
     .listing-content .description {
        padding-top:20px;
    }
 
/* Info element block */
.info {
    font-weight: bold;
    margin: 10px 0;
    display: block;
}
 
    .info::before {
        content: 'i';
        padding: 5px 0;
        font-size: 16px;
        border: 1px solid lightblue;
        border-radius: 65px;
        width: 23px;
        height: 12px;
        display: inline-block;
        text-align: center;
        font-family: initial;
        background: lightblue;
        color: white;
        margin-right: 6px;
    }
 
 
/* Auto-Generated Character List */
.PlentyArticleCharacterList {
    margin: 0 10;
}
    .PlentyArticleCharacter > div {
        float: left;
    }
     
    .PlentyArticleCharacterName {
        font-weight: bold;
        margin-right: 5px;
    }
 
 
/* Clearfix */
.clearfix:before,
.clearfix:after,
.PlentyArticleCharacter {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
 
.clearfix:after, .PlentyArticleCharacter:after {
    clear: both;
}