@charset "utf-8";
/* CSS Document */
@font-face{font-family:"Open Sans";src:local("Open Sans"), url('../fonts/OpenSans-Regular.ttf') format("truetype");}
@font-face{font-family:"Open Sans Light";src:local("Open Sans Light"), url('../fonts/OpenSans-Light.ttf') format("truetype");}
@font-face{font-family:"Open Sans Semibold";src:local("Open Sans Semibold"), url('../fonts/OpenSans-Semibold.ttf') format("truetype");}
@font-face{font-family:"Open Sans Bold";src:local("Open Sans Bold"), url('../fonts/OpenSans-Bold.ttf') format("truetype");}
html {height:100%;}
body {height:100%;margin:0;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-size:12px;color:#58595b;}
.clearMe {clear:both;}
img {border:none;}
a {text-decoration:none;color:inherit;}
h1 {font-size:18px;margin:0 0 2em 0;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:bold;font-weight:normal;}
h2 {font-size:12px;margin:2em 0 0;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-weight:normal;font-style:italic;}
h3 {font-size:12px;margin:2em 0 0;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-weight:normal;}
h4 {font-size:12px;margin:2em 0 0;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-weight:normal;}
h5 {font-size:12px;margin:2em 0 0;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-weight:normal;font-style:italic;}
strong {font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-weight:normal;}
.red {color:#F00;font-weight:bold;border:1px solid #C30;padding:3px;}
.white {color:#fff;}
#container {margin:0 auto;min-height:100%;height:auto!important;position:relative;overflow:hidden;width:970px;}
#inner {float:left;height:100%;overflow:hidden;width:970px;}
#headerPlaceholder {width:100%;height:150px;float:left;}
#headerOuter {position:fixed;width:100%;top:0;left:0;height:150px;z-index:10;}
#headerInner {width:970px;margin:auto;height:150px;}
#header {width:560px;padding-right:205px;float:right;height:150px;text-align:center;position:relative;overflow:hidden;background:url(../images/header_bg.png) repeat-x bottom;z-index:10;}
#crohns {margin:15px auto auto;width:362px;font-family:"Open Sans Light", Arial, Helvetica, sans-serif;font-size:60px;height:64px;}
#crohns a {width:362px;height:64px;display:block;}
#official_website {margin:auto auto 12px;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-size:10px;color:#939598;}
#blueBar {width:765px;height:0px;margin:10px 0;position:absolute;top:102px;left:0;}
#main {float:right;margin:0 290px 0 0px;padding:0 0 175px;position:relative;width:475px;z-index:9;}
#main a:hover {text-decoration:underline;}
#main  hr {border-top:4px solid #000;margin:50px 0;}
ul li ul, ol li ul {list-style:disc;}
li {margin-bottom:1em;}
ol.bracketted {list-style-type:none;}
ol.bracketted li:before {content:counter(section, lower-alpha) ")  ";}
ol.bracketted li {counter-increment:section;margin-bottom: 1em;}
ol.upper-roman {list-style-type:upper-roman;}
ol.doublebraket {list-style-type:none;}
ol.doublebraket li:before {content:"(" counter(section, lower-roman) ")  ";}
ol.doublebraket li {counter-increment:section;}
.slicklist {margin-top:0;margin-bottom:0,padding-top:0;padding-bottom:0;}
.fb_iframe_widget {margin-top:25px;}
ul.subnav-list, ul.subnav-list2 {display:block;list-style:none;padding:0;margin:15px 22px 15px 0px;width:360px;float:left;}
ul.subnav-list li {margin-bottom:9px;padding:0;color:#58595b;font-size:14px;text-indent:20px;background:url(../images/NavBullet-Living.png) no-repeat 0px 3px;}
ul.subnav-list2 li {margin-bottom:9px;padding:0;color:#58595b;font-size:14px;text-indent:20px;background:url(../images/NavBullet-Crohns.png) no-repeat 0px 3px;}
ul.subnav-list li a {color:#58595b;}
ul.subnav-list li a:hover {color:#95d5d2;font-weight:bold;}
ul.subnav-list2 li a:hover {color:#f8941e;font-weight:bold;}
.differences-table {border-collapse:collapse;margin-bottom:25px;}
.differences-table tr td {padding:5px;border-bottom:1px solid #6e85c2;border-right:1px solid #6e85c2;vertical-align:top;}
.differences-table .no-right {border-right:none;}
.differences-table .no-bottom {border-bottom:none;}
/* Side Tabs */
#HeaderTabs {position:absolute;top:15px;right:0;z-index:20;}
#HeaderTabs .slideout {position:absolute;width:153px;height:15px;right:-25px;}
#HeaderTabs .slideoutactive {position:absolute;width:153px;height:15px;right:-12px;}
#HeaderTabs .slide1 {top:0px;background:url(../images/tab-about-IBD.png) no-repeat top right;}
#HeaderTabs .slide2 {top:14px;background:url(../images/tab-crohns-disease.png) no-repeat top right;}
#HeaderTabs .slide3 {top:28px;background:url(../images/tab-ulcerative-colitis.png) no-repeat top right;}
#HeaderTabs .slide4 {top:42px;background:url(../images/tab-professor-hunter.png) no-repeat top right;}
#HeaderTabs .slide5 {top:56px;background:url(../images/tab-living-with-IBD.png) no-repeat top right;}
#HeaderTabs .slide6 {top:70px;background:url(../images/tab-useful-information.png) no-repeat top right;}
#HeaderTabs .clickme {float:left;height:15px;width:128px;background:none;}
#HeaderTabs .slidecontent {float:right;}

/* LEFT SIDE NAVIGATION */
#LeftNavOuter {position:fixed;bottom:0;left:0;width:100%;z-index:2;}
#LeftNavInner {width:970px;margin:auto;position:relative;}
#LeftNav {width:168px;float:left;height:auto;z-index:20;}
#LeftNavTop {width:168px;height:208px;}
#LeftNavTop strong {font-family:"Open Sans Bold", Arial, Helvetica, sans-serif;}
#LeftNavList {min-height:297px;width:168px;float:left;}
#LeftNavList ul {list-style:none;padding:0;margin:15px 0 15px 7px;}
#LeftNavList ul li {padding:5px 5px 5px 0;color:#58595b;font-size:10px;text-indent:20px;}
#LeftNavList ul li a {color:#58595b;font-size:10px;}

/* RIGHT HAND IMAGE */
#RightImageOuter {position:fixed;bottom:0;left:0;width:100%;z-index:1;}
#RightImageInner {width:970px;margin:auto;position:relative;}
#main_image {float:right;height:auto;}
#main_image img {float:right;width:283px;}

/* HOME PAGE */
.home {height:614px;background:url(../images/home_bg2.jpg) no-repeat bottom center;width:970px;}
.home #inner {min-height:688px!important;width:100%;}
.home #crohns {color:#000;background:url(../images/header-home.png) no-repeat top center;}
.home #official_website {color:#000;}
.home #header {height:110px;/*background:none;*/;background:url(../images/crohns_logo.png) no-repeat top center;width:970px;padding:0;}
#LeftNavList ul li.home-bullet {background:url(../images/NavBullet-Home.png) no-repeat 0px 3px!important;}
#nutricia {display:none;position:absolute;top:15px;right:8px;width:68px;height:34px;background:url(../images/nutricia.png) no-repeat top right;z-index:30;}
#nutricia a {display:block;width:68px;height:34px;}

  /* Bottom Tabs */
#BottomTabs {position:absolute;bottom:87px;left:0;width:970px;height:600px;overflow:hidden;color:#fff;z-index:20;}
#BottomTabs .slideUp {position:absolute;width:162px;}
#BottomTabs .slide1 {bottom:-238px;height:370px;left:0px;  background:url(../images/Bottom-About-IBD.png) no-repeat top right;}
#BottomTabs .slide2 {bottom:-373px;height:505px;left:162px;background:url(../images/Bottom-Crohns-Disease.png) no-repeat top right;}
#BottomTabs .slide3 {bottom:-388px;height:520px;left:324px;background:url(../images/Bottom-Ulcerative-colitis.png) no-repeat top right;}
#BottomTabs .slide4 {bottom:-148px;height:280px;left:486px;background:url(../images/Bottom-Professor-Hunter.png) no-repeat top right;}
#BottomTabs .slide5 {bottom:-108px;height:240px;left:648px;background:url(../images/Bottom-Living-with-IBD.png) no-repeat top right;}
#BottomTabs .slide6 {bottom:-148px;height:280px;left:810px;background:url(../images/Bottom-Useful-Information.png) no-repeat top right;}
#BottomTabs .clickme {height:132px;width:162px;background:none;}
#BottomTabs .slidecontent {width:150px;padding:0 6px;}
.slidecontent a {text-decoration:none;color:#fff;}
.slidecontent a:hover {font-weight:normal;text-decoration:underline;}

/* PAGE SPECIFIC CSS */
.about_IBD #crohns {color:#7188c3;background:url(../images/header-about.png) no-repeat top center;}
.about_IBD #blueBar {border-top:1px solid #a5b3d9;border-bottom:1px solid #869acc;}
.about_IBD #LeftNavList ul li a.active, .about_IBD #LeftNavList ul li a:hover {color:#6f85c2;}
.about_IBD #LeftNavTop {background:url(../images/LeftNavHeaders/about.png) no-repeat top left;}
.about_IBD #LeftNavList {border-top:1px solid #9ba9d5;background:#ecedf7;}
.about_IBD #LeftNavList ul li {background:url(../images/NavBullet-About.png) no-repeat 0px 3px;}
.about_IBD a, .about_IBD h1, .about_IBD h2, .about_IBD h3, .about_IBD h5 {color:#6e84c1;}

.crohns_disease #crohns {color:#faa74a;background:url(../images/header-crohns.png) no-repeat top center;}
.crohns_disease #blueBar {border-top:1px solid #fde4c7;border-bottom:1px solid #f7941e;}
.crohns_disease #LeftNavList ul li a.active, .crohns_disease #LeftNavList ul li a:hover {color:#f8941e;}
.crohns_disease #LeftNavTop {background:url(../images/LeftNavHeaders/what_is_crohns_disease.png) no-repeat top left;}
.crohns_disease #LeftNavList {background:#fff1e1;border-top:1px solid #fed8ae;}
.crohns_disease #LeftNavList ul li {background:url(../images/NavBullet-Crohns.png) no-repeat 0px 3px;}
.crohns_disease a, .crohns_disease h1, .crohns_disease h2, .crohns_disease h3, .crohns_disease h5 {color:#f8941e;}

.ulcerative_colitis #crohns {color:#a6ce39;background:url(../images/header-colitis.png) no-repeat top center;}
.ulcerative_colitis #blueBar {border-top:1px solid #e9f3cd;border-bottom:1px solid #a6ce39;}
.ulcerative_colitis #LeftNavList ul li a.active, .ulcerative_colitis #LeftNavList ul li a:hover {color:#a6ce39;}
.ulcerative_colitis #LeftNavTop {background:url(../images/LeftNavHeaders/what_is_uc.png) no-repeat top left;}
.ulcerative_colitis #LeftNavList {background:#f4f9e8;border-top:1px solid #e1eebc;}
.ulcerative_colitis #LeftNavList ul li {background:url(../images/NavBullet-Colitis.png) no-repeat 0px 3px;}
.ulcerative_colitis a, .ulcerative_colitis h1, .ulcerative_colitis h2, .ulcerative_colitis h3, .ulcerative_colitis h5 {color:#a6ce39;}

.professor_hunter #crohns {color:#9c4083;background:url(../images/header-hunter.png) no-repeat top center;}
.professor_hunter #blueBar {border-top:1px solid #e6cfe0;border-bottom:1px solid #9b4083;}
.professor_hunter #LeftNavList ul li a.active, .professor_hunter #LeftNavList ul li a:hover {color:#9c4083;}
.professor_hunter #LeftNavTop {background:url(../images/LeftNavHeaders/biography.png) no-repeat top left;}
.professor_hunter #LeftNavList {background:#efe5ec;border-top:1px solid #d5b6cb;}
.professor_hunter #LeftNavList ul li {background:url(../images/NavBullet-Hunter.png) no-repeat 0px 3px;}
.professor_hunter a, .professor_hunter h1, .professor_hunter h2, .professor_hunter h3, .professor_hunter h5 {color:#9c4083;}
.book-left {float:left;width:118px;margin-bottom:35px;}
.book-left img {width:101px;height:auto;}
.book-right {float:left;width:355px;margin-bottom:35px;}
.book-right h3 {margin-top:2px;}
.book-right a {color:#9C4083;}
.book-right a:hover {text-decoration:underline;}
.booklink {width:166px;height:16px;background:url(../images/clicktobuy.png) no-repeat top left;display:block;float:right;}
.book-right em {font-family:"Open Sans Light", Arial, Helvetica, sans-serif;}
 
.living_with_IBD #crohns {color:#95d5d2;background:url(../images/header-living.png) no-repeat top center;}
.living_with_IBD #blueBar {border-top:1px solid #e4f4f4;border-bottom:1px solid #95d5d2;}
.living_with_IBD #LeftNavList ul li a.active, .living_with_IBD #LeftNavList ul li a:hover {color:#95d5d2;}
.living_with_IBD #LeftNavTop {background:url(../images/LeftNavHeaders/alternative_medicine.png) no-repeat top left;}
.living_with_IBD #LeftNavList {background:#f4fafa;border-top:1px solid #e1eebc;}
.living_with_IBD #LeftNavList ul li {background:url(../images/NavBullet-Living.png) no-repeat 0px 3px;}
.living_with_IBD a, .living_with_IBD h1, .living_with_IBD h2, .living_with_IBD h3, .living_with_IBD h5 {color:#95d5d2;}

.useful_information #crohns {color:#f27180;background:url(../images/header-info.png) no-repeat top center;}
.useful_information #blueBar {border-top:1px solid #fcdbdf;border-bottom:1px solid #f27180;}
.useful_information #LeftNavList ul li a.active, .useful_information #LeftNavList ul li a:hover {color:#f27180;}
.useful_information #LeftNavTop {background:url(../images/LeftNavHeaders/contact_us.png) no-repeat top left;}
.useful_information #LeftNavList {background:#feeeec;border-top:1px solid #fbcecc;}
.useful_information #LeftNavList ul li {background:url(../images/NavBullet-Info.png) no-repeat 0px 3px;}
.useful_information a, .useful_information h1, .useful_information h2, .useful_information h3, .useful_information h5 {color:#f27180;}
#faq_page h3, #glossary_page h3 {font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;font-style:italic;}

.form {margin:15px 0;float:left;}
.form .field {float:left;width:100%;padding:0 0 5px 0;clear:both;}
.form .field-margins {padding:8px 0 20px 0;}
.form .field label {float:left;height:28px;line-height:28px;width:95px;overflow:hidden;}
.form .field label.wide {float:none !important;display:block !important;width:100%;height:auto;padding:15px 0 10px 0;line-height:normal;}
.samplespage .form .field label.wide {padding-top:0;}
.form .field label.long {height:auto;line-height:normal;overflow:visible;}
.form .field .input-box {float:right;height:20px;padding:4px 2px;width:362px;background-color:none;background:url(../images/form-fields.png) 0 0 no-repeat;}
.form .field .textarea-box {float:right;height:93px;padding:4px 2px;width:362px;background:url(../images/form-fields.png) 0 -47px no-repeat;}
.form .field .textarea-box textarea {padding:0 2%;margin:0;height:93px;width:96%;border:none;background:none;resize:none;}
.form .field .input-box select {padding:0;margin:0;width:99%;font-size:1em;background:none;border:none;}
.form .field .input-submit {float:right;padding:0 0 6px 0;margin:0;width:72px;height:31px;line-height:25px;font-size:1em;font-weight:bold;border:0;background:url(../images/btn-submit.png) 0 0 no-repeat;color:#fff;text-transform:uppercase;cursor:pointer;}
.form .field .input-submit2 {float:left;padding:0 0 6px 0;margin:0;width:350px;height:45px;line-height:25px;font-size:1.2em;font-weight:bold;border:0;background:url(../images/btn-submit2.png) 0 0 no-repeat;color:#fff;text-transform:uppercase;cursor:pointer;}
.samplespage .form .field .input-submit {float:left;margin-top:12px;}
.form .field .input-box .input-text {float:left;padding:2px 2%;margin:0;width:96%;height:16px;line-height:16px;font-size:1em;border:none;background:none;}
.form ul.options {color:#4f4f4f;font-weight:bold;padding:0 0 10px 0;margin:0;list-style:none;float:left;width:100%;clear:both;}
.form ul.options li {float:left;padding:0 0 12px 0;width:/*58.3%*/100%;}
.form ul.options li.c3 {width:43.3%;}
.form ul.options li label {float:left;width:100%;height:auto;line-height:normal;}

/* BLOG SECTIONS */
#main.blog-main, #main.everyday {width:765px;margin-right:0;}
#main.blog-main, #main.nutritionaltherapy {width:765px;margin-right:0;} 
#blogpage {width:475px;float:left;}
#BlogListOuter {position:fixed;bottom:0;left:0;width:100%;z-index:1;}
#BlogListInner {width:970px;margin:auto;position:relative;}
#blog_list {float:right;height:auto;width:140px;font-size:11px;position:relative;}
#blog_list_inner {position:fixed;top:145px;;height:auto;width:140px;}
.blog-image {float:right;margin:0 0 20px 20px;width:210px;height:auto;}
#blog_list h2 {font-style:normal;font-size:13px;font-weight:normal;color:#58595b;margin:0;}
#blog_list h5 {font-weight:normal;font-size:9px;font-family:"Open Sans Semibold", Arial, Helvetica, sans-serif;}


#latest-blog {
    bottom: 0;
    height: 77px;
    padding: 5px 167px;
    position: absolute;
    width: 636px;
}
#latest-blog a {
	color: #9C4083;
}

#LeftNavList ul li.no-bullet {
	background: none;
}

#LeftNavList ul li .blog-side-tabs {
	text-indent: 0;
}
#LeftNavList ul li .blog-side-tabs p {
	margin: 6px 0px;
}
#LeftNavList ul li .blog-side-tabs a {
	color: #9C4083;
}

.paginationlinks {
	clear: both;
}
.paginationlinks .prev-link {
	float: left;
}
.paginationlinks .next-link {
	float: right;
}