﻿/*********************************initial define*************************************************/
body {
	margin:0px auto;
	padding:0 0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#000;
	
}
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;
	blr:expression(this.onFocus=this.blur());
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:15px;
	color:#fff;
}
h2 {
	font-size:16px;
}
#dhtmltooltip{
        position:absolute;
        width:250px;
        z-index:1000;
        display:none;
        text-align:center;
}
#jumpimg{
        border:3px outset #CCC;
}

/*********************************body*************************************************/
body {
	background: url(image/bg.gif) bottom center no-repeat #44A0E1;
}

/*********************************container*************************************************/
#container {
	margin:0px auto;
	width:950px;
	background:#fff;
}
/*********************************loudy*************************************************/
#left_loudy{
	position:absolute;
	margin-left:-80px;
}
#right_loudy{
	position:absolute;
	margin-left:950px;
}




/******************************contact_us and shopping_cart*******************************/
#contact_us{
	position:absolute;
	margin:310px 0px 0px 20px;
}
#shopping_cart{
	position:absolute;
	margin:250px 0px 0px 685px;
        z-index:1;
}

/*********************************header*************************************************/
#header {
	width:950px;
}
#header_top{
	height:111px;
	width:950px;
	background:url(image/header_top_bg.GIF) center no-repeat;	
}
#search_bar{
	height:20px;
        padding-left:280px;
        padding-top:40px;
        
}
#search_bar span{
	float:left;
	font-weight:bold;
	margin-right:10px;
	font-size:18px;
        color:#003;
}
#search_form{
	float:left;
}
#CatalogName{
	float:left;
	margin:0px 5px;
}
#keyword{
	float:left;
}
#searchgo{
	float:left;
	background:url(image/go.gif) center no-repeat;
	height:20px;
	width:18px;
	border:0px;
	margin-left:10px;
}
#searchgo:hover{
	cursor:pointer;
}
#header_center1{
	clear:both;
	height:120px;
	width:950px;
	background:url(image/header_center1_bg.GIF) center no-repeat;	
}
#header_center2{
	clear:both;
	height:120px;
	width:950px;
	background:url(image/header_center2_bg.gif) center no-repeat;	
}

#header_bottom{
	clear:both;
	height:90px;
	width:950px;
	background:url(image/header_bottom_bg.gif) center no-repeat;
}

/*********************************content*************************************************/
#content {
	clear:both;
	width:950px;
	background:url(image/content_bg.gif) repeat-y;
	
}

/*********************************marks_menu*************************************************/
#marks_menu{
	width:680px;
	height:87px;
	background:url(image/marks_menu_bg.gif) center no-repeat;
	padding-left:270px;
	margin-top:0px!important;
	margin-top:-2px;
	position: relative; 
}

#marks{
	height:44px;
	width:492px;
	background:url(image/marks_bg.gif) center no-repeat;
	text-align:center;
	padding:5px 40px 5px 37px;
        position:absolute;
        z-index:2;
}
#marks ul li{
        float:left;
}
#left_btn{
	position:absolute;
	margin:8px 0px 0px 2px;
	cursor:pointer;
        z-index:3;
}
#right_btn{
	position:absolute;
	margin:8px 0px 0px 550px;
	cursor:pointer;
        z-index:3;
}
.imgWidth{width:489px;overflow:hidden;}
.ulWidth{width:3800px;}
#menux{
	width:568px;
	height:35px;
	line-height:33px;
	background:url(image/menu_bg.gif) right no-repeat;
        position:absolute;
        margin-top:53px;
}

#menux  #Menu {
	text-align:center;
}
#menux #Menu ul li {
	display:inline;
	margin:0px;
}
#menux #Menu ul li a {
	display:inline-block;
	text-transform:capitalize;
	height:30px;
	line-height:30px;
	width:100px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
#menux #Menu ul li a:hover {
	color:#fff;
	text-decoration:none;
	background:url(image/menu_li_bg.gif) center no-repeat;
}




/*********************************left*************************************************/
#left {
	float:left;
	width:222px;
}

/*********************************small_ad*************************************************/
#shop_by{
	position:absolute;
	margin-top:-119px;
	margin-left:-5px;

}

#shop_by_bottom{
	margin-left:25px;
}


/*********************************left_bar*************************************************/
.left_bar{
	width:169px;
	margin:0px auto;
	margin-top:45px;

}
.left_bar #nav{
	width:167px;
	border-left:1px solid #747685;
	border-right:1px solid #747685;

}
.left_bar #nav ul{
	text-align:left;
}
.left_bar #nav ul li a:hover {
	background:url(image/nav_li_hover.gif) 0px 0px no-repeat;

}
.left_bar #nav ul li{
	height:20px;
	overflow:hidden;
}
.left_bar #nav ul li a {
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	display:block;
	padding:0px 10px;
} 
.left_bar #nav ul li a:hover {
	color:#fff;
	text-decoration:none;
} 
.newcata{    
       position:absolute;
       margin:-15px 0px 0px -12px;
}

/*********************************small_ad*************************************************/
#small_ad{
	text-align:center;
	margin-top:5px;
}

/*********************************payments*************************************************/
#left #payments{
	width:153px;
	height:250px;
	background:url(image/payments_bg.gif)  no-repeat;
	text-align:center;
	margin:0px auto;
	padding:25px 0px;
	margin-top:20px;
}
#left #payments a{
	margin:10px auto;
}

/*********************************latest_news*************************************************/
#latest_news{
       width:160px;
       margin:10px auto;
        border:1px solid #ccc;
        background:#69C;
      
    }

#latest_news h3{
        text-align:center;
        background:#FF0;
        font-size:14px;
        color:#000;
}
#latest_news ul{
        padding:5px;
       line-height:15px;
}
#latest_news a{
        font-size:11px;
        color:#006;
}

/*********************************main_body*************************************************/
#main_body {
	float:left;
	width:630px;
	margin-left:5px;
}




/*********************************new_pro ,hot_pro and promaster*************************************************/
#newpro{
	clear:both;
}
#hotpro{
         clear:both;

}

#newpro h1{
	text-align:left;
	text-indent:20px;
	width:520px;
	color:#000;
	font-size:20px;
	font-weight:normal;
	height:50px;
	line-height:50px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;

}
#hotpro h2{
	text-align:left;
	text-indent:20px;
	width:520px;
	color:#000;
	font-size:20px;
	font-weight:normal;
	height:50px;
	line-height:50px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;

}
#hotpro h2{
	text-align:left;
	text-indent:20px;
	width:520px;
	color:#000;
	font-size:20px;
	font-weight:normal;
	height:50px;
	line-height:50px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;

}

#new_pro{
	width:600px;
	padding:0px 30px;
	height:330px;
	overflow:hidden;
}
#hot_pro{
	width:600px;
	padding:0px 30px;
}


#promaster{
	padding:0px 30px;
	width:600px;
}

.catalog{
     color:#000;
      text-align:center;
}
/*********************************productlist*************************************************/
.productlist {
	float:left;
	height:280px;
	width:170px;
	text-align:center;
	margin:15px 7px!important;
        margin:15px 5px;
	padding:10px 5px;
	background:url(image/productlist_bg.gif) no-repeat;
} 
#master .productlist {
        margin:15px 10px;
}

#new_pro .productlist {
	background:url(image/new_productlist_bg.gif) no-repeat;
}
#hot_pro .productlist {
	background:url(image/hot_productlist_bg.gif) no-repeat;
}


.productlist ul .pro_img {
	width:170px;
	height:120px;


}
.productlist ul .pro_img a .imgclass {
	width:170px;
	height:120px;
	font-size:8px;


}
.productlist ul .pro_name {
}
.productlist ul .pro_name  a{
	display:block;
	height:45px;
	overflow:hidden;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.productlist ul .pro_name  a:hover{
	color:#FC0;
	text-decoration:none;
}


.pro_mprice{
	float:left;
	color:#000;
	font-size:12px;
	display:block;
	width:80px;
	text-align:right;
	font-weight:bold;
}
.pro_price{
	float:left;
	color:#000;
	margin-left:20px;
	font-size:12px;
}

.o_radio{
	clear:both;
	color:#757577;
	font-weight:bold;
        margin-left:15px;
}
.o_radio label{
	margin-right:15px;


}
.pro_buy{
	clear:both;
	text-align:center;
	margin:10px;
}
.productlist .pro_buy{
	margin:15px 55px;
}
#new_pro .productlist .pro_buy{
	margin:15px 25px;
}




.view_size{
	margin-bottom:15px;
}
.pro_hot{
       display:none;
}
/*********************************about*************************************************/
#about {
	clear:both;
	width:600px;
	height:245px;
	margin:20px auto;
	background:url(image/about_content_bg.gif) no-repeat;
	
}


#about #about_content {
	padding-top:50px;
        padding-left:20px;
	
}
#about .content {
	width:560px;
	height:180px;
	text-align:justify;
	color:#6E6E6E;
	font-size:12px;
	overflow:auto;
}
#about .title {
	text-indent:-2000px;
	height:0px;
	font-weight:bold;
	font-size:16px;
}

#Description{
	text-align:justify;
	height:170px;
	width:570px;
	overflow:auto;
	
}
#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;
}



/*********************************path*************************************************/
#path {
	clear:both;
	text-transform:capitalize;
	color:#000;
	height:35px;
	line-height:35px;
    border-bottom:1px solid #9E9E9E;
	width:570px;
	margin:10px auto;
	text-indent:10px;
	font-size:13px;
	font-weight:bold;
}
#path a{
	color:#000;
	font-size:11px;
}
#path a:hover{
	color:#00B3DE;
}

/*********************************master*************************************************/
#master{
	width:600px;
	text-align:justify;
	color:#666;
	padding:20px 10px;
	margin:0px auto;
}
#master a{
	color:#000;
}
#master_bottom{
	clear:both;
	height:27px;
	line-height:27px;
	background:url(image/menu_bg.gif) right no-repeat #000;
	margin-top:30px;
}

.pagestitle{
	color:#000;
	font-weight:bold;
	padding:10px;

}
.pagestop{
	clear:both;
	text-align:center;
	text-decoration:underline;
}
.pagestop a{
	margin:0px 5px;
	text-decoration:underline;
	color:#45103E;
}

.pagestop .current{
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	
}
.pagesfoot{
	clear:both;
	text-align:center;
}
.pagesfoot a{
    margin:0px 5px;
	text-decoration:underline;
	color:#45103E;
}

.pagesfoot .current{
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	
}

/*********************************product*************************************************/
#product {
	clear:both;
	padding:10px;
	width:540px;
	height:663px;
	margin:0px auto;
	background:url(image/product_bg.gif)  right  center no-repeat;

}
#pro_detail{
	width:384px;
	height:640px;
	padding:10px 3px;
	text-align:center;
	background:url(image/pro_detail_bg.gif) center no-repeat;
}

#product .pro_image {
}

.pic_big_img {
	width:335px;
	height:200px;
	margin:0px auto;
}

.pic_small_images {
	height:43px;
	overflow:hidden;
	background:#C7C8CA;
	padding:4px;
	border:1px solid #666;
}
.pic_small_images img {
	width:50px;
	height:35px;
	border:0px;
	padding:2px;
	margin:2px;
	border:1px solid #666;
}
.pic_small_images li {
	display:inline;
}

#similar_search{
   color:#3CF;
   font-weight:bold;
   text-transform:capitalize;
   text-decoration:underline; 
}
#similar_search:hover{
   color:#F00;
}



#product .pro_buy {
	margin:0px auto;
	text-align:center;
	width:158px;
}
.pro_con_name,.pro_con_name h1{
	margin:0px auto;
	width:300px;
	color:#000;
}
#product #pro_con {
	margin:0px auto;
	width:300px;
}
#product #pro_con ul{
	margin:0px auto;
	width:200px;
	text-align:left;
	color:#000;
	padding:5px;
}

#product #pro_con ul li .pro_span {
}
#product #pro_con ul li .pro_price_m{
	font-weight: bold;
	color:#999;
}

#product #pro_con ul li .pro_price_c {
	font-weight: bold;
	color:#00B3DE;
}

#product #pro_con ul li span {
	float: left;
	display: block;
}

#product #pro_con ul li { 
         height:30px;
}

.pro_cur_c label{
      margin:10px 10px 10px 0px;
      color:#000;
	  font-weight:bold;
}
#product #pro_con ul li h1{
        color:#000;
        font-size:14px;
        line-height:10px;
}


#shoecode{
	width:140px;
}
#productImage{
        width:335px;
	height:200px;
	position:relative;
	cursor:crosshair;
 

}
div.zoomdiv {
   position:absolute; 
   z-index:100;
   top:0px;
   left:0px;
   width: 200px;
   height: 200px;
   background: #ffffff;
   border:1px solid #0CF;
   display:none;
   text-align:center; 
   overflow: hidden;
   margin-left:30px;

  }





/*********************************newslist*************************************************/
#master .newslist ul .newstype {
	float: left;
	width: 150px;
}
#master .newslist ul .newsname {
	float: left;
	width:340px;
}
#master .newslist ul li.newsname a{
	color:#000;
}
#master .newslist ul li.newsname a:hover{
	color:#00B3DE;
}

#master .newslist ul .newstime {
	float: left;
	width:100px;
	color:#00B3DE;
}

#news .master {
	padding:10px;
}
#news .title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform:capitalize;
	color:#000;
}
#news .time {
	text-align: right;
	padding-right: 30px;
	color:red;
}


/********************footer***********************************************************/
#footer {
	clear:both;

	font-size:13px;
	color:#7C7D7F;
	padding-top:30px;
        
}
#footer  a{
	font-size:13px;
	color:#7C7D7F;      
}

#dlink{
	clear:both;
	text-align:center;
}
#dlink #link ul li{
	display:inline;
    margin:0px 5px;
}
#dlink #link ul li a{
        color:#000;
	font-size:12px;
}
#dlink #link ul li a:hover{
	color:#00B3DE;
}

#dfoot{
	clear:both;
	text-align:center;
}
#dfoot a{
	font-size:13px;
}
#dfoot a:hover{
	color:#F00;
}

#foot_href{
	clear:both;
	margin:20px 30px;
}
#foot_href ul{
	margin:0px 10px;
}
#foot_href ul span{
	font-weight:600;
	color:#000000;
}
#foot_href ul li{
	padding-left:10px;
}
#foot_href ul li a{
	font-size:11px;
	text-decoration:none;
	color:#000000;
}
#about_us{
	float:left;
	padding-left:5px;
}
#customer_info{
	float:left;
	padding-left:5px;
}
#shopping_guide{
	float:left;
	padding-left:5px;
}
#foot_href #payments{
	float:left;
	padding-left:5px;
}
#delivery{
	float:left;
	padding-left:5px;
}

/********************box***********************************************************/

#box{
	position:fixed!important;
        position:absolute;
	left:0;
	bottom:0;
	width:180px;
	background:url(/image/notice_bg1.gif) center no-repeat;
}
#box h5{
	height:17px; 
	line-height:17px;
	text-align:center;
        padding-left:10px;
        font-size:12px;
        color:#fff;       
	background:url(/image/round.gif) left no-repeat #f00;
}

#box h5 a{
	 cursor:pointer;
         padding-left:10px;
}
#box h5 a:hover{
        color:#fff;
}
#up_down{
	font-size:18px; 
	font-weight:bold;
	width:180px; 
	text-align:center;
	display:block; 
	color:#f00;
}
#up_down:hover{
        text-decoration:none;
        color:#fff;
        cursor:pointer;
}
#box p{
	color:#fff;
	text-align:justify;
	font-size:12px;
        width:150px;
        margin:0px auto;
	padding:5px;
        line-height:15px;
        
}
#box p a{
        margin-left:20px;
        color:yellow;
        text-decoration:underline;
}
#box p a:hover{
        color:red;
}
#close:hover{
       text-decoration:none;
       color:red;
}
#btnCon{width:151px; height:38px; background:url(image/continue.gif); border:none;}
#btnCheckOut{ width:253px; height:35px; cursor:pointer; border:none; background:url(image/check_out.gif);}


#notice_information{
       color:red;
       margin-bottom:20px;
       padding:10px;
       font-size:12px;
        font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
   }


/********************************gifts************************************/
#gifts{
	clear:both;
	height:132px;
	display:none;
	background:#39C;
}
#gifts p{
	height:30px;
	line-height:30px;
	color:red;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom:10px;
	background:#FF0;
	text-align:center;
}
#gifts a{
	margin:0px 32px;
	height:102px;
	display:inline-block;
}
#gifts_1{
		background:url(image/style1.gif) center top no-repeat;
}
#gifts_2{
		background:url(image/style2.gif) center top no-repeat;
}
#gifts_3{
		background:url(image/style3.gif) center top no-repeat;
}
#gifts img{
	width:80px;
	height:42px;
	border:1px solid #F00;
	margin-top:40px;
}
#view_details img{
	border:none;
	height:80px;
	margin-top:0px;
}


#gift_page{
	width:598px;
	height:600px;
	margin:0px auto;
	background:url(image/giftbg.jpg) center no-repeat #0E90C8;
}
#gift_page div{
	width:199px;
	height:116px;
	text-align:center;
	position:absolute;
	background:url(image/giftbg.gif) center no-repeat;
}
#gift_page div img{
	margin-top:10px;
	width:185px;
	height:95px;
}
#gift1{
	margin:97px 0px 0px 40px;
}
#gift2{
	margin:187px 0px 0px 200px;
}
#gift3{
	margin:273px 0px 0px 370px;
}


#noticy{
	position: absolute; 
	top: 150px;
	right: 10px;
	width:191px;
	z-index:1100;
}

#payment{
       text-align:center;
}