html,body {
margin: auto;
background-color:#91929b;
background-color:#e1e1e1;
background-image: url(../images/tall.jpg);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
height: 100%;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #555555;
}

.largeTxt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #555555;
line-height: 18px;
}

.largeTxt p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #555555;
line-height: 18px;
}

.boldTxt {
font-weight: 800;
}

a {
color: #475C78;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #475C78;
font-weight: bold;
text-decoration: underline;
}

h3 {
font-size:16px;
font-weight:400;
display: inline;
line-height: 20px;
color:#6e0000;
}

img
{  border-style: none;
}


#help {
float: right;
}

.title {
font-size: 18px;
font-weight: 400;
color: #304F78;
}

.pagetitle {
font-size: 24px;
line-height: 19px;
font-weight: 400;
color: #304F78;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #c5c5cc;
overflow:visible;
}


.clearFloat {
clear: both;
}

#add_field, #remove_field, #field {
display: inline;
}

#calcButtonRow {
float: left;
}

.calcButton {
background-color:#f0f0f0;
height: 18px;
text-align:center;
border: solid 1px #6C7D91;
}

.calcButton a {
text-decoration:none;
}

.calcButton p {
font-weight:normal;
color:#000;
font-size:11px;
text-decoration:none;
}

#addIngredient {
width: 105px;
margin-right: 14px;
}

#reset {
width: 70px;
}

#topBar {
width: 100%;
height: 30px;
background-color:#D3D3DC;
}

#topBarWrapper {
width: 955px;
height: 30px;
margin: auto;
}

#topBarOuterWrapper {
width: 1125px;
height: 30px;
margin: auto;
}

#topBarInnerWrapper {
width: 955px;
height: 30px;
margin: 0;
}



#topBarLeft {
float: left;
padding-top: 8px;
}

#topBarRight {
float: right;
padding-top: 3px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
border: 0;
padding: 0;
}


#bodyWrapper {
width: 1125px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

#hpbodyWrapper {
width: 955px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

#mainWrapper {
width:955px;
text-align: left;
margin-top: 15px;
float: left;
height: 100%;
}

#header {
/*background-image: url(/images/headerbg.gif);*/
background-repeat: no-repeat;
/*background-color:#A4A5C6;*/
}

.headerleft {
padding: 0 0 0 15px;
}

.headerleft img{
border-style: none;
}

.headerright {
padding: 10px 15px 0 0;
}

.headerright a {
color: #fff;
font-size: 16px;
font-weight: 400;
text-decoration: none;
padding: 0 20px 0 20px;
}

#hpmainbody {
background-image: url(../images/bodytopbg.gif);
background-repeat: repeat-x;
background-color: #fff;
padding: 7px 0 0 0;
position: relative;
height:100%;
}

#mainbody {
background-image: url(../images/bodytopbg.gif);
background-repeat: repeat-x;
background-color: #fff;
padding: 20px 10px 10px 10px;
position: relative;
height:100%;
}

#headingSpace {
height:50px;
}

/* Calculator Page CSS */
#calcPage {
width: 600px;
padding-left: 175px;
float:left;
}

#innercalcPage {
width: 599px;
padding: 10px 0 20px 0px;
}

#scaleWrapper {
padding: 10px 10px 0 0;
float:right;
width: 120px;
text-align: center;
}

/* End Calculator Page CSS */

#instructions {
width: 945px; 
background:#F3F3F8; 
display:none;
padding: 5px;
margin-bottom: 5px;
}

#instructions p {
font-size: 14px;
color: #222;
}

#note {
padding-left: 20px;
font-size: 12px;
}


#divideWrapper {
width:20px;
height:400px;
float:left;
background-image: url(../images/divider_vert.gif);
background-repeat: repeat-y;
}

#rightWrapper {
padding: 25px 10px 20px 0;
float:right;
width:302px;
}

#midWrapper {
padding: 10px 0 0 0;
float: left;
width: 135px;
text-align: center;
}

#leftWrapper {
width: 470px;
float: left;
padding: 0px 10px 0px 10px;
}

#contactForm {
width: 480px;
margin: auto;
}

/* ///////////////////////
Footer
////////////////// */


#bottomBar {
height: 7px;
padding: 0 0 0 315px;
background-color:#7f6c51;
position:relative;
}


#bottomWrapper {
padding: 15px 19px 20px 19px;
position: relative;
background-color: #5c2323;
/*background-image: url(../images/bodybotbg.gif);*/
/* background-repeat: repeat-x; */
overflow:hidden;
}

#botLWrapper {
width: 730px;
float: left;
}

#botRWrapper {
width: 120px;
float: right;
}

#directoryWrapper {
padding: 0px 15px 20px 15px;
position: relative;
background-color: #616161;
/*background-image: url(../images/bodybotbg.gif);*/
/* background-repeat: repeat-x; */
overflow:hidden;
}

#botLDirectory {
margin: 15px 0 0 0;
padding: 0px 15px 15px 15px;
border: 1px solid #333;
width: 600px;
float: left;
}

#botRDirectory {
margin: 15px 0 0 0;
background-color: #5a3131;
padding: 15px 7px 5px 7px;
text-align:center;
width: 255px;
float: right;
background-color: #757575;
}

#botRDirectory a {padding:7px 0 5px;color:#fff;font-weight:bold;}

#directory {float:left;width:100%;padding:0px 15px 0 15px;}	
			#directory ul {list-style-type:none;margin:0;padding:0;}
			#directory .title {padding:7px 0 5px;color:#fff;font-weight:bold;}
			#directory .linkMenu {margin-bottom:10px;}
			#directory .linkMenu li {padding-bottom:3px;font-size:13px;}
			#directory a {color:#bbb;font-weight:normal;}

.columns {}
	.columns .col {float:left;margin-right:10px;}
	.columns .col:last-child {margin-right:0;}
	.columns li p {margin-right:10px;}
	.columns.cols_2 .col {width:48%;}
	.columns.cols_3 .col {width:31%;}
	.columns.cols_4 .col {width:21%;}
	.columns.cols_5 .col {width:18%;}
	.columns.cols_6 .col {width:15%;}
	

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



#rightAd {
float: right;
width: 162px;
margin-top: 107px;
}

#ad {
border: 1px solid #A3A3DC;
display: block;
position: relative;
}

/*  Calculator   */
#calcWrapper {
background-color: #adadad;
background-image: url(../images/mainimage.jpg);
background-position: right top;
background-repeat:no-repeat;
padding:5px 0 0 0;
position: relative;
height:100%;
}

#innercalcWrapper {
position:relative;
padding: 0 0 0 25px;
height: 100%;
}

#calculatorBGWrap {
background-color:#c5c5cc;
height:100%;
}

#calculator {
border: solid 1px #c5c5cc;
width: 590px;
color:#0D0D0D;
position:relative;
padding: 3px;
height: 100%
}

#calculatorIn {
background-color:#c5c5cc;
background-image: url(../images/calcbg.jpg);
background-repeat: repeat;
height: 100%;
padding: 7px;
}

#calculatorTop {
background-color:#fff;
border: 1px solid #a57a7a;
height: 100%;
padding: 5px 0 5px 10px;
margin-bottom: 10px;
}

/* Calculator Form */
#calorieCalc {
height: 100%;
display:block;
}

#calorieCalc input {
border: solid 1px #6C7D91;
}

#calculator a {
color:#bc0909;
}

/* Calculator Header Items */
.rowHeading div {
margin-right: 5px; 
float: left; 
height: 20px;
}

.rowHeadName {
display: block;
width: 208px;
font-weight: 800;
font-size: 10px;
text-align: center;

}

.rowHeadItem {
display:block;
width: 108px;
font-weight: 800;
font-size: 10px;
text-align: center;

}
/* End Calculator Header Items */

/* Calculator Button */
#calculate {
width: 106px;
background-color:#c9cbe4;
}

.calculateRow {
height: 20px;
width: 552px;
}

.calculateRow div {
position: relative;
float: left; 
}

#targetCals {
float: right;
}

#bandCalc {
padding: 10px 0 0 70px;
}

.add_field {
float:left;
}

#recipe {
background-color: #e0e1fd;
border: 1px solid #6C7D91;
padding: 5px 0 0 10px;
}

/* Ingredient, Recipe Boxes */

.ingRow div, .recRow div { 
position: relative;
float: left; 
margin: 0 5px 5px 0;

}

.recRow div { 

background-color:#FFF;
height: 20px;
line-height: 14px;
padding-top: 5px;
}

.recRow, .ingRow {
padding-bottom: 5px;
padding-left: 0px;
}


#ing1namediv input{
border: 1px #800000 solid;
background-color:#FEE9EC;
color: #3737ED;
font-weight:bold;
}



.ingnamediv {
height: 20px;
width: 210px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.recnamediv {
height: 20px;
width: 207px;
padding-left: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
white-space:nowrap;
overflow:hidden;
}

.recitemdiv {
height: 20px;
width: 110px;
text-align:center;
}

.ingitemdiv {
height: 20px;
width: 110px;
text-align:center;
}

.ingname {
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
height: 16px;
}

.ing {
width: 100px;
padding-left: 2px;
}

.ing1 td {
border: solid 1px #6C7D91;
height: 20px;
text-align: center;
}

/* Auto Suggest CSS */ 
#ajax_response{
border : 1px solid #8789E7;
background : #ffffff;
position:absolute;
display:none;
padding:2px 2px;
margin-top:35px;
z-index:99999;
width: 300px;
}

#loading{
visibility:hidden;
padding-left:5px;
padding-top:3px;
}

.selected{
background : #cccff2;
}

.list {
padding:0px 0px;
margin:0px;
list-style : none;
}
.list li a{
text-align : left;
padding:2px;
cursor:pointer;
display:block;
text-decoration : none;
color:#000000;
}
.selected{
background : #cccff2;
}
.suggestbold{
font-weight:bold;
color: #131e9f;
}

.suggestreg{
font-weight:normal;
color:#000000;
}

/* End Auto Suggest */

.calheading td {
font-weight: 800;
text-align: center;
width: 110px;
}

#band {
position: relative;
margin-top:5px;
clear: both;
}

.number {
width: 100px;
}

#reciperesults table {
spacing:5px;
}

#siteinfo {
padding: 10px 0 0 0;
}

.rowodd {
background-color: #E7E7E7;
}

.roweven {
background-color: #F1F1F1;
}

#footer {
height: 43px;
/*background-image: url(../images/footerbg.gif);*/
background-repeat: no-repeat;
/*background-color: #646464;*/
width:100%;
vertical-align:top;
}

background-repeat: no-repeat;
/*background-color: #646464;*/
width:100%;
vertical-align:top;
}

.footerleft {
padding: 8px 0 0 0;
font size: 9px;
}

.footerright {
text-align: right;
padding: 8px 0 0 0;
font size: 9px;
}

.poweredBy {
position: relative;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
float: right;
}