@charset "iso-8859-1";
/*

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





/* contents
--------------------------------------------------------------------------
1. "generall" elements
2. "headerwrap" area
3. "header" area
4. "Global navigation" area
--------------------------------------------------------------------------
*/




/* 1. "generall" elements
-----------------------------------------------	*/
div#headerwrap * {
	margin:0;
	padding:0;
}
div#headerwrap ul {
	list-style:none;
}
/* 2. "headerwrap" area
-----------------------------------------------	*/
div#headerwrap {
	margin-top:16px;
}
/* 3. "header" area
-----------------------------------------------	*/
div#header {
	position:relative;
	width:770px;
	height:49px;
}
div#header li {
	position:absolute;
}
div#header li a {
	_display:block;/*	Win IE5.0	*/
	_display/**/:inline;
	padding-left:14px;
	color:#222;
	text-decoration:none;
	background:url("../img/common/arrow-cir-right-black-fff.gif") 0 50% no-repeat;
}
div#header a:hover {
	text-decoration:underline;
}
/*	Logo	*/
div#header p#top {
	position:absolute;
	left:12px;
	top:0;
	width:116px;
	height:31px;
}
div#header p#top a {
	display:inline;
	padding:0;
}
div#header p#logo-country {
	position:absolute;
	top:15px;
	left:152px;
}
/*	Form	*/
div#headerwrap div#search {
	position:absolute;
	right:10.5em;
	/*\*//*/right:8em;/**/
	top:0;
	width:190px;
	_width:11em;
}
div#search fieldset {
	border:none;
}
div#search legend {
	display:none;
}
div#search fieldset div {
	display:block;
	position:relative;
	width:190px;
}
div#search input.query {
	width:120px;
	margin-right:10px;
	padding:1px 2px;
	height:14px;
	border:1px solid;
	border-color: #999 #ddd #ddd #999;
	background-color:#fff;
}
div#search input.submitQuery{
	display:block;
	position:absolute;
	left:135px;
	top:0;
	width:50px;
	height:19px;
	border:1px solid;
	border-color: #ddd #aaa #aaa #ddd;
	vertical-align:top;
	background: #ddd;
}

div#header li#gn-top a {
	padding:3px 0 3px 21px;
	background:url("../img/header/icon-globe.gif") 0 50% no-repeat;
}
div#header li#gn-top {
	right:0;
	top:2px;
}
div#header li#gn-sitemap{
	right:0em;
	top:28px;
}

div#header li#gn-contact{
	right:12.7em;
	top:28px;
}

div#header li#gn-link{
	right:7.3em;
	top:28px;
}

/*div#header li#gn-lang{
	right:0;
	top:28px;
}*/

/* div#header li#gn-sitemap {
	right:0;
	top:28px;
}
div#header li#gn-contact {
	right:6.5em;
	top:28px;
}
div#header li#gn-store {
	right:14.5em;
	top:28px;
}*/





/* 4. "Global navigation" area
-----------------------------------------------	*/
div#globalnav {
	float:left;
	width:770px;/*	fixed	*/
	background:#d5d5d5;
}
div#globalnav ul li {
	display:inline;
}
div#globalnav ul li a {
	display:block;
	float:left;
	width:142px;/*	fixed	*/
	margin-right:15px;/*	fixed	*/
	padding:5px 0 4px;
	color:#222;
	text-align:center;
	text-decoration:none;
	background:#d5d5d5 url("../img/header/bg-globalnav.gif") 0 0 no-repeat;
}
div#globalnav ul li a:hover {
	background:#eaeaea url("../img/header/bg-globalnav.gif") 0 0 no-repeat;
}
div#globalnav ul li a.on {
	background:#fff url("../img/header/bg-globalnav.gif") 100% 100% no-repeat;
}
div#globalnav ul li#gn04 a {
	margin-right:0;
}
/*\*//*/
div#globalnav li#gn01 a{padding-left:30px;}
div#globalnav li#gn02 a{padding-left:67px;}
div#globalnav li#gn03 a{padding-left:30px;}
div#globalnav li#gn04 a{padding-left:42px;}
/**/

div#globalnav div.clear {
	width:770px;/*	fixed	*/
	background:#fff;
}
div#globalnav2 {
	float:left;
	width:770px;/*	fixed	*/
	background:#e5e5e5;
}
div#globalnav2 ul li {
	display:inline;
}
div#globalnav2 ul li a {
	display:block;
	float:left;
	width:200px;/*	fixed	*/
	margin-right:18px;/*	fixed	*/
	padding:5px 0 4px;
	color:#222;
	text-align:center;
	text-decoration:none;
	background:#e5e5e5 url("../img/header/bg-globalnav.gif") 0 0 no-repeat;
}
div#globalnav2 ul li a:hover {
	background:#eeeeee url("../img/header/bg-globalnav.gif") 0 0 no-repeat;
}
div#globalnav2 ul li a.on {
	background:#fff url("../img/header/bg-globalnav.gif") 100% 100% no-repeat;
}
div#globalnav2 ul li#gn07 a {
	margin-right:0;
}
div#globalnav2 ul li#gn05 a {
	margin-left:30px;
}
div#globalnav2 div.clear {
	width:770px;/*	fixed	*/
	background:#fff;
}