/* CSS Document */

tr,td,body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.header{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a60; font-weight:bold;  background-color:#dfe1f0;
}

A:link {
	COLOR:#000099; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000099; TEXT-DECORATION: none
}
A:hover {
	COLOR: #8d3f3f; TEXT-DECORATION: underline
}
A:active {
	COLOR:#FF0000; TEXT-DECORATION: none
}

.header {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a60; font-weight:bold; text-align:left; background-color:#dfe1f0;
}
.title_red {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#804040; font-weight:bold; text-align:left; 
}

.headertitle-red{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#804040; font-weight:bold; text-align:left; 
}
.headertitle-blue
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a60; font-weight:bold;
}
.headertitle{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a60; font-weight:bold; text-align:left; 
}
.header_slash{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#3a3a60; font-weight:bold; text-align:left; 
}

.headertitle:link {
	COLOR: #8d3f3f; TEXT-DECORATION: none
}
.headertitle:visited {
	COLOR: #8d3f3f; TEXT-DECORATION: none
}
.headertitle:hover {
	COLOR: #8d3f3f; TEXT-DECORATION: underline
}



.footertext{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3a3a60; font-weight:bold; text-align:center; background-color:#dfe1f0;
}
body{
margin-left:0px;
margin-right:0px;
margin-top:0px;
}

.form-box
{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3a60; font-weight:bold; text-align:left; background-color:#dfe1f0; 
}

.hand {
	CURSOR: pointer;
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #cccccc;
}
select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #cccccc;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #cccccc;
}
.normalInput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #CCCCCC;
}
.onFocusInput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #336699;
}
.button1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#005BB7;
	border-top-color:#0099FF;
	border-right-color:#000099;
	border-bottom-color:#000000;
	border-left-color:#0099FF;
}
.error
{
color:#FF0000;
font-weight:bold;
}




/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:500px; height:165px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:500px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:475px; height:11px; 
    background: #336;
  }
  
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#ceced6;
  }  

div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 


<!--Second scroll bar start css -->
div#scrollbar1 { 
    display:none;
    }

/* below in external file */
div#wn1	{ 
    position:relative; 
    width:500px; height:165px; 
    overflow:hidden;	
	}
div#scrollbar1 { 
    position:relative; 
    width:500px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track1 { 
    position:absolute; left:12px; top:0;
    width:475px; height:11px; 
    background: #336;
  }
div#dragBar1 {
   position:absolute; left:1px; top:1px;
    width:400px; height:9px; 
    background-color:#ceced6;
  }  
div#left1 { position:absolute; left:0; top:0; }  
div#right1 { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#left1, div#right1 {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img {
    display:block; 
    } 
	
	
<!--Second scroll bar End css -->	



div#scrollbar11 { 
    display:none;
    }

/* below in external file */
div#wn11{ 
    position:relative; 
    width:500px; height:165px; 
    overflow:hidden;	
	}
div#scrollbar11 { 
    position:relative; 
    width:500px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track11 { 
    position:absolute; left:12px; top:0;
    width:475px; height:11px; 
    background: #336;
  }
div#dragBar11 {
   position:absolute; left:1px; top:1px;
    width:400px; height:9px; 
    background-color:#ceced6;
  }  
div#left11 { position:absolute; left:0; top:0; }  
div#right11 { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar11, div#track11, div#dragBar11, div#left11, div#right11 {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar11 img {
    display:block; 
    } 
	
	
<!--Second scroll bar End css -->	
.three-similar-cols{
	overflow:hidden;
	width:1137px;
	margin:0 0 -13px -12px;
	_margin:0 0 -13px -10px;
}
.three-similar-cols .samecolumn{
	float:left;
	width:369px;
	margin:0px 0 10px 6px;
}
.column{
	width:367px;
	margin:0px 0 0 7px;
	overflow:hidden;
	_margin:0px;
}
.grey-column{
	width:365px;
	background:url(http://www.chinadirectpearls.com/images/three-col-grey-r.gif);
}
.grey-column .holder{background:url(http://www.chinadirectpearls.com/images/three-col-grey-t.gif) no-repeat;}
.grey-column .frame{
	background:url(http://www.chinadirectpearls.com/images/three-col-grey-b.gif) no-repeat 0 100%;
	overflow:hidden;
	width:100%;
}
.grey-column  h4{
	margin:0;
	font-size:13px;
	line-height:7px;
	color:#4d4e53;
	font-weight:bold;
}
.column .box{
	background:url(http://www.chinadirectpearls.com/images/three-col-b.gif) no-repeat 0 100%;
	padding:0 0 9px;
	width:100%;
	margin:0 0 7px;
}
.column .ttl{
	background:url(http://www.chinadirectpearls.com/images/three-col-ttl-r.gif) repeat-y;
	width:100%;
}
.column .ttl .frame{
	overflow:hidden;
	width:100%;
	background:url(http://www.chinadirectpearls.com/images/three-col-ttl.gif) no-repeat;
	padding:7px 0 4px;
}
.column .content{
	background:url(http://www.chinadirectpearls.com/images/three-col-r.gif);
	height:1%;
	overflow:hidden;
}
.column .ttl h3{
	float:left;
	width:310px;
	margin:0;
	padding:0 0 0 22px;
	font-size:1.4em;
	line-height:1.78em;
	font-weight:bold;
	color:#fff;
}
.column .ttl a{
	float:right;
	width:53px;
	padding:0 7px 0 0;
	color:#fff;
	font-size:1.1em;
	line-height:2.27em;
}
.column .ttl a:hover{text-decoration:underline;}
.column .content ul{
	list-style: none;
	margin:-5px 0 0;
	padding:0 0 14px;
	_padding:0 0 8px;
}
.column .content{padding:14px 20px 24px 20px;}
.column .content p{
	margin:4px 0 0;
	line-height:14px;
}
/* contact start */
.contact{
	border-top:1px solid #ccc;
	margin:0 2px;
	padding:8px 20px 22px;
	_padding:8px 20px 4px;
}
.contact h4{
	margin:0;
	font-size:13px;
	line-height:1.65em;
	color:#4d4e53;
}
.contact strong{
	color:#4d4e53;
	font-size:10px;
	line-height:18px;
	display:block;
	text-transform:uppercase;
	margin:7px 0 0;
}
.contact p{
	color:#333;
	line-height:15px;
	margin:0;
}
.contact address{
	color:#333;
	line-height:15px;
	font-style:normal;
}
.contact address span{display:block;}