/* ---------------------------------------------------------------*/
/* --------------------->  GLOBAL  <<<-------------------------*/
/* ---------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, table tr td {color:#333; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

body {background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/bg.jpg) no-repeat; background-position:top left; background-color:#ffde00;}

h1 {font-size:14px; font-weight:bold; color:#8a7f72; margin-bottom:8px;}
h1#pagehdr {font-size:24px; color:#333; margin:20px 0 8px 0; font-family:Verdana, Helvetiva, Sans-Serif; font-weight:bold}
h2 {font-size:13px; font-weight:bold; color:#100207;}
h3 {font-size:12px; font-weight:bold; color:#0063A6;}
h4 {font-size:11px; font-weight:normal; color:#666;}
h5 {font-size:11px; font-weight:bold; color:#5c5c5c;}
h6 {font-size:10px; font-weight:bold; color:#201307;}
p {line-height:16px; margin-bottom:18px;}

img {border:0;}
a {color:#7a003c; text-decoration:none;}
a:hover {color:#7a003c; text-decoration:underline;}

/* Clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ---------------------------------------------------------------*/
/* ----------------------->  GENERAL  <<<-------------------------*/
/* ---------------------------------------------------------------*/
#mainWrapper {width:960px; margin:0 auto;}
#logoWrapper {width:300px; float:left; margin-left:10px; display:inline;}
#logoWrapper .logo {width:300px; height:100px; margin:0;}
#logoWrapper .logo span {display:none;}
#headerTitle {width:640px; height:73px; float:left; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/headerLine.gif) no-repeat; background-position:bottom left; background-color:#fff;}
.conceptScreen {width:960px; height:161px; float:left; background-color:transparent;}
#footer {padding-top:10px; clear:both; padding-left:30px;}
#footer ul {list-style-type:none; font-size:11px; color:#333; padding-bottom:10px;}
#footer ul li {display:inline; color:#000;}
#footer ul li img {padding-left:5px;}

/* Home */
#mainWrapperHome {width:950px; margin:41px auto;}
#logoWrapperHome {width:250px; float:left; margin-left:10px; display:inline}
#logoWrapperHome .logoHome {width:250px; height:90px; margin:0;}
#logoWrapperHome .logoHome span {display:none;}
#tagline {float:left; margin-left:20px;}

.contentWrapperHome {width:950px; margin:0; float:left;}
.conceptScreenHome {width:650px; height:330px; float:left; background-color:transparent;}
.sideBarHome {width:300px; margin:0; float:right;}
.sideBarHome ul {list-style-type:none; margin:0; padding:0;}
.sideBarHome ul li img {float:left; margin:0;}


.featuredEvents {width:300px; height:140px; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/bFeaturedEvents.jpg) no-repeat top left #00679a; float:left; margin:0;}
.featuredEvents ul {list-style-type:none; padding:40px 20px 20px 20px; float:left;}
.featuredEvents ul li {width:260px; float:left; padding:0; margin:0;}
.featuredEvents ul li p {font-size:12px; color:#fff; float:left; padding:0 10px; width:170px; display:inline; margin-bottom:10px}
.featuredEvents ul li img {float:left; width:70px}
.featuredEvents a {text-decoration:none;}
.featuredEvents a:hover {text-decoration:none;}


/* Main Nav */
#mainNavWrapperHome {width:670px; float:left; margin-left:20px; display:inline;}
#mainNavHome {width:670px; height:27px; background-color:#7a003c;}
#mainNavHome ul{display:inline; margin:0; padding:0; list-style:none;}
#mainNavHome li {float:left;}
#mainNavHome a {display:block; background-position:0 0; background-repeat:no-repeat; height:27px;}
#mainNavHome a:hover {background-position: 0 -27px;}
#mainNavHome a.active, .navHolder a.active:hover {background-position:0 -27px;}
#mainNavHome a span {display:none;}

#mainNavWrapper {width:640px; float:left; display:inline;}
#mainNav {width:640px; height:27px; margin:0; background-color:#7a003c;}
#mainNav ul{display:inline; margin:0; padding:0; list-style:none;}
#mainNav li {float:left;}
#mainNav a {display:block; background-position:0 0; background-repeat:no-repeat; height:27px;}
#mainNav a:hover {background-position: 0 -27px;}
#mainNav a.active, .navHolder a.active:hover {background-position:0 -27px;}
#mainNav a span {display:none;}

.mainNav-about a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/navAbout.gif); width:82px;}
.mainNav-directory a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/navDirectory.gif); width:82px;}
.mainNav-events-promo a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/navEvents.gif); width:155px;}
.mainNav-news a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/navNews.gif); width:88px;}
.mainNav-contact a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/navContact.gif); width:91px;}


/* ---------------------------------------------------------------*/
/* -------------------->  CONTENT <<<-----------------------------*/
/* ---------------------------------------------------------------*/
#contentWrapper {width:960px; margin:0; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/bg-white.gif) repeat-y top center;}
#contentWrapper p {margin-top:10px;}
#leftWrapper {width:180px; float:left; margin-bottom:20px;}
#leftWrapper #leftNavWrapper {width:180px; background-color:#ffc900;}
#leftWrapper #leftNav {padding:12px 0 25px 0;}
#leftWrapper #leftNav p { margin-left:26px; margin-bottom:-2px; padding-left:20px; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/bullet.gif) no-repeat center left #ffc900;}
#leftWrapper #leftNav p a {color:#3d001e; text-decoration:none;}
#leftWrapper #leftNav p a:hover {color:#7a003c; text-decoration:none; border-bottom:dotted 1px;}
#leftWrapper #leftNav p a.active, a.active:hover {color:#7a003c; font-weight:bold; border-bottom:none;}
#leftWrapper #leftImage {width:180px; background-color:#ffc900;}
#leftWrapper #leftImage2 {width:170px; margin-left:10px; padding-bottom:10px;}

.content {width:540px; float:left; margin-bottom:20px;}
.contenttext {margin:20px 20px 20px 40px; }
.contenttext h1 {color:#7a003c; font-size:14px; font-weight:normal; line-height:18px;}
.contenttext p {color:#555; font-size:12px; line-height:16px;}
.contenttext ul {list-style-type:none; margin-top:10px; width:480px;}
.contenttext li {display:inline; color:#333; width:210px; padding:0 25px 0 0; float:left;}
.contenttext li p {margin-bottom:10px;}
.contenttext li a, a.active {font-weight:bold; color:#6b080c; text-decoration:none;}
.contenttext li a:hover {text-decoration:underline;}
.contenttext form table td {padding-bottom:5px;}


.contentbullet {margin:20px 20px 20px 40px; }



.contentnormaltext {margin:20px 20px 20px 40px; }
.contentnormaltext h1 {color:#7a003c; font-size:14px; font-weight:normal; line-height:18px;}
.contentnormaltext p {color:#555; font-size:12px; line-height:16px;}
.contentnormaltext ul {list-style-type:none; margin-top:10px; width:480px;}
.contentnormaltext li {display:inline; color:#333; width:720px; padding:0 25px 0 0; float:left;}
.contentnormaltext li p {margin-bottom:10px;}
.contentnormaltext li a, a.active {font-weight:bold; color:#6b080c; text-decoration:none;}
.contentnormaltext li a:hover {text-decoration:underline;}
.contentnormaltext form table td {padding-bottom:5px;}

.unitsPaging { margin: 10px 0; text-align:center }
.UnitCategoryLabel {font-size:16px; font-family:Verdana, Helvetiva, Sans-Serif; padding:13px; width:423px; height:21px; 
				display:block; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/CatHdr.png) no-repeat; 
				color:white; font-weight:bold}
.FloorsNav {margin:0; float:left; clear:both; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/FloorNavBottom.png) no-repeat bottom left; padding-bottom:6px}
.FloorsNav .top {background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/FloorNavTop.png) no-repeat top left; padding-top:6px}

.FloorsNav a {display:block; width:33px; height:21px; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/FloorNav.png) no-repeat;
				background-position: 0 0; color:white; text-decoration:none; font-weight:bold; font-size:14px;
				font-family:Verdana, Helvetiva, Sans-Serif; padding: 5px 10px; float:left; clear:left;}
.FloorsNav a:hover {color:white; text-decoration:none; background-position: 0 -31px;}
.FloorsNav a.active {color:white; text-decoration:none; background-position: 0 -31px;}

img.tenantLogoImg { width: expression(this.width > 125 ? 125 : true); max-width: 125px; height: expression(this.height > 125 ? 125 : true); max-height: 125px; }


.contentFullWidth {width:770px; float:left; margin-bottom:20px;}
.contentPromo {margin:0 0 20px 0;}
.contentPromo ul {list-style-type:none; width:720px; margin:0 20px 0 20px;}
.contentPromo li {display:inline; color:#333; float:left; border-bottom:solid 1px #ccc; padding-bottom: 10px; margin-top:20px;}
.contentPromo li.bottom {display:inline; color:#333; float:left; border-bottom:none;}
.contentPromo li h1 {width:520px; color:#7a003c; font-size:14px; font-weight:normal; line-height:18px; float:right;}
.contentPromo li p {width:520px; color:#555; font-size:12px; line-height:16px; margin-bottom:20px; float:right;}
.contentPromo li p span {font-size:10px; font-style:italic;}
.contentPromo li img {float:left;}
#contentTrade {margin:20px 20px 20px 40px; float:left; display:inline}
#contentTrade .list {width:240px; border-right:solid 1px #ccc; float:left; line-height:20px; color:#555; clear:both}
#contentTrade .list p {margin:0; line-height:16px; color:#555;}
#contentTrade #details {margin-left:20px; float:left; width:449px}
#contentTrade #details table td {padding:5px; color:#555;}
img.floorPlan {margin:20px auto; clear:both; display:block; float:left;}
.contentFloor {margin:20px 15px 20px 15px; }
/*.contentFloor .floorPlan {margin-bottom:20px; float:left; display:block}*/
.contentFloor .floorSelector {width:52px; height:31px; margin:0; float:left;}
.contentFloor .floorSelector ul{display:list-item; margin:0; padding:0; list-style:none;}
.contentFloor .floorSelector li {float:left;}
.contentFloor .floorSelector a {display:block; background-position:0 0; background-repeat:no-repeat; width:52px;}
.contentFloor .floorSelector a:hover {background-position: -52px 0;}
.contentFloor .floorSelector a.active, .navHolder a.active:hover {background-position:-52px 0;}
.contentFloor .floorSelector a span {display:none;}
.floorNav-LG a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/LG.gif); width:104px; height:36px;}
.floorNav-UG a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/UG.gif); width:104px; height:31px;}
.floorNav-G a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/G.gif); width:104px; height:31px;}
.floorNav-1 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/1.gif); width:104px; height:31px;}
.floorNav-2 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/2.gif); width:104px; height:31px;}
.floorNav-3 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/3.gif); width:104px; height:31px;}
.floorNav-4 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/4.gif); width:104px; height:31px;}
.floorNav-5 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/5.gif); width:104px; height:31px;}
.floorNav-6 a {background-image:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/6.gif); width:104px; height:36px;}
#contentFloor #details {margin-left:20px; width:449px; float:left;}
#contentFloor #details table td {padding:5px 0 5px 0; color:#555;}

.sideBar {color:#7a003c; width:230px; float:right; margin-top:0; margin-bottom:20px;}
.sideBar p {color:#7a003c; margin-left:10px; margin-right:10px;}
.sideBar ul {list-style-type:none; margin-top:10px;}
.sideBar li {display:list-item; float:left; margin-bottom:15px;}
.sideBar li img {width:60px; float:left; margin:0;}
.sideBar li p {float:right; color:#7a003c; width:140px; margin:0 10px 0 10px;}

table.contact {margin: 15px 0 0 15px; font-size:12px}
table.contact td {padding-right: 20px;}
table.contact td input {margin-bottom:8px;}
table.contact td select {margin-bottom:8px;}
table.contact td span {color:#f00;}
table.contact td span.text {color:#f00; font-size:11px; font-style:italic;}
.textfield {width:260px}
.selectLong {width: 260px}

/* Rotator Styles */
#promoWrapper {position:relative; width:650px; height:140px;overflow:hidden; background:url(/DataranPh.Upload/DATARANPH-EN-US/CMS/bLatestPromotions.jpg) no-repeat top left #016700; float:left; margin:0;}
#promoWrapper #rotator {position:absolute; height:140px;}
#promoWrapper a{text-decoration:none}
#promoWrapper #rotator ul.ui-tabs-nav {font-size: 11px; clear:both; position:absolute; list-style:none; padding-left:10px; margin:0; bottom:10px}
#promoWrapper #rotator ul.ui-tabs-nav li {float:left; padding-right:2px}
#promoWrapper #rotator ul.ui-tabs-nav li a {padding:2px 5px; display:block}
#promoWrapper #rotator .ui-tabs-nav a:link, #promoWrapper #rotator .ui-tabs-nav a:visited {color:#666; background-color:#ccc;}
#promoWrapper #rotator .ui-tabs-nav a:hover, #promoWrapper #rotator .ui-tabs-nav a:active {color:#666; background-color:#fbffb3; text-decoration:none;}
#promoWrapper #rotator .ui-tabs-selected a:link, #promoWrapper #rotator .ui-tabs-selected a:visited {color:#666; background-color:#fbffb3;}
#promoWrapper #rotator .ui-tabs-selected a:hover, #promoWrapper #rotator .ui-tabs-selected a:active {color:#666; background-color:#fbffb3;}
#promoWrapper #rotator div.ui-tabs-panel {padding:40px 20px 0 20px; float:left;}
#promoWrapper #rotator div.ui-tabs-hide {display:none;}
#promoWrapper #rotator div.ui-tabs-panel ul.promoLists {list-style:none;}
#promoWrapper #rotator div.ui-tabs-panel ul.promoLists li {display:inline; width:200px; float:left;}
#promoWrapper #rotator div.ui-tabs-panel ul.promoLists li p {font-size:12px; color:#fff; float:left; padding-left:10px; padding-right:10px; width:120px;}
#promoWrapper #rotator div.ui-tabs-panel ul.promoLists li img {float:left;}