/* 2 Care 4 At Home Main Screen CSS Document */

/* -- COLOURS -- 

*/

/* -- CLEAR STYLES -- */
.clear { clear: both; }


/* -- DEFAULT FONT STYLES -- */
body, td, div, h1, h2, h3, h4, h5, p, li { font-family: Verdana, Arial, Helvetica, sans-serif; }

h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #d42386; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #0a367d; font-weight: bold; }
p { font-size: 70%; margin: .5em 0 .8em 0; line-height: 1.4em; color: #002c6e; }
.content-home p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.4em; color: #002c6e; }
li { font-size: 70%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #002c6e; }
ul { margin-top: 0; margin-bottom: 0; }
a:link { color: #002c6e; }
a:visited { color: #002c6e;}
a:active, a:hover { color: #7e0d4a; }
a { outline: none; }


/* -- DEFAULT FORM STYLES -- */
form { display: inline}
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }


/* -- DEFAULT RULE STYLE -- */
hr { border:0; border-top: 1px solid #e5e9f0; height: 1px; margin: 5px 0; }
.divider-dotted { height: 1px; margin: 8px 0; background: url(../../images/divider_dotted.gif) top left repeat-x; overflow: hidden; }
.divider-dotted hr { display: none; visibility: hidden; }

/* -- ERROR STYLES -- */
/* -- Error Text -- */
.error { color: #c00 !important; }
/* -- Error Box -- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }


/* -- PAGE STYLES -- */
body { background-color: #cccccc; margin: 0 0 10px 0; }


/* -- HEADER -- */
#header-container { width: 100%; height: 147px; text-align: center; background: url(../../images/header_background.gif) top left repeat-x; }
#header-container #header { width: 760px; height: 147px; text-align: left; margin: 0 auto; background: url(../../images/header_stars.gif) top left no-repeat; }
#header-container #header .logo-telephonenumber { width: 760px; height: 105px; }
#header-container #header .logo { float: left; display: inline; width: 200px; height: 105px; background: url(../../images/logo_panel.gif) top left no-repeat; margin-left: 5px; }
#header-container #header .logo img { border: 0; margin: 28px 0 0 14px; }
#header-container #header .telephone-number { float: right; display: inline; width: 251px; height: 23px; background: url(../../images/header_telephonenumber.gif) top left no-repeat; margin: 40px 10px 0 0; }
#header-container #header .telephone-number p { display: none; visibility: hidden; }


/* -- NAVIGATION -- */

/*-- Main Navigation --*/
#main-navigation { width: 743px; height: 24px; margin: 15px 0 0 10px; }
#main-navigation div { height: 24px; float: left; background-position: top left; background-repeat: no-repeat; margin-right: 3px; }
#main-navigation a { height: 24px; display: block; outline: none; }
#main-navigation a:hover { background-position: bottom left; background-repeat: no-repeat; }
#main-navigation span { display: none; visibility: hidden; }
#main-navigation .selected, #main-navigation .selected a:hover { background-position: bottom left; }

/*-- Buttons --*/
#main-navigation .home, #main-navigation .home a:hover { width: 53px; background-image: url(../../images/nav_home.gif); }
#main-navigation .aboutus, #main-navigation .aboutus a:hover { width: 74px; background-image: url(../../images/nav_aboutus.gif); }
#main-navigation .services, #main-navigation .services a:hover { width: 67px; background-image: url(../../images/nav_services.gif); }
#main-navigation .traininganddevelopment, #main-navigation .traininganddevelopment a:hover { width: 162px; background-image: url(../../images/nav_traininganddevelopment.gif); }
#main-navigation .qualitystandards, #main-navigation .qualitystandards a:hover { width: 124px; background-image: url(../../images/nav_qualitystandards.gif); }
#main-navigation .franchise, #main-navigation .franchise a:hover { width: 75px; background-image: url(../../images/nav_franchise.gif); }
#main-navigation .mediacentre, #main-navigation .mediacentre a:hover { width: 93px; background-image: url(../../images/nav_mediacentre.gif); }
#main-navigation .contact, #main-navigation .contact a:hover { width: 63px; background-image: url(../../images/nav_contact.gif); }


/* -- BODY -- */
#body-container { width: 100%; text-align: center; background-color: #eaeaea; padding: 1px 0; }
#body { width: 740px; margin: 0 auto; text-align: left; }


/* -- COLUMNS -- */
.column-190 { float: left; width: 190px; } /* i.e., Navigation column */
.column-540 { float: left; width: 540px; background-color: #fff; } /* i.e., Content column */
.column-full { width: 740px; background-color: #fff; } /* i.e., Content column */

.column-220 { width: 220px; float: left; }
.column-490 { width: 490px; float: left; }

.column-255 { width: 255px; float: left; }

.content { width: auto; padding: 10px; }
.content-home { width: auto; padding: 10px; width: 720px; }

/* rounded corners */
.column-540-top-corners { width: 540px; height: 5px; overflow: hidden; background: url(../../images/column_540_top_corners.gif) top left no-repeat; }
.column-540-bottom-corners { width: 540px; height: 5px; overflow: hidden; background: url(../../images/column_540_bottom_corners.gif) top left no-repeat; }
.column-740-top-corners { width: 740px; height: 5px; overflow: hidden; background: url(../../images/column_740_top_corners.gif) top left no-repeat; }
.column-740-bottom-corners { width: 740px; height: 5px; overflow: hidden; background: url(../../images/column_740_bottom_corners.gif) top left no-repeat; }


/* -- SUB NAVIGATION -- */
#sub-navigation { width: 190px; background: url(../../images/sub_navigation_body.gif) top left repeat-y; }
#sub-navigation .top { width: 190px; height: 5px; background: url(../../images/sub_navigation_top.gif) top left no-repeat; overflow: hidden; }
#sub-navigation .bottom { width: 190px; height: 5px; background: url(../../images/sub_navigation_bottom.gif) top left no-repeat; overflow: hidden; }
#sub-navigation .main { width: 186px; margin-left: 2px; }

#sub-navigation-title { padding: 2px 0 2px 6px; }
#sub-navigation-title div { width: auto; height: 18px; background-position: top left; background-repeat: no-repeat; }
#sub-navigation-title p { display: none; visibility: hidden; }
#sub-navigation-title .services { background-image: url(../../images/sub_navigation_title_services.gif); }
#sub-navigation-title .traininganddevelopment { background-image: url(../../images/sub_navigation_title_traininganddevelopment.gif); }
#sub-navigation-title .qualitystandards { background-image: url(../../images/sub_navigation_title_qualitystandards.gif); }
#sub-navigation-title .franchise { background-image: url(../../images/sub_navigation_title_franchise.gif); }
#sub-navigation-title .mediacentre { background-image: url(../../images/sub_navigation_title_mediacentre.gif); }

#sub-navigation ul { margin: 4px 0; padding: 0; border-top: 1px solid #002c6e; border-bottom: 1px solid #5b7aaf; }
#sub-navigation li { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #5b7aaf; border-bottom: 1px solid #002c6e; font-size: 70%; }
#sub-navigation li a { padding: 3px 0 3px 5px; display: block; text-decoration: none; background-color: #14418c; }

#sub-navigation a:link, #sub-navigation a:visited { color: #fff; }
#sub-navigation a:hover, #sub-navigation a:active { background-color: #0a367d; }
#sub-navigation a.selected { background-color: #0a367d; }

/* side panel images */
.side-download-prospectus { width: 190px; height: 92px; background: url(../../images/side_download_prospectus.jpg) top left no-repeat; }
.side-download-prospectus a { display: block; height: 92px; }
.side-download-prospectus span { display: none; visibility: hidden; }
.side-request-prospectus { width: 190px; height: 92px; background: url(../../images/side_request_prospectus.jpg) top left no-repeat; }
.side-request-prospectus a { display: block; height: 92px; }
.side-request-prospectus span { display: none; visibility: hidden; }


/* -- TITLE STYLES -- */
#page-title { width: auto; height: 21px; border-bottom: 1px solid #e5e9f0; margin-bottom: 10px; padding: 0 0 10px 0; }
#page-title div { width: auto; height: 21px; background-position: top left; background-repeat: no-repeat; }
#page-title h1 { display: none; visibility: hidden; }


/* -- FOOTER -- */
#footer-container { width: 100%; background: url(../../images/footer_background.gif) top left repeat-x; text-align: center; }
#footer-container #footer { width: 740px; margin: 0 auto; text-align: left; }
#footer-container #footer #copyright { font-size: 70%; color: #fff; padding: 12px 0 0 0; }

#footer-container #poweredby2c { width: 100px; height: 21px; float: right; margin: 20px 0 0 0; background: url(../../images/poweredby_2c.gif) top left no-repeat; display: inline; }
#footer-container #poweredby2c a { width: 100px; height: 21px; display: block; outline: none; }
#footer-container #poweredby2c a:hover { background: url(../../images/poweredby_2c.gif) bottom left no-repeat; }
#footer-container #poweredby2c span { display: none; visibility: hidden; }


/* -- MARGIN STYLES -- */
/* -- 1 side -- */
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin5-t { margin-top: 5px; }
.margin5-r { margin-right: 5px; }
.margin5-b { margin-bottom: 5px; }
.margin5-l { margin-left: 5px; }
/* -- 2 sides -- */
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b { margin: 10px 0; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-r-l { margin: 0 10px; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-b-l { margin: 0 0 10px 10px; }
.margin5-r-b { margin: 0 5px 5px 0; }
/* -- 3 sides -- */
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-t-r-l { margin: 10px 10px 0 10px; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
.margin10-r-b-l { margin: 0 10px 10px 10px; }
/* -- 4 sides -- */
.margin10 { margin: 10px; }


/* -- ALIGNMENT STYLES -- */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }


/* LIST STYLE */
.content ul, .content-home ul { background-color: #fcb700; padding: 1px; margin: 0; }
.content ul li { color: #fff; font-size: 70%; font-weight: bold; padding: 0 0 0 24px; margin:10px; list-style: none; background: url(../../images/bullet_star_whiteonyellow.gif) top left no-repeat; }
.content-home ul li { color: #fff; font-size: 80%; font-weight: bold; padding: 0 0 0 24px; margin:10px; list-style: none; background: url(../../images/bullet_star_whiteonyellow.gif) top left no-repeat; }


/* -- Home page -- */
.panel-home-main { width: 740px; height: 300px;}
.panel-home-main div { width: 740px; height: 300px; background-position: top left; background-repeat: no-repeat; }
.panel-home-main a { width: 740px; height: 300px; display: block; }
.panel-home-main h2, .panel-home-main p, .panel-home-main span, .panel-home-main ul { display: none; visibility: hidden; }

.panel-home-main .thecareshow { background-image: url(../../images/panel_home_main_thecareshow.jpg); }
.panel-home-main .franchise { background-image: url(../../images/panel_home_main_franchise.gif); }


.panel-home-small { width: 240px; height: 150px; float: left; }
.panel-home-small div { width: 240px; height: 150px; background-position: top left; background-repeat: no-repeat; }
.panel-home-small a { width: 240px; height: 150px; display: block; }
.panel-home-small h2, .panel-home-small p, .panel-home-small span { display: none; visibility: hidden; }

.panel-home-small .prospectus { background-image: url(../../images/panel_home_small_prospectus.jpg); }
.panel-home-small .birmingham-care-show { background-image: url(../../images/panel_home_small_birmingham_care_show.jpg); }
.panel-home-small .franchise { background-image: url(../../images/panel_home_small_franchise.jpg); }
.panel-home-small .contact { background-image: url(../../images/panel_home_small_contact.jpg); }

/* Franchise page */
.panel-franchise-main { width: 520px; height: 270px;}
.panel-franchise-main div { width: 520px; height: 270px; background-position: top left; background-repeat: no-repeat; }
.panel-franchise-main a { width: 520px; height: 270px; display: block; }
.panel-franchise-main h2, .panel-franchise-main p, .panel-franchise-main span, .panel-franchise-main ul { display: none; visibility: hidden; }
.panel-franchise-main .franchise { background-image: url(../../images/panel_franchise_main.gif); }

/* -- About Us page -- */
#aboutus-image { float: right; margin: 0 0 10px 10px; }

/* Contact */
#contact-location-map { width: 488px; height: 250px; border: 1px solid #002c6e; }
#location-map { width: 488px; height: 250px; overflow: hidden; background: url(../../images/location_map.jpg) top left no-repeat; }
.address p { font-size: 80%; }
.button-viewonmap { width: 85px; height: 22px; margin: 5px 0 10px 0; background: url(../../images/button_viewonmap.gif) top left no-repeat; }
.button-viewonmap a { width: 85px; height: 22px; display: block; }
.button-viewonmap span { display: none; visibility: hidden; }

/* Hidden */
.offscreen { display: none; }