/*-------------------------------------------------
Title:		ZOIC styles for screen media
Author:		John Reed, john@studiobonito.com
Updated:	June 24 2009
------------------------------------------------- */





/* link styles
------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #0d2464;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
a:active {
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #666;
	}

#footer a:hover {
	color: #0d2464;
	text-decoration: underline;
	}

.img .enlarge {
	display: block;
	width: 100%;
	padding: .4em 0;
	font-size: 1em;
	text-transform: uppercase;
	}


.more {
	color: #999 !important;
	font-size: .8333em;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 0 1.2em 0 0;
	}

.more:hover {
	background: url(../img/ui/bullets/raquo_0d2464.png) no-repeat 100% 50%;
	color: #0d2464 !important;
	text-decoration: underline !important;
	}

.fb {
	padding-left: 20px;
	background: url(../img/ui/icons/facebook.gif) no-repeat 0 50%;
	}
/* -------------------------------------------------
                                  end link styles */





/* typography
------------------------------------------------- */
h1 {
	font-size: 1.8em;
	line-height: 1;
	margin: 0 0 1em 0;
	}

h2 {
	font-size: 1.4em;
	line-height: 1.2857;
	}

h3 {
	color: #0d2464;
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: uppercase;
	}
	
	h3.aha {
		color: #ef3025;
		}
	
	.nav h3 {
		margin: 0 0 .5em .91666em;
		}
	
	h2 + h3 {
		margin-top: 1.5em;
		}
		
p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	}
	
	#copy .footer p {
		color: #666;
		font-size: 1.1em;
		line-height: 1.63636;
		margin: 0 0 1.63636 0;
		}

ol,
ul {
	margin: 0 0 1.8em 2.4em;
	}
	
	h3 + ul {
		margin-top: .9em;
		}

li {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 .5em 0;
	}
	
	p sup,
	li sup {
		font-size: .8333em;
		line-height: 0;
		}
	
	ul li {
		list-style: none;
		padding: 0 0 0 12px;
		background: url(../img/ui/bullets/raquo_0d2464.png) no-repeat 0 .41666em;
		}
	
	ol li {
		list-style: decimal;
		}
	
em.note {
	color: #666;
	font-size: .91666em;
	line-height: 1.63636;
	}
	
	ol.tips {
		margin-left: 0;
		}
	
	ol.tips li img {
		float: left;
		margin: 0 9px 10px 0;
		padding: 3px;
		border: 1px solid #eee;
		}
	
	ol.tips li {
		clear: left;
		list-style-position: inside;
		}

	
.vcard {
	font-size: 1.1em;
	line-height: 1.63636;
	margin: 0 0 1.63636em 1em;
	}

.vcard .org {
	font-weight: bold;
	}

.vcard .tel .type {
	color: #999;
	font-size: .90909em;
	text-transform: uppercase;
	}


.section h2 {
	padding-top: 1em;
	border-top: 2px solid #e1e1e1;
	}
/* -------------------------------------------------
                                   end typography */





/* table styles
------------------------------------------------- */
h1 + table.data {
	margin-top: 1.5em;
	}

table.data {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1.8em 0;
	}

td, th {
	font-size: 1.2em;
	line-height: 1.25;
	padding: .25em 1.5em .25em .25em;
	text-align: left;
	}

thead th {
	border-bottom: 1px solid #ccc;
	}

.odd td,
.dv .odd th {
	background: #f7f7f7;
	}

.bmi td {
	text-align: center;
	}



table.dv {
	font-size: .91666em;
	margin-top: 1.8em;
	}


.dv th {
	padding: .25em .75em .25em .25em;	
	}
	
	.dv thead th {
		text-align: right;
		padding-top: .5em;
		padding-bottom: .5em;
		vertical-align: bottom;
		}
		
		.dv thead th.bev {
			text-align: left;
			}

.dv td {
	padding: .5em .75em .5em .25em;
	text-align: right;
	}

.dv .bev {
	padding-left: .5em !important;
	}
	
	.dv tbody .bev {
		white-space: nowrap;
		}

.dv .density {
	background: #ffffe5;
	border-left: 1px solid #ccc;
	padding-right: .5em !important;
	padding-left: .5em !important;
	}
	
	.dv .odd .density {
		background: #fffec0;
		}
	
.dv tfoot td {
	border-top: 1px solid #ccc;
	padding: .5em;
	color: #666;
	font-style: italic;
	text-align: left;
	}
/* -------------------------------------------------
                                 end table styles */





/* content
------------------------------------------------- */
div.img {
	margin: 1.8em 0;
	}
	
	.img img {
		border: 1px solid #ddd;
		}
	
img.aha {
	float:right;
	padding: 7px 7px 5px 7px;
	background: #01427a;
	}
	
img.expert {
	float: right;
	margin: 0 0 9px 9px;
	padding: 3px;
	border: 1px solid #eee;
	}
/* -------------------------------------------------
                                      end content */





/* navigation
------------------------------------------------- */
ul.nav li,
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	}

.nav li a span,
#nav li a span {
	display: none;
	}
	
.nav li.active a span,
.nav li a:hover span,
#nav li.active a span,
#nav li a:hover span {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	}

.nav li a span.tl,
#nav li a span.tl {
	top: 0;
	left: 0;
	}

.nav li a span.tr,
#nav li a span.tr {
	top: 0;
	right: 0;
	}

.nav li a span.bl,
#nav li a span.bl {
	bottom: 0;
	left: 0;
	}

.nav li a span.br,
#nav li a span.br {
	bottom: 0;
	right: 0;
	}



#nav {
	float: right;
	display: inline;
	margin: 25px 10px .5em 0;
	}

#nav li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	text-transform: uppercase;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	position: relative;
	padding: .5em 1em;
	background: #fff;
	color: #012967;
	text-decoration: none;
	}
	
	#nav li a span.tl {background: #012967 url(../img/ui/corners/sc_012967_tl.png) no-repeat 0 0;}
	#nav li a span.tr {background: #012967 url(../img/ui/corners/sc_012967_tr.png) no-repeat 0 0;}
	#nav li a span.bl {background: #012967 url(../img/ui/corners/sc_012967_bl.png) no-repeat 0 100%;}
	#nav li a span.br {background: #012967 url(../img/ui/corners/sc_012967_br.png) no-repeat 100% 100%;}
		

#nav li.active a:link,	
#nav li.active a:visited,	
#nav li.active a:hover,	
#nav li.active a:link,	
#nav li a:hover {
	background: #012967;
	color: #fff;
	}


ul.nav {
	width: 16em;
	margin: 0;
	}

ul.nav li {
	font-size: 1.2em;
	line-height: 1.333;
	}

ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:active {
	color: #454545;
	display: block;
	width: 11.3333em;
	padding: .25em 1em .5em 1em;
	text-decoration: none;
	}

ul.nav li a:hover {
	text-decoration: underline;
	}

ul.nav li.active a {
	font-weight: bold;
	text-decoration: none;
	}
	
	
	
	ul.nav li ul {
		margin: 0;
		}
	
	ul.nav li li {
		font-size: .91666em;
		}
	
	ul.nav li li a:link,
	ul.nav li li a:visited,
	ul.nav li li a:hover,
	ul.nav li li a:active {
		width: 11.8em;
		padding: .25em .5em .5em 2em;
		font-weight: normal;
		}
		
		ul.nav li.active li.active a:link,
		ul.nav li.active li.active a:visited,
		ul.nav li.active li.active a:hover,
		ul.nav li.active li.active a:active {
			font-weight: bold;
			text-decoration: none;
			}
		
		ul.nav li.active li a:hover {
			text-decoration: underline;
			}
	
	
	
	
/* -------------------------------------------------
                                   end navigation */





/* zopro!
------------------------------------------------- */
#zopro {
	background: #012967 url(../img/promos/zopro/zoic_on_ice.png) no-repeat 50% 125px;
	color: #fff;
	min-height: 650px;
	padding: 30px 20px 10px 20px;
	}
	
	#zopro h1 {
		float: left;
		width: 423px;
		height: 0;
		padding-top: 64px;
		overflow: hidden;
		background: url(../img/promos/zopro/zopro_title_423x64.png) no-repeat 0 0;
		}
	
	#zopro #formulated {
		float: right;
		width: 22.15em;
		font-size: 1.4em;
		line-height: 1.2857;
		font-style: italic;
		}

#zopro:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
		
	#zopro a:link,
	#zopro a:visited,
	#zopro a:hover,
	#zopro a:active {
		color: #fff;
		}
	
	#zopro :last-child {
		margin: 0;
		}

#zopro ul {
	clear: both;
	margin: 0;
	padding: 70px 0 200px 0;
	}
	
#zopro li {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.125;
	padding: 0 0 0 13px;
	background: url(../img/ui/bullets/raquo_ffffff_16a.png) no-repeat 0 .25em;
	}
	
	#zopro li#z04 {
		background-image: url(../img/ui/bullets/raquo_ffffff_16.png);
		}
		
	#zopro li#z05 {
		margin: 30px 0 0 0;
		padding: 0;
		background: none;
		}
	
	#zopro li sup {
		font-size: .625em;
		line-height: 0;
		}


#zopro .footer {
	position: relative;
	width: 100%;
	}
	
	#zopro #buy {
		float: left;
		}
		
		#zopro #buy img {
			float: left;
			}
		
		#zopro #buy .copy {
			float: left;
			width: 135px;
			padding: 20px 0 0 0;
			font-size: 1.2em;
			line-height: 1.1666;
			text-align: center;
			}
			
			#zopro #buy h2 {
				font-size: 1.5em;
				line-height: 1;
				margin: 0 0 5px 0;
				}
	
	#zopro #kosher {
		clear: both;
		float: right;
		}

	
#zopro blockquote {
	position: relative;
	float: right;
	display: inline;
	width: 39em;
	height: 8em;
	padding: 20px 0 20px 2em;
	border-left: 1px solid #6a8ab9;
	}
	
	#zopro blockquote div {
		position: absolute;
		top: 20px;
		left: 2em;
		width: 37em;
		}
	
	#zopro blockquote img {
		float: left;
		display: block;
		margin: 0 10px 0 0;
		padding: 2px;
		border: 1px solid #6a8ab9;
		}

	#zopro blockquote p {
		font-size: 1.3em;
		line-height: 1.385;
		font-style: italic;
		padding: 13px 0 0 0;
		text-align: right;
		}
		
		#zopro blockquote p cite {
			font-size: .8462em;
			line-height: 1.63636;
			font-style: normal;
			}
/* -------------------------------------------------
                                       end zopro! */