body {

	background-image: url(images/bg2.jpg);

	background-repeat: no-repeat;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #4493c7;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #444545;

	



}



.wrapper{

width:1260px;

margin:0 0 0 0;

float:left;}



.container{

height:auto;

margin:0 0 0 210px;

text-align:left;

width:1000px;

float:left;

}



.left{ width:757px; float:left; margin:0 0 0 0; }

.left_top{ height:129px; width:757px; background-image:url(images/index_01.png); background-repeat:no-repeat; float:left;}

.left_mid{ width:757px; background-image:url(images/index_03.png); background-repeat:repeat-y; float:left; line-height:15pt;}

.left_bot{ height:77px; width:757px; background-image:url(images/index_04.png); background-repeat:no-repeat; float:left;}



#logo{   

        width: 310px; 

        height: 72px; 

		float:left;

		padding:8px 0 0 57px;

		}



a.logo { 

        background:url(images/naturamax-logo.png) repeat 0px 0px; 

        width: 310px; 

        height: 72px;;   

        display: block; 

		

}



a.logo:hover { 

        background: url(images/naturamax-logo.png) repeat 0px 0px; 

}













.right{width:170px; float:left; margin:105px 0 0 0;}







.aerobuttonmenu{ /*container that holds a row of aero buttons*/

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: auto;

background: #F7F7F7; /*menu strip background*/

border: 1px solid gray;

padding: 4px 0;

border-width: 0px 0;

}



* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/

width: 100%;

}



.aerobuttonmenu a.aero{ /*aero button CSS*/

background: transparent url('images/aeroleft.gif') no-repeat top left;

display: block;

float: left;

font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */

line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */

height: 31px; /* Height of button background height */

padding-left: 10px; /* Width of left menu image */

text-decoration: none;

margin-right: 5px; /*spacing between buttons*/

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/

opacity: 0.9;

-moz-opacity: 0.9;

}



.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{

color: white; /*button text color*/

}



.aerobuttonmenu a.aero span{

background: transparent url('images/aeroright.gif') no-repeat top right;

display: block;

padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/

}



.aerobuttonmenu a.aero:hover{ /* Hover state CSS */

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/

opacity: 1;

-moz-opacity: 0.99;

}



.aerobuttonmenu a.aero:hover, selected span{ /* Hover state CSS (for text) */

color: yellow;

}

.selected{color: yellow;}



.livechat{width:215px; height:87px; margin:15px 25px 0 0; float:right;}



h1 {font:normal 18px/25px Verdana, Arial, Helvetica, sans-serif; color:#023ffd; border-bottom:1px #CCCCCC solid; padding:10px; font-weight:bold;}

h2 {font:normal 16px/20px Verdana, Arial, Helvetica, sans-serif; color:#405566;  font-weight:bold; color: #08c;}





img.pic{

float:left;

padding:5px;

margin:0 10px 10px 0;

border:1px  #CCCCCC solid;

}



img.pic1{

float:right;

padding:5px;

margin:10px 0 10px 5px;

border:1px  #CCCCCC solid;

}



.benefits dl {

	position: 			relative;

	margin: 			0 0 0 0;

	}



	.benefits dl dd {

		position: 			relative;

		margin: 			0 0 10px 20px;

		padding: 			0px 0 0 50px;

		min-height: 		24px;

		height: 			32px;

		background:			url(images/leaf.png) no-repeat;

		font-size: 14px;

		font-weight:bold;

		color:#0056a6;

		



	}

	

	

	#testis {

	

  border: 1px #CCCCCC dotted; padding:10px;

  background-color:#d4f1fb;

}





#form{float:left; margin:25px 15px 0 0; width:450px;}



#inputArea

	{

	    font-family: Arial, Sans-Serif;

	    font-size: 13px;

	    background-color: #d6e5f4;

	    padding: 10px;

	    width:450px;

		float:left;

			}

	#inputArea input, #inputArea textarea

	{

	    font-family: Arial, Sans-Serif;

	    font-size: 13px;

	    margin-bottom: 5px;

	    display: block;

	    padding: 4px;

	    width: 425px;

		

	}



        .activeField

        {

            background-image: none;

            background-color: #ffffff;

            border: solid 1px #33677F;

        }

        .idle

        {

	    border: solid 1px #85b1de;

	    background-image: url( 'images/blue_bg.png' );

	    background-repeat: repeat-x;

	    background-position: top;

        }





.formbutton {

cursor : pointer;

border : 1px outset #ccc;

background : #999;

color : #666;

font-weight : bold;

padding : 1px 2px;

background : url(images/formbg.gif) repeat-x left top;

margin-left:2px;

}



.button{width:450px; background-color:#d6e5f4;  float:left; padding:10px;}



img.pic{
float:left;
padding:5px;
margin:10px 10px 10px 0;
border:1px  #CCCCCC solid;
}




.footer{width:900px; float:left;}



.footer a {

	color: #fff;

	text-decoration: none;

}

.footer  a:hover  {

	color: #fff;

	text-decoration: underline;

}



.footer_txt{width:800px; overflow: hidden; float:left; margin:20px 0 0 200px; font-family: Arial, Helvetica, sans-serif; color:#7c7b7b; font-size: 12px;}





.footer_txt ul{

margin: 0;

padding: 0;

padding-left: 10px; /*offset of tabs relative to browser left edge*/

list-style-type: none;



}







.footer_txt li{

display: inline;

margin: 0;



}





.footer_txt li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 7px 10px; /*padding inside each tab*/

/*border-right: 1px dotted #ffcd8d; right divider between tabs*/

color:#fff;

}





.footer_txt li .last {

     border-right: none;

}





.footer_txt li a:visited{

color: #fff;



}



.footer_txt li a:hover, .footer_txt li.selected a{

color: #fff; 

text-decoration: underline;



}





#statements{

	width:700px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #fff;

	padding-top:10px;

	padding-left:48px;

	text-align:center;

	}

#c_link{text-align:center; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; padding-top:15px; color: #fff;}




#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}