@charset "utf-8";



/*



Theme Name: WPTradeA



Theme URI: http://phoneseed.com/




Version: 1.0

Author: wpsite


Author URI: http://phoneseed.com/




*/



/**************** Global CSS *********************/



.language span{font-weight:bold;font-size:14px;}



html, body{ margin:0 auto; padding:0; color:#333; font-size:12px; font-family:Calibri,Tahoma,Times New Roman,Arial,Helvetica,Verdana,Sans-serif; background-color:#F0F0F0;}



div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}



img,a img{margin:0; padding:0; border:none;}



ul,ol,li{list-style:none;}



table,td,input{ margin:0;padding:0; font-size:12px;}



h1,h2,h3,h4,h5,h6{ margin:0 auto;}



h1 {font-size:28px;}



h2 {font-size:22px;}



h3 {font-size:16px;}



h4 {font-size:14px;}



h5 {font-size:12px;}



h6 {font-size:12px;}







.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}







a:link, a:visited{ color:#4F505D; text-decoration:none; outline-style:none;} 



a:hover{ color:#00bfff; text-decoration:underline;}

.cat-item a:hover{color:#00bfff;}





/* Wrapper#C0F020 */



.wrapper{ margin:0 auto; width:970px;}







/* Header */



.header{ margin:0 auto; padding:0 5px; width:960px; }







/* Logo */



.logo{ float:left; margin:45px 0px 10px; font-size:32px; text-indent:-9999px; }



.logo a:link, .logo a:visited, .logo a:hover{ width:590px; height:70px; background:url(http://www.circuit-engineering.com/wp-content/uploads/2011/06/LOGO21.jpg) no-repeat 0 0; display:block; }







/* Header Right */



.headerR{ float:right; padding:15px 0px; width:350px;}







/* Mini Function */



.language{ font-size:13px; float:right; padding:0px 5px 8px; width:353px; height:28px; line-height:16px; text-align:right;}



.language img{ position:relative; top:3px;}







/* Search */



.searchform{ float:right; margin:6px 0px 2px; padding:9px 10px 1px; width:326px; height:30px; background:url(images/search.gif) no-repeat 0 0; overflow:hidden;}



.searchInput{ float:left; padding:3px 0px 1px 25px; width:240px; height:16px; line-height:16px; color:#787878; border:none; background:none;}



.searchBtn{ float:right; width:60px; height:26px; line-height:26px; border:none; background:none; text-align:center; text-indent:-9999px; cursor:pointer;}







/* Navigation */



.navi{ float:left; margin-bottom:15px; _ margin-bottom:0px; padding:0px 10px; width:950px; height:36px; line-height:35px; background:url(images/sprite.png) no-repeat 0 0; position:relative; top:-310px;}



.navi li{ float:left; height:36px; line-height:35px; text-align:center; font-weight:bold; color:#FFF; background:url(images/sprite.png) no-repeat 0 -85px; text-transform:capitalize; text-shadow:1px 1px 0px #242424;}



.navi li.nl{ background:none;}



.navi li a:link, .navi li a:visited{ padding:0px 13px 0px 15px; color:#FFF; text-decoration:none; display:block;}



.navi li a:hover{ color:#C0F020;}



.navi li.current_page_item a:link, .navi li.current_page_item a:visited, .navi li.current_page_item a:hover{ color:#C0F020;}



.navi li.current_page_item a:hover{ color:#FFF;}







/* SubCats Link */



.navi li:hover a:link, .navi li:hover a:visited, .navi li:hover a:hover{ color:#C0F020; text-decoration:none;}



.navi li:hover ul li a:link, .navi li:hover ul li a:visited{ color:#FFF; text-decoration:none;}



.navi li:hover ul li a:hover{ color:#00BFFF; text-decoration:none;}







.navi ul{ position:relative; z-index:2000; background-color:#353637;}



.navi li{ position:relative;}



.navi li ul{ position:absolute; padding:0px 1px; width:180px; top:36px; left:1px; display:none;}



.navi li ul li{ margin:0px auto; padding:0px 0px; width:180px; height:30px; line-height:29px; text-align:left; text-indent:8px; border-bottom:1px solid #454647; background:none;}



.navi li ul li a:link, .navi li ul li a:visited{ padding-left:5px; _width:162px; border-bottom:1px solid #222; color:#FFF; background:none; text-decoration:none;}



.navi li ul li a:hover{ color:#FC0; background-color:#444; text-decoration:none;}







/* BreadCrumb */



.breadcrumb{ float:left; width:700px; margin-bottom:10px; padding:5px 0px; color:#787878;}



.breadcrumb a:link, .breadcrumb a:visited{ color:#787878;}







/* Container */



.container{ float:left; width:970px; background:url(images/container_bg.jpg) repeat-y 0 0;}



.container_top{ float:left; width:970px; height:15px; background:url(images/container_top.png) no-repeat 0 0;background-color:#F0F0F0;}



.container_btm{ float:left; width:970px; height:15px; background:url(images/container_btm.png) no-repeat 0 0;}



.container_cnt{ float:left; padding:8px 18px; width:934px;}







/* Banner */



.banner{ float:left; margin:0px 0px; padding:6px 6px 6px 4px; width:958px; height:298px; background:url(images/slideshow.jpg) no-repeat center 0; overflow:hidden; position:relative; left:-4px; top:45px;}



.bntl, .bntr, .bnbl, .bnbr{ width:14px; height:14px; background-image:url(images/slideshow.gif); background-repeat:no-repeat; display:block; position:absolute; z-index:1000;}



.bntl{ left:-1px; top:0px; background-position:0 0;}



.bntr{ right:1px; top:0px; background-position:right 0;}



.bnbl{ left:-1px; bottom:0px; background-position:0 bottom;}



.bnbr{ right:1px; bottom:0px; background-position:right bottom;}







/* Slideshow */



.slideshow{ width:958px; height:298px; position:relative; overflow:hidden;}



#showimg{ z-index:10;}



#showimg img{ width:958px; height:298px;}



.opacity{ width:958px; height:30px; background-color:#F0F0F0; position:absolute; z-index:99; bottom:0px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; overflow:hidden;}



.operate{ position:absolute; z-index:1000; right:5px; bottom:5px;}



.operate span{ float:left; margin-left:3px; width:18px; height:17px; line-height:17px; cursor:pointer; color:#DDD; background-color:#333; text-align:center;}



.operate span.hov{ font-weight:bold; color:#000; background-color:#EEE; background-position:0 0;}



#msg{ float:left; width:958px; height:26px; line-height:26px; position:absolute; z-index:100; bottom:0px; overflow:hidden; }



#msg li{ height:24px;  text-align:left; text-indent:16px; font-size:14px; font-weight:bold; color:#004C94; display:block;}



#msg li a:link, #msg li a:visited{ color:#333; text-decoration:none;}



#msg li a:hover{ color:#FFF; text-decoration:underline;}



.displayblock{ display:block;}



.displaynone{display:none;}







/* Sidebar */



.sidebar{ float:left; width:210px;}



.sidebar h3{ padding-left:30px; height:28px; line-height:27px; font-size:14px; color:#FFF; background:url(images/sprite.png) no-repeat 0 -46px; text-shadow:1px 1px 0px #222; text-transform:capitalize;}



.sidebar ul li{ margin-bottom:8px;}



.sidebar ul li ul{ padding:10px 5px 8px 0px;}



.sidebar ul li ul li{ margin-bottom:0px; padding:2px 0px 2px 22px; width:185px; line-height:18px; border:none; background:url(images/spot.gif) no-repeat 11px 9px; white-space:nowrap; overflow:hidden;}



.sidebar ul li ul li ul{ margin-left:-10px; padding:0px 5px 0px 0px;}







.sidebar ul li.widget_text{ line-height:20px;}



.sidebar ul li.widget_text div{ padding:10px 0px; border-top:none; text-align:center;}



.sidebar ul li.widget_text div.sb_contactus{ padding:10px 0px 0px 0px; text-align:left;}



.sidebar ul li.widget_tag_cloud div{ padding:8px 8px 8px 10px;}



.sidebar ul li.widget_MostVotedAllTime div.votewidget_skin{ padding:8px 0px;}



.sidebar ul li.widget_MostVotedAllTime div.votelistind{ padding:3px 0px 2px; width:200px; line-height:18px; white-space:nowrap; overflow:hidden;}







/* Categories */



.sidebar ul li.widget_categories ul{ float:left; padding:10px 5px; z-index:1;}



.sidebar ul li.widget_categories ul li{ float:left; padding:0px 0px; width:200px; font-weight:bold; background-position:8px 12px; *background-position:8px 10px; white-space:normal; overflow:visible; position:relative;z-index:1;}



.navi li ul.sub-menu{z-index:80;}



.navi li ul.sub-menu li{z-index:80;}



.navi li ul.sub-menu li a{z-index:80;}



#menu-new-menu {z-index:80;}



.sidebar ul li.widget_categories a:link, .sidebar ul li.widget_categories a:visited{ padding:1px 0px 2px 20px; height:24px; line-height:24px; border-bottom:1px solid #E0E0E0; display:block;}



.sidebar ul li.widget_categories a:hover{ border-bottom:1px solid #AAA;}



.sidebar ul li.widget_categories ul li ul{ padding:0px 5px; width:160px; border:1px solid #AAA; background-color:#F0F0F0; position:absolute; top:0px; left:186px; z-index:100; display:none;}



.sidebar ul li.widget_categories ul li ul li{ width:160px; font-weight:normal; background-color:#EEE; position:static;}



.sidebar ul li.widget_categories ul li ul li a:link, .sidebar ul li.widget_categories ul li ul li a:visited{ border-bottom:1px solid #E0E0E0;}



.sidebar ul li.widget_categories ul li ul li a:hover{ border-bottom:1px solid #AAA;}



.sidebar ul li.widget_categories ul li.current-cat a:link, .sidebar ul li.widget_categories ul li.current-cat a:visited{ color:#00bfff; text-decoration:underline;}



.sidebar ul li.widget_categories ul li.current-cat ul a:hover{ color:#4F505D; text-decoration:underline;}







.sidebar ul li.widget_categories ul li:hover a{ color:#00bfff; border-bottom:1px solid #AAA;}



.sidebar ul li.widget_categories ul li:hover ul a:link, .sidebar ul li.widget_categories ul li:hover ul a:visited{ color:#4F505D; text-decoration:none;}



.sidebar ul li.widget_categories ul li:hover ul a:hover{ color:#C0F020; text-decoration:underline;}







.sidebar ul li.widget_catlist ul{ float:left; padding:10px 5px;}



.sidebar ul li.widget_catlist ul li{ float:left; padding:0px 0px; width:200px; font-weight:bold; background-position:8px 12px; *background-position:8px 10px; white-space:normal; overflow:visible;}



.sidebar ul li.widget_catlist ul li ul{ padding:0px 0px 0px 24px;}



.sidebar ul li.widget_catlist ul li ul li{ width:175px; font-weight:normal;}



.sidebar ul li.widget_catlist a:link, .sidebar ul li.widget_catlist a:visited{ padding:1px 0px 2px 20px; height:24px; line-height:24px; border-bottom:1px solid #E0E0E0; display:block;}



.sidebar ul li.widget_catlist a:hover{ border-bottom:1px solid #AAA;}







/* Calendar */



#calendar_wrap{ margin:5px 0px;}



#wp-calendar{ width:100%;}



#wp-calendar caption{ padding:5px 0px;}



#wp-calendar th, #wp-calendar td{ padding:2px 2px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}



#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}



#wp-calendar tbody tr td a:hover{ color:#222;}



#wp-calendar tbody tr td:hover{ border:1px solid #D0D0D0; color:#444; background-color:#EEE;}



#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}



.pad{ border:none !important; background:none !important;}







/* Search */



.sidebar ul li.widget_search .searchform{ float:none; margin:0px; padding:10px 5px 5px; width:200px; height:20px; background:none;}



.sidebar ul li.widget_search .searchInput{ padding:2px 5px; width:135px; border:1px solid #222; background-color:#F6F6F6;}



.sidebar ul li.widget_search .searchBtn{ width:50px; height:22px; *line-height:18px; text-align:center; text-indent:0px; border:1px solid #29545F; background-color:#CCC; position:static;}







/* Content */



.content{ float:right; width:700px; overflow:hidden;}







/* Introduce */



.introduce{ float:left; margin-bottom:10px; width:700px; line-height:22px; overflow:hidden;}



.introduce .excerpt{ float:left; overflow:hidden;}



.introduce p{ float:right;}



.introduce p img{ padding:5px 10px 0px 0px;}



a.readmore:link, a.readmore:visited{ width:44px; height:13px; text-indent:-9999px; background:url(images/readmore.gif) repeat-x 0 0; display:block;}







/* Featured */



.featured{ width:700px; overflow:hidden;}



.featured h2, .content h2{ padding-left:35px; height:29px; line-height:28px; font-size:14px; text-transform:capitalize; color:#222; text-shadow:1px 1px 0px #DDD; background:url(images/sprite.png) repeat-x right -46px;}







.flist{ float:left; padding:15px 10px 10px 13px; width:675px; border:1px solid #D3D3D3; background-color:#FFF;}



.flist ul li{ float:left; margin:4px 1px; width:166px; height:205px; text-align:center; overflow:hidden;}



.flist ul li img{ padding:9px 9px; *padding:8px 10px 10px 8px; width:145px; height:145px; background:url(images/circle.gif) repeat-x center center;}



.flist ul li h3{ margin-bottom:5px; width:160px; height:32px; line-height:16px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}







/* Archive */



.plist{ float:left; padding:10px 10px 10px 13px; width:675px; border:1px solid #D3D3D3; background-color:#FFF;}



.plist ul li{ float:left; padding:10px 0px 0px 0px;}



.thumb{ float:left; width:168px; text-align:center; vertical-align:middle; overflow:hidden;}



.thumb img{ width:140px; height:135px; padding:1px 1px; border:1px solid #CCC;}



.thumb span{ margin:5px 0px; height:36px; line-height:18px; color:#666; display:block; overflow:hidden;}







.describe{ float:left; margin:5px 0px; padding:0px 10px 0px 20px; width:470px; height:160px; overflow:hidden;}



.describe h3{ margin-bottom:10px; font-size:13px; text-align:left; text-transform:capitalize;}



.describe p{ line-height:22px; color:#454545; overflow:hidden;}







/* Latest products */



.latest_products{ margin-bottom:12px; overflow:hidden;}



.latest_products h2{ background-position:right -85px;}







/* Hot products */



.hot_products{ margin-bottom:0px; overflow:hidden;}







/* Single */



.single{ padding:0px 10px 5px; width:680px; line-height:25px;}



.single h2{ margin-bottom:15px; padding:0px 0px 5px; height:28px; line-height:28px; font-size:14px; text-align:center; background:url(images/vline.gif) repeat-x center bottom;}



.single h3, .single h3{ margin:10px 0px;}



.single p{ padding:5px 0px; line-height:20px;}



/*עʹIEͼƬͲ.single img{ float:none; margin-bottom:10px; max-width:660px; width:expression(this.width > 660 ? "660px" : this.width); height:auto;}*/



.alignleft{ float:left;}



.alignright{ float:right;}



.aligncenter{ float:none; margin:0 auto 10px; text-align:center;}







/* Error */



.error h2{ padding-left:35px; height:29px; line-height:28px; font-size:12px; text-transform:capitalize; color:#222; text-shadow:1px 1px 0px #DDD; background:url(images/sprite.png) repeat-x right -46px;}



.error p{ margin:20px 10px; line-height:22px;}







/* Relative Products */



.related_products { float:left; margin:15px 0px 5px; padding:0px 10px 10px 10px; width:660px; border:1px solid #E0E0E0; background-color:#FFF;}



.related_products h2{ padding:0px 0px; text-align:left; font-size:12px;}



.related_products ul{ float:left; padding:10px 8px 5px 10px;}



.related_products ul li{ float:left; margin-bottom:12px; padding:0px 5px; width:150px;}



.related_products ul li img{ padding:2px 2px; width:140px; height:125px; border:1px solid #DDD; display:block;}



.related_products ul li h3{ margin-bottom:3px; width:140px; height:32px; line-height:16px; text-align:center; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}



.related_products ul li span{ color:#666;}







.related_news { float:left; margin:15px 0px 5px !important; padding:0px 10px 10px 10px !important; width:660px !important; border:1px solid #E0E0E0 !important; background-color:#FFF;display:none;}



.related_news h2{ padding:0px 0px; text-align:left; font-size:12px;}







/* Pagenavi */



.wpagenavi{ margin:15px 0px; padding-top:20px; height:24px; text-align:center; border-top:1px solid #D0D0D0;}



.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:3px 7px; text-decoration:none; border:1px solid #CCC; color:#333; background:#EBEBEB url(images/sprite.png) no-repeat 0 -132px;}



.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #606B73; color:#900; font-weight:bold;}



.wpagenavi a.extend{ padding:3px 6px; color:#222;}



.wpagenavi a.extend:hover{ color:#900 !important;}



.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #606B73; font-weight:bold; color:#900 !important; background:#D9D9D9 url(images/sprite.png) no-repeat 0 -145px;}



.pagelr{ float:left; margin:15px 0px 5px; padding:5px 10px; width:660px; border:1px solid #E0E0E0; background-color:#FFF;}



.pageleft{ float:left; padding-left:5px; font-weight:bold;}



.pageright{ float:right; padding-right:5px; font-weight:bold;}







/* Comments*/



.post_comment{ float:left; width:100%; margin:15px 0px; overflow:hidden; }



#addcomment, #comments{ float:left; width:99%; margin:10px 0px 15px; padding:6px 0px 6px; text-indent:15px; line-height:16px; color:#222; font-size:14px; border-width:1px; border-style:solid; border-color:#D9D9D9 #D0D0D0 #D0D0D0 #D9D9D9; text-shadow:1px 1px 0px #F5F5F5; background:#D7D8D9 url(images/sprite.png) repeat-x 0 -145px;}



.post_comment p{ padding:5px 10px; font-size:12px;}



.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }



.commentlist{ width:98%; padding:5px 0px; font-size:12px; clear:both;}



.commentlist li{ margin-bottom:10px; padding-top:5px; background-color:#FFF; border:1px solid #E3E3E3;}



.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDD;}



.commentlist li.comment-author-admin{ background:#F6F6F6;}



.commentlist li ul{ margin:10px 10px;}



.commentlist li ul.children{ margin:10px 0px;}



.commentlist li p{ padding:5px 10px;}







.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}



.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}



.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}



.author_info cite{ font-style:normal; font-weight:bold;}



.author_info em{ font-size:10px;}







.reply{ float:right; margin-top:-3px;}



#cancel-comment-reply{ float:right; margin-right:10px;}



.reply a, #cancel-comment-reply a{ color:#999;}



.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}







#respond{ padding-bottom:35px;}



#respond em{ color:#FF0242;}



#author, #email, #url, #comment{ margin:0px 5px; padding:5px 5px; width:45%; border:1px solid #CCC;}



#comment{ width:97%; height:150px; font-size:12px; overflow-y:scroll;}



#submit{ float:right; margin:0 5px; width:90px; height:28px; line-height:28px; font-size:14px; font-weight:bold; text-indent:-9999px; border:none; color:#FFF; background:#666 url(images/submit.gif) no-repeat 0 0; cursor:pointer;}



.post_comment .navigation{ width:97%;}







/* Sitemap */



.container_map{ background:url(images/container_map.png) repeat-y 0 0;}



.sitemaps{ float:left; width:900px; padding:0px 17px;}



.pagelist, .catlist, .productlist{ float:left; margin:15px 0px; width:100%;}



.pagelist{ margin-bottom:0px;}



.productlist{ margin:0px;}



.pagelist li, .catlist li{ float:left; padding-right:10px;}



.catlist, .productlist{ padding-top:15px; border-top:1px dotted #CCC;}



.productlist h3{ font-size:12px;}



.productlist ul{ float:left; width:100%;}



.productlist ul li{ padding:5px 0px 4px 22px; line-height:18px; background:url(images/spot.gif) no-repeat 10px 12px; overflow:hidden;}



.productlist .wpagenavi{ float:left; margin:15px 0px 20px; width:900px;}







.newslist{ border-top:none;}



.newslist ul li span{ float:right; padding-right:10px; color:#666;}



.newslist .wpagenavi{ float:none; width:auto;}







/* FriendLink */



.friendlink{ margin:10px auto; width:960px; text-align:left; border:1px solid #D5D5D5; overflow:hidden;}



.friendlink h3{ height:29px; line-height:29px; font-size:13px; text-indent:12px; color:#333; border-bottom:1px solid #D9D9D9; background:#FDFDFD url(images/footer.png) repeat-x 0 -12px;}



.friendlink ul{ float:left; padding:8px 5px; width:950px;}



.friendlink ul li{ float:left; margin:3px 5px; height:18px; line-height:18px; white-space:nowrap;}



.friendlink ul h4{ display:none;}







/* Footer */



.footer{    background: url("images/footer.png") repeat-x scroll 0 0 #FDFDFD;margin:0 auto; padding:20px 0 15px; width:100%; text-align:center; }



.footpage{ padding:10px 10px; text-align:center;}



.footpage li{ width:1px; padding:0px 8px 0px 12px; text-transform:capitalize; background:url(images/line.gif) no-repeat 0 center; display:inline; word-break:keep; white-space:nowrap;}



.footpage li.nb{ background:none;}



.footer p{ line-height:24px; text-align:center; text-transform:capitalize;}



.footer a:link, .footer a:visited{ color:#333;}



.footer a:hover{ color:#00bfff; text-decoration:underline;}







img.alignright {float:right; margin:0 0 1em 1em}



img.alignleft {float:left; margin:0 3px 0 0}



img.aligncenter {display: block; margin-left: auto; margin-right: auto}



a img.alignright {float:right; margin:0 0 1em 1em}



a img.alignleft {float:left; margin:0 1em 1em 0}



a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.sidebar ul li.widget_categories a:hover{color:#00bfff;}



.thumb a:hover{color:#00bfff;}