/* @override http://monkey.local/trackerboatsaustralia.com.au/squelettes/css/habillage.css */
/* @override http://www.trackerboatsaustralia.com.au/squelettes/css/habillage.css */

/* @group Layout */
	body {
		font-family: Helvetica;
	}

	#hdw, #bdw, #ftw { width: 100%; clear: both; }
	#hd, #bd, #ft {
		display: block;
		width: 955px; 
		margin: 0 auto;
		clear: both;
	}

	#hd { height: auto !important; height: 104px; min-height: 104px; }
	#bd { height: auto !important; height: 474px; min-height: 474px; position: relative; overflow: auto; }
	#top { width: 100%; background: black;}
	#top img { margin-left: 70px;}

	hr.clear { clear: left; margin: 0; padding: 0; border: 0; height: 0px; width: 0px; line-height: 0px; visibility: hidden; display: none;}
	
/* @end */

/* @group Backgrounds */
	html, body { background: #e5edf3 url(../images/hd.gif) repeat-x top left; }

	#hdw { background:  #e5edf3 url(../images/waves.gif) repeat-x bottom left; }
	
	#bdw { background: black url(../images/pattern-stripes.gif); }
	#bd { background: black  url(../images/bd-bg.gif) repeat-y top left; }	

	#ftw {
		background:  #e5edf3 url(../images/ft.gif) repeat-x top left; 
		height: auto !important; height: 101px; min-height: 101px;
	}
	
/* @end */

/* @group Menus */
	#hd h1 { display: block; float: left; padding: 36px 0 1px 0;
		background: url(../images/logo-bg.gif) no-repeat 0 0;
		margin: 0;
	}
	#hd h1 img {
		margin-left: 34px;
		vertical-align: top;
	}
	#headline { display: block; width: 486px; height: 24px; line-height: 24px; float: right; margin: 0 0 12px 0;
		background: #e3f1f4; border-color: #2b3952; border-style: solid; border-width: 0 3px; padding: 0 7px;
		font-family: Arial; font-style: italic; font-size: 13px;
	}
	#headline strong.spip { color: black; font-weight: bold; font-style: italic;}
	 
	/* @group Tabs */
		.menu .tab, .menu .tab span {
			display: block; height: 24px; line-height: 24px; width: auto !important; width: 190px; max-width: 180px; 
			text-align: center;
		}
		.menu .tab {
			padding-left: 10px;
			margin-right: 10px;
			margin-left: 5px;
			background: url(../images/tab-off.png) no-repeat top left;
			font-size: 11px;
		}
		.menu .tab span {
			padding-right: 10px;
			margin-right: -10px;
			background: url(../images/tab-off.png) no-repeat top right;
		}
		.menu .current .tab, .menu li:hover .tab { background: url(../images/tab-on.png) no-repeat top left; }
		.menu .current .tab span, .menu li:hover .tab span { background: url(../images/tab-on.png) no-repeat top right; }
		
		.tab, .tab a:link, .tab a:hover, .tab a:visited {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			font-family: helvetica;
		}
	/* @end */
	/* @group Dropdowns */
		
		body #hd ul.menu {
			float: right;
			margin-top: 45px;
		}
		#hd ul.menu, ul.menu li {
			display: block;
			width: auto;
			list-style: none;
			margin: 0; padding: 0;
		}
		#hd ul.menu > li {
			float: left;
		}
		.menu li.hd { color: white; font-weight: bold; 
			background: #af1010 url(../images/menu-hd-bg.png) repeat-y top left;
			border: none;
		}
		.menu li.hd span { padding-left: 8px; }
		.menu li { position: relative; height: 24px; line-height: 24px; }
		.menu li ul { position: absolute; width: 100%; z-index: 100000000; }
		.menu li li ul { left: 100%; width: 200px; }
		.menu li li { margin: 0 0 0 5px; border-top: 1px solid #d9d9d9; background: white; }
		.menu li li li { position: block; vertical-align: top; margin: 0; }
		.menu li ul li li {
			background: none;
		}
		.menu li ul ul { top: 0; }
		.menu li ul { display: none; }
		.menu li.exposed ul { display: block; }
		.menu li.exposed ul ul { display: none; }
		.menu li.exposed ul li.exposed ul { display: block; background: #f3f8fb url(../images/menu-li-bg.png) repeat-y top left;  }
		
		.menu li li a { display: block; height: 24px; line-height: 24px; padding: 0 0 0 4px; margin: 0 0 0 4px; 
			color: #231f20; text-decoration: none; vertical-align: top; }
 
		.menu li li.exposed a, .menu li li a.current, .menu li li.exposed li a:hover, html body .menu li li li a.current
		 { margin: 0; border-left: 4px solid #FB012F; color: #FB012F; }
		.menu li li.exposed li a { padding: 0 0 0 4px; margin: 0 0 0 4px; border-left: none; 
			color: #231f20; text-decoration: none;}

	/* @end */


	
	/* @group Brand List */
		.brandlist .brandlist {
			display: block; overflow: auto;
			background: url(../images/header-bg.gif) repeat-x top left;
		}
		div.brandlist img { margin-top: 1em; }
		.brandlist li.series h3 {
			background-color: #2b3952; color: #ffffff; 
			line-height: 1; clear: both; padding: 4px 15px;
			font-size: 136.36364%;
		}
		.brandlist li.series {
			display: block; float: right;
			border-style: dotted; border-color: #bac4cd; border-width: 0 1px;
			margin-left: -1px;
			font-size: 85%;
			background: white;
		}
		.brandlist li.series ul { padding: 6px 0; min-height: 5em; }
		.brandlist li.model { padding: 2px 15px; }
		.brandlist li.model a { color: black; }
		.brandlist li.model a:hover, .brandlist li.model a:focus, .brandlist li.model a:active { color: #fb021f; }
		.brandlist strong { font-weight: bold; text-decoration: underline; }
				
		#section2 .brandlist h2 { display: none; }
	/* @end */
/* @end */


#bd #brands { width: 160px; float: left; }
#bd #brands ul img { width: 140px; vertical-align: top; border-right: 8px solid #4d0009; }
#bd #brands li.on img { border-right: 8px solid #fb021f; }
#bd #brands a { display: block; text-decoration: none; color: white; border-left: 4px solid black; }
#bd #brands a:hover, #bd #brands a:focus, #bd #brands a:active {
	outline: 0; border-left: 4px solid #fb021f;
}
#bd #brands img.badge { display: block; text-align: center; margin: 50px 24px 0 16px; }

#bd #content { display: block; float: left; width: 770px; background: #ffffff;
	margin-right: 1px;
	padding: 0 8px;
	border-left: 8px solid #fb021f;
}

#bd #content h2 { background-color: #2b3952; color: #ffffff; font-size: 116%; line-height: 1; clear: both; padding: 4px; }
#bd #content h2 span.part1 { text-transform: uppercase; }


#ft { text-transform: uppercase; color: white; font-family: Helvetica; font-weight: bold; font-size: 77%; text-align: right; 
	background: url(../images/ft-bg.png) no-repeat top right;
}
#ft p { padding: 1em 1em 2em 0; }
#ft a, #ft a:link, #ft a:visited { color: #034251; text-decoration: none; }
#ft a:hover, #ft a:active, #ft a:focus { border-bottom: 1px dotted #034251; }
#ft .credits, #ft .credits a { color: #c6d0d3; text-decoration: none; }
#ft .credits a:hover, #ft .credits a:focus { color: #eee; border: none;}
#ft .credits a:hover span, #ft .credits a:focus span { color: orange; }

/* @group Specialised */

	/* @group Home */
		#section0 #bd {
			margin-top: 0; 
			position: relative;
		}
		/*
		#section0 #specials { position: absolute; top: 0; right: 30px; background:url(../images/home-specials.png) no-repeat left top; width: 90px; padding: 115px 18px 0 34px; height: 222px; color: #fff; font-size: 14px; font-family: Helvetica Neue, Helvetica, Geneva, sans-serif; z-index: 999; }
		#section0 #specials p { margin-top: 0; padding-bottom: 10px; }*/
		#section0 #specials { display: none; }
		#section0 #bd #brands {
			display: block; height: 474px; width: 517px; overflow: hidden;
			position: absolute; top: 0; left: 0; z-index: 1000;
			background: url(../images/brands-bg.png) no-repeat 4px 0;
		}
		#section0 #bd #brands ul { margin-top:  69px;}
		#section0 #bd #brands li { width: 700px; }
		#section0 #bd #brands img { width: auto; vertical-align: top; border-right: none; margin: 0; padding: 0;}
		#section0 #bd #brands ul .tag { 
			display: none; height: 40px; line-height: 40px;
			position: absolute; bottom: 0; left: 158px; 
			font-family: Arial, Helvetica Neue, Helvetica, Geneva, sans-serif;
			color: white; text-decoration: none; 
			font-size: 11px;
		}
		
		#section0 #bd #brands ul a:hover .tag, #section0 #bd #brands ul a:focus .tag, 
		#section0 #bd #brands ul a:active .tag { display: block; }
		
		#slideshow { float: right; }
		#slideshow li { position: absolute; top: 0; right: 0; }
		#slideshow img { vertical-align: top; }
	/* @end */
	
	/* @group Products */
		.boats {
	 		padding: 4px 4px 0 4px;
	 		border-width: 0 1px 1px 1px;
	 		border-style: solid;
	 		border-color: #cdc9c3;
	 		margin-bottom: 8px;
		}
		.boat {
			clear: left;
			overflow: auto;
			padding: 0 0 4px 0;
		}
		.boat img, .boat ul, .boat .descr {
			display: block; float: left;
		}
		.boat img { width: 183px; height: 120px; }
		.boat ul li { 
			width: 164px; height: 30px; line-height: 30px; margin: 0 0 0 2px;  padding: 0; border: 0;
			font-family: Helvetica; font-size: 93%; font-weight: bold;
			text-align: left; color: #ffffff;
		}
		.boat ul a { display: block; background: url(../images/button.gif) no-repeat 0 0; 
		padding: 0 4px; color: #ffffff; text-decoration: none;}
		.boat ul a:hover, .boat ul a:focus {background: url(../images/button-on.gif) no-repeat 0 0; }
		.boat ul span { display: block; background: url(../images/button-on.gif) no-repeat 0 0; padding: 0 4px;}
		.boat .descr { 
			width: 389px; height: auto !important; height: 100px; min-height: 100px; padding: 10px;
			margin-left: 2px; background-color: #e8e5e0;
		}
		#bd #content .boat .descr h2 {
			font-size: 93%; font-weight: bold; color: #000000; background: none;
			padding: 0; margin: 0;
			text-decoration: underline;
		}
		
		.boattest {
			 margin: 11px 0 45px 0;
			 text-align: center;
		}
	/* @end; */
	/* @group Profile */
		#section4 #content .content { display: block; overflow: auto;margin:10px 0 0 0;padding:10px;background: #e8e5e0;}
		#section4 #content .content div { display: block; width: 375px; float: left; margin: 0 20px 0 0;}
		#section4 #content .content strong.spip { color: black; font-weight: bold; }
		#section4 #content .content p { margin: 0 0 1em 0; }
	/* @end */
	
	/* @group Links */
		.links { margin: 12px 0; padding: 14px 14px; clear: both; overflow: auto;}
		.links h3 { display: block; width: 192px; float: left; font-size: 93%; font-weight: bold; }
		.links ul { display: block; width: 550px; float: left;}
		.links ul strong.spip {
			display: block; float: left; width: 245px; font-size: 93%; font-weight: bold; color: black; 
			padding-right: 6px;
		}
		.links ul a {
			display: block; width: 290px; text-decoration: none; font-weight: normal; font-size: 93%;
			float: left; clear: right; padding-left: 6px;
		}
		.links ul a:link {
			color: black; text-decoration: none;
		}
		.links ul a:hover, .links ul a:focus {
			text-decoration: underline; border: none; outline: none;
		}
		.links ul a:visited, .links ul a:active {
			color: darkgrey; border: none; outline: none;
		}
		.links ul.spip li.spip { clear: left; list-style: none; margin: 0; padding: 0; overflow: auto;}
		.odd { background: #e8e5e0; }
	/* @end */
	/* @group Dealers */
		#section3 .content {
			display: block; overflow: auto;
			margin: 10px 0;
			padding: 10px;
		}
		.dealers {
			display: block; float: left; width: 228px;
			margin: 0 20px 0 0;
			border-top: 1px solid #939598;
		}
		.vcard { border-bottom: 1px solid #939598; padding: 9px 5px; }
		.vcard.special { background: url(../images/pattern-brands.gif);}
		.vcard, .bubble {
			font-family: Arial;
			font-size: 93%;
		}
		.vcard h3, .bubble h3 { font-weight: bold; cursor: pointer; }
		.vcard h4 { color: #cb3226; font-weight: bold; font-size: 90%;}
		.vcard h3 img { vertical-align: bottom; }
		.bubble h3 img { display: none;}
		.vcard a, .bubble a { color: #939598; text-decoration: none; }
		.vcard h3 a, .bubble h3 a { color:  #000; } 
		.vcard a:focus, .vcard a:hover, .vcard a:active,
		.bubble a:focus, .bubble a:hover, .bubble a:active { text-decoration: underline; }
		.vcard .range, .bubble .range { font-size: 80%; color: #939598; }
		.vcard .geo, .bubble .geo { font-size: 70%; color: #939598; }
		
		.intro { display: block; width: 502px; float: left; margin: 0 0 20px 0; }
		.intro strong.spip { font-weight: bold; color: black; }
		.intro strong.spip a { color: #fb021f; text-decoration: none; }
		.intro strong.spip a:focus, 
		.intro strong.spip a:active, 
		.intro strong.spip a:hover  { color: #fb021f; text-decoration: underline; }

		#map {
			display: block; float: left;
			width: 500px; height: 450px;
			border: 1px solid #939598;
		}
		#map img { z-index: 10000000;}
	/* @end */
	/* @group Contact */
		#section6 #content .content {
			display: block; overflow: auto;
			margin: 10px 0;
			padding: 10px;
		}
		#section6 .col { display: block; width: 50%; float: left; }
		#section6 #part1 { width: 270px; }
		#section6 #part2 { width: 470px; }
		#section6 #part3 { width: 100%; }
		
		#section6 strong.spip { color: black; font-weight: bold; }
		
		form { display: block; margin: 1em 0;}
		form fieldset { width: 100%;}
		
		form label, form #nobotnobot-1 { display: none; }
		form .spip_form_champ label { display: inline;}
		
		form .spip_form_label_details,
		form .spip_form_label_obligatoire, 
		form legend { display: none; }
		form .spip_form_champ { display: block; overflow: auto; clear: both; margin: 1ex 0;}
		
		form input, form textarea, form select { 
			width: 66%; background-color: #f4f2f0; border:  1px solid #747270; padding: 1px 2px;
			margin-bottom: 0.7em;
		}
		form textarea { width: 449px; }
		form .spip_form_choix_multiple input { width: auto; margin: 0 1em 0 0; vertical-align: middle;}
		.spip_bouton { width: 449px; padding: 3px 2px 1px 2px;}
		.spip_bouton input { width: auto; border-width: 1px 2px 2px 1px; }
		span.erreur {
			display: block;
			float: right;
			font-size: 70%;
			color: red;
		}		
		form .champ_obli_oubli {
			border-color: red;
			margin-bottom: 0;
		}
		form .spip_form_label { display: block; width: 30%; float: left;}

		form input:focus, form textarea:focus { outline: 0}

	/* @end */
	/* @group News */
	#section73 .content {
		background: #E8E5E0 url(../images/news-bg.gif) repeat-y top left;
		margin: 10px 0 0 0; padding: 0;
		border: solid #EBEAE5;
		border-width: 10px 0;
		overflow: auto;
	}
	#section73 .content .news { width: 575px; padding: 0 12px 12px 12px;}
	#section73 .content .archive { width: 137px; float: right; margin-right: 11px; padding: 12px;}
	
	#section73 #bd #content .content h2 { background: none; font-family: Arial; font-weight: bold; font-size: 14px; color: black; padding-left: 0; margin: 0 0 5px 0; clear: none;}
	#section73 .content h2 span { color: #2b3952; font-size: 12px; line-height: 14px; }
	#section73 .content .bd { width: 370px; padding-right: 20px;float: left; clear: left;}
	#section73 .content .bd p.spip{ margin-bottom: 12px;}
	#section73 .content .photo {  }
	#section73 .content hr { width: 576px; background: white; border: 0; height: 2px; margin: 10px 0; clear: left;}
	
	#section73 .content .archive h2 { text-transform: uppercase; }
	#section73 .content .archive h4 { margin: 15px 0 0 0; font-weight: bold; }

#section73 .content .archive h4 { margin: 15px 0 0 0; font-weight: bold; }
	#section73 .content .archive h4 span { background: white; padding: 2px 4px; }
	#section73 .content .archive ul { margin: 0 0 10px 0;}
	#section73 .content .archive li { display: block; margin: 10px 0 0 0; font-size: 11px; }
	#section73 .content .archive li span { display: block; color: #2b3952; font-weight: bold;  }
	#section73 .content .archive a { color: black; }
	/* @end */
	
/* @end */

/* @group Boat Pages */
	#boatpage {
		display: block; overflow: auto;
		margin-top: 24px;
		background: url(../images/bd-bg.gif) repeat-y top right;
	}
	#boatpage #side { display: block; width: 183px; float: left; }
	#boatpage #side img { padding: 0 0 2px 0; vertical-align: top; }
	#boatpage #main {
		display: block; width: 565px; float: left;
		margin-left: 2px; padding: 10px 0 10px 10px;
		background: #e8e5e0;
	}
	.boats .brandlist, .brandlist .brandlist {
		clear: both; 
		margin: 4px 0;
		background: url(../images/pattern-brands.gif) repeat 4px 0;
		overflow: auto;
	}

	.brandlist .serieses {
		overflow: auto;
		background: url(../images/header-bg.gif) repeat-x top left;
	}

	/* @group Specification */
		#boatpage.boatpage1 #main .col { }
	/* @end */
	
	/* @group Gallery */
		.cue { margin-top: 10px; }
		#boatpage.boatpage2 {
			margin-top: 2px;
		}
	
		#boatpage.boatpage2 #side img {
			float: left;
		}
		#boatpage.boatpage2 #main {
			padding: 0; margin: 0 0 0 2px; width: 575px;
		}
	/* @end */
	
	/* @group Features/Options and Motors */
		#boatpage.boatpage4 #main .col, #boatpage.boatpage3 #main .col {
			display: block; float: left; width: 272px; padding: 0 10px 0 0;
		}
	/* @end */


	#boatpage h3 { font-family: Helvetica; font-weight: bold; text-transform: uppercase; margin-bottom: 0.75em; }
	#boatpage strong.spip { display: block; font-weight: bold; color: black; margin-bottom: 0.1ex; }
	#boatpage ul.spip { font-size: 77%; margin: 0 0 1.5em 3ex; }
	#boatpage ul.spip li { list-style: disc outside; line-height: 1.4; }

	#boatpage #main table caption
	{ background: white; text-align: center; font-weight: bold; padding: 5px; margin-bottom: 5px;}
	#boatpage #main table tbody tr td {
		font-size: 93%;
		border-bottom: 1px solid grey;
		padding: 5px 2em 5px 5px;
	}

/* @end */

ol.spip, ul.spip { margin: 0 0 1.5em 3ex; }

ul.spip li { list-style: disc outside; line-height: 1.5em; }
ol.spip li { list-style: decimal outside; line-height: 1.4em;}

strong.spip {
	color: #fb021f; 
}

strong.spip a { color: black; text-decoration: none; }
strong.spip a:focus, strong.spip a:active, strong.spip a:hover  { color: black; text-decoration: underline; }