﻿/* CSS Document */

/* 导航栏Navg Css */

body { font-family:Arial, Helvetica, sans-serif;}

.clear {clear:left;}

#index_frame {width:980px; height:auto;margin:0px auto;}

#index_left { width:186px; float:left;}

#nav_title {background:url(../images/all_03.gif) left top; width:186px; height:36px;}

#nav_btm { width:186px; height:11px;}

#categories li img {border:none; display:block;}

#categories_frame { width:186px; height:200px;*+height:200px; margin-bottom:7px;*margin-bottom:0px; }

#categories_frame p,
#categories_frame ul {margin:0px;}

#categories li{background:url(../images/im_03.gif) left top; width:156px;padding:3px 15px; height:24px;}

#categories li a{ font-size:12px; color:#000000; font-weight:bolder; text-decoration:none;}

/* 公用Css */

#categories,
#brand ul,
#con_wit_be ul,
#product_show,
.new_1 ul{ margin:0px; padding:0px; list-style:none;}

/* 品牌专区Brand, Top 10 Searches , connect witch bestcompu*/
#top_search ul{ margin:6px 0 0 0; padding:0; }

#brand,
#news_letter,
#con_wit_be{border:1px solid #c4c5c5; width:184px; height:auto; margin-bottom:7px; padding-bottom:5px;}

#top_search {border:1px solid #c4c5c5; width:184px; height:auto; margin-bottom:7px; padding-bottom:5px; }

#brand h4{ color:#037031; padding:5px 15px; display:block; margin:0px;font-size:14px;}

#top_search ul li{ background:url(../images/bg_top.jpg) no-repeat left top #fff; height:24px; line-height:24px; width:136px; padding-left:10px;
                   list-style:none;margin:0 15px; font-size:14px; color:#373737; font-weight:400; overflow:hidden;}

#brand ul li {width:152px;padding:0 15px; height:20px;line-height:20px;}

#brand ul li a,
#con_wit_be ul li a{margin:0px; font-size:14px; color:#373737; font-weight:400; text-decoration:none;}

#con_wit_be ul li a{padding:2px 17px;}

#brand ul li a:hover,
#con_wit_be ul li a:hover,
#top_search ul li a:hover,
.free_p a:hover,
#product_show li p a:hover {color:#01953d; text-decoration:underline;}

#brand ul li span { font-size:12px; color:#373737; float:right; padding-right:10px;}

#brand ul li a {float:left;}

#brand p{ margin:4px 0px; *margin:3px 0px;padding-left:94px;}

#brand p a {font-size:10px; color:#f98d01;}

#brand p a:hover {color:#fec694; text-decoration:none;}

/* NewsLetter */

.news_p {font-size:12px; color:#373737; padding:0px 20px; }

#news_letter form {padding:0px 5px; margin:0px;}

#email { margin:0px 10px; color:#999999; }

.item_botm {border-bottom:1px solid #c4c5c5;}

#news_letter p,
#news_letter h4{margin:5px 0px;}

#top_search h4,
#news_letter h4 { font-size:14px;}

#news_letter form button {margin:5px 37px; border:none;  height:28px; width:90px;
                          background:url(../images/in1_11.jpg) left top; cursor:pointer;}

#news_bg {background:url(../images/in1_07.jpg) left top; width:114px; height:22px ;padding:5px 0px 5px 70px;}


/*connec witch bestcompu*/

#con_wit_be h4{ margin:0px; font-size:14px; }

#con_wit_be ul {clear:right;}

#con_wit_be ul li {padding-left:10px;}


/* right_frame */
/*flash_deals */
#flash_deals {width:787px; _width:784px;height:230px;}

#right_frame { width:787px;_width:784px; height:auto; float:left; padding-left:7px;}

/*today_delas */
#today_delas { background:#FFC562; width:757px; _width:754px;height:31px; line-height:31px;
               padding:0px 15px; margin-bottom:8px;}

#today_delas h4,
#today_delas p{margin:0px; padding:0px;}

#today_delas h4 { float:left; color:#000000;}

#today_delas p {float:right;font-size:12px; color:#646464;}

#time {font-size:22px; color:#FF0000;}

#flash_pic {float:left; width:167px; height:118px;}

/*tab_menu */

#tab_menu { width:210px; height:232px; float:right;}

#tab_titl,
#menu_con,
#menu_faq,
#wholes_con {margin:0px; padding:0px; list-style:none;}

#tab_titl { }

#tab_titl li { float:left; font-size:14px; font-weight:600; height:32px; line-height:32px;}

#menu_con { clear:left; width:155px; height:190px; background:url(../images/today.jpg) no-repeat; padding:0px 10px 10px 45px;}

#wholes_con {clear:left; width:155px; height:190px; background:url(../images/wholesale_03.jpg) no-repeat; 
              padding:0px 10px 10px 45px;}

#menu_con li {display:block; font-size:16px; line-height:290%; color:#FFFFFF; font-weight:400;}

#wholes_con li {display:block; font-size:16px; line-height:296%; color:#373737; font-weight:bolder;}

.mar_bot{ margin-bottom:13px;}

.about_deal {background:url(../images/today03.jpg); width:65px; height:32px; padding:0px 4px;color:#009900; text-align:center;}

.faq {background:url(../images/today04.jpg); width:120px; height:32px;padding:0px 8px;text-align:center}

#menu_faq {background:url(../images/toda_06.jpg); width:175px; height:190px; padding:11px 10px 0px 25px; display:none;}

#menu_faq li { padding:5px 0px; width:175px; overflow:hidden; height:15px;}

#menu_faq li a{color:#373737; font-size:12px; text-decoration:none;}

/* products what new (free_conpus)*/

#what_new { width:787px;_width:784px;height:auto; margin-top:7px; clear:left;}

.new_1 { width:742px; height:auto; padding:0px 20px;_padding:0px 18px;}

.new_1 ul li {display:block; width:168px; overflow:hidden;}

.new_title { height:66px;}

.new_title a {font-size:14px; color:#373737; font-weight:bold;}

.what_new_p {background-color:#ededec; padding:4px 0px; text-align:center;color:#037031; font-size:16px; margin:0px 0px 20px 0px;}

#product_show li {  margin:0px 0px 3px 0px; width:168px; padding:1px; font-size:12px;}

#product_show {width:170px; display:block; height:265px; padding:0px 5px 10px 10px; float:left; }

.bor_bottom {border-bottom:2px solid #ededec;}

.add_more { height:27px; width:168px;}

.add_more img {border:none; float:left;}

#page_piont {width:200px; float:right; padding:3px 0px; margin:5px 0px; }

#page_piont span { margin:0px 5px 0px 0px; }

#page_piont span a,
#page_piont a{font-size:12px; text-decoration:none;color:#646464;padding:1px 4px;
                   border:1px solid #646464;}

#page_piont span a:hover{background-color:#47a7df; color:#FFFFFF; border:1px solid #47a7df;}

#page_piont a:hover {text-decoration:underline;}





