﻿/*markdefine*/
body{margin:0; padding:0;background:#fff;font-family:Verdana,宋体;font-size:13px;line-height:22px;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;vertical-align:middle;}
img{border:0;}
ul,li{list-style-type:none;}
a,a:visited{ text-decoration:none;}
a:hover{
	color:#F60;
	text-decoration:underline;
}
/*bodybackgroundsettting*/
body{
	background:#b6e6f2;

}

/*divcontainer*/
#container{
	margin:0px auto;
    width:950px;
	background:#fff;
}

/*pageheader*/
#header {
	height:85x;
	line-height:85px;
	background:url(image/banner.gif) right no-repeat #E0F9FE;
	background-position:330px;
	
}
#header img{
	height:85px;
	line-height:85px;
}


/*mainnavor*/
#mainnavor{
	clear:both;
	background:url(image/menu.gif) repeat-x;
	height:32px;
	line-height:32px;
}
#Menu{
		text-align:center;
}
#Menu ul li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	padding:0px 30px;
}
#Menu ul li a{
	color:#fff;
}
#Menu ul li a:hover{
	color:#FF3;
	color:#9F0;
}



/*contentcontainer*/
#content{
	clear:both;
}

/*leftspan*/
#content #leftsidebar {
	float:left;
	background:url(image/left-center.gif) repeat-y;
	width:210px;
	margin-top:7px;
}
#leftsidebar1{
	background:url(image/left-top.gif) no-repeat;
	width:210px;
	height:10px;
}

/*contactus*/
#leftsidebar #contacticon{
	margin:10px 0px;
}
#leftsidebar #contacticon h1{
   height:28px;
   line-height:28px;
   background:url(image/lefth1.gif) center no-repeat;
   width:177px;
   padding-left:20px;
   margin-left:5px;
}
#contacticon #ContactUs{
	padding:10px auto;
}
#contacticon #ContactUs p{
	text-align:center;
	padding:5px;
	font-size:9px;
	
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	text-indent:20px;
	font-weight:100;
	font-weight:bold;
}

/*shoeslist*/
#leftsidebar #shoeslist{
	text-align:center;
}
#leftsidebar #shoeslist h1{
   height:28px;
   line-height:28px;
   background:url(image/lefth1.gif) center no-repeat;
   width:177px;
   padding-left:20px;
   text-indent:-20px;
}

#newstitle h1{
	height:30px;
	line-height:30px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:20px;
	margin-top:20px;
}


/*leftlist*/
#leftsidebar #sidebar{
	padding:5px 15px;
	text-align:left;
	
}
#leftsidebar #sidebar #nav ul li{
	height:20px;
	line-height:20px;
	border-bottom:dotted 1px;
}
#leftsidebar #sidebar #nav ul li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#366BA1;
	font-size:12px;
	text-transform:capitalize;
	text-indent:10px;
}
#leftsidebar #sidebar #nav ul li a:hover{
	color:#930;
	text-decoration:none;
	font-weight:bold;
}
#leftsidebar #sidebar #nav ul li a:visited{
	color:#930;
}
#newslist{
	margin-left:10px;
	height:210px;
	text-indent:20px;
	margin-top:10px;
}
#indexnews .newslist{
}
#indexnews .newslist .newsname a{
	color:#fff;
	font-size:10px;
}
#indexnews .newslist .newsname a:hover{
	color:#36F;
}


#leftsidebar2{
	background:url(image/left-foot.gif);
	height:20px;
	line-height:20px;
	width:210px;
}


/*maincontent*/
#mainbody{
	float:left;
	width:735px;
}
/*search*/
#sear{
	clear:both;
	height:40px;
	line-height:40px;
	margin-left:10px;
	margin-top:10px;
}

#sear span{
	float:left;
	color:#020202;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	padding-top:5px;
	padding-left:440px;
}
#sear #search_form{
	float:left;
}
#sear #keyword{
	width:160px;
	margin-top:10px;
	height:18px;
	line-height:18px;
	background:url(image/search.gif);
}
#sear #searchgo{
	background:url(image/go.gif) no-repeat;
	border:0px;
	width:35px;
	height:35px;
	line-height:35px;
	margin-left:-10px;
}

/*FLASH*/
#mainbody #flash{
	clear:both;
	margin:8px 0px 0px 10px;
        background:url(image/ad.gif) no-repeat;
        height:234px;
        width:670px;

}

/*productionlisttitle*/
#mainbody #newshoes{
	float:left;
}
#mainbody #newshoes h1{
	height:32px;
	line-height:32px;
	color:#329BF7;
	font-size:18px;
	margin-top:10px;
	background:url(image/hot.gif) repeat-x;
	width:710px;
	margin-left:10px;	
}

/*catalogpagecontent*/
#mainbody #catapage .catacontent{
	clear:both;
	width:720px;
}
/*productlist*/
.productlist{
	float:left;
	width:160px;
	height:270px;
	margin:10px 30px;
	text-align:center;
}
.productlist ul li .imgclass{
	float:right;
	width:150px;
	height:150px;
	border:1px solid #9FCAF4;
	padding:5px;
	font-size:9px;
}
.productlist ul li.pro_buy{
	text-indent:60px;
	padding-top:5px;
	
}
.productlist ul li.pro_price{
	font-size:16px;
	color:#FF0205;
	
}
.productlist ul li.pro_name{
}
.productlist ul li.pro_name a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#060608;
}
.productlist ul li.pro_name a:hover{
	text-decoration:none;
	color:#39F;
}

/*descriptiontitle*/
#mainbody #description h1{
	width:280px;
	height:40px;
	line-height:40px;
	color:#160E0C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:100;
	text-indent:20px;
	clear:both;
	background:url(image/line.gif) no-repeat;
	background-position:bottom;
}

/*description*/
#descontent{
	clear:both;
	width:700px;
	margin:5px 10px;
	padding:0px 10px;
        text-align:justify;
}
#pro_description{
	clear:both;
}

#Description img{
	width:300px;
	height:300px;
        margin:10px;
}


#aboutnews{
	clear:both;
}
/*whychooseustitle*/
#whychoose{
	float:left;
	width:480px;
	background:#E8F5FD;
	margin-right:10px;
	margin-left:5px;
	border-bottom:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
        padding:10px;
}
#whychoose h1{
	height:30px;
	line-height:30px;
	color:#021D38;
	font-size:18px;
	text-indent:20px;
	background:url(image/lefth2.gif) repeat-x;
}
#whychoose .content{
	text-indent:0px;
         text-align:justify;

}
#whychoose1{
	clear:both;
	margin-left:10px;
	width:720px;
	margin-top:10px;
	
}
#whychoose1 h1{
	height:30px;
	line-height:30px;
	color:#359AF6;
	font-size:18px;
	text-indent:20px;
	background:url(image/hot.gif) repeat-x;
}
#inews{
	float:left;
	width:200px;
	background:#E8F5FD;
	padding-left:5px;
	border-bottom:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
}
#inews h1{
   height:30px;
   line-height:30px;
   color:#1E2831;
   font-style:italic;
   font-weight:bolder;
   font-family:"Times New Roman", Times, serif;
   text-indent:0px;
}
#inews .newsname a{
	color:#1E2831;
	font-size:10px;
}
#inews .newsname a:hover{
	color:#F60;
}

#contents{
	clear:both;
	width:860px;
	background:url(image/descontent.gif) repeat-x  top #949182;
         text-align:justify;

}
#contents .newsname a{
	color:#0D3B5D;
}
#newscontent1{
	float:left;
       text-align:justify;

}
#newscontent1 .newslist{
	float:right;
	width:225px;
	text-align:center;
}
#newscontent1 .newslist ul li{ 
  list-style:inside disc;
  text-align:left;
	
}
#newscontent1 .newslist ul li a{
	color:#0E3A5F;
}
	

/*whychooseuscontent*/
#whycontent{
	clear:both;
	margin:5px 10px;
	padding-top:10px;
        text-align:justify;

}

.title{
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.content{
	text-indent:20px;
}
/*newstitle*/
#mainbody #news h1{
	border-bottom: dotted 1px #C9C9C9 ;
	width:300px;
	height:40px;
	line-height:40px;
	color:#534844;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	text-indent:20px;
}

/*newscontent*/
#newscontents{
	clear:both;
	margin:5px 10px;
	text-indent:40px;
	padding-top:10px;
	background:#fff;
        text-align:justify;

}


/*newscatalog*/
#mainbody #newscata{
	margin:10px 0px 0px 10px;
	width:720px;
}
#mainbody #newscata h1{
	height:30px;
	line-height:30px;
	color:#359AF6;
	font-size:18px;
	text-indent:20px;
	background:url(image/hot.gif) repeat-x;
}
/*newscatalogcontent*/
#mainbody #newscontent{
	margin-left:10px;
	padding-top:10px;
	width:700px;
        text-align:justify;

}
#mainbody #newscontent .newslist{
	clear:both;
}
#mainbody #newscontent .newslist ul li{
	float:left;
	text-align:left;
	margin-left:10px;
}
#mainbody #newscontent .newslist .newstype{
	width:150px;
}
#mainbody #newscontent .newslist .newsname{
	width:300px;
}
#mainbody #newscontent .newslist .newstime{
	width:80px;
}

#newscontent #news .title{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
#newscontent #news .time{
	text-align:right;
	margin-right:30px;
}
#newscontent #news .master{
	text-indent:10px;
	margin:30px;
}

/*catalogpath*/
#mainbody #catapath{
	margin:10px;
	text-transform:capitalize;
}
/*catalogpagetitle*/
#mainbody #catapage h1{
	color:#3A79AF;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	background-position:left;
	margin:10px 3px;
	text-indent:10px;
	text-transform:capitalize;
}
/*productionpagetitle*/
#mainbody #productpage h1{
	color:#3A79AF;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	text-transform:capitalize;
}
#mainbody #productpage{
	margin-bottom:20px;
}
#mainbody #catapage .pagestitle{
	text-indent:10px;
}
#mainbody #catapage .pagestop{
	clear:both;
	text-align:center;
}

/*divisionpagetitle*/
.pagesfoot{
	clear:both;
	text-align:center;
}


/*buy*/
#mainbody #productpage .image{ float:left;}
#mainbody #addtocar{
	clear:both;
}
#mainbody #addtocar .image .img{
	width:200px;
	height:160px;
	background:#fff;
}
#mainbody .image{
	float:left;
}
#mainbody #add{
	float:left;
	margin-left:20px;
	width:300px;
}
#mainbody #add .addimg{
	margin-top:10px;
	float:right;
	border:none;
}
#mainbody #add span {display:block; float:left; width:70px;}
#mainbody #add .a {width:200px;}
#cart_qty{ clear:both; margin-top:10px;}
#addtocar{
	margin-left:10px;
}
#nullcontent{
	clear:both;
	border:1px #E0E0E0 solid;
	margin:10px 0px 10px 10px;
	width:690px;
	padding:10px;
        text-align:justify;

}

/*marklist*/
#marklist{
	clear:both;
	text-align:center;
	height:70px;
	line-height:70px;
	margin:10px 0px 5px 0px;
	padding-left:20px;
	border-top:2px solid #BFBFBF;
	border-bottom:2px solid #BFBFBF; 
}
#marklist .mark{
	float:left;
	margin:0px 2px;
}
#marklist .mark img{
	width:125px;
	height:40px;
	line-height:40px;
        padding:10px 0px;
}
.current{
        color:#F90;
}

/*pagefooter*/
#footer {
	clear:both;
	height:65px;
	text-align:center;
	font-size:11px;
	color:#000;
	background:url(image/foot.gif) repeat-x;
	width:950px;
        margin:0px auto;
		
}
#dlink #link {
	margin:5px 0px 10px 0px;
}
#dlink #link ul{
	clear:both;
}
#dlink #link ul li{
	display:inline;
	margin:5px;
}
#dlink #link ul li a{
	color:#fff;
}
#dlink #link ul li a:hover{
	color:#F90;
	text-decoration:none;
}
#dfoot a{
	color:#000;
	font-weight:bold;
}
#footer a:hover{
	color:#F00;
}

