@charset "iso-8859-1";

/*

information{
	file name : /common-new/css/localnav.css;
	infomation : This CSS file define a local navigation format.;
	site name : Panasonic Global;
	url : http://panasonic.net;
	copyrihgt : Copyright (C) 2007 Panasonic Asia Pacific Pte Ltd. All Rights Reserved.;
}
last updated -----------------------------------------------
07/03 added "includes dtd files" format.
 -----------------------------------------------------------
*/





/* 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
-----------------------------------------------	*/
/* 03/2007 added */
html.js div#localnav ul ul,
html.js div#localnav ul ul ul{
	display:none;
}

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

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

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

div#localnav ul li{
	display:inline;
}

div#localnav ul li a{
	display:block;
	/* _width:100%; */
	_width:167px;/* 03/2007 added (179-12) */
	padding:3px 6px 4px 6px;
	color:#0064ba;
	text-decoration:none;
}
/* 03/2007 added */
html.ie5-dtd div#localnav ul li a,
html.ie5-non-dtd div#localnav ul li a,
html.ie-non-dtd div#localnav ul li a{
	_width:100% !important;
}

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

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

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











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









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

/* 03/2007 added */
html.ie5-non-dtd div#localnav ul li ul li a,
html.ie5-non-dtd div#localnav ul li.on ul li a,
html.ie-non-dtd div#localnav ul li ul li a,
html.ie-non-dtd div#localnav ul li.on ul li a{
	_width:100%;
}
html.ien-dtd div#localnav ul li ul li a,
html.ien-dtd div#localnav ul li.on ul li a{
	background-position:0 1em;
}

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

div#localnav ul li ul li.on a{
	color:#fff;
	background:#738ba3 url("../img/localnav/arrow-2nd.gif") -200px 0.8em no-repeat;
}
/* 03/2007 added */
html.ien-dtd div#localnav ul li ul li.on a{
	background-position:-200px 1em;
}












/* 3rd menu
-----------------------------------------------	*/
div#localnav ul li ul li ul li a,
div#localnav ul li ul li.on ul li a{
	_width:149px;/* 03/2007 added (179-(6+24)) */
	padding-left:24px;
	color:#0064ba;
	background:#fff url("../img/localnav/arrow-3rd.gif") 0 0.9em no-repeat !important;/* ie7 required important */
}
/* 03/2007 added */
html.ie5-non-dtd div#localnav ul li ul li ul li a,
html.ie5-non-dtd div#localnav ul li ul li.on ul li a,
html.ie-non-dtd div#localnav ul li ul li ul li a,
html.ie-non-dtd div#localnav ul li ul li.on ul li a{
	_width:100%;
}
div#localnav ul li ul li ul li.on a{
	color:#fff;
	background:#738ba3 url("../img/localnav/arrow-3rd.gif") -200px 0.9em no-repeat !important;/* ie7 required important */
}













/* 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:100%; 03/2007 fixed */
	margin:9px 0 5px;
	padding:7px 3px 3px 0;
	border:1px solid #ccc;
}

div#bnrcol p.bnr{
	/* _width:100%; 03/2007 fixed */
	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;
}
/*  03/2007 added */
div#bnrcol div.bnr p.img-valignb img{
	vertical-align:bottom;
}

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%; 03/2007 fixed */
	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;
}