* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

.left {float:left; display:inline;}
.right {float:right; display:inline;}
.clear {clear:both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}

body {font-family:Arial,sans-serif;font-size:12px;text-align:center; background-color:#cccccc;overflow-y:scroll;}
table {font-size:12px;}
img {border:0;}
a {outline:0; color:#00f;}

#main_wrapper {background:url(images/background.jpg) repeat-x;}
#main {margin:0 auto;text-align:left; width:900px; height:653px; padding: 10px 0 0 0;}

#header {background:url(images/logo_small.jpg) center left no-repeat; text-align:right; border-top:1px solid #fff; border-bottom:1px solid #b3b3b3;}
#login {border:1px solid #b3b3b3; float:right; display:inline; background-color:#d7e0ea; margin: 0 0 10px 0;}
#login td {padding:0 5px 0 5px;}
#home {float:left; height:80px; width:280px; display:inline;}
#tabs {clear:right; height:31px; overflow:hidden;}
#tabs .tab {float:right; display:inline; height:31px; font-size:16px; font-weight:bold; background:url(images/tab_mid.jpg) repeat-x; text-align:center; text-decoration:none; color:#000;}
#tabs .tab_left {float:left; display:inline; width:5px; height:31px; background:url(images/tab_left.jpg) no-repeat;}
#tabs .tab_right {float:right; display:inline; width:3px; height:31px; background:url(images/tab_right.jpg) no-repeat;}
#tabs .tab_farright {float:right; display:inline; width:5px; height:31px; background:url(images/tab_farright.jpg) no-repeat;}
#tabs .tab_label {margin-top:5px; height:31px;}

#content {border:1px solid #b3b3b3; height:512px; background-color:#fff;border-top:0;}
#content .box {border:1px solid #b3b3b3;}
#content .box_header {background:url(images/blue_box.jpg) repeat-x; height:43px; color:#fff; text-align:center;font-size:20px; font-weight:bold; padding-top:5px;}
#content .box_content {height:295px; background:url(images/box_back_short.jpg) repeat-x;}

#leftcol {float:left; width:300px; display:inline; margin: 0 0 0 18px; text-align:center;}
#leftcol .box {width:279px;}
#leftcol table {font-size:16px;margin:20px auto;}
#leftcol .guaranteed {font-size:24px; font-weight:bold; font-style:italic; margin:0 0 20px;}
#leftcol .box_content {background:url(images/fruits.jpg) bottom no-repeat;}

#midcol {width:296px; height:511px; background:url(images/doctor_close.jpg) no-repeat; float:left; display:inline;}

#page_main {float:left; display:inline;}
.page {width:595px; height:488px; float:left; display:none; background:url(images/box_border.jpg) no-repeat bottom; margin: 0 0 0 10px; padding: 0 0 0 30px;}
.page .box {width:524px; height:360px; overflow-y:scroll; background:url(images/fruits_background.jpg) no-repeat bottom; text-align:justify; padding:10px 5px 0;}

#page_whatwillyoueat .plate {float:right; display:inline; margin-left:5px;}

#rightcol {float:right; width:262px; display:inline; margin: 0 18px 0 0; text-align:center;}
#rightcol table {margin:0 auto; width:240px; font-weight:bold;}
#rightcol td {padding-top:10px;}
div[id="rightcol"] td {padding-bottom:2px;}
#rightcol input {height:24px;}
#rightcol input[type="radio"] {height:auto;}
#rightcol .radio_label {font-weight:normal;}

#current_weight, #goal_weight, #age {width:62px;}
#goal_weight_container {margin: 0 0 0 25px;}
#fname, #lname {width:105px;}
#email {width:100%;}
#rightcol #submit_button {height:auto; margin:10px 0 0 0; }

#footer {width:900px; font-size:11px; color:#333; margin:10px auto;}
#footer a {color:#333;}
#leftfooter {float:left; display:inline; text-align:left; width:420px;}
#rightfooter {float:right; display:inline; text-align:right; width:420px;}