@charset "utf-8";
/* created by NK */

body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:#4396ca url(images/bodybg.gif) repeat-x;}

.inbodybg{ background:url(images/bodytopgraphic.jpg) left top no-repeat; height:118px;}
.whitebg{ background:#ffffff;}

.logopad{padding:30px 0 0 10px;}
.padr8px{ padding:0 8px 0 0;}

div, form, p, img{ margin:0px; padding:0px; border:none;}
ol, li{ margin:0 0 4px 10px; padding:0 0 0 2px; font-weight:bold;}


input,textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.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:#4c4c37; color:#fff; border:none; padding:2px; cursor:pointer; width:30px;}
.btn2{background:#4c4c37; color:#fff; border:none; padding:2px; cursor:pointer; width:100px;}
.btn2{background:#4c4c37; color:#fff; border:none; padding:2px; cursor:pointer; width:150px;}

.greybt{ border-top:#d7d7d7 1px solid;}
.greybb{ border-bottom:#d7d7d7 1px solid;}
.greybl{ border-left:#d7d7d7 1px solid;}
.greybr{ border-right:#d7d7d7 1px solid;}

.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;}
.bb{ border-bottom:#CCCCCC 1px solid;}
.lt{ text-decoration:line-through;}

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

.container{ width:987px; margin:0 auto;}
.photocontainer{ width:130px; height:91px; overflow:hidden; border:#666666 1px solid; text-align:center; vertical-align:middle; margin:0 auto; background:#000000;}
.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)  center left no-repeat; padding-left:10px; margin-bottom:5px;}
.p2{ background:url(images/b2.gif)  center left no-repeat; padding-left:10px; margin-bottom:5px;}

.red{ color:#d90f0f;}
.blue{ color:#4396ca;}
.dblue{ color:#0c5bbd;}
.white{ color:#ffffff;}
.black{ color:#000000;}

.f18{ font-size:18px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.f11{ font-size:11px;}
.f10{ font-size:10px;}

.topLink a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d4f0ff; padding:0px 20px; text-decoration:none;}
.topLink a:hover{ color:#ffffff;}

.footLink a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#820c0c; padding:0px 20px; text-decoration:none;}
.footLink a:hover{ color:#222222;}

.topLinkmain a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; padding:8px 34px; text-decoration:none; background:url(images/btn-norm.gif); text-align:center; margin:0 1px 0 0; display:block; float:left; font-weight:bold;}
.topLinkmain a:hover, .topLinkmain .active{ color:#ffffff; background:url(images/btn-hov.gif);}

.linkred{color:#d90f0f; text-decoration:none;}
.linkred:hover{color:#3d3d3d;}

.linkblue{ color:#4396ca; text-decoration:none;}
.linkblue:hover{color:#3d3d3d;}

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

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

/* btn class */
.become a{ background:url(images/works.gif) center 0px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.become a:hover{ background:url(images/works.gif) center -119px no-repeat;}

.domain { background:url(images/works.gif) center -240px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.domain:hover{ background:url(images/works.gif) center -360px no-repeat;}

.pick { background:url(images/works.gif) center -480px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.pick:hover{ background:url(images/works.gif) center -600px no-repeat;}

.edit { background:url(images/works.gif) center -720px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.edit:hover{ background:url(images/works.gif) center -840px no-repeat;}

.publish { background:url(images/works.gif) center -960px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.publish:hover{ background:url(images/works.gif) center -1080px no-repeat;}

.share { background:url(images/works.gif) center -1205px no-repeat; display:block; font-size:11px; font-weight:bold; color:#222222; text-decoration:none; height:65px; padding-top:50px;}
.share:hover{ background:url(images/works.gif) center -1325px no-repeat;}

/* Paging Style */

.main_index{
	display:block; 
	margin-bottom:10px; 
	padding: 5px; 
	padding-right:8px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	margin:10px 0px 10px 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:#AB2A2C; 
	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:#AB2A2C; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}