/* ============== layoutPopup.css ===================
Author: Martin.Dube[AT]nurun.com
Updated: January 2008
Media: Screen
Content: Layout BRP's Dealer Locator Window
===================================================== */

/* JS function display manager */
.hidden {
	display: none;
	}

/*-------------------------
	HTML tags
---------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.75em;
	text-align: center;
	/*background: #686464 url(../DealerLocator/bg-body.gif) repeat scroll center top;*/
	background: #555;
	}
body.frame { 
	text-align: left;
	background-position: center -71px;
	overflow: hidden;
	}

/* link */
a {
	color: #595959;
	text-decoration: none;
	}
a:hover { text-decoration: underline; }

input {
	font-family: Verdana, Arial, Sans-Serif;
	color: #585858;
	background-color: white;
	}

dl {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
dl dt {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	}
dl dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
div {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	}
/* Title images */
h1, h2, h3, h4,
p.title {
	background-position: left top;
	background-repeat: no-repeat;
	}
h1 span, h2 span, h3 span, h4 span,
p.title span {
	display: none;
	}

/* HR */
.hr hr,
.dot-hr hr,
table tr.row-hr td hr{
	display:none;
	}
.hr,
.dot-hr{
	height: 1px;
	padding: 1px 0;
	font-size: 1px;
	line-height: 1px;
	}
	.hr		{ background: #585858; }
	.dot-hr	{ background: transparent url(../DealerLocator/bg-line-horizontal_gray-dot.gif) repeat-x left center; }

table tr.row-hr td{
	height: 1px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1px;
	line-height: 1px;
	background: transparent url(../DealerLocator/bg-line-horizontal_gray-dot.gif) repeat-x left center;
	}

/*-------------------------
	Contents positionning
--------------------------- */
#container {
	width: 740px;/*760px*/
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	}
#container #header,
#container #frame {
	width: 740px;
	}
	#container #header .header-content {
		float: left;
		width: 716px;
		padding: 0 8px 0 8px;
		border: 4px solid #fff;
		background-color: #595959;
		}
		#container #header img.logo {
			float: right;
			margin: 2px 0 0 0;
			}
		#container #header .main-title {
			float: left;
			width: 340px;
			height: 24px;
			margin: 4px 0 0 0;
			padding: 0;
			}
		#container #header #ti-culture {
			float: left;
			clear: left;
			width: 340px;
			height: 15px;
			margin: 0;
			padding: 0;
			}
#container #frame {
	margin-top: 4px;
	}
/* iframe contents */
#frame-container {
	}
#frame-container #content {
	float: left;
	width: 740px;
	height: 540px;
	font-size: 84%;
	color: #7f7f7f;
	}
	#frame-container #content .firstCollumn {
		float: left;	
		clear: left;
		width: 200px;
		margin-right: 4px;
		}	
	#frame-container #content .secondCollumn {
		float: right;
		clear: right;
		width: 508px;
		}

/*-------------------------
	Contents Styling
--------------------------- */

/* Left collumn */
#content {
	/*overflow: hidden;*/
	}
#content #search {
	padding: 10px 14px 5px 14px;
	background-color: white;
	}
	#search h2 {
		width: 180px;
		/* height: Refer to culture.css */
		margin: 0 0 18px 0;
		}
	#search ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
/* Used only on first load until points are displayed */
div.firstSearch #search ul li {
	margin: 0;
	padding: 0;
	background: none;
	}
div.firstSearch #advanceSearch {
	margin: 0;
	padding: 0;
	}
/* //Used only on first load until points are displayed */

#search ul li {
	width: 186px;
	margin: 0;
	padding: 0 0 0 14px;	
	background: url(../DealerLocator/arrow-bt.gif) no-repeat left 0.2em;
	}
#search ul li.new-search {
	padding-bottom: 4px;
	}
/* #search ul li a.active, */
#search ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
	}
#search ul li p {
	margin: 0;
	}
li.new-search #advanceSearch {
	padding: 4px 0 5px 0;
	width: 187px;	
	text-align: right;
	}
li.new-search #advanceSearch .note {
	margin: 0 0 9px 0;
	text-align: left;
	font-size: 92%;
	color: #585858;	
	}
li.new-search #advanceSearch input {
	width: 178px;
	margin: 0 5px 4px 0;
	border: 2px solid #595959;	
	}
	li.new-search #advanceSearch a.bt-submit {
		padding: 2px 5px 2px 5px;
		border: 2px solid #595959;
		width: auto;
		color: white;
		background: #595959;
		cursor: pointer;
		text-decoration: none;		
		}

/* Second collumn: Google Map */
#brpMapContent {
	float: left;
	clear: both;
	width: 500px;
	height: 380px;
	padding: 4px;
	background-color: #fff;
	margin-bottom: 4px;
	}
	#brpMap {	
		width: 500px;
		height: 380px;	
		text-align: center;
		background-color: #f0f0f0;
		}
		/* If user deseable his browser's javascript */
		#brpMap h3 {
			width: auto;
			margin: 100px auto;
			font-size: 180%;
			}
		#brpMap h3 a {
			color: #CCC;
			text-decoration: underline;
			}
			#brpMap h3 a:hover {
				color: #999;
				}

/* Second collumn: Map's bottom */
#brpFilter {
	float: left;
	clear: left;
	width: 500px;
	height: 140px;
	padding: 4px;
	background-color: #fff;
	}
#brand-filter,
#dealertype-filter  {
	float: left;
	clear: both;
	width: 500px;
	color: #585858;
	}
#brand-filter p {
	margin: 0 0 8px 0;
	}
#brand-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#brand-filter ul li {
	float: left;
	width: 20%;
	min-width: 115px;
	min-height: 5em;
	margin: 0 5px 5px 0;
	padding: 0 0 0 4px;
	border-left: 1px solid #ababab;
	}
	
/* Brand title images */
#brand-filter li dt span {
	display: none;
	}
#brand-filter li dt {
	height: 9px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	#brand-filter li.skidoo dt	{ width: 39px; background-image: url(../DealerLocator/brand-filter_skidoo.gif) }
	#brand-filter li.lynx dt	{ width: 39px; background-image: url(../DealerLocator/brand-filter_lynx.gif) }
	#brand-filter li.canam dt	{ width: 37px; background-image: url(../DealerLocator/brand-filter_canam.gif) }
	#brand-filter li.seadoo dt	{ width: 41px; background-image: url(../DealerLocator/brand-filter_seadoo.gif) }
	#brand-filter li.evinrude-jonhson dt { width: 100px; background-image: url(../DealerLocator/brand-filter_evinrude-johnson.gif) }

#brand-filter li dd {
	background-color: white;
	}
	#brand-filter li dd input {
		float: left;
		clear: left;	
		margin: 3px 5px 0 0;
		width: 15px;
		background-color: #fff;
		}
	#brand-filter li dd label {
		float: left;
		clear: right;
		margin: 3px 0 0 0;
		width: 95px;
		}
#dealertype-filter p {
	margin: 0 0 8px 0;
	}
#dealertype-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#dealertype-filter ul li {
		float: left;
		width: 22%;
		margin: 0 9px 9px 0;
		padding: 0 0 0 4px;
		border-left: 1px solid #ababab;
		}
	#dealertype-filter li dt span {
		display: none;
		}
	#dealertype-filter li dt {
		height: 9px;
		background-repeat: no-repeat;
		background-position: top left;
		display: none;
		}
		#dealertype-filter li dd {
			background-color: white;
			}
		#dealertype-filter li dd input {
			background-color: white;
			}

/* First collumn results, positionned under Search */

#content .scroll-container {
	height: 260px;
	padding: 5px 0px 10px 0px;
	overflow: auto;
	background-color: white;
	border: 4px solid white;
	}
.scroll-container #dealers {
	width: auto;
	}
#content div.searchInfoPanel{
	background-color: white;
	height: 100%;/*380px*/
	padding: 0 14px;
	float: left;
	}
	/* searchInfoPanel different states */
	#content div.notFilled{
		height: 100%;/*324px*/
		}
	#content div.desactivated {
		height: 100%;/*304px*/
		overflow: hidden;
		}
	/* //searchInfoPanel different states */

/* Adress helper management */
#content div.ambiguousApplied #results {
	display: block;
	}
#content div#results #ambiguous {
	display: none;
	}
#content div.ambiguousApplied #results #ambiguous {
	display: block;
	}
/* //Adress helper management */

#content div.searchLayer{
	background-image: url(../images/bkg_SearchLayer.gif);
	background-repeat: repeat-x;
	background-position: center 0;
	padding: 10px 0;
	}	
#content div.searchLayer h2{
	padding: 0;
	margin: 0;
	}
#content div.searchLayer div.closed,
#content div.searchLayer ul.closed,
#content div.desactivated div.infoBox {
	display:none;
	}
#content div.infoBox {
	margin-top: 10px;
	height: 245px;
	overflow: auto;
	width: 200px;
	background-color: white;
	}
	#content div.ambiguousPanel {
		height: 180px;
		}
dl#dealers dt {
	padding: 5px 5px 3px 10px;
	text-transform: capitalize;
	background-color: #f0f0f0;
	cursor: pointer;	
	}
dl#dealers dd {
	padding: 2px 5px 20px 10px;	
	}
dl#dealers dd p{
	text-transform: uppercase;
	margin: 4px 0;
	padding: 0;
	}
/* logo Certified Dealer */
dl#dealers dd p.certified{
	float: right;
	width: 66px;
	height: 24px;
	margin: 0;
	padding: 0;
	}
	dl#dealers dd p.certified span {
		display: none;
		}

dl#dealers dd div.quicklink {
	width: 100px;
	margin-top: 4px;
	}
dl#dealers dd div.quicklink ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
dl#dealers dd div.quicklink ul li {
	width: 160px;
	padding-left: 9px;
	background: url(../DealerLocator/arrow-right.gif) no-repeat left center;
	}
dl#dealers dd div.quicklink ul li a{
	text-transform: capitalize;
	}
			
/* routeFinderTool */
#routeFinderTool{
	color: #808080;
	}
#routeFinderTool label,
#routeFinderTool input,
#routeFinderTool span,
#routeFinderTool dl {
	float: left;
	clear: both;
	}
#routeFinderTool label,
#routeFinderTool span {
	margin-top: 8px;
	text-transform: uppercase;	
	font-weight: bold;
	}
#routeFinderTool input {
	margin-top: 4px;
	border: 1px solid #A7ACB0;
	width: 178px;
	}
#routeFinderTool #arrivalDealer dl {
	padding: 5px 0;
	}
#routeFinderTool #arrivalDealer dl dt {
	font-weight: bold;
	text-transform: uppercase;
	}	
#routeFinderTool #arrivalDealer dl dd p {
	margin: 0;
	padding: 0;
	}	
#routeFinderTool #arrivalDealer a {
	display: none;
	}	
#routeFinderTool input.bt-go {
	width: auto;
	border: solid 2px #407FB2;
	margin-left: 144px;
	background-color: #407AB2;
	background-image: none;
	cursor: pointer;
	color: White;	
	}
#routeFinderTool a.bt-submit {
    float: left;
	clear: both;
    padding: 4px;
    text-transform: uppercase;
    border: 1px solid #A7ACB0;
    }
	#routeFinderTool a.bt-submit span {
	    cursor: hand;
	    cursor: pointer;
	    margin-top: 0;
        }
/* ---[ Fix Float ]------------------------------- */	
#container:after,
#header:after,
#frame:after,
#frame-container:after,
#content:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#container,
#header,
#frame,
#frame-container,
#content,
.clearfix {
	display: inline-table;
	}	
/* hides from IE-mac \*/
* html #container,
* html #header,
* html #frame,
* html #frame-container,
* html #content,
* html .clearfix {
	height: 1px;
	}
#container,
#header,
#frame,
#frame-container,
#content,
.clearfix {
	display: block;
	}
/* end hide from IE-mac */