/*------ 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;
}	
#allBProducts	{
	position:relative;
	padding-top:5px;
	width:295px;
	padding-left:5px;
	height:20px;
	margin-bottom:5px;
	background:url(../images/allBProducts.jpg) no-repeat;
}
#allBMenu	{
	position:absolute;
	width:280px;
	height:99px;
	background:url(../images/allBMenu.jpg) no-repeat;
	top: 24px;
	z-index:999999;
	display:none;
	padding:10px;
}
#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;	
	/*position:relative;
	padding-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;
} 

/*
IE9 problem - drawing extents
#mapContainerWide {
	left: 0px;
	top: 0px;
	position:absolute;
	height:650px;
	width:100%;
	max-width:1365px;
	min-width:600px;
	background-color:#E0E0E0;  
	background-image:url(../images/loadingTiles.gif);
	background-repeat:no-repeat;
	background-position:center 160px;
}*/

#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;
}
.bLeftSearchBox	{
	width:269px;
	height:24px;
	background:url(../images/bLeftSearchBox.jpg) no-repeat;
	padding:4px;
	font-size:16px;
	color:#333333;
	border:0px;
}
.bLeftSearchBox	{
	width:269px;
	height:24px;
	background:url(../images/bLeftSearchBox.jpg) no-repeat;
	padding:4px;
	font-size:16px;
	color:#333333;
	border:0px;
}
.bLeftDD	{
	width:274px;
	height:28px;
	background:url(../images/bLeftSearchBox.jpg) no-repeat;
	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:290px;
	height:175px;
	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:767px;
	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;
}

#steps	{
	position:relative;
	width:280px;
	height:588px;
	padding:10px;
	margin-top:1px;
	background:url(../images/stepsbackground.jpg) no-repeat;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#step1Background	{
	position:relative;
	width:280px;
	min-height:117px;
	background-color:#2F60BF;
	background-image:url(../images/stepsbackground.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:10px;
	margin-top:-3px;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#backTo a:link{color:#ffffff;}

#palCont	{
	position:relative;
	width:145px;
	height:122px;
	padding:12px;
	background:url(../images/paletteContainer.jpg) no-repeat;
	float:left;
}
#colorSample	{
	position:relative;
	width:108px;
	height:146px;
	float:left;
	background:url(../images/colorSample.jpg) no-repeat;
	margin-left:2px;
}
#colorCorners	{
	position:absolute;
	width:88px;
	height:126px;
	background:url(../images/colorCorners.png) no-repeat;
	left: 10px;
	top: 10px;
	z-index:999999;
}
.clear	{
	clear:both;
}
.colorBox	{
	width:60px;
	height:16px;
	float:right;
	margin-right:5px;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.bLeftBack	{
	position:relative;
	width:280px;
	min-height:587px;
	background-image:url(../images/bLeftback.jpg);
	background-position:bottom;
	padding:10px;
	text-align:center;
}
#zchm	{
	position:absolute;
	width:1px;
	height:650px;
	z-index:9999999;
}
#zchmContent	{
	position:relative;
	width:650px;
	height:650px;
	background:url(../images/buzchm.png) repeat;
}

/*------- 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} 


/*----- Custom Wall Map Confirmation Page */
#proofBar	{
	position:relative;
	width:100%;
	height:40px;
	background:url(../images/confirmTopBack.jpg) repeat-x;
	font-size:22px;
	color:#000000;
	padding-top:6px;
}
.confirmItem	{
	position:relative;
	width:100%;
	height:630px;
	background:url(../images/confirmItemBackLarge.jpg) repeat-x;
	min-width:550px;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.confirmInnerContainer	{
	position:relative;
	width:90%;
	padding:15px;
	
}
.confirmItemRight	{
	position:absolute;
	width:13px;
	height:359px;
	right:0px;
	top:0px;
}	
.confirmItemLeft	{
	position:absolute;
	width:13px;
	height:359px;
	left:0px;
	top:1px;
}
.mapSize	{
	font-size: 22px;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}	
.scale	{
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
}
.moreSamples	{
	font-size:11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
}
.theFin	{
	margin-top:5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}	
.confirmBuy	{
	position:absolute;
	width:236px;
	height:106px;
	background:url(../images/confirmBuy.jpg);
	left:335px;
	top:205px;
}	
.txtInfo	{
	width:225px;
	text-align:center;
	border:none;
	background:none;
}	
#tellTool	{
	margin-left:50px;
	color:#FFFFFF;
	font-size:11px;
	width:340px;
}
#tellTool a:link {color:#CCCCCC}

.cBuyNow	{
	width:293px;
	height:66px;
	background:url(../images/bSelectFinish.png) no-repeat;
	padding-top:7px;
	padding-left:15px;
	cursor:pointer;
}
.bBigPrice	{
	font-size:30px;
	font-weight:bold;
	color:#FF0000;
}
#bTips	{
	position:relative;
	margin-top:-1px;
	margin-left:-90px;
	width:490px;
	height:79px;
	background:url(../images/bTips.png) no-repeat;
	text-align:center;
	font-size:11px;
	font:"Trebuchet MS";
	color:#FFFFFF;
}	
#tipTitle	{
	font-weight:bold;
	color:#FFCC00;
}
#tipTip	{
	margin-top:10px;
}





/*Business Home page*/
#option1	{
	position:relative;
	width:99%;
	height:251px;
	background-image:url(../images/bHomeBack.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
}
#op1Content	{
	position:relative;
}
#option2	{
	position:relative;
	width:99%;
	height:251px;
	background-image:url(../images/bHomeBack.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
}
#op2Content	{
	position:relative;
}
.optionTitle	{
	margin-left:25px;
	margin-top:20px;
}
#selectedScale	{
	position:absolute;
	width:161px;
	height:171px;
	z-index:999999;
	right:15px;
	bottom:30px;
	display:none;
	background:url(../images/bselectedScale.png)
}
#selectedScaleContent	{
	position:relative;
	width:131px;
	height:120px;
	margin:0 auto;
	top:35px;
	text-align:center;
	color:#FFFFFF;
}	
#selectedScaleContent	a:link{color:#FFFFFF}
#selectedScaleContent	a:visited{color:#FFFFFF}
#selectedScaleContent	a:hover{#FF6600}
#selectedScaleContent	a:active{color:#FFFFFF}
#scalediv	{
	/*background:#FFFFFF;
	border:1px solid #000000;*/
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
	padding:10px;
	position:absolute;
	z-index:999999;
	left:5px;
	bottom:5px;
	font-size:10px;
	color:#333333;
}
/*#scalediv	{
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
	position: relative;	
	float: left;
	z-index: 2000;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}*/