* {
	margin: 0;		
	padding: 0;
}

body {      
    background: #f1f1f1;
	color: #000;
    text-align: center;
	font-family: verdana,"Lucida Grande","Lucida Sans Unicode",geneva,sans-serif;
	/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 72%;
    line-height: 1.5em;
}

a {
	color:#579;
	text-decoration:undeline;
}

a:link {
	color: #579;
}

a:visited {
	color: #00498D;	
}

a:hover {
	color:#CC0000;	
}

ul {
	padding-left: 20px;
}


p {
	margin-bottom: 10px;
}

img {
        border: 0px
}

p.tight {
	margin-bottom: 0px;
}

div#page {
	width: 800px;        
	margin:  0 auto;
    padding: 0px;    
    background: #f1f1f1;
    text-align: center;
}

/* HEADER */
div#header-cityshopper,
div#header-frequent {
	height: 96px;	
	margin-top: 20px;	
}

div#header-cityshopper{
background: transparent url("/images/header_cityshopper.gif") no-repeat top left; 
/* background: transparent url("/images/200901/header_cny09.jpg") no-repeat top left; */
/* background: transparent url("/images/20081121/clm_header_xmas08.jpg") no-repeat top left; */
/* background: transparent url("http://cityshopper.sg/images/header_gss2008.jpg") no-repeat top left; */
/*	background: transparent url("/images/header_christmas.jpg") no-repeat top left; */
/* background: transparent url("http://cityshopper.sg/assets/2008/1/17/header_cny08_2.jpg") no-repeat top left; */
/* background: transparent url("/images/ndp_header.gif") no-repeat top left; */

/* background: transparent url("http://cityshopper.sg/assets/2008/7/31/header.jpg") no-repeat left; */

}

div#header-frequent{
	background: transparent url("/images/header_frequent.gif") no-repeat top left;	
}

div#header-cityshopper h1,
div#header-frequent h1 {
	display: none;
}

div#header-cityshopper p,
div#header-frequent p {
	display: none;
}



/* CONTENT */
div#content {
	background: #fff url("/images/content_background.jpg") repeat-y;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	text-align: left;
}

div#content-full {
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: left;	
}

div#content-main {
/*	background: #fff url("/images/content_background.jpg") repeat-y;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
*/
	padding: 0px;
	margin: 0px;
	float: left;
	margin-right: -218px;
	width: 798px;
	/* width: 100%; */
}

div#content-container {
	background: transparent;
  	margin-right: 220px;
	padding: 30px;
	text-align: left;
}

div#content-full .wrapper {
	padding: 30px;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #263E85;	
	margin-bottom: 5px;
}

h3 {
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: none;
	color: #263E85;
}

/* POST */
div.post {
	margin-bottom: 30px;
}


div.post h2 a {
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #263E85;
}

div.post h3 {
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: none;
	color: #263E85;
}

div.post small {
	color: #888;
}

/* ENTRY */
div.entry {
	margin-top: 10px;
	font-size: 0.95em;
}

div.entry strong.highlight {
	color: #005baf;
	text-transform: uppercase;
}

div.entry em {
	color: #f00;
	font-weight: bold;
	font-style: normal;
}

div.entry em.blue {
        color: #005baf;
}

div.entry p {
	margin-bottom: 5px;
}


div.entry a {
	color:#579;
	text-decoration:undeline;
}

div.entry a:hover{
	color:#CC0000;	
}

div.row {
	margin-bottom: 8px;
}

/* STORY */
div.story {
	padding-top: 20px;
}

/* SIDEBAR */
div#sidebar {
	width: 200px;
	float: right;
	background: transparent;
}

div#sidebar .wrapper {
	padding: 30px 10px;

}

div#sidebar h2 {
	color: #C2AD01;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
}

div#sidebar .panel {
	margin-bottom: 20px;
}

div#sidebar ul {
	list-style: none;
	font-size: 0.9em;
}

div#sidebar a {
	color: #579;
	text-decoration: underline;
}

div#sidebar a:hover{
	color:#CC0000;	
}


.fineprint {
	color: #888;
	line-height: 1.5em;
	font-size: 0.9em;
}

ul.fineprint {
	list-style-type: none;
	list-style-image: url("/images/at.gif");
	padding: 0;
	margin: 0;
}

ul.fineprint li {
	background: #ffffff url("/images/at.jpg") no-repeat left 3px;
	padding-left: 20px;
	color: #888;
}


/* IMAGES */
img.floatright {
   float: right;
   margin: 0px 0px 5px 10px;
}

img.floatleft {
	float: left;
	margin: 0px 10px 5px 0px;
}

/* FOOTER */
div#footer {
	clear: both;
	color: #333;
    background-color: #f0f0f0;
	background: #005baf url("/images/footer.gif") no-repeat bottom left;
	color: #fff;
	font-size: 0.8em;
	margin-bottom: 40px;
	line-height: 1.2em;
}

div#footer .wrapper {
	padding: 10px;
}

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

div#footer li {
	display: inline;
	padding: 3px;
}

div#footer li a:link,
div#footer li a:visited {
	color: #ff0;
}

div#footer li a:hover,
div#footer li a:active {
	color: #f00;
	color: #FF6565;
	color: #FF4A4A;
}

/* NAVIGATION */
#nav-main {
	width: 800px;
	text-align: left;
	background: #005baf;
	border-top: 5px solid #57ADFD;
	text-transform: uppercase;
}

#nav-main ul {
	line-height: 1.8em;
	margin: 0px;
	padding: 5px 0px 5px 30px;
	list-style-type: none;
}

#nav-main li {
	display: inline;
}

#nav-main li a {
	border-right: 1px solid #CEE7FD; /* #ff0; */
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}

#nav-main li a.last {
	border: none;
}

#nav-main a:link, 
#nav-main a:visited {
	color: #ff0;
	color: #B4DAFD;
	color: #CEE7FD;
}

#nav-main a:hover,
#nav-main a.active {
 	color: #eb3e3e;
	color: #ff4a4a;
	color: #ff0;
/*	color: #fff; */
	/* color: #fff; */
}


/* NAVIGATION FREQUENT */
#nav-frequent {
	width: 800px;
	text-align: left;
	background: #57ADFD;
	text-transform: uppercase;
}

#nav-frequent ul {
	line-height: 1.8em;
	margin: 0px;
	padding: 5px 0px 5px 30px;
	list-style-type: none;
}

#nav-frequent li {
	display: inline;
}

#nav-frequent li a {
	/* border-right: 1px solid #ff0; */
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}

#nav-frequent li a.last {
	border: none;
}

#nav-frequent a:link, 
#nav-frequent a:visited {
	color: #005baf;
	color: #00498D;
	color: #fff;
}

#nav-frequent a:hover,
#nav-frequent a.active {
 	color: #eb3e3e;
	color: #ff4a4a;
	color: #fff;
	color: #ff0;
	color: #00498D;	
	/* color: #fff; */
}

/* TOOLS */
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* clearing */
.stretch,
.clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/* end clearing */


/* replace */
.replace {
	display:block;
		
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

/* tidy these up */
.replace * {
	text-indent: -10000px;
	display:block;
		
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}
.replace a {
	text-indent:0;
}

.replace a span {
	text-indent:-10000px;
}
/* end replace */


/* accessibility */
span.accesskey {
	text-decoration:none;
}

.accessibility {
	position: absolute;
    top: -999em;
    left: -999em;
}
/* end accessibility */

/* REWARDS */

.rewards ul{
	margin-left: 20px;
}

.rewards li{
	width:200px;
	border:solid #CCC;
	border-width:0 0px 0px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

.rewards  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

.rewards a:hover span{	
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 


.rewards img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}


/* TENANTS */
ul.tenants-listing  {
	list-style: none;
	margin-bottom: 20px;
	margin-left: 30px;
}

ul.tenants-listing li {
	width: 450px;
}

ul.tenants-listing em {
	color: #CC0000;
	font-style: normal;
	font-size: 0.9em;
	padding-left: 20px;
}

table.tenants-listing {
	border: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
}

table.tenants-listing td {
	text-align: left;
	color: #C00;
	font-size: 0.9em;
	padding-left: 8px;
}


table.tenants-listing td.tenant-name {
	width: 200px;
	text-align: right;
	padding: 3px
	padding-right: 8px;
	color: #000;
}






/* Points balance form */
form#points-balance-form {
	margin-top: 10px;
}

#points-balance-form label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

#points-balance-form label small {
	font-size: 1em;
}

ul#points-balance-errors {
	margin: 5px 0px 5px 0px;
	list-style: none;
	background: #FFEEEE;
	padding: 5px;
}

ul#points-balance-errors li {
	color: #f00;
	font-size: 0.9em;
}


/* CONTENT FORMATTING */

div.col-50 {
	width: 45%;
}

div.floatleft {
	float: left;
}

div.floatright {
	float: right;
}

div.reddy {
	background-color: #FF3366;
	padding: 20px;
	padding-top: 0px;
}

div.reddy p {
	color: #fff;
}

div.reddy .fineprint {
	color: #bbb;
}

div.reddy h3 {
	padding-top: 20px;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: none;
	color: #263E85;
}

div.reddy em {
	color: #FFCC00;
	font-weight: bold;
}

div.reddy ul {
	margin-left: 20px;
}

div.reddy li {
	color: #fff;
}

div.brown {
	background-color: #7C622F;
	padding: 20px;
}

div.brown p {
	color: #fff;
}

div.brown label {
	float: left;
	width: 140px;
}

/* BROWNY */
div.browny {
	background-color: #7C622F;
	padding: 20px;
	padding-top: 0px;
}

div.browny p {
	color: #fff;
}

div.browny .fineprint {
	color: #bbb;
}

div.browny h3 {
	padding-top: 20px;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: none;
	color: #263E85;
}

div.browny em {
	color: #FFCC00;
	font-weight: bold;
}

div.browny ul {
	margin-left: 20px;
}

div.browny li {
	color: #fff;
}


/* Navy */
div.navy {
	background-color: #020F7D;
	padding: 20px;
	padding-top: 0px;
}

div.navy p {
	color: #fff;
}

div.navy .fineprint {
	color: #bbb;
}

div.navy h2 {
	color: #16B4EE;
}

div.navy h3 {
	padding-top: 20px;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: none;
	color: #16B4EE;
}

div.navy em {
	color: #16B4EE;
	font-weight: bold;
}

div.navy ul {
	margin-left: 20px;
}

div.navy li {
	color: #fff;
}


div.navy ul.fineprint {
	list-style-type: none;
	list-style-image: url("/images/at_navy.gif");
	padding: 0;
	margin: 0;
}

div.navy ul.fineprint li {
	background: #020F7D url("/images/at_navy.jpg") no-repeat left 3px;
	padding-left: 20px;
	color: #888;
}