/*------------------------------------------------------------------
[Contact Stylesheet]

Theme Name:		Englewood Buick GMC
Version:		1.0
Last Change:	5/27/2009 - MJC

[Table of Contents]

1. Rows & Columns
2. Titles
3. Contact Form
4. Phone & Fax
5. Address
6. Department Hours
7. Directions and Map

[Notes]

-------------------------------------------------------------------*/


/* 1. ROWS & COLUMNS */
.contact_column {color:#ccc;}
.contact_column #row_1, .contact_column #row_2 {width:960px; padding:6px 6px;}
.contact_column #sub_col_1 {padding:0px 0px 10px 0; margin-right:32px; width:460px; float:left;}
.contact_column #sub_col_2 {padding:0px 0px 10px 0; width:460px; float:right;}

/* Contact page */
#row_1 #form_holder, #row_1 #phone_fax, #row_1 #contact_address {border-top:2px solid #fff;}
#row_1 #phone_fax_inner, #row_1 #contact_address_inner {padding:0 10px 30px 10px; margin-bottom:0px;}
#row_1 #phone_fax, #row_1 #contact_address {margin-bottom:12px;}
#row_2 #directions_inner, #row_2 #hours_inner {padding:0 13px 0px 13px; margin:0;}
#row_2 #directions, #row_2 #hours {margin:0 0 0px 0;}

/* Hours and Directions page */
#row_1 #directions, #row_1 #hours {border-top:2px solid #fff;}
#row_2 #phone_fax, #row_2 #contact_address {margin-bottom:0px;}
#row_2 #phone_fax_inner, #row_2 #contact_address_inner {padding:0 10px 0px 20px;}
#row_1 #directions_inner, #row_1 #hours_inner {padding:0px 13px 16px 13px; margin:0 0 12px 0;}

.contacthack {height:12px;}

/* 2. TITLES */
#content h1 {border:none;}
#row_1 #content h2, #row_1 h2, #row_2 h2  {font-family:"Arial Black", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:1.375em; color:#ffde00;}
#directions h3, #hours h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:3px; text-transform:uppercase; font-weight:bold; color:#fff;}

	
/* 3. CONTACT FORM */
#row_1 .form_default {background:url(../images/template/contact_flag_message.png) no-repeat left top;} /* contact page */
#row_2 #form_holder {background:url(../images/template/contact_icon_message.png) no-repeat left top #454a4f;} /* hours directions page */
#row_2 .form_default {padding-left:0;
	background:url(../images/template/contact_icon_bg.png) no-repeat left bottom;} /* hours directions page */
.form_default {padding:0px 0px 42px 10px;}
.form_default fieldset legend#contact_top {padding:2px 0 3px 34px; margin:0; float:none;
	 font-size:22px; font-weight:normal; text-transform:capitalize; line-height:32px;
	 border:none;}
#row_2 .form_default fieldset legend#contact_top {padding:4px 0 1px 34px;}
.form_default label {width:100px;
	font-size:12px;}
.form_default div {width:458px;}
.form_default input.submit {margin-left:110px;}
.form_default fieldset {padding:0;
	border:0;}
.form_default fieldset fieldset {margin:5px 0 0 110px;}	
.form_default fieldset fieldset legend {width:220px;}
.form_default fieldset div fieldset {padding-bottom:3px;}
.required_notice {margin:0 0 0 110px; padding:0;
	text-align:left;
	border:0;}
.form_default input, .form_default select, .form_default textarea {padding:3px 2px; width:260px; 
	font-size:14px; color:#4f5357;
	background:url(../images/template/input_bg.gif) #fff; border:solid 1px #b9b8b8;}
.form_default select {width:266px;}
.form_default textarea {height:5em;}
.form_default fieldset fieldset label input.radio {vertical-align:middle;}
.form_default fieldset fieldset label span {padding-left:5px;} 


/* 4. PHONE & FAX */
#row_1 #phone_fax_inner {background:url(../images/template/contact_flag_phone.png) no-repeat left top;} /* contact page */
#row_2 #phone_fax {background:url(../images/template/contact_icon_phone.png) no-repeat left top #454a4f;} /* hours directions page */
#row_2 #phone_fax_inner {background:url(../images/template/contact_icon_bg.png) no-repeat left bottom;} /* hours directions page */
#phone_fax h2 {padding:2px 0 19px 34px;
	line-height:32px;}
#row_2 #phone_fax h2 {padding:6px 0 15px 24px;}
.table_holder {padding-bottom:24px;}
#phone_table td, #phone_table th {padding:0 25px 0 25px;
	text-align:left; font-size:0.75em; line-height:1.5em;
	border:0;}
#phone_table th {text-transform:uppercase; line-height:2em;}
#row_1 #phone_table th {color:#fff;
	background:url(../images/template/contact_phone_head_bg.png) repeat-x left bottom;} /* contact page */
#row_2 #phone_table th {color:#fff;
	background:url(../images/template/contact_phone_head_bg.png) repeat-x left bottom;} /* hours directions page */
#phone_table .dealer_department {text-transform:uppercase; font-weight:normal; letter-spacing:1px;}
#phone_table .phone { font-size:.875em; font-weight:bold;}
#row_1 #phone_table tr:hover {background:#000;}


/* 5. ADDRESS */
#row_1 #contact_address_inner {background:url(../images/template/contact_flag_address.png) no-repeat left top;} /* contact page */
#row_2 #contact_address {background:url(../images/template/contact_icon_address.png) no-repeat left top #454a4f;} /* hours directions page */
#row_2 #contact_address_inner {background:url(../images/template/contact_icon_bg.png) no-repeat left bottom;} /* hours directions page */
#contact_address h2 {padding:2px 0 19px 34px;
	line-height:32px;}
#row_2 #contact_address h2 {padding:6px 0 15px 24px;}
#contact_address .address_name {
	font-size:0.75em; letter-spacing:3px; text-transform:uppercase; color:#fff;}
#contact_address address {font-size:0.75em; padding-bottom:24px;}
#contact_address address span {display:inline;}


/* 6. DEPARTMENT HOURS */
#hours_title {padding:2px 0 19px 31px;
	line-height:32px;}
#row_2 #hours_title {padding:5px 0 16px 31px;}
#row_2 #hours {width:960px; background:url(../images/template/contact_icon_clock.png) no-repeat left top #454a4f;} /* contact page */
#row_2 #hours_inner {position:relative; background:url(../images/template/contact_icon_wide_bg.png) no-repeat left bottom;} /* contact page */
#row_1 #hours_inner {width:934px; position:relative; background:url(../images/template/contact_flag_clock.png) no-repeat left top;} /* hours directions page */
#hours ul.hours_sales, #hours ul.hours_parts {margin:0 0 30px 0; width:304px; float:left;}
#hours h3 span {
	text-transform:capitalize; font-weight:normal; letter-spacing:1px;}
#hours ul.hours_sales li, #hours ul.hours_parts li {padding:0; margin:0;
	list-style-position:outside; list-style-type: none;
	font-size:12px;; font-weight:normal;}
#hours ul.hours_sales li ul, #hours ul.hours_parts li ul {margin:0; padding:0; width:140px; float:none;
	background:transparent;}
#hours ul.hours_sales li ul li, #hours ul.hours_parts li ul li {}
#hours ul.hours_sales li ul li.phone, #hours ul.hours_parts li ul li.phone {padding:8px 0 0 0;}
#hours ul.hours_sales li ul li ul, #hours ul.hours_parts li ul li ul {margin:-18px 0 0 0; padding:0 0 0 75px; width:131px;}
#hours ul.hours_sales li ul li ul li, #hours ul.hours_parts li ul li ul li {width:131px;}


/* 7. DIRECTIONS AND MAP */

/* Directions Form */
#direction_box {width:450px; float:left;}
#directions h2 {padding:2px 0 19px 31px; display:block;
	line-height:32px;}
#row_2 #directions h2 {padding:5px 0 16px 31px;}
#row_2 #directions {width:960px; background:url(../images/template/contact_icon_directions.png) no-repeat left top #454a4f;} /* contact page */
#row_2 #directions_inner {width:934px; background:url(../images/template/contact_icon_wide_bg.png) no-repeat left bottom;} /* contact page */
#row_1 #directions_inner {width:934px; background:url(../images/template/contact_flag_directions.png) no-repeat left top;} /* hours directions page */
#google_directions {font-size:0.812em;}
#google_directions p {padding:0; margin:0;}
#google_directions label {display:block; float:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.692em; color:#fff;
	text-transform:uppercase; letter-spacing:2px;}
#google_directions .startzip_label {margin:0 0 0 10px;}
#startstreet, #startzip {padding:3px 2px; display:block;
	font-size:11px; color:#4f5357;
	background:url(../images/template/input_bg.gif) #fff; border:solid 1px #b9b8b8;}
#row_1 #startstreet, #row_1 #startzip {background:url(../images/template/input_bg.gif) #fff; border:solid 1px #b9b8b8;}
#startstreet {width:250px;}
#startzip {width:100px;}
#google_directions .submit_wrap {padding:15px 0 0 0; clear:both;}
#google_directions input.submit {padding:2px 4px; margin-right:12px;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#ffde00;
	background:#dd2500; border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}
#google_directions input.submit:hover {background:#f42900; color:#fff;}
#print_directions {width:440px; padding:0 0 5px 0; margin:0; position:relative; top:10px;
	text-align:right; font-size:0.75em;}
#print_directions a {padding:3px 0 3px 25px;
	background:url(../images/template/icon_print_link.png) 0 3px no-repeat;}
.hidden_print {display:none;}


/* Google Map */
#map_box {float:right; padding:0px 0 0 0;}
#static_map {width:420px; height:263px;}
#google_map_border {padding:6px; margin-bottom:16px; width:420px; height:263px; display:relative; overflow:hidden;
	color:#4f5357;
	background:#313538; border:1px solid #6c6c6c;}
#google_map_hook {width:420px; height:263px; display:absolute; top:-263px;}
#google_map_hook a {color:#006fad;}
#google_map_hook a:hover {color:#00a4ff;}

/* Driving Directions */
#driving_directions {width:440px;
	font-size:12px; color:#ccc;}
#driving_directions a {font-weight:bold;}
#driving_directions td {border:none; border-bottom:dotted 1px #bbb;}

/* Map resize */
.map_resize {height:526px !important;}