@charset "utf-8";
/* ********* Set Defaults to Zero ******* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

a:focus {
    -moz-outline-style:none;
	outline: none;
}



/* This makes the text left justified & keeps font large in the CS debug area */
.cfdebug {text-align:left; font-size:12px;}
.cfdebug code{ font-size:12px;}
.cfdebug pre{ font-size:12px;}

body {font-family:Arial, Helvetica, sans-serif;}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */

.cns-top {
	width: 820px; 
	margin: auto; 
	margin-top:10px;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	}
	
.cns-top-title {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	}
	
.cns-top-fineprint {
	text-align:center;
	font-size:8px;
	margin:10px 0 6px 0;
	}

.cns-main{ 
	width: 820px; 
	height:920px; 
	margin: auto; 
	background-color:#FFF;
	border-left:2px solid #662F8F;
	border-bottom:2px solid #662F8F;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	}

.cns-header {
	width:100%;
	background-color:#662F8F;
	}
	
.cns-header-title {
	width:80%;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:20px;
	padding-right:20px;
	vertical-align:middle;
	}
	
.cns-header-logo {
	width:20%;
	vertical-align:middle;
	text-align:center;
	Xpadding:14px 0 12px 0
	}
	
.cns-codes {
	width:100%;
	
	}
	
.cns-codes-left {
	width:80%;
	padding-left:20px;
	font-size:14px;
	padding-right:20px;
	vertical-align:top;
	padding-top:5px;
	}
	
.cns-codes-right {
	width:20%;
	vertical-align:top;
	}

	.cns-codes-right div{
		Xborder:1px solid #662F8F;
		border-top:none;
		font-size:20px;
		text-align:right;
		padding:2px 5px;
		-webkit-border-radius: 0 0 0 20px;
		border-radius: 0 0 0 30px;
		}

.cns-specs {
	width:100%;
	
	}
	
.cns-specs-left {
	width:50%;
	vertical-align:top;
	}
	
.cns-specs-right {
	width:50%;
	vertical-align:top;
	}
	
.cns-subheading-left {
	background-color:#662F8F;
	color:#FFF;
	text-transform:uppercase;
	font-size:17px;
	padding:2px 4px;
	font-weight:bold;
	margin:-8px 2% 20px 0;
	}
	
.cns-subheading-right {
	background-color:#662F8F;
	color:#FFF;
	text-transform:uppercase;
	font-size:17px;
	padding:2px 4px;
	font-weight:bold;
	margin:-10px 0 20px 2%;
	}
	
.cns-subheading-span {
	background-color:#662F8F;
	color:#FFF;
	text-transform:uppercase;
	font-size:17px;
	padding:2px 4px;
	font-weight:bold;
	margin:20px 0;
	}

#cns-spec-img_container{
	margin:2px;
	text-align:center;
	Xoverflow:hidden;
}
.cns-img {
	border:2px solid #662F8F;
 	xdisplay: block;
	text-align:center;
	width:360px;
	margin-top:-30px;
	}

.cns-ingredients {
	font-size:10px;
	line-height:100%;
	margin:5px 5px 0 30px;
	}

.cns-h1 {
	font-size:20px;
	margin:0 10px 10px 20px;
	font-weight:bold;
	margin-top:-10px;
	}
	
.cns-ul {
	margin:0 10px 10px 20px;
	padding-left:20px;
	margin-top:-10px;
	}

.cns-list-table {
	margin-left:20px;
	font-size:14px;
	margin-top:-20px;
	width:350px;
	}
	
.cns-list-cell-1 {
	width:60%;
	vertical-align:top;
	padding:2px;
	font-weight:bold;
	}
	
.cns-list-cell-1sub {
	width:60%;
	vertical-align:top;
	padding:2px 2px 2px 0px;
	font-weight:normal;
	
	}
	
.cns-list-cell-2 {
	width:40%;
	vertical-align:top;
	padding:2px;
	}

.cns-basic-prep {
	margin-left:20px;
	font-size:11px;
	}

.cns-basic-prep p{
	margin-top:-10px;
}

	.cns-basic-prep h3 {
		font-weight:bold;
		margin-top:-10px;
		}
		
	.cns-basic-prep p {
		cmargin-bottom:10px;
		}

.cns-nut-info {
	width:95%;
	margin-left:5%;
	margin-bottom:4px;
	font-size:12px;
	}

.cns-nut-info-row1 td {
	padding:2px;
	text-align:center;
	border-bottom:1px solid #000;
	}

.cns-nut-info-row2 td {
	padding:2px;
	text-align:center;
	}

#cns-sig-img-container{ 
	width:400px; 
	height:160px;
	border:2px solid #000000;
	margin-top:2px;
}

.cns-specs-span{ margin-top:-10px;}

.cns-sig-img {
	xborder:2px solid #000000;
	width:85%;
	xheight:160px;
	margin-left:26px;
	
	}	
	
.cns-footer {
	width: 820px; 
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	xmargin-top:10px;
	}

.cns-footer-left {
	width:70%;
	font-size:14px;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	}
	
.cns-footer-right {
	width:30%;
	font-size:14px;
	font-weight:bold;
	font-style: italic;
	text-align:right;
	}
	
.cns-footer-right a:link {color: #000;	text-decoration: none;}
.cns-footer-right a:visited {color: #000; text-decoration: none;}
.cns-footer-right a:hover {color: #000; text-decoration: none;}
.cns-footer-right a:active, a:focus {color: #000; text-decoration: none;}