/*
Theme Name: eCommerceWebsite.net

*/


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#wrapper {
	position: relative;
	width: 100%;
	color:#666;
}
img {
	border:none;
}
img.alignleft {
	float:left;
	padding:0 10px 5px 0;
}
img.alignright {
	float:right;
	padding:0 0 5px 10px;
}
p {
	margin:0 0 1em 0;
	font-size:12px;
}

a {
	color:#2f7bb5;
	text-decoration:none;
}
.rel {
	position:relative;
}
a:hover {
	color:#225983;
	text-decoration: underline;
}
.block {
	clear:both;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.tac {
	text-align:center;
}
sup.ast {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.container {
	width:960px;
	margin: 0 auto;
}
.sp {
	background-image:url(images/websitehosting-sprite.png);
	background-repeat:no-repeat;
	display:inline-block;
}
#header {
	clear:both;
	height:52px;
	background-color:#f0f0f0;
	margin: 0 0 7px 0;
}
#header .logobox {
	float:left;
}

.nav {
	font-family:'Roboto',Arial,Helvetica,sans-serif;
	float:right;
	width:auto;
	margin: 15px 0 0 0;
}

ul.main-menu {
	list-style: none;
	background-color:#e1e1e1;
	margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
ul.main-menu li { 
	display: inline;
}
ul.main-menu li a {
	float: left;
	text-decoration: none;
	color:#666;
	padding:2px 25px;
	font-size: 12px;
	margin: 0 0 0 15px;
}

ul.main-menu li a:hover, ul.main-menu li a:active {
	background:#FFF;
	border-top:1px solid #2277df;
}

#footer .logobox {
	float:left;
	width:25%;
	height: 70px;
	margin: 10px 0 0 0;
}
.headeritems .slogan, #footer .slogan {
	display:block;
	width:100%;
	text-align:center;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-style:italic;
	position:absolute;
	bottom:5px;
	left:0;
	color:#333;
}
.headeritems .sp.logo, #footer .sp.logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.headeritems span.vertcl, #footer span.vertcl {
	position:absolute;
	height:15px;
	padding: 5px 10px 10px 55px;
	background-color:#696969;
	color:#FFF;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	z-index:1;
	top: 12px;
	left: 80px;
}
.headeritems span.sp.searchico, #footer span.sp.searchico {
	background-position: -105px 0px;
	width: 17px;
	height: 14px;
	position: absolute;
	z-index: 3;
	top: 19px;
	right: 114px;
}
span.sp.greyheart {
    background-position: -155px -42px;
    width: 22px;
    height: 20px;
}
.sp.logo {
	background-position: 0px 0px;
	width: 102px;
	height: 43px;
}
/* ==========================================================================
   Left content
   ========================================================================== */
#leftcontent {
	float:left;
	width:720px;
	padding:0 10px 0 0;
	border-right:1px dashed #CCC;
}


.ctabox button {
  -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
  -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
  box-shadow:inset 0px 1px 0px 0px #cae3fc;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  background-color:#79bbff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #469df5;
  display:inline-block;
  color:#ffffff;
  font-size:17px;
  font-weight:bold;
  padding: 10px 30px;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:1px 1px 0px #287ace;
  -webkit-transition: padding .2s linear, margin .2s linear;  
    -moz-transition: padding .2s linear, margin .2s linear;    
    -o-transition: padding .2s linear, margin .2s linear;    
    -ms-transition: padding .2s linear, margin .2s linear;    
    transition: padding .2s linear, margin .2s linear;    
	width:96%;
}
.ctabox button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
  background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background-color:#4197ee;
  cursor:pointer;
}
ul.linkblock {
	display:inline-block;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;
	font-size:12px;
	width:15%;
}

/* ==========================================================================
   Listing
   ========================================================================== */
.ltbox {
	clear:both;
	x-background-color:#cff5ff;
	padding:15px 0;
	text-align:center;
	font-family:'Roboto',Arial,Helvetica,sans-serif;
	font-size:29px;
	color:#004eb7;
	margin:0 0 10px 0;
}
.sp.jpaper {
	background-position: 0px -97px;
	width: 41px;
	height: 52px;
}
.ltbox .sp.logo {
	position:absolute;
	top:12px;
	left:6%;
}
.ltbox .sp.jpaper {
	position:absolute;
	right:14%;
	bottom:6px;
}
.lst {
	clear:both;
	border: 1px dashed #ccc;
	margin:10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.listitem {
  clear:both;
  border:1px solid #666;
  border-top:3px solid #00608d;
  padding:12px;
  margin:0 0 25px 0;
  -webkit-transition: border-top 0.3s linear, -webkit-box-shadow 0.3s linear;
  -moz-transition: border-top 0.3s linear, -moz-box-shadow 0.3s linear;
  -ms-transition: border-top 0.3s linear, box-shadow 0.3s linear;
  -o-transition: border-top 0.3s linear, box-shadow 0.3s linear;
  transition: border-top 0.3s linear, box-shadow 0.3s linear;
}
.listitem:hover {
  border-top:3px solid #09F;
  -webkit-box-shadow: 0 8px 6px -6px #CCC;
     -moz-box-shadow: 0 8px 6px -6px #CCC;
          box-shadow: 0 8px 6px -6px #CCC;
}
.listitem.numone {
  border:1px solid #ed1c24;
  border-top:3px solid #ed1c24;
  -webkit-box-shadow: 0 8px 6px -6px #CCC;
     -moz-box-shadow: 0 8px 6px -6px #CCC;
          box-shadow: 0 8px 6px -6px #CCC;
}
.listitem.numone:hover {
  border-top:3px solid #F60;
  -webkit-box-shadow: 0 8px 6px -6px #FFF;
     -moz-box-shadow: 0 8px 6px -6px #FFF;
          box-shadow: 0 8px 6px -6px #FFF;
}
.listing {
	clear:both;
	padding:0 10px;
}
.leftbox {
	float:left;
}
.rightbox {
	float:right;
}
.listitem .ranking {
	display:block;
	background-color:#2277df;
	color:#FFF;
	position:absolute;
	width:30px;
	height:30px;
	text-align:center;
	padding: 10px 6px 2px 6px;
	top: -11px;
	left: -11px;
	font-weight:700;
	font-size:21px;
	line-height:1em;
}
	
.numone.listitem .sp.ranking {
	x-background-position: -91px -45px;
	x-width: 41px;
	x-height: 62px;
	x-position: absolute;
	x-top: -5px;
	x-left: -28px;
	x-background-color:transparent;
}
.listitem .topcontent {
	clear:both;
	border-bottom:1px dashed #CCC;
	padding:0 0 5px 0;
}

.listitem .logobox {
	float:left;
	width:31%;
	text-align:center;
}
.listitem .logobox img {
	max-width:100%;
}
.listitem .ratebox {
	float: left;
	width: 22%;
	margin: 0 0 0 40px;
	line-height:1em;
}
.listitem .txtrate {
	width:70%;
	float:right;
	text-align:center;
}
.listitem .ratebox .leftbox {
	width:30%;
}
.listitem .ratebox .floatleft {
	width:40%;
	text-align:right;
}
.listitem .ratebox .txtoot {
	width:50%;
	float:right;
}
.listitem.numone .ratebox .floatleft {
	margin:0;
}
.listitem .oot {
	font-style:italic;
	font-size:15px;
}
.listitem .ratxt {
	text-transform:uppercase;
	font-size:15px;
	font-weight:300;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}
.listitem .ctabox {
	float:right;
	width:30%;
	text-align:center;
}
.listitem .numrate {
	font-weight:700;
	font-size:30px;
	color:#6f6f6f;
	line-height:0.89em;
}
.listitem .sp.trophy {
	display:none;
}
.numone.listitem .numrate {
	font-size:43px;
	color:#e40000;
}
.numone.listitem .sp.trophy {
	display:inline-block;
}
.sp.trophy {
	background-position: -53px -45px;
	width: 34px;
	height: 51px;
}
.listitem .bottomcontent {
	clear:both;
	padding:10px 0 0 0;
	font-size:12px;
}
.listitem .bottomcontent .leftbox {
	width:35%;
	margin:0 15px 0 0;
}
.listitem .bottomcontent .rightbox {
	width:62%;
}
.bestfor {
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	color:#6f6f6f;
}
.numone .bestfor {
	color:#e40000;
	font-size:18px;
}
.sp.ministar {
	width: 86px;
	height: 17px;
}
.sp.ministar.fivestar {
	background-position: 0px -243px;
}
.sp.ministar.fourhalfstar {
	background-position: 0px -261px;
}
.sp.ministar.fourstar {
	background-position: 0px -279px;
}
.sp.ministar.threehalfstar {
	background-position: 0px -297px;
}
.listitem sup.ast {
	top:-1em;
}
.listitem span.ctabtn {
	margin:0 0 5px 0;
}
span.ctabtn {
   -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
  -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
  box-shadow:inset 0px 1px 0px 0px #fff6af;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
  background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
  background-color:#ffec64;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #ffaa22;
  display:inline-block;
  color:#333333;
  font-size:14px;
  font-weight:bold;
  padding: 10px 40px;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:1px 1px 0px #ffee66;  
  -webkit-transition: padding .2s linear, margin .2s linear;  
    -moz-transition: padding .2s linear, margin .2s linear;    
    -o-transition: padding .2s linear, margin .2s linear;    
    -ms-transition: padding .2s linear, margin .2s linear;    
    transition: padding .2s linear, margin .2s linear;    
}
span.ctabtn:hover {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
  background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
  background-color:#ffab23;
  cursor:pointer;
}
span.ctabtn.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	border:1px solid #83c41a;
	text-shadow:1px 1px 0px #689324;
	color:#ffffff;
}
span.ctabtn.green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}
.widget span.ctabtn.green {
	padding: 8px 30px;
}
/* ==========================================================================
   Sidebar
   ========================================================================== */
#sidebar {
	float:right;
	width: 22%;
	padding:0 0 0 10px;
}
#sidebar sup.ast {
    top: -0.1em;
}
.widget a, a.gblue{
    color:#1122cc;
    text-decoration:underline;
}
.widget a:hover, a.gblue:hover {
    text-decoration: none;
}
.widget {
	clear:both;
	border-bottom:1px dashed #CCC;
	padding:0 0 10px 0;
	text-align:left;
	margin:0 0 20px 0;
	font-size:12px;
}
.widget .title {
	clear:both;
	font-weight:700;
	font-size:15px;
	color:#757575;
	padding:0 0 10px 0;
}
.widget .content {
	text-align:left;
}
.widget .sp.check {
    margin:0 10px 0px 0;
}
.sp.hshake {
	background-position: -46px -104px;
	width: 43px;
	height: 44px;
}
.recruit .sp.hshake {
	float:left;
	margin:0 0 10px 20px;
}
.recruit .rightbox {
	width:60%;
	font-size:14px;
}
.widget ul.linkblock {
	width: auto;
	margin: 0 15px 0 0;
}
.widget .item {
	clear:both;
	padding:0 0 15px 0;
}
.widget .item .title {
	font-size:14px;
	font-style:italic;
}
.widget.mpopular a {
    text-decoration:none;
}
.widget.mpopular a:hover {
    text-decoration:underline;
}
/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
	clear:both;
	margin:20px 0 0 0;
	border-top:1px solid #CCC;
	padding:15px 0;
	color:#666;
}
ul.footermenu {
	display:block;
	float:right;
	list-style:none;
	width:44%;
	margin:30px 0 0 0;
}
ul.footermenu li {
	float:left;
	display:inline-block;
	margin:0 14px;
	font-size:12px;
}
.disclaimer {
	padding:15px 0 0 0;
	clear:both;
	font-size:12px;
}
/* ==========================================================================
   Compare Chart Page
   ========================================================================== */
.intro h2, .intro .h2 {
	font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
	color: #0067a1;
	font-size: 31px;
	margin:0;
	padding:0;
}  
.intro {
	clear:both;
	margin:0 0 20px 0;
    border-bottom:1px dashed #CCC;
}
.intro.cf {
    border:none;
}
.sp.greycheck {
	background-position: -157px 0px;
	width: 21px;
	height: 18px;
}
.numone .sp.greycheck {
	background-position:-157px -18px;
}
.sp.miniribbon {
	background-position: -125px 0px;
	width: 28px;
	height: 37px;
    z-index:9;
}
.empty {
	visibility: hidden;
}
.row {
	clear:both;
	padding:15px;
	height:35px;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
	color:#666;
}
.label-col {
	font-size:12px;
	color:#666;
	width:17%;
	float:left;
}
.label-col .row {
	text-align:left;
	border-right:1px solid #cedbc0;
}
.row.row-subtitle {
	border-right:none;
	font-size:22px;
	color:#0067a1;
	height:29px;
	background-color:#FFF;
}
.ie7 .row.row-subtitle {
	background-color:transparent;
}
.ie7 .row.row-subtitle .abs {
	width:712px;
	height:39px;
	top:0px;
	padding:20px 0 0 0;
}
.table-col .row.row-subtitle {
	position:relative;
}
.row.row-cta {
	height:95px;
	padding:5px;
}
.data-col {
	float:left;
	width:16.59%;
}
.abs {
	position:absolute;
}
.row-subtitle.row .abs{
	top: 20px;
	left: 5px;
	width: 500px;
	height:35px;
	display:block;
	z-index:88899;
	position:absolute;
	background-color:#FFF !important;
}


.itemc {
	clear:both;
	text-align:center;
	font-size:12px;
}
.itemc.row-cta {
	background-color:#FFF;
}
.itemc .top {
	clear:both;
	border-bottom:1px solid #CCC;
	padding: 5px 0;
	height:60px;
	position:relative;
}
.itemc .top img {
	max-width:100%;
}
.itemc .bottom {
	clear:both;
	padding:5px 0;

}
.itemc .sp.miniribbon {
	top:-5px;
	left:-22px;
}
.numone .itemc .sp.miniribbon {
	display:inline-block;
}
.itemc .sp.miniribbon {
	display:none;
}
.row.row-cta span.ctabtn{
	font-size:14px;
	padding: 10px 8px;
}
.row.end {
	border-bottom:none;
	padding:15px 3px;
	background-color:#FFF;
}
.data-col.alt {
	background-color:#f9f9f9;
}
.data-col.numone {
	background-color:#f0ffe0;
}

.data-col.numone .row {
	border-right:1px solid #cedbc0;
}
.data-col.numone .row.row-subtitle, .data-col.numone .row.end  {
	border-right:none;
}
.data-col.numone .row.row-cta {
	border-left:1px solid #cedbc0;
}
.data-col.numone .row.row-cta.end {
	border-left:none;
}
.data-col.numone .row.row-bestfor {
	color:#06F;
	font-weight:700;
}
/* ==========================================================================
   Search Results
   ========================================================================== */

.ita {
	font-style:italic;
}
.resultpages {
	clear:both;
	margin:15px 0;
}
.pages_links_left {
	float: left;
}
.pages_links_right {
	float: right;
}
.resultpages_numbers {
	width: 75%;
	margin: 0 auto;
	text-align: center;
	float: left;
}
.resultpages_numbers a {
	text-decoration: none;
}
.resultpages a {
	padding: 0.3em;
	color: #5a5a5a;
}

/* ==========================================================================
   Reviews Page
   ========================================================================== */
.reviewitem {
  font-size:13px;
  clear:both;
  border-bottom:1px dashed #CCC;
  padding:0 0 15px 0;
  margin: 0 0 15px 0;
}
.reviewitem h3 {
	margin:0;
	padding:0;
	font-size:26px;
}
.reviewitem .rateline {
  font-size:16px;
  padding: 10px 0;
  line-height: 1.8em;
  font-style:italic;
}
.reviewitem .brite {
	font-weight:700;
	font-size:30px;
	color:#C00;
	font-style:normal;
}
.reviewitem .leftcol {
  width: 73%;
  padding: 0 20px 0 0;
  float:left;
}
.reviewitem .rightcol {
  float:right;
  width:24%;
  text-align:center;
}
.reviewitem .rightcol img {
  max-width:100%;
  float:none;
  margin:0;
}
/* ==========================================================================
   Normal Stars
   ========================================================================== */
.sp.star-rating {
	width: 118px;
	height: 22px;
}
.sp.star-rating.fivestar {
	background-position: 0px -152px;
}
.sp.star-rating.fourhalfstar {
	background-position: 0px -175px;
}
.sp.star-rating.fourstar {
	background-position: 0px -198px;
}
.sp.star-rating.threehalfstar {
	background-position: 0px -221px;
}

/* ==========================================================================
   Individual Review Pages
   ========================================================================== */
.reviewp h2 {
  margin:0;
}
.reviewp ul {
  list-style: disc;
  padding:0;
  font-size:13px;
  margin:0 0 0 40px;
}
.reviewp li {
  margin:0 0 15px 0;
}

.reviewp h2.title {
  color:#0067a1;
  font-size:35px;
  padding: 15px 0 0 0;
  font-weight:300;
  border-bottom:1px solid #CCC;
  margin:0 0 10px 0;
}
.reviewp h3.subtitle {
  font-size:27px;
  color:#0067a1;
  border-bottom:1px solid #CCC;
  font-weight:300;
  padding: 10px 0 5px 0;
  margin:10px 0;
}
.reviewp .block span.ctabtn {
  margin: 0 auto;
  text-align:center;
}

.reviewp p {
  font-size:13px;
  line-height:1.5em;
}
.reviewp table {
  clear:both;
  width:100%;
  border:1px solid #CCC;
  margin:0 0 10px 0;
}
.reviewp tr {text-align:center; }
.reviewp table td {
  padding:5px;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.reviewp thead tr {
  color:#FFF;
  background-color:#688a97;
}
.reviewp tr.feature-row-bg {
  background: #CCC;
  color: #FFF;
}
.reviewp table td.tableSubtitle { 
  background: #f1f1f1; 
  color: #666666; 
}
.reviewp .imgbox {
  width:45%;
  text-align:center;
}
.reviewp .imgbox.left {
  float:left;
}
.reviewp .imgbox.right {
  float:right;
}
.reviewp .imgbox.center {
  clear:both;
  margin:20px 0;
  width:100%;
}
.reviewp .imgbox img {
  max-width:100%;
  margin:0 0 5px 0;
  border:1px solid #CCC;
}
.reviewp .imgbox p {
  font-style:italic;
}
.reviewp .imgbox span.subtitle {
  font-weight:700;
  font-size:16px;
  color:#666;
}
.reviewp h4 {
  background: #CCC;
  color: #FFF;
  padding: 5px;
  margin: 5px 0;
}
.reviewp .block {
    text-align:center;
}
.reviewp .rateline img {
    float:left;
    margin:0 10px;
}
.reviewp .rateline {
    font-size:18px;
    font-style:italic;
    margin:0 0 5px 0;
}
.reviewp .rateline .brite {
    font-weight: 700;
    color: #2277df;
    font-size: 25px;
    font-style:normal;
}
.reviewp .rateline .floatright {
    text-align:center;
    margin:0 10px;
}
.reviewp p a {
    text-decoration:underline;
}
.reviewp p a:hover {
    text-decoration:none;
}
.reviewp .listblock {
    clear:both;
}
.reviewp .listblock ul{
    float:left;
}
.reviewp .listblock ul:last-child {
    margin:0 0 0 50px;
}
.reviewp .price-tbl {
	margin:15px auto;
	text-align:left;
	font-size:14px;
	color:#333;
}

/* ==========================================================================
   Rounding Listing Items
   ========================================================================== */
.roundbox .listitem, .roundbox .listitem .ranking {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
/* ==========================================================================
   Price Comparison Widget
   ========================================================================== */
.widget .leftcol {
    float:left;
}
.widget .rightcol {
    float:right;
}
.widget .item.alt {
    background-color:#f8f8f8;
}
.widget.price .item {
    padding:5px;
    margin:0 0 10px 0;
}

span.sp.smallgreytick {
    background-position: -117px -123px;
    width: 14px;
    height: 11px;
}
.numone span.sp.scissors {
    background-position: -153px -65px;
}
span.sp.scissors {
    background-position: -153px -88px;
    width: 25px;
    height: 21px;
}


/* ==========================================================================
   Ranking Ribbon Style 
   ========================================================================== */
.listitem .sp.ribn {
    background-position: -114px -319px;
    width: 48px;
    height: 40px;
    position: absolute;
    top: -18px;
    left: -17px;
    padding: 6px 0 0 9px;
    font-weight: 700;
    color: #FFF;
    font-size: 22px;
    text-shadow: 2px 2px 2px #0067a1;
}
.numone.listitem .sp.ribn {
	background-position: -114px -369px;
	text-shadow: 2px 2px 2px #900;
}
/* ==========================================================================
   Latest Reviews Below Listing
   ========================================================================== */
.reviews.latest h2 {
    border-bottom:1px solid #CCC;
}
.reviews.latest .reviewitem h3 {
    margin:0 0 10px 0;
}
.reviews.latest .block img {
    float:left;
    margin:0 10px 5px 0;
}

/* ==========================================================================
   Removing Stars on Feature Comparison Fix
   ========================================================================== */
.nostars .row.row-cta {
    height:75px;
}
/* ==========================================================================
   Adding asterisk to Rank ribbon
   ========================================================================== */
.numone.listitem .sp.ranking sup.ast {
    top: 13px;
    right: -12px;
}
.listitem .sp.ribn sup.ast {
    top:-5px;
}
.itemc .sp.miniribbon sup.ast {
    top: 14px;
    right: -7px;
}
/* ==========================================================================
   Business Card Vertical
   ========================================================================== */
 
.buscardlist .numone.listitem .sp.ranking {
    x-top: -22px;
}
.buscardlist .numone.listitem span.bestfor {
    position:absolute;
    top: -24px;
    left: 50px;
    display:inline-block;
}
.buscardlist .listitem .logobox {
    width: 31%;
    margin: 5px 15px 0 0;
    padding: 0 0 0 25px;
}
.buscardlist span.greenprice {
    color:#009a28;
    font-size:30px;
    font-weight:700;
    line-height:1em;
    transition: all 0.5s ease;
}
.buscardlist a span.greenprice:hover {
    color:#09c43a;
}
.buscardlist .dealbox {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    border:2px dashed #4085f5;
    padding:10px;
    text-align:center;
    font-size:13px;
    float:right;
    width:30%;
    font-weight: 700;
    color: #000;
    margin:10px 0;
    background-color:#e9fbff;
    cursor:pointer;
    transition: all 0.5s ease;
}
.buscardlist .dealbox:hover {
    border:2px dashed #1d5bbf;
    background-color:#c6f5ff;
}
.buscardlist .dealbox span.brite {
    font-weight:700;
    text-transform:uppercase;
    color:#e40000;
}
.buscardlist .numone .dealbox {
    border:2px dashed #d60500;
    background-color:#fff3f6;
}
.buscardlist .numone .dealbox:hover {
    border:2px dashed #930300;
    background-color:#ffe0ee;
}
.buscardlist .dealbox span.sp.scissors {
    position:absolute;
    top: -12px;
    left: 2px;
}
.buscardlist .pricebox {
    text-align:center;
    float:left;
    width:25%;
    font-size:12px;
    color:#666;
    margin: 10px 0 0 0;
}
.buscardlist .excerpt {
    float:left;
    width:65%;
}
.buscardlist .listitem .ctabox {
    width: 33%;
}
.buscardlist span.ctabtn {
    font-size:22px;
}


.reviews.latest .reviewitem img {
    width:20%;
}
#bizcardhide {
    display:none;
}
.reviewitem.intro img {
    float: right;
    margin: 0 0 10px 20px;
}
#sidebar span.greenprice {
    color: #009a28;
    font-size: 15px;
    font-weight: 700;
}


/* ==========================================================================
   Iframe Styling for Embedded Videos in Review Page
   ========================================================================== */
.reviewp iframe.floatright {
    margin: 0 0 10px 15px;
}



/* ==========================================================================
   Text for Hiding and Showing lineups
   ========================================================================== */
.show {
    text-align:center;
    font-size:27px;
    color:#e40000;
    display:block;
    font-weight:700;
    line-height:1.5em;
}
.show:hover {
    color:#e40000;
}
#hiddenlist {
	display: none;
}

/* ==========================================================================
   Business Cards Version 2 - Flower Style
   ========================================================================== */

.v2.buscardlist .listitem .leftcol {
    width:27%;
    padding:0 5px;
    line-height:1.5em;
    float:left;
    text-align:center;
    font-size:13px;
}
.v2.buscardlist .listitem .leftcol img {
    max-width:100%;
    margin:0 0 5px 0;
    padding: 0px 0px 0px 13px;
}
.v2.buscardlist .listitem .leftcol .rateline {
    font-weight:700;
    font-size:14px;
    margin:10px 0 0 0;
}
.v2.buscardlist .listitem sup.ast {
    top:-0.1em;
}
.v2.buscardlist .listitem .midcol {
    float:left;
    width:40%;
    padding:0 5px 0 0;
    font-size:20px;
}
.v2.buscardlist .listitem .midcol ul {
    list-style:none;
    padding:0;
    margin:12px 0 0 0;
}
.v2.buscardlist .listitem .midcol li {
    display:block;
    margin: 0 0 5px;
    line-height: 1em;
    font-weight:400;
    color:#666;
	font-size:12px;
}
.v2.buscardlist .midcol .rateline {
    text-align:center;
	margin-top:-3px;
}
.v2.buscardlist .midcol .rateline span.brite {
    font-weight:700;
    font-size:30px;
    color:#4085f5;
}
.v2.buscardlist .numone .midcol .rateline span.brite {
    color:#e40000;
}
.v2.buscardlist .listitem .midcol a {
    font-size:17px;
}
.v2.buscardlist .listitem .midcol.talltxt {
    margin:15px 0 0 0;
}
.v2.buscardlist .listitem .midcol.talltxt a {
    font-size:13px;
}
.v2.buscardlist span.sp.smallgreytick {
    margin: 0 5px 5px 0;
    float: left;
}
.v2.buscardlist .listitem .rightcol {
    float: right;
    width: 30%;
    text-align:center;
    font-size:11px;
}
.v2.buscardlist .listitem .links {
	display:inline-block;
}
.v2.buscardlist .dealbox {
    float:none;
    width: 88%;
}
.v2.buscardlist .price {
	font-weight:700;
	font-size:30px;
    color:#009a28;
}
.v2.buscardlist .pricebox {
    float:none;
    width:100%;
}
.v2.buscardlist .pricebox img {
	height: 75px;
}
.v2.buscardlist .pricebox span.txt {
    font-style:italic;
	font-size:16px;
	display: inline-block;
	padding: 0 0 10px 0;
}
.v2.buscardlist .listitem span.ctabtn {
    font-size: 20px;
    text-transform:none;
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd147), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffd147 5%, #ffab23100%);
	background:-webkit-linear-gradient(top, #ffd147 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffd147 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffd147 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffd147 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd147', endColorstr='#ffab23',GradientType=0);
	background-color:#ffd147;
    border:1px solid #ffaa22;
}
.v2.buscardlist .listitem span.ctabtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd147), color-stop(1, #ffd823));
	background:-moz-linear-gradient(top, #ffd147 5%, #ffd823 100%);
	background:-webkit-linear-gradient(top, #ffd147 5%, #ffd823 100%);
	background:-o-linear-gradient(top, #ffd147 5%, #ffd823 100%);
	background:-ms-linear-gradient(top, #ffd147 5%, #ffd823 100%);
	background:linear-gradient(to bottom, #ffd147 5%, #ffd823 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd147', endColorstr='#ffd823',GradientType=0);
	background-color:#ffd147;
}