@charset "utf-8";
/* created by NK */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; background:#000000;}

div, form, p, img{ margin:0px; padding:0px; border:none;}
input,textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#e8e8e8; border:none;}
.input{ background:#4c4c37; color:#fff; border:none; padding:2px;}
.input2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; width:300px;}
.btn1{background:#dc0120; color:#fff; border:none; cursor:pointer; font-family:"trebuchet MS"; }
.btn2{background:#dc0120; color:#fff; border:none; cursor:pointer; width:60px; font-family:"trebuchet MS";}
.btn3{background:#dc0120; color:#fff; border:none; cursor:pointer; width:100px; font-family:"trebuchet MS";}
.btn4{background:#333333; color:#fff; border:none; cursor:pointer; font-family:"trebuchet MS"; }

.b{ font-weight:bold;}
.i{ font-style:italic;}
.fl{ float:left;}
.fr{ float:right;}
.absmid{ vertical-align:middle;}
.clb{ clear:both;}
.lh18{ line-height:18px;}
.dashlr{  background:url(images/dashvl.gif) right top repeat-y;}
.bb{ border-bottom:#CCCCCC 1px solid;}
.lt{ text-decoration:line-through;}
.caps{ text-transform:uppercase;}

.ver{ font-family:Verdana, Arial, Helvetica, sans-serif;}
.treb{ font-family:"trebuchet MS";}

.container{ width:1000px; margin:0 auto;}
.photocontainer{ width:130px; height:91px; overflow:hidden; border:#CCCCCC 1px solid; text-align:center; vertical-align:middle; margin:0 auto; background:#fff;}
.procontainer{ width:130px; height:auto; overflow:hidden; text-align:center; vertical-align:middle; background:#000000;}
.discountbox{ position:absolute; padding:5px 6px; color:#fff; font-weight:bold; font-size:11px; background:#2a2a1c; margin-left:95px;}

.p1{ background:url(images/b1.gif) left 5px no-repeat; padding-left:15px; margin-bottom:3px;}
.p2{ background:url(images/b2.gif)  left 3px no-repeat; padding-left:20px;}
.head{ border-bottom:#e8e8e8 1px solid; color:#d90322; margin-bottom:5px;}

.blue{ color:#31b2ff;}
.red{ color:#d90322;}
.dorng{ color:#c88c68;}
.white{ color:#ffffff;}
.black{ color:#000000;}

.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f17{ font-size:17px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}

.topLink{ background:#1c1c1c; padding:10px 0;}
.topLink a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#31b2ff; padding:10px 35px; text-decoration:none; text-align:center;}
.topLink a:hover{ color:#ffffff;}

.footLink{ background:#1c1c1c; padding:5px 0;}
.footLink a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8a8a8a; padding:0px 6px; text-decoration:none; text-align:center;}
.footLink a:hover{ color:#31b2ff;}

.linkblue{color:#31b2ff; text-decoration:none;}
.linkblue:hover{color:#fff;}

.linkdblue{color:#0069ab; text-decoration:none;}
.linkdblue:hover{color:#000000;}

.linkblack{color:#000000; text-decoration:none;}
.linkblack:hover{color:#666;}

.linkblack1{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;}
.linkblack1:hover{color:#666; text-decoration:underline;}

.linkgrey{ color:#8a8a8a; text-decoration:none; padding:0 6px;}
.linkgrey:hover{color:#31b2ff;}

.linkwhite{ color:#666666; text-decoration:none; }
.linkwhite:hover{color:#ffffff;}

/* Paging Style */

.main_index{
	display:block; 
	padding: 5px; 
	padding-right:8px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	margin:5px 0px 5px 0px;
}
.index{
	margin-left:10%; 
	margin-right:10%; 
	text-align:center; 
}
.index_A_Z{
	margin-left:2%; 
	margin-right:2%; 
	text-align:center; 
}
.navBarTxt {
	width:16px; 
	height:15px; 
	border: 1px solid #dddddd; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
}
.navBarTxt:hover {
	width:16px; 
	height:15px; 
	background-color:#333333; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}

.pag_active {
	width:16px; 
	height:15px; 
	background-color:#333333; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}

/****Gallery****/
	#thumbview
	{
		text-align:center;
		margin:0 0 0 105px;
		width:100%;
	}
	
	#thumbview p
	{
		float:left;
		margin-right:7px;
		border:2px #333333 solid;
	}
	#bigview-container
 	{
		position:relative;
		background-color:#000000;
		width:350px;
		height:350px;
		overflow:hidden;
	}
	
.bigview { width:350px; height:300px; line-height:350px; display:table-cell; margin:0 auto; vertical-align:middle; }
.bigview img { margin-top: expression(( 300 - this.height ) / 2); }

.DG {
	width:100%;
	/*border:1px solid #eee;*/
	background:#fff;
	text-align:justify;
}
.DG #pscroller1 {
	height:100px;
	background:#fff;
	margin:5px;
}
.DG .dgclass { 
	font:11px arial;
	color:#454545;
	padding:10px;
}
.DG .name {
	color:#990000;
	font:bold 11px arial;
}

#dropcontentsubject{
	font:bold 11px arial;
	color:#990000;
}
.dropcontent{
	display:block;
	height:100px;
	font:11px arial;
	background:#fff;
	padding:10px;
	margin:5px;
}

/*-------------------------------------------------------------------------------*/

.footer-link a{background:url(images/footer-link-bg.gif) no-repeat; font:12px Arial, Helvetica, sans-serif; color:#8a8a8a; display:block; padding:4px 1px 4px 6px; width:181px; text-decoration:none; margin-bottom:6px;}
.footer-link a:hover{background:url(images/footer-link-bghover.gif) no-repeat;}

/*-------------------------------------------------------------------------------*/