html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px;}


#top { min-width: 990px; width:100%; height:70px; margin:0 auto; position:relative; background: url(../design/dealer/BG_2.png) repeat-x top left; }

#top .panel { 
	position: absolute; 
	left: 0; 
	top: 0; 
	height: 60px;
	width: 600px
}

#top .panel .logo{ position:absolute; left:0; top:0;  width:195px; height:60px; }
#top .panel .logo a{  background:url(../design/menu/logo.png) 0 0 no-repeat; display:block; width:195px; height:60px; overflow:hidden; text-indent:-10000px; }
#top .panel .logo a:hover { background-position:0 -60px; } 

#top .panel ul { position:absolute; left:203px; top:5px; }
#top .panel ul li { display:block; float:left;}
#top .panel ul li span{ float:left; background: url(../design/bg_menu_li.png) 0 11px no-repeat; display:block; width:2px; height:60px; }
#top .panel ul li a { display:block; height:60px; background-position:0 0; background-repeat:no-repeat; text-indent:-10000px; margin-left:6px; overflow:hidden; }
#top .panel ul li a:hover { background-position:0 -60px; }

/* categories */
#top .panel ul li a.dealer { background-image:url(../design/menu/dealer.png); width:180px; }
#top .panel ul li a.distributor { background-image:url(../design/menu/distributor.png); width:186px; }

#top .links {
	position:absolute; 
	right: 0;
	top: 5px;
	width: 285px;
	height:60px;
}

#top .links ul li { display:block; float:left;}
#top .links span{ margin-right: 5px; float:left; background: url(../design/bg_menu_li.png) 0 11px no-repeat; display:block; width:2px; height:60px; }
#top .links ul li { display:block; margin-left:6px; overflow:hidden; color: #003366; margin-top: 22px;}
#top .links ul li a { color: #003366; }

#distributors {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#distributors .search_bar {
	width: 750px;
	margin: 0 auto;
}

#distributors .search_result {
	background: transparent url(../design/dealer/world_map.png) center 50px no-repeat;
	width: 100%;
	min-height: 574px;
	min-width: 980px;
	position: relative;
}

#distributors .search_result table {border: 2px solid #404040; margin: 0 auto;}
	#distributors .search_result table tr {color: #999999; border: 1px solid #404040;}
		#distributors .search_result table tr td {padding: 10px; border: 0px solid red; vertical-align: top;}

		#distributors .search_result table tr td.name {width: 200px; color: #fff; font-weight: bold;}
		#distributors .search_result table tr td.group {width: 200px;}
		#distributors .search_result table tr td.address {width: 200px; color: #b3b3b3;}
		#distributors .search_result table tr td.contact {width: 200px; color: #b3b3b3;}
		#distributors .search_result table tr td.map {width: 100px;}

		#distributors .search_result table tr td a {color: #b3b3b3;}
		#distributors .search_result table tr td a:hover {color: #fff;}

		#distributors .search_result table tr td.map a {display: block; height: 22px; padding: 12px 0 0 36px; background: transparent url(../design/distributor/map.png) left top no-repeat;}
		#distributors .search_result table tr td.map a:hover {background-position: left bottom;}

	#distributors .search_result table tr.head {background-color: #1a1a1a;}
	#distributors .search_result table tr.head td {color: #999; font-weight: normal;}

	#distributors .search_result table tr td.sorry {color: #999; text-align: center;}

#distributors #google_map {
	height: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
}

	#distributors #google_map .info {
		height: 100px;
	}
	
		#distributors #google_map .info h2 {
			color: #4d4d4d;
			font-size: 11px;
			font-weight: bold;
			padding-bottom: 4px;
		
		}

		#distributors #google_map .info p {
			color: #4d4d4d;
			font-size: 11px;
			font-weight: normal;
			padding-bottom: 2px;
		}