@CHARSET "UTF-8";

.PageContainer > .MainContent > .InnerMainContent > .NavigationSlot {
	width: 185px;
	float: left;
	min-height: 1px;
}

.PageContainer > .MainContent > .InnerMainContent > .ContentSlot {
	width: 630px;
	min-height: 460px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}

.PageContainer > .MainContent > .InnerMainContent > .LoadingSpinner {
	margin: 10px 0 0 0;
}

.PageContainer > .MainContent > .InnerMainContent > .CockpitSlot {
	width: 185px;
	float: left;
	padding: 0 0 20px 0;
	line-height: 13.5px
}@CHARSET "UTF-8";


.CockpitSlot > .Cockpit {
	width: 150px;
	margin: 0 0 0 15px;
}

.CockpitSlot > .Cockpit > .CustomerSection {
	position: relative;
	width: 130px;
	height: 281px;
	padding: 20px 10px 20px 10px;
	color: #ccc;
	background-color: #7d7d7d;
}

.CockpitSlot > .Cockpit > .CustomerSection h2 {
	font-size: 16px;
	font-weight: normal;
	color: #ccc;
	margin-bottom: 10px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Login {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 8px;
	height: 28px;
	width: 130px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Salutation {
	margin-bottom: 15px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Mileage {
	margin-bottom: 5px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Mileage .Label {
	float: left;
	width: 80px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Mileage .Value {
	float: right;
	text-align: right;
	font-weight: bold;
	color: #fff;
}

.CockpitSlot > .Cockpit > .CustomerSection .Navigation {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Navigation a {
	display: block;
	width: 130px;
	margin-bottom: 4px;
	color: #ccc;
}

.CockpitSlot > .Cockpit.LoggedIn > .CustomerSection .Navigation {
	border-bottom: 1px solid #ccc;
	bottom: 60px;
	position: absolute;
} 

.CockpitSlot > .Cockpit > .CustomerSection .Navigation .Logout {
	margin-top: 8px;
	font-weight: 900;
	font-weight: bold;
}

.CockpitSlot > .Cockpit.LoggedIn > .CustomerSection .Miles {
	margin-bottom: 30px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Miles label {
	width: 80px;
	display: block;
	float: left;
	margin: 0 5px 10px 0;
}

.CockpitSlot > .Cockpit > .CustomerSection .Miles input {
	width: 43px;
	float: right;
	
	background: #898989;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15) inset;
	border: 0 none;
	color: #FFF;
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	margin: -2px 0 10px 0;
	padding: 3px 2px 1px 0px;
	text-align: right;
}

.CockpitSlot > .Cockpit > .CustomerSection .Miles .milesslider {
	float: left;
	width: 110px;
	margin: 1px 3px 0px 3px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Miles .InfoText {
	display: block;
	width: 0px;
	height: 10px;
	background: url("/resources/images/global/icon_help_dark.png") bottom no-repeat;
}

.CockpitSlot > .Cockpit > .CustomerSection .Cart {
	position: absolute;
	bottom: 12px;
	left: 10px;
	height: 40px;
	width: 130px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Cart a {
	display: block;
	height: 40px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Cart .ToCartButton {
	position: absolute;
	top: 15px;
	left: 0px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Cart .CartIcon {
	position: absolute;
	top: 0px;
	right: -3px;	
	width: 44px;
	height: 40px;
}

.CockpitSlot > .Cockpit > .CustomerSection .Cart .Quantity {
	display: block;
	position: absolute;
	bottom: 17px;
	right: -4px;
	margin-right: 1px;
	width: 20px;

	font-weight: bold;
	text-align: center;
	color: #fff;
	
	z-index: 11;
}@CHARSET "UTF-8";

.CockpitSlot .CartPreview {
	position: relative;
	width: 130px;
	
	padding: 15px 10px 8px 10px;

	color: #ccc;
	background-color: #6a6a6a;
	border-top: 3px solid rgba(0, 0, 0, 0.08);
}

.CockpitSlot .CartPreview a {
	color: #ccc;
}

.CockpitSlot .CartPreview h3 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.CockpitSlot .CartPreview .Total {
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.CockpitSlot .CartPreview .Total h4 {
	font-weight: bold;
	margin-bottom: 3px;
}

.CockpitSlot .CartPreview .Total .TotalRows li {
	margin-bottom: 3px;
}

.CockpitSlot .CartPreview .Total .TotalRows li .Label {
	float: left;
}

.CockpitSlot .CartPreview .Total .TotalRows li .Value {
	float: right;
}

.CockpitSlot .CartPreview a.ToCart {
	display: block;
}