/*
 * @author YL
 * Modified: 20090626
 */


 
/* ========== Common ========== */
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

#mainContent {
	position: relative;
	width: 918px;
}

/* ========== Top Nav ========== */
ul#main-nav {
	margin: 0;
	padding: 0;
	height: 37px;
	list-style: none;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/bg.gif) left top repeat-x;
}

ul#main-nav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul#main-nav li a {
	display: block;
	float: left;
	height: 37px;
}

ul#main-nav li a span {
	display: none;
}

li#nav-home a {
	width: 72px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-01.jpg) left top no-repeat;
}

li#nav-intro a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-02.jpg) left top no-repeat;
}

li#nav-help a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-03.jpg) left top no-repeat;
}

li#nav-quiz a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-04.jpg) left top no-repeat;
}

li#nav-starter a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-05.jpg) left top no-repeat;
}

li#nav-myth a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-07.jpg) left top no-repeat;
}

li#nav-estimator a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-08.jpg) left top no-repeat;
}

li#nav-contact a {
	width: 101px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/common/tabs/tab-06.jpg) left top no-repeat;
}

li#nav-home a:hover,
li#nav-intro a:hover,
li#nav-help a:hover,
li#nav-quiz a:hover,
li#nav-starter a:hover,
li#nav-myth a:hover,
li#nav-estimator a:hover,
li#nav-contact a:hover {
	background-position: 0 -37px;
}

.home li#nav-home a,
.intro li#nav-intro a,
.help li#nav-help a,
.quiz li#nav-quiz a,
.starter li#nav-starter a,
.myth li#nav-myth a,
.estimator li#nav-estimator a,
.contact li#nav-contact a {
	background-position: 0 -37px;
}

/* ========== Secondary Nav ========== */
#sec-nav {
	position: absolute;
	right: 0;
	margin-top: 32px;
}

#sec-nav a {
	margin-left: 30px;
	color: #999;
	font-size: 12px;
}

#sec-nav a:hover {
	color: #c00;
	text-decoration: none;
}

/* ========== Lvl2 Nav ========== */
ul#lvl2-nav {
/*	visibility: hidden; */
	margin: 0;
	padding: 5px 0 0 182px;
	height: 31px;
	list-style-type: none;
}

ul#lvl2-nav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul#lvl2-nav li a {
	display: block;
	float: left;
	height: 31px;
}

ul#lvl2-nav li a span {
	display: none;
}

li#nav-ra a {
	width: 172px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/how-hsbc-help/planning/dropdown-ra.gif) left top no-repeat;
}

li#nav-planning a {
	width: 172px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/how-hsbc-help/planning/dropdown-360.gif) left top no-repeat;
}

li#nav-why-hsbc a {
	width: 84px;
	background: url(http://www.hsbc.com.sg/1/PA_1_4_S5/content/singapore/personal/insurance/rps/images/how-hsbc-help/planning/dropdown-why.gif) left top no-repeat;
}

li#nav-ra a:hover, 
li#nav-planning a:hover, 
li#nav-why-hsbc a:hover {
	background-position: 0 -31px;
}

.get-in-touch li#nav-ra a,
.planning li#nav-planning a,
.why-hsbc li#nav-why-hsbc a {
	background-position: 0 -31px;
}


