#header #quote {
	position: absolute;
	top: 0px;
	right: 145px;
	z-index: 9;
	min-width: 300px;
}
#header #quote .heading {
	float: right;
	margin-right: 172px;
	margin-top: 15px;
	min-width: 102px;
	padding-left: 14px;
	padding-right: 14px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #EEEEEE;
	background: #FFF;
	position: relative;
	z-index: 1;
}
#header #quote .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
#header #quote .heading a {
	color: #38B0E3;
	text-decoration: none;
}
#header #quote .heading a span {
	background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
	padding-right: 15px;
}
#header #quote .content {
	clear: both;
	display: none;
	position: relative;
	top: -1px;
	padding: 8px;
	min-height: 150px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	-webkit-border-radius: 0px 7px 7px 7px;
	-moz-border-radius: 0px 7px 7px 7px;
	-khtml-border-radius: 0px 7px 7px 7px;
	border-radius: 0px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	background: #FFF;
}
#header #quote.active .heading {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}
#header #quote.active .content {
	display: block;
}
.mini-quote-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.mini-quote-info td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
.mini-quote-info .image {
	width: 1px;
}
.mini-quote-info .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
.mini-quote-info .name small {
	color: #666;
}
.mini-quote-info .quantity {
	text-align: right;
}
.mini-quote-info td.total {
	text-align: right;
}
.mini-quote-info .remove {
	text-align: right;
}
.mini-quote-info .remove img {
	cursor: pointer;
}
.mini-quote-total {
	text-align: right;
}
.mini-quote-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-quote-total td {
	color: #000;
	padding: 4px;
}
#header #quote .quotation {
	text-align: right;
	clear: both;
}
#header #quote .empty {
	padding-top: 50px;
	text-align: center;
}
/* quote */
.quote-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.quote-info td {
	padding: 7px;
}
.quote-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.quote-info thead .image {
	text-align: center;
	width: 18%;
}
.quote-info thead .name {
	text-align: left;
}
.quote-info thead .model {
	text-align: left;
	width: 12%;
}
.quote-info thead .quantity {
	text-align: left;
	width: 12%;
}
.quote-info thead .price, .quote-info thead .total {
	text-align: right;
}
.quote-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.quote-info tbody td span.shipping {
	color: #F00;
	font-weight: bold;
}
.quote-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.quote-info tbody .image {
	text-align: center;
}
.quote-info tbody .name, .quote-info tbody .model, .quote-info tbody .quantity {
	text-align: left;
	line-height: 100%;
	vertical-align: middle;
}
.quote-info tbody .quantity input[type='image'], .quote-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.quote-info tbody .price, .quote-info tbody .total {
	text-align: right;
}
.quote-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.quote-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.quote-total table {
	float: right;
}
.quote-total td {
	padding: 3px;
	text-align: right;
}
/* conversion */
.quote-request {
	height: 180px;
	margin: auto;
	text-align: center;
}
.quote-request table {
	max-width: 75%;
	margin: auto auto 75px auto;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}
.quote-request td {
	padding: 7px;
}
.quote-request thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.quote-request thead .number {
	width: 49%;
}
.quote-request thead .mail {
	width: 49%;
}
.quote-request tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
	padding: 7px 15px;
}
.quote-request tbody tr:first-child td {
	border-bottom-width: 0px;
}
.quote-request input {
	border: 1px solid #DDDDDD;
}
.quote-request tbody .button {
	border-top: 0px;
	text-align: center;
}
.quote-result {
	height: 180px;
	margin: auto;
	text-align: center;
}
.quote-result table {
	min-width: 90%;
	margin: auto;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}
.quote-result td {
	padding: 7px;
	line-height: 100%;
	font-size: 14px;
	font-weight: bold;
}
.quote-result td a {
	line-height: 100%;
	font-size: 14px;
	font-weight: bold;
}
.quote-result thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.quote-result thead .number {
	min-width: 30%;
}
.quote-result thead .mail {
	min-width: 30%;
}
.quote-result thead .total {
	min-width: 20%;
}
.quote-result thead .action {
	min-width: 20%;
}
.quote-result tbody td {
	vertical-align: top;
	vertical-align:middle;
	border-bottom: 1px solid #DDDDDD;
}
.quote-result tbody td.warning_msg {
	height: 25px;
	line-height: 100%;
}
.quote-result tbody .action img{
	margin-right: 5px;
}
.quote-result tbody .button {
	border-top: 0px;
	text-align: center;
}
.attachmentDiv{
	margin: 25px 0px 25px 0px;
}

.legend{
	float: right;
	padding: 5px;
	margin-bottom: 5px;
	display: none;
}
.legend table {
	float: right;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.legend td {
	padding: 7px;
}
.legend thead td {
	color: #4D4D4D;
	font-weight: bold;
	text-align: center;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.legend tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}