@charset "utf-8";
/* CSS Document */

body{min-width:1000px; height:940px; margin:0px auto; padding:0px; }

@font-face {
	font-family:bpreplay;
	font-weight: bold;
	src: url("../fonts/bpreplay.eot");
	src: local('☺'), url("../fonts/bpreplay.woff") format("woff"),
	url("../fonts/bpreplay.ttf") format("truetype");
}

@font-face {
	font-family:bpreplaybold;
	font-weight: bold;
	src: url("../fonts/bpreplaybold.eot");
	src: local('☺'), url("../fonts/bpreplaybold.woff") format("woff"),
	url("../fonts/bpreplaybold.ttf") format("truetype");
}
#header{height: 130px;
background:url(../images/header-img.png)repeat-x center top;
position: absolute;
top: 0px; left: 0px;
width: 100%;
z-index: 20;}
#header .center { width: 960px; margin: auto; }

#Header-Navigation-Panel{
	width:977px;
	margin:0px auto;

	height:72px;

	}

.menuSection{width:600px; height:72px; float:right;}
.menuSection ul{margin:0px; padding:0px; height: 72px; }
.menuSection ul li {
	list-style:none;
	display:block;
	float:left;
	border-left:1px solid #dfdfdf;
	outline:none;
	position:relative;
	font-weight:bold;	
	}	
 .menuSection ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:72px;
	line-height:72px;
	color:#333;
	font-family: 'bpreplaybold' ;
	font-size:16px;
	padding:0px 17px;
	outline:none;	
	}
 .menuSection ul li a:hover{
	 color: #fff;
	background-color:#f16b55;
	background-repeat:no-repeat;
	}
	.menuSection ul li.last { border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
 .menuSection ul li a.active{
	color: #fff;
	background-color:#f16b55;
	background-repeat:no-repeat;
	}	
.date-container{width: 100%;
position: absolute;

height: 210px;
top: 689px;
left: -55px;
z-index: 999;
}
.date-container .center { width: 960px; margin: auto; }
.date-container-base{
width: 235px;
height: 170px;
padding-top: 20px;
padding-left: 25px;
padding-right: 25px;
border-radius: 8px;
background: #fff;
box-shadow:  2px 4px 4px rgba(0,0,0,0.2);
float:left;
margin-right:35px;
}
h1.container-heading{font-family:bpreplaybold;
font-size:16px; 
color:#414141;
font-weight::bold;
margin-bottom:22px;
}
.container-center{font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #414141;
font-weight: bold;
margin-left: 25px;
font-style: italic;
font-weight: BOLD!IMPORTANT;
}
.view {width: 50px;
color: #3497a5;
font-size: 12px;
float: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-left: 190PX;}

.view a{width: 50px;
color: #3497a5;
font-size: 12px;
float: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-left: 190PX;}
.view a:hover{width: 50px;
color: #3497a5;
font-size: 12px;
float: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-left: 190PX;}

#footer { width: 100%; position: relative; z-index: 1000; font-family: Arial; }
#footer .footer { position: absolute; width: 100%; bottom: 20px; left: 0px; overflow: hidden; }
#footer p { padding-left: 70px; float: left; font-size: 13px; color: #fff; }
#footer p a { color: #fff; padding-left: 5px;
padding-right: 5px; }
#footer .right { padding-right: 70px; float: right; }
#footer h4 { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: normal; color: #fff; }
#footer img { margin-left: 5px; vertical-align: middle; }





.product-lightBox { padding: 20px 50px; width: 875px; border-radius: 5px; background: #fff; float:left; }
.product-lightBox .product { padding-top: 20px; }
.product-lightBox .left { margin-bottom: 30px; float: left; width: 468px; text-align: center; height: 405px; border: 1px solid #e5e5e5; }
.product-lightBox .right { padding-top: 20px; float: right; width: 370px; }
.product-lightBox .row { padding-bottom: 11px; width: 100%; }
.product-lightBox .row h5 { padding-bottom: 10px; font-size: 12px; color: #999; font-weight: normal; }
.product-lightBox .row h5 span { display: block; font-size: 18px; color: #444; }
.product-lightBox ul.color { overflow: hidden; }
.product-lightBox ul.color li { padding-right: 7px; float: left; }
.product-lightBox ul.color li a { display: block; float: left; width: 50px; height: 55px; border: 1px solid #e5e5e5; }
.product-lightBox ul.color li a:hover { border: 1px solid #f68b30; }
.product-lightBox h5 span.price { font-size: 18px; color: #ff5a00; }
.product-lightBox .des { width: 100%; }
.product-lightBox .des .detail { padding: 20px; border: 1px solid #e5e5e5; }
.product-lightBox .des h4 { padding: 0px 20px; width:55px; font-size: 12px; font-weight: normal; color: #010101; margin-bottom: -1px; height: 28px; line-height: 28px; border: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.product-lightBox .des p { font-size: 13px; color: #999; line-height: 18px; }
.product-lightBox h2{color:#444; font-family: 'bpreplaybold' ; font-size:18px; } 
.product-lightBox 
.product-lightBox 
.product-lightBox 
.product-lightBox 
.product-lightBox 
.product-lightBox