/*
                                DEFAULT.CSS

=============================================================================
  OVERVIEW:
=============================================================================
  This stylesheet defines all styles for the default ecredco web site.  It
  overrides and extends the Yahoo! User Interface (YUI) core stylesheets:
   - reset.css: resets all css styles for cross-browser compatibility
   - fonts.css: sets default font sizes
   - grids.css: defines common column layouts
  Please see http://developer.yahoo.com/yui for complete documentation.
  The following YUI css file combines and minifies the three stylesheets
  mentioned above, and is referenced in the ecredco.Master page:
   - ~/App_Themes/reset-fonts-grids.css
  The reset-fonts-grids.css file should never be edited.  Any of its settings
  can be overwritten in this file.

=============================================================================
  ORGANIZATION:
=============================================================================
  This file is organized into logical sections, each with a name in capital
  letters beginning with an underscore (e.g. _EXAMPLE).  To quickly locate a
  section, search for the section name with the initial underscore to avoid
  finding tags/classes/selectors with the same name.

  The sections (with initial underscore removed) are:
   - OVERRIDES
   - GLOBAL_TAGS
   - HEADER
   - INDEX_BODY
   - INDUSTRY_BODY
   - FOOTER

  To jump quickly from section to section, search for _SECTION.

=============================================================================
  FONTS:
=============================================================================
  Per Yahoo! recommendations, specify all font sizes in percentages, which
  render more consistently across browsers, and scale properly when users
  resize text.  Use the chart below to determine the correct percentage to
  use, and only use values from the chart if possible.  Do not use
  pixels (px), points (pt), ems (em), or any other unit.  Ems can be used
  for margins and line heights.

  Pixel  =  Percentage
  --------------------
  10px   =  77%
  11px   =  85%
  12px   =  93%
  13px   =  100%
  14px   =  108%
  15px   =  116%
  16px   =  123.1%
  17px   =  131%
  18px   =  138.5%
  19px   =  146.5%
  20px   =  153.9%
  21px   =  161.6%
  22px   =  167%
  23px   =  174%
  24px   =  182%
  25px   =  189%
  26px   =  197%

=============================================================================
  NAMING:
=============================================================================
  CSS selector/class names are intentionally kept short to minimize file
  size.  To keep the system as generic as possible, commonly used classes and
  their variations are given sequential numeric identifiers.  For example,
  .grid1 and .grid2 define different layouts for a GridView control, but they
  are named generically because they may look completely different in another
  Theme.  A cheat sheet with screenshots of all common layouts is available
  at: TODO: Create cheat sheet and reference here

=============================================================================
  SKINS:
=============================================================================
  Many of the styles in this file are referenced and organized by Skins.  The
  default skin file is: ~/App_Themes/Default/Default.skin.  Where applicable,
  the style defined in this file (default.css) references its parent SkinID
  in Default.skin.

=============================================================================
  PERFORMANCE:
=============================================================================
  The YUI CSS file is minified for performance reasons.  All other
  styles are defined in this css file, so clients do not have to download
  multiple stylesheets.  An additional stylesheet, ie.css, is loaded
  conditionally for IE browsers (see ie.css for more information).
*/

/*===========================================================================*\
    _SECTION_OVERRIDES: Overrides styles defined in YUI reset-fonts-grids.css
\*===========================================================================*/

body
{
    /* 
    background: #fff url(../img/global/page_bg.gif) repeat-x;
	/*DO NOT override the default font here, it will affect the width of the
	   main content area in IE (but not Firefox).  If you need to override
	   the default font, set it in the #doc4 style below. */
}

#doc4
{
	width: 945px;
}

#hd
{
	height: 126px;
	width: 945px;
}

#bd
{
	margin: 30px 0 0 0;
	width: 945px;
    min-height: 600px; height: auto !important; height: 600px; 

}

#ft
{
    margin: 15px 0 0 0;
    width: 100%;
    vertical-align: text-bottom;
}

/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/
strong{ font-weight: bold; }
em { font-style: italic; }

/*===========================================================================*\
    _SECTION_HEADER: Defines the structure and appearance of the header
\*===========================================================================*/

/* Header Structure */
#hd-global-nav
{
	float: right;
	margin: 14px 0 0 0;
	text-align: right;
	width: 235px;
}

#hd-welcome-text
{
	float: right;
	margin: 16px 25px 0 0;
	width: 260px;
}

#hd-main-logo
{
	float: left;
	margin: 22px 0 0 8px;
	height: 49px;
	width: 259px;
}

#hd-ecredco-nav
{
	float: right;
	height: 22px;
	margin: 49px 0 0 0;
	*margin: 48px 0 0 0;
	width: 607px;
}

#hd-credco-nav
{
	float: right;
	height: 25px;
	width: 600px;
	_width: 603px;
	margin: 0 125px 0 0;
	_margin: 0 70px 0 0;
}

#hd-credco-nav-company
{
	float: left;
	width: 53px;	
}

#hd-credco-nav-products
{
	float: left;
	margin-left: 25px;
	position: relative;
	width: 120px;
	z-index: 34000;	
}

#hd-credco-nav-bac
{
	float: left;
	margin-left: 25px;
	width: 120px;	
}

#hd-credco-nav-partners
{
	float: left;
	margin-left: 25px;
	width: 50px;	
}

#hd-credco-nav-faq
{
	float: left;
	margin-left: 25px;
	width: 35px;	
}

#hd-credco-nav-training
{
	float: left;
	margin-left: 25px;
	position: relative;
	width: 50px;
	z-index: 34000;
}

#hd-search-ctr
{
	float: right;
	height: 30px;
	margin: 4px 0 0 0;
	width: 170px;
}

#hd-search-ctr table
{
	height: 30px;
	margin: 0 0 0 10px;
	vertical-align: middle;
	width: 100px;
}

#hd-search-ctr .txt
{
	width: 100px;
}

#hd-search-ctr .btn
{
	text-align: left;
}

/* Header Appearance */
#hd-global-nav a
{
	color: #666;
	font-family: verdana;
	font-size: 77%;
	text-decoration: none;
}

#hd-global-nav a:hover
{
	text-decoration: underline;
}

#hd-global-nav i
{
	color: #666;
	font-size: 77%;
}

#hd-welcome-text
{
	color: #666;
	font-family: verdana;
	font-size: 77%;
	text-decoration: none;
}

#hd-ecredco-nav
{
	
	/* background-image: url(../img/nav/ecredco_nav.gif); */
}

#hd-credco-nav
{
	/* background-image: url(../img/nav/credco_nav.gif); */
}

#hd-search-ctr
{
	background-image: url(../img/bg/gradient_blue.gif);
}

.ht-tab-main, .hd-tab-main-sel, .hd-tab-sub-mo {
	cursor: pointer;
}
.hd-tab-main-sel {
	color: #cc0000;
	font-weight: bold;
}
.hd-tab-sub {
	color: #666666;
	cursor: hand;
	font-size: 85%;
	text-align: left;
	border-top: 1px solid #00396f;
}
.hd-tab-sub-sel {
	padding-right: 5px;
	text-align: left;
	color: #cc0000;
	border-left: 1px solid #6c8ea9;
	border-right: 1px solid #6c8ea9;
	border-bottom: 1px solid #6c8ea9;
	font-weight: bold;
}
.hd-tab-sub-mo {
	padding-right: 5px;
	text-align: left;
	color: #cc0000;
	border-left: 1px solid #6c8ea9;
	border-right: 1px solid #6c8ea9;
	border-bottom: 1px solid #6c8ea9;
}
.hd-tab-sub-normal {
	padding-right: 5px;
	text-align: left;
	border-left: 1px solid #6c8ea9;
	border-right: 1px solid #6c8ea9;
	border-bottom: 1px solid #6c8ea9;
}

/*===========================================================================*\
    _SECTION_SPRITES: Defines image information for CSS sprites
\*===========================================================================*/

/*
  NOTE: all images that are NOT css sprites are defined in the .skin file!

  ir (image replace) class: Use this class when you want to replace a tag's
  text with an image.  This should be used for css sprites (see the tabs).

  To use this class:

  1. Create an additional class for the image itself, such as:
       .search-btn { background-image: url(../img/buttons/search_button.gif); width: 50px; height: 23px; }
  2. Create a :hover pseudo-class that shifts the background position to the left by <width> pixels:
       .search-btn:hover { background-position: -50px 0; }
  2. Create html tags that reference the ir class and the image-specific class:
       <asp:LinkButton CssClass="ir search-btn" PostBackUrl="~/default.aspx" runat="server" />
	   <asp:HyperLink CssClass="ir search-btn" NavigateUrl="~/default.aspx" runat="server" />
 	   <a class="ir search-btn" href="default.aspx" />

  Source: http://www.evotech.net/blog/2007/09/css-image-replacement-method/
*/
.ir
{
	display: -moz-inline-box;
	display: inline-block;
	background: transparent none 0 0 no-repeat;
	font: 0/0 Arial;
	overflow: hidden;
	color: rgba(255,255,255,0);
	vertical-align: bottom; /* needed for Firefox 2 */
}

/* Tabs (with CSS sprites) */
a.tab1					{ background-image:url(../img/tabs/welcome.gif);					width:68px;		height:22px; }
a.tab1:hover			{ background-position: -68px 0; }
a.tab2					{ background-image:url(../img/tabs/search.gif);						width:55px;		height:22px; }
a.tab2:hover			{ background-position: -55px 0; }
a.tab3					{ background-image:url(../img/tabs/order.gif);						width:50px;		height:22px; }
a.tab3:hover			{ background-position: -50px 0; }
a.tab4					{ background-image:url(../img/tabs/creditxpert.gif);				width:81px;		height:22px; }
a.tab4:hover			{ background-position: -81px 0; }
a.tab5					{ background-image:url(../img/tabs/custservice.gif);				width:110px;	height:22px; }
a.tab5:hover			{ background-position: -110px 0; }
a.tab6					{ background-image:url(../img/tabs/myinfo.gif);						width:58px;		height:22px; }
a.tab6:hover			{ background-position: -58px 0; }
a.tab7					{ background-image:url(../img/tabs/admin.gif);						width:96px;		height:22px; }
a.tab7:hover			{ background-position: -96px 0; }
a.tab8					{ background-image:url(../img/tabs/payonline.gif);					width:75px;		height:22px; }
a.tab8:hover			{ background-position: -75px 0; }

/*===========================================================================*\
    _SECTION_INDEX_BODY: Defines the structure and appearance of the Index body
\*===========================================================================*/
/* Index Body Structure */
#index-top
{
    float:left;
    height: 20px;
    width: 950px;
    margin-top: 10px;
    margin-bottom: -20px;
    margin-left: 10px;
}

#index-top p
{
    position: absolute;
    color: #036;
    font-size: 11px; 
    padding-top: 2px;
}

#index-top-left
{
	float: left;
	height: 257px;
	width: 701px;
}

#index-top-right
{
	*clear: left;
	float: right;
	height: 257px;
	margin-right: 1px;
	width: 243px;
}

#index-left
{
	float: left;
	height: 395px;
	margin: 35px 0 0 0;
	width: 200px;
}

#index-left-top
{
	height: 150px;
	width: 201px;
}

#indexlefttop
{
	/*display: none;*/
	/*background-image: url(../img/global/login.gif);*/
	float: left;
	/*height: 100px;*/
	margin: 13px 0 20px 0;
	padding-left: 10px;
	width: 200px;	
}

#index-left-top-ecom
{
	background-image: url(../img/global/login.gif);
	float: left;
	height: 130px;
	margin: 0 0 20px 0;
	width: 200px;	
}

#index-left-bot
{
	float: left;
	height: 268px;
	min-height: 392px;
	margin: 17px 0 0 0;
	width: 200px;	
}

#index-mid
{
	float: right;
	height: 183px;
	margin: 35px 30px 0 0;
	width: 700px;
} 

#index-mid-one
{
	float: left;
	border-right: dotted 1px #ccc;
	height: 183px;
	width: 174px;	
}

#index-mid-two
{
	float: left;
	border-right: dotted 1px #ccc;
	height: 183px;
	width: 174px;
}

#index-mid-three
{
	float: left;
	border-right: dotted 1px #ccc;
	height: 183px;
	width: 174px;
}

#index-mid-four
{
	float: left;
	height: 183px;
	width: 175px;
}

#index-bot
{
	float: right;
	height: 187px;
	margin: 35px 0 0 0;
	width: 729px	
}

#index-bot-left
{
    float: left;
    height: 187px;
	width: 480px;
	_width: 470px;
}

#index-bot-right
{
    float: right;
    height: 196px;
    margin: -10px 0 0 0;
	width: 240px
}

#index-bot-link
{
	float: right;
	margin: 10px 20px 0 0;
}

#index-nav-title
{
	height: 32px;
	width: 243px;
	margin: 0;
}

#index-nav
{
	height: 225px;
	width: 243px;
	margin: 0;
	_margin: -3px 0 0 0;
}

/* Index Body Appearance */
#index-left
{
	/*border-right: dotted 1px #ccc;*/
}

#index-left-top .header
{
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

#index-left-top
{
	background-image: url(../img/bg/customer_login.gif);
	background-repeat: no-repeat;
}

#index-left-top a
{
	color: #036;
	font-size: 11px;
	text-decoration: none;
}

#index-left-top a:hover
{
	text-decoration: underline;
}

#index-bot-left
{
   background-image: url(../img/bg/bkgd-industry-news.gif);
   background-repeat: no-repeat;
}

#index-left-bot li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 15px .6em;
	line-height: 15px;
}

#index-left-bot li a
{
	color: #036;
	text-decoration: none;	
}

#index-left-bot li a:hover
{
	text-decoration: underline;	
}

#index-left-bot .header
{
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 10px;
}

#index-left-bot .content
{
	font-size: 11px;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 10px;	
}

#index-mid img
{
	padding-bottom: 10px;	
}

#index-mid .header a
{
	color: #036;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
}

#index-mid .header a:hover 
{
	text-decoration: underline;	
}

#index-mid .content
{
	font-size: 11px;
	padding-top: 0;
}

#index-bot-link a
{
	color: #036;
	font-size: 11px;
	font-style: normal;
}
/*===========================================================================*\
    _SECTION_INDUSTRY_BODY: Defines the structure and appearance of the Industry body
\*===========================================================================*/

/* Industry Body Structure */
#industry-left
{
	float: left;
	width: 230px;
}

#industry-left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#industry-left-mid
{
	margin: 0 0 20px 0;
	width: 230px;	
}

#industry-left-bot
{
	width: 230px;
}

#industry-right
{
	float: right;
	width: 700px;
}

#industry-right-top
{
	float: right;
	width: 700px; 
}

#industry-right-mid
{
	float: right;
	margin: 17px 15px 0 0;
	width: 669px;
}

#industry-right-mid-one
{
	float: left;
	height: 167px;
	width: 222px;
}

#industry-right-mid-two
{
	float: left;
	height: 167px;
	width: 222px;
}

#industry-right-mid-three
{
	float:left;
	height: 167px;
	width: 222px;
}

#industry-right-bot
{
	background-image: url(../img/bg/industry_news_box.gif);
	background-repeat: no-repeat;
	float: right;
	height: 173px;
	margin: 20px 0 0 0;
	width: 700px;	
}

#industry-right-bot-link
{
	float: right;
	margin: 10px 20px 0 0;
}

/* Industry Body Appearance */
#industry-right-mid-one
{
	border-right: dotted 1px #ccc;
	padding-top: 17px;
	vertical-align: middle;
}

#industry-right-mid-two
{
	border-right: dotted 1px #ccc;
	padding-top: 17px;
}

#industry-right-mid-three
{
	padding-top: 17px;
}

#industry-right-mid .header
{
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 10px;
}

#industry-right-mid .content
{
	color: #666;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
}

#industry-right-mid .content a
{
	color: #666;
	font-size: 11px;
}

#industry-right-mid .content a:hover
{
	color: #036;
	text-decoration: underline;
}

#industry-right-mid img
{
	padding-top: 10px;
	padding-left: 15px;
}

#industry-right-mid ul
{
	padding-top: 10px;
	padding-left: 15px;	
}

#industry-right-mid li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#industry-right-mid a
{
	color: #036;
	text-decoration: none;	
}

#industry-right-mid li a:hover
{
	color: #036;	
	text-decoration: underline;
}

#industry-left-bot li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 10px .6em;
	line-height: 15px;
}

#industry-left-bot a
{
	color: #036;
	text-decoration: none;	
}

#industry-left-bot li a:hover
{
	color: #036;	
	text-decoration: underline;
}

#industry-left-bot .header
{
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	padding-bottom: 10px;
	padding-left: 10px;
}

#industry-left-bot .content
{
	font-size: 11px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;	
}

#industry-right-bot-link a
{
	color: #036;
	font-size: 11px;
	font-style: normal;
}

/*================================================================================*\
    _SECTION_COMPANY_BODY: Defines the structure and appearance of the solution body
\*================================================================================*/

/* Company Body Structure */

#company-left	
{
	float: left;
	width: 230px;
	min-height: 467px;		
}

#company-left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#company-left-bot
{
	height: 467px;
	margin: 0;	
	width: 230px;
}

#company-mid
{
	float: left;
	height: 100%;
	margin: 0 0 0 15px;
	width: 481px;	
}

#company-mid-top
{
	background-image: url(../img/global/gray_curve.gif);
	display: none;
	height: 7px;
	margin: 0;
	width: 481px;	
}

#company-mid-bot
{
	margin-top: -1px;
	/*border-right: solid 1px #ccc;*/
	width: 480px;	
}

#company-right
{
	float: right;
	width: 194px;
}

#company-right-top
{
	margin: 0;
	width: 194px;	
}

#company-right-mid
{
	margin: 15px 0 0 0;
	padding-left: 15px;
	width: 194px;	
}

#company-right-bot
{	
	margin: 20px 0 0 0;
	padding-left: 15px;
	width: 179px;
}

/* Company Body Appearance */

#company-mid-top .content
{
	font-size: 10px;
}

#company-mid-bot
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;	
}

#company-mid-bot p
{
	line-height: 18px;
}

#company-mid-bot h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 5px;	
}

#company-mid-bot h5
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;	
}	

#company-mid-bot p a
{
	color: #036;	
}

#company-mid-bot p a:hover
{
	color: #036;
	text-decoration: none;
}

#company-right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#company-right-top h6
{
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 3px;
}

#company-right-top .content
{
	font-size: 11px;
	color: #666;
	padding-left: 16px;
}

#company-right-top .content img
{
	vertical-align: middle;
}

#company-right-top .content a
{
	color: #666;	
}

#company-right-top .content a:hover
{
	color: #666;	
	text-decoration: none;
}

#company-right-mid .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 3px;
}

#company-right-mid .content
{
	line-height: 15px;
	padding-right: 30px;
	padding-bottom: 10px;	
}

#company-right-mid .content a
{
	color: #036;	
}

#company-right-mid .content a:hover
{
	color: #036;	
	text-decoration: none;
}

/*================================================================================*\
    _SECTION_SOLUTION_BODY: Defines the structure and appearance of the solution body
\*================================================================================*/

/* Solution Body Structure */

#solution-left
{
	float: left;
	width: 230px;
	min-height: 467px;		
}

#solution-left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#solution-left-bot
{
	height: 467px;
	margin: 0;	
	width: 230px;
}

#solution-mid
{
	float: left;
	height: 100%;
	margin: 0 0 0 15px;
	width: 481px;	
}

#solution-mid-top
{
	background-image: url(../img/global/gray_curve.gif);
	display: none;
	height: 7px;
	margin: 0;
	width: 481px;	
}

#solution-mid-bot
{
	margin-top: -1px;
	/*border-right: solid 1px #ccc;*/
	width: 480px;	
}

#solution-right
{
	float: right;
	width: 194px;
}

#solution-right-top
{
	margin: 0;
	width: 194px;	
}

#solution-right-mid
{
	height: 213px;
	margin: 15px 0 0 0;
	width: 194px;	
}

#solution-right-bot
{	
	margin: 20px 0 0 0;
	padding-left: 15px;
	width: 179px;
}

/* solution Body Appearance */

#solution-mid-top .content
{
	font-size: 10px;
}

#solution-mid-bot
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;	
}

#solution-mid-bot p
{
	line-height: 18px;
}

#solution-mid-bot h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 5px;	
}

#solution-mid-bot h5
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;	
}	

#solution-mid-bot p a
{
	color: #036;	
}

#solution-mid-bot p a:hover
{
	color: #036;
	text-decoration: none;
}

#solution-right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#solution-right-top h6
{
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 3px;
}

#solution-right-top .content
{
	font-size: 11px;
	color: #666;
	padding-left: 16px;
}

#solution-right-top .content img
{
	vertical-align: middle;
}

#solution-right-top .content a
{
	color: #666;	
}

#solution-right-top .content a:hover
{
	color: #666;	
	text-decoration: none;
}


#solution-right-bot .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 3px;
}

#solution-right-bot .content
{
	line-height: 15px;
	padding-right: 30px;
	padding-bottom: 10px;	
}

#solution-right-bot .content a
{
	color: #036;	
}

#solution-right-bot .content a:hover
{
	color: #036;	
	text-decoration: none;
}

/*================================================================================*\
    _SECTION_PRODUCT_BODY: Defines the structure and appearance of the product body
\*================================================================================*/

/* Product Body Structure */

#product-left
{
	float: left;
	width: 230px;		
}

#product-left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#product-left-bot
{
	height: 467px;
	margin: 0;	
	width: 230px;
}

#product-mid
{
	float: left;
	margin: 0 0 0 15px;
	width: 481px;	
}

#product-mid-top
{
	background-image: url(../img/global/gray_curve.gif);
	display: none;
	height: 7px;
	margin: 0;
	width: 491PX;	
	width: 491px;	
}

#product-mid-bot
{
	/*border-right: solid 1px #ccc;*/
	margin-top: -1px;
	min-height: 700px;
	padding: 0 20px 0 20px;
	width: 480px;		
}

#product-right
{
	float: right;
	width: 194px;
}

#product-right-top
{
	margin: 0;
	width: 194px;	
}

#product-right-mid
{
	margin: 15px 0 0 0;
	width: 194px;	
}

#product-right-bot
{
	margin: 10px 0 0 0;
	width: 174px;	
	padding-left: 20px;
}

/* Product Body Appearance */
#product-mid-top .content
{
	font-size: 10px;
}

#product-mid-bot
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

#product-mid-bot p a
{
	color: #036;	
}

#product-mid-bot p a:hover
{
	color: #036;
	text-decoration: none;
}

#product-mid-bot h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 5px;	
}

#product-right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#product-mid-bot h6 a
{
	color: #036;	
}

#product-mid-bot .tbl3
{
	*margin-bottom: -6px;	
}

#product-mid-bot h6 a:hover
{
	color: #036;	
	text-decoration: none;
}


#product-right-top h6
{
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 3px;
}

#product-right-top .content
{
	font-size: 11px;
	color: #666;
	padding-left: 16px;
}

#product-right-top .content img
{
	vertical-align: middle;
}

#product-right-top .content a
{
	color: #666;	
}

#product-right-top .content a:hover
{
	color: #666;	
	text-decoration: none;
}

#product-right-bot .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 3px;
}

#product-right-bot .content
{
	font-size: 11px;
	padding-bottom: 10px;	
}

#product-right-bot .content a
{
	color: #036;	
}

#product-right-bot .content a:hover
{
	color: #036;	
	text-decoration: none;
}

/*================================================================================*\
    _SECTION_NEWS_BODY: Defines the structure and appearance of the solution body
\*================================================================================*/

/* News Body Structure */

#news-left	
{
	float: left;
	width: 230px;
	min-height: 467px;		
}

#news-left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#news-left-bot
{
	height: 467px;
	margin: 0;	
	width: 230px;
}

#news-mid
{
	float: left;
	height: 100%;
	margin: 0 0 0 15px;
	width: 481px;	
}

#news-mid-top
{
	background-image: url(../img/global/gray_curve.gif);
	display: none;
	height: 7px;
	margin: 0;
	width: 481px;	
}

#news-mid-bot
{
	margin-top: -1px;
	/*border-right: solid 1px #ccc;*/
	width: 480px;	
}

#news-right
{
	float: right;
	width: 194px;
}

#news-right-top
{
	margin: 0;
	width: 194px;	
}

#news-right-mid
{
	margin: 15px 0 0 0;
	padding-left: 15px;
	width: 194px;	
}

#news-right-bot
{	
	margin: 20px 0 0 0;
	padding-left: 15px;
	width: 179px;
}

/* news Body Appearance */

#news-mid-top .content
{
	font-size: 10px;
}

#news-mid-bot
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;	
}

#news-mid-bot p
{
	line-height: 18px;
}

#news-mid-bot h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 5px;	
}

#news-mid-bot h5
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;	
}	

#news-mid-bot p a
{
	color: #036;	
}

#news-mid-bot p a:hover
{
	color: #036;
	text-decoration: none;
}

#news-right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#news-right-top h6
{
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 3px;
}

#news-right-top .content
{
	font-size: 11px;
	color: #666;
	padding-left: 16px;
}

#news-right-top .content img
{
	vertical-align: middle;
}

#news-right-top .content a
{
	color: #666;	
}

#news-right-top .content a:hover
{
	color: #666;	
	text-decoration: none;
}

#news-right-mid .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 3px;
}

#news-right-mid .content
{
	line-height: 15px;
	padding-right: 30px;
	padding-bottom: 10px;	
}

#news-right-mid .content a
{
	color: #036;	
}

#news-right-mid .content a:hover
{
	color: #036;	
	text-decoration: none;
}

/*================================================================================*\
    _SECTION_THREE_COLUMN_BODY: Defines the structure and appearance of the product body
\*================================================================================*/

/* Three Column Body Structure */

#left-col
{
	float: left;
	width: 230px;		
}

#left-top
{
	display: none;
	height: 128px;
	margin: 0 0 15px 0;
	width: 230px;	
}

#left-bot
{
	height: 467px;
	margin: 0;	
	width: 230px;
}

#mid-col
{
	float: left;
	margin: 0 0 0 15px;
	width: 491px;	
}

#mid-top
{
	background-image: url(../img/global/gray_curve.gif);
	display: none;
	height: 0;
	margin: 0;
	width: 491px;	
	width: 491px;	
}

#mid-bot
{
	margin-top: -1px;
	min-height: 700px;
	width: 480px;		
}

#right-col
{
	float: right;
	width: 194px;
}

#right-top
{
	margin: 0;
	width: 194px;
	margin: 0 0 15px 0;	
	display: none;
}

#right-mid
{
	width: 194px;	
}

#right-bot
{
	margin: 25px 0 0 0;
	width: 194px;	
}

/* Three Column Body Appearance */
#mid-top .content
{
	font-size: 10px;
}

#mid-bot
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

#mid-bot h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 5px;	
}

#mid-bot h6
{
	margin-top: 5px;
	padding-bottom: 10px;
}

#mid-bot h5
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;	
}

#mid-bot .ul1
{
	margin-right: 40px;
}

#mid-bot a
{
	color: #036;	
}

#mid-bot a:hover
{
	color: #036;
	text-decoration: none;
}

#mid-bot p a
{
	color: #036;	
}

#mid-bot p a:hover
{
	color: #036;
	text-decoration: none;
}

#right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 15px;
}

#right-top h6
{
	padding-bottom: 5px;
	padding-left: 10px;
}

#right-top .content
{
	font-size: 11px;
	padding-left: 10px;
	padding-bottom: 10px;	
}

#right-bot .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 10px;
}

#right-bot .content
{
	font-size: 11px;
	padding-right: 10px;
	padding-bottom: 10px;	
}

/*===========================================================================*\
    _SECTION_BIO_BODY: Defines the appearance of the EXCUTIVE BIOS
\*===========================================================================*/

#bio-top
{
	height: 86px;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 20px;
}

#bio-gif
{
	float: left;
	height: 86px;
	width: 75px;
}

#bio-content
{
	margin: 0 0 0 97px;
	padding-top: 0px;
}


/*===========================================================================*\
    _SECTION_FOOTER: Defines the structure and appearance of the footer
\*===========================================================================*/

/* Footer Structure */
#ft-global-nav
{
	font-size: 11px;
    color: #999999;
	height: 80px;
    text-align: center;
	margin: 0 0 0 85px;
    padding: 25px 0 5px 0; /* Top and bottom padding */
	line-height: 24px;
	/* border: solid 1px green;  */
}

#ft-global-nav-left
{
    float: left;
}

#ft-global-nav-right
{
    float: left;
    padding: 0 0 0 22px;
}

#ft-global-nav-right span
{
    margin: 4px; /* Top, Right, Bottom and Left margins */
}

/* Footer Appearance */

#ft-global-nav p
{
	font-size: 11px;
	color: #999999;
	line-height: 20px;
}

#ft-global-nav a
{
    color: #999999;
}
#ft-global-nav a:hover
{
    color: #666666;
    text-decoration: none;
}

/* Old Footer Structure 

#ft-global-nav
{
    font-size: 11px;
    color: #999999;
    text-align: center;
    padding: 15px 0 5px 0; 
}


#ft-global-row
{
    margin: 0; 
}

#ft-global-row span
{
    margin: 4px; 
}

#ft-global-nav p
{
	font-size: 11px;
	color: #999999;
}

#ft-global-nav a
{
    color: #999999;
}
#ft-global-nav a:hover
{
    color: #666666;
    text-decoration: none;
}
*/


/*======================================================================================*\
    _SECTION_MAIN_NAVIGATION: Defines the structure and appearance of the main navigation
\*======================================================================================*/
#nav-company
{
	float: left;
	margin: 8px 0 0 0;
	*margin: 5px 0 0 0;	
}

#nav-products
{
	float: left;
	margin: 8px 0 0 10px;
	*margin: 5px 0 0 10px;
}

#nav-bac
{
	float: left;
	margin: 8px 0 0 10px;
	*margin: 5px 0 0 10px;
}

#nav-partners
{
	float: left;
	margin: 8px 0 0 10px;
	*margin: 5px 0 0 10px;
}

#nav-faqs
{
	float: left;
	margin: 8px 0 0 10px;
	*margin: 5px 0 0 10px;
}

#nav-training
{
	float: left;
	margin: 8px 0 0 10px;
	*margin: 5px 0 0 10px;
}

/*===========================================================================*\
    _SECTION_FONTS: Defines the structure and appearance of the footer
\*===========================================================================*/

p
{
	color: #666;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 15px;	
}

h1
{
	color: #036;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 15px;	
}

h1.black
{
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 10px 0;	
}

h3
{
	color: #f00;
	font-size: 14px;	
}

h3.black
{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0 0 10px 0;	
}

h3.black-bullet
{
    color: #000;
    font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 4px 0;   
}

h4
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;	
}

h5
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;
}

h6
{
	color: #036;
	font-size: 12px;
	font-weight: bold;	
	padding-bottom: 5px;
}

.blueSubTitle
{
	color: #036;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

.content
{
	color: #666;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 10px;	
	line-height: 15px;
}

.new-title
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding-left: 15px;
}

.pageTitle
{
	color: #036;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 10px;	
}

.prDateGray
{
	color: #666;
	font-size: 10px;	
}

.prTitleBlue
{
	color: #036;
	font-size: 14px;
	font-weight: bold;
}

.subTitleBlue
{
	color: #036;
	font-size: 12px;
	font-weight: bold;	
}

.subTitleGray
{
	color: #666;
	font-size: 12px;
	font-weight: bold;	
}

.subTitleRed
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 20px;
}

.webinar-title
{
	color: #036;
	font-size: 12px;
	font-weight: bold;
}

/*===========================================================================*\
    _SECTION_TABLES: Styles for tables
\*===========================================================================*/
.tbl1
{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 230px;
	margin-left: 1px;
	*margin-left: 0;
	margin-bottom: 0px;
	*margin-bottom: -6px;
}

.tbl1 td
{
	padding-left: 15px;
	padding-bottom: 10px;
}

.tbl1 h5
{
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 0;	
}

.tbl1 li
{
	color: #036;
	font-size: 12px;
	padding-left: 9px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.tbl1 a
{
	color: #036;
	text-decoration: none;	
}

.tbl1 a:hover
{
	text-decoration: underline;	
}

.tbl2
{
	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	height: auto;
	margin-bottom: 0;
	*margin-bottom: -6px;
	width: 229px;
	*width: 230px;
}

.tbl2 td
{
	padding-left: 15px;
	padding-bottom: 10px;
}

.tbl2 h5
{
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 0;	
}

.tbl2 li
{
	color: #036;
	font-size: 12px;
	padding-left: 13px;
	padding-bottom: 10px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 5px .5em;
}

.tbl2 a
{
	color: #036;
	text-decoration: none;	
}

.tbl2 a:hover
{
	text-decoration: underline;	
}

.tbl3
{
	border: 0;
	margin-left: 1px;
	*margin-left: 0;
	margin-bottom: 0;
	*margin-bottom: -8px;
	width: 450px;
}

.tbl3 td
{
	color: #666;
	font-size: 11px;
	background-color: #dedede;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.tbl3 td.alt
{
	color: #666;
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.tbl3 h4
{
	color: #036;
	font-size: 12px;
	font-weight: bold;
}

.tbl3 li
{
	color: #666;
	font-size: 11px;
	padding-left: 9px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.tbl3 a
{
	color: #666;
	text-decoration: none;	
}

.tbl3 a:hover
{
	color: #036;
	text-decoration: underline;	
}

.tbl3 li a
{
	color: #666;
	text-decoration: none;	
}

.tbl3 li a:hover
{
	color: #036;
	text-decoration: underline;	
}

.tbl4
{
	border: 0;
	margin-left: 1px;
	*margin-left: 0;
	margin-bottom: 0px;
	*margin-bottom: -6px;
	width: 100%;
}

.tbl4 tr
{
	color: #fff;
	font-size: 11px;
	background-color: #063c6b;
	padding: 5px 15px 5px 15px;
}

.tbl4 tr.alt
{
	color: #fff;
	background-color: #28527c;
	
}

.tbl4 td
{
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.tbl4 h4
{
	color: #feb324;
	font-size: 12px;
	font-weight: bold;
}

.tbl5
{
	border: 0;
	color: #666;
	width: 100%;
}

.tbl5 td
{
	vertical-align: top;
}

.tbl5 a
{
color: #036;	
}

.tbl5 a:hover
{
	color: #036;	
	text-decoration: none;
}

.tbl6
{
	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	height: auto;
	margin-bottom: 0;
	*margin-bottom: -6px;
	height: 15px;
	width: 194px;
	*width: 194px;
}

.tbl6 td
{
	padding-left: 8px;
	vertical-align: middle;
}

.tbl6 h6
{
	color: #036;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;	
}

.tbl6 ul li
{
	color: #036;
	font-size: 12px;
	padding-left: 8px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.tbl6 a
{
	color: #036;
	text-decoration: none;	
}

.tbl6 a:hover
{
	text-decoration: underline;	
}

.tbl6 p img
{
	padding-top: 5px;
	padding-left: 5px;
	vertical-align: middle;	
}

#tbl-form
{
	margin-top: 20px;
	margin-left: 50px;
	width: 500px;
}

#tbl-form tr td
{
	padding: 2px;
	text-align: right;
	width: 130px;
}

#tbl-form tr td td
{
	padding: 2px;
	text-align: left;
	width: 370px;
}


#tbl-form .itemlabel
{
	color: #666;
	font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

#tbl-form .itemreq
{
    color: #FF0000;
    font-style: italic;
}

#tbl-form input, select
{
    font-size: 11px;
}

#tbl-form .text-box, select
{
    width: 200px;
    *width: 200px;
}

#tbl-form1
{
	margin-top: 10px;
}

#tbl-form1 tr td
{
	padding: 2px;
}

#tbl-form1 .itemlabel
{
	color: #666;
	font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

#tbl-form1 .itemreq
{
    color: #FF0000;
    font-style: italic;
}

#tbl-form1 input, select
{
    font-size: 11px;
}

#tbl-form1 .text-box
{
    width: 250px;
    *width: 250px;
}

.gvNews
{
	border: 0;
	margin-left: 1px;
	*margin-left: 0;
	margin-bottom: 0;
	*margin-bottom: -8px;
	margin-top: -3px;
	width: 450px;
}

.gvNews h4
{
	color: #036;
	font-size: 12px;
	font-weight: bold;
}

.gvNews a
{
	color: #666;
	text-decoration: none;	
}

.gvNews a:hover
{
	color: #036;
	text-decoration: underline;	
}

.gvNewsHeader th
{
	color: #666;
	background-color: #dedede;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.gvNewsItem td
{
	color: #666;
	font-size: 11px;
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.gvNewsAltItem td
{
	color: #666;
	background-color: #dedede;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

/* Webinars*/

#tbl-webinars
{
	font-family: Arial;
	font-size: 12px;
	width: 445px;
	text-align: left;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
#tbl-webinars thead th.rounded-company
{
	background: #476f96 url(../uploadedimages/Credco_Site/Training/webinars-top-left.gif) left -1px no-repeat;
}
#tbl-webinars thead th.rounded-q2
{
	background: #476f96 url(../uploadedimages/Credco_Site/Training/webinars-top-left.gif) right -1px no-repeat;
}
#tbl-webinars th
{
	padding: 8px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #476f96;
}
#tbl-webinars td
{
	padding: 8px;
    color: #666;
}

#tbl-webinars .odd 
{
	background: #eee; 
}

#tbl-webinars tbody tr:hover td
{
	background: #ccc;
	color: #333;
}

#tbl-webinars a
{
	color: #036;
	text-decoration: underline;
}

#tbl-webinars a:hover
{
	text-decoration: none;
}


/*===========================================================================*\
    _SECTION_LISTS: Styles for lists
\*===========================================================================*/
.ul1
{
	margin: 5px 0 10px 10px;
}

.ul1 li
{
	color: #666;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.ul1 a
{
	color: #666;
	text-decoration: none;
}

.ul1 a:hover
{
	color: #036;
	text-decoration: underline;
}

.ul2
{
	margin: 10px 0 10px 10px;
}

.ul2 li
{
	color: #666;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.ul2 a
{
	color: #666;
	text-decoration: none;
}

.ul2 a:hover
{
	color: #666;
	text-decoration: underline;
}

/*===========================================================================*\
    _SECTION_NEWS_HEADLINES: Styles for News and Headlines section
\*===========================================================================*/

#news-alert
{
	margin: 37px 0 0 1px;
}

.news-headlines
{
    margin: 15px 0 0 15px;
    /* padding-left: 15px;  */
}

.news-headlines
{
    width: 100%;
}

.news-headlines td
{
    font-size: 11px;
    padding: 0 0 13px 5px;
}

.nh-title
{
    color: #036;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 18px;
}

.nh-date
{
    font-weight: bold;
}

.nh-leadin
{
    font-weight: normal;
}

.news-headlines a
{
    color: #666;
    text-decoration: none;
}

.news-headlines a:hover
{
    text-decoration: underline;
}

/*===========================================================================*\
    _SECTION_REQUEST_INFO_FORM: Styles for Request Information form
\*===========================================================================*/
.tblSideProducts
{
}

.tblSideProducts td
{
    font-size: 11px;
	padding-bottom: 5px;
}

.tblSideProducts td.leftColumn
{
    text-align: right;
    padding-right: 10px;
}

.tblSideProducts .checkboxlist label
{
	padding-left: 5px;
	width: 300px;
}

/*===========================================================================*\
    _SECTION_TWO_COLUMN: Styles for Two Column master page
\*===========================================================================*/
#two-column-left
{
    float: left;
    width: 55.462em;
    *width: 54.076em;
    display: inline;
    min-height: 500px;
}

#two-column-left h1
{
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#two-column-left h4
{
	padding-left: 25px;
}

#two-column-left h5
{
	padding-left: 25px;
}

#two-column-left h6
{
	padding-left: 25px;
	padding-bottom: 5px;
}

#two-column-left .ul1
{
	padding-left: 25px;	
}

#two-column-left .ul2
{
	padding-left: 25px;	
}

#two-column-left li a
{
	color: #666;
	font-size: 12px;
	font-style: italic;
}

#two-column-left li a:hover
{
	color: #036;
	text-decoration: underline;
}

#two-column-left p
{
	padding-left: 25px;
	padding-right: 25px;
}

#two-column-left a
{
	color: #036;	
}

#two-column-left a:hover
{
	text-decoration: none;
}

#two-column-left .tbl3
{
	margin-left: 25px;	
}

#two-column-right
{
    float: right;
    width: 194px;
    display: inline;
    min-height: 500px;
}

#two-column-right-top
{
	min-height: 220px;	
}

#two-column-right-mid
{
	margin-top: 10px;	
}

#two-column-right-bot
{
	margin-top: 10px;
	padding-left: 15px;
}

/* Appearance */
#two-column-right-top li
{
	color: #036;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../img/bullets/arrowred.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}

#two-column-right-top h6
{
	padding-top: 10px;
	padding-left: 16px;
}

#two-column-right .content
{
	font-size: 11px;
	color: #666;
	padding-left: 16px;
	padding-bottom: 5px;
}

#two-column-right .content a
{
	color: #666;
}

#two-column-right .content a:hover
{
	color: #666;	
	text-decoration: none;	
}

#two-column-right img
{
	vertical-align: middle;
}

#two-column-right .header
{
	font-size: 14px;
	font-weight: bold;
	color: #036;
	padding-bottom: 3px;
}

#two-column-right-bot .content
{
	line-height: 15px;
	padding-right: 30px;
	padding-bottom: 10px;	
}

#two-column-right-bot .content a
{
	color: #036;	
}

#two-column-right-bot .content a:hover
{
	color: #036;	
	text-decoration: none;
}
/*===========================================================================*\
    _SECTION_COMPANY_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* Company Navigation Structure */
.company-menu ul /* Tier 1 */
{
	float: left;
	width: 50px;
}

.company-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 25px 15px 0;
	_padding: 5px 0 10px 0;
}

.company-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.company-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

/* Company Navigation Appearance */
.company-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.company-menu ul li a /* main items text */
{
	color: #666;
}


.company-menu ul li a:visited /* main items text */
{
	color: #666;
}

.company-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.company-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.company-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.company-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.company-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_PRODUCTS_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* Products Navigation Structure */
.products-menu ul /* Tier 1 */
{
	float: left;
	width: 120px;
}

.products-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 0 15px 0;
	_padding: 5px 0 10px 0;
}

.products-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.products-menu ul li ul li /* sub categories 2 */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

.products-menu ul li ul li ul /* Tier 3 */
{
	top: 3px;
	left: 155px;
	width: 195px;
}

.products-menu ul li ul li ul li /* sub categories 3 */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 185px;
}

.products-menu ul li ul li ul li ul /* Tier 4 */
{
	top: 3px;
	left: 195px;
	width: 200px;
}

.products-menu ul li ul li ul li ul li /* sub categories 4 */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 190px;
}

/* Products Navigation Appearance */
.products-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.products-menu ul li a /* main items text */
{
	color: #666;
}

.products-menu ul li a:visited /* main items text */
{
	color: #666;
}

.products-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.products-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.products-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.products-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.products-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

.products-menu ul li ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_BAC_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* BAC Navigation Structure */
.bac-menu ul /* Tier 1 */
{
	float: left;
	width: 120px;
}

.bac-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 0 15px 0;
	_padding: 5px 0 10px 0;
}

.bac-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.bac-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

/* BAC Navigation Appearance */
.bac-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.bac-menu ul li a /* main items text */
{
	color: #666;
}


.bac-menu ul li a:visited /* main items text */
{
	color: #666;
}

.bac-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.bac-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.bac-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.bac-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.bac-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_NEWS_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* NEWS Navigation Structure */
.news-menu ul /* Tier 1 */
{
	float: left;
	width: 35px;
}

.news-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 30px 15px 18px;
	_padding: 5px 0 10px 18px;
}

.news-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.news-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

/* NEWS Navigation Appearance */
.news-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.news-menu ul li a /* main items text */
{
	color: #666;
}


.news-menu ul li a:visited /* main items text */
{
	color: #666;
}

.news-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.news-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.news-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.news-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.news-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_PARTNERS_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* Partners Navigation Structure */
.partners-menu ul /* Tier 1 */
{
	float: left;
	width: 50px;
}

.partners-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 0 15px 10px;
	_padding: 5px 0 10px 0;
}

.partners-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.partners-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

/* Partners Navigation Appearance */
.partners-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.partners-menu ul li a /* main items text */
{
	color: #666;
}


.partners-menu ul li a:visited /* main items text */
{
	color: #666;
}

.partners-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.partners-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.partners-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.partners-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.partners-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_FAQ_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* FAQ Navigation Structure */
.faq-menu ul /* Tier 1 */
{
	float: left;
	width: 35px;
}

.faq-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 30px 15px 5px;
	_padding: 5px 0 10px 0;
}

.faq-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 155px;
}

.faq-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 145px;
}

/* FAQ Navigation Appearance */
.faq-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.faq-menu ul li a /* main items text */
{
	color: #666;
}


.faq-menu ul li a:visited /* main items text */
{
	color: #666;
}

.faq-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.faq-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.faq-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.faq-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.faq-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_TRAINING_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* Training Navigation Structure */
.training-menu ul /* Tier 1 */
{
	float: left;
	width: 50px;
}

.training-menu ul li /* main categories */
{
	margin: 0;
	padding: 5px 30px 15px 0;
	_padding: 5px 0 10px 0;
}

.training-menu ul li ul /* Tier 2 */
{
	top: 26px;
	left: 0;
	width: 165px;	
}

.training-menu ul li ul li /* sub categories */
{
	height: 15px;
	padding: 5px 0 5px 10px;
	width: 155px;
}

/* Training Navigation Appearance */
.training-menu ul li /* main categories */
{
	color: #666;
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}

.training-menu ul li a /* main items text */
{
	color: #666;
}

.training-menu ul li a:visited /* main items text */
{
	color: #666;
}

.training-menu ul li span /* main items text */
{
	cursor: default;	
}

.training-menu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size:11px;
}

.training-menu ul li ul li /* sub items */
{
	color: #036;
	background-image: url(../img/nav/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: normal;
	_text-align: left;
}

.training-menu ul li ul li a /* sub items text */
{
	color: #036;
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

.training-menu ul li ul li a:visited /* sub items text */
{
	color: #036;
}

.training-menu ul li ul li a:hover /* sub item text hover */
{
	color: #f00;
	text-decoration: none;
}

/*===========================================================================*\
    _SECTION_RED_FLAG: Defines the appearance of the Red Flag Downloads Content
\*===========================================================================*/
.RedFlag
{
    text-align: center;
}

.RedFlag td
{
    text-align: left;
    padding: 5px;
}

#right-top-box
{
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	height: 100%;
}


/*===========================================================================*\
    _STORYS ADDITIONS: Sitemap default page, 
\*===========================================================================*/

#sitemap
{
margin: 0px auto;
}

/*===========================================================================*\
    _IMAGE ROLLOVERS: Defines the appearance of the Image Rollovers
\*===========================================================================*/

#tuticons a 
{   

	display: block;   
	background:  url(/uploadedImages/Credco_Site/Training/tut_01_cc.jpg) top;   
	width: 109px;   
	height: 113px;   
}

#tuticons a:hover 
{   

	background:  url(/uploadedImages/Credco_Site/Training/tut_01_cc.jpg) no-repeat bottom;   
}

.resourcebox a:link {
	text-decoration: underline;
	color: #FFCC00;
	}
.resourcebox a:visited {
	text-decoration: underline;
	color: #FFCC00;
	}
.resourcebox a:hover {
	text-decoration: none;
	color: #CCCCCC;
	background-color: #333333;
	}
.resourcebox a:active {
	text-decoration: underline;
	color: #FFCC00;
	}
	
/*===========================================================================*\
    _LANDING_2010_SECTION_STYLES
\*===========================================================================*/

#doc-landing2010
{
	margin:auto;
	text-align:left;
	width: 55.50em; /* !IE */
	*width: 56.92em; /* IE */
	min-width: 740px;
	font-family: arial; /* Override the default font here.  Only specify one
                           font-family; the YUI fonts.css file handles font
                           degrading. */
}

#hd-landing2010
{
	height: 393px;
	margin: 0 0 0 0; /* To match settings defined in #bd */
	width: 740px;
}

#bd-landing2010
{
	background-color: #fff;
	margin: 34px 0 0 32px;
	width: 708px;
	height: 600px;
	
}

#bd-landing2010-top
{
    text-align: left;
    min-height: 400px;
    
}

.bd-landing2010-top-left
{
	float: left;
	height: 200px;
	width: 370px;
    display:inline;
}

.bd-landing2010-top-right
{
	float: left;
	width: 218px;
	height: 200px;
	margin: 0 0 0 60px;
    display:inline;
}

#bd-landing2010-bottom
{
	width: 690px;
}

/* Landing Box */

#landing2010box-wrapper
{
	float: right; 
	margin: 0 0 0 0;
	padding: 0 0 30px 30px;
	width: 280px;
}

#landing2010box-top
{
	background-image: url(/uploadedimages/Credco_Site/Landing_pages/landing2010-form-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 119px;
}

#landing2010box-content
{
	background-color: #ebebeb;
}

#landing2010box-bottom
{
    background-image: url(/uploadedimages/Credco_Site/Landing_pages/landing2010-form-bottom.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 12px;
}

#landing2010quote
{
    text-align: center;
    margin: 30px 0 0 0;
}

/* Landing Bullet Lists */

.landing2010bullet-wrapper
{
	width: 380px;
	padding: 10px 0 0 0;
}

.landing2010-image
{
	float: left;
	height: 78px;
	width: 68px;
	margin: 0 0 0 18px;
	_margin: 0 0 0 10px;
}

.landing2010bullet-content
{
	margin: 3px 0 0 105px;
	padding: 0 0 20px 0;
	min-height: 60px;
}

#bd-landing2010 a 
{
  color: #036;
  font-size: 100%;
  text-decoration: underline;
}

#bd-landing2010 a:hover
{
    color: #036;
    text-decoration: none;
}


#bd-landing2010 h1
{
                color: #036;
                font-size: 18px;
                font-style: italic;
                font-weight: bold;
                padding-bottom: 5px;   
}

bd-landing2010 h6.red
{
                color: #f00;
                font-size: 12px;
                font-weight: bold;          
                padding-bottom: 5px;
}


/* Body Apperance */

#bd-landing2010 p

{
  color: #666;
  font-size: 100%;
  text-decoration: none;
  line-height: 18px;
}

#bd-landing2010 a 
{
  color: #666;
  font-size: 100%;
  text-decoration: underline;
}

#bd-landing2010 a:hover
{
    color: #69c;
    text-decoration: none;
}

#bd-landing2010 a.h3-black
{
  color: #000;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

#bd-landing2010 a.h3-black:hover
{
    color: #69c;
    font-weight: bold;
    text-decoration: none;
}

/* Footer Structure */
#ft-landing2010
{
	font-size: 11px;
    color: #999999;
	height: 80px;
    text-align: center;
	margin: 0 0 0 108px;
    padding: 25px 0 5px 0;
	line-height: 18px;
	/* border: solid 1px green;  */
}

#ft-landing2010-left
{
    float: left;
}

#ft-landing2010-right
{
    float: left;
    padding: 10px 0 0 22px;
}

#ft-landing2010-right span
{
    margin: 4px; /* Top, Right, Bottom and Left margins */
}

/* Footer Appearance */

#ft-landing2010 p
{
	font-size: 11px;
	color: #999999;
}

#ft-landing2010 a
{
    color: #999999;
}
#ft-landing2010 a:hover
{
    color: #666666;
    text-decoration: none;
}

/* Form Apperance */

.landing2010-tblSideForm
{
	width: 222px;
	margin: 0 0 0 20px;
}

.landing2010-tblSideForm td.alt
{
	padding: 0 0 5px 0;
}

.landing2010-tblSideForm td.title
{
	color: #000;
    font-size: 12px;
    font-weight: bold;
}

.landing2010-form-textbox
{
	border: solid 1px #ccc;
	font-size: 11px;
	padding: 2px;
	width: 225px;
}

.landing2010-container
{
	border: solid 1px #ccc;
	position: relative;
	*margin-left: -2px;
	width: 231px;
	height: 15px; /* !IE */
	*height: 17px; /* IE7 */
	_height: 18px; /* IE6 */
	overflow:hidden;	
	font-size:11px;
}

.landing2010-container-select
{
	color: #666;
	position: absolute;
	width: 235px;
	top: -2px;
	left: -2px;	
}

#articles-text
{
    color: #666;
	line-height: 18px;
}


#articles-text a
{
	color: #036;	
}

#articles-text a:hover
{
	color: #036;
	text-decoration: none;
}

.newsHeadlineHeading 
{
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
}

.newsHeadlineSummary
{
    color: #666;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 15px;
}


.newsHeadlineLink a
{
    color: #036
}

.newsHeadlineLink a:hover
{
    color: #036;
    text-decoration: none;
}