/*-- Style Sheet of KangNing Cerated by Cocowool at 2008-04-03 --*/
/*-- Last Modified at 2008-5-5 --*/
/*-- 该样式表只是负责全站的结构布局，不涉及颜色、背景等样式 --*/


/*Common Style*/

* { margin:0px; padding:0px; }
ul,ol,dl { list-style-type:none; list-style-position:outside; list-style-image:none; }

h1 { font-size:14px; color:#336699; display:inline;}


input { width:84px;}
fieldset.register .formcontinue input { width:20px;}
#question input{width:20px;}
/*-- Structure Style --*/
body { margin:0px; padding:0px; }

#wrap { margin:0px auto; width:880px; }

#top { height:26px; }
#topRight { float:right; line-height:26px; margin:0px 0px 0px 0px; }

#navi { height:88px; border-top:0px; position:relative; }
#logo { width:194px; height:45px; float:left; margin:20px 0 0 10px; }
#logo span { text-indent:-9999px; }


#mainmenu { text-align:right; position:absolute; right:20px; top:56px; }
ul#mainmenu li { 
	display:block; 
	float:left; 
	height:20px; 
	padding:5px 25px 5px 15px; position:relative;
}
ul#mainmenu li a { height:20px; }

#banner {background:url(../images/banner.jpg) no-repeat }
#banner { height:200px; margin-top:15px; border:1px solid #FFFFFF; }
#banner h1 { text-indent:-9990px; height:0px; width:0px; }


/*-- 后来根据需求添加的一行,其中右侧用较宽的列展示康宁门店列表 --*/
#contentTop { position:relative; margin-bottom:10px; }
.topLeft { width:570px; float:left; border:0px solid black; }
.innerTopLeft { padding:0px 16px 5px 0px; margin-top:5px;}
.topRight { width:300px; float:right;  border:0px solid black; }
.innerTopRight { border:0px solid white; padding-left:0px; padding-top:6px; }
/*.tableHotPoint { width:568px; display:inline; background:url(../images/table_bg.GIF) no-repeat scroll left top;  border-width:0px; border-style:solid; margin-bottom:8px; line-height:18px;}

*/
.divHotPoint { margin-bottom:10px;}
.tableHotPoint{ text-align:center; width:568px; height:40px; background:transparent url(../images/table_bg1.gif) no-repeat scroll left top;border:0 solid black;padding:10px 15px;}
.tableHotPoint tr td { border-right-width:1px; padding-top:5px;}
/*
.innerTopRight  #storelist{margin-bottom:0;padding-top:0;margin-left:6px;}
*/
/*.innerTopRight h2{padding:0 0 0 20px;}   */
/*Modified by snowtruly@gmail.com 根据新的需求做的修改 2008.07*/
#sellinfo{margin-top:5px;padding-left:14px;margin-left:0px;background:url(../images/sellinfo.gif) no-repeat top left;height:190px;}
#detailsellinfo{margin-top:-11px;}
#detailsellinfo .commonBtn{ margin:0px 0px 0px 0px;height:16px; width:41px; outline-style:solid; border:0px solid #82bcd3; outline-width:0px; color:#222222;
	background:url(../images/commonbtn.gif) scroll left center; }
#detailsellinfo .commonBtn2{ margin:0px 0px 0px 0px;height:19px; width:75px; outline-style:solid; border:0px solid #82bcd3; outline-width:0px; color:#222222; 
	background:url(../images/commonbtn2.gif) scroll left center; }

#detailstorelist{padding-left:14px;margin-bottom:0px;background:url(../images/listbg.gif) no-repeat top left;}
#detailstorelist #storelistDM table td{height:12px;}

#storelistDM{margin-left:0px;padding-bottom:0px;margin-bottom:0px; margin-top:-10px;}

#searchBox { border:0px solid black; margin-top:10px !important; *margin-top:10px !important; height:55px;  padding-top:1px !important;/*FF*/ 
	  }
*+html  #searchBox {  padding-top:0px !important;}/*only for IE7*/
#searchBox {_margin-top:78px; _padding-top:20px;}/*only for IE6*/
#searchBox #tip{margin-left:5px;padding-left:0px;padding-right:0px;font:10px;padding-top:0px}
#searchBox #searchtip{width:290px;height:36px;margin:1px 2px 0px 5px;background:url(../images/searchbg.gif) center bottom no-repeat;}
.searchInput { height:18px; width:150px; margin:0px 3px 2px 20px; }
.searchBtn { margin:5px 2px 2px 6px;height:23px; width:80px; outline-style:solid; border:0px solid #82bcd3; outline-width:0px;
	background:url(../images/formbg.gif) repeat-x scroll left top;  }

/*modified ends*/

/*add about Knowledge Question 2008.12 31 */
#knowledgeQuestion {left:30px;margin-bottom:20px;position:relative;width:195px; }
#knowledgeQuestion #knowledgeQContent{width:166px; padding-left:20px;}
#bodyRight.indexRight #knowledgeQuestion {left:0px;width:290px;margin-top:5px;padding-left:0px;margin-left:0px; height:200px;}
#bodyRight.indexRight #knowledgeQuestion #knowledgeQContent{padding-left:3px;width:270px; line-height:20px;}
/*end knowledge question */

/*-- style for content --*/
#content {
	 margin-top:0px !important;*margin-top:0px !important; margin-top:0px; /* 针对FF、IE7、IE6分别进行处理 */

	 padding-top:10px; height:auto; }


#bodyLeft { width:650px; float:left; }
#bodyRight { width:230px; float:right; }

#discountInfo { margin-top:10px; height:313px; background:#ffffff  left top no-repeat;   
	position:relative; }
#discountTitle { display:none; }
#dContainer { margin:10px 25px 10px; }
#daLeft { display:block; float:left; width:137px; height:97px; }
#discountULLeft { display:block; float:left; width:120px; text-align:center; }
#daRight { display:block; float:left; width:137px; height:97px; }
#discountULRight { display:block; float:left; width:120px; text-align:center; }
#discountULLeft a, #discountULRight a { color:#FFFFFF; text-decoration:none; line-height:18px; }
#discountULLeft a:hover , #discountULRight a:hover { text-decoration:underline; }

#container { margin-top:7px; }

#news { float:left; width:250px; }

#news h2 { line-height:35px; height:35px; padding-left:5px; }
#news h2 img { margin-top:5px; }

#news ul { margin:15px 25px 10px 15px; border-bottom:0px dotted black; padding-bottom:10px; }

#products { float:right; width:300px; }
#products h2 { line-height:35px; height:35px; padding-left:5px; }
#products h2 img { margin-top:5px; }
#products ul { margin:15px 5px 10px 15px; }

#news h2  ,#products h2 { width:100%; border:0px solid black; }
#news h2  a,#products h2 a { position:relative; }
#news h2 a { left: 100px; top:-5px; width:100px; border:0px solid black; }
#products h2 a { left: 140px; top:-5px; }


#itemList { height:75px; position:relative; }
#itemList .imgage { float:left; width:71px; height:71px; text-align:center; vertical-align:middle; line-height:71px; }
#itemList .imgage img { margin-top:3px; }
#itemList .words { float:right; width:180px; margin-right:10px; }

#login,#knowledge { width:195px; position:relative; left:30px; margin-bottom:20px; }
#login { height:190px;}
#login h2 { height:50px; line-height:55px; padding-left:44px; }
#loginInfo p { padding-left:20px; height:25px;  }
#loginInfo .submit { width:40px; }
#loginInfo .getpass { width:60px; }


#knowledge h2 {  height:50px; line-height:65px; padding-left:50px; }

#knowledge ul { margin-left:20px; width:150px; padding-bottom:5px; margin-bottom:5px; }
#knowledge ul li { line-height:20px; }

#footer { clear:both; height:50px; line-height:30px; }
#copyinfo {font-size:12px; float:left;  }
#footer ul { float:right;  }
#footer ul li { float:left; display:block; padding:0px 10px 0px 10px; }

/*-- style for products page --*/

#subNavi { height:25px; line-height:25px; }
#subNavi ul li { float:left; padding:0px 5px 0px 0px; }

#innerRight { width:440px; float:right; margin-bottom:30px; }
#innerRight h1 { height:30px; line-height:35px;color:#0066CC; font-size:medium; }
#innerRight #listDescription { height:auto; line-height:35px; }
#innerLeft { width:200px; float:left; }
.leftColumn { width:180px; }
.leftColumn h2 { height:30px; line-height:35px; }
.leftColumn ul { padding:10px; }
.leftColumn ul li { line-height:20px; padding-left:25px; }
#category { margin-top:5px; }


#productImg { margin:10px 0 30px 20px; }
#detailLeft { width:320px; float:left; margin:0px 10px 0px 15px; }
#detailRight { width:60px; float:right; }

#productDesc { margin-bottom:20px; }
.productThumb { width:140px; *width:136px; height:130px; float:left; margin-right:5px; }	/* 产品列表按照现有的渲染方式，在ie6下会把表格撑大，所以需要单独应用一个宽度 */
.image_box { width:142px; width:138px !important; height:80px; padding-top:2px; }	/*区别对待IE和FF*/


/*-- style for knowledge.html page --*/

#zt { margin-top:0px; width:400px; }
#zt_content { width:100%; }
#zt ul { margin:0pt 14px 0pt 10px; width:400px; border-bottom:1px dashed #999; }
#zt_content li { float:right; padding-bottom:6px; padding-top:6px; height:80px; }
#zt li img { float:left; padding:2px; background-color:#FFFFFF; border:1px solid #ccc; }
#zt li a:hover img { background-color:#0066CC; }

#zt dl { float:right; margin-top:5px; }
#zt dt { height:24px; line-height:24px; overflow:hidden; text-indent:3px; width:300px; }
#zt dd { line-height:1.4; margin-left:3px; margin-top:5px; overflow:hidden; width:300px; color:#999999; }
#zt dt a { color:#666666; font-weight:bold; text-decoration:none;  }
#zt dt a:hover { color:#0066CC; text-decoration:underline; }

#hot_content { margin:0px 0px 10px 15px; color:#666666; line-height:18px; }
#hot_content ul { border-bottom:1px dashed #336699; padding:10px 0px 10px; }
#hot_content ul.nobottom { border-bottom:0px; }
#hot_content ul li a { text-decoration:none; color:#666666; }
#hot_content ul li a.title { color:#FF6600; }
#hot_content ul li a.title:hover { text-decoration:underline; }
#hot_content ul li a:hover { color:#FF6600; }

#knowledge ul.question {  }
#knowledge ul.question  input { width:auto; }

#map table { table-layout:fixed; word-break:break-word;  }
#map input { width:auto; }

.forNote { margin-top:30px !important; margin-top:0px;  }

/*-- style for reg page --*/
.guide { height:26px; line-height:26px; padding:2px 0pt 0pt 12px; }
.content { padding:0pt; width:770px; }

#reg { height:auto; border:1px solid #CCCCCC; width:880px;  background:url(../images/newloginbg.gif) repeat-x scroll left top;  margin-bottom:10px; padding-bottom:15px; }
#reg input.submit{
	border:1px solid #82BCD3;
	height:26px;
	line-height:26px;
	outline-color:#82BCD3;
	outline-style:solid;
	outline-width:1px;
	padding:0pt 5px;
	background:#FFFFFF url(../images/subbtnhover.gif) repeat-x scroll left center;
	cursor:pointer;
	margin-right:3px;
}
fieldset.register { margin-top:2px; border:0 none; }
fieldset.register legend { color:#0066CC; font-size:14px; font-weight:bold; padding:0 0 10px 20px;  }

.required { color:#FF0000; }
.forminput { padding-top:2px; position:relative; margin-bottom:2px; }
.formlabel { float:left; text-align:right; padding:3px 5px 0 0; width:25%; }
.formcontinue{ text-align:left; width:100%; padding:3px 5px 0 0;}

.formfield { float:left; }
.formfield input { width:104px; }
.ex { display:block; width:200px; position:static; font-size:11px; color:#ccc; }
.meter_tag { float:left; color:#CCCCCC; padding:3px 0 0 0; }
.errorMsg { display:block; padding-top:3px; position:absolute; right:0px; top:0px; text-align:left; width:350px; color:#CC0000;
	background:transparent url(../images/errorarrow.gif) left 2px no-repeat; padding-left:12px; }
.return{ clear:both; height:30px; line-height:30px; position:relative;
	margin:10 15px; padding:5px 15px; text-align:left; width:80%; }
.return input { padding-top:2px; }	

#usercheck { width:auto;}
#privacy { line-height:28px; }




#panel { width:100%; }
#panelLeft { width:200px; float:left; }
#panelRight { width:670px; float:right; height:auto; border:1px solid #CCCCCC; background:#FFFFFF;  }
#panelRight input { width:auto; }
#panelRight h2 { height:50px; line-height:50px; font-size:14px; color:#0066CC; padding-left:25px; }
#panelRight .return input { width:50px; }

.infoEdit dl { clear:both; height:30px; margin-left:20px; }
.infoEdit dl dt { display:block; text-align:right; width:50px; height:25px; line-height:25px; }
.infoEdit dl dd { display:block; margin:-25px 0px 0px 60px;}



#NewsList, #appList { width:650px; margin:10px 10px 10px 10px; }
#productContent { width:650px; margin:10px 20px 10px; }

.pangeNavi { display:block; height:30px; line-height:30px; margin:10px 15px; float:right; }
.pangeNavi a { color:#000000; text-decoration:none; }
.pangeNavi a:hover { color:#FF0000; text-decoration:underline; } 
#actions { clear:both; display:block; height:30px; line-height:30px; margin:10px 15px; float:left;  }


#map { border:1px solid #ccc; background:#FFFFFF;  }
#map h2 { height:30px; line-height:30px; color:#0033CC; font-size:14px; padding-left:20px;}
#map dl { clear:both; height:30px; margin-left:20px; }
#map dl dt { display:block; text-align:right; width:100px; height:25px; line-height:25px; }
#map dl dd { display:block; margin:-25px 0px 0px 120px;}





/* Only For Test */

#wrap { border:0px solid black; }
#navi  { border:1px solid black; }

div { border:0px solid black; }


#bodyLeft.indexLeft { width:570px; }
#bodyRight.indexRight { width:300px; margin-left:0px; }
#bodyRight #knowledge.indexKnowledge { left:0px; background:#FFFFFF url(../images/knowbg_index.gif) left 0px no-repeat; width:290px; height:352px; margin-bottom:0px; }
#knowledge.indexKnowledge ul { width:280px; }

#products h2 a.leftMore { left:230px; }
#products h2 a#columnMore { border:0px solid black; left:230px; }
#LoginModule_LoginView1_UserLogin h2{margin-left:10px;}

/*modified by snowtruly@gmail.com 2008.07*/
#searchtip {margin-top:7px}
#searchform{margin-left:20px;margin-top:6px;}
#searchform_btn{width:30px;margin-right:10px;}
#selectoption{margin-top:5px;}
.newsearchbtn{padding-top:2px;width:65px;}
.newsearchbtn_index{margin-right:7px;margin-left:0px;width:68px;margin-top:7px;padding-top:2px;}
#newsearch_baidu_site{margin-left:11px;}
#newsearch_baidu_site  #keyword{width:280px;}
#sitemapdetail{width:580px;}
#sitemapdetail h2{color:#666;margin:3px 0px 3px 10px;font:bold 14px "宋体";}
#sitemapdetail table{font:normal 12px "宋体";width:550px;margin:3px 0px 3px 10px;border-top:1px dotted #333;}
#sitemapdetail table tr{height:33px;padding:2px 2px 2px 2px;line-height:20px;}
#sitemapdetail table .channeltitle{width:78px;padding-left:2px;}
#linksdetail h2{color:#666;margin:3px 0px 3px 10px;font:bold 14px "宋体";}
#joinusdetail{margin:3px 0px 6px 10px; line-height:20px;}