﻿.luggage-box {
}

    .luggage-box h4 {
		font-size:19px;
		color:#bf0000;
		margin-bottom:10px;
	}

	.luggage-box .row div {
		margin-bottom:10px;
        width: 100%;
	}

	.luggage-box .row div > span {
		font-weight:bold;
		float:left;
		display:block;
		width:150px;
		margin-top:14px;
        margin-bottom: 5px;
	}
	.luggage-box a.luggage-link {
		.border-radius(10px);
		display:block;
		width:50px;
		padding:5px 0;
		height:40px;

		position:relative;
		float:left;
		margin-right:5px;
		text-decoration:none;

		font-size: 11px;
		text-align: center;
		line-height: 12px;
        @pv-border-transition();
		@pv-luggagebox-luggagelink();
	}

        .luggage-box a.luggage-link:hover {
			@pv-luggagebox-luggagelink-hover();
		}
        .luggage-box a.luggage-link.selected {
			@pv-luggagebox-luggagelink-selected();
		}

		.luggage-box a.luggage-link span.weight {
			font-size:24px;
			font-weight:bold;
			position:absolute;
			left:5px;
			top:12px;
		}
		.luggage-box a.luggage-link span.measurement {
			position:absolute;
			right:5px;
			top:16px;
		}
		.luggage-box a.luggage-link span.direction {
			position:absolute;
			left:8px;
			bottom:9px;
		}

		.luggage-box a.luggage-link.options {
			text-decoration:underline;
			font-weight:bold;
			margin:0;
			line-height:14px;
			padding:10px 0 !important;
			height:30px !important;
			font-size:10px;
			@pv-luggagebox-linkoptions();
		}
			.luggage-box a.luggage-link.options.selected {
				text-decoration:none;
                color: #fff;
			}

	.luggage-box .row div > span.selection {
		font-weight:normal;
		width:100px;
		top:20px;
		margin-top:0 !important;
		@pv-luggagebox-selection();
	}

	.luggage-box .row div > span.description {
		.box-sizing();
		width:100%;
		padding-left:150px;
		float:left;
		clear:both;
		 @pv-luggagebox-description();
	}
		.luggage-box .row div > span.description:empty {
			display:none;
		}

	.luggage-box .more-options {
		width:290px;
		margin-left:150px;
	}
		.luggage-box .more-options.items-1 .connector { width:86px; }
		.luggage-box .more-options.items-2 .connector { width:142px; }
		.luggage-box .more-options.items-3 .connector { width:202px; }

	.luggage-box .row div .more-options span {
		width:75px !important;
		margin-top:5px;
	}

	.luggage-box .more-options .container {
		.border-radius(10px);
		padding:12px 12px 7px 12px;
		width:290px !important;
		.box-sizing();
		margin-right:0 !important;
        border: 2px solid #069a06;
	    background-color: #fff;
	    color: #000;
	}
		.luggage-box .more-options .row div {
			margin-bottom:5px;
		}
		.luggage-box .more-options .container select {
			width:180px !important;
			background-position:157px !important;
		}

	.luggage-box .more-options .connector {
		height:9px;
		width:262px;
		margin-bottom:0px;
        border-right: 2px solid #069a06;
	}

	.luggage-box .selection.outbound {
		top:80px !important;
	}
	.luggage-box .selection.inbound {
		top:110px !important;
	}

	.luggage-box > .row > div {
		position:relative;
        width:100%;
	}

	.luggage-box > .row:nth-of-type(1)
	{
		margin-bottom:10px;
	}
