body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;
		background: #94d4fa url(/images/interface/bg-top.jpg) top center no-repeat;
	}
	sup {
		vertical-align: text-top;
		font-size:.65em;
		bottom:1ex;
		height:0;
		line-height:1;
		position:relative;
		vertical-align:baseline;
	}
	.center { text-align: center; }
	/*--- Typography ---*/

	/*p { margin: .5em 0 1.5em;
		font-size: 13px;
	}
	h1 { font-size: 30px;
	}
	h3 { font-size: 20px;
		margin-top: 6px;
		margin-bottom: 10px;

	}*/
	#wrapper {
		text-align: left;
		padding: 0px;
		border:0;	
		background:  url(/images/interface/bg-bottom.jpg) bottom center no-repeat;
	}
	#wrapper2 { background:  url(/images/interface/bg-bottom-grad.png) bottom left repeat-x;
	}
	#page {
		background: url(/images/interface/top1.png) top left no-repeat;
		padding-top:22px;
	}
	#page2 {
		background: url(/images/interface/page-bg.gif) top left repeat-y;
		width:960px;
	}

	#page, .page-width { 
		width: 960px;
		margin: 0px auto;
	}

	#header {
		margin: 0 0 15px 0;
		background: url(/images/interface/header-bg.gif) top left repeat-x;
		height: 120px;
	}
	.nav-con {
		float:left;
		width: 720px;
		text-align: center;
		height:121px;
		/*height: 94px;*/
	}
	span.nav-2 {
		height: 115px;
		background: url(/images/interface/nav-2.gif) bottom left no-repeat;
		padding: 0 0 0 100px;
		height: 115px;
		/*height: 90px;*/
		display:inline-block;
	}
	span.nav-3 {
		/*height: 36px;*/
		height: 35px;
		padding: 80px 100px 0 0;
		/*padding: 54px 100px 0 0;*/
		list-style: none;
		margin:0;
		display: inline-block;
		background: url(/images/interface/nav-2.gif) bottom right no-repeat;
	}
			
		#header span.nav-3 a,
		#header span.nav-3 a:visited { 	padding: 0 8px;
			display:inline;			
			height: 23px;
			margin:0;
			text-decoration: none;
			color: #000000;		
		}

		#header span.nav-3 a:hover { 	text-decoration: underline;
		}
		.contact-us {
		width: 100px;
		height: 25px;
		line-height: 25px;
		
		float:right;
		position: relative;
		top: -110px;
		right:35px;
		
		}
		.contact-us a {
			
			display:inline-block;
			background: url(/Images/interface/mail.png) bottom left no-repeat;
			text-decoration: none;
			color: #000;
			height: 25px;
			line-height: 25px;
			padding: 0 0 0 26px;
			width:100px;
		}
		.contact-us a:hover {
			background: url(/Images/interface/mail.png) top left no-repeat;
		}
			

	#left-col {
		float: left;
		width: 240px;
		margin-top:5px;
	}
	#main-col { 
		float: left;
		width: 720px;
		padding-top: 8px;
		background: url(/images/interface/page-bg.gif) repeat-y right top);
	}

	#footer {
		clear: both;
		background: #A2A2A2;
		background: url(/images/interface/footer.jpg) bottom left no-repeat;
		height: 250px;
	}



	.column-bg {
		border:1px solid #ffffff;
		background: #ffffff;
		/*background: #f6fcfd url(../images/interface/column-grad.jpg) top left repeat-x;*/
		overflow:hidden;
	}


	 a.logo, a.logo:visited {
 		background:url(/images/interface/header-logo.gif) top center no-repeat;
		text-indent: -9999px;
		width: 240px;
		height: 118px;
		float:left;	
	}
	#left-col ul {margin:0; list-style: none;}
	#left-col ul li  { margin: 10px 0 20px;
		}

	#left-col ul li div{
		font-size: 20px;
		font-weight:bold;
		line-height: 37px;
		padding:0 0 8px 45px;
		margin: 0;
		background: url(/images/interface/banner-heading.png) top left no-repeat;
		width: 206px;
		height: 45px;
		margin-left:-11px;
		
	}
	#left-col ul li div a {
		color: #000000;
		text-decoration: none;
	}
	#left-col ul li div a:hover {
		color: #000000;
		text-decoration: underline;
	}
	#left-col ul li ul {
		margin: 0px;
		margin-top:-7px;
	}

	#left-col ul li ul li { margin: 0px 0 10px 0;
	}
	#left-col ul li ul li div { 
		background: url(/images/interface/banner-heading2.png) top left no-repeat;
		margin-left:-6px;
		width:206px;
		height: 35px;
		font-size: 17px;
		line-height: 31px;
		padding: 0 0 4px 40px;
	}

	#left-col ul li ul li div.Sheader a.SubHeader { 
		background: url(/images/interface/banner-heading2.png) top left no-repeat;
		margin-left:-40px;
		width:206px;
		height: 35px;
		font-size: 17px;
		line-height: 31px;
		padding: 0 0 4px 40px;
	}

	#left-col ul li ul li ul { 
		margin-top:-7px;
		background: url(/images/interface/left-col-bg.png) bottom right no-repeat;
		padding-bottom: 1px;
	}
	#left-col ul li ul li ul li {
		background:url(/images/interface/nav-button.png) top left no-repeat;
		margin: 0 0 0 1px;
	}

	#left-col ul li ul li a,
	#left-col ul li ul li a:visited{
		text-decoration:none;
		padding-left: 32px;
		line-height: 35px;
		font-size: 13px;
		margin: 0;
		display:block;
		color: #102f40;
		width: 206px;
		height:35px;
		background-image :url(/images/interface/bullets.gif);
		background-repeat:no-repeat;
	    
	}
	#left-col ul li ul li a:hover { text-decoration:underline;
	}

	/* bullets */
	#left-col
	a.cosequin-ds {
	background-position: 0 -35px;
	}
	#left-col
	a.cosequin-hip {
	background-position: 0 -70px;
	}
	#left-col
	a.cosequin-hip-plus{
	background-position: 0 -105px;
	}
	#left-col
	a.cosequin-multi {
	background-position: 0 -140px;
	}
	#left-col
	a.dermaquin-dog {
	background-position: 0 -175px;
	}
	#left-col
	a.cosequin-cat {
	background-position: 0 -210px;
	}
	#left-col
	a.dermaquin-cat {
	background-position: 0 -245px;
	}
	#left-col
	a.bactaquin-cat {
	background-position: 0 -280px;
	}

	#left-col
	a.bactaquin-dog {
	background-position: 0 -315px;
	}
	
	#left-col
	a.cosequin-softchew {
	background-position: 0 -350px;
	}

	/*--- General Page Formatting ---*/
	.page-full { margin: 0 30px;
			position: relative;
		top: -29px;
	}


	/*--- product page formatting ---*/

	h1.product-title {
		margin: 20px 10px 15px 28px;
		font-size: 30px;
		color: #102f40;
	}
	h1.page-col-full {
		margin: 0 30px .5em;
	}
	h2.page-col-full {
		margin: 0 30px .75em;
	}
	h3.page-col-full {
		margin: 0 30px 1em;
	}
	.page-col-full {
		margin: 0 30px;
		clear:both;
	}
	.page-col-1of2 {
		width: 320px;
		margin-left: 20px;
		float:left;
	}
	.page-col-1of2-wide {
		width: 380px;
		margin-left: 20px;
		float:left;
	}
	.page-col-1of2-slim {
		width: 200px;
		margin-left: 60px;
		margin-top:80px;
		float:left;
	}
	.page-col-1of3 {
		width: 206px;
		margin-left:20px;
		float:left;
	}

	.first { margin-left:30px; }

	.product-shot {
		float:left;
		text-align: center;
		vertical-align: middle;
		padding: 0 0 15px 0;
	/*height: 231px;*/
}

	.product-info {
		clear:both;
		width: 460px;
		margin-left:10px;
		float:left;
	}
			
			
			
	/* ARROW */

	.arrow { 
		margin: 0px  10px 15px 0px;
		padding-left:30px;
		width:445px;
		overflow: hidden;
		float:left;
	}
	.border-1 {
		border: 1px solid #7e7e7d;
		width: 324px;
		border-width: 1px 0 1px 1px;
		background: #f6f0e8;
		float:left;
	}
	.border-2 {
		border: 1px solid #ffffff;
		border-width: 1px 0 1px 1px;
		padding: 0px 0px 0px 10px;	
	}
	#arrow-point { 
		float:left;
		position: relative;
		z-index: 500;
	}
	.no-script #arrow-point { display:none; }
	.no-script .border-1{ border-width: 1px; width: auto;}
	.no-script .border-2 {	border-width: 1px; padding-right: 10px; }

	#arrow-point.Cosequin-DS { background: url(/images/interface/arrow5.gif) center right no-repeat; }
	#arrow-point.Cosequin-HJ { background: url(/images/interface/arrow-HJ.gif) center right no-repeat; }
	#arrow-point.Cosequin-HJ-plus { background: url(/images/interface/arrow-HJ-plus.gif) center right no-repeat; }
	#arrow-point.Cosequin-Multi { background: url(/images/interface/arrow-Multi.gif) center right no-repeat; }
	#arrow-point.Cosequin-Cats { background: url(/images/interface/arrow-Cosequin-cats.gif) center right no-repeat; }
	#arrow-point.Dermaquin-Dogs { background: url(/images/interface/arrow-Dermaquin-dogs.gif) center right no-repeat; }
	#arrow-point.Dermaquin-Cats { background: url(/images/interface/arrow-Dermaquin-cats.gif) center right no-repeat; }
	#arrow-point.Cosevite { background: url(/images/interface/arrow5.gif) center right no-repeat; }
	#arrow-point.Bactaquin-Cats { background: url(/images/interface/arrow-bactaquin-cat.gif) center right no-repeat; }
	#arrow-point.Bactaquin-Dogs { background: url(/images/interface/arrow-bactaquin-dog.gif) center right no-repeat; }
	#arrow-point.Cosequin-Softchews { background: url(/images/interface/arrow-cosequin-softchews.gif) center right no-repeat; }
	#arrow-point.Cosequin-DS-plus-MSM { background: url(/images/interface/arrow-cosequin-softchews.gif) center right no-repeat; }
	
	.border-arrow-bottom {
		background: url(/images/interface/border-bottom-2.gif) bottom left repeat-x;
		width:43px;
		height:inherit;
	}
	.border-arrow-top {
		background: url(/images/interface/border-top-2.gif) top left repeat-x;
		width:43px;
		height:inherit;
	}

	/*ul.bullet-points {
			margin: 10px 0 25px;
			
		}*/
		
			/*ul.bullet-points li {
				margin-bottom: 1em;
				padding-left: 18px;
				font-size: 13px;
				font-weight: bold;
				background:url(../images/interface/bullet-icon.png) top left no-repeat;
			}*/

	ul.bullet-points {
		margin:0 0px 0 0;
		width: 330px;
	}
	ul.bullet-points li {
		margin: 12px 0;
		padding-left: 18px;
		font-size: 13px;
		font-weight: bold;
		background:url(/images/interface/bullet-icon.png) top left no-repeat;
		list-style: none;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		position:relative;
		z-index: 1000;
	}

			
			
			
	/* Logos */
	#main-col .page-col-1of2 h1,
	#main-col .page-col-1of3 h1{
	margin-left:0;
	}
	h1.logo {
		overflow:hidden;
		text-indent: -9999px;
		margin: 0px 0 15px 30px;
	}

	h1.cosequin {
	background: url(/images/logo-cosequin.gif) top left no-repeat;
	width: 330px;
	height:38px;
	}

	h1.cosequin-ds {
	background: url(/images/logo-cosequin-ds.gif) top left no-repeat;
	width: 330px;
	height:38px;
	}

	h1.cosequin-hj {
	background: url(/images/logo-cosequin-hj.gif) top left no-repeat;
	width: 280px;
	height:70px;
	}

	h1.cosequin-hj-plus {
	background: url(/images/logo-cosequin-hj-plus.gif) top left no-repeat;
	width: 320px;
	height:70px;
	}

	h1.cosequin-multi {
	background: url(/images/logo-cosequin-multi.gif) top left no-repeat;
	width: 320px;
	height:70px;
	}

	h1.cosequin-cats {
	background: url(/images/logo-cosequin-cats.gif) top left no-repeat;
	width: 340px;
	height:80px;
	}

	h1.dermaquin-dogs {
	background: url(/images/logo-dermaquin-dogs.gif) top left no-repeat;
	width: 370px;
	height:84px;
	}

	h1.dermaquin {
	background: url(/images/logo-dermaquin.gif) top left no-repeat;
	width: 370px;
	height:40px;
	}

	h1.dermaquin-cats {
	background: url(/images/logo-dermaquin-cats.gif) top left no-repeat;
	width: 364px;
	height:78px;
	}
	
	h1.bactaquin-cats {
	background: url(/images/logo-bactaquin-cats.gif) top left no-repeat;
	width: 366px;
	height:78px;
	}
	
	h1.bactaquin-dogs {
	background: url(/images/logo-bactaquin-dogs.gif) top left no-repeat;
	width: 355px;
	height:78px;
	}
	
	h1.cosequin-softchews {
	background: url(/images/logo-cosequin-softchews.gif) top left no-repeat;
	width: 355px;
	height:87px;
	}
		h1.cosequin-ds-plus-msm {
	background: url(/images/logo-cosequin-ds-plus-msm.gif) top left no-repeat;
	width: 387px;
	height:50px;
	}
	
			
	/* --- dividers ---*/
	hr {
		color: #8e8e8e;
		background: #8e8e8e;
		height: 2px;
		border:0;
		border-bottom: 1px solid #d2d2d2;
		margin: 20px 0;
		clear:both;
	}
	hr.divider {
		color: #fff;
		background: #fff;
		margin: 0 1px;
		border-bottom: 1px solid #cbcbcb;
	}
	.bg-divider {
		background: url(/images/interface/bg-divider.gif) bottom center no-repeat;
		overflow:hidden;
	}
	.bg-divider-2 {
		background: #ffffff url(/images/interface/bg-divider-2.gif) top center no-repeat;
		overflow:hidden;
		padding-top: 15px;
	}
	.bg-divider-2b {
		background: url(/images/interface/bg-divider-2b.gif) top center no-repeat;
		overflow:hidden;
		padding-top: 15px;
	}

	
	.break {
		margin-bottom: 20px;
	}
			
			
	/* panels */


	.panel {
		float:left;
		width: 320px;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	.panel .panel {
		background-position: left bottom;
		padding:0 0 0px 0;
		margin:0;
}
	.tan { 	background: url(/images/interface/panel-tan.png) top left no-repeat; }
	.blue { background: url(/images/interface/panel-blue.png) top left no-repeat; }
	.divider-1of3 { background: url(/images/interface/divider-1of3.gif) top left no-repeat; }
	.callout {
		font-size: 14px;
		padding: 5px;
	}
		/* panel typography */
		
		.panel .panel p {
			padding: 0 10px;
		}
		.panel .panel h3,
		.panel .panel h4 {
			margin: 5px 10px 0;
			padding: 0 0 10px 0;
			
		}
		.panel .panel .contents {
			margin: 5px 5px 0px;
			padding: 0 5px 10px;
			border-bottom: 1px solid #7e7e7d;
		}
	    .panel .panel h5.contents 
	    {
	    background: #d2cec8;
	    padding: 7px 15px;
	    margin-left:12px;
	    margin-right:12px;
	    border: 1px solid #a7a5a2;
	    border-bottom:none;
	    clear:both;
	    
	    }
		.sub {
			padding: 0px 10px 0;
			margin-top: 5px;
		}
		.panel .sub {
			padding: 10px 20px 0;
		}
			
			
	/* dotted list */
	.dotted-list {
		
		float:left;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
		display:inline;/*Ie double margin fix*/
		font-weight:bold;
		width:316px;
		margin-left: 2px;
		padding-bottom: 15px;
	}

	.dotted-list ul {
		padding:5px 0px 0 10px;
		list-style:none;
		float:left;
		position:relative;
		background:#f6f0e8;
		color:#000000;
		width: 295px;
		margin:0;
	}

	.dotted-list ul.sub {
	    width: 264px;
	    margin-left: 10px;
	    padding: 5px 15px 15px 15px;
	    border: 1px solid #a7a5a2;
	    
	}


	.dotted-list li {
		line-height:1.2;
		margin:-.9em 0 0 0;
		position:relative;
		float:left;
		width:100%;
		text-align:left;
		border-bottom:1px dotted #000;
		clear:both;
	}
	.dotted-list li.bold {
		font-size: 13px;
	}
	.dotted-list li.indent	{
		margin-left: 15px;
		width: 280px;
	}
	.dotted-list li span {
		background:#f6f0e8;
		padding:1px 0 1px 5px;
		color:#000;
		position:relative;
		top:0.4em;
		left:1px;/* ie rounding error*/
		float:right;
	}
	.dotted-list li em {
		margin:0;
		position:relative;
		font-style:normal;
		top:1.6em;
		padding:0 5px 0 0;
		background:#f6f0e8;
	}
	.dotted-list li em em {
		font-style: italic;
		position:static;
		}
	.panel .panel .dotted-list p {
		padding:0 5em 0 0;
		margin:0;
	}
	.amend {
		clear:both;
		padding:20px
	}
	.amend p {
		margin:0 0 1em 0
	}

	.amend {
		clear:both;
		padding:20px
	}
	.amend p {
		margin:0 0 1em 0
	}
			
			
			/* administration table */
			
			
			.admin .note, table.admin .note {
			font-size: 10px;
			line-height:normal;
			text-align: center;
			font-weight:normal;
			color: black;
			
		}
		.admin .data {
			
			
			text-align: center;
			display:block;
		}
		table.admin	 {
			border-collapse:collapse;
			font-size:13px;
			font-weight: bold;
			text-align: center;
			vertical-align: top;
			background: #f6f0e8;
			width: 319px;
			margin-left:1px;
			}
		table.admin	 th {
				border: 1px solid #7E7E7D;
				font-size: 12px;
				}
		 table.admin	 td {
				border: 1px solid #7E7E7D;
				padding-top:6px;
				vertical-align: top;
				padding: 6px 4px;
			}
		.admin	 .orange {
			color: #CE7019;
			}
		.admin .blank {
				background: white;
				border:0;
			}
			
						.clear { clear:both; }
						
						
	table#where-to-buy {
		text-align:center;
		font-size:13px;
		margin: 0 10px;	
		border: 1px solid #b1b1b1;
	}		
	table#where-to-buy tbody {
	
	}
	table#where-to-buy th {
		background: #d6d6d6;
		border: 1px solid #8e8e8e;
		text-align:left;
		padding-left: 20px;
	}
	table#where-to-buy .top-row {
		text-align: left;
		font-weight: bold;
	}
	table#where-to-buy .c1 {
		text-align: left;
	}
	table#where-to-buy td {
		border-bottom: 1px solid #b1b1b1;
		border-right: 1px solid #b1b1b1;
		padding: 5px;
		text-align: center;
	}
	table#where-to-buy tr.odd {
		background: #f2f2f2;
	}
	img.picture-frame-right {
		padding: 1px;
		background: #fff;
		border: 4px solid #f2f2f2;
		margin: 0px 0 15px 15px;
		float:right;
	}
	img.picture-frame-left {
		padding: 1px;
		background: #fff;
		border: 4px solid #f2f2f2;
		margin: 0 15px 15px 0;
		float:left;
	}
	
	.picture-frame {
		padding: 1px;
		background: #b3b3b3;
		border: 4px solid #f2f2f2;
		margin:0 15px 0px;
	}
	.picture-frame-margin {
		padding: 1px;
		background: #b3b3b3;
		border: 4px solid #f2f2f2;
		margin:5px 15px;
	}
	.picture-frame p {
		padding: 15px;
		background: #fff;
		margin:0;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}
	.panel-full
	.picture-frame {
		margin:0;
	}
	
	.panel-full {
		border: 1px solid #c7c7c7;
		
		border-top: 1px solid #9e9e9e;
		border-width: 1px 1px 0;
		margin: 0 10px 20px;
		background: url(/images/interface/bg-divider.gif) bottom center no-repeat;
		padding: 15px 0;
	}
	.panel-full .page-col-1of2 {
		margin-left: 20px;
		width: 319px;
	}
	.panel-full .page-col-1of3 {
		margin-left: 20px;
		width: 206px;
	}
	.panel-heading {
		background: #e2e2e2;
		margin:0 10px;
		padding: 6px 20px;
		border: 1px solid #9e9e9e;
		border-bottom: 1px solid #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.panel-full h2,
	.panel-full h3,
	.panel-full h4,
	.panel-full h5 {
		margin:0 20px 15px;
	}

	.panel-full .first{
		margin-left:20px;
	}
	.divider-bg-special {
		background: url(/images/interface/bg-divider-special.gif) bottom center no-repeat;	
	}

	.contact-form label {
		padding: 0 10px;
	}
	/* colors */

	.red { color: #ff0000; }
	.cosequin-ds .highlight { color: #ce7019; } /* cosequin DS 8*/
	.cosequin-hip-joint .highlight { color: #009ac8; } /* Cosequin Hip & Joint Bonelets */
	.cosequin-hip-joint .highlight2 { color: #5d9732; } /* Hip & Joint Bonelets Plus */
	.cosequin-multi .highlight { color: #c60751; } /* Cosequin Multi */
	.cosequin-softchew .highlight { color: #0163d5; } /* Cosequin softchew */
	.cosequin-cats .highlight { color: #ff9999; }
	.dermaquin-dogs .highlight { color: #666699; }
	.dermaquin-cats .highlight { color: #9999cc; }
	body .no-pad { padding:0;}
	.black { color: #000000; }
	.floatRight { float:right; }
	.floatLeft {float:left; }
	.top-heading { margin-top: -20px; }
	.homepage-flash { margin-top: -30px; }
	h2.pad-top{ padding-top: 15px; }
	.Width125 {width: 125px; }
	.width145 {width: 145px;}
	span.italic { font-style:italic;}
	
	div.success-stories-callout {
		padding-left: 2px;
		margin-bottom: 10px;
	}
	
	p.btn {
		margin-bottom: 0px;
	}
	
	.lt-blue {
		color: #006aac;
	}