/*------ Map Studio 2009 - Greg Young, greg@lovelljohns.com -----------------------*/
/*------ Global Page Styles*/
*	{
	margin:0px;
	padding:0px;
}
a:link	{color:#336699;text-decoration:none; border:0px}
a:visited	{color:#336699;text-decoration:none; border:0px}
a:hover 	{color:#FF6600;text-decoration:none; border:0px}
a:active	{color:#000000;text-decoration:none; border:0px}
body	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:url(../images/bodyBackground.jpg) repeat-x;
	margin:0;
	padding:0;
	height:100%;
}	
#fullFooter	{
	position:relative;
	width:98%;
	margin:0 auto;
	height:250px;
	background:url(../images/footerBackground.jpg) repeat-x;
	clear:both;
	margin-top:15px;
}
#saMapShopON	a:link	{color:#FFFFFF;}
#saMapShopON	a:visited	{color:#FFFFFF;}
#saMapShopON	a:hover	{color:#cccccc;}
#saMapShopON	a:active	{color:#999999;}

#saMapON	a:link	{color:#FFFFFF;}
#saMapON	a:visited	{color:#FFFFFF;}
#saMapON	a:hover	{color:#cccccc;}
#saMapON	a:active	{color:#999999;}

img	{
	border:0px;
}	
ul,li	{
	list-style:none;
	margin:0px;
	padding:0px;
}	
.error	{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}		
/*------ Global Layers*/
#mainContainer	{
	position:relative;
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
#mainContainerWide	{
	position:relative;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#bgContainer	{
	position:relative;
	width:100%;
	height:100%;
	background-image:url(../images/msBG.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#mastHead	{
	position:relative;
	width:100%;
	height:144px;
}
#theLogo	{
	position:relative;
	width:293px;
	height:91px;
	margin-top:5px;
	float:left;
}
#theMenu	{
	position:relative;
	height:29px;
	clear:both;
	float:left;
	margin-top:13px;
}
#theLogin	{
	position:absolute;
	width:178px;
	height:104px;
	right:0px;
	top:2px;
	margin-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}	
#sectionImage	{
	position:relative;
	width:990px;
	height:110px;
	margin-top:4px;
	margin-bottom:5px;
}
#mapGreyBar	{
	position:relative;
	width:990px;
	height:25px;
	margin-top:4px;
	background:url(../images/sfGreyBar.jpg) no-repeat;
	margin-bottom:4px;
}
#mapGreyBar	h1{
	position:absolute;
	font-size:12px;
	font-weight:bold;
	left:225px;
	top:5px;
}
#mapContainer	{
	position:relative;
	width:768px;
	height:500px;
	float:left;
	cursor:hand;
}
#topCart	{
	position:absolute;
	width:249px;
	height:86px;
	background:url(../images/cartBackground.jpg) no-repeat;
	right:0px;
	top:19px;
	padding-top:25px;
	font-size:11px;
	text-align:center;
}	
#loggedInInfo	{
	position:absolute;
	width:240px;
	top:63px;
	text-align:center;
	font-size:11px;
	color:#999999;
}	
#copyrightInfo	{
	position:absolute;
	z-index:999999;
	right:10px;
	bottom:10px;
	font-size:10px;
	color:#333333;
}
#businessMapON	{
	position:relative;
	width:144px;
	height:21px;
	background:url(../images/businessMapON.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#ffffff;
}
#businessMapON h1{
	display:inline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#businessMapON a:link{color:#FFFFFF}
#businessMapON a:visited{color:#FFFFFF}
#businessMapON a:hover{color:#cccccc}
#businessMapON a:active{color:#999999}

#businessMapOFF	a:link{color:#666666}
#businessMapOFF	a:visited{color:#666666}
#businessMapOFF	a:hover{color:#999999}
#businessMapOFF	a:active{color:#cccccc}

#businessMapOFF	{
	position:relative;
	width:144px;
	height:21px;
	background:url(../images/businessMapOFF.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#ffffff;
}
#saMapON	{
	position:relative;
	width:129px;
	height:21px;
	background:url(../images/mapHomeON.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#666666;
}
#saMapON h1{
	display:inline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#saMapOFF	{
	position:relative;
	width:129px;
	height:21px;
	background:url(../images/mapHomeOFF.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#666666;
}
#saMapOFF	a:link{color:#666666}
#saMapOFF	a:visited{color:#666666}
#saMapOFF	a:hover{color:#999999}
#saMapOFF	a:active{color:#cccccc}

#saMapShopON	{
	position:relative;
	width:91px;
	height:21px;
	background:url(../images/mapShopON.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:8px;
	padding-left:41px;
}

#saMapShopOFF	{
	position:relative;
	width:91px;
	height:21px;
	background:url(../images/mapShopOFF.jpg);
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:41px;
}

#saMapShopOFF	a:link{color:#666666}
#saMapShopOFF	a:visited{color:#666666}
#saMapShopOFF	a:hover{color:#999999}
#saMapShopOFF	a:active{color:#cccccc}

/*------ Global Classes*/
.loginTiny	{
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.customerLogin	{
	margin-bottom:4px;
}
.loginBoxes	{
	width:178px;
	height:23px;
	border:0px;
	background:url(../images/txtLogin.jpg) no-repeat;
	padding-left:4px;
	padding-top:2px;
	font-size:11px;
}
.loginList li	{
	list-style:none;
}
.loginButton	{
	text-align:right;
	margin-top:3px;
}
.clickable	{
	cursor:pointer;
}
.noItems	{
	margin-left:0px;
}.welcome	{
	color:#FF9900;
}
.distanceTowns	{
	font-size:11px;
	color:#336699;
	font-weight:bold;
}
#yourselfTop	{
	position:relative;
	width:758px;
	height:36px;
	margin-bottom:10px;
	background:url(../images/yourselfTop.jpg);
}
#mapContainer	{
	width:768px;
	height:500px;
}
#theMap	{
	width:750px;
	height:400px;
}
#plotMap	{
	position:relative;
	width:600px;
	height:400px;
}
#shopByTheMap	{
	position:relative;
	width:558px;
	height:558px;

}

#shopByCat	{
	position:relative;
	width:558px;
	height:500px;
}
#homeShopMap	{
	position:relative;
	width:556px;
	height:558px;
	border:1px solid #cccccc;
	
}
#homeShopMapContainer	{
	position:relative;
	width:556px;
	height:600px;
	
}
#poiContent	{
	position:relative;
	width:100%;
	clear:both;
	min-height:100px;
}	
#footer	{
	width:990px;
	height:127px;
	padding-top:50px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
#freeMapsText	{
	position:relative;
	width:700px;
	margin-left:15px;
	margin-top:70px;
	line-height:140%;
}	

#scalediv	{
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
	padding:10px;
	position:absolute;
	z-index:999999;
	left:5px;
	bottom:5px;
	font-size:10px;
	color:#333333;
}


/*-----NEW MENU STRUCTURE----------------------*/
#mnuMapShop	{
	position:relative;
	width:92px;
	height:29px;
	background:url(../images/mnuMapShop.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:44px;
	color:#ffffff;
}
#mnuMapShop a:link {color:#666666}
#mnuMapShop a:visited {color:#666666}
#mnuMapShop a:hover {color:#999999}
#mnuMapShop a:active {color:#CCCCCC}

#mnuMapShopON	a:link	{color:#FFFFFF;}
#mnuMapShopON	a:visited	{color:#FFFFFF;}
#mnuMapShopON	a:hover	{color:#cccccc;}
#mnuMapShopON	a:active	{color:#999999;}

#mnuMapShopON	{
	position:relative;
	width:92px;
	height:29px;
	background:url(../images/mnuMapShopON.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:44px;
	color:#ffffff;
}



#mnuSport	{
	position:relative;
	width:92px;
	height:29px;
	background:url(../images/mnuMapShop.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:44px;
	color:#ffffff;
}
#mnuSport a:link {color:#666666}
#mnuSport a:visited {color:#666666}
#mnuSport a:hover {color:#999999}
#mnuSport a:active {color:#CCCCCC}

#mnuSportON	a:link		{color:#FFFFFF;}
#mnuSportON	a:visited	{color:#FFFFFF;}
#mnuSportON	a:hover		{color:#cccccc;}
#mnuSportON	a:active	{color:#999999;}

#mnuSportON	{
	position:relative;
	width:92px;
	height:29px;
	background:url(../images/mnuSportON.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:44px;
	color:#ffffff;
}




#mnuBusiness	{
	position:relative;
	width:144px;
	height:29px;
	background:url(../images/mnuBusinessMapping.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#ffffff;
}

#mnuMyRoute	{
	position:relative;
	width:142px;
	height:29px;
	background:url(../images/mnuMyRoute.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}



#mnuBusinessON	{
	position:relative;
	width:144px;
	height:29px;
	background:url(../images/mnuBusinessMappingON.jpg) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-left:35px;
	color:#ffffff;
}

#mnuSportON h1{
	display:inline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}


#mnuBusinessON a:link	{color:#FFFFFF}
#mnuBusinessON a:visited	{color:#FFFFFF}
#mnuBusinessON a:hover	{color:#999999}
#mnuBusinessON a:active	{color:#666666}

#mnuBusiness	a:link{color:#666666}
#mnuBusiness	a:visited{color:#666666}
#mnuBusiness	a:hover{color:#999999}
#mnuBusiness	a:active{color:#cccccc}




.largePoints	{
	font-size:45px;
	color:#FF0000;
	font-weight:bold;
}