body {background: #eee url(../../images/encyclopedia/bg-home-body.jpg) repeat-x; color: #333;}
#wrap {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 455px; position: relative; z-index: 9999;}
#header h1 a {background: url(../../images/logo.png) no-repeat; width:91px; height: 43px; margin: 11px 0 0 8px; display: block; float: left; color:#CCA90D; padding:8px 0px 0px 83px; font-size:.7em;}
#header h1 a:hover {text-decoration:none;}
#header a#skypeBubble {background: url(../../images/icon-skype-bubble.png) no-repeat; width: 35px; height: 35px; top: 0px; left: 176px; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#header a#skypeBubble:hover {background-position: 0 -35px;}
#header p.utility {color: #bcd; margin: 8px 8px 0 0; font-size: 1.2em; font-weight: bold; text-align: right; float: right;}
#header p.utility span {color: #457; padding: 0 5px 0 0; text-transform: uppercase;}
#header p.utility a {color: #bcd; padding: 0 3px;}
#header p.utility a:hover {color: #fff;}
#header ul#siteNav {width: 643px; height: 74px; margin: 0 0 25px 320px; top: 23px; position: relative; z-index: 9999;}
#header ul#siteNav li {height: 47px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#siteNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -47px;}
#header ul#siteNav li a {background: transparent; height: 47px; left: 0; position: absolute; display: block; text-indent: -9999em; outline: none;}
#header ul#siteNav li a:hover {text-decoration: none;}
#header ul#siteNav li.page-item-21 {background-image: url(../../images/siteNav-ellnk.png); width: 214px; left: 0px;}
.efcinternational #header ul#siteNav li.page-item-21 {background-position: 0 -94px;}
.efcinternational #header ul#siteNav li.page-item-21:hover {background-position: 0 -141px;}
#header ul#siteNav li.page-item-21 a {width: 214px;}
#header ul#siteNav li.page-item-28 {background-image: url(../../images/siteNav-talnk.png); width: 214px; left: 214px;}
.theencyclopedia #header ul#siteNav li.page-item-28 {background-position: 0 -94px;}
.theencyclopedia #header ul#siteNav li.page-item-28:hover {background-position: 0 -141px;}
#header ul#siteNav li.page-item-28 a {width: 215px;}
#header ul#siteNav li.page-item-30 {background-image: url(../../images/siteNav-mclnk.png); width: 215px; left: 428px;}
.myefc #header ul#siteNav li.page-item-30 {background-position: 0 -94px;}
.myefc #header ul#siteNav li.page-item-30:hover {background-position: 0 -141px;}
#header ul#siteNav li.page-item-30 a {width: 215px;}

/*1st level dropdown*/
#header ul#siteNav li ul {background: url(../../images/bg-siteNav-ul.png); width: 50em; height: auto; margin: 47px 0 0 0; padding: 22px 0; left: -9999em; position: absolute; z-index: 99;}
#header ul#siteNav li.page-item-21 ul {width: 19.9em;}
#header ul#siteNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#siteNav li ul li a {color: #abd; height: auto; padding: 8px 2em 8px 6em; left: auto; font-size: 1.1em; position: relative; float: left; text-indent: 0; display: block; text-decoration: none;}
#header ul#siteNav li.page-item-21 ul li a {width: auto; padding: 8px 2em; float: none;}
#header ul#siteNav li.page-item-28 ul li a {width: 32%;}
#header ul#siteNav li.page-item-30 ul li a {width: 32%;}
#header ul#siteNav li ul li a:hover {color: #abd; text-decoration: underline;}
#header ul#siteNav li.page-item-21:hover ul, #header ul#siteNav li.page-item-21.iehover ul {left: 7px;}
#header ul#siteNav li.page-item-28:hover ul, #header ul#siteNav li.page-item-28.iehover ul {left: -12.5em;}
#header ul#siteNav li.page-item-30:hover ul, #header ul#siteNav li.page-item-30.iehover ul {left: auto; right: 7px;}
#header ul#siteNav li.last {background: #25304e; width: 1px; top: 15px; bottom: 20px; left: 50%; position: absolute;}
#header ul#siteNav li ul li ul {display: none;}

#header h2#titleEncyclopedia {background: url(../../images/encyclopedia/title-the_encyclopedia.png) no-repeat; width: 313px; height: 57px; margin: 0 0 34px 0; text-indent: -9999em; float: left;}
#header h3#titleViewEngineeringGuides {background: url(../../images/encyclopedia/banner-view_our_engineering_guides.png) no-repeat; width: 544px; height: 65px; margin: 0 0 34px 350px; text-indent: -9999em;}

#header ul#toolbar {margin: 20px 0 0 0; clear: both; float: right;}
#header ul#toolbar li {list-style: none; display: block; float: left;}
#header ul#toolbar li form {margin: 0 15px 0 0; float: left;}
#header ul#toolbar li form fieldset {background: url(/products/skin/frontend/efc/default/images/efc/bg-search.gif) no-repeat; width: 205px; height: 23px; float: left;}
#header ul#toolbar li form input {color: #999; width: 175px; margin: 1px 0 0 2px; padding: 2px 0 0 0; font-size: 1.2em; float: left; border: 1px solid #fff;}
#header ul#toolbar li form button {width: 24px; height: 23px; float: left; text-indent: -9999em;}
#header ul#toolbar li form p {padding: 5px 0 0 0; float: left;}
#header ul#toolbar li form p a {color: #CCA90D; margin: 0 0 0 12px; font-size: 1.2em; text-transform: lowercase; text-decoration: underline;}
#header ul#toolbar li form p a:hover {color: #fff;}
#header ul#toolbar li form .searchType {float: left; margin: 0 10px 0 0;}

#header ul#encyclopedia {margin: 0; padding: 0; clear: both;}
#header ul#encyclopedia li {list-style: none; display: inline;}
#header ul#encyclopedia li img {margin: 0 0 0 8px;}
#header #viewBySpecializedMarket {background: url(../../images/encyclopedia/bg-view_by_specialized_market2.png) no-repeat; color: #fefefe; width: 655px; min-height: 33px; margin: 0 0 0 5px; padding: 38px 20px 20px 280px; font-size: 11px; line-height:18px; text-align: center; position:relative;}
#header #viewBySpecializedMarket a {color: #fefefe;}
#header #viewBySpecializedMarket a.callout {position:absolute; left:7px; top:7px;}

/**************************************************content area********************************************/

/**************************************************center column*******************************************/

/**************************************************left column*********************************************/

/**************************************************footer**************************************************/
#footerWrap {background: #888 url(../../images/bg-footer.gif) repeat-x; color: 444; padding: 25px 0; clear: both;}
#footerWrap:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}
#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer #bucket1 {width: 160px; margin: 0 30px 0 0; float: left;}
#footer #bucket2 {width: 160px; margin: 0 30px 0 0; float: left;}
#footer #bucket3 {width: 160px; margin: 0 30px 0 0; float: left;}
#footer #bucket4 {width: 350px; margin: 15px 20px 0 0; float: right; text-align: right;}
#footer h3 {color: #fff; margin: 0 0 15px 0; font-size: 1.2em; text-transform: uppercase;}
#footer ul {width: 100%; font-size: 1.1em;}
#footer ul li {list-style: none; display: inline;}
#footer ul li a {color: #ccc; padding: 4px 0; text-decoration: none; font-weight: bold; display: block; border-bottom: 1px solid #999;}
#footer ul li a:hover {color: #fff;}
#footer p.callUsOnSkype {text-align: left;}
#footer p.callUsOnSkype a {background: url(../../images/button-call_us_on_skype.png) no-repeat; width: 187px; height: 55px; margin: -27px 0 18px 167px; display: block; text-indent: -9999em; overflow: hidden;}
#footer p.callUsOnSkype a:hover {background-position: 0 -55px;}
#footer p.locations {margin: 0 0 30px 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
#footer p.iso {margin: 0 0 10px 0; font-size: 1.8em; font-weight: bold; text-transform: uppercase;}
#footer p.copyright {}