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

Theme Name:		Small Screen
Version:		1.0
Last Change:	3/21/2013 - Mike Hetman

[Table of Contents]


1. Header
2. Columns
3. Content
4. Forms

[Notes]

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

/* 1. HEADER */

#header {height:60px; background-size:contain;}
#header .header_inner {left:17px; width:100%; height:45px; height:inherit; background-size:contain; background-repeat:no-repeat;}
#header .header_inner .model {width:100%; background:url('../images/header_jeep_summit.png') no-repeat; background-position:172px 0; background-size:40%;}
#header h1{margin:0 auto; width:158px; height:50px; float:left; position:relative; top:0px; left:0px;
	background-size:contain;}
#header #header_s60 {width:156px; height:100%; float:right; display:block; position:relative; top:auto; left:auto;}
.banner {visibility:hidden; position:absolute; width:310px; height:245px; text-align:right; z-index:1; overflow:hidden;}
#banner1 {opacity:1.0; filter:alpha(opacity=100); overflow:hidden;}
#banner2, banner3, banner4 {opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#banner1 img, #banner2 img, #banner3 img, #banner4 img {height:50px;}


/* 2. COLUMNS */

#columns {padding:0; margin:0; width:inherit; position:relative;}
.two_column #column_1 {padding:0 1em; margin:0; width:inherit; display:block; float:none;
	line-height:1.2em;}
.two_column #column_2 {display:none;}



/* 3. CONTENT */

h1, h2, h3 {text-rendering: optimizeLegibility;}
#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:1.7em; line-height:1em; color:#a31f11;}
#content h3   {padding:0 0 2px 0; margin:0 0 20px 0;
	font-size:1.3125em; line-height:1em;}



/* 4. FORMS */

.form_default {margin:0;}
.hidden_fields {display:none;}
.form_default .required_notice {margin:15px 0 0 0; padding:0; display:block;
	font-size:1em; text-align:center}

.form_default fieldset {margin:0; padding:0; width:inherit;}
.form_default fieldset legend {margin:0; padding:0 0 5px 0; width:inherit; float:none;
	font-size:18px; font-weight:bold; letter-spacing:normal; line-height:normal; color:#151a4b;
	border:none;}
.form_default fieldset legend span {margin:10px 0 10px 0; padding:0 0 5px 0; width:inherit; border-bottom:2px solid #dad9d9;}	
.form_default fieldset div         {padding:0 0 10px 0; width:inherit; clear:none;}
.form_default label                {padding:0; margin:0; width:inherit; float:none;
	text-align:left; letter-spacing:1px;}
.form_default label.radio, .form_default label.checkbox, .form_default label.valid, .form_default label.notvalid {margin:0; padding:0;}
.form_default div small {margin:0; padding:0;}

.form_default input, .form_default select, .form_default textarea {padding:5px 0; width:100%; display:block;
	font-size:1.384em;
	background:#e0e0e0;}
.form_field_highlight {background:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-border-radius:none;
	-webkit-border-radius:none;}
.form_default .form_field_highlight input, .form_default .form_field_highlight select, .form_default .form_field_highlight textarea {background:#e0e0e0;}
.form_default .form_field_highlight label {text-shadow:none;}


.form_default label.error {padding:0; width:inherit; position:relative; top:auto; right:auto; z-index:10;
	font-family:Arial, Helvetica, sans-serif; text-align:left; text-transform:none; color:#900;
	background:none;}
form label.error span     {position:absolute; top:0px; right:2px;}

.form_default fieldset fieldset {padding:0; margin:0; width:inherit; background:green;}	
.form_default fieldset fieldset div {width:inherit;}

.form_default div.submit {margin:15px 0 0 0;}
.form_default input.submit {margin:0; padding:10px 8px; width:100%;
	font-size:1.23em;
	background:url('../images/form_submit_mobile_bg.png') repeat-x #a30100; border:none; text-transform:uppercase; text-indent:0;}
.form_default input.submit:hover {color:#fff; cursor:pointer;
	background:url('../images/form_submit_mobile_bg.png') repeat-x left -50px #d0001e;}

#form_sending_message     {margin:0; width:inherit;}
#form_sending_message div {width:inherit;}

.form_success {padding:1em 1em; margin:0 auto 1em auto;
	border:none;}
#content .form_success h2 {color:#15281c;}



/* 5. FOOTER */

#footer {padding:1em 1em 2em 1em; margin:0; border-top:2px solid #ccc;}
#footer .footer_inner{width:inherit; padding:0; margin:0;}

#footer .page-link {padding:10px 0; display:block; float:none;
	font-size:16px;
	border:1px solid #ccc; border-left:none; border-right:none;}
#footer .right {padding:1em 0 0 0; float:none;
	font-size:16px;}
.footer_address  {padding:0; margin:0; border:none;}
#footer .footer_address span {display:block; color:#666;}
#footer .footer_address span.divider {height:6px; display:block; overflow:hidden;
	text-indent:-5000px;}
#footer_logo {margin:0 auto;}