/* Website: Caring Services */
/* © 2010 www.ph-creative.com */

/* ##################### */
/* ### GLOBAL STYLES ### */
/* ##################### */

.Phuse_PanelEditIcon_Div {position: relative;}

body {margin: 0; padding: 0; font-size: 11px; color: #35220a; font-family: Tahoma, Arial, Sans-Serif; background: #f2efe0;}
table, table tr, table td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

#top { height: 40px; background: #017989;  font-size: 11px;}
    .top { height: 40px; width: 990px; margin: 0 auto;}
        .links { color: #b3bd9f; float: left; margin: 12px 0 0 23px; width: 400px;}
            .links a { color: #fff; margin: 0 7px;}
        .search { float: right; width: 327px; height: 22px; margin: 9px 30px 0 0;}
            .search span { float: left; color: #fff; margin: 5px 8px 0 0;}
            .Phuse_Search_TextQuery {background: url(../builtin/search_input_bg.gif) no-repeat left top; width: 206px; height: 17px; border: none; float: left; color: #017989; font-size: 10px; margin: 0px; padding: 5px 7px 0px 7px;}
            .Phuse_Search_Button {background: url(../builtin/search_btn.gif) no-repeat left top; width: 14px; height: 22px; border: none; cursor: pointer; float: left; margin-left: 10px;}

    
    .header { height: 125px; width: 930px; margin: 0 auto; padding-top: 27px; padding 0 30px;}
        #logo { width: 368px; height:48px; background: url(../builtin/logo.gif) no-repeat left top; float: left; margin-bottom: 26px;}
        #logo a {width: 368px; height:48px; display: block; cursor: pointer;}
        #logo span { text-indent: -9999px;}
        #logo h1 { text-indent: -9999px;  margin: 0;}
        .phone { float: right; color: #36230a; width: 257px !important; font-size: 22px; margin: 11px 13px 0 0; text-align: right; height: 33px; overflow: hidden; background: url(../builtin/phone_bg.gif) no-repeat 0 10px; text-indent: -9999px;}
          
            .phone span { float: left; position: relative; top: 5px; left: 0px; display: none;}
            .phone strong { display: none; width: 170px;  float: left;}
         
        .navigation {height: 50px; clear: both; }
    
#container {background: url(../builtin/banner_bg.gif) repeat-x top;}
    .container { min-height: 125px; width: 990px; margin: 0 auto;}
        
        .content_left { float: left; width: 550px; margin-right: 31px; margin-left: 30px;}
            .breadcrumb { margin-top: 28px; height: 12px; margin-left: 3px; color: #fff; font-size: 11px;}
            .title { margin-top: 19px; height: 38px; margin-bottom: 57px; overflow: hidden;}
                .title h2 {color: #fff; font-size: 34px; margin: 0; padding: 0; position: relative;}
                .title object {position: relative; top: -11px;}
                
            .resources { width: 550px; height: 48px; float: left; font-size: 11px; font-weight: bold; border-top: 1px solid #d3c9a3; padding-top: 7px;}
                    .resources .resource {color: #142a57; float: left; margin-right: 18px; }
                        .resources .resource img { border: 0; margin-right: 6px; position: relative; top: 3px;}
                        .resources .resource a { color: #017989; text-decoration: none;}
                        .resources .resource a:hover {color: #34210a;} 
                        .share { float: right; margin-top: 2px;}   
                
        .content_right { float: right;width: 358px;}
            .pic_frame { position: relative; background: url(../builtin/pic_frame.png) no-repeat left top; width: 320px; height: 220px; margin-left: 0px;left: -25px; margin-top: 0px; top: 16px; margin-bottom:43px; padding: 19px;}
                .image {width: 320px; height: 220px; overflow: hidden;}
            .side_panel {width: 289px; border-left: 1px solid #d3c9a3; margin-left: -21px; padding-left: 32px; padding-right: 27px; margin-bottom: 29px;}

#footer { border-top: 1px solid #d3c9a3; clear: both;}
    .footer {height: 81px; width: 930px; margin: 0 auto; font-size: 11px; padding: 18px 30px 0;}
        .footer p { margin: 0;}
        
        
#home {}
#home #container {background: url(../builtin/banner_home_bg.gif) repeat-x top;}        
        .home_left { float: left; width: 583px; margin-left: 30px; }
            .frame {background: url(../builtin/frame.png) no-repeat left top; width: 560px; height: 290px; margin-top: 15px; position: relative; left: -5px; padding: 20px 0 0 20px; margin-bottom: 16px;}   
                .picture { width: 540px; height:270px; overflow: hidden; background: #fff;} 
                
                .picture .img { width: 540px; height: 107px; background: blue; padding-top: 163px;}
                .picture .description { background: url(../builtin/home_banner_bg.png) repeat left top; height: 80px; width: 488px; padding-top: 27px; padding-left: 26px; padding-right: 26px;}
                    .picture .description p {color: #fff; font-size: 16px; font-style: italic; font-family: Georgia; margin-top: 0px; display: inline;}
                    .picture .description .open {background: url(../builtin/open_quote.png) no-repeat left top; width: 25px; height: 24px; float: left; margin-top: -10px; margin-right :10px;}
                    .picture .description .closed {background: url(../builtin/closed_quote.png) no-repeat left top; width: 26px; height: 24px; float: right;  margin-top: 5px}
                
            .col_left { width: 306px; min-height: 260px; float: left; margin-right: 21px; margin-bottom: 31px;}
            .col_right { width: 244px; min-height: 260px; float: left; margin-bottom: 31px;}
        .home_right { float: left;width: 288px; min-height: 459px; background: url(../builtin/note_paper.png) no-repeat left top; margin-top: 30px; padding-top: 80px; padding-left: 67px;}
        
/* ##################### */
/* ### HEADER STYLES ### */
/* ##################### */
 
h1 {}
h2 {}
h3 { color: #007988; font-size: 22px; font-weight: normal; margin: 0 0 7px;}
h4 {}
h5 {}
h6 {}

.side_panel h4 {font-size: 32px; font-weight: normal; color: #36230a; margin: 0; padding-top: 0px; padding-bottom: 9px;}
#home h2 {font-size: 32px; font-weight: normal; color: #36230a; margin: 0; padding-top: 10px; padding-bottom: 9px;}

.col_right h2 { padding-bottom: 0px !important;}

.main_header { height: 35px; position: relative;}
.small_header { height: 35px; margin-bottom: 0;clear: both; }



/* #################### */
/* ### TEXT STYLES ### */
/* #################### */

p {}
ol li {line-height: 160%; font-size: 11px; margin: 0; padding-bottom: 18px;}
.Phuse_P ul { padding-top: 0px; margin-top: 0px; padding-bottom: 10px;}
.Phuse_P ul li {line-height: 160%; font-size: 11px; margin: 0; }

.content_left p { line-height: 160%; font-size: 11px; margin: 0; padding-bottom: 18px;}
.content_right p { line-height: 140%; font-size: 11px; margin: 0; padding-bottom: 16px;}

.col_right p { line-height: 140%; padding-right: 40px;}

/* ######################## */
/* ### HYPERLINK STYLES ### */
/* ######################## */
 
a { color: #1f7f8c; outline: none; text-decoration: none;}
a:hover { }

.send_cv {background: url(../builtin/send_us_your_cv_btn.gif) no-repeat left top; width: 169px; height: 21px; margin-bottom: 28px; float: right;}
    .send_cv a {width: 169px; height: 21px; display: block; text-indent: -9999px;}

.enquire_vacancy {background: url(../builtin/enquire_about_this_vacancy_btn.gif) no-repeat left top; width: 267px; height: 21px; margin-bottom: 28px; float: right;}
    .enquire_vacancy a {width: 267px; height: 21px; display: block; text-indent: -9999px;}

/* #################### */
/* ### IMAGE STYLES ### */
/* #################### */



/* ############################## */
/* ### DOWNLOADABLE RESOURCES ### */
/* ############################## */



/* ################ */
/* ### SITE MAP ### */
/* ################ */

.Phuse_SiteMap_UL {}
.Phuse_SiteMap_LI {line-height: 160%; margin: 0;}
.Phuse_SiteMap_LI a {}
.Phuse_SiteMap_LI a:hover {}

/* #################### */
/* ### PANEL STYLES ### */
/* #################### */

.map {}
.map p {}
#map {width: 318px; height: 218px; border: 1px solid #d3c9a3;}
#map a, #map span { display: none;}

/* ####################### */
/* ### MAIN NAVIGATION ### */
/* ####################### */

table.NavigationMenu {background: url(../builtin/nav_divide.gif) no-repeat left top;} 

.MainMenuItem_Normal {background: url(../builtin/nav_divide.gif) no-repeat right top;}
.MainMenuItem_Normal a { color: #34210a; font-weight: bold; font-size: 14px;padding: 17px 12px 0; display: block; height: 33px; }
.MainMenuItem_Normal a:hover {color: #007988;}
 
.MainMenuItem_Over {background: url(../builtin/nav_divide.gif) no-repeat right top;}
.MainMenuItem_Over a { color: #007988; font-weight: bold; font-size: 14px; padding: 17px 12px 0; display: block; height: 33px; }
.MainMenuItem_Over a:hover {color: #007988;}
 

.Phuse_MI_SubDiv {}
.Phuse_MI_SubTable{}

.SubMenuItem_Normal{}
.SubMenuItem_Normal a {}
.SubMenuItem_Normal a:hover {}
 
.SubMenuItem_Over {}
.SubMenuItem_Over a {}
.SubMenuItem_Over a:hover {}
 
/* ################## */
/* ### BREADCRUMB ### */
/* ################## */

.breadcrumb h1 {text-indent: 0px; margin: 0;}
.breadcrumb a {text-decoration: none; font-size: 11px; display: inline; font-weight: normal;}  
.breadcrumb a:hover {text-decoration: none; color: #ffffff;}
.breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header {display: inline; font-size: 11px; }
.breadcrumb .Phuse_Breadcrumb_CurrentPage_Header_Link { color: #ffffff;}
.breadcrumb .Phuse_Breadcrumb_Home_Link{color: #ffffff; font-weight: bold;}
.breadcrumb .Phuse_Breadcrumb_Link {color: #ffffff;}

 
/* ######################### */
/* ### MM - CAPTURE FORM ### */
/* ######################### */

.MMDataCaptureForm_Table {}
.MMDataCaptureForm_ErrorTD {}
.MMDataCaptureForm_ErrorTD span{}
.MMDataCaptureForm_Table input {}
.MMDataCaptureForm_Table textarea {}
.MMDataCaptureForm_LabelTD {}
.MMDataCaptureForm_FieldTD {}
.MMDataCaptureForm_Input {}
.MMDataCaptureForm_ButtonEmptyTD {}
.MMDataCaptureForm_ButtonTD {}
.MMDataCaptureForm_SubmitButton {}

.side_panel .MMDataCaptureForm_Table { margin-bottom: 3px; margin-top: -4px;}
.side_panel .MMDataCaptureForm_ErrorTD {}
.side_panel .MMDataCaptureForm_ErrorTD span{ font-size: 11px; font-weight: bold; position: relative; top: -5px; color: #017989;}
.side_panel .MMDataCaptureForm_Table input {font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; color: #47351d;}
.side_panel .MMDataCaptureForm_Table textarea {}
.side_panel .MMDataCaptureForm_LabelTD { display: none;}
.side_panel .MMDataCaptureForm_FieldTD {height: 28px;}
.side_panel .MMDataCaptureForm_Input {background: url(../builtin/mm_form_input_bg.gif) no-repeat left top; width: 204px; height: 18px; border: 0; padding: 4px 8px 0;}
.side_panel .MMDataCaptureForm_ButtonEmptyTD { width: 204px;height: 15px;}
.side_panel .MMDataCaptureForm_ButtonTD {width: 14px; height: 15px; }
.side_panel .MMDataCaptureForm_SubmitButton {background: url(../builtin/mm_form_submit_btn.gif) no-repeat left top; width: 14px; height: 22px; padding: 0; border: 0; cursor: pointer; position: relative; top: -22px; margin-left: 10px;}

.contact .sub_header {font-size: 32px; font-weight: normal;position: relative; z-index: 2; color: #36230a; margin: 0; padding: 0px 4px; background: #f2efe0; float: left; margin-left: 20px; margin-bottom: -27px;}

.mm_form {width: 548px; height: 247px; margin-top: 10px; margin-bottom: 25px; overflow: hidden; border: 1px solid #d3c9a3; clear: both; padding-top: 43px;}
.mm_form .MMDataCaptureForm_Table { clear: both; width: 548px; margin-bottom: 26px; padding-top: 43px; position: relative; left: 1px; }
.mm_form .MMDataCaptureForm_Table td { vertical-align: top;}
.mm_form .MMDataCaptureForm_ErrorTD { clear: both;}
.mm_form .MMDataCaptureForm_ErrorTD span{ font-size: 11px; font-weight: bold; position: relative; top: -5px; color: #017989; left: 23px;}
.mm_form .MMDataCaptureForm_Table input {font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; color: #47351d;}
.mm_form .MMDataCaptureForm_Table textarea {font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; color: #47351d; background: url(../builtin/textarea_bg.gif) no-repeat left top; width: 486px; height: 56px !important;  padding: 6px 12px;}

.mm_form .MMDataCaptureForm_LabelTD { font-size: 11px; color: #46341d;}
    .mm_form .MMDataCaptureForm_LabelTD span {width: 220px; display: block; padding-left: 23px; height: 49px; }
.mm_form .MMDataCaptureForm_FieldTD { position: relative}
.mm_form .MMDataCaptureForm_Input {position: relative; left: -225px; top: 15px; background: url(../builtin/mm_form_input_bg.gif) no-repeat left top; width: 200px; height: 18px; border: 0; padding: 4px 10px 0;}
.mm_form .MMDataCaptureForm_ButtonEmptyTD { display: none;}
.mm_form .MMDataCaptureForm_ButtonTD {}
.mm_form .MMDataCaptureForm_SubmitButton { background: url(../builtin/submit_btn.gif) no-repeat left top; width: 97px; height: 21px; padding: 0; border: 0; cursor: pointer; position: relative; top: 38px; left: 430px;}


#home .MMDataCaptureForm_Table { margin-bottom: -6px;}
#home .MMDataCaptureForm_ErrorTD {}
#home .MMDataCaptureForm_ErrorTD span{ font-size: 11px; font-weight: bold; position: relative; top: -5px; color: #017989;}
#home .MMDataCaptureForm_Table input {font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; color: #47351d;}
#home .MMDataCaptureForm_Table textarea {}
#home .MMDataCaptureForm_LabelTD { display: none;}
#home .MMDataCaptureForm_FieldTD {height: 28px;}
#home .MMDataCaptureForm_Input {background: url(../builtin/mm_form_input_bg.gif) no-repeat left top; width: 204px; height: 18px; border: 0; padding: 4px 8px 0;}
#home .MMDataCaptureForm_ButtonEmptyTD { width: 204px;height: 15px;}
#home .MMDataCaptureForm_ButtonTD {width: 14px; height: 15px; }
#home .MMDataCaptureForm_SubmitButton {background: url(../builtin/mm_form_submit_btn.gif) no-repeat left top; width: 14px; height: 22px; padding: 0; border: 0; cursor: pointer; position: relative; top: -22px; margin-left: 10px; margin-bottom: 9px;}



/* #################### */
/* ### OPINION POLL ### */
/* #################### */

/* ###################### */
/* ### EVENT CALENDAR ### */
/* ###################### */

/* THIS GOES IN TO THE PROPERTIES CELL IN THE DATABASE SCHEMA
CalendarDayForeColour=#ffffff;
CalendarDayBackColour=#bbd032;
CalendarWeekendDayForeColour=#ffffff;
CalendarWeekendDayBackColour=#bbd032;
CalendarOtherMonthDayForeColour=#b5cd35;
CalendarOtherMonthDayBackColour=#8bb84b;
CalendarSelectedDayBackColour=#ffffff;
CalendarSelectedDayForeColour=#a2c66f;
CalendarDayWithEventForeColour=#8bb84b;
CalendarDayWithEventBackColour=#8cc43d;
 
YOU SHOULDN'T NEED TO EDIT THESE...
 
CalendarWidth=100%;
CalendarDayWithEventsCSSClass=EventsCalendar_DayWithEvent;
CalendarTitleCSSClass=CalendarTitle;
CalendarDayHeaderCSSClass=CalendarDayTitle;
CalendarNextPrevCSSClass=CalendarNextPrev;
CalendarDayCSSClass=CalendarDay;
CalendarDayWithEventsCSSClass=CalendarEvent;
CalendarSelectedDayCSSClass=CalendarSelectedDay;
CalendarNextMonthText=<div class="NextMonth"></div>;
CalendarPrevMonthText=<div class="PrevMonth"></div>;
*/
 
.CalendarTitle {}
.CalendarDayTitle {}
.CalendarNextPrev {}
.CalendarNextPrev a {}
.CalendarDay {}
.CalendarDay a {}
.CalendarDay a:hover {}
.CalendarSelectedDay {}
.CalendarSelectedDay a {}
.EventsCalendar_DayWithEvent {}
.EventsCalendar_DayWithEvent a {}
.NextMonth {}
.PrevMonth {}
 
.Calendar {}
.Calendar h2 {}
.Calendar p {}
.Calendar td {vertical-align:top;}
.Calendar td.CalendarDay, td.CalendarSelectedDay, td.EventsCalendar_DayWithEvent, .CalendarTitle td {vertical-align:middle;}

/* ################### */
/* ### PHUSE FEEDS ### */
/* ################### */

.vacancies {}
    .vacancies .holder { height: 376px; overflow: hidden; position: relative;}
    .vacancies .vacancy { height: 124px; border-bottom: 1px solid #d3c9a3; overflow: hidden; position: relative; cursor: pointer;}
        .vacancies .vacancy:hover, .vacancies .vacancy a:hover {cursor: pointer;}
        .vacancies .vacancy a {display: block; height: 124px; cursor: pointer; position: relative;}
        .vacancies .vacancy .title { font-size: 22px; color: #007988; font-weight: normal; margin: 0; padding: 19px 0 4px;}
        .vacancies .vacancy .desc { color: #34210a; line-height: 160%; height: 50px; overflow: hidden;}
        
.paging { color: #333333; font-weight: bold; position: relative; clear: both; margin: 22px 0; padding-left: 5px; height: 15px; padding-top: 4px; padding-bottom: 2px;}
        .paging b { float: left; position: relative; top: 4px;}
        .paging span {cursor: pointer; padding: 3px 6px; border: 1px solid #d3c9a3; margin-left: 5px; color: #007988; position: relative; top: 0px; float: left;}
        .paging span:hover {color: #333333; background: #d3c9a3;}
        .paging .active {color: #333333; background: #d3c9a3;}
        
.news {}      
    .news .holder { height: 376px; overflow: hidden; position: relative;}
    .news .article { height: 124px; border-bottom: 1px solid #d3c9a3; overflow: hidden; position: relative;}
        .news .article a {display: block; height: 124px;}
            .news .article .left { margin-top: 20px; width: 116px; height: 78px; margin-right: 12px; border: 1px solid #d3c9a3; background: #fff url(../builtin/news_img_bg.gif) no-repeat left top; float: left; padding: 5px 0 0 6px;}
                .news .article .image {width: 110px; height: 73px; overflow: hidden;}
                    .news .article .image img {width: 110px;}
            .news .article .right { width: 414px; float: right;}
                .news .article .title { font-size: 22px; color: #007988; font-weight: normal; margin: 0; padding: 19px 0 4px; height: 28px; overflow: hidden;}
                .news .article .desc { color: #34210a; line-height: 160%; height: 50px; overflow: hidden;}  

.vacancies_home {}
    .vacancies_home .vacancy_home { height: 131px; border-bottom: 1px solid #d3c9a3; overflow: hidden; position: relative;}
        .vacancies_home .vacancy_home a { font-weight: bold;}
        .vacancies_home .vacancy_home .title { font-size: 14px; color: #007988; font-weight: bold; margin: 0 0 10px; padding: 18px 0 0px; height: 20px; overflow: hidden;}
        .vacancies_home .vacancy_home .desc { color: #34210a; line-height: 145%; height: 47px; overflow: hidden; margin-top: -5px; margin-bottom: 10px;}   
            .vacancies_home .vacancy_home .desc p { margin-top: 0;}
        
        
.news_home {border-top: 1px solid #d3c9a3; margin-top: 11px;}      
    .news_home .article_home { height: 59px; border-bottom: 1px solid #d3c9a3; overflow: hidden; position: relative; cursor: pointer;}
    .news_home .article_home:hover {cursor: pointer;}
        .news_home .article_home a {display: block; height: 59px; cursor: pointer;}
            .news_home .article_home .desc:hover {color: #007988!important;}
        .news_home .article_home .title { font-size: 14px; color: #007988; font-weight: bold; margin: 0; padding: 5px 0 0px;height: 18px; overflow: hidden;}
        .news_home .article_home .desc { color: #34210a; line-height: 145%; height: 32px; overflow: hidden; margin-top: 0px;}  
            .news_home .article_home .desc p { margin-top: 0;}

.rss { clear: both; color: #207f8d; margin: 7px 0 0; padding-top: 14px; font-weight: bold;}
.rss_icon {background: url(../builtin/rss_icon.gif) no-repeat left top; width: 20px; height: 23px; float: left; margin-right: 6px; margin-top: -10px;}

.home_right .rss { margin: 48px 0 0;}

/* ###################### */
/* ### SEARCH RESULTS ### */
/* ###################### */

.search_result_item { height: 124px; border-bottom: 1px solid #d3c9a3; overflow: hidden; position: relative;}
    .search_result_item h3 { font-size: 22px; color: #007988; font-weight: normal; margin: 0; padding: 10px 0 2px; height: 27px; overflow: hidden;}
    .search_result_item p { color: #34210a; line-height: 160%; height: 35px; overflow: hidden;} 
    .search_result_item a {position: relative; top: 4px; clear: both; overflow: hidden !important; float: left; clear: both; height: 14px;}

.search_return { margin-top: 20px;}  
    .search_return .search_count { float: left; font-weight: bold;} 
    .search_return .paging { float: right; clear: none; height: 21px; position: relative; top: -20px;}   
        .search_return .paging a {cursor: pointer; padding: 3px 6px; border: 1px solid #d3c9a3; margin-left: 5px; color: #007988; position: relative; top: 4px;}
        .search_return .paging a:hover {color: #333333; background: #d3c9a3;}
        .search_return .paging .active {color: #333333; background: #d3c9a3;}         
                


.PhuseFeed_Body { width: 940px; margin: 25px auto;}
.PhuseFeed_RssLogo { border: none; margin-right: 6px; position: relative; top: 2px;}
.PhuseFeed_MainContainer { margin-top: 25px; clear: both;}


/* ################# */
/* ### ECOMMERCE ### */
/* ################# */

.Phuse_AddToBasketButton {}
.CheckoutButtonCSS2 {}
.RemoveButtonCSS {}

.EcommerceLabel {}
.EcommerceFormDllTitle {}  
.EcommerceFormDllTitle option {}
.BlackText {}
.ErrorText {}
.EcommerceTextBox {} 
.EcommerceTextMiniBox {}
#txtComments {}
    
.Ecommerce1Back {}
.Ecommerce1Continue  {}
    
.ECommerceBack {} 
.ECommerceConfirm {}

/* ######################### */
/* ### END OF STYLESHEET ### */
/* ######################### */