@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/bg-pattern.jpg);
	background-repeat: repeat;
	background-position: center top;
}
* {
	margin:0;
	padding:0;
	list-style:none;
}
/*a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}*/

a.link1 {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.link1:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
#left-bg {
	background-image: url(../images/left-bg-rpt.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 99%;
	float: left;
}
#right-bg {
	background-image: url(../images/right-bg-rpt.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	float: left;
}
#main {
	width: 963px;
}
.first
{
	width:100%;
	float:left;
}
.top-baner {
	float: left;
	width: 963px;
	text-align: left;
	margin-bottom:11px;
}
.comn-alin-1 {
	float: left;
	width: 100%;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 5px;
}
.comn-alin-2 {
	float: left;
	width: 100%;	
	text-align: left;
}
.logo {
	float: left;
	width: 199px;
	padding-right: 466px;
}
.search-box {
	float: left;
	width: 273px;
	padding-top: 22px;
	padding-right: 25px;
}
.gra-font-12 {
	color: #a5a5a5;
	text-align: right;
	font-size: 12px;
}
.font-drgra12 {
	color: #555555;
	font-size: 12px;
}
.blk-font-12 {
	color: #363535;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}
.gra-font-14 {
	color: #a5a5a5;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.search-text {
	width:48%;
	float:left;
	padding-top:10px;
}
.search-box1 {
	width:52%;
	float:right;
	padding-top: 7px;
}
.search-field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a5a5a5;
	padding: 1px;
	width: 110px;
	font-weight: bold;
}
.menu {
	float: left;
	width: 942px;
	text-align: left;
	padding:0;
	margin:0;
}
.tab-1 {
	float: left;
	width: 85px;
	text-align: left;
	height: 30px;
}
.tab-2 {
	float: left;
	width: 66px;
	height: 30px;
	text-align: left;
}
.tab-3 {
	float: left;
	width: 95px;
	text-align: left;
	height: 30px;
}
.tab-4 {
	float: left;
	height: 30px;
	width: 66px;
	text-align: left;
}
.tab-5 {
	float: left;
	height: 30px;
	width: 100px;
	text-align: left;
}
.tab-6 {
	float: left;
	height: 30px;
	width: 64px;
	text-align: left;
}
.tab-7 {
	float: left;
	height: 30px;
	width: 73px;
	text-align: left;
}
.tab-8 {
	float: left;
	height: 30px;
	width: 107px;
	text-align: left;
}
.tab-9 {
	float: left;
	height: 30px;
	width: 78px;
	text-align: left;
}
.font-12-green {
	color: #2afe00;
	text-decoration: none;
}
#content {
	float: left;
	width: 951px;
	padding-left: 12px;
	text-align: left;
}
#prod-content-main {
	float: left;
	width: 936px;
	padding-left: 8px;
	text-align: left;
	background:#898989;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.prod-rpt-menu{
	float: left;
	background-image: url(../images/prod-rpt-menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	width: 100%;
}
.prod-content{
	width:922px;
	padding-right: 10px;
	padding-bottom: 0;
	float: left;
	background-color:#898989;
}
.prod-left{
	background-color:#898989;
	float: left;
	width:601px;
	padding:9px 0 8px 0
}
.prod-right{
	background-color:#898989;
	float: left;
	width:300px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top:8px;
	margin-left:5px;
	/*border:1px solid #747474;*/
}
.prod-tab-1 {
	float: left;
	width: 70px;
	text-align: left;
	height: 25px;
}
.prod-tab-2 {
	float: left;
	width: 85px;
	height: 25px;
	text-align: left;
}
.prod-tab-3 {
	float: left;
	width: 64px;
	text-align: left;
	height: 25px;
}
.prod-tab-4 {
	float: left;
	height: 25px;
	width: 96px;
	text-align: left;
}
.prod-tab-5 {
	float: left;
	height: 25px;
	width: 99px;
	text-align: left;
}
.botm-img {
	float: left;
	width: 300px;
	padding-top: 15px;
	padding-right: 17px;
	padding-bottom: 15px;
}
.prod-next{
	width:50%; float:left; text-align:right;
}
.prod-prv{
	width:50%; float:left; text-align:left;
}
.prod-comnalin {
	float: left;
	width: 912px;
	padding-top: 15px;
}


a.link1-gra {
	color: #555555;
	font-size: 12px;
}
a.link1-gra:hover {
	color: #CECFD1;
	font-size: 12px;
}
a.link1-red {
	color: #FFFFFF;
	font-size: 12px;
}
a.link1-red:hover {
	color: #FF0000;
	font-size: 12px;
}
.dropdown-menu {
	position:absolute;
	width:330px;
}
.dropdown-left{
	width:35%;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity:0.70;
	padding:3% 0 5% 3%;
}
.dropdown-right{
	width:50%;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity:0.70;
	padding: 2%;
}
.ceramics-left{
	background-color:#898989;
	float: left;
	width:627px;
	padding:8px 0 8px 0
}
.ceramics-right{
	background-color:#898989;
	float: left;
	width:278px;
	padding:0 7px 0 10px;
	margin-left:5px;
	margin-top:8px;
	text-align:justify;
	/*border:1px solid #747474;*/
}
.ceramics-scroll {
	width:920px;
	float:left;
	margin-top: 5px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #515151;
}
#footer {
	background-image: url(../images/botm-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	height: 78px;
	padding-top: 8px;	
	width: 945px;
	text-align: left;
}
.footer-left {
	width:31%;
	padding-left:1%;
	float:left;
	color: #000000;
	text-align: left;
	font-size: 13px;
}
.footer-right {
	width:66%;
	float:right;
	color: #000000;
	text-align:right;	
	text-decoration: none;
}
#footer11 {
	background-image: url(../images/botm-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	height: 78px;
	padding-top: 8px;	
	width: 934px;
	text-align: left;
}
.footer11-left {
	width:31%;
	padding-left:1%;
	float:left;
	color: #000000;
	text-align: left;
	font-size: 13px;
}
.footer11-right {
	width:66%;
	float:right;
	color: #000000;
	text-align:right;	
	text-decoration: none;
}
/*.footer-left {
	width:61%;
	padding-left:1%;
	float:left;
	color: #555555;
	text-align: left;
	font-size: 13px;
}
.footer-right {
	width:36%;
	float:left;
	color: #000000;
	text-decoration: none;
}*/
/*----------------------------------------20-11-09----------------------------------------*/
.ceramics-popup-menu {
	position:absolute;
	width:345px;
	padding:15px;
	float:left;
	top:95px;
	left:38%;
	background-color:#000000;
	border:3px solid #272727;
	z-index:1000;
}
a.link1-red1 {
	color: #FF0000;
	font-size: 12px;
	text-decoration: underline;
}
a.link1-red1:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}
a.link1-red2 {
	color: #FF0000;
	font-size: 12px;
	text-decoration: none;
}
a.link1-red2:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}
.login-box {
	float: left;
	width: 273px;
	padding-top: 15px;
	padding-right: 25px;
}
.login-register {
	float: left;
	width: 100%;
	text-align: right;
	padding-bottom: 39px;
}
a.link-red2 {
	color: #a5a5a5;
	font-size: 12px;
}
a.link-red2:hover {
	color: #FF0000;
	font-size: 12px;
}
.red-font-12 {
	color: #FF0000;
	text-align: right;
	font-size: 12px;
}
.popup-menu1 {
	position:relative;
	width:345px;
	padding:15px;
	float:left;
	top:30px;
	left:35%;
	background-color:#000000;
	border:3px solid #272727;
}
.popup-menu2 {
	position:relative;
	width:691px;
	padding:15px;
	float:left;
	top:30px;
	left:21%;
	background-color:#000000;
	border:3px solid #272727;
}
.popup-menu3 {
	position:relative;
	width:583px;
	padding:15px;
	float:left;
	top:30px;
	left:20%;
	background-color:#000000;
	border:3px solid #272727;
}
#fade
{
	position:absolute;
	width:100%;
	height:838px;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	z-index:1000;
}
a.link-litgra {
	color: #7e7e7e;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
a.link-litgra:hover {
	color: #7e7e7e;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.lit-gra-font-14 {
	color: #7e7e7e;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.form-title {
	width:35%;
	float:left;
	text-align:right;
	padding-top: 2px;
}
.form-title1 {
	width:25%;
	float:left;
	text-align:left;
	padding-top: 2px;
}
.form-title2 {
	width:45%;
	float:left;
	text-align:left;
	padding-top: 2px;
}
.form-field {
	width:63%;
	float:left;
	text-align:left;
	padding-left:2%;
}
.form-field1 {
	width:73%;
	float:left;
	text-align:left;
	padding-left:2%;
}
.form-field1 {
	width:53%;
	float:left;
	text-align:left;
	padding-left:2%;
}
.field-bg {
	width: 202px;
	float: left;
	background-image: url(../images/field-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height:17px;
	padding-top: 2px;
	padding-left:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b5b5;
	border-right-color: #d0d0d0;
	border-bottom-color: #8a8b8b;
	border-left-color: #e3e3e3;
}
.field-bg1 {
	width: 220px;
	float: left;
	background-image: url(../images/field-bg1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height:17px;
	padding-top: 2px;
	padding-left:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b5b5;
	border-right-color: #d0d0d0;
	border-bottom-color: #8a8b8b;
	border-left-color: #e3e3e3;
}
.field-bg2 {
	width: 150px;
	float: left;
	background-image: url(../images/field-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height:17px;
	padding-top: 2px;
	padding-left:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b5b5;
	border-right-color: #d0d0d0;
	border-bottom-color: #8a8b8b;
	border-left-color: #e3e3e3;
}
.field-bg3 {
	width: 150px;
	float: left;
	background-image: url(../images/field-bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height:47px;
	padding-top: 2px;
	padding-left:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b5b5;
	border-right-color: #d0d0d0;
	border-bottom-color: #8a8b8b;
	border-left-color: #e3e3e3;
}
.comn-alin-3 {
	float: left;
	width: 92%;
	text-align: left;
	padding-left:8%
}
a.link-wit {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}
a.link-wit:hover {
	color: #7e7e7e;
	font-size: 12px;
	text-decoration: underline;
}
.border-botm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #373636;
}
.lit-gra-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #d0d0d0;
	width:25%;
	float:left;
	text-align: left;
}
.my-sample-inr-box {
	width:25%;
	float:left;
	text-align: left;
	padding-top:8px;
}
.my-sample-inr-box2 {
	width:15%;
	float:left;
	text-align: left;
}
.my-sample-inr-box1 {
	width:8%;
	float:left;
	text-align: center;
	padding-top:8px;
}
/*--------------------------------21-nov--------------------------------------*/
.img-inr-box {
	float: left;
	width: 150px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}
.font-blk-gra-12 {
	font-size: 12px;
	color: #262626;
}
.botm-next {
	width:94%;
	float:left;
	text-align:right;
	padding-right:1%;
	color: #242424;
}
.botm-next1 {
	width:5%; float:left; text-align:left;
}
a.link-blk-gra {
	color: #242424;
	font-size: 14px;
	text-decoration: underline;
}
a.link-blk-gra:hover {
	color: #242424;
	font-size: 14px;
	text-decoration: none;
}
a.link-blk-gra1 {
	color: #262626;
	font-size: 12px;
	text-decoration: none;
}
a.link-blk-gra1:hover {
	color: #262626;
	font-size: 12px;
	text-decoration: underline;
}
a.link1-red3 {
	color: #FF0000;
	font-size: 12px;
	text-decoration: none;
}
a.link1-red3:hover {
	color: #a5a5a5;
	font-size: 12px;
	text-decoration: none;
}
.prod-rpt-menu-new{
	float: left;
	background-image: url(../images/prod-rpt-menu1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 32px;
	width: 100%;
}
.prod-tab-new1 {
	float: left;
	width: 93px;
	text-align: left;
	height: 32px;
}
.prod-tab-new2 {
	float: left;
	width: 100px;
	height: 32px;
	text-align: left;
}
.prod-tab-new3 {
	float: left;
	width: 73px;
	text-align: left;
	height: 32px;
}
.prod-tab-new4 {
	float: left;
	height: 32px;
	width: 112px;
	text-align: left;
}
.prod-tab-new5 {
	float: left;
	height: 32px;
	width: 113px;
	text-align: left;
}
/*-------------------------------24-Nov-----------------------------*/
.about-box {
	width:918px;
	padding:10px 18px 0 0;
	float:left;
}
.about-box1 {
	width:910px;
	padding:10px 18px 5px 0;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	vertical-align: middle;
	
}
.about-hd {
	font-size: 18px;
	font-weight: normal;
	color: #CCCCCC;
}

/*------------------------------- 30-Nov -----------------------------*/
.tab1_off{
float:left;
width:auto;
color:#454545;
font-size:14px;
background-color:#c1bfc0;
border:solid #515151 1px;
cursor:pointer;
height:22px;
padding:8px 12px 0 12px;
margin-right:6px;
text-align:center;
}
.tab1_on{
float:left;
width:auto;
color:#000000;
font-size:14px;
background-color:#898989;
border-left:solid #515151 1px;
border-right:solid #515151 1px;
border-top:solid #515151 1px;
border-bottom:solid #898989 1px;
cursor:pointer;
height:22px;
padding:8px 12px 0 12px;
margin-right:6px;
text-align:center;
}
.tab2_off{
float:left;
width:auto;
color:#464646;
font-size:12px;
background-color:#8a8a8a;
border:solid #515151 1px;
cursor:pointer;
height:18px;
padding:5px 12px 0 12px;
margin-right:6px;
text-align:center;
}
.tab2_on{
float:left;
width:auto;
color:#000000;
font-size:12px;
background-color:#8a8a8a;
border-left:solid #515151 1px;
border-right:solid #515151 1px;
border-top:solid #515151 1px;
border-bottom:solid #898989 1px;
cursor:pointer;
height:18px;
padding:5px 12px 0 12px;
margin-right:6px;
text-align:center;
}
#prod-scroll {
	width:912px;
	float:left;
	height:185px;
	overflow:auto;
}
/*------------------------------- 1-DEC -----------------------------*/
/*=====photogallery====*/
.gallery-content{
float:left;
width:100%;
padding: 5px 0px 0px 0px;
}
.gallery-content img{
margin:2px; 
border:solid 1px #000;
width:150px;
height:125px;
}
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
#Div_SignUp
{
	position:absolute;
	width:100%;
	height:838px;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=100);	
	-moz-opacity:100;
	z-index:1000;
}
#Div_Login
{
	position:absolute;
	width:100%;
	height:838px;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=100);	
	-moz-opacity:100;
	z-index:1000;
}
#Div_Browse_Prd
{
	position:absolute;
	width:100%;
	height:838px;
	float:left;
	background-color:#000000;
	filter:alpha(opacity=100);	
	-moz-opacity:100;
	z-index:1000;
}
/******************************************************************* H'S CSS END ****************************************************************/
a.link1_red {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.link1_red:hover {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
.blk-font-12_Update {
	color: #363535;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
a.link_addto {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.link_addto:hover {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
/*-----------------------------------------14-DEC----------------------------------------------*/
.font-10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.footer-ri-bot {
	width:99%;
	padding-right:1%;
	padding-top:10px;
	float:right;
	color: #000000;
	text-align:right;	
	text-decoration: none;
}
.border-thum {
	border: 2px solid #000000;
}
/*-----------------------------------------23-DEC----------------------------------------------*/
.tab3_off{
	float:left;
	width:auto;
	color:#464646;
	font-size:12px;
	background-color:#8a8a8a;
	cursor:pointer;
	height:18px;
	margin-right:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 13px;
}
.tab3_on{
	float:left;
	width:auto;
	color:#FFFFFF;
	font-size:12px;
	background-color:#8a8a8a;
	border-left:solid #515151 1px;
	border-right:solid #515151 1px;
	border-top:solid #515151 1px;
	border-bottom:solid #898989 1px;
	cursor:pointer;
	height:18px;
	padding:5px 12px 0 12px;
	margin-right:6px;
	text-align:center;
}
.tab3_active{
	float:left;
	width:auto;
	color:#000000;
	font-size:12px;
	background-color:#8a8a8a;
	border-left:solid #515151 1px;
	border-right:solid #515151 1px;
	border-top:solid #515151 1px;
	border-bottom:solid #898989 1px;
	cursor:pointer;
	height:18px;
	padding:5px 12px 0 12px;
	margin-right:6px;
	text-align:center;
	font-weight: bold;
}
/* imgg bordr class  */
.border-image-thum {
	border: 1px solid #000000;
}
.border-image-thum:hover {
	border: 1px solid #ff0000 ;
}
/*-----------------------------------------11-january----------------------------------------------*/
.menu-tab1off {
	float: left;
	width: auto;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 13px;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menu-tab1on {
	float: left;
	width: auto;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.menu-active {
	float: left;
	width: auto;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 13px;
	background-color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.menu-tab1ongreen {
	float: left;
	width: auto;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00ff00;
	text-decoration: none;
}