/* ------------- 1. General ----------------------*/
html, body
{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
background:url(../images/mianbg.jpg);
background-repeat: repeat-x;
}


#menu {
float:left;
width: 950px;
height:37px;
margin:0;
padding: 0;
background:url(../images/menubg.png);
}

a:link, a:visited, a:active {
color:#02375f; 
text-decoration: none;
font-weight:bold;
}

a:hover {
color: #FF3300;
text-decoration: underline;
font-weight:bold;
}

form
{
margin: 0;
padding:0;

}

#clear { 
clear: both; 
line-height: 0px;
height: 0;
font-size: 0;
}


/* ------------- 2. DIV Containers --------------------*/
#container {
width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0;
position:relative;
}


#logo {
float: left;
width: 960px; 
height:113px; 
padding-top:0px;
}
#logoleft {
float: left;
width: 271px; 
height:74px; 
padding-top:35px;
}
#logoright {
float:right;
float: right;
width: 452px; 
height:108px; 
padding-top:0px;
}
#homecontent1{
height:471px;
background:url(../images/homecentbg.jpg);
}
#innerbanner{
height:311px;
background:url(../images/innerbanner.jpg);
}

#flashbannertop{
/*margin-top:10px;*/
height:14px;
}
#flashbanner{
height:284px;
background:url(../images/bannerbg.jpg);
}
#player2{
padding:4px;
}
#products{
padding:30px 0 0 0;
}

/*----------------- Inner Pages --------------------*/

#innercontent{
padding:15px 15px 15px 15px;

}
#sewaflashleft{
height:200px;
width:650px;
float:left;
}
#sewaflash{
height:200px;
width:240px;
float:right;
}

#pro_text{
width:925px;
float:left;
}
#ps{
width:925px;
float:left;
}

#wtflashleft{
width:650px;
float:left;
}
#wtflash{
width:240px;
float:right;
}

#reflashleft{
width:650px;
float:left;
}
#reflash{
width:240px;
float:right;
}

#filterflashleft{
width:650px;
float:left;
}
#filterflash{
width:240px;
float:right;
}
#filterflash23{
width:850px;
height:100px;

}


/*-----------------wer --------------------*/
#wer{clear:both; width:904px; margin:0 auto; height:160px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; 
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;}
#wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA;}
#wer .wer-title .wt-left{ float:left; width:302px;}
#wer .wer-title .wt-center{ float:left; width:302px;}
#wer .wer-title .wt-right{ float:right; width:302px;}

#wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px;  }
#wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; }
#wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; }
#wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;}

.owhat{ font-size:20px; padding-right:6px;}
#wer  .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;}
#wer  .overlap h4 {  color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;}

#hometext{
padding:8px 16px;
}
#hometext2{
padding:8px 16px;
}
#hometext3{
padding:8px 16px 0px 10px;
}

#wer .wer-bottom{ height:126px;}
#wer .wer-bottom .wb-left{  float:left; width:302px;}
#wer .wer-bottom .wb-center{  float:left; width:302px;}
#wer .wer-bottom .wb-right{  float:right; width:298px;}

#wer  ul{ padding:10px 0 0  38px;}
#wer li { list-style-type: none; background:transparent url(../images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;}
#wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;  }
#wer li a:hover{ color:#929699;}
#wer .wer-ui { background-position:0 5px; }
#wer .wer-ic { background-position:0 5px; }
#wer .wer-web { background-position:0 5px; }
#wer .wer-ill { background-position:0 5px; }
#wer .wer-tw { background-position:0 5px; }
#wer .wer-blog { background-position:0 5px; }
#wer .wer-link { background-position:0 5px; }
#wer .wer-upload { background-position:0 5px; }

.wer{clear:both; width:904px; margin:0 auto; height:145px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;}
.wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA;}
.wer .wer-title .wt-left{ float:left; width:302px;}
.wer .wer-title .wt-center{ float:left; width:302px;}
.wer .wer-title .wt-right{ float:right; width:302px;}

.wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px;  }
.wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;}
.wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; }
.wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;}
.wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; }
.wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;}

.wer  .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;}
.wer  .overlap h4 {  color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;}

.wer .wer-bottom{ height:111px;}
.wer .wer-bottom .wb-left{  float:left; width:302px;}
.wer .wer-bottom .wb-center{  float:left; width:302px;}
.wer .wer-bottom .wb-right{  float:right; width:298px;}

.wer  ul{ padding:10px 0 0  38px;}
.wer li { list-style-type: none; background:transparent url(../images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;}
.wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;  }
.wer li a:hover{ color:#929699;}
.wer .wer-ui { background-position:0 5px; }
.wer .wer-ic { background-position:0 5px; }
.wer .wer-web { background-position:0 5px; }
.wer .wer-ill { background-position:0 5px; }
.wer .wer-tw { background-position:0 5px; }
.wer .wer-blog { background-position:0 5px; }
.wer .wer-link { background-position:0 5px; }
.wer .wer-upload { background-position:0 5px; }

.wer-upload-title{ font-size:10px; color:#939699; font-weight:300;}

/*------------------------------------footer-------------------*/
#footer{  clear:both; height:31px; width:904px;  border:1px dashed #BABABA;  background:transparent url(../images/mian-bg-all.jpg) repeat-x scroll 0 0; margin:0 auto; margin-top:0px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;}
.copyright{ float:left; width:500px; padding-left:10px; margin-top:10px;}
.partner{ float:right; padding-right:17px; margin-top:10px;}
#footer .partner p{ color:#9A9A9A;}
#footer p{ font-size:11.2px; color:#A0A0A0; padding:6px 0 0 0;}
#footer a{ color:#737373;}
#footer a:hover{ color:#285CE4;}
#foo { height:15px} 

#mainmenu{
height:29px;
width: 960px; 
float:left;
background:url(../images/button.jpg);
}
#logo1{
width:400px;
float:left;
}


#home_content
{
background: url(../images/home_bg.gif) bottom right no-repeat #eceade;
width:960px;
height:480px;
float:left;
}



/* ------------- Navigation ----------------------------*/
#nav{
font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
list-style: none;
width:950px;
margin: 0;
padding:0px;
float: left;
height: 40px;

}

#nav li a {
display: block;
font-size: 14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
line-height: 37px;
margin-top: 3px;
padding: 0 17px;
border-right: 1px solid #4686bd;
}

.ticker_text{
text-align:justify;
}

/* ------------- Text ----------------------------*/
h1{
display:block;
padding:0px;
margin:0px;
font:18px Georgia, "Times New Roman", Times, serif;
color:#557492;
height:22px;
}

h2{
display :block;
padding:0px;
margin:0px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 23px;
font-weight: bold;
color:#09598a;
}

h3{
padding:px;
margin:0px;
font:16px Georgia, "Times New Roman", Times, serif;
color:#2b8b00;
height:20px;
}
h4{
display:block;
padding:0px;
margin:0px;
font:16px "Georgia", Times New Roman, Times, serif;
color:#FF3300;
height:20px;
}
h5{
display:block;
padding:0px;
margin:0px;
font:13px "Georgia", Times New Roman, Times, serif;
color:#333366;
height:20px;
}

.blue
{
color:#fe7201 !important;
}

h6{
display:block;
padding:0px;
margin:0px;
font:13px "Futura", Times New Roman, Times, serif;
color:#333366;
height:20px;
}

#home_content_left h2{
display:block;
padding:0px 0px 0px 5px;
margin:0px;
font:italic 21px Georgia, "Times New Roman", Times, serif;
color:#0168b5;
height:22px;
border-left:3px solid #0168b5;
}

#middle h2{
display:block;
padding:0px 0px 0px 5px;
margin:0px;
font:italic 21px Georgia, "Times New Roman", Times, serif;
color:#FFF;
height:22px;
border-left:4px solid #FFF;
}


#home_content_left p{
padding:10px 0px 0px 0px;
margin:0px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#5e5d54;
text-align:justify;
line-height:140%;
}
/* ------------- Home Page Image Slider --------------------*/

#screen{
position:relative;
height:210px;
width:960px;

}
#screen .next, #screen .prev{
position:absolute;
top:-10px;
}
#screen .prev{
left:10px;
cursor:pointer;
}
#screen .next{
right:10px;
cursor:pointer;
}
#sections{
overflow:hidden;
margin-left:60px;
width:850px;
height:210px;
clear:left;
}
#sections ul{
width:3660px;
}
#sections li{
float: left;
display:block;
width: 275px;
padding: 0;
height: 240px;
margin: 0 10px 0 0;



}
#sections ul li a { font: 14px Georgia, Arial, sans-serif; font-weight: bold; width: 100%; height: 381px; text-decoration: none; color: #ff9600; display:block;}
#sections ul li a img { margin: 0 0 10px 0; border: 3px solid #ff7f00;}
#sections ul li a span { display: block; font: 12px Arial, Tahoma, serif; font-weight: normal; color: #fff; margin-top:5px; padding:5px; text-align:justify; }
#sections ul li a:hover { color: #fff; background: #182c4a; }
#sections ul li a:hover span { color: #ff7f00 !important; }
#sections ul li a:hover img { border: 3px solid #fff;}


/* ------------- Links ----------------------------*/
#top_links a:link, #top_links a:visited, #top_links a:active
{
color:#b50000;
text-decoration:none;
padding:4px;
}

#top_links a:hover {
color: #837979;
text-decoration: underline;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
color: #ffffff !important;
text-decoration: none;
}

#copyright a:hover {
color: #f6ff00 !important;
text-decoration:underline;
}

.readmore
{
float:right;
}	

#footermenu a:link, #footermenu a:active, #footermenu a:visited { color: #FFFFFF !important; text-decoration: none; }
#footermenu a:hover { color: #0085ff !important; text-decoration: underline; } 

#lang a:link, #lang a:active, #lang a:visited { color: #FFFFFF; text-decoration: none; }
#lang a:hover { color: #FF6600; text-decoration: underline; } 

.sp a:link, .sp a:active, .sp a:visited { color: #fff; text-decoration: none; }
.sp a:hover { color: #FF6600; text-decoration: ; } 

.dj a:link, .dj a:active, .dj a:visited { color:#FF6600 ; text-decoration: none; }
.dj a:hover { color:#FFf; text-decoration: ; }

/* ------------- Forms ----------------------------*/

.cssform p{

clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{

float: left;
text-align:left;
margin:10px 10px 10px 0px;
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="file"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 184px;
height:29px;
display: inline;
font-family: Arial,  Helvetica,  Tahoma, sans-serif;
font-size: 12px;
color:#666666;
margin:10px 10px 10px 0px;
}
INPUT.file { font-size: 32px; } 
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 160px;
height:16px;
display: inline;
font-family: Arial,  Helvetica,  Tahoma, sans-serif;
font-size: 12px;
color:#666666;
margin:10px 10px 10px 0px;
border:1px solid #ADADAD;
}
.cssform input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 120px;
height:27px;
display: inline;
color:#FFFFFF;
border:none;
text-align:center;
padding-left:4px;
font-family: Arial,  Helvetica,  Tahoma, sans-serif;
font-size: 12px;
font-weight:bold;
margin-left: 160px;
background-color:#006699;
}
.cssform textarea{
width: 160px;
height: 60px;
margin:10px 10px 10px 0px;
font-family: Arial,  Helvetica,  Tahoma, sans-serif;
font-size: 12px;
color:#666666;
}

/* ------------- tables ----------------------------*/
#rounded-corner
{

	margin: 0px;
	
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('../images/left.jpg') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('../images/right.jpg') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 4px;
	font-weight: bold;
	color: #333333;
	background: #999999;
}
#rounded-corner td
{
	padding: 4px;
	
	border-bottom: 1px solid #CCCCCC;
	color: #0064b0;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #adbcec;
	text-align:right;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #cbc9bb;
}
#rounded-corner tbody tr:hover td
{
	background: #397ab0;
	color:#FFFFFF;
}

#inrates td
{
height:22px;	
}
#indexes td{
height:22px;
}

#inrates{
float:left;
padding:0 0 0 20px;
width:300px;
border:#3300FF solid 0px;
}
#clickmore{
padding:0px 0px 0px 10px;
margin:0px;
font:normal 13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#02365e;
}
#clickmore a:link, #footer a:active, #footer a:visited { color: #02375f; text-decoration: none; }
#clickmore a:hover { color: #ff2c03; text-decoration: underline; } 

#code{
font-size:13px;
}
#sr{
font-size:13px;
}
#bid{
font-size:13px;
}

label{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 15px;
}

input {
	border: 1px solid #84807b;
	font-family: "Tahoma";
	font-size: 11px;	
	width: 200px;
		color: #666666;
	background-color: #ffffff;
}


label {
	text-align: right;
	width: 200px;
	padding-right: 20px;
}

br {
	clear: left;
}

textarea {
	height: 90px;
	border: 1px solid #84807b;
	font-family: "Tahoma";
	font-size: 11px;	
	width: 200px;
	color: #666666;
	background-color: #ffffff;
	
}


.nav_level_1 a {
color: #ffffff;
text-decoration:none;
border: 1px solid #00CCFF;
display:block;
font-weight:bold;
font-family: "Tahoma";
font-size: 11px;
text-align:center;
width:100px;
float:left;
margin-left:15px;
height:25px;
background-color: #003366;
}


.nav_level_1 a:hover {
text-decoration:none;
color: #000000;
background: #FF6600;
display:block;
border: 1px solid #FFCC00;
}
hr {color: #FFFFFF; background-color: ; border: 1px dotted #405c74; border-style: none none dotted; }