/*main sections*/

body {font-size: x-small;
/*for IE5/Win*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
/*compliant browsers*/
background-color: #cbf1f4;
margin: 0px;
padding: 0px;
color: #999999;}

html>body {/*to be nice to Opera*/
font-size: small;}

form {margin: 0;
display: inline;}

#main {position: relative;
width: 880px;
margin: 0 auto;
font-size: 100%;
font-family: Arial, sans-serif;
background-image: url(images/mainpaper.gif);
background-repeat: repeat-y;
background-position: center top;}

#main_white {position: relative;
width: 880px;
margin: 0 auto;
font-size: 100%;
font-family: Arial, sans-serif;
background-image: url(images/mainpaperwhite.gif);
background-repeat: repeat-y;
background-position: center top;}

#header {height: 107px;
background-image: url(images/bannershopnaturally.gif);}

.freeshipping{
padding-left: 540px;
padding-top: 20px;}

.shippingcharges{
border-collapse: collapse;
}

.redbold{
font-weight: bold;
color: #cc0000;}

.largertext{
font-size: 115%;}

.waterbottlecomparison{
width: 450px;
height: 70px;
padding-top: 5px;
background-image:url(images/water-bottle-comparison-chart.gif);
background-repeat:no-repeat;
margin: 0 auto;
text-align: center;
color: #ffffff;
font-size: 17px;
font-weight: normal;
text-align: center;}

.waterbottlecomparison a{
text-decoration: none;
color: #ffffff;}

.waterbottlecomparison a:hover{
text-decoration: none;
background-color: #ffffff;}

.shippingcharges th{
text-align: center;
background-color: #67a4aa;
color: #ffffff;
font-size: 13px;
padding: 3px;
border: 1px solid #000000;}

.shippingcharges td{
text-align: center;
padding: 3px;
border: 1px solid #000000;
color: #000000;}


#tagline {height: 15px;
color: #548d92;
width: 860px;
margin: 0 auto;
background-color: #e5e5e5;
font-size: 11px;}

#tagline h2 {text-align: center;
font-weight: normal;
margin: 0;
padding: 0;
font-size: 11px;}

#bannerphotos {height: 112px;
background-image: url(images/fadephotos1.jpg);}

#navigation {background-image: url(images/navpaper.gif);
height: 38px;}

#navigation_white {background-image: url(images/navpaperwhite.gif);
height: 38px;}

#navinfo {color: #ffffff;
padding-top: 5px;
font-size: 13px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;}

#navinfo a {text-decoration: none;
color: #ffffff;
padding: 0 15px;}

#navinfo a:hover {color: #ffc364;}

#shop_content {padding: 0 10px;
background-color: transparent;}

#footersurround {width: 880px;
margin: 0 auto;
font-family: Arial, sans-serif;
background-image: url(images/footerpaper.gif);
background-repeat: repeat-y;}

.quicklinkshead{
font-size: 13px;
font-weight: bold;
padding-bottom: 4px;
color: #ffffff;

}

.quicklinkssubhead{
font-size: 11px;
font-weight: bold;
padding-bottom: 0px;
color: #c7edf1;
border-bottom: 1px solid #c7edf1;
text-align: center;}

.quicklinks{
}

.quicklinks th{
text-align: left;
font-weight: normal;
padding: 0 8px;
border-right: 0px dashed #92cacf;
vertical-align: top;}

.quicklinks td{
text-align: left;
font-weight: normal;
padding: 0 5px;
vertical-align: top;}

.quicklinks a{
text-decoration: none;}

#footercontent {font-size: 80%;
color: #FFFFFF;
padding: 10px;
text-align: center;}

#footercontent a {color: #FFFFFF;}

#footercontent a:hover {color: #677954;
background-color: #FFFFFF;}

#footercredit {font-family: Arial, sans-serif;
color: #67a4aa;
width: 860px;
margin: 0 auto;
text-align: center;
font-size: 80%;
background-image: url(images/footercreditpaper.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 23px;}

#footercredit a {color: #67a4aa;
text-decoration: none;}

#footercredit a:hover {color: #67a4aa;
text-decoration: none;}

.clearit {clear: both;
height: 0;
line-height: 0;
font-size: 1px;}

.floatrightgeneric {float: right;
margin-left: 10px;}

.floatleftgeneric {float: left;
margin-right: 10px;}

.indextable {}

.indextable th {
padding-bottom: 4px;}

.indextable td {
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
color: #719dbd;
text-align: justify;
padding-bottom: 20px;
vertical-align: top;}

.indextable a{
font-weight: bold;}

.redbold{
color: #ff0000;
font-weight: bold;}

.competition{
border-collapse: collapse;
border-bottom: 3px solid #005fae;
border-top: 3px solid #005fae;}

.competition th{
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;}

.competition td{
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;}


/*end main sections*/

/*text*/

/*h1 {color: #99c926;
text-transform: lowercase;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: bold;
text-align: left;
margin-top: 0px;}*/

h1{
color: #71b0b6;

	FONT-WEIGHT: bold;
	FONT-SIZE: 23px;
	text-transform: lowercase;
	BACKGROUND-IMAGE: url(images/dialog_bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	VERTICAL-ALIGN: middle;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 55px;
	PADDING-RIGHT: 0px;
	TEXT-ALIGN: left;
	margin-top: 0px;
	}
	
	.h1smaller{
	padding-left: 15px;
	font-size: 60%;
	COLOR: #ef9a14;}

h2 {font-size: 150%;}

p {font-size: 100%;}

ul li {font-size: 100%;}

.smallblack {font-size: 80%;
color: #000000;}

.smallwhite {font-size: 80%;
color: #FFFFFF;}

.darkblueheading {font-size: 130%;
font-family: Arial, sans-serif;
color: #67a4aa;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px dotted #67a4aa;}

.darkbluesubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #67a4aa;
font-weight: bold;}

.limeheading {font-size: 130%;
font-family: Arial, sans-serif;
color: #99c926;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px dotted #99c926;}

.limesubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #99c926;
font-weight: bold;}

.orangeheading {font-size: 130%;
font-family: Arial, sans-serif;
color: #ffb43e;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px dotted #ffb43e;}

.orangesubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #ffb43e;
font-weight: bold;}

.greyheading {font-size: 130%;
font-family: Arial, sans-serif;
color: #999999;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px dotted #999999;}

.greysubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #999999;
font-weight: bold;}

.blacksubheading {font-size: 100%;
font-family: Arial, sans-serif;
color: #000000;
font-weight: bold;}

/*end text*/

/*menu styling*/

#menu th {background-image: url(images/navbackground.jpg);
border: 1px #373737 solid;
text-align: center;
color: #6c207e;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 165%;}

#menu td {border: 1px #ececec solid;}

.menuitem {font-size: 115%;
color: #2d77a7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;}

.menudescription {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
color: #363636;
font-style: italic;}

/*end menu styling*/

/*hyperlinks*/

a {color: #99c926;
text-decoration: underline;}

a:hover {color: #67a4aa;}

/*end hyperlinks*/

/*images*/

.leftimage {margin-right: 15px;}

.rightimage {margin-left: 15px;}

img {border: none;}

/*end images*/

/*start form fields*/

.formfields {border: 1px #cc0000 solid;
background-color: #f8f8f8;
color: #2f2f2f;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;}

.submitbutton {border: 2px #cc0000 solid;
background-color: #cc0000;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;}

/*end form fields*/

.bulkbuy{
margin: 10px auto;
width: 325px;
height: 76px;
background-image: url(images/bulkpaper.jpg);
padding: 14px 10px 0px 115px;
color: #000000;}

.bulkbuy a{
color: #cc0000;
font-weight: bold;}

.lnl{
margin: 10px auto;
width: 275px;
height: 53px;
background-image: url(images/locknlockpaper.jpg);
padding: 37px 10px 0px 165px;
color: #000000;}

.lnl a{
color: #cc0000;
font-weight: bold;}