/* One Park West Webiste - May 2011. Site developed by Magic House. */


/* Zeroing for better cross browser positioning */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial;
}


/* Site wide elements */
body 
{
    padding-bottom:30px;
    color:#404041;
}
h1 
{
    font-size:14px;
}
h2 
{
    font-size:16px;
    font-weight:normal;
}
    h2 a 
    {
        color:#F37A23;
        font-weight:bold;
    }
h3 
{
    font-size:14px;
    font-weight:normal;
}
p
{
    font-size:13px;
}
p a
{
    outline:none;
    color:#F47B20;
}
blockquote 
{
    color:#000;
    padding:0;
    margin:0;
}
img
{
    border:none;
}


/* Structural Elements */
#wrapper
{
    width:900px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    padding-left:30px;
    padding-right:30px;
    background-image:url(../images/wrapperbg.png);
}
#leftColumn 
{    
    position:relative;
    width:230px;
    padding:30px;
    float:left;
    color:#000;
}
    #leftColumn h1 /* Headings */
    {
        font-size:14px;
        color:#000;
        padding:5px 5px 8px 0px;
        border-bottom:1px solid #000;
        margin-bottom:22px;
    }
    #leftColumn h1.bookatour /* Book a tour heading */
    {
        font-size:14px;
        color:#000;
        background-color:#000;
        padding:5px 5px 10px 5px;
        border-bottom:none;
        margin-bottom:0px;
    }
    #leftColumn h1.bookatour a /* Book a tour heading linked */
    {
        font-size:14px;
        color:#FFF;
        background-color:#000;
        padding:5px 5px 10px 5px;
        font-weight:bold;
        border-bottom:none;
        margin-bottom:0px;
        text-decoration:none;
    }
    #leftColumn h2 /* Dates */
    {
        font-size:13px;
        font-weight:normal;
    }
    #leftColumn a /* Dates */
    {
        font-size:13px;
        font-weight:normal;
        color:#000;
        text-decoration:none;
    }
    #leftColumn h3 /* Publication Titles */
    {
        font-size:14px;
    }
    #leftColumn h4 /* Article Titles */
    {
        font-size:13px;
        font-weight:normal;
    }
    #leftColumn p /* Text */
    {
        font-size:11px;
    }
    #leftColumn ul 
    {
        font-size:11px;
        margin-left:14px;
    }
    #leftColumn #whiteDivider 
    {
        border-bottom:1px solid #000;
        padding-bottom:28px;
        margin-bottom:28px;
    }
    #leftColumn.lightBlueResults /* Created for the apartment search results */
    {
        background-color:#F7A363;
    }
    .bookatourspacer 
    {
        padding-left:2px;
    }
    #twitterHolder 
    {
    }

#mainContent 
{
    width:590px;
    margin-left:310px;
}
    #logo 
    {
        float:left;
    }
    #residentLogIn /* Contains button to log into residents page */
    {
        float:right;
        padding-top:22px;
        padding-bottom:37px;
    }
    .samplePriceHeader 
    {
        padding-bottom:5px;
    }
    #mainContent h1.bookatour /* Book a tour heading */
    {
        font-size:14px;
        color:#FFF;
        background-color:#E9018B;
        padding:5px 5px 10px 5px;
        border-bottom:none;
        margin-bottom:0px;
    }
    #mainContent h1.bookatour a /* Book a tour heading linked */
    {
        color:#FFF;
        text-decoration:none;
        padding:5px 5px 10px 5px;
    }
    h2.salesInfo
    {
        padding-top:20px;
        text-align:right;
        font-size:14px;
    }
    h2 span.salesTelephonePink 
    {
        font-size:20px;
        color:#F47B20;
    }
#navigationContainer
{
    clear:right;
    padding-bottom:12px;
}
#navigationContainer img 
{
    border:none;
}
    /* Used if text navigation preferred */
    .navigation
    {
        list-style:none;
        padding-bottom:10px;
    }
    .navigation li 
    {
        float:left;
        padding-right:13px;
        margin-right:3px;
        height:28px;
        background:url(../images/navigation/slash.png) no-repeat right;
    }
    .navigation li a 
    {
        display:inline-block;
        padding-top:6px;
        text-decoration:none;
        color:#404041;
        font-size:13px;
        font-weight:bold;
    }
    .navigation li a:hover
    {
        color:#F47B20;
    }
    .navigation li img
    {
        vertical-align:middle;
    }
    /* End of text based navigation styling */
#footer 
{
    width:900px;
    clear:both;
    background-color:#FFFFFF;
    border-top:5px solid #FFF;
}
    #logos
    {
        border-top:1px solid #999;
        background-color:#FFF;
        margin-top:30px;
    }
    #sales /* For box containing sales contact details, new footer means this is currently not required */
    {
        width:241px;
        padding:15px 15px 15px 30px;
        clear:left;
        float:left;
        background-color:#FFFFFF;
        border:solid 2px #015697;
        border-top:none;
    }
        #sales h1
        {
            font-size:15px;
            color:#015697;
        }
        #sales p
        {
            font-size:12px;
            color:#015697;
        }
    #salesResidents /* No content required in this div for the residents page. Div kept in case of change. */
    {
        width:245px;
        height:36px;
        padding:15px 15px 15px 30px;
        background-color:#015697;
        clear:left;
        float:left;
    }
    #sales.lightBlueSales /* Created for apartment search results pages */
    {
       border:solid 2px #B2CCE5; 
    }
#gallery
{
    margin-bottom:20px;
}
#apartmentLayouts 
{
    border-top:solid 1px #999999;
    margin-top:20px;
    padding-top:10px;
}
#apartmentGallery /* Table used on the new gallery page */
{
    width:100%;
}
    #apartmentGallery p 
    {
        font-weight:bold;
    }
#contactForm 
{
    font-size:12px;
    border-top:solid 1px #999999;
    padding-top:7px;
    margin-top:7px;
}
#login 
{
    width:278px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    color:#000;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
}
#homeWelcome 
{
    padding-top:20px;
    float:right;
    width:320px;
    text-align:right;
}


/* Press section styling */
#articleText h1
{
    font-size:16px;
}
#articleText p
{
    font-size:11px;
}
.date 
{
    font-size:11px;
}
.publication 
{
    font-size:13px;
    font-weight:bold;
}


/* Classes used for general styling */
.newGalleryThumbs 
{
    padding-right:12px;
    padding-bottom:12px;
}
.videoPager a
{
    font-size:12px;
    color:#404041;
    text-decoration:none;
}
    .videoPager span 
    {
        font-size:12px;
        color:#E9018B;
    }
.myStoryImages 
{
    width:275px;
    padding-left:30px;
}
.textBoxLogin
{
    border:none;
    background-color:#F7A363;
    width:180px;
}
.textBoxContact 
{
    border:none;
    background-color:#F7A363;
    margin-bottom:7px;
    margin-right:10px;
}
.buttons 
{
    background-color:#015697;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding:2px;
}
.upper 
{
    text-transform:uppercase;
}
.validatorPadding
{
    padding-left:16px;
}
.clearer 
{
    clear:both;
}
.greyDivider 
{
    border-bottom:1px solid #999999;
    padding-bottom:10px;
    margin-bottom:10px;
}
.largeHeadings /* New Gallery, My Story and Video pages call this class */
{
    padding-top:25px;
    font-size:20px;
}
#leftColumn .newsPager
{
        width:220px;
        display:block;
        font-size:14px;
        font-weight:bold;
        color:#FFFFFF;
        border:solid 1px #FFFFFF;
        margin-bottom:10px;
        padding:10px 5px 5px 5px;
}
#contactLinks a
{
    text-decoration:underline;
}
#residentsManualLinks a
{
    background-color:#FFFFFF;
    color:#000;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    padding:1px;
    text-transform:uppercase;
}
.load /* With thanks http://www.dynamixlabs.com */
{
    background:url('../images/ajax-loader.gif') no-repeat center;
}
.scrollerContainer td
{
    margin:0px;
    padding:0px;
    clear:both;
}

/* Apartment Search Application */
#apartmentSearch 
{
    background-color:#F7A363;
    margin-top:18px;
    padding:5px 6px 10px 5px;
    background-image:url(../images/icons/magnifier-icon.jpg);
    background-position:215px 5px;
    background-repeat:no-repeat;
    text-align:right;
}
#apartmentSearch h1
{
    background-color:transparent;
    color:#000;
    margin:0 0 15px 0;
    padding:0px;
    text-align:left;
}
.apartmentSearchDropdown 
{
    width:223px;
    margin-bottom:5px;
}
.apartmentSearchButton 
{
    padding-top:10px;
}
#apartmentSearch.apartmentSearchDarkBlue /* New colour for results pages */
{
    background-color:#F37A23;
    background-image:none;
}
#apartmentSearch.apartmentSearchHome /* Change width and margins for new home page */
{
    width:220px;
    margin-left:0px;
    float:left;
}
.resultsIconsSmall 
{
    padding:2px;
}
.soldstc 
{
    font-size:10px;
    font-weight:bold;
    line-height:12px;
    color:#000;
}
.apartmentNumber
{
    font-size:14px;
    font-weight:bold;
    margin-right:10px;
}
.resultsText 
{
    font-size:14px;
}
#leftColumn #apartmentDetails h1 /* updated colour for light blue styling */
{
    background-color:transparent;
    color:#000;
    border-bottom:1px solid #000;
    padding:20px 0 2px 0;
    margin-bottom:12px;
}
.enlargeApratmentImage 
{
    margin-top:10px;
}
table.backToResults
{
    width:100%;
    border-bottom:2px solid #000;
    padding-bottom:15px;
    margin-bottom:15px;
}
table.backToResults h1
{
    font-size:18px;
}
table.backToResults h2 
{
    font-size:18px;
    color:#F47B20;
    font-weight:bold;
    text-align:right;
}
table.backToResults h1 a
{
    font-size:18px;
    text-decoration:none;
    color:#000;
}
table.detailsHeading 
{
    width:100%;
    margin-bottom:25px;
}
table.detailsHeading td
{
    vertical-align:top;
}
table.detailsHeading h1 
{
    color:#F37A23;
    font-size:18px;
}
table.detailsHeading h2
{
    font-size:18px;
    font-weight:normal;
}
table.detailsHeading h3
{
    font-size:14px;
    font-weight:normal;
}
table.detailsHeading h4
{
    font-size:18px;
    font-weight:bold;
}
table.specifications
{
    width:100%;
}
table.specifications td
{
    vertical-align:top;
}
table.specifications h1 
{
    color:#000;
    background-color:#F7A363;
    padding:5px;
    text-transform:uppercase;
}
table.specifications ul
{
    font-size:12px;
    padding:15px 15px 15px 22px;
}

/* Interior Design Competition */
#idcWrapper 
{
    background-color:#FF007C;
    color:#FFF;
}
    #idcWrapper h1
    {
        color:#FFF;
        font-weight:bold;
    }
#idcLeftContent 
{
    width:265px;
    margin-left:25px;
    float:left;
}
#idcSelectEntry
{
    margin-left:334px;
}
    #idcSelectEntry h1
    {
        color:#000;
        margin-left:8px;
    }
    #idcSelectEntry p
    {
        color:#000;
        margin-left:8px;
        margin-bottom:8px;
    }
    #idcSelectEntry img 
    {
        margin-left:8px;
        margin-bottom:8px;
    }
#idcLogos 
{
    clear:both;
}
#entriesTable 
{
    margin-left:25px;
    width:542px;
}
.entryThumbs 
{
    margin-bottom:10px;
    margin-left:5px;
}
.pagerLeft 
{
    padding-right:7px;
}
.pagerRight 
{
    padding-left:0px;
}


/* Rotator CSS */
div.rotator {
	display: none;
	padding-top:20px;
}
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
div.rotator ul li img {
	background: #FFF;
	width:590px;
}
div.rotator ul li.show {
	z-index:500
}




/* CMS Styles */
#cmsMenu a
{
    color:#F37A23;
    font-size:12px;
}

/* Press Headline Styling */
#leftColumn .pressDate 
{
    font-size:12px;
}
#leftColumn .pressPublication 
{
    font-size:14px;
    font-weight:bold;
}
#leftColumn .pressTitle 
{
    font-size:13px;
    font-weight:bold;
}

/* Upload Table */
#uploadTable td
{
    vertical-align:top;
}

/* Upload Table for Apartments */
#uploadApartmentTable td
{
    vertical-align:top;
}

/* GAP Information */
#gapInfo 
{
    padding-top:40px;
    padding-left:40px;
    position:relative;
}
#gap_further_details 
{
    position:absolute;
    top:125px;
    left:375px;
}