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

Theme Name:		Devan Infiniti
Version:		1.0
Last Change:	6/9/2010 - 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 #row_1, .contact_column #row_2 {width:948px; padding:0 12px; color:#333;}
.contact_column #sub_col_1 {padding:0 0 10px 0; margin-right:32px; width:458px; float:left;}
.contact_column #sub_col_2 {padding:0 0 10px 0; width:458px; float:left;}
#form_holder, #phone_fax, #contact_address,  #directions, #hours {}

/* Contact page */
#row_1 #phone_fax_inner, #row_1 #contact_address_inner {padding:0 0 30px 0; margin-bottom:12px;
	background:#f6f6f6; border-bottom:1px solid #000;}
#row_2 #directions_inner, #row_2 #hours_inner {padding:0 0 16px 0; margin:0 0 12px 0;
	background:#f6f6f6; border-bottom:1px solid #000;}

/* Hours and Directions page */
#row_2 #phone_fax_inner, #row_2 #contact_address_inner {padding:0 0 30px 0; margin-bottom:12px;
	background:#f6f6f6; border-bottom:1px solid #000;}
#row_1 #directions_inner, #row_1 #hours_inner {padding:0px 0 16px 0; margin:0 0 12px 0;
	background:#f6f6f6; border-bottom:1px solid #000;}


/* 2. TITLES */
#content h1 {border:none;}
#row_1 h2, #row_2 h2 {padding:6px 9px 7px 9px; margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.6875em; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#000;
	background:url('../images/template/contact_module_heading_bg.png') repeat-x #858585; border-top:1px solid #e2e2e2; border-bottom:1px solid #434343;}
#row_2 h2 {}
#directions h3, #hours h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:3px; text-transform:uppercase; font-weight:bold; color:#000;}

	
/* 3. CONTACT FORM */
#form_holder {background:url('../images/template/contact_form_bg.png') no-repeat #000; border-top:1px solid #7f7f7f; border-left:1px solid #404040;}
#row_1 .form_default {} /* contact page */
#row_2 .form_default {font-size:0.8125em;} /* hours directions page */
#form_holder h2 {font-style:normal; font-size:11px; color:#fff;
	background:none; border:none;}
.form_default fieldset legend {display:none;}
.form_default {padding:10px 0 20px 0;}
.form_default fieldset {margin:0 0 5px 0;}
.form_default label {width:100px;
	font-size:12px; color:#bfbfbf;}
.form_default strong label {color:#bfbfbf;}
.form_default div {width:458px;}
.form_default input.submit {margin-left:110px;}
.form_default .required_notice {margin:10px 0 10px 10px;
	color:#bfbfbf;}
#content .form_default .required_notice strong {color:#bfbfbf;}
.form_field_highlight {background:#444;}


/* 4. PHONE & FAX */
#row_1 #phone_fax_inner {} /* contact page */
#row_2 #phone_fax_inner {} /* hours directions page */
#phone_fax h2 {}
#phone_table {width:100%;}
#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:#000;
	background:#dad9d9; border-bottom:1px solid #838383;} /* contact page */
#row_2 #phone_table th {color:#000;
	background:#dad9d9; border-bottom:1px solid #838383;} /* 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:#fff;}


/* 5. ADDRESS */
#row_1 #contact_address_inner {padding:10px 0 30px 25px;} /* contact page */
#row_2 #contact_address_inner {padding:10px 0 30px 25px;} /* hours directions page */
#contact_address h2 {}
#contact_address .address_name {margin:6px 0 0 0;
	font-size:0.875em; letter-spacing:3px; text-transform:uppercase; color:#000;}
#contact_address address {margin:0;
	font-size:0.875em;}
#contact_address address span {display:inline;}


/* 6. DEPARTMENT HOURS */
#hours_title {padding:2px 0 19px 31px;
	line-height:32px;}
#row_2 #hours_inner {} /* contact page */
#row_1 #hours_inner {} /* hours directions page */
#hours ul.hours_sales, #hours ul.hours_parts {margin:10px 0 30px 15px; width:290px; 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 */
#directions h2 {}
#row_2 #directions_inner {} /* contact page */
#row_1 #directions_inner {} /* hours directions page */
#direction_box {margin:10px 0 0 15px; width:450px; float:left; display:inline;}
#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:#000;
	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) #fcfbf5; border:solid 1px #9b9b9b; border-top:solid 1px #555; border-left:solid 1px #757575;}
#startstreet {width:250px;}
#startzip {width:100px;}
#google_directions .submit_wrap {padding:15px 0 0 0; clear:both;}
#google_directions input.submit {padding:4px 8px; margin-right:12px;
	font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff;
	background:url('../images/template/form_submit_bg.png') no-repeat #504993; border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}
#google_directions input.submit:hover {color:#fff; cursor:pointer;
	background:url('../images/template/form_submit_bg.png') no-repeat left -60px #3d349b; cursor:pointer;}
#print_directions {width:440px; padding: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; margin:10px 15px 0 0; display:inline;}
#static_map {width:420px;}
#google_map_border {padding:6px; width:420px; height:263px; display:relative; overflow:hidden;
	color:#4f5357;
	background:#aaa;}
#google_map_hook {width:420px; height:263px; display:absolute; top:-266px;}
/*.testing #google_map_hook {height:500px;}*/
#google_map_hook a {color:#006fad;}
#google_map_hook a:hover {color:#00a4ff;}

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

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