/* Initial Settings */
body {
	margin: 0 auto;
	padding: 0;
	font:76%/140% Geneva,"Lucide Grande",Helvetica,sans-serif;
	text-align: center;
	background-image: url(images/Structure/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.clear {
	clear: both;
}

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

/* Font Settings */
h1 {
	font-family: sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: .04em;
	padding: 0 0 10px 20px;
	margin: 0;
	color: #5e88a8;
	background: url(images/haber-newsarrow.gif) left top no-repeat;
}

h1 a:link, h1 a:visited {
	color: #5e88a8 !important;
	color: #5e88a8;
	font-style: normal!important;
	font-style: normal;
}

h2 {
	font-family: sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: .04em;
	padding: 0 0 10px 0;
	margin: 0;
	color: #5e88a8;
}

h3 {
	font-family: sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: .04em;
	padding: 0 0 5px 0;
	margin: 0;
	color: #5e88a8;
}

h4 {
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .04em;
	padding: 0 0 5px 0;
	margin: 0;
	color: #1d425a;
}

h5 {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .04em;
	padding: 0 0 5px 0;
	margin: 0;
	color: #1d425a;
}

h5 a:link, h5 a:visited {
	color: #5e88a8 !important;
	color: #5e88a8;
	font-style: normal!important;
	font-style: normal;
}

h6 {
	font-family: sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: .04em;
	padding: 0 0 10px 20px;
	margin: 0;
	color: #5e88a8;
}

p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	color: #3c5087;
}

/* Site Structure Settings */
#site-container {
	margin: 0 auto;
	padding: 0 auto;
	width: 950px;
}
.sub-container {
	width: 950px;
	margin: 0px;
	padding: 0px;
}
.leftside {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
.top-logo {
	margin: 45px 0 27px 0;
}
/*
.cost-calc {
	margin: 0px;
	padding: 0px;
}	
*/
.trial {
	padding: 11px;
	background-color: #b8daf0;
}
.rightside {
	float: right;
	width: 700px;
	margin: 0px;
	padding: 0px;
}

.login {
	margin: 8px 0 0 0;
	padding: 0px;
}
.banner {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.content {
	margin: 0px;
	padding: 20px 34px 20px 34px;
	background-color: #FFFFFF;
	text-align: left;
}

.content img {
	padding: 0 15px 10px 0;
}

.content p {
	margin: 0 0 10px 0;
}

/*home.php*/
#main_home {
	float: right;
	width: 652px;
	text-align: left;
}

#main_home li {
	font-size: 1em;
	line-height: 1.4em;
	margin: 3px 0 0 0;
	color: #666;
}

#main_home ul {
	margin: 0 0 0 15px;
}

/*end Home.php */

#main {
	float: right;
	width: 622px;
	text-align: left;	
	margin: 15px 0;
	padding: 0 15px;
}

#main li {
	font-size: 1em;
	line-height: 1.4em;
	margin: 3px 0 0 0;
	margin: 0;
	color: #666;
}

/*#main ul {
	margin: 0 0 0 0;
}*/

#main p{
	margin: 5px 0 10px 0;
}
#main ol li{
	margin: 5px 0 10px 0;
}


#main-interior {
	float: right;
	width: 622px;
	text-align: left;
	margin: 15px 0;
	padding: 0 15px;
}

#main-interior p{
	margin: 5px 0 10px 0;
}
#main-interior ol li{
	margin: 5px 0 10px 0;
}

#main-interior li {
	font-size: 1em;
	line-height: 1.4em;
	margin: 3px 0 0 0;
	margin: 0;
	color: #666;
}

/*#main-interior ul {
	margin: 0 0 0 0;
}*/


#main_full {
	float: left;
	width: 870px;
	text-align: left;
	margin: 15px 0;
	padding: 0 15px;
}

#main_full p{
	margin: 5px 0 10px 0;
}
#main_full ol li{
	margin: 5px 0 10px 0;
}

/* HABER sidebar interior nav */


/* HABER nav */
#nav {
	text-align: center;
}

#nav ul {
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

#nav ul li {
	display: inline;
}

#nav ul li a:link, #nav ul li a:visited {
	float: left;
	padding: 6px 8px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: .9em;
	border-right: 1px solid #32526c;
}
#nav ul li a.last-nav {
	border: none;
}

#nav ul li a:hover {
	color: white;
	background: #32526c;
}


/* Footer nav */
#footer ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#footer ul li {
	display: inline;
}

#footer ul li a:link, #footer ul li a:visited {
	padding: 0 8px;
	margin: 0;
	color: #666;
	text-decoration: none;
	font-size: .9em;
	border-right: 1px solid #32526c;
}

#footer ul li a.last-nav {
	border: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}


/* ah2o drop nav */
.menu-container {
	width: 700px;
	margin: 0 auto;
}

.menu {
	width:700px;
	font-size:12px;
	position:relative;
	z-index:100;
	background-image: url(images/Structure/nav-back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	background-image: url(images/Structure/nav-back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/*
.menu ul ul {
width: 122px;
}
*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block !important;
display: inline;
font-family: Geneva, sans-serif;
font-size:11px;
text-decoration:none; 
color:#fff; 
padding: 0 7px;
height:27px; 
background-image: url(images/Structure/nav-back.jpg);
background-repeat: repeat-x;
background-position: left top;
line-height:28px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#2b4962;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#68c421;
}
.menu ul ul :hover > a.drop {
background:#68c421;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:0; 
width:122px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:27px;
t\op:28px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:122px; 
top:0;
width:122px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-122px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#93bad4; 
color:#fff; 
height:auto; 
line-height:1em;
padding: 5px;
width:122px;
text-align: left;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:122px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#68c421;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#68c421;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/*.sub-nav-cat a, .sub-nav-cat a.drop:visited{
text-align: left;
font-weight: bold;
background-color: #000000;
}*/

/*Copyright*/
.copyright {
	padding: 0 8px;
	margin: 0;
	color: #666;
	text-decoration: none;
	font-size: .8em;
}

.copyright a{
	text-decoration: none;
}
/*End Copyright*/

/*Print Icon and Area*/
.print-float-r {
float: right;
margin: 0 0 0 5px;
font: .4em;
}

/* [Begin] product css styles */
.product_item {
	width: 622px;
	padding: 10px 0 10px 0;
	margin: -1px 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}
.products-pic {
	float:left;
	margin: 0;
	padding: 0;
	width: 100px;
	text-align: center;
}
.products-info {
	float:right;
	margin: 0;
	padding: 0;
	width: 500px;
	text-align: left;
}

.product-info {
	float:right;
	margin: 0;
	padding: 0;
	width: 440px;
	text-align: left;
}
.product-pic {
	float:left;
	margin: 0;
	padding: 0;
	width: 160px;
	text-align: center;
}

.product_item a {
	color:#265e9b;
}
.product_title {
	font-weight: bold;
	color: #5e88a8;
}
.product_descr {<link rel="stylesheet" type="text/css" href="ah2o.css">
	color: #000000;
}
.product_price {
	font-size: 10px;
	color: #FF0000;
}
.product-search {
	color: #660066;
}
.product-display-l {
	/*width: px;*/
	float: left;
	margin: 0px;
	padding: 0px;	
}
/* [End] product css styles */

/* [Begin] Cost calculator styles */
.cost-calc {
	margin: 0 0 0 0;
	padding: 0px;
	width:250px; 
	/*height:179px; */
	height:270px;
	background-image: url(new-slices/cost_calc.jpg); 
	background-position: left top;
}	



.calc-text-box {
	width:71px;
	height:17px;
}

.calc-bottles-input {
	position:relative;
	top:81px;
	left:76px;	
}

.calc-bottles-cost-input {
	position:relative;
	top:93px;
	left:76px;	
}

.calc-coolers-input {
	position:relative;
	top:106px;
	left:76px;	
}

.calc-coolers-cost-input {
	position:relative;
	top:117px;
	left:76px;	
}

.calc-savings-button {
	position:relative;
	top:133px;
	left:75px;	
	width:98px;
	height:30px;	
}

.calc-savings-display {
	position: absolute;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	text-align:left;
	top: 293px;
	left: 161px;
	width:228px; 
	height:150px; 
	background-color: #ffffff;
	border:5px solid #265e9a;
}

.calc-blue {
	font-size: 1.3em;
	color: #0955a8;
}

.calc-green {
	font-size: 1.3em;
 	color: #68c421;
}
/* [Begin] Cost calculator styles */

.footer {
	text-align: center;
	width: 950px;
	margin: 0 auto;	
}
.credits {
	font-size: .8em;
}

.partners a {
	text-decoration: none;
}

.ullist {
	color:#3C5087;
	font-size:12px;
	margin:10px 0 10px 20px;
	padding:0;
	
}
.ullist li{
	margin-bottom:5px;
	list-style:none;
}
.arrow {
	background-image:url(images/haber-newsarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:14px;
	padding-left:20px;
	font-weight:bold;
}
.arrownobold {
	background-image:url(images/haber-newsarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}
.ollist {
	color:#3C5087;
	font-size:12px;
	margin:10px 0 10px 20px;
	padding:0;
}
.ollist li{
	margin-bottom:5px;
}
.sani{
	background-image:url(images/logos/sani.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-left:85px;
}