/* CSS Document */

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background: #0E3E60;
	font-family: arial;
	font-size: 12px;
	color: #333333;
}

#container {
	width: 899px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #ffffff;
}

ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

ul li ul li {
	margin-bottom: 3px;
	padding-bottom: 3px;
}

ul li ul li ul li {
	margin-bottom: 1px;
	padding-bottom: 1px;
}

hr {
	width: 100%;
	border: 0;	
	color: #00AED7;	
	background-color: #00AED7;
	height: 1px;
}

/****************************** PULLOUT MENU ******************************/

#menuholder {
	position: absolute;
	margin-top: 15px;
	height: 410px;
	z-index: 100;
	overflow: hidden;
}

#themenu {
	width: 600px;
	height: 410px;
	margin-left: 26px;
	padding: 15px 15px 15px 30px;
	background-color: #2a77ae;
	color: #ffffff;
	position: absolute;
	z-index: 101;
	float: left;
}

#themenu h3 {
	color: #ffffff;
}

#themenu h6 {
	font-size: 13px;
	margin-bottom: 5px;
	color: #ffffff;
}

#themenu input {
	border: none;
	font-size: 11px;
	padding: 2px 7px 2px 7px;
}

#themenu select {
	border: none;
	font-size: 11px;
}

#directorytag {
	width: 26px;
	height: 410px;
	background-image: url('../im/directory.gif');
	background-repeat: no-repeat;
	float: left;
}

ul.directory {
	margin-left: 0px;
	padding-left: 0px;
}

ul.directory li {
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

ul.directory li a:link {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background-image: url('../im/bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	min-height: 20px;
	display: block;
}

ul.directory li a:visited {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background-image: url('../im/bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	min-height: 20px;
	display: block;
}

ul.directory li a:hover {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	background-image: url('../im/bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	min-height: 20px;
	display: block;
}

/**************************** END PULLOUT MENU ****************************/

#header {
	width: 899px;
	max-height: 357px;
}

#header_sub {
	width: 899px;
	height: 181px;
}

#hl {
	width: 14px;
	height: 37px;
	background-image: url('../im/hl.gif');
	float: left;
}

#hr {
	width: 14px;
	height: 37px;
	background-image: url('../im/hr.gif');
	float: right;
}

#sr {
	width: 2px;
	height: 37px;
	background-image: url('../im/hs.gif');
	float: left;
}

#nav {
	width: 899px;
	height: 37px;
	background-image: url('../im/ht.gif');
	background-repeat: repeat-x;
}

#banner {
	width: 899px;
	height: 320px;
}

#banner_aboutus {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_aboutus.jpg')
}

#banner_whatsnew {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_whatsnew.jpg')
}

#banner_whatshappening {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_whatshappening.jpg')
}

#banner_storedirectory {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_storedirectory.jpg')
}

#banner_malllayout {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_malllayout.jpg')
}

#banner_facilities {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_facilities.jpg')
}

#banner_gettingthere {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_gettingthere.jpg')
}

#banner_contactus {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_contactus.jpg')
}

#banner_newstores {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_newstores.jpg')
}

#banner_promo {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_promo.jpg')
}

#banner_tnc {
	width: 899px;
	height: 144px;
	background-image: url('../im/h_tnc.jpg')
}

#banner_wifi{
	width: 899px;
	height: 144px;
	background-image: url('../im/h_wifi.jpg')
}

#mall_logo {
	width: 182px;
	height: 100px;
	position: absolute;
	margin-left: 700px;
	margin-top: 42px;
	background-image: url('../im/logo_mall.gif');
}

#content {
	min-height: 430px;
	padding-left: 30px;
	padding-right: 45px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url('../im/cbg.gif');
	background-position: top;
	background-repeat: repeat-x;
	margin-bottom: 30px;
}

#content_main {
	padding-left: 30px;
	padding-right: 45px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	overflow: auto;
}

.index-left {
	float: left;
	width: 255px;
	padding-top: 30px;
	clear: left;
}

.index-right {
	float: left;
	width: 500px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 30px;
}

#footer {
	width: 899px;
	height: 60px;
	background-image: url('../im/ftr.jpg');
}

#signature {
	position: absolute;
	width: 81px;
	height: 78px;
	background-image: url('../im/logo_asiamalls.gif');
	float: right;
	margin-left: 780px;
	margin-top: -30px;
	z-index: 99;
}

h2, h3, h4, h5, h6 {
	color: #00AED7;
}

h1 {
	color: #165d90;
	font-size: 21px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

h4 {
	font-size: 15px;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

h5 {
	font-size: 13px;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

h6 {
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
}

a:link {
	color: #76BBCB;
	text-decoration: none;
}

a:visited {
	color: #76BBCB;
	text-decoration: none;
}

a:hover {
	color: #76BBCB;
	text-decoration: underline;
}

/****************************** NAVIGATION BAR ******************************/

a#home:link {
	width: 56px;
	height: 37px;
	display: block;
	background-image: url('../im/btnhome.gif');
	float: left;
}

a#home:visited {
	width: 56px;
	height: 37px;
	display: block;
	background-image: url('../im/btnhome.gif');
	float: left;
}

a#home:hover {
	width: 56px;
	height: 37px;
	display: block;
	background-image: url('../im/btnhome1.gif');
	float: left;
}

a#aboutus:link {
	width: 72px;
	height: 37px;
	display: block;
	background-image: url('../im/btnaboutus.gif');
	float: left;
}

a#aboutus:visited {
	width: 72px;
	height: 37px;
	display: block;
	background-image: url('../im/btnaboutus.gif');
	float: left;
}

a#aboutus:hover {
	width: 72px;
	height: 37px;
	display: block;
	background-image: url('../im/btnaboutus1.gif');
	float: left;
}

a#whatsnew:link {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatsnew.gif');
	float: left;
}

a#whatsnew:visited {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatsnew.gif');
	float: left;
}

a#whatsnew:hover {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatsnew1.gif');
	float: left;
}

a#whatshappening:link {
	width: 145px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatshappening.gif');
	float: left;
}

a#whatshappening:visited {
	width: 145px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatshappening.gif');
	float: left;
}

a#whatshappening:hover {
	width: 145px;
	height: 37px;
	display: block;
	background-image: url('../im/btnwhatshappening1.gif');
	float: left;
}

a#storedirectory:link {
	width: 101px;
	height: 37px;
	display: block;
	background-image: url('../im/btnstoredirectory.gif');
	float: left;
}

a#storedirectory:visited {
	width: 101px;
	height: 37px;
	display: block;
	background-image: url('../im/btnstoredirectory.gif');
	float: left;
}

a#storedirectory:hover {
	width: 101px;
	height: 37px;
	display: block;
	background-image: url('../im/btnstoredirectory1.gif');
	float: left;
}

a#malllayout:link {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnmalllayout.gif');
	float: left;
}

a#malllayout:visited {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnmalllayout.gif');
	float: left;
}

a#malllayout:hover {
	width: 84px;
	height: 37px;
	display: block;
	background-image: url('../im/btnmalllayout1.gif');
	float: left;
}

a#facilities:link {
	width: 121px;
	height: 37px;
	display: block;
	background-image: url('../im/btnfacilities.gif');
	float: left;
}

a#facilities:visited {
	width: 121px;
	height: 37px;
	display: block;
	background-image: url('../im/btnfacilities.gif');
	float: left;
}

a#facilities:hover {
	width: 121px;
	height: 37px;
	display: block;
	background-image: url('../im/btnfacilities1.gif');
	float: left;
}

a#gettingthere:link {
	width: 95px;
	height: 37px;
	display: block;
	background-image: url('../im/btngettingthere.gif');
	float: left;
}

a#gettingthere:visited {
	width: 95px;
	height: 37px;
	display: block;
	background-image: url('../im/btngettingthere.gif');
	float: left;
}

a#gettingthere:hover {
	width: 95px;
	height: 37px;
	display: block;
	background-image: url('../im/btngettingthere1.gif');
	float: left;
}

a#contactus:link {
	width: 77px;
	height: 37px;
	display: block;
	background-image: url('../im/btncontactus.gif');
	float: left;
}

a#contactus:visited {
	width: 77px;
	height: 37px;
	display: block;
	background-image: url('../im/btncontactus.gif');
	float: left;
}

a#contactus:hover {
	width: 77px;
	height: 37px;
	display: block;
	background-image: url('../im/btncontactus1.gif');
	float: left;
}

/**************************** END NAVIGATION BAR ****************************/

.inline {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
}

table.promo {
	border-left: 1px solid #00AED7;
	border-right: none;
	border-top: 1px solid #00AED7;
	border-bottom: none;
}

table.promo tr td {
	border-left: none;
	border-right: 1px solid #00AED7;
	border-top: none;
	border-bottom: 1px solid #00AED7;
	vertical-align: top;
}

.panel-left {
	float: left;
	width: 300px;
}

.panel-right {
	float: left;
	width: 250px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
}

table.storedirectory {
	border-bottom: 5px solid #d4e4ef;
}

table.storedirectory tr td h4 {
	margin: 5px 5px 5px 0px;
	padding: 5px 5px 5px 0px;
}

td.storedirectory_heading {
	background: #d4e4ef;
	color: #0E3E60;
	font-weight: bold;
}
