/* RESET */ 
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%; vertical-align: baseline; font-family:Verdana, sans-serif;}
input, select {	font-family:Arial, Helvetica, sans-serif;}

/* TYPOGRAPHY */ 
body { color:#393939; font-size:62.5%;}
a, a:link, a:active, a:visited, a:hover { color: #4388a1;	}
h1 { white-space:nowrap;	color: #363636;	font: bold 1.8em Arial;	}
h2.subtitle { 	font: bold 1em Verdana;	padding-bottom:5px!important; font-style:italic;}
h3 { font-size:1.1em; }
b { font-weight:bold; } 
.box_header {font-weight:bold; font-size:1.2em; }
#breadcrumbs, #listmap_tabs, .text_block, .box_content, #carDetails {font-size:1.1em; }
.location_title { font-size:1.2em; }
#header {font-size:1.2em; }

/* LAYOUT */
body { 	width: 750px;	margin: 0 auto;	background-color: #f1f1f1; }
#page { background:#FFF; position:relative; clear:both; width: 750px;}
#header { 	float: left;	width: 750px;	background-color: #EB2822; color: #ffffff;}
.hidden { 	display:none;	}
.clear { 	float:none!important;	clear:both;	}
 .footer { background:#f1f1f1;}
 
/** HEADER **/
#header span { 	float: right;	margin: 42px 20px 0 0; }
#header span a { 	text-decoration:none;	color:#FFF;	} 
#header img { 	float:left;	}

/** CONTENT **/
#content { 	border:1px solid #a2bdc8;	border-width:0 1px 1px 1px;	padding-top:60px;	} 
#banner { 	height:150px;	width:748px;	clear:both;	border-top:1px solid white;	}
#breadcrumbs, .left_block, .full_block { 	padding:12px 25px!important;	float:left;	clear:both;	}
#breadcrumbs { width:400px; }
.tight { padding-top:0px!important; }
h1, h2.subtitle {display:inline-block; width:auto; padding:0 10px 0 25px;	float:left;	clear:both;	}
#breadcrumbs .item { 	float:left;	}
.left_block { width:400px; margin:0;} 
.full_block { 	width:698px;	}
.fp_text {	padding: 0 25px 12px 25px; clear: both;	}

/** CAR TYPES **/
.left_block .title { margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom: 1px solid #bfbfbf; }
.detailContainer {width:500px; }
.detailContainer div {float: left; width: 150px;}
.detailContainer .value {width:250px; }
.detailContainer .value img {padding:0 2px; }
.mainCarImage { margin: 20px 10px 0 115px; height: 135px; }

/** DEAL BLOCKS **/
.left_box {float:left; border-radius:10px;	border:1px solid #d0dee3;	width:55%;	margin-right:5%;	overflow:hidden;	}
.box_header, .box_content {padding:5px 15px;	}
.left_box .box_header { 	background:#d0dee3;}
.right_box .box_header { border-bottom:1px solid #BFBFBF; }
.right_box .box_header, .right_box .box_content { padding-left:0px; }
.box_content .promoimg { float:left; padding:20px 20px 50px 0;}
.right_box { float:left; width:38%; padding:0; }
.skewed .left_box {width:65%; }
.skewed .right_box {width:28%; }
.action { font-weight:bold; color:#FFF!important; border:1px solid #ED514C; box-shadow:1px 1px 0 #C4211B; padding:2px 6px; margin:10px 5px; text-decoration:none; background:#EB2822;	}
.action.gray {border:1px solid #EDEDED; box-shadow:1px 1px 0 #C4C4C4; background:#EBEBEB;	color:#333!important;}
.title, .box_header { 	clear:both;	width:100%;	height:19px;	padding-top:5px;	}
.terms { cursor:pointer; }
.details { padding:10px 20px;}
.car { width: 23%; float: left; padding: 3% 1%; }
.car img { padding-bottom:5px; }
.car p {line-height:1.4em; font-size:0.9em; }
.box_content ul { padding-left:15px; }
	
/** CUSTOM TAB STYLES **/
#listmap_tabs, #tab_buttons { 	border:none;	background:none;	} 
#tab_buttons { 	border-bottom:1px solid #BFBFBF;	border-radius:0; }
#tab_buttons li { 	border-color:#BBB;	}
#tab_buttons .ui-state-active {	border-color:#bfbfbf!important;	}
.ui-tabs-panel { 	padding:1em 0em!important;	}

/* LOCATION LIST */
#list h3 { padding-bottom:3px; float:left; clear:both; border-bottom:1px solid #bfbfbf; display:block; width:400px;}
#list .hr { background:none; height:15px; margin:0; padding:0; float:left; clear:both; width:400px;}
.location { clear: both; padding:3px 5px 2px 5px; float: left; position:relative; width:390px; border-bottom:1px solid #F5F5F5; margin:0; } 
.location:hover, .location.expanded  { border-bottom:1px solid #D5D5D5; background: #F5F5F5; background: -moz-linear-gradient(top, #F5F5F5 1%, #E5E5E5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F5F5F5), color-stop(100%,#E5E5E5)); background: -webkit-linear-gradient(top, #F5F5F5 1%,#E5E5E5 100%); background: -o-linear-gradient(top, #F5F5F5 1%,#E5E5E5 100%); background: -ms-linear-gradient(top, #F5F5F5 1%,#E5E5E5 100%); background: linear-gradient(to bottom, #F5F5F5 1%,#E5E5E5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E5E5E5',GradientType=0 );}
.location:hover .checkrates, .location.expanded .checkrates { display:block;}
.addr_spacer { height:28px; float:left; }
.location.expanded .inline_info {display:none;}
.checkrates { float:right; margin:2px; clear:none; cursor: pointer;}
.loc_all_link { display:inline-block; clear:both; padding-top:5px; }
.location_title { color:#4388a1!important;	font-weight:bold;	display:inline-block; margin-right:8px;}
.location em {font-size:80%; }
.plane { 	float:left;	text-align:center;	margin: 2px 5px 0 0;	}

/* MAP */
#bing_map {	position:relative;	top:-11px;	left:0px;	height:300px; border:1px solid #BBB; }
.pin { padding:2px 2px 2px 8px; height:12px; border:1px solid #EB2822; background:#FFF; color:#EB2822; border-radius:2px; box-shadow:1px 1px 2px rgba(0,0,0,0.3); cursor:pointer; white-space:nowrap; }
.pin:after { content: ' '; position: absolute; top:-7px; left:5px; border-color:transparent transparent #FFF transparent; border-style: solid; border-width: 4px; width: 0; height: 0; }
.pin:before { content: ' '; position: absolute; top:-9px; left:4px; border-color:transparent transparent #EB2822 transparent; border-style: solid; border-width: 5px; width: 0; height: 0; }
.pin:hover, .pin.hovered { box-shadow:2px 2px 2px rgba(0,0,0,0.3); height:auto; width:auto; padding:2px 2px 2px 14px; *height:54px;}
.pin:hover .hidden, .pin.hovered .hidden { display:block; padding:0 4px;}
.pin .det {color:#3333EE; cursor:pointer; display:inline-block;}
.pin .action { position:relative; float:none; margin:5px 0 2px 0; display:inline-block; }
.planepin { background:url('../images/plane_trans.png') no-repeat top left #FFF; }
.neighborhoodpin { background:url('../images/neighborhood_trans.png') no-repeat top left #FFF; }
.MapPushpinBase {width:19px!important;}
.MapPushpinBase:hover, .MapPushpinBase.hovered {height:auto!important; width:auto!important;}

/* FOOTER START */
#copyright { margin:10px 0 20px 0; }
#copyright div { display: inline; float: left; }
#copyright .terms { float: right; }
/* FOOTER END */

/* SOCIAL SHARE */
#socialshare { font-size: 9px;left: 0 !important;line-height: normal;overflow: hidden;position: fixed;text-align: center;top: 70px;width: 70px; z-index: 100000;}
.fm { width:240px;  margin:20px 0 20px 10px; float:none;}
input[type="checkbox"] {margin-top:0; }


@media only screen and (max-width:932px) {
	#page { width:100%; max-width:910px; overflow:hidden; }
}

@media only screen and (max-width:680px) {
	body,
	h1,
	h2,
	#breadcrumbs,
	#header,
	#list h3,
	#page,
	.avis_form_modal .fm_block,
	.fm_block,
	.fm,
	.full_block,
	.left_block,
	.left_box,
	.location,
	.right_box,
	.skewed .left_box,
	.skewed .right_box { width: 100%; }

	h1,
	h2.subtitle,
	#breadcrumbs,
	.full_block,
	.fp_text,
	.left_block { padding-left: 0!important; padding-right: 0!important;}

	input[type="submit"],
	#header img,
	.left_block,
	.full_block,
	.right_box { float: none; }

	.right_box .box_content,
	.right_box .box_header { padding-left: 0; padding-right: 0; }

	h2.subtitle { padding-bottom: 10px!important; }

	#banner,
	#socialshare, #header span { display: none; }

	.mainCarImage,
	.typeCarImage { margin: 20px 0 0 0; text-align: center }

	#carDetails,
	#listmap_tabs { overflow: hidden; }

	#breadcrumbs { margin: 10px 0; padding-top: 0!important; padding-bottom: 0!important; }

	.avis_form_modal .ctr { text-align: center; }

	.avis_form_modal .fm { left: auto; margin-left: 0; border-radius: none; }

	.checkrates { display:block; margin: 4px 5px 0 0;}

	#content { padding: 60px 10px 0; }

	#copyright { margin: 10px 15px 20px; }

	.dealtext ul {  padding-left: 0; }
	.dealtext li { border-bottom: 1px solid #F5F5F5; height: 30px; line-height: 3em;list-style: none outside none; padding-left: 10px; }
	.dealtext li a { display: block; }

	.fm { margin: 12px auto; float: none; overflow: hidden; max-width: 480px; box-sizing: border-box; -moz-box-sizing: border-box; }

	.fp_text { padding-top: 12px; }

	#header { height: 72px; }
	#head img,
	#head div.nav { margin-left: 10px; }
	#head div.nav { float: none; margin: 3px 0 0 20px; }
	

	#list > a:last-child { display: block; text-align: right; }
	#list .hr { width: auto; margin-bottom: 10px;}

	.location { padding-right: 0; padding-left: 0; padding-top:6px; padding-bottom:6px;}
	
	.right_box .box_header { padding-top: 15px; }

	.checkrates { display:block; }
	
}

@media only screen and (max-width:465px) {
	.box { width: 60%; }
	.avis_form_modal .fm { border: none; top: 0; right: 0; left: 0; bottom: 0; margin: 0; width: 100%;}
	.avis_form_modal .fm_block { margin-right: 0; }
}