@charset "utf-8";

/*

Theme Name: WPTradeC-en

Theme URI: 
Description: Enterprise Theme designed by <a href=""></a>.

Version: 1.0

Author: 

Author URI: 

Tags: deep red, gray, fixed width, enterprise, two columns, widgets

*/

/**************** Global CSS *********************/

html, body{ margin:0 auto; padding:0; color:#222; font-size:12px; font-family:Arial,Helvetica,Verdana,Sans-serif; background-color:#FFF;}

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;} 

a:hover{ color:#DD0C0C; text-decoration:underline;}



/* Wrapper */

.wrapper{ margin:0 auto; width:960px;}



/* Header */

.header{ width:960px;}
.top{float:left; width:960px;}
.headerR{ float:right; padding:15px 0px; width:350px;}



/* Logo */

.logo{ float:left; margin:44px 0px 0px; text-indent:-9999px;}

.logo a:link, .logo a:visited, .logo a:hover{ width:185px; height:55px; background:url(images/logo.jpg) no-repeat 0 0; display:block;}

.topr{float:left; margin:10px 0px 0px; width:770px; height:31px; _height:30px; overflow:hidden;}

.topline{ float:left; width:770px; height:3px; overflow:hidden;}

.topr img{ float:right; *margin-top:-22px; width:175px; height:28px;}



/* Page menu */

.pagemenu{ float:left; width:770px; height:28px; overflow:hidden;}

.pagemenu li{ float:left; height:28px; text-align:center; color:#FFF; text-transform:capitalize;}

.pagemenu li ul{ background-color:#2A2E31;}

.pagemenu li a:link, .pagemenu li a:visited{ float:left; margin:0px 2px; _margin:0px 1px; padding-left:15px; height:28px; line-height:27px; color:#FFF; background:url(images/sprite.png) no-repeat 0 0; text-decoration:none; cursor:pointer; display:block;}

.pagemenu li a:hover{ color:#FFCB5C; background-position:0px -38px; text-decoration:underline;}

.pagemenu li a span{ padding:1px 12px 0px 0px; background:url(images/sprite.png) no-repeat right 0px; display:inline-block;}

.pagemenu li a:hover span{ color:#FFCB5C; background-position:right -38px; text-decoration:underline;}

.pagemenu li.current_page_item a:link, .pagemenu li.current_page_item a:visited, .pagemenu li.current_page_item a:hover{ color:#FFF; background-position:0px -38px;}

.pagemenu li.current_page_item a span{ background-position:right -38px; display:inline-block;}



/* Navigation */

.navigation{ float:left; width:960px; height:60px; background:url(images/bg.png) no-repeat 0 -38px; overflow:hidden;}



/* CategoryMenu */

.catsmenu{ float:left; margin:0px 10px; _margin:0px 5px;}

.catsmenu li{ float:left; padding:8px 5px 6px 8px; *padding:8px 5px 5px 8px; text-transform:capitalize; background:url(images/bg.png) no-repeat 0 0;}

.catsmenu li.cat-item-518{ background:none;}/* the First Categery's ID */

.catsmenu li.current-cat a:link, .catsmenu li.current-cat a:visited{ color:#FFCB5C; text-decoration:underline;}

.catsmenu a:link, .catsmenu a:visited{ color:#FFF; text-decoration:none; display:block;}

.catsmenu a:hover{ color:#FFCB5C; text-decoration:underline;}



.searchform{ float:left; margin:6px 20px 2px; *margin:8px 5px 2px; width:300px; *width:310px;}

.searchInput{ float:left; padding:0px 5px; width:220px; height:14px; line-height:14px;}

.searchBtn{ float:right; margin-left:5px; width:60px; height:18px; line-height:18px; color:#7B2E00; font-weight:bold; border:none; background:url(images/icon.gif) no-repeat 0 -46px; cursor:pointer; text-indent:-9999px;}



.subpage{ float:right; margin:2px 15px 0px 0px; height:28px; line-height:28px; color:#900; text-transform:capitalize;}

.subpage a:link, .subpage a:visited { padding:3px 5px 2px 20px; color:#900; text-decoration:none;}

.subpage a:hover{ text-decoration:underline;}

.subpage a.sitemap{ background:url(images/icon.gif) no-repeat 0 3px;}

.subpage a.contact{ margin-left:7px; padding-left:22px; background:url(images/icon.gif) no-repeat 0 -20px;}



/* BreadCrumb */

.breadcrumb{ float:left; width:940px; padding:10px 10px;}

.breadcrumb li{ width:1px; padding-right:3px; text-transform:capitalize; display:inline; word-break:keep; white-space:nowrap;}

.marquee{ float:right; *margin-top:-16px; width:680px; height:16px; line-height:16px; overflow:hidden;}



.banner{ float:left; margin:10px 0px;}



/* Container */

.container{ float:left; width:960px;}



/* Sidebar */

.sidebar{ float:left; width:190px; overflow:hidden;}

.sidebar h3{ padding-left:10px; height:32px; line-height:27px; font-size:13px; background:url(images/sprite.png) no-repeat 0 -170px; text-shadow:1px 1px 0px #F5F5F5;}

.sidebar ul li{ margin-bottom:8px;}

.sidebar ul li ul{ padding:5px 5px 8px 0px; border:1px solid #CCC; border-top:none;}

.sidebar ul li ul li{ margin-bottom:0px; padding:2px 0px 2px 22px; line-height:18px; border:none; background:url(images/icon.gif) no-repeat 10px -91px; overflow:hidden;}

.sidebar ul li.widget_text{ line-height:20px;}

.sidebar ul li.widget_text div{ padding:0px 0px; border:1px solid #C5DDF6; border-top:none; text-align:center;}

.sidebar ul li.widget_tag_cloud div{ padding:8px 8px 8px 10px;}



/* Categories */

.sidebar ul li#categories h3{ color:#FFF; text-shadow:1px 1px 0px #333; background-position:0 -123px;}

.sidebar ul li#categories li{ background-position:10px -70px;}



/* Content */

.content{ float:right; width:755px; overflow:hidden;}



/* Hot products */

.hot_products{ margin-bottom:10px; overflow:hidden;}

.hot_products h2{ height:28px; line-height:27px; font-size:12px; text-transform:capitalize; color:#FFF; border-right:1px solid #606B73; border-left:1px solid #8E2F31; text-shadow:1px 1px 0px #333; background:#708289 url(images/sprite.png) repeat-x 0 -262px;}

.hot_products h2 span{ float:left; padding:0px 12px; height:28px; line-height:27px; background:#BA3D40 url(images/sprite.png) repeat-x 0 -307px;}

.hotlist{ float:left; padding:15px 10px 5px 13px; width:730px; border:1px solid #CCC;}

.hotlist ul li{ float:left; padding:0px 6px 0px 4px; width:136px; overflow:hidden;}

.hotlist ul li img{ padding:2px 2px; width:130px; height:125px; border:1px solid #DDD;}

.hotlist ul li h3{ margin-bottom:10px; width:130px; height:45px; line-height:15px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}

.hotlist ul li span{ color:#666;}



/* Featured */

.featured{ width:755px; overflow:hidden;}

.featured h2{ height:28px; line-height:27px; font-size:12px; text-transform:capitalize; color:#FFF; border-right:1px solid #B5B7B9; border-left:1px solid #606B73; text-shadow:1px 1px 0px #333; background:url(images/sprite.png) repeat-x 0 -217px;}

.featured h2 span{ float:left; padding:0px 12px; height:28px; line-height:27px; background:url(images/sprite.png) repeat-x 0 -262px;}



/* Introduce */

.introduce{ float:left; width:505px; margin-bottom:10px; overflow:hidden;}

.introduce .excerpt{ float:left; padding:15px 10px 12px 13px; width:480px; height:160px; line-height:20px; border:1px solid #CCC; border-top:none; overflow:hidden;}

.introduce p{ float:right; line-height:18px;}

.otherintfo .excerpt{ height:84px;}

.otherintfo p{ float:none; text-align:center;}



/* FactoryVideo */

.video{ float:right; width:240px; overflow:hidden;}

.video h2 span{ background-position: 0 -307px;}

.video div{ float:left; margin:5px 0px 10px; width:238px; height:100px; border:1px solid #CCC; border-top:none; overflow:hidden;}



/* Contact US */

.contactus div{ margin:0px 0px; padding:10px 8px 10px 10px; width:220px; height:167px; line-height:18px; overflow:hidden;}



/* ProductList */

.catdescribe{ margin-bottom:10px; padding:10px 8px 10px 12px; border:1px solid #CCC; line-height:18px;}



.pmeta{ margin:0px 1px; height:28px; line-height:28px; border-right:1px solid #B5B7B9; border-left:1px solid #CCC; color:#404040; text-shadow:1px 1px 0px #F5F5F5; background:url(images/sprite.png) repeat-x 0 -217px;}

.pthumb, .pdescribe, .pdownlaod{ float:left; text-align:center; border-right:1px solid #CCC;}

.pthumb{ width:165px;}

.pdescribe{ width:580px; border-right:none;}

.pdownlaod{ width:130px; border-right:none;}



.product_list{ float:left; padding:15px 0px 15px 10px;}

.singleproduct{ float:left; padding:10px 0px 5px 0px; border-bottom:1px dotted #A9B4C3;}

.thumb{ float:left; width:150px; text-align:center; vertical-align:middle; overflow:hidden;}

.thumb img{ width:130px; height:125px; 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; padding:5px 10px 5px 20px; width:560px; height:160px; overflow:hidden;}

.describe h2{ margin-bottom:10px; font-size:13px; text-align:left; text-transform:capitalize;}

.describe p{ line-height:22px; color:#454545; overflow:hidden;}



.downlaod{ float:right; width:130px; height:140px; line-height:140px; text-align:center; overflow:hidden;}

.downlaod a{ text-decoration:underline;}



/* Single */

.single{ border:1px solid #CCC; border-top:none; overflow:hidden;}

.single h2{ padding:0px 12px; height:28px; line-height:28px; font-size:12px; background:url(images/sprite.png) repeat-x 0 -217px;}

.product_detail{ margin:15px 10px 15px 15px;}

.product_detail p{ padding:5px 0px; line-height:22px;}

.product_detail img{ float:none; margin-bottom:10px; max-width:720px; width:expression(this.width > 720 ? "720px" : this.width); height:auto;}

.alignleft{ float:left;}

.alignright{ float:right;}



/* Relative Products */

.related_products { margin:10px 0px 5px;}

.related_products h2{ border-bottom:1px solid #919497; background-position:0 -449px;}

.related_products ul{ float:left; padding:15px 10px 5px 13px;}

.related_products ul li{ float:left; margin-bottom:10px; padding:0px 6px 0px 4px; width:136px;}

.related_products ul li img{ padding:2px 2px; width:130px; height:125px; border:1px solid #DDD;}

.related_products ul li h3{ margin-bottom:5px; width:130px; height:45px; line-height:15px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}

.related_products ul li span{ color:#666;}



/* Pagenavi */

.wpagenavi{ margin:0px 0px 15px; padding-top:15px; height:24px; text-align:center;}

.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:3px 7px; text-decoration:none; border:1px solid #CCC; color:#333; background:url(images/sprite.png) repeat-x 0 -456px;}

.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #606B73; color:#FFF; background:url(images/sprite.png) repeat-x 0 -263px;}

.wpagenavi a.extend{ padding:3px 6px; color:#222;}

.wpagenavi a.extend:hover{ color:#FFF !important;}

.wpagenavi a.current:link, .wpagenavi a.current:visited .wpagenavi a.current:hover{ border:1px solid #606B73; font-weight:bold; color:#FFF !important; background:#708289 url(images/sprite.png) repeat-x 0 -263px;}



/* Comments*/

.post_comment{ float:left; width:97%; margin:15px 10px 5px 15px; overflow:hidden; }

#addcomment, #comments{ float:left; width:99%; margin:10px 0px 15px; padding:6px 0px 6px; text-indent:15px; line-height:16px; font-size:12px; border-right:1px solid #B5B7B9; border-left:1px solid #CFD0D1; text-shadow:1px 1px 0px #F5F5F5; background:#D7D8D9 url(images/sprite.png) repeat-x 0 -217px;}

.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; padding:6px 20px 4px; font-size:14px; font-weight:bold; border-width:1px; border-style:solid; border-color:#606B73 #606B73 #495258 #495258; color:#FFF; background:#65767D url(images/sprite.png) no-repeat -10px 0; cursor:pointer;}

.post_comment .navigation{ width:97%;}



/* Sitemap */

.sitemaps{ float:left; width:930px; padding:10px 14px; border:1px solid #CCC;}

.pagelist, .catlist, .productlist{ float:left; margin:15px 0px; width:100%;}

.pagelist{ margin-bottom:0px;}

.productlist{ margin-top: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:2px 0px 2px 22px; line-height:18px; background:url(images/icon.gif) no-repeat 10px -91px; overflow:hidden;}

.productlist .wpagenavi{ float:left; margin:15px 0px 20px;}



/* Footer */

.footer{ float:left; width:960px; margin-top:10px; padding:10px 0 15px; background:#F3F3F3 url(images/sprite.png) repeat-x 0 -449px; overflow:hidden;}



.footpage{ padding:5px 10px 10px; text-align:center;}

.footpage li{ width:1px; padding:0px 6px 0px 10px; 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:22px; text-align:center; text-transform:capitalize;}

.footer a:link, .footer a:visited{ color:#333;}

.footer a:hover{ color:#DD0C0C; text-decoration:underline;}
