/*
Theme Name: MediPro Direct Slim
Theme URI: http://mediprodirectslim.com
Author: Manifest Web Design
*/


@font-face {
	font-family: 'Montreal';
	src: url('fonts/mont-webfont.eot');
	src: local('☺'), url('fonts/mont-webfont.woff') format('woff'), url('fonts/mont-webfont.ttf') format('truetype'), url('fonts/mont-webfont.svg#webfontuG0BZOd0') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, html {
height: 100%;
}

body {
position: relative;
text-align: center;
font: 75% 'Lucida Grande', Lucida Sans Unicode, Helvetica, Arial, sans-serif;
color: #70787d;
background: white url(images/bground_body.png) top left repeat-x;}

* {
margin: 0;
padding: 0;}

a {
color: #1d96c3;
text-decoration: none;
outline: 0;}

a:hover {
color: #2caddd;
text-decoration: none;}

p {
margin-bottom: .8em;
line-height: 1.4em;}

li {
line-height: 1.4em;}

ul, ul li {
list-style: none;}

h1,
h2 {
margin-bottom: .2em;}

h1 {
font-size: 1.75em;}

h2 {
font-size: 1.25em;}

h3 {
font-size: 1em;
margin-bottom: 10px;}

h4 {
font-size: .75em;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
letter-spacing: 1px;}

img {
border: none;}

.padding {
padding: 20px;}

.btn {
width: 205px;
height: 35px;
padding: 17px 0 0 0;
text-align: center;
background: url(images/btn.png) no-repeat;
font-size: 14px;
display: block;
margin-left: -8px;
}

.btn:hover {
background: url(images/btn-h.png) no-repeat;
}


/* GLOBAL */

#container {
height: 100%;
min-height: 100%;
height: auto !important;
text-align: left;
width: 950px;
margin: 0 auto -92px auto ;}

.left {
float: left;}

.right {
float: right;}

.menu {
list-style: none;}

.menu li {
float: left;}



/* HEADER */

#header {
height: 90px;
background: url(images/bground_header.jpg) top center no-repeat;
position: relative;}

#header img {
padding-top: 25px;
float: left;}

#header #subnav {
float: right;
padding-top: 5px;}

#header form {
float: right;
padding: 13px 7px 0 0;}

#header form label {
padding: 0 5px 0 0;}

#header #nav {
float: right;
height: 35px;
position: absolute;
bottom: 0;
right: 0;}

#header #nav li,
#header #nav a {
outline: 0;
display: block;}

#header #nav li {
padding-right: 9px;
font-family: 'Montreal', sans-serif;
float: left;
height: 35px;
background: url(images/img_inactive_right.png) top right no-repeat;}

#header #nav a {
height: 23px;
padding: 12px 7px 0 16px;
font-size: 14px;
color: white;
background: url(images/img_inactive_left.png) top left no-repeat;}

#header #nav li:hover,
#header #nav li.current_page_item,
#header #nav li.current_page_ancestor {
background: url(images/img_active_right.png) top right no-repeat;}

#header #nav a:hover,
#header #nav li.current_page_item a,
#header #nav li.current_page_ancestor a {
background: url(images/img_active_left.png) top left no-repeat;}

#header #subnav {
padding: 10px 0 0 0;}

#header #subnav li {
padding-left: 10px;}

.social-media {
	margin-left: 10px;
}

.social-media a {
	text-decoration: none;
}

.social-media #facebook {
	float: right;
	width: 18px;
	height: 18px;
	background: url(images/facebook.png) no-repeat 0 -18px;
	display: block;
	overflow: hidden;
	line-height: 0;
	margin: 13px 0 0 0;
}

.social-media #facebook:hover {
	background: url(images/facebook.png) no-repeat 0 0;
}

.social-media #twitter {
	float: right;
	width: 18px;
	height: 18px;
	background: url(images/twitter.png) no-repeat 0 -18px;
	display: block;
	overflow: hidden;
	line-height: 0;
	margin: 13px 5px 0 0;
}

.social-media #twitter:hover {
	background: url(images/twitter.png) no-repeat 0 0;
}

/* HOME */

#content {
padding: 0 0 20px 0;
width: 950px;
overflow: inherit;}

#subcontent ul,
#subcontent ul li {
list-style: square;}

#subcontent ul {
margin-bottom: .8em;}

#subcontent ol {
list-style-position: outside;
padding-left: 30px;
margin-bottom: 12px;}

/** slideshow **/

.banner {
width: 950px;
height: 280px;
padding: 20px 0 20px 0;
position: relative;
}

.slideshow {
width: 950px;
height: 280px;
overflow: hidden;
}

.slideshow div { /* Jquery fade */
width: 950px;
height: 280px;}

.slideshow h2,
.slideshow p {
color: white;
line-height: 13px;}

.slideshow h2 {
font-family: 'Montreal', sans-serif;
font-size: 12px;}

.slideshow p {
font-size: 24px;
line-height: 30px;}

.slideshow a {
float: right;
font-size: 14px;}

.slideshow #testimonial1 {
background: url(images/testimonial1.png) top left no-repeat; }

.slideshow #testimonial2 {
background: url(images/testimonial2.png) top left no-repeat; }

.slideshow #testimonial3 {
background: url(images/testimonial3.png) top left no-repeat; }

.quote {
width: 250px;
max-width: 250px;
margin-left: 370px;
padding-top: 25px;}

.form {
	width: 240px;
	height: 280px;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 10;
}

.formcontent {
	padding: 30px 0px 10px 10px;
}

.form h2 {
	font-size: 24px;
	color: #cccc38;
	margin-bottom: 5px;
}

.form p {
	color: #fff;
}

.form label {
	color: #fff;
	text-align: right;
	padding-right: 5px;
}

.form input,
.form select {
	width: 180px;
	height: 20px;
	margin: 2px 0;
	color: #545454;
}

.form input.submit {
	height: auto;
}


/** hoempage callouts **/

.program,
.new,
.existing {
width: 301px;
float: left;}

.program,
.existing {
margin-right: 22px;}

.program {
background: url(images/salad.png) top center no-repeat;}

.existing {
background: url(images/grocery.png) top center no-repeat;}

.new {
background: url(images/tummy.png) top center no-repeat;}

.block {
padding: 153px 15px 15px;
}

.block h1,
.block h2 {
margin-bottom: 0;
font-weight: normal;
color: #333;
font-family: 'Montreal', sans-serif;}

.block h1 a {
color: #333;}

.block h1 a:hover {
color: #666;}

.block h2 {
color: #666;
}

.block p,
.block li {
font-size: 11px;}

.block p {
margin-top: 15px;}

.block ul {
padding-top: 15px;
}

.block li {
padding-left: 9px;
list-style: none;
background: url(images/bullet_arrow.gif) 0 6px no-repeat;}

.blockbutton {
padding: 9px 20px 11px;
text-align: center;
font-family: 'Montreal', sans-serif;
color: black;
font-size: 14px;
display: block;
background: url(images/btn-green.png) top center no-repeat;}

a.blockbutton:hover {
color: #635d1d;
background: url(images/btn-green-h.png) top center no-repeat;
}

/* SIDEBAR */

#sidebar {
/*background: #e9e9e9;
border: 1px solid #cecece;
width: 246px;*/
width: 300px;
margin-top: 28px;
float: left;
}

#sidebar-consult {
float: left;}

#sidebar .callout {
padding: 20px;
background: url(images/callout-big.gif) left top no-repeat;
position: relative;
height: 290px;}

#sidebar .callout h2 {
color: #cccc38;
text-transform: uppercase;
margin-bottom: 10px;}

#sidebar .callout p {
color: #fff;}

#sidebar .callout a.btn {
height: 51px;
width: 205px;
background: url(images/btn.png) no-repeat bottom center;
display: block;
color: #1d96c3;
border: none;}

#sidebar .callout a.btn:hover {
background: url(images/btn-h.png) no-repeat top center;
color: #2caddd;}

#sidebar .callout .form {
top: 30px;
left: 30px;}

#sidebar .callout .form h2 {
font-size: 15px;
font-weight: bold;}

.regulation-callout,
.franchise {
background: #e9e9e9;
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;}

.regulation-callout h2 {
font-size: 15px;
/*background: url(images/icon-clipboard.png) no-repeat;
padding: 0 0 0 50px;
height: 60px;*/}

#subcontent .regulation-callout ul,
#sidebar .regulation-callout ul {
list-style: inside;}

#subcontent .regulation-callout ul li,
#sidebar .regulation-callout ul li {
background: url(images/li-arrow.png) 0 2px no-repeat;
padding: 0 0 0 25px;
list-style: none;}

#sidebar .regulation-callout ul {
margin: 0 0 10px 0;
}

.regulation-callout .links {
border-bottom: 1px #ccc solid;
padding-bottom: 10px;
margin-bottom: 10px;
}

.regulation-callout a.pdf {
display: block;
background: url(images/icon-pdf.png) 1px 2px no-repeat;
padding-left: 25px;
}

.regulation-callout a.video {
display: block;
background: url(images/icon-video.png) 0 2px no-repeat;
padding-left: 25px;}

.franchise h2 {
font-size: 15px;
background: url(images/icon-globe.png) no-repeat;
padding: 0 0 0 50px;
height: 40px;}

.franchise h2 a {
font-size: 12px;
font-weight: normal;}

.sidebar-image {
margin: 0 0 10px 0;
}

/* Disclaimer */

.disclaimer {
padding: 10px;
border: 1px solid #1d96c3;}

.disclaimer p {
font-size: 10px;
margin: 0;}

.disclaimer p span {
text-transform: uppercase;
font-weight: bold;
color: #1d96c3;}

/* Videos */

.slug {
background: #0069AA;
padding: 10px;
margin: 10px 0 30px 0;
}

#sub .slug h2 {
color: #fff;
margin: 0;
}

.slug p {
color: #fff;
margin: 0;
}

.slug p span {
/*text-transform: uppercase;*/
}

img.small-testimonials {
float: left;
padding: 0 20px 0 0;
border-right: 1px solid #ccc;
margin-right: 20px;
}

.testimonials-blurb a.video {
background: url(images/icon-video.png) 0 2px no-repeat;
padding-left: 25px;}

.testimonials-blurb {
height: 160px;
}

/* STYLED LINKS & EXTRAS */

#subcontent a.btn {
display: block;
height: 21px;
padding: 3px 10px 0 0;
margin: 5px 0 5px 0;
border-right: 4px solid #ccc;
background: url(images/btn-blue.png) no-repeat top right;
color: #fff;
text-align: right;}

#subcontent a.btn:hover {
color: #c0dae6;}

#subcontent a.pdf {
display: block;
background: url(images/icon-pdf.png) 1px 2px no-repeat;
padding-left: 25px;
margin-top: 10px;}


/* SUB PAGES */

#sub {
float: right;
width: 639px;}

#sub h1 {
color: #0069aa;
font-family: 'Montreal', sans-serif;
font-weight: normal;
margin-bottom: 10px;}

#sub h2 {
font-size: 12px;
text-transform: uppercase;
color: #0069aa;
margin-bottom: 12px;}

#sub ul {
margin: 9px 0 20px 25px;}

#subpage-subnav {
text-align: center;
float: right;
font-family: 'Montreal', sans-serif;
margin-top: 3px;
padding-top: 3px;
padding-bottom: 2px;
background: #e1e1e1;
border: 1px solid #afafaf;
width: 592px;
height: 20px;
margin-bottom: 10px;}

#subpage-subnav li a {
color: #606060;
font-size: 12px;
margin: 8px;}

#subpage-subnav li a:hover {
color: #2caddd;}

#subpage-subnav li.current_page_item a {
color: #0069aa;}

#subcontent {
margin: 0 0 0 50px;
padding: 28px 0 0 0;
overflow: inherit;}

/* THE PROGRAM */

.guide {
padding: 10px 0 10px 50px;
margin-top: 20px;
}

.step1 {background: url(images/1.png) no-repeat;}
.step2 {background: url(images/2.png) no-repeat;}
.step3 {background: url(images/3.png) no-repeat;}
.step4 {background: url(images/4.png) no-repeat;}


/* PLANS */

#content table#plan_breakdown {
	border: 1px solid #D4D4D4;
	border-right: none;
margin-bottom: 20px;
}

#content table#plan_breakdown th {
	background: #e1e1e1;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
}

#plan_breakdown td.plan-heading{
	border-bottom: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4;
}

#plan_breakdown td.plan-heading h4{
	font-weight:bold;
	font-size: 14px;
}

#plan_breakdown span.savings {
font-size: 12px;
text-transform: uppercase;
}

#plan_breakdown td.essential {
color: #CCCC38;
font-weight: bold;
}

#plan_breakdown td.enhanced {
color: #2CADDD;
font-weight: bold;
}

#plan_breakdown td.elite {
color: #0069AA;
font-weight: bold;
}

#plan_breakdown tr th span {
font-size: 9px;
}

h4.essential {color:#cccc38;}
h4.enhanced {color:#2caddd;}
h4.elite {color:#0069aa;}

#content table#plan_breakdown th.benefit {
	color: #70787D;
}

#content table#plan_breakdown th.essential {
	background: #cccc38;
}

#content table#plan_breakdown th.enhanced {
	background: #2caddd;
}

#content table#plan_breakdown th.elite {
	background: #0069aa;
	border-right: 1px solid #D4D4D4;
}

#content table#plan_breakdown td, #content table th {
	text-align: center;
	padding: 8px;
	vertical-align: middle;
}

#content table#plan_breakdown .first {
	text-align: left;
}

#content table#plan_breakdown td {
	border-right: 1px solid #D4D4D4;
}

#content table#plan_breakdown tr.striped td {
	background: #F2F2F2;
}

#content table#diets th {
	vertical-align: top;
	text-align: right;
	font-weight: bold;}

#content table#plan_breakdown th a {
color: #ffffff !important;
border-bottom: 1px dotted #fff;
}

#content table#plan_breakdown th a:hover {
color: #ffffff;
border: none;
text-decoration: underline;
}



/* NEWSLETTER */

#sub #subcontent form input,
#sub #subcontent form select {
color:#545454;}

/* TESTIMONIALS */

img.testimonial {
padding-bottom: 20px;
}

/* LOCATIONS */

img.team {
padding: 0 20px 20px 0;
float: left;
}

/* CONTACT US */

table.contact tr td {
padding-bottom: 10px;
padding-top: 10px;}

table.contact tr.line td {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;}

table.contact tr td.hours {
padding-left: 30px;
padding-top: 1.4em;}


/* FOOTER */

.push {
height: 92px;
}

#footer {
margin: 0 auto 20px auto;
clear: both;
height: 72px;
width: 950px;
background: url(images/bground_footer.gif) top center no-repeat;}

#footer p {
margin-top: 30px;}

#footer p,
#footer li {
font-size: .833em;}

#footer p {
margin-left: 20px;}

#footer ul {
margin: 30px 10px 0 10px;}

#footer li {
color: #858585;
font-size: 10px;
display: inline;
border-right: 1px solid #cecece;
/*padding-left: 4px;
padding-right: 4px;*/}

#footer a {
color: #858585;
padding: 2px;}

#footer a:hover {
color: white;
background: #2caddd;}

#footer .lastitem {
border-right: none;}



/*NEWSLETTER*/

table#newsletter fieldset {
border: none;
}

table#newsletter td {
padding: 5px 10px 5px 5px;
}

table#newsletter fieldset input#EMAILTYPE_HTML {
margin: 0 5px 0 0;
}

table#newsletter fieldset input#EMAILTYPE_TEXT {
margin: 0 5px 0 12px;
}

table#newsletter fieldset input#EMAILTYPE_MOBILE {
margin: 0 5px 0 12px;
}



/* WORDPRESS */

#comments {
margin: 20px 0 0 0;
border-top: 1px #ccc solid;
padding: 20px 0 0 0;
-moz-border-radius: 5px;
border-radius: 5px;
}

#comments h3#reply-title small {
background: none;
}

#comments p.comment-form-comment label {
vertical-align: top;
margin: 0 20px 0 0;
}

.edit-link {
padding: 10px 0;}

.post {
padding-top: 10px;
border-top: 1px solid #e9e9e9;
}

small {
background: #e9e9e9;
padding: 5px;
}

.entry {
padding: 20px 0 0 0;
}

.entry div img {
	margin: 10px 5px 20px 5px;
}

.entry a img {
padding: 0 0 20px 0;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

p.postmetadata {
background: #e9e9e9;
padding: 5px;
clear:both;
}

#post-0 {
border: none;
}

/* comments */

#comments {
    border: 10px solid #e9e9e9;
    margin: 20px 0 20px 0;
    padding: 20px;
corner-radius: 7px;
}

#comments img.avatar {
    margin: 0 10px 0 0;
}

.comment-body p {
    font-size: 10px;
}

h3#comments-title,
h3#reply-title {
    color: black;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

#respond form p {
    font-size: 10px;
}

#respond form p input {
    margin: 0 0 0 10px;
}

#respond form p textarea {
    display: block;
    width: 100%;
}

#respond small {
background: none;
}

a#cancel-comment-reply-link {
    font-size: 8px;
    color: #a7d2d3;
}

a#cancel-comment-reply-link:hover {
    color: #999;
}

a.comment-reply-link {
}

ol.commentlist li {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
}

#subcontent #comments ul, 
#subcontent #comments ul li {
list-style: none;
}

ol.commentlist li ul.children li {
    border-bottom: 1px dotted #EFEFEF;
    border-left: 5px solid #EFEFEF;
    border-top: 1px dotted #EFEFEF;
    margin: -30px 0 40px;
    padding: 20px 0 20px 20px;
}

.comment-body p {
   margin: 0;
padding: 0 0 40px 0;
}

.comment-meta.commentmetadata {
    color: #ccc;
    font-size: 10px;
    margin: 0 0 10px 0;
    position: absolute;
bottom: 0;
}

.comment-meta.commentmetadata a {
color: #ccc;
}

.vcard {
padding: 0 0 0 0;
}

.reply a {
display: block;
background: #1D96C3;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 10px;
color: #fff;
border: 1px solid #0069AA;
margin: 5px 0;
    padding: 2px;
    text-align: center;
    width: 30px;
    position: absolute;
bottom: 0;
right: 0;
}

.reply a:hover {
background: #0069AA;
}


/* Hacks */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div#sub hr {
	height: 3px;
	border: none;
	color: #0090d2;
	background-color: #0090d2;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.popout {
	
}
