/*
Theme Name: Recovery Review Default
Theme URI: http://recovery-review.com/
Description: The default recovery-review.com theme based on the original recovery-review.com website design
Version: 1.0
Author: Recovery Review team
Author URI: http://recovery-review.com/
Tags: Green, custom header, fixed width, two columns, widgets

*/


/* RESET */
body, img, div, form, p, ul, h1, h2, h3, h4, h5, fieldset {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

input, select {
    padding: 0px;
    margin: 0px;
}

ul, ol {
	list-style:none;
}

td, th {
    text-align: left;
    font-weight: normal;
}

/* GLOBALS */

p, span, div, td, th, h1, h2, h3, h4, h5, li {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #003734;
    text-decoration: underline;
}

a:hover {
    color: #dd3002;
    text-decoration: none;
}

p {
	margin-bottom: 5px;
}

.center {
	text-align: center;
}


/* OVERALL STRUCTURE */

body {
	background: #22625f;
	font-size: 12px;
	color: #3a5c5a;
}

#container {
	padding-top: 12px;
	padding-right: 199px;
	padding-left: 10px;
	width: 771px;
	margin: 0px auto;
	background: #003734;
	border: 1px solid white;
}

#container .column {
	position: relative;
	float: left;
}

#center {
	width: 751px;
}

#right {
    width: 199px;
    padding: 0px 10px;
    margin-right: -640px;
}

#header, #footer {
	margin: 0px auto;
	width: 982px;
}

/* HEADER */
#header {
	padding-top: 24px;
	height: 62px;
	overflow: hidden;
}

#logo, #top-menu, #top-search {
    float: left;
    display: block;
}

#logo {
    width: 260px;
    height: 60px;
}

/* TOP MENU */
#top-menu {
	width: 490px;
	padding-top: 35px;
}

#menu {
	display: block;
	width: 240px;
	margin: 0px auto;
	height: 25px;
	overflow: hidden;
}

#menu li {
	margin: 0px;
	list-style: none;
	display: block;
	float: left;
	padding: 0px 10px;
	background: url(menu-separator.png) left top no-repeat transparent;
}

#menu li:first-child, 
#menu li.first-child {
	background: none;
}

#menu li .active {
	color: #f0bd06;
}
#menu li a {
	height: 16px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #f0fbf7;
	text-decoration: none!important;
	text-transform: uppercase;
}

#menu li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #f0bd06;
}

/* SEARCH */ 

.searchform {
	margin: 0px auto;
	display: block;
	width: 210px;
}

#top-search {
	float: right;
	clear: right;
	padding: 34px 0px 0px;
}

.search-field, .s {
	border: 1px solid #eff4f4;
	border-right-width: 0px;
	color: #f0fbf7;
	width: 144px;
	display: block;
	float: left;
	font-size: 11px;
	height: 12px;
	padding: 3px;
	background: #5a9b98;
}

.block-body .search-field, .block-body .s {
	border: 1px solid #22625F;
	height: 14px;
}

.block-body a.search-link {
	border: 1px solid #22625F;
	border-left: none;
}

.block-body .searchform {
	width: 252px;
}

a.search-link {
	width: 58px;
	height: 20px;
	text-indent: -10000px;
	display: block;
	float: left;
	background: #5a9b98 url(search.png) no-repeat left top;
}

a.search-link:hover {
	background: #5a9b98 url(search.png) no-repeat left -20px;
}

.search-button, .searchsubmit {
/*    font-size: 11px;
    text-align: center;
    height: 20px;
    font-weight: bold;
	border: 0px;
    color: #5a9b98;
    width: 48px;
    background: #eff4f4;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    cursor: pointer;*/
	display: none;
}

.search-button:hover, .search-button.hover {
/*    color: #dd3002;
    background: #c5dad3;*/
}

/* COMMON PARTS */ 
.hidden-button {
	display: none;
}

.clear {
	clear: both;
}

.block-header {
	height: 20px;
}

.block-header h2,
#right h2 {
	padding-top: 3px;
	font-size: 11px;
	line-height: normal;
	color: #ffc300;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.block-body,
#right ul ul,
#right ul div.right-block {
/*    background-color: #c5dad3;*/
	background-color: #e0ece8;
	margin-bottom: 12px;  
	border-color: #dde4e4;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 5px 2px;
}

#right ul div.right-block {
	padding: 5px 10px;
}

.add-padding {
	padding: 5px 10px;
}

#right ul ul li{
	list-style-image:url(bullet.png);
	margin-left:20px;
	padding-bottom:4px;
}

.block-body h2.total-listing {
	text-align: center;
	font-size: 14px;
	margin: 5px 0px;
	color: #DD3002;
}

.block-body h1, .block-body .h2 {
	display: block;
	position: relative;
	background: #c5dad3 url(rr-bullet.png) 10px center no-repeat;
	color: #dd3002;
	font-weight: normal;
	font-size: 13px;
	padding-left: 36px;
	line-height: 27px;
	height: 27px;
	border: 1px solid white;
}

.block-body .h2 h2,
.block-body .h2 h2 a {
	text-decoration: none;
	display: block;
	float: left;
	color: #dd3002;
	font-weight: normal;
	font-size: 13px;
	line-height: 27px;
}

.block-body .h3 h3.editors-pick,
.block-body .h3 h3.user-choice,
.block-body .h3 h3.best-value {
	text-indent: 100px;
	background: no-repeat left 3px;
	display: block;
	text-align: justify;
	float: left;
}

.block-body .h3 h3.editors-pick {
	background-image: url(/images/editors-pick.png);
}

.block-body .h3 h3.user-choice {
	background-image: url(/images/user-choice.png);
}

.block-body .h3 h3.best-value {
	background-image: url(/images/best-value.png);
}

.block-body li {
	list-style-image: url(bullet.png);
	padding-bottom: 4px;
	margin-left: 20px;
}

.block-body li.last-item {
	font-weight: bold;
}


.block-body h3 {
	color: #003734;
	font-size: 12px;
	text-transform: none;
	font-weight: bold;
} 

a.read-more {
	display: block;
	color: #5d9e9b;
	font-family: Tahoma;
	font-size: 10px;
	float: right;
	padding-left: 15px;
	font-weight: bold;
	background: url(read-more-bullet.png) left center no-repeat;
}

a.read-more:hover {
	background: url(read-more-bullet-hover.png) left center no-repeat;
}


/* COLUMNS */
#right h2 {
	width: 199px;
	height: 17px;
	background: #599997 url(promo-header.png) no-repeat;
}

/* CENTRAL PART */
#center .block-header {
	width: 751px;
	background: #599997 url(block-header.png) no-repeat;   
}

#center .block-body {
	border-color: white;
	min-height: 500px;
}

#center {
	line-height: 18px;
}

#center .content {
	border: 1px solid #fefefe;
	border-top: 0px;
	width: 705px;
	margin: 0px auto 18px;
	background: #f0fbf7;
	padding: 6px 10px;
}

#center .product-image, 
#center .product-info,
#center .product-links {
	float: left;
}

#center .product-links {
	padding: 5px;
	clear: both;
	color: #dd3002;
	width: 170px;
}

#center .product-links a {
	color: #dd3002;
	text-transform: uppercase;
}

#center .product-image {
	width: 202px;
    background: #c5dad3;
    border: 1px solid white;
    padding: 2px;
    margin-right: 10px;
}

#center .product-image img{
  	border: 1px solid white;
  	display: block;
}

#center .product-info {
	width: 338px;
	clear: right;
}

/* FOOTER */
#footer {
    clear: both;
    height: 37px;
    padding: 5px 0px;
    color: #f0fbf7;
    font-size: 10px;
	position: relative;
}

#footer a {
    color: #f0fbf7;   
}

/* CONTENT SPECIFIC */
#carousel_container
{
	background-color: #c5dad3;
	padding: 0px;
	height: 130px;
	overflow: hidden;
}

#carousel
{
	margin: 8px auto 0px;
	background: #F0FBF7; 
	border: 1px solid white; 
}

#carousel ul
{
	padding: 0px;
	margin: 0px;
}

li.carousel_item
{
	display: block;
	margin: 0px; 
	text-align: center;
	list-style-type: none;
	padding: 0px;
	width: 115px;
	height: 115px;
	list-style: none;
	list-style-image: none;
}

.carousel_div
{
	padding: 4px 8px;  
}

.carousel_item a {
	text-decoration: none;
	color: #dd3002; 
}

.carousel_item a div,
.carousel_item p
{
	margin-bottom: 0px;
	color: #dd3002; 
	text-align: left; 
	font-size: 12px; 
	font-weight: normal; 
	font-family: tahoma; 
	line-height: 14px;
	text-decoration: none;
}

.carousel_icon
{
	margin-bottom: 5px;
}

span.award {
	width: 93px;
	height: 26px;
	text-indent: -10000px;
	margin-left: 15px;
	display: block;
	float: left;
	clear: none;
	background-repeat: no-repeat;
	background-position: left center;
}

#site-news {
	background: #C5DAD3;
}

#site-news ul li {
	display: block;
	margin: 0px 3px 5px;
	border: 1px solid #fcfdfd;
	background: #e0ece8;
	width: 138px;
	padding: 3px 4px;
	font-size: 11px;
	list-style: none;
	list-style-image: none;
}

#site-news ul li .news-date {
	text-align: right;
	color:  #5d9e9b;
	font-size: 10px;
	margin-top: 5px;
}

#site-news ul li h2 a, #site-news ul li h2 {
	color: #dd3002;
	font-size: 11px;	
	font-weight: bold;
} 

#site-news ul li h2 {
	margin-bottom: 5px;
}

#site-news ul li h2 a:hover {
}

#products-menu .block-body {
	background-color: #e0ece8;
	padding: 1px 2px;
}

#products-menu ul {
	width: 154px;
}

#products-menu ul li {
	color: #003734;
	line-height: 24px;
	display: block;
	border-bottom: 1px solid #b0c0bb;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style: none;
}

#products-menu ul li:last-child, #products-menu ul li.last-child {
	border-bottom: 1px solid #e0ece8;
}

#products-menu ul li a{
	color: #003734;
	display: block;
	width: 138px;
	height: auto;
	padding: 0px 0px 0px 16px;
	text-decoration: none;
	background: url(product-bg.png) no-repeat left top;
}

#products-menu ul li a:hover{
	color: #dd3002;
	text-decoration: none;
	background: url(product-bg.png) no-repeat -170px top;
}

.links-box {
	background-color: #c5dad3;
	text-align: center;
	padding: 5px;
}

.links-box a {
	margin: 2px auto 10px;
	display: block;
	
}

/* PRODUCT DETAILS */
.product-info-text {
	width: 573px;
	margin: 10px 0px 0px 0px;
	float: left;
}

.product-info-text p {
	padding-bottom: 5px;
}

.product-info-image {
	width: 208px;
	margin-left: 15px;
	float: right;
}

.product-info-image .product-image {
	clear: both;
	float: none!important;
	margin-right: 0px!important;
	margin-bottom: 10px;
}

div.brief_holder {
	border: 1px solid white;
	background: #c5dad3;
	padding: 7px 18px;
	display: block;	
}

#brief_td {
	background: #c5dad3;
	display: block;
}

#brief_td th {
	width: 75px;
	color: #dd3002;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

#brief_td td {
	width: 91px;
	vertical-align: top;
}

div.bookmark {
	padding: 10px 5px 0px;
	text-align: center;
}

#center .h2 .header-box {
	position: absolute;
	z-index: 5;
	right: 5px;
	top: 0px;
	text-transform: none;
	width: auto;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
}


#center div.product-info-image .product-links,
#center .product-info-text .product-links {
	margin: 0px auto;
	width: 150px;
	text-align: center;
	float: none;
}

ul.best-picks {
	margin-bottom: 10px;
}

/* CHART block */
#chart {
	width: 600px; 
	height:500px; 
	margin: 0 auto;
}

#chart-options {
	display: block;
	margin: 5px auto;
	list-style: none;
	height: 20px;
	width: 200px;
}

#chart-options li {
	display: block;
	float: left;
	height: 20px;
	width: 96px;
	margin: 0px 2px;
	text-align: center;
}

#chart-options li a {
	display: block;
	line-height: 20px;
	height: 20px;
	width: 96px;
}

#chart-options li a.active,
#chart-options li a:hover {
	background: #60A19F;
	color: #FFFAF3;
}

div.google-ad
{
	width: 468px;
	height: 60px;
	margin: -7px auto 7px;
}

/* contact us form */
form#contact-us {
	padding: 0px;
	margin: 0px 0px 10px;
}

form#contact-us div {
	float: left;
	clear: both;
}

form#contact-us fieldset,
div.address{
	border: 1px solid white;
	width: 556px;
	padding: 5px 10px;
	background: #E0ECE8;
}

form#contact-us legend {
	margin-left: 10px;
	padding: 0px 5px;
	background: #F0FBF7;
	color: #DD3002;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid white;
}

form#contact-us label,
form#contact-us input,
form#contact-us textarea {
	float: left;
	display: block;
}

form#contact-us label {
	width: 100px;
	margin-right: 10px;
	line-height: 26px;
	clear: left;
}

form#contact-us input,
form#contact-us textarea {
	clear: right;
	border: 1px solid #003734;
	font-size: 12px;
}

form#contact-us textarea {
	width: 400px;
	height: 100px;
}

form#contact-us input {
	width: 198px;
	height: 20px;	
}

form#contact-us input.submit {
	clear: both;
	float: none;
	margin: 0px auto;
	width: 100px;
}


form#contact-us .mandatory {
	color: red;
	font-weight: bold;
}

form#contact-us em {
	margin-top: 15px;
	display: block;
	float: right;
	clear: both;
}

form#contact-us .captcha {
	clear: right;
	padding-bottom: 5px;
	display: block;
	float: left;
}

form#contact-us .buttons {
	float: none;
	padding-top: 5px;
}

form#contact-us .incorrect {
	border: 1px solid red!important;
}

form#contact-us ul.message li {
	list-style: none;
	color: red;
	text-align: center;
	margin: 0px;
}

div.scrollbox {
	text-align: center;
}

div.scrollbox table {
	margin: 0px auto;
}

div.author {
	text-align: right;
}

div.rss-link {
	text-align: right;
	padding-right: 3px;
}

#commentform textarea {
	width: 500px;
	padding: 2px;
}

span.tags {
	font-weight: bold;
}

p.postmetadata {
	padding-top: 14px;
	font-size: 11px;
}

form#commentform label,
form#commentform input,
form#commentform textarea {
	float: left;
	display: block;
}

form#commentform {
	padding: 0px;
	margin: 0px 0px 10px;
}

form#commentform div {
	float: left;
	clear: both;
}

form#commentform fieldset {
	border: 1px solid white;
	width: 556px;
	padding: 5px 10px;
	background: #E0ECE8;
}

form#commentform legend {
	margin-left: 10px;
	padding: 0px 5px;
	background: #F0FBF7;
	color: #DD3002;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid white;
}

form#commentform label {
	width: 180px;
	margin-right: 10px;
	line-height: 26px;
	clear: left;
}

form#commentform div input,
form#commentform textarea {
	clear: right;
	border: 1px solid #003734;
	font-size: 12px;
}

form#commentform textarea {
	width: 385px;
	height: 100px;
}

form#commentform div input {
	width: 198px;
	height: 20px;	
}

form#commentform input#submit {
	clear: right;
	border: 1px solid #003734;
	font-size: 12px;
	height: 20px;	
	clear: both;
	float: none;
	margin: 0px auto;
	width: 130px;
}


form#commentform .mandatory {
	color: red;
	font-weight: bold;
}

form#commentform em {
	margin-top: 15px;
	display: block;
	float: right;
	clear: both;
}

form#commentform .buttons {
	float: none;
	padding-top: 5px;
	clear: both;
	width: 385px;
}

form#commentform .incorrect {
	border: 1px solid red!important;
}

form#commentform ul.message li {
	list-style: none;
	color: red;
	text-align: center;
	margin: 0px;
}

.navigation {
	width: 730px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.product-listing {
	margin-left: 0px;
	padding-left: 20px;
}

.product-listing li {
	margin-bottom: 20px;
	margin-left: 0px;
	list-style-type: decimal;
	list-style-image: none;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.h2 h2.big-n-bold {
	font-size: 15px;
	font-weight: bold;
}

#copy {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
}

#links-right {
	float: right;
	color: #B1BBB8;
}

#links-left {
	color: #B1BBB8;
	float: left;
}

#footer p {
	text-align: center;
}

#footer a.out-links {
	color: #B1BBB8;
}