/* ------ DIRECTIONS SPECIFIC ITEMS ------- */

#main {
	/*
	background: url(/images/bg-clientlist.png) top left no-repeat #ffffff;
	width: 620px;
	height: 460px;
	*/
	
	position: absolute;
	top: 106px;
	left: 135px;
}

#flash {
	width: 620px;
	height: 346px;
	
	position: absolute;
	top: -82px;
	left: -20px;
}

#footer {
	position: absolute;
	top: 330px;
}

#Q_directions_container {

	background:url("/directions/images/panel.jpg") no-repeat;
	
	width: 620px;
	height: 445px;
	
	position: absolute;
	top: 82px;
	left: 20px;
}


#directionSelector {
	width: 592px;
	height: 50px;
	background-color:#FF0000;
	color: #ffffff;
	
	position: absolute;
	top: 5px;
	left: 22px;

}

#directionSelector div {
	height: 50px;
	float: left; 
	padding: 5px;
	text-align:center;
}

#directionSelector .indicator {
	width: 230px;
	font-size: 13pt;
	font-weight: bold;
}

#directionSelector .indicator img {
	vertical-align:top;
}
#directionSelector .north {
	width: 160px;
	font-size: 13pt;
	font-weight: bold;
	border-left: 1px solid #ffffff;
}
#directionSelector .south {
	width: 160px;
	font-size: 13pt;
	font-weight: bold;
	border-left: 1px solid #ffffff;
}

#directionSelector a:link,
#directionSelector a:active,
#directionSelector a:visited {
	font-weight:normal;
	padding: 10px 10px 0 10px;
	
	color:#ffffff;
}
#directionSelector a:hover {
	font-weight:normal;
	
	color:#000000;
}

#directions {
	width: 380px;
	height: 265px;
	padding: 5px;
	
	position: absolute;
	top: 55px;
	left: 22px;
	
	overflow:auto;

}


#pdf {
	width: 180px;
	height: 120px;
	text-align: center;
	
	position: absolute;
	top: 200px;
	left: 420px;
	

}