/********GENERAL start------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0;
border: 0;
font-weight:normal; font-style:normal;
font-size: 12px; color:#58595b;
font-family:Helvetica,Arial,sans-serif;
text-decoration:none;
}
A:hover {
text-decoration:underline;
}
HTML, BODY {
margin:0;padding:0;
width:100%;height:100%;
}
BODY {
background: #656600;
behavior: url(css/csshover.htc);
}
IMG {
border:0;
behavior: url(css/iepngfix.htc);
}
DIV.clear {
clear:both; height:1px; line-height:1px; float:none; font-size:1px;
}
#page {
min-height:100%;
height:auto !important;
height:100%;
width:904px;
margin:0 auto;
background:url(../images/bg/content.gif) repeat-y top left;
}
.container {padding:0px 20px 0}
.d-block{display:block}
/**GENERAL end------------------------------/
/***Header start-----------*/
#header {
height:122px;
position:relative;
padding:0 21px;
}
h1#logo{
display:block; width:293px; height:78px;
background:url(../images/bg/logo.gif) no-repeat;
position:relative; top:26px; margin:0;float:left;
}
h1#logo A{
text-decoration:none; text-indent:-9999px;
display:block; width:293px; height:78px;
}
.login {
position:relative;
float:right;
width:317px;
top:12px;
}
.nav {
left:85px;
position:absolute;
top:9px
}
.nav ul {
list-style-type:none;
margin:0; padding:0;
}
.nav ul li {
display:block;
float:left;
padding-right:5px;
line-height:1;
}
.nav ul li a {
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}
.nav ul li.last {
border-left:1px solid #e0e1e2;
padding-left:5px;
padding-right:0px;
}
.login_panel {
background:url(../images/bg/login_panel.gif) no-repeat left top;
width:317px; height:95px;
}
.login_panel h3 {
float:right;
padding:10px 14px 0 0;
color:#9f4d32;
font-size:12px;
font-weight:normal;
margin:0;
}
.input_block {
margin-top:16px;
padding:0 15px;
}
.login_panel label, .login_panel input {
float:left;
}
.login_panel input {
width:75px;
border-bottom:1px solid #dddddd;
border-top:1px solid #7c7c7c;
border-right:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;
}
.login_panel label {
font-size:11px;line-height:1.9;
padding-right:6px;
}
.login_panel label.last {padding-left:11px}
.btn_login {
border:none 0 !important; cursor:pointer;
color:#9f4d32; font-size:10px; text-transform:uppercase ; font-weight:bold;
background:none; float:right !important; width:45px !important; margin-top:5px;
}
.btn_login:hover {
text-decoration:underline;
}
/***Navigation----*/
.menu {
list-style-type:none;
background:#8a0303;
width:860px;
height:27px;
}
.menu li{
display:block;
float:left;
padding:5px 7px 6px 20px;
}
.menu li a{
color:#FFFFFF; font-size:11px;
}
.menu li:hover .submenu{
display:block;
}
.submenu_include:hover{
text-decoration:none;
}
.submenu {
margin-top:5px;
list-style-type:none;
background-color:#8a0303;
position:absolute;
width:130px;
display:none;
}
.submenu li{
display:block;
float:none;
padding:5px 3px 3px 5px;
}
.submenu li a{
color:#FFFFFF;
font-size:11px;
}
/***Navigation end-------*/
/***Header end-----------*/
/***Content start----------------*/
#content {
padding-bottom:214px;
}
.main_content {
padding:24px 21px 0;
}
.left {
float:left;
width:190px;
}
/***SEARCH PANEL start***********/
.search_panel {/*margin-top:3px;*/}
.search_panel .header {
background:url(../images/bg/find_panel_top.gif) no-repeat top left;
width:190px;height:15px;
}
.search_panel .content {
background:url(../images/bg/find_panel_center.gif) repeat-y top left;
width:190px;
}
.search_panel .content h2 {
color:#656600; padding: 5px 18px;
font-weight:bold; line-height:1.5;
font-size: 12px;
}
.search_panel .content input[type=text] {
width:145px;
border-bottom:1px solid #ddd;
border-top:2px solid #7c7c7c;
border-right:2px solid #c3c3c3;
border-left:2px solid #c3c3c3;
display:block
}
#sp_zip{
width:145px;
}
.search_panel .content select {
width:150px;
border-bottom:1px solid #ddd;
border-top:2px solid #7c7c7c;
border-right:2px solid #c3c3c3;
border-left:2px solid #c3c3c3;
display:block
}
.search_panel .content label {
display:block;
padding:10px 0;
}
.search_panel .content span {
font-size:10px;
}
.search {padding: 5px 18px}
.search_button{
border:none 0 !important;
font-size:12px; font-weight:bold;
color:#fff;width:78px !important;
padding-top:4px;padding-bottom:6px;margin-top:5px;
background: url(../images/search_button.png) no-repeat;
behavior: url(css/iepngfix.htc);
cursor:pointer;
}
.search_panel .footer {
background:url(../images/bg/find_panel_bottom.gif) repeat-y top left;
width:190px;height:13px;
padding:0; margin:0; line-height:0; font-size:0;
}
/**SEARCH PANEL end**/
.right {
float:right;
width:607px;
}
/***Bottom panel start--------------------*/
.join_mail {
background:#8a0303;
height:88px; width:860px; color:#fff;
margin-top:30px;
}
.bottom_panel_block_big {
width:200px;
margin-left:40px;
margin-right:76px;
/*margin-top:12px;*/
}
.bottom_panel_block_big input {
width:185px;
border-bottom:1px solid #ddd;
border-top:2px solid #7c7c7c;
border-right:2px solid #c3c3c3;
border-left:2px solid #c3c3c3;
display:block;
float:left;
}
.bottom_panel_block_big label {
margin-right:7px;
display:block;
float:left;
line-height:1.9;
}
.bottom_panel_block_big .small {margin-right:33px; font-size:10px; margin-top:3px;}
.bottom_panel_block_normal {
width:188px;
margin-top:12px;
}
.bottom_panel_block_small {
width:148px;
margin-right:82px;
margin-top:12px;
}
.fr {float:right}
.join_mail p, .join_mail a, .join_mail label {color:#fff;}
.join_mail h1 {color:#fff; font-size:14px; padding-bottom:11px;margin:0;}
.title_action {font-size:14px;font-weight:bold;margin:0;}
a.action {font-weight:bold; text-decoration:underline; margin-top:4px;}
/***Bottom panel start--------------------*/
/****Content end-----------------------------------*/
/****footer--------------*/
#footer {
background:url(../images/bg/content.gif) repeat-y top left;
height:214px;width:904px;
margin:-214px auto 0;
}
.banner_bottom {margin-top:4px; behavior: url(css/iepngfix.htc);}
.footer_content {padding:26px 21px 0;text-align:center;background:url("../images/bg/content.gif") repeat-y scroll left top transparent}
ul.footer_menu {list-style-type:none; margin-left:250px;}
ul.footer_menu li {
display:block;
float:left;
border-right:1px solid #b1b2b2;
padding:0 6px;
}
ul.footer_menu li a {
color:#58595b
}
ul.footer_menu li.last {border-right:none;}
#footer p {
text-align:center;color:#58595b;line-height:1.5;
margin-top:10px;
}
/****footer end---------*/
/********Reg form table start---------------------*/
.registration_content li{
font-size:14px;
margin-left:20px;
}
#reg_step1 td{
vertical-align:top;
}
#reg_step2 td{
vertical-align:top;
padding-bottom:10px;
}
input.disabled{border:2px solid #cccccc;background:#eeeeee}
.registration_content table.plan_switcher_table {border:1px solid #cccccc}
.registration_content table.plan_switcher_table td{padding:5px;border:1px solid #cccccc}
/********Reg form table end---------------------*/
/***Home page start------------------------*/
/*.post {/*float:left; width:445px/}*/
.post{
min-height:300px;
height:auto !important;
height: 300px;
}
.post p {
margin:10px 0;
font-size:14px;
line-height:1.2;
}
.post ul li {
font-size:14px;margin-left:20px;
}
.post ol li {
font-size:14px;margin-left:50px;
}
.home-header{margin: 0 auto; width: 185px; margin-bottom: 50px;}
.banner-wrapper{font-size:15px;padding:0 20px;line-height:21px;}
.banner-link {float:right;margin-top:-10px;}
.facebook-icon{height:48px;width:48px; margin-bottom:40px;padding-left:15px;}
.suv_nav {
margin:10px 0 15px;
}
.suv_nav h3.title{
text-align:center; color:#983f02; text-transform:uppercase; font-size:9px;
margin-top:18px;
line-height:1.5;
}
a.learn_more {
position:absolute;
color:#fff; text-transform:uppercase; font-size:9px; font-weight:bold;
}
.fl {float:left;}
.training {
background:url(../images/bg/apple_item.gif) no-repeat top left;
width:146px;height:114px; position:relative;
}
.training a.learn_more {bottom:18px;right:29px;}
.testing {
background:url(../images/bg/tablet_item.gif) no-repeat top left;
width:146px;height:119px; position:relative;
}
.testing a.learn_more {bottom:23px; right:29px;}
.seminars {
background:url(../images/bg/seminars_item.gif) no-repeat top left;
width:147px;height:114px; position:relative;
}
.seminars a.learn_more {bottom:18px; right:30px;}
.wellness {
background:url(../images/bg/willness_item.gif) no-repeat top left;
width:147px;height:115px; position:relative;
}
.wellness a.learn_more {bottom:19px; right:23px;}
.box {padding-right:7px;}
.suv_nav .last {padding-right:0;}
/***Home page end------------------------*/
/***Div with image in search and register pages start-----------*/
.image_div{
float:right;
margin:0 0 10px 10px;
padding: 0;
}
.member_type_description li{
font-size:14px;
margin-left:20px;
}
.slides_container{margin-top:30px;margin-bottom:10px;width:607px;}
/***Div with image in search and register pages end-----------*/
/***121 page start------------------------------*/
.description_121 {margin-bottom:20px;}
.description_121 li{
font-size:14px;
margin-top:10px;
}
.description_121 ul{
margin-left:25px;
}
/***121 page end---------------------------*/
/********Search result start-------------*/
.first_consultant_field{
border-bottom:1px solid #cccccc;
padding-top:0px;
padding-bottom:10px;
}
.consultant_field{
border-bottom:1px solid #cccccc;
padding-top:10px;
padding-bottom:10px;
}
.consultant_foto_wrapper{
width:166px;
height:166px;
float:left;
text-align:center;
/*border:1px solid #000;*/
}
.consultant_foto_frame{
background: url(../images/bg/foto_frame.jpg);
height:100%;
width:100%;
}
.consultant_foto_frame td{
width:166px;height:166px;
}
.consultant_foto_bgd{
background: url(../images/bg/foto_bgd.gif);
width:142px;
height:142px;
}
.consultant_foto_bgd td{
width:142px;height:142px;
}
.contact_me{
background-color:#cccccc;
padding-top:3px;
padding-bottom:3px;
width:166px;
}
.contact_me a{
color:#ffffff;
}
.consultant_main_info{
font-size:10px;
width:180px;
float:left;
/*border:1px solid #000;*/
padding-left:10px;
padding-right:10px
}
.consultant_main_info h3{
font-size:14px;
font-weight:bold;
color: #58595B;
margin-bottom:10px;
}
.right .consultant_main_info p{
font-size:10px;
padding:0;
margin:0;
}
a.cons_mail{
font-size:10px;
}
.consultant_main_info .about_consultant{
/*margin-bottom:10px;*/
}
.consultant_description{
width:180px;
float:left;
/*border:1px solid #000;*/
padding-left:10px;
}
/********Search result end-------------*/
/********Coach info start--------------------*/
.consultant_description_top_products_field {
width:180px;
float:left;
/*border:1px solid #000;*/
padding-left:15px;
margin:0;
}
.consultant_description_top_products_field p{
margin:0;
font-weight:bold;
font-size:12px;
}
.consultant_description_top_products_field ul{
list-style-image:url('../images/arrow.jpg');
font-color:#656600;
margin-top:10px;
}
.consultant_description_top_products_field ul li {
font-size:12px;
color:#656600;
margin-top:10px;
}
.png_social_links{
behavior: url(css/iepngfix.htc);
}
/********Coach info end--------------------*/
/***Search form and result table start------*/
#search_form input[type=text] {
width:165px;
border-bottom:1px solid #ddd;
border-top:2px solid #7c7c7c;
border-right:2px solid #c3c3c3;
border-left:2px solid #c3c3c3;
display:block
}
/***for ie (start)-----*/
#search_form #zip {
width:165px;
}
/***for ie (end)-----*/
#search_form select {
width:170px;
border-bottom:1px solid #ddd;
border-top:2px solid #7c7c7c;
border-right:2px solid #c3c3c3;
border-left:2px solid #c3c3c3;
display:block
}
table th {
background-color:#CECECE;
text-align:center;
}
#search_form td{
padding-top:10px;
padding-bottom:10px;
}
/***Search form and result table end---------*/
/***Button style start----------------------*/
.btn {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #8A0303;
}
.btn:hover {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #666600;
}
.cncl_btn {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #7e7e7e;
}
.cncl_btn:hover {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #a1a0a0;
}
.disabled_btn{
border: 1px solid #aaaaaa;
color: #ffffff;
background-color: #cccccc;
}
/***Button style end-------------------------*/
/***Validation start-----------------------------*/
.txterror {
color: #FF0000;
}
label.error{
display:block;
color: #FF0000;
}
label.success{
display:block;
color: green;
}
input.error { border: 1px dotted red; }
/***Validation end------------------------------*/
/***Contact page start-------------------*/
.contact_main_table table{
width:100%;
}
.contact_main_table td{
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
vertical-align:top;
}
.comment_in_the_middle{
height:120px;
line-height: 120px;
float:left;
}
.comment_text{
height:120px;
margin-left:90px;
}
.contact_inform p{
font-size:12px;
}
/***Contact page end-------------------*/
h1 {
color:#89181a; font-size:20px;
margin-bottom:10px;
font-weight:bold;
}
h2{
color:#89181a;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
}
h3 {
color:#89181a;
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}
p{
margin:10px 0;
font-size:14px;
line-height:1.2;
}
.txtsmall {
font-size: 10px;
color: #999900;
}
a.anchor1{
color:#a85657;
text-decoration:underline;
font-family:Helvetica,Arial,sans-serif;
}
/*
h1 {
color:#89181a;
font-size:20px;
margin-bottom:10px;
font-weight:bold;
}
h2 {
color:#89181a;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
}
h3 {
color:#89181a;
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}
h4 {
color:#89181a;
font-size:12px;
margin-bottom:10px;
font-weight:bold;
}
*/
.title1 {
font-size: 18px;
color: #8A0303;
font-weight: lighter;
text-transform: capitalize;
}
.title2 {
font-size: 14px;
color: #8A0303;
font-weight: bold;
text-transform: capitalize;
}
.title3 {
font-size: 8pt;
font-weight: normal;
color: #999900;
}
hr {
color: #F2F2F2;
line-height: 1px;
}
.tblBorder {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFCC00;
}
/*
.btn2-wrapper {
border: 1px solid #000000;
color: #FFFFFF;
height: 30px;
background-color: #8A0303;
margin: 3px;
}
.btn2-wrapper:hover {
border: 1px solid #000000;
color: #FFFFFF;
height: 30px;
background-color: #666600;
margin: 3px;
}
.btn2 {
color: #FFFFFF;
height: 30px;
text-decoration: none;
}
.btn2:hover {
color: #FFFFFF;
height: 30px;
text-decoration: none;
}
.clickhere {
background-color: #8A0303;
color: #FFFFFF;
margin: 5px;
padding: 5px;
}
*/
/*----- 121 program start-----*/
.testtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #8A0303;
font-weight: lighter;
text-transform: capitalize;
}
.testsstitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #8A0303;
font-weight: bold;
text-align:center
}
.testsstitlerow {
font-family: Arial, Helvetica, sans-serif;
background-image:url(https://121personalnutrition.com/121/images/testtitle_bg.gif);
background-repeat:repeat-x;
}
.testnote {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.testradio {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #000000;
text-align: center;
}
.testnumber {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #000000;
}
.testquestion {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.testquestionline {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.testtable {
background-color:#FFFFFF;
}
.testtablebot {
background-image:url(https://121personalnutrition.com/121/images/testtablebot_bg.gif);
background-repeat:repeat-x;
}
.ulspace {
padding-left: 35px;
margin: 0px;
}
.borderTopBottom {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.borderRight {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
.borderRightBottom {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.borderBottom {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.title2NoCaps {
font-size: 18px;
color: #8A0303;
}
/*---------121 program end---------*/
/***System messages (start)----------------------------*/
.system_messages {
margin: 0;
padding: 15px 0 0;
}
.system_messages li {
list-style:none;
margin: 0 0 7px;
padding: 6px 0 6px 38px;
font-size: 11px;
position: relative;
top: 0;
left: 0;
min-height: 1px;
list-style-position: outside;
font-weight:bold;
}
.system_title {
font-size: 11px;
}
.ico {
display: block;
width: 23px;
height: 23px;
background-repeat: no-repeat;
overflow: hidden;
position: absolute;
left: 4px;
top: 1px;
}
.red {
background: #e2c5c5 url(../121/admin/css/layout/red_message.gif) repeat-x;
border: 1px solid #cf9e9e;
color:#AE2727;
}
.red .system_title {
color: #ae2727;
}
.green {
background: #c7e5c2 url(../121/admin/css/layout/green_message.gif) repeat-x;
border: 1px solid #a2d399;
color:#386D19;
}
.green .system_title {
color: #386d19;
}
/***System messages (end)----------------------------*/
/*----Pagination Css Starts.....*/
div.pagination {
padding: 3px;
margin: 3px;
text-align:right;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #fbece1;
cursor:pointer;
text-decoration: none; /* no underline */
color: #8a0303;
}
div.pagination a:hover, div.digg a:active {
border: 1px solid #8a0303;
color: #8a0303;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #8a0303;
font-weight: bold;
background-color: #8a0303;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #fbece1;
color: #fbece1;
}
/****Page limit style***********************/
/***Client payment form (start)------------------*/
.payment_form {
margin-bottom:10px;
}
.payment_form table{
width:100%;
}
.payment_form table td{
padding:2px 10px;
}
.payment_form input{
width:150px;
}
/***Client payment form (end)------------------*/
/***Events table (start)------------------*/
#events_table {
width:100%;
}
#events_table td{
padding:10px 10px 10px 0;
}
#events_table th{
font-size:14px;
font-weight:bold;
background-color:#fff;
padding-bottom:20px;
}
/***Events table (end)------------------*/
#button_after_free_test{
border:none 0 !important;
background: url(../121/images/after_free_test/button_small.png) no-repeat;
behavior: url(css/iepngfix.htc);
cursor:pointer;
width:252px;
/*height:75px;*/
padding-top:17px;
text-align:center;
float:left;
margin-left:100px;
}
#button_after_free_test a{
font-size:12px;
color:#fff;
font-weight:bold;
}
/***Listing agreement (start)------------------------*/
#listing_agreement{
overflow-y: scroll;
width:98%;
height: 300px;
border:1px solid #000;
padding:5px;
}
#listing_agreement ul{
list-style:circle;
}
#listing_agreement ul li{
font-size:14px;
margin-left:15px;
margin-bottom:15px;
}
/***Listing agreement (end)------------------------*/
/***Payment receipt (start)---------------------------------------*/
#payment_receipt table td{
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding:5px;
}
#payment_receipt table{
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
/***Payment receipt (end)---------------------------------------*/
#logoreceipt{
display:none;
}