@charset "UTF-8";
/* CSS Document */
.object_preview_tooltip {
	max-width: inherit !important; /*overrides jquery ui's setting of 300px*/
}

.product-preview-container>table{
	min-width: 600px;
}

.product-preview-container .product_image_wrapper{
	position: relative;
	background-color: white;
	overflow: visible;
	border: none;
}

.product-preview-main_image img{
	height: 200px;
	border: thin solid black;
	cursor: pointer;
}

.product-preview-images{
	height: 200px;
	border: thin solid #EEE;
	overflow-y: auto;
	overflow-x: hidden;
	width: 60px;
	padding: 2px;
}

.product-preview-images img{
	width: 50px;
	cursor: pointer;
}

.product-preview-details{
	padding-left: 10px;
	min-width: 300px;
	vertical-align: top;
}

.product-preview-title{
	font-size: x-large;
	font-weight: bold;
}

.product-preview-listing_title{
	margin-top: 10px;
	font-size: large;
	font-weight: bold;
}

.product-preview-price{
	margin-top: 10px;
	font-size: larger;
	margin-left: 20px;
	float: left;
	display: inline;
}

.product-preview-weight{
	margin-top: 10px;
	font-size: larger;
	margin-left: 20px;
	float: left;
	display: inline;
}

.product-preview-stock{
	margin-top: 10px;
	font-size: larger;
	margin-left: 20px;
	float: left;
	display: inline;
}

.product-preview-description{
	margin-top: 20px;
}

.customer-preview-container{
	min-width: 300px;
}

.customer-preview-label{
	font-size: x-large;
	font-weight: bold;
}

.customer-preview-parent{
	font-size: large;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 5px;
}

.customer-preview-primary_contact{
	margin-top: 10px;
}

.customer-preview-primary_contact-name{
	font-size: large;
}

.customer-preview-primary_contact-methods{
	margin-top: 5px;
	margin-left: 20px;
}

.customer-preview-alternate-contacts{
	max-width: 850px;
}

.customer-preview-primary_contact-methods li{
	float: left;
	display: inline;
	width: 250px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.customer-preview-alternate-contacts li{
	float: left;
	display: inline;
	margin: 10px 10px 0px 10px;
	width: 250px;
}


.order-preview-left{
	float: left;
	display: inline;
	margin-top: 20px;
}

.order-preview-right{
	float: right;
	display: inline;
	margin-top: 20px;
	margin-left: 10px;
}

.order-preview-object{
	border: 2px solid darkslategrey;
	border-radius: 8px;
	padding: 10px;
	position: relative;
}

.order-preview-customer{
	border: 2px solid darkslategrey;
	border-radius: 8px;
	padding: 5px;
	position: relative;
	background-color: cornsilk;
	min-width: 300px;
	color: black !important;
}

.order-preview-customer-label a, .order-preview-customer-label a:active, .order-preview-customer-label a:visited, .order-preview-customer-label a:hover{
	color: blue !important;
}

.order-preview-customer-buttons{
	float: left; 
	display: inline;
}

.order-preview-customer-buttons img{
	height: 30px;
}

.order-preview-customer-details{
	font-size: larger;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 40px;
	margin-top: 5px;
	width: 200px;
}

.order-preview-customer-name{
	margin-top: 3px;
}

.order-preview-customer-contact_method{
	font-size: normal;
	position: absolute;
	bottom: 5px;
}

.order-preview-customer-attachments{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 25px;
	padding-top: 5px;
}

#order-view-addresses-container .order_document-address{
	width: 200px;
}

.order-preview-addresses-container{
	padding: 5px;
	border: 2px solid darkslategrey;
	border-radius: 8px;
	background-color: white;
	margin-top: 5px;
	color: black !important;
}

.order-preview-addresses-container .order_document-address div{
	margin-top: 3px;
}

.order-preview-address-link a, .order-preview-address-link a:visited, .order-preview-address-link a:hover, .order-preview-address-link a:active{
	color: blue !important;
} 

.order-preview-billing_address{
	float: left;
	display: inline;
	margin-right: 10px;
	min-width: 140px;
}

.order-preview-shipping_address{
	float: left;
	display: inline;
	min-width: 140px;
}

.order-preview-address-label{
	font-weight: bold;
	margin-bottom: 5px;
}

.order-preview-shipping-container{
	margin-top: 10px;
	width: 300px;
}

.order-preview-shipping-carrier{
	float: left;
	display: inline;
}

.order-preview-shipping-carrier img{
	height: 50px;
}

.order-preview-shipping-details{
	margin-left: 5px;
	float: left;
	display: inline;
	font-weight: bold;
}

.order-preview-shipping-options ul{
	width: 100%;
}

.order-preview-shipping-options li{
	width: 140px;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-bottom: 5px;
}

.order-preview-shipping-options li strong{
	color: white;
}

.order-preview-shipping-method{
	font-size: larger;
}

.order-preview-products-list li{
	width: 450px;
	border: 2px solid darkslategrey;
	border-radius: 8px;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
}

.order-preview-products-list li:nth-child(even){
	background-color: cornsilk;
}

.order-preview-product-preview{
	float: left;
	display: inline;
}

.order-preview-product-base, .order-preview-product-listing{
	font-size: smaller;
}

.order-preview-product-title{
	float: left;
	display: inline;
	margin-top: 5px;
	margin-left: 5px;
	width: 250px;
	position: absolute;
	top: 0px;
	bottom: 0px;
}

.order-preview-product-listing{
	position: absolute;
	bottom: 5px;
}

.order-preview-product-preview .product_image_wrapper{
	height: 50px;
	line-height: 50px;
	width: 50px;
}

.order-preview-product-preview .product_image_wrapper img{
	max-height: 50px;
	overflow-x:hidden;
}

.order-preview-product-details{
	width: 150px;
	float: right;
	display: inline;
}

.order-preview-product-quantity{
	float: left;
	display: inline;
	width: 30px;
	margin-right: 5px;
	text-align: center;
	line-height: 50px;
}

.order-preview-product-price{
	float: left;
	display: inline;
	width: 60px;
	margin-right: 5px;
	text-align: center;
	font-size: larger;
	line-height: 50px;
}

.order-preview-financial-container-spacer{
	height: 120px; /*Ensure absolute positioned financials are not covered up*/
}

.order-preview-financial-container{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	font-size:larger;
}

.order-preview-financial-container div{
	margin-bottom: 5px;
	position: relative;
}

.order-preview-financial-container label{
	position: absolute;
	right: 150px;
}

.order-preview-total{
	font-size: x-large;
	font-weight: bold;
}

.order-preview-status{
	font-weight: bold;
	font-size: x-large;
}

.order-preview-attachments{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 40px;
	padding-top: 10px;
}