sampleCatalog/*----HTML Structural Elements--------------------------------------------------*/
/*
RED: 	#C75439;
BLUE: 	#ABC5DE;
GREEN: 	#B2B754;
YELLOW:	#FCAE17;
*/

html
{
    background: #4C4D4F; /*background MUST be the same as the body tag's background in XHTML*/
    height: 100%;
}

body
{
    /*    background:#E3E2E2 url(images/bgBody.jpg) repeat; */
    background: #4C4D4F;
    padding: 0px;
    height: 100%;
    margin: 0;
    font: 74.5%/150% Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

/*----IE6 Style Fix---------------*/
* html body
{
    margin-bottom: 80px;
}
/**/

/*  img, div { behavior: url(scripts/iepngfix.htc) } */

h1
{
    font-size: 1.5em;
    margin: 0;
    padding: 8px 0 0 0;
}

h2
{
    font: bold 1.5em/125% Georgia, Palatino, 'Times New Roman' , Times, serif;
    border-bottom: 1px solid #aaa;
    color: #FF0001;
    margin: 0 0 0 0;
    padding: 10px 0 3px 0;
    background: #fff;
}

h3
{
    font-size: .9em;
    margin: 1px 0 0 7px;
    padding: 0;
    color: #fff;
}

h4
{
    font-size: .9em;
    margin: 0;
    padding: 0;
    color: #aaa;
}

h5
{
    font-family: arial,verdana,sans-serif;
    font-size: .9em;
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
}



/**----Unordered List Styles--------------------------------------------------*/

ul
{
    margin: 0 0 15px 35px;
    padding: 0;
    font-size: 1.1em;
}

ul li
{
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 150%;
}

ul li ul
{
    margin: 5px 0 5px 30px;
    font-size: 1em;
}

p
{
    font-size: 1em;
    line-height: 160%;
    margin: 0 0 10px 0;
    padding: 7px 0 0 0;
}

p.copyHeading
{
    font-weight: bold;
}

acronym, abbr
{
    cursor: help;
}

a
{
    color: #930;
}

a:hover
{
    color: #cc0000;
}

a.linkButton
{
    font-size: .85em;
    width: 14em;
    margin: 0 0 0 8px;
    padding: 1px 7px;
    text-decoration: underline;
    display: block;
    border: 1px solid #666;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff url(images/bgButton.gif) repeat-x left bottom;
    text-align: center;
    text-decoration: none;
    color: #000066;
}

a.linkButton:hover
{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #fff url(images/bgButtonOver.gif) repeat-x left bottom;
    text-decoration: none;
    color: #990000;
    cursor: pointer;
}

.address
{
    margin: 10px 0 0 13px;
    font-size: .8em;
    line-height: 1.5em;
    font-style: normal;
    color: #4B6581;
}

/**---- COPY STYLES ----------------------------------------------------------*/

.copyDialogWhite
{
    color: #fff;
    font-size: .8em;
    line-height: 1.1em;
}

/**/

/**----Blockquote Styles------------------------------------------------------*/

blockquote
{
    margin: 10px 20px;
    padding: 0;
    border: 1px dotted #ccc;
}

blockquote p
{
    margin: 15px 25px 0 25px;
    font-style: italic;
}

blockquote div.citationSource
{
    margin: 0 0 15px 30px;
    padding-left: 10px;
    background: url(images/bgNavBullet.gif) no-repeat 0 6px;
    font-weight: bold;
    color: #969696;
}

/**/

/**---- treeViewNav Styles ----------------------------------------------*/
.liveHelpMenu ul
{
    position: relative;
    display: inline;
    float: left;
    margin: 22px 5px 5px 7px;
    padding: 5px;
    font-size: 1em;
    font-family: verdana,arial,sans-serif;
    line-height: 1em;
}

.liveHelpMenu ul li
{
    position: relative;
    display: inline;
    float: left;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
    width: 185px;
    color: White;
/*
    background: url(../images/bPlusRed.gif) no-repeat;
*/
}

.liveHelpMenu.plusBlue ul li
{
/*
    background: url(../images/bPlusBlue.gif) no-repeat;
*/
}

.liveHelpMenu.plusGrey ul li
{
/*
    background: url(../images/bPlusGrey.gif) no-repeat;
*/
}

.liveHelpMenu ul li#noSubNav
{
    background: none;
}

.liveHelpMenu ul li a
{
    position: relative;
    display: inline;
    float: left;
    width: 195px;
    color: #fff;
    text-decoration: none;
}

.liveHelpMenu ul li a:hover
{
    color: #aaa;
}

/*---- 2nd Level ----------------*/
.liveHelpMenu ul li ul
{
    margin: 0 0 0 10px;
    padding: 0;
}

.liveHelpMenu ul li ul li
{
    margin: 3px 0 0 0;
    padding: 0;
    background: none;
    width: 160px;
    background: url(../images/bPlusRed.gif) no-repeat;
}

.liveHelpMenu ul li ul li a
{
    float: left;
    width: 130px;
    color: #fff;
    text-decoration: none;
    text-indent: 10px;
    margin: 0;
    padding: 0;
}

.liveHelpMenu ul li ul li a:hover
{
    color: #888;
    margin: 0;
    padding: 0;
}
/*---- 3rd Level ----------------*/

.liveHelpMenu ul li ul li ul li a
{
    font-size: .9em;
    float: left;
    width: 160px;
    border: 0px solid blue;
    text-indent: 10px;
    color: #aaa;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.liveHelpMenu ul li ul li li li a
{
    font-size: .8em;
    text-indent: 14px;
    margin: 0;
    padding: 0;
}


.liveHelpMenu ul.liveHelpNav
{
    position: relative;
    display: inline;
    float: left;
    margin: 0 5px 5px 7px;
    padding: 5px;
    font-size: .9em;
    font-family: verdana,arial,sans-serif;
    line-height: 1em;
}

.liveHelpMenu ul.liveHelpNav li
{
    position: relative;
    display: inline;
    float: left;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
    width: 125px;
    background: url(../images/bPlusWhite.gif) no-repeat;
}

.liveHelpMenu ul.liveHelpNav li#noSubNav
{
    background: none;
}

.liveHelpMenu ul.liveHelpNav li a
{
    position: relative;
    display: inline;
    float: left;
    width: 125px;
    color: #fff;
    text-decoration: none;
}

.liveHelpMenu ul.liveHelpNav li a:hover
{
    color: #aaa;
}

.liveHelpMenu ul.liveHelpNav li ul
{
    margin: 0 0 0 10px;
    padding: 0;
}

.liveHelpMenu ul.liveHelpNav li ul li
{
    margin: 3px 0 0 0;
    padding: 0;
    background: none;
    width: 112px;
}

.liveHelpMenu ul.liveHelpNav li ul li a
{
    float: left;
    width: 112px;
    color: #aaa;
    text-decoration: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.liveHelpMenu ul.liveHelpNav li ul li a:hover
{
    color: #888;
    margin: 0;
    padding: 0;
}

/**/

/**----Definition List Styles--------------------------------------------------*/

dl
{
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
}

dl dt
{
}

dl dd
{
    margin-left: 0px;
}


/**/


input
{
    height: 13px;
    width: 170px;
    font-size: .9em;
}

input.rl
{
    height: 13px;
    width: 107px;
    font-size: .9em;
}

.filterButton
{
    float:right; 
    margin-right: 64px; 
    width: 40px; 
    height: 19px;
}

.loginButtons
{
    position: relative;
    float: right;
    display: inline;
    margin: 0 15px 0 0;
}

.registerPanel
{
    position: relative;
    float: left;
    display: inline;
    margin: 0;
}

input.submitButton
{
    margin: 0;
    padding: 0;
    height: 17px;
    width: 54px;
    border: none;
    background: none;
    color: #fff;
    font-size: 1em;
    cursor : pointer ;
}

input.forgotPasswordButton
{
    margin: 0 23px 0 0;
    padding: 0;
    width: 108px;
    height: 17px;
    border: none;
    background: none;
    color: #fff;
    font-size: 1em;
    cursor : pointer;
}

input.registerButton
{
    margin: 0 0 0 10px;
    padding: 0;
    width: 54px;
    height: 17px;
    border: none;
    background: none;
    color: #fff;
    font-size: 1em;
    cursor : pointer ;
}

label
{
    color: #fff;
    font-size: .9em;
}


/**/

/*----Page Structural Elements/Wraps--------------------------------------------*/

.parentWrap
{
    background: #4C4D4F;
    width: 986px;
    min-height: 840px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    margin-bottom: 60px;
    border: 0px solid #0000ff;
    z-index: 0;
}

.contentWrap
{
    float: left;
    width: 100%;
    margin: 0;
    height: 655px;
    border: 0px solid #00ff00;
    background: #000 url(../images/bgHome.jpg) 14px 14px no-repeat;
    z-index: 1;
}

.contentPanel
{
    margin: 14px 0 0 14px;
    background: none;
    border: 0px solid #ff0000;
    width: 958px;
    height: 626px;
    z-index: 2;
}

/*----IE6 Style Fix---------------*/
*:first-child + html .innerContentSection
{
    margin-top: -13px;
}
/**/

/**/
/*----Header Section------------------------------------------------------------*/

.header
{
    background: #4C4D4F;
    width: 100%;
    height: 110px;
    margin: 0;
    padding: 0;
    z-index: auto;
}

#logo
{
    border: 0;
    margin: 0;
    float: left;
    z-index: 2;
}

/**/

/*----Nav Section---------------------------------------------------------------*/

a.aSkipNav
{
    position: absolute;
    left: -1000em;
    width: 20em;
}

/*----SubNav Section-------------------------------------------------------*/

.subnav
{
	clear: right;
    float: right;
    display: inline;
    margin: 38px 0 0 0;
    padding: 0;
    background: url(../images/bgSubnav.gif) no-repeat;
    width: 246px;
    height: 20px;
    z-index: auto;
}

/*----IE6 Style Fix---------------*/
* html .subnav
{
    margin-right: -38px;
}
/**/

.subnav ul
{
    float: left;
    display: inline;
    width: 94%;
    margin: 0 3%;
    padding: 0;
    list-style-type: none;
    clear: both;
}

.subnav ul li
{
    float: left;
    display: inline;
    padding: 0;
    margin: 1px 0 0 0;
    width: auto;
}

.subnav ul li.login
{
    margin-left: 38px;
}

/*----IE6 Style Fix---------------*/
* html .subnav ul li.login
{
    margin-left: 22px;
}
/**/

.subnav ul li.search
{
    margin-left: 85px;
}

.subnav ul li.support
{
    margin-left: 75px;
}

.subnav ul li a
{
    display: block;
    padding: 3px 0 7px 0;
    margin: 0;
    color: #ccc;
    text-decoration: none;
    text-align: center;
    font-family: verdana, lucida, sans-serif;
    font-size: .8em;
    line-height: 1em;
}

.subnav ul li a:hover
{
    color: #fff;
}

.subnav ul li#activePage a
{
    color: #000;
}
/*    
    .subnav a:active{
      background: #fff;
    }
    
    .subnav ul li#active a{
      background: #EEEEEE;
      border-bottom: 1px solid #AFB0B0;
    } */

/**/

/**----Main Nav Section--------------------------------------------------------*/

.nav
{
    position: absolute;
    float: left;
    display: inline;
    width: 960px;
    height: 26px;
    background: url(../images/bgNav.gif) no-repeat;
    margin: 0 0 0 14px;
    padding: 0;
    z-index: 20;
}


.navNotLoggedIn
{
    background-position: -87px 0px;
}

.nav ul
{
    float: left;
    display: inline;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    list-style-type: none;
    clear: both;
    z-index: 20;
}

.nav ul li
{
    float: left;
    display: inline;
    margin: 0 2px 0 2px;
    padding: 0;
}

.nav ul li.product
{
    margin: 0 2px 0 0;
    border-top: 4px solid #C75439;
}

.nav ul li.galleries
{
    border-top: 4px solid #ABC5DE;
}

.nav ul li.repLocator
{
    border-top: 4px solid #B2B754;
}

.nav ul li.aboutUs
{
    border-top: 4px solid #FCAE17;
}

.nav ul li.myEfco
{
    border-top: 4px solid #939598;
}

.nav ul li a
{
    display: block;
    width: 85px;
    padding: 3px 0 5px 0;
    margin: 0;
    color: #838B94;
    text-decoration: none;
    text-align: center;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , verdana, lucida, sans-serif;
    font-size: .9em;
    line-height: 1em;
}

.nav ul li a:hover
{
    color: #fff;
    text-decoration: none;
}

.nav ul li.product a
{
    color: #C75439;
}

.nav ul li.product a:hover
{
    color: #fff;
    background: #C75439;
}

.nav ul li.galleries a
{
    color: #ABC5DE;
}

.nav ul li.galleries a:hover
{
    color: #fff;
    background: #ABC5DE;
}

.nav ul li.repLocator a
{
    color: #B2B754;
}

.nav ul li.repLocator a:hover
{
    color: #fff;
    background: #B2B754;
}

.nav ul li.aboutUs a
{
    width: 185px;
    color: #FCAE17;
}

.nav ul li.aboutUs a:hover
{
    color: #fff;
    background: #FCAE17;
}

.nav ul li.myEfco a
{
    color: #939598;
}

.nav ul li.myEfco a:hover
{
    color: #fff;
    background: #939598;
}

/**/

/**----Footer Nav Section--------------------------------------------------------*/

.footerNav
{
    position: absolute;
    float: right;
    display: block;
    margin: -12px 0 0 412px;
    padding: 0;
    background: url(../images/bgNavFooter.gif) no-repeat;
    width: 564px;
    height: 20px;
    z-index: 3;
}

.footerNav ul
{
    float: right;
    display: inline;
    width: 96%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    z-index: 4;
}

.footerNav ul li
{
    float: left;
    display: inline;
    padding: 0;
    margin: 1px 0 0 0;
    width: auto;
}

.footerNav ul li.first
{
    margin-left: 0px;
}

.footerNav ul li a
{
    display: block;
    padding: 6px 9px 6px 9px;
    margin: 0;
    color: #aaa;
    text-decoration: none;
    text-align: center;
    font-family: verdana, lucida, sans-serif;
    font-size: .8em;
    line-height: 1em;
}

.footerNav ul li a:hover
{
    color: #fff;
}


/**/

/**/

/*---- LOGIN PAGE ----------------------------*/

.loginBox
{
    position: absolute;
    width: 210px;
    height: 120px;
    background: #333;
    margin: 14px 0 0 740px;
/*
    filter: alpha(opacity=80); /* IE's opacity*/
/*
    -moz-opacity: .80;
    opacity: .80;
*/
    z-index: 50;
}

.adminLoginBox
{
    width: 210px;
    height: 120px;
    background: #333;
    margin: 14px 0 0 612px;
    filter: alpha(opacity=80); /* IE's opacity*/
    -moz-opacity: .80;
    opacity: .80;
    z-index: 50;
}

.forgotPasswordBox
{
    position: absolute;
    width: 210px;
    height: 88px;
    background: #333;
    margin: 138px 0 0 612px;
/*
    filter: alpha(opacity=80); /* IE's opacity*/
/*
    -moz-opacity: .80;
    opacity: .80;
*/
}

/**/

/**---- SEARCH PAGE ----------------------------------**/

.searchBox
{
    position: absolute;
    width: 200px;
    height: 50px;
    background: #333;
    margin: 14px 0 0 772px;
/*
    filter: alpha(opacity=80); /* IE's opacity*/
/*
    -moz-opacity: .80;
    opacity: .80;
*/
    padding-top: 10px;
    z-index: 100;
}

/**/

/**---- LIVE HELP PAGE ----------------------------------**/

.liveHelp
{
    position: absolute;
    background: #333;
    width: 160px;
    height: 170px;
    margin: 14px 0 0 812px;
    padding: 0;
    z-index: 100;
    filter: alpha(opacity=100); /* IE's opacity*/
    -moz-opacity: 1;
    opacity: 1;
}

.liveHelpChat
{
    position: absolute;
    background: url(../images/bgLiveHelp.gif) no-repeat;
    width: 224px;
    height: 376px;
    margin: 44px 0 0 710px;
    padding: 0;
    filter: alpha(opacity=95); /* IE's opacity*/
    -moz-opacity: .95;
    opacity: .95;
    z-index: 100;
}

.liveHelpChatContent
{
    padding: 0 12px 0 12px;
    border: 1px solid red;
}

.liveChatText
{
    background: #fff;
    margin: 1px;
    padding: 3px 2px 3px 2px;
    font-size: .9em;
    line-height: 1.4em;
    height: 180px;
}

.liveChatTextEntry
{
    background: #fff;
    margin: 1px;
    padding: 3px 2px 3px 2px;
    font-size: .9em;
    line-height: 1.4em;
    height: 50px;
}

/**/


.productContent
{
    width: 887px;
    height: 100%;
    background: #555;
    margin: 0 0 0 14px;
    filter: alpha(opacity=80); /* IE's opacity*/
    -moz-opacity: .80;
    opacity: .80;
}

.treeViewBlock
{
    display: inline;
    float: left;
    width: 196px;
    height: 627px;
    background: none;
    padding: 5px 0 0 3px;
    margin: 10px 0 0 0;
    overflow: hidden;
}

ul.accordion
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.accordion li
{
    float: left; /*  display: block; */
}

ul.accordion li a
{
    /*  display: block; */
    height: 613px;
    width: 14px;
    float: left;
    border: 0px solid blue;
}

ul.accordion li img
{
    position: absolute;
    border: 3px solid #881212;
}


ul.accordion li div
{
    float: left;
    margin: 15px 0 5px 5px;
    padding: 0;
    margin: 0;
    border: 0px solid red;
    width: 916px;
    height: 598px;
}

div.inactive
{
    display: none;
}

ul.accordion li.clearBg
{
    background: none;
}


.contentBlock
{
    position: relative;
    display: inline;
    float: left;
    width: 655px;
    height: 570px;
    background: none;
    padding: 0px;
    margin: 25px 0 0 5px;
    filter: alpha(opacity=75); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.contentBlock p
{
    color: #fff;
    padding: 4px 0 0 7px;
    margin: 0;
    font-size: .9em;
}


/*---- PRODUCT PAGE ------------------------------------*/

.generalInfoDialog.product
{
    margin: 20px 0 0 0px;
}

.generalInfoDialog.product #btmTab
{
    width: 625px;
    margin: 0;
    padding: 0;
	background:#E9EAEC;
}

.topTab
{
    margin: 0;
    padding: 0;
    text-align: left; 
    filter: alpha(opacity=96);         /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

/*
*/
/*.btmTab
{
    position: relative;
    display: inline;
    float: left;
    width: 630px;
    height: 546px;
    background: #222;
    padding: 0px;
    margin: 0 0 0 0;
    filter: alpha(opacity=96); */      /* IE's opacity*/
/*    -moz-opacity: .96;
    opacity: .96;
}*/
/*
.productImages
{
    position: relative;
    display: inline;
    float: left;
    width: 285px;
    height: 340px;
    background: #FFF;
    padding: 0;
    margin: 0 7px 0 0;
}

.productImages img
{
    margin: 7px;
    padding: 0;
}

.productInfo
{
    position: relative;
    display: inline;
    float: left;
    width: 304px;
    height: 322px;
    background: #FFF;
    padding: 0;
    margin: 0 0 0 0;
	text-align:left;
    font-size: .9em;
    font-family: arial,verdana,sans-serif;
}

.productInfo p
{
    margin: 10px 0px 0 25px;
    padding: 0;
}

.productInfo dl
{
    font-size: .9em;
    font-family: arial,verdana,sans-serif;
    margin: 20px 5px 0 25px;
}

.productInfo dl dt
{
    color: #fff;
}

.productInfo dl dd
{
    color: #555;
    margin: 0 0 10px 0;
}

.prodFeaturesNav{
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 8px 0 8px;
}

.prodFeaturesNav.active{
	background:#fff;
}

.prodFeaturesNav.active a{
	color:#C75439;
}

.prodFeaturesNav a{
	font-size:11px;
	text-decoration:none;
	color:#000;
}

.prodFeaturesNav a:hover{
	color:#C75439;
}

.productDetails
{
    position: relative;
    display: inline;
    float: left;
    width: 605px;
    height: 165px;
    background: #E9EAEC;
    padding: 0;
    margin:7px 0 0 0;
}

.productDetails .prodCAD {
	width:605px;
	height:125px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	background:#fff;
	text-align:left;
}

.prodDetailNav{
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 8px 0 8px;
}

.prodDetailNav.active{
	background:#fff;
}

.prodDetailNav.active a{
	color:#C75439;
}

.prodDetailNav a{
	font-size:11px;
	text-decoration:none;
	color:#000;
}

.prodDetailNav a:hover{
	color:#C75439;
}

.prodRightEdge{
	position:relative;
	display:inline;
	float:left;
	height:18px;
	width:12px;
	background:#fff url(../images/bgProdRightEdge.gif) no-repeat;
}
*/

/**/

.div_maincontent {
     width: auto;
     height: auto;
     text-align: left;
}

.dialogContent img#employment
{
    float: left;
    display: inline;
    position: relative;
    padding: 10px 15px 150px 0;
}


.generalInfoDialog.myEfco
{
    margin: 20px 0 0 0px;
}

.generalInfoDialog.myEfco .btmTab
{
    width: 610px;
    height: 500px;
    padding: 0;
}

.generalInfoDialog.myEfco .btmTab h3
{
    padding: 4px 0 4px 0;
    margin: 0 0 0 2px; /*	background:url(../images/bgTabGrey.gif) -130px 0 no-repeat;*/
}

.generalInfoDialog h3, .internalDialog h3
{
    font-size: 12px;
    color: #555;
    padding: 4px 0 0 6px;
}

.generalInfoDialog h4, .internalDialog h4
{
    color: #555;
    padding: 3px 0 0 0;
}

.generalInfoDialog p, .internalDialog p
{
    font-size: .9em;
    line-height: 1.2em;
    color: #555;
}

.generalInfoDialog ul, .internalDialog ul
{
    margin: 0 0 15px 35px;
    padding: 0;
    font-size: .8em;
    list-style: none;
    color: #555;
}

.generalInfoDialog ul li, .internalDialog ul li
{
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 120%;
}


.generalInfoDialog.payments
{
    margin: 30px 0 0 70px;
}

.generalInfoDialog.payments #btmTab
{
    width: 760px;
    height: 522px;
    padding: 0;
}

.payments .topTab
{
    margin: 0;
    padding: 0;
    background: url(../images/bgTab.gif) -200px 0 no-repeat;
    height: 24px;
    border: 0px solid red;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}
/*
.payments .btmTab{
	width:640px;
	height:522px;
	padding:10px;
}
*/
.payments h3
{
    padding: 5px 0 0 4px;
}

.payments p
{
    font-size: .9em;
    line-height: 1.2em;
}


.formBackground p
{
    margin: 10px 0 0 10px;
}

fieldset
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 290px;
    margin-top: 10px;
}

fieldset dd
{
    margin-bottom: 10px;
}

fieldset .btnSubmit
{
    width: 68px;
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
}

.faqQuestion
{
    background: #075B86;
    width: 95%;
    margin: 0 0 7px 0;
    padding: 3px;
    color: #fff;
    font-family: Arial,Helvetica,Sans-Serif;
}

.faqQuestion.faqActive
{
    background: #629ABB;
}

.faqAnswer
{
    width: 90%;
    margin: 0 0 15px 20px;
    font-family: Arial,Helvetica,Sans-Serif;
}



/** ----------  My Efco Dashboard  -------------*/

.dashboard
{
    margin: 0 0 10px 0;
    border-bottom: 2px solid #1A6183;
    padding: 7px 7px 0 7px;
    padding-top: 0;
    background: url(../images/bgDashboard.gif) no-repeat;
}

.dashboard table
{
    width: 100%;
    border: 0px solid #000;
    margin: 5px 0 0 0;
}

.dashboard table th
{
    background: #075B87;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding: 2px;
}

.dashboard table th#blueBG2
{
    background: #3082AC;
}
.dashboard table th#blueBG3
{
    background: #6EADCE;
}

.dashboard table tr td
{
    background: #e0e0e0;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
}

.dashboardSearch
{
    position: absolute;
    display: inline;
    float: left;
    top: 1px;
    left: 240px;
    color: #fff;
}

.dashboardShowAll
{
    position: relative;
    display: inline;
    float: right;
    color: #fff;
    border: 0px solid #000;
    margin: -23px 0 0 0;
}

/**/

table.sampleCatalog
{
    width: 100%;
    border: 0px solid black;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 0px;
}

table.sampleCatalog td
{
    padding: 3px;
}

table.sampleCatalog tr#evenRow
{
    padding: 0;
    margin: 0;
    background: #ccc;
}

/**/

/*---- REGISTRATION PAGE ------------------------------*/
.pmarginstyle
{
    margin: 0 0 0 0;
}
.div_marginstyle
{
    margin: 10px 0 0 10px;
    text-align: left; 
}

.div_marginstyle label
{
    font-family: Arial, MS Sans Serif;
    font-size: 11px;
    color: Black;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 4px;
}


span.radio input
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 15px;
    height: 15px;
    text-align: left;
    vertical-align: top;
    background-color: Transparent;
}

/*
input.radio
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 15px;
    height: 15px;
    text-align: left;
    vertical-align: top;
    background-color: Transparent;
}
*/


.texttop
{
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 4px;
}
.div_btmTab
{
    position: relative;
    display: inline;
    float: left;
    width: 630px;
    height: 546px;
    background: #222;
    padding: 0px;
    margin: 0 0 0 0;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}
.registration .topTab
{
    margin: 0;
    padding: 0;
    background: url(../images/bgTab.gif) -200px 0 no-repeat;
    height: 24px;
    border: 0px solid red;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}
.registration .div_btmTab
{
    width: 750px;
    height: 545px;
    padding: 10px;
}
.generalInfoDialog.registration
{
    margin: 30px 0 0 130px;
    width: 800px; 
}
.generalInfoDialog.registration .flexcroll
{
    width: 750px;
    height: 522px;
    padding: 0;
}
.registration h3
{
    padding: 5px 0 0 4px;
}
.registration p
{
    font-size: .9em;
    line-height: 1.2em;
}
.formBackground
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 570px;
    min-height: 300px;
    padding:0 0 10px 0;
}
.div_formBackground
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 100%;
    min-height: 545px;
}
.requiredFields
{
    position: relative;
    display: inline;
    float: left;
    width: 620px;
    padding: 0 10px 0 0;
    background: #fff;
}
.requiredFields p
{
    float: right;
    color: #ff0000;
}
.div_requiredFields
{
    position: relative;
    display: inline;
    float: left;
    width: 540px;
    padding: 0 10px 0 0;
    background: #fff;
    margin: 0 0 0 0;
}
.div_requiredFields p
{
    float: right;
    color: #ff0000;
    margin: 0 0 0 0;
}
fieldset.full
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 650px;
    margin: 0 10px 0 10px;
    padding: 0 10px 0 10px;
    height: 155px;
}
fieldset.div_full
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 650px;
    margin: 5px 10px 0 10px;
    padding: 0 10px 0 10px;
    height: 160px;
}
.div_column330
{
    width: 380px;
    height: 165px;
    margin-top: 25px;
}
.comments
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    width: 660px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.smallfont
{
    font-size: 12px;
}
fieldset
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 330px;
    margin: 10px 0 0 0px;
    padding: 10px 0 0 10px;
    height: 240px;
}
fieldset.resize
{
    position: relative;
    float: left;
    display: inline;
    border: none;
    background: #fff;
    width: 330px;
    margin: 10px 0 0 0px;
    padding: 10px 0 0 10px;
    height: 235px;
}
fieldset.leftSide
{
    margin-left: 10px;
}
fieldset dl
{
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    border: 0px solid green;
}
fieldset dl dt
{
    position: relative;
    float: left;
    display: inline;
    width: 140px;
    border: 0px solid pink;
    margin-bottom: 5px;
}
fieldset dl dt.required
{
    color: #ff0000;
}
fieldset dl dd
{
    position: relative;
    float: left;
    display: inline;
    width: 220px;
    border: 1px solid #fff;
    margin-bottom: 5px;
}
fieldset dl dd input, select
{
    background: #ddd;
    border: none;
    font-size: 12px;
}
.dtclass
{
    background: #ddd;
    border: none;
}
select.longfield
{
    width: 172px;
}

.btnSubmit
{
    margin: 1px 0 0 165px;
    padding: 0;
    font-size: .8em;
    font-weight: bold;
}

.btnSubmit a
{
    text-decoration: none;
    color: #FCAE17;
}

fieldset .btnSubmit
{
    width: 68px;
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
}

fieldset .btnContinue
{
    width: 68px;
    height: 26px;
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
}
/**/

.btmTabNew{
    position: relative;
    display: inline;
    float: left;
    width: 630px;
    height: 552px;
    background: #222;
    padding: 0px;
    margin: 0 0 0 0;
    filter: alpha(opacity=96);/* IE's opacity*/
    border: 8px solid #E9EAEC;
}

.btmTabNew .flexcroll
{
    width: 606px;
    height: 512px;
    background: #fff;
    overflow: auto;
	border:none;
    padding: 10px 16px 10px 8px;
}

.scrollSpacer{
	height:10px;
	width:630px;
	background:#fff url(../images/bgScrollbarDiv.gif) no-repeat;
}

.scrollSpacer2{
	height:30px;
	width:622px;
	background:#fff url(../images/bgScrollbarDiv.gif) repeat-y;
	padding-left:8px;
}

.generalInfoDialog
{
    position: absolute;
    margin: 30px 0 0 240px;
    z-index: 50;
}

.generalInfoDialog .topTab
{
    margin: 0;
    padding: 0 0 0 0;
    background: url(../images/bgTabGrey.gif) right top no-repeat;
    height: 24px;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}



/* Doug's Dialog Styles */
/********************************************************************************************/

.floatingDialog
{
    position: absolute;
    margin: 145px 0 0 290px;
    padding: 0;
    vertical-align: top; 
    z-index: 50;
}

.dialogStyle
{
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
    background: transparent; /* required for IE 6 */
}

.dialogContainer
{
    height: 585px; 
    width: 670px; 
    top: 0px; 
    margin: -5px 0 0 0; 
    padding: 0 0 0 6px; 
    vertical-align: top; 
}

.dialogButtons
{
    display: inline;
    float: left;
    width: 30px;
    margin: 6px 6px 0 8px;
}

.dialogButtons
{
    float: left;
    width: 33px;
    height: 24px;
    padding: 0 6px 0 6px;
    margin: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.dialogButton
{
    height: 13px;
    width: 13px;
    border: none;
    margin: 6px 0 0 0;
    cursor : pointer;
}

.topTab, .topTabRight
{
    height: 24px;
    overflow: hidden;
 /*   margin-bottom: 21px; */
}

/*.dialogBody { margin-top: 24px; }*/

.topTab
{
    float: left;
    position: relative;
    display: inline;
}

.topTab .dialogButtons
{
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.white .topTab .dialogButtons
{
    background-color: #D9DADC;
}

.black .topTab .dialogButtons
{
    background-color: #333;
}

.tabContent
{
    margin: 0;
    padding: 5px 10px 0 4px;
    text-align: left;
    height: 19px;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    color: #000;
    max-width: 70%;
    overflow: hidden;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
    cursor: default;
    cursor: pointer;
}

.topTab .tabContent
{
    float: left;
}

.white .topTab .tabContent
{
    background-color: #D9DADC;
}

.black .topTab .tabContent
{
    background-color: #333;
    color: #DFDFDF;
}


.topTab .rightEdge 
{
    margin: 0;
    float: left;
    height: 24px;
    width: 28px;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.white .topTab .rightEdge 
{
    background: url(../images/bgLightTabRight.gif) 0px 0px no-repeat;
}

 .black .topTab .rightEdge
{
    background: url(../images/bgDarkTabRight.gif) 0px 0px no-repeat;
}

.topTabRight
{
    float: right;
    position: relative;
    display: inline;
    margin-right: 8px;
}

.topTabRight .dialogButtons
{
    float: right;
    clear: both;
    width: 33px;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.white .topTabRight .dialogButtons
{
    background-color: #D9DADC;
}

.black .topTabRight .dialogButtons
{
    background-color: #333;
}

.topTabRight .tabContent
{
    float: right;
    max-width: 70%;
}

.white .topTabRight .tabContent
{
    background-color: #D9DADC;
}

.black .topTabRight .tabContent
{
    background-color: #333333;
    color: #DFDFDF;
}

.white .topTabRight .leftEdge
{
    margin: 0;
    float: right;
    height: 24px;
    width: 28px;
    filter: alpha(opacity=96); /* IE's opacity*/
    -moz-opacity: .96;
    opacity: .96;
}

.white .topTabRight .leftEdge
{
    background: url(../images/bgLightTabLeft.gif) 0px 0px no-repeat;
}

.black .topTabRight .leftEdge
{
    background: url(../images/bgDarkTabLeft.gif) 0px 0px no-repeat;
}

.dialogBody
{
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
/*
    filter: alpha(opacity=96); /* IE's opacity*/
/*
    -moz-opacity: .96;
    opacity: .96;
*/
}

.white .dialogBody
{
    border: 8px solid #D9DADC;
    background-color: #E9EAEC;
}

.black .dialogBody
{
    border: 8px solid #222222;
    background-color: #333333;
}


/****************************   Styles for "Accordion" Bars & Sliding effects  ****************************************/
        .leftHandBar { float: left; margin: 0; padding: 0; width: 14px; height: 627px; }
        .rightHandBar { float: left; margin: 0; padding: 0; width: 14px; height: 627px; }
        .leftHandBar a { display: block; height: 627px; width: 14px; }
        .rightHandBar a { display: block; height: 627px; width: 14px; }
        .contentBackgroundRed { background-position: -14px 0px; }
        .contentBackgroundBlue { background-position: -28px 0px; }
        .contentBackgroundGreen { background-position: -42px 0px; }
        .contentBackgroundYellow { background-position: -56px 0px; }
        .contentBackgroundBarGray { background-position: -70px 0px; }
        .inactive { display: none; }
        .barContent { float: left; }
        .innerContent { float: left; height: 627px; width: 655px; overflow: hidden; padding-top: 25px; }
        .innerContentFull { float: left; height: 627px; width: 874px; overflow: hidden; padding-top: 25px; }
        .mainContainer { width: 958px; height: 627px; overflow: hidden; background-repeat: no-repeat; }
        .slideOutContainer { float: left; display: inline; }
        .contentContainer { float: left; display: inline; overflow: hidden; height: 627px; background: #444; filter: alpha(opacity=96); /* IE's opacity*/ -moz-opacity: .96; opacity: .96; }
        .red { background-color: #C75439; }
        .blue { background-color: #ABC5DE; }
        .green { background-color: #B2B754; }
        .yellow { background-color: #FCAE17; }
        .bargray { background-color: #808080; }
        .backgroundPreloader { width: 0px; height: 0px; position: absolute; z-index: 0; }
/**************************** Styles for new aspx dialog box control ************************************/
#mainwrapper {
  width: auto;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
}

h4.hfour_style{
  font-size: 1.0em; 
  color: Black;
}

/**************************** Styles for Search Results page ***************************************/

#SRmainwrapper {
  width: auto;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
}

h4.SRhfour_style{
  font-size: 1.0em; 
  color: Black;
  margin: 10px 0 1px 0;
}

.SRmarg_2_top {
  margin: 2px 0 0 0;
}

/****************************   Styles for Telerik TreeView ****************************************/
        /* jjmc - 3/16/2009 - added */
        .RadTreeView { color: #fff; width: 196px; height: 602px; overflow: auto; }
        .RadTreeView a { color: #fff; }        
        .RadTreeView li { padding: 0; margin: 0 0 0 0; font-size: 10px; }
        .RadTreeView li span,
        .RadTreeView li span.rtSp { cursor: pointer;  }
        .RadTreeView li span.rtSp { display: none; } /* this was getting mixed in with the text in IE7, so it was not letting the text display the pointer cursor at some points */
        .RadTreeView .rtDisabled, .RadTreeView .rtDisabled span { cursor: default; }
        
        
        .RadTreeView_Red .vscrollerbarbeg { background-image: url(../images/vscroller-red.gif); }
        .RadTreeView_Red .vscrollerbarend { background-image: url(../images/vscroller-red.gif); }

        .RadTreeView_Blue .vscrollerbarbeg { background-image: url(../images/vscroller-lightblue.gif); }
        .RadTreeView_Blue .vscrollerbarend { background-image: url(../images/vscroller-lightblue.gif); }

        .RadTreeView_Green .vscrollerbarbeg { background-image: url(../images/vscroller-green.gif); }
        .RadTreeView_Green .vscrollerbarend { background-image: url(../images/vscroller-green.gif); }

        .RadTreeView_Yellow .vscrollerbarbeg { background-image: url(../images/vscroller-yellow.gif); }
        .RadTreeView_Yellow .vscrollerbarend { background-image: url(../images/vscroller-yellow.gif); }

        .RadTreeView_BarGray .vscrollerbarbeg { background-image: url(../images/vscroller-gray.gif); }
        .RadTreeView_BarGray .vscrollerbarend { background-image: url(../images/vscroller-gray.gif); }

/****************************   Styles to hide IFrame focus box ****************************************/
        iframe:focus, .iFrame:focus, body:focus, iframe:active, .iFrame:active, body:active { -moz-outline-style: none; outline:expression(hideFocus='true'); outline: 0; }

/****************************   Unused Styles? ****************************************/
        .offScreen { top: -15000px; left: -15000px; position: absolute; display: block; height: 10000px; width: 10000px; }
        .hidden { visibility: hidden; }



.dialogStyle#modalDialog.productContentDetailsDialog { height: 500px; width: 600px; }
.dialogStyle#modalDialog.productContentDetailsDialog .dialogBody { height: 440px; width: 565px; }

.submittalPackageContentDialog input, .productContentDetailsDialog input { width: auto; }
.submittalPackageContentDialog label, .productContentDetailsDialog label,
.submittalPackageContentDialog a
 { color: #000; text-decoration: none;  }

.xtherm
{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding:0px 0px 0px 0px;
}

.image_ChatWithSupport
{
    position:relative;
    float:right;
    display:inline;
    margin-top:10px;
}
/* CAD - 04/08/2009 - added */
table.tbl_store tr.storeEvenRow
{
	background: #ccc;
}

table.tbl_store td
{
	font-size: 10px;
	text-align: center;
	padding: 5px 5px 10px 5px;
	vertical-align: top;
}


/**/


.inputErrorHint,
#MyEFCO_PDR .inputErrorHint,
#MyEFCO_FSR .inputErrorHint,
table.formElements td .inputErrorHint { background-color: #F6D301; } /* #F6D301 matches the yellow in the alert dialog box that radwindow displays */
div.radwindow_Black h4 { color: #000; font-weight: bold; }
div.radwindow_Black table.titlebarcontrols em { color: #fff !important; } /* the title bar in the radwindow popup dialog */

.dialogStyle h1 { color: #000; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #fff; margin: .3em 0 1em 0; }
.dialogStyle h2 { color: #000; background-color: Transparent; font-size: 1em; font-weight: bold; margin: .2em 0; border: none; }

.productContentDetailsDialog .productDetailsElevations { padding: 15px; border: 8px solid #fff; margin: 3px 0 10px 0; }
.productContentDetailsDialog .productDetailsElevations .productDetailsElevationLinks { margin-left: 15px; }
.productContentDetailsDialog .productDetailsElevations .productDetailsElevationLinks div { margin: 5px 0; }
.productContentDetailsDialog a { color: #00f; text-decoration: none; }

h1.fsrHeader { padding-top: 10px; margin: 10px 5px 20px 5px; }
th.fsrListHeader, td.fsrListHeader { font-size: 12px; }

.fsrList th, .fsrList td { vertical-align: top; }
.fsrList table { empty-cells: show; }







/***************************************** styles for the content pages - including scrolling ****************************************************/
/********************************************** THIS SHOULD REMAIN AT THE BOTTOM OF THIS FILE ****************************************************/
      body
      {
          padding: 10px 8px 10px 8px;
          color: #000000;
      }
        
      body.scrolling
      {
          padding: 10px 2px 10px 8px;
      }
        
      body.white
      {
          background-color: #E9EAEC;           
      }
      
      body.black
      {
          background-color: #333333; 
      }
      
      .dialogContent
      {
          margin: 0;
          padding: 0;
          overflow: auto;
      }
      
      .dialogContent.scrolling
      {
          padding-right: 10px;
      }
      
/*  DKH 4/1/2009, removing right border on scrolled content...
      body.white .mcontentwrapper.scrolling
      {
          border-right: 2px solid #D9DADC; *//*E9EAEC;*/
/*
      }
      
      body.black .mcontentwrapper.scrolling
      {
          border-right: 2px solid #333333;
      }
*/
      .topContent
      {
          padding: 0 8px 5px 8px;
          margin: -11px -2px 10px -8px;
      }

      .white .topContent
      {
          background-color: #D9DADC;
      }

      .black .topContent
      {
          background-color: #333333;
          color: #DFDFDF;
      }

      .white .nonScrollingContent
      {
          background-color: #E9EAEC;
      }

      .black .nonScrollingContent
      {
          background-color: #333333;
          color: #DFDFDF;
      }

      .feature
      {
          font-weight: bold;
          font-size:  12px;
      }


      .benefit
      {
          font-style: italic;
      } 


     
        /* TERMS AND CONDITIONS */
        .termsTable {
            border: solid 3px black;
            width: 500px;
            text-align: center;
            margin: 10px 0px 10px 31px;
        }
        .termsTable td.Header {
            font-weight: bold;
            border-bottom: solid 3px black;
        }
        .termsTable td {
            border: solid 1px white;
            padding:5px;
        }
        
        
        /* SUSTAINABLITY */
        .imageList {
            list-style: none;
            clear: both;
            display: block;
            float:none;
        }
        .imageList li {
            display: block;
            float:left;
        }
      
/******************************************* PUT NEW STYLES ABOVE THIS BLOCK *************************************/
/*****************************************************************************************************************/