/*















 include of configuration.ftl

/*
----------------------------------------------
Adjustment for some globally styled elements
----------------------------------------------
*/

body .box-content {
	z-index: 0; /*sets a new stacking order (important for the visibility of the buttons and the #buttonLane)*/
}

#checkoutNavi {
    margin-bottom: 8px;
}

#checkoutNavi .done {
    cursor: pointer;
}

/*
-----------------------------------------------
Styling for the breadcrumbs-navigation
-----------------------------------------------
*/

#checkoutNavi a {
    width: 100px;
    display: block;
}

.row.checkoutContainer {
    margin: 0;
}

/*
-----------------------------------------------
Styling for the checkoutTeaser and its content
-----------------------------------------------
*/


.checkoutTeaser {
	float:left;
	width: 20%;
	padding: 15px;
	text-align: center;
}


.checkoutTeaser img {
	margin-top: 20px;
}

.checkoutTeaser ul {
	width: 180px;
	margin: 20px auto;
}

.checkoutTeaser ul li {
	text-align: left;
	line-height: 1.5em;
	color: #71797F;
	padding: 5px 0px 7px 35px;
	background: url('/ips-opdata/layout/ips01/commons/images/icons/arrowOkGray.png') no-repeat 0px 3px;
}

/*
-----------------------------------------------
Content styling
-----------------------------------------------
*/

#cartHeading div {
    display: none;
}

#cartHeading .btn-link {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 25px;
    color: #656875;
    text-transform: none;
}


#checkoutContent {
	border-left: 1px dashed #B5B5B5;
    float: left;
	min-height: 300px;
	padding:0px 15px;
}

#cart #checkoutContent {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.box-content #backButton.btn-default {
	left: 15px;
	right: auto;
}

#paymentOverview{
    margin-top: 20px;
}

#buttonLane {
	height: 60px;
	width: 100%;
	background: #fff;
	box-shadow: inset 1px 0px 0px #ccc, inset -1px 0px 0px #ccc, inset 0px 15px 20px rgba(0, 0, 0, 0.08);
	clear: both;
	border-top: 1px solid #e4e4e4;
	position: relative;
	padding: 15px;
}

#buttonLane .continue {
    position: relative;
    right: 15px;
    float: right;
}

#buttonLane .back {
    display: none;
}

#saveCart {
    margin-left: 15px;
}

#storeLoadCartLoginPopup > div {
    padding: 10px;
    max-width: 400px;
    min-height: 180px;
    position: relative;
}

#storeLoadCartLoginPopup h1 {
    margin-top: 0;
}

#loadCartLoginTxt {
    display: inline-block;
    margin-right: 15px;
}

#storeLoadCartLoginPopup .buttons {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#storeLoadCartLoginPopup .button {
    margin-left: 15px;
}

/*
-----------------------------------------------
Styling for the accordion and its elements
-----------------------------------------------
*/

.paymentType,
.shippingInformation,
.shippingType {
    border: 1px solid rgb( 210 , 210 , 210 );
    padding: 10px;
    background-color: #fff;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
}

.paymentType h5,
.shippingInformation h5,
.shippingType h5 {
    padding: 15px 8px;
    clear: both;
}

.selected {
    background-color: #E4F8E7;
    cursor: default;
}

.paymentView, .shippingView {
    display: none;
}

.selected .paymentView,
.selected .shippingView {
    display: block;
}

.disabled, .disabled * {
    background-color: #F5F5F5;
    color: #9C9C9C;
}

.paymentType img,
.shippingInformation img,
.shippingType img {
	display: inline-block;
	height: 48px;
	vertical-align: middle;
}

.paymentType h6,
.shippingInformation h6,
.shippingType h6 {
	display: inline-block;
    padding: 0 10px 5px;
    vertical-align: middle;
}

.shippingInformation .shippingPrice,
.paymentType .paymentPrice {
    padding-right: 10px;
}

.infoBtn {
    background: url('/ips-opdata/layout/ips01/commons/images/icons/info_32x32.png') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.formField {
    margin: 10px 8px;
    width: auto;
}

/*
-----------------------------------------------
Styling for the "payment selection" page
-----------------------------------------------
*/

.paymentView {
    padding: 10px 0 10px 70px;
}

#ccVC {
	width: 117px;
}

.paymentView .shopChangeBtn {
    display: none !important;
}

/*
-----------------------------------------------
Styling for the "shipping selection" page
-----------------------------------------------
*/

.shippingView {
    padding: 10px 0 10px 70px;
}

/* shop selection */

.formLine {
    position: relative; /*Ensures the correct positioning of the label.placeholder*/
}

#searchStr {
    padding: 5px;
}

#searchStrBtn,
#printOrderBtn {
	position: relative;
	left: 0;
	top: 0;
}

#locationList {
    position: relative;
    z-index: 0;
}

#locationList * {
    cursor: pointer;
}

#locationList .location {
    width: 100%;
    height: 30px;
    position: relative;
}

#locationList .location input {
    margin: 0 0 0 8px;
}

#locationList .location input[type="radio"]:checked + label {
    background: #ddd;
    position: relative;
    left: -31px;
    padding-left: 39px;
}

#locationList .location label {
    width: auto;
    text-align: left;
    font-size: 14px;
    line-height: 2.5;
    vertical-align: middle;
    z-index: -1;
}

/* address input form */
#deviatingAddressBtn {
    position: relative;
	left: 8px;
	bottom: auto;
}

#userAddressFormBox,
#deviatingAddressFormBox {
    margin-bottom: 10px;
}

.fieldGroup1,
.fieldGroup2 {
    float: left;
}

/*
-----------------------------------------------
Styling for the summary page
-----------------------------------------------
*/

#paymentContent,
#billingAddress ul,
#shippingAddress ul,
#shopAddress ul {
    border: 1px solid rgb( 210 , 210 , 210 );
    padding: 10px;
    background-color: rgb( 245 , 245 , 245 );
    margin-bottom: 15px;
    line-height: 1.5em;
}

#paymentContent {
    padding: 5px;
}

#paymentContent img {
	display: inline-block;
	height: 48px;
	vertical-align: middle;
}

#termsContainer {
    display: inline-block;
    width: 550px;
}

#termsContainer input {
	float: left;
}

#termsContainer label {
	text-align: left;
	line-height: 1.5em;
	position: relative;
	bottom: 0px;
}

#termsContainer label a {
	text-decoration: underline;
	font-weight: bold;
	color: #491;
}

/** checkout options style */

.checkoutOption {
	border: 1px solid rgb( 210 , 210 , 210 );
	padding: 0 0 0 20px;
    margin-bottom: 40px;
    background-color: rgb( 245 , 245 , 245 );
    cursor: pointer;
}

.checkoutOption .checkoutOptionImg {
	float: left;
	margin-top: 7px;
}

.checkoutOption label {
	display: block;
	text-align: left;
	float: left;
	max-width: 85%;
	padding-top: 10px;
	line-height: 20px;
}

.checkoutOption .checkbox,
#confirmCheckbox {
    float: right;
    width: 12px;
    height: 12px;
    border: 1px solid #454545;
    margin: 13px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: inset 0 17px 6px -12px rgba(0,0,0,.2), inset 0 0 0 2px #fff;
}

.checkoutOption p {
    display: none;
}

.checkoutOption .checkbox.selected,
#confirmCheckbox.selected {
    background-color: #491;
}

#confirmCheckbox {
    float: left;
    margin: 3px 10px 3px 3px;
}

.checkoutMainWidth {
    width: 80%;
    min-height: 307px;
}

#locationList label{
    display:inline-block;
    padding-left: 8px;
    padding-right: 8px;
}

#shippingSelection .shippingMailAddresses .address, #paymentInvoiceBillingAddress ul {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
}

#shippingSelection .mainContentColumn h4, #addressContainer .mainContentColumn h3, #paymentContainer .mainContentColumn h3, #paymentInvoiceBillingAddress .mainContentColumn h4 {
    margin-bottom: 5px;
    font-weight: bold;
}

#shippingSelection h4 .editLink, #addressContainer h3 .editLink, #paymentContainer h3 .editLink, #paymentInvoiceBillingAddress h4 .editLink {
    float: right;
    cursor: pointer;
    margin-top: 10px;
}

.checkoutOption .optionimageEnhancementDescription {
    display: none;
}

#coupon {
    border: 1px solid rgb( 210 , 210 , 210 );
    padding: 10px;
    background-color: rgb( 245 , 245 , 245 );
    margin-bottom: 45px;
}

#couponSubmit {
    float: left;
    text-align: center;
}

.couponElementWidth {
    width: 50%;
}

#coupon ul, #coupon li {
    margin-bottom: 0;
}

#paymentBtn {
    margin-left: 10px;
}

#shippingPaymentContainer .shippingPayment {
    width: 50%;
    float: left;
}

#shippingPaymentContainer .shippingPayment:first-child {
    padding-right: 5px;
}

#shippingPaymentContainer .shippingPayment:last-child {
    padding-left: 5px;
}

#printPopup{
    width:820px;
}