@charset "utf-8";
/*----------------------------Reset--------------------------------*/

div, ol, ul, li, p, h1, h2, h3, h4, h5, tr, th, td, form, fieldset, input, blockquote { margin:0; padding:0; }
table { border-spacing:0; }
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background-color:#140907; }
ol, ul, li { list-style:none; }
fieldset, img { border:0; }
a { color:#ff5a00; text-decoration:none; outline:none; }
a:hover { color:#181818;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, textarea, select { }
.clear { clear:both; font-size:0px; line-height:0px; }
.fontZero { font-size:0px; line-height:0px }
#wrapper { background:url(images/top_bg.gif) left top repeat-x; margin:0; padding:0; }
#wrapperInner { background:url(images/top_bg_inner.gif) left top repeat-x; }
#container { margin:0 auto; width:979px; padding-top:.001em; }
/*----------------------------Header--------------------------------*/
#header { background:url(images/header_bg.jpg) left top no-repeat; }
#header .logo { float:left; padding:15px 0 15px 10px; }
#header .slogan { float:left; width:415px; padding:34px 0 0 42px; font-size:18px; line-height:25px; color:#b0713f;}
#header .topMenu { float:right; padding-top:15px; }
#header .topMenu li { float:left; background:url(images/topmenu_sep.gif) right top repeat-y; padding:0 11px; }
#header .topMenu li.last { background:none; }

/*----------------------------Smooth Menu--------------------------------*/
.ddsmoothmenu {margin:0; z-index:7878; /*background:#834F00 url(images/menu-bg.jpg) left center no-repeat;*/ }
#nav, #nav ul { list-style: none; margin: 0; padding: 0; }
#nav { width: 979px; z-index:7878; }
#nav li { float: left; margin: 0; padding: 0; position: relative;  z-index:7878; display:inline; }
#nav a { display:inline-block; text-decoration: none; }
#nav a:hover, #nav a:focus { color: #fff }
#nav ul { background-color: #000000; left: 0; position: absolute; top:32px; width: 179px; /*background:url(images/menu-arrow.png) 24px top no-repeat;padding-top:6px;*/  z-index:7878;}
#nav ul li { background: none; float: left; height: auto; width: 179px;  background:url(images/menu-sub-bg.png) left 0 repeat; z-index:7888; }
#nav ul a { background: none; padding: 5px 10px 5px 14px;  width: 155px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; }
#nav ul a:hover, #nav ul a:focus, #nav ul a.selected { background-color:#3D1C19 !important; color:#fff !important; }
#nav ul .hover > a {  background: #915d1d; color:#fff;  }
#nav ul ul { left: 210px; top: -20px; background:url(images/menu-sub-subtop.png) left top no-repeat; padding-top:10px;}
#nav ul, #nav :hover ul ul, #nav .hover ul ul { margin-left: -9999px; }
#nav li:hover > ul, #nav li.hover > ul, #nav a:focus + ul, #nav ul ul, #nav .hover a:focus { margin-left: 0; }
#nav ul a:focus  { margin-left: 9999px; }
#nav ul a:active {margin-left:0px;}
#nav li.navMainLast:hover > ul, #nav li.navMainLast.hover > ul, #nav .navMainLast a:focus + ul, #nav .navMainLast ul ul, #nav navMainLast.hover a:focus
{ margin-left: -105px; }

#nav .navMain  {height:20px; background:url(images/menu_sep.png) right center no-repeat; padding:6px 6px 6px;}
#nav .menuFirstNode {line-height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;  padding: 0 0 0 20px; font-weight:bold; color:#fff;}
#nav .menuFirstNode .downarrowclass { display:none;}
#nav .menuFirstNode span { line-height:20px; padding:0 20px 0 0; white-space:nowrap; display:inline-block; cursor:pointer;}
#nav .navMain.navMainLast  {background-image:none; z-index:7868;}
#nav .navMain .firstnavMain {border-bottom:0 none; background:url(images/menu-subtop.png) left top no-repeat; padding-top:10px; }
#nav .navMain .lastnavMain {border-bottom:0 none; background:url(images/menu-subbottom.png) left bottom no-repeat; padding-bottom:10px; }
#nav .navMain .firstnavMain ul {top:-10px;}
#nav .navMainLast ul {background-position:160px top;}
.rightArrowImg {position:absolute; right:10px; top:10px;}
.firstnavMain  .rightArrowImg {top:20px;}

.ddsmoothmenu .navMain .menuFirstNode:hover, .ddsmoothmenu .navMain .menuFirstNode.selected  { background:url(images/menu-left-hover.gif) left top no-repeat;  cursor:pointer; color:#fff;}
.ddsmoothmenu .navMain .menuFirstNode:hover span, .ddsmoothmenu .navMain .menuFirstNode.selected span{ background:url(images/menu-right-hover.gif) right top no-repeat; cursor:pointer;}
#nav .navMain.navMain7 {z-index:7868;}


/*----------------------------Image Slider--------------------------------*/
.imageSlider { clear:both; position:relative; width:963px; height:221px; border:8px solid #eeeeee; margin:10px 0;}
#slides { position:relative; height:221px; }
/* Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash */

#slides .slides_container { width:963px; overflow:hidden; position:relative; display:none; }
/* Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block */

#slides .slides_container a { width:963px; height:221px; display:block; }
#slides .slides_container a img { display:block; }
/* Next/prev buttons */

#slides .next, #slides .prev { position:absolute; top:97px; left:-24px; width:21px; height:36px; display:block; z-index:101; }
#slides .next { left:963px; }
/* Pagination */

#slides .pagination { width:58px; position:absolute; right:10px; bottom:10px; z-index:101; }
#slides .pagination li { float:left; margin:0 1px; list-style:none; }
#slides .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; }
#slides .pagination li.current a { background-position:0 -12px; }

/*----------------------------Product Gallery--------------------------------*/
.productGallery { clear:both; position:relative; width:205px; height:294px; margin:10px 0;}
#gallery { position:relative; height:294px; }
/* Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash */

#gallery .slides_container { width:205px; overflow:hidden; position:relative; display:none; }
/* Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block */

#gallery .slides_container a { width:205px; height:294px; display:block; }
#gallery .slides_container a img { display:block; }
/* Next/prev buttons */

#gallery .next, #slides .prev { position:absolute; top:97px; left:-24px; width:21px; height:36px; display:block; z-index:101; }
#gallery .next { left:963px; }
/* Pagination */

#gallery .pagination { width:58px; position:absolute; right:10px; bottom:10px; z-index:101; }
#gallery .pagination li { float:left; margin:0 1px; list-style:none; }
#gallery .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; }
#gallery .pagination li.current a { background-position:0 -12px; }

/*----------------------------Content home--------------------------------*/
#content {border:8px solid #eae8dc; background-color:#fff; color:#1d1d1d;}
#content h2 { font-family:"Times New Roman", Times, serif; font-size:24px; line-height:24px; color:#783a30; margin-bottom:15px;}
#content p {margin-bottom:15px;}
#left { margin:12px 10px 15px; float:left; width:715px; position:relative;}
.readMore { text-align:right;}
.productTab {}
.bottomStrip { background:url(images/bottom_strip_bg.jpg) left top no-repeat; padding:20px 0; margin:0 8px;}
.bottomStrip p { margin-bottom:10px!important; float:left; padding:0 44px;}
.padLeft { padding-left:10px;}
#sideBar {margin:12px 10px; float:left; width:208px;}
.featuredProducts {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.featuredProducts1 { background:url(images/featured_prd_bg1.gif) left top no-repeat; height:136px; padding:5px; text-align:center;}
.featuredProducts2 {background:url(images/featured_prd_bg2.gif) left top no-repeat; height:138px; padding:5px; text-align:center;}
.feedback { margin-top:18px;}

/*----------------------------Vertical Tab--------------------------------*/
/* Container */
.verticalslider {border: 1px solid #cdcdcd; overflow: hidden; width: 715px; height:258px; background:url(images/product_tab_bg.gif) left top repeat-x;}

/* Tabs */
.verticalslider_tabs {float: left;width: 250px;}
.verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;}
.verticalslider_tabs li{list-style-type: none;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 200px; padding: 9px 10px 9px 40px; background: url(images/product_sprite.png) left top no-repeat; background-color:#dfdbc4; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; border-top: 1px solid #fff; text-decoration: none;}
.verticalslider_tabs a.ferrite { background-position: 5px 8px;}
.verticalslider_tabs a.magnet { background-position: 5px -144px;}
.verticalslider_tabs a.rode { background-position: 5px -43px;}
.verticalslider_tabs a.tube { background-position: 5px -190px;}
.verticalslider_tabs a.eleComp { background-position: 5px -95px;}
.verticalslider_tabs a.safetyProd { background-position: 5px -240px;}
.verticalslider_tabs a.epabx { background-position: 5px -294px;}
.verticalslider_tabs a.dustCore { background-position: 5px -343px;}

.verticalslider_tabs a:hover, .verticalslider_tabs a:active{ background-color: #572a23; color:#fff; }
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; }
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background-color: #572a23; color:#fff;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{background-color: #572a23; }
.verticalslider .arrow {background: url(images/arrow.png); width: 7px; height: 18px; position: absolute; z-index: 1000; margin-left: 249px; margin-top: -27px; }

/* Contents */
.verticalslider_contents li{margin: 0px; padding: 0px;width: 465px; height:258px; overflow: hidden; padding: 0px; }
.verticalslider_contents li h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size: 18px!important; color: #f26c00 !important; margin: 10px 20px; padding: 0px;}
.verticalslider_contents li p{ margin-left:20px; margin-right:20px; padding: 0px; }
.verticalslider_contents{float: left;width: 465px;display: inline; margin: 0px; padding: 0px;}
.verticalslider_contents li{display: none;position: absolute;list-style-type: none;}
.verticalslider_contents .activeContent{display: inline;}

.verticalslider_contents .tabProducts { margin-top:15px;}
.verticalslider_contents .tabProducts p { float:left; margin-right:0;}

/* Play Pause
.verticalslider .playPause a{display:block;width: 60px;height: 60px;position:absolute;z-index:50;}
.verticalslider .play a:link,.verticalslider .play a:visited{background: url(images/plays.png) no-repeat 0 0;display: none;}
.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(images/pauses.png) no-repeat 0 0;}	
.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider  .play a:active{background-position:0px -60px;border-bottom: none;}*/

/* Float Right Styles 
.verticalslider_tabs {float: right;}
.verticalslider .arrow {margin-left: -27px; background: url(../images/arrow-right.png); }
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{border-left: 1px solid #666666; border-right: none;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{border-left: 1px solid #ffffff;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{border-left: 1px solid #ffffff;}*/


/*----------------------------Footer--------------------------------*/
#footer { padding:20px 0; color:#6f6664; font-size:11px;}
#footer .copyRight { float:left; margin-right:100px;}
#footer .footerLinks {font-size:12px; float:left;}
#footer .footerLinks a, #footer .footerLinks a:visited { color:#6f6664; margin:0 4px; }
#footer .footerLinks a:hover { color:#f2f2f2; text-decoration:underline;}
#footer .footerRight { float: right; width:225px;}
#footer .footerRight li { float: right; }
#footer .footerRight li a { background: url(images/bottom-icon-sprite.gif) no-repeat left top; color: #6F6664; float: left; margin-left: 15px; padding-left: 22px;
}
#footer .footerRight li a:hover { color: #f2f2f2; }
#footer .footerRight li a.printIcon { background-position: 0 2px; }
#footer .footerRight li a.favIcon { background-position: 0 -53px; }
#footer .footerRight .w3Image { float:right; margin-top:10px;}
#footer .footerRight .w3Image img { margin-left:5px;}

/*----------------------------Content Inner--------------------------------*/
.innerBanner {width:963px; border:8px solid #eeeeee; margin:10px 0;}
.rightMenu { background-color:#eeeeee; border:1px solid #e0e0e0; }
.rightMenu .rightmenuTitle { background:url(images/rightmenu-bg.gif) left top repeat-x; font-family:"Times New Roman", Times, serif; font-size:18px; padding:8px 12px; line-height:18px; color:#2c2c2c;}
.rightMenu ul { overflow:auto}
.rightMenu ul li { border-bottom:1px dotted #9c9a9a; float:left; width:100%;}
.rightMenu ul li.lastRightMenu {border-bottom:none;}
.rightMenu ul li a, .rightMenu ul li a:visited { display:block; line-height:12px; font-family:Arial, Helvetica, sans-serif; color:#292929; padding:8px 12px;}
.rightMenu ul li a:hover {background:url(images/rightmenu-over.jpg) left top no-repeat;}

#left h3 { margin-bottom:15px; padding-bottom:5px; border-bottom:1px dashed #eee; color:#2c2c2c; font-family:"Times New Roman", Times, serif; font-size:18px; }
#left h4 { margin-bottom:15px; color:#2c2c2c; font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:bold;}
#left .bulleted { margin-bottom:15px;}
#left .bulleted li { padding:4px 0 4px 15px; background:url(images/diamond.gif) left 10px no-repeat;}

.imageBdr { border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; margin:0 2px;}
.imageRight { float:right; padding:0 3px 0; margin-left:8px;}
.imageLeft { float:left; padding:0 3px 0; margin-right:8px;}
.bottomZero { margin-bottom:0 !important;}
.orangeText { color:#ff5a00;}

.addressBlock { width:340px;}
.addressBlock p.addressIcons { width:28px; height:30px; float:left; margin-bottom:0px !important; background:url(images/contact-sprite.gif) left top no-repeat;}
.addressBlock .addressText { width:298px; float:left; line-height:22px;}

.addressBlock p.addrIcon { background-position:0px 4px;}
.addressBlock p.phoneIcon { background-position:-50px 4px;}
.addressBlock p.faxIcon { background-position:-156px 4px;}
.addressBlock p.mailIcon { background-position:-102px 4px;}
.addressBlock p.emailIcon { background-position:-254px 4px;}
.addressBlock p.mobileIcon { background-position:-205px 1px;}
.addressBlock a { color:#ce5310;}
.addressBlock a:hover { color:#181818; text-decoration:underline;}

.principalWrap { margin-bottom:20px; overflow:auto;}
.principalWrap .principalLogo{ float:left; width:205px;}
.principalWrap .principalName { float:left; width:455px; height:45px; background:url(images/principal-bg.gif) left top no-repeat; padding:26px 15px 0px 34px; font-size:22px; color:#81473e;}

.productWrap { float:left; width:166px; margin-right:10px; margin-bottom:15px;}
.productWrap .productImg img{ border:4px solid #d2c5b5;}
.productWrap p { text-align:center; background:url(images/prd-border.gif) center bottom no-repeat; padding:10px 3px 5px 3px;}

#left .viewAll { width:107px; height:16px; position:absolute; right:10px; top:2px;}

.productIcon { float:left; margin:0 20px 30px 0; height:49px; width:260px; background:url(images/productpage_sprite.gif) no-repeat; padding:5px 0 0 70px;}
.productIcon a {font-size:24px; line-height:24px; color:#494949; }
.productIcon span { display:block; font-size:12px; color:#818181;}
.productIcon a:hover { color:#818181;}
.productIcon a:hover span { color:#000;}
.productIconRight { margin-right:0 !important; width:282px !important;}
.fcoreProdPage { background-position:0 0;}
.irodeProdPage { background-position:0 -526px;}
.magProdPage { background-position:0 -134px;}
.ftubeProdPage { background-position:0 -670px;}
.ecompProdPage { background-position:0 -268px;}
.esafetyProdPage { background-position:0 -814px;}
.epabxProdPage { background-position:0 -402px;}
.dcoreProdPage { background-position:0 -958px;}
.sitemapTree li { font-size:14px; font-weight:bold;}
.sitemapTree li li { font-size:12px;}
.sitemapTree li li li { font-size:12px; font-weight:normal;}
.groupCo { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; overflow:hidden;}
.groupCo img { float:left; margin-right:10px;}

/*----------------------------ToolTip--------------------------------*/

.qtip { }
.qtip-betweenCorners, .qtip-content, .qtip-contentWrapper, .qtip-betweenCorners, .qtip-borderBottom div { background-color:#f8f6ea !important; border-color:#f8f6ea!important;}
.qtip-content { padding:11px !important;}

/*----------------------------Other New--------------------------------*/
.addressRemark { font-size:14px; font-weight:bold; color:#000000;}
.addressRemark span { font-size:16px;  color:#ce5310;}