/*--------------------------------------------
   doc title: Fintech Consultants Website master stylesheet
   filename: fintech_master_styles.css
   author: Jamie Brighton @ Crunch Digital Solutions
   created: 08/02/2008
   last modified date: 08/02/2008
   last modified by: Jamie Brighton
   
   ------------------

   1. defaults
   2. structure
   3. navigation
   4. headings, typography, links
   5. forms
   6. images
   7. iframes

--------------------------------------------*/

/*-------- 1. defaults --------*/
*
   {
      margin: 0;
      padding: 0;
   }
body
   {
      text-align: center;
      font-family: tahoma, arial, sans-serif;
      font-size: 1em;
   }
img
   {
      border: 0;
   }
/*-------- 2. structure --------*/
.homepage
   {
      background: #fff url('/inc/img/back_page.jpg') repeat-x;
   }
.sitepage
   {
      background: #fff url('/inc/img/back_sitepage.jpg') repeat-x;
   }
#wrapper
   {
      width: 759px;
      margin: 0 auto 0 auto;
      text-align: left;
   }
#header
   {
      width: 759px;
      background: url('/inc/img/back_header.gif') no-repeat;
   }
#homepage_content
   {
      width: 399px;
      padding: 16px 44px 0 42px;
      float: left;
   }
#homepage_services
   {
      width: 265px;
      float: left;
      background: url('/inc/img/back_homepage_services.gif') no-repeat;
   }
.homepage_service
   {
      background: url('/inc/img/bullet_silver_arrow.gif') 18px 1px no-repeat;
      padding: 2px 0 0 0;
      margin-top: 10px;
   }
.homepage_service_first
   {
      margin-top: 16px;
   }
#flash_banner_home
   {
      height: 207px;
      clear: both;
   }
#flash_banner
   {
      height: 109px;
      clear: both;
   }
#page_header_strip
   {
      height: 109px;
      clear: both;
   }
#subnav_footer
   {
      width: 759px;
      height: 25px;
      margin-top: 50px;
      display: block;
      float: left;
      clear: both;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
   }
#subNavigation
   {
      float: left;
   }
#copyright
   {
      float: right;
   }
#footer
   {
      clear: both;
      padding-top: 15px;
      width: 759px;
   }
#contact_us
   {
      margin-left: 42px;
      float: left;
      display: inline;
      color: #000;
      font-size: 0.7em;
   }

/* sitepage styles */
#sitepage_left_cs, #sitepage_left
   {
      float: left;
      margin-right: 6px;
      font-size: 0.8em;
      font-weight: bold;
   }
#sitepage_left_cs
   {
      width: 115px;

      padding: 5px 0 6px 6px;
   }
#sitepage_left_cs a
   {
      text-decoration: none;
   }
#sitepage_left
   {
      width: 121px;
   }
#sitepage_content_container
   {
      width: 632px;
      float: left;
      background: url('/inc/img/back_sitepage_content.gif') no-repeat;
   }
#sitepage_content
   {
      min-height: 400px;
      float: left;
      margin: 0 33px 0 33px;
      display: inline;
   }
div.main
   {
      width: 566px;
   }
div.case_study
   {
      width: 414px;
   }
#sitepage_right
   {
      width: 152px;
      float: right;
      clear: right;
      margin-top: 52px;
   }
.right_module
   {
      border-bottom: 2px solid #B9B2D8;
      padding-left: 8px;
   }
.right_module a
   {
      text-decoration: none;
   }
.right_module_last
   {
      padding-bottom: 10px !important;
   }
.topright
   {
      border-top: 2px solid #B9B2D8;
   }
.top
   {
      border-top: 1px solid #B9B2D8;
   }
.sitepage_service
   {
      background: url('/inc/img/bullet_silver_arrow.gif') 5px 7px no-repeat;
      float: left;
      width: 534px;
      padding: 6px 0 0 32px;
      border-bottom: 1px solid #ccc;
   }
.sitepage_resources
   {
      background: url('/inc/img/bullet_silver_arrow.gif') 5px 7px no-repeat;
      float: left;
      width: 380px;
      padding: 6px 0 0 32px;
      border-bottom: 1px solid #ccc;
   }
.sitepage_service_first, .sitepage_resources_first
   {
      border-top: 1px solid #ccc;
   }
.white_paper
   {
      padding-left: 30px;
   }
.pdf
   {
      background: url('/inc/img/icon-pdf.gif') no-repeat;
   }
.word
   {
      background: url('/inc/img/icon-word.gif') no-repeat;
   }
.ppt
   {
      background: url('/inc/img/icon-ppt.gif') no-repeat;
   }
.excel
   {
      background: url('/inc/img/icon-excel.gif') no-repeat;
   }
#contactdivider
   {
      border-top: 1px solid #B9B2D8;
      height: 1px;
      margin-left:-5px;
      background: #B9B2D8;
      color: #B9B2D8;
   }
/*-------- 3. navigation --------*/
#mainNavigation
   {
      list-style: none;
   }
#mainNavigation li
   {
      float: left;
      width: 126px;
      display: block;
      text-align: center;
   }
#mainNavigation a
   {
      display: block;
      color: #000;
      font-weight: bold;
      font-size: 0.75em;
      text-decoration: none;
      border-bottom: 4px solid #B9B2D8;
      height: 20px;
      padding: 7px 0 0 0;
   }
.about
   {
      background: url('/inc/img/back_main_nav.gif') no-repeat;
   }
#mainNavigation li.last
   {
      width: 129px !important;
   }
#mainNavigation a.selected
   {
      border-bottom: 4px solid #000;
   }
#mainNavigation a:hover
   {
      border-bottom: 4px solid #fff;/*#8B85A2;*/
   }
#subNavigation
   {
      list-style: none;
      margin-left: 42px;
      display: inline;
   }
#subNavigation li
   {
      float: left;
      display: block;
      text-align: center;
      background: url('/inc/img/back_subnav_divider.gif') 100% 0 no-repeat;
      padding-right: 9px;
   }
#subNavigation li.last
   {
      background: none;
   }
#subNavigation li a
   {
      font-size: 0.65em;
   }
#sitepage_left ul
   {
      width: 119px;
      display: inline;
      font-size: 0.85em;
   }
#sitepage_left ul li
   {
      float: left;
      clear: left;
      width: 106px;
      background: url('/inc/img/bullet_black_doublearrow.gif') 2px no-repeat;
      border-bottom: 1px dotted #A2BAD3;
      padding: 3px 0 3px 15px;
      list-style: none;
      margin: 0;

   }
#sitepage_left ul li a
   {
      display: block;
      text-decoration: none;
      font-weight: 500;
   }
#sitepage_left ul li.header
   {
      font-size: 1.1em;
      float: left;
      display: inline;
      min-height: 18px;
      height: 18px;
      padding: 8px 0 1px 15px;
      border-bottom: 2px solid #B9B2D8;
      list-style: none;
      background: url('/inc/img/bullet_black_doublearrow_down.gif') 2px no-repeat;
      font-weight: bold;
      margin-bottom: 0;
   }
body>#sitepage_left ul li.header
   {
      height: auto;
      min-height: 100%;
   }
#sitepage_left ul li.header a
   {
         display: block;
      font-weight: bold;

   }
#sitepage_left ul li.selected
   {
      background-color: #E0E0E0;
   }
#sitepage_left ul li.selected a
   {
         color: #4C37AA;
         font-weight: bold;
   }


/*-------- 4. headings, typography, links --------*/
h1
   {
      font-size: 1.15em;
      font-weight: 500;
      margin: 0;
      padding: 0;
      line-height: 1.3em;
      margin-bottom: 15px;
   }
h2
   {
      color: #8A3E06;
      font-size: 0.7em;
   }
h3
   {
      color: #626262;
      font-size: 0.7em;
   }
#homepage_services h2
   {
      padding-left: 46px;
      margin-bottom: 3px;
   }
.sitepage_service h2
   {
      font-size: 0.7em;
   }
#sitepage_content h2
   {
   }
p
   {
      font-size: 0.8em;
      line-height: 1.4em;
      color: #626262;
   }
p.intro
   {
      font-weight: bold;
      color: #000;
      margin-top: 25px;
   }
#homepage_content p
   {
      font-size: 0.7em;
      margin-bottom: 15px;
   }
#homepage_services p
   {
      font-size: 0.7em;
      line-height: 1.2em;
      background: url('/inc/img/back_homepage_service.gif') 0 100% no-repeat;
      padding-bottom: 10px;
      padding-left: 46px;
   }
#homepage_services p.last
   {
      background: url('/inc/img/back_homepage_service_last.gif') 0 100% no-repeat;
   }
#sitepage_content p
   {
      padding-bottom: 10px;
      font-size: 0.7em;
   }
.key_point
   {
      width: 100%;
      padding-bottom: 3px !important;
      border-bottom: 2px solid #E0E0E0;
      font-weight: bold;
      color: #000;
   }
a
   {
      color: #000;
   }
a:hover
   {
      color: #8A3E06;
   }
#copyright
   {
      padding: 4px 19px 0 0;
      font-size: 0.65em;
   }
#skiplink p
   {
      position: relative;
      left: -999px;
      top: -999px;
      width: 750px;
      font-size: 0.1em;
      height: 16px;
   }
#sitepage_content ul
   {
      font-size: 0.7em;
      margin: 0 0 15px 15px;
   }
#sitepage_content ul li
   {
      font-weight: bold;
      margin-top: 12px;
      color: #000;
      list-style: url('/inc/img/bullet_green_square.gif');
   }
#sitepage_content ul ul
   {
      font-size: 1em;
      margin-top: 5px;
   }
#sitepage_content ul ul li
   {
      font-weight: 500;
      margin-top: 2px;
      color: #626262;
      list-style: url('/inc/img/bullet_greenwhite_square.gif');
   }
#sitepage_content ol
   {
      font-size: 0.7em;
      margin: 0 0 15px 15px;
   }
#sitepage_content ol li
   {
      margin-top: 12px;
      color: #000;
   }
#sitepage_content ol ol
   {
      font-size: 1em;
      margin-top: 5px;
   }
#back_to_top, #back_to_top_first, #back_to_top_second
   {
      width: 100%;
      text-align: right;
      padding-bottom: 0 !important;
      margin-bottom: 10px !important;
   }
#back_to_top
   {
      border-bottom: 1px solid #E0E0E0;
   }
#back_to_top a, #back_to_top_first a,  #back_to_top_second a
   {
      background: url('/inc/img/icon_back_to_top.gif')  0 0 no-repeat;
      padding-left: 12px;
      font-size: 0.8em;
      text-decoration: none;

   }
#sitepage_right h2
   {
      margin-top: 8px;
   }
#sitepage_right ul
   {
      font-size: 0.7em;
      margin: 0 0 10px 15px;
      list-style: url('/inc/img/bullet_grey_arrow.gif');
   }
#sitepage_right ul li
   {
      margin: 3px 0 5px 0;
   }
#sitepage_right ul li a
   {
      color: #626262;
      font-weight: bold;
   }
#sitepage_right ul li a:hover
   {
      color: #8A3E06;
      font-weight: bold;
}
.right_module p
   {
      font-size: 0.7em;
      line-height: 1.2em;
      margin-top: 10px;
      margin-bottom: 10px;
   }
.cs_test
   {
      margin-top: 10px;
      line-height: 1.3em !important;
      font-size: 0.8em !important;
      margin-bottom: 10px !important;
   }
.cs_test_role, .cs_test_person
   {
      font-size: 0.7em !important;  
      margin-bottom: 2px !important;
      margin-top: 3px !important;
   }
.cs_test_person
   {
      margin-top: 5px;
      font-weight: bold;

   }
ul.body_ul
   {
      margin-top: 0px !important;
      margin-bottom: 15px !important;
   }
ul.body_ul li
   {
      color: #626262 !important;
      font-weight: 500 !important;
      margin-top: 8px !important;
      line-height: 1.3em;
   }
.tick
   {
      vertical-align: middle;
   }
.trademark
   {
      font-size: 0.6em;
      vertical-align: super;
   }
/*-------- 5. forms --------*/
#contact_form
   {
      font-size: 0.7em;
      width: 414px;
      background: #F0F0F0;
      padding-top: 15px;
      color: #626262;
   }
#contact_form label
   {
      width: 150px;
      float: left;
      margin-bottom: 10px;
      vertical-align: middle;
      height: 1.4em;
   }
.select_label
   {
      margin-bottom: 0px !important;
   }
.textarea_label
   {
      margin-top: 8px !important;
   }
#agree_terms
   {
      width: 10px !important;
   }
#contact_form input
   {
      width: 200px;
      float: right;
      margin-bottom: 8px;
      font-size: 0.9em;
      height: 1.4em;
   }
#contact_form select
   {
      width: 204px;
      float: right;
      margin-bottom: 8px;
      font-size: 0.8em;
   }
#contact_form .submit
   {
      width: 98px;
      height: 24px;
      float: right;
      margin-bottom: 8px;
      margin-top: 20px;
   }
p#privacy
   {
   clear: both;
   font-size: 1.0em;
   width: 100%;
   }
#contact_form textarea
   {
      width: 200px;
      float: right;
      margin-bottom: 8px;
      font-size: 1.0em;
      font-family: tahoma,arial,sans-serif;
   }
#contact_form legend
   {
      float: left;
      font-weight: bold;
      margin-bottom: 20px;
      color: #626262;
      padding: 0;
   }
#contact_form fieldset
   {
      border: 0;
      padding: 0 25px 15px 25px;
   }
#form_mandatory
   {
      float: right;
      margin-top: -35px;
      clear: both;
      font-size: 0.9em !important;
   }
.long_label
   {
      width: 350px !important;
   }
/*-------- 6. images --------*/
#logo_main
   {
   }
#icon_contact_us
   {
      vertical-align: -25px;
   }
#logo_bea_select_partner
   {
      float: right;
      margin-right: 19px;
   }
.drawing
   {
      margin: 20px auto 10px auto !important;
   }
.drawing_large
   {
      margin: 20px 76px 10px 76px !important;
   }
#left-contact
   {
      margin-top: 100px;
   }
#sitepage_left_cs img#left-contact
   {
   margin-top: 6px !important;
      padding-top:100px !important;
      padding-right: 0 !important;

      margin-left: -6px !important;
            border-top: 2px solid #B9B2D8 !important;
   }
#adobe_reader
   {
      margin: 10px 0 0 0;
   }
/*-------- 7. iframes --------*/

/*-------- 8. tables --------*/
.clientlist
   {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
   }

table.clientlist th
   {
      background-color: #F0F0F0;
      padding: 5px 0 5px 10px;
      font-size: 0.7em;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #ccc;
   }
table.clientlist tr
   {
      border-bottom: 1px solid #ccc;
   }
table.clientlist tr td p
   {
      padding: 5px 0 5px 10px;
      font-size: 0.7em;
   }
table.clientlist tr td
   {
      border-bottom: 1px solid #ccc;
   }
table.clientlist td.cs_link
   {
      text-align: center;
   }
table.clientlist .center, .center
   {
      text-align: center;
   }