/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.90em; line-height:1.42em; color: #333333}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#006699;}
a:hover{text-decoration:none;}
p, .padding8 {padding-top:8px;}
h1 {font-size: 18px; line-height: 22px; color:#006699; font-weight:bold; padding :40px 0 18px 0px; text-decoration:none;}
h1 span{ color:#4ca5b7}
h1 strong{ color:#788282; line-height:0.7em; display:block; font-size:0.343em; font-weight:normal;}
.h1orange {color: #ff9900; font-size: 22px; }
h1 a{ text-decoration:none; /* color:#272727;*/}
h2 {font-size: 16px; margin: 25px 0px 5px 0px}

.grey{ color:#848484; line-height:1.25em;}
.green{ color:#91bd09;}
.orange {color: #ff9900; font-weight: bold;}
.blue{ color:#006699; text-decoration:none; font-weight:bold;}
.h2blue{ color:#006699; text-decoration:none; font-weight:bold;}
.blue:hover{ text-decoration:underline;}
.blue22 {font-size: 20px; line-height: 24px; color:#4ca5b7; font-weight:bold; }
.link{ font-weight:bold; background:url(images/link-bg.gif) right no-repeat; color:#363636; padding-right:8px; display:inline-block; margin-top:20px; text-decoration:none;}
.link:hover{ text-decoration:underline;}

.col-2 h1 {padding: 0px 0px 10px 0px; margin:0px;}
strong{ line-height:1.167em; color: #006699} 
/* strong{ line-height:1.167em; color:#91bd09;}*/
.line-height{ line-height:1.35em}
.padding15{ padding-top:15px;}
.days{
            margin-top:10px;
            font-weight: bold;
            border-bottom: solid 1px #e3e3e3;
        }
.times{
            margin-top:5px;
        }
.phonebold {font-weight: bold;}

/* ============================= main layout ====================== */

li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:12px;}
li a {color:#B6BDC3; text-decoration:none; line-height:1.42em;}
li a:hover {text-decoration:underline;}
.imgindent {margin:0 17px 0 0; float:left;}
.imgindent2 {margin:0 30px 0 0; float:left;}

/* ============================= header ====================== */

#header{ background:url(images/header-tail-bg.gif) top repeat-x;}
#header .col-2{ background:url(images/header-bg.jpg) no-repeat;}
.menu{ height:245px; background:#799d08; border-top:solid 10px #525252; border-bottom:solid 10px #b1b1b1;}
.menu ul{ border-top:solid 4px #FFFFFF; border-bottom:solid 5px #FFFFFF; padding:15px 0 16px 15px;}
.menu ul li {line-height:1.3em; margin: .25em 0; padding: 0 0 0 15px;}
.small-menu ul{ padding:95px 30px 0 0;}
.small-menu li{ float:left; background:url(images/small-menu-bg.gif) no-repeat right; padding-right:10px; margin-right:11px;}
.small-menu li a{ color:#636363; text-decoration:none;}
.small-menu li a:hover{ color:#3b9db1; text-decoration:underline;}
#header .col-2 img{ margin:107px 0 0 408px;}

#headline {width: 981px}
#headline1 {width: 981px}
#headline-col1 {width: 212px; height: 91px; float: left}
#headline-logo {}
headline-nav { background-image: url(images/header-hcgdd_04.gif); height: 251px;}
#headline-col2 {width: 769px; height: 342px; float: right; background-image:url(images/header-hcgdd_03.jpg)}


/* ============================= content ====================== */

.column-1{ background:#efefef; border-bottom:solid 5px #ffffff;}
.column-1 ul{ padding:19px 0 15px 10px;}
.column-1 li{ background:url(images/left-list-bg.gif) no-repeat 0 7px; padding-left:15px; line-height:1.833em;}
.column-1 li a{ font-size:0.917em; color:#5a6165; text-decoration:none;}
.column-1 li a:hover{ text-decoration:underline;}
.column-2{ margin:0 15px; }
.title{ margin-bottom:16px; font-size: 18px; font-weight: bold; line-height: 22px;}
.title2{ margin-bottom:16px; font-size: 14px; font-weight: bold;border-top:1px solid #006699;}
.row-1{ position:relative;}
.cont{ padding:14px 0 0 0;}
#orderHCG {border: 1px solid #CCCCCC; width: 170px; padding: 10px;}
#newslettersignup {border: 1px solid #CCCCCC; width: 190px;}

/* ============================= page1 ====================== */

#page1 .row-1{ padding:0 23px 15px 10px; border-bottom:solid 1px #eaeaea; position:relative;}
#page1 .row-2{ padding:23px 23px 15px 22px; position:relative;}
#page1 .row-1 .col-2{ margin-left:58px;}
#page1 .row-2 .col-2{ margin-left:63px;}
#page1 .c-2{ padding-left:47px;}
#page1 .c-3{ padding-left:45px;}
.list li, .list2 li{ background:url(images/list-bg.gif) no-repeat 0 6px; padding-left:13px; line-height:1.42em; }
.list a, .list2 a{ color:#006699; text-decoration:underline; font-weight:bold;}
.list2 a{ color:#91bd09;}
.list a:hover, .list2 a:hover{ text-decoration:none;}


/* ============================= page2 ====================== */

#page2 .row-1{ padding:0 23px 15px 10px; position:relative;}
#page2 .row-2{ padding:23px 23px 15px 22px; position:relative;}
#page2 .row-1 .col-1{ margin-left:14px;}
#page2 .row-1 .col-2{ margin-left:38px;}
#page2 .row-2 .col-2{ margin-left:63px;}
#page2 .c-2{ padding-left:47px;}
#page2 .c-3{ padding-left:45px;}

/* ============================= page3 ====================== */

#page3 #content .col-1{ padding:0 0 15px 30px;}
#page3 #content .col-2{ padding-left:26px;}
#page3 #content .row-1, #page3 #content .row-2{ padding-left:15px; margin-left:5px;}
.unline{ border-bottom:solid 1px #eaeaea; padding:0 0 20px 0; margin-bottom:15px;}
.unline2{ border-bottom:solid 1px #eaeaea; padding:0 0 20px 0; margin-bottom:25px;}

/* ============================= page4 ====================== */

.list-padding{ padding:12px 0 0 19px;}
#page4 #content .col-1{ padding-left:7px;}
#page4 #content .col-2{ padding-left:56px;}

/* ============================= page5 ====================== */

#page5 #content .col-2{ padding-left:70px;}
#page5 #content .col-2-main{ padding-left:10px;}
#page5 .row-1{ padding:0 10px 15px 24px; }
#page5 .row-2{ padding:25px 23px 15px 24px;}

/* ============================= page6 ====================== */

#page6 .row-1{ padding:0 23px 40px 24px; }
#page6 .row-2{ padding:0 23px 15px 24px;}
#page6 #content .col-2{ padding-left:80px;}
.phone{	float:left; padding-right:30px;}
#page6 .c-2{ padding-left:35px;}
.padd{ padding-left:24px;}
#page6 .c-3{ padding-left:35px;}

/* ============================= page7 ====================== */

.row{ padding-left:25px;}
#page7 .row a{ font-weight:bold; text-decoration:underline;}
#page7 .row a:hover{ text-decoration:none;}
#page7 p{ padding-top:13px;}

/* ============================= footer ====================== */

#footer{
    position:relative;
    width:980px;
    left:50%;
    margin-left:-490px;
    background:url(images/footer-bg.gif) bottom repeat-x;
}
#footer .col-1{ border-top:solid 10px #bebebe;}
#footer .col-2{ border-top:solid 10px #e7e7e7; margin-left:5px; font-size: 11px;}

#footer ul{ margin:24px 0 0 0; float:left;}
#footer li{ line-height:2.5em; border-right:solid 1px #e6e9ea; padding:0 12px; float:left;}
#footer li a{ color:#484848; }
#footer li a:hover{ text-decoration:underline; }
#footer .email{ margin:33px 0 0 40px; float:left;}
#footer li .nobrdr {border-right:solid 0px #e6e9ea;}
#footer .col-1{ color:#dbdbdb;}
#footer .col-1 a{ color:#dbdbdb;}
#footer a:hover{ text-decoration:none;}
.footer-text{ background:#777777; height:69px; border-top:solid 5px #FFFFFF; }
.footer-text2{ padding:10px 0 0 15px; font-size:0.817em;}
.disclaimer {font-size: 10px; color: #666666; padding-top: 5px; line-height: 13px;}
#footlinks {font-size: 10px; padding-top: 40px;}

/* ============================= forms ============================= */

.form-col-1{ float:left; width:183px;}
.form-col-2{ float:left; }
#ContactForm{ padding-top:18px;}
#ContactForm .input{ width:170px; border:solid 1px #a4a4a4;	padding:2px 3px 2px 3px; font-size:0.917em; height:13px; color:#a4a4a4}
#ContactForm label { display:block; height:24px;}
#ContactForm textarea{ font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; width:215px; border:solid 1px #a4a4a4; height:37px; padding:2px 3px 2px 3px;  color:#a4a4a4;}
.padd1{ padding-right:7px;}
.padd2{ padding-right:23px;}
#ContactForm .link{ margin-top:5px;}
#chart {border: 1px solid #000000;}
#chart td {border: 1px solid #000000; }
#chart td p {padding: 5px;}
.red {color: #CC0000}
#mslinks li a:link, #mslinks li a:visited {color: #006699;}
#mslinks li a:hover, #mslinks li a:hover:visited {color: #006699; text-decoration: underline}
#mslinks ul { list-style: square;}

.news_article_h1
{
padding:10px 0px 10px 0px;
}

.green {
	color: #336600;
	font-weight: bold;
}

#a1
{
width:209px;
height:65px;
background-image:URL('/images/a1.png');
float:left;
}
#a2
{
width:405px;
height:64px;
background-image:URL('/images/a2.png');
float:left;
}
#a3
{
width:366px;
height:65px;
background-image:URL('/images/a3.png');
float:left;
}
#b1
{
width:209px;
height:91px;
/*  background-image:URL('/images/b1.png'); */
float:left;
}
#b2
{
width:405px;
height:91px;
background-image:URL('/images/b2.png');
float:left;
}
#b3
{
width:366px;
height:91px;
background-image:URL('/images/b3.png');
background-repeat: no-repeat;
float:left;
}
#button_holder
{
float:left;
width:209px;
height:237px;
font:normal 15px tahoma,arial;
color:#ffffff;
background:#83a41b;
}

#buttonZ
{
width:209px;
height:100px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 29px;
padding:23px 0px 0px 52px;
cursor:pointer;

}

.button1
{
width:209px;
height:28px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 29px;
padding:23px 0px 0px 52px;
cursor:pointer;

}
.button1_over
{
width:209px;
height:28px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:32px 29px;
padding:23px 0px 0px 52px;
cursor:pointer;

}
.button2
{
width:209px;
height:31px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 14px;
padding:6px 0px 0px 52px;
cursor:pointer;
}
.button2_over
{
width:209px;
height:31px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:31px 12px;
padding:6px 0px 0px 52px;
cursor:pointer;
}
.button3
{
width:209px;
height:29px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 12px;
padding:4px 0px 0px 52px;
cursor:pointer;
}
.button3_over
{
width:209px;
height:29px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:31px 10px;
padding:4px 0px 0px 52px;
cursor:pointer;
}
.button4
{
width:209px;
height:27px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 13px;
padding:6px 0px 0px 52px;
cursor:pointer;
}
.button4_over
{
width:209px;
height:27px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:31px 11px;
padding:6px 0px 0px 52px;
cursor:pointer;
}
.button5
{
width:209px;
height:28px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 16px;
padding:9px 0px 0px 52px;
cursor:pointer;
}
.button5_over
{
width:209px;
height:28px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:31px 14px;
padding:9px 0px 0px 52px;
cursor:pointer;
}
.button6
{
width:209px;
height:44px;
background-image:URL('/images/greybox.png');
background-repeat:no-repeat;
background-position:32px 12px;
padding:5px 0px 0px 52px;
cursor:pointer;
}
.button6_over
{
width:209px;
height:44px;
background-image:URL('/images/whitebox.png');
background-repeat:no-repeat;
background-position:31px 10px;
padding:5px 0px 0px 52px;
cursor:pointer;
}
#c2
{
width:405px;
height:237px;
background-image:URL('/images/c2New.png');
float:left;
background-repeat:no-repeat;
}
#c3
{
width:366px;
height:237px;
background-image:URL('/images/c3.png');
float:left;
}
#d
{
width:980px;
height:21px;
background-image:URL('/images/d1New.png');
float:left;
}


.clearfix
{
float:none;
}

#phone {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
}
#logos td{
padding:5px;
text-align:center;
        }
		
.blue18link {
font-size: 18px;}

#landing_ad {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/drwillisad.jpg) no-repeat; margin: 0px}

#landing_ad_recipeguide {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/recipeguide.jpg) no-repeat; margin: 0px}

#landing_ad_kit {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-kit.jpg) no-repeat; margin: 0px}

#landing_ad_cosmetics {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-cosmetics.jpg) no-repeat; margin: 0px}

#landing_ad_hcg-diet-meals {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-meals.jpg) no-repeat; margin: 0px}

#landing_adbutton {
width: 200px; float: right; margin: 32px 20px 0px 0px; background:url(http://www.hcgdietdirect.com/images/button-shopnowBIG.png) no-repeat; height: 57px; width: 206px; color:#FFFFFF; font-weight: bold;}

#landing_adbutton_text {margin: -2px 0px 0px 0px; padding: 0px; width: 190px; }

#landing_adbutton_text a{color: #FFFFFF; text-decoration:none;}

.landing_adtext {margin-top: 16px; font-size: 12px; color:#333333; font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height: 16px;}

#landing_ad_maintkit {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-maintkit.jpg) no-repeat; margin: 0px}

#landing_ad_jessica {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-jessica.jpg) no-repeat; margin: 0px}

.class_landing_ad {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/drwillisad.jpg) no-repeat; margin: 0px}

.class_landing_ad_recipeguide {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/recipeguide.jpg) no-repeat; margin: 0px}

.class_landing_ad_kit {
width: 400px; height: 216px; background:url(http://www.hcgdietdirect.com/images/landingpage-kit.jpg) no-repeat; margin: 15px 0px 15px 50px;}

.class_landing_adbutton {
width: 200px; float: right; margin: 32px 20px 0px 0px; background:url(http://www.hcgdietdirect.com/images/button-shopnowBIG.png) no-repeat; height: 57px; width: 206px; color:#FFFFFF; font-weight: bold;}

.class_landing_adbutton_text {margin: -2px 0px 0px 0px; padding: 0px; width: 190px; }

.class_landing_adbutton_text {margin: -2px 0px 0px 0px; padding: 0px; width: 190px; }

.class_landing_adbutton_text a{color: #FFFFFF; text-decoration:none;}


.photor {float: right; margin: 10px 0px 10px 10px}
#col-1b {float: right; margin: -40px 10px 10px 0px; width: 178px; height: auto;}

.copyright {font-size: 10px; line-height: 11px;}
.otherinfo ul { margin-top: 0px;}
.otherinfo li { line-height:11px;}
.paragraph { padding: 0px 0px 0px 20px}