/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}


.zip-footer{
	padding-top:75px;
}

*+html .zip-footer{
	padding-top:57px;
}

/*body{
	background-position:center;
	text-align:center;
}*/
#main-div{
	width:980px;
	height:auto;
	position:relative;
	text-align:left;
	margin:0px auto;
}
#header-neighborhood{
	height:178px;
	background-image:url(../images/borda_logo.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}
#header-neighborhood-avaibility{
	height:158px;
	background-image:url(../images/borda_logo.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}
#neighborhood-logo{
	width:100%;
	text-align:center;
	padding-top:50px;
}
#neighborhood-logo-avaibility{
	width:100%;
	text-align:center;
	padding-top:20px;
}
#zipcond{
	width:100%;
	text-align:center;
}
#left-zipcode-image,#right-zipcode-image{
	float:left;
	width:7px;
	height:47px;
}
#middle-zipcode{
	width:966px;
	height:47px;
	float:left;
	text-align:center;
	background-image:url(../images/busca_bg.jpg);
	background-position:left;
	background-repeat:repeat-x;
}
#middle-zipcode td{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
#footer-menu{
	width:910px;
	height:auto;
	position:relative;
	top:15px;
	margin-left:50px;
	float:left;
}
#footer-menu ul{
	width:150px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	list-style:none;
}
#footer-menu .ul1{
	width:290px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	list-style:none;
}
#footer-menu li{
	margin-bottom:4px;
}
#footer-menu li a{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	text-decoration: none;
}
#footer-menu li a:hover{
	color: #d00a10;
}

#footer-logo{
	float:right;
	position:absolute;
	top:0px;
	right:5px;
}
#footer-logo1{
	float:right;
	position:absolute;
	bottom:0px;
	right:5px;
}

#footer-text{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
	float:left;
}

#footer-text p{
	color: #4b4b4b;
	line-height:18px;
	margin-top:0px;
}

#footer-text a{
	color: #d00a10;
}

#new-zipcode{
	height: auto;
	/*background-image: url(../images/bg_contact.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;*/
	text-align:center;
	padding-top:2px;
	clear: both;
	padding-bottom:15px;
	margin-bottom:10px;
	background-color:#eeeeee;
}
#new-zipcode h3{
	color: #4b4b4b;
	font-size:16px;
	margin-top:6px;
	margin-bottom:7px;
}
#new-zipcode p,#availibility-message p{
	margin-top:5px;
	margin-bottom:0px;
	color: #4b4b4b;
}	

#availibility-message{
	height: auto;
	text-align:center;
	padding-top:2px;
	clear: both;
}
#availibility-message h3{
	color: #d00a10;
	font-size:16px;
}
#avaibility-form{
	width:490px;
	height:375px;
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:15px;
	margin-top:15px;
	margin-bottom:15px;
	border:solid 1px #e6e6e6;
	background-image:url(../images/form-bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#center-test-form{
	width:470px;
	height:375px;
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:12px;
	margin-top:0px;
	margin-bottom:0px;
}
#name-input{
	width:450px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	margin-bottom:8px;
}
#name-text{
	width:110px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	margin-right:5px;
	margin-top:3px;
	color: #333333;
	font-size:11px;
}
#avaibility-form #nameinput{
	width:270px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
}
#avaibility-form #nameinput input{
	width:270px;
	height:18px;
	padding-top:2px;
	border:solid 1px #808080;
}
#center-column #nameinput input#neighborhood{
	width:270px;
	height:18px;
	padding-top:2px;
	border:solid 1px #808080;
}

#avaibility-form #nameinput textarea{
	width:320px;
	height:auto;
	padding-top:2px;
	border:solid 1px #808080;
}
#form-button{
	width:200px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	left:123px;
	top:-2px;
}

#form-button .formcancel{
	width:60px;
	height:23px;
	position:relative;
	text-align:left;
	border:none;
	top:0px;
	background:transparent;
	background-image:url(../images/cancel-button.jpg);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
}
#form-button .formsubmit{
	width:59px;
	height:23px;
	position:relative;
	text-align:left;
	border:none;
	top:0px;
	margin-right:5px;
	background:transparent;
	background-image:url(../images/submit_button.jpg);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
}


#Concessionaires{
	height: auto;
	text-align:left;
	padding-top:2px;
	clear: both;
}
#Concessionaires h3{
	color: #d00a10;
	font-size:16px;
	padding-left:12px;
}

#concessionaires-list{
	width:975px;
	height:auto;
	position:relative;
	text-align:left;
	margin-top:5px;
}

#first-concessionaire{
	width:300px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	margin-left:23px;
	margin-bottom:30px;
}
#first-concessionaire-image{
	width:149px;
	height:157px;
	position:relative;
	float:left;
	margin-right:11px;
}
#first-concessionaire-detail{
	width:140px;
	height:auto;
	position:relative;
	float:left;
}
#concessionaire-title strong{
	color:#d00a10;
}
#concessionaire-title p{
	margin-top:0px;
	margin-bottom:2px;
}
#neighborhood-name p{
	margin-top:0px;
	font-size:11px;
	margin-bottom:2px;
}
#concessionaire-description p{
	margin-top:7px;
	color:#4b4b4b;
}
#footer-menu1{
	width:910px;
	height:auto;
	position:relative;
	top:0px;
	margin-bottom:0px;
	margin-left:50px;
	float:left;
}
#footer-menu1 ul{
	width:150px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	list-style:none;
}
#footer-menu1 .ul1{
	width:290px;
	height:auto;
	position:relative;
	text-align:left;
	float:left;
	list-style:none;
}
#footer-menu1 li{
	margin-bottom:4px;
}
#footer-menu1 li a{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	text-decoration: none;
}
#footer-menu1 li a:hover{
	color: #d00a10;
}