/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 13px/16px Verdana,sans-serif; color: #464646; text-align: left; background: #fff; padding-bottom:20px;}

.blue { color: #00b3f3; }
a { color: #00b3f3; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 956px; }

h1#logo { height: 58px; width: 104px; padding: 12px 0 0 11px; }
h1#logo a { display: block; height:58px; background:url(images/logo.gif); }

#navigation { background:url(images/nav.gif); height: 49px; }
#navigation ul { height: 42px;list-style-type: none; padding-left: 10px; padding-top: 7px }
#navigation li { height: 33px; float: left; margin-right:1px}
#navigation li a { height: 33px; float: left; font-size: 0; text-indent: -4000px; line-height:0; }
#navigation li a.home { width:105px}
#navigation li a.company { width: 102px }
#navigation li a.products { width: 103px }
#navigation li a.xylitol { width: 102px }
#navigation li a.dental { width: 102px }
#navigation li a.retail { width: 103px }
#navigation li a.zapp-cares{ width: 102px }
#navigation li a.contact { width: 104px }
#navigation li a.buy-now { width: 104px }

#header{}
#header p { font: bold 11px/16px Arial, sans-serif; text-align: right; padding: 54px 20px 0 0; }

h2 { font-size: 33px; font-weight: bold; color: #000; line-height:37px; }

h2.page-title { height: 22px; margin-left: 13px}
h2.dental-page { width: 243px; background: url(images/dental.gif) no-repeat; }
h2.retail-page { width: 67px; background: url(images/retail.gif) no-repeat; }
h2.products-page { width: 122px; background: url(images/products.gif) no-repeat; }
h2.zappcares-page { width: 134px; background: url(images/zappcares-h.gif) no-repeat; }
h2.contact-page { width: 130px; background: url(images/contact-us.gif) no-repeat; }
h2.shop-cart-page { width: 166px; background: url(images/cart.gif) no-repeat; }


h2.zapp-cares { width: 205px; height: 33px; background: url(images/zapp-cares.gif) no-repeat; margin-bottom: 5px; }
h2.cont { width: 220px; height: 40px; background: url(images/cont.gif) no-repeat; margin-bottom: 5px; }

h3 { font: 18px/21px Arial, sans-serif; }
h4 { font: 16px/19px Arial, sans-serif; }

.large-box{}
.large-box .top { background:url(images/large-top.gif) no-repeat 0 0; padding: 8px 0 7px 9px; height: 100%; }
.large-box .bottom { background:url(images/large-btm.gif) no-repeat 0 bottom; }
.large-box .repeat { background:url(images/large-rep.gif) repeat-y 0 0; }
.large-box .repeat .inner { padding: 10px 16px 0 0px; height: 100%; }
.large-box .article { padding: 0 0 0 240px }
.large-box .article a.big-blue { text-transform: uppercase; font-size: 22px; font-weight: normal; line-height: 30px; margin-left: 50px; font-weight: bold;} 
.large-box h2 em { text-decoration: underline; }

.small-box{}
.small-box .top { background: url(images/small-top.gif) no-repeat; padding:10px 13px 17px 9px; min-height: 246px; width: 217px; height: 100%; }
.small-box .bottom { background: url(images/small-btm.gif) no-repeat 0 bottom; }
.small-box .repeat { background: url(images/small-rep.gif) repeat-y 0 0; }

.box-holder { list-style: none outside;  }
.box-holder li { float: left; display: inline; }
.box-holder li.mid .small-box .top { background:url(images/small-mid-top.gif) no-repeat 0 0; width: 214px; }
.box-holder li.mid .small-box .bottom { background: url(images/small-mid-btm2.gif) no-repeat 0 bottom }
.box-holder li.mid .small-box .repeat { background: url(images/small-mid-rep.gif) repeat-y 0 0 }
.box-holder li.last .small-box .top { background:url(images/small-last-top.gif) no-repeat 0 0; position: relative; margin-right: -5px; }
.box-holder li.last .small-box .bottom { background:url(images/small-last-btm2.gif) no-repeat 0 bottom }
.box-holder li.last .small-box .repeat { background:url(images/small-last-rep.gif) repeat-y 0 0 }

.pro { background: url(images/pro.jpg) no-repeat  0 0; min-height: 440px }
.pro h2 { font-size: 33px; color: #000; font-family: Verdana, "Trebuchet MS", sans-serif; letter-spacing: -0.08em; padding: 22px 0 10px; line-height: 38px;}
.pro h2 span { color: #04aced }

.description { width: 300px; padding-top: 65px; padding-left: 35px }
.description h3 { font-size: 19px; padding-bottom: 10px }
.description p { padding-bottom: 10px }
.description form { padding: 20px 0 }
.description .field { width: 40px; padding: 3px 0; border: solid 1px #5f5f5f; margin: 0 11px }
.description .btnp input {
	display: block;
	background:url(images/add-to-cart.gif); 
	border: 0;
	width: 201px;
	height: 40px;
	cursor: pointer;
	margin-top: 20px;
}

.product-nav { height: 134px; background: url(images/brd.gif) repeat-x; padding-top: 1px }
.product-nav ul { height: 133px; list-style-type: none; }
.product-nav li { height: 115px; border-right: dashed 2px #959595; float: left; width: 169px; padding-top: 18px; text-align: center; position: relative; z-index: 2; }
.product-nav li.active { background: url(images/active.gif) no-repeat center 0; }
.product-nav li a {  }
.product-nav li.larr { width:37px}
.product-nav li.rarr { width:38px; border-right:0; margin-right:-1px}
.product-nav li.larr a { width:33px; height:37px; background:url(images/l-arr.gif); float: left; margin-top: 30px}
.product-nav li.rarr a { background:url(images/r-arr.gif); float: right; margin-top: 30px; width: 33px; height: 37px;}

.can .products-hldr { background-image: url(images/cans.jpg); }
.apple .products-hldr { background-image: url(images/zapp-apple.jpg); } 

.products-hldr,
.retail-hldr { background: url(images/zapp-cares-big.gif) no-repeat right bottom; min-height: 440px; padding-left: 10px }

.products-hldr .frame{ width: 500px }
.products-hldr .frame p { padding-top: 10px }
.products-hldr .frame p span.tall { color: #0096ff; font-size: 20px; }
.products-hldr .frame h2 span { color: #00aeee }
.products-hldr .frame a.no-dec { text-decoration: none; }
.products-hldr .frame a:hover.no-dec { text-decoration: underline; }

.retail-hldr { background-image:url(images/zapp.jpg); }
.retail-hldr p { width: 400px; padding-top: 10px }
.retail-hldr p span.green { color: #a3c146 }
.retail-hldr ul.bul li { margin-left: 0; padding: 0 0 1px 15px; background-position: 0 2px; }

.small-box .center { text-align: center; }
.small-box form { padding-left: 6px }
.small-box label { display: block; font-size: 10px; }
.small-box .btnp input { display: block; width: 119px; height: 24px; background: url(images/join-now.gif); border: 0; cursor: pointer;  margin: 10px auto; }
.small-box .field { width: 200px; }
.small-box h5 { font-size: 14px; text-transform: uppercase; letter-spacing: -0.06em; width: 210px; margin: 0 auto }
.small-box h5 span { font-size: 12px; }
.small-box h2.h-xylitol { background-image: url(images/h-xylitol.gif); margin: 9px auto 5px; width: 206px;  }
.small-box h2.h-special { background-image: url(images/h-special.gif); height: 37px }
.small-box h2.h-free-sample { background-image: url(images/h-free-samples.gif); }
.small-box h2.h-giving-back { background-image: url(images/h-giving-back.gif); }
.small-box h2.h-store { background-image: url(images/h-store.gif); }
.small-box h2.h-shipping { background-image: url(images/h-shipping.gif); }
.small-box h2.h-ship-to-canada { background-image: url(images/h-ship-to-canada.gif); }
.box h2.h-fund { background-image: url(images/h-fund.gif); width: 288px; margin: 0 auto; height: 18px; margin-top: 3px }
.box h2.h-donate { background-image: url(images/h-donate.gif); width: 205px; margin: 0 auto; height: 18px; margin-top: 3px }
.small-box a.small { font-size: 10px; font-weight: bold; }
.small-box a.dnld { text-transform: none; font-family: Arial, sans-serif; letter-spacing: -0.06em; }
.small-box .centered { text-align: center; }
ul.bul { list-style-type: none; margin-left: 1px; padding: 5px 0 }
ul.bul li { background: url(images/bul.gif) no-repeat 0 5px; margin-left: 5px; padding: 3px 0 3px 15px; float: none; }
.small-box a.mail { text-transform: none; font-weight: bold; }


a.checkout { background:url(images/checkout.gif); width: 167px; height: 31px; float: right; position: relative; margin: -2px 10px 0 0; }

.box .top { background:url(images/left-normal-top.gif) no-repeat 0 0; padding: 8px 12px 15px 9px; height: 100%; width: 454px; }
.box .bottom { background:url(images/left-normal-btm.gif) no-repeat 0 bottom; }
.box .repeat { background:url(images/left-normal-rep.gif) repeat-y 0 0; }
.box p span.big { font-size: 16px; color: s#00adef; font-weight: bold; }
.box p.wrapper { padding: 0 0 0 5px; }
.box a { margin-left:5px; text-decoration: none; }
.box a:hover { text-decoration: underline; }

.box-holder li.right .box .top { background:url(images/right-normal-top.gif) no-repeat 0 0; }
.box-holder li.right .box .bottom { background:url(images/right-normal-btm.gif) no-repeat 0 bottom; }
.box-holder li.right .box .repeat { background:url(images/right-normal-rep.gif) repeat-y 0 0; }

.table-box { width: 912px; background: url(images/table-box-rep.gif) repeat-y 0 0; margin: 0 auto 10px; }
.table-box .top { width: 912px; background: url(images/table-box-top.gif) no-repeat; padding: 0; }
.table-box .bottom { width: 908px; background: url(images/table-box-btm.gif) no-repeat 0 bottom; min-height: 300px; padding:0 2px }
.table-box td { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; height: 220px; width: 300px; vertical-align: top; font-size: 9px; line-height: 11px; padding-bottom: 2px }
.table-box td.last { border-right: 0 }
.table-box td span.price { font-size: 12px; line-height: 30px; }
.table-box td label { float: left; line-height: 30px; font-size: 12px;}
.table-box td .field { float: left; border: solid 1px #545454; width: 40px; padding: 5px 0; margin: 0 12px }
.table-box td .btnp input { float: right; border:0; background: url(images/add-to-cart2.gif) no-repeat 0 0; width: 134px; height: 28px; cursor: pointer; }
.table-box tr.grey td .btnp input { float: right; border: 0; background:url(images/add-to-cart22.gif) no-repeat 0 0; width: 134px; height: 28px; cursor: pointer;}
.table-box tr.grey td { border-bottom: 0; }
.table-box span.img { font-size:0; line-height:0; float:left; position:relative; width:0; height:0; z-index:1 !important;}
.table-box span.img img{ position:absolute; top:5px; left:0; z-index:1;}

.table-box td p { padding-top: 12px; height:125px; position:relative; z-index:2; padding-left:160px;}
.table-box td form { float: right; display: inline; padding-right: 5px; padding-top: 7px; position:relative; z-index:2;}
.table-box td span.f10 { font-size: 10px; float: right; padding-right: 5px; position:relative; z-index:2;}
.table-box td span.f11 { font-size: 11px; font-weight: bold; margin-top: 5px; float: right; padding-right: 5px; position:relative; z-index:2;}
.table-box td h3 { text-indent: -4000px; line-height: 0; font-size: 0; margin: 4px auto 7px; position:relative; z-index:2;}
.table-box td h3.pepper { background: url(images/h-pepper.gif); width: 205px; height: 19px }
.table-box td h3.fresh { background: url(images/h-fresh.gif); width: 137px; height: 17px }
.table-box td h3.cool { background: url(images/h-cool.gif); width: 136px; height: 17px }
.table-box td h3.cinamon {background:url(images/h-cinamon.gif); width: 130px; height: 18px} 
.table-box td h3.apple { background:url(images/h-apple.gif); width:202px; height: 18px}
.table-box td h3.sample { background:url(images/h-sample.gif); width:169px; height: 18px }


.approved { height: 40px; width: 914px; background: url(images/approved-box.gif) no-repeat 0 0; color: #00afef; padding: 5px 8px 0 10px; font: bold 16px/35px Arial, sans-serif; }
.approved span { float: left; display: inline; padding-left: 41px; margin-left: 10px; background-repeat: no-repeat; background-position: 0 0; }
.approved span.kid { background-image: url(images/icon-kid.gif); }
.approved span.family { background-image: url(images/icon-family.gif); }

span.usa-made { display: block; height: 32px; width: 116px; background: url(images/usa-made.gif) no-repeat 0 0; position: relative; margin: -3px 0 -3px 12px; }

.reviews { height: 26px; width: 916px; background: url(images/reviews-box.gif) no-repeat 0 0; padding: 7px 20px 0 20px; position: relative; margin-left: -3px; font-family: Arial, sans-serif; }
.reviews p { float: left; display: inline; color: #3d3d3d; font-weight: bold; }
.reviews p span { font-style: italic; font-weight: normal; padding-left: 10px; }
.h-reviews { float: left; display: inline; height: 14px; width: 114px; background: url(images/h-reviews.gif) no-repeat 0 1px; margin-right: 10px; }
h2.company { background: url(images/h-company.gif) no-repeat  0 0; height: 24px; }
h2.products { background: url(images/h-products.gif) no-repeat 0 0; }
h2.h-zapp-competition { height: 39px; background: url(images/h-zapp-competition.gif) no-repeat 0 0; }
h2.benefits { height: 22px; background: url(images/h-benefits-xylitol.gif) no-repeat 0 0; }
h2.aspartame { height: 22px; background: url(images/h-aspartame.gif) no-repeat 0 0; }
h2.h-aw-flavors { height: 41px; background: url(images/h-aw-flavors.gif) no-repeat 0 0; }
h2.h-special-savings { height: 20px; width: 196px; margin: 5px auto; background: url(images/h-special-savings.gif) no-repeat 0 0; }


.social { float: right; font-family: Arial, sans-serif; margin-right: 15px; }
.social a { float: right; display: inline;  padding: 20px 34px 0 0; font-size: 11px; background: url(images/facebook.gif) no-repeat right center; text-transform: uppercase; color: #3c5997; font-weight: bold; text-decoration: none; }
.social a:hover { text-decoration: underline; }

#footer { float: right; display: inline; width: 270px; font-family: Arial, sans-serif; }
h1#f-logo { height: 66px; width: 93px; }
h1#f-logo { display: block; height: 66px; background: url(images/footer-logo.gif) no-repeat 0 0; margin-right: 11px; }

.small-box h2 { height: 19px; width: 218px; background-repeat: no-repeat; background-position: 0 0; margin: 9px 0 5px; }
.small-box p { padding: 0 5px 0 6px; font-size: 11px; color: #414141; }
.small-box h2.h-zapp-cares { background-image: url(images/h-zapp-cares.gif); }
.small-box h2.h-most-xylitol { background-image: url(images/h-most-xylitol.gif); }
.small-box h2.h-made-in-usa { background-image: url(images/h-made-in-usa.gif); }
.small-box h2.h-proven-benefits { background-image: url(images/h-proven-benefits.gif); }
.small-box a { text-transform: uppercase; }
.small-box p span { display: block; }

.about { background: url(images/about-bg.jpg) no-repeat right bottom; padding: 10px 10px 140px 10px; height: 100%;  margin-right: 10px; }
.about h2 { padding-bottom: 10px; }
.about p { padding-bottom: 15px; }
.about p.short { width: 350px; }

div.products { padding: 0 0 0 20px; min-height: 415px; }
div.products .text { float: left; display: inline; width: 430px; padding-top: 98px; }
div.products .text h2 { margin-bottom: 7px; }
div.products .text p { font-size: 15px; padding-bottom: 15px; line-height: 20px; }
div.products a { text-transform: uppercase; font-size: 15px; }
div.products img { margin-top: 28px; margin-right: 16px; }

.box .wrapper { padding: 5px; height: 100%; }
.box h3 span { display: block; text-transform: uppercase; font-size: 15px; line-height: 18px; }
.box small { font-size: 10px; color: #848484; font-style: italic; }
.box p { font-size: 10px; }
.box form h3 { text-transform: uppercase; font-size: 13px; line-height: 15px; text-align: center; }
.box form h3 a {text-decoration: none; }
.box form h3 a:hover {text-decoration: underline; }
.box form label { float: left; display: inline; margin-right: 10px; line-height: 20px; margin-top: 5px; }
.box form .field { float: left; display: inline; background: #fff; border: 1px solid #7e7e7e; padding: 1px 5px; width: 323px; margin: 5px 0; }
.box form .submit { display: block; height: 22px; width: 117px; background: url(images/btn-join.gif) no-repeat 0 0; border: 0; cursor: pointer; margin: 3px auto; }


#sidebar { float: left; display: inline; width: 206px; font: 14px/37px Arial, sans-serif; border-right: 1px solid #bfbfbf; padding-bottom: 10px; }
#sidebar h3.sidebar-title { height: 37px; line-height: 37px; background: url(images/sidebar-bg.gif) no-repeat 0 0; padding-left: 10px; font-size: 14px; font-weight: normal; }
#sidebar ul { list-style: none outside; padding-bottom: 5px; }
#sidebar ul li { height: 37px; width: 206px; background: url(images/sidebar-bg.gif) no-repeat 0 -36px; line-height: 37px;  border-bottom: 1px solid #bfbfbf; }
#sidebar ul li a { display: block; height: 37px;  padding-left: 38px; text-decoration: none; color: #535353; }
#sidebar ul li a:hover { text-decoration: underline; }

.sidebar-box { height: 137px; width: 196px; background: url(images/sidebar-box.gif) no-repeat 0 0; margin: 0 auto; }
.sidebar-box form { padding: 5px 5px 0 8px; }
.sidebar-box form h3 { font-size: 11px; text-transform: uppercase; line-height: 14px; }
.sidebar-box form label { display: block; line-height: 14px; margin-top: 10px; font-size: 11px; }
.sidebar-box form .field { display: block; height: 18px; background: #fff; border: 1px solid #bfbfbf; padding: 1px 5px; width: 165px; }
.sidebar-box form .submit { display: block; height: 22px; width: 117px; border: 0; cursor: pointer; background: url(images/btn-join.gif) no-repeat 0 0; margin: 5px auto; }
h2.h-buy-now { height: 50px; width: 172px; padding: 40px 0 0 12px; }
h2.h-buy-now a { display: block; height: 50px; background: url(images/h-buy-now.gif); }
#sidebar .separator { height: 1px; background: #aaa; margin: 10px 0; }
h2.h-special-savings2 { height: 20px; width: 175px; background: url(images/h-special-savings2.gif) no-repeat 0 0; }


#main { float: right; display: inline; width: 697px; margin: 10px 30px 10px 10px; }
#main h2 { font: bold 32px Verdana, Arial, sans-serif; color: #000; margin-bottom: 15px; }
#main h3 { font: bold 20px Verdana, Arial, sans-serif; color: #3d3d3d; margin-bottom: 5px; }
#main p { padding-bottom: 15px; }

.more { font-weight: bold;}

.testi-holder { position:relative; float:left; display:inline; width:780px; height:18px; overflow:hidden; }
.testi-holder p{ position:absolute; top:0; left:0; }

.products-holder { position:relative; }
.product-slide { position:absolute; top:0; left:20px; width:927px; display:none; }

.slider-nav { position:absolute; top:380px; left:20px; z-index:20;}
.slider-nav a{ font-size:0; line-height:0; float:left; width:12px; height:12px; background:url(images/circle.gif); margin-right:10px; text-indent: -4000px; text-decoration: none;}
.slider-nav a.active { background-position:0 bottom;}

.text-slide-image { width:202px; height:122px; position:relative; overflow:hidden; }
.text-slide-image img{ width:202px; height:122px; }
.text-slide-desc { height:18px; position:relative; display:block; overflow:hidden; }
.text-slide-desc span{ display:block; margin-bottom:10px;}

.dental-article { padding:60px 10px 0 250px !important;}

ul.list-bul li { float:none; display:block; padding-bottom:1px;}

h2.rec-h { background:url(images/rec-h.gif) no-repeat 0 0; height:44px; padding:0;}

#header { position:relative; }
#add-widget { font-size:0; line-height:0; position:absolute; top:33px; left:817px;}

#main .text-content {}
#main .text-content h3{ padding-bottom:10px; }
#main .text-content h4{ padding-bottom:5px; }

.alignleft { float:left; display:inline;}
.alignright { float:right; display:inline;}

img.alignleft { margin:0 30px 30px 0;}
img.alignright { margin:0 0 30px 30px;}

.box-bimg3 { background:url(images/b-img3.jpg) no-repeat right bottom;}
.box-bimg3 .box-t{ padding-right:250px;}
.box-bimg3 .box-b{ padding-right:400px;}