/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 1200 Grid
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 760px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #f9f7f2;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #4e4e4e;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #4e4e4e;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 42px; line-height: 46px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #1d7585; outline: 0; text-decoration: none; }
	a:hover, a:focus { color: #cc3604; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29354;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29354;
		box-shadow:inset 0px 1px 0px 0px #f29354;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e35c1d), color-stop(1, #d13e09) );
		background:-moz-linear-gradient( center top, #e35c1d 5%, #d13e09 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e35c1d', endColorstr='#d13e09');
		background-color:#e35c1d;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-indent:0;
		border:1px solid #a14c30;
		display:inline-block;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		font-style:normal;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
		height:38px;
		line-height:38px;
		padding:5px 30px;
		text-align:center;
		text-shadow:1px 1px 2px #cc3604;
		cursor:pointer;
		filter:none
	  }
	  
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d13e09), color-stop(1, #e35c1d) );
		background:-moz-linear-gradient( center top, #d13e09 5%, #e35c1d 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13e09', endColorstr='#e35c1d');
		background-color:#d13e09
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position:relative;
		top:1px;
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="tel"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #535353;
		margin: 0;
		display: block;
		background: #fff;
		border-radius: 4px;
		border: 4px solid #c1bdb6; }
	.ie7 input[type="text"],
	.ie7 input[type="tel"],
	.ie7 input[type="password"],
	.ie7 input[type="email"],
	.ie7 textarea,
	.ie7 select {
		border:0px;
		margin-bottom:20px;
	}
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
/*==================================================
Layout Classes
==================================================*/
.left {float:left}
.right {float:right}
.centerText {text-align:center}
.collapse,.phoneOnly,.tabletOnly,.mobileOnly {display:none}
.camo {visibility:hidden}
.block {display:block}

/*==================================================
Globally used icons
==================================================*/
.errorIcon,.errorIconWhite,.warnIcon,.checkIcon,.closeMenuIcon,.heartIcon {width:25px;height:25px;background-image:url('/images/albion/global.png')}
.errorIcon {background-position:-2px -384px}
.errorIconWhite {background-position:-41px -355px}
.closeMenuIcon {background-position:-2px -355px}
.warnIcon {background-position:-121px -420px}
.checkIcon {background-position:-81px -420px}
.heartIcon {background-position:-2px -422px}
.sedanIcon,.hatchbackIcon,.coupeIcon,.suvIcon,.vanIcon,.convertibleIcon,.truckIcon,.wagonIcon,.fuelEffIcon {width:152px;height:67px;background-image:url('/images/albion/global.png');margin:0 auto}
.sedanIcon {background-position:0px -553px}
.hatchbackIcon {background-position:-170px -553px}
.coupeIcon {background-position:-335px -553px}
.suvIcon {background-position:-499px -553px}
.vanIcon {background-position:-662px -553px}
.convertibleIcon {background-position:-3px -630px}
.truckIcon {background-position:-167px -630px}
.wagonIcon {background-position:-335px -630px}
.fuelEffIcon {background-position:-502px -630px}
.searchIconOrangeBig {width:34px;height:28px;background-image:url('/images/albion/global.png');background-position:-159px -418px}
.errorIconSmall,.errorIconSmallWhite,.searchIconOrange,.heartIconSmall,.bluePhoneIcon,.errorIconSmallGray {width:20px;height:20px;background-image:url('/images/albion/global.png')}
.errorIconSmall {background-position:-44px -386px}
.errorIconSmallWhite {background-position:-75px -386px}
.searchIconOrange {background-position:-142px -384px}
.heartIconSmall {background-position:-43px -424px}
.bluePhoneIcon {background-position:-98px -385px}
.errorIconSmallGray {background-position:-230px -423px}
.searchIconWhite {width:20px;height:16px;background-image:url('/images/albion/global.png');background-position:-180px -386px}
.carfaxLogo {width:68px;height:26px;background-image:url('/images/albion/global.png');background-position:-112px -461px;display:inline-block}
.questionIcon {width:16px;height:16px;background-image:url('/images/albion/global.png');background-position:-208px -426px}
.whiteMailIcon {width:31px;height:25px;background-image:url('/images/albion/global.png');background-position:-244px -465px}
.whitePhoneIcon {width:25px;height:25px;background-image:url('/images/albion/global.png');background-position:-215px -465px}
.headIcon {width:20px;height:20px;background-image:url('/images/albion/global.png');background-position:-261px -423px}
.filterIcon {width:44px;height:56px;background-image:url('/images/albion/global.png');background-position:-425px -136px}
.backArrowIcon,.minusIcon,.plusIcon,.blueMoneyBagIcon,.paintBucketIcon,.driveTypeIcon,.transmissionIcon,.gearsIcon,.doorIcon,.gasPumpIcon,.calendarIcon,.odometerIcon {width:25px;height:25px;background-image:url('/images/albion/global.png')}
.backArrowIcon {background-position:-613px -379px}
.minusIcon {background-position:-655px -379px}
.plusIcon {background-position:-695px -379px}
.blueMoneyBagIcon {background-position:-737px -379px}
.paintBucketIcon {background-position:-776px -379px}
.driveTypeIcon {background-position:-817px -379px}
.transmissionIcon {background-position:-857px -379px}
.gearsIcon {background-position:-896px -379px}
.doorIcon {background-position:-936px -379px}
.gasPumpIcon {background-position:-978px -379px}
.odometerIcon {background-position:-1016px -379px}
.calendarIcon {background-position:-1058px -379px}
.twitterShareIcon, .fbShareIcon, .googleShareIcon {background-image:url('/images/albion/global.png')}
.twitterShareIcon {width:14px;height:13px;background-position:-401px -225px}
.fbShareIcon {width:14px;height:14px;background-position:-344px -224px}
.googleShareIcon {width:17px;height:17px;background-position:-280px -221px}

/*==================================================
Visual elements
==================================================*/
.greyContentContainer {background:#efeae3;padding:20px;border-radius:4px}
.greyContentContainer2 {background:#efeae3;padding:10px;border-radius:4px}
.topHalf {border-radius:4px 4px 0 0}
.errorWrapper,.warnWrapper,.successWrapper {display:none;padding:3px;border-radius:4px;line-height:25px}
.errorWrapper {background:#fcdede;border:1px solid #d14e4e;color:#d14e4e;}
.warnWrapper {background:#feefb3;border:1px solid #f68500;color:#4e4e4e;}
.successWrapper {background:#f1f5e8;border:1px solid #6e8a29;color:#6e8a29;}
.errorWrapper .errorIcon, .warnWrapper .warnIcon, .successWrapper .checkIcon {margin-right:10px}
.errorMessage {text-align:left;width:90%}
.errorField {border-color:#d14e4e !important}
.mockLink {color:#1d7585;cursor:pointer}
.mockLink:hover {color:#cc3604}
.smallH2 {font-size:18px;line-height:inherit}
.searchOptionList {background:#fff;padding:5px;width:173px;border-radius:4px;border:1px solid #ccc;margin:1em 0;font-weight:bold;color:#1d7585}
.searchOptionHeader {background:#d8cebf;border:1px solid #c2b6a8;padding:0.2em 0.5em;font-size:16px;cursor:pointer;color:#4e4e4e}
.searchOptionContent {padding:0.5em}
.upArrow,.downArrow {float:right;margin:6px 5px 0 0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;cursor:pointer}
.upArrow {border-bottom:7px solid #615749}
.downArrow {border-top:7px solid #615749}
.seeAll .upArrow {float:left;border-bottom:7px solid #1d7585}
.seeAll .downArrow {float:left;border-top:7px solid #1d7585}
.seeAll {color:#1d7585;cursor:pointer}
.searchOption {padding:0.1em 0;font-weight:bold;font-size:14px}
.stockPhotoInfo {display:none;position:absolute;width:280px;border-radius:4px;padding:10px;z-index:1000;background:#F9F7F2}
.stockPhotoClose {cursor:pointer}
#darkOverlay {display:none;position:fixed;top:0px;left:0px;z-index:1000;height:100%;width:100%;background:#4e4e4e;opacity:0.8;filter:alpha(opacity=80)}

/*==================================================
Desktop/Tablet Header
==================================================*/
#body {position:relative}
#header {border-bottom:1px solid #ddd}
#logo {float:left;width:140px;height:64px;background-image:url('/images/albion/global.png');margin:10px 20px 10px 0}
#logoText {float:left;color:#848484;font-size:12px;position:relative;top:52px}
#becomeGaDealer {float:right;margin-right:15px;width:250px;height:30px;background-image:url('/images/albion/global.png');background-position:-126px -137px}
#becomeGaDealer:hover {background-position:-126px -177px}
#userLocation {float:right;line-height:30px;margin-right:20px}
#userLocationIcon {float:left;margin:7px 5px 0 0;width:14px;height:16px;background-image:url('/images/albion/global.png');background-position:-226px -386px}
#userLocationText {float:left;font-size:12px}
#userLocationChange {font-weight:bold;cursor:pointer;color:#1d7585;text-decoration:underline;margin-left:3px}
#changeZipBox {display:none;width:250px;background:#e4ddd1;border:4px solid #d2cabd;border-radius:4px;padding:10px;position:absolute;z-index:100;top:5px;right:10px}
#czZip,#czSubmit,#czLoading {float:left;margin-right:10px}
#czZip {width:75px;border-radius:4px;border:4px solid #cabfa9;font-size:18px;margin-bottom:0;padding:11px}
#closeZipBox {float:right;cursor:pointer}
#changeZipError {display:none;margin-top:1em}
.ie7 #changeZipError {margin-top:3em}
#czLoading {display:none}
#mobiBackBtn,#mobiMenuBtn {display:none;width:32px;height:32px;background-image:url('/images/albion/global.png');margin:16px 0;cursor:pointer}
#mobiBackBtn {background-position:-1px -78px}
#mobiMenuBtn {background-position:-40px -78px}
#closeMobiMenu {background-color:#626262;padding:5px 0;color:#fff;font-weight:bold;font-size:16px;cursor:pointer}
#closeMobiMenu .closeMenuIcon {margin:0 10px 0 20px}

/*==================================================
Desktop/Tablet Navigation Menu
==================================================*/
#menu {position: relative;margin-left: 30px;overflow-y:visible;overflow-x:visible;border-left:0px}
.ie7 #menu {width:545px;float:right;margin-top:10px}
#menu ul {list-style-type:none;}
#menu li {float:left;position:relative;text-align:left;border-right:1px solid #ccc}
#menu ul li a {display:block;position:relative;z-index:91;color:#1D7585;font-weight:bold;font-size:18px;padding:5px 20px;border:3px solid transparent;border-radius:4px 4px 0 0}
#menu ul li a:hover,.activeNavTab {background:#eae4da;border-color:#dfd6c8 !important;border-bottom-color:#eae4da !important}
#menu ul.sub-menu {display:none;position:absolute;top:27px;left:-30px;z-index:90;background-color:#eae4da;width:260px;border:3px solid #dfd6c8;border-radius:0 4px 4px 4px;padding-top:10px}
#menu ul.sub-menu li, #menu ul.sub-menu li a {position:static;border:0;font-size:16px;clear:both}
#menu ul.sub-menu li {display:block;padding:7px 0px}
#menu ul.sub-menu li a {display:inline;width:210px}
#menu ul.sub-menu li a:hover {color:#cc3604}
#menu li:hover ul.sub-menu {display:block}
#navgma_menu {left:-168px !important;top:30px !important;border-radius:4px 0 4px 4px !important}
#getMyAutoLi {border:0 !important;padding-right:0 !important}
#getMyAutoTab {width:82px;height:22px;background-image:url('/images/albion/global.png');background-position:-1px -134px}
.mobiMenuIcon {display:none;width:24px;height:24px;background-image:url('/images/albion/global.png');float:left;margin-right:10px}
#searchMenuIcon {background-position:-462px -380px}
#resourcesMenuIcon {background-position:-502px -380px}
#financeMenuIcon {background-position:-542px -380px}

/*==================================================
Desktop/Tablet Body elements
==================================================*/
#pageCrumbs {font-size:12px;margin-top:5px;margin-bottom:2em}
#pageCrumbs div {margin-right:5px}
#rightAd {padding:40px 10px}

/*==================================================
Featured Dealers
==================================================*/
#featuredDealersContainer h2 {font-size:18px;line-height:inherit}
#featuredDealerLinks {margin-top:1em}
#featuredDealersContainer a {font-size:14px;margin-bottom:1em;display:block;background:#f9f7f2;border-radius:4px;padding:5px}
#becomeFeaturedDealer {border-radius:0 0 4px 4px;background:#e9e1d5;padding:15px}
#becomeFeaturedDealer a {color:#4e4e4e;position:relative}
#becomeFeaturedDealer a strong, #becomeFeaturedDealer a:hover {color:#cc3604}
a.beFeatDealerLink {color:#4e4e4e;position:relative}
.beFeatDealerLink strong, .beFeatDealerLink:hover {color:#cc3604}
#featDealerArrow {float:right;position:relative;top:3px;left:0;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #bcb3a6}
.ie7 #featDealerArrow {left:-15px;top:-32px}
.beFeatDealerLink:hover #featDealerArrow {border-left-color:#cc3604}
.fdname {width:85%;margin-left:25px}
#featuredDealerLinks a {position:relative}
#featuredDealerLinks .headIcon {margin:auto;position:absolute;top:0;bottom:0;max-height:100%;max-width:100%}

/*==================================================
Desktop/Tablet Footer
==================================================*/
#footer {margin-top:2em}
#footerSocialRowContainer {border-top:1px solid #cec8bf;border-bottom:1px solid #cec8bf}
#footerSocialRow {background:#efeae3;border-top:2px solid #f4f1eb}
.footerTool, #footerSocialLinks {padding:40px 0}
#footerSearchIcon, #footerCalcIcon, #footerPhoneIcon {float:left;cursor:pointer;margin-right:10px;width:40px;height:40px;background-image:url('/images/albion/global.png')}
#footerSearchIcon {background-position:0px -240px}
#footerCalcIcon {background-position:-46px -240px}
#footerPhoneIcon {background-position:-92px -240px}
.footerToolLink .smallText {color:#4e4e4e}
.footerToolLink h2 {color:#1d7585;font-weight:bold;font-size:14px;line-height:inherit;margin-bottom:0}
.footerToolLink:hover h2 {color:#cc3604}
.footerToolLink:hover #footerSearchIcon {background-position:0px -286px}
.footerToolLink:hover #footerCalcIcon {background-position:-46px -286px}
.footerToolLink:hover #footerPhoneIcon {background-position:-92px -286px}
.footerSocialIconText {float:left; width:75%}
.footerSocialIconText a {font-weight:bold}
.smallText {font-size:12px}
#followUsLine {border-bottom:1px solid #a8a8a8}
#followUsText {font-size:18px;background:#efeae3;padding:0 5px;position:relative;top:-11px;width:100px;margin:0 auto}
#footerSocialIcons {margin:0 auto;width:166px}
#footerGoogleIcon, #footerFacebookIcon, #footerTwitterIcon {float:left;width:42px;height:42px;background-image:url('/images/albion/global.png')}
#footerGoogleIcon, #footerFacebookIcon {margin-right:20px}
#footerGoogleIcon {background-position:-265px -240px;}
#footerGoogleIcon:hover {background-position:-265px -289px;}
#footerFacebookIcon {background-position:-326px -240px;}
#footerFacebookIcon:hover {background-position:-326px -289px;}
#footerTwitterIcon {background-position:-386px -240px;}
#footerTwitterIcon:hover {background-position:-386px -289px;}
#footerLinksContainer {padding:5px 0;border-top:2px solid #fff;border-bottom:2px solid #fff;background: #f6f1eb;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZWVlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVhZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #f6f1eb 0%, #f3eee7 50%, #efeae3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f1eb), color-stop(50%,#f3eee7), color-stop(100%,#efeae3));background: -webkit-linear-gradient(top,  #f6f1eb 0%,#f3eee7 50%,#efeae3 100%);background: -o-linear-gradient(top,  #f6f1eb 0%,#f3eee7 50%,#efeae3 100%);background: -ms-linear-gradient(top,  #f6f1eb 0%,#f3eee7 50%,#efeae3 100%);background: linear-gradient(to bottom,  #f6f1eb 0%,#f3eee7 50%,#efeae3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f1eb', endColorstr='#efeae3',GradientType=0 );}
#footerLinksContainer a {font-size:12px;color:#4e4e4e;}
#footerLinksContainer a:hover {text-decoration:underline}
#copyright {float:left;color:#979797;font-weight:bold;font-size:12px}
#deLogo {float:left;margin:2px 0 0 10px;width:20px;height:18px;background-image:url('/images/albion/global.png');background-position:-2px -190px}
#footerAboutUs {border-top:1px solid #cec8bf;padding:30px 0;font-size:12px}
#footerAboutUs hr {margin:5px 0}
#footerAboutUs p {margin-bottom:10px}

/*==================================================
Responsive: tablet, portrait
Note: Design for a width of 768px
==================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.desktopOnly {display:none}
	.tabletOnly,.mobileOnly {display:block}
	.footerTool, #footerSocialLinks {padding-top:20px}
	#footerCopy {float:none;margin:0 auto;width:230px}
	#footerAboutUs {margin-bottom:20px}
	#menu {position: relative;margin-left: 30px;overflow-y:visible;overflow-x:visible;border-left:0px}
	#menu .sub-menu {display:none}
	.searchOptionList {width:696px}
}

/*==================================================
Responsive: mobile, portrait
Note: Design for a width of 320px
==================================================*/
@media only screen and (max-width: 767px) {
	.desktopOnly,.desktopTabletOnly,.tabletOnly {display:none}
	.phoneOnly,.mobileOnly {display:block}
	#header {height:64px;background: #fefefe;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fefefe 0%, #f3f3f3 50%, #d2d2d2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f3f3f3), color-stop(100%,#d2d2d2));background: -webkit-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: -o-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: -ms-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: linear-gradient(to bottom,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d2d2d2',GradientType=0 );}
	#logoContainer {margin:0 auto;width:70px}
	#logo {margin:16px 0;width:70px;height:32px;background-position:-158px -30px}
	#mobiBackBtn,#mobiMenuBtn {display:block}
	#footerAboutUs {margin-bottom:20px}
	#footerCopy {float:none;margin:0 auto;width:225px}
	#menu {width:0px;position: fixed;top: 0;right: 0;background: #dfd6c8;z-index: 100;border-left:2px solid #ccc}
	#menu ul {margin:0 auto;width:265px}
	#menu ul.sub-menu {display:block;position:static;width:auto;border-radius:0;border:0;padding-top:0}
	#menu ul li {border:none}
	#menu li {float:none}
	#menu ul li a, #menu ul.sub-menu li {border-bottom:1px solid #ccc}
	#menu ul li a:hover {background:inherit}
	.mobiMenuIcon {display:block}
	ul ul li {margin-bottom:0}
	li {line-height:24px;margin-bottom:0}
	.footerTool, #footerSocialLinks {padding:15px 0}
	.sedanIcon,.hatchbackIcon,.coupeIcon,.suvIcon,.vanIcon,.convertibleIcon,.truckIcon,.wagonIcon,.fuelEffIcon {width:105px;height:45px;background-image:url('/images/albion/global.png');margin:0 auto}
	.sedanIcon {background-position:-10px -727px}
	.hatchbackIcon {background-position:-129px -727px}
	.coupeIcon {background-position:-250px -727px}
	.suvIcon {background-position:-368px -727px}
	.vanIcon {background-position:-485px -727px}
	.convertibleIcon {background-position:-10px -783px}
	.truckIcon {background-position:-129px -783px}
	.wagonIcon {background-position:-250px -783px}
	.fuelEffIcon {background-position:-368px -783px}
	.searchOptionList {width:auto}
	#pageCrumbs {font-size:14px;margin:20px 0 0 0}
	#footerLinksContainer a {font-size:14px;margin:5px;display:inline-block}
	#footerLinks {color:#ccc}
	#footerAboutUs {font-size:14px}
	#pageCrumbs div {margin-right:10px}
}

/*==================================================
Responsive: mobile, landscape
Note: Design for a width of 480px
==================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.desktopOnly,.desktopTabletOnly,.tabletOnly {display:none}
	.phoneOnly,.mobileOnly {display:block}
	#header {height:64px;background: #fefefe;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fefefe 0%, #f3f3f3 50%, #d2d2d2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f3f3f3), color-stop(100%,#d2d2d2));background: -webkit-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: -o-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: -ms-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);background: linear-gradient(to bottom,  #fefefe 0%,#f3f3f3 50%,#d2d2d2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d2d2d2',GradientType=0 );}
	#logoContainer {margin:0 auto;width:70px}
	#logo {margin:16px 0;width:70px;height:32px;background-position:-158px -30px}
	#mobiBackBtn,#mobiMenuBtn {display:block}
	#footerAboutUs {margin-bottom:20px}
	#footerCopy {float:none;margin:0 auto;width:250px}
	#menu {width:0px;position: fixed;top: 0;right: 0;background: #dfd6c8;z-index: 100;border-left:2px solid #ccc}
	#menu .sub-menu {display:block}
	#menu ul li a:hover {background:inherit}
	.searchOptionList {width:auto}
	#pageCrumbs {font-size:14px;margin:20px 0 0 0}
}

/*==================================================
Site search tabs (Find Used, Find New, Find Dealers, Value Your Trade)
==================================================*/
#homePageTabContainer {width:100%;padding-bottom:35px;margin-bottom:2em;background-repeat:no-repeat;background-size:cover;}
.hptc1 {background-image:url('/images/albion/slider-beach.jpg');background-position:center}
.hptc2 {background-image:url('/images/albion/slider-fall.jpg');background-position:center 85%}
.hptc3 {background-image:url('/images/albion/slider-country.jpg');background-position:center}
.hptc4 {background-image:url('/images/albion/slider-winter.jpg');background-position:center 85%}
.hptc5 {background-image:url('/images/albion/slider-city.jpg')}
#homePageTabContent {padding-top:35px;margin:0 auto;width:1055px}
#homePageTabs, #homePageTabText {background-color:rgba(0,0,0,0.5)}
.ie #homePageTabs, .ie #homePageTabText {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#homePageTabs {float:left;width:210px}
.searchTab {cursor:pointer;margin:15px;border-radius:4px;padding:20px 0 20px 10px;text-align:center;color:#fff;font-size:20px;width:170px;height:22px;background-color:rgba(47,102,104,0.8)}
.ie .searchTab {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#992f6668, endColorstr=#992f6668);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#992f6668, endColorstr=#992f6668)"}
.searchTab:hover {background-color:rgba(204,54,4,0.8)}
.ie .searchTab:hover {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cc3604, endColorstr=#99cc3604);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cc3604, endColorstr=#99cc3604)";}
.searchTabActive, .searchTabActive:hover {background-color:#222;filter:none}
.ie .searchTabActive, .ie .searchTabActive:hover {background-color:#222;filter:none}
.arrow-right {float:right;position:relative;left:9px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #222}
.ie7 .arrow-right {top:-20px}
#homePageTabText {float:left;margin-left:20px;border-radius:4px;text-align:center;padding:20px 20px 0 20px;width:785px;height:303px;color:#fff}
.ie7 #homePageTabText {width:790px;position:relative;z-index:85;margin-left:10px}
#usedTabText {margin:0 auto;width:540px}
#newTabText {margin:0 auto;width:475px}
.tabTitle {color:#fff;font-size:30px;margin-bottom:20px;line-height:inherit}
.usedTabRow {width:220px}
.usedTabCol1 {clear:both;width:220px;padding:10px 0 0 20px}
.usedTabCol2 {width:245px;padding:10px 20px 0 0}
.newTabRow {clear:both;width:375px;margin:0 auto;padding-top:10px}
.homeTabColRight {float:right}
.yearRangeText {line-height:39px;float:left;margin:0 15px}
.radiusRangeText {line-height:39px;float:left;margin:0 10px}
.ie7 .radiusRangeText {line-height:24px;float:left;margin:0 20px}
.stateCol {text-align:left;width:116px}
.ie7 #dealerStateCol1 {width:85px;margin-left:5px}
.ie7 #dealerStateCol2 {width:85px}
.ie7 #dealerStateCol3 {width:175px}
.ie7 #dealerStateCol4 {width:150px}
.ie7 #dealerStateCol5 {width:150px}
.stateCol a {color:#fff;float:left;clear:both}
.stateCol a:hover {color:#cc3604}
.ie7 .stateCol a {font-size:12px}
.ie7 #dealerSubmit {margin-right:75px}
#perfectFitImg {float:right;margin-right:50px;width:200px;height:200px;background-image:url('/images/albion/main.png')}
.pfi2 {background-position:-212px 0px}
.pfi3 {background-position:-420px 0px}
.pfi4 {background-position:-632px 0px}
.pfi5 {background-position:-842px 0px}
.searchIconWhite {position:relative;top:2px;float:left;cursor:pointer;margin-right:5px;}
.advSearchLink {color:#fff !important;float:left;position:relative;top:15px}
.advSearchLink:hover {color:#cc3604 !important}
.advSearchLink:hover .advSearchIcon {background-position:-142px -386px}
#homePageTabText select,#homePageTabText input[type=tel] {background:#fff;color:#535353;border-radius:4px;border:4px solid rgba(0,0,0,0.7);font-size:16px;margin-bottom:15px}
.ie8 #homePageTabText select,.ie8 #homePageTabText input[type=tel] {border:4px solid #000}
#homePageTabText input[type=text] {background:#fff;color:#535353;font-size:16px;}
#homePageTabText select {padding:5px;line-height:27px;height:39px}
#homePageTabText input[type=tel],#homePageTabText input[type=text] {padding:6px}
.ie7 #homePageTabText input[type=tel],.ie7 #homePageTabText input[type=text] {padding:1px}
.makeModelSelect {width:220px}
.yearSelect {width:85px}
.priceBox {width:85px}
.radiusSelect {width:140px}
.zipBox {width:50px}
#dealerSearchForm {margin-top:1em}
#dealerSearchFormRow {line-height:50px;font-size:18px;width:90%;margin:10px auto}
#dealerDistance,#dealerZipCode {clear:both}
.ie7 #dealerDistance {margin-bottom:2em}
#dealerZipCode {width:121px}
.ie7 #dealerZipCode {width:139px}
#dealerFormWrapper {width:175px;border-right:1px solid #000;height:215px}
.ie7 #dealerFormWrapper {width:155px;}
#dealerStateCol1 {margin-left:25px}

/*==================================================
Browse tabs and links
==================================================*/
#browseTabsContainer {box-sizing:border-box;margin:0 0 1em 10px;width:880px}
.browseTabContainer {box-sizing:border-box;width:32%;display:inline-block;vertical-align:middle}
.browseTab {cursor:pointer;text-align:center}
#browseStyleIcon, #browseStateIcon, #browseCityIcon {display:inline-block;vertical-align:middle;width:60px;height:70px;background-image:url('/images/albion/main.png');cursor:pointer}
#browseStyleTab.active #browseStyleIcon {background-position:-140px -270px}
#browseStyleTab.inactive #browseStyleIcon {background-position:0px -270px}
#browseStyleTab.inactive:hover #browseStyleIcon {background-position:-70px -270px}
#browseStateTab.active #browseStateIcon {background-position:-350px -270px}
#browseStateTab.inactive #browseStateIcon {background-position:-210px -270px}
#browseStateTab.inactive:hover #browseStateIcon {background-position:-280px -270px}
#browseCityTab.active #browseCityIcon {background-position:-566px -270px}
#browseCityTab.inactive #browseCityIcon {background-position:-430px -270px}
#browseCityTab.inactive:hover #browseCityIcon {background-position:-501px -270px}
.browseTab h2 {display:inline-block;vertical-align:middle;line-height:60px;font-size:24px}
.browseTab.active h2 {color:#4e4e4e}
.browseTab.inactive h2 {color:#1d7585}
.browseTab.inactive:hover h2 {color:#cc3604}
#browseLinks {min-height:252px}
.browseStateLinkContainer,.browseStateLinkContainer2 {float:left;border:1px solid transparent;border-radius:4px;width:166px}
.browseStateLinkContainer {margin-bottom:2em}
.browseStateLinkContainer2 {margin-top:2em}
.browseStateLinkContainer:hover,.browseStateLinkContainer2:hover {border-color:#dbd5cc;background:#f7f4ef}
#browseStyleLinks,#browseStateLinks {min-height:250px}
#browseStyleLinks a {text-align:center}
#searchAllLink {margin:0 auto;width:140px;text-align:left;font-size:16px;font-weight:bold;padding:40px 0 5px 0;}
#searchAllLink .searchIconOrangeBig {margin:5px 5px 0 0}
#browseStateLinks, #browseStates, #browseCityLinks, #browseCities {position:relative}
.usaBg {width:360px;height:250px;background-image:url('/images/albion/main.png');background-position:0px -836px;position:absolute;right:0;z-index:0}
#browseStates a, #browseCities a {margin-bottom:0.5em;display:block}
#browseStates .two.columns.alpha {width:130px}
#browseStyleLinks .browseStateLinkContainer div {margin:0 auto;text-align:center}
.cityCol {width:135px;display:inline-block;box-sizing:border-box}
#longRow {width:1200px}
#longBox {width:300px}
#featuredDealersContainer {height:201px}
#featuredDealerLinks .fdname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*==================================================
Shopping tools
==================================================*/
#shoppingTools {min-height:320px}
#shoppingTools > h2 {font-size:24px;line-height:inherit}
.shoppingToolsColumn {float:left;width:280px}
.shoppingToolsColumn a {color:#4e4e4e}
#shoppingTools a {color:#4e4e4e;float:left;width:270px}
.shoppingToolsContainer {margin:2em 0}
.shoppingToolsContainer h2 {font-size:18px;line-height:inherit;color:#1d7585;margin-bottom:5px}
.shoppingToolsText {float:left;width:195px;margin-left:5px}
#tradeIcon,#gmaIcon,#calcIcon,#loanIcon,#pricesIcon,#creditIcon {float:left;width:70px;height:70px;background-image:url('/images/albion/main.png');}
#tradeIcon {background-position:0px -415px}
#gmaIcon {background-position:-240px -415px}
#calcIcon {background-position:-80px -415px}
#loanIcon {background-position:-320px -415px}
#pricesIcon {background-position:-160px -415px}
#creditIcon {background-position:-400px -415px}
.shoppingToolsContainer:hover h2 {color:#cc3604}
.shoppingToolsContainer:hover #tradeIcon {background-position:0px -495px}
.shoppingToolsContainer:hover #gmaIcon {background-position:-240px -495px}
.shoppingToolsContainer:hover #calcIcon {background-position:-80px -495px}
.shoppingToolsContainer:hover #loanIcon {background-position:-320px -495px}
.shoppingToolsContainer:hover #pricesIcon {background-position:-160px -495px}
.shoppingToolsContainer:hover #creditIcon {background-position:-400px -495px}

/*==================================================
Responsive: tablet, portrait
Note: Design for a width of 768px
==================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#homePageTabs {width:125px;margin-left:5px}
	#homePageTabText {width:580px;height:350px;margin-left:15px}
	#homePageTabContent {width:100%}
	.searchTab {width:85px}
	#stateLinks {clear:both;border-top:1px solid #000;padding-top:10px}
	#dealerDistance,#dealerZipCode {clear:none;margin:6px 10px 0}
	#dealerZipCode {width:50px}
	#dealerStateCol1 {margin-left:0px}
	#browseLinks {min-height:330px}
	#browseStates .two.columns.alpha,.cityCol {width:105px}
	#shoppingTools a {width:354px}
	.browseStateLinkContainer2 {margin:0 0 2em 0}
	#longRow {width:748px}
	#longBox {width:364px}
	#browseTabsContainer {width:100%;margin-left:0}
	.browseTab h2 {font-size:22px}
}

/*==================================================
Responsive: mobile, portrait
Note: Design for a width of 320px
==================================================*/
@media only screen and (max-width: 479px) {
	#adContainer {margin:2em 0}
	#browseStates .two.columns.alpha {width:126px}
	#browseTabsContainer {width:100%;margin-left:0}
	#dealerDistance,#dealerZipCode {clear:none;margin:0}
	#dst2 {line-height:39px;margin:0 18px;float:left}
	#dealerSearchFormRow {width:290px}
	#dealerStateCol1 {margin-left:5px}
	#dealerSubmit {float:none;width:225px;margin:1em 0}
	#dealerTab {width:85px}
	#dealerZipCode {width:33%;float:right}
	#featuredDealersContainer {margin-top:2em}
	#homePageTabContainer {height:auto;padding-bottom:2em;background-size:cover}
	#homePageTabContent {padding-top:20px;width:auto}
	#homePageTabText {width:290px;margin-left:0px;height:auto;float:none;padding:20px 5px}
	#homePageTabs {float:none;border-radius:4px;margin-bottom:10px}
	#homePageTabs {width:100%}
	#longRow {width:300px}
	#longBox {width:300px}
	#newMake {width:290px}
	#newSubmit {float:none;width:225px;position:relative;top:-10px;left:-43px}
	#newTab {width:62px}
	#newTabText .usedTabCol1 .left {float:none}
	#newZip {width:270px;float:none}
	#searchAllContainer:hover {border-color:transparent;background:transparent}
	#searchAllLink {padding:0px}
	#shoppingTools a {width:auto}
	#stateLinks {clear:both;border-top:1px solid #000;padding-top:10px}
	#tradeTab {width:64px}
	.usaBg {width:260px;background-position:-87px -837px}
	#usedSubmit{float:none;width:225px;position:relative;top:-10px}
	#usedTab {width:64px}
	#usedTabText,#newTabText,#dealerTabText{width:290px;padding-bottom:2em}
	.advSearchLink {float:right;position:relative;top:75px}
	.browseStateLinkContainer,.browseStateLinkContainer2 {width:124px;margin:0 0 2em 0}
	.browseTab h2 {font-size:18px;margin-left:0px}
	.cityCol {width:125px}
	.errorMessage {width:85%}
	.errorWrapper {margin-bottom:1em}
	.browseTab h2.hidePhonePortrait {display:none}
	.loadingIcon {float:none;margin:0 auto}
	.makeModelSelect,.usedTabRow {width:100%}
	.priceBox,.zipBox {width:33%}
	.searchTab {float:left;margin:0px 0px 0px 5px;padding:10px 0px;width:auto;margin-top:5px;margin-bottom:5px}
	.shoppingToolsContainer {margin:1em 0}
	.shoppingToolsText {width:185px}
	.stateCol {width:140px;margin-left:5px}
	.tabTitle {font-size:18px}
	.usedTabCol1, .usedTabCol2 {float:none;padding:0px;width:290px;clear:both}
	.yearRangeText,.radiusRangeText {margin:0 20px}
	.yearSelect,.radiusSelect {width:40%}
}

/*==================================================
Responsive: mobile, landscape
Note: Design for a width of 480px
==================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#adContainer {margin:2em 0}
	#browseStates .two.columns.alpha {width:126px}
	#browseTabsContainer {width:100%;margin-left:0}
	#dealerDistance,#dealerZipCode {clear:none;margin:0}
	#dst2 {line-height:39px;margin:0 29px;float:left}
	#dealerSearchFormRow {width:380px}
	#dealerStateCol1 {margin-left:0px}
	#dealerSubmit {float:none;width:320px;margin:1em 0}
	#dealerZipCode {width:35%;float:right}
	#featuredDealersContainer {margin-top:2em}
	#homePageTabContainer {height:auto;padding-bottom:2em;background-size:cover}
	#homePageTabContent {padding-top:20px;width:auto}
	#homePageTabs {float:none;border-radius:4px;margin-bottom:10px;width:100%}
	#homePageTabText {width:380px;margin-left:0px;height:auto;float:none}
	#longRow {width:420px}
	#longBox {width:420px}
	#newMake {width:100%}
	#newZip {width:355px;float:none}
	#newTabText .usedTabCol1 .left {float:none}
	#searchAllContainer:hover {border-color:transparent;background:transparent}
	#searchAllLink {padding:0px}
	#shoppingTools a {width:auto}
	#stateLinks {clear:both;border-top:1px solid #000;padding-top:10px}
	#usedSubmit,#newSubmit {float:none;width:320px;position:relative;top:-10px}
	#usedTabText,#newTabText,#dealerTabText{width:380px;padding-bottom:2em}
	.advSearchLink {float:right;position:relative;top:75px}
	.browseStateLinkContainer,.browseStateLinkContainer2 {width:124px;margin:0 0 2em 0}
	.browseTab h2 {font-size:18px;margin-left:0px}
	.cityCol {width:185px}
	.errorWrapper {margin-bottom:1em}
	.loadingIcon {float:none;margin:0 auto}
	.makeModelSelect,.usedTabRow {width:100%}
	.priceBox,.zipBox {width:131px}
	.searchTab {float:left;margin:5px;padding:10px 0;width:95px}
	.shoppingToolsContainer {margin:1em 0}
	.shoppingToolsText {width:305px}
	.stateCol {width:126px}
	.tabTitle {font-size:24px}
	.usedTabCol1, .usedTabCol2 {float:none;padding:0px;width:380px;clear:both}
	.yearRangeText,.radiusRangeText {margin:0 30px}
	.yearSelect,.radiusSelect {width:40%}
}