body, td {
        font-family: Arial, Tahoma, Verdana;
}

body {
	overflow-x: hidden; /* to fix the crazy white-space to the right of the site, hopefully I find out what is causing the extension to the rt */
}

body, .body {
        background: #CF6B0D url(../images/ch_gradient4.png) top left repeat-x;
        /* background-color: #FFFCE0; I don't think we want this color. */
        background-color: #CF6B0D;
        padding: 0px;
        margin: 0px;
        color: #333;
}

body a {
	color: #994C00;
}
body a:hover {
	color:#C90;
}

#header {
	position: relative;
}

.leftoflogo {
	float: left;
	height: 64px;
	margin: 0px 10px 5px 0px;
}
@media (max-width: 600px) {
	.leftoflogo {
		height: 32px;
		margin: 0px 10px 10px 0px;
	}
}

#top_area, #header-wrap {
        height: 72px;
        background: #CF6B0D url('../images/new_ch_background.jpg') no-repeat;

        -moz-box-shadow: 0px 3px 8px #000;
        -webkit-box-shadow: 0px 3px 8px #000;
        box-shadow: 0px 3px 8px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 8 */
        filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 5.5 - 7 */
}

#wrapper, .ch_footer {
	background: #FFF;
        -moz-box-shadow: 0px 3px 8px #000;
        -webkit-box-shadow: 0px 3px 8px #000;
        box-shadow: 0px 3px 8px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 8 */
        filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 5.5 - 7 */
}

#ch_slideshow_wrapper {
        -moz-box-shadow: 0px 3px 8px #000;
        -webkit-box-shadow: 0px 3px 8px #000;
        box-shadow: 0px 3px 8px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 8 */
        filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 5.5 - 7 */
}

#search .acesearch_bg_module {
	text-align: right !important;
}
#qr-282, .acesearch_button {
}
/*
 * #search {
 * 	float: right;
 * 	}
 * 	#search .search{ float:right;  padding:0; margin:10px 0 0 0}
 * 	#search input[type="text"] {
 * 		min-width:160px;
 * 			background:#74A2C3;
 * 				border:1px solid #EEF7FE;
 * 					color:#EEF7FE;
 * 					}
 * 					#search input[type="button"],#search input[type="image"] { display:none}
 * 					#search {
 * 						position: absolute;
 * 							right: 20px;
 * 								top: 14px;
 * 									float: right;
 * 										text-align: right;
 * 										}
 * 										#acesearchModule-282 {
 * 											text-align: right;
 * 											}
 * 											.searchacesearch.acesearch_bg_module {
 * 												text-align: right;
 * 												}
 * 												*/

#above_menu {
        width: 100%;
        clear: both;
        padding: 0px;
        margin: 0px;
/*         margin-bottom: -5px; to account for shadow and spacing issue - that may be fixed be checking margin in custom content */
}


#main-content {
	/* padding: 20px 30px; taking care of this with ch_content_padding in the template */
}

.item-page p {
	/* attempting to word-wrap long urls that push outside main-content when on mobile browsers */
/* should target specific case, this has undesired effect on A tags that have wrapped
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
*/

}

.item-page iframe {
	max-width: 100% !important;
}

/* 216 x 34 - ch logo
 * .site-logo, #logo {
 * 	position: absolute;
 * 		top: 20px;
 * 			left: 17px;
 * 			}
 * 			*/
.site-logo, #logo {
	margin-top: 20px;
	margin-left: 17px;
	height: 40px;
}
#headerwrap {
        background: #DDD url('../images/little_kitty.gif') top right no-repeat;
}
#headerrow {
        min-height: 72px;
        /*background: #DDD url('../images/new_ch_background.jpg') no-repeat;*/
        /*background: #DDD url('../images/little_kitty.gif') top right no-repeat; */
	background-position: top right;

        -moz-box-shadow: 0px 3px 8px #000;
        -webkit-box-shadow: 0px 3px 8px #000;
        box-shadow: 0px 3px 8px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 8 */
        filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')"; /* For IE 5.5 - 7 */
}

#site-description {
	color: #3BD;
	color: #33A4DD;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0px;
	font-weight: normal;
	/*text-transform: uppercase;*/
        font-family: Arial, Tahoma, Verdana;
	padding-top: 10px;
}

#logocol {
	min-width: 250px;
	max-width: 480px;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 17px;
	padding-bottom: 6px;
	border: 0px solid #FF0;
}
.thelogo {
	color: #000;
	text-transform: lowercase;
	font-size: 48px;
	text-decoration: none;
}

.homepagevid {
	float: right;
	margin: 10px 0px 5px 10px;
	max-width: 100%;
}

#ch_search {
	width: 300px;
	margin: 20px 50px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted #CCC;
}

@media (max-width: 1024px) {
	#ch_search {
		margin: 30px 60px 10px 0px;
	}
}

@media (max-width: 600px) {
	#logocol {
		max-width: 66%;
	}
	#ch_search {
		margin: 5px 60px 10px 0px;
	}
}

@media (max-width: 420px) {
	#ch_search {
		margin: 5px 10px 10px 0px;
	}
}

#ch_search form, #ch_search input { display: inline; }
#deanesearch {
	width: 256px;
}
@media (max-width: 1024px) {
	#headerwrap {
		background-position: top 10px right;
	}
	#headerrow {
		background-position: 0px 10px;
	}
	#logocol {
		margin-top: 10px;
	}
}



.category-desc {
        border: 1px solid #369;
        background: #EAEFFF;
        padding: 20px;
}
.category-desc > p {
        margin: 5px;
} 





/********* UI Elements *********/

#navbar-wrap {
	background: #451E0E;
}

#wrapper {
	background: #FFF;
}

#menu-icon {
	color: #DEF;
	color: #CDE;
}
#menu-icon:hover, #menu-icon:active {
	color: #FFF;
}

#navigation .menu li > a > .menutitle {
	color: #FFF;
}

#navigation .menu li > a:hover > .menutitle {
	color: #FFF;
}

#navigation .menu li > .sub-menu li > a > .menutitle {
	color: #FFF;
}

#navigation .menu li > .sub-menu li > a:hover > .menutitle {
	color: #FFF;
}

#navigation .menu li > a {
	font-size: 13px;
}

#navigation .menu {
	margin-left: 20px;
}

#navigation .menu a {
        color:#FFF;
        height: 34px;
        line-height: 34px;
        padding: 0 7px;
        font-weight: bold;
}

@media (max-width: 1024px) {
	body { margin-top: -10px !important; }
	#logo { text-align: left !important; position: relative; }
	#logo a { position: absolute; top: 0px; left: 0px; }
	#navigation .sub-menu a { padding-left: 10px; font-size: 15px; }
	#navigation .sub-menu .deeper a { padding-left: 20px; font-size: 14px; }
	#navigation .sub-menu .deeper .deeper a { padding-left: 30px; font-size: 13px; }
	#navigation .sub-menu .deeper .deeper .deeper a { padding-left: 40px; font-size: 12px; }
	#navbar-wrap {
		margin: 0px;
	}
}



p, li { color: #543; }
p { text-indent: 0px; }

/* +Deane Adding */
sup {
	color: #876; 
	vertical-align: super;
	font-size: smaller;
}
sub {
	color: #876; 
	vertical-align: sub;
	font-size: smaller;
}

sup, sub {
	line-height: 0px;
	white-space: nowrap; /* this will prevent references wrapping and producing strange effects */
}

sup a, sub a { text-decoration: none; }   

.nobr {
	white-space: nowrap;
}

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

a { color: #994c00; }

/*ol*/
.references {
	margin: 8px 8px 8px 20px;
	padding: 0px;
	color: #420;
}

/*ol*/
.references li {
	margin-bottom: 10px;
}

ol li:target { background-color: #FF6; }

ul { list-style-type: disc; text-align: left; }

ul ul { list-style-type: circle; }

/* h1 { font-size: 170%; font-weight: bold; } */
/*
 * h1, h2, h3, .h1, .h2, .h3 { color: #640; line-height: 110%; }
 * .h1 { font-size: 200%; font-weight: bold; }
 * .h2 { font-size: 140%; font-weight: bold; }
 * .h3 { font-size: 120%; font-weight: bold; }
 * */

/* + Getting rid of the space at the top of the article (could probably just
 *  * generally define h1,h2,h3 but that is already at about 17) 
 *   *
 *    * In English, what is this doing? Any p tag that is next to h1, h2, h3 and ul next
 *     * to h1, h2, h3 add 30px top margin?
 *      *
 *       * */
p + h2, p + h1, p + h3, ul + h1, ul + h2, ul + h3 {
	/* This is causing a bug in internet explorer. The top menu displays
 * 	 * about 10 more pixels in height than it should. */
	/* margin-top: 30px !important; */
}

.ch_item_page {
	margin-top: 10px;
}
#ch_slideshow_wrapper .ch_item_page {
	margin-top: 0px;
}

.spacedlist li, .spaced-list li, .spaced_list li, .item-page li {
	margin-top: 6px;
	margin-bottom: 6px;
/*
        margin-top: 14px;
        margin-bottom: 14px;
*/
}

.ul-2col {
	float: left;
	clear: none;
	width: 25%;
}
@media (max-width: 640px) {
 .ul-2col {
	width: 40%;
 }
}
@media (max-width: 480px) {
 .ul-2col {
	width: 95%;
 }
}

.unindented li {
        margin-left: -20px !important;
        padding-left: 0px !important;
}


@media (max-width: 480px) {
        .spacedout li, .spaced_list li, .spacedlist, .spaced-list, .item-page li {
                margin-left: 3px;
        }
}


/*div*/
.item-page > h1 {
        /* margin-top: 12px !important; I actually like it more with more whitespace -Alex */
	font-size: 2em;
	line-height: 1.0em;
        color: #640;
        margin-top: 0px;
        margin-bottom: 20px;
        padding-bottom: 8px;
        border-bottom: 1px solid #EEDDD0;
}

h2 { line-height: 1.1em; }

/* - Getting rid of the space at the top of the article */

.caption {
	font-style: oblique;
	font-size: 90%;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 20px;
	color: #765;
}

caption {
	caption-side: bottom;
	font-style: oblique;
	font-size: 90%;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 20px;
	color: #765;
}

#navbar-wrap {
        position: relative;
        z-index: 3225;
}

#user1-wrap {
        position: relative;
        z-index: 3214;
}
.dhtopban, .chtopban {
        position: relative;
        z-index: 3213;
}


.midpage_top, .midpage_right {
	float: right !important;
	clear: right !important;
	margin: 2px 0px 12px 12px;
	padding: 0px !important;
	background: #EFEFEF;
	width: 300px;
	height: 250px;
}

.midpage_left {
	float: left;
	margin: 2px 12px 12px 0px;
	padding: 0px !important;
	background: #EFEFEF;
	width: 300px;
	height: 250px;
}

@media (max-width: 600px) {
	.midpage_top .midpage_top, .midpage_right .midpage_right, .midpage_left .midpage_left {
		position: relative;
		max-width: 85%;
		overflow: hidden;
		border: 0px solid #0FF;
	}
	.midpage_top, .midpage_right, .midpage_left {
		text-align: right;
		background: transparent;
	}
	.midpage_top img, .midpage_right img, .midpage_left img {
		max-width: 100%;
	}
	.aq_amz_prod_wrap {
		padding: 10px;
	}
}

.midpage_leaderboard {
	position: relative;
/*
 * 	width: 728px;
 * 		height: 90px;
 * 		*/
	width: 100%;
	max-width: 728px;
	max-height: 90px;

	padding: 0px !important;
	background: #EFEFEF;
}

#ch_bottomlinks {
	clear: both;
	text-align: center;
	padding: 6px 0px 0px 6px;
	border-top: 0px solid #CCC;
	font-size: 80%;
	color: #A98;
	background-color: #FFF;
}

.ch_toplinks {
}

.ch_midlinks {
	width: 728px;
	height: 15px;
	overflow: hidden;
	background: #E1771E;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.ch_midlinks .ch_midlinks {
	margin: 0px !important;
	padding: 0px !important;
}

#margin { margin: 0px 10px 0px 10px; }

.aqtooltip {
	position: relative;
	display: none;
	background-image: none;
	background-color: #FFF966;
	border: 1px solid #FC0;
	z-index: 3628;
}

.moduleacesearch {
	position: relative;
	z-index: 999999999;
}

.xmap h2.menutitle {
	display: none;
}

.componentheading {
	font-weight: bold;
        color: #666;
        font-size: 160%;
        margin-bottom: 18px;
        padding-bottom: 3px;
        border-bottom: 1px solid #EEDDD0;
}

.item-page, .blog, .contentpane, .contentpaneopen { /* Use this on all Joomla templates */
	width: 100%;
	border-collapse: collapse;
}

.contentheading { /* Does joomla 2.5 use contentheading? */
	font-size: 130%;
}

.ch_page_title_h2 {
	display: none;
}


.breadcrumbs, .breadcrumbs-chcrumb {
	font-size: .8em;
	padding: 4px 4px 6px 18px;
	margin-bottom: 6px;
	
}

.Xbreadsearch {
	float: right;
}

.module-chcrumb {
	/* This is only temporary. I got tired of having the navigation
 * 	 * dropdown interfere everytime I tried to click on a breadcrumb link. */
	padding: 0.5em 0em;
	position: relative;
}


/* + System Messages */
/*dt*/
.message {
        /* display: none !important;*/
}

.message {
        margin: 0px;
}

dd ul {
        background-color: #CA9;
        border: 1px solid #630 !important;
        color: #FFF !important;
        padding: 10px;
        margin: 10px 0px 10px 0px;
        list-style: none;
        font-weight: normal;
}

dd li {
        display: inline;
        margin: 0px;
        padding: 0px;
}

/*div*/
#system-message {
	border: 0px solid #F00;
        margin: 0px;
        padding: 0px;
}

#system-message .notice {
        background: #FC9;
}

#system-message .error {
        background: #F99;
}

#sXXystem-message .message ul li {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999999999;
	border: 1px dotted #00F;
	display: inline-block;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	background: #FF0;
}

/*
 * #system-message dd ul {
 * }
 * */

/* - System Messages */

.read-more-desc {
        display: inline-block;
        margin-left: 10px;
        color: #666;
}

/*a*/
.readon {
        color: #777;
        display: inline-block;
        margin-left: 9px;
        font-size: 80%;
}

/*a*/
.contentpagetitle {
	font-size: 90%;
}

.disclaimer, #ch_disclaimer {
	position: relative;
	clear: both;
	padding: 14px 20px 9px 20px;
	/*border-top: 1px solid #CCC;*/
	font-size: 90%;
	color: #89A;
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
	color: #C43;
}

.disclaimer {
	padding-right: 0px;
	padding-left: 0px;
	text-align: justify;
}

.disclaimer u, .disclaimer b {
	color: #C43;
}

.disclaimer-for-people-who-dont-read-disclaimers {
	text-align: justify;
	border: 2px solid #cc0;
	padding: 25px !important;
	font-size: 1.7em;
	line-height: 1.1em;
	font-weight: 700;
/*
	background: #900;
	color: #FFF;
*/
	background: #FF3;
	color: #000;
}
.disclaimer-for-people-who-dont-read-disclaimers, .disclaimer-for-people-who-dont-read-disclaimers p {
/*
	background: #900;
	color: #FFF;
*/
	background: #FF0;
	color: #000;
}
.disclaimer-for-people-who-dont-read-disclaimers u, .disclaimer-for-people-who-dont-read-disclaimers i {
	/*color: #FCC;*/
	color: #000;
}

@media (max-width: 400px) {
	.disclaimer-for-people-who-dont-read-disclaimers {
		text-align: left;
		font-size: 1.6em !important;
		line-height: 1.2em !important;
	}
}

/*td*/
.subtitle {
	font-size: 120% !important;
	font-weight: bold;
	background-color: #EFEFEF;
	text-align: center;
}



.half {
	width: 48%;
}

/* End custom tables styles I think. Any CSS that defines custom table styles
 *  * to be used within articles should be moved above this comment. */

/*div*/
.figurei1 {
	margin: 15px 0px 15px 0px;

	/*background-color: #FA3;*/
	background-color: #FD8;

	font-size: 90%;
	line-height: 18px;
	padding: 20px;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 10px #AAA;

}

/*div*/
.figurei1 p {
	color: #036;
}

.figurei1.twocol {
	width: 680px !important;
}

.blackline, .tdspacer {
	font-size: 1px !important;
	line-height: 1px !important;
	height: 2px !important;
	padding: 0px !important;
	background: #000;
}

/*div*/
.sideblurb {
	position: relative;
	width: 278px;
	max-width: 50%;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px dotted #000;
	background: #CEF;
	float: right;
	clear: right;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	z-index: 1984;
}
.noclear, .cnone {
	clear: none !important;
}

.pale-note-box td + td {
	background-color: #edf2df;
	width: 50%;
}

.pale-note-box { 
	border: 1px solid #373a30;
	margin: 4px 12px;
	padding: 4px 12px;
	background-color: #CEF;
}

.pale-note-box-right { 
	border: 1px solid #373a30;
	margin: 4px 12px;
	padding: 4px 12px;
	background-color: #CEF;
	float: right;
	width: 50%;
}

.pale-note-box-right { 
	border: 1px solid #373a30;
	margin: 4px 12px;
	padding: 4px 12px;
	background-color: #CEF;
	float: right;
	width: 50%;
}

.pale-note-box-left { 
	border: 1px solid #373a30;
	margin: 4px 12px;
	padding: 4px 12px;
	background-color: #CEF;
	float: left;
	width: 50%;
}

.pale-note-box-right ul, .pale-note-box-left ul, .pale-note-box ul, .pale-note-box ol {
	margin: 10px;
	padding: 0px;
}

.pale-note-box-right li, .pale-note-box-left li, .pale-note-box li {
	list-style-position: inside;
	font-size: 15px !important;
	line-height: 18px !important;
}

.pale-note-box-right p, .pale-note-box-left p, .pale-note-box p {
	font-size: 15px !important;
	line-height: 18px !important;
}

.twothirds, .twothird, .twocol {
	width: 62%;
	max-width: 94%;
}

@media (max-width: 960px) {
	.twothirds, .twothird, .twocol {
		width: 55%;
		max-width: 94%;
	}
}

@media (max-width: 820px) {
	.twothirds, .twothird, .twocol {
		width: 94%;
		margin: auto;
		clear: both;
	}
}

.tip {
	border: 1px solid #2f7797;
	background: #8adaff;
	padding: 6px 20px;
	margin: 10px 0px;
	max-width: 99%;
}


.bigblurb {
	position: relative;
	width: 480px;
	max-width: 50%;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px dotted #000;
	background: #FBA;
	float: right;
	clear: right;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	z-index: 1985;
}
@media (max-width: 600px) {
	.bigblurb {
		max-width: 100%;
	}
}


/*div*/
.subtext {
	font-size: 90%;
	font-style: oblique;
	color: #777;
}

/*table*/
.contentpaneopen table, .item-page table {
	clear: right;
	border: 2px solid #000;
	border-collapse: collapse;
}

/*table - might be able to remove [table] before the th and td tags*/
.contentpaneopen th, .item-page th {
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
	/* background: #FFBB11; */
	background: #9DE;
}

/*table*/
.contentpaneopen td, .item-page td {
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
}

/*table.contentpaneopen and div.item-page*/
.contentpaneopen .headerlite, .item-page .headerlite, .headerlight {
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
	background-color: #FFCC66;
}

/*table.contentpaneopen and div.item-page*/
.contentpaneopen th.headerdark, .contentpaneopen td.headerdark, .item-page th.headerdark, .item-page td.headerdark {
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
	/* background: #FFBB11; */
	background: #9DE;
}



/* styles from ayurvedic for the new ch template */
/*
 * #wrap {
 * 	background: url(../images/ch_shadow4.png) no-repeat;
 * 		margin: auto;
 * 			position: relative;
 * 			}
 *
 * 			#shadow {
 * 				background: url(../images/new_ch_background.jpg) no-repeat;
 * 					width: 1132px;
 * 						margin: auto;
 * 							margin-left: 10px; margin-right: 10px;
 * 								position: relative;
 * 								}
 *
 * 								#ch_header {
 * 									position: relative;
 * 										height: 72px;
 * 											width: 1132px;
 * 											}
 *
 * 											#ch_main_table {
 * 												width: 1132px;
 * 													border-collapse: collapse;
 * 														margin: auto;
 * 														}
 * 														*/

#ch_main_table td {
	vertical-align: top;
}

#ch_content_area, .ch_content_area {
	/*padding: 0px;*/
	padding: 0px 40px 20px 40px;
	margin: 0px;
}

#ch_content_padding, .ch_content_padding {
	/*position: relative;*/
	/*padding: 20px 40px;*/
	min-height: 500px;
}





/* + Styles for the Main Slideshow Slides */
.ch-slideshow
#ch_slideshow {
	position: relative;
	min-height: 230px;
}

.ch-slideshow-inner, .ch-blurb-inner {
	height: 100%;
}

.ch-slide-img,
#ch_slide_simg {
	position: relative;
        float: right;
	top: 15px;
	right: 15px;
        width: 420px;
	height: 200px;
	border: 0px solid #f00;
        text-align: right;
        overflow: hidden;
}

.ch-slide-img img,
#ch_slide_simg img {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
}

.ch-slide-blurb,
#ch_slide_desc_box {
        position: relative;
        top: 15px;
        left: 15px;
/*
 *         width: 668px;
 *                 height: 200px;
 *                 */
        max-width: 668px;
        min-height: 200px;
}

.ch-blurb-inner,
#ch_slide_sdesc {
	/* IE does not support transparent backgrounds. Thank you again MS.
 * 	 * background: url(../images/offwhite_70_tranparent.png);
 * 	 	 * Alex, I wish you would have done what I asked and tried the image version to avoid high-overhead browser transform functions
 * 	 	 	 * */
	background-color: #FFF;
	opacity: .75; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75); /* ie lt 7 */
	-khtml-opacity: .75; /* safari 1.x */
	-moz-opacity: .75; /* ff lt 1.5, netscape */
        position: relative;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        color: #3C3C2C;
        line-height: 150%;
        font-size: 16px;
        height: 159px;
        padding: 20px !important;
	margin: 0px;
}

.ch-blurb-inner p,
#ch_slide_sdesc p {
	font-size: 1.1em;
	margin: 5px 4px 4px 4px !important;
}

.ch-blurb-inner h1,
.ch-blurb-inner h2,
.ch-blurb-inner h3,
#ch_slide_sdesc h1,
#ch_slide_sdesc h2,
#ch_slide_sdesc h3 {
	margin: 2px 4px 6px 4px;
	border-bottom: 1px solid #faa825;
}
/* - Styles for the Main Slideshow Slides */


@media (max-width: 1132px) {
	.ch-slideshow {
	}
	.ch-slide-img {
		width: 40%;
	}
	.ch-slide-blurb {
		width: 55%;
	}
}



/* 
 *  * Slideshow Styles
 *   *
 *    * Styles for standard full width slideshows
 *     *
 *      *
 *       */

/* I know you are probably just following the strategy used to target various tables, but that was just a measure to keep Beate from hard-coding formatting */
/* + I am going to redo the slideshow CSS and hopefully clear up the slideshow CSS that has been implemented inefficiently -DM */
#ch_slideshow_wrapper {
	background: url(../images/new_ch_background.jpg) 0px -120px no-repeat;
}
#ch_slideshow_wrapper .aq-controls td {
	text-align: center;
}
#ch_slideshow_wrapper .aq-controls {
	border: 0px dotted #680 !important;
	position: absolute !important;
	z-index: 99 !important;
	padding: 0em 1em;
	width: 160px;
	left: 20px;
	bottom: 18px;
}
#ch_slideshow_wrapper .aq-next-button {
	margin-left: 1em;
}
#ch_slideshow_wrapper .aq-prev-button {
	margin-right: 1em;
}
#ch_slideshow_wrapper .aq-indices span {
	color: #F3BE32 !important;
	width: 12px;
}
#ch_slideshow_wrapper .aq-controls .aq-control-table {
	width: auto;
}
#ch_slideshow_wrapper .aq-start-stop {
	display: none;
}
.modulemainslideshow {
	position: relative;
}

/* + I am going to redo the funfacts CSS and hopefully clear up the slideshow css that has been implemented inefficiently -DM */
.aqfunfact, #FunFacts {
	margin: 0px 4px 20px 20px;
	height: 264px;
}
.aqfunfact .aq-viewport, #FunFacts .aq-viewport {
	position: relative;
	background-color: #FFF1CC;
}
.aqfunfact table, .aqfunfact td, #FunFacts table, #FunFacts td {
	border: 0px solid #000 !important;
}
.aqfunfact .fun-fact, #FunFacts .fun-fact {
	width: 300px !important;
	height: 240px !important;
}
.aqfunfact .fun-fact td, #FunFacts .fun-fact td {
	background-color: #FFF1CC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle !important;
	padding: 1em;
	font-size: 0.9em;
}
.aqfunfact .fun-facts-header td, #FunFacts .fun-facts-header td {
	width: 300px;
	height: 24px !important;
	padding: 0px !important;
	margin-bottom: -1px; 
	background-color: #FFD366;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle !important;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	position: relative;
	z-index: 999; 
}
.aqfunfact .fun-fact p, #FunFacts .fun-fact p  { color: #755400 !important; display: block !important; line-height: 1.3em; margin: 0em 0em .3em 0em; }
.aqfunfact .fun-fact sup, #FunFacts .fun-fact sup { color: #444 !important; } 
.aqfunfact .fun-fact sup a, #FunFacts .fun-fact sup a { color: #9D3900 !important; }
.aqfunfact .aq-controls, #FunFacts .aq-controls {
	position: absolute;
	bottom: 18px;
	width: 300px;
	background-color: #FFF1CC;
	text-align: center;
	padding: 0px;
	border: 0px dotted #80A !important;
}
.aqfunfact .aq-control-table, #FunFacts .aq-control-table {
	position: relative;
	top: -12px;
	width: 40% !important;
	margin: auto;
	padding: 0px !important;
	border: 0px solid #F00 !important;
}
#FunFacts .aq-indices,
#FunFacts .aq-indices span,
#FunFacts .aq-controls,
#FunFacts .aq-control-table,
#FunFacts .aq-next-button,
#FunFacts .aq-prev-button,
#FunFacts .aq-control-table td,
.aqfunfact .aq-indices,
.aqfunfact .aq-indices span,
.aqfunfact .aq-controls,
.aqfunfact .aq-control-table,
.aqfunfact .aq-next-button,
.aqfunfact .aq-prev-button,
.aqfunfact .aq-control-table td {
	font-size: 18px;
	height: 18px !important;
	line-height: 18px !important;
}
.aqfunfact .aq-indices, #FunFacts .aq-indices {
	text-align: center;
	white-space: nowrap;
}
.aqfunfact .aq-start-stop, #FunFacts .aq-start-stop { position: relative; bottom: 24px; font-size: 80%; }
.Xaqfunfact .aq-start-stop { display: none !important; }
.aqfunfact .aq-dark .aq-indices span, #FunFacts .aq-dark .aq-indices span { color: #F3BE32 !important; } 
#FunFacts .aq-next-button,
#FunFacts .aq-prev-button,
.aqfunfact .aq-next-button,
.aqfunfact .aq-prev-button {
	padding: 0px 4px;
}
/* I know you are probably just following the strategy used to target various tables, but that was just a measure to keep Beate from hard-coding formatting */
/* - I am going to redo the funfacts CSS and hopefully clear up the slideshow CSS that has been implemented inefficiently -DM */


#ch_bottom_link_unit {
	position: absolute;
	/*width: 468px;*/
	width: 728px;
	height: 15px;
	margin: 0px;
	top: 2px;
	right: 8px;
	text-align: right;
}

#ch_top_link_unit {
	position: absolute;
	/*width: 468px;*/
	width: 728px;
	height: 15px;
	margin: 0px;
	bottom: 6px;
	right: 8px;
	text-align: right;
}

#ch_footer, .ch_footer {
	position: relative;
        /*background: url(../images/new_ch_background.jpg) no-repeat 0px -50px;*/
	width: 100%;
	min-height: 164px;
	border-top: 1px solid #630;
	margin: auto;
}

#ch_bottom_menu {
	text-align: center;
}

#ch_footer_bottom {
	padding-top: 10px;
	text-align: center;
	color: #420;
}

/* FooterMenu ul element */
#FooterMenu {
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
	min-height: 38px;
}

#FooterMenu li {
	display: inline-block;
	margin-right: 16px;
	font-size: 13px;
}

#FooterMenu a {
	display: block;
	color: #FFF;
	line-height: 38px;
	height: 38px;
}
#FooterMenu a:hover {
	background: #069 !important;
	color: #fff !important;
}

@media (max-width: 600px) {
	#FooterMenu {
		background: #024;
	}
}

/**/

#ch_footer_top {
	position: relative;
	text-align: center;
	height: 22px;
	line-height: 40px;
	font-size: 90%;
	color: #014;
}

/*div*/
.search input.button, button.button, .acesearch_button {
	border: 1px solid #036;
	background: #00305E;
	color: #FFF;
}

/*div*/
.search input, .searchacesearch input {
	/*background: #FFFFCC;*/
	color: #004469;
}

.moduleacesearch {
	position: relative;
	z-index: 94949;
}
.searchacesearch input {
	height: auto !important;
	float: left;
}
.searchacesearch.acesearch_bg_module { position: relative; z-index: 94950; }
.acesearch_button {
	padding: 4px;
	/*float: right;*/
}

.pagination ul {
	position: relative;
	right: 8px;
	bottom: 8px;
	border: 0px solid #F00;
	padding-top: 0px !important;
}
.pagination li {
	display: inline-block;
	padding: 0px 5px;
}

/*div*/
.contact-form fieldset {
	border: 1px solid #adf;
	padding: 20px;
	max-width: 100%;
}

/*div*/
.contact h3 {
	display: none;
}

#jform_contact_message {
	border: 1px solid #CCC;
}
#jform_contact_emailmsg {
}

@media (max-width: 420px) {
	.contact-form fieldset {
		padding: 10px;
	}

	#jform_contact_message {
		width: 250px;
	}
	#jform_contact_emailmsg {
		width: 260px;
	}
}


/*div*/
.cat-children li {
	position: relative;
	margin-top: 12px;
}

.cat-children dl {
	font-size: 70%;
	display: inline-block !important;
	background: #EFF;
	padding: 0px 6px;
	margin: 1px 1px 1px 5px;
	position: relative;
	border: 1px solid #DEE;
	color: #9AA;

	-webkit-border-radius: 9px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 9px; /* Firefox 1-3.6 */
	border-radius: 9px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

.cat-children dt {
	display: inline-block;
}

.cat-children dd {
	display: inline-block;
	margin-left: 0px;
}

.cat-children p {
	margin-top: 8px;
	margin-bottom: 4px;
}

.cat-children span.item-title,

.cat-children ul { padding-left: 20px; }

.cat-children a { color: #4da6d2; font-size: 110%; text-decoration: none; }
.cat-children a:hover { color: #2b7899; text-decoration: underline; }


.ch_blog_item_h2 {
	border: 0px solid #FFF !important;
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	margin: 10px 5px 10px 5px !important;
	padding-top: 0px;
}

.readmore, .btn-readmore {
	font-size: 90%;
	margin: 2px 2px 6px 10px;
}

/* + Arrow Classes */

.arrows {
	font-family: serif;
}

.arrow {
	font-family: sans-serif;
}

.arrowtwo {
	font-family: serif;
}

.arrowthree {
	font-family: Arial, Helvetica, sans-serif;
	color: #900;
	font-size: 120%;
}

.arrowfour {
	font-family: Arial, Helvetica, sans-serif;
	color: #090;
	font-weight: bold;
}

.arrowfive {
	font-family: Arial, Helvetica, sans-serif;
	color: #009;
	font-style: oblique;
}

.arrowsix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
}

.arrowseven {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
}

.arrowtrytd {
	font-weight: bold;
	font-family: sans-serif !important;
	color: #000 !important;
	/* background-color: #FFBB11; */
	background-color: #9DE;
}

.arrowtryth {
	font-family: sans-serif;
	color: #FFF;
	background-color: #000 !important;
}

/* - Arrow Classes */







.midpage_ad_right, .moduletablemidpage_right {
	float: right;
	clear: right; 
	margin: 2px 0px 12px 12px;
}

.midpage_ad_left, .moduletablemidpage_left {
	float: left;
	clear: left; 
	margin: 2px 12px 12px 0px;
}

.midpage_leaderboard, .moduletablemidpage_leaderboard {
	margin: 5px 0px;
	background: #EFEFEF;
}

.horizontal_legend {
	clear: none !important;
	display: inline-block;
	list-style-type: none;
	border: 1px solid #FDA;
	margin: 3px;
	padding: 3px;
}

.horizontal_legend li {
	display: inline-block;
	margin: 0px 0px;
	padding: 0px 8px;
	border-left: 1px solid #FC9;
	text-align: center;
}

.horizontal_legend li:first-child {
	border-left: 0px solid #930;
}

@media (max-width: 724px) {
	.horizontal_legend {
		display: block;
		list-style-type: disc;
		list-style-position: outside;
	}
	.horizontal_legend li {
		border: 0px;
		text-align: left;
		display: list-item;
		margin-left: 24px;
	}
}

.back_to_top {
	margin: 0px; padding: 0px;
	display: inline-block;
	font-size: 80%;
}

.back_to_top a {
	text-decoration: none;
	font-weight: bold;
}


/* ??? */
#ch_topnav {
	position: relative;
	text-align: center;
	margin: auto;
	margin-top: 3px;
	height: 24px;
	margin-bottom: 10px;
	z-index: 6664 !important;
}

#ch_topnav .megamenu .first {
	border-left: 0px solid #000;
	margin-left: 0px;
}

#ch_topnav .js-megamenu {
	display: inline-block;
	padding: 0px;
	margin: auto;
}

#ch_topnav .menu { margin: 0px; } 
#ch_topnav img { border-style: hidden; } /* Is this for the arrow? */
#ch_topnav li { display: block; background-position: right; }
#ch_topnav a { color: #FFF; background-position: right; }

#ch_topnav .level1,
#ch_topnav .level2,
#ch_topnav .level3,
#ch_topnav .level4,
#ch_topnav .level5,
#ch_topnav .level6 {
	margin: .4em;
	padding: 0px;
}

.small {
	font-weight: normal;
	font-size: 80%;
}
.note {
	color: #666;
}

.smallp {
	font-size: 90% !important;
	line-height: 140% !important;
}

.smallerp {
	font-size: 80% !important;
	line-height: 130% !important;
}

.recommendation {
	font-style: oblique;
}

.ch td {
	text-align: left;
}

.ch .dosage {
	text-align: center;
}


.notopborder {
	border-top: 0px solid #000 !important;
}

.nobottomborder {
	border-bottom: 0px solid #000 !important;
}

.trdottedtop td {
	border-bottom: 1px dotted #AAA !important;
}

.trdottedbottom td {
	border-top: 0px solid #000 !important;
}

.emptycells .emptycell {
	/* background: #FFBB11; */
	background: #9DE;
        border-top: 0px solid #000 !important;
        border-right: 0px solid #000 !important;
        border-bottom: 0px solid #000 !important;
        border-left: 0px solid #000 !important;
}

.emptycell {
	padding: 0px 1px 0px 0px !important;
	margin: 0px !important;
        background: #FFF;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	vertical-align: bottom !important;
}   

.popoutcont {
	position: relative;
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}
.popout {
	position: absolute;
	width: 100%;
	left: -1px;
	font-size: 10pt;
	line-height: 10pt;
	padding-top: 4px;
	text-align: center;
        border-top: 1px solid #000 !important;
        border-right: 1px solid #000 !important;
        border-bottom: 1px solid #765 !important;
        border-left: 1px solid #000 !important;
}

.tdcheck {
	background: #FD9;
}

/*span*/
.compound sup {
	line-height: 12pt !important;
}

/*sup*/
.breakable {
	white-space: normal !important;
	line-height: 10pt !important;
}

.smallsup {
	font-weight: normal !important;
	font-size: 70% !important;
	border: 0px solid #F00 !important;
	white-space: nowrap;
}
.smallsup a {
	text-decoration: none;
}

/*td*/
.grid {
	text-align: center;
	vertical-align: middle !important;
}

/*td*/
.grid a {
	text-decoration: none;
}

/* Article Styles */

.rcimg {
	margin: 2px 0px 12px 12px !important;
}
.lcimg {
	margin: 2px 12px 12px 0px !important;
}

.reference_name {
	font-weight: bold;
}

.reference_emphasize, .italic {
	font-style: italic;
}

.bigspacetop, .bigspacedtop {
	margin-top: 60px !important;
}

.spacetop, .spacedtop {
	margin-top: 30px !important;
}

.spaced {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.mark, .important {
	color: #332;
	padding: 4px;
	background: #FF0;
}

.figurewrap, .figure-wrap, .figure_wrap {
	position: relative;
	text-align: center;
}
.figurewrap img { border: 0px; }

/* +++ CSS for figures - I got it to work both ways, so I am leaving the CSS -
 *  * don't touch my over qualified CSS, as it is not over qualified
 *   * we can narrow it down when we decide on a standard... I think i am going with div*/
/* The DIV way */
div.figure { position: relative; padding: 4px; }
div.figure div.operator, div.figure div.operand, div.figure div { margin: 10px 4px; float: left; }
div.figure div.fraction { position: relative; text-align: center; margin: 0px 4px; float: left; }
div.figure div.numerator { text-align: center; border-bottom: 1px solid #000; float: center; }
div.figure div.denominator { text-align: center; float: center; clear: center; }
div.figure .endoffigure { clear: both; }

/* The TABLE way - don't touch my over qualified CSS, as it is not over qualified */
table.figure {
	border: 0px solid #C66 !important;
	margin: 0px;
	padding: 0px;
}
table.figure a { text-decoration: none; }
table.figure td {
	border: 0px solid #C66 !important;
	position: relative !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0px 4px !important;
}
table.figure .numerator, table.figure .top {
	width: 100% !important;
	border-bottom: 1px solid #000 !important;
	margin: 0px !important;
	padding: 0px !important;
}
table.figure .numerator span, table.figure .top span {
	position: relative !important;
	bottom: 1px !important;
	margin: 0px !important;
	padding: 0px !important;
}
table.figure .denominator, table.figure .bottom, table.figure .bot {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}
table.figure .denominator span, table.figure .bottom span, table.figure .bot span {
	position: relative !important;
	top: 1px !important;
	margin: 0px !important;
	padding: 0px !important;
}
/* --- CSS for figures - I got it to work both ways, so I am leaving the CSS */

.fright { float: right !important; }
.fcenter { float: center !important; }
.fleft { float: left !important; }

.cright { clear: right !important; }
.cleft { clear: left !important; }
.cboth, .clr { clear: both !important; }

.tleft { text-align: left !important; }
.tcenter { text-align: center !important; } 
.tright { text-align: right !important; }

.vtop { vertical-align: top !important; }
.vmid { vertical-align: middle !important; }
.vbot { vertical-align: bottom !important; }

.mauto { margin: auto !important; }

.prel { position: relative; }

.txtlite { font-weight: 100; }
.txtcatdog { color: #444; }
.txtbold { font-weight: 900; color: #000; }
.txtsml { font-size: 60%; }
.dotcom { color: #666; }

.liteborder {
	border: 1px solid #FFC;
}

.copyscape {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center !important;
	margin-top: 2px;
}

.AmazonProdGrid {
	margin: auto;
}

.amazon_rectangle {
        width: 300px;
        text-align: center;
        border: 1px solid #CCC;
        border-top: 2px solid #F93;
        padding: 2px;
        margin: 6px 0px 6px 10px;
}

.amazon_blurb, .aq_amz_prod_blrb {
        padding: 8px;
        font-size: 90%;
	line-height: 1.1em;
        margin: auto;
        margin-top: 2px;
        text-align: left;
        background: #FFEFE0;
}

.recipeimage {
	border: 1px solid #351d05;
	width: 400px;
}

.extramargin {
	margin-top: 40px;
	margin-bottom: 40px;
}

.asterisk, .asterisk a {
	text-decoration: none;
	color: #994c00;
}

.serves, .preptime, .cooktime, .totaltime {
	font-size: 110%;
	margin: 16px 0px 16px 10px;
	font-style: italic;
}

.recipenote {
	font-style: italic;
}

.recipe li {
	margin-top: 8px;
	margin-bottom: 8px;
}

.dose, .unit {
	white-space: nowrap;
}

.link_unit {
	float: left;
	max-width: 728px;
}

.video_wrap {
}

.item-page ul, .item-page ol {
	margin-left: 30px;
}

@media (max-width: 1132px) {
	.midpage_leaderboard {
		display: none;
	}
}

@media (min-width: 1200px) {
}

@media (max-width: 800px) {
	.link_unit, .bottom_links {
		display: none;
	}
}

@media (max-width: 600px) {
	#ch_content_area, .ch_content_area {
		padding: 0px 5px 20px 5px;
	}
}
@media (max-width: 480px) {
	#site-description {
		font-size: 70%;
	}
	.thelogo {
		font-size: 180%;
	}

	.item-page ul, .item-page ol {
		margin-left: 20px;
	}
}














/* Paste Pasting paste pasting CSS css in from the old cathealth site */



.right_banner img {
	margin-bottom : 10px;
	margin-top : 10px;
	border : 0px !important;
}

h1 {
	font-family : Arial, Tahoma, Verdana;
	font-size: 24px;
	font-weight : normal;
	color : #444;
	margin : 10px 0px 10px 0px;
	letter-spacing : -1px;
	text-decoration : none;
}

h2, .content_para_header, p.prod-name {
	font-family : Arial, Tahoma, Verdana;
	font-weight : normal;
	color : #444;
	color : #2b7899;
	margin : 25px 0px 16px 0px;
	letter-spacing : -1px;
	text-decoration : none;
}

h3 {
	font-weight: normal;
	margin: 0px;
}

p.prod-name {
	font-size: 18px !important;
	text-align: left;
}

br {
	line-height : 10px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.w50 {
	width: 50%;
}

.w40 {
	width: 40%;
}

.w100 {
	width: 100%;
}

m10 {
	margin: 10px;
}

.blog, .blog tr, .blog tbody, .blog td, .contentpane, .contentpaneopen {
	padding : 0px !important;
	display : block;
	width : 100%;
}

.category {
	position: relative;
	font-size: 16px;
	top: 3px;
}

.contentpane ul {
	list-style-position : inside;
	list-style: square;
	color: #999;
	padding : 10px 0px 10px 0px;
	margin : 10px 0px 40px 0px;
	border: 1px solid #EEE;
	border-style: solid hidden solid hidden;
}

.contentpane ul li {
	font-size : 12px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
}

.contentpane ul li:first-child {
}

.contentpaneopen ul {
margin: 10px 0px 10px 0px;
padding: 0px;
}

.contentpaneopen ul li {
list-style-position: outside;
margin-left: 20px;
}

.contentpagetitle {
	display : block !important;
	font-family : Arial, Tahoma, Verdana;
	font-weight : normal;
	font-size : 24px;
	letter-spacing : -1px;
	color : #23627D;
	padding : 0px;
	margin : 0px;
	text-decoration : none;
}

.contentheading {
	display : block !important;
	font-weight : normal;
	font-size : 24px;
	letter-spacing : -1px;
	color : #2b7899;
	padding : 0px;
	margin : 0px;
	text-decoration : none;
}

.contentpane {
	padding : 0px;
	margin : 0px;
}

.article_column {
	padding : 0px 15px 10px 0px;
}

.componentheading {
	display : block !important;
	font-family : Arial, Tahoma, Verdana;
	font-weight : normal;
	font-size : 30px !important;
	letter-spacing : -1px;
	color : #3daad9;
	margin : 0px 0px 10px 0px;
	text-decoration : none;
}

td.contentdescription {
	padding: 10px;
	background-color: #EEE;
	border: 1px solid #E0E0E0;
	margin-bottom: 10px;
}

.contentdescription p {
	text-align: left;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	color: #666;
	font-family: Tahoma;
}

.contentdescription img {
	margin : 0px !important;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #FFF;
}

.shadowtop {
	background : url(../images/component_header.png) no-repeat;
	height : 40px;
}

#component p {
	padding : 0px;
	margin : 0px 0px 10px 0px;
	line-height : 25px;
	font-size : 14px;
}

#component {
	float : left;
	font-family : Arial, Helvetica, sans-serif;
}

/*
 * #wrapper {
 * 	background : url(../images/wrapper_bg.png) no-repeat;
 * 		background-position : bottom;
 * 			padding-bottom : 20px;
 * 			}
 * 			*/

#topbanner {
	background-color : #eee;
	height : 100px;
	border : 0px;
}

.bannergroup {
	border : 0px !important;
	border : hidden;
}

#float_left {
	float : left;
}

#float_left hr {
	border : 1px dashed #ccc;
	border-style : dashed hidden hidden hidden;
}

#float_left p, #float_left li {
	line-height : 22px;
}

#float_left ul {
	list-style-position : inside;
}

#float_right {
	float : right;
	width : 300px;
}

#ch_navigation {
	height : 52px;
	color : #FFF;
	background : url(../images/ch_top.png) repeat-x;
	background-color : #3daddc;
}

#ch_nav_wrap {
	margin: auto;
	position: relative;
	background: url(../images/ch_top.png) repeat-x;
	height: 52px;
}

#ch_navigation ul {
	padding : 0px;
	margin : 0px;
	list-style : none;
	font-size : 12px;
	line-height : 50px;
	float : left;
	text-align : center;
}

#ch_navigation ul li {
	display : inline-block;
	width : 160px;
}

#ch_header {
	color : #FFF;
	/*height : 300px;*/
	/*background : url(../images/slideshow.png) repeat-x;*/
	background-color : #f5f5f5;
}

#ch_header .ch_header_big {
	height : 300px;
	background : url(../images/slideshow.png) repeat-x;
}

#ch_header .ch_header_sml {
	height : 100px;
	background : url(../images/slideshow.png) repeat-x bottom;
}

#slideshow {
	float : right;
	background : url(../images/slideshow.jpg) no-repeat;
	background-position : right;
	height : 300px;
	width : 460px;
}

#header_img {
	float : left;
	background : url(../images/header_ch.jpg) no-repeat;
	height : 300px;
}

#header_img_sml {
	float : left;
	background : url(../images/header_ch_skinny.jpg) no-repeat top;
	height : 100px;
}

.acesearch_bg_module {
	height: 30px;
}


#ch_social hr {
	border: 1px dashed #CCC;
	border-style:  dashed hidden hidden hidden;
	margin: 5px 0px 5px 0px;
}

#ch_social { line-height: 25px; }
#ch_social img { vertical-align: middle; }
#ch_social a { text-decoration: none; }
#ch_social > div { padding: 5px 20px; }

#ch_search form {
	padding: 10px 0px 0px 0px;
}

.acesearchurl {
	font-size: 80%;
}

.acesearch_clear {
	height: 0px;
}

.acesearch_clear + div {
	display: none;
}

#newsletter_top, #toparticles_top {
	margin-top : 20px;
	height : 60px;
	margin-bottom : 0px;
}

#newsletter {
	background : url(../images/newsletter_bg.png);
	width : 260px;
	padding : 0px 20px 0px 20px;
	font-size : 14px;
	color : #FFF;
}

#toparticles {
	background : url(../images/toparticles_bg.png);
	width : 260px;
	padding : 0px 20px 10px 20px;
	font-size : 13px;
	color : #FFF;
	margin : 0px;
}

#toparticles ul {
	list-style-position : inside;
	margin : 0px;
	padding : 10px 0px 0px 0px;
	list-style-type : decimal;
}

#toparticles a {
	color : #FFF;
	text-decoration : underline;
	line-height : 18px !important;
}

#toparticles a:hover {
	color : #2b7899;
	text-decoration : none;
}

#newsletter_bottom {
	background : url(../images/newsletter_bottom.png) no-repeat;
	height : 40px;
}

#toparticles_bottom {
	background : url(../images/toparticles_bottom.png) no-repeat;
	height : 40px;
	margin: 0px 0px 10px 0px;
}

#newsletter_top {
	background : url(../images/newsletter.png) no-repeat;
	height : 60px;
}

#toparticles_top {
	background : url(../images/toparticles.png) no-repeat;
	height : 60px;
}

#newsletter p, #toparticles p {
	margin-top : 0px;
	padding-top : 5px;
	text-align : justify;
	font-size : 12px;
	color : #FFF;
}

#footer-w {
	background: #333;
}

#widefoot {
	background: #444;
}


#footer-nav {
	color: #888;
}

#footer-nav hr {
	border : 1px dashed #444;
	border-style : dashed hidden hidden hidden;
	margin : 10px 0px 10px 0px;
}

#footer-nav b {
	color : #FFF;
	display : block;
	margin : 10px 0px 10px 0px;
}

.footer_header {
	display: block;
	height: 25px;
	color: #FFF;
	font-size: 16px;
	font-family: Tahoma, Arial;
}

.bottom_links {
	float: right;
	margin-top: 16px;
	margin-bottom: 4px;
	margin-right: 10px;
}

.footer_sitemap_menu {
	float: left;
	padding: 20px 20px 20px 0px;
	margin-left: 60px;
	list-style-type: none;
}

.footer_main_menu {
	float: left;
	padding: 20px 0px 0px 20px;
	list-style-type: none;
}

#footer-nav a {
	color: #57A7D0;
}

#footer-nav a:hover {
	color: #FFF;
}

.footer_menu {
	background-color: #333;
	color: #888;
	font-family: Tahoma, Geneva, sans-serif;
}

.footer_menu div {
	background-color: #333;
}

.footer_menu  {
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 13px !important;
}

.footer_menu li ul {
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	font-size: 12px !important;
}

.footer_menu li ul a {
	color: #FFF;
}

.footer_menu li ul a:hover {
	color: #ddd;
}

.footer_menu {
	float: right;
}

.footer_menu {
	margin: 0px;
	padding: 0px;
}

.footer_menu li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #FFF;
}

.footer_menu li:first-child {
	border: 0px;
	padding: 0px 10px 0px 0px;
}

.footer_menu li a {
	text-decoration: none;
}

.note {
	font-size : 12px;
	line-height : 25px;
}

.article_box {
	font-size : 12px;
	border : 1px solid #ccc;
	background-color : #eee;
	padding : 20px;
	line-height : 1.3em;
}

.blog tr, .blog tbody, .blog td, .contentpane, .contentpaneopen {
	padding : 0px !important;
	display : block;
	width : 100%;
}

.blog .category_blog_left > div > div {
	padding-left: 10px;
}

.ch_blog_item_h2 {
	padding-top: 10px;
	position: relative;
	left: -10px;
}

#poll .componentheading {
	display : none !important;
}

#lp_position_1, #lp_position_2 {
	position : relative;
	margin : 0px 0px 20px 0px;
	font-size : 12px;
}

#lp_position_1 h2 {
	font-family : Arial, Tahoma, Verdana;
	font-weight : normal;
	color : #2b7899;
	letter-spacing : -1px;
	margin : 0px;
	text-decoration : none;
}

#ch_vid {
}

#ch_vid h2 {
	font-size: 26px;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0px;
	text-decoration : none;
}

#prod-div p {
	display : inline;
	padding-bottom : 10px !important;
	font-size : 14px;
	line-height : 18px;
}

#prod-div img {
	margin-left : 10px;
}

p.prod-link {
	display : inline-block !important;
	padding-bottom : 10px !important;
}

.prod-link a {
	text-decoration : underline !important;
}

span.prod-name, span.prod-link, span.prod-desc {
	display : none;
}

vTitldesc {
	display : none;
}

#vTitle {
	display : none;
	font-family : Arial;
	font-size : 20px !important;
	color : #FFF !important;
	padding : 0px;
	margin : 0px;
}

#lp_position_1 a {
	color : #2b7899;
}

#lp_position_1 a:hover {
	color : #000;
}

#ch_vid p {
	color : #377899;
}

/*
.video_wrap {
	margin-top: 20px;
}
*/
.video_wrap {
        display: block;
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}
.video_wrap .vidembedcaption {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}


.peelitfancy {
	float: left;
	width: 183px;
	height: 282px;
	margin-top: 20px;
	margin-right: 40px;
	border: 0px solid #F00;
}

#ft_article {
	float : left;
	width : 48%;
}

.homeimg {
	float: right;
	width: 48%;
}

#ft_prod {
	position : relative;
	width: 40%;
	text-align : justify;
	float : left;
}

#ft_prod hr, #lp_position_1 hr {
	border-top : 1px dashed #ccc;
	border-style : dashed hidden hidden hidden;
	line-height : 0px;
	margin : 5px 0px 10px 0px;
}

#lp_position_3 {
	width: 66%;
	float: left;
}

.right_banner {
	float: right;
}

.rmargin {
	margin: 10px 14px 10px 10px;
}

@media (max-width: 728px) {

	#ft_prod {
		width: 100%;
	}

	#ft_article {
		width : 100%;
	}

	#lp_position_3 {
		width : 100%;
	}

	.homeimg {
		width: 90% !important;
		margin-bottom: 20px;
	}

}

#ft_article_lp {
	text-align : justify;
	font-size : 12px;
}

.ftd_article {
	position: relative;
}

.ftd_article h3 {
	font-family : Arial;
	letter-spacing : -1px;
	font-size : 20px;
	line-height : 20px;
	color : #2b7899;
	font-weight : normal;
	padding : 0px;
	margin : 0px 0px 10px 0px;
}

.ftd_article p {
	font-size : 14px;
	line-height : 16px;
	padding : 0px;
	margin : 0px 0px 10px 0px !important;
}

.ftartimg {
	float: right;
	max-width: 50%;
}


#poll_wrap {
	position: relative;
	left: -2px;
	margin: auto;
	padding: 10px;
	width: 220px;
	background-color: #EEE;
	border: 1px solid #CCC;
}

#poll {
	color : #666 !important;
	padding : 10px;
}

.poll {
	width : 100% !important;
	font-size : 12px;
	position : relative;
}

.poll td, .poll div {
	text-align : left !important;
}

.poll thead td {
	font-size: 16px;
	font-weight: normal !important;
}

.pollstableborder {
	width : 100% !important;
}

.pollstableborder td {
	line-height : 25px;
	text-align : left !important;
}

.pollstableborder thead {
	text-align : left !important;
	color : #444;
	font-weight : normal !important;
	font-size : 16pt;
}

/*
 * #acesearchModule {
 * 	text-align: right;
 * 		float: right;
 * 			padding: 2px 2px 2px 4px !important;
 * 				margin: 0px !important;
 * 					display: inline-block;
 * 						border: 1px solid #EEE;
 * 						}
 * 						*/

#searchFormContainer fieldset {
	border: 0px solid #CCC;
}

#acesearchModule .button, div.search .button, #searchFormContainer .button {
	background : #40b6e8;
	border : 1px solid #3fabd8;
	color : #FFF;
	font-size : 90%;
	margin : 3px !important;
	padding : 1px 5px !important;
}

div.search {
	text-align: right;
	float: right;
	padding: 2px 2px 2px 4px !important;
	margin: 0px 0px 4px 0px;
	display: inline-block;
}

.smalldark {
	display : none;
}

.contentpane label {
	background : #666;
	padding : 5px;
	display : block;
	color : #FFF;
}

.sectiontableheader {
	padding : 20px 0px 20px 0px;
	font-weight : normal;
}

.ft_topic {
	text-align: left;
	font-family : Arial;
	letter-spacing : -1px;
	font-size : 26px;
	line-height : 20px;
	color : #2b7899;
}

.ft_tip_box {
	border: 1px dashed #5ec9ff; padding: 10px;
}

.ft_tip_topic {
	font-size : 24px;
	display: block;
	border-bottom: 1px dashed #5EC9FF;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	color : #FFF;
}

#ft_tip_wrap {
	margin-right: 20px;
	float: right;
	width: 240px;
}

#ft_tip_wrap p {
	color: #FFF;
}

#ft_tip {
	margin-right : 20px;
	width : 220px;
	padding : 10px;
	float : right;
	background-color : #57BCEF;
	color : #2B7899;
	position : relative;
}

#ft_tip p {
	font-size : 12px;
	padding : 0px;
	margin : 10px 0px 10px 0px !important;
}

#ft_tip_bg {
	background: url(../images/tip_bg.png) repeat-y;
	width: 240px;
}

#ft_tip_bot {
	background: url(../images/tip_bg_bottom.png) no-repeat;
	background-position: bottom;
	height: 20px;
	width: 240px;
}

#ft_tip_top {
	background: url(../images/tip_bg_top.png) no-repeat;
	height: 20px;
	width: 240px;
}

.goto {
	position : absolute;
	border : 1px solid #addef7;
	background-color : #81cdf3;
	padding : 2px;
}

#dmslideshow, .dmslide {
	background: #FFF;
	min-height: 454px;
}

.dmslideshowshort, .dmslideshowshort .dmslide {
	min-height: 350px !important;
}

#dmslideshow table, #dmslideshow td {
	border: 0px;
}

.dmslideimglt {
	max-width: 40%;
	float: left;
	margin: 0px 10px 5px 0px;
}

.dmslideimgrt {
	max-width: 40%;
	float: right;
	margin: 0px 0px 5px 10px;
}

.slidelistwrap {
	position: relative;
	width: 60%;
	float: left;
	padding-left: 10px;
}
@media (max-width: 880px) {
	.slidelistwrap {
		width: 52%;
	}
	.slidelistwrap ul {
		margin-left: 0px !important;
		padding-left: 0px !important;
		overflow: hidden;
	}
	.slidelistwrap li {
		font-size: 12px;
		line-height: 11px;
		margin-left: 4px !important;
		padding-left: 2px !important;
	}
	.dmslide p {
		font-size: 12px !important;
		line-height: 13px !important;
	}
}


@media (max-width: 480px) {
	.dmslide p {
		font-size: 11px;
		line-height: 12px;
	}
}

.bor {
	border: 1px solid #CCC;
}

*[class*="polls_color_"] {
	height : 10px !important;
	border : 1px solid #ccc;
}

.blog, .blog tbody, .blog table, .blog tr, .blog td, .contentpaneopen, .contentpane {
	display : block !important;
	width : 100% !important;
	padding : 0px;
	margin : 0px;
	border-collapse : collapse;
}

.internal_ref ul {
	list-style: none;
}

.internal_ref ul li, .internal_ref ol li {
	font-size : 12px !important;
	margin-bottom: 5px;
}

.contentpaneopen {
	clear : both;
}

#searchForm {
	background : #eee;
	border : 1px solid #ccc;
	line-height : 25px;
	margin-bottom : 20px;
	font-size : 12px;
}

form #qr {
	width: 200px;
}

.searchintro {
	display : block;
	background-color : #ccc;
	border : 1px solid #aaa;
	padding : 4px;
	margin : 0px;
	border-collapse : collapse;
}

.searchintro tr, .searchintro td {
	padding : 0px;
	margin : 0px 0px 10px 0px;
	display : inline;
}

.searchintro td {
	margin : 0px 10px 0px 0px;
}

#searchForm br {
	height : 0px;
	margin : 0px;
	padding : 4px;
	line-height : 0px;
	display : none;
}

#searchForm div {
	text-align : left !important;
}

#ch_search #mod_search_searchword { 
}

.pagenav {
	display : inline-block;
	margin-top: 5px;
	font-size: 90% !important;
}

.small {
	font-size : 14px;
}

.contentpaneopen fieldset {
	border : 0px;
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 10px 0px;
	display : block;
	width : 100%;
	border-bottom : 1px dashed #eee;
}

fieldset a {
	font-size : 16px;
}

fieldset div {
	border : 0px;
	margin : 5px 0px 5px 0px;
	padding : 0px;
	font-size : 13px;
}

fieldset br {
	height : 0px;
	margin : 0px;
	padding : 0px;
	line-height : 0px;
}

.black_border_top_left {
	float : left;
	width : 105px;
	text-align : center;
	margin : 0px;
	padding : 3px 4px 3px 4px;
	border : 1px solid #111;
}

.black_border_top {
	float : left;
	width : 105px;
	text-align : center;
	margin : 0px;
	padding : 3px 4px 3px 4px;
	border-top : 1px solid #111;
	border-right : 1px solid #111;
	border-bottom : 1px solid #111;
}

.black_border_left {
	float : left;
	width : 105px;
	text-align : center;
	margin : 0px;
	padding : 3px 4px 3px 4px;
	border-left : 1px solid #111;
	border-right : 1px solid #111;
	border-bottom : 1px solid #111;
}

.black_border {
	float : left;
	width : 105px;
	text-align : center;
	margin : 0px;
	padding : 3px 4px 3px 4px;
	border-right : 1px solid #111;
	border-bottom : 1px solid #111;
}

.cat_weight_table td {
	border : 1px solid #ccc;
	padding : 10px;
}

.cat_weight_table ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
}

.cat_weight_table ul li {
	margin : 0px 0px 5px 0px;
	padding : 0px;
}

.cat_weight_table h2 {
	border-bottom : 1px dashed #ccc;
	padding-bottom : 5px;
}

.cat_diarrhea_table td {
	border : 1px solid #ccc;
	padding : 10px;
	width : 50%;
}

.cat_diarrhea_table ul {
	margin : 0px;
	padding : 0px;
	list-style : circle;
}

.cat_diarrhea_table ul li {
	margin : 0px 0px 5px 0px;
	padding : 0px;
	list-style-position : inside;
}

.cat_diarrhea_table h2 {
	border-bottom : 1px dashed #ccc;
	padding-bottom : 5px;
}

.birth_to_weaning td {
	padding : 10px;
}

.birth_to_weaning .week_desc p {
	font-size : 12px !important;
}

.birth_to_weaning td.week_desc {
	background-color : #e8e8bb;
}

.birth_to_weaning td.week {
	background-color : #eec;
	width : 20%;
	text-align : center;
}

.Entire table {
	border : 0px;
	border-style : hidden;
}

.toxic_plants td {
	padding : 2px 10px 2px 10px;
}

.nobull {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
}

.tripcol {
	border: 1px dotted #CCC;
	float: left;
	width: 30%;
	margin-right: 10px;
}

.quadcol {
	border: 1px dotted #CCC;
	float: left;
	width: 23%;
	margin-right: 8px;
}

@media (max-width: 600px) {
	.tripcol {
		width: 98%;
		border: 0px;
	}
	.quadcol {
		width: 47%;
		border: 0px;
		margin-right: 5px;
	}
}

@media (max-width: 420px) {
	.quadcol {
		width: 98%;
		border: 0px;
	}
}

.the_attributes {
	float : right;
	width : 50%;
	background-color : #eec;
	padding : 10px;
	margin-bottom : 10px;
	font-size : 12px;
	line-height : 20px;
}

.the_attributes ul {
	margin : 10px 0px 10px 10px;
	padding : 0px;
}

.the_attributes li {
	line-height : 17px !important;
	font-size : 12px !important;
	list-style : circle;
	list-style-position : inside;
}

.the_attributes hr {
	border-top : 1px dashed #FFF !important;
	border-style : dashed hidden hidden hidden;
	margin : 2px 0px 2px 0px;
	padding : 0px;
}

.footnote-ref p, .footnote-ref p, .footnote-ref div {
	font-size : 12px !important;
	line-height: 22px;
}

#devmile table, #ambtemp table {
	width: 100%;
}

#devmile th, #ambtemp th {
	color : #444;
	padding : 10px;
	text-align : center;
	background-color : #e6e6b3;
}

#devmile th, #ambtemp th {
	color : #333;
	padding : 10px;
	text-align : center;
	background-color : #dd9;
}

#devmile td, #ambtemp td {
	color : #444;
	padding : 10px;
	background-color : #e8e8bb;
	font-size: 12px;
}

#devmile .from, #ambtemp .from {
	font-size : 0.8em;
	color : #666;
}


hr {
	clear : both;
}

#float_right hr {
	margin: 5px 0px 5px 0px;
	border: 1px solid #EEE;
	border-style: solid hidden hidden hidden;
}

.AquantaCopyright {
	float: left;
	clear: left;
	font-size: 9pt;
	color: #FFF;
	margin-left: 30px;
}

.readterms {
	float: left;
	font-size: 9pt;
	margin-left: 30px;
}

#emailForm label {
	font-size: 12px;
	margin-top: 5px;
	display: inline-block;
}

#emailForm .button {
	background : #eee;
	border : 1px solid #ccc;
	color : #444;
	font-size : 12px;
	margin : 2px !important;
	padding : 3px 12px !important;
}

/* system messages */
dt.message {
	display: none !important;
}

.message {
	margin: 0px;
}

dd ul { 
	background-color: #3ba7d5;
	border: 1px solid #3390b8 !important;
	color: #FFF !important;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	list-style: none;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}

dd ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

div#system-message {
	margin: 0px;
	padding: 0px;
}

#system-message dd ul {
}

/* for the mod_remote_shp_article_product */
.mod_shppp_a2cwrp {
}

.mod_shppp_a2c {
}

.mod_shppp_prodlink {
}

.mod_shppp_vert_divider {
	border-right: 1px dotted #999; margin: 0px !important; padding: 0px !important;
}

.mod_shppp_horiz_divider {
	border-bottom: 1px solid #DDD; margin: 0px !important; padding: 0px !important;
}

.mod_shppp_prodpane {
}

ul.mostread {
	list-style-position: outside;
	padding: 0px;
}

li.mostread {
	padding: 0px !important;
	list-style-position: outside;
	margin: 0px 20px;
}

div.marginauto {
	position: relative;
	z-index: 419;
}

#homepage_ad {
	float: right;
	margin-top: 10px;
	width: 300px;
	height: 250px;
}

div.bannergroup_chbanner {
	clear: both !important;
	padding-top: 10px !important;
	display: block !important;
}

.topfooter {
	position: relative;
	border: 0px solid #0FF;
}



.copyscape {
        margin: 10px !important;
        text-align: center;
}


.questionQ, .questionA {
	padding-right: 6px;
	font-weight: bold;
	font-size: 105%;
}

.cboth {
        clear: both;
}
.cright {
        clear: right;
}
.cleft {
        clear: left;
}
.fright {
        float: right;
}
.fleft {
        float: left;
}

.fleft .bannergroup {
	margin-right: 16px;
	margin-bottom: 16px;
}

.fright .bannergroup {
	margin-left: 16px;
	margin-bottom: 16px;
}

.ymal_ad {
	float: right;
	clear: right;
	padding: 0px;
	margin: 10px 0px 10px 10px;
	max-width: 50%;
}
.ymal_ad > .ymal_ad {
	position: relative;
	float: none;
	clear: none;
	margin: 0px;
	max-width: 100%;
}
.ymal_ad img {
	border: 0px;
	max-width: 100%;
	height: auto;
}

.mainimage, .mainimageright, .mainimagert, .mainimg,
.articleimage, .rightimage, .imageright, .cartoonimage {
	float: right;
	margin: 0px 0px 14px 14px;
	max-width: 50%;
	height: auto;
}

.mainimageleft, .leftimage, .articleimageleft, .topic_img,
.leftimage, .imageleft {
	float: left;
	margin: 0px 14px 14px 0px;
	max-width: 50%;
	height: auto;
}

.mainimage, .rightimage, .articleimage, .cartoonimage {
	float: right;
	margin: 0px 0px 14px 14px;
	max-width: 50%;
	height: auto;
}

.diagram {
	max-width: 100%;
}

@media (max-width: 728px) {
	.cartoonimage, .mainimage, .mainimageright, .mainimagert {
		float: none;
		max-width: 98%;
		width: 98%;
		height: auto;
		margin: auto;
		margin-bottom: 20px;
	}
}

.dosage {
	white-space: nowrap !important;
}

.warning {
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	color: #a00;
}

.bigtext {
	font-size: 16px !important;
	line-height: 20px !important;
	text-align: left;
}

.dmslideshow .bigtext {
	font-size: 19px;
	line-height: 23px;
	padding: 8px;
}

.featimg {
	margin: 0px 0px 6px 7px;
}

.nojust {
	text-align : left;
}

.bannergroup.suggestion_rect {
	margin-top: 10px;
	margin-bottom: 10px;
}

.internal_banner {
	float: right;
}

.internal_banner2 {
	float: right;
	margin-left: 5px;
}

.sectcatarea .internal_banner {
	margin-top: 7px;
}

.overmargin .embeddedrect, .overmargin .internal_banner2 {
	margin: 0px;
}

/* Disabling com_searchadvanced easily this way rather than overriding template files */
/* There are so many template files it seems arduous, and easier to just hide the information */
#search_sidebar,
#search_results .createdate {
	display: none !important;
}
.search_results.w_75.f_rght {
	width: 100% !important;
}

.spacedlist li, .spaced-list li, .spaced_list li, .item-page li, .spaced li {
	margin-top: 14px;
	margin-bottom: 14px;
}

#prod-div li {
        margin: 0px;

}
.unindented li {
        margin-left: -20px !important;
        padding-left: 0px !important;
}


@media (max-width: 480px) {
        .spacedout li, .spaced_list li, .spacedlist, .spaced-list, .item-page li {
                margin-left: 13px;
        }
}

.contentpaneopen li {
	margin-top: 8px;
	margin-bottom: 8px;
}

.contentpaneopen h3 {
	margin-top: 10px;
	font-style: italic;
}

.strongnote {
	font-weight: bold;
	font-style: italic;
	color: #900;
}

.toxin {
	font-style: italic;
}

.banner {
	position: relative;
	z-index: 3215;
}

.embeddedrect, .banneritem.embbnr {
	float: right;
	margin: 5px 0px 10px 10px;
}
.moduletable.embbnr, .moduletable.admargin, .moduletable.garcinia_rectangle {
	max-width: 60%;
}

#homepage_ad .embbnr {
	max-width: 100%;
}

.shrinktofit { position: relative; padding: 0px !important; }
.shrinktofit img { max-width: 100%; }
.shrinktofit img,
.shrinktofit a, 
.shrinktofit .bannergroup, 
.shrinktofit .embeddedrect, 
.shrinktofit .banneritem.embbnr { padding: 0px !important; margin: 0px !important; }

.leftad {
	float: left;
	max-width: 60%;
	margin: 5px 10px 10px 0px;
}
.rightad {
	float: right;
	max-width: 60%;
	margin: 5px 0px 10px 10px;
}
.rightad .bannergroup, .rightad .embbnr, .leftad .bannergroup, .leftad .embbnr {
	max-width: 100%;
}
.rightadsm {
	float: right;
	max-width: 35%;
}

.slidecartoon, .slideimage {
	max-height: 454px;
} 

.dmslide .rightad {
	max-width: 50%;
}

.youtube-player {
	max-width: 98%;
}

.largecaption { font-size: 110%; font-style: italic; }
.vidembedcaption { width: 560px; max-width: 100%; font-size: 110%; font-style: italic; margin: 10px 0px 30px 0px; }

.max50 {
	max-width: 50%;
}

.stack6, .stack6noc {
	width: 48%;
}

@media (max-width: 600px) {
	.stack6 {
		width: 98%;
		text-align: center;
		margin: auto;
	}
	.stack6noc {
		width: 98%;
	}
}

.ddmx414 {
	position: relative;
	z-index: 9999999;
}

.element-invisible {
        display: none;
}

.notesheader {
	font-weight: bold;
	font-size: 110%;
	margin: 22px 0px 14px 0px;
}

#ch_abovebody {
	position: relative;
	z-index: 420;
	width: 666px;
	padding: 0px;
	float: left;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 12px;
}

.groupofcats table {
	width: 100%;
	height: 359px;
}

.groupofcats .adcell {
	text-align: left !important;
	vertical-align: bottom;
	padding-top: 10px;
}

.groupofcats p {
	margin-left: 2px;
	margin-right: 8px;
}

.liteborder {
	border: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
}

.liteborder td, .liteborder th {
	border: 1px solid #CCC;
	padding: 5px;
}

.liteborder tr:first-child td, tr:first-child th, .liteborder tr th:first-child, .liteborder tr td:first-child {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

#chocamt td {
	text-align: center;
}

/* AQSEO slide show */
.dmslide > table td {
}
.dmpadleft {
	padding-left: 20px !important;
}

span.highlight {
	font-weight: inherit;
	padding: 0px;
}

ul.paw {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
}

ul.paw li {
        background-image: url(/images/paw_cat.gif);
	background-image: url(data:image/gif;base64,R0lGODlhEAAOAOZKAFau15DK5Z3Q6JvP6JzP6P3+/vX6/fn8/oTE4kyp1efz+fH4/Hq/4FGr1u73+1qw2KLS6Vuw2KTT6pvP54vH5E6q1sXj8fz+/v7+/+f0+Z/R6H/B4ePy+Pf7/V+y2fv9/n/C4Uqo1eDw+JXM5trt9rHa7XK73lmv2Lve79nt9lKs1luw2d3u993v96zX62+63arW68bk8k6q1c3n816x2Xm+38nl8rre72S021Os1+j0+oHD4Y7J5dXr9dzu97/g8OLx+LHZ7XzA4JnO54nG45PL5qvX67zf77Xb7kin1P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDEzMTFFNTA2NDQxMUU1QjBFMDk2NEMyMEFDNUE0QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDEzMTFFNjA2NDQxMUU1QjBFMDk2NEMyMEFDNUE0QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFEMTMxMUUzMDY0NDExRTVCMEUwOTY0QzIwQUM1QTRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFEMTMxMUU0MDY0NDExRTVCMEUwOTY0QzIwQUM1QTRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAASgAsAAAAABAADgAAB5CASoJKAhEBHwVFEUMYg0oGSi1Jkyg/k0kpj0oaDwI2lwhElxYQDxMqkwQAkwEjkzkCkw0ekyBIFQAsIicyJQiTNEGTFEoZC4ILCkoBky5KRwMcEjU7MzEbDDA6AzeOPJchl0kEjkoOCeLiAB2OBy/pl0IX5Qom8AwO5YIHEOhJDUYK6HPUYwUOHwP1kQAyMBAAOw==);
        background-repeat: no-repeat;
        background-position: left 0px top 2px;
        padding-left: 24px;
}

.jq_quiz_container_tbl_content {
	margin-top: 10px;
}

.quiz_incorrect_ans, .quiz_correct_ans {
	display: none;
}

.correct_answer {
	background-image: none !important;	/* could change this to something like an info ball */
	background-color: #f2fbff !important;
	color: #000 !important;
	border: 1px solid #6299cb;
}
.incorrect_answer {
	background-image: none !important;	/* could change this to something like an info ball */
	background-color: #f2fbff !important;
	color: #000 !important;
	border: 1px solid #6299cb;
}
/*Getting rid of the br tag after the correct/incorrect answer blurb (that we have also hidden) */
.correct_answer > br:nth-of-type(1),
.incorrect_answer > br:nth-of-type(1) {
	display: none;
}

.quiz_correct {
	color: #090; font-weight: bold;
}
.quiz_incorrect {
	color: #900; font-weight: bold;
}
.jq_input_pos {
	text-align: left !important;
	padding: 3px !important;
}
#jq_quiz_container table {
	border: 0px;
}
.jq_footer_container, #jq_quiz_container table.jq_footer_container {
	margin: 3px 0px 3px 0px !important;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.category-desc > img {
	float: left;
	margin: 0px 20px 0px 0px;
}

.embedded-video {
        float: right;
        position: relative;
        margin: 4px 0px 10px 10px;
	padding-top: 4px;
        width: 560px;
        height: auto;
        max-width: 50%;
}

.embedded-video-left {
        float: left;
        position: relative;
        margin: 4px 8px 8px 0px;
        width: 560px;
        height: auto;
        max-width: 64%;
}

.wrap_embedded_vid {
        position: relative;
        width: 100%;
        height: 0;
        padding: 56.25% 0 0 0;
}

.wrap_embedded_vid iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

@media (max-width: 800px) {
        .embedded-video {
		clear: both;
                float: none;
                max-width: 100%;
                margin: 8px 0px;
        }
}

.trueorfalse {
	color: #678;
	font-size: 1.1em;
	font-style: oblique;
}


/* for the homepage grid */
#home-selector, .home-selector, .home-grid50 {
        margin: auto;
        border: 0px !important;
	max-width: 100%;
}
#home-selector td, .home-selector td, .home-grid50 td {
	position: relative;
        border: 0px !important;
        padding: 2px;
	text-align: center;
	vertical-align: middle;
}

#home-selector td:hover, .home-selector td:hover {
	background: #369;
}

#home-selector td img, .home-selector td img {
	max-width: 100%;
	height: auto;
}

.home-section-header {
	text-align: center;
	font-size: 2.2em;
}

.home-grid50 {
	width: 100%;
}

.home-grid50 td {
	vertical-align: top;
	border: 1px solid #0a0 !important;
}

.home_block_left {
	float: left;
	width: 48%;
	margin: 0px;
}

.home_block_right {
	float: right;
	width: 48%;
	margin: 0px;
}

.home_declaw_img {
	max-width: 100%;
	margin-top: 16px;
}

.ch_home_tips, .ch_home_toparticles, .ch_home_doghealthbox, .ch_home_newslettersignup {
	position: relative;
	width: 48%;
	min-height: 320px;
	margin: 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}


.ch_home_tips {
	float: left;
	background: #40b6ea;
}
.ch_home_toparticles {
	float: right;
	background: #2a9bcd;
}
.ch_home_doghealthbox {
	float: left;
	background: #75caf0;
}
.ch_home_newslettersignup {
	float: right;
	background: #f5ac39;
}

.ch_home_tips h2, .ch_home_toparticles h2, .ch_home_doghealthbox h2, .ch_home_newslettersignup h2 {
	color: #fff;
	font-size: 2.6em;
	padding: 8px 0px 10px 20px;
	border-bottom: 1px dotted #81cdf3;
}
.ch_home_doghealthbox h2 {
	border-bottom: 1px dotted #2a9bcd;
}
.ch_home_newslettersignup h2 {
	border-bottom: 1px dotted #d99122;
}

.hometoparticles, .hometips, .homedoghealth, .homenewsletter {
	padding: 4px 40px 8px 40px;
	font-size: 110%;
}

.hometoparticles, .hometoparticles p, .hometoparticles ul li, .hometoparticles a {
	color: #adddf7;
}
.hometoparticles a:active, .hometoparticles a:hover {
	color: #FFF;
}

.hometips, .hometips p, .hometips ul li, .hometips a {
	color: #fff;
}

.homedoghealth, .homedoghealth p, .homedoghealth ul li, .homedoghealth a {
	color: #fff;
}

.homenewsletter, .homenewsletter p, .homenewsletter ul li, .homenewsletter a {
	color: #fff;
}

@media (max-width: 640px) {
	.home_block_left, .home_block_right, .ch_home_tips, .ch_home_toparticles, .ch_home_doghealthbox, .ch_home_newslettersignup {
		float: none;
		width: 517px;
		height: auto;
		max-width: 100%;
		margin: 20px 0px;
	}
}

.custom_newsletter_signup {
	padding: 2px 5px;
}

.nl-header a {
	font-weight: bold;
	text-decoration: none !important;
	color: #F00;
	font-size: 16px !important;
}

.couponcode {
	font-family: courier, serif;
}
.larger {
	line-height: 100%;
	font-size: 150%;
}

/* Newsletter Signup MailChimp mailchimp */
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
.content__gdpr > label {
	font-weight: bold;
	color: #51a7d0;
}
#mc_embed_signup .button {
	background-color: #51a7d0;
}
#mc_embed_signup .button:hover {
	background-color: #3a7898;
}
#mc_embed_signup p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#mc_embed_signup label, #mc_embed_signup label > span {
	font-weight: bold;
}
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
#mergeRow-gdpr { margin-top: 0px; }
.mc-field-group { padding-bottom: 5px !important; }

#mc_embed_signup .mc-field-group input {
	width: auto !important;
}
input#mce-EMAIL.required.email {
	width: 100% !important;
}
input#gdpr_14113.av-checkbox.gdpr {
	font-size: 300%;
	width: auto !important;
	display: inline-block !important;
}
.content__gdpr p {
	display: inline-block;
}
fieldset.mc_fieldset.gdprRequired.mc-field-group {
	width: auto !important;
	min-height: auto !important;
	display: inline-block;
	display: block;
}

input#mc-embedded-subscribe.button {
	font-size: 30px;
	height: 64px;
	line-height: 64px;
	border-radius: 8px !important;
	margin: 0 10px 20px 0 !important;
	padding: 0 44px !important;
	background-color: #4da6d2;
}
input#mc-embedded-subscribe.button:hover {
	background-color: #3a7898;
}

.scrollcontainer { position: relative; max-width: 100%; overflow: scroll; }

.calendar td {
 width: 14.2857%;
 vertical-align: top;
 padding: 0px;
}
.calendar td p {
	clear: right;
	padding: 10px;
}
.caldate {
	font-family: "arial black", arial, sans-serif;
	color: #4ad;
	font-size: 20px;
	line-height: 20px;
float: right;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
margin: 0 0 10px 10px;
padding: 2px 5px;
}

.askavetdisclaimer {
	text-align: justify;
	padding-top: 4px;
	border-top: 1px dotted #ccc;
}

.cc-window {
        z-index: 100000001 !important;
        padding-bottom: 50px !important; /* I have to put this because of the GDMF Ask a Vet BS */
}