cu*{margin:0; outline: none; text-decoration: none; list-style:none;} /*input{-webkit-appearance: none;}*/ #search_select{margin-left: 5px;} .Left-Menu_Icons{float: left; margin: 0px; width: 100%; display: none;} .bgbody{position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.45); width: 100%; height: 100%; display: none;} .Left-Menu_Icons .Tabs-Menu{float:left; margin-bottom: 10px; width: 100%;} .Left-Menu_Icons .Tabs-Menu .toptabscont{display: table; width: 100%;} .Left-Menu_Icons .Top-Menu{float:left;} #top-menu-res{display: none;} .Left-Menu_Icons .Top-Menu .toptabscont{position: fixed;left: 0;top: 0; width: 270px; height: 100%; z-index: 999999; background: #000; display: none; overflow: auto; border: none; /*box-shadow: 0px 2px 7px rgba(0,0,0,0.5);*/} .toptabscont > ul li.fg{display: none !important;} .toptabscont.active{ display: block !important; -webkit-animation: 0.5s LeftToRight ease-in-out; -moz-animation: 0.5s LeftToRight ease-in-out; -o-animation: 0.5s LeftToRight ease-in-out; animation: 0.5s LeftToRight ease-in-out;} body.active{left: 270px; overflow: hidden; display: block !important; -webkit-animation: 0.5s LeftToRight1 ease-in-out; -moz-animation: 0.5s LeftToRight1 ease-in-out; -o-animation: 0.5s LeftToRight1 ease-in-out; animation: 0.5s LeftToRight1 ease-in-out; position: relative;} body.active1{left: 217px; overflow: hidden; display: block !important; -webkit-animation: 0.6s LeftToRight2 ease-in-out; -moz-animation: 0.6s LeftToRight2 ease-in-out; -o-animation: 0.6s LeftToRight2 ease-in-out; animation: 0.6s LeftToRight2 ease-in-out;} .reslefnav{float: left; width: 100%;} #topmenu-content > ul{float: left; width: 100%; margin:0;} #topmenu-content > ul li{float:left; width: 100%; padding:0; background:url("http://lib.store.yahoo.net/lib/yhst-46542159655918/left-nav-plus.png") no-repeat scroll 220px 16px; display: block;} #topmenu-content > ul li.active{background:url("http://lib.store.yahoo.net/lib/yhst-46542159655918/left-nav-minus.png") no-repeat scroll 220px 16px;} #topmenu-content > ul li a{ border-bottom: 1px solid #171717;border-left: 0 solid #32669e;color: #fcfdff;float: left; font-family: arial; font-size: 17px;font-weight: normal;outline: medium none;padding: 14px 0px 14px 11px;text-decoration: none; text-transform: uppercase;width: 96%;} #topmenu-content > ul li .dropdown{width: 100% !important; margin-top: -1px;float: left; border: none !important; background: #000 !important; display:none;} #topmenu-content > ul li .dropdown ul li a{color:#b9bbbd; font-size: 13px; border-bottom: 0px solid;padding: 7px 0px 7px 11px;} #topmenu-content > ul li .dropdown li{background: none !important; border-bottom: 0px solid;} /*#topmenu-content > ul li.active > a{background: #333; color: #fff;}*/ #tabsmenu-content > div{display: table; width: 100%;} #tabsmenu-content span{background: #eaeaec none repeat scroll 0 0;border-right: 2px solid #fff; display: table-cell;float: none;vertical-align: middle; width: 34%; text-align: center; height: 36px; padding: 5px 2px; } #tabsmenu-content span a{color: #36689b;font-size: 13px;padding:0px;width: 100%; float: left; text-align: center; text-decoration: none; outline: none; text-transform: uppercase;} #tabsmenu-content span.active{background: #575656;} #tabsmenu-content span.active1{background: #074C7A;} #tabsmenu-content span:last-child{border:0px solid #000;} #tabsmenu-content span.active > a,#tabsmenu-content span.active1 > a{color: #fff;} .resbanner{ background: #ebebeb none repeat scroll 0 0; border-radius: 8px; display: none;float: left;margin: 0 auto 15px; overflow: hidden;padding: 8px 0;width: 100%;} .prod-cont .resHomeTabTitles{display: none; background: #3266a0 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/hometabsicons.png") no-repeat scroll 98% 7px;border-radius: 5px 5px 0 0;color: #fff;float: left; font-size: 15px;line-height: 30px; width: 100%;} .prod-cont .resHomeTabTitles .cld{margin-left: 20px; padding: 2px;} .resleftmenu{clear: both; margin: 0px auto; width: 98%; position: relative; display: none; z-index: 9;} .resleftmenu #tabnav1{float: left; width: 100%; margin: 5px 0px 15px !important; border:none !important;} .resleftmenu #tabnav1 li{float: left; list-style: outside none none; color: rgb(255, 255, 255); width: 100%; border-radius: 8px; padding: 3px 0px; line-height: 28px; background: rgb(50, 102, 160) url("http://site.embeddedworks.net/inicsearch/responsive-css/img/hometabsicons.png") no-repeat scroll 98% 7px;} .resleftmenu #tabnav1 li > a{float: left; color: rgb(255, 255, 255); text-decoration: none; font-size: 15px;} .resleftmenu #tabnav1 li a > span{float: left; padding-left: 18px;} .resleftmenu #tabnav1 li a > p{float: left; margin-left: 5px;} .resleftmenu .tabcontainer1{float: none; margin: 0px auto; width: 100%; position: absolute; z-index: 99; left: 0px; top: 40px;border-bottom:1px solid #000; display: none;} .resleftmenu .tabcontainer1 #firstmap{width: 100%; margin:0 !important;} .resleftmenu .tabcontainer1 #firstmap li {color: #6c6c6c;float: left;line-height: 28px;padding-left: 0;position: relative; width: 100%;} .resleftmenu .tabcontainer1 #firstmap li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border-bottom: 1px solid #b4bbab !important; color: #2c2c2c !important; display: block !important; font-size: 13px !important; padding-left: 20px !important; line-height: 30px !important; text-decoration: none; width: auto !important;} .BannerRightContents{float: none; background: transparent url("http://lib.store.yahoo.net/lib/yhst-46542159655918/tech-bg.jpg") repeat-x scroll 0px 0px; width: 96%; margin: 0px auto; display: none;} .BannerRightContents div{float: left; width: 100%; background: transparent url("http://lib.store.yahoo.net/lib/yhst-46542159655918/tech-bg.jpg") repeat-x scroll 0px 0px; margin-bottom: 10px;} .BannerRightContents div h2{border-bottom: 2px solid rgb(0, 0, 0); color: rgb(40, 40, 40); float: left; font-size: 25px; text-transform: uppercase; width: 100%;} .BannerRightContents div h2 span{color: #ffa435;float: left;font-size: 15px;width: 100%;} .BannerRightContents div p{color: rgb(114, 114, 114); float: left; font-size: 11px; line-height: 18px; margin: 0px; padding: 10px 0px 8px;} #sidebar.active { -webkit-animation: 0.5s LeftToRight ease-in-out; -moz-animation: 0.5s LeftToRight ease-in-out; -o-animation: 0.5s LeftToRight ease-in-out; animation: 0.5s LeftToRight ease-in-out; display: block !important; } .tabing-nav.cate-left-nav{list-style: none; width: 100%;} /* new css for view detail */ .ew_container#container{width:1000px;} .ew_container #nav-product{margin-left:0; width:208px;} #firstmap{width:208px;} #firstmap li{width:193px;} #firstmap li a{width:170px !important;} .nw-cont{width:198px;} #bodycontent{margin-right:5px;} .ew_container #sidebar{width:208px !important;} .ew_container #sidebar h3{width:193px !important;} .ew_container #sidebar h3.expand{background:transparent url("http://lib.store.yahoo.net/lib/yhst-46542159655918/toggle_minus.png") no-repeat scroll 96% center !important;} .ew_container #sidebar h3.collapse{background:transparent url("http://lib.store.yahoo.net/lib/yhst-46542159655918/toggle_plus.png") no-repeat scroll 96% center !important;} #sidebar ul li.lis{width:180px !important;} #sidebar ul li.lis a{width:138px !important;} .product-view #caption h2{width:99%; background:#ffa435; border-radius:6px 6px 0 0;} .product-view #caption p.new-price{font-size:18px; font-weight:normal; color:#E92A2A;} .product-view .btn-add{width:100% !important;} .product-view .prod-det .det-right{width:100%;} .product-view #caption .th2 h2{background:#dedede !important; border-radius:0 !important; width:100% !important; padding:4px 0 !important;} .product-view #caption .th2 h2 span.stitle{text-transform:uppercase !important; padding:0 0 0 10px; font-size:14px;} .product-view #caption .th2 h2 span{padding:0 6px;} .custom-featured #item-det1{width:100%;} .custom-featured #item-det1 #item-det{width:100%;} .custom-featured #item-det1 .item-det-spec{width:98%; padding:10px 8px;} .res-options1{float:left; width:100%; margin-top:10px;} .res-options1 .det-right,.res-options1 .get-options{float:left; width:100%;} .res-options1 .td5 span{text-align:center;} .res-options1 .td5 select{width:300px; max-width:90%; margin-top:5px;} .product-view .fb-comment{float:left; width:100%} .product-view .fb-comment ul{float:left; width:100%;} .product-view .fb-comment ul li{float:left; border:1px solid #ccc; padding:2px; margin:0 4px;} .product-view .fb-comment ul li img{vertical-align:middle;} .product .sensorsImages #main-img a{height:236px;} .product .sensorsImages #main-img a figure{height:236px;} /*.product-view*/ .product .sensorsImages #main-img a figure > img{height:auto !important; width:auto !important; max-height:100% !important; max-width:100% !important;} /*.product-view*/ .product .sensorsImages #main-img a figure .mz-lens img, .mz-zoom-window img{ position: absolute!important; max-width: none!important; max-height: none!important;} /* new css for view detail */ #container #header #slogan .bottom-sec ul li:last-child span .cart{display: none;} #slogan .top-sec span img.cart{display: none;} /*.res-searchbox{width: 100%; height: 32px; float: left; margin-bottom: 0px; background:#060606; margin-top: 0px; padding: 5px 0; display: none;} .res-searchbox li{overflow: hidden; display: block; float: left; width: 100% ! important;} .res-searchbox li select{float: left; width: auto ! important; font-weight: normal; margin:6px 11px 3px 7px !important;} .res-searchbox li form{float: left; background: transparent url("http://lib.store.yahoo.net/lib/yhst-46542159655918/searchbar-new-1.png") no-repeat scroll 3px center; width: 290px;} .res-searchbox li form .input{margin: 5px 0 0 6px; padding:6px 7px; border-radius: 5px; border: medium none; outline: medium none; width: 225px; vertical-align: top;} .res-searchbox li form .input-btn {background: rgba(0, 0, 0, 0) url("http://lib.store.yahoo.net/lib/yhst-46542159655918/search.png") no-repeat scroll center center;border: medium none;line-height: 32px;width: 35px;} */.res-blog{display: none; background: none !important;} .res-blog img{width: 28px; margin-top: 12px; margin-left: 15px;} .res-related-items{float: left; width: 100%; display: none; overflow: auto;} .res-related-items table{background: rgb(222, 222, 222) none repeat scroll 0px 0px;} .res-related-items table .res-pd1 {background: #fff none repeat scroll 0 0; border-bottom: 1px solid #dedede;padding:5px 10px;float: none !important;text-align: center;width: 100%;} .res-related-items table .res-pd1 .images{float: left; width: 100%; margin: 7px 0px;} .res-related-items table .res-pd1 .names {float: left;margin: 5px 0;width: 100%;} .res-related-items table .res-pd1 .prices{float: none; width: 230px; margin: 13px auto;} .resdet-tabs{background:url(http://site.embeddedworks.net/inicsearch/responsive-css/img/hometabsicons.png) no-repeat 98% 7px #282828; border-radius: 8px 8px 0 0; float: left; width: 100%; display: none;} #product-details .resdet-tabs{background:url(http://site.embeddedworks.net/inicsearch/responsive-css/img/hometabsicons.png) no-repeat 98% 7px #ff8c00; border-radius: 8px 8px 0 0; float: left; width: 100%; display: none;} .resdet-tabs .titles > a{color: #fff;float: left;font-family: "Lato",sans-serif;font-size: 15px;font-weight: bold;line-height: 30px; padding: 2px 12px 0;text-decoration: none;text-transform: uppercase;} .TopWindowsgo{position: fixed; left: 10px; bottom: 5px; display: none; z-index: 99;} .leftrightmove{position: absolute; width: 100%; left: 0px; display: none; z-index: 99;} .leftrightmove .left{float: left; cursor: pointer;} .leftrightmove .right{float: right; cursor: pointer;} #footer .footer-row1 h2{ border: 0 solid;color: #000;float: none;font-family: "Lato",sans-serif;font-size: 15px;font-weight: bold;margin-bottom: 25px;padding: 0;text-transform: uppercase;width: auto;} .tab-outer{width: 100%; float: left;} .res-options{display: none;} .activetb{background:url("http://site.embeddedworks.net/inicsearch/responsive-css/img/right-down-arrow.png") no-repeat scroll 98% 7px #ff8c00 !important;} .filterDiv{display: none;} .iframe.embro.cboxElement{margin-left: 40px;} .reviews{width:100% !important;margin-left:0 !important; text-align:center !important;} /* ===== new css for sign and register link ====== */ #container #header{position:relative;} #container #header .top-sec{margin-top:22px;} #container #header .bottom-sec ul li{height:39px; margin:3px 0;} #container #ys_superbar{background:rgba(0, 0, 0, 0) url("http://lib.store.yahoo.net/lib/yhst-46542159655918/cart.png") no-repeat scroll 5px -2px; position:static !important;} #container #ys_superbar #yfc_mini{margin-top:5px;} #container #ys_superbar #ys_cpers{position: absolute; right: 5px; top: 7px;} #container #ys_superbar #ys_cpers #yscp_signin_link a{color:#fff;float:left; margin-left:15px;} #container #ys_superbar #ys_cpers #yscp_signin_link a.yscp_link:first-child{margin-right:15px; border-right:0px solid #fff; position:relative;} #container #ys_superbar #ys_cpers #yscp_signin_link a.yscp_link:first-child:before{content:"OR";position:absolute; right:-22px; font-size:10px; top:2px;} .yui-skin-sam .yui-panel .bd{padding:0 !important;} .ys_wrapper{width:100% !important;} #ys_pageBody{width:100% !important;} .addseeprice{background: #346AAE;border: none;color: #fff;font-size: 13px;padding: 6px 10px;margin: 5px 10px;cursor: pointer;} .view.custom_view{margin: 5px 0px 5px 10px;background-size: contain;} .view2.custom_view2{margin:5px 0 10px 10px;} .addseeprice.custom_add{margin:5px 0 10px 10px;} .prod-ind .addseeprice{font-size:12px; padding:6px;} /* ===== new css for sign and register link ====== */ /* ===== Price table css ===== */ .pricing-tabel{overflow:auto;} .pricing-tabel .price-chart{float:none;margin:20px auto;width:720px} .pricing-tabel .price-chart .attr-col{float:left;margin:110px 0 0;width:190px;border-radius:5px;box-shadow:0 1px 5px rgba(50,102,158,0.5);color:#32669e} .pricing-tabel .attr-col ul{border:1px solid #32669e; border-right:none; float:left; border-radius:5px 0 0 5px; font-size:13px;font-weight:bold;padding:0;list-style:none;} .pricing-tabel .attr-col ul li{border-bottom:1px solid #32669e;display:block;line-height:45px;padding:0px;text-align:right;font-size:12px;font-weight:bold; background:none !important; color:#32669e; width:100%;} .pricing-tabel .attr-col ul li.last{border-bottom:medium none} .pricing-tabel .pt-table{display:block;padding-left:190px;position:relative} .pricing-tabel .pt-table .pt-body{float:left;border:0 solid rgba(0,0,0,0.1);width:500px;background:#fcfcfc;box-shadow:4px 1px 8px #32669e; margin-bottom:30px;} .pricing-tabel .pt-table .pt-body .pt-rows{padding:0} .pricing-tabel .pt-table .pt-body .pt-rows li{float:left;width:100%;padding:0;border-bottom:1px solid #32669e;border-left:1px solid #32669e; list-style:none; background:none !important;} .pricing-tabel .pt-table .pt-body .pt-rows li.title{background:#bfd7f2 !important;color:#32669e;border:0;border:1px solid #32669e;border-radius:5px 0 0} .pricing-tabel .pt-table .pt-body .pt-rows li.title>span{float:left;font-size:20px;padding:10px 0;text-align:center;width:125px;border:0} .pricing-tabel .pt-rows li.fees span{background:#f7f7f7 none repeat scroll 0 0;border-right:1px solid #32669e;color:#4172a5;float:left;font-size:24px;font-weight:700;height:31px;line-height:31px;padding:6px 0;text-align:center;text-shadow:2px 2px #fff;width:125px} .pricing-tabel .pt-rows li.fin span{width:377px;padding:6px 0} .pricing-tabel .pt-rows li.fin span a{background:#fea434;border:1px solid #ed870b;border-radius:5px;color:#000;font-size:15px;padding:10px 15px 8px;text-transform:uppercase} .pricing-tabel .pt-rows li span{border-right:1px solid #32669e;display:block;float:left;height:45px;line-height:45px;text-align:center;width:125px} .pricing-tabel .pt-rows li span.pt-no{background:rgba(0,0,0,0) url(http://site.embeddedworks.net/inicsearch/responsive-css/img/yes-no.gif) no-repeat scroll center -38px} .pricing-tabel .pt-rows li span.pt-yes{background:rgba(0,0,0,0) url(http://site.embeddedworks.net/inicsearch/responsive-css/img/yes-no.gif) no-repeat scroll center 12px} .pricing-tabel .pt-special{background:#fff none repeat scroll 0 0;border:1px solid #32669e;border-radius:5px;position:absolute;right:0px;top:-10px;width:150px;box-shadow:0 2px 8px #32669e} .pricing-tabel .pt-special .pt-rows li.title{border-bottom:1px solid #32669e;color:#fff;font-size:21px;height:45px;line-height:45px;padding:15px 0;text-align:center;background:#32669e !important; width:100%;} .pricing-tabel .pt-rows li.fin{border-radius:0 0 0 5px} .pricing-tabel .pt-special .pt-rows li{background:none !important; width:100%; padding:0;} .pricing-tabel .pt-special .pt-rows li.fees span,.pt-special .pt-rows li span{width:100%;border-bottom:1px solid #32669e} .pricing-tabel .pt-special .pt-rows li.fin{text-align:center;float:left;height:40px;line-height:40px;width:100%;padding:15px 0} .pricing-tabel .pt-special .pt-rows li.fin a{background:#32669e none repeat scroll 0 0;color:#fff;font-size:18px;padding:9px 18px;border-radius:5px;border:1px solid #144982} .pricing-tabel .pt-special ul{padding:0; list-style:none;} .custom-search-mobile{display:none;} #container #header #nav-general li.fg #yahoo_search.hide_show_searchBX{height:0 !important; width:0 !important; overflow:hidden; padding:0 !important; margin:0 !important;} @media only screen and (max-width:840px){ input{-webkit-appearance: none;} input[type=checkbox]{-webkit-appearance: checkbox;} #landingPage{float: left; width: 100%;} .res-blog{display: block;} .fitframe-wrap {position: relative; padding-bottom: 50%;height: 0;overflow: hidden;} .fitframe-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} h2.body_subtitle{margin-bottom: 10px;} .th2 h2{width: auto !important;} .dropdown > ul{width: 100% !important;} .dropdown > ul li{margin:0px !important;} /*.res-searchbox{display: block;}*/ #container #header #slogan{width: 60% !important; margin-right: 0px;} #container #header #slogan .top-sec {float: left;margin-top: 0 !important;position: relative; width: auto;} #container #header #slogan .top-sec p{margin:13px 5px 6px 0 !important; width: auto !important;} #container #header #slogan .top-sec p img{width: 100%; display: none;} #container #header #slogan .top-sec span{display: none;} #container #header #slogan .top-sec span img{width: 28px;} #container #header #slogan .bottom-sec {float: left;height: auto;width: 100%;} #container #header #slogan .bottom-sec ul {float: none;margin: 0 auto;padding: 0;width: 400px;} #container #header #slogan .bottom-sec ul li{margin-top: 0;} #container #header #slogan .bottom-sec ul li:nth-child(3){display: none;} #container #header #slogan .bottom-sec ul li:last-child{height: auto; float:right; margin-right:11px; margin-bottom:10px; margin-top: 10px;} #container #header #slogan .bottom-sec ul li:last-child span{margin-left: 15px;} /*#container #header #slogan .bottom-sec ul li:last-child span img,#slogan .top-sec span img{display: none;}*/ /*#container #header #slogan .bottom-sec ul li:last-child span img.cart,#slogan .top-sec span img.cart{display: block;}*/ .wholesaleLogin{right: 15px !important; top: 45px !important;} #caption{margin-bottom: 15px;} .feat-prod{width: 100%;} iframe {max-width: 100%;} body{background: url(http://lib.store.yahoo.net/lib/yhst-46542159655918/main-bg.jpg) repeat-x #fff !important;} /* Remove After publish*/ /*center{display: none;}*/ /* Remove After publish*/ #header{background:url(http://lib.store.yahoo.net/lib/yhst-46542159655918/main-bg.jpg) repeat;float: left;margin-bottom: 15px;width: 100%;} #header::after{height: auto; clear: none;} #container{width: 100% !important; margin-top: 0px !important;} .resbanner, .Left-Menu_Icons{display: block;} #container #header #brandmark{margin-top: 13px; text-align: center;} #tracking, #container #header .nav-down{display:none !important;} #container #header #nav-general{background: none; position: relative; height: auto;} #nav-general li{position: static;} #top-menu-res{display: block; cursor: pointer; margin:12px 10px; float: left; } #container #header #nav-general li{display: none;} #container #header #nav-general li.fg{display: block;} #banner{display: none;} .resbanner{display: block;} /* Middle Contents */ #bodyshell{float: none; width: 98%; margin:0 auto; clear: both;} #footer{width: 96%;float: none; padding: 25px 0 10px; margin: 0 auto;} #footer .footer-row1{float: left; width: 100%;margin: 0; background:#e3e3e3;} #footer .footer-row1 .col1,#footer .footer-row1 .col2,#footer .footer-row1 .col3,#footer .footer-row1 .col4{margin-left: 10px; margin-top: 15px;} #footer .footer-row2{background: #e3e3e3;} #bodycontent .det-cont{float: none; width: 100%; margin:0 auto; display: none;} #banner{width: 100%;} #bodycontent{margin:0 auto; float: none; width: 99%;} #bodycontent .prod-cont{width: 98%; padding: 10px 5px; background: none; float: left;} #bodycontent .prod-cont #new-arrival1{float: left; width: 100%;} .arrival .block2{width: auto; float: none; } .prod-cont{position: relative;} .prod-cont .resHomeTabTitles{display: block; position: relative;} .prod-cont #new-arrival{ margin: 0 auto !important; width: 100%;} /*#new-arrival{display: none;}*/ #new-arrival li{float: left;width: 100%; margin: 0px; /*border-bottom: 1px solid #999;*/ position: absolute; left: 0; background: #a0a5a8 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/tab-nav-down-arrow.png") no-repeat scroll right 12px center; border-radius: 8px; padding: 0 2px 0 0 !important;} #new-arrival li.active{background: #3266A0 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/tab-nav-down-arrow.png") no-repeat scroll right 12px center; color: #fff;} #new-arrival li a{background: none !important; margin-left: 8px; padding: 2px 0; width: 93%;font-size: 14px; font-weight: normal; color: #fff; } #new-arrival li.active a{background: none !important; color: #fff;} #new-arrival.Hometabs{display: block; z-index: 99999;} #bodycontent .arrival{margin-top: 0px; padding: 10px 0px !important; height: auto; width: 100%; overflow: hidden;} #bodycontent .arrival > table{width: 100%; margin:0 auto;float: none; border-spacing: 10px;} .BannerRightContents{display: none;} .breadcrumbs{bottom: 5px; width: 96%; margin:7px 0 0 12px;} .search-res{width: 100%; padding:5px 0;} table.simple td{float: none !important;} .prod-cont #grid,.prod-cont .mgrid{display: none !important;} .prod-cont #list,.prod-cont .mlist{display: block !important;} .prod-bodycontent{display: block; float: none; margin: 0px auto; width: 98%; clear: both;} /* HomeLeft Nav */ .resleftmenu,#googlelag{display: none;} #tabber #tabnav{border:0px solid #000 !important;width: 100%;} #tabber #tabnav li.active{ background: #32669f none repeat scroll 0 0; border-radius: 5px; color: #fff;margin: 0;padding:5px 0;width: 100%;} #tabber #tabnav li.active a{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size: 16px;padding: 4px 0 4px 10px;width: auto;} #tabber #tabnav li.active a span,#tabber #tabnav li.active a p{font-size: 16px; margin-right: 5px;} .tabing-nav.cate-left-nav li a{width: 100% !important;} .tabing-nav.cate-left-nav li{width: auto;} .tabing-nav.cate-left-nav li.one{padding: 0 2px !important;} .tabing-nav.cate-left-nav li.one a#clearfilter{ background:url("http://lib.store.yahoo.net/lib/yhst-46542159655918/clear-filters.png") no-repeat scroll 0 0 !important;float: left;height: 37px !important;margin: 0px;padding: 0 !important;width: 137px !important;} .tabing-nav.cate-left-nav li.one a{ background:url("http://lib.store.yahoo.net/lib/yhst-46542159655918/share-view.png") no-repeat scroll 0 0 !important;float: left;height: 37px !important;margin: 0;padding: 0 !important;width: 137px !important;} .tabing-nav.cate-left-nav li.one a img{display: none;} #Technology #back{text-align: left !important; margin:5px 0 10px 18px !important; width: 90% !important;} /* HomeLeft Nav */ /* NewsLetter Contents */ .nw-letter {float: left;margin-top: 12px; width: 100%;} .nw-cont {float: left; margin-bottom: 15px; padding: 15px 0;width: 100%;} .nw-cont p {color: #515151; font-size: 12px;line-height: 18px; margin: 0;padding: 0 9px 15px 15px;} .input2 {margin-left: 13px; margin-right: 18px; padding: 0 10px; width: 45%;} .input-btn2{margin: 0 !important;} /* Filter CSS */ .filterDiv{background: rgba(0, 0, 0, 0) url("http://site.embeddedworks.net/inicsearch/responsive-css/img/filter-icon.png") no-repeat scroll left center / 20px auto; color: #f4f4f4;cursor: pointer;float: left;font-family: lato; font-size: 17px;height: 18px;margin: 12px 0 0 5px;padding-left: 31px;width: 130px; display: block !important;} .narrowcolumn .filterDiv{width: 100%; margin: 0px 0px 15px; border-radius: 4px; background: rgb(74, 74, 74) url("http://site.embeddedworks.net/inicsearch/responsive-css/img/filter-icon.png") no-repeat scroll 8px 8px / 20px auto; text-indent: 45px; padding: 8px 0px; display: block !important;} #nav-product{width: 98% !important; margin:0 auto; clear: both; float: none; z-index: auto;} .res-p #nav-product{display: none;} #nav-product.active{position: fixed; left: 0px; top: 0px; z-index: 999; height: 100%; overflow: auto; background: #f4f4f4; width: 275px !important; display: block !important; -webkit-animation: 0.5s LeftToRight ease-in-out; -moz-animation: 0.5s LeftToRight ease-in-out; -o-animation: 0.5s LeftToRight ease-in-out; animation: 0.5s LeftToRight ease-in-out;} #nav-product.active #tabnav{display: none;} #nav-product.active .tabing-nav.cate-left-nav{width: 96%; margin:0 auto; float: none; clear: both;} #nav-product.active .tabing-nav.cate-left-nav li.one{width: auto;} #nav-product.active .tabing-nav.cate-left-nav li.one a#clearfilter{width: 124px !important;} #nav-product.active .tabing-nav.cate-left-nav li.one a{width: 124px !important; margin-right: 4px !important;} #nav-product.active #Technology #back{width: 70% !important; clear: both; margin: 0 auto !important; text-align: center !important; float: none !important; padding-top: 8px;} #wrapper #container #nav-product.active #Technology #back{margin: 0 auto !important;} #nav-product.active #sidebar h3.expand, #sidebar h3.collapse{width: 94% !important;} .narrowcolumn #nav-product.active #sidebar h3.expand, .narrowcolumn #sidebar h3.collapse{width: 94% !important;} #nav-product.active #sidebar ul{width: 98% !important;} /* Filter CSS */ #menu_common{float: none; margin: 0px auto; width: 100%;} #menu_common .set1{float: left; width: 44%;} #menu_common .set1 p{font-size: 16px; color: #515151;} #menu_common .set1 p strong{font-weight: normal;float: left;width: 100%;} #menu_common .set1 p a{float: left; border-bottom: 2px solid #FE7900;} #menu_common .set2{float: left; width: 44%;text-align: center;} #footer .footer-row1 .col3{width: 230px;} #footer .footer-row1 .col4{margin-top: 15px; text-align: center; width: 100%; margin-left: 0px;} .grid{width: 100%; display: none;} div.body_wide_left{width: 520px;} #caption table{width: 100%; margin-bottom:5px;} /* NewsLetter Contents */ #sidebar{background:#F4F4F4 !important; width:100% !important;} .narrowcolumn #sidebar{background: none !important; margin-bottom: 10px;} #sidebar h3{border-bottom: 1px solid #e6e6e6; color: #fe7e50;} #sidebar h3.expand,#sidebar h3.collapse{float:none; clear:both; font-size: 16px; margin: 0 auto; padding: 8px 0 7px !important; width: 98% !important;} .narrowcolumn #sidebar h3.expand,.narrowcolumn #sidebar h3.collapse{float:none; clear:both; font-size: 16px; margin: 0 auto; padding: 8px 0 7px 10px !important;} .narrowcolumn #sidebar h3.expand{background: #4a4a4a url("http://lib.store.yahoo.net/lib/yhst-46542159655918/minus.png") no-repeat scroll right 5px center !important;} .narrowcolumn #sidebar h3.collapse{background: #dddddd url("http://lib.store.yahoo.net/lib/yhst-46542159655918/plus.png") no-repeat scroll right 5px center !important;} /*#sidebar h3.collapse{background: #f4f4f4 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/res-plus.png") no-repeat scroll 190px 8px !important; color: #333 !important; padding: 8px 0 7px 10px !important; width: 95% !important;border-bottom: 1px solid #bebebe !important;}*/ #sidebar ul{float: left; width: 100% !important; border-bottom: 1px solid #bebebe !important;} #nav-product #sidebar ul li.lis{background:url("http://lib.store.yahoo.net/lib/yhst-46542159655918/u-check-bg.png") no-repeat scroll 4px 7px !important; border-bottom: 1px solid #e6e6e6;padding: 5px 0 !important;width: 98% !important;margin-left: 3px !important;} #sidebar.cate-links-navi ul li.lis a{ border: 0 none !important;color: #262524 !important; float: left;font-size: 14px !important;font-weight: normal;margin: 0;padding: 0 0 0 26px !important;} #sidebar ul li.lis span {color: #262524; float: right !important; font-size: 14px !important;} #sidebar.cate-links-navi ul{border:0px solid #000 !important;} .tabs-div #tabber{display: none;} .res-p .tabs-div #tabber{display: block !important;} #sidebar ul li.check{background: url("http://lib.store.yahoo.net/lib/yhst-46542159655918/check-bg.png") no-repeat scroll 4px 7px !important;} #nav-product #sidebar ul li.check{background: url("http://lib.store.yahoo.net/lib/yhst-46542159655918/check-bg.png") no-repeat scroll 4px 7px !important;} /* Middle Contents */ /* Detail Contents */ #caption h2{width: 97%;} .prod-detail2{width: 100%;} #orderForm #caption h2{background: #ffa435; border-radius: 6px; width: 100%;} #orderForm #caption h2 span{border-radius: 6px;} .btn-add,#item-det1,#item-det{width: 100%;} .item-det-spec{width: 100%; padding: 10px 0;} .prod-det{margin-left: 0px;} .prod-detail2 .prod-det{width: auto;} .prod-det .det-right{width: 100%;} .prod-det .det-right .th2{background: #dedede;} .prod-ind-col.p1{margin-left: 12px;} .th2 h2{width: auto% !important; background: none !important; } .prod-det .det-left{float: none; margin-left: 25px; width: 402px;} .iframe.embro.cboxElement{margin-left: 25px;} /*.det-left input{margin-left: 0;}*/ .prod-det .det-right .th3{display: none;} .res-related-items{display: block;} .td4.resDiv{padding-bottom: 10px;} .td4.resDiv td { float: none !important; text-align: left; vertical-align: middle; width: auto !important; } .td4.resDiv td.td5 span {float: none !important; margin: 0 5px;width: 25px;} .td4.resDiv .td5 select {float: none !important; margin-bottom: 0px !important; width: auto !important; max-width: 92% !important;} #item-det1{position: relative; margin-top: 0 !important;} .resdet-tabs{display: block; position: relative;} #product-details .resdet-tabs{display: block; position: relative;} .resdet-tabs .titles{float: left;width: 100%;} #product-details #new-arrival,#item-det{display: none;} .newdetabs{position: absolute; display: none; width: 100%; left: 0;top: 34px; z-index: 99;} #item-det li.active{background:#EBEBEB !important; } .newdetabs li{background: #EBEBEB !important; float: left; margin: 0 !important; width: 100%;} .newdetabs li a{float: left; width: 95%; font-size: 15px; color: #606060;font-weight: bold;line-height: 30px;padding: 2px 12px 0; text-decoration: none; text-transform: uppercase;} .newdetabs li.active a{background: none !important; color: #606060;} #container #header #nav-general li.fg{ background: #060606 none repeat scroll 0 0; float: left;padding: 6px 0 !important; width: 100% !important; } #container #header #nav-general li.fg #search_select,#container #header #nav-general li.fg #adv_search{display: none !important;} #container #header #nav-general li.fg #yahoo_search{display: block !important; float: left;/*margin: 5px 0 10px 8px;*/ margin: 5px 0 10px 0px; text-align: center;} .rec-view h2{background: #dadada; border-radius: 6px; border-bottom:0px solid;} .rec-view h2 span{border-radius: 6px;} .res-options{display: block; float: left; margin: 15px 0 0; width: 100%;} .res-options .th2{background: #dedede;} #get-options{display: none;} .res-options #get-options{display: block;} /* Detail Contents */ #container #header #brandmark{margin-top: 35px; width: 153px;} #container #header #brandmark img{max-width: 100%; height: auto;} #container #header #slogan{width: 72% !important; margin-bottom: 15px;} #container #header #slogan .bottom-sec ul li{height: 32px;} #container #header #slogan .bottom-sec ul{width: 100%;} #container #header #slogan .bottom-sec ul li:nth-child(2){background: none !important;} /*-------------------------------------- Tracking For Less --------------------------------------*/ #wrapper{margin-top: 0px !important; width: 100% !important;} #wrapper #header{background: #575656 !important;} #wrapper #header .header-middle{float: left; width: 100%;} #wrapper #header .header-middle h1#logo img{height: auto !important;} #wrapper .content-wrapper{width: 98% !important;} #wrapper #header .header-middle h1#logo {width: 26%;} #wrapper #header .header-middle h1#logo img{max-width: 100%; height: auto;} #wrapper #header .header-middle .right-part{float: none;} #wrapper #header .header-middle .right-part .searchForm{float: none; text-align: center;} #wrapper #header .header-middle .right-part .searchForm label{margin-top: 5px auto; float: none; text-align: center;} #wrapper #header .header-middle .right-part .searchForm fieldset{margin:12px auto; width: 70%; float: none;} #wrapper #header .header-middle .right-part .searchForm fieldset .search-txt{width: 90%;} #wrapper #header .header-middle .right-part .nav-outer{padding: 5px 0; margin:0 auto;} #wrapper .content-wrapper #bodycontent,#wrapper .content-wrapper #bodycontent,#wrapper .content-wrapper #bodycontent .arrival1{width: 100% !important;} #wrapper .content-wrapper #bodycontent .tab-outer{position: relative;float: left;width: 100%;} .tracking-translate{display: none;} #wrapper .resbanner{float: none; width: 96%; margin:0 auto 5px; clear: both;} #wrapper #container{padding: 0;} #wrapper #container .narrowcolumn{width: 100% !important;} #wrapper #container .narrowcolumn #nav-product{width: 100%;} #wrapper #container .narrowcolumn #nav-product #tabber #tabnav{width: 100%; float: left; padding: 0;} #wrapper #container .narrowcolumn #nav-product #tabber #tabnav li.active{background: #ff8c00; width: 100%; padding: 11px 0; border:1px solid #ff8c00;} #wrapper #container .narrowcolumn #nav-product #tabber #Technology{width: 100% !important; padding: 12px 0 !important;} #wrapper #container .narrowcolumn #nav-product .tabing-nav.cate-left-nav li.one a{background: url(http://lib.store.yahoo.net/lib/yhst-46542159655918/trackingshare.png) no-repeat !important;} #wrapper #container .narrowcolumn #nav-product .tabing-nav.cate-left-nav li.one a#clearfilter{background: url(http://lib.store.yahoo.net/lib/yhst-46542159655918/trackingclear.png) no-repeat !important; margin: 0;} #wrapper .content-wrapper .nw-letter #track_h2{width: 100%; text-align: left; padding: 10px 0px; font-size: 18px;} #wrapper .content-wrapper .nw-letter #track_h2 #track_span{width: auto; padding: 2px 10px; font-size: 14px;} #wrapper .content-wrapper .nw-letter .nw-cont{background: #f6f6f6;} #wrapper .content-wrapper .nw-letter .nw-cont .input2{padding: 2px 10px;} .widecolumn{width: 100% !important;} .tab-outer #new-arrival li.active{background: #a0a5a8 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/tab-nav-down-arrow.png") no-repeat scroll right 12px center; border-bottom: 1px solid #a0a5a8; border-radius: 8px; padding: 0 2px 0 0 !important;} .tab-outer #new-arrival li a.active{background: #ff8c00 url("http://site.embeddedworks.net/inicsearch/responsive-css/img/tab-nav-down-arrow.png") no-repeat scroll right 12px center !important; width: 100%; margin: 0; padding: 1px; text-indent: 14px;} #wrapper #container #bodycontent .services{display: none;} #wrapper #container #bodycontent .tracking{display: none;} #listing-wrapper .prod1{width: 100%; border:0px solid #000; text-align: center;} /*#listing-wrapper .prod1 a{float: left; width: 100%;}*/ #listing-wrapper .prod1 a img{border:1px solid #a5a5a5;} #wrapper #listing-wrapper .prod-detail{width: 100% !important; text-align: center;} #wrapper #listing-wrapper .prod-detail .msrp,#wrapper #listing-wrapper .prod-detail .btn-left{text-align: center;} #wrapper #listing-wrapper .prod-ind-col{float: left;width: 100%; text-align: center;} #wrapper #listing-wrapper .prod-ind-col td{text-align: center;} #inic_relatedItems .relatediv{float: left; width: 100%; overflow: auto;} /*-------------------------------------- Tracking For Less --------------------------------------*/ /* ====== new css 9-4-2016 -======= */ #container #ys_superbar{display:none !important} #tabsmenu-content span{height:auto;} #tabsmenu-content span a{font-size:12px;} #nav-general .filterDiv{margin:12px 10px; height:auto;} .bottom-sec ul li span.fone{padding:5px 13px 7px 33px; font-size:13px; background-size:25px;} .view.custom_view{width: 105px;height: 28px;margin: 5px 0;} .view2.custom_view2{margin: 5px 0 10px 10px;} .addseeprice.custom_add{margin: 0 0 10px 0px; float:left;} } @media only screen and (max-width:680px){ #bodycontent .arrival > table{border-spacing: 0;} .leftrightmove{display: block;} .arrival .block2{float: left !important; margin-right: 0; width: 100% !important; background: #FCFCFC;} .arrival .block2{width: 100%;} .input2 {margin-left: 13px; margin-right: 18px; padding: 0 10px; width: 84%;} .input-btn2{margin: 13px !important;} #footer .footer-row1 .col3{width: 265px;} #footer .footer-row1 .col4{margin-top: 15px; text-align: left; width: 265px;} .BannerRightContents{display: none;} #bodycontent .det-cont{display: none;} #bodyshell{float: none; width: 94%;} .prod-ind .prod-ind-col{background: rgba(0, 0, 0, 0) url("http://lib.store.yahoo.net/lib/yhst-46542159655918/bg1.png") repeat-x scroll left bottom; margin-left: 0; text-align: center; width: 100%;} .arrival >.block2:nth-child(1){left: 0;} .arrival .main-list,.arrival .block2{width: 100% !important; text-align: center; float: left; position: absolute; /*height: 160px;*/ left: -150%; top: 0px; z-index: 9;} .arrival .block2{height: 160px;} .learn-more{float: none;} #caption table td{width: 100%; float: left; height: auto;} #caption #EW_sale_price table td{width: auto; float: none;} .prod-name1{padding-left: 0px; padding-right: 0px;} #listing-wrapper{padding: 12px 0 !important; width: 100%;} .pagination-narrow{width: 100%;} .pagination-narrow .pre-next{width: 100% !important;} .pagination-narrow .showing{width: 100% !important; text-align: center !important;} .pagination-narrow .narrow-inner{width: 100%; padding: 9px 0 !important;} .grid{display: none;} .narrow-inner .grid{display: block;} .narrow-inner .grid #gridview,.narrow-inner .grid #listview{display: none;} .grid > ul{float: none !important; text-align: center; width: 210px; margin:0 auto !important;} .pagination-narrow .page-record{width: 160px !important; text-align: center; float: none !important; margin:0 auto !important;} .pagination-narrow .sort-by{width: 280px !important; text-align: center !important; float: none !important; margin:0 auto !important;} .main-list{width: 100%; padding: 5px 0 15px;} #listing-wrapper .main-list{padding: 5px 0 15px !important;} .prod1{width: 100%; border: none;} .msrp{text-align: center;} .btn-left{float: none;width: 210px; margin:0 auto; text-align: center;} .btn-left a{float: left; margin-bottom: 7px;} .prod-detail h2 {margin:5px 0;} .prod-detail h2 a{text-decoration: none;} .prod-ind-col.first td{text-align: center;} .prod-detail{float: left; width: 100% !important; text-align: center;} .ind-prod{margin-left: 3px;} div.body_wide_left{width: 100% !important;} h2.body_subtitle{width: 94% !important; padding-left: 5px !important;} #caption #fsl_div,#caption #dcr_div{width: 100%;} #caption #fsl_div table td,#caption #dcr_div table td{float: none !important; width: auto !important;} #zohoWebToLead table td{text-align: left !important; padding:3px 0;} #zohoWebToLead table td div{text-align: left !important;} #zohoWebToLead table td input{width: 98% !important;} #zohoWebToLead table td textarea{width: 98% !important;} #zohoWebToLead table td input[type="submit"],#zohoWebToLead table td input[type="reset"]{width: auto !important;} #crmWebToEntityForm table{width: 100%;} #crmWebToEntityForm table td{float:left;text-align: left !important; padding:3px 0; width: 100% !important;} #crmWebToEntityForm table td div{text-align: left !important;} #crmWebToEntityForm table td input{width: 98% !important;} #crmWebToEntityForm table td textarea{width: 98% !important;} #crmWebToEntityForm table td input[type="submit"],#crmWebToEntityForm table td input[type="reset"]{width: auto !important;} #crmWebToEntityForm select{width: 100%;} /*#container #header #slogan{width: 54% !important; margin-right: 0px;}*/ #container #header #slogan .top-sec span{right: 24px; top: 49px;} #container #header #slogan .bottom-sec ul{width: 100%;} .bottom-sec ul li.ask-pro{padding: 6px 0 7px 8px;} /*.bottom-sec ul li span.fone{padding: 6px 13px 7px 40px;}*/ #container #header #slogan .bottom-sec ul li:last-child span{margin-left: 8px;} .bottom-sec ul li .main-item{width: 270px !important;} /*.bottom-sec ul li.ask-pro a{padding: 6px 18px 10px 18px; float: left; top: 3px; width: 0; color: rgba(0, 0, 0, 0) !important; height: 25px;}*/ .resleftmenu{display: none;} .prod-cont{background: none;} #bodycontent .arrival{margin-top: 0px; position: relative; top:37px; padding: 10px 0px !important; height: 170px; width: 100%; overflow: hidden;} #product-details .arrival{position: static !important; overflow: auto;} .tab-outer .arrival{height: auto !important; width: 100% !important;} #footer .footer-row1 .col2,#footer .footer-row1 .col4{margin-top:15px; margin-left: 15px;} #footer .footer-row1 .col4 p img{max-width: 100%; height: auto;} #footer{width: 94%;} #menu_common .set1{float: left; margin-bottom: 25px;} #menu_common .set2{float: left; width: auto; margin-top: 25px;} /* Details Contents */ #main-img{float: left;} #main-img .img{float: none; height: 195px; width: 300px; margin: 0 auto; display: table-cell; vertical-align: middle;} .prod-detail2 .prod-det{margin:10px 0 0 0px;} .prod-det .det-left{width: 300px;} .prod-det .det-left table td{float: none !important;} /*.det-left input{margin: 15px 0;}*/ .rec-view .prod-name1,.rec-view .prod-price1{width: 100% !important; margin-left: 0;} .rec-view td{text-align: center !important;} .rec-view .add-more{float: none !important;} .td4.resDiv .td5 select {float: none !important; width: 90% !important;} .rec-view {position: relative;} .rec-view .prod-ind{overflow: auto;} .rec-view .prod-ind table{border-collapse: separate; border-spacing: 10px;} /*.rec-view .prod-ind td.prod-ind-col.first{position: relative; left: 0; top: 0; }*/ .rec-view .prod-ind td.prod-ind-col{padding:0 15px; width: 100%; float: none;} .rec-view .leftrightmove{top:45%;} .tab-outer .leftrightmove{top:45%;} /* Details Contents */ .product-view .product .prod-details{width:100% !important; margin-left:0;} .tab-outer .arrival1{position: relative; overflow: hidden; top: 33px; opacity: 1 !important;} .tab-outer .arrival1 ul{float: left; width: 100%;} .tab-outer .arrival1 ul li:first-child{width: 100%; position: relative; left: 0; top: 0;} .tab-outer .arrival1 ul li{width: 100%; position: absolute; left: -150%; top: 0; text-align: center; margin: 10px 0;} .tab-outer .arrival1 .prod-img{display: block;margin:0 auto; text-align: center;float: none;} .tab-outer .arrival1 .prod-img >a{ display: table-cell; height: 160px; vertical-align: middle; width: 181px;} .tab-outer .arrival1 .prod-desc{margin: 0px 10px;} .tab-outer .arrival1 .view-more{float: none;} .tab-outer #new-arrival li a{margin-left: 0 !important;} .sensorworks .product .sensorsImages{float: none !important; clear: both; margin: 0 auto; width: 300px !important;} .sensorworks .product .prod-image{width: 100%; padding: 0;} .sensorworks .sens-images{width: 300px; margin-right: 0;} .sensorworks .sens-images #ew_addimage > li{width: 70px;} .sensorworks .sens-images #ew_addimage > li img{width: auto; max-width: 100%; height: auto; max-height: 100%;} .sensorworks .product .prod-details{width: 380px;} .sensorworks .product .prod-details #EW_options td select{width: 90%;} /* ====== mobile view change css ======= */ .ew_container .custom-mobile-header li{display:none;} .ew_container .custom-mobile-header li:last-child{display:block;} .ew_container#container #header #slogan .bottom-sec ul li:last-child span{margin-top:0 !important;} .custom-search-mobile{display:block; cursor: pointer; margin-right: 15px; float: right; clear: right;} .custom-search-mobile img{height:20px; width:auto;} .ew_container #caption h2 span{font-size:14px;} .ew_container #listing-wrapper{padding:5px 0 !important;} } @media only screen and (max-width:480px){ /*Floating Cart*/ .bottom-sec ul li .main-item #ys_superbar #yfc_mini,.bottom-sec ul li .main-item #ys_superbar{width: 170px !important;} .bottom-sec ul li .main-item .smb-mc .minicart_c1{width: 160px !important; margin-left: 38px !important; margin-bottom: 12px; font-size: 12px;} .smb-mc .mini_msg{line-height: inherit !important; float: left !important;} #ys_superbar #yfc_sub_total_mini,#ys_superbar #yfc_total_items_mini{float: left !important; font-size: 12px !important; margin-top: 0px !important;} /*Floating Cart*/ #menu_common .set1{float: left; width: 100%; margin-bottom: 25px;} .yui-skin-sam{display:none;} #container #header #brandmark{margin-top: 13px;} #container #header #brandmark{/*width: 48%;*/} #container #header #slogan .bottom-sec ul li{height: 35px;} #container #header #brandmark img{width: auto; height: auto; max-width: 100%; max-height: 100%;} /*#container #header #slogan{width: auto !important; margin:78px 0 0; float: none; }*/ #container #header #slogan{width: auto !important; margin:60px 0 0; float: none; } #container #header #slogan .top-sec{display: none;} #container #header #slogan .bottom-sec{float: none;} .bottom-sec ul li span.fone{position: static;} #container #header #slogan .bottom-sec ul{width: auto;} #container #header #slogan .bottom-sec ul li{float: none;height: auto;} /*.bottom-sec ul li.ask-pro{padding: 19px 0 7px 4px;}*/ .bottom-sec ul li.ask-pro{padding: 15px 0 0 4px;} /*.bottom-sec ul li.ask-pro a{position: static; padding: 6px 44px 10px 35px;}*/ .bottom-sec ul li.ask-pro a{position: static; padding: 8px 30px 10px 35px; background-size:25px;} .bottom-sec ul li .main-item{float: left;margin-left: 5px;padding-top: 9px;width: 190px !important;} #container #header #slogan .bottom-sec ul li:nth-child(3){float: left; width: 53%; overflow: hidden;} #container #header #slogan .bottom-sec ul li:last-child span img{max-width: 131px; height: auto;} #container #header #slogan .bottom-sec ul li:last-child span a span{float: left; background: rgb(255, 160, 73) none repeat scroll 0% 0%; color: rgb(0, 0, 0); font-size: 10px; text-transform: uppercase; border-radius: 25px; padding: 8px 10px;} .smb-mc .minicart_c2{background: none !important} /* Detail Contents */ #main-img{float: none; margin:0 auto;} .prod-det{width: 100%; margin-top: 10px;} .prod-det .det-left{margin: 0 auto;} .prod-det .det-left .td1{width: 255px !important;} .iframe.embro.cboxElement{float: left; width: 93%; margin-left: 0px !important;} .prod-detail2 .prod-det{margin: 10px 0 0 0;} .reviews{width:100% !important;margin-left:0 !important; text-align:left !important;} .reviews a{padding:10px 10px 10px 0px !important;} .det-left input{margin-left:0;} /* Detail Contents */ /*-------------------------------------- Tracking For Less --------------------------------------*/ #wrapper .content-wrapper{width: 94% !important;} #wrapper #header .header-middle h1#logo { float: left;padding: 10px 0;text-align: center;width: 100%;} #wrapper #header .header-middle .right-part{float: none; padding: 14px 0 0;} #wrapper #header .header-middle .right-part .searchForm{width: 100%; margin-top: 10px;} #wrapper #header .header-middle .right-part .searchForm label{width: 100%; text-align: center; margin:0 auto 10px;} #wrapper #header .header-middle .right-part .searchForm fieldset{width: 260px;margin:10px auto 5px; float: none;} #wrapper #header .header-middle .right-part .nav-outer {float: left; margin: 5px auto; padding: 5px 0 10px; text-align: center; width: 100%;} #wrapper #header .header-middle .right-part .nav-outer #mainNavigation{width: 100%;padding: 0;} #wrapper #header .header-middle .right-part .nav-outer #mainNavigation .cf{display: table; float: left; width: 100%;} #wrapper #header .header-middle .right-part .nav-outer #mainNavigation .cf li{ display: table-cell;float: none; padding: 0 5px;} #wrapper #header .header-middle .right-part .nav-outer .subNav {display: table; float: left; padding: 18px 0 0; text-align: center; width: 100%;} #wrapper #header .header-middle .right-part .nav-outer .subNav li {display: table-cell;float: none; padding: 0;} #wrapper #container .narrowcolumn{width: 100%;} #wrapper #container .narrowcolumn #nav-product .tabing-nav.cate-left-nav li.one a{float: right !important;} #wrapper #container .narrowcolumn #nav-product .tabing-nav.cate-left-nav li.one a#clearfilter{float: left !important;} #wrapper #container #Technology #back{text-align: center !important; margin:10px 0 0 !important;} .tabing-nav.cate-left-nav li.one{margin:5px auto !important; float: none; width: 280px;} #wrapper #container #bodycontent .services > li{width: 100%; text-align: center; margin:0 15px 10px 0;} #wrapper #container #bodycontent .services > li .content{text-align: left;} #wrapper #container #bodycontent .services img {margin-top:10px;height: auto;max-height: 100%; max-width: 100%; width: auto;} #wrapper #container #bodycontent .tracking{clear: both; float: left; width: 100%; margin-top: 20px;} #wrapper #container #bodycontent .tracking h2{text-align: left;} #wrapper #container #bodycontent .tracking p{text-align: left;} #wrapper #container #bodycontent .tracking .left-side{float: none; margin: 10px auto; width: 98%;} #wrapper #container #bodycontent .tracking .left-side img{ height: auto;max-height: 100%; max-width: 100%; width: auto;} #wrapper #container #bodycontent .tracking .right-side{float: none; margin: 10px auto; text-align: center; width: 98%;} #wrapper #container #bodycontent .tracking .right-side img{ height: auto;max-height: 100%; max-width: 100%; width: auto;} #wrapper #container #bodycontent .tracking .right-align li{text-align: left;} #wrapper #container #bodycontent .tracking .right-align li::before{left: 0; right: inherit;} #wrapper #container #bodycontent .tracking .right-align li::after{border-left:5px solid #6c6c6c; border-right:0px solid #6c6c6c; left: 0; right: inherit;} #wrapper #container #bodycontent .tracking.last-block ul{width: 100%} .sensorworks .product .prod-details{width: 300px; margin: 0 auto; float: none;} .sensorstab .cf > li .dropdown{left: 5px !important;} .sensorstab .cf > li:last-child .dropdown{left: auto !important; right: 5px !important;} .sensorstab .cf > li .dropdown li{float: left !important; width: 90% !important;} /*-------------------------------------- Tracking For Less --------------------------------------*/ } @media only screen and (max-width:380px){ /*.res-searchbox{height: 62px;}*/ #searchname{width: 128px !important;} } #res-optionspar #get-options .td5 select{width: 90% !important;} /* Main Banner CSS */ .owl-buttons{display: none;} #owl-demo .item img{display: block;width: 100%;height: auto;} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;float:none; margin:0 auto;width:97%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} .grabbing{cursor:url(http://site.embeddedworks.net/inicsearch/responsive-css/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{left: 0;margin-top: -20px;position: absolute;right: 0;text-align: center;z-index: 9;}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#FFA435;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background: #000;}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(http://site.embeddedworks.net/inicsearch/responsive-css/img/AjaxLoader.gif) center center no-repeat} /* Main Banner CSS */ /* KeyFrames CSS */ @keyframes LeftToRight{from{left:-270px}to{left:0}}@-moz-keyframes LeftToRight{from{left:-270px}to{left:0}}@-o-keyframes LeftToRight{from{left:-270px}to{left:0}}@-ms-keyframes LeftToRight{from{left:-270px}to{left:0}}@-webkit-keyframes LeftToRight{from{left:-270px}to{left:0}}@keyframes LeftToRight1{from{left:0}to{left:270px}}@-moz-keyframes LeftToRight1{from{left:0}to{left:270px}}@-o-keyframes LeftToRight1{from{left:0}to{left:270px}}@-ms-keyframes LeftToRight1{from{left:0}to{left:270px}}@-webkit-keyframes LeftToRight1{from{left:0}to{left:270px}}@keyframes LeftToRight2{from{left:0}to{left:217px}}@-moz-keyframes LeftToRight2{from{left:0}to{left:217px}}@-o-keyframes LeftToRight2{from{left:0}to{left:217px}}@-ms-keyframes LeftToRight2{from{left:0}to{left:217px}}@-webkit-keyframes LeftToRight2{from{left:0}to{left:217px}} /* KeyFrames CSS */ /* ==== new products view css ==== */ #landingPage .product .sensorsImages{width: 290px; float: left;} .product .sensorsImages #main-img { width: 300px; display: table-cell; vertical-align: middle; height: 236px; float:none; } .product .prod-details { float: left; margin-left: 15px; width: 410px; } .product .prod-details { float: left; width: 352px; margin-top: 13px; font-size: 13px; } .product-view .product .prod-details { width:52%; } .product .prod-details p { color: #282828; float: left; width: 100%; margin-bottom: 8px; padding: 0; } .product .prod-details p.model { font-size: 15px; font-weight: bold; padding: 0; text-transform: uppercase; } .product .prod-details p.price { font-size: 24px; color: #e91515; padding: 0; } .product .prod-image{ float: left;margin-bottom: 15px;width: 268px; background: #fff;text-align: center; border-radius:5px;vertical-align: middle; margin-top: 13px; padding: 10px; border: 2px solid #DDD; position: relative;} .product .sensorsImages #main-img .img{float: left;margin-bottom: 15px;width: 290px;position: relative;} .custom-botton-more #btn12 {background: #32669f url(http://site.embeddedworks.net/inicsearch/responsive-css/img/arrow-37-8.png) no-repeat scroll 97% center;border-radius: 5px;color: #fff;font-size: 13px;height: auto;padding: 3px 14px 4px 6px;width: auto;} .custom-botton-more #btn13 { background: #32669f url(http://site.embeddedworks.net/inicsearch/responsive-css/img/arrow-155-8.png) no-repeat scroll 96% center; border-radius: 5px; color: #fff; font-size: 13px; height: auto; padding: 3px 14px 4px 6px; width: auto; } /* ====== new css for hide leftNavigation view ======= */ .removeLeftNav #nav-product,.removeLeftNav #filterDiv{display: none !important;} .removeLeftNav #bodycontent{width: 100% !important;} .removeLeftNav #bodycontent .prod-cont{width: 98%;} .removeLeftNav #bodycontent .prod-cont .arrival{width: 98%;} .removeLeftNav #bodycontent .prod-cont .arrival .feat-prod{width: 100%;} .removeLeftNav #bodycontent .prod-cont .arrival .feat-prod .prod-ind .prod-ind-col{width: 230px; background: url(http://lib.store.yahoo.net/lib/yhst-46542159655918/bg1.png) repeat-x bottom left;} .removeLeftNav .block2{width: 48%;} .wholesaleView .wholesale-label{float: left; margin-right: 5px; font-size: 18px;color: #b50909;} .wholesaleView #disp_price{float:left; width:auto; margin-top:0px;} .wholesaleLogin{ position: absolute; right: 220px; top: 5px; font-size: 15px; color: #ffa435; text-decoration: none;} #nav-general li:hover .dropdown{display: table !important;} #nav-general li:hover .dropdown ul{float: none !important; min-width: 200px; display: table-cell; vertical-align: top;width: auto !important;} #nav-general li .dropdown li{margin: 0 !important;}