img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:1000px; background:#003c1b url(/images/bg-body.gif) 0 0 repeat-x; font:normal 12px arial; color:#333; }
div.wrapper { position:relative; width:960px; padding:20px 20px 10px 20px; margin:0 auto 40px auto; text-align:left; background:#FFF; -moz-border-radius-bottomright:10px; }
	div.wrapper div.shadow-left { position:absolute; left:-14px; top:0; width:14px; height:695px; background:url(/images/shadow-left.png) 0 0 repeat-y; }
	div.wrapper div.shadow-right { position:absolute; right:-14px; top:0; width:14px; height:695px; background:url(/images/shadow-right.png) 0 0 repeat-y; }
	div.wrapper div.bottomright { position:absolute; bottom:0px; right:0px; width:19px; height:19px; background:url(/images/rounded-wrapper.png) 0 0 no-repeat; }


h1 { font-size:24px; color:#00a2bd; }
h2 { font-size:18px; margin:10px 0; color:#00a2bd; clear:both; }
h3 { font-weight:bold; margin:10px 0; }
p { margin:10px 0; line-height:1.5em; }
strong { font-weight:bold; color:#006633; }
ul, ol { margin:10px 0 10px 20px; }
ul li { margin:5px 0; list-style-type:disc; }
ol li { margin:5px 0; list-style-type:decimal; }
div.hr { border:1px solid #CCC; border-width:1px 0; height:1px; margin:10px 0; }
a { cursor:pointer; color:#006633; text-decoration:underline; }
a:hover { color:#000; }
a.arrow, a.back { text-transform:uppercase; font-weight:bold; font-size:11px; text-decoration:none; }
a.arrow:hover, a.back:hover { color:#000; }
a.more { float:right; }

div.photoLeft { float:left; margin:10px 10px 5px 0; background:url(/images/shadowAlpha.png) no-repeat bottom right; }
div.photoRight { float:right; margin:10px 0 5px 10px; background:url(/images/shadowAlpha.png) no-repeat bottom right; }
div.photoLeft img, div.photoRight img { display:block; background-color:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px 5px; padding:5px; }


/* header */
div.header { position:relative; height:100px; }
	div.header img.logo { position:absolute; bottom:0px; left:15px; }
	div.header img.tagline { position:absolute; bottom:-40px; left:20px; }
	div.header div.nav { overflow:hidden; margin:0; position:absolute; bottom:7px; right:0; width:720px; background:url(/images/bg-nav.gif) 0 0 repeat-x; height:31px; }
	div.header div.nav div.topright { position:absolute; z-index:9; top:0; right:0; width:10px; height:10px; background:url(/images/bg-nav-rounded-topright-negative.png) 0 0 no-repeat; }
	div.header div.nav div.bottomleft { position:absolute; z-index:9; bottom:0; left:0; width:10px; height:10px; background:url(/images/bg-nav-rounded-bottomleft-negative.png) 0 0 no-repeat; }
	div.header div.nav ul { margin:0; position:relative; z-index:1; width:9999px; }
		div.header div.nav ul li { list-style-type:none; margin:0; float:left; background:url(/images/bg-nav-divider.gif) 0 0 no-repeat; }
		div.header div.nav ul li.first { background:0; }
		div.header div.nav ul a { display:block; float:left; padding:8px 19px 8px 20px; color:#FFF; text-decoration:none; font-weight:bold; }
		div.header div.nav ul a:hover, div.header ul li.sticky a { background:url(/images/bg-nav-active.gif) 0 0 repeat-x; }

/* callouts */
div.callouts { float:left; width:220px; margin:45px 0 0 0; }
	div.callout h2 a { color:#00a2bd; text-decoration:none; }
	div.callout h2 a:hover { text-decoration:underline; }
	
	div.callout p { font-size:13px; }
	div.callout ul { margin:10px 0; }
		div.callout ul li { list-style-type:none; }
	div.callout { border:1px solid #CCC; background:url(/images/bg-callout.gif) 0 bottom repeat-x; padding:10px; margin:10px 0; position:relative; }
		div.callout div.bottomleft { position:absolute; bottom:-1px; left:-1px; width:10px; height:10px; background:url(/images/bg-callout-rounded-bottomleft.gif) 0 0 no-repeat; }
		div.callout div.topright { position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url(/images/bg-callout-rounded-topright.gif) 0 0 no-repeat; }
	div#callout-distributor { position:relative; padding-bottom:60px; }
		div#callout-distributor h2, div#callout-distributor div.hr, div#callout-distributor p, div#callout-distributor ul { position:relative; z-index:9; }
		div#callout-distributor div.image { z-index:1; position:absolute; bottom:0; left:10px; background:url(/images/distributor.png) 0 0 no-repeat; width:182px; height:170px; }
	div#callout-catalog {  }
		div#callout-catalog div.image { margin:10px 0 10px 10px; background:url(/images/catalog.png) 0 0 no-repeat; width:174px; height:80px; }
	div#callout-knowledge {  }
		div#callout-knowledge ul li a { background:url(/images/bg-knowledge.gif) 0 0 no-repeat; display:block; padding:8px 0 8px 33px; }


/* homepage flash */
div.flash { position:relative; background:url(/images/slide-bg.jpg) -60px 200px no-repeat; width:720px; height:325px; }
	div.flash div.content { position:absolute; top:0; left:0; z-index:9; }
		div.flash div.content h1 { position:relative; z-index:9; }
		div.flash div.content ul { position:relative; z-index:9; margin:20px 0; }
			div.flash div.content ul li { list-style-type:none; }
	div.flash div#innerfade { width:720px; height:325px; display:none; }
		div.flash div#innerfade div#innerfade-1 { position:absolute; bottom:0; right:0; width:720px; height:325px; background:url(/images/slide-01.jpg) right bottom no-repeat; }
		div.flash div#innerfade div#innerfade-2 { position:absolute; bottom:0; right:0; width:720px; height:325px; background:url(/images/slide-02.jpg) right bottom no-repeat; }
		div.flash div#innerfade div#innerfade-3 { position:absolute; bottom:0; right:0; width:720px; height:325px; background:url(/images/slide-03.jpg) right bottom no-repeat; }

/* common page styles */
div.page {  }
	div.page div.main { float:right; width:720px; margin:25px 0 0 0; }
	
/* homepage */
div.home { margin:10px 0; }
	div.home div.content { float:left; width:460px; }
	div.home div.callout { float:right; width:220px; }

/* internal */
div.internal { position:relative; margin:10px 0; }
	div.internal div.print { position:absolute; top:0; right:0; font-size:11px; }
		div.internal div.print ul { color:#666; padding:0 0 0 22px; background:url(/images/bg-printer.gif) 0 0 no-repeat; }
		div.internal div.print li { display:inline; }
		div.internal div.print a { color:#666; }
		div.internal div.print a:hover { color:#000; }
	div.internal div.subnav { position:relative; }
		div.internal div.subnav ul { margin:0; }
		div.internal div.subnav li { list-style-type:none; display:inline; margin:0 25px 0 0; }
		div.internal div.subnav table ul { }
		div.internal div.subnav table ul li { display:block; }
		div.internal div.subnav div.express { display:none; position:absolute; top:45px; right:10px; width:300px; border:1px solid #006633; padding:10px 10px 0 10px; }
			div.internal div.subnav div.express p { margin:10px 0; }
	div.internal div.content { background:url(/images/bg-internal.gif) 0 0 repeat-x; padding:5px 0 15px 0; }
	
		div.internal table.chart { font-size:11px; }
			div.internal table.chart td { padding:5px; vertical-align:top; }
			div.internal table.chart th { padding:5px; font-weight:bold; color:#006633; }
		
		div.internal table.bottles { }
			div.internal table.bottles td { padding:0 10px 10px 0; vertical-align:top; text-align:center; }
			div.internal table.bottles td img { border:1px solid #006633; }
			div.internal table.bottles td a { display:block; padding:5px 0 0 0; }

		div.internal a.fancy-bottle img { margin:10px 0; border:1px solid #006633; }
		div.internal table.product { margin:10px 0; }
			div.internal table.product td { padding:5px; vertical-align:top; }
			div.internal table.product th { padding:5px; font-weight:bold; color:#006633; }
			
			div.internal table.product tr.odd td { background:#e0e0e0; }
			div.internal table.product tr.even td { background:#efefef; }
			div.internal table.product tr.active td { background:#006633; color:#FFF; }
			div.internal table.product tr.active td a.arrow { color:#FFF; }
			div.internal table.product tr.active td a.arrow:hover { color:#FFF; text-decoration:underline; }

			div.internal table.product tr.express td { background:#006633; font-weight:bold; color:#FFF; }
			div.internal table.product tr.express td a.arrow { color:#FFF; }
			div.internal table.product tr.express td a.arrow:hover { color:#FFF; text-decoration:underline; }
			
			
			
		div.internal div.distributor { display:none; }
			div.internal div.distributor table { width:100%; margin:10px 0; border-bottom:1px solid #CCC; }
				div.internal div.distributor table td { padding:5px; vertical-align:top; border-top:1px solid #CCC;  }
				div.internal div.distributor table th { padding:5px; font-weight:bold; color:#006633; }
				div.internal div.distributor table tr.odd td { background:#e0e0e0; }
				div.internal div.distributor table tr.even td { background:#efefef; }
				div.internal div.distributor table tr.active td { background:#006633; color:#FFF; }
				div.internal div.distributor table tr td a { text-decoration:none; }
				div.internal div.distributor table tr.active td a { color:#FFF; text-decoration:none; }
				div.internal div.distributor table tr.active td a:hover { text-decoration:underline; }
				
		form.order {  }
			form.order fieldset { border:1px solid #006633; padding:5px; margin:10px 0; position:relative; }
			form.order legend { border:1px solid #006633; padding:2px 5px; color:#006633; text-transform:uppercase; font-weight:bold; font-size:11px; }
			form.order table { width:100%; }
			form.order table td { padding:5px; vertical-align:middle; }
			form.order table td img { border:1px solid #006633; }
			form.order table td strong { color:#000; }
			form.order table td table td { padding:2px; }
			form.order input.text { width:200px; background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #CCC; font-family:arial; font-size:12px; padding:3px; }
			form.order textarea { width:200px; height:80px; background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #CCC; font-family:arial; font-size:12px; padding:3px; }
			form.order table table input.text { width:80px; }
			
			form.order ul.options { background:#006633; padding:5px; font-size:11px; color:#FFF; margin:0; }
				form.order ul.options li { display:inline; margin:0 2px 0 0; }
				form.order ul.options a { color:#FFF; text-decoration:none; }
				form.order ul.options a:hover { text-decoration:underline; }
				
			form.order div.submit { float:right; width:47%; margin:0; }
				form.order div.submit input { cursor:pointer; display:block; width:100%; background:#006633; border:0; font-weight:bold; color:#FFF; text-transform:uppercase; font-family:arial; font-size:12px; padding:5px; }
				
/* footer */
div.footer { margin:10px 0; color:#666; font-size:11px; }
	div.footer a { color:#666; text-decoration:none; }
	div.footer a:hover { color:#006633; }
	div.footer ul { margin:3px 0; }
	div.footer ul.footer-nav { text-transform:uppercase; }
	div.footer ul li { display:inline; margin:0 1px; }