/* CSS Document */
html, body {
	text-align: center;
	margin: 0;
	background: #a596b4 url(../images/html_bg.gif) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	line-height: 22px;
	}
.print-logo {
	margin: 0 0 15px 0;
	}
.noprint {
	display:none;
	}
.printonly {
	display:block;
	}
.product-content {
	padding: 15px 280px 40px 40px
	}
h1 {
	margin: 0;
	padding:0;
	float:left;
	}
h2 {
	margin: 0;
	padding:0;
	font-size: 22px;
	font-weight:bold;
	color: #344b5b;
	text-transform: uppercase;
	}
.h2ttl {
	border-bottom: 1px solid #e5e5e5;
	}
h3 {
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight:bold;
	color: #4a2c68;
	}
h4 {
	margin: 0	q;
	font-size: 14px;
	font-weight:bold;
	color: #654f7a;
	}
p {
	margin: 7px 0 20px 0;
	line-height: 22px;
	}
ul {
	margin: 0;
	padding-left: 15px;
	}
img {
	border: 0;
	}
a:link, a:visited {
	color: #551597;
	font-weight:bold;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #551597;
	background-color: #C1D7F1;
	text-decoration: none;
	}
#wrapper {
	width: 914px;
	margin: 0 auto;
	background: url(../images/wrapper_bg.gif) top left repeat-y;
	
	}
#container {
	background: url(../images/body_bg.jpg) 0 0 no-repeat;
	padding: 0 0 0 8px;
	text-align:left;
	float:none!important;
	float:left;
	}
#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	width: 900px;
	height: 62px;
	display:none;
	}
#content {
	background: url(../images/content_bg.gif) 0 0 repeat-y;
	padding: 0 0 0 0;
	margin:0;
	}
body#page_sitemap #content {
	background: url(../images/content2_bg.gif) 0 0 repeat-y;
	}
#sidebar {
	width: 213px;
	float: left;
	display:none;
	}
body#page_home #sidebar {
	display:none;
	}
.content {
	
	width: 657px!important;
	width: 687px;
	
	background: url(../images/content_bgshadow.gif) 0 0 repeat-x;
	
	}
.content2 {
	float: left;
	width: 768px!important;
	width: 898px;
	padding: 28px 80px 16px 50px;
	margin: 0 0 0 1px;
	background: url(../images/content_bgshadow.gif) 0 0 repeat-x;
	}
.content3 {
	background: #FFF url(../images/cooling_bg.jpg) 0 0 no-repeat;
	margin: 0 6px 0 0;
	}
body#page_warming #content .content3 {
	background: #FFF url(../images/warming_bg.jpg) 0 0 no-repeat;
	}
.content4 {
	width: 657px!important;
	margin: 0 6px 0 0;
	background: #FFF url(../images/content_bgshadow.gif) 0 0 repeat-x;
	padding: 28px 0 16px 0;
	}
.sidecontent {
	clear:both;
	padding: 22px 0 0 12px;
	}

/* Special Pages
-----------------------------------------------------------------------*/

/* Joint Health Journal
-----------------------------------------------------------------------*/

.journalHeadline {
	padding-left: 400px;
	font-weight: bold;
	font-style: italic;
	color: #CCC;
	padding-bottom: 25px;
}




/* top nav
-----------------------------------------------------------------------*/
body#page_castiva #nav_whycastiva,
body#page_cooling #nav_whycastiva,
body#page_warming #nav_whycastiva,
body#page_arthritis #nav_arthritis,
body#page_guide #nav_guide,
body#page_evaluation #nav_guide,
body#page_lifestyle #nav_guide,
body#page_options #nav_guide,
body#page_alternatives #nav_guide,
body#page_assistance #nav_assistance,
body#page_faq #nav_assistance,
body#page_contact #nav_assistance,
body#page_talking #nav_assistance,
body#page_resources #nav_resources,
body#page_buy #nav_buynow,
body#page_store #nav_buynow,
body#page_pharmacy #nav_buynow,
body#page_hotline #nav_buynow,
body#page_testimonials #nav_whycastiva,
body#page_vid01 #nav_whycastiva,
body#page_vid02 #nav_whycastiva,
body#page_vid03 #nav_whycastiva {
	background-position: 0 -118px;
	}	
#glbnav {
	height:59px;
	display:none;
	}
#glbnav a {
	height: 59px;
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#glbnav a:hover {
	background-position: 0 -59px;
	}
#nav_whycastiva {
	width: 150px;
	background: url(../images/nav_whyCastiva.gif);
	}
#nav_arthritis {
	width: 150px;
	background: url(../images/nav_UnderstandingArthritis.gif);
	}
#nav_guide {
	width: 150px;
	background: url(../images/nav_GuideToHealth.gif);
	}
#nav_assistance {
	width: 150px;
	background: url(../images/nav_NeedAssistance.gif);
	}	
#nav_resources {
	width: 150px;
	background: url(../images/nav_ArthritisResources.gif);
	}
#nav_buynow {
	width: 150px;
	background: url(../images/nav_BuyNow.gif);
	}
/* left nav
-----------------------------------------------------------------------*/
body#page_cooling #nav2_cooling,
body#page_warming #nav2_warming,
body#page_faq #nav2_faq,
body#page_contact #nav2_contact,
body#page_talking #nav2_pharmacist,
body#page_evaluation #nav2_health-evaluation,
body#page_lifestyle #nav2_lifestyle,
body#page_options #nav2_health-options,
body#page_alternatives #nav2_therapies,
body#page_buy #nav2_store,
body#page_pharmacy #nav2_local,
body#page_hotline #nav2_hotline,
body#page_testimonials #nav2_customer-testimonials,
body#page_vid01 #nav2_real_relief_sotories,
body#page_vid02 #nav2_real_relief_sotories,
body#page_vid03 #nav2_real_relief_sotories {
	background-position: 0 -68px;
	}

#leftnav {
	width: 212px;
	}
#leftnav a {
	height: 34px;
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#leftnav a:hover {
	background-position: 0 -34px;
	}
#nav2_health-evaluation {
	width: 212px;
	background: url(../images/nav2_health-evaluation.gif);
	}
#nav2_lifestyle {
	width: 212px;
	background: url(../images/nav2_lifestyles.gif);
	}
#nav2_health-options {
	width: 212px;
	background: url(../images/nav2_health-options.gif);
	}
#nav2_therapies {
	width: 212px;
	background: url(../images/nav2_therapies.gif);
	}
#nav2_store {
	width: 212px;
	background: url(../images/nav2_product-store.gif);
	}
#nav2_local {
	width: 212px;
	background: url(../images/nav2_local-pharmacist.gif);
	}
#nav2_hotline {
	width: 212px;
	background: url(../images/nav2_order-hotline.gif);
	}
#nav2_faq {
	width: 212px;
	background: url(../images/nav2_faq.gif);
	}
#nav2_contact {
	width: 212px;
	background: url(../images/nav2_contact-us.gif);
	}
#nav2_pharmacist {
	width: 212px;
	background: url(../images/nav2_pharmacist.gif);
	}
#nav2_cooling {
	width: 212px;
	background: url(../images/nav2_castiva-cooling.gif);
	}
#nav2_warming {
	width: 212px;
	background: url(../images/nav2_castiva-warming.gif);
	}
#nav2_newsletter-listing {
	width: 212px;
	background: url(../images/nav2_newsletter-listing.gif);
	}
#nav2_customer-testimonials {
	width: 212px;
	background: url(../images/nav2_customer-testimonials.gif);
	}
#nav2_real_relief_sotories {
	width: 212px;
	background: url(../images/nav2_real-relief-stories.gif);
	}
/*	Joint Health Guide
-----------------------------------------------------------------------*/
.guide_linkbox {
	float: left;
	width: 253px;
	height: 75px;
	padding: 5px 0 0 0;
	background: url(../images/guide_linksbg.gif) 0 0 no-repeat;
	}
.guide_linkbox a:link,.guide_linkbox a:visited  {
	display: block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding: 1px 0 1px 25px;
	background: url(../images/bullet01.gif) 15px 10px no-repeat;
	}
.guide_linkbox a:hover, .guide_linkbox a:active {
	text-decoration:underline;
	color:#551597;
	}
/*	Healthcare Porfessionals
-----------------------------------------------------------------------*/
.productbox {
	height: 175px;
	float:left;
	background-color:#f4f3f6;
	padding: 10px 0 0 0;
	}
.productbox img {
	float: left;
	}
.productbox .des {
	font-style: italic;
	font-size: 10px;
	line-height: 17px;
	}
/*	Resources
-----------------------------------------------------------------------*/
#resources {
	
	}
#resources .odd {
	background-color:#f4f3f6;
	}
#resources .even {
	background-color:#FFF;
	}
div.resourceDetail {
	position: relative;
	width: 660px;
	clear: both;
	}
div.resourceDetail h3 {
	font-size: 13px;
	margin: 0;
	padding-left: 15px;
	background: transparent url(../images/icon_arrow.gif) no-repeat 0 3px;
	border-bottom: 1px solid #CCC;
	}
div.resourceDetail div.image {
	float: left;
	width: 225px;
	text-align: right;
	margin-right: 10px;
	margin-top: 25px;
	}
div.resource {
	float: left;
	width: 385px;
	padding: 10px;
	margin-bottom: 20px;
	}
/* footer
-----------------------------------------------------------------------*/
#footer {
	clear: both;
	font-size: 10px;
	background-color:#40235d;
	color:#a091ae;
	padding: 8px 18px 0 18px;
	margin: 0 6px 0 0;
	border-top:1px solid #5d4279;
	width:600px
	}
#footer .right {
	float: right;
	padding: 0 0 8px 0;
	font-weight:bold;
	}
#footer .left {
	float: left;
	padding: 0 0 8px 0;
	font-weight:bold;
	}
#footer a:link, #footer a:visited {
	padding: 0 8px 0 8px;
	color:#a091ae;
	text-decoration:none;
	background-color: none;
	}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	background-color: transparent;
	}
#footer .note {
	clear:both;
	padding: 4px 0 18px 0;
	border-top: 1px solid #a091ae;
	text-align:center;
	line-height:16px;
	font-size: 9px;
	}
/* search box 
-----------------------------------------------------------------------*/

#searchbox {
	padding: 18px 18px 8px 0;
	text-align:right;
	}
#searchbox input {
	background-color: #e6ddef;
	}
#searchbox .submit {
	vertical-align:top;
	margin: 0 0 0 6px;
	}
#searchbox .sp2_field{
	vertical-align:top;
	}
.submitsearch {
	vertical-align:top;
	margin: 0 0 0 6px;
	}

#advance_search {
	font-size: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0 0 300px 0;
	}
#advance_search td {
	font-size: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* faq
-----------------------------------------------------------------------*/
#faq {}
#faq img {
	cursor:pointer;
	}
#faq .question {
	background: url(../images/icon_q.gif) 0 8px no-repeat;
	padding: 6px 0 10px 60px;
	font-weight:bold;
	min-height: 40px;
	_height: 40px;
	}
#faq .question a {
	color: #551597;
	cursor:pointer;
	text-decoration:none;
	}
#faq .question a:hover {
	text-decoration:underline;
	cursor:pointer;
	}
#faq .answer {
	background: url(../images/ico_a.gif) 0 18px no-repeat;
	padding: 10px 0 0 60px;
	border-top:1px solid #c2c2c2;
	min-height: 40px;
	_height: 50px;
	display:block;
	}
#faq .clickanswer {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	}
#faq .odd {
	clear:both;
	background-color:#f3f3f3;
	padding: 8px 10px;
	min-height: 46px;
	_height: 46px;
	}
#faq .even {
	clear:both;
	background-color:#FFFFFF;
	padding: 8px 10px;
	min-height: 46px;
	_height: 46px;
	}
/* signupcta
-----------------------------------------------------------------------*/
#signupcta {
	background: url(../images/cta-signup-bg.gif) 0 0 no-repeat;
	padding: 75px 0 20px 20px;
	}
#signupcta label {
	display:inline;
	color:#1b0337;
	font-weight:bold;
	font-style:italic;
	margin-top: 8px;
	margin-bottom: 2px;
	}
#signupcta input {
	display:inline;
	font-weight:bold;
	margin-top: 8px;
	}
#signupcta .submit {
	background: url(../images/line-02.gif) center left repeat-x;
	width: 50px;
	}
/* assistance_btn
-----------------------------------------------------------------------*/
.assistance_btn {
	float: left;
	margin: 0 9px 0 0;
	height: 205px;
	width: 175px;
	}
.assistance_btn2 {
	float: left;
	margin: 0 0 0 0;
	height: 205px;
	width: 175px;
	}
.assistance_linkbox {
	float: left;
	width: 253px;
	height: 155px;
	padding: 5px 0 0 0;
	background: url(../images/assistance_linksbg.gif) 0 0 no-repeat;
	}
.assistance_linkbox a:link,.assistance_linkbox a:visited  {
	display: block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding: 1px 0 1px 25px;
	background: url(../images/bullet01.gif) 15px 10px no-repeat;
	}
.assistance_linkbox a:hover, .assistance_linkbox a:active {
	text-decoration:underline;
	color:#551597;
	}
/* orderbox
-----------------------------------------------------------------------*/
.orderbox01 {
	height: 195px;
	float:left; 
	}
.orderbox01 img {
	float: left;
	padding: 0 0 45px 0;
	}
.orderbox01 .order-ttl {
	color:#551597;
	font-weight:bold;
	}
.orderbox01 .order-des {
	font-style: italic;
	}
.orderbox01 .ndes {
	color:#003a6b;
	font-style:italic;
	line-height:14px;
	font-size:10px;
	font-weight:bold;
	}
.orderbox01 .ndes .free {
	color:#00bdf2;
	}
/* form
-----------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
label {
	display: block;
	margin-top: 8px;
	margin-bottom: 2px;
	color:#CCC;
	}
form .error input {
	border:1px solid #990000;
	}
form .error label {
	color:#990000;
	font-weight:bold;
	}
textarea {
	background: #FFF;
	height:75px;
	border:1px solid #000;
	}
input, select {
	background-color: #FFFFFF;
	border:0;
	border-bottom:1px solid #000000;
	
	}
select {
	display:none;
	}
form .printfordrop {
	padding: 0 0 19px 0;
	border-bottom:1px solid #000000;
	}
form .row {
	padding: 0px 0px 0px 0px;
	zoom: 1.0; /* gives element "layout" in IE.  See: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp */	
	}
form .row div {
	float: left;
	margin-right: 10px;
	}
form .row div.block {
	float: none;
	}	
form .asterisk {
	color:#551597;
}
.submit2 {
	clear:both;
	padding: 8px 0 8px 0;
	margin: 0 20px 0 0;
	text-align:right;
	background: url(../images/line-01.gif) center left repeat-x;
	}
/* refer_a_friend
-----------------------------------------------------------------------------*/
#refer_a_friend h3 {
	color: #482c64;
	font-size: 12px;
	margin: 8px 0 0 0;
	}
#refer_a_friend .submit {
	padding: 18px 0 8px 0px;
	margin: 0 20px 0 0;
	text-align:right;
	background: url(../images/line-01.gif) center left repeat-x;
	}
/* SiteMap
-----------------------------------------------------------------------------*/
#sitemap {
	background: transparent url(../images/sitemap_bg.gif) top left no-repeat;
	position:relative;
	height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	}
#sitemap a:link, #sitemap a:visited {
	color: #000;
	font-size:11px;
	}
#sitemap a:hover, #sitemap a:active {
	text-decoration:none;
	}	
#sitemap .home a {
	background: transparent url(../images/sitemap_ico03.gif) 0 0 no-repeat;
	color: #20063a;
	padding-left: 26px;
	display:block;
	width: 56px!important;
	width: 82px;
	border: 1px solid #d2cad9;
	font-size: 12px;
	font-style:italic;
	}
#sitemap .home a:hover {
	background: transparent url(../images/sitemap_ico04.gif) 0 0 no-repeat;
	color:#ffffff;
	text-decoration:none;
	}
#sitemap .manlink a {
	background: transparent url(../images/sitemap_ico01.gif) 0 0 no-repeat;
	color: #20063a;
	padding-left: 26px;
	display:block;
	width: 161px!important;
	width: 187px;
	border: 1px solid #d2cad9;
	font-size: 12px;
	font-style:italic;
	}
#sitemap .manlink a:hover {
	background: transparent url(../images/sitemap_ico02.gif) 0 0 no-repeat;
	color:#ffffff;
	text-decoration:none;
	}
#sitemap .sublink a {
	color: #482c64;
	font-size: 11px;
	font-style:italic;
	font-weight:bold;
	}
#sitemap .sublink a:hover {
	text-decoration:none;
	}
#sitemap .link01 {
	position:absolute;
	top: 0px;
	left:0px;
	}
#sitemap .link02 {
	position:absolute;
	top:57px;
	left:60px;
	}
#sitemap .link03 {
	position:absolute;
	top:88px;
	left:105px;
	}
#sitemap .link04 {
	position:absolute;
	top:110px;
	left:105px;
	}
#sitemap .link04_1 {
	position:absolute;	
	top:158px;
	left:105px;
	}
#sitemap .link04_1_a {
	position:absolute;
	top:134px;
	left:105px;
	}
#sitemap .link05 {
	position:absolute;
	top:198px;
	left:60px;
	}
#sitemap .link06 {
	position:absolute;
	top:242px;
	left:60px;
	}
#sitemap .link07 {
	position:absolute;
	top:271px;
	left:104px;
	}
#sitemap .link08 {
	position:absolute;
	top:298px;
	left:104px;
	}
#sitemap .link09 {
	position:absolute;
	top:324px;
	left:104px;
	}
#sitemap .link10 {
	position:absolute;
	top:350px;
	left:104px;
	}

#sitemap .link11 {
	position:absolute;
	top:57px;
	left:306px;
	}
#sitemap .link12 {
	position:absolute;
	top:88px;
	left:350px;
	}
#sitemap .link13 {
	position:absolute;
	top:111px;
	left:350px;
	}
#sitemap .link14 {
	position:absolute;
	top:138px;
	left:350px;
	}
#sitemap .link15 {
	position:absolute;
	top:173px;
	left:306px;
 }
#sitemap .link16 {
	position:absolute;
	top:216px;
	left:306px;
 }
#sitemap .link17 {
	position:absolute;
	top:246px;
	left:350px;
 }
#sitemap .link18 {
	position:absolute;
	top:271px;
	left:350px;
 }
#sitemap .link19 {
	position:absolute;
	top:296px;
	left:350px;
}
#sitemap .link20 {
	position:absolute;
	top:332px;
	left:308px;
}
#sitemap .link28 {
	position:absolute;
	top:356px;
	left:308px;
}
#sitemap .link21 {
	position:absolute;
	top:379px;
	left:308px;

}
#sitemap .link22 {
	position:absolute;
	top:20px;
	left:554px;
}
#sitemap .link23 {
	position:absolute;
	top:42px;
	left:554px;
}
#sitemap .link24 {
	position:absolute;
	top:62px;
	left:554px;
}
#sitemap .link25 {
	position:absolute;
	top:86px;
	left:554px;
}
#sitemap .link26 {
	position:absolute;
	top:108px;
	left:554px;
}
#sitemap .link27 {
	position:absolute;
	top:130px;
	left:554px;
}

/* Search CSS
------------------------------------------------------------*/
.sp2_field {
	height: 23px;
	font-size: 16px;
	width: 200px;
	}
/* Table Enrollment CSS
------------------------------------------------------------*/
#table_enrollment {
	width:550px;
	}
#table_enrollment th {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding: 0 6px 4px 6px;
	}
#table_enrollment td {
	font-size:12px;
	padding: 4px 6px;
	}
#table_enrollment .even {
	background: #f5f1f8;
	}
#table_enrollment .odd {
	background: #FFF;
	}

/* Common CSS
------------------------------------------------------------*/
img {
	border: 0;
	}
sup {
	line-height:0;
	}
.right {
	float:right;
}
.left {
	float:left;
}
.imgRight {
	float:right;
	margin: 0px 0px 10px 20px;
}
.imgLeft {
	float:left;
	margin: 0px 20px 10px 0px;
}
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}
.border01 img {
	border: 1px solid #8D8D8D;
	}
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.readMore, .goBack, .toTop {
	text-align: right;
	clear: both;
	}
.note{
	border-top: 1px solid #e5e5e5;
	font-size:10px;
	line-height:16px;
	padding: 8px 0;
	margin: 8px 0 0 0;
	clear:both;
	}
.odd {
	background-color:#f4f3f6;
	}
.even {
	background-color:#FFF;
	}
.red {
	color:#EE0000;
	}
.banner-ad01 {
	margin: -28px -80px 0 -50px;
	display:none;	
	}
.imgNoHover a:hover {
	background-color:transparent;
	}