/* RESET */
*{ margin: 0; padding: 0; }
a img, iframe{ border: 0; }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 100%; }
select{ }

/* LAYOUT */
body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background: white url(bg_body.gif) repeat-x; }
.wrap{ width: 944px; margin: 0 auto; }

#Head{ float: left; height: 155px; width: 100%; }
	#Head .wrap{ position: relative; height: 155px; }
	#Head h1{ float: left; margin: 14px 0 0 0; padding: 0; width: 279px; height: 121px; background: url(logo.gif) no-repeat; }
	#Head h1 a{ display: block; width: 100%; height: 121px; text-indent:-5000px;}
	#Head h2{ position: absolute; left: 0; top: 135px; width: 240px; margin: 0; padding: 0; color: #151515; font-size: 13px; font-weight: normal; text-align: center; }
	#Head .ad{ float: right; width: 500px; margin: 20px 0 0 0; padding: 0; font-size:11px; }
	#Head .ad img{ margin: 2px 0; }
	#Update{ position: absolute; right: 10px; bottom: 3px; font-size: 11px; }	
#Content{ float: left; width: 100%;  }	
	#Pagebg{ float: left; width: 100%; padding: 0px 0 50px 0; background: url(http://how2defrag.com/images/bg_content.gif) repeat-y 239px 0; }
	#Main{ float: right; width: 660px; padding:20px 25px 0 20px; background: url(http://how2defrag.com/images/bg_main.gif) no-repeat;  }
	#Side{ float: left; width: 239px; background: url(http://how2defrag.com/images/bg_side.gif) no-repeat; padding: 70px 0 0 0; }
#Ad{ float: left; width: 100%; padding: 13px 0; background: #f9f9f9; border-top: 3px solid #e6e6e6; }
	#Ad .wrap{ text-align: center; }
#Resources{ float: left; width: 100%; background: white url(http://how2defrag.com/images/bg_resources.gif) repeat-x; padding: 0 0 20px 0; }
	#Resources h2{ color: #474747; margin: 4px 0 20px 0; padding: 0; font-size: 15px; }
	#Resources ul{ list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Resources li{ float: left; background: none; width: 157px; margin:0; padding:0; font-size: 11px;}
	#Resources a{ display:block; text-decoration: none; color: #676767; padding: 0 0 3px 0; }
	#Resources a:hover{ text-decoration: underline; color: #333333; }
#Footer{ float: left; width: 100%; padding: 15px 0 25px 0; background: url(http://how2defrag.com/images/bg_footer.gif) repeat-x; font-size: 11px; text-align: right; color: #727272; font-family: Arial, Helvetica, sans-serif; }
.left-footer {float: left; width: 600px; text-align:left;}
.right-footer {float: right; width: 300px; text-align:right;}

	#Footer a{ text-decoration: none; }
	#Footer a:hover{ text-decoration: underline; }


/* CONTENT */
h2{ font-size: 24px; color: #494949; margin:0 0 15px 0; color: #ff6600;}
h3{ font-size: 18px; color: #494949; margin: 0 0 10px 0;  }
h4{ font-size: 14px; color: #42444F; font-weight:bold; margin: 0px 0 10px 0; }
h5{ font-size: 13px; color: #42444F; font-weight:bold; margin: 0px 0 5px 0; }
p{ margin: 0 0 18px 0; line-height:1.5em; }
ul{ margin: 0 0 18px 0; line-height: 1.4em;  }
li{ padding:0 0 3px 15px; background: url(http://how2defrag.com/images/bullet_dots.gif) no-repeat 1px 6px; }
hr{ color: #d3d3d3; height: 1px; width: 100%; border: 0 none; border-top: 1px solid #d3d3d3; margin: 0 0 10px 0; }
* html hr{margin: 0; }
tr hr{margin: 0; }
a{ color: #0076ca; }
a:hover, #Side a:hover{ text-decoration: underline; }
#Main a:hover{ text-decoration: underline; color: #ff8600; }

/* helpers */
.brd{ border: 1px solid red; }
.left{ float: left; }	
.right{ float: right; }
	img.left{ margin: 0 15px 5px 0; }
	img.right{ margin: 0 0 5px 15px; }
.large{ font-size: 1.2em; }
.small, small{ font-size: 0.9em; }
.small95 { font-size: 0.95em; }
.arial { font-family:Arial, Helvetica, sans-serif; }
.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
td.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
.shortd{ color: #d00000; font-weight: bold;}
.tl{ text-align: left; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.tc{ text-align: center; }
.warning{ color: #ea0029; }
.clear{ display: block; clear: both; height: 1px; overflow: hidden; }
.hidden{ display: none; }
.indent{ margin-left: 30px; }
.vivid{ color: #d00000; }
.black{ color: black; }
.underline{ color: #ff6600; border-bottom: 1px solid #d9d9d9; }
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 

#Path{ margin: 0 0 30px 0; }
	#Path ul{ margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path li{ display: inline; background: none; margin: 0 5px 0 0; padding: 0; color: #6e6e6e; font-weight: bold; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path a{ background: url(http://how2defrag.com/images/bullet_path.gif) no-repeat right; padding: 0 13px 0 0; text-decoration: none; color: #6e6e6e; font-weight:normal;}

#Host{ margin: 0 -20px 10px -19px; padding: 0 20px 0 20px; background: url(http://how2defrag.com/images/bg_best_title.gif) no-repeat 0 15px; font-size: 12px; }
	#Host .thumb{ float: left; padding:5px; border:2px solid #DBDBDB; background:white; margin:0 20px 0 0;}
	#Host h3{ position:relative;font-size: 22px; color: #494949; font-weight: bold; margin: 0 0 20px 0; padding: 30px 0 0 0; }
	#Host h3 a{ color: #494949; text-decoration: none; }
	#Host .link{ float: right; margin:-25px 0 0 0;}
	#Host .link a{ color: #3399FF; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	#Host .link a:hover{ text-decoration: underline; }
	#Host td{ padding: 1px 0; }
	#Host .buttonmi a {display:block; background-color: #EFEFEF; color: #0066CC; font-weight:bold; height:30px; line-height:29px; margin:10px 0px -10px 0px; text-decoration:none; width:212px; border: 1px dotted #a2a2a2; text-align:center;}
	#Host .buttonmi a:hover{background-color: #FFFFEF;}

/* boxes, modules, frames */
.even{ background-color: #f5f5f5; }
.reviews{ border: 5px solid #EDEDED; height: 310px; overflow: auto; margin:0 0 20px 0;}
	.reviews li, .reviews ul{ margin: 0; padding: 0; background-image: none;  display:block;}
	.reviews li{ padding: 15px 15px 5px 15px; }
	.reviews p{ margin: 0 0 9px 0; line-height: 1.4em; font-size:12px;}
.meta{ color: #999; font-size: 11px; }	

.review_summary{ width: 180px; background: #ECECEC url(http://how2defrag.com/images/bg_review_sum.gif) no-repeat bottom; font-size: 11px; }
	.review_summary .top{ background: #F8F8F8 url(http://how2defrag.com/images/bg_review_sum.gif) no-repeat; padding: 5px 5px 0 5px; }
	.review_summary .divider{ height: 20px; background: url(http://how2defrag.com/images/bg_review_sum.gif) no-repeat 0 -314px; }
	.review_summary p{ margin: 0 7px 9px 7px; }
	.review_summary td{ padding: 1px 0; }
	
	
/* icons, lists */
ul.table li{ display: block; padding: 4px 3px 6px 20px; background-position: 7px 9px; }
ul.table li.thead{ background: White url(http://how2defrag.com/images/bg_table_head.gif) repeat-x; border-top:1px solid #ccc; border-bottom:1px solid #dedede;}
ul.awards li{ background: url(http://how2defrag.com/images/bullet_award.gif) no-repeat left; padding:5px 0 5px 35px; }

/* tables */
.tdata { background: #cccccc; margin: 0 0 18px 0; border: solid #cccccc; border-width: 1px 1px 1px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	.tdata tr.even td, tr.even{ background-color: #f5f5f5; border-right: 1px solid white; }
		.tdata tr.odd td, tr.odd{ background-color: #ffffff; border-right: 1px solid white; }		
	.tdata .rank{ font-weight: bold; font-size: 19px; text-align: center; vertical-align: middle; }
	.tdata td{ background:white; vertical-align: middle; padding:9px; border-left: 1px solid #cccccc;   }				
	.tdata th{ background:white; font-weight: normal; text-align: left; border: solid #cccccc; border-width:0 0 1px 1px; padding: 0 9px; }	
	.tdata thead th { background: White url(http://how2defrag.com/images/bg_table_head.gif) repeat-x; font: bold 13px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; height: 34px; }				

/* Add. navigation */
.pages{ color: #999; font-size: 11px; }
	.pages a{ color: #999; padding: 0 5px 0 5px; margin: 0; text-decoration: none; }
	#Main .pages a:hover,
	#Main .pages a.active{ background-color: #35A0D9; color: White; text-decoration: none; }

.dropdown{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; position: relative; }	
	.dropdown .content{ position: absolute; left: 0; top: 0; z-index: 999; }
	.dropdown a{ color: #333; text-decoration: none; }
	.dropdown .hidden{ float: left; width: 162px; border-left: 1px solid white; border-bottom: 1px solid white; background: #f8f8f8; padding: 5px; position: relative; top: -2px; }
	.dropdown ul{ margin: 0 0 10px 0; }
a.menu{ text-decoration: none; display: block; width: 137px; height: 29px; border-left: 1px solid white; background: #F8F8F8 url(http://how2defrag.com/images/btn_choose_host.gif); padding: 0 0 0 35px; line-height: 29px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; }
a.notes{ float: right; width: 157px; background: #F8F8F8 url(http://how2defrag.com/images/btn_mynotes.gif); }	
#Choose{ float: right; width: 172px; }	
	#Choose li{ background: none; padding: 4px 0 0 30px; }
#Hostmenu{ float: left; width: 152px; }	
	#Hostmenu .hidden{ width: 182px; }
	#Hostmenu a.menu{ width: 157px; background: #F8F8F8 url(http://how2defrag.com/images/btn_menu.gif); }
	#Hostmenu ul{ margin: 0 0 10px 5px; }
	#Hostmenu li{ display: block; height: 16px; line-height: 16px; padding: 0 0 0 25px; margin: 0 0 5px 0; background: no-repeat 0 0; }
		#Hostmenu li.email{ background-image: url(http://how2defrag.com/images/ico_menu_email.gif); }
		#Hostmenu li.print{ background-image: url(http://how2defrag.com/images/ico_menu_print.gif); }
		#Hostmenu li.save{ background-image: url(http://how2defrag.com/images/ico_menu_save.gif); }
		#Hostmenu li.subscribe{ background-image: url(http://how2defrag.com/images/ico_menu_subscribe.gif); }
		#Hostmenu li.review{ background-image: url(http://how2defrag.com/images/ico_menu_submit.gif); }
#Sortmenu{ float: right; width: 172px; margin: -6px 0 0 0; }
html*#Sortmenu{ margin: -8px 0 0 0; #margin: -6px 0 0 0; }
	#Sortmenu a.menu{ float: right; background: #f8f8f8 url(http://how2defrag.com/images/ico_menu_down.gif) no-repeat 11px 11px; padding: 0 0 0 27px; width: 145px; }
	#Sortmenu li{ background: none; width: auto; padding-left: 20px; margin: 0 0 3px 0; }
	#Sortmenu ul{ padding: 0; }
	
/* Sidebar */
#Side h3{ position: relative; display: block; width: 216px; height: 30px; line-height:30px; padding: 0 0 0 28px; margin: -1px 0 0 -5px; background: url(http://how2defrag.com/images/bg_sidecaption.gif); color: white; font-size: 13px; font-weight: bold; }
.sidenav{ padding: 0 0px; border-left: 1px solid #dfe0e0;}
.sidenav-ads{ padding: 10px 20px; border-left: 1px solid #dfe0e0; border-bottom: 1px solid #dfe0e0;}	
	.sidenav ul{ margin: 0; padding: 0; }
	.sidenav li{ background: none;  border-bottom: 1px solid #dfe0e0; margin: 0; padding: 0; }
	.sidenav li.last{  }
	.sidenav a{ display: block; color: #101111; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 5px 20px; background: url(http://how2defrag.com/images/bullet_side.gif) no-repeat 218px 13px; }
	#Side .sidenav a:hover{ background-position: 218px -12px; background-color: #fff4e5; text-decoration: none; }
	
	
/*  Awards   */
table.awards{ background: #CBD2D8; }
	table.awards td{ background: white url(http://how2defrag.com/images/bg_awards_cell.gif) no-repeat; padding: 11px 20px; }
	table.awards h4{ font-size:12px;}
	.awardstext{ font: normal 11px Arial, Helvetica, sans-serif; }
	.awardsname {font: bold 15px "Trebuchet MS",Arial,Helvetica,sans-serif;}