/*
    Document   : phase-6.de
    Created on : 16.05.2011
    Author     : Bernd Schnabel (bs)
    Description: special shop adaptions

	Additional Informations:
	
	basic colors
	#004D39: green dark header or navigation link on colored ground
	#337060: green header on white ground
	#7FAA9F: green frame border and horizontal separator
	#B5CBC6: green leight for background
	#F28B0A: orange special color for navigation, buttons and header

*/

@media all {

/* button special additional adaptations */
.button.cart div, .orange-button.cart div {
	padding-right: 25px;
	background: transparent url(../../images/shopping-cart.png) no-repeat 98% -2px;
}

.button.film div {
	padding-left: 25px;
	background: transparent url(../../images/film_icon.png) no-repeat 2px 2px;
}

/* product overview panel */

.product-overview-panel h4 {
	color: #000;
}

.product-overview-panel .product-shop-control {
	border-top: 2px solid #ddd;
	padding: 10px 0;
}

.product-overview-panel .product-number, .product-overview-panel .product-check {
	float: right;
}

.product-overview-panel .product-number {
	margin-right: 5px;
}

.product-overview-panel .provider-image {
	float: right;
	margin: 0 0 10px 10px;
}

.product-overview-panel .product-list {
	padding: 10px 0;
}

.product-overview-panel ul li .title {
	display: block;
	float: left;
	font-weight: bold;
}

.product-overview-panel ul li .text {
	margin: 0 0 0 150px;
	display: block;
}

.product-overview-panel .product-overview-description {
	padding: 15px;
}

.product-overview-panel .product-overview-combination img {
	float: left;
	margin: 0 20px 0 0;
}

.product-overview-panel .product-overview-upsell ul {
	margin: 0;
}

.product-overview-panel .product-overview-upsell ul li {
	border: none;
	font-weight: normal;
	float:left; 
	margin: 0 15px 0 0;
	padding: 10px;
	background: #eee;
}

.product-overview-panel .product-overview-upsell img {
	display: block;
	margin: 0 0 5px 0;
}

/* ------------------ shop: prozess panel ------------------------------------------------- */

#prozess-panel {
	background: #fff url(../../images/backProzessBar.gif) repeat-x top left;
	margin: 0 0 20px 0;
	width: 100%;
}

#prozess-panel .prozess-panel-content {
	background : url(../../images/edgeProzessBarR.gif) no-repeat top right;
	height: 38px;
	color: #b5cbc6;
	font-size: 1.3em;
	font-weight: bold;
	position: relative;
	width: 100%;
}

#prozess-panel .prozess-step, #prozess-panel .step-number {
	display: inline;
}

#prozess-panel .prozess-panel-ready {
	background : url(../../images/backPastProzessBar.gif) repeat-x top left;
}

#prozess-panel .prozess-panel-ready-content {
	background : url(../../images/edgePastProzessBarL.gif) no-repeat top left;
	height: 38px;
}

#prozess-panel .prozess-step {
	position: absolute;
	top: 0px;
	z-index: 2;
}

#prozess-panel .step-number {
	padding: 6px 9px 3px 7px;
	margin: 0 2px 0 0;
	font-style: italic;
	font-size: 1.2em;
}

#prozess-panel .step-right {
	line-height: 36px;
	padding: 0 15px;
}

/*--- step positions ---*/

#prozess-panel .step-0 {
	left: 0;
}

#prozess-panel .step-1 {
	left: 25%;
}

#prozess-panel .step-2 {
	left: 50%;
}

#prozess-panel .step-3 {
	right: 0;
}

/*--- step position 0 ---*/

#prozess-panel .step-set-0 .step-0 {
	color: #fff;
	background : url(../../images/backSetProzessBar.gif) repeat-x top left;
}

#prozess-panel .step-set-0 .step-0 .step-left {
	background : url(../../images/edgeSetProzessBarL.gif) no-repeat top left;
}

#prozess-panel .step-set-0 .step-0 .step-right {
	background : url(../../images/edgeSetProzessBarR.gif) no-repeat top right;
}

#prozess-panel .step-set-0 .step-0 .step-number {
	color: #f28b0a;
	background : url(../../images/backNrProzessSet.gif) no-repeat top left;
}

#prozess-panel .step-set-0 .step-1 .step-number,
#prozess-panel .step-set-0 .step-2 .step-number,
#prozess-panel .step-set-0 .step-3 .step-number {
	background : url(../../images/backNrProzess.gif) no-repeat top left;
}

#prozess-panel .step-set-0 .prozess-panel-ready {
	width: 0%;
}

/*--- step position 1 ---*/

#prozess-panel .step-set-1 .step-0 {
	color: #fff;
}

#prozess-panel .step-set-1 .step-0 .step-number {
	background : url(../../images/backNrProzessPast.gif) no-repeat top left;
}

/*set step */
#prozess-panel .step-set-1 .step-1 {
	color: #fff;
	background : url(../../images/backSetProzessBar.gif) repeat-x top left;
}

#prozess-panel .step-set-1 .step-1 .step-left {
	background : url(../../images/edgeSetProzessBarL.gif) no-repeat top left;
}

#prozess-panel .step-set-1 .step-1 .step-right {
	background : url(../../images/edgeSetProzessBarR.gif) no-repeat top right;
}

#prozess-panel .step-set-1 .step-1 .step-number {
	color: #f28b0a;
	background : url(../../images/backNrProzessSet.gif) no-repeat top left;
}

/*next*/
#prozess-panel .step-set-1 .step-2 .step-number,
#prozess-panel .step-set-1 .step-3 .step-number {
	background : url(../../images/backNrProzess.gif) no-repeat top left;
}

#prozess-panel .step-set-1 .prozess-panel-ready {
	width: 25%;
}

/*--- step position 2 ---*/

#prozess-panel .step-set-2 .step-0,
#prozess-panel .step-set-2 .step-1 {
	color: #fff;
}

#prozess-panel .step-set-2 .step-0 .step-number,
#prozess-panel .step-set-2 .step-1 .step-number {
	background : url(../../images/backNrProzessPast.gif) no-repeat top left;
}

/*set step */
#prozess-panel .step-set-2 .step-2 {
	color: #fff;
	background : url(../../images/backSetProzessBar.gif) repeat-x top left;
}

#prozess-panel .step-set-2 .step-2 .step-left {
	background : url(../../images/edgeSetProzessBarL.gif) no-repeat top left;
}

#prozess-panel .step-set-2 .step-2 .step-right {
	background : url(../../images/edgeSetProzessBarR.gif) no-repeat top right;
}

#prozess-panel .step-set-2 .step-2 .step-number {
	color: #f28b0a;
	background : url(../../images/backNrProzessSet.gif) no-repeat top left;
}

/*next*/
#prozess-panel .step-set-2 .step-3 .step-number {
	background : url(../../images/backNrProzess.gif) no-repeat top left;
}

#prozess-panel .step-set-2 .prozess-panel-ready {
	width: 50%;
}

/*--- step position 3 ---*/

#prozess-panel .step-set-3 .step-0,
#prozess-panel .step-set-3 .step-1,
#prozess-panel .step-set-3 .step-2 {
	color: #fff;
}

#prozess-panel .step-set-3 .step-0 .step-number,
#prozess-panel .step-set-3 .step-1 .step-number,
#prozess-panel .step-set-3 .step-2 .step-number {
	background : url(../../images/backNrProzessPast.gif) no-repeat top left;
}

/*set step */
#prozess-panel .step-set-3 .step-3 {
	color: #fff;
	background : url(../../images/backSetProzessBar.gif) repeat-x top left;
}

#prozess-panel .step-set-3 .step-3 .step-left {
	background : url(../../images/edgeSetProzessBarL.gif) no-repeat top left;
}

#prozess-panel .step-set-3 .step-3 .step-right {
	background : url(../../images/edgeSetProzessBarR.gif) no-repeat top right;
}

#prozess-panel .step-set-3 .step-3 .step-number {
	color: #f28b0a;
	background : url(../../images/backNrProzessSet.gif) no-repeat top left;
}

/*next*/
#prozess-panel .step-set-3 .step-4 .step-number {
	background : url(../../images/backNrProzess.gif) no-repeat top left;
}

#prozess-panel .step-set-3 .prozess-panel-ready {
	width: 90%;
}

.hide-button {
	height: 35px;
	background: url(../../images/register-arrow.png) no-repeat 50%;
	cursor: pointer;
}

.hide-button button {
	display: none;
}

/* product list panel */

.product-list-panel {
	display: none;
	border: 3px solid #BED2CD;
	border-top: 10px solid #BED2CD;
	padding: 15px;
	position: relative;
	z-index: 1;
	
    -moz-border-radius: 0em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;


    -webkit-border-radius: 0;
	-webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;

	border-radius: 0;
	border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
	 border-bottom-right-radius: 1em;
}

.product-list-panel.selected {
	display: block;
}

.product-list-panel.login {
	width: 61.18%;
	
    -moz-border-radius-topright: 0em;
	-moz-border-radius-topleft: 0em;
	-webkit-border-top-right-radius: 0em;
    -webkit-border-top-left-radius: 0em;
	border-top-right-radius: 0em;
    border-top-left-radius: 0em;
}

.product-list-panel h3 {
	color: #337060;
	font-style: normal;
	font-size: 1.4em;
	line-height: 50px;
	opacity: 1;
}

.content-panel .product-list {
	font-weight: bold;
	margin: 0 0 10px 0;
	list-style-type: none;
}

.content-panel .product-list ul {
	background: #fff;
	list-style-type: none;
}

.content-panel .product-list li {
	padding: 20px 0;
	border-bottom: 2px solid #ddd;
	position: relative;
}

.lernstoff-panel .product-list {
	font-weight: bold;
	margin: 0 0 10px 0;
	list-style-type: none;
}

.lernstoff-panel .product-list ul {
	background: #fff;
	list-style-type: none;
}

.lernstoff-panel .product-list li {
	padding: 20px 0;
	border-bottom: 2px solid #ddd;
	position: relative;
}

.product-list .product-number {
	width: 8%;
}

.row {
	overflow: hidden;
}

.product-list .product-name h6 {
	font-size: 0.8em;
}

.product-list .product-price {
	font-size: 1.4em;
	color: #337060;
	margin: 0 5px 0 0;
}

.product-list .product-price span {
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
}

.product-list .download-info {
	clear: both;
	width: 100%;
	font-size: 0.7em;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 5px 0;
	position: relative;
}

.product-list-panel .studienkreis-info {
	font-size: 0.9em;
	font-weight: normal;
	line-height: normal;
	position: relative;
	margin: 2px 0 0 0;
}

.product-list-panel .studienkreis-info input {
	width: auto;
	height: auto;
	margin: 1px 2px 0px 0;
}

.product-list .product-description {
	font-weight: normal;
	line-height: normal;
}

.product-list .product-description h4 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #337060;
}
.product-list .product-description h2 {
	margin: -20px 0 0 0;
	font-size: 1.2em;
}

.product-list .button {
	/*float: left;*/
}

.product-list .button a {
	text-decoration: none;
	height: 25px;
}

.product-list .product-price, .product-list .product-number, .product-list .product-check {
	float: right;
}

.product-list .product-image {
	float: left;
	width: 120px;
}

.product-list .product-image label {
	cursor: pointer;
	display:inline;
}

.product-list .product-image img {
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
	float: left;
}

.product-list .logo-publisher {
	float: right;
	margin: 0 0 10px 10px;
}

.product-list .orange-button {
	position: relative;
	bottom: 0;
	display: inline;
}

.product-list .product-option label {
	float: left;
	font-weight: normal;
}

.product-list .product-option label input {
	width: auto;
	border: none;
}
 
.product-list .product-option.unchecked .product-price, .product-list .product-option.unchecked .product-number {
	opacity: 0.2;
	color:#000000;
}

.product-list .product-option.unchecked .button.product-check {
	visibility: hidden;
}

.content-panel .product-list input {
	width: 38px;
	margin: 0 5px 0 0;
}

.product-list .product-number input {
	text-align: right;
}

.product-list-panel li.not-available .product-number {
	display: none;
}

.product-check input {
	border: none;
	width: 150px;
	padding: 2px 5px 4px 5px;
	/*padding: 0 0 5px 5px;
	height: 22px;*/
	color: #fff;
	/*font-size: 0.7em;*/
	font-weight: bold;
	text-align: left;
	background : url(../../images/buttonShopContent.gif) no-repeat 0 -44px;
	cursor: pointer;
}

.product-check input:hover {
	background : url(../../images/buttonShopContent.gif) no-repeat 1px -65px;
}

.product-list-panel li.not-available .product-check {
	display: none;
	border: none;
	width: 138px;
	height: 22px;
	background : url(../../images/buttonShopContent.gif) no-repeat 0 -176px;
	cursor: auto;
}

.product-list-panel li .coming-soon {
	display: none;
}

.product-list-panel li.not-available .coming-soon {
	display: block;
	color: #f28b0a;
	font-size: 0.7em;
	width: 100%;
	text-align: center;
	line-height: 22px;
}

.product-list-panel .product-win input {
	background : url(../../images/buttonShopContent.gif) no-repeat -78px -130px;
	width: 60px;
	height: 22px;
}

.product-list-panel .product-mac input {
	background : url(../../images/buttonShopContent.gif) no-repeat -78px -87px;
	width: 60px;
	height: 22px;
}

.product-list-panel .product-win input.set {
	background : url(../../images/buttonShopContent.gif) no-repeat -78px -109px;
}

.product-list-panel .product-mac input.set {
	background : url(../../images/buttonShopContent.gif) no-repeat -78px -66px;
}

.product-list-panel .product-select {
	width: 150px;
	height: 22px;
	position: absolute;
	left: 38%;
	top: 14px;
	font-size: 0.8em;
	color:#337060;
}

.product-list-panel .product-select select {
	width: 120px;
}

.product-list-panel .shop-additional-info {
	margin: 55px 0 0 0;
	padding: 10px;
	background: #eee url(../../images/info-symbol.gif) no-repeat top right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.product-list-panel .shop-additional-info ul li {
	margin: 0 0 8px 0;
	color: #444;
}

.product-list-panel .shop-additional-info ul li a, .product-overview-details ul li a {
	color: #444;
	cursor: pointer;
}

.product-list-panel .shop-additional-info ul li a:hover, .product-overview-details ul li a:hover {
	color: #444;
	text-decoration: none;
}

.product-list-panel .shop-additional-info ul ul {
	margin: 5px 0 0 0;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.product-list-panel .shop-additional-info ul ul li {
	margin: 0;
}

.product-list-panel .search-result-number {
	font-size: 1.2em;
	font-weight: bold;
	display:inline;
}

.product-list-panel .search-result-header select {
	width: 120px;
}

.product-list-panel .search-result-header, .product-list-panel .search-result-bottom {
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background: #eee;
	color: #000;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	line-height: 2em;
}

.product-list-panel .page-list {
	margin: 0 15px;
}

.product-list-panel .page-list span, .product-list-panel .page-list a {
	margin: 0 5px;
}

/* register form */

/*  Formular Elements of form generator  */


legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 15px 0;
}

.form-section {
	padding: 15px 0;
	margin: 15px 0;
	/*background: #eee;*/
	color: #000;
	border-bottom: 2px solid #DDDDDD;
	/*-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;*/
}

.form-section-gray {
	padding: 15px 15px 15px 15px;
	margin: 15px 0;
	background: #eee;
	color: #000;
	border-bottom: none;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	/*font-weight: bold;*/
}

.register-form label {
	float: left;
	width: 35%;
	padding: 0;
}

.register-form .input {
	margin:  0 0 15px 0;
	width: 50%;
}

.register-form .payment-section label {
	float: left;
	width: 30%;
	padding: 0;
}

.register-form .payment-section input {
	margin:  0 5px 0 0;
}

input.onlineform  {
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
}

.content-panel button.register {
	position: absolute;
	bottom: 6px;
	right: 10px;
}

/* promo shop panel */


.promo-shop-panel {
	background: url(../../images/promo-shop-panel-background.png) repeat-x 0 0;
	border: 2px  solid #e7efed;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding: 10px 5px 10px 15px;
	margin: 15px 0 0 0;
}

.cart-panel .promo-shop-panel h3 {
	text-align: left;
}

.promo-shop-panel img {
	margin: 0;
}

/* teaser panel  */

.teaser-panel {
	background: #fff;
	margin: 0 -5px 0 0;
	padding: 10px;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
	
	border: 3px solid #bed2cd;
	border-top: 10px solid #bed2cd;
	border-bottom: 10px solid #bed2cd;
	position: relative;
	z-index: 2;
	min-height: 210px;
	overflow: hidden;
	float: left;
}

.teaser-panel.selected {
	border-bottom: none;
	margin: 0 0 -10px 0;
	overflow: hidden;
	min-height: 230px;
	
	-moz-border-radius: 0;
    -moz-border-radius-topright: 1em;
	-moz-border-radius-topleft: 1em;


    -webkit-border-radius: 0;
	-webkit-border-top-right-radius: 1em;
    -webkit-border-top-left-radius: 1em;

	border-radius: 0;
	border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}

.teaser-panel.unselected {
	background : #e7efec;
	z-index: 2;
	opacity: 0.3;
	filter: Alpha(opacity=30);
	margin: 10px -5px -10px 0;
	cursor: pointer;
	min-height: 210px;
}

.teaser-panel img {
	float: right;
	margin: 0 0 0 10px;
}

.teaser-panel.login {
	/*width: 29.5%;*/
	margin: 0 -5px 15px 0;
	float: left;
}

.teaser-panel .hide-button {
	height: 35px;
	background: url(../../images/register-arrow.png) no-repeat 50%;
	cursor: pointer;
}

.teaser-panel .hide-button button {
	display: none;
}

/* cart panel */

.cart-panel {
	float: right !important; 
	background : #fff url(../../images/shoppingCart.png) no-repeat 10px 8px;
	border: 3px solid #BED2CD;
	color: #337060;
	padding: 10px;
	border-radius: 1em;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
	
	margin-left: 15px;
}

.cart-panel h3 {
	text-align: right;
}

.cart-panel .cart-list {
	background: none;
	padding: 0 0 5px 0;
	position: relative;
	color: #337060;
	border-bottom: 2px solid #a2beb7;
	height: 100px;
	overflow: auto;
}

.cart-panel ul li {
	clear: left;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #BED2CD;
}

.cart-panel ul li .product-name {
	width: 66%;
	float: left;
}

.cart-panel ul li .product-number {
	width: 8%;
	float: left;
}

.cart-panel ul li .product-price {
	float: right;
	width: 18%;
	text-align: right;
	white-space: nowrap;
}

.cart-panel ul li .product-delete {
	float: right;
	border: none;
	cursor: pointer;
	width: 11px;
	height: 10px;
	margin: 3px 1px 0 5px;
	background : transparent url(../../images/buttonShopContent.gif) no-repeat -14px -116px;
}

* html .cart-panel ul li .product-delete {
	background : transparent url(../../images/buttonShopContent.gif) no-repeat -14px -115px;
}

.cart-panel ul li .product-delete:hover {
	background-position : 0 -116px;
}

.cart-panel .cart-sum {
	font-weight: bold;
	text-align: left;
}

.cart-panel .cart-sum li {
	line-height: 20px;
	height: 20px;
	border: none;
}

.cart-panel .product-sum-price {
	float: right;
}

/*---- Content Search Panel ----*/
.search-panel {
	overflow: hidden;
	cursor: pointer;
}

.search-panel select {
	width: 48%;
	display: inline;
	margin: 0 0 5px 0;
}

.search-panel input {
	width: 75%; 
}

.search-panel h2 {
	color: #000;	
}

.search-panel .row {
	padding: 6px 0;
	clear: both;
}

.search-panel .col {
	float: left;
	width: 48%;
}

.search-panel .col input {
	width: 90%; 
}

.search-panel .col a {
	font-weight: normal;
}

.search-filter, .search-filter-tab {
	clear: both;
	padding: 5px 10px;
	margin: 5px 0 0 0;
	background: #fff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.search-filter {
	display:none;
}

.search-filter select {
	margin: 0 5px 0 0;
}

.search-filter-tab {
	display: none;
	clear: both;
	padding: 5px 10px 15px 10px;
	margin: 0 0 -10px 10px;
	font-weight: bold;
}

.product-list-panel .selection-panel-content .search-panel-wrapper h2 {
	font-size: 1.4em;
}

/*search result overdose*/
.overdose .search-filter {
	display: block;
}

.overdose .search-filter-tab {
	display: inline;
}

.overdose .search-result-number {
	color: #ff0000;
}

/* product filter */

.product-content-filter {
	padding: 10px 15px;
	margin: 0 -15px 0 -15px;
}

.product-content-filter .select-version {
	margin: 0 0 10px 0;
	border-bottom: 2px solid #7da49a;
}

.product-content-filter .select-version li {
	float: left;
	margin-bottom: -2px;
	padding: 4px 0 0 0;
	margin-left: 0;
}

.product-content-filter .select-version label {
	font-size: 1.2em;
	font-weight: bold;
	color: #7FAA9F;
	padding: 6px 10px;
	margin: 0;
	background: #edf2f1;
	border-top: 2px solid #fff;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
	cursor: pointer;
}

.product-content-filter .select-version .selected-version, .product-content-filter .select-version li:hover {
	padding: 0;
	/*border-right: 2px solid #cacecd;*/
}

.product-content-filter .select-version .selected-version label, .product-content-filter .select-version li:hover label {
	font-size: 1.2em;
	font-weight: bold;
	color: #337060;
	border: 2px solid #7da49a;
	border-bottom: 2px solid #fff;
	border-right: 3px solid #7da49a;
	background: #fff;
	padding: 8px 10px;
}

.product-content-filter .select-version input {
	margin: 0 5px 0 0;
	border: none;
	background: none;
}

.product-content-filter .select-version-info {
	padding: 8px;
	font-weight: bold;
}

.filter-line select {
	width: 45%;
	margin: 0 0 5px 0;
}

.filter-line label {
	float: left;
	width: 26%;
	font-weight: bold;
}

.more-content-info {
	width: 99.5%;
	clear: both;
	padding: 15px 0 0 0;
}

.more-content-info div {
	background : url(../../images/infoMoreContent.gif) no-repeat;
}

.more-content-info .background-left {
	padding: 0 0 0 80px;
	background-position: 0 0;
}

.more-content-info .background-right {
	background-position: 100% 0;
	padding: 18px 10px;
}

/*----------- ssl-security-panel -------------------------------------------------------------------------------------------*/
.ssl-security-panel {
	border: 2px solid #F38D09;
	padding: 3px 5px 3px 35px;
	margin: 10px 0 0 0;
	background: url(../../images/ssl-security-lock.png) no-repeat 5px 50%;
	font-size: 0.9em;
	position: relative;
}

.ssl-security-panel h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #F38D09;
}

.ssl-security-panel .tl, .ssl-security-panel .tr, .ssl-security-panel .bl, .ssl-security-panel .br {
	position: absolute;
	width: 8px;
	height: 8px;
}

.ssl-security-panel .tl {
	left: -2px;
	top: -2px;
	background: url(../../images/ssl-security-edge-tl.png) no-repeat 0 0;
}

.ssl-security-panel .tr {
	right: -2px;
	top: -2px;
	background: url(../../images/ssl-security-edge-tr.png) no-repeat 0 0;
}

.ssl-security-panel .bl {
	left: -2px;
	bottom: -2px;
	background: url(../../images/ssl-security-edge-bl.png) no-repeat 100% 100%;
}

.ssl-security-panel .br {
	right: -2px;
	bottom: -2px;
	background: url(../../images/ssl-security-edge-br.png) no-repeat 100% 100%;
}

/* offer panel */ 


.offer-panel {
	margin: -15px -15px 0 -15px;
	padding: 25px 20px 0 25px;
	background: #fff url(../../images/offer-background.jpg) no-repeat bottom left;
	height: 350px;
	position: relative;
}

.offer-panel h2 {
	font-size: 3.0em;
	color: #337060;
	text-transform: uppercase;
	margin: auto;
	padding: 0;
}

.offer-panel h4 {
	font-size: 1.5em;
	color: #000;
}

.offer-panel h4 sub {
	vertical-align: text-top;
}

.offer-panel .discount-panel {
	position: absolute;
	top: 150px;
	right: 50px;
	text-align: center;
}

.offer-panel .discount-panel .discount {
	font-size: 7.0em;
	line-height: 1em;
	font-weight: bold;
	color: #337060;
}

.offer-panel .discount-panel .discount sub {
	font-size: 0.5em;
	vertical-align: text-top;
}

.offer-panel .discount-panel .discount-type {
	font-size: 2.0em;
	font-weight: bold;
	color: #337060;
	margin-top: -5px;
}

.offer-panel .discount-panel .discount-code {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	background: #F28B0A;
	padding: 5px 20px;
	margin-top: 15px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	cursor: pointer;
}

/* offer wrapper list  */ 

.content-panel .offer-wrapper .product-image,
.content-panel .offer-wrapper .product-image img {
	margin: 0 5px 0 0;
	float: none;
	width: auto;
}

.offer-wrapper .product-list.p6-list input
 {
	border: none;
	background: none;
}

.offer-wrapper .product-list.p6-list li
 {
	text-align: center;
	border:none;
	height:auto
}

.offer-wrapper .product-list.p6-list .product-description
 {
	margin-bottom: 15px
}
 
.offer-wrapper .product-list.p6-list .product-description h4
 {
	font-size: 1.4em; 
	margin:auto;position:static;
}

.offer-wrapper .product-list.p6-list .product-image
 {
	float:none;
	margin: 0 0 15px 0;
	padding:0;
	height:auto
}
 
.offer-wrapper .product-list.p6-list .product-image img
 {
	float:none;
	margin: 0;
}
 
.offer-wrapper .product-list.p6-list .button 
 {
	padding: 5px;
}
 
.offer-wrapper .product-list .logo-publisher,
.offer-wrapper .product-list .orange-button,
.offer-wrapper .product-list .prio-high,
.offer-wrapper .product-list .product-description p,
.offer-wrapper .product-list .product-number,
.offer-wrapper .product-list .product-description br
 {
	display: none;
}
 
.offer-wrapper .product-list
 {
	border-bottom: 2px solid #A2BEB7;
}

.offer-wrapper .product-list li
 {
	width: 33%;
	float: left;
	overflow: hidden;
	border: none;
	margin: 0 0 15px 0;
}

.content-panel .offer-wrapper .product-image 
 {
	height: 110px;
	padding: 25px 0 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}
 
.offer-wrapper .product-list .product-check
 {
	float: left;
	margin: 0 10px 0 0;
}

.offer-wrapper .product-list .product-description h4
 {
	font-size: inherit;
	position: absolute;
	top: 0;
	left: 0;
}

.offer-wrapper .product-list .float_right
 {
	display: none;
}

.offer-wrapper .product-list label
 {
	cursor: pointer;
	float: none;
	margin: 5px 0;
}

.offer-wrapper .product-list .product-price, 
.offer-wrapper .product-list .product-number
 {
	float: none;
	font-size: 1.2em;
	padding: 2px;
}

.offer-wrapper .select-combi-panel {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0 0 75px 0;
	margin: 60px 0;
	color: #000;
	background: #fff url(../../images/offer-arrow.png) no-repeat center bottom;
}


}