﻿.contactForm_right {text-align:left; width:250px;}
td.contactForm_left {text-align:right; width:150px; font-weight:bold; padding-right:10px;}
table.contactForm th, table.contactForm td {padding:2px 5px; vertical-align:top;}
table.contactForm {margin:0 auto; padding:20px; background-color:#999; color:#fff;}

/* --- REVIEW FORM --- */
#reviewWrite {float: right; margin-top: 20px;}
#reviewWrite label.field {clear: both; width: 50px; float: left;}
#reviewWrite input.textinput {clear: right; width: 150px; margin-bottom: 8px;}
#reviewWrite h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #003399; margin: 0 0 10px 0; padding: 0px;}
#reviewWrite textarea {width: 323px; float:left; clear:left;}
div#reviewWrite span {float:left; clear:left;}
div#reviewWrite p {clear:left; padding-top:10px;}

.reviewbackground {width: 400px; height: auto; color:#fff; font-weight:bold; border:1px solid #004c81; background-color: #fff; margin: 10px 0px 10px 0px; padding: 10px;}
.reviewbackground p {font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; line-height: 18px; color: #004c81;}

#reviewContainer {width: 330px; float: left; margin-left: 0px; margin-top: 20px;}
#reviewContainer p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0 0 0 10px; padding: 0px; width: 400px; display: block;}
#reviewContainer h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #003399; margin: 0px; padding: 0px;}

.review_left {width:400px;}

.contestHeader {padding:20px 0; text-align:center;}
.contestText {width:530px; margin:0 auto;}
.contestText ul {margin:10px 0 10px 20px;}

/* --- CONTACT US --- */
#contactSubmit input {display:block; width:100px; height:25px; padding:0;}

/* --- SERVICE APPOINTMENT --- */
#services_container {float:left; width:300px; padding: 20px;}
#services_container h1 {color:#004c81; font-size:1.7em; padding:0 0 5px 0; margin:0 0 20px 0; width:100%; border-bottom:1px solid #004c81; display:block;}
#services_container h2 {color:#999; font-size:14px; margin:10px 0 5px 0;}
#services_container input {font-size:1.5em; margin:0 0 0 20px;}
#services_container label {font-size:1.5em; padding:0 0 0 10px; color:#006bb7;}
#services_container textarea {width:100%; height:100px; max-width:100%; max-height:100px; min-width:100%; min-height:100px;}
 

#store_container {float:left; padding:20px;}
#store_container h1 {color:#004c81; font-size:1.7em; padding:0 0 5px 0; margin:0 0 10px 0; display:block; width:100%; border-bottom:1px solid #004c81;}
#store_container .storeEntry {height:150px;}

#button_container {clear:left; margin:10px 0 0 380px;}
#button_container a {padding:5px 10px; margin:0 10px; color:#fff; display:block; float:left; text-align:center; font-weight:bold; background-position:left top; width:150px; background-image:url(../imgs/button_appointmentService.jpg);}
#button_container a:hover {background-position:left bottom; text-decoration:none;}

/* --- AUTOGLASS CLAIM FORM --- */
#customer_section {width:45%; margin:0 0 10px 2%; float:left;}
#customer_section div.rowLabel {width:80px; float:left; clear:left; margin:4px 0 10px 0; padding:0 10px 0 0; text-align:right;}
#customer_section div.rowControl {width:200px; float:left; margin:0 0 10px 0;}
#customer_section div.rowControl input,
#customer_section div.rowControl select {width:200px;}

#service_section {width:50%; margin:0 2% 10px 0; float:right;}
#service_section label {width:80px; padding:0 10px 0 0; text-align:right; display:block; float:left; margin:4px 0 10px 0;}
#service_section input,
#service_section select {width:150px; float:left; margin:0 0 10px 0;}
#service_section input[type="checkbox"] {width:20px; clear:left; display:block;}
#service_section input[type="radio"] {width:20px; display:block; float:left; margin:4px 0 10px 0;}

#service_section div.timeRadios {float:left; width:100%; clear:both;}
#service_section div.timeRadios label {clear:none; display:block; width:15px; margin:4px 0 10px 0;}
#service_section div.timeRadios label:first-child {width:80px;}
#service_section div.vehiclePanel {clear:left;}
#service_section div.vehiclePanel span:first-child {float:left; clear:left; width:80px; text-align:right; padding:0 10px 0 0; margin:4px 0 10px 0;}
#service_section .horizontal_search_control {margin:0;}

#service_section div.winterTires {display:none;}

#customer_section h2,
#service_section h2 {clear:both; width:100%; color:#006bb7; letter-spacing:1px; border-bottom:1px solid #999; margin:10px 0; padding:0 0 5px 0;}

#service_section div.windowCheckboxes {width:100%; clear:left; overflow:auto;}
#service_section div.windowCheckboxes label {width:250px; text-align:left; margin:0 0 10px 0;}
#service_section div.windowCheckboxes input[type="checkbox"] {}

#service_section div.insurancePanel {width:100%; clear:left; margin: 10px 0;}
#service_section div.insurancePanel label {width:150px; margin:0 0 10px 0; display:block;}
#service_section div.insurancePanel label.insuranceProvider {clear:left; width:105px;}

.submitButton {clear:both; text-align:center; background:url(../imgs/buttonSprites.png) 0 -180px; width:80px; padding:3px 0 0 0; letter-spacing:1px; height:19px; font-weight:bold; color:#fff; display:block; clear:both; margin:0 auto;}
.submitButton:hover {background-position:0 -202px; text-decoration:none;}


/* --- ADVANTAGE SIGN-UP --- */
.entryForm {border:1px solid #ccc; padding:10px; margin:5px 20px; background-color:#eee;}
.entryForm label {font-size:18px; color:#666; margin:0 5px 10px 20px;}
.entryForm input {height:20px; margin:0 0 10px 0; width:200px;}

#rightSide div.advantageSignup p:nth-child(2) {font-size:21px;}
#rightSide div.advantageSignup p {text-align:center;}
#rightSide div.advantageSignup img {width:auto; float:none; margin:0 auto 20px auto; display:block;}
