/*
==global styles
*/
* {
	margin: 0;
	padding: 0;
	}

html {
	font-size: 100%;
	}
		
body {
	font: 62.5%/1.5 "Times New Roman", Times, serif;
	background: #000000 url(../im/bg.jpg) 236px 0 no-repeat;
	color: #ffffff;
	}
/***xq add 1202**/
span { font-size: 1.6em; }
 
/*added 20091029*/	
#mailingListPage {
	background: #000000 url(../im/mailingList-bg.jpg) top left no-repeat;
}

/*all headers are background images*/
h1, h3 {
	text-indent: -9999px;
}

h4 {
	font-size: 1.6em;
	/**text-transform: capitalize;//20091113**/
}
#aboutPage h4{/**1201**/
	font-size:1.8em;
	
}
#contactPage h4{/****1201*/
	font-size:1.8em;
	}	
	
#vouchersPage  h4{/****1201*/
	font-size:1.8em;
	}		


/*added 20091029*/
h4.comingSoon {
	opacity: 0.5;
	filter:alpha(opacity=50);
}	

p {
	font-size: 1.6em;/**1.2->1.6  1201**/
	margin-bottom: 1.5em;
	}
#footer p{/**xq add this 1211**/
font-size: 1.2em;
}	

/*added 20091029*/	
a img {
	border: none;
}
	
a:link, a:visited {
	color: #c1b584;
	text-decoration: none;
}
/*20091030*/
table.listing a:link, table.listing a:visited{
	color: #ffffff;
	text-decoration: none;
}
/*
#clickforFeedback a:link,a:visited{
	color: #ffffff;
	text-decoration: none;
}*/

a:hover {
	text-decoration: underline;
}

ul {
	padding: 0;
	margin-left: 16px;
	list-style-type: disc;
}

li {
	margin-bottom: 1.6em;
}

table {
	border-collapse: collapse;
}

th, td {
	padding: 6px 10px;
	text-align: left;
	font-size: 1.1em;
	/*text-transform: capitalize;//changed on20091113,eve asked*/
}
#directoryPage th, td {/***1201**/
	padding: 6px 10px;
	text-align: left;
	font-size: 1.6em;
	/*text-transform: capitalize;//changed on20091113,eve asked*/
}
.search_list_{
text-align:right;
}

th {
	background-color: #333026;
}

/*added 20091029*/
tr.alt td {
	background-color: #1a1a1b;
}

/*added 20091029*/
tr.over td {
	background-color: #736d55;
	cursor: pointer;
}

/*added 20091029*/	
.clear {
	clear: both;
	}
	
/*
==splash page (to remove when site is live)
 */
body #splashPage {
	background-image: none;	
}

#splash {
	margin: 0 auto;
	background: #000000 url(../im/splash.jpg) no-repeat;
	width: 980px;
	height: 760px;
}

#splashPage p {
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	text-transform: capitalize;
	position: relative;
	top: 680px;
	opacity: 0.5;
	filter:alpha(opacity=50); /*applies transparency for IE*/
}
	
/*
==navigaton
*/

#navContainer {
	float: left;
	padding: 60px 0 0 40px;
	width: 196px;
	height: 854px;
	margin-right: 10px;
	}
	
#homePage #navContainer {
	background: url(../im/nav-bg-home.jpg) 0 100% no-repeat;
}

#aboutPage #navContainer {
	background: url(../im/nav-bg-about.jpg) 0 100% no-repeat;
}

#leasingPage #navContainer {
	background: url(../im/nav-bg-offers.jpg) 0 100% no-repeat;
}

#calendarPage #navContainer {
	background: url(../im/nav-bg-calendar.jpg) 0 100% no-repeat;
}

#offersPage #navContainer {
	background: url(../im/nav-bg-offers.jpg) 0 100% no-repeat;
}

#directoryPage #navContainer {
	background: url(../im/nav-bg-directory.jpg) 0 100% no-repeat;
}

#vouchersPage #navContainer {
	background: url(../im/nav-bg-giftVouchers.jpg) 0 100% no-repeat;
}

#contactPage #navContainer {
	background: url(../im/nav-bg-contact.jpg) 0 100% no-repeat;
}
	
#nav {
	width: 140px;
	list-style: none;
	margin-top: 33px;
	margin-left: 0; /*added 20091029*/
	}
	
#nav li {
	margin-bottom: 14px;
}

#nav li a {
	text-indent: -9999px;
	display: block;
	}
	
li#home a {
	background: url(../im/nav-sprites.gif) left top no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#home a:hover, #homePage li#home a {
	background-position: -170px 0;
}

li#about a {
	background: url(../im/nav-sprites.gif) 0 -25px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#about a:hover, #aboutPage li#about a{
	background-position: -170px -25px;
}

li#leasing a {
	background: url(../im/nav-sprites.gif) 0 -50px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#leasing a:hover, #leasingPage li#leasing a {
	background-position: -170px -50px;
}

li#calendar a {
	background: url(../im/nav-sprites.gif) 0 -75px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#calendar a:hover, #calendarPage li#calendar a {
	background-position: -170px -75px;
}

li#offers a {
	background: url(../im/nav-sprites.gif) 0 -100px no-repeat;
	width: 170px;
	height: 10px;
	display: block;
	}
	
li#offers a:hover, #offersPage li#offers a {
	background-position: -170px -100px;
}

li#mailingList a {
	background: url(../im/nav-sprites.gif) 0 -125px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#mailingList a:hover, #mailingListPage li#mailingList a {
	background-position: -170px -125px;
}

li#directory a {
	background: url(../im/nav-sprites.gif) 0 -150px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#directory a:hover, #directoryPage li#directory a {
	background-position: -170px -150px;
}

li#giftVouchers a {
	background: url(../im/nav-sprites.gif) 0 -176px no-repeat;
	width: 140px;
	height: 10px;
	display: block;
	}
	
li#giftVouchers a:hover, #vouchersPage li#giftVouchers a {
	background-position: -170px -176px;
}

li#contact a {
	background: url(../im/nav-sprites.gif) 0 -202px no-repeat;
	width: 140px;
	height: 10px;
	/*display: block;*/
	}
	
li#contact a:hover, #contactPage li#contact a {
	background-position: -170px -202px;
}

/*
 ==content
 */
/*****************add on 20091117*****************************/
#homePage #content p {
	font-size: 1.6em;
	}
	
#aboutPage #content p {/**add 1201**/
	font-size: 1.6em;
	}	
	
#contactPage #contentBox p{/****1201*/
	font-size:1.6em;
	}	
	
#vouchersPage #content p{/****1201*/
	font-size:1.6em;
	}		
	
ul {
	font-size: 1.2em;
	}
#aboutPage ul{/**add 1201**/
	font-size:1em;
}	
#vouchersPage ul{/**add 1201**/
	font-size:1.6em;
}	

#subAbt1, #subAbt2 {
	clear: both;
	list-style: none;
	margin-left: 10px;
	}
	
#subAbt1 li, #subAbt2 li {
	text-indent: -9999px;
	float: left;
	margin-right: 22px;
	}

#subAbt1 li a, #subAbt2 li a {
	display: block;
	clear: both;
	}

li#overview a {
	background: url(../im/sub-overview.png) 0 -12px no-repeat;
	width: 70px;
	height: 10px; 
	}
	
li#luxury a {
	background: url(../im/sub-luxury.png) 0 -15px no-repeat;
	width: 171px;
	height: 13px;
	}
	
li#labels a {
	background: url(../im/sub-labels.png) 0 -12px no-repeat;
	width: 70px;
	height: 10px;
	}
	
li#concept a {
	background: url(../im/sub-concept.png) 0 -15px no-repeat;
	width: 171px;
	height: 13px;
	}
	
#subAbt1 li a:hover, #subAbt2 li a:hover, #subAbt1 a.active, #subAbt2 a.active, 

#vouchersTab a.active {
	background-position: top left;
}

#vouchersTab {
	list-style-type: none;
	margin: 0;
}

#vouchersTab li {
	float: left;
}

#vouchersTab li a {
	display: block;
	text-indent: -9999px;
}

li#tabGiftouchers a {
	background: url(../im/tab-vouchers.png) 0 -27px no-repeat;
	width: 106px;
	height: 25px;
	margin-right: 7px;
}

li#tabTnc a {
	background: url(../im/tab-tnc.png) 0 -27px no-repeat;
	width: 143px;
	height: 25px;
}
/***************end add 20091117 *************************/
#wrapper {
	width: 724px;
	float: left;
	padding-top: 137px;
	background: url(../im/spotlight.png) right top no-repeat;
}

#mastheadMain {
	width: 724px;
	height: 350px;
}

#pictureFrame {
	width: 660px;
	height: 290px;
	padding: 35px 0 0 15px;
	margin-left: 20px;
	background: url(../im/masthead-pic-frame.png) left top no-repeat;
	position: absolute;
	z-index: 1;
}

#rails {
	width: 713px;
	height: 108px;
	background: url(../im/rail.png) left top no-repeat;
	position: absolute;
	z-index: 2;
	top: 360px;
}


#title {
	width: 402px;
	height: 276px;
	margin-right: 52px;
	float: left;
}


#aboutPage #title {
	background-image: url(../im/h1-about.png);
}

#leasingPage #title {
	background-image: url(../im/h1-leasing.png);
}

#calendarPage #title {
	background-image: url(../im/h1-calendar.png);
}

#offersPage #title {
	background-image: url(../im/h1-offers.png);
}

#directoryPage #title {
	background-image: url(../im/h1-directory.png);

}

#vouchersPage #title {
	background-image: url(../im/h1-giftVouchers.png);
}

#contactPage #title {
	background-image: url(../im/h1-contact.png);
}

#masthead {
	width: 256px;
	height: 223px;
	position: relative;
	z-index: 1;
	float: left;
}

#aboutPage #masthead {
	background-image: url(../im/masthead-about.jpg);
}

#offersPage #masthead {
	background-image: url(../im/masthead-offers.jpg);
}

#calendarPage #masthead {
	background-image: url(../im/masthead-calendar.jpg);
}

#directoryPage #masthead {
	background-image: url(../im/masthead-directory.jpg);
}

#vouchersPage #masthead {
	background-image: url(../im/masthead-giftVouchers.jpg);
}

#contactPage #masthead {
	background-image: url(../im/masthead-contact.jpg);
}

#singleRail {
	width: 303px;
	height: 129px;
	position: absolute;
	z-index: 2;
	background-image: url(../im/rail-small2.png);
	top: 120px;
	margin-left: -22px;
}
/*The display error  i change 750, add height*/
#contentBox {
	width: 724px;
	min-height:600px;

	overflow: auto;
	clear: both;
	position: relative;
	top: 35px;
}

#content {
	width: 404px;
	padding: 0 5px;
	margin-right: 20px;
	float: left;
}

#contactInfo {
	width: 267px;
	padding: 0 5px;
	float: left;
}

#mapArea {
	background-image: url(../im/map.png);
	width: 441px;
	height: 467px;
	float: left;
}

#sidebar {
	width: 280px;
	padding-left: 10px;
	float: left;
}

#sidebar div, #content div {
	clear: both;
	margin-bottom: 2.2em;
}

#headerIndex {
	background-image: url(../im/h1-index.png);
	width: 387px;
	height: 201px;
	margin-bottom: 22px;
}

#latestOffers, #latestEvents {
	width: 270px;
	height: 56px;
	margin-bottom: -20px;
	}
	
#latestOffers {
	background-image: url(../im/hdr-latest-offers-promo.png);
}

#latestEvents {
	background-image: url(../im/hdr-latest-events.png);
	margin-top: 26px;
}
	
.thumbnailSidebar {
	background-image: url(../im/thumbnail-img-frame.png);
	width: 47px;
	height: 44px;
	padding: 3px 0 0 5px;
	float: left;
	margin-right: 4px;
}

.thumbnail {
	background-image: url(../im/img-frame.png);
	width: 119px;
	height: 94px;
	padding: 3px 0 0 4px;
	float: left;
	margin-right: 12px;
}

.contentDivider {
	width: 402px;
	height: 15px;
	background: url(../im/divider.png) left top no-repeat;
}

.redHighlight {
	background-color: #960b0f;
	padding: 2px 8px 2px 4px;
	text-transform: capitalize;
}

.clickforFeedback {
	font-size: 1.8em;
	width: 240px;
}
.clickforFeedback img {
	float: right;
}

#abtTab {
	list-style-type: none;
	margin: 0;
}

#abtTab li {
	float: left;
}

#abtTab li a {
	display: block;
	text-indent: -9999px;
}

li#abtMG a {
	background: url(../im/about-mg.png) 0 -26px no-repeat;
	width: 163px;
	height: 25px;
	margin-right: 7px;
}

li#abtMG a:hover, li#abtMG a.activeTab {
	background-position: top left;
}

li#abtOUE a {
	background: url(../im/about-mg.png) -170px -26px;
	width: 85px;
	height: 25px;
}

li#abtOUE a:hover, li#abtOUE a.activeTab {
	background-position: -170px 0;
}

#sortMenu {
	list-style-type: none;
	background-color: #000000;
	margin: 0;
	margin-top: -4px;
}

#sortMenu li {
	float: left;
	position: relative;
	margin: 0;
}

#sortMenu li a {
	text-indent: -9999px;
	display: block;
}

#sortMenu li ul {
	position: absolute;
	font-size: 1.1em;
	left: -9999px;
	list-style: none;
	text-transform: uppercase;	
	margin-left: 0;
}

#sortMenu li li a {
	text-indent: 0;
	background-image: none;
	/*width: 302px;*/
	text-decoration: none;
	color: #ffffff;
	background-color: #252525; /*updated 20091029*/
	display: block;
	padding-left: 10px;
	padding-top: 2px;
}

#sortMenu li:hover ul, #sortMenu li.sfhover ul {
	left: auto;
	display: block;
}

/*updated 20091029*/
#sortMenu li li a:hover {
	background-color: #736d55;
}

/*specifically define drop down width for category */
#sortMenu li#category li a {
	width: 302px;
}

/*specifically define drop down width for unit */
#sortMenu li#unit li a {
	width: 80px;
}

li#category a {
	background: url(../im/directory-sprites.gif) top left no-repeat;
	width: 314px;
	height: 22px;
}

li#unit a {
	background: url(../im/directory-sprites.gif) -314px 0 no-repeat;
	width: 90px;
	height: 22px;
}

/*updated 20091029*/
table.listing {
	width: 405px;
	background-color: #000000;
	clear: both;
} 
/*updated 20091029*/
tr .catType {
	background-color: #ffffff;
	text-transform: uppercase;
	color: #736d55;
	padding: 2px 10px;
}
/*table#listing {
	width: 405px;
	background-color: #000000;
	clear: both;
}*/

.sidebarBg {
	background-color: #1a1a1a;
	width: 230px;
	padding: 4px 18px;
	margin-top: -2px;/**change -6 to -2 =1104**/
	z-index: 1;
}

.text {
	border: none;
	background-color: #1a1a1a;
	padding: 2px 4px;
	width: 204px;
	color: #ffffff;
}	

img.store {
	border: 1px solid #716c55;
	margin-top: 8px;
}

.storeSelected {
	font-weight: bold;
	color: #c1b584;
}

button.go {
	background: url(../im/go.gif) top left no-repeat;
	width: 28px;
	height: 16px;
	margin-top: 2px;
	border: none;
	position: absolute;
	cursor: pointer;
}

/*mailing list form fields*/
form {
	padding-top: 50px;
	width: 820px;
	overflow: auto;
	}
	
.mailCol1 {
	width: 370px;
	float: left;
	}
	
.mailCol2 {
	width: 450px;
	float: left;
	}
	
label {
	width: 110px;
	display: block;
	text-align: left;
	float: left;
	text-transform: capitalize;
	text-align: right;
	font-weight: bold;
	margin-right: 6px;
}

.mailCol2 label {
	width: 180px;
	}

.errorMsg {
	color: #CC0000;
	}
	
#mailingListPage input[type="text"] {
	width: 234px;
	}
	
button.submit {
	background: url(../im/btn-submit.png) top left no-repeat;
	width: 78px;
	height: 32px;
	margin-top: 2px;
	border: none;
	position: absolute;
	cursor: pointer;
	clear: both;
	left: 380px;
}
/***20091104***/

#storeListing {
	background: url(../im/title-store-listing.png) top left no-repeat;
	width: 407px;
	height: 25px;
	margin-bottom: 4px;
	}
	
#searchTitle {
	background: url(../im/title-search.png) top left no-repeat;
	width: 266px;
	height: 25px;
	z-index: 2;
	position: relative;
	}
	
#storeDetails {
	background: url(../im/title-store-details.png) top left no-repeat;
	width: 266px;
	height: 25px;
	z-index: 2;
	position: relative;
	}
	
#tableBottom {
	background: url(../im/list-table-btm.png) top left no-repeat;
	width: 407px;
	height: 41px;
	}

/****1104***/

/***add on 1105-1741**/	
.thumbnailFloat {
	float: left;
	margin-right: 4px;
}

.imgBorder {
	border: 1px solid #353534;
	}	
/****1202****/
#merchants {
	margin-top: 10px;
	}

	#merchants li {
		margin: 0;
		margin-right: 20px;
	}

	#merchants .column {
		float: left;	
	}
/**************1202**/		
	
	
/*
== footer
 */
#footer {
	position: absolute;
	left: 40px;	
	top: 910px;
	text-transform: capitalize;
	font-size: 0.9em;
	clear: both;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}