@charset "iso-8859-1";

/*

information{
	file name : /common/css/localnav.css;
	infomation : This CSS file define a local navigation format.;
	site name : Panasonic Singaporel;
	url : http://panasonic.com.sg;
	copyrihgt : Copyright (C) 2006 Panasonic Asia Pacific Pte Ltd. All Rights Reserved.;
}
*/





/* contents
--------------------------------------------------------------------------
1. "local navigation" modules (#localnav)
* "generall" elements
* 1st memu
* 2nd menu
* 3rd menu
2. "banner" modules (#bnr)
* "generall" elements
--------------------------------------------------------------------------
*/




/* 1. "local navigation" modules (#localnav)
-----------------------------------------------	*/

/* "generall" elements
-----------------------------------------------	*/
div#localnav{
	padding-bottom:10px;
	/*	visibility:hidden;	*/
}

div#localnav *{
	margin:0;
	padding:0;
}

div#localnav ul{
	list-style:none;
}

div#localnav li{
	display:inline;
}

div#localnav li a{
	display:block;
	
	color:#0064ba;
	text-decoration:none;
    padding:3px 6px 4px 6px;
	
	/*	display:block;
	_width:100%;
	padding:3px 6px 4px 6px;
	color:#0064ba;
	text-decoration:none;*/
}

div#localnav li li a,
div#localnav li.on li a,
div#localnav li li li a,
div#localnav li li.on li a{
	border-top:solid 2px #e1eaf9;
}

div#localnav li a:hover{
	text-decoration:underline;
}

html.js div#localnav ul ul,
html.js div#localnav ul ul ul{
	display:none;
}











/* 1st memu
-----------------------------------------------	*/
div#localnav li a{
	border-top:solid 2px #fff;
	background:#eee;
}
div#localnav li.on a{
	color:#fff;
	background:#738ba3
}









/* 2nd menu
-----------------------------------------------	*/
div#localnav li li a,
div#localnav li.on li a{
	padding-left:15px;
	background:#f3f8fe url("../img/localnav/arrow-2nd.gif") 0 0.8em no-repeat;
}

div#localnav li.on li a{color:#0064ba;}

div#localnav li li.on a{
	color:#fff;
	background:#738ba3 url("../img/localnav/arrow-2nd.gif") -200px 0.8em no-repeat;
}













/* 3rd menu
-----------------------------------------------	*/
div#localnav li li li a,
div#localnav li li.on li a{
	padding-left:24px;
	color:#0064ba;
	background:#fff url("../img/localnav/arrow-3rd.gif") 0 0.9em no-repeat;
}
div#localnav li li li.on a{
	color:#fff;
	background:#738ba3 url("../img/localnav/arrow-3rd.gif") -200px 0.9em no-repeat;
}













/* 2. "banner" modules (#bnr)
-----------------------------------------------	*/

/* "generall" elements
-----------------------------------------------	*/
div#bnrcol{
	padding-bottom:25px;
}

div#bnrcol div.bnr p.title{
	font-weight:bold;
	margin:0 0 5px 9px;
	padding:0;
}

div#bnrcol div.bnr{
	width:173px;
	border:1px solid #ccc;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0;
}

div#bnrcol p.bnr{
	_width:100%;
	margin:9px 0 8px;
	text-align:center;
}

div#bnrcol div.bnr ul{
		list-style:none;
		margin:0 0 10px;
		padding:0;
}

div#bnrcol div.bnr ul,
div#bnrcol div.bnr p{
	margin:5px 0 0 9px;
	padding:0;
}

div#bnrcol div.bnr p.img{
	text-align:center;
	margin:0 0 0 3px;
	padding:0;
}

div#bnrcol div.bnr p.img-valignb{
	text-align:center;
	margin:0 -3px -3px 0;
	padding:8px 0 0;
}
div#bnrcol div.bnr p.img-valignt{
	text-align:center;
	margin:-7px -3px 5px 0;
	padding:0;
}

/* button banner (btn-bnr)
-----------------------------------------------	*/
div#bnrcol div.btn-bnr{
	clear:both;
	width:179px;
	margin:9px 0 5px;
}

div#bnrcol div.btn-bnr p{
	margin:0;
	background-position:100% 100%;
	background-repeat:no-repeat;
	border:1px solid #ccc;
}

div#bnrcol div.btn-bnr p a{
	_width:100%;
	height:5.6em;
	display:block;
	padding:10px 64px 0 19px;
	font-weight:bold;
	background:url("../img/common/arrow-cir-right-blue-fff.gif") 5px 1.2em no-repeat;
}
div#bnrcol div.btn-bnr p a.notie{
	height:4.7em;
}


/* button banner (supportcol)
-----------------------------------------------	*/
div#bnrcol div.supportcol{
	margin:9px 0 5px;
	border:1px solid #ccc;
}

div#bnrcol div.supportcol h2{
	width:177px;
	margin:0;
	padding:0;
	background:#fff url("../img/bnr/bg-supportcol-h2.jpg") no-repeat;
	border-bottom:1px solid #e5e5e5;
}


div#bnrcol div.supportcol h2 a{
	display:block;
	padding:13px 5px 10px 20px;
	color:#222 !important;
	text-decoration:none;
}
div#bnrcol div.supportcol h2 a:hover{
	text-decoration:underline;
}

div#bnrcol div.supportcol h2 a{
	background:url("../img/common/arrow-cir-right-blue-tr.gif") 5px 1.4em no-repeat;
}

div#bnrcol div.supportcol ul{
	list-style:none;
	margin:5px 0;
	padding:0;
}



/* link
-----------------------------------------------	*/
div#bnrcol div.btn-bnr p a,
div#bnrcol div.bnr a,
div#bnrcol div#supportcol a,
div#bnrcol div.supportcol ul li a{
	color:#0563bc;
	text-decoration:none;
}

div#bnrcol div.btn-bnr p a:visited,
div#bnrcol div.bnr a:visited,
div#bnrcol div#supportcol a:visited,
div#bnrcol div.supportcol ul li a:visited{
	color:#6813bd;
}


div#bnrcol div.btn-bnr p a:hover,
div#bnrcol div.bnr a:hover,
div#bnrcol div#supportcol a:hover,
div#bnrcol div.supportcol ul li a:hover{
	text-decoration:underline;
}