/********************************************

   HTML ELEMENTS

********************************************/ 

/* top elements */

* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #B1C7DE url(../images/host-finder-bg.jpg) repeat-x;
	text-align: center;
}



/* links */

a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* headers */

h1, h2, h3, h4, h5 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}

h1 { font-size: 2.6em; color: #6297BC; } 
h2 { font-size: 2.0em; color: #6297BC; padding-top: 5px;}
h3 { font-size: 1.6em; color: #000; padding: 0px; margin: 0px; font-weight: bold; }
h4 { font-size: 1.25em; color: #000; text-decoration: underline; }
h5 { font-size: 1.05em; padding: 0px; color: #6297BC; font-weight: bold; }

p, h1, h2, h3, h4 {
	margin: 10px 15px;
}

h4 a {
	color: #000;
}

h4 a:hover {
	color: #9EC068;
}

/* images */

img {
	border: 2px solid #CCC;
}

img.no-border {
	border: none;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

  	/* white-space: pre; */

  	background: #FAFAFA;
  	border: 1px solid #f2f2f2;  
  	border-left: 4px solid #4284B0; 
}

acronym {
  	cursor: help;
  	border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}



/* form elements */

form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

input {
	padding: 2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	margin-top: 2px;
	color:#777;
}

textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}



/* search form */

form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}

form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}

form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

#main-full p {
	font-size: 14px;
	line-height: 20px;
}

/***********************

	  LAYOUT

************************/

#wrap {
	background: #FFF;
	width: 950px; height: 100%;
	margin: 0 auto;	
	text-align: left;

}

#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
	position: relative;
}

#modelfeet {
	position: absolute;
	top: 200px;
	right: 0px;
}

/* header */

#header {
	position: relative;
	height: 85px;	
	background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;	
}

#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	background: #FFF url( ../images/house.jpg) no-repeat top left;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 5px; left: 0px;	
	padding-left: 74px;
}

#header h2#slogan {
	position: absolute;	 
	top:40px; left: 66px;
	color: #333;
	text-indent: 0px;
	font: bold 14px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}

#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

/* main */

#main {
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0;
	width: 650px;		
}

#main-full {
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0;
	width: 935px;		
}

#main-green {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	background: #769039 url( '../images/bg-top.jpg' ) no-repeat top left;
	padding: 0;
	width: 950px;	
	height: 1850px;	
}

#main-green #green-info {
	text-align: right;
	margin-top: 20px;
	position: relative;
}

#main-green #green-top {
	margin-top: 110px;
	color: #FFF;
}
#main-green #green-top p {
	font-size: 16px;
}

#main-green #green-info h1 {
	color: #769039;
	font-size: 48px;
}

#main-green #green-info p {
	position: absolute;
	text-align: right;
	right: 0px;
	width: 500px;
	font-size: 16px;
}

#main-green #green-list {
	text-align: center;
	margin-bottom: 25px;
}

#main-green #green-list .promo-star {
	color: #FFF;
}

#main-green #green-list h2,
#main-green #green-top h2,
#main-green #green-toplist h2 {
	color: #E1F0F5;
	font-size: 22px;
	text-align: left;
}

#main-green #green-toplist ol {
	width: 900px;
	font-size: 14px;
	color: #E1F0F5;
	margin-left: 40px;
}

#main-green #green-toplist li {
	margin-top: 10px;
}

#main-green #green-list h3 {
	color: #F00;
	font-size: 12px;
}

#main-green #green-list .webhost-block {
	position: relative;
	text-align: left;
	width: 780px;
}

#main-green #green-list .webhost {
	margin-left: 60px;
	margin-top: 5px;
	padding: 3px;
	border: 2px solid #93C5DC;
	width: 728px;
	height: 90px;
}

#main-green #green-list .webhost img {
	border: 0px;
	width: 728px;
	height: 90px;
}

#main-green #green-list .webhost-count {
	position: absolute;
	left: 15px;
	top: 40px;
	margin: 0px;
	font-size: 180%;
	color: #93C5DC;
}

#main-green #green-list .webhost-block .coupon-code {
	font-weight: bold;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: #000;
	margin-left: 60px;
}

.toolbox {
	border-bottom: 1px solid #CCC;
	margin-left: 15px;
	width: 95%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.mode-button {
	margin-left: 15px;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}

.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */

#sidebar {
	float: left;
	width: 160px;
	margin: 0;	padding: 0; 
	display: inline;		
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}

#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}

#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	min-height:18px;
}

#sidebar input {
	border: 0px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

#sidebar div.mode-button {
	margin-left: 15px;
}

#sidebar div.mode-button img {
	border: 0px;
}


/* rightbar */

#rightbar {
	float: right;
	width: 160px;
	padding: 0; margin:0;		
}

/* Footer */

#footer { 
	clear: both; 
	color: #FFF; 
	background: #568EB6 URL( ../images/footer-shadow.jpg ) top left repeat-x; 
	font-size: 95%;	
	padding: 3px;	
}

#footer h3 {
	color: #FFF;
}

#footer #footer-details {
	position: relative;
	height: 370px;
	border-bottom: 1px solid #9EC630;
}

#footer #footer-details .footer-box {
	float: left;
	width: 280px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 10px;
	height: 350px;
}

#footer #footer-details .footer-box-large {
	float: left;
	width: 390px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 10px;
	height: 350px;
}

#footer #footer-details .footer-box-small {
	float: left;
	width: 200px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 10px;
	height: 350px;
	border-left: 1px solid #9EC630;
	border-right: 1px solid #9EC630;
}

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFFF66;
}

#footer a:hover { 
	text-decoration: none; 
	font-weight: bold;	
	color: #9EC041;
}

#footer .footer-left{
	float: left;
	width: 65%;
}

#footer .footer-right{
	float: right;
	width: 30%;
}

/* menu tabs */

#header ul {
	z-index: 999999;
	position: absolute;
   	margin:0; padding: 0;
   	list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}

#header li {
   display:inline;
   margin:0; padding:0;
}

#header a {
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}

#header a span {
   float:left;
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header a span {float:none;}

/* End IE5-Mac hack */

#header a:hover span {
	color:#FFF;
}

#header a:hover {
   background-position:0% -42px;
}

#header a:hover span {
   background-position:100% -42px;
}

#header #current a {
   	background-position:0% -42px;
	color: #FFF;
}

#header #current a span {
   	background-position:100% -42px;
	color: #FFF;
}

/* end menu tabs */

.divider {
	border-bottom: 1px solid #CCC;
	margin: 0 auto;
	width: 200px;
}

#package-block {
	margin: 0 auto;
	width: 900px;
	padding-left: 50px;
	padding-top: 20px;
}

#package-block .package-image {
	width: 250px;
	height: 100px;
	float: left;
	text-align: center;
	padding: 5px;
	margin-left: 20px;
}

#package-list {
	text-align: right;
	font-size: 18px;
	padding: 10px;
}

#package-list select {
	width: 350px;
	font-size: 18px;
	border: 1px solid #CCC;
	padding: 5px;
}

.webhost-block {
	position: relative;
	text-align: left;
	width: 780px;
}

.webhost {
	margin-left: 60px;
	margin-top: 5px;
	padding: 3px;
	border: 2px solid #66669F;
	width: 728px;
	height: 90px;
}

.webhost img {
	border: 0px;
	width: 728px;
	height: 90px;
}

.webhost-count {
	position: absolute;
	left: 15px;
	top: 40px;
	margin: 0px;
	font-size: 180%;
}

.small-webhost {
	padding: 3px;
	float: left;
	width: 370px;
	padding-left: 15px;
	margin-top: 3px;
	height: 125px;
}

.small-webhost .small-webhost-name {
	margin-left: 130px;
	font-size: 18px;
	margin-top: 20px;
}

.small-webhost img {
	border: 0px;
	float: left;
	
}
.small-webhost label {
	font-size: 12px;
	margin-top: 5px;
	
}

#tiny-logo-container {
	margin-left: 50px;
	margin-bottom: 20px;
}

.tiny-logo {
	float: left;
	padding-left: 5px;
}

#additional-details {
	border: 2px solid #666666;
	margin-left: 60px;
	margin-top: 10px;
	width: 728px;
	padding: 3px;
	font-size: 1.2em;
}

.couponCode {
	margin-left: 50px;
}

.couponCode .couponInfo img {
	float: left;
}

.couponCode .couponListing {
	margin-left: 180px;
	margin-bottom: 25px;
}

#overall-comparison {
	width: 100%;
	margin-left: 10px;
	border: 1px solid #83ACCA;
}

#overall-comparison th {
	background-color: #A3C643;
	padding: 5px;
	color: #000;
	border: 1px solid #83ACCA;
}

#overall-comparison td {
	padding: 5px;
	border: 1px solid #83ACCA;
	font-size: 10px;
}

#overall-comparison td img.host {
	width: 100px;
	height: 50px;
}

#overall-comparison td img {
	border: 0px;
}


#overall-comparison .colored {
	background-color: #FFFFEF;
}

#overall-comparison .centered {
	text-align: center;
}

#overall-comparison .larger {
	font-size: 16px;
	font-weight: bold;
}

#overall-comparison .medium {
	font-size: 12px;
	font-weight: bold;
}

table.top10 {
	width: 100%;
	margin-left: 9px;
	border-left: 1px solid #DDD;
}

table.top10 thead {
	background: #02143A url( ../images/theader.jpg ) top left repeat-x;
	text-align: center;
	height: 42px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

table.top10 thead td {
	padding: 5px;
}

table.top10 td.barright {
	border-right: 1px solid #000;	
}

table.top10 tbody {
	text-align: center;

}

table.top10 tbody td {
	padding: 6px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;
}

table.top10 tbody tr.colored {
	background-color: #EEE;
}

table.top10 tbody tr.topranked {
	background-color: #538BBE;
	color: #FFF;
}

table.top10 tbody tr.topranked a,
table.top10 tbody tr.topranked a:visited {
	color: #FF3;	
}

table.top10 tbody tr.topranked a:hover {
	color: #9F3;
}

table.top10 tbody tr.topcost {
	background-color: #04a02b;
	color: #FFF;
}

table.top10 tbody tr.topcost a,
table.top10 tbody tr.topcost a:visited {
	color: #FC6;	
}

table.top10 tbody tr.topcost a:hover {
	color: #9F3;
}

table.top10 tbody tr.topranked td,
table.top10 tbody tr.topcost td {
	padding-top: 5px;
	padding-bottom: 10px;
}

table.top10 tbody tr td.price {
	font-size: 16px;
	font-weight: bold;
}

table.top10 tbody .progress-wrapper {
	font-size: 10px;
	font-weight: bold;
}

table.top10 tbody .progress-wrapper .progress-label { }

table.top10 tbody .progress-wrapper .progress-bar-wrap { 
	width: 100%;
	border: 1px solid #000;
	height: 8px;  
	background-color: #A9BAC3;
	text-align: left;
} 

table.top10 tbody .progress-wrapper .progress-bar-fill { 
	height: 8px;
	background-color: #08225F;
}

.updated-date {
	margin-top: 20px; 
	font-size: 16px;
	font-weight: bold;
	color: #203c7d;
}

.shortstyle {
	width: 83%;
}

.rank-award {
	width: 60px;
	height: 70px;
	border: 0px;
}

.toprank-text {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
}

.special-text {
	font-size: 12px;
	margin-bottom: 2px;
	color: #FFF;
}

#host-screen { text-align: center; }
#host-screen img { border: 0px; margin: 15px 15px 15px 15px; } 

#highlights {
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
}

#highlights-bar {
	height: 47px;
	margin-left: 15px;
	background-color: #B1C7DE;
	border:3px solid #DDD;
}

#highlights-bar .highlights-entry {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding: 15px;
	color: #333;
}

#highlights-bar .highlights-entry .review-score {
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
}

#review-right {
	width: 250px;
	height: 200px;
	float: right;
	margin-top: 10px;
}

.feature-list {
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

.feature-list .header {
	background-color: #B1C7DE;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
}
		
.linkout-button {
	background: url( ../images/theader.jpg ) top left repeat-x;
	height: 30px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#review-left {
	width: 650px;
	padding-right: 20px;
	border-right: 1px solid #DDD;
	margin-right: 20px;
}

#review-left img {
	float: right;
	border: 0px;
	margin-left: 10px;
}

#promo-codes {
	background-color: #FF9;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	margin: 0 auto;
	margin-left: 15px;
	margin-top: 10px;
	text-align: center;
	color: #000;
}

.coupon-row {
	background-color: #FF9;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	text-align: center;
	color: #000;
}

.reviewbox {
	background: url( ../images/read-review.jpg ) top left no-repeat;
	height: 42px;
	width: 130px;
	margin: 0 auto;
	cursor: pointer;
}

.reviewscore {
	text-align: left;
	padding-top: 12px;
	padding-left: 7px;
	font-size: 17px;
	color: #000;
}

.votingbox {
	margin-top: 5px;
	font-size: 12px;
	color: #F60;
}
.votingboxTop {
	margin-top: 5px;
	font-size: 12px;
	color: #FF0;
}

.vote-button {
	width: 30px; 
	height: 30px; 
	border: 0px;
	cursor: pointer;
}

#review-rating-box {
	text-align: center;
	margin-bottom: 5px;
	font-size: 26px;
	line-height: 24px;
}

#review-rating-box .header {
	background-color: #B1C7DE;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
} 

.rank-badge {
	border: 0px;
	margin-left: 3px;
	float: right;
	margin-right: 10px;
}

.number1-box {
	border: 2px solid #02143A; 
	margin: 25px 5px 10px 20px; 
	padding: 3px;
}

.number1-box .rank-text {
	font-size: 12px;
	padding: 10px;
}

.number1-box img {
	width: 300px;
	height: 191px;
}

.number1-box .rank-link {
	font-size: 24px;
	text-align: right;
	padding: 10px;
}

a.hostLink { font-weight: bold; }
a.whiteLink { color: #FFF; }
a.whiteLink:hover { color: #F00; }

.sub-desc {
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	color: #777;
}

.table-desc {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

/* alignment classes */

.larger { font-size: 24px; font-weight: bold; }
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-center { text-align: center; }
.footer-link { float: left; width: 43%; margin-left: 15px; }
.review-divider { border-bottom: 1px solid #CCC; width: 920px; margin: 0 auto; text-align: center; height: 5px; margin-left: 15px; margin-top: 10px; }
.review-divider-short { border-bottom: 1px solid #CCC; width: 640px; margin: 0 auto; text-align: center; height: 5px; margin-left: 15px; margin-top: 10px; }


/* additional classes */

.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.results { color: #FF3333; font-weight: bold; padding-left: 15px; }
.grade { color: #000; }
.underimage-link { font-size: 18px; font-weight: bold; }
.promo-star { font-size: 12px; }
.rating-desc { font-size: 12px; }
.white { background-color: #FFF; }
.section-separator { border-bottom: 1px solid #CCC; margin-left: 10px; margin-right: 0px; margin-top: 20px; margin-bottom: 15px; }

/* CLEAR FIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */