/*  
Theme Name: CompareBestFatBurners.com
*/

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

/* HEADING */

#right-col h1 strong,
#right-col h2 strong,
#right-col h3 strong
 {font-weight:normal;}

.alignr {text-align:right;}
.alignl {text-align:left;}
.alignc {text-align:center;}

div.online {padding: 7px 0 0;font-size:0.9em;color:#666;}

#right-col a {color:#0066CC;}

#right-col h1 {
	font-size: 200%;color: #990000;	font-weight: bold;	margin-bottom: 0.5em;
}

#right-col h1 a {
	color: #c10000;	text-decoration: none;
}

#right-col h2 {
	font-size: 150%;color: #000000;	font-weight: bold;	margin-bottom: 0.7em;	margin-top: 1em;
}

#right-col h2.alt {
	font-size: 150%;color: #0066CC;	font-weight: bold;	margin-bottom: 0.7em;	margin-top: 1em;
}

#right-col h2.alert {
	font-size: 150%;color: #ff0000;	font-weight: bold;	margin-bottom: 0.7em;	margin-top: 1em;
}

#right-col h2 a {
	text-decoration: none;
}

#right-col h3 {
	font-size: 140%;	color: #393939;	font-weight: bold;	padding-bottom: 0.1em;	margin-bottom: 0.4em;	margin-top: 1em;
}

#right-col h4 {
	font-size: 115%;	color: #393939;	font-weight: bold;	padding-bottom: 0.1em;	padding-top: 20px;	margin-bottom: 0.7em;	margin-top: 0.9em;
}


#wrapper {width:974px;padding:0; min-height: 100%;height: auto !important;height: 100%;margin: 0 auto;}

#right-col .content p { font-size: 108%; line-height: 1.7em; margin-bottom: 1em;}

.entry p { font-size: 108%; line-height: 1.7em; margin-bottom: 1.1em;}

#right-col .commenttext p { line-height: 1.4em; font-size: 100%; margin-bottom: .8em;}

.center {text-align:center;}
.right {float:right;padding: 0 0 10px 10px;}
.left {float:left; padding: 0 10px 10px 0;}

.highlight {background-color:#FFFF00;color:#000;padding:2px;}
.call {	font-weight:bold;}

a.call-alert {color:#ff0000;font-weight:bold;}

a.cta-link {font-size:1.2em;}

.call-center {font-weight:bold;text-align:center;padding: 5px 0;}

/* Page */

#right-col {
	width: 508px;float:left;background-color: #fff;padding: 14px;	border: 1px solid #dddddd;	margin: 0 0 17px 17px;text-align:left;	
}

/* HEADER */

#header {
	position: relative;	height: 90px;
}

#header .logo {
	float: left;
}

#logo {
	display: block;width: 400px;height: 90px;
	background-image: url('images/best-fat-burners-logo.jpg');background-repeat: no-repeat;
	text-indent: -900px;
}

#logo:hover {
	/*background-image: url('images/header-logo-mo.jpg');*/
}

#header .lifestyle {
	position: absolute;background-color: #f2f6f6;
	top: 0;right: 0;height: 90px;
}

#header ul.topnav {
	position: absolute;background-color: #f2f6f6;padding: 10px;margin:0;
	top: 30px;left: 430px;	
}

#header ul.topnav li {display:inline;float:left;padding: 0 10px;}
#header ul.topnav li a {color:blue;font-size:1.2em;text-decoration:none;}
#header ul.topnav li a:hover {color:orange;font-size:1.2em;text-decoration:none;}

/* BODY */

#bd {
	background-position: top;	background-repeat: repeat-x;	padding: 13px 0 35px;	margin-top: 14px;
}

#bd #right-col .content {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #dddddd;
	margin-bottom: 17px;
	text-align:left;
}

/* BODY CONTENT */

.red {color:#ff0000;}

a.buy {font-weight:bold;}

#bd #right-col .content b, #bd #right-col .content strong {
	color: #002e6b;	font-weight: bold;
}

#bd #right-col .content ul {padding:0;margin: 5px 20px; }

#bd #right-col .content ul li {
	margin-bottom: 1em;
}

ul.blue-arrow li {
	padding: 2px 5px 2px 20px;
	list-style-type: none;
	background-image: url('images/blue-arrow.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
}

ul.pros li {
	padding: 2px 5px 2px 20px;
	list-style-type: none;
	background-image: url('images/icon-positive.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	line-height:1.3em;
}

ul.cons li {
	padding: 2px 5px 2px 20px;
	list-style-type: none;
	background-image: url('images/icon-negative.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	line-height:1.3em;
}
ul.green-tick,
ul.green-tick-big,
ul.green-tick-small,
ul.cons li,
ul.pros li
{
	margin: 10px 10px;
}

ul.green-tick li {
	padding: 5px 5px 10px 30px;
	list-style-type: none;
	background-image: url('images/green-tick.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	line-height:1.5em;
}

ul.green-tick-big li {
	padding: 5px 5px 10px 30px;
	list-style-type: none;
	background-image: url('images/big-green-tick.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	line-height:1.5em;
}

ul.green-tick-small li {
	padding: 2px 5px 5px 22px;
	list-style-type: none;
	background-image: url('images/small-green-tick.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	line-height:1.5em;
}

#bd #right-col a:visited { color: #0066FF;}
#bd #right-col a:hover { color: #FF9900;}

ul.criteria {
	font-size:1.1em;margin:0;
}

ul.criteria li {padding: 10px 0;list-style:none;}

/* SIDE BAR */

#sidebar {	width:200px;text-align:left;float:left;}

#sidebar-right {width:200px;text-align:left;float:right;}

#sidebar .box,
#sidebar-right .box,
#sidebar-right .box-green,
#sidebar-right .box-red
{
	margin-bottom: 8px;
}


#sidebar .box h3.title,
#sidebar-right .box h3.title {
	width: 200px;
	background-image: url('images/box-title-bg.gif');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	height: 22px;
	padding: 7px 14px 0;
	color:#fff;font-weight:bold;
}

#sidebar-right .box-green h3.title
{
	width: 200px;
	background-image: url('images/box-title-green-bg.jpg');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	text-align:center;
	font-size:1.2em;
	height: 22px;
	padding: 5px 0 0;
	color:#000;font-weight:bold;
}

#sidebar-right .box-red h3.title
{
	width: 200px;
	background-image: url('images/box-title-red-bg.gif');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	text-align:center;
	font-size:1.2em;
	height: 22px;
	padding: 5px 0 0;
	color:#fff;font-weight:bold;
}

#sidebar .box .content,
#sidebar-right .box .content,
#sidebar-right .box-green .content,
#sidebar-right .box-red .content
 {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #dddddd;
}

#sidebar .box .content-ads,
#sidebar-right .box .content-ads {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #dddddd;
	text-align:center;
}
/* FOOTER */

#ft {
	background-image: url('images/footer-bg.gif');
	background-position: top;background-repeat: repeat-x;background-color: #fff;
	height: 40px;
	padding: 14px 0px;
	font-size: 85%;
	width: 100%;
}

#ft .content
{
	width: 974px;
	margin: 0 auto;
}

#ft .content p.statement {color:#777;padding:30px 0 10px;}

#ft .nav li {
	float: left;
}

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

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

#ft .copyright {
	float: right;
	color: #323232;
}

/* Alert panels */

div.alert-rating, 
div.alert-yellow, 
div.alert-red,
div.alert-blue {
	padding: 5px; margin: 7px 0 ;
}

div.alert-yellow h5, 
div.alert-red h5,
div.alert-blue h5
{padding:5px 0 0;margin:0;font-size:1.2em;font-weight:bold;}

div.alert-rating {border: 2px solid #ccc;background-color:#f8f8f8;text-align:center;font-size:1.2em;font-weight:bold;}
div.alert-yellow {border: 1px solid #ccc;background-color:#F9FFD2;}
div.alert-red { border: 1px solid #ffaaaa;background-color: #ffeeee;}
div.alert-blue {border: 1px solid #CCCCFF;background-color: #E5E5FD;}

/* Ratings */

div.rating-mini{ padding: 10px; margin: 30px auto 30px;width:90%;border:1px solid #eee;}

div.rating-mini h5
{padding:5px 0 0;margin:0;font-size:1.4em;font-weight:bold;}


div.rating-box { background-color: #fff;padding: 14px;	border: 1px solid #ddd;width:90%;}

td.rating {width:280px;}
td.product {width:210px;text-align:center;}
td.rating div.row {padding:2px 0;margin:0;clear:left;/*border:solid 1px red; */}

p.label {font-weight:bold;font-size:0.9em;float:left;width:49%;text-align:left;}
p.rating {float:right;text-align:right;width:49%;} 
p.label-overall {font-weight:bold;font-size:1.1em;width:49%;float:left;}
	
/* UNIVERSAL */

.clear {
	clear: both;
}

/* LISTS */

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

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

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

ul.jewel li.one {
	padding-left: 23px;
	background-image: url('images/number1.jpg');
	background-repeat: no-repeat;
	background-position:left ;
	font-size:1.2em;
}

ul.jewel li.two {
	padding-left: 23px;
	background-image: url('images/number2.jpg');
	background-repeat: no-repeat;
	background-position:left ;
	font-size:1.2em;
}


ul.jewel li.three {
	padding-left: 23px;
	background-image: url('images/number3.jpg');
	background-repeat: no-repeat;
	background-position:left ;
	font-size:1.2em;
}

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

ul.jewel li a { 
	display: block;
	padding: 5px 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;
}

ul.jewel li.last {
	padding-left: 13px;
	background-image: none;
	background-repeat: no-repeat;
	background-position:left ;
	font-weight:normal;
}


/* Data entry form */

.entry .postmetadata {	text-align: center;border-bottom: 1px dotted #ccc;padding: 10px 0 10px 0;	}

p.tags {font-size:0.9em;border:1px solid #88B6FF;padding:10px;display:block;clear:both;background:#E0ECFF;margin:20px auto;}


p.meta {font-size:0.9em;color:#aaa;padding: 0 0 15px;}

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

sup {
	font-size: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* LISTS */

ul.jewel-list {
	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: normal;
	margin-top: 8px;margin-bottom: 25px;margin-left: 12px;margin-right: 12px;
	background-color: #F9FDFF;	border: 1px solid #DDEAF7;	padding: 10px 5px 1px;	width: auto;
}

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

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

ul.jewel-list li {
	padding-left: 22px;	line-height: 20px;	margin-bottom: 1em;
	background-image: url('images/green-tick.gif');	background-repeat: no-repeat;	background-position: left;
}


/* Jewel List Indented */

ul.jewel-list-indented {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-color: #F9FDFF;
	border: 1px solid #DDEAF7;
	padding: 10px 5px 1px;
	clear: both;	
}

ul.jewel-list-indented img {
	padding-top: 14px;
	padding-right: 30px;
}

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

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

ul.jewel-list-indented li {
	padding-left: 19px;
	background-image: url('images/blue-arrow.png');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 14px;

}



/* Jewel List Large */
ul.jewel-list-large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 12px;
	background-color: #F9FDFF;
	border: 1px solid #DDEAF7;
	padding: 5px;
	width: auto;
	list-style-type: none;
}

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

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

ul.jewel-list-large li {
	padding-left: 19px;
	background-image: url('images/blue-arrow.png');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 25px;
	list-style-type: none;
}

ul.jewel-list-large li a {

	padding: 8px 0px;
}

ul.jewel-list-large 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: 13px;
	background-image: url('images/l-arrow.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;
}


/* comparisons */

table.compare {border:solid 1px #93BEFF;text-align:center;margin: 0 0 30px;}
table.compare .th {text-align:center;font-weight:bold;}

table.compare td {border-bottom:solid 1px #ccc;text-align:center;padding: 5px 0;}
table.compare td.alt {border-bottom:solid 1px #ccc;background-color:#f8f8f8;padding: 5px 0;}

table.compare td.voted, table.compare th.voted{background-color:#CFE2FF;}

.label {font-weight:bold;}

table.compare p {padding:0;margin:0;}



blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #BBD6EF;
	background-color:#E4F3FA;
	}

blockquote p {margin-left:10px;margin-right:10px;}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}