@charset "utf-8";
/* CSS Document */

#innerContent {font-size:12px; width:920px; padding-right:10px;}
#innerContent h1 {width:auto; background:#C2A317; padding:7px 10px;}
#innerContent h2 {font-size:12px;}
a.more {float:right; display:block; background:url(../images/home/btn_more.gif) no-repeat; padding:0 0 0 17px; margin-left:5px; color:#333; line-height:14px; font-size:12px;}
.moreContainer {background:url(../images/dash_1.gif) repeat-x top; padding:7px 0 0 0;}
table {width:100%;}

/* Main Structure starts */
#leftCol {width:610px; float:left;}
#rightCol {width:300px; float:right;/* background:#e9e9e9; min-height:1107px;*/}
#fontSizeContainer {margin:24px 10px 0 0; line-height:150%; text-align:left;}
.separator {float:left; height:10px; width:10px; overflow:hidden;}
.separatorV {float:left; height:138px; width:1px; margin:15px 10px 0 10px; overflow:hidden; background:url(../images/dash_4.gif) repeat-y 0 0;}
/* Main Structure ends */

/* Home Bottom Item starts */
.homeItem {float:left; position:relative;}
.homeItem h3 {margin:0 0 10px 0;}
.homeItem div.photo {float:left;}
.homeItem div.detail {margin-left:114px;}
.homeItem div.detail h2 {color:#3C1271; margin:0 0 3px 0;}
.homeItem div.detail a {display:inline-block; color:#333; background:url(../images/home/btn_more.gif) no-repeat 0 3px; padding:0 0 0 17px; position: absolute; bottom:0; right:10px; font-size:12px;}
/* Home Bottom Item ends */

/* newsBox starts */
/*#newsBox {height:309px; position:relative; margin-bottom:10px;}
#newsBox .photos {position:relative; height:242px; width:100%; z-index:1;}
#newsBox .photos img {position:absolute; top:0; left:0; display:none;}
#newsBox .details {width:400px; height:55px; color:#FFF; background:#333; padding:7px 10px 5px 10px;}
#newsBox .details div {display:none; width:100%;}
#newsBox .details h3 {font-size:15px; font-weight:bold; margin:0 0 4px 0; line-height:18px; color:#FFF;}































































#newsBox .details p {padding:0; margin:0; line-height:14px;}
#newsBox .rightCol {position:absolute; width:190px; height:309px; top:0; right:0; background:#FAF4DE; z-index:10;}
#newsBox .rightCol a.more {margin:7px 7px 0 0;}
#newsBox .nav a {display:block; width:170px; height:63px; padding:8px 6px 0 14px; color:#3F3F3F; cursor:pointer; background:url(../images/home/news_dash.gif) no-repeat bottom center; position:relative;}
#newsBox .nav a:hover, #newsBox .nav a.active {background:#F5ECBF; text-decoration:none;}
#newsBox .nav a .imgContainer {float:left; border:1px solid #EAEAEA; margin:0 10px 0 0;}
#newsBox .nav a .imgContainer img {border:1px solid #FFF;}
#newsBox .nav a .txt {float:left; padding:0; margin:0; width:92px; line-height:14px;}
#newsBox .nav a .arrow {width:7px; height:71px; background:url(../images/home/news_arrow.gif) no-repeat 0 50%; position:absolute; left:-4px; top:0; visibility:hidden;}
#newsBox .nav a:hover .arrow, #newsBox .nav a.active .arrow {visibility:visible;}*/
/* newsBox ends */



/* Fun Facts About Racing starts */
#funFacts {margin:0 0 10px 0;}
#funFacts .content {/*padding:10px 0 0 18px;*/ position:relative;}
#funFacts .content img.mainVisual {position: absolute; bottom:0;}
#funFacts .content div {/*margin:0 0 0 173px;*/}
#funFacts .content div h2 {margin:0 0 5px 0;}
#funFacts .content div p {padding:0 0 10px 0;}
#funFacts .content div ul {padding:0 0 25px 0;}
#funFacts .content div ul li {float:left; width:45%; padding:0 0 5px 0;}
#funFacts .content .content {border:none;}
/* Fun Facts About Racing ends */

/* whatsHot starts */
.whatsHotContainer {width:100%; margin:10px 0 0 0; background:#FBF5D5; font-size:12px;}
.whatsHotContainer h1 {width:auto; background:#C2A317; padding:5px 10px;}
.whatsHotContainer .content {padding:10px;}
.whatsHotContainer .content iframe {float:left;}
div.whatshotItem {width:285px; height:70px; padding:0; float:left; background:#FBF5D5; font-size:12px;}
div.whatshotItem img {float:left; margin:0 10px 0 0;}
div.whatshotItem a {width:185px; float:left; display:block; color:#333; line-height:14px;}
div.whatshotItem a strong{color:#C2A317;}
div.whatsHotStroke {float:left; width:1px; height:70px; margin:0 9px; background-color:#FFF;}
/* whatsHot ends */

/* offer starts */
#offer {width:300px; float:left; margin:10px 0 0 0;}
/* offer ends */

/* Left Inside Column starts */
#leftInside {float:left;width:300px; margin:10px 10px 0 0;}
/* Left Inside Column ends */

/* Latest Mark Six starts */
#latestMarkSix {text-align:center; font-size:14px; font-weight:700; padding:4px 0;}
/* Latest Mark Six ends */

/* At The Racecourses starts */
.racecourses .content {padding:10px;}
.racecourses p {padding-bottom:0;}
.racecourses .moreContainer {background:none;}
/* At The Racecourses ends */

/* Promo Banner starts */
#bannerPromo {padding:1px; background:#EFE9D1; margin-top:1px;}
/* Promo Banner ends */

/* Check Table Availability starts */
#btnCheckTable {text-align:center; background:#FBF2D1; padding:2px 0 10px 0;}
/* Check Table Availability ends */

/* Go Racing Rewards starts */
.goRacingRewards .content {padding:18px 10px;}
/*.goRacingRewards .homeItem div.detail {margin-left:94px;}*/
.homeItem div.detail h2 {color:#C2A216;}
/* Go Racing Rewards ends */

/* The Racing Club starts */
#theRacingClub {float:left;}
#bjch {float:left;}
/* The Racing Club ends */

/* Member's Lifestyle Privileges starts */
#privileges {margin:0 0 10px 0;}
#privileges h1 {margin:0;}
#privileges .content {padding:10px 0;}
#privileges .homeItem {width:33%;}
#privileges .homeItem .detail {padding:0 10px 0 0;}
#privileges .homeItem .detail h3 {padding:0 0 5px 0; margin:0;}
#privileges .homeItem .detail h3 a {background:none; position: relative; padding:0;}
#privileges .homeItem .detail a.more {right:20px; margin:0; line-height:140%; float:none; width:50px;}
/* Member's Lifestyle Privileges ends */

/* About Hong Kong Jockey Club Membership starts */
.aboutHKJCmembership .content {padding:10px;}
.aboutHKJCmembership .content .homeItem div.detail {margin-left:127px;}
.aboutHKJCmembership .content .homeItem div.detail p {padding-bottom:5px;}
.aboutHKJCmembership .content .homeItem div.detail ul {padding-bottom:5px;}
.aboutHKJCmembership .content .homeItem div.detail ul li {background:url(../images/members/arrow.gif) no-repeat 0 6px; padding:0 10px 0 12px; float:left;}
.aboutHKJCmembership .content .homeItem div.detail ul li a {color:#C2A216; background:none; position:static; display:inline; padding:0; font-size:12px; font-weight:700;}
/* About Hong Kong Jockey Club Membership ends */

/* Table Style starts */
.mainTable {border-bottom:1px solid #2F5395;}
.mainTable th {padding:2px 5px 2px 5px; border-bottom:1px solid #2F5395;}
.mainTable td {padding:2px 5px 2px 4px; border-left:#F2F9FD 1px solid; color:#666;}
.mainTable .rowColor {background:#EFEFEF;}
.mainTable th.position {width:25px;}
.mainTable th.number {width:18px; text-align:center;}
.mainTable th.dividends {width:65px;}
.mainTable th.points {width:35px; text-align:center;}
.mainTable th.odds {width:60px; text-align:center;}
.mainTable .center {text-align:center;}
/* Table Style ends */

/* Item starts */
.itemBgColor .content {background:#FBF2D1;}
.itemBorder .content {border:#C2A317 1px solid; border-top:none; margin:0 0 10px 0;}
.itemBorder h1 {margin:0;}
.itemBorderBottom .content {border-bottom:#C2A317 2px solid;margin:0 0 10px 0;}
/* Item ends */