/*
                                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
   - TEXT
   - LINKS
   - HELPERS
   - SPRITES
   - HEADER
   - PRIMARY NAVIGATION
   - BODY
   - FOOTER
   - CONTAINERS
   - MODAL_POPUP_DIALOGS
   - GRIDS_TABLES
   - FORMS
   - LISTS
   - <PAGE_OR_FEATURE_NAME>
   - ELEMENT_IDS

  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
\*===========================================================================*/

#doc3
{
	margin: 0;
	background-color: #fff;
}

table
{
	padding: 10px; font-size: 11px;
}

/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/

h1{font-size:138.5%;  margin-top:20px; margin-bottom:12px;}
h2{font-size:123.1%; margin:1em 0px;}
h3{font-size:108%; margin:1em 0px;}
h4{font-size:93%; margin-bottom: 5px; margin-top: 20px} /* used for all sub headers */
h1,h2,h3,h4,h5,h6{font-weight:bold}
p{margin-bottom:1em; font-size: 93%; line-height:18px}
a:active,a:link,a:visited{text-decoration:none; color: #006699;}
a:hover{text-decoration:underline; color: #006699;}
strong{font-weight:bold; color: #666;}
em{font-style:italic}
/*
ul,ol,dl{margin:1em 0 1em 2em}
ol li,ul li{list-style-position:outside}
ol li{list-style-type:decimal}
ul li{list-style-type:disc; color: #666;}
*/
dl dd{margin-left:1em}
th,caption{text-align:center}
th{font-weight:bold}
caption{margin-bottom:0.5em}
textarea{font:normal 100% arial}
blockquote{margin:0px 18px;}
hr { color:#E5E5E5; }

/*===========================================================================*\
    _SECTION_HELPERS: Shortcuts to commonly used styles
\*===========================================================================*/

.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.display-none {display:none;}
.display-block {display:block;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.border-none {border: solid 0px #fff;}

/*===========================================================================*\
    _SECTION_HEADER: Defines the structure and appearance of the header
\*===========================================================================*/
/* Header Structure */
#hd
{
	/* border: solid 1px green; */
	margin: 0; /* To match settings defined in #bd */
	width: 950px;
}

#hd-top
{
	height: 123px;
	width: 950px;
}

#hd-main-logo
{
	float: left;
	height: 123px;
	width: 216px;
}

#hd-sk-logo
{
	margin: 0 0 0 0px;
	padding-right: 20px;
	float: right;
}

#hd-bottom {
	background-image: url(/assets/images/bkgd-links.gif);
	height: 27px;
	margin: 0;
	width: 100%;
}

#hd-bottom-nav
{
	height: 27px;
	margin: 0;
	width: 950px;
}

#hd-main-nav
{	
	height: 27px;
	margin: 0 0 0 258px;
	width: 692px;
}

#hd-page-title
{
	margin: 44px 0 0 40px;
}

#hd-page-title199
{
	margin: 0 0 0 40px;
}

/* Header Apperance */
#hd-top
{
	background-image: url(/assets/images/bkgd-header.gif);
	background-repeat: repeat-x;
}

#hd-login-links a
{
	font-family: Arial;
	font-size: 85%;
	color: #666;
	text-decoration: none;
}

#hd-login-links a:hover
{
	text-decoration: underline;
}

#hd-login-links i
{
	font-size: 85%;
	color: #666;
}

#hd-bottom-nav
{
	background-image: url(/assets/images/bkgd-links.gif);
	background-repeat: repeat;
}


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

h1
{
	color: #ef3e42;
	font-size: 20px;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;	
}

h4
{
	color: #00578e;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0px;	
}

h6
{
	color: #666;
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-weight: normal;
}

.address
{
	color: #666;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:14px;	
}

/*===========================================================================*\
    _SECTION_BODY: Defines the appearance of the body content
\*===========================================================================*/
/* Body Structure */
#bd
{
	width: 950px;
}

#bd-main 
{
	margin: 2px 0 0 0px;
}

#bd-homebottom-text
{
	margin: 30px 0 0 10px;
	width: 280px;
}

#bd-homebottom {
	width: 950px;
}

#bd-homebottom-left
{
	float: left;
	height: 100px;
	margin: 16px 0 0 0;
	width: 300px;
}

#bd-homebottom-center
{
	float: left;
	height: 100px;
	margin: 16px 0 0 25px;
	width: 300px;
}

#bd-homebottom-right
{
	float: left;
	height: 100px;
	margin: 16px 0 0 25px;
	width: 300px;
}

#bd-homebottom-left
{
	background-image: url(/assets/images/callout-title-whychoose.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#bd-homebottom-center
{
	background-image: url(/assets/images/callout-title-industrynews.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#bd-homebottom-right
{
	background-image: url(/assets/images/callout-title-bac.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#bd-bottom {
	width: 950px;
}

#bd-bottom p

{
	text-align: left;
	color: #666;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#bd-bottom p a {text-decoration:none; color: #ef3e42;}

#bd-bottom p a:hover{text-decoration:underline; color: #ef3e42;}

#bd-bottom-left
{
	float: left;
	min-height: 330px;
	margin: 2px 0 0 0;
	width: 180px;
}

#bd-bottom-leftlinks
{
	float: left;
	height: 35px;
	margin: 0 0 0 0;
	width: 179px;
}

#bd-bottom-right
{
	float: left;
	min-height: 330px;
	margin: 0 0 0 25px;
	width: 720px;
	text-align: left;
}

#bd-bottom-left
{
	background-image: url(/assets/images/bkgd-leftside.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#bd-bottom-leftlinks
{
	background-image: url(/assets/images/bkgd-leftsidelinks.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#bd-bottom-right p
{
	text-align: left;
	color: #666;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bd-bottom-right p a {text-decoration:none; color: #ef3e42;}

#bd-bottom-right p a:hover{text-decoration:underline; color: #ef3e42;}

#bd-bottom-leftlinks p

{
	text-align: left;
	margin: 10px 0 0 10px;
	color: #666;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#bd-bottom-leftlinks p a {text-decoration:none; color: #666;}

#bd-bottom-leftlinks p a:hover{text-decoration:none; color: #ef3e42;}

#bd-contact-left
{
	float: left;
	margin: 0 0 0 0;
	width: 340px;
	text-align: left;
}

#bd-contact-right
{
	float: left;
	margin: 0 0 0 40px;
	width: 340px;
	text-align: left;
}

/*===========================================================================*\
    _SECTION_LISTS: Defines the appearance of the lists
\*===========================================================================*/

#ul2
{
	color: #666;
	margin-left: 17px;
	padding-top: 10px;
	padding-left: 6px;
	list-style: none;
	display: inline-block;
	font-size:11px;
	line-height: normal;
}
#ul2 li
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(/assets/images/bullet-red.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
 	line-height: 15px;
}

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

#ul2 li a:hover
{
    color: #ef3e42;
    text-decoration: none;
}	

/* Body Apperance */
#bd
{
	/* border: solid 1px red; */
	background-image: url(/assets/images/bkgd_credstar.gif);
	background-repeat: no-repeat;
}

#bd199
{
	/* border: solid 1px red; */
	background-image: url(/assets/images/bkgd_credstar.gif);
	background-repeat: no-repeat;
}

#bd-main 
{
	/* border: solid 1px blue; */
}

#bd-homebottom-text p
{
	text-align: left;
	color: #333;
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	line-height: 15px;
}

#bd-homebottom-text p a {text-decoration:none; color: #333;}
#bd-homebottom-text p a:active,a:link,a:visited{text-decoration:none; color: #333;}
#bd-homebottom-text p a:hover{text-decoration:underline; color: #ef3e42;}

/*===========================================================================*\
    _SECTION_FOOTER: Defines the structure and appearance of the footer
\*===========================================================================*/
/* Footer Structure */
#ft
{
	width:950px;
	height: 20px;
	text-align: center;
	padding-top: 40px;
}

#ft p

{
	text-align: center;
	color: #999;
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	line-height: 12px;
}

#ft p a:active,a:link,a:visited{text-decoration:none; color: #666;}
#ft p a:hover{text-decoration:underline; color: #666;}



/* Footer Appearance */



/*===========================================================================*\
    PRODUCT BOX STYLES
\*===========================================================================*/

#products-top
	{
		font-size:14px;
		color:#666;
		font-weight:bold;
		margin: 0 0 0 10px;
		
	}
	


/*===========================================================================*\
    _SECTION_MAIN_NAV: Defines the appearance of the navigation
\*===========================================================================*/
/* Main nav structure */

#main-nav
{
	height: 27px;
	margin: 0 0 0 0;
}

#main-nav li
{
	height: 27px;
	display: inline;
}

#nav-home
{
	height: 27px;
	width: 47px;
}

#nav-products 
{
	height: 27px;
	width: 108px;
}

#nav-quality 
{
	height: 27px;
	width: 141px;
}

#nav-industry
{
	height: 27px;
	width: 117px;
}

#nav-about 
{
	height: 27px;
	width: 85px;
}

#nav-contact
{
	height: 27px;
	width: 81px;
}

#nav-links
{
	height: 27px;
	width: 85px;
}


/* Main nav appearance */
#nav-home a:hover
{
	background-image: url(/assets/images/menu/home_over.gif);	
	height: 27px;
	width: 47px;
	
}

#nav-products a:hover
{
	*background-image: url(/assets/images/menu/products_over.gif);
	height: 27px;
	width: 108px;
}

#nav-quality a:hover
{
	*background-image: url(/assets/images/menu/quality_over.gif);
	height: 27px;
	width: 141px;
}

#nav-industry a:hover
{
	*background-image: url(/assets/images/menu/industry_over.gif);
	height: 27px;
	width: 117px;
}

#nav-about a:hover
{
	*background-image: url(/assets/images/menu/about_over.gif);
	height: 27px;
	width: 85px;
}

#nav-contact a:hover
{
	*background-image: url(/assets/images/menu/contact_over.gif);
	height: 27px;
	width: 81px;
}

#nav-links a:hover
{
	*background-image: url(/assets/images/menu/links_over.gif);
	height: 27px;
	width: 85px;
}



/*===========================================================================*\
    BECOME A CUSTOMER STYLES
\*===========================================================================*/

td.itemreq
{
	color: #ff0000;
	font-family: arial,verdana,helvetica;
	font-size: 12px;
}

td.itemlabel 
{
	color: #000;
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	font-weight: bold;
}

td.reqlabel 
{
	color: #333;
	font-family: arial,verdana,helvetica;
	font-size: 12px;
}

/*===========================================================================*\
    _SECTION_TABLES: Styles for tables
\*===========================================================================*/

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

.tbl2 td
{
	color: #666;
	font-size: 12px;
	background-color: #dedede;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:left;
	padding-left: 10px;
}

.tbl2 td.alt
{
	color: #666;
	background-color: #f3f3f3;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:left;
	padding-left: 10px;
}

.tbl2 h4
{
	color: #ef3e42;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
}