body {background: #fff url(../images/efc/bg-body.jpg) repeat-x; color: #333;}
body.theencyclopedia {background: #fff url(/wp-content/themes/efc/images/bg-body.jpg) repeat-x;}
.wrapper {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
.header {background: url(../images/efc/bg-header.png) no-repeat 0 100%; height: 203px; position: relative; z-index: 9999;}
.theencyclopedia .header {background: none; height: 215px;}
.header h1.efc a {background: url(/wp-content/themes/efc/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.efc a:hover {text-decoration:none;}
.header a#skypeBubble {background: url(/wp-content/themes/efc/images/icon-skype-bubble.png) no-repeat; width: 35px; height: 35px; top: 0; left: 176px; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
.header a#skypeBubble:hover {background-position: 0 -35px;}
.header h1.myefc a {width: 90px; height: 90px; top: 88px; left: 114px; position: absolute; display: block;}
.header p.greeting {color: #bcd; margin: 8px 8px 0 145px; font-size: 1.2em; font-weight: bold; float: left;}
.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 15px 320px; top: 23px; position: relative; z-index: 9999;}
.theencyclopedia .header ul#siteNav {margin: 0 0 25px 320px;}
.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(/wp-content/themes/efc/images/siteNav-ellnk.png); width: 214px; left: 0px;}
.header ul#siteNav li.page-item-21 a {width: 214px;}
.header ul#siteNav li.page-item-28 {background-image: url(/wp-content/themes/efc/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(/wp-content/themes/efc/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(/wp-content/themes/efc/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#sectionTitle {background: url(/wp-content/themes/efc/images/encyclopedia/byengineeringguides/section-title.png) no-repeat; width: 427px; height: 43px; float: left; clear: both; text-indent: -9999em;}
.byengineeringguides #header h2#sectionTitle {background: url(/wp-content/themes/efc/images/encyclopedia/byengineeringguides/section-title.png) no-repeat;}
.byspecializedmarket #header h2#sectionTitle {background: url(/wp-content/themes/efc/images/encyclopedia/byspecializedmarket/section-title.png) no-repeat;}

.header ul#headerNav {width: 374px; height: 23px; margin: 0; position: relative; float: right; z-index: 999;}
.theencyclopedia .header ul#headerNav {width: 368px; margin: 10px 0 0 0; display: none;}
.header ul#headerNav li {height: 23px; top: 0px; list-style: none; display: inline; position: absolute;}
.header ul#headerNav li:hover, .header ul#headerNav li.iehover {background-position: 0 -23px;}
.header ul#headerNav li a {background: transparent; height: 23px; left: 0; position: absolute; display: block; text-indent: -9999em; outline: none;}
.header ul#headerNav li a:hover {text-decoration: none;}
/*my efc*/
.header ul#headerNav li#me {background-image: url(../images/efc/headerNav-melnk.png); width: 117px; left: 0px;}
.myefchome .header ul#headerNav li#me {background-position: 0 -23px;}
.header ul#headerNav li#me a#melnk {width: 117px;}
.header ul#headerNav li#mt {background-image: url(../images/efc/headerNav-mtlnk.png); width: 101px; left: 123px;}
.myaccount .header ul#headerNav li#mt {background-position: 0 -23px;}
.header ul#headerNav li#mt a#mtlnk {width: 101px;}
.header ul#headerNav li#ce {background-image: url(../images/efc/headerNav-celnk.png); width: 144px; left: 230px;}
.customerservice .header ul#headerNav li#ce {background-position: 0 -23px;}
.header ul#headerNav li#ce a#celnk {width: 144px;}
/*encyclopedia*/
.header ul#headerNav li.page-item-314 {background-image: url(/wp-content/themes/efc/images/encyclopedia/headerNav-bslnk.png); width: 181px; left: 0px;}
.byengineeringguides .header ul#headerNav li.page-item-314 {background-position: 0 -23px;}
.header ul#headerNav li.page-item-314 a {width: 181px;}
.header ul#headerNav li.page-item-316 {background-image: url(/wp-content/themes/efc/images/encyclopedia/headerNav-btlnk.png); width: 180px; left: 188px;}
.byspecializedmarket .header ul#headerNav li.page-item-316 {background-position: 0 -23px;}
.header ul#headerNav li.page-item-316 a {width: 180px;}

.header ul#toolbar {margin: 23px 0 0 0; clear: both; float: right;}
.theencyclopedia .header ul#toolbar {margin: -30px 0 0 0;}
.header ul#toolbar li {list-style: none; display: block; float: left;}
.header ul#toolbar li form {margin: 0 15px 0 0; float: left;}
.theencyclopedia .header ul#toolbar li form .searchType {float: left; margin: 0 10px 0 0;}
.myefc .header ul#toolbar li form .searchType select {position: absolute; top: 108px; left: 374px;}
.header ul#toolbar li form fieldset {background: url(../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.flag {background: url(../images/efc/bg-toolbar-flag.png) no-repeat 0 100%; margin: 0 8px 0 0; padding: 5px 0 12px 7px;}
.header ul#toolbar li.flag a {background: url(../images/efc/bg-toolbar-flag-a.png); color: #640; padding: 7px 8px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.header ul#toolbar li.flag a:hover {}
.header ul#toolbar li.account {color: #567; margin: 0 0 0 10px; font-weight: bold; text-transform: lowercase; text-align: right;}
.header ul#toolbar li.account div {display: inline;}
.header ul#toolbar li.account div ul {display: inline;}
.header ul#toolbar li.account div ul li {display: inline; float: none;}
.header ul#toolbar li.account a {color: #68a; text-decoration: none;}
.header ul#toolbar li.account a:hover {color: #fff;}
.header ul#toolbar li ul li {float: none;}

/**************************************************content area********************************************/
.middle-container {position: relative;}
.middle-container:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {min-height: 500px; position: relative;}
.cms-home #main {width: 966px; margin: 20px 0;}
#main #contentContainer {font-size: 1.1em; line-height: 1.45;}
.cms-home #main #contentContainer {margin: 0;}
.col-1-layout #main #contentContainer {margin: 0 0 25px;}
.col-2-left-layout #main #contentContainer {margin: 0 5px 25px 45px;}
.col-2-right-layout #main #contentContainer {margin: 0 45px 25px 0;}
#main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover	{font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3 {color: #960;}
#main h4 {color: #d91;}
#main h5 {color: #333;}
#main p.buyOnline a {background: url(../images/btn_buy_online.jpg) no-repeat; width: 136px; height: 38px; display: block; text-indent: -9999em; outline: none;}
#main p a.selected {font-size:1.8em;}
.cms-page-view #main ul {margin: 0 0 20px 20px;}
.cms-page-view #main ul li {margin: 0px; list-style: disc outside;}
.cms-page-view #main h4 {color: #d91; margin: 0 0 15px 0; font-weight: bold; font-size: 1.27em;}
.cms-page-view #main p {margin: 0 0 20px 0;}

#main h2#product-info {background:url(../images/efc/banner-new-parts-daily.gif) top right no-repeat; display:block; height:28px; width:696px; color:#996600; font-size:24px; margin-bottom:20px; font-weight:normal;}

ul#homepageNavigation {margin: 0;}
ul#homepageNavigation li {background: url(../images/efc/bg-homepageNavigation.gif) no-repeat 0 100%; width: 283px; height: 22em; margin: 0 9px 25px 0; padding: 0 15px; list-style: none; float: left;}
ul#homepageNavigation li.nav-efc-clamps,
ul#homepageNavigation li.nav-caps-and-plugs,
ul#homepageNavigation li.nav-efc-electrical {}
ul#homepageNavigation li img {margin: 0 10px 15px 0; float: left;}
ul#homepageNavigation li.last {}
ul#homepageNavigation li.over {}
ul#homepageNavigation li.parent {}
ul#homepageNavigation li a {margin: 0 0 10px 0; position: relative; font-weight: bold; display: block;}
ul#homepageNavigation li.active a,ul#nav li a:hover {}
ul#homepageNavigation li a span {}
/*1st level*/
ul#homepageNavigation li ul {margin: 0;}
ul#homepageNavigation li ul li {background: none; width: auto; margin: 0; padding: 0; float: none; border: none; display: inline;;}
ul#homepageNavigation li ul li:after {content: " •";}
ul#homepageNavigation li ul li.last:after {content: "";}
ul#homepageNavigation li ul li a {font-size: .91em; font-weight: normal; display: inline;}
ul#homepageNavigation li ul li a:hover,ul#nav li.active ul li.active a {}
ul#homepageNavigation li ul li a span {}
/*2nd level*/
ul#homepageNavigation li ul li ul {}
ul#homepageNavigation li ul li ul li {}
ul#homepageNavigation li ul li ul li a {font-size: 1em;}
/*3rd level*/
ul#homepageNavigation li ul li ul {display: none;}
ul#homepageNavigation li ul li ul li {}
ul#homepageNavigation li ul li ul li a {}
.content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
.content ul.col {width: 30%; float: left; margin: 0 3% 0 0;}

/**************************************************left column*********************************************/
.sidebar {}
.col-left ul#sidebarNav {margin: 0 22px 25px;}
.col-left ul#sidebarNav li {list-style: none; display: inline;}
.col-left ul#sidebarNav li a {background: url(/wp-content/themes/efc/images/bullet-sidebarNav.png) no-repeat 0 9px; color: #57a; padding: 6px 0 6px 14px; font-weight: bold; font-size: 1.1em; display: block; text-decoration: none;}
.col-left ul#sidebarNav li a:hover,.col-left ul#sidebarNav li.active a {color: #246;}
/*level 2*/
.col-left ul#sidebarNav li ul {margin: 0 0 0 20px; display: none;}
.col-left ul#sidebarNav li.active ul {display: block;}
.col-left ul#sidebarNav li.active ul li {}
.col-left ul#sidebarNav li.active ul li a {background: url(/wp-content/themes/efc/images/bullet-sidebarNav-level2.gif) no-repeat 0 11px; color: #999; padding: 5px 0 5px 8px;}
.col-left ul#sidebarNav li.active ul li a:hover,.col-left ul#sidebarNav li.active ul li.active a {color: #246;}
/*level 3*/
.col-left ul#sidebarNav li.active ul li ul {margin: 0 0 0 10px; display: none;}
.col-left ul#sidebarNav li.active ul li.active ul {display: block;}
.col-left ul#sidebarNav li.active ul li.active ul li a {color: #999;}
.col-left ul#sidebarNav li.active ul li.active ul li a:hover,.col-left ul#sidebarNav li.active ul li.active ul li.active a {color: #246;}
/*level 4*/
.col-left ul#sidebarNav li.active ul li.active ul li ul {margin: 0 0 0 10px; display: none;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul {display: block;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li a {color: #999;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li a:hover,.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active a {color: #246;}
/*level 5*/
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li ul {margin: 0 0 0 10px; display: none;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul {display: block;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li a {color: #999;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li a:hover,.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li.active a {color: #246;}
/*level 6*/
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li ul {margin: 0 0 0 10px; display: none;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li.active ul {display: block;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li.active ul li a {color: #999;}
.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,.col-left ul#sidebarNav li.active ul li.active ul li.active ul li.active ul li.active ul li.active a {color: #246;}


/**************************************************footer**************************************************/
.footer-container {background: #888 url(/wp-content/themes/efc/images/bg-footer.gif) repeat-x; color: 444; padding: 25px 0; clear: both;}
.footer-container: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(/wp-content/themes/efc/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 {}
