﻿.quote-buttons
{
    display: block;
    padding-left: 40px;
}
#print .quote-buttons
{
    margin: 20px 0 0 0;
}
#top .quote-buttons
{
    margin: 0;
}
.print-button input, .contact-button input, .appointment-button input
{
    padding: 1px 10px;
}
.email-button input, .send-button input
{
    padding: 1px 6px;
}
.buy-button {
    margin-right: 18px;
    display: inline-block;
}
.print-button, .contact-button, .appointment-button
{
    margin-right: 18px;
}
.email-button
{
    margin-right: 10px;
}
#top tr.quote-header, #top tr.quote-header td
{
    display: block;
}
.module-021 .paper-outer
{
    margin: 10px 0 10px 0;
    padding: 0 40px 0 40px;
    width: 860px;
    background: transparent url(paper-shadow.png) right top no-repeat;
}
.module-021 .paper-inner
{
    background: #fff;
    min-height: 170px;
    border: solid 1px #ccc;
    padding: 30px 30px;
}
#printButtonLocation, #emailButtonLocation, #sendButtonLocation, #appointmentButtonLocation
{
    padding-top: 1px;
}
.send-button, #customerEmailLocation
{
    display: none;
}
.module-021 .customer-email
{
    width: 200px;
    height: 17px;
    padding: 2px 6px 3px 6px;
    margin-right: 10px;
    background: #eee;
    border: solid 1px #999;
}
.module-021 .paper-outer .horizontal-rule
{
    display:none;
}

.module-021 .service-items .header
{
	font-weight: bold;
	text-align: left;
	background-image: none;
	background-color: White;
}
.module-021 .service-items .header .qty
{
	width: 50px;
}	
.module-021 .service-items .header .description
{
	width: 500px;
	padding-right: 20px;
}
.module-021 .service-items .header .price
{
	width: 75px;
}

.module-021 .service-items .body
{
	text-align: left;
	vertical-align: top;
}
.module-021 .service-items .body .qty
{
	width: 50px;
	vertical-align: top;
}
.module-021 .service-items .body .description
{
	width: 500px;
	padding-right: 20px;
}

.module-021 .service-items .body .price
{
	width: 75px;
}
.module-021 .service-items .body .taxes
{
	text-align: right;
	width: 500px;
	padding-right: 20px;
}
.module-021 .service-items .body .total
{
	text-align: right;
	width: 550px;
	padding-right: 20px;
	font-weight: bold;
}
.module-021 .service-items .body .totalamount
{
	width: 50px;
	border-top: solid 1px black;
}
.module-021 .quote-number
{
	font-weight: bold;
	font-size: 14px;
}
.module-021 .back-button
{
	float: right;
	padding-right: 40px;
}
.quoting-area-outer
{
	padding-left: 40px;
}
.quoting-area
{
	border: solid 1px #D0D0D0;
	width: 818px;
	padding: 20px;
}
.quoting-area .quoting-price, .quoting-area .quoting-service, .quoting-area .quoting-quantity
{
	float: left;
}
.quoting-area .quoting-customer
{
	float: right;
	width: 350px;
}
.quoting-area .quoting-price, .quoting-area .quoting-service
{
	padding-left: 20px;
}
.quoting-area .quoting-price input
{
	height: 16px;
	padding: 1px 0 0 0;
	width: 48px
}
.quoting-area .quoting-quantity select
{
	width: 58px;
	display: block;
}
.quoting-area .quoting-service select
{
	width: 290px;
	display: block;
}
.quoting-area .quoting-customer input
{
	width: 230px;
}
.quoting-area .quoting-customer .input-label label
{
	width: 95px;
	float: left;
	padding-top: 4px;
}
.build-button-area
{
	float: left;
}
.module-021 a.build-quote-link
{
	float: right;
	padding-right: 20px;
	background: transparent url(build-link.png) 0 0 no-repeat;
	display: block;
	padding-top: 9px;
	height: 31px;
	width: 200px;
	text-align: center;
	font-size: medium;
	color: #fff;
}
.module-021 a.build-quote-link:hover 
{
	background-position: 0 -40px;
	color: #fff;
	text-decoration: none;
}
.module-021 .quote-five-table-build
{
	width: 350px;
	float: left;
}
.module-021 .quote-five-table-build select
{
	width: 114px;
}
.module-021 .quote-five-table-build input[type=text]
{
	margin-left: 0px;
	width: 110px;
}
.module-021 .quote-five-table-summary
{
	float:left;
}
.module-021 .quote-five-table-summary td, .module-021 .quote-five-table-build td
{
	vertical-align: top;
	padding-bottom: 0.6em;
}
.module-021 .q5-item
{
	width: 265px;
}
.module-021 .q5-qty
{
	width: 35px;
	text-align: center;
}

.module-021 .q5-price {
	width: 70px;
	text-align: right;
}
.module-021 .q5-subtotal {
	text-align: right;
	border-top: solid 1px #000;
}
.module-021 .service-option-header { padding-top: 20px; font-weight: bold; }
.module-021 .quote-company-name { font-size: x-large; padding-top: 0px; }
/*responsive*/
body.responsive .module-021 .paper-outer {max-width: 860px;background-image: none; width: inherit; padding: 0 5px; }
@media only screen and (max-width:480px) {
    body.responsive .module-021 .paper-inner { padding: 5px 10px; }
    body.responsive .buy-button { display: block; height: 35px; }
    body.responsive #printButtonLocation { display: none; }
}

.gm-style-iw > div {
	overflow: visible !important;
}

form#quote-customer-form input[type="text"] {
    margin-bottom: 10px;
    padding: 5px;
    width: 97%;
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    font-size: 1.25em;
    outline: none;
}

p#submit {
    margin-top:25px;
}

p#submit input {
    margin-right: 2px;
    padding: 5px;
    font-size: 1.25em;
}

form#quote-customer-form label.error {
    display: inherit;
    color: red;
}

form#quote-customer-form input[type="text"].error {
    border-color: red;
}