/**
 *
 * APART User interface Stylesheet
 *
 * Contains style information for form elements and user interface elements. 
 * Mostly needed in order process
 *
 * @style       Standard Layout
 * @media       screen
 * @css-for		Mozilla Firefox
 * @version     0.1
 * @author      Milan Matull <http://www.twoantennas.com>
 * @copyright   Two Antennas, Matull & Schieben GbR
 * @licensor    Fork Unstable Media GembH
 * 
 */

/**
 * @section main
 * 
 * add a drop shadow on top.
 * 
 */
 
.ap-checkout #main {
	padding: 10px 0 0;
	background: transparent url(../img/nav/ap-checkout-main.png) 50% -4px no-repeat;
}

/**
 * @section nav-action
 * 
 * hide inline-basket submit while in checkout process.
 * Show it again on confirmation screen.
 * 
 */

.ap-checkout #nav-action #nav-action-basket form .ap-submit {
	display: none;
}

#checkout-confirmation #nav-action #nav-action-basket form .ap-submit {
	display: block;
}

/**
 * @section nav-meta
 * 
 * Show only nav-meta-logged-in
 * 
 */
 
.ap-checkout #nav-meta-logged-in {
	border-right: none;
}


/**
 * @section ap-checkout-wrapper
 * 
 * Main wrapper elements in checkout process. Contains grey background and light shadow for top and bottom. 
 * 
 */
.hiddenphone {
display:none;
}

.ap-checkout-wrapper {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 32px;
	padding: 21px 0 0;
	background: transparent url(../img/nav/ap-checkout-wrapper-top.png) 50% 0 no-repeat;
}

.ap-checkout-wrapper-inner {
	float: left;
	width: 100%;
	padding: 0 0 14px;
	background: transparent url(../img/nav/ap-checkout-wrapper-bottom.png) 50% 100% no-repeat;
}


/**
 * @section h1
 * @todo	seperate background from fieldset.action
 * 
 */
 
.ap-checkout h1 {
	position: absolute;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #5c5f65;
	text-transform: uppercase;
	width: 557px;
	padding: 54px 0 48px 158px;
	left: -6px;
	top: -45px;
	background: transparent url(../img/nav/ap-checkout-h1.png) 0 0 no-repeat;
}

/**
 * 
 * Pages with no fieldset.action get other coordinates for h1.
 * 
 */
 

#checkout-login h1, 
#checkout-confirmation h1 {
	left: 0;
	top: -24px;	
}

.ap-checkout-wrapper p {
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 14px;
	color: #5c5f65;
}

/**
 * @section nav-checkout
 * 
 * Timeline navigation in checkout process
 * 
 */

#nav-checkout {
	float: left;
	width: 960px;
	height: 84px;
	margin: 0 7px;
	/*
	padding: 0 0 14px;
	background: transparent url(../img/nav/ap-checkout-form.png) 50% 100% no-repeat;	
	*/
}

#nav-checkout ul,
#nav-checkout li {
	float: left;
	width: auto;
}

#nav-checkout ul {
	float: left;
	width: 960px;
	height: 84px;
	background: transparent url(../img/nav/nav-checkout.png) 0 0 repeat-x;	
}


#nav-checkout li {
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 48px;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url(../img/nav/nav-order-li.png) 100% 0 no-repeat;
	color: #e8e8e8;
}

#nav-checkout li.last {
	background: none;
}

#nav-checkout li span {
	float: left;
	width: auto;
	height: 56px;
/*	color: #999; */
}

#nav-checkout li span strong {
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 0 25px;
	height: 56px;	
	font-size: 18px;
}

#nav-checkout li span span {
	float: left;
	width: auto;
	padding: 0 25px 0 0;
	height: 56px;	
}



/**
 * Selected state. Done via bodyid. Build the background through 3 slices.
 * 
 */

#checkout-basket #nav-checkout-basket span, 
#checkout-data #nav-checkout-data span, 
#checkout-login #nav-checkout-data span, 
#checkout-register #nav-checkout-data span, 
#checkout-order #nav-checkout-order span, 
#checkout-order-address-shipment #nav-checkout-order span, 
#checkout-order-payment #nav-checkout-order span, 
#checkout-order-shipment #nav-checkout-order span, 
#checkout-confirmation #nav-checkout-confirmation span {
	background: transparent url(../img/nav/nav-checkout-center.png) 50% 0 no-repeat;
	color: #999;
}

#checkout-basket #nav-checkout-basket span span, 
#checkout-data #nav-checkout-data span span, 
#checkout-login #nav-checkout-data span span, 
#checkout-register #nav-checkout-data span span, 
#checkout-order #nav-checkout-order span span, 
#checkout-order-address-shipment #nav-checkout-order span span, 
#checkout-order-payment #nav-checkout-order span span, 
#checkout-order-shipment #nav-checkout-order span span, 
#checkout-confirmation #nav-checkout-confirmation span span {
	background: transparent url(../img/nav/nav-checkout-right.png) 100% -1px no-repeat;
}

#checkout-basket #nav-checkout-basket span strong, 
#checkout-data #nav-checkout-data span strong, 
#checkout-login #nav-checkout-data span strong, 
#checkout-register #nav-checkout-data span strong, 
#checkout-order #nav-checkout-order span strong, 
#checkout-order-address-shipment #nav-checkout-order span strong, 
#checkout-order-payment #nav-checkout-order span strong, 
#checkout-order-shipment #nav-checkout-order span strong, 
#checkout-confirmation #nav-checkout-confirmation span strong {
	background: transparent url(../img/nav/nav-checkout-left.png) 0 -1px no-repeat;
}

#nav-checkout li.selected span {
	background: transparent url(../img/nav/nav-checkout-center.png) 50% 0 no-repeat;
}

#nav-checkout li.selected span span {
	background: transparent url(../img/nav/nav-checkout-right.png) 100% -1px no-repeat;
}

#nav-checkout li.selected span strong {
	background: transparent url(../img/nav/nav-checkout-left.png) 0 -1px no-repeat;
}

#nav-checkout a:hover {
}

/**
 * 
 * Visited state in time navigation.
 * 
 */

#checkout-login #nav-checkout-basket, 
#checkout-register #nav-checkout-basket, 
#checkout-order #nav-checkout-basket, #checkout-order #nav-checkout-data, 
#checkout-order-address-shipment #nav-checkout-basket, #checkout-order-address-shipment #nav-checkout-data, 
#checkout-order-payment #nav-checkout-basket, #checkout-order-payment #nav-checkout-data, 
#checkout-order-shipment #nav-checkout-basket, #checkout-order-shipment #nav-checkout-data, 
#checkout-confirmation #nav-checkout-basket, #checkout-confirmation #nav-checkout-data, #checkout-confirmation #nav-checkout-order
{
	color: #999;
	background-position: 100% 100%;
}

/**
 * @section ap-checkout
 * 
 * Elements which are the same for the whole checkout-process
 * 
 */

.ap-checkout #main form {
	float: left;
	width: 100%;
}

.ap-checkout legend, 
.ap-checkout h2 {
	float: left;
	width: 100%;
	margin: 0 0 30px;
	font-size: 18px;
	line-height: 24px;
	color: #5c5f65;
}

.ap-checkout label, 
.ap-checkout h3 {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #5c5f65;	
}

.ap-checkout label span.hint {
	position: absolute;
	right: 6px;
	/*
	float: right;
	width: auto;	
	*/
}

.ap-checkout label span.hint a {
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
}

.ap-checkout label a {
	color: #5c5f65;
	text-decoration: none;
}

 /**
 * @section ap-checkout-phone
 * 
 */

.ap-checkout-phone {
	float: left;
	width: 100%;
}

.ap-checkout-phone ol,
.ap-checkout-phone li {
	float: left;
	width: 100%;
}

.ap-checkout-phone h3 {
	float: left;
	width: 29px;
	padding: 20px 0 0;
	color: #5c5f65;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	text-indent: 5px;
}

.ap-checkout-phone .text-inline {
	width: 265px;
}

.ap-checkout-phone .text-inline .l {
	margin: 0 0 18px;
	width: 194px;	
}

.ap-checkout-phone .text-inline .l input {
	width: 186px;
}

.ap-checkout-phone .text-inline select {
	width: 265px;
	
}

/**
 * @section ap-tabs
 *
 * interface element for tabs navigation based on tab metaphor.
 *
 */

#checkout-login .ap-tabs {
	float: left;
	width: 100%;
}

#checkout-login .ap-tabs ul, 
#checkout-login .ap-tabs li {
	float: left;
	width: auto;
	font-size: 12px;
}

#checkout-login .ap-tabs a,
#checkout-login .ap-tabs span {
	float: left;
	width: auto;
	color: #5c5f65;
}

#checkout-login .ap-tabs a {
	padding: 9px;
	border: 1px solid #e0e0e0;
	background: #ededed;
	height: auto;
}

#checkout-login .ap-tabs .selected a {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#checkout-login .ap-tabs-spacer {
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 0 9px;
	background: transparent url(../img/nav/ap-tabs-spacer-left.png) 0 100% no-repeat;
}

#checkout-login .ap-tabs-spacer span {
	padding: 10px 9px 9px 0;
	background: transparent url(../img/nav/ap-tabs-spacer-right.png) 100% 100% no-repeat;
}

/**
 * @section checkout-pages
 * 
 * Page-specific styles following
 *
 */
 
#checkout-register .ap-wrapper, 
#checkout-login .ap-wrapper {
 	float: left;
 	margin: 71px 5px;
 	padding: 0 81px 0 91px;
 	width: 304px;		
}

#checkout-register #checkout-ihre-angaben-personal-data {
	border-right: 1px solid #e0e0e0;
 	padding: 0 81px 0 90px;
}

#checkout-register .ap-wrapper fieldset {
	margin: 18px 0 0;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 17px;
}

#checkout-register .ap-wrapper p.hint {
	margin: 18px 0 0;
}

#checkout-register .ap-wrapper fieldset.last {
	border: none;
	padding: 0;
}

#checkout-register .message {
	position: absolute;
	left: 91px;
	width: 294px;
}

#checkout-register .message-hint {
	top: 578px;
	top: 598px;
}

#checkout-register .message-hint p {
	font-size: 10px;
	color: #999;
}

#checkout-register .message-error {
	top: 638px;
	top: 658px;
}

/**
 * @section checkout-login
 *
 */

#checkout-login .ap-wrapper {
 	padding: 0 71px 0 81px;
 	width: 314px;
}

#checkout-login .ap-wrapper-last {
	border-left: 1px solid #e0e0e0;
	padding: 0 71px 0 80px;
}

#checkout-login .ap-wrapper form {
	float: left;
	width: 294px;
	border: 1px solid #e0e0e0;
	padding: 9px;
}

#checkout-login .ap-wrapper-last form {
	border-top: none;
}

#checkout-login .ap-button-primary {
	width: 295px;
}

#checkout-login .ap-tabs a {
	width: 110px;
}

#checkout-login .ap-tabs span {
	width: 36px;
	text-align: center;
}

#checkout-login .ap-checkout-wrapper label {
	width: 287px;
}

#checkout-login .ap-checkout-wrapper h2 {
	text-indent: 10px;
}

#checkout-login .message-error {
	margin: 18px 0 0;
	background-position: 0 50%;
}

#checkout-login .message-error p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

#checkout-login-by-number p.alternate {
	float: left;
	width: 294px;
	margin: 10px;
}


/**
 * @page	checkout-basket
 *
 * Start in checkout process, detailed table of alle elements in basket.
 *
 */

#checkout-basket table, 
.ap-checkout table {
	float: left;
	width: 960px;
	margin: 20px 6px;
}

#checkout-basket th, 
.ap-checkout th {
	padding: 4px 0;
	border-right: 1px solid #dadada;
	background: #f3f3f3;
	color: #5c5f65;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}

#checkout-basket th.first, 
#checkout-basket th.last, 
.ap-checkout th.first, 
.ap-checkout th.last {
	border: none;
}

/**
 * @section	table head
 *
 */
 
th.ap-checkout-image {
	width: 112px;
}

th.ap-checkout-article {
	width: 171px;
}

th.ap-checkout-quantity {
	width: 69px;
}

th.ap-checkout-color {
	width: 119px;
}

th.ap-checkout-size {
	width: 80px;
}

th.ap-checkout-shippable {
	width: 160px;
}

th.ap-checkout-price {
	width: 119px;
}

th.ap-checkout-action {
	width: 129px;
	border-right: none;
}

/**
 * @section	table content
 * @todo Abstract checkout-action icons.
 */

/*#checkout-basket td {*/
.ap-checkout td {
	padding: 6px 0;
	border-bottom: 1px solid #d8d8d8;
	vertical-align: middle;
	text-align: center;
	color: #5c5f65;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(../img/nav/ap-checkout-td.png) 100% 50% no-repeat;
}

td.ap-checkout-image,
td.ap-checkout-shippable,
td.ap-checkout-price,
td.ap-checkout-action {
	background: none;
}

td.ap-checkout-image a,
td.ap-checkout-image img {
	float: left;
	display: block;
	padding: 14px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat;
}

td.ap-checkout-image img {
	float: left;
}

td.ap-checkout-article {
	text-align: left;
}

td.ap-checkout-article strong, 
td.ap-checkout-article span {
	display: block;
	padding: 0 0 0 35px;
	font-weight: bold;
}

td.ap-checkout-article strong, 
td.ap-checkout-article a strong {
	color: #5c5f65;
}

td.ap-checkout-article span, 
td.ap-checkout-article a span {
	font-size: 10px;
	color: #999;
	text-transform: uppercase;
}

td.ap-checkout-shippable {
	font-size: 10px;
}

td.ap-checkout-price span {
	display: block;
	height: 148px;
	line-height: 148px;
	background: #f3f3f3;

}td.ap-checkout-price_rebate span {
	display: block;
	background: #f3f3f3;
	padding-top:65px;
	padding-bottom:65px;
}
td.ap-checkout-price_rebate .dred {
	color:red;
}

tr.ap-checkout-discount td.ap-checkout-price span {
	background: #c292c6;
	color: #fff;
}

td.ap-checkout-action {
	text-align: left;
}

td.ap-checkout-action ul {
	margin: 0 0 0 20px;
}

td.ap-checkout-action li, 
.ap-checkout-action li {
	padding: 18px 0;
	padding: 12px 0;
	font-size: 10px;
	text-transform: uppercase;
}

td.ap-checkout-action li.ap-checkout-action-change {
	background: transparent url(../img/nav/ap-checkout-action-li.png) 3px 100% no-repeat;
}

td.ap-checkout-action a, 
.ap-checkout-action a {
	display: block;
	color: #999;
	padding: 4px 0 0 13px;
}

td.ap-checkout-action a:hover, 
.ap-checkout-action a:hover {
	color: #c2c2c2;
}

td.ap-checkout-action .ap-checkout-action-change a, 
.ap-checkout-action-change a {
	background: transparent url(../img/nav/ap-checkout-action-change.png) 0 2px no-repeat;
	font-weight: bold;
}

td.ap-checkout-action .ap-checkout-action-delete a {
	background: transparent url(../img/nav/ap-checkout-action-delete.png) 1px 6px no-repeat;
}

td.ap-checkout-action .ap-checkout-action-help a {
	padding: 4px 0 0 16px;
	background: transparent url(../img/nav/ap-checkout-action-help.png) 0 4px no-repeat;
}


/**
 * @section	table footer
 * @todo re-check border top.
 *
 */

.ap-checkout tfoot td {
	background: none;
	border: none;
	padding: 6px 0 0;
}

.ap-checkout tfoot .last td {
	padding: 6px 0;
}

td.ap-checkout-price-label {
	text-align: left;
}

td.ap-checkout-price-label h2 {
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

td.ap-checkout-price-label p {
	padding: 0 0 0 20px;
	font-size: 10px;
	line-height: 12px;
}

td.ap-checkout-price-label p a {
	text-decoration: underline;
	color: #5c5f65;
}

td.ap-checkout-price-label h3 {
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

/*
.ap-checkout tfoot td.ap-checkout-price-label {
	width: 439px;
	width: 419px;
	padding-left: 20px;
}
*/

.ap-checkout tfoot tr td.ap-checkout-price-label h2 {
	margin: 0;
}

.ap-checkout tfoot tr td.ap-checkout-space, 
.ap-checkout tfoot tr td.ap-checkout-price, 
.ap-checkout tfoot tr td.ap-checkout-price-label {
	padding: 3px 0;
	border: none;
}

.ap-checkout tfoot tr td.ap-checkout-price span {
	height: 41px;
	line-height: 41px;
}

.ap-checkout tfoot tr.first .ap-checkout-price,
.ap-checkout tfoot tr.first .ap-checkout-price-label {
	border-top: 6px solid #5c5f65;
	border-bottom: none;
}

.ap-checkout tfoot tr.first td.ap-checkout-price span {
	height: 100px;
	line-height: 100px;
}

.ap-checkout tfoot tr.last .ap-checkout-price,
.ap-checkout tfoot tr.last .ap-checkout-price-label {
	border-bottom: 1px solid #5c5f65;
}

.ap-checkout tfoot tr.last td.ap-checkout-price span {
	height: 40px;
	line-height: 40px;
}

#checkout-order tfoot tr.last td.ap-checkout-price-sum span {
	height: 81px;
	line-height: 81px;
}

#checkout-order td.ap-checkout-small {
	font-weight: normal;
	text-align: left;
	padding: 18px 0;
}

#checkout-order td.ap-checkout-small p {
	padding: 0 0 0 20px;
}


/**
 * @section		ap-checkout-inline-edit
 * @todo 		move td div.loading to global.
 * Inline editing of articles in checkout basket.
 *
 */

td div.loading {
	width: 100%;
	background: transparent URL('../img/nav/lightbox-loading.gif') no-repeat 50% 50%;
}

#checkout-inline-edit td.loading {
	background: transparent URL('../img/nav/lightbox-loading.gif') no-repeat 50% 50%;
}

.availability-check div.loading {
	background: transparent URL('../img/nav/loading-s-white.gif') no-repeat 50% 50%;
	margin: 0 auto;
	width: 16px;
	height: 16px;
}

.ap-checkout-inline-edit {
	width: 269px;
}

.ap-checkout-inline-edit h3 {
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	background: #f3f3f3;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #fff;
}

.ap-checkout-inline-edit fieldset {
	float: left;
	width: 100%;
	background: #b2b2b2;
}

div.ap-checkout-inline-edit div {
	float: left;
	width: auto;
	height: 100%;
	border-right: 1px solid #fff;
	padding: 10px 0;
}

.ap-checkout-inline-edit-2-sizes div {
	height: 74px;	
}

.ap-checkout-inline-edit-2-sizes div.ap-checkout-quantity select, 
.ap-checkout-inline-edit-2-sizes div.ap-checkout-color select {
	margin: 36px 0 24px;
}

.ap-checkout-inline-edit div.ap-checkout-quantity {
	width: 69px;
}

.ap-checkout-inline-edit div.ap-checkout-color {
	width: 119px;
}

.ap-checkout-inline-edit div.ap-checkout-size {
	border: none;
	width: 79px;
}

.ap-checkout-inline-edit div.ap-checkout-quantity select {
	width: 55px;
}

.ap-checkout-inline-edit div.ap-checkout-color select {
	width: 103px;
}

.ap-checkout-inline-edit div.ap-checkout-size select {
	width: 66px;
}

.ap-checkout-inline-edit div.ap-checkout-size label {
	text-align: left;
	font-size: 10px;
	color: #fff;
	text-indent: 10px;
	width: 66px;
	overflow: hidden;
}

.ap-checkout-inline-edit ul {
	float: left;
	width: 100%;
	height: 27px;
	line-height: 27px;
	background: #f3f3f3;
}

.ap-checkout-inline-edit li {
	float: left;
	width: 134px;
	font-size: 10px;
	text-transform: uppercase;
}

.ap-checkout-inline-edit li a {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 12px;
	color: #5c5f65;
}

.ap-checkout-inline-edit li a:hover {
	color: #8f939b;
}

.ap-checkout-inline-edit li.ap-checkout-inline-edit-cancel a {
	background: transparent url(../img/nav/ap-checkout-inline-edit-cancel.png) 0 8px no-repeat;
}

.ap-checkout-inline-edit li.ap-checkout-inline-edit-apply a {
	background: transparent url(../img/nav/ap-checkout-inline-edit-apply.png) 0 8px no-repeat;	
}


/**
 * @page	checkout-order
 *
 * 3rd step in checkout process. Overview of order Details. 
 * Contains info to shipment, adress, payment, address. 
 * Detail table basket is repeated.
 *
 */




#checkout-order .ap-wrapper {
	float: left;
	width: 379px;
	margin: 27px 0 0 81px;
	padding: 0 10px;
}

#checkout-order .ap-wrapper-first {
	padding: 0 9px 0 10px;
	border-right: 1px solid #e0e0e0;
}

#checkout-order .ap-wrapper div {
	padding: 27px 0;
	float: left;
	width: 100%;
}

#checkout-order-overview-address-invoice, 
#checkout-order-overview-address-shipment {
	background: transparent url(../img/nav/ap-wrapper-div.png) 0 100% no-repeat;		
}

p.ap-checkout-current-state {
	float: left;
	width: 172px;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}

p.ap-checkout-current-state-changed {
	color: #915b81;
}

#checkout-order .ap-wrapper ul {
	float: right;
	width: 197px; 
}

#checkout-order .ap-wrapper ul.ap-checkout-action li  {
	padding: 0 0 10px;
}

#checkout-order .ap-wrapper .ap-checkout-hint {
	float: right;
	width: 197px;
	color: #b2b2b2;
}

/**
 * @section		checkout-order-gift
 *				checkout-order-etrusted
 *
 * Inline forms in checkout-order for gift certificate and etrusted security.
 *
 */


#checkout-order-gift td, 
#checkout-order-etrusted td {
	height: auto;
}

#checkout-order-gift div, 
#checkout-order-etrusted div {
	float: left;
	width: 100%;
	margin: 6px 0;
	padding: 0;
	text-align: left;
}

#checkout-order-gift div {
	background: #f3f3f3 url(../img/nav/checkout-order-gift.gif) 0 0 no-repeat;	
}

#checkout-order-etrusted div {
	background: #f3f3f3 url(../img/nav/checkout-order-etrusted.png) 18px 12px no-repeat;	
}

#checkout-order-gift div div, 
#checkout-order-etrusted div div {
	background: none;
	height: auto;
}

#checkout-order-gift h2, 
#checkout-order-etrusted h2 {
	float: left;
	width: 328px;
	margin: 0;
	line-height: 62px;
}

#checkout-order-gift .ap-action-more, 
#checkout-order-etrusted .ap-action-more {
	line-height: 62px;
}

#checkout-order-gift h2 {
	text-indent: 69px;
}

#checkout-order-etrusted h2 {
	text-indent: 69px;
}

#checkout-order-gift fieldset, 
#checkout-order-etrusted fieldset {
	float: left;
	width: 614px;
	margin: 10px 0;
	padding: 3px;
	background: #e7e7e7 url(../img/nav/checkout-order-gift-fieldset.png) 0 0 repeat-y;
}

#checkout-order-gift fieldset, 
#checkout-order-etrusted fieldset {
	display: none; /* replace, to javascript */
}

#checkout-order-gift fieldset .text {
	float: left;
	width: auto;
}

#checkout-order-gift fieldset .text label {
	float: left;
	width: 123px;
	padding: 0 12px 0 18px;
	font-weight: normal;
}

#checkout-order-gift fieldset .text input {
	width: 189px;
	width: 181px;
	height: 15px;
	background: transparent url(../img/nav/ap-input-text-alt.png) 0 0 repeat-x;
 	border-color: #eaeaea;
}

#checkout-order-gift fieldset .ap-button-primary {
	float: right;
}

#checkout-order-etrusted .checkbox {
	margin-bottom: 12px;
}

#checkout-order-etrusted .checkbox input {
	margin-left: 16px;
}

#checkout-order-etrusted .checkbox label {
	float: left;
	width: auto;
	font-weight: normal;
}

#checkout-order-etrusted .ap-text-small {
	float: left;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	background: #f3f3f3;
	margin: -3px;
	padding: 10px 0;
}

/**
 * @section	checkout-order-privacy
 *
 * Small print in checkout-order
 *
 */

#checkout-order-privacy {
	float: left;
	padding: 0 170px 36px;
	width: 632px;
}


/**
 * @page	checkout-order-address-shipment
 *			checkout-order-payment
 *			checkout-order-shipment
 *
 * Detail drill down in order review.
 *
 */


#checkout-order-address-shipment .ap-checkout-wrapper label a,
#checkout-order-payment .ap-checkout-wrapper label a, 
#checkout-order-shipment .ap-checkout-wrapper label a {
	text-decoration: underline;
}

#checkout-order-address-shipment .ap-checkout-wrapper label a.ap-action,
#checkout-order-payment .ap-checkout-wrapper label a.ap-action, 
#checkout-order-shipment .ap-checkout-wrapper label a.ap-action {
	font-size: 12px;
	font-weight: normal;
}


#checkout-order-address-shipment .ap-wrapper, 
#checkout-order-payment .ap-wrapper, 
#checkout-order-shipment .ap-wrapper {
	float: left;
	width: 800px;
	margin: 54px 0 27px 91px;
}

#checkout-order-address-shipment .input-outer, 
#checkout-order-payment .input-outer, 
#checkout-order-shipment .input-outer {
	float: left;
	width: 780px;
	padding: 0 10px;
}

#checkout-order-address-shipment h2, 
#checkout-order-payment h2, 
#checkout-order-shipment h2 {
	text-indent: 10px;
}

#checkout-order-address-shipment .ap-checkout-wrapper .selected, 
#checkout-order-payment .ap-checkout-wrapper .selected, 
#checkout-order-shipment .ap-checkout-wrapper .selected {
	border: 1px solid #e0e0e0;
	padding: 9px;
	background: #ededed;
}

/* @section interaction helper 
 *
 * Sub items are hidden on default. If parent element has class .selected show them.
 *
 */

#checkout-order-address-shipment .ap-wrapper .input-outer div, 
#checkout-order-payment .ap-wrapper .input-outer div, 
#checkout-order-shipment .ap-wrapper .input-outer  div {
	display: none;
}

#checkout-order-address-shipment .ap-wrapper .selected div, 
#checkout-order-payment .ap-wrapper .selected div, 
#checkout-order-shipment .ap-wrapper .selected div {
	display: block;
}

#checkout-order-payment .input-inner, 
#checkout-order-shipment .input-inner {
	float: left;
	width: 100%;
	margin: 18px 0 0;
}

#checkout-order-payment .input-inner dl {
	float: left;
	width: 100%;
	margin: 0 0 18px;
	font-size: 12px;
	color: #5c5f65; /* abstract */
}
#checkout-order-payment .input-inner .ratesData {
	 font-size: 9px;
	
}
#checkout-order-payment .input-inner dt, 
#checkout-order-payment .input-inner dd {
	float: left;
	width: auto;
}

#checkout-order-payment .input-inner dd {
	margin: 0 20px 0 5px;
}


/**
 * @section	ap-checkout-address
 *
 * Form elemenents for address, wrapped in radio container. Alternate form style on dark background.
 *
 */

#checkout-order-address-shipment #checkout-order-address-shipment-address-new {	
	width: 294px;
}

.ap-checkout-address {
	float: left;
	width: 100%;
	margin: 30px 0 0;
}

.ap-checkout-address .text label, 
.ap-checkout-address .password label {
	float: left;
	width: 100%;
}


.ap-checkout-address .text input, 
.ap-checkout-address .password input {
	margin: 0;
 	background: #fff url(../img/nav/ap-input-text-alt.png) 0 0 repeat-x;	
 	border-color: #eaeaea;
}

.ap-checkout-address .unit span.unit {
	float: left;
}

/**
 * @section		checkout-order-address-shipment
 * 
 * Lightbox including form for changing address in personal address book
 *
 */
 
.checkout-order-address-shipment {
	width: 354px;
}


/**
 * @section		ap-checkout-action
 * @todo		abstract, finish.
 * 
 * Micro icon framework
 *
 */


a.ap-checkout-action {
	display: block;
	padding: 4px 0 0 16px;
	color: #999;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

a.ap-checkout-action-change {
	background: transparent url(../img/nav/ap-checkout-action-change.png) 0px 50% no-repeat;
}

#checkout-order-address-shipment .ap-lightbox .message {
	margin: 18px 0 0;
	width: 314px;
}



/**
 * @page	checkout-order-payment
 *
 * Detail drill down for payment in order review.
 *
 */

#checkout-order-payment .input-outer {
	width: 456px
}


/**
 * @section	ap-checkout-rate-calculator
 *
 * Lightbox calculation of interest rates.
 *
 */
 
.ap-checkout-rate-calculator {
	width: 496px;
}

.ap-checkout-rate-calculator form {
	float: none !important;
	width: auto;
}

.ap-checkout-rate-calculator fieldset.inner .input-inline {
	float: left;
	width: 100%;
	margin: 0 0 18px;
}
 
.ap-checkout-rate-calculator fieldset.inner .text {
	float: left;
	width: auto;
	margin: 0 10px 0 0;
	margin: 0;
}

.ap-checkout-rate-calculator fieldset.inner .unit input {
	width: 74px;
	margin: 0 5px 0 0;
}

.ap-checkout-rate-calculator fieldset.inner .radio {
	margin: 19px 10px 0;
	float: left;
	width: auto;
}

.ap-checkout-rate-calculator fieldset.inner .radio input {
	margin-right: 5px;
}

.ap-checkout-rate-calculator fieldset.inner .ap-button-secondary {
	width: 189px;
	text-align: left;
}

/* table */

.ap-checkout-rate-calculator table {

}

.ap-checkout-rate-calculator .ap-table-label, 
.ap-checkout-rate-calculator .ap-table-price {
	height: 25px;
	padding: 4px 0 5px 0;
	background: transparent url(../img/nav/ap-table-label.png) 100% 50% no-repeat;
	line-height: 25px;
}

.ap-checkout-rate-calculator .ap-table-label {
	text-align: left;
	padding-left: 12px;
}

.ap-checkout-rate-calculator .ap-table-price, 
.ap-checkout-rate-calculator .ap-table-spacer {
	background: none;
}

.ap-checkout-rate-calculator .ap-table-price {
	color: #915b81;
}

.ap-checkout-rate-calculator .ap-table-spacer {
	height: 2px;
	padding: 0;
	line-height: 0;
}



/**
 * @section	ap-invite-friends
 * @todo send lightbox code to ap-global.css
 *
 * Friend invitation lightbox.
 *
 */

.ap-invite-friends {
	float: left;
	width: 496px;
	background: #fff url(../img/nav/ap-invite-friends.png) 291px 45px no-repeat;
}

.ap-invite-friends .ap-lightbox-title {
	
}

.ap-invite-friends .ap-lightbox-title h2 {
	float: left;
	width: 360px;
	padding: 0 10px;
}

.ap-invite-friends .ap-lightbox-title p {
	float: left;
	width: 258px;
	padding: 0 182px 0 10px;	
}

.ap-invite-friends fieldset.inner {
	margin: 0 0 18px;
}

.ap-invite-friends fieldset.inner .text-inline {
	float: left;
	width: 380px;
	margin: 0 0 18px;
	overflow: hidden;	
}

.ap-invite-friends fieldset.inner .text-inline .text {
	width: 190px;
	margin: 0;
}

.ap-invite-friends fieldset.inner .text input {
	width: 171px;	
}

.ap-invite-friends fieldset.inner .text #sender-name, 
.ap-invite-friends fieldset.inner .text #receiver-name {
	width: 181px;
}

.ap-invite-friends fieldset.inner .textarea textarea {
	width: 372px;
	height: 72px;
}

.ap-invite-friends fieldset.inner .ap-button-secondary {
	width: 189px;
	text-align: left;
}


/**
 * @page	checkout-order-shipment
 *
 * Detail drill down for shipment options in order review.
 *
 */

#checkout-order-shipment .input-outer {
	width: 456px
}

#checkout-order-shipment .ap-checkout-calendar {
	margin: 40px 0 0;
}

.ap-checkout-calendar .radio-inline {
	float: left;
	width: 100%;
	margin: 0 0 18px;
}

.ap-checkout-calendar .radio-inline .radio {
	float: left;
	width: auto;
	margin: 0 15px 0 0;
}

.ap-checkout-calendar .radio-inline .radio label {
	float: left;
	width: auto;
}

.ap-checkout-calendar-table {
	float: left;
	width: 214px;
	margin: 0 11px 0 0;
	padding: 0 0 6px 6px;
	background: #fff;
}

.ap-checkout-calendar .last {
	margin: 0;
}

.ap-checkout-calendar-table h3 {
	text-align: center;
	background: #fff;
	font-size: 12px;
	font-weight: bold;
	color: #5c5f65;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 6px 0 0;
	line-height: 43px;
}

.ap-checkout-calendar-table table {
	width: 214px;
	margin: 0;
}

.ap-checkout-calendar-table th, 
.ap-checkout-calendar-table td {
	width: 25px;
	text-align: center;
	border: none;
	padding: 0;
	background: none;
	height: 19px;
	line-height: 19px;
	padding: 6px 6px 0 0;
	font-size: 10px;
	font-weight: bold;
}

.ap-checkout-calendar-table th.ap-checkout-calendar-disabled {
	color: #b2b2b2;
}

.ap-checkout-calendar-table th {
	font-size: 12px;
	text-transform: none;
}

.ap-checkout-calendar-table a {
	display: block;
	background: #9d9fa3;
	border: 1px solid #ececec;
	color: #fff;
}

.ap-checkout-calendar-selected a {
	background: #c292c6;
	border: 3px solid #b15da4;
	line-height: 15px;
}

.ap-checkout-calendar-disabled span {
	display: block;
	border: 1px solid #e0e0e0;
	color: #b2b2b2;
	background: transparent url(../img/nav/ap-checkout-calendar-disabled.png) 0 0 repeat;
}

#checkout-shipment-calendar.loading {
	height: 48px;
	margin: 0 0 20px 0;
	background: transparent URL('../img/nav/packetshop-loading.gif') no-repeat 50% 50%;
}

#checkout-shipment-calendar-times.loading {
	height: 40px; /* overwritten by javascript when first content is loaded */
	background: transparent URL('../img/nav/loading-s-grey.gif') no-repeat 50% 50%;
}

/**
 * @page	checkout-confirmation
 * @layout	in colomns
 *			| 2 | 8 | 2 |
 *
 * Checkout final step. 
 *
 */


#checkout-confirmation .ap-wrapper h2 {
	width: 405px;
}

#checkout-confirmation .ap-wrapper {
	float: left;
	padding: 130px 167px;
	width: 638px;
	background: transparent url(../img/nav/ap-checkout-confirmation-ap-wrapper.png) 90px 119px no-repeat;
}

#checkout-confirmation .ap-wrapper-inner {
	float: left;
	padding: 0 0 0 233px;
}

#checkout-confirmation h1 {
	margin: 0 6px;
	padding-left: 16px;
	background: none; /* replace */
}

#checkout-confirmation-message {
	float: left;
	width: 405px;
}

#checkout-confirmation-message p {
	margin: 0;
}

#checkout-confirmation-actions {
	float: left;
	width: 405px;
	border-top: 1px solid #e0e0e0;
	margin: 18px 0 0;
	padding: 17px 0 0;
}

#checkout-confirmation .ap-wrapper .input { /* apart newsletter */
	width: 405px;
}

#checkout-confirmation .ap-wrapper label { /* apart newsletter */
	width: auto;
	color: #915b81;
	text-transform: uppercase;
}

#checkout-confirmation p {
	float: left;
	width: 405px;
}

#checkout-confirmation .ap-action {
	padding: 0 0 0 23px !important;
}

/**
 * @section	checkout-confirmation-recommended
 *
 * Partner logos in confirmation screen.
 *
 */

#checkout-confirmation-recommended {
	border-top: 1px solid #e0e0e0;	
}


#checkout-confirmation-recommended, 
#checkout-confirmation-gift {
	float: left;
	width: 100%;
	padding: 18px 0;
	border-bottom: 1px solid #e0e0e0;
}

#checkout-confirmation-recommended p {
	text-transform: uppercase;
	color: #999;
}


#checkout-confirmation-recommended ul,
#checkout-confirmation-recommended li {
	float: left;
	width: auto;
}

#checkout-confirmation-recommended ul {
	width: 100%;
}

#checkout-confirmation-recommended li {
	width: 33%;
	height: 60px;
}

/**
 *
 * Partner logos done via css replacement. 
 * Logos have to be sprites of 120px height, containing normal and hover state.
 * Did hover state for Douglas as an example.
 *
 * @todo: Additional hover states needed
 *
 */

#checkout-confirmation-recommended li a {
	float: left;
	width: 100%;
	height: 60px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-indent: -10000px;
}

#checkout-confirmation-recommended li a:hover {
	background-position: 50% 100%;
}

#logo-douglas a {
	background-image: url(../img/season/hw10/order/douglas.png);
}

#logo-im-walking a {
	background-image: url(../img/season/hw10/order/im-walking.png);
}

#logo-jochen-schweizer a {
	background-image: url(../img/season/hw10/order/jochen-schweizer.png);
}


/**
 * @section	checkout-gift-certificate
 *
 * Gift certificate in confirmation screen.
 *
 */


#checkout-confirmation-gift a {
	float: left;
	width: 638px;
	height: 203px;
	overflow: hidden;
	cursor: pointer;
	display: block;
}

#checkout-confirmation-gift a span.checkout-confirmation-gift-image {
	float: left;
	width: 274px;
	padding: 20px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat;
}

#checkout-confirmation-gift a span.checkout-confirmation-gift-description {
	float: right;
	width: 314px;
	margin: 36px 0 0;
}

#checkout-confirmation-gift a .ap-text-title {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 14px;
}

#checkout-confirmation-gift a .ap-text-content {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 14px;
}

#checkout-confirmation-gift a .ap-text-small {
	display: block;
	margin: 0 0 14px;	
}




/**
 * @section	ap-checkout-header
 *
 * Special header for checkout process. Removed most elements. Add help link.
 *
 */


.ap-checkout-header #nav-main {
	background-position: 0 0;
	background-image: url(../img/nav/ap-checkout-nav-main.png) !important;
}

.ap-checkout-header #nav-main ul {
	width: 100%;
	position: relative;
}

.ap-checkout-header #nav-main li#nav-main-help {
	position: absolute !important;
	right: 0;
	top: 0;
	border-right: none;
}
.padding-left {
padding-left:32px;
}

.ap-checkout-header #nav-main li#nav-main-help a {
	background: transparent url(../img/nav/nav-main-help.png) 14px 50% no-repeat;
	padding-left: 32px;
	width: 27px;
}

.ap-checkout-header #nav-meta li {
	background-image: none;
}



/**
 * @section 	ap-lightbox-account-welcome-reminder
 * 
 * If a user left items in basket, he's reminded with a lightbox after login.
 * 
 */

.ap-lightbox-account-welcome-reminder {
	width: 496px;
}

.ap-lightbox-account-welcome-reminder form {
	padding: 20px 10px 10px;
}

/* background image in title */

.ap-lightbox-account-welcome-reminder .ap-lightbox-title {
}

.ap-lightbox-account-welcome-reminder .ap-lightbox-title h2 {
	float: left;
	width: 476px;
	text-indent: 10px;
}

.ap-lightbox-account-welcome-reminder .ap-lightbox-title p {
	float: left;
	width: 286px;
	height: 120px;
	margin: 0;
	padding: 0 0 0 190px;
	background: transparent url(../img/nav/ap-checkout-h1.png) 0 0 no-repeat;	
}

/* table sizes */

.ap-lightbox-account-welcome-reminder td {
	font-size: 12px;
	font-weight: bold;
}

.ap-lightbox-account-welcome-reminder .ap-table-article {
	width: 116px;
}

.ap-lightbox-account-welcome-reminder .ap-table-article .input {
	margin: 0;
}

.ap-lightbox-account-welcome-reminder .ap-table-article label {
	width: 88px;
	width: 80px;
}

.ap-lightbox-account-welcome-reminder .ap-table-article strong, 
.ap-lightbox-account-welcome-reminder .ap-table-article span {
	padding: 0;
}

.ap-lightbox-account-welcome-reminder .ap-table-quantity {
	width: 70px;
}

.ap-lightbox-account-welcome-reminder .ap-table-color {
	width: 80px;
}

.ap-lightbox-account-welcome-reminder .ap-table-size {
	width: 87px;
	background-image: none;
}

.ap-lightbox-account-welcome-reminder .ap-table-price {
	width: 115px;
}

.ap-lightbox-account-welcome-reminder .ap-table-price span {
	height: 39px;
	line-height: 39px;
}

.ap-lightbox-account-welcome-reminder .ap-button-secondary {
	width: 237px;
	text-align: left;
}