body{font-family: Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background: url(../img/bg/bg.jpg) repeat-x;}

/*
------------------------------------------------------
=MAIN STRUCTURE
------------------------------------------------------*/
#container{ width:auto; margin-left:auto; margin-right:auto; display:block; padding-bottom:10px; }
#wrap-all{ width:770px; margin-left:auto; margin-right:auto; display:block;  }

/*
------------------------------------------------------
=CLEARING
-----------------------------------------------------*/
.clear{clear:both;} .clearleft{clear:left;} .clear10{clear:both; height:10px;} .last{margin-right:0px !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.center { margin-left:auto; margin-right:auto; display:block;} .break {height:5px; clear:both}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.l { float:left; }
.r { float:right; }

h1 { font-size:2.4em; color:#252424;}
h2 { font-size:1.4em; color:#E91922; font-weight:bold; }
h3 { font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:1.4em; color:#1F97DF; font-weight:bold; margin-bottom:5px;}
h1.disclaimer {background:url (../img/headers/disclaimer_sml.gif) no repeat 0 0; height: 29px; width: 298px; text-indent: -5000px;}
h1.privacy {background:url (../img/headers/privacy.gif) no repeat 0 0; height: 29px; width: 298px;}
.line { background:url(../img/bg/dotted-line-horizontal.jpg) repeat-x; height:2px; width:90%; display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:5px;}

/*
------------------------------------------------------
=HEADER 
-----------------------------------------------------*/
#header { background:url(../img/banners/home-banner.png) no-repeat center; height:113px;}
#header #wrap-header { width:770px; position:relative; margin-left:auto; margin-right:auto;}
#header img.header-box { position:absolute; top:-10px; right: 0px; z-index:1001; }
#header img.header-logo { position:absolute; top:5px; left: 0; }
#header img.header-bootles { position:absolute; top:0px; right: 17px; }

/*
------------------------------------------------------
=HEADER FLASH
-----------------------------------------------------*/
#header #bootles { position:absolute; top:0px; right: 0px;}
.no-bg {background:none!important;}
/*
------------------------------------------------------
=Main Navigation 
-----------------------------------------------------*/
#main-nav { background:url(../img/bg/menu-bg.jpg) no-repeat center -2px; height:46px; padding-top:15px;}
#main-nav #navigation{width:770px; margin-left:auto; margin-right:auto; height:44px;}
#nav li{float:left; display:inline; height:34px; line-height:34px; text-indent:-8000px; overflow:hidden;}
#nav li a{display:block; height:34px; background-position:7px 0; background-repeat:no-repeat;}
#nav li a.selected{background-position:7px -34px; cursor:pointer;}
#nav li a:hover{background-position:7px -68px; cursor:pointer;}
#nav li#nav1{width:80px;}#nav li#nav1 a{background-image:url(../img/nav/home.gif);}
#nav li#nav2{width:120px;}#nav li#nav2 a{background-image:url(../img/nav/about-us.gif);}
#nav li#nav3{width:120px;}#nav li#nav3 a{background-image:url(../img/nav/products.gif);}
#nav li#nav4{width:170px;}#nav li#nav4 a{background-image:url(../img/nav/healtly-leaving.gif);}
#nav li#nav5{width:80px;}#nav li#nav5 a{background-image:url(../img/nav/news.gif);}
#nav li#nav6{width:80px;}#nav li#nav6 a{background-image:url(../img/nav/ads.gif);}
#nav li#nav7{width:95px;}#nav li#nav7 a{background-image:url(../img/nav/fun-stuff.gif);}

/*
------------------------------------------------------
=Family Feature (home page)
-----------------------------------------------------*/
#family { width:770px; height:347px; background:url(../img/bg/home-feature.jpg) no-repeat; margin:0 auto 0 auto;}
#family #list{ float:right; width:220px; margin-right:12px; display:inline; font-size:1.4em; text-align:left; padding-top:30px;}
#family #list ul li { background:url(../img/icons/quote.gif) no-repeat 0 7px;; padding:10px 10px 15px 35px;}

/*
------------------------------------------------------
=MAIN
-----------------------------------------------------*/
#main { width:770px; margin-left:auto; margin-right:auto; text-align:left;}
#main p a{ color:#77BFEA!important; text-decoration:underline;}
#main p a:hover { color:#3B2D77; text-decoration:none;}
#main img.heading { margin: 5px 10px; float:left; }
#main img.headingfullwidth { margin: 5px 10px;}
#main p.speek { background:url(../img/bg/speek-end.gif) no-repeat right top; float:left; height: 20px; padding: 5px 10px 5px 0px; margin-top:13px; color:#7DA5BE; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
#main p.speek span {background:url(../img/bg/speek-bg.gif) no-repeat left top; height: 20px; padding:5px 0 5px 15px;}

/*
------------------------------------------------------
=CONTENT
-----------------------------------------------------*/
#main #content { margin-left:auto; margin-right:auto; width:750px; background:url(../img/bg/content-top.gif) no-repeat; margin-top:5px; padding:5px 10px 0 10px; position:relative; 

/*min-height hack */
 min-height: 360px;   
 height:auto !important; 
 height:360px;  }
 
#main #content img.heading { margin-left:0!important}
#main #content p { font-size:1.2em; color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif}

#content img.content-box { position:absolute; top:-40px; right: 10px; }

/*
------------------------------------------------------
=TABLE
-----------------------------------------------------*/
table.info { width:400px; font-size:1.1em; color:#1D92D8; margin: 7px 0; font-family:Lucida Grande, Arial, Helvetica, sans-serif;}
table.info th{font-weight:bold; font-size:16px; border-bottom:1px solid #999; padding:4px 8px; text-align:left;}
table.info td{padding:7px 8px; border-bottom:1px solid #eee; text-align:left;}
table.info tr.alt td{background-color:#EBF7FE;}
table.form { width:400px; font-size:1.1em; color:#1D92D8; margin: 7px 0; font-family:Lucida Grande, Arial, Helvetica, sans-serif;}
table.form  th{font-weight:bold; font-size:16px; border-bottom:1px solid #999; padding:4px 8px; text-align:left;}
table.form  td{padding:7px 8px; border-bottom:1px solid #eee; text-align:left;}
table.form td label span.name {display:none;}
table.form  th{padding:px 8px; border-bottom:1px solid #eee; text-align:left; font-size:1.1em;}
table.form  tr.alt td{background-color:#EBF7FE;}
table.form input.send { background-color:#4178B2; background:url(../img/bg/button-bg.gif) repeat-x; padding: 5px; border: solid 1px #104E93;  cursor:pointer; color:#fff; }
table.form input.text { border: solid 1px #dddddd; padding:4px; font-size:1.0em; width:90%; background-color:#FFFFF0;}
table.form input.text:focus { border: dashed 1px #dddddd; background-color:#FFFFE6; }
table.form textarea { border: solid 1px #dddddd; padding:4px; font-size:1.2em; width:90%; background-color:#FFFFF0;}
table.form textarea:focus { border: dashed 1px #dddddd; background-color:#FFFFE6; }
table.form span.highlight {color: #0272B5;}
table.form  td.tandc {line-height: 1.6em; font-size:0.9em; }

/*
------------------------------------------------------
= UNORDERED LIST
-----------------------------------------------------*/
ul.list { font-size:1.2em; color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin:2px 0 10px 0; padding-left:30px;}
ul.list li { padding: 3px 0 3px 20px; background:url(../img/icons/tick.gif) no-repeat 0 3px; height:1%;}
ul.list li.one {background:url(../img/icons/lemon.gif) no-repeat 0 5px;}
ul.list li.two {background:url(../img/icons/p.gif) no-repeat 0 5px;}
ul.list li.three {background:url(../img/icons/str.gif) no-repeat 0 5px;}
ul.list li.four {background:url(../img/icons/banana.gif) no-repeat 0 5px;}
ul.list li.five {background:url(../img/icons/greaps.gif) no-repeat 0 5px;}
ul.list li.six {background:url(../img/icons/melon.gif) no-repeat 0 5px;}
ul.list li.seven{background:url(../img/icons/kivi.gif) no-repeat 0 5px;}
ul.list li.eight{background:url(../img/icons/apple.gif) no-repeat 0 5px;}
ul.no-padding { padding-left:0!important;}

/*
------------------------------------------------------
= SITE LIST
-----------------------------------------------------*/
ul.site { color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin:2px 0 20px 0; padding-left:30px;}
ul.site li { padding: 3px 0 1px 20px; background:url(../img/icons/tick.gif) no-repeat 0 5px; font-size:1.6em; font-weight:bold; }
ul.site li.sub {margin-left:20px; background:url(../img/icons/dot.gif) no-repeat 0 10px; padding-top:5px; padding-left:10px; font-size:1.2em; font-weight:normal;}
ul.site li a { color:#77BFEA!important; text-decoration:none;}
ul.site li.title { padding: 7px 0 0px 20px; margin-bottom:-2px; background:none; font-size:1.2em; font-weight:normal; font-style:italic; }
ul.site li a:hover { color:#3B2D77; text-decoration:none; border-bottom:1px solid #77BFEA;}
ul.site li.blue { color:#77BFEA!important; text-decoration:none; padding: 3px 0 1px 20px; background:url(../img/icons/tick.gif) no-repeat 0 5px; font-size:1.6em; font-weight:bold;}

/*
------------------------------------------------------
=ORDERED LIST
-----------------------------------------------------*/
ol.order-list { font-size:1.2em; color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin:5px 0 10px 0; padding-left:30px;}
ol.order-list li { padding: 3px 0 3px 25px; }
ol.order-list li.one {background:url(../img/icons/one.gif) no-repeat 0 4px;}
ol.order-list li.two {background:url(../img/icons/2.gif) no-repeat 0 4px;}
ol.order-list li.three {background:url(../img/icons/3.gif) no-repeat 0 4px;}
ol.order-list li.four {background:url(../img/icons/4.gif) no-repeat 0 4px;}
ol.order-list li.five {background:url(../img/icons/5.gif) no-repeat 0 4px;}
ul.ingredients { font-size:1.0em; color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin:5px 0 10px 0;  }
ul.ingredients li { padding: 1px 0 1px 15px; background:url(../img/icons/arrow.gif) no-repeat 0px 2px;  height:1%; text-transform:uppercase;}
#left .site-wrap {float:left; width:250px; margin-top:10px;}
/*
------------------------------------------------------
=Sliders
-----------------------------------------------------*/
ul.recipes { margin: 10px 5px 10px 0px;  padding-left:10px; height:300px; font-size:1.2em; color:#305F7D; float: right; background:url(../img/bg/dotted-line.jpg) no-repeat top left; }
ul.recipes  li { display:block; padding-top:4px; border-bottom: solid 1px #eee;}
ul.recipes  li.active img{ }
ul.recipes  li img{ cursor:pointer;}
ul.history {   padding:3px; font-size:1.2em; color:#305F7D; margin-left:-10px;  }
ul.history  li { display:inline; padding:4px 3px 4px 4px; cursor:pointer; font-weight:bold; background:url(../img/bg/tab.gif) repeat-x; border: solid 1px #eee;}
ul.history  li.active {  background:url(../img/bg/tab_active.gif) repeat-x; color: white;}
ul.history li img{ cursor:pointer;}

#panes { padding-top:10px; margin-right:10px; font-size:0.9em!important; background:url(../img/bg/history.gif) repeat-x;}
#panes ul, #panes ol { padding-left:0!important;}


/*
------------------------------------------------------
=NEWS Listing
------------------------------------------------------*/
#content .news-listing{margin-bottom:20px; margin-top: 10px; padding-bottom:5px;}
#content .news-listing p{margin-bottom:5px; margin-top:5px;}
#content .news-listing p a{ background:url(../img/icons/quote.gif) no-repeat 0 8px; padding: 20px 0 5px 35px!important; margin-bottom:5px;}
#content .news-listing p.small{color:#999!important; font-size:1em!important; margin-top: 5px!important;}
#content .news-listing img{ float:right; margin-right:15px; margin-left:15px;}
#content .news-listing h1 { color:#332771; font-size: 1.8em; margin-bottom:15px;}
#content .news-listing p { margin-bottom:10px;} 

/*
------------------------------------------------------
=ADS
-----------------------------------------------------*/
#content #tv-ads { float:left; width: 355px; height: 370px; position:relative; background:url(../img/bg/divider.jpg) no-repeat right top; padding:40px 10px 10px 10px; }
#content #tv-ads img.tv { position:absolute; left: -15px; top: -16px;}
#content #tv-ads .thumb_contain { margin-top: 12px; clear:both; margin-top: 85px; }
#content #tv-ads .thumb_contain img {   border: solid 1px #ddd;}
#content #tv-ads .thumb_contain .img-holder { float:left; padding: 2px; margin-right: 0px; margin-left:0px; text-align:center; display:inline;}
#content #outdoor-ads { float:left; width: 355px; height:370px; position:relative; padding:40px 10px 10px 10px;}
#content #outdoor-ads img.outdoor { position:absolute; right:-45px; top: -22px;}
#content #outdoor-ads .thumb_contain { margin-top: 12px; clear:both; margin-top: 56px; }
#content #outdoor-ads .thumb_contain img {   border: solid 1px #ddd;}
#content #outdoor-ads .thumb_contain .img-holder { float:left; padding: 2px; margin-right: 4px; margin-left:25px; text-align:center; display:inline;}


/*
------------------------------------------------------
=LEFT FEATURES
-----------------------------------------------------*/
#main #left {  width:515px; float:left; background:url(../img/bg/dotted-line.jpg) no-repeat top right; padding-right:5px; position:relative;}
#main #left #range { margin-left:100px; font-size:0.9em; }
#main #left img.big-bootle {  float:left; margin: 15px 0px 5px 5px; display:inline;}
#main #left p { font-size:1.2em; color:#305F7D; font-family:Lucida Grande, Arial, Helvetica, sans-serif; line-height: 18px; padding-bottom: 5px; }
#main #left p.glass { background:url(../img/icons/glass.gif) no-repeat 6px 6px; padding: 10px 0 10px 46px;  }
#main #left p.drop { background:url(../img/icons/drop.gif) no-repeat 7px 2px; padding: 10px 0 10px 46px;  }
#main #left p.smile { background:url(../img/icons/smile.gif) no-repeat 3px 4px; padding: 10px 0 10px 46px;  }
#main #left p.heart { background:url(../img/icons/heart.gif) no-repeat 3px 6px; padding: 10px 0 10px 46px;  }
#main #left p.x { background:url(../img/icons/x.gif) no-repeat 3px 6px; padding: 10px 0 10px 46px;  }
#main #left p.oranges { background:url(../img/icons/oranges-small.gif) no-repeat 0 6px; padding: 10px 0 10px 46px;  }
#main #left p.ice-cream { background:url(../img/icons/ice-cream.gif) no-repeat 6px 6px; padding: 10px 0 10px 46px;  }
#main #left #flash-lunch-box { margin-top: 20px;}

/*
------------------------------------------------------
=BLUE NOTE
-----------------------------------------------------*/
#content  p.small-blue {color:#4CACE5!important; }

/*
----------------------------------------------------
=IMAGES
-----------------------------------------------------*/
#content .faq-img { position:absolute; top:50px; right: 246px; }
.tv-icon { margin-bottom:5px; margin-top:-10px;}
#left img.butt-1280 { position:absolute; bottom:30px; left:30px;}
#left img.butt-1024 { position:absolute; bottom:30px; right:30px;}
#content img.provided { position: absolute; bottom:5px; right:245px;}
#content .imgRight { float:right; padding:3px; border: solid 1px #ddd; margin:3px; }
.pyramid { margin-top:30px;}

/*
------------------------------------------------------
=bootles flash on the bottom
-----------------------------------------------------*/
#content #bottom-flash { margin-left: 20px;}

/*
------------------------------------------------------
=RIGHT FEATURES
-----------------------------------------------------*/
#main #right { float:right;  width:220px; padding-top:64px; }

/*
------------------------------------------------------
=RIGHT NAVIGATION
-----------------------------------------------------*/
#main #right ul.right-nav { width:204px; margin-left:11px; }
#main #right ul.right-nav li a { width:169px; height:12px; color:#588CC2; font-size:1.1em; display:block; padding: 61px 0 0 35px; margin-bottom:5px; text-decoration:none; }
#main #right ul.right-nav li a:hover {}
#main #right ul.right-nav li a.faqs { background:url(../img/nav/faqs.jpg) no-repeat 7px 8px; }
#main #right ul.right-nav li a.history { background:url(../img/nav/history.jpg) no-repeat 7px 0px; }
#main #right ul.right-nav li a.traditional { background:url(../img/nav/traditional.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.no-added { background:url(../img/nav/no-added.gif) no-repeat 7px 1px; }
#main #right ul.right-nav li a.boost { background:url(../img/nav/boost.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.top { background:url(../img/nav/top-tips.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.food { background:url(../img/nav/food.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.rec { background:url(../img/nav/recipes.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.lunch { background:url(../img/nav/lunch.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.why { background:url(../img/nav/why-miwadi.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.wall { background:url(../img/nav/wall.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.screen { background:url(../img/nav/screen.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.comp { background:url(../img/nav/comp.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.privacy { background:url(../img/nav/privacy.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.disclaimer { background:url(../img/nav/disclaimer.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.sitemap { background:url(../img/nav/sitemap.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.contact { background:url(../img/nav/contact-us.gif) no-repeat 7px 3px; }
#main #right ul.right-nav li a.mailing { background:url(../img/nav/mailing.gif) no-repeat 7px 3px; }
#right #right-nav-flash { margin-left:7px;}

/*
------------------------------------------------------
=Home Features
-----------------------------------------------------*/
#main .home-feature { width:242px; float:left; text-align:left; margin-right:20px; }
#main .home-feature .line-home { background-color:#EEF9FF; border-bottom:1px solid #C4E8FE;  margin-bottom:10px;}
#main .last { margin-right:0px!important;}
#main .home-feature p {color:#287AAF; font-size:1.1em;}
#main .home-feature p.date { color:#93BEE4; margin-top:10px;}
#main .home-feature p.tv { padding: 19px 0 5px 60px;}
#main .home-feature p.laptop { padding: 0px 0 0px 60px;}
#main .home-feature a:hover img {opacity: 0.87;/* CSS 3 , opera 9*/filter: alpha(opacity=87); /* MSIE  */-moz-opacity: 0.87;/* Gecko */}

/*
------------------------------------------------------
=Footer
-----------------------------------------------------*/
#footer { background:url(../img/icons/green.png) no-repeat 5px 5px;; width:730px; margin-left:auto; margin-right:auto;  padding-left:40px; padding-top:8px; margin-top:4px; text-align:left; color:#77BFEA; font-size:1.1em;}
#footer li { display:inline;}
#footer li a { color:#77BFEA; }
#footer li a:hover { text-decoration:none;}