﻿/*********************************initial define*************************************************/
body {
	margin:0px auto;
	padding:0 0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	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 {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:16px;
	color:#fff;
}
h2 {
	font-size:16px;
}

/*********************************body*************************************************/
body {
	background:url(image/bj00.jpg) center top repeat;
	font-family:Arial, Helvetica, sans-serif;
}

/*********************************container*************************************************/
#container {
	margin:0px auto;
	width:1000px;
	background:#fff;
}

/*********************************header*************************************************/



#header {
float:left;
	height:140px;
	background:#fff;
	width:1000px;
}
#header #tel{
position:absolute;
	float:left;
	margin-left:100px;
        font-family: Georgia, serif;
        color:#ff0000;
	width:350px;
}








/*********************************mainnav*************************************************/
#logo{
	position:absolute;
	width:105px;
	height:154px;
	margin-left:30px;
}


#he{
        position:absolute;
	float:left;
	margin-top:30px;
	margin-left:880px;
}






#search_bar{
        position:absolute;
	float:left;
	margin-top:125px;
	margin-left:350px;
}
#search_form{
	float:left;
	margin-top:4px;
}
#search_bar span{
	float:left;
	margin-right:28px;
}
#search_bar #keyword{
	float:left;
	border:0px;
	width:215px!important;
	width:210px;
	height:15px;
	line-height:15px;
}
#search_bar #searchgo{
	float:left;
	border:0px;
	width:15px;
	height:15px;
	margin-left:17px;
	background:url(image/search.gif) center no-repeat;
}
#search_bar #searchgo:hover{
	cursor:pointer;
}




#mainnav{
	clear:both;
	height:66px;
	line-height:66px;
        text-align:center;
	
}





#menux{
	float:left;
	width:1000px;
	background:url(image/menu_bg.gif) center top no-repeat;
}

#menux  #Menu {
	text-align:center;
}
#menux #Menu ul li {
	display:inline;
}
#menux #Menu ul li a {
	display:inline-block;
	text-transform:capitalize;
	width:126px;
	height:66px;
	line-height:66px;
	text-align:center;
	color:#fff;
	font-size:13px;
	margin-top:0px!important;
	margin-top:5px;
	background:url(image/menu_li_bg.gif) center no-repeat;
	font-weight:bold;
}
#menux #Menu ul li a:hover {
	color:#ff0000;
	text-decoration:none;
	background:url(image/menu_li_hover_bg.gif) center no-repeat;
}






/*********************************content*************************************************/
#content {
	width:980px;
	clear:both;
	padding:10px;
}



/*********************************left*************************************************/
#left {
	float:left;
	width:200px;
}

/*********************************left_boxs*************************************************/
.left_boxs{
	float:left;
	width:190px;
	text-align:center;
}

/*********************************shopping_cart*************************************************/
#shopping_cart{
	position:absolute;
	clear:both;
	margin-top:-30px;

	margin-left:640px;
	
}
#shopping_cart img{
	width:150px;
	height:100px;
}

/*********************************mark_list*************************************************/
#mark_list{
	clear:both;
	width:188px;
	border:1px solid #9E9E9E;
	border-top:10px solid #A09CB3;
	padding-bottom:20px;
}
#mark_list h1{
	color:#452443;
	font-size:20px;
	font-weight:normal;
	height:40px;
	line-height:40px;
}
.click_to_shop {
	margin-bottom:20px;
}
.click_to_shop img{
	border:1px solid #9E9E9E;
}


#mark_list img{
	margin:2px auto;
}

/*********************************left_bar*************************************************/
.left_bar{
	float:left;
	width:188px;
    border-left:1px solid #b3825e;
	border-right:1px solid #b3825e;
	border-top:2px solid #b3825e;
	border-bottom:2px solid #b3825e;
	margin:0px 0px;
	padding-bottom:20px;
       color:#000;
        text-align:center;
}
.left_bar h1{
	   background:url(image/ugg_boots_title_bg.gif) center no-repeat;
}

#nav {line-height:24px;list-style-type: none;}
#nav a {width:160px; display:block; color:#fff; padding-left:5px;text-transform:capitalize; font-weight:bold;}
#nav a:hover {color:#0FF;text-decoration:none;}
#nav li {width:189px;height:24px;display:block; overflow:visible!important;overflow:hidden;}
#nav li a:hover{background:#fff; display:block;}
#nav li ul {width:205px;display:none;list-style-type: none;text-align:left;position:relative; background:#fff;border:1px solid #C00;}
#nav li ul li{width:205px;}
#nav li ul a{display: block;width:180px;text-align:left; font-weight:normal;}
#nav li ul a:hover {display: block;text-decoration:none;background:#fff; border:1px solid #000;}
#nav li:hover ul {left:175px; display:block;top:-24px;}
#nav li.sfhover ul {left:175px; display:block;top:-24px;}
.left_bar #nav ul{
	padding-left:5px;
}
.left_bar #nav ul li {
	margin:1px 0px;
}

.left_bar #nav ul li a {
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	background:url(image/sidebar_li_bg.gif) 5px 0px no-repeat;
        text-align:left;
	padding-left:25px;
}
.left_bar #nav ul li a:hover {
	text-decoration:none;
	background:url(image/sidebar_li_hover_bg.gif) 5px 0px no-repeat;
	color:#8D2848;
}
.left_bar #nav ul li a:visited {
	color:#000;
}
.left_bar #nav #nav_one ul li{
     
}
.left_bar #nav #nav_one ul li a{
       color:#000;
       font-size:11px;
       background:none;
       padding-left:20px;
}
.boxText{
	float:left;
	width:188px;
    border-left:1px solid #b3825e;
	border-right:1px solid #b3825e;
	border-top:2px solid #b3825e;
	border-bottom:2px solid #b3825e;
	margin:10px 0px;
	padding-bottom:20px;
       color:#fff;
        text-align:center;
}

.boxText h2{
	   background:url(image/ugg_boots_title_bg.gif) center no-repeat;
}

.payments_list{
	float:left;
	width:188px;
    border-left:1px solid #b3825e;
	border-right:1px solid #b3825e;
	border-top:2px solid #b3825e;
	border-bottom:2px solid #b3825e;
	margin:10px 0px;
	padding-bottom:20px;
       color:#fff;
        text-align:center;
}

.payments_list h3{
	   background:url(image/ugg_boots_title_bg.gif) center no-repeat;
}



/*********************************main_body*************************************************/
#main_body {
	float:left;
	width:770px!important;
	width:568px;
	border:1px solid #fff;
	background:url(image/hot_ugg_bg.gif) left top no-repeat;
	padding:8px 0px;

}

/*********************************hotpro*************************************************/
#hotpro{
	text-align:center;
}
#hotpro h1{
	text-align:left;
	text-indent:15px;
	width:700px!important;
	width:560px;
	color:#666666;
	height:60px;
	line-height:35px;
	border-bottom:1px solid #000;
	font-size:20px;
	margin:0px auto;

}
#hotpro h1 a{
	margin-left:280px;
	font-size:20px;
	font-weight:normal;
	color:#ff0000;
}

/*********************************productlist*************************************************/
.productlist {
	float:left;
	height:300px;
	width:180px;
	text-align:center;
	margin:10px 6px!important;
	margin:10px 4px;
}

.productlist ul .pro_img a .imgclass {
	width:165px;
	height:140px;
	border:1px solid #fff


}
.productlist ul .pro_name {
}
.productlist ul .pro_name  a{
	display:block;
	height:45px;
	overflow:hidden;
	color:#888888;
	font-weight:bold;
}
.productlist ul .pro_name  a:hover{
	color:#000;
}

.pro_mprice{
	float:left;
	color:#ff0000;
	margin-left:30px!important;
	margin-left:15px;
	font-weight:normal;
	font-size:12px;
}
.pro_price{
	float:left;
	color:#ff0000;
	margin-left:10px;
	font-weight:normal;
	font-size:12px;
}

.o_radio{
	clear:both;
	color:#757577;
	font-weight:bold;
}
.o_radio label{
	margin-right:15px;


}
.pro_buy{
	clear:both;
	padding:10px 0px;
}

.view_size{
	margin-bottom:15px;
}




/*********************************about*************************************************/
#about {
	clear:both;
	width:980px;
	border:1px solid #000;
	margin:20px 0px;
	background:url(image/about_bg.gif) center top no-repeat;
	text-align:center;
	
}



#about h1 {
	width:950px;
	height:40px;
	line-height:45px;
	text-align:left;
	color:#000;
	text-indent:25px;
	border-bottom:1px solid #9E9E9E;
	font-size:20px;
	margin:0px auto;
}


#about #about_content {

	height:350px;
	overflow:auto;
	color:#000;
	
}
#about .content {
	padding:5px 10px;
	text-align:justify;
	color:#000;
	font-size:12px;
}
#about .title {
	text-indent:-2000px;
	height:0px;
	font-weight:bold;
	font-size:16px;
}

/*********************************hezhijun*************************************************/
#hezhijun {
	clear:both;
	width:750px;
	color:#000;
	border:1px solid #000;
	margin:20px 0px;
	background:url(image/about_bg.gif) center top no-repeat;
	text-align:center;
	
}



#hezhijun h5 {
	width:0px;
	height:10px;
	line-height:30px;
	text-align:left;
	color:#000;
	text-indent:25px;
	border-bottom:1px solid #9E9E9E;
	font-size:15px;
	margin:0px auto;
}
#about #about_hezhijun {

	height:350px;
	overflow:auto;
	color:#000;
	
}
#about .hezhijun {
	padding:5px 10px;
	text-align:justify;
	color:#000;
	font-size:12px;
}
#about .title {
	text-indent:-2000px;
	height:0px;
	font-weight:bold;
	font-size:16px;
}


/*********************************path*************************************************/
#path {
	text-transform:capitalize;
	color:#422541;
	height:35px;
	line-height:35px;
    border-bottom:1px solid #9E9E9E;
	width:570px;
	margin:0px auto;
	text-indent:10px;
	font-size:11px;
}
#path a{
	color:#422541;
	font-size:11px;
}
#path a:hover{
	color:#8C2747;
}

/*********************************master*************************************************/
#master{
	width:560px!important;
	width:550px;
	text-align:justify;
	color:#666;
	padding:10px;
}
#master a{
	color:#000;
}

.pagestitle{
	color:#000;
	font-weight:bold;
	padding:10px;

}
.pagestop{
	clear:both;
	text-align:center;
	background:#000;
	text-decoration:underline;
}
.pagestop a{
	margin:0px 5px;
	text-decoration:underline;
	color:#fff;
}

.current{
	font-size:16px;
	border:1px solid #60F;
	font-weight:bold;
	color:#000;
}
.pagesfoot{
	clear:both;
	text-align:center;
	background:#000;
}
.pagesfoot a{
    margin:0px 5px;
	text-decoration:underline;
	color:#fff;
}


/*********************************product*************************************************/
#product {
	clear:both;
	padding:10px;

}

#product .pro_image {
	float: left;
	margin-right:20px;
    border:1px solid #fff;
}


#product #pro_con{
	float:left;
	color:#000;
	width:285px;
}
#product #pro_con ul li .pro_span {
	width: 85px;
}
#product #pro_con ul li .pro_price_c {
	font-weight: bold;
	color:#F00;
}
#product #pro_con ul li .pro_price_m{
	font-weight: bold;
	color:#F00;
}

#product #pro_con ul li span {
	float: left;
	display: block;
}

#product #pro_con ul li {
	height:35px;
}
#product #pro_con .pro_buy {
	margin-top:20px;
	width:585px;
	height:87px;
	text-align:center;
}
.pro_cur_c label{
      margin:10px 10px 10px 0px;
      color:#25B021;
	  font-weight:bold;
}

.pic_big_img {
	width:200px;
	height:200px;
	margin:0;
	text-align:center;
}
.pic_big_img img {
	width:200px;
	height:186px;
	margin:0;
	padding:1px;
}
.pic_small_images {
	width:250px;
	background:#fff;
	padding-top:200px;
    padding-left:1px;
}
.pic_small_images img {
	width:400px;
	height:290px;
	border:0px;
	padding:2px;
	margin:2px;
	border:1px solid #000;
}
.pic_small_images li {
	display:inline;
}

#shoecode{
	width:200px;
}


#Description {
	color:#666;
	text-align:justify;
	padding:10px;
}
#Description pre{
	padding:10px 0 10px 0;
	white-space: pre-wrap;     
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap;      
	white-space: -o-pre-wrap;    
	word-wrap: break-word;
}
#Description IMG{
	height:300px;
	width:300px;
    margin:20px;
}



/*********************************product*************************************************/
.newslist ul .newstype {
	float: left;
	width: 150px;
}
.newslist ul .newsname {
	float: left;
	width:300px;
}
.newslist ul li.newsname a{
	color:#F00;
}

.newslist ul .newstime {
	float: left;
	width: 100px;
	color:#930;
}

#news .master {
	padding:10px;
}
#news .title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform:capitalize;
	color:#422541;
}
#news .time {
	text-align: right;
	padding-right: 30px;
	color:#8D2848;
}




/********************footer***********************************************************/
#footer {
	clear:both;
	height:160px;
	padding:10px;
	font-size:11px;
	background:url(image/footer_bg.gif) bottom center no-repeat;

        
}

#footer span a{
	color:#333;
	font-size:15px;
	font-weight:bold;
	padding-left:25px;
	height:25px;
}
#footer span a:hover{
	text-decoration:none;
	color:#420677;
}

#footer ul li a{
	color:#666;
}
#footer ul li a:hover {
	color:#420677;
}

#foot_items ul{
	margin:5px 10px;
	
}
#foot_items ul li{
	padding-left:25px;
	background:url(../image/footer_nav.gif) 15px 6px no-repeat;
	
}

#about_us{
	float:left;
}
#about_us span a{
	background:url(../image/about_us.gif) left no-repeat;
}
#about_us span a:hover{
	background:url(../image/about_us_hover.gif) left no-repeat;
}

#customer_info{
	float:left;
}
#customer_info span a{
	background:url(../image/customer_info.gif) left no-repeat;
}
#customer_info span a:hover{
	background:url(../image/customer_info_hover.gif) left no-repeat;
}


/*-----guide------*/
#Shopping_Guide{
	float:left;
}
#Shopping_Guide span a{
	background:url(../image/shopping_guid.gif) left no-repeat;
}
#Shopping_Guide span a:hover{
	background:url(../image/shopping_guid_hover.gif) left no-repeat;
}

/*-----payments------*/
#payments{
	float:left;
}
#payments span a{
	background:url(../image/payments.gif) left no-repeat;

}
#payments span a:hover{
	background:url(../image/payments_hover.gif) left no-repeat;

}


/*-----Delivery------*/
#Delivery{
	float:left;
}
#Delivery span a{
	background:url(../image/Delivery.gif) left no-repeat;

}
#Delivery span a:hover{
	background:url(../image/Delivery_hover.gif) left no-repeat;

}


/*-----After Sale Service------*/
#After_Sale_Service{
	float:left;
}
#After_Sale_Service span a{
	background:url(../image/After_Sale_Service.gif) left no-repeat;

}
#After_Sale_Service span a:hover{
	background:url(../image/After_Sale_Service_hover.gif) left no-repeat;

}



/*-----After Sale Service------*/
#Special_Terms{
	float:left;
}
#Special_Terms span a{
	background:url(../image/Special_Terms.gif) left no-repeat;

}
#Special_Terms span a:hover{
	background:url(../image/Special_Terms_hover.gif) left no-repeat;

}
#dlink{
	clear:both;
	text-align:center;
}
#dlink #link ul li{
	display:inline;
}
#dlink #link ul li a{
	color:#420677;
	font-size:12px;
}
#dlink #link ul li a:hover{
	color:#F30;
}

#dfoot{
	clear:both;
	text-align:center;
}
#footer #dfoot a{
	color:#420677;
}
#footer #dfoot a:hover{
	color:#F00;
}




