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

behavior: url(js/PIE.htc);

/* General */

*{ 
	 padding:0; margin:0; 
	}

body{
	 background:#ebebeb;
	 overflow-x:hidden;
	 }
	 
img{ 
	 border:none; 
	 }
	 
a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#666;
	}
	
h2{ 
	 color:#1a1a1a; 
	 font:18px Georgia, serif; 
	 padding-left:35px;
	 padding-top:10px;
	 }
		
#wrapper{ 
	 text-align:center; 
	 padding-right:280px; 
	 }


.pop {
	position:absolute;
	right:0px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	color:#990033;
	z-index:2;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#990033;	
	}
	
.pop a{
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	color:#990033;
	}
	
ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

ul li{
	padding-bottom:16px;
	}

.tab:hover{
	background-image: none;
	}

#grey{
	position:fixed;
	background-color:#ebebeb;
	top:0px;
	left:276px;
	width:100%;
	height:40px;
	padding-left:35px;
	z-index:100;
	}
	
	
#menu {
	position:relative;
	overflow:visible;
	float:right;
	top:0px;
	padding-right:26px;
	}
	
.padding_wrap{
	padding-top:40px;
     display:block;
	 width:937px; 
	 margin:0px auto; 
	 text-align:right;
	 overflow:visible;
	 }	
	  
#content_box{
	top:0px;
	overflow:visible;
	 float:right; 
	 width:690px; 
	 height:auto; 
	 margin-top:0px; 
	 padding-bottom:50px;
	 background: #fff; 
	 border:0px solid #eee; 
	 text-align:left;
	 }

#content_box img{ 
	 float:left; 
	 padding-left:35px;
	 }
	 
#content_box2{
	top:0px;
	overflow:visible;
	 float:right; 
	 width:690px; 
	 height:auto; 
	 margin-top:0px; 
	 padding-bottom:50px;
	 background: #fff; 
	 border:0px solid #eee; 
	 text-align:left;
	 }

#content_box img{ 
	 float:left; 
	 /*padding-left:35px;*/
	 }
	 
	#content_box3{
	top:0px;
	overflow:visible;
	 float:right; 
	 width:690px; 
	 height:1080px; 
	 margin-top:0px; 
	 padding-bottom:50px;
	 background: #fff; 
	 border:0px solid #eee; 
	 text-align:left;
	 }	 
	 
	 #content_box4{
	top:0px;
	overflow:visible;
	 float:right; 
	 width:690px; 
	 height:1080px; 
	 margin-top:0px; 
	 padding-bottom:50px;
	 background: #fff; 
	 border:0px solid #eee; 
	 text-align:left;
	 }	 

#content_box4 img{ 
	 float:left; 
	 padding-right:33px;
	 }
	 
#co1 {
	position: absolute;
	left: 440px;
	top: 200px;
	width: 490px;
	height: 411px;
	z-index: 11;
}
	 
			/*The Frills*/
/*#content_box a{ 
	 font:16px Georgia, serif; 
	 padding:15px; 
	 }*/
	 
#logo{ 
	 z-index:10; 
	 position:absolute; 
	 top:42px; 
	 left:40px;
	 }
			
#header{ 
	 height:115px; 
	 background:transparent; 
	 padding-top:36px;
	 padding-right:280px;

	 }
				
#navigation{ 
     height:115px;
	 background-color:#FFF; 
     border-top-style:solid;
	 border-top-color:#666;
	 border-top-width:15px;
	 text-align:left; 
	 width:690px; 
	 float:right;
	 }
	 
#navigation2{ 
     height:115px;
	 background-color:#FFF; 
     border-top-style:solid;
	 border-top-color:#666;
	 border-top-width:1px;
	 text-align:left; 
	 width:690px; 
	 float:right;
	 }
					
#navigation h2{ 
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:600;
	 }
	 
ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

ul li{
	padding-bottom:16px;
	}

.tab:hover{
	background-image:url(../img/menu/overlay2.png);
	}

.tab {
	background-color:#F90;
	background-image:url(../img/menu/overlay.png);
	position:absolute;
	width:26px;
	height:26px;
	z-index:1;
	}
.tab2 {
	background-color:#F90;
	background-image:url(../img/menu/overlay2.png);
	position:absolute;
	width:26px;
	height:26px;
	z-index:1;
	}
#section1 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
	
}
#section2 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
	
}

#section3 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
	
}

#section4 {
	position:absolute;
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	font-weight:200;
	color:#990033;
	z-index:2;	
	}
	
#section5 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
}

#section6 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
}

#section7 {
	visibility:hidden;
	width:100px;
	top: 5px;
	right:35px;
	text-align:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	position:absolute;
	color:#990033;
	z-index:2;
	
}
#headerlogo {
	float:left;
	left:0px;
	width:162px;
	height:111px;
	z-index:1;
	background-color: #fff;
}

#tablemenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#333;
	float:left;
	left:200px;
	width:490px;
	height:111px;
	z-index:1;
	background-color: #fff;
	border-bottom:solid #999 thin;
}

#tablemenu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#999;
}

#top {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:300;
	color:#666;
	float:left;
	padding-top:18px;
	padding-left:162px;
	/*padding-right:38px;*/
	left:0px;
	top:0px;
	width:490px;
	height:50px;
	z-index:1;
	background-color: #fff;
}


#center {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#333;
	float:left;
	left:0px;
	padding-top:-50px;
	padding-left:162px;
	/*padding-right:38px;*/
	width:490px;
	height:auto;
	z-index:1;
	background-color: #fff;
}

.shop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:200;
	text-align:left;
	float:left;
	background-color:#fff;
	width:240px;
	height:140px;
	}
	
	.shop2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:200;
	text-align:left;
	float:left;
	background-color:#fff;
	width:240px;
	height:115px;
	}
	
	.shop3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:200;
	text-align:left;
	float:left;
	background-color:#fff;
	width:240px;
	height:165px;
	}
	
	.others{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:600;
	text-align:left;
	float:left;
	background-color:#fff;
	width:450px;
	height:30px;

	}
	
	.info{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:200;
	text-align:left;
	float:left;
	background-color:#fff;
	width:390px;
	height:210px;
	
	}
	
	.webshop {
	text-align:left;
	float:left;
	width:62px;
	height:82px;
	border:none;
	padding-right: 25px;
	padding-top:70px;
	margin-left:-20px;
	
	}
	
	#line{
	float:right;
	width:490px;
	height:1px;
	background:#999;
	}
	
	.hidden {
    display: none;
}

/* BackToTop button css */
#scroll {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
text-indent:-9999px;
display:none;

}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#666
}
#scroll:hover {

opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
</style>