/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1; background:#F2F5E6;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus { outline:0;}
ins { text-decoration:none;}
del { text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
body {background:url(../assets/images/layout/bg-extend.gif) 0 190px repeat-x;}
.content {width:940px; margin:0 auto;}
.header {width:940px; height:250px; background:url(../assets/images/layout/bg-header.png) repeat-x;}
/* Extra - HTML added with Javascript */
.header .extra-r {position:absolute; background:url(../assets/images/layout/corners.gif) -20px 0 no-repeat; margin:20px 0 0 930px; overflow:hidden; width:10px; height:10px;}
.logo {position:absolute; width:300px; height:230px; margin-left:10px; background:url(../assets/images/layout/bg-logo.png) repeat-x;}
.logo .hostinsight {margin:30px 0 0 26px;}
/* Extras - HTML added with Javascript */
.logo .extra-l, .logo .extra-r {width:10px; height:30px; display:block; position:absolute;}
.logo .extra-l {background:url(../assets/images/layout/corners.gif) -10px -10px no-repeat; margin:105px 0 0 300px;}
.logo .extra-r {background:url(../assets/images/layout/corners.gif) 0 -10px no-repeat; margin:105px 0 0 -10px;}
.logo .extra-bl, .logo .extra-br {width:10px; height:10px; display:block; position:absolute;}
.logo .extra-bl {overflow:hidden; background:url(../assets/images/layout/corners.gif) 0 0 no-repeat; margin:220px 0 0 0;}
.logo .extra-br {overflow:hidden; background:url(../assets/images/layout/corners.gif) -10px 0 no-repeat; margin:220px 0 0 290px;}
ul.podium {padding-top:10px; width:620px; height:170px; position:absolute; margin:30px 0 0 320px; background:url(../assets/images/layout/corners.gif) -20px -10px no-repeat #FFF;}
ul.podium a {text-decoration:none;}
ul.podium li {height:140px; float:left;}
/* Setting each podium li width */
ul.podium li.place-1, ul.podium li.place-3 {width:210px;}
ul.podium li.place-2 {width:200px;}
ul.podium .thumb {position:absolute; margin:10px 0 0 20px;} /* Default for first too */
ul.podium li.place-2 .thumb, ul.podium li.place-3 .thumb {margin-left:10px;}
/* Very ugly, thanks to IE6's PNG support */
ul.podium li .frame {position:absolute;}
ul.podium li.place-1 .frame {clip:rect(auto 210px auto auto);}
ul.podium li.place-2 .frame {clip:rect(auto 410px auto 210px); margin-left:-210px;} /* Left margin offsets the clip */
ul.podium li.place-3 .frame {clip:rect(auto 620px auto 410px); margin-left:-410px;}
ul.podium li strong {position:absolute; z-index:2; margin-left:2px; width:50px; text-align:center; line-height:50px; font-size:30px;}
ul.podium li.place-1 strong {margin-left:12px;} /* Add above margin too */
ul.podium li a strong {color:#034;}
ul.podium li a:hover strong {color:#2AB; text-decoration:none;}
ul.podium li .name {position:absolute; z-index:1; display:block; background:#F0FB1C; line-height:20px; margin-top:130px; padding:0 7px 0 0; white-space:nowrap; text-transform:uppercase; color:#034; font-size:10px;}
ul.podium li.place-2 .name {background:#E1ED03; }
ul.podium li a:hover .name {color:#2AB; text-decoration:none;}
ul.podium li .name img {position:absolute; display:block ; margin:0 0 0 -10px;}
ul.podium li.place-1 .name {right:420px;}
ul.podium li.place-2 .name {right:220px;}
ul.podium li.place-3 .name {right:20px;}
ul.podium .price{position:absolute; z-index:100; color:#034; font-size:22px; margin:10px 0 0 110px; width:80px; line-height:40px; text-align:center;}
ul.podium li.place-1 .price {margin:10px 0 0 120px;}
ul.podium a:hover .price{color:#2AB;}
ul.mini-nav {position:absolute; margin: 4px 0 0 801px; white-space:nowrap;}
ul.mini-nav li {float: left; margin-right:10px;}
ul.mini-nav a {padding-left: 16px; font-size:10px; text-transform:uppercase;}
ul.mini-nav a.home {background:url(../assets/images/layout/icon-home.gif) 0 1px no-repeat;}
ul.mini-nav a.sitemap {background:url(../assets/images/layout/icon-sitemap.gif) 0 1px no-repeat;}
a {color:#2AB; text-decoration:none;}
a:hover {color:#034; text-decoration:underline;}
.inverse a {color:#034; text-decoration:none;}
.inverse a:hover {color:#2AB; text-decoration:underline;}
/* Fading linked images */
a:hover img.thumb {opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.80;}
/* Bare bones for horizontal menu */
ul.menu ul {position:absolute; left:-999px; width:220px;}
ul.menu ul li {width:100% !important;}
ul.menu li {float:left;}
ul.menu li:hover ul {left:auto;}
ul.menu li a {display:block;} /* Places nested UL below in IE6 */
/* Menu styles */
ul.menu {float:right; margin:220px 0 0 0;}
ul.menu li {margin-right:10px;}
ul.menu li a {background:url(../assets/images/layout/menu.png) #0B5768 0 -30px no-repeat; line-height:30px; height:30px; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF; letter-spacing:1px;}
ul.menu li a:hover {background:url(../assets/images/layout/menu.png) #FFF no-repeat; color:#034; text-decoration:none;}
ul.menu li a span {background:url(../assets/images/layout/menu.png) right -30px no-repeat; display:block; height:30px; padding:0 8px;}
ul.menu li a:hover span {background:url(../assets/images/layout/menu.png) right 0;}
/* Selected styles */
ul.menu li a.selected {background:url(../assets/images/layout/menu.png) no-repeat; color:#034;}
ul.menu li a.selected span {background:url(../assets/images/layout/menu.png) right 0 no-repeat;}
/* Nested list */
ul.menu ul{border-bottom:5px solid #003344; z-index:100; background:#2B6D7C;}
ul.menu ul li a {font-size:14px; padding:0 9px; background:none; height:auto; border-bottom:1px solid #417C89;}
ul.menu ul li a:hover {background:#B5CCD1;}
/* Custom widths */
ul.articles{width:300px !important;}
ul.articles li a {line-height:20px; padding:5px 8px !important;}
/* misc */
ul.menu strong{color:#2AB;}
ul.menu em{font-weight:normal;}
/* Sidebar */
.sidebar {float:left; background:url(../assets/images/layout/sidebar.png) left top no-repeat #B2E1E7; width:320px; margin:10px 0; }
.sidebar-extra {background:url(../assets/images/layout/sidebar.png) -1520px bottom no-repeat;}
.sidebar .rating {background:#FFF; width:135px; height:290px; overflow:hidden; float:left; padding-right:10px;}
.sidebar .rating.col-2 {padding-right:0;} /* hiding the shadow */
.sidebar .rating li {width:135px; height:50px; margin:0 0 10px 0;}
.sidebar .rating strong {position:absolute; display:block;}
.sidebar .rating strong {z-index:2; line-height:10px; width:12px; font-size:10px; text-align: center;}
.sidebar .rating a {color: #034; text-decoration:none;}
.sidebar .rating .price {position:absolute; z-index:100; line-height:15px; width:35px; text-align:center; margin:35px 0 0 100px; font-size:10px; color:#FFF;}
/* Basics */
.basics {background:url(../assets/images/layout/basics.gif) right -100px no-repeat; float:left; width:280px;}
.basics li {float:left;line-height:50px;}
.basics .score, .basics .price {font-size:22px; padding:0 9px;}
.basics .price {background:url(../assets/images/layout/basics.gif) no-repeat #B2E1E7;}
.basics .specs {background:url(../assets/images/layout/basics.gif) left -50px no-repeat #D7EEF1; height:50px;}
.basics .specs ul {margin:5px 0 0 9px;}
.basics .specs li {float:none; line-height:20px;}
.basics .specs label {font-weight:bold;}
/* Features */
.features .row div { padding:5px 10px 10px; }
.features ul { width:280px; float:left; padding:0 !important;}
.features ul li { width:120px; float:left; }
.features .row.alt {background:url(../assets/images/layout/bg-features.png) #D8EFF1;}
.features .row.alt div {background:url(../assets/images/layout/bg-features.png) left bottom;}
.features .row.alt.no-shadow div {background:url(../assets/images/layout/bg-features.png) right bottom;}
/* Charts */
.charts { margin-bottom:20px; }
.chart-h { margin-left: 140px; width:140px; height:90px; background:url(../assets/images/layout/chart-h-bg.gif) no-repeat; padding:10px; }
.chart-h label { position:absolute; margin: -5px 0 0 -140px; width:140px; font-weight:bold; text-transform:uppercase;}
.chart-h li { background: url(../assets/images/layout/chart-h-holder.gif) no-repeat; margin-bottom:10px; width:120px; }
.chart-h .bar {display:inline; background:url(../assets/images/layout/chart-h.gif) top left no-repeat; height:10px; width: 120px; display:block; }
.chart-h .bar div {text-indent:-999px; overflow:hidden;background:url(../assets/images/layout/chart-h.gif) top right no-repeat; height:10px;}
/* Averages */
.chart-h .average { position:absolute; width:2px; height:10px; background: #F0FB1C; /* IE */font-size:5px; text-indent:-999px; /* IE */overflow:hidden; }
.chart-v {float:left; width:290px;}
.chart-v a.tab {margin:0;}
.chart-v ul.graph{ padding:20px 0 0 40px; background:url(../assets/images/layout/frame-chart.png) no-repeat; width:260px; height:165px; }
.chart-v ul.graph li { background: url(../assets/images/layout/chart-v-holder.gif) no-repeat; width:10px; height:120px; float:left; margin-right:10px; display:block; position:relative; }
.chart-v ul.graph .average { bottom:60px; position:absolute; width:10px; height:2px; background:#F0FB1C; block; text-indent:-777px; font-size:1px; overflow:hidden; }
.chart-v label { font-size:10px; position:absolute; bottom:-20px; width:20px; margin-left:-5px; text-align:center; }
.chart-v.uptime { margin-right:10px;}
.chart-v .bar { background:url(../assets/images/layout/chart-v.gif) bottom left; text-indent:-777px; position:absolute; bottom:0; width:10px; /* IE */ overflow:hidden; }
.chart-v .bar div { background:url(../assets/images/layout/chart-v.gif) top left; display:block; height: 120px; }
.key {position:absolute; font-size:10px; margin:158px 0 0 0; width:270px;}
.key li {float:right; background:url(../assets/images/layout/key.gif) left 5px no-repeat; padding-left:12px;}
.key li.host {margin-right:10px;}
.key li.average {background:url(../assets/images/layout/key.gif) left -13px no-repeat;}
.legend {position:absolute; width:35px; margin:16px 0 0 0; text-align:right;}
.legend span{width:35px; margin-bottom:35px; font-size:10px; display:block;}
.box {background:url(../assets/images/layout/sidebar-corners.gif) center center no-repeat; padding:10px;}
.box-top {background:url(../assets/images/layout/sidebar.png) -320px top no-repeat !important; width:300px !important;}
/* Corner backgrounds depending on tab placement */
.top-both {background:url(../assets/images/layout/sidebar.png) -620px top no-repeat !important;}
.top-left {background:url(../assets/images/layout/sidebar.png) -920px top no-repeat !important;}
.top-right {background:url(../assets/images/layout/sidebar.png) -1220px top no-repeat !important;}
.box-bottom {background:url(../assets/images/layout/sidebar.png) -1840px bottom no-repeat; width:280px; padding:10px; overflow:hidden;}
/* Corner backgrounds depending on tab placement */
.bottom-both {background:url(../assets/images/layout/sidebar.png) -2140px bottom no-repeat !important;}
.bottom-left {background:url(../assets/images/layout/sidebar.png) -2440px bottom no-repeat !important;}
.bottom-right {background:url(../assets/images/layout/sidebar.png) -2740px bottom no-repeat !important;}
.box-body {background:url(../assets/images/layout/sidebar.png) -3040px !important; width:300px !important;}
/* Special Boxes */
/*.box.shadow .box-bottom { width:260px; padding:15px 20px;}
.box.summary .box-bottom { width:280px; padding:10px 10px;}*/
a.tab {background:url(../assets/images/layout/menu.png) 0 -60px no-repeat; float:left; margin:10px 0 -10px 10px; }
a.tab span {background:url(../assets/images/layout/menu.png) right -60px no-repeat; height:30px; line-height:30px; display:block; padding:0 10px; white-space:nowrap; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#034;}
a:hover.tab {background:url(../assets/images/layout/menu.png) 0 -90px no-repeat; text-decoration:none;}
a:hover.tab span {background:url(../assets/images/layout/menu.png) right -90px no-repeat; color:#2AB;}
a.tab.sub {float:right; margin-right:10px;}
/* With white background */
.copy a.tab {background:url(../assets/images/layout/menu.png) 0 -160px no-repeat !important; }
.copy a.tab span {background:url(../assets/images/layout/menu.png) right -160px no-repeat;}
.copy a:hover.tab {background:url(../assets/images/layout/menu.png) 0 -190px no-repeat !important;}
.copy a:hover.tab span {background:url(../assets/images/layout/menu.png) right -190px no-repeat;}
a.tab-footer {background:url(../assets/images/layout/menu.png) 0 -120px no-repeat; float:right; margin:-10px 10px 10px 0; }
a.tab-footer span {background:url(../assets/images/layout/menu.png) right -120px no-repeat; height:20px; line-height:20px; display:block; padding:0 10px; white-space:nowrap; font-size:10px; text-transform:uppercase; letter-spacing:1px; color:#034;}
a:hover.tab-footer {background:url(../assets/images/layout/menu.png) 0 -140px no-repeat; text-decoration:none;}
a:hover.tab-footer span {background:url(../assets/images/layout/menu.png) right -140px no-repeat; color:#2AB;}
a.tab-footer.sub {float:right; margin-right:10px;}
/* With white background */
.copy a.tab-footer {background:url(../assets/images/layout/menu.png) 0 -220px no-repeat !important; }
.copy a.tab-footer span {background:url(../assets/images/layout/menu.png) right -220px no-repeat;}
.copy a:hover.tab-footer {background:url(../assets/images/layout/menu.png) 0 -240px no-repeat !important;}
.copy a:hover.tab-footer span {background:url(../assets/images/layout/menu.png) right -240px no-repeat;}
.sidebar ul.bullets{padding:5px 9px;}
ul.bullets li {background:url(../assets/images/layout/bullet.gif) -16px 6px no-repeat; padding-left:15px; line-height:20px;}
ul.bullets li li {background:url(../assets/images/layout/bullet.gif) -0px -26px no-repeat; border:none !important; font-weight:normal;}
ul.bullets.heading li {background:url(../assets/images/layout/bullet.gif) -8px -10px no-repeat !important;}
.footer {width:940px; margin:0 auto; height:90px; background:url(../assets/images/layout/bg-extend.gif) bottom repeat-x;}
/* Search Form */
.footer form {width:320px; height:40px; background: url(../assets/images/layout/search.gif); float: right;}
.footer form .button {position:absolute; margin: 8px 0 0 278px; background:url(../assets/images/layout/search-go.gif); border:none; width:25px; height:25px; line-height:25px;}
.footer form input.term {position:absolute; margin: 12px 0 0 18px; width:252px; padding:0 8px; border: 0; background:none;}
.footer a {color:#FFF;}
.footer a:hover {color:#FFF;}
.footer ul.links {position:absolute; margin:64px 0 0 20px;}
.footer ul.links li {float:left; padding-right:10px; margin-right:10px; border-right: 1px solid #FFF; line-height: 12px;}
p.copyright {position:absolute; margin:64px 0 0 756px; color: #FFF; line-height: 12px; white-space:nowrap;}
p.copyright a {font-weight:bold;}
.copy {float:right; margin:20px 10px 0 0; display:inline; width:920px;}
.copy.with-sidebar {width:590px;}
.copy a.tab {margin: 0 !important; }
.copy a.tab.sub {margin-right: 0 !important; }
.copy a.tab-footer { margin: 0 0 0 0 !important;}
.features-main { margin-bottom: 20px; background:url(../assets/images/layout/bg-features-main.gif) left bottom no-repeat; width:590px;}
.features-main div{ background:url(../assets/images/layout/bg-features-main.gif) left top no-repeat; width:590px; display:block; padding: 7px 12px 9px;}
.features-main li {float:left; width:280px;}
.rating .thumb, .frame {position:absolute;}
.frame{z-index:1 /* ? */;}
.article-thumb-image {float:left; margin:5px 10px 0 0;}
.article-thumb-image img {display:block;}
.article-thumb-image .frame {width:69px; height:69px; }
.article-image{width:210px; height:209px; float:right; margin: -5px -10px 0 0;}
.article-image img{margin:10px 0 0 20px; display:inline;}
.article-image .frame{margin:0; width:210px; height:209px;}
/* about the author */
.author-image{float:left; display:block; margin: 5px 10px 0 0;}
.author-image img{margin:0; display:inline;}
.author-image .frame{margin:0;}
.bio{ width:430px; background:url(../assets/images/layout/bg-author.gif) left bottom no-repeat; margin-bottom:20px; }
.bio .bottom{background:url(../assets/images/layout/bg-author.gif) left top no-repeat; padding:12px 10px 12px 10px; margin:0;}
.bio p{margin-bottom:0;}
/* WYM styles */
div.wym {clear:left} /* Moves text below breadcrumbs */
.wym ul{margin-bottom:20px; margin-left:10px;}
.wym ul li {background:url(../assets/images/layout/bullet.gif) -16px 6px no-repeat; padding-left:15px; line-height:20px;}
blockquote{background:url(../assets/images/layout/blockquote.gif) no-repeat; margin-bottom:18px; }
blockquote p{font-style:italic; background:url(../assets/images/layout/blockquote.gif) left bottom no-repeat; padding:10px 15px; margin:0;}
body {font-family:arial; font-size:12px; line-height:20px;}
h1, h2, h3 {color:#034; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:normal; margin-bottom:10px;}
h2{color: #1F9DAB; font-size:20px; font-weight:normal; margin-bottom:5px;}
h3 {font-size:14px; font-weight:bold; margin-bottom:0; line-height:20px;}
h3 strong{font-weight:normal; background:url(../assets/images/layout/bullet.gif) -16px 4px no-repeat; padding-left:11px;}
p {margin-bottom:20px;}
h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:none;}
h1 a, h3 a {color:#034;}
h1 a:hover, h3 a:hover:hover {color:#2AB; text-decoration:none;}
h2 a {color:#1D929E;}
h2 a:hover{color:#034; text-decoration:none;}
h4{margin-bottom:10px;}
/* contact form */
input, textarea {font-family:arial; font-size:12px;}
form.contact li {margin-bottom:10px;}
form.contact input.button {width:auto !important; border:none !important; width:40px !important; height:25px; background:url(../assets/images/layout/button-send.gif);}
form.contact label {width:150px; float:left; font-size:14px; font-weight:bold;color:#034;}
form.contact input {border:1px solid #000; border-left:5px solid #1F9DAB; display:block; width:150px;}
form.contact textarea{width:300px; height:160px; display:block; border:1px solid #000; border-left:5px solid #1F9DAB;}
form.contact label.error {float:none; font-size:12px; color:#CC0000; font-weight:normal;}
form.contact input.error {border-left:5px solid #C00; clear:right;}
form.contact textarea.error{border-left:5px solid #C00;}
form.contact li.message .error{margin-left:150px !important;}
a.links {float:right; background:url(../assets/images/layout/bullet.gif) left center no-repeat; padding-left:15px; margin:0 0 0 0;}
ul.breadcrumbs {margin-bottom:10px; width:100%; float:left;}
ul.breadcrumbs li {float:left; margin-right:6px;}
ul.breadcrumbs a, ul.breadcrumbs span {color: #2AB; background:url(../assets/images/layout/bullet.gif) -16px 4px no-repeat; padding-left:15px; line-height:20px;}
ul.breadcrumbs span{text-decoration:underline;}
/* Misc */
.date{float:right; margin-bottom:-20px;}
.date strong{padding-right:15px; background:url(../assets/images/layout/bullet.gif) right 4px no-repeat; margin-right:3px;}
.award {float:right; margin:-3px -2px -16px -7px; z-index:0;}
.clear {clear:both; margin-bottom:-1px; visibility:hidden; padding:0 !important; border-bottom:1px solid #FFF;}
li.last {border-right:none !important;}
.no-pad {padding:0;}
.box img {display:block;}
.nolink {cursor:default !important;}
.bot{margin-bottom:20px !important;}
a.visit-host{background:url(../assets/images/layout/visit-host.png) #2AB left top no-repeat;float:right; margin-bottom:-10px; clear:right;}
a.visit-host span{background:url(../assets/images/layout/visit-host.png) right top no-repeat;line-height:35px; padding: 0 15px 0 52px; float:left; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFF;}
a.visit-host:hover{background:url(../assets/images/layout/visit-host.png) #2AB left -35px no-repeat; text-decoration:none;}
a.visit-host:hover span{background:url(../assets/images/layout/visit-host.png) right -35px no-repeat; padding:0 10px 0 57px;}
/* Comparison Table */
.copy.comparison-fix{margin-top:0px;}
.comparison{background:url(../assets/images/layout/comparison-backing.gif) #B2E1E7 no-repeat; margin:0 0 10px 0; width:940px;}
.comparison-bot{background:url(../assets/images/layout/comparison-backing.gif) -940px bottom no-repeat;padding:10px 10px 0 10px; width:920px;}
.comparison table{width:100%;}
.comparison h3{background:url(../assets/images/layout/comparison-tabs.gif) #FFF; display:block; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:30px; float:left; position:absolute; margin:-40px 0 0 -10px;}
.comparison h3 span{background:url(../assets/images/layout/comparison-tabs.gif) top right; padding:0 10px; display:block;}
.comparison h3.main{float:left;}
.comparison .group{background:url(../assets/images/layout/group-backing.gif) #FFF no-repeat; margin-bottom:10px; margin-top:40px;}
.comparison .group.top{margin-top:30px;}
.comparison .group div{background:url(../assets/images/layout/group-backing.gif) -920px bottom no-repeat;padding:10px;}
table td{text-align:center; width:79px; line-height:30px;}
table td.first{padding-left:10px; width:110px; text-align:left;}
table tr.alt td.first{background:url(../assets/images/layout/bg-row.gif) left;}
table tr.alt td.last{background:url(../assets/images/layout/bg-row.gif) right;}
table tr.alt td{background:#D5EFF2;}
table tr.alt .alt{background:#E2F4F6;}
table td img{margin:5px 0 -4px 0;}
table.heading{width:782px; position:absolute; margin:-39px 0 0 118px;}
table.heading.no-hosts{width:130px; margin-bottom:0;}
.double-line{line-height:14px; height:29px;}
table.heading td{padding:0 2px; width:75px; overflow:hidden;}
table.heading td a{background:url(../assets/images/layout/comparison-tabs.gif) #D5EFF2 left -30px; display:block;}
table.heading td a span{background:url(../assets/images/layout/comparison-tabs.gif) right -30px; display:block; line-height:29px;}
table.heading td a:hover{background:url(../assets/images/layout/comparison-tabs.gif) #FFF; display:block;}
table.heading td a:hover span{background:url(../assets/images/layout/comparison-tabs.gif) right top; display:block;}