/*latest update 2008.06.11*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
p {margin:0em 0em 1em 0em;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}
.clear{ clear:both;}

a:link, a:visited{ color:#f02600; text-decoration:none;}
a:hover{ color:#f02600; text-decoration:underline;}


body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}

#wrapper{ width:789px; margin:0 auto;}

/*header*/
#header{ width:789px; margin-top:8px;}
  .logo{ width:789px; overflow:hidden; height:100px;}
  .logo .top{ float:left; width:210px; height:70px; color:#000; position:relative; display:inline; margin:25px 0 0 5px;
  			overflow:hidden; font-size:1.6em; text-align:center;}
  .logo .top span{ position:absolute; left:0; top:0; width:210px; height:70px; overflow:hidden;
  				 background:url(../images/logo.gif) no-repeat;} 
  .logo .top_link{ float:right; width:550px; display:inline; margin:0px 10px 0 0;}
  .logo .top_link a:link,
  .logo .top_link a:visited{ float:right; color:#5d6060; font-size:1.2em; font-weight:bold;
  							 padding:3px 10px 2px 20px; text-decoration:none;}
  .logo .top_link a#link_about{ background:url(../images/ico_about.gif) left center no-repeat;}
  .logo .top_link a#link_contact{ background:url(../images/ico_contact.gif) left center no-repeat; padding:3px 6px 2px 20px;}
  .logo .top_link a#link_advertise{ background:url(../images/ico_advertise.gif) 2px center no-repeat;}
  .logo .top_link a:hover{ color:#767979;}
  
  .logo .banner{ float:right; width:500px; height:74px; color:#000; position:relative; display:inline; margin:7px 7px 0 0;
  			overflow:hidden; font-size:1.6em; text-align:center;}
 
  
  .nav{ width:789px; background:#20b4e2 url(../images/nav_bottom.gif) bottom left no-repeat;}
  .nav ul{ width:769px; background:url(../images/nav_top.gif) top left no-repeat; overflow:hidden; padding:0 10px;}
  .nav ul li{ float:left; line-height:240%; display:inline; margin-left:3px; font-size:1.4em;}
  .nav ul li a:link,
  .nav ul li a:visited{ color:#fff; text-decoration:none; padding:0 24px;}
  .nav ul li.on a,
  .nav ul li a:hover{ color:#000; text-decoration:none;}

/*content_wrapper*/
#content_wrapper{ width:789px; overflow:hidden; padding-bottom:20px}
	 
 .main_content{ float:right; width:606px; display:inline}
 .inner_page { margin:10px 0 0 0}
 
	.align_right{ float:right;} 
 	.subhead { margin:1em 0em 0.5em 0em;}
	.main_box{ background:url(../images/content_middle.gif) repeat-y; margin-top:10px;}
	.main_box_inside{ background:url(../images/content_bottom.gif) bottom no-repeat}
	.main_box h1{ background:#d2d2d2 url(../images/content_title_bottom.gif) bottom left no-repeat; font-size:1.6em; color:#555;}
	.main_box h1 strong{ display:block; line-height:240%; text-indent:16px; font-weight:normal;
						 background:url(../images/content_title_top.gif) top left no-repeat;}
	.main_box h1 strong span{ color:#ff0000;}
	.main_box h2{ background:#d2d2d2 url(../images/content_title_bottom.gif) bottom left no-repeat; font-size:1.6em; color:#555;}
	.main_box h2 strong{ display:block; line-height:240%; text-indent:16px; font-weight:normal;
						 background:url(../images/content_title_top.gif) top left no-repeat;}
	.main_box h2 strong span{ color:#ff0000;}
	.main_box .txt_area h3{ font-size:1.1em; font-weight:bold; margin:0em 0em 1em 0em;}
	.main_box .box_content{ width:584px; margin:0 1px; padding:15px 10px 20px 10px; overflow:hidden;
						    background:url(../images/content_gradient.gif) top repeat-x;font-size:1.3em; line-height:135%;}
	.main_box .box_content .txt_area{ float:left; width:100%; }
	.main_box .box_content .txt_area .blue_bold_txt{ color:#0066FF; font-weight:bold}
	.main_box .box_content .txt_area .orange_bold_txt{ color:#CC6600; font-weight:bold}
	.main_box .box_content .txt_area .blue_bonus_txt{font-size:1.6em; color:#1E90FF; font-weight:bold}
	.main_box .box_content .txt_area .red_bonus_txt{font-size:1.6em; color:#B22222; font-weight:bold}
	.main_box .box_content .txt_area .grey_bonus_txt{font-size:1.2em; color:#A9A9A9; font-weight:bold}
	.main_box .box_content .txt_area .bold_txt{ font-weight:bold}
	.main_box .box_content .txt_area ul li{ list-style: url(../images/bullet.png) inside; margin:0.1em 0.5em 0.1em 2.5em;}
	.main_box .box_content .txt_area ol li{ list-style: url(../images/bullet.png) inside; margin:0em 0.5em 1.0em 2.5em;}
	.main_box .box_content .txt_area em{ font-weight:bold;}
	.main_box .box_content .img_area{ width:208px; margin-top:20px; float:left;}
	.main_box .box_content .bonus_area{ float:none; text-align:left; line-height:2em; width:40%; margin:0em 0em 0em 9em;}
	.main_box .box_content a.click_more:link,
	.main_box .box_content a.click_more:visited{ float:left; color:#f02600; font-size:1.1em;
												 font-weight:bold; margin-top:10px; display:inline;}
	.big_orange: {color:#f02600; font-size:1.1em; text-decoration: none; font-weight:bold;}
	.big_orange:link {color:#f02600; font-size:1.1em; text-decoration: none; font-weight:bold;}
	.big_orange:visited {color:#f02600; font-size:1.1em; text-decoration: none; font-weight:bold;}
	.big_orange:hover {color:#f02600; font-size:1.1em; text-decoration: underline; font-weight:bold;}
	.big_orange:active {color:#f02600; font-size:1.1em; text-decoration: underline; font-weight:bold;}										
												 
	.main_box .box_content_top10{ width:604px; margin:0 1px; padding-bottom:1px; position:relative;
								  background:url(../images/content_gradient.gif) top repeat-x;}
	.main_box .box_content_top10 .top10_corner{ position:absolute; width:7px; height:7px;
												background:url(../images/top10_corner.gif); bottom:0; right:0;}
	.main_box .box_content_top10 table{ width:100%; font-size:1.35em; font-weight:normal; padding-bottom:6px;
										color:#1d1d1d; text-align:center; line-height:280%;
										background:url(../images/top10_bg.gif) 37px repeat-y;}
	.box_content_top10 table b{color:#fc421e; font-size:1.3em; font-weight:bold;}
	.box_content_top10 table strong{color:#fc421e;}
	.box_content_top10 table .rate{ float:left; width:120px; margin-top:10px; height:15px; background:#e7e7e7; overflow:hidden;}
	
		.rate{ float:left; width:120px; margin-top:10px; height:15px; background:#e7e7e7; overflow:hidden;}
	.rate span{ float:left; display:block; width:0; height:15px; line-height:15px;
											 background:url(../images/rate_right.gif) right no-repeat;}
	.rate span em{ display:block; height:15px; line-height:15px;
												background:url(../images/rate_left.gif) left no-repeat;}
	
	.rate_num{ float:left; width:28px;}
	
	.box_content_top10 table .rate span{ float:left; display:block; width:0; height:15px; line-height:15px;
										 background:url(../images/rate_right.gif) right no-repeat;}
	.box_content_top10 table .rate span em{ display:block; height:15px; line-height:15px;
											background:url(../images/rate_left.gif) left no-repeat;}
	.box_content_top10 table .rate_num{ float:left; width:28px;}
	.box_content_top10 table .btn_review{ display:block; width:104px; height:27px; margin:0 auto;
											  text-indent:-9999px; background:url(../images/btn_review.gif) no-repeat;}
	.box_content_top10 table .btn_play{ display:block; width:104px; height:27px; margin:0 auto;
											  text-indent:-9999px; background:url(../images/btn_play.gif) no-repeat;}
	
	.two_box_holder{ width:100%; overflow:hidden;}
	  
	.short_main_box{ float:left; width:298px; background:url(../images/content_short_middle.gif) repeat-y; margin-top:10px;}
	.short_main_box .main_box_inside{ background:url(../images/content_short_bottom.gif) bottom no-repeat}
	.short_main_box h2{ background:#d2d2d2 url(../images/content_title_short_bottom.gif) bottom left no-repeat;
						font-size:1.6em; color:#555;}
	.short_main_box h2 strong{ display:block; line-height:240%; text-indent:16px;
						 background:url(../images/content_title_short_top.gif) top left no-repeat;}
	.short_main_box .box_content{ width:276px; margin:0 1px; padding:15px 10px 20px 10px; overflow:hidden;
						    background:url(../images/content_gradient.gif) top repeat-x;}
	.article_box{ float:right;}
	
	.blue_box{ clear:both; margin-top:11px; background:url(../images/content_blue_middle.gif) repeat-y;}
	.blue_box .main_box_inside{ background:url(../images/content_blue_bottom.gif) bottom no-repeat}
	.blue_box .main_box_inside .bold_txt{ font-weight:bold}
	.blue_box h2{ background:#20b4e2 url(../images/content_title_blue_bottom.gif) bottom left no-repeat;
						font-size:1.6em; color:#000;}
	.blue_box h2 strong{ display:block; line-height:240%; text-indent:16px;
						 background:url(../images/content_title_blue_top.gif) top left no-repeat;}
	.blue_box h2 strong b{ font-weight:bold;}
	.blue_box .box_content .txt_area{ width:420px;}
	.blue_box .box_content .img_area{ width:125px;}
	.blue_box .box_content {padding-bottom:10px;}
					 
 .sidebar{ float:left; display:inline; width:174px;}

 	.sidebar_box{ background:url(../images/sidebar_middle.gif) repeat-y; margin-top:10px;}
	.sidebar_box h6{ background:#20b4e2 url(../images/sidebar_title_bottom.gif) bottom left no-repeat;
					 font-size:1.5em;}
	.sidebar_box h6 strong{ display:block; line-height:240%; text-indent:16px; font-weight:normal;
							background:url(../images/sidebar_title_top.gif) top left no-repeat;}

	.sidebar_box h6 strong span{ font-weight:bold;}
	.sidebar_box ul{ background:url(../images/sidebar_bottom.gif) bottom left no-repeat; padding-bottom:6px;}
	.sidebar_box ul li{ line-height:240%;}
	.sidebar_box ul li.alt{ background:#fff url(../images/sidebar_li_bg.gif) repeat-y;
							border:1px #b2b2b2 dashed; border-left:0; border-right:0;}
	.sidebar_box ul li a:link{ color:#292828; font-weight:bold; font-size:1.2em; text-decoration:none; padding-left:16px;}
	.sidebar_box ul li a:visited{ color:#292828; font-weight:bold; font-size:1.2em; text-decoration:none; padding-left:16px;}
	.sidebar_box ul li a:hover{ color:#828282; text-decoration:none;}

 	.sidebar_orange_box{ background:url(../images/sidebar_middle_orange.gif) repeat-y; margin-top:10px;}
	.sidebar_orange_box h6{ background:#20b4e2 url(../images/sidebar_title_bottom_orange.gif) bottom left no-repeat;
					 font-size:1.5em;}
	.sidebar_orange_box h6 strong{ display:block; line-height:240%; text-indent:16px; font-weight:normal;
							background:url(../images/sidebar_title_top_orange.gif) top left no-repeat;}

	.sidebar_orange_box h6 strong span{ font-weight:bold;}
	.sidebar_orange_box ul{ background:url(../images/sidebar_bottom_orange.gif) bottom left no-repeat; padding-bottom:6px;}
	.sidebar_orange_box ul li{ line-height:240%;}
	.sidebar_orange_box ul li.alt{ background:#fff url(../images/sidebar_li_bg.gif) repeat-y;
							border:1px #b2b2b2 dashed; border-left:0; border-right:0;}
	.sidebar_orange_box ul li a:link{ color:#535353; font-weight:bold; font-size:1.2em; text-decoration:none; padding-left:16px;}
	.sidebar_orange_box ul li a:visited{ color:#292828; font-weight:bold; font-size:1.2em; text-decoration:none; padding-left:16px;}
	.sidebar_orange_box ul li a:hover{ color:#828282; text-decoration:none;}
	
	.sidebar .ads_border{ display:block; margin:10px 0;}
	
	.newsletter_txt{ padding:5px 5px 5px 5px;}
	#submit {border:0; padding-top:4px}
	#submit hover { cursor: pointer;}

/*footer*/
#footer{ width:789px; overflow:hidden; border:1px #15a4d0 solid; border-bottom:7px #28b6e2 solid; font-size:1.1em;
		 line-height:240%; background:#72cfef url(../images/footer_bg.gif) top repeat-x;}
#footer p{ padding-left:8px; color:#007093; margin:0em 0em 0em 0em;}
#footer p a:link,
#footer p a:visited{ font-weight:bold; color:#007093; padding:0 3px; text-decoration:none;}
#footer p a:hover{ color:#0c89b0; text-decoration:underline;}
#footer .copyright{ float:right; display:inline; margin-right:4px;}
#bott_links{width:789px; overflow:hidden; font-size:1.1em; line-height:200%;}
#bott_links p{color:#007093; padding:0 10px; margin:0em 0em 0em 0em;}
#bott_links p a:link,
#bott_links p a:visited{color:#007093; text-decoration:none;}
#bott_links p a:hover{ color:#007093; text-decoration:underline;}
.foot_box {background-color:#FFFFCC; border: 1px #0099FF dashed; text-align:center; margin-top: 2em; padding: 0.5em 0.5em 0.5em 0.5em; width:95%;}

/*pop-ups*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 3px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 35px; /*position where enlarged image should offset horizontally */
}




#left_content {
	float:left;
	width:423px;
}

#right_content {
	float:right;
	width:174px;
}

/* MIDDLE BOX */
.middlebox_header {
	background:url(../images/middlebox_header.jpg) top left no-repeat;
	width:423px;
	height:38px;
	line-height:38px;
}

.middlebox_header h1 {
	font-weight:normal;
	padding-left:15px;
	font-size:1.6em; 
	color:#555;
}

.middlebox_header h2 {
	font-weight:normal;
	padding-left:15px;
	font-size:1.6em; 
	color:#555;
}

.middlebox_content {
	padding:10px 10px 5px 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:1.2em;
	color:#646464;
	line-height:135%;
}

.middlebox_content h3 {
	margin-bottom:10px;
}

.middlebox_content p {
	margin-bottom:10px;
}

.middlebox_footer {
	background:url(../images/middlebox_footer.jpg) top left no-repeat;
	width:423px;
	height:10px;
	font-size:1px;
	line-height:1px;
	margin-bottom:10px;
}

/* SMALL BOX */
.smallbox_header {
	background:url(../images/smallbox_header.jpg) top left no-repeat;
	width:174px;
	height:38px;
	line-height:38px;
}

.smallbox_header h2 {
	font-size:16px;
	color:#646464;
	font-weight:normal;
	padding-left:15px;
}

.smallbox_content {
	padding:10px 10px 5px 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:12px;
	color:#646464;
}

.smallbox_content h3 {
	margin-bottom:10px;
}

.smallbox_content p {
	margin-bottom:10px;
}

.smallbox_footer {
	background:url(../images/smallbox_footer.jpg) top left no-repeat;
	width:174px;
	height:10px;
	font-size:1px;
	line-height:1px;
	margin-bottom:10px;
}

.calc_box_topa {background-image:url(../images/calca-bg.gif); background-position:center; height:87px background-repeat:no-repeat; padding: 10px 6px 5px 6px; margin:auto; width:35%; text-align:center; margin-bottom:15px; margin-top:20px;}

.calc_box {background-image:url(../images/calc-bg.gif); background-position:center; background-repeat:no-repeat; border: 1px #0099FF dashed; margin:auto; width:500px; margin-bottom:15px;}

.calc_box_rec {background-color:#FFFFCC; background-position:center; border: 1px #FFCC99 dashed; margin:auto; width:500px; margin-bottom:25px;}

.rec_table {padding:5px; border:none; width:100%; margin: 2 2 2 2;}