/*  
Theme Name: Top 11 Web Hosting
Theme URI: http://top-11-web-hosting.com/
Description: Custom theme for top-11-web-hosting.com
Version: 1.0
Author: Ryan McDonnell (<a href="mailto:ryan@ryanmcdonnell.com">ryan@ryanmcdonnell.com</a>)
*/

body {
	background-image: url('images/page-background.gif');
	background-position: top;
	background-repeat: repeat-x;
}

p strong {
font-weight: bold;
}

#yui-main p {
	margin-bottom: 1em;
}

/* DOC */

#doc5 {
	width: 100%;
	margin: auto;
	text-align: center;
	min-width: 750px;
}

#doc5 .wrapper {
	width: 73.076em;
	margin: auto;
	text-align: left;
	min-width: 750px;
}

.yui-t3 .yui-b {
	float: left;
	width: 200px;
}

.yui-t3 #yui-main .yui-b {
	margin-left: 214px;
}

/* HEADER */

#hd {
	position: relative;
	height: 99px;
}

#hd .logo {
	float: left;
	margin-top: 13px;
}

#hd .nav {
	position: absolute;
	background-color: #f2f6f6;
	top: 31px;
	right: 0;
	height: 40px;
}

#hd .nav ul.left, #hd .nav ul.right {
	padding: 5px 0 5px 5px;
	float: left;
	background-image: url('images/header-nav-background.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#hd .nav ul.right {
	padding: 5px 0;
	background-position: 100% -40px;
}

#hd .nav li {
	float: left;
	margin-right: 5px;
}

#hd .nav li.current_page_item, #hd .nav li:hover {
	background-image: url('images/header-nav-item-background.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #d5e4e4;
}

#hd .nav a {
	display: block;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	color: #738787;
	_text-align: center;
	_width: 120px;
}

#hd .nav li.current_page_item a, #hd .nav li:hover a {
	background-image: url('images/header-nav-item-background.gif');
	background-repeat: no-repeat;
	background-position: 100% -30px;
	color: #556363;
}

#hd .nav li.current_page_item a {
	font-weight: bold;
}

/* SUBHEADER (Reviews and Callout) */

#subhd {
	height: 118px;
}

#subhd .reviews {
	float: left;
}

#subhd .callout {
	float: right;
}

#subhd .review {
	height: 118px;
	width: 260px;
	background-image: url('images/review-border.gif');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: 6px;
}

#subhd .review .ratings td {
	padding: 2px;
	font-size: 12px;
}

#subhd .review .ratings td img {
	vertical-align: bottom;
}

#subhd .review .content {
	padding: 10px 10px 10px 15px;
}

#subhd .review .content h3 {
	color: #f065b6;
	font-weight: bold;
	border-bottom: 1px solid #e2eaeb;
	font-size: 18px;
	margin-bottom: 6px;
}

#subhd .review .content h3 a {
	font-weight: bold;
	color: #f065b6;
	text-decoration: none;
}

#subhd .review .content .prodimage {
	float: left;
	width: 57px;
	height: 65px;
}

#subhd .review .content .avgrating {
	font-weight: bold;
}

/* BODY */

#bd {
	background-image: url('images/body-background.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #e8eeee;
	padding: 13px 0 35px;
	border-bottom: 1px solid #d6e2e2;
	margin-top: 14px;
}

#bd #yui-main .yui-b .content {
	background-color: White;
	padding: 14px;
	border: 1px solid #c5d6d6;
}

/* SIDE BAR */

#sidebar .box {
	margin-bottom: 8px;
}

#sidebar .box h3.title {
	width: 200px;
	background-image: url('images/side-title.png');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	height: 21px;
	padding: 7px 14px 0;
}

#sidebar .box .content {
	background-color: White;
	padding: 14px;
	border: 1px solid #c5d6d6;
}

/* FOOTER */

#ft {
	padding: 14px 0px;
	font-size: 85%;
}

#ft .nav li {
	float: left;
}

#ft .nav li a {
	display: block;
	padding: 0 10px;
	color: #84a5ad;
	border-left: 1px solid #dfe8e8;
	font-weight: bold;
}

#ft .nav li.first a {
	border: none;
	padding-left: 0;
}

#ft .copyright {
	float: right;
	color: #84a5ad;
}

/* UNIVERSAL */

.clear {
	clear: both;
}

/* LISTS */

ul.jewel {
	font-family: Tahoma;
	font-size: 85%;
	font-weight: bold;
	margin-top: -8px;
}

ul.jewel a {
	color: Black;
	text-decoration: none;
}

ul.jewel a:hover {
	text-decoration: underline;
}

ul.jewel li {
	padding-left: 19px;
	background-image: url('images/side-bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
}

ul.jewel li a {
	display: block;
	padding: 8px 0px;
	background-image: url('images/list-jewel-sep.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul.jewel li.last a {
	background-image: none;
}

/* LIST - CONTENT */

ul.content-jewel {
	font-family: Tahoma;
	font-size: 85%;

}

ul.content-jewel a {
	color: Black;
	text-decoration: none;
}

ul.content-jewel a:hover {
	text-decoration: underline;
}

ul.content-jewel li {
	padding-left: 19px;
	background-image: url('images/side-bullet.gif');
	background-repeat: no-repeat;
	background-position: left;

	margin-bottom: 10px;
}

ul.content-jewel li a {
	display: block;
	padding: 8px 0px;
	background-image: url('images/list-jewel-sep.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul.content-jewel li.last a {
	background-image: none;
}



/* HEADING */

#yui-main h1 {
	font-size: 200%;
	font-family: "Segoe UI", Tahoma;
	color: #207ECC;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
}

#yui-main h2 {
	font-size: 200%;
	font-family: Segoe UI, Tahoma;
	color: #25a6c6;
	font-weight: bold;
	text-transform: uppercase;
}

#yui-main h2 a {
	color: #25a6c6;
	text-decoration: none;
}

#yui-main h3 {
	color: #525252;
	font-size: 143.9%;
	font-family: Tahoma;
	padding-bottom: 2px;
	padding-top: 10px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCE0ED;

}

#yui-main h3 .highlight {
	color: #ee0707;
	text-transform: none;
}

#yui-main h4 {
	color: #525252;
	font-size: 143.9%;
	font-family: Tahoma;
	padding-bottom: 2px;
	padding-top: 10px;
	margin-bottom: 8px;

}

#respond {
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6e3e3;
}

#reviewlist {
	width: 30%;
}

#reviewlist h4 {
	font-size: 123.1%;
	color: #444444;
	margin-bottom: 13px;
}

/* Data entry form */

.dataentry {
	width: 100%;
}

.dataentry th, .dataentry td {
	text-align: left;
	vertical-align: top;
	padding: 5px 4px;
}

.dataentry th {
	padding-top: 7px;
	font-size: 12px;
	color: #444444;
	width: 6.3em;
}

.dataentry #submit {
	background-image: url('images/button-submit-review.gif');
	background-repeat: none;
	width: 141px;
	height: 29px;
	text-indent: -900px;
	border: none;
	margin-top: 10px;
	display: block;
	background-color: none;
}

.commentlist .comment {
	margin-bottom: 15px;
}

.commentlist .comment .meta {
	background-color: #fffae5;
	border-top: 1px solid #f7e3b1;
	height: 22px;
	line-height: 22px;
	color: #859b9b;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 11px;
}

.commentlist .comment .meta .author {
	color: #afc2c2;
}

.commentlist .comment .meta .author a {
	color: #afc2c2;
	text-decoration: none;
}

.commentlist .comment .commenttext {
	padding: 5px;
	font-size: 12px;
	color: #444444;
}

.commentlist .comment .commenttext .stars {
	margin-bottom: 14px;
}


/* Order box */

.comparechart {
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin: 15px 0 25px;
}

.comparechart table {
	width: 100%;
	border: 1px solid #FFFBEA;

}

.comparechart table tr {
	background-color: White;
}

.comparechart table tr.alt {
	background-color: #FEF4EB;
}

.comparechart table td {
	vertical-align: center;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;

}

.comparechart table td.first {
	padding-left: 13px;
}

.comparechart table td.name {
	font-size: 17px;
	color: #202020;
}

.comparechart table td.name .count {
	font-size: 14px;
	color: #c68dad;
}

.comparechart table td.rank {
	font-size: 12px;
	color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.comparechart table td.headings {
	font-size: 12px;
	color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}



.comparechart table td.name .freeshipping {
	color: #ed2328;
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding-left: 20px;
	background-image: url('images/icon-truck.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
}

.comparechart table td.price {
	font-size: 12px;
	text-align: center;
	color: #003399;

}

.comparechart table td.sale {
	font-size: 12px;
	color: #E80000;
	text-align: center;
}

.comparechart table td.order {
	width: 80px;
}