/* CSS Document */
*{
	margin: 0px; padding: 0px;
}

/*p {color:#2676E5; font-family:arial,sans-serif; font-size:16px; font-weight:bold; padding-bottom:4px; text-align:left; text-decoration:none; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}*/

body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#CCCCCC;
}
	
#warper{ margin:0 auto; width: 868px; background-color:#fff;}


/* ============================================== Header Start Here ============================================= */

#header{ float:left; width: 868px; background-color:#fff;}

#logo{ float:left; width: 493px; height: 56px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; margin-top:27px;}

#header_right{ float:right; width: 330px; padding-top:12px; }

#mc_affe{ float:right; width: 115px; height:31px; background-image:url(../images/bc-secure.jpg); background-repeat:no-repeat; padding-right:16px; cursor:pointer; }

#s1{ float:right;  }

#banner{ float:left; width: 848px; padding: 10px 0px 10px 0px ; }

#banner_img{ float:left; width: 693px; height:204px; background-image:url(../images/banner.jpg); background-repeat:no-repeat; font-family:arial, sans-serif; font-size:12px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#686767; font-weight:100; text-decoration:none; font-weight:100; padding: 60px 0px 0px 16px ;}

#banner_img1{ float:left; width:848px; padding:8px 10px 10px 10px;}

.ab01{ float:left; width:848px; font-family:arial, sans-serif;  font-size:28px; color:#000; font-weight:bold; text-shadow:0 1px 0 rgba(0,0,0,0.1);  text-decoration:none; font-weight:100; padding: 0px 0px 0px 0px ;}

#banner_right{ float:right; width: 128px; }

#img1{ float:left; width: 128px; height:129px; background-image:url(../images/img1.jpg); background-repeat:no-repeat; }

#img2{ float:left; width: 128px; height:129px; background-image:url(../images/img2.jpg); background-repeat:no-repeat; margin-top:6px; }

#s2{ float:left; width: 350px; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#686767; font-weight:100; text-decoration:none; font-weight:100; }

#more{ float:right; width:52px; height:19px; background-image:url(../images/more.jpg); background-repeat:no-repeat; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#fff; font-weight:100; text-decoration:none; font-weight:100; text-align:center;  line-height:17px; }

.more:hover{ float:right; width:52px; height:19px; background-image:url(../images/more_hover.jpg); background-repeat:no-repeat; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#fff; font-weight:100; text-decoration:none; font-weight:100;  text-align:center; line-height:17px; }

/* ============================================== Navigation Start Here ============================================= */

#nav {FLOAT: left;  MARGIN:0px 0px 0em;  LIST-STYLE-TYPE: none; FONT-WEIGHT: bold;  font-family:arial; font-size:12px; background:url(../images/nav_bg.jpg) repeat-x ;  width:868px;}

#nav UL {FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; }
	 
#nav A {DISPLAY: block; text-align:left; line-height:32px; font-size:12px; COLOR: #fff; text-shadow:0 1px 0 rgba(0,0,0,0.1);  TEXT-DECORATION: none; padding-left:16px; PADDING-RIGHT: 15px;}

#nav LI { position:relative; FLOAT: left; BACKGROUND: url(../images/line.jpg); background-repeat:no-repeat; background-position:right; }

#nav LI A:hover { color:#000; text-shadow:0 1px 0 rgba(0,0,0,0.1); }

#s01{ float:left; width: 848px; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#686767; font-weight:100; text-decoration:none; text-align:right; font-weight:100; padding: 10px 10px 0px 10px ; }


/* ============================================== Navigation End  Here ============================================= */



/* ============================================== Body Start  Here ============================================= */

.container{ float:left; width: 848px; padding: 0px 10px 10px 10px; background-color:#FFFFFF;}

.rating{ float:left; width: 834px; margin-top:8px;}

.ranking_top_img{ float:left; width: 848px;}

.ranking_table{ float:left; width: 834px; background-color:#dddddd; border-bottom: 1px solid #c5c8c5; border-left: 1px solid #c5c8c5; border-right: 1px solid #c5c8c5; padding: 10px 6px 10px 6px ; font-family:arial, sans-serif; font-size:12px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#000; font-weight:100; text-decoration:none;}

.ranking_table_s{ float:left; width: 834px; background-color:#dddddd; border-bottom: 1px solid #c5c8c5; border-left: 1px solid #c5c8c5; border-right: 1px solid #c5c8c5; padding: 0px 6px 5px 6px ; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#000; text-decoration:none;}

.rating_s{ float:left; width: 834px; margin-top:3px;}


.side{ float:left; width: 9px;}

.main_center{ float:left; width: 812px; background-color:#ffffff; border-left: 1px solid #6c6e6c; border-right: 1px solid #6c6e6c; padding: 0px 10px 0px 10px ;}

.s3{ float:left; width: 834px;}

.center{ float:left; width: 816px;}

.contain{ float:left; width: 848px; padding-top:11px; line-height:18px; text-align:justify; font-family:arial, sans-serif;  font-size:11px;color:#000; font-weight:100; text-decoration:none; font-weight:100;}

.contain_left{ float:left; width: 418px; padding-top:11px; font-family:arial, sans-serif; line-height:18px; font-size:11px; text-align:justify;  color:#000; font-weight:100; text-decoration:none; font-weight:100;}

.contain_right{ float:right; width: 415px; padding-top:11px; font-family:arial, sans-serif;  line-height:18px; font-size:11px; text-align:justify;  color:#000; font-weight:100; text-decoration:none; font-weight:100;}

.contain_right1{ float:right; width: 640px;font-family:arial, sans-serif; line-height:18px; font-size:11px; text-align:justify;  color:#000; font-weight:100; text-decoration:none; font-weight:100;}

.img01{ float:left; width:190px; border: 1px solid #999999;}

.contain_left1{ float:left; width:190px; }


.sidebar { float:left; width: 134px; padding: 10px 0px 0px 10px ;}

.sidebar ul { display:block; margin: 0; padding: 0 ; list-style:none; width: 134px; }

.sidebar li {display:block; line-height:18px; font-family:Arial; color:#000; font-weight:100; font-size:11px; text-align:left; text-decoration:none; background-color:#FFFFFF; margin-bottom:6px;}

.sidebar li a {display:block; padding:0px 5px 0 22px; line-height:18px; background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:left center; color:#000000; text-decoration:none;}

.sidebar li a:hover {background:#fff;  text-decoration:none; line-height:18px;background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:underline;}


.sidebar1 { float:left; width: 442px;}

.sidebar1 ul { display:block; margin: 0; padding: 0 ; list-style:none; width: 442px; }

.sidebar1 li {display:block; line-height:18px; font-family:Arial; color:#000; font-weight:100; font-size:11px; text-align:left; text-decoration:none; background-color:#FFFFFF; margin-bottom:6px;  background-image:url(../images/symbol.jpg); background-repeat:no-repeat; background-position:left; padding:0px 5px 0 22px; }

.sidebar1 li a {display:block; padding:0px 5px 0 22px; line-height:18px; background-image:url(../images/symbol.jpg); background-repeat:no-repeat; background-position:left center; color:#000000; text-decoration:none;}

.sidebar1 li a:hover {background:#fff;  text-decoration:none; line-height:18px;background-image:url(../images/symbol.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:underline;}

.s4{ float:left; width: 418px;}

.bookmark{ float:right; width: 125px; padding: 110px 40px 0px 0px ;}

/* ============================================== Body Start  Here ============================================= */




/* ============================================== Footer Start  Here ============================================= */

#footer{ float:left; width: 868px; background-color:#FFFFFF;}

#bottom_blue{ float:left; width: 828px; height:115px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.3); color:#fff; font-weight:100; text-decoration:none; font-weight:100; padding: 15px 20px 0px 20px ;}

#bottom_con{ float:left; width:553px; padding-top:14px; }

#bottom_right{ float:right; width: 250px; background-image:url(../images/line1.jpg); background-repeat:no-repeat; background-position:left; margin-top:24px; padding: 10px 0px 10px 20px;}

#bottom_end{ float:left; width: 850px; height:33px; background-color:#201f1f;  font-family:arial, sans-serif; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.1); color:#fff; font-weight:100; text-decoration:none; font-weight:100; text-align:right; padding-right:18px; line-height:32px;}


/* ============================================== Footer End  Here ============================================= */

















/* ============================================== Font Style ============================================= */

.style1 {font-family:arial, sans-serif; font-size:12px; color:#000; font-weight:bold; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.1); }

.style2 {font-family:arial, sans-serif; font-size:30px; color:#2473e3; font-weight:bold; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); }

.style3 {font-family:arial, sans-serif; font-size:12px; color:#000; font-weight:bold; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); padding-left:134px; }

.style4 {font-family:arial, sans-serif; font-size:11px; color:#000; font-weight:100; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); }

.style5 {font-family:arial, sans-serif; font-size:16px; color:#2676e5; font-weight:bold; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); }

.style5a {font-family:arial, sans-serif; font-size:16px; color:#2676e5; font-weight:bold; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); padding-bottom:4px; }

.style6 {font-family:arial, sans-serif; font-size:12px; color:#ff9900; font-weight:bold; text-decoration:none; text-align:left; text-shadow:0 1px 0 rgba(0,0,0,0.1); }


.a {color:#686767;}
.a:hover {color:#df8c09;}


.hho {color:#fff;  text-decoration:none;}
.hho_new 
{
color:#000;  
text-decoration:none;
font-family:arial, sans-serif; 
font-size:11px; 
text-shadow:0 1px 0 rgba(0,0,0,0.3); 
font-weight:100; 
text-decoration:none; 
}


.hho:hover {color:#fff; text-decoration:underline;}

.hho_new:hover 
{
color:#000;  
text-decoration:none;
font-family:arial, sans-serif; 
font-size:11px; 
text-shadow:0 1px 0 rgba(0,0,0,0.3); 
font-weight:100; 
text-decoration:none; 
text-decoration:underline;
}

.hho1 { color:#000;  text-decoration:none;}

.hho1:hover {color:#000; text-decoration:none;  text-decoration:underline;}


.hho2 { color:#216ee1;  text-decoration:none;  text-decoration:underline; font-weight:100;}

.hho2:hover {color:#000; text-decoration:none;  font-weight:100;}

.hho3 { color:#686767;  text-decoration:none;}

.hho3:hover {color:#2373e4; text-decoration:none;  text-decoration:underline;}
