/*------------------------------------------------------------------
[Base Stylesheet]

Theme Name:		Grand Cherokee Direct
Version:		1.0
Last Change:	3/27/2013 - Mike Hetman

[Table of Contents]

1. Global Attributes
2. Header
3. Columns
4. Content
6. Forms
7. Sidebar
8. Widgets
9. Footer
10. Random Attributes

[Notes]

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

/* 1. GLOBAL ATTRIBUTES */

*    {margin:0; padding:0;}
html {}
body {width:100%; /* display:table; */
	font-family:'Lato', Arial, Helvetica, sans-serif; color:#333;
	font-size:100%; /* Resets 1em to 16px */
	line-height:1.3125em; /* 16?1.125=18 */
	background:transparent;
	overflow-y: scroll;
	overflow-x: hidden;}
a                   {text-decoration:none; color:#485e2a; outline:none;}
a:hover             {color:#586e3a;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
abbr,acronym        {border-bottom:1px dotted; cursor:help;} 
em                  {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl            {margin-left:2em;}
ol li               {list-style: decimal outside;}
ul li               {list-style: disc outside;}
dl dd               {margin-left:1em;}
th,td               {border:1px solid #000; padding:.5em;}
th                  {font-weight:bold; text-align:center;}
caption             {margin-bottom:.5em; text-align:center;}
p,fieldset,table    {margin-bottom:1em;}
hr                  {display:none;}
::selection         {background: #e6e0ca; /* Safari */}
::-moz-selection    {background: #e6e0ca; /* Firefox */}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* put webkit CSS here*/
	body {-webkit-font-smoothing:antialiased !important;}
	select {background-image:url('../images/arrow-select-webkit.png') !important; background-repeat:no-repeat !important; background-position:center right !important;}
	select, input, textarea {-webkit-appearance:none; -webkit-border-radius:0px;}
	input[type="radio"] {-webkit-appearance:radio;}
	input[type="checkbox"] {-webkit-appearance:checkbox;}
	:focus {outline-color:transparent; outline-style:none;}
}

@media (min-width: 0px) and (max-width: 971px) {

}

@media (min-width: 972px) and (max-width: 1391px) {
  #floating_jeep_wrap {display:block; position:relative; margin:0 auto; padding:0;}
  #floating_jeep {display:block; position:absolute; margin:0 auto; overflow:hidden; top:205px; width:100%; height:700px;
	background:url("../images/bg-floating-grand-cherokee-972.jpg") no-repeat; background-position:center 0;}
}

@media (min-width: 1391px) and (max-width:4000px) {
  #floating_jeep {display:block; position:absolute; right:0px; top:205px; width:1559px; height:700px;
	background-image:url("../images/bg-floating-grand-cherokee-972.jpg"); background-repeat:no-repeat; background-position:100px 0;}
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	
}

/* 2. HEADER */

#header {position:relative;
	background:url('../images/header_bg.png') repeat-x #fff;}
#header .header_inner {width:972px; height:213px; margin:0 auto; position:relative;}
#header .header_inner .model {width:972px; height:213px; margin:0 auto; position:relative;
	/* background:url('../images/header_jeep_laredo.png') no-repeat; background-position:542px 0; */}
#header h1{
	padding:0;
	margin:0;
	width:517px;
	height:212px;
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-5000px;
	overflow:hidden;
	background:url('../images/header_dealer_logo.png') no-repeat;
	font-weight:bold;
}
.banner {position:absolute; width:972px; height:245px; text-align:right; z-index: 1;}
#banner1 {opacity:1.0; filter:alpha(opacity=100);}
#banner2, banner3, banner4 {opacity:0; filter:alpha(opacity=0);}



/* 3. COLUMNS */

#columns {padding:20px 0 20px 0; margin:0 auto; width:972px; position:relative; overflow:hidden;}

/* Two Columns */
.two_column #column_1 {margin:0 0 0 6px; width:700px; display:inline; float:left;
	line-height:1.7em;}
.two_column #column_2 {padding:12px 0 0 0; width:241px; height:700px; float:right;}



/* 4. CONTENT */

/* Headings */
#content h1   {padding:0; margin:0 0 10px 0;
	font-size:2em; color:#a31f11;}
#content h2   {padding:0; margin:8px 0 8px 0;
	font-size:2em; line-height:1em; color:#a31f11;}
#content h3   {padding:0 0 2px 0; margin:0 0 20px 0;
	font-size:1.125em; line-height:1.25em;}
#content fieldset h3 {color:#a31f11;}
#column_2 img {display:block;}



/* 6. FORMS */

/* Form Global */
.form_default h3   {padding:0 0 2px 0; margin:0 0 24px 0;
	font-size:1.65em !important; line-height:1em;}
.form_default                  {margin:80px 0 0 0; padding:0;
	font-size:.812em;}
.hidden_fields                 {display:none;}
.form_default .required_notice {margin:10px 0 10px 30px; padding:6px 0;
	font-size:11px; line-height:10px;}
.form_default .required_notice strong, #content .form_default .required_notice strong {color:#000;}	

/* Form Default */
.form_default fieldset        {margin:0 0 35px 0; padding:0; clear:both;
	line-height:1.2em;
	border:none;}
.form_default fieldset legend {margin:0 0 15px 0; *margin-left:-7px;/* IE 6 & 7 */ padding:8px 20px 0px 0; float:left; white-space:normal;
	font-family:Arial, Helvetica, sans-serif; font-size:1.153em; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#626262;
	border-bottom:2px solid #dad9d9; border-top:0px solid #fff;}
.form_default fieldset legend span {width:680px; display:block;}	
.form_default fieldset div         {padding:5px 0 5px 0px; clear:both;}
.form_default label                {padding:0 10px 0 0; margin:5px 0 0 0; width:136px; display:block; float:left;
	font-size:1em; text-align:right;}
.form_default strong label {color:#000;}
.form_default label.radio, .form_default label.checkbox, .form_default label.valid, .form_default label.notvalid {margin-bottom:2px; padding:2px 5px; width:auto; display:block; float:none;
	text-align:left; color:#333;}
.form_default div small {margin:0 0px 5px 155px; padding:1px 3px; display:block;
	font-size:0.6923em; color:#444;}	

/* Form Default - Fields */
.form_default input, .form_default select, .form_default textarea {padding:4px 4px; width:300px; 
	font-size:1.077em; color:#333;
	background:#dddddd; border:none; border-image:none; border:none; border-width:0px; border-radius:0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-webkit-appearance:none;
    -webkit-border-radius:0px;}
.form_default select   {width:308px; z-index:1;}	
.form_default label.radio input, .form_default label.checkbox input {width:auto;}
.form_default textarea {height:80px;}
.form_default .radio, .form_default .checkbox {background:transparent; border:0;}
.form_default .second_input        {margin-left:155px;}
.form_default input#middle_initial {width:30px;}

/* Highlight */
.form_field_highlight {background:#e6e0cb;}
.form_default .form_field_highlight input, .form_default .form_field_highlight select, .form_default .form_field_highlight textarea {background-position:-400px 0; background-color:#fff;}
.form_default .form_field_highlight label {text-shadow:0 1px 0 #fff;}


/* Form Default - Inline Fieldsets */
.form_default fieldset fieldset {padding:5px 10px; margin:0 0px 5px 155px; width:284px; clear:none; position:relative;
	border:solid 1px #ccc;}	
.form_default fieldset fieldset legend {margin:3px 0 0 0; padding:0 5px;
	font-size:1em; text-transform:none; letter-spacing:normal;
	border:none;}
.form_default fieldset fieldset div {margin:0; padding:0; width:284px;}

/* Form Default - Two Col Fieldsets */
.form_default fieldset fieldset.two_col     {margin:5px 0 0 155px; padding:2px 2px; width:345px; display:block; clear:none;
	border:none;}
.form_default fieldset fieldset.two_col div {padding:2px 2px; width:162px; float:left; clear:none;}	

/* Form Default - Availability */
.form_default .month         {width:79px;}
.form_default .day           {width:47px;}
.form_default .time          {width:100px;}
.form_default .date_calendar {width:192px; margin-right:5px;
	background:url('../images/input_date.png') no-repeat left top;}

/* Form Default - Submit */
.form_default input.submit {margin-left:146px; padding:0; width:216px; height:41px; overflow:hidden;
	font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.154em; font-weight:bold; text-transform:uppercase; color:#fff;
	background:url('../images/form_submit_bg.png') repeat-x #a30100; border:none; cursor:pointer;}
.form_default input.submit:hover {color:#fff; cursor:pointer;
	background:url('../images/form_submit_bg.png') repeat-x left -50px #d0001e;}

/* Notes */
.form_default  div.notes        {width:155px; float:right;
	font-size:11px; line-height:normal;	color:#999; cursor:help;}
.form_default div.notes a       {text-decoration:underline; color:#999;}
.form_default div.notes a:hover {text-decoration:none; color:#fff;}
.form_default fieldset:hover div.notes, form fieldset:hover div.notes a {color:#000;}

#content .notes h4, .form_default .notes h4 {margin:0 0 6px 0; padding:2px 0 5px 21px; 
	font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#000;
	background:url(../images/template/form_note_help.png) no-repeat; border-bottom:1px solid #e2e0e0;}

#content form .form_note {padding:0 6px 1px 6px; margin:0 0 0 155px; width:292px; 
	color:#fff; font-size:0.77em; text-shadow:0 1px 2px #000;
	background:#8c8b8b;
	-moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

/* Validation Labels */
.form_default div         {position:relative; width:520px;}
.form_default label.error {padding:9px 8px 12px 17px; width:235px; position:absolute; top:-4px; right:-184px; z-index:10;
	font-family:'Lato', Arial, Helvetica, sans-serif; text-align:left; text-transform:none; color:#f00;}
form label.error span     {position:absolute; top:0px; right:2px;}

/* Form Sending Message */
#form_sending_message     {margin:0 0 0 155px; width:304px; height:45px;}
#form_sending_message div {height:43px; width:252px; padding:0 0 0 52px; display:none;
	font-weight:bold; line-height:43px; color:#5e5b50;
	background:url('../images/loading.gif') no-repeat 14px 9px #fff6c6; border:1px solid #dad0a9;}
	
/* Form Payment Calculator */
#payment                           {padding:10px 0 30px 0;}
#payment span.title                {margin:0; padding:3px 10px 3px 0; width:145px; display:block; float:left;
	font-weight:bold; font-size:0.846em; line-height:1em; color:#000; text-align:right;}
#payment strong                    {padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-size:2.692em;}	
#payment strong span               {padding:0 12px 0 0; margin:0;
	color:#000; font-weight:normal; font-size:inherit;}
.form_default input#rate           {width:50px;}
#calculator .term_container        {margin-right:0; width:280px; float:left; clear:none;}
#calculator .term_container select {width:100px;}
#calculator .rate_container        {width:200px; float:left; clear:none;}
#calculator .rate_container label  {width:60px;}



/* SUCCESS BOX */
.form_success {padding:1em 2em; margin:1em auto;
	background:#d7d1be; border:3px solid #24201a;}
#content .form_success h2 {color:#24201a;}



/* 9. FOOTER */

#footer          {padding:20px 0 0 0; margin:0 auto;
	font-size:0.75em; color:#888; line-height:1.333em;}
#footer .footer_inner{width:960px; padding:0 6px; margin:0 auto;}
#footer_logo     {margin:0 0 1em 0; display:block;}
.footer_address  {padding:1em 0; margin:1em 0;
	font-size:.8333em; color:#aaa;
	border-top:1px solid #ccc;}
#footer .divider {padding:0 4px;}

#footer .page-link {padding:0; margin:0; float:left;}
#footer .right     {padding:0; margin:0; float:right;}



/* 10. RANDOM ATTRIBUTES */

.clearhack, .clear {clear:both !important;}
.overflow-hidden   {overflow:hidden !important;}
.overflow-visible  {overflow:visible !important;}
.hidden            {display:none;}