body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;	margin: 0px;}
#indxBox{width: 790px; margin-right: auto; margin-left: auto; border: 1px solid #FF9900; margin-top: 50px;}
#fullBoxIn{width: 790px; margin-right: auto; margin-left: auto; border: 1px solid #d2dce3; margin-top: 0px;}
/*#topInBox{background-image: url(../images/bg_topIn.jpg); background-repeat: repeat-x; height: 130px;}*/
#topInBox{ background-image:url(/images/innerTop.jpg); background-repeat:no-repeat; height:130px; width:790px;}
#logo{padding-top: 10px; padding-left: 10px; width: 450px; height: 70px;}
#frontLeft{/*background-image: url(../images/bg.jpg); background-repeat: repeat-x;*/ height: 400px; float:left; width:385px;}
#frontRight{margin-right: 10px; margin-top: 15px; margin-left: 10px; float:right; width:375px;}
#frontMid{padding: 10px; margin-top: 5px; text-align: justify;}
a.bLinkBold{font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;}
a.bLinkBold:hover{font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none;}
#bottomBar{text-align: center; margin-bottom: 10px; width: 780px; margin-right: auto; margin-left: auto; margin-top:25px;padding: 5px; font-size:10px; color:#666666;}
.whtBoldTxt{font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.bLinkBold{font-size: 11px; font-weight: bold; color: #0c397c; text-decoration: none;}
a.bLinkBold:hover{font-size: 11px; font-weight: bold; color: #b70b0c; text-decoration: none;}
#choose{padding: 5px; width: 280px;}
#HeadTtle{height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6d6d6; margin-right: auto;	margin-left: auto; width: 740px;}
.brwnHeadTxt{font-size: 13px; font-weight: bold; color:#0c61bd; text-decoration: none;}
#midContent{padding: 10px; width: 754px; background-color:#f5f9fd /*#FFF9F2*/; margin-right: auto; margin-left: auto; margin-top: 10px;margin-bottom: 10px;}
#countrylist{width: 752px; margin-right: auto; margin-left: auto;}
#cityList{}
.cityNameDown{margin-top: 6px; margin-bottom: 6px; margin-left: 15px;}
a.viewMap{font-weight: normal; color: #CC0000; text-decoration: none; background-image: url(/images/icon_earth.gif); background-repeat: no-repeat; background-position: left top; padding-left: 18px;}
a.viewMap:hover{text-decoration: underline;}

a.viewWebSite{ font-weight: normal; color: #CC0000; text-decoration: none; background-image: url(/images/icon_website.gif); background-repeat: no-repeat; background-position: left top; padding-left: 18px;}
a.viewWebSite:hover{text-decoration: underline;}


a.cityName{font-weight: normal; color: #666666; text-decoration: none;}
a.cityName:hover{font-weight: normal; color: #FF0000; text-decoration: none;}
#cnameRight{border-left-width: 1px; border-left-style: dotted; border-left-color: #d6d6d6;}
a.weLink{font-weight: normal; color: #2E8BB8; text-decoration: none;}
a.weLink:hover{text-decoration: underline;}
a.blkLink{font-weight: bold; color: #000000; text-decoration: none; font-size:10px;}
a.blkLink:hover{font-weight: bold; color: #b70b0c; text-decoration: none;font-size:10px;}
#paging{padding-top: 10px; width: 755px; margin-right: auto; margin-left: auto; text-align: right; border-top-width: 1px;	border-top-style: solid; border-top-color: #d6d6d6; margin-top: 15px;}
#mainLogo{margin-left:auto; margin-right:auto; width:350px; margin-top:20px; height:100px;}
.black_overlay{display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black;z-index:4; -moz-opacity: 0.8; }
.white_content{display: none; position: absolute; top: 10%; left: 23%; width: 50%; height: 62%; padding: 10px; border: 8px solid black; background-color: white; z-index:4; overflow: auto;}
.font1{font-size:11px;}
.font2{font-size:14px;}
.font3{font-size:16px;}
a.fontEncNorm{font-size: 11px; font-weight: bold; color: #3399FF; text-decoration: underline;}
a.fontEnc12{font-size: 14px; font-weight: bold; color: #3399FF; text-decoration: underline;}
a.fontEnc14{font-size: 16px; font-weight: bold; color: #3399FF; text-decoration: underline;}
#navlink{padding-right:5px; padding-top:32px; width:416px; float:right;}
.pagingDiv{text-align:right; padding-top:5px; border-top:1px solid #ccc;}
.pagingDiv a{margin:0px 4px;}
.pagingDiv .selected{color:#900; font-size:14px; font-weight:bold;}
 
   .vs_splDiv {
height: Auto;
width: 100%;
background: #000000;
position: absolute;
top: 0;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
}

.recipeTbl{border:1px solid #fd7d02}
.recipeTbl th{background:#cdea96;}
.recipeTbl a{color:#900;}
.recipeTbl a:hover{color:#f90;}
.topLink a, .blackLink{color:#000; font-weight:bold; margin:0px 4px;}
.topLink a:hover, .blackLink:hover,.fontSizeDiv a:hover{color:#f00;}
.top{background-color:#cddcef; text-align:center; background-repeat:no-repeat; background-position:center; height:70px;}


/* Directions table with the start/end fields, etc. */
.divdirections table {
	padding: 0 !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	border: none !important;
	background: transparent !important;
	width: 90% !important;
	table-layout: auto !important;
	line-height: normal !important;
}


/* Left-most column with icons */
.divdirections .divdirections-table-col1 {
	width: 18px !important;
}

/* Left-most column with icons */
.divdirections .divdirections-table-col1 img {
	height: 16px !important;
	width: 16px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.divdirections table td {
	padding: 2px !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	vertical-align: middle !important;
}
 
 
 .mapp-directions table .mapp-a {
	background-image: url(/images/a.png) !important;
	width: 16px !important;
	height: 16px !important;
}

 .mapp-directions table .mapp-b {
	background-image: url(/images/b.png);
	width: 16px !important;
	height: 16px !important;
}

 

.divdirections table .mapp-swap {
	background-image: url(/images/swap.png);
	width: 18px !important;
	height: 18px !important;
	vertical-align:middle !important;
}

.mapp-address-corrected {
	font-size: x-small;
	width: 100%;
	border: none;
	background-color: transparent;
}

.mapp-address-error {
	background-color: #ffebe8;
	margin: 0;
	padding: 2px;
	 
}

.mapp-travelmode {
	border: 1px solid lightgray !important;
}

/* Travel mode buttons */
.mapp-car-button {
	width:37px;
	height:23px;
	background-image: url(/images/car_off.png);
	text-align: left;
	display: inline-block;
}

.mapp-car-button .selected {
	width:37px;
	height:23px;
	background-image: url(/images/car_on.png);
	display: inline-block;
}

.mapp-bike-button {
	width:37px;
	height:23px;
	background-image: url(/images/bike_off.png);
	text-align: left;
	display: inline-block;
}

.mapp-bike-button .selected {
	width:37px;
	height:23px;
	background-image: url(/images/bike_on.png);
	display: inline-block;
}

.mapp-walk-button {
	width:37px;
	height:23px;
	background-image: url(/images/walk_off.png);
	display: inline-block;
}

.mapp-walk-button .selected {
	width:37px;
	height:23px;
	background-image: url(/images/walk_on.png);
	display: inline-block;
}

.mapp-traffic-button {
	border: black 1px solid !important;
	margin-top: 5px !important;
	background-color: white !important;	
}

.mapp-traffic-button-inner {
	margin: 2px 4px 2px 4px !important;
	cursor: pointer !important; 
	text-align: center !important;
	font-family: Arial,sans-serif !important;
	color: black !important;
	font-size: 12px !important;
	padding: 0px !important;
}

.mapp-traffic-button-inner * {
	margin: 0px !important;
	vertical-align: middle !important;
	padding: 0px !important;
	font-size: 12px !important;
}



#mapblock
{
    height: 400px;
    position: relative;
}

#mapframe
{
    
    left: 280px;
    padding: 5px;
    position: absolute;
    top: 90px;
    visibility: hidden;
	
	 
}


#mapframe #mapwindow
{   
	width: 0px;
	height: 0px;
}