/* ============ layoutDealerDetail.css =================
Author: Martin.Dube[AT]nurun.com
Updated: January 2008
Media: Screen
Content: Layout Google Map's infoWindow
======================================================== */

#dealerInfoWindow {
	position: relative;
	width: 350px;
	text-align: left;
	}

/* Google Tab Behavior */
#tab0_content,
#tab1_content,
#tab2_content,
#tab3_content {
	position: relative; 
	top : 10;
	left: 0;
	padding-top: 10;
	}
	/* Default status: tab0_content is VISIBLE */
	#tab1_content,
	#tab2_content,
	#tab3_content {
		display: none;
		}

/* reset html tags */
#infoWindow-container ul,
#infoWindow-container li,
#infoWindow-container dl,
#infoWindow-container dt,
#infoWindow-container dd {
	margin: 0;
	padding: 0;
	}
#infoWindow-container hr {
	display: none;
	}

/*------------------------
	Main frame
	IDs nomenclature provided by Google map: _tl = top left
--------------------------*/

/* central zone */
#dealerInfoWindow_contents {
	width: 350px;
	background-color: white;
	}

/* Surrounding frames */
#dealerInfoWindow_tl {
	width: 0px;
	height: 7px;
	background: transparent url(../DealerLocator/dealerInfoWindow_tl.png) no-repeat right bottom;
	} 
#dealerInfoWindow_t {
	width: 350px;
	height: 7px;
	background: transparent url(../DealerLocator/dealerInfoWindow_t.png) repeat-x center bottom;
	}
#dealerInfoWindow_tr {
	width: 4px;
	height: 7px;
	background: transparent url(../DealerLocator/dealerInfoWindow_tr.png) no-repeat left bottom;
	} 
#dealerInfoWindow_r {
	width: 4px;
	background: transparent url(../DealerLocator/dealerInfoWindow_r.png) repeat-y left center;
	}
#dealerInfoWindow_br {
	width: 4px;
	height: 14px;
	background: transparent url(../DealerLocator/dealerInfoWindow_br.png) no-repeat left top;
	}  
#dealerInfoWindow_b {
	width: 350px;
	height: 14px;
	background: transparent url(../DealerLocator/dealerInfoWindow_b.png) no-repeat right top;
	} 
#dealerInfoWindow_bl {
	width: 0px;
	height: 14px;
	background: transparent url(../DealerLocator/dealerInfoWindow_bl.png) no-repeat right top;
	} 
#dealerInfoWindow_l {
	width: 0px;
	background: transparent url(../DealerLocator/dealerInfoWindow_l.png) repeat-y right center;
	}
/* bottom pointer image */
#dealerInfoWindow_beak {
	width: 30px;
	height: 15px;
	background: transparent url(../DealerLocator/dealerInfoWindow_beak.png) no-repeat right top;
	}
/* top right buttons */
#dealerInfoWindow_close {
	width: 20px;
	height: 18px;
	background: transparent url(../DealerLocator/dealerInfoWindow_close.gif) no-repeat left bottom;
	cursor: pointer;
	}
/* loader image */
#loader { text-align: center; }
#loader img {
	margin: 50px auto 0 auto;
	border: 0;
	}

/*-----------------------------
	Content
------------------------------- */

/* -- Header design--  */

#infoWindow-header {
	position: relative;
	}
#infoWindow-header dl dt {
	clear: left;
	padding: 0 4px 4px 4px;
	color: white;
	background-color: #595959;
	}
#infoWindow-header dl dd {
	clear: left;
	padding: 10px 0 10px 44px;
	width: 180px;
	background: transparent url(../images/BRP-logo_30x30.gif) no-repeat 8px center;
	}
#infoWindow-header dl dd p {
	margin: 0;
	}
#infoWindow-header dl dd img {
	position: absolute;
	top: 26px;
	right: 20px;
	}

/* -- Tab design -- */

#infoWindow-tabs {
	height: 20px;
	margin: 0 8px;
	background: white url(../DealerLocator/bg-line-horizontal_gray.gif) repeat-x left 1.75em;
	}
#infoWindow-tabs ul {
	list-style: none;
	}
#infoWindow-tabs ul li {
	float: left;
	width: auto;
	height: 1.5em;
	margin: 0 4px 0 0;
	padding: 3px 8px 0 8px;
	text-align: center;
	border-top: 1px solid #595959;
	border-right: 1px solid #595959;
	border-bottom: 0;
	border-left: 1px solid #595959;
	background-color: white;
	cursor: pointer;
	z-index: 2;
	}

/* Tab toogle behavior
	#infoWindow-tabs ul li {
		color: white;
		background-color: #407ab2;
		}
	#infoWindow-tabs ul li.active {
		color: #407ab2;
		background-color: white;
		}
*/

/* Hide 3rd tab */
#infoWindow-tabs li#tab3 {
	display: none;
	}

/* -- Content design -- */

#infoWindow-content {
	padding: 0 8px 1.5em 8px;
	height:175px;
	overflow:auto;
	}

/* tab0 contents */
#infoWindow-content dl {
	clear: both;
	}
#infoWindow-content dl dt,
#infoWindow-content dl dd {
	padding: 2px 0;
	}

#infoWindow-content dl.contact dt {
	float: left;
	clear: left;
	width: 75px;
	}
#infoWindow-content dl.contact dd {
	float: left;
	width: 240px;
	}
#infoWindow-content dl.brands dt {
	padding-bottom: 0;
	}
#infoWindow-content dl.brands dd {
	padding-top: 0;
	}

/* tab1 contents */
#infoWindow-content table {
	width: auto;
	margin: 4px 0;
	font-size: 100%;
	border: 0;
	border-collapse: collapse;
	}
#infoWindow-content table th {
	padding: .2em 1.5em .2em 0;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	color: #7f7f7f;
	}
#infoWindow-content table td {
	padding: .2em 1.5em .2em 0;
	text-align: left;
	vertical-align: middle;
	}
table tr.row-hr td {
	height: 1px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1px;
	line-height: 1px;
	background: url(../DealerLocator/bg-line-horizontal_gray-dot.gif) repeat-x left center;
	}
	table tr.row-hr td hr {display:none;}

/* -- Bottom Buttons -- */

#infoWindow-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1.75em;
	background-color: #E5E5E5;
	}
#infoWindow-footer ul {
	margin-left: 8px;
	list-style: none;
	}
#infoWindow-footer ul li {
	float: left;
	width: auto;
	margin: 0 8px 0 0;
	padding: 4px;
	}
#infoWindow-footer ul li a {
	display: block;
	width: auto;
	padding: 0 0 0 14px;
	background: url(../DealerLocator/arrow_fwd_gray.gif) no-repeat left 0.2em;
	cursor: pointer;
	}