/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
#layout-test
{
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 20000;
	left: 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
html { height: 100%;}

body
{
	height:           100%;
	margin:           0px;
	padding:          0px;
	background-color: #0053A0;

	/*	Default text styles	----------------------------*/
	font-family:      helvetica,arial,sans-serif;
	color:            #333;
	font-size:        0.75em;
	line-height:      1.4em;
 
}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					#0053A0;
	text-decoration: none;
}

a:hover
{
	color:					#E2383F;
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:     auto;
	margin-left:      auto;

	/*	Customize			----------------------------*/
	position:         relative;
	background:       #0053A0 url('/images/back.gif') repeat-y top left;
	min-height:       100%;
	height:           auto!important;
	height:           100%;
	width:            988px;
	padding:          0px 18px;
}

/*	Popup container	*/
#popup-box
{
	/*	Customize			----------------------------*/
	background-color: white;
	border:           1px solid black;
	margin:           0px 20px 0px 20px;
	padding:          15px;
}

#header
{
	background:       #fff url('/images/header_back.gif') no-repeat  top center;
	height:           140px;
}

#logo
{
	margin:           31px 0 0 22px;
}

#logo a,
#logo a:hover
{
	color:					white;
}

table#body
{
	border-collapse:		collapse;
	width:					100%;
}

td#content
{
	width:					auto;
	padding:				19px;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	text-align: center;
	margin:					0px 20px 50px 20px;
}

#footer-nav
{
	text-align: center;
	margin:					0px 0px 10px 0px;
	padding: 2px 0;
	background-color: #E6EEF6;
}

#footer p
{
	clear:					both;
}

#footer ul
{
	color: #717272;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

#footer li
{
		display: inline;
		padding:				5px 0px;
}

#footer ul a
{
	color: #717272;
}


#footer li .divider
{
	padding: 0 5px;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	color: #0053A0;
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			bold;
	font-size: 18px;
}

#popup-box h1
{
	margin-top:				10px;
	text-align:				center
}

h2
{
	color: #0053A0;
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			bold;
	font-size: 18px;
}

h3
{
	color: #0053A0;
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			bold;
	font-size: 14px;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
	font-style:				italic;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	width:					283px;
	padding:				20px 20px 20px 0px;
}

.sidebar
{
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-weight:			bold;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	border-bottom:			1px solid rgb(238,238,238);
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}



/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Social networking tool links
//-------------------------------------------------------------------------------------------------------*/
table.links-bar td
{
	padding:				0px 10px 0px 0px;
}

.inline-digg
{
	float:					left;
	margin:					3px 10px 5px 0px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Video controls
//-------------------------------------------------------------------------------------------------------*/
#video-buttons a
{
	background-color:		#CCCCCC;
	color:					white;
	font-weight:			bold;
	padding:				4px 6px;
	margin-right:			5px;
	float:					left;
	margin-top:				5px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0 0 .7em 0;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}

/*---------------------------------------------------------------------------------------------------------
//	CTA Widgets
//--------------------------------------------------------------------------------------------------------*/
.toggle
{
	display:none;
}

.cta, .cta-image
{
	margin-bottom: 20px;
}

.cta
{
	padding: 0px;
	background: transparent url('/images/cta_back.gif') repeat-y top left;
}

.cta-inner
{
	width: 259px;
	padding: 0px 12px;
}

.cta #testimonial-1
{
	display: block;
}

.cta .testimonial
{
	display:none;
}

.cta h2, .cta h2 a
{
	font-weight: normal;
	color: #0355A0;
}

/*=========================================================================================================
//	Custom Widgets
//========================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Application Path Widget
//--------------------------------------------------------------------------------------------------------*/
#application-path
{
	position:         relative;
	width:            519px;
	height:           90px;
	margin-bottom:    20px;
	background:       #fff url('/images/path_back_small.jpg') no-repeat top left;
	font-size:        16px;
	color:            #0053A0;
	line-height:      20px;
	font-weight: bold;
}

#get-approved
{
	position:         absolute;
	top:              15px;
	left:             75px;
	width:            90px;
	text-align:       center;
}

#find-vehicle
{
	position:         absolute;
	top:              15px;
	left:             420px;
	width:            90px;
	text-align:       center;
}

#find-dealership
{
	position:         absolute;
	top:              15px;
	left:             225px;
	width:            112px;
	text-align:       center;
}

#application-path form
{
	margin:           3px 0 0 0;
	padding:          0;
	position:         relative;
}

#application-path input
{
	position:         absolute;
	top:              0px;
	left:             0px;
	width:            65px;
	height:           15px;
	line-height:      15px;
	font-size:        10px;
	padding:          0 5px;
	border:           1px solid #0053A0;
	border-right:     none;
	background:       #fff url('/images/zip_code.gif') no-repeat center center;
}

button.find
{
	padding:          2px 5px;
	margin:           0px;
	background-color: #E2383F;
	color:            white;
	text-align:       center;
	border:           1px solid #E2383F;
	font-size: 12px;
}

#application-path button.find
{
	padding:          0px;
	font-size:        10px;
	width:            35px;
	height:           17px;
	line-height:      10px;
	position:         absolute;
	top:              0px;
	left:             76px;
}

/*---------------------------------------------------------------------------------------------------------
//	Start-Now Widget
//--------------------------------------------------------------------------------------------------------*/
#start-now{ position: relative; width: 283px;}

#traffic-light
{
	position:         absolute;
	right:            15px;
	bottom:           7px;
}


#start-now .cta-inner{width: 172px;}
#start-now form {margin-top:5px;}

#start-now .fieldblock, #start-now .fieldblock-error
{
	width:            168px;
	padding:          0 4px 5px 0;
	margin-bottom:    3px;
	background:       transparent url('/images/start_input_back.gif') no-repeat bottom right;
}

#start-now .fieldblock input,#start-now .fieldblock-error input
{
	margin:           0;
	border:           none;
	background-color: white;
	width:            164px;
	padding:          0 2px;
	height:           20px;
	line-height:      20px;
	background-position: center center;
	background-repeat: no-repeat;
}

#and-or {color:#0355A0;margin-bottom: 3px;font-weight: bold;text-align: center;}

#start-now #firstname { background-image: url('/images/f_first_name.png'); }
#start-now #lastname { background-image: url('/images/f_last_name.png'); }
#start-now #phone { background-image: url('/images/f_phone.png'); }
#start-now #email { background-image: url('/images/f_email.png'); }

#start-now .submit {margin:2px 0 0 48px;}

/*---------------------------------------------------------------------------------------------------------
//	Updates Widget
//--------------------------------------------------------------------------------------------------------*/
#updates-widget
{
	position:        relative;
}

#subscriberemail
{
	position:        absolute;
	bottom:          47px;
	left:            15px;
	width:           242px;
	padding:         0 2px;
	height:          20px;
	line-height:     20px;
	background:      #fff url('/images/f_email.png') no-repeat center center;
	border:          none;
}

#updates-widget .submit
{
	position:        absolute;
	right:           19px;
	bottom:          7px;
}

/*---------------------------------------------------------------------------------------------------------
//	Find Service Widget
//--------------------------------------------------------------------------------------------------------*/
#find-service select
{
	width: 95px;
	margin-right: 10px;
	border: 2px solid #E2383F;
}

/*---------------------------------------------------------------------------------------------------------
//	Question Widget
//--------------------------------------------------------------------------------------------------------*/
#question-widget label
{
	margin-top: 8px;
	display: block;
}

#question-widget input, #question-widget textarea
{
	width: 250px;
}

#question-widget .submit
{
	margin:           8px 0 0 0;
	padding:          2px 8px;
	background-color: #E2383F;
	font-size:        10px;
	color:            white;
	line-height:      17px;
	text-align:       center;
	border:           1px solid #E2383F;
}

/*---------------------------------------------------------------------------------------------------------
//	Happy Customers
//--------------------------------------------------------------------------------------------------------*/
.t-prev,.t-next
{
	font-weight:     bold;
	color:           #0053A0;
	text-decoration: none;
}

.t-prev:hover,.t-next:hover
{
	color:           #E2383F;
}

.t-prev
{
	padding: 2px 5px 2px 12px;
	background: transparent url('/images/left_arrow.gif') no-repeat center left;
}

.t-next
{
	padding: 2px 12px 2px 5px;
	background: transparent url('/images/right_arrow.gif') no-repeat center right;
}

.testimonial
{
	height: 210px;
}

/*---------------------------------------------------------------------------------------------------------
//	Other carhop styles
//--------------------------------------------------------------------------------------------------------*/
.list-item
{
	clear: left;
	margin-bottom:    1.5em;
}

.list-item h3
{
	padding-top: .5em;
	margin-bottom: 0px;
}

.car-image
{
	float: left;
	margin: 0 20px 15px 0;
}

.form-table
{
	border-collapse: collapse;
	margin-bottom: 20px;
}

.form-table td
{
	vertical-align: bottom;
}


/*---------------------------------------------------------------------------------------------------------
//	Media Files
//--------------------------------------------------------------------------------------------------------*/
.media-widget
{
	margin-bottom: 15px;
}

a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:inline-block;
 padding-left:22px;
 min-height:16px;
 border:3px solid #666;
 background-color:#666;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0px 3px 0px 20px;
 min-width:19em;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
}

a.sm2_link,
a.sm2_paused:hover,
a.sm2_link:hover {
 background:#333 url(/site/inlineplayer/icon_play.png) no-repeat 0px 50%;
 border-color:#333;
}

a.sm2_paused {
 background-color:#999;
 border-color:#999;
}

a.sm2_paused:hover {
 background:#999 url(/site/inlineplayer/icon_play.png) no-repeat 0px 50%;
 border-color:#999;
}

a.sm2_playing,
a.sm2_playing:hover {
 background:#761c2b url(/site/inlineplayer/icon_pause.png) no-repeat 0px 50%;
 border-color:#761c2b;
 text-decoration:none;
}


.messageheader
{
	margin-bottom: 20px;
}

#featured
{
}

.featured-image
{
	margin-bottom: 15px;
}

.left-thumb
{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

.left
{
	margin-right: 20px;
	margin-bottom: 15px;
	float: left;
}

.right
{
	margin-left: 20px;
	margin-bottom: 15px;
	float: right;
}

.fielderror
{
	color:           #E2383F;
}

.morelink {color: #E2383F;}

table#locations label
{
	font-weight:     bold;
	color:           #0053A0;
}

table#locations select
{
	border:          2px solid #0053A0;
	margin-right:    10px;
	width:           105px;
}

#locator-form
{
	position:        relative;
	height:          20px;
}

#locator-form input
{
	position:        absolute;
	left:            0;
	top:             0;
	width:           75px;
	height:          17px;
	line-height:     17px;
	font-size:       12px;
	padding:         0 5px;
	border:          2px solid #0053A0;
	border-right:    none;
	margin-right:    0;
	background:      #fff url('/images/zip_code.gif') no-repeat center center;
}

#locator-form button.find
{
	border:   none;
	display:  block;
	padding:  0px!important;
	margin:   0px;
	position: absolute;
	left:     89;
	top:      0;
	left:     85px;
}

/* Fix extra padding added to buttons by firefox. */
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

#locator-form button.find img {margin:0px;}

h2#details-title
{
	color: #E2383F;
	font-size: 13px;
	margin:0;
	padding:0 10px 10px 0px;
}

.comment
{
	margin-bottom: 1em;
}

table.form-alignment
{
	border-collapse: collapse;
	width: 100%;
}

table.form-alignment td
{
	vertical-align: top;
}