/* Floorscan © 2010 www.ph-creative.com */

/* Global Styles */

body { margin:0px;padding:0px;font:normal normal 12px/145% arial,sans-serif;color:#000; background: #f5f5f2; }
table,tr,td { border:0px none;border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px; }

.left { float: left;}
.right { float: right;}

#top { background: #2c2c2c; margin: 0 0 40px;}
#top .top { height: 190px;width: 980px; margin: 0 auto; padding: 23px 0 0; position: relative;}
    #logo {width: 239px; height: 124px; background: url(../builtin/logo.gif) no-repeat top left; margin: 0px; float: left;}
        #logo h1, #logo span {margin: 0;}
        #logo a {width: 239px; height: 124px; display: block; cursor: pointer; text-indent: -9999px;}
    
    #top .right { width: 595px; padding-top: 7px; height: 111px; position: relative;}
        #number {width: 256px; height: 18px; float: left; margin: 0px 0 0 3px; color: #66c9e7; font-size: 22px; font-family: 'Droid Sans'; position: relative; padding: 3px 0 0;}
            #number span { color: #fff;}
        #search {width: 245px; height: 25px; float: right; margin: 0 0 30px; background:url(../builtin/search_input.gif) no-repeat left top;}
            #search .Phuse_Search_TextQuery { width: 195px; height: 20px; padding: 5px 5px 0; background: none; border: none; float: left; font-family:arial,sans-serif; color: #000; font-size: 12px;}
            #search .Phuse_Search_Button { cursor: pointer; width: 31px; height: 25px; background:url(../builtin/search_btn.gif) no-repeat left top; border: none; float: right;}
        #navigation {width: 575px; height: 36px; padding: 10px; float: left; clear: both; background: url(../builtin/navigation_bg.gif) no-repeat top left; position: absolute; bottom: 0;}
            
            .left_on { cursor: pointer; background: url(../builtin/nav_left.gif) no-repeat top left; width: 5px; height: 36px; float: left; margin: 0 0 0 2px;}
            .MainMenuItem_Over { height: 36px; float: left;}
                .MainMenuItem_Over a {background: url(../builtin/nav_bg.gif) repeat-x top left; display: block; height: 27px; color: #fff; padding: 9px 3px 0 4px; font-size: 14px; font-weight: bold;float: left;}
            .right_on {cursor: pointer; background: url(../builtin/nav_right.gif) no-repeat top left; width: 5px; height: 36px; float: right; margin: 0 2px 0 0px;}
            
            .left_off { background: none; width: 5px; height: 36px; float: left; margin: 0 0 0 2px;}
            .MainMenuItem_Normal {background: none; height: 36px; float: left;}
                .MainMenuItem_Normal a { display: block; height: 27px; color: #fff; padding: 9px 3px 0 4px; font-size: 14px; font-weight: bold;float: left;}
            .right_off {background: none; width: 5px; height: 36px; float: left; margin: 0 2px 0 0px; }
            
        
    #breadcrumb { clear: both; background: url(../builtin/border.gif) repeat-x top left; height: 30px; position: absolute; width: 976px; bottom: 0; color: #999999; padding: 12px 2px 0;}
        #breadcrumb h1 {text-indent: 0px; margin: 0; font-family: Arial;}
        #breadcrumb a {text-decoration: none; font-size: 12px; 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: #999999;}
        #breadcrumb .Phuse_Breadcrumb_Home_Link{color: #ffffff; font-weight: normal;}
        #breadcrumb .Phuse_Breadcrumb_Link { color: #999999;}
        
        #home #top .top {background: url(../builtin/border.gif) repeat-x bottom left; height: 151px;}
        .flash_container {background: url(../builtin/home_flash_bg.gif) no-repeat top left; width: 980px; height: 229px; margin: 30px auto 0; position: relative;  padding: 0 0 35px;}
            .flash_container p { margin-top: 0; color: #cccccc;}
            .flash_container .left { width: 250px; height: 125px; margin: 36px 0 0 37px;}
            .flash_container .right { width: 631px !important; height: 228px !important; margin: 0; position: relative; top: -6px;}
            
#wrapper {width: 980px; margin: 0 auto;}

.content {}
    .content_left {width: 215px; float: left; margin: 0 30px 40px 0; min-height: 1px; }
    .content_mid {width: 460px; float: left; padding-bottom: 40px;}
        .resources { width: 460px; clear: both; background: url(../builtin/border_list.gif) repeat-x top left; padding-top: 12px; position: relative;}
            .resources .email {text-indent: -9999px;  cursor: pointer; float: right; background: url(../builtin/email_icon.gif) no-repeat top left; width: 19px; height: 16px; margin-right: 9px;}
            .resources .print {text-indent: -9999px; cursor: pointer; float: right; background: url(../builtin/print_icon.gif) no-repeat top left; width: 19px; height: 16px;}
                .resources .email a, .resources .print a { display: block;}
    .content_right {width: 245px; float: right; margin-bottom: 40px;}

#footer { background: #2c2c2c; clear: both; margin: 0px 0 0;}
#footer .footer { padding: 45px 0;width: 980px; margin: 0 auto;}
    #footer .footer h4, #footer .footer h3 {font-family: 'Droid Sans'; margin: 0; font-size: 22px; font-weight: normal; color: #00a5d8; padding-bottom: 39px; position: relative;}
    .footer .services { float: left; width: 216px; margin-right: 29px;}
    .footer .latest_blog_posts { float: left; width: 216px; margin-right: 29px;}
    .footer .latest_tweets { float: left; width: 216px; height: 261px;}
        #twitter {color: #ccc;}
            #loadTweets { color: #ccc;}
            #twitter #twitter_update_list { margin: 14px 0 0; padding: 0; list-style: none;}
                #twitter #twitter_update_list li {background: url(../builtin/twitter_bg.gif) no-repeat top left; width: 171px; height: 172px; padding: 17px 22px 0;}
                    #twitter #twitter_update_list li span { color: #ffffff; overflow: hidden; height: 68px; float: left; display: block;}
                    #twitter #twitter_update_list li a { color: #ccc; font-size: 11px !important; clear: both;}
    
    .footer .contact_details { float: right; width: 246px; color: #cccccc;}
        .footer .contact_details strong { color: #fff;}
        .footer .contact_details a { color: #cccccc;}
        .footer .contact_details h4, .footer .latest_tweets h4 {background: url(../builtin/border.gif) repeat-x bottom left; padding-bottom: 41px !important;}
        .footer .contact_details .left, .footer .contact_details .right { padding-top: 13px; width: 123px;}
    .footer .bottom { clear: both; width: 954px; height: 102px; background: url(../builtin/footer_box.gif) no-repeat top left; padding: 0 22px 0 4px;}
        .footer .bottom .logo { float: left; margin: 22px 0 0; padding: 0 16px; height: 62px; border-right: 1px solid #2f2f2f;}
            .footer .bottom .logo img { position: relative; top: -5px;}
        .footer .bottom .links { color: #666; float: left; margin: 41px 0 0 15px;}
            .footer .bottom .links a { color: #fff;}
        .footer .bottom .social_bookmarks { float: right; width: 140px; height: 39px; margin: 32px 0 0;}
            .footer .bottom .social_bookmarks ul { list-style: none; margin: 0; padding: 0;}
                .footer .bottom .social_bookmarks ul li {width: 40px; height: 39px; float: left; margin: 0 10px 0 0; text-indent: -9999px;}
                    .footer .bottom .social_bookmarks ul li a {width: 40px; height: 39px; display: block;}
                    
                    .footer .bottom .social_bookmarks ul .facebook_icon {background: url(../builtin/bookmarks.gif) no-repeat 0 0; }
                    .footer .bottom .social_bookmarks ul .twitter_icon {background: url(../builtin/bookmarks.gif) no-repeat -50px 0px; }
                    .footer .bottom .social_bookmarks ul .rss_icon {background: url(../builtin/bookmarks.gif) no-repeat -100px 0; }

    .map { width: 460px; height: 212px; border: 1px solid #cccccc; background: #fff; float: left; margin-right: 23px;}
        .map #googleMap { width: 442px; height: 194px; margin: 9px 0 0 9px;}
            .map #googleMap a, .map #googleMap span { display: none;}
    .address { margin-bottom: 19px; float: left;}
    .address p { margin-top: 0;}
    .address a { color: #00a5d8;}
    
    #home .columns { float: left; width: 704px; position: relative; _margin-right: -10px; }
    #home .column { width: 215px; height: 211px; margin: 0 29px 43px 0; float: left;}
        .section {}
            .section .image {width: 215px; height: 73px; overflow: hidden; margin-bottom: 15px;}
                .section .image img{}
            .section .title {font-family: 'Droid Sans'; font-size: 24px; position: relative; color: #00a5d8; font-weight: normal; height: 15px; overflow: hidden; padding: 2px 0 10px; margin-bottom: 8px;}
            .section .desc {}
            
            
            #blog .content_left .recentposts { display: none;}
    
/* Header Styles */
h1 {font-family: 'Droid Sans';}
h2 { margin: 0; font-weight: normal; font-size: 24px; padding-bottom: 13px; font-family: 'Droid Sans';}
.content_left h3, .content_left h4 { margin: 0; font-weight: bold; font-size: 12px; padding-bottom: 13px; clear: both; position: relative; top: 10px; }
.content_mid h3 { color: #00a5d8; font-weight: normal;}

/* Text Styles */

.content_mid p { padding-bottom: 6px;}

.content_left ul { list-style: none; margin: 0 0 0px; padding: 0; background: url(../builtin/border_list.gif) repeat-x top left; }
    .content_left ul li {background: url(../builtin/border_list.gif) repeat-x bottom left; height: 32px;}
        .content_left ul li a { color: #000; background: url(../builtin/blue_arrow.gif) no-repeat left; display: block; height: 25px; padding: 7px 0 0 17px;}
    .content_left ul li ul { display: none;}    
.content_mid ul { list-style: none; margin: 0 0 0 58px; padding: 0 0 6px 0;}
    .content_mid ul li {background: url(../builtin/content_bullet_point.gif) no-repeat left; padding-left: 16px;}
    
.services ul { list-style: none; margin: 0; padding: 0; background: url(../builtin/border.gif) repeat-x bottom left;}
    .services ul li {background: url(../builtin/border.gif) repeat-x top left; height: 39px;}
        .services ul li a { color: #cccccc; background: url(../builtin/blue_arrow_footer.gif) no-repeat left; display: block; height: 29px; padding: 10px 0 0 17px;}

.latest_blog_posts ul { list-style: none; margin: 0; padding: 0; background: url(../builtin/border.gif) repeat-x bottom left;}
    .latest_blog_posts ul li {background: url(../builtin/border.gif) repeat-x top left; height: 65px;}
        .latest_blog_posts ul li a { color: #cccccc; background: url(../builtin/latest_blog_post.gif) no-repeat left 18px; display: block; height: 50px; padding: 15px 0 0 38px;}

.content_mid .Phuse_SiteMap_UL { list-style: none; margin: 10px 0;}
    .content_mid .Phuse_SiteMap_UL .Phuse_SiteMap_LI { background: url(../builtin/content_bullet_point.gif) no-repeat 0 6px; padding-left: 16px; }
        .content_mid .Phuse_SiteMap_UL .Phuse_SiteMap_LI a { color: #000;}
    .content_mid .Phuse_SiteMap_UL .Phuse_SiteMap_LI .Phuse_SiteMap_UL { margin: 0;}

.content_left .Phuse_SiteMap_UL { float: left; width: 215px; padding: 0 !important;}

/* Link Styles */
a { text-decoration:none;outline:none; }
.content_mid a { color: #00a5d8;}
.footer a:hover { color: #00a5d8 !important;}

.content_left .sub_nav_link {background: url(../builtin/border_list.gif) repeat-x bottom left; height: 32px; float: left; clear: both; width: 215px;}
        .content_left .sub_nav_link a { color: #000; background: url(../builtin/blue_arrow.gif) no-repeat left; display: block; height: 25px; padding: 7px 0 0 17px;}

/* Image Styles */
a img { border:0px; }

.mast_image { width: 460px; height: 155px; float: left; clear:both; padding: 0 0 25px; }

.pdf_download {background: url(../builtin/border_list.gif) repeat-x bottom left; height: 32px; overflow: hidden; width: 215px; white-space: nowrap;}
    .pdf_download a { color: #000000; background: url(../builtin/pdf_icon.png) no-repeat 0 5px; display: block; height: 25px; padding: 7px 0 0 26px; font-size: 11px;}

/* Panel Styles */

.emm {}
    .emm .top {background: url(../builtin/emm_top.gif) no-repeat left; width: 245px; height: 20px; float: left;}
    .emm .mid { background: url(../builtin/emm_mid.gif) repeat-y left top; float: left;width: 245px;}
        .emm .mid h3 {font-family: 'Droid Sans'; background: url(../builtin/emm_header.gif) no-repeat left; width: 265px; height: 15px; padding: 29px 0 29px; margin: 0 0 20px -10px; color: #f4f4f2; text-align: center; font-size: 24px; font-weight: normal; position: relative;}
        .emm .mid p { padding: 0 20px 9px; margin: 0;}
    .emm .btm {background: url(../builtin/emm_btm.gif) no-repeat left; width: 245px; height: 20px;float: left;}

.emm form {width: 245px; overflow: hidden;}

.quote { position: relative; float: left; padding: 72px 0 0; clear: both;}
    .quote .open { background: url(../builtin/quote_open.png) no-repeat left; width: 66px; height: 56px; position: absolute;top: 30px; left: -10px;}
    .quote .closed {background: url(../builtin/quote_closed.png) no-repeat left; width: 66px; height: 56px; position: absolute; bottom: -42px; right: -10px;}
    .quote .top {background: url(../builtin/quote_top.gif) no-repeat left; width: 215px; height: 8px; float: left;}
    .quote .mid { background: #e8e8e5; float: left;width: 169px; padding: 20px 23px;}
        .quote .mid p { padding: 0px; margin: 0; line-height: 190%; font-style: italic;}
    .quote .btm {background: url(../builtin/quote_btm.gif) no-repeat left; width: 215px; height: 8px;float: left;}
#home .quote { margin-top: 28px;}

#blog .emm h3 { *position: relative; *margin-top: 15px; _position: relative; _margin-top: 15px;}
#blog .emm table {*position: relative; *left: 20px; _position: relative; _left: 20px;}

/* Feed Styles */
.feed h2 { padding-bottom: 8px;}
.feed { position: relative;}
.feed .items { position: relative; height: 565px; overflow: hidden; margin-bottom: -2px;}
    .feed .item { position: relative; width: 460px; height: 113px; overflow: hidden; background: url(../builtin/border_list.gif) repeat-x bottom left; }
        .feed .item a { width: 460px; height: 93px; display: block; padding-top: 20px;}
        .feed .item .image { float: left; margin-right: 13px;}
            .feed .item .image img {}
        .feed .item .title { color: #00a5d8; font-weight: bold; height: 18px; overflow: hidden;}
        .feed .item .desc { color: #000;  height: 52px; overflow: hidden;}
        
    .paging { float: left; position: relative; top: 30px; height: 18px; margin-top: -18px;}
        .paging span { cursor: pointer; background:url(../builtin/paging_off.gif) no-repeat right top; width: 18px; height: 18px; color: #00a5d9; text-align: center; margin-left: 5px; display: block; float: left; font-size: 11px; font-weight: bold;}
        .paging .active {background:url(../builtin/paging_on.gif) no-repeat right top; width: 18px; height: 18px; color: #fff; text-align: center;}

.products { clear: both; width: 460px;*padding: 4px 0 30px; _padding-top: 4px 0 30px;}
    .products .product {width: 215px; float: left; margin: 0 30px 38px 0;}
        .products .product a {width: 215px; display: block; cursor: pointer;}
            .products .product .image {width: 215px; margin-bottom: 6px; *margin-bottom: 8px; _margin-bottom: 8px;}
                .products .product .image img {width: 215px;}
            .products .product .title { line-height: normal; width: 215px; text-align: center; font-size: 20px; font-family: 'Droid Sans'; }

.product_list { clear: both; width: 460px; padding: 12px 0; *padding: 16px 0 30px; _padding-top: 16px 0 30px;}
    .product_list .product {width: 460px; float: left; margin: 0 0 45px; clear: both;}
        .product_list .product .image {width: 130px; height: 130px; overflow: hidden; float: left; position: relative; margin: 4px 0 0;}
            .product_list .product .image .top {background: url(../builtin/product_img_top.png) no-repeat left top; width: 130px; height: 8px; position: absolute;}
                .product_list .product .image img {width: 130px;}
            .product_list .product .image .btm {background: url(../builtin/product_img_btm.png) no-repeat left top; width: 130px; height: 9px; position: absolute; bottom: 0;}
        .product_list .product .right {width: 305px;}
        .product_list .product .title { line-height: normal; font-size: 20px; font-family: 'Droid Sans'; color: #00a5d9; }
        .product_list .product .desc { }
         
/* Form Styles */

.emm table { margin: 0px 0 0 20px;}
.emm .label { float: left; height: 19px; padding-top: 10px; }
.emm .label div { font-size: 12px; color: #000; width: 205px; position: relative;}
.emm .required { color: #00a5d8; font-weight: bold;}
.emm .input {float: left; width: 205px; background: url(../builtin/emm_input.gif) no-repeat top left;}
.emm .input input { border: none; background: none; height: 22px; width: 195px; padding: 3px 5px 0; color: #666; font-size: 12px; font-weight: normal; font-family: Arial, Sans-Serif;}
.emm .input textarea { border: none; background: url(../builtin/emm_textarea.gif) no-repeat 0px -1px; height: 81px; width: 195px; padding: 3px 5px; color: #666; font-size: 12px; font-weight: normal; font-family: Arial, Sans-Serif;}

.emm .SubmitButtonTR {float: left; clear: both; width: 100%; height: 40px; margin-top: 7px;}
.emm .SubmitButtonTD{clear: both; width: 205px !important; text-align: center; height: 40px !important; background: url(../builtin/send_enquiry_btn.gif) no-repeat top !important;}
.emm .input .SubmitButton { padding: 0; background: none; border: 0 !important; height: 40px !important; width: 205px !important; cursor: pointer; position: relative; top: 0px; text-indent: -9999px;}
 


/* Search Results */

.search_results {}
    .search_results strong {color: #00a5d8;}
    .search_results .results {}
    .search_results .search_return {}
        .search_results .search_return .search_count { float: left; padding: 20px 0;}
     
    .search_result_item {position:relative; height: 113px; background: url(../builtin/border_list.gif) repeat-x bottom left; overflow:hidden; padding: 0px 0 0; font-weight: bold; }
    .search_result_item b { font-weight: normal;}
        .search_result_item h3 { color: #00a5d8; font-weight: normal; height: 17px; overflow: hidden;}
            .search_result_item h3 a {}
        .search_result_item p { height: 47px; overflow: hidden;}
            .search_result_item p a {}
        .search_result_item a { color: #00a5d8; font-weight: bold; display: none;}

/* Misc Styles */