

div#main_frame {
	
    width: 480px;
    height: 512px;
    top: 48px;
    left: 8px;
    /*background-color: #8080e0;*/
    z-index: 0;
}

div#title {
    width: 480px;
    height: 32px;
    top:  8px;
    left: 8px;
    background-image: url("../pic/title.gif");
    text-align: center;
    vertical-align: sub;
    font-size: 20px;
    letter-spacing: -1pt;
    font-weight: bold;
    color: #c0c0f0;
}

div#main_base {
    width: 480px;
    height: 504px;
    top: 0px;
    left: 8px;
    background-color: white;
    z-index: 1;
	border:0px solid #000;
}



div#credit {
   clear:both;
    /*width: 720px;*/
	width:640px;
    /*top: 564px;
    left: 8px;*/
	margin-top:6px;
	padding-top:6px;
    text-align: right;
    line-height: 1em;
}

div#popupbase {
    /*width: 240px;*/
	width: 640px;
    top: 56px;
    left: 464px;
    background-color: white;
    border: 1px solid black;
    font-size: 9pt;
    color: black;
    z-index: 100;
	margin-bottom:16px;
}

div#popuptitle {
    background: black;
    padding: 2px 8px;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    z-index: 103;
}
div .popupLcol {
    float:left;
	width:280px;
	border:1px solid #000;
}
div .popupRcol {
    float:left;
	width:280px;
	border:1px solid #000;
}
div.popupline {
    white-space: nowrap;
    margin: 2px;
    z-index: 102;
	border:0px solid #000;
}
div.popupline .popupleft{
    float:left;
    width:11em;
	color:#000;
}
div.popupline .popupleft1{
    float:left;
    width:6em;
	color:#000;
}
div.popupline .popupright{
    float:left;
    width:9em;
	color:#000;
}


div#popup {
    padding: 8px;
    line-height: 1.5em;
    z-index: 101;
}

div#info {
   clear:both;
    border: solid black 1px;
    width: 626px;
	margin:6px 0 6px 0;
    padding: 8px;
    font-size: 9pt;
    color: black;
    line-height: 1.5em;
}

div#close {
    border-top: solid #808080 1px;
    margin-top: 12px;
    padding-top: 4px;
    color: black;
    text-align: center;
    cursor: pointer;
}

div#infow_title {
    padding: 2px 0px 2px 1em;
    margin-bottom: 8px;
    font-size: 9pt;
    background-color: black;
}

span#infow_title {
    font-size: 12pt;
    font-weight: bold;
    color: white;
}

div#infow_left {
    width: 135px;
    float: left;
}

div#infow_right {
    width: 160px;
    padding-left: 8px;
    font-size: 9pt;
    line-height: 1.5em;
    float: left;
}
div#mapcol {
	float:left;
    width: 650px;
    /*background-color: #8080e0;*/
    z-index: 0;
	margin-right:2px;
	margin-bottom:6px;
	border:1px solid #000;
	display:inline;
}
div#mymap {
    width: 650px;
    height: 420px;
    line-height: 1.5em;
    top: 0px;
    /*left: 8px;*/
	left:0;
    /*background-color: #c0c0f0;*/
    color: #404070;
    z-index: 2;
}
div#sidecol {
	float:right;
    width: 154px;
    /*background-color: #8080e0;*/
    z-index: 0;
	margin:0;
	border:1px solid #000;
	display:inline;
	color:#000;
}
div#side_title {
    width:154px;
	margin:0;
	padding:0 0 0 6px;
	border:0px solid #000;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	background-color:#000;
}

div#menu-lines{
	float:left;
    width: 154px;
	height:490px;
    background-color: #ffffff;
    z-index: 0;
	border:0px solid #000;
	display:inline;
}

.black{color:#000;}

#menu-ctrl{
 background-color:#000;
color:#fff;
}


div#shoplist {
	float:left;
    width: 640px;
    background-color: #ffffff;
    z-index: 0;
	border:0px solid #000;
	display:inline;
}
div.shop_info{
	clear:both;
	float:left;
    width: 640px;
    background-color: #ffffff;
    z-index: 0;
	border:1px solid #000;
	display:inline;
}


div#shop_name {
	width: 636px;
    padding: 2px;
    margin-bottom: 8px;
    font-size: 10pt;
    background-color:black;
	color:#fff;
	font-weight:bold;
}

div#shop_left {
    width: 135px;
    float: left;
	color:#000;
}

div#shop_right {
    width: 380px;
    padding-left: 8px;
    font-size: 9pt;
    line-height: 1.5em;
    float: left;
	color:#000;
	font-weight:normal;
}
div#click_lat{
    width: 380px;
    padding-left: 18px;
    font-size: 0.8em;
    line-height: 1.5em;
    float: left;
	color:#000;
	font-weight:normal;
}
div#click_long {
    width: 380px;
    padding-left: 18px;
    font-size:  0.8em;
    line-height: 1.5em;
    float: left;
	color:#000;
	font-weight:normal;
}
p.right{
	width:650px;
	text-align:right;
	font-size:0.8em;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* EOF */
