/*------ Map Studio 2009 - Greg Young, greg@lovelljohns.com -----------------------*/
/*------ Street Finder stand-alone stylesheet*/

/*------ Layers and style for full width street finder */
html {height:100%;}

#sfGrey	{
	position:relative;
	width:98%;
	height:25px;
	margin-top:5px;
	margin-bottom:5px;
	background:url(../images/sfGreyBarBack.jpg);
	margin-left:auto;
	margin-right:auto;
}	
#wrap {
	position:relative;
	width:98%;
	min-height:500px;
	margin:0 auto;
	background:url(../images/mainBG.jpg) repeat-y;
}
* html #wrap {height:100%} 
#inner-wrap {
	padding-bottom:80px;
}
#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
}

#inner-wrapUnder {
	padding-bottom:80px;
}
#inner-wrapUnder:after {
	content:" ";
	display:block;
	clear:both;
}


#leftMenu {
	float:left;
	width:301px;
}
#main {
	position:relative;
	margin-left:307px;
	text-align:left;
} 

#leftMenuUnder {
	float:right;
	width:212px;
	background:url(../images/rightUnerBack.jpg) repeat;
}
#mainUnder {
	position:relative;
	margin-right:216px;
	text-align:left;
	margin-top:7px;
}
#endPointList	{
	background:#FFFFFF;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#mapContainerWide {
	position:relative;
	height:650px;
	width:100%;
	max-width:1365px;
	background-color:#E0E0E0;
	background-image:url(../images/loadingTiles.gif);
	background-repeat:no-repeat;
	background-position:center 160px;
	cursor: pointer;
} 

#sfSearchBack	{
	position:relative;
	width:285px;
	height:117px;
	padding-top:8px;
	padding-left:15px;
	background:url(../images/sfSearchBack.jpg) no-repeat;
	color:#FFFFFF;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#imLookingFor	{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
#sfRadios	{
	margin-left:-2px;
}
#sfStreetName	{
	margin-top:0px;
	margin-left:0px;
}

.sfLeftSearchBox	{
	width:269px;
	height:24px;
	background:url(../images/sfSearchBox.jpg) no-repeat;
	padding:4px;
	font-size:16px;
	color:#333333;
	border:0px;
}
.sfLeftSearchBoxDC	{
	width:269px;
	height:24px;
	background:url(../images/sfDcBox.jpg) no-repeat;
	padding:4px;
	font-size:16px;
	color:#333333;
	border:0px;
}
.btnFindItSF	{
	cursor:pointer;
	margin-left:189px;
	margin-top:-3px;
}	
#sfDictionary	{
	position:relative;
	margin-top:12px;
	margin-left:4px;
	position:relative;
	width:296px;
	height:300px;
	overflow:auto;
	z-index:999999;
	display:none;
}
#sfPOITop	{
	position:relative;
	width:300px;
	height:38px;
	margin-top:7px;
}
#sfPOIBack	{
	position:relative;
	width:300px;
	height:112px;
	background:url(../images/sfPOIBack.jpg) no-repeat;
}
.sfpoiLists	{
	font-size:11px;
	margin-left:7px;
}
#sfPoiList1	{
	position:relative;
	width:150px;
	float:left;
}
#sfPoiList2	{
	position:relative;
	width:130px;
	float:left;
}
#sfDistanceTop	{
	position:relative;
	width:300px;
	height:38px;
	margin-top:7px;
}
#sfDistanceBack	{
	position:relative;
	width:290px;
	height:112px;
	background:url(../images/sfDistanceBack.jpg) no-repeat;
	padding-left:10px;
}

#sfDistanceCalc	{	
	position:relative;
	width:300px;
	z-index:999999;
	display:none;
	margin-top:7px;
}
#sfDcBack {
	position:relative;
	width:290px;
	margin-left:10px;
	padding-left:10px;
}
#sfShopTop	{
	position:relative;
	margin-top:7px;
	width:300px;
	height:38px;
}
#sfShopMiddle	{
	position:relative;
	width:290px;
	background:url(../images/sfShopBack.jpg) repeat-y;
	padding-left:5px;
	padding-right:5px;
}
#sfShopBottom	{
	position:relative;
	width:300px;
	height:11px;
	margin-top:-4px;
}
.indexDDSF	{
	width:265px;
	border:none;
	background:none;
}
.sfCTitle	{
	font-weight:bold;
	color:#FF6600;
}
#rightContainer	{
	position:relative;
	width:100%
}
#underMapContent	{
	position:relative;
	height:150px;
	background:#999999;
	margin-top:6px;
	margin-right:216px;
}
#underMapRight	{
	float:right;
	width:190px;
	height:150px;
	background:#006666;
}
.indexSFMS	{
	width:122px;
	height:21px;
	background:url(../images/sfBuller.png) no-repeat;
	padding-left:10px;
	padding-top:3px
}	

/*------ End of layers and style for full width street finder*/







#sfMenu	{
	position:relative;
	width:222px;
	min-height:500px;
	float:left;
	background:url(../images/sfLeftBack.jpg) no-repeat #F4F5F7;
}
#crossSell	{
	position:relative;
	width:190px;
	margin-top:10px;
	margin-left:10px;
}
#lookingFor	{
	margin-top:55px;
	margin-left:10px;
	margin-bottom:5px;
}
#radios	{
	margin-left:10px;
}
#streetName	{
	margin-top:12px;
	margin-left:10px;
}
#dictionary	{
	margin-left:10px;
	position:relative;
	width:203px;
	height:300px;
	overflow:auto;
	z-index:999999;
	display:none;
}
#poiTop	{
	position:relative;
	width:205px;
	height:26px;
	margin-top:10px;
	margin-left:10px;
}
#poiBack {
	position:relative;
	width:205px;
	min-height:150px;
	background:url(../images/poiBackground.jpg) repeat-y;
	margin-left:10px;
}
#poiBottom {
	position:relative;
	width:205px;
	height:9px;
	margin-left:10px;
	margin-top:-3px;
	clear:both;
}


#dcTop	{
	position:relative;
	width:205px;
	height:26px;
	margin-top:10px;
	margin-left:10px;
}
#dcBack {
	position:relative;
	width:195px;
	background:url(../images/poiBackground.jpg) repeat-y;
	margin-left:10px;
	padding-left:10px;
}
#dcBottom {
	position:relative;
	width:205px;
	height:9px;
	margin-left:10px;
	margin-top:-3px;
	clear:both;
	margin-bottom:15px;
}



.poiLists	{
	font-size:11px;
	margin-left:7px;
}
#poiList1	{
	position:relative;
	width:100px;
	margin-top:10px;
	float:left;
}
#poiList2	{
	position:relative;
	width:100px;
	margin-top:10px;
	float:left;
}


.rightPadding	{
	padding-right:15px;
}
.sfSearchBox	{
	width:205px;
	height:25px;
	border:0px;
	background:url(../images/txtStreetName.jpg) no-repeat;
	padding-top:4px;
	padding-left:5px;
	margin-left:10px;
}
.btnFindIt	{
	cursor:pointer;
	margin-left:154px;
	margin-top:1px;
}
#exLeft{
	position:relative;
	width:221px;
	height:400px;
	float:left;
	margin-right:2px;
}
#exMiddle	{
	position:relative;
	width:542px;
	float:left;
	margin-left:4px;
}
#exRight  {
	position:relative;
	width:217px;
	float:right;
}
#poiMiddle	{
	position:relative;
	width:764px;
	float:right;
}
#saMaps	{
	position:relative;
	width:543px;
	height:172px;
	background:url(../images/indexSAMaps.jpg) no-repeat;
	margin-top:4px;
}
#osaMaps	{
	position:relative;
	width:543px;
	height:172px;
	background:url(../images/indexSAMaps.jpg) no-repeat;
	margin-top:12px;
}
#azsaMaps	{
	position:relative;
	width:543px;
	height:172px;
	background:url(../images/indexSAMaps.jpg) no-repeat;
	margin-top:12px;
}
.saMaps	{
	position:absolute;
	font-size:21px;
	color:#333333;
	left: 6px;
	top: 10px;
	width: 307px;
}	
.saMapSelection	{
	position:absolute;
	font-size:10px;
	color:#333333;
	left: 303px;
	top: 21px;
	width: 240px;
}
#indexSearchShop	{
	position:relative;
	margin-top:4px;
	width221px;
	height:105px;
	background:url(../images/indexShopSearch.jpg) no-repeat;
}
.indexDD	{
	width:200px;
	margin-top:5px;
	margin-left:7px;
	border: 1px solid #999999;
}
.indexSearch	{
	width:198px;
	margin-top:4px;
	margin-left:7px;
	border: 1px solid #999999;
}
.indexMS	{
	width:122px;
	height:21px;
	background:url(../images/indexBullet.jpg) no-repeat;
	padding-left:10px;
	padding-top:3px
}	
#poisTop	{
	position:relative;
	width:761px;
	height:29px;
	padding-top:11px;
	padding-left:6px;
	font-size:21px;
	color:#333333;
	background:url(../images/poisTop.jpg) no-repeat;
	margin-bottom:25px;
	margin-top:4px;
}	
#buyMapsTop	{
	position:relative;
	width:215px;
	height:29px;
	background:url(../images/buyMapsTop.jpg) no-repeat;
	padding-top:11px;
	padding-left:5px;
	font-size:20px;
	margin-top:4px;
	color:#333333;
}
.csTitle	{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.csPrice	{
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}		
#crossSellMap	{
	position:absolute;
	right:7px;
	top:7px;
	width:140px;
	padding-left:12px;
	padding-top:12px;
	z-index:9999999;
	background-repeat:no-repeat;
	display:none;
	font-size:11px;
	text-align:centre;
}
#crossSellMapOpen	{
	position:absolute;
	right:7px;
	top:7px;
	width:140px;
	padding-left:12px;
	padding-top:12px;
	z-index:9999999;
	background-repeat:no-repeat;
	display:none;
	font-size:11px;
	text-align:centre;
}
#crossSellMapTop	{
	position:relative;
	width:140px;
	height:17px;
	background:url(../images/crossSellMapTop.png);

}
#crossSellMapMiddle	{
	position:relative;
	width:140px;
	min-height:50px;
	background:url(../images/crossSellMapMiddle.png) repeat-y;
	text-align:center;
}
#crossSellMapMiddleContent	{
	position:relative;
	width:130px;
	margin:0 auto;
	min-height:50px;
	text-align:center;
}
#crossSellMapBottom	{
	position:relative;
	width:140px;
	height:30px;
}
#distanceCalc	{	
	position:relative;
	width:200px;
	z-index:999999;
	display:none;
}
.crossTitle	{
	width:105px;
	font-size:11px;
	font-weight:bold;
	color:#336699;
}
.crossDistance	{
	width:105px;
	font-size:11px;
	font-weight:bold;
	color:#ff6600;
}
.crossPrice	{
	margin:0 auto;
	width:105px;
	font-size:11px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
}
.cTitle	{
	font-weight:bold;
	color:#FF6600;
}	
.cPrice	{
	font-weight:bold;
	font-size:14px;
	color:#FF0000;
}
#backTo{
	position:absolute; 
	width:190px;
	padding-left:30px; 
	height:33px;
	padding-top:8px; 
	background:url(../images/poiBack.png) no-repeat; 
	left: 229px; 
	top: 798px;
}
#backTo a:link{color:#ffffff;}

/*------- Rounded Corners */
.rContainer	{background:url(../images/underMapMiddle.jpg) repeat-x bottom;overflow:auto}
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%;overflow:auto}
.b {background: url(../images/dot.gif) 0 100% repeat-x;overflow:auto}
.l {background: url(../images/dot.gif) 0 0 repeat-y;overflow:auto}
.r {background: url(../images/dot.gif) 100% 0 repeat-y;overflow:auto}
.bl {background: url(../images/bl.png) 0 100% no-repeat;overflow:auto}
.br {background: url(../images/br.png) 100% 100% no-repeat;overflow:auto}
.tl {background: url(../images/tl.png) 0 0 no-repeat;overflow:auto}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:10px;overflow:auto}