/*  
Theme Name: Phentramin Reviews
Theme URI: http://phentramin-customer-reviews.com/
Description: Custom theme for phentramin-customer-reviews.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;
}

#yui-main p {
	margin-bottom: 1em;
	line-height: 18px;
}

#yui-main p strong {
	font-weight: bold;
	color: #004899;
}

/* 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: 16px;
}

#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.gif');
	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: top left;
	background-repeat: no-repeat;
}

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

/* HEADING */

#yui-main h2 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #242424;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 13px;
	margin-top: 20px;
}

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

#yui-main h3 {
	color: #525252;
	text-transform: capitalize;
	font-size: 140%;
	font-family: Tahoma;
	letter-spacing: -1px;
	font-weight: bold;
}

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

#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 */

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

.orderbox table {
	width: 100%;
}

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

.orderbox table tr.alt {
	background-color: #feeaf5;
}

.orderbox table td {
	vertical-align: center;
	padding: 10px;
}

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

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

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

.orderbox 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;
}

.orderbox table td.price {
	font-weight: bold;
	font-size: 18px;
	color: #ce368f;
	text-align: center;
}

.orderbox table td.sale {
	font-size: 17px;
	color: #ec2429;
	text-align: center;
}

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


/* LISTS */

ul.jewel-list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: -2px;
	margin-bottom: 15px;
	margin-left: 12px;


}

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

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

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

ul.jewel-list 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-list li.last a {
	background-image: none;
}

/* LARGE LIST */

ul.large-list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: -2px;
	margin-bottom: 15px;
	margin-left: 2px;


}

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

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

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

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

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


/** Review Top Table **/

/* ScoreChart */

.reviewtop {
	
	padding: 0px;

}

.reviewtop table {
	border: none;

}

.reviewtop table td {
	font-family: Arial, Helvetica, sans-serif;

}

.reviewtop table td.left {
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 20px;


}

.reviewtop table td.priceleft {
	vertical-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 20px 0px 0px;



}

.reviewtop table td.priceright {
	vertical-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-weight: bold;


}
.reviewtop-hostname {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.reviewtop-hostlink {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066CC;
}

/** Clear Table **/

.clear-table {
	margin-bottom: 19px;
	padding: 0px;
}

.clear-table td {
	text-align: left;

}

.clear-table td.right {
padding-left: 10px;
}

.clear-table h5 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	padding-bottom: 8px;
}

/** Green Graph **/

#graph-holder {
	float: right;
	padding: 10px;
}

    .graph {
	position: relative;
	width: 180px;
	border: 1px solid #B1D632;
	padding: 2px;
	margin-left: 3px;
	margin-right: 11px;
	margin-bottom: 5px;
	background-position: left;

    }
    .graph .bar {
	display: block;
	position: relative;
	background: #DDEDA5;
	text-align: left;
	color: #333;
	height: 1.8em;
	line-height: 1.9em;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;
	white-space: nowrap;

    }
    .graph .bar span {
	position: absolute;
	left: 1em;
	white-space: nowrap;
}


/** Blue Graph **/

    .graph-blue { 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 1px solid #5F9FE7; 
        padding: 2px; 
    }
    .graph-blue .bar {
	display: block;
	position: relative;
	background: #CAE8FF;
	text-align: left;
	color: #333;
	height: 1.8em;
	line-height: 1.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;

    }
    .graph-blue .bar span { position: absolute; left: 1em; }



/* Table CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tableTop {
	background:transparent url(images/chart/tableTop.gif) repeat-x top left;
	text-align:center;
	font: bold 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#fff;
}
.tableTopLeft {
	border-left: 1px solid #ff6600;
}
.tableTopRight {
	border-right: 1px solid #ff6600;
}
.borderLeft {
	border-left: 1px solid #b8d5e9;
}
.borderRight {
	border-right: 1px solid #b8d5e9;
}
.bannerBG {
	background:transparent url(images/chart/bannerBG.gif) repeat-x top left;
	height:161px;
	text-align:center;
}
.reviewBG {
	background:transparent url(images/chart/reviewBG.gif) repeat-x top left;
	height:46px;
	text-align:center;
}
.blueBG {
	background:transparent url(images/chart/blueBG.gif) repeat-x top left;
	height:28px;
	text-align:center;
}
.blueHeading {
	background:transparent url(images/chart/blueHeading.gif) no-repeat top left;
	height:28px;
	text-align:center;
	font: bold 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#ecf6fc;
}
.optionsBG {
	background:transparent url(images/chart/optionsBG.gif) repeat-x top left;
	height:25px;
	text-align:center;
	font-size: 12px;

}
.optionsHeading {
	background:transparent url(images/chart/optionsHeading.gif) no-repeat top left;
	height:25px;
	text-align:center;
	font: bold 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#22517f;
}
.optionPrice {
	font: bold 9pt Arial, Helvetica, sans-serif;
	color:#ac1800;
}
.optionPriceEnd {
	color:#ac1800;
	border-right: 1px solid #b8d5e9;
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-weight: bold;

}
.ratingsBG {
	background:transparent url(images/chart/ratingsBG.gif) repeat-x top left;
	height:34px;
	text-align:center;
	font: bold 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#ff840c;
	line-height:15px;
}
.ratingsHeading {
	background:transparent url(images/chart/ratingsHeading.gif) no-repeat top left;
	height:34px;
	text-align:center;
	font: bold 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#22517f;
}
.bottomBG {
	background:transparent url(images/chart/bottomBG.gif) repeat-x top left;
	height:9px;
}
/** Summary Table **/

.summarytable {
	border: 1px dashed #D4D4D4;
	padding: 6px;
	margin: 5px 0 25px;

}

.summarytable table {
	width: 100%;
	background-color: #F8F8F8;
	padding: 4px;



}
.summarytable h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 8px;
}

.summarytable strong { color: #000000;}


.summarytable table tr {
}

.summarytable table td {
	vertical-align: center;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;


}

.summarytable table td.left {
	vertical-align: center;
	padding: 2px 15px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;


}


/** Top Table next to the host screenshot **/
.topcomparetable {
	padding-top: 16px;
	width: 100%;


}

.topcomparetable table {
	padding: 4px;
	border: 1px solid #e6e6e6;
	width: 100%;


}


.topcomparetable table td.left {
	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;
	background-color: #EFEFEF;
	padding-left: 4px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;


}
.topcomparetable table td.left-top {
	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;
	background-color: #EFEFEF;
	padding-left: 4px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;

}
.topcomparetable table td.right {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F9F9F9;
border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;


}
.topcomparetable table td.right-top {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F9F9F9;



}


.order-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.order-table {
	border: 1px solid #276fb6;
}
.order-row {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	background-color: #dcf1ff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;



}
.order-productname {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(images/phentramin/order/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 33px;
	background-color: #dcf1ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.order-row-pop {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	background-color: #fff8ce;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;


}
.order-productname-lite {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(images/phentramin/order/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 33px;
	background-color: #e7f5ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}
.order-row-lite {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	background-color: #e7f5ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}
.order-productname-pop {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(images/phentramin/order/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 33px;
	background-color: #fdffdf;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#order-phentramin-table a:link {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#order-phentramin-table a:visited {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#order-phentramin-table a:active {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#order-phentramin-table a:hover {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.order-phentramin-d {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(/images/phentramin-d/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 37px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #dcf1ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.order-phentramin-d-lite {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	border-right-color: #276fb6;
	border-bottom-color: #276fb6;
	border-left-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(/images/phentramin-d/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 37px;
	padding-top: 11px;
	padding-bottom: 5px;
	background-color: #e7f5ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}

.order-phentramin-d-pop {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #276fb6;
	font-weight: bold;
	font-size: 12px;
	background-image: url(/images/phentramin-d/pill.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 37px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF8CE;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}