/*** BODY ***/
body{background:#fff;margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif;color:#535353;font-size:10pt;line-height:1.5em;}
.home {background:#000;}
.home form #content {background:#fff; margin-bottom:1px;}
p{margin-top:0px;padding-top:0px}
a:link, a:visited, a:active, .orange{color:#da6d1e; outline: 0px; font-weight:bold}
a:hover{color: #aa002e;  outline: 0px}
h1{font-size:1.2em;font-weight:bold;color:#aa002e;}
h2{font-size:1.1em;margin-bottom:0;padding-bottom:0}
h3{font-size:1em;margin-bottom:0;padding-bottom:0;color:#aa002e;}
.next a:link, .next a:visited, .next a:hover, .next a:active{font-weight:bold;}
a img {border:0}
ul.red li  {color:#aa002e;}
ul.red li p{color:#535353;}
.red {color:#aa002e;}
ul{margin-top:0;padding-top:0}
#left ul {margin-top:-10px}
.foodList h3{margin-bottom:10px;}
.marginTop10{margin-top:10px;}
.smallText{font-size:.7em;}
.footnote{font-size:.8em}

/*** LAYOUT ***/
#content{margin:auto; width:734px; position:relative; margin-top:20px; clear:both;}
#header{width:734px;position: relative;}
.home #header{background:#000}
#sub-header{width:734px;position:relative;}
.center{text-align:center}
#left{float:left; width:465px; vertical-align: top; position:relative ;padding-top:25px; display: inline-block}
.home #left{padding-left: 15px; width:400px;}
#right{float:right; width:245px; vertical-align: top; top: 0; position: relative;padding-top:25px;}
.home #right{width:280px;padding-right:10px;padding-top:55px;}
#footer{width:694px;height:165px;position:relative;border-top:1px solid #ccc; margin:35px auto 0 auto;clear:both}
#header #logo{width:194px;height:45px;position:relative;z-index:100;top:10px;left:20px}
.homelink{cursor:pointer;}
#sub-header #logo{width:194px;height:45px;position:relative;z-index:100;top:10px;left:20px}
#head{width:734px;height:258px;}
#landingHead{width:734px;height:316px;padding-top:20px; position:relative;}
#sub-header #head{height:225px;}
#nav{width:734px;height:32px}
ol li img{display:block;padding-bottom:20px;}
#utils{width:734px;height:28px;}
#backHome {position: absolute; z-index:99; top: 42px; right:5px; width:83px; height:20px }
#backHome a, #backHome a:link, #backHome a:visited, #backHome a:active{background: #fff url(../../images/sprite-back-home.gif) 0 0 no-repeat; width: 83px; height:20px; outline: 0px; display:block}
#backHome a:hover{background-position: 0 -20px;}
#left .left{width:225px; float:left; padding-top:10px;}
#left .right{width:225px;float:left;margin-left:10px;padding-top:10px;}
.clear{clear:both;margin:0;padding:0;width:100%;height:1px;}
#accordion{margin-bottom:25px;}
.home #footer{margin-top:50px;}
#accControl{width:75px;float:right;display:inline-block;text-align:right; cursor:pointer; color: #aa002e; text-decoration:underline}
h2.acc{margin-top:0;width:330px;float:left}
/*** NAVIGATION ***/
#nav ul, #nav li{ list-style: none; float:left; display:inline; margin:0; padding:0}
#nav1{width:141px;height:34px;display:block;background: #fff url(../../images/sprite-nav.gif) 0 0 no-repeat;}
#nav2{width:183px;height:34px;display:block;background: #fff url(../../images/sprite-nav.gif) -141px 0 no-repeat;}
#nav3{width:176px;height:34px;display:block;background: #fff url(../../images/sprite-nav.gif) -324px 0 no-repeat;}
#nav4{width:234px;height:34px;display:block;background: #fff url(../../images/sprite-nav.gif) -500px 0 no-repeat;}
a#nav1.current{background-position: 0 -236px;}
a#nav2.current{background-position: -141px -236px;}
a#nav3.current{background-position: -324px -236px;}
li.parent a#nav1{background-position: 0 -35px;}
li.parent a#nav2{background-position: -141px -35px;}
li.parent a#nav3{background-position:-324px -35px;}
/** SUB NAV **/
#subparent{width:734px; height:28px; position:relative; top:0; left:0; clear:both;background:#faceaf;}
#subnav{width:734px; height:28px; position:relative; float:left; overflow:hidden;}
#subnav ul, #subnav li{ list-style: none; float:left; display:inline; margin:0; padding:0}
#subnav li a{background: #fff url(../../images/sprite-nav.gif) no-repeat 0 -69px; width:0px; height:28px; display:block}
li.nav1 a#subnav1{width:220px; background-position: 0 -69px}
li.nav1 a#subnav2{width:220px; background-position: -221px -69px}
li.nav1 a#subnav1:hover{width:220px; background-position: 0 -299px}
li.nav1 a#subnav2:hover{width:220px; background-position: -221px -299px}
li.nav1 a#subnav1.current{width:220px; background-position: 0 -97px}
li.nav1 a#subnav2.current{width:220px; background-position: -221px -97px}

li.nav2 a#subnav1{width:225px; background-position: 0 -125px}
li.nav2 a#subnav2{width:220px; background-position: -225px -125px}
li.nav2 a#subnav1:hover{width:225px; background-position: 0 -271px}
li.nav2 a#subnav2:hover{width:220px; background-position: -225px -271px}
li.nav2 a#subnav1.current{width:225px; background-position: 0 -153px}
li.nav2 a#subnav2.current{width:220px; background-position: -225px -153px}

li.nav3 a#subnav1{width:183px; background-position: 0 -180px}
li.nav3 a#subnav2{width:184px; background-position: -190px -180px}
li.nav3 a#subnav3{width:183px; background-position: -373px -180px}
li.nav3 a#subnav4{width:184px; background-position: -550px -180px}
li.nav3 a#subnav1:hover{width:183px; background-position: 0 -326px}
li.nav3 a#subnav2:hover{width:184px; background-position: -190px -326px}
li.nav3 a#subnav3:hover{width:183px; background-position: -373px -326px}
li.nav3 a#subnav4:hover{width:184px; background-position: -550px -326px}
li.nav3 a#subnav1.current{width:183px; background-position: 0 -208px}
li.nav3 a#subnav2.current{width:184px; background-position: -190px -208px}
li.nav3 a#subnav3.current{width:183px; background-position: -373px -208px}
li.nav3 a#subnav4.current{width:184px; background-position: -550px -208px}

/*** FOOTER ***/
#footNav{width:734px;height:30px;text-align:center;color:#666666;font-size:8pt;margin:20px 0;font-weight:bold}
#footNav a{padding: 0 5px;font-weight:bold}
#footInfo{width:734px;text-align:center;color:#666666;font-size:9pt}

/*** CALLOUTS ***/
.callout{position:relative; width:225px; margin:20px auto; background:transparent url(../../images/callout-bg.gif) repeat-y; height:auto}
.callout.print{margin-top:0; margin-right:0; right:0; width:190px;}
.callout.notes, .callout.print{background:#fff;color:#aa002e; font-weight:bold;}
.callout.print img{margin-top:10px; width:178px;height:32px; position:relative; right:0;}
.callout-content{position:relative; width:225px; margin:0; padding:0; background:transparent url(../../images/callout-top.gif) no-repeat; overflow: auto;}
.callout-bottom{position:relative; width:225px; height:5px; margin:0; padding:0; background:transparent url(../../images/callout-bottom.gif) no-repeat;}
.callout-content .title{position:relative; height:18px; padding-top:10px; margin-left:10px; font-size:12pt; color:#aa002e; font-weight:bold;}
.callout-content p{position:relative; margin: 25px 0 0 10px;padding-right:5px;}
.callout-content .callout-btn{width:210px; height:30px;margin-top:5px;}
.callout-btn img{float:right;cursor: pointer;}
.goutpdf, .goutsmartlink{cursor:pointer;}
.qp {padding-left:10px;}
.qp .row{width: 200px; position: relative; float:left; margin-bottom:5px; cursor: pointer;}
.qp .row .rad{width: 25px; display:inline-block;position: relative; float:left; cursor: pointer;}
.qp .row .q{width:175px; display:inline-block;position: relative; float:left; cursor: pointer;}
.qpresults .percent{width:30px; height: 20px; display: inline-block; color: #000; float:left;}
.qpresults .bar-container{width:165px; max-width:165px; display:inline-block; float:left; padding-bottom:18px;}
.qpresults .bar{background: #aa002e; height:20px; max-width: 165px; display: inline-block; padding-left:3px; margin-bottom: -4px; float:left;}
#interstitial{}
.download{cursor: pointer}
.callout-content.p1{position:relative; width:225px; margin:0; padding:0; background:transparent url(../../images/bg_callout_important-q.gif) no-repeat; overflow: auto;}
.callout-content.p1 .title{height:60px; margin-top:15px; font-size:1.1em}
.callout-content.p2{position:relative; width:225px; margin:0; padding:0; background:transparent url(../../images/bg_callout_2line-top.gif) no-repeat; overflow: auto;}
.callout-content.p2 .title{height:50px; font-size:1.1em}
.callout-content.twoLine{position:relative; width:225px; margin:0; padding:0; background:transparent url(../../images/bg_callout_2line-top.gif) no-repeat; overflow: auto;}
.callout-content.twoLine .title{height:35px; font-size:1.1em}
.callout-content.p1 ul, .callout-content.p2 ul {margin: 15px 0; padding-left: 20px;}
.callout-content.p1 ul li, .callout-content.p2 ul li{margin: 0 0 5px 0}
.landing-callout{margin-top:40px; height:130px; cursor:pointer}
.landing-callout.assessCallout{height:205px;}
.assessCallout{cursor:pointer;}
/***ASSESS YOUR GOUT ***/
#assess{width:734px; height: 613px; position:relative; overflow:hidden;font-weight:bold; margin-top:25px;}
#assessTabs{width:734px;height:38px; vertical-align:text-bottom;}
#assessTabs ul{width:300px;float:right;}
#assessTabs ul, #assessTabs li{ list-style: none; float:right; display:inline; margin:0; padding:0;}
#assessTabs li a{background: #fff url(../../images/sprite_assess-tabs.gif) 0 0 no-repeat; height:38px; display:block;}
#assessTabs li a#step{width:37px; background-position: 0 0}
#assessTabs li a#two{width:44px; background-position: -37px 0px; cursor:pointer}
#assessTabs li a#two.current{width:44px; background-position: -37px  -38px; cursor:default}
#assessTabs li a#three{width:43px; background-position: -81px  0px; cursor:pointer}
#assessTabs li a#three.current{width:43px; background-position: -81px  -38px; cursor:default}
/* MIKE - Delete page 1 - Old
#assessTabs li a#one{width:44px; background-position: -37px 0px; cursor:pointer}
#assessTabs li a#one.current{width:44px; background-position: -37px  -38px; cursor:default}
#assessTabs li a#two{width:43px; background-position: -81px  0px; cursor:pointer}
#assessTabs li a#two.current{width:43px; background-position: -81px  -38px; cursor:default}
#assessTabs li a#three{width:43px; background-position: -124px 0px; cursor:pointer}
#assessTabs li a#three.current{width:43px; background-position: -124px -38px; cursor:default}
*/
#assessTabs li a#print{width:44px; background-position: -168px 0px; cursor: pointer;}
#assessTabs li a#print.current{width:44px; background-position: -168px -38px; cursor: pointer;}
#assessHead{width:734px;height:40px;background: #fdede2}
#assessHead .content{width:714px;height:24px;background: #fdede2; margin:auto; padding-top:12px; border-bottom: 2px solid #fff;margin:auto;}
#assessInput{height:600px; width:734px;background: #fff url(../../images/bg_assess.gif) repeat-x; position:relative;}
.pointer{cursor: pointer}
#back{background: url(../../images/button_arrow-back.gif); width:55px;height:109px;position:absolute;top:160px;left:0;z-index:10; display: none;cursor:pointer}
#next{background: url(../../images/button_arrow-next.gif); width:55px;height:109px;position:absolute;top:160px;right:0;z-index:10;display: none; cursor:pointer}
#cts{background: url(../../images/btn_assess_click-to-start.gif); width:86px;height:150px;position:absolute;top:150px;right:0;z-index:11;cursor:pointer}
#finish{background: url(../../images/button_assess-finish.gif); width:55px;height:109px;position:absolute;top:160px;right:0;z-index:9;cursor:pointer; display:none}
#form0,#form1,#form2,#form3,#form4{position:absolute; top:15px;left:735px;width:714px;height:435px;}
#assess h2{color:#aa002e; display: inline-block; margin-left:10px;width:300px;float:left; vertical-align:baseline; position:relative;}
#assess h3{margin:0;padding:0}
#form0 .left{width:365px; float:left; font-weight:normal;}
#form0 .right{width:300px; margin-left:40px;float:left;position:relative;cursor:pointer}
.assessItem{width:600px; margin:0 auto 20px auto; clear:both;}
.assessItemHead{width:600px; height:64px; background: transparent url(../../images/bg_form-item-head.png) 0 0 no-repeat; font-size: 1.1em;  color: #aa002e; padding:0 20px 0 10px;}
.assessItemHead .num{height:40px; width:45px;float:left; margin-top:10px;}
.assessItemHead .text{height:40px; width:10px;float:left;margin-left:10px;width:540px; margin-top:10px;}
.assessItemBody{width:540px; background: transparent url(../../images/bg_form-item-body.png) 0 0 repeat-y; padding: 0 30px;}
.assessItemBody .left{width:265px; float:left;}
.assessItemBody .q{padding-bottom:10px;clear:both}
.assessItemBody .q .cb{/*height:45px;*/width:22px;float:left;}
.assessItemBody .q .text{width:480px;float:left; cursor: pointer;margin-bottom:10px}
.assessItemBody .left .cb{/*height:45px;*/width:22px;float:left;}
.assessItemBody .left .text, .assessItemBody .right .text{/*height:45px;*/ width:230px;float:left;margin-bottom:10px}
.assessItemBody .right{width:265px; margin-left:10px; float:left}
.assessItemBody .clear{width:540px;height:1px;clear:both;}
.assessItemFoot{width:600px; height:8px; background: transparent url(../../images/bg_form-item-foot.png) 0 0 no-repeat;}
.pain, .days{float:left; height:120px;margin-right:10px; text-align:center}
.pain{width:120px; cursor:pointer}
.pain.somewhat{width:140px;}
.days{width: 123px; cursor:pointer; font-size:0.9em;}
.dynamic{font-weight:bold;color:#aa002e;}
.yellowbar{width:100%;height:1px;border-top:1px solid #fae06c;margin:0;padding:0}
.print{clear:both;width:100%;color:#aa002e; font-weight:bold; cursor: pointer}
.print img{margin-top:10px;}
.resultsHead{height:25px; color:#aa002e;background:#fff url(../../images/bg-resultsHead.gif) repeat-x; font-size:1.2em; margin:0;}
.normal{font-weight:normal}
#assessTabs.results{margin-top:25px;}
#accordion img{margin-right:5px;}
.accord h3 .control{font-size:.8em;float:right; margin:0; padding:0 width:60px;text-align:right; font-weight:normal}
.accord h3{padding:0; padding-right:5px; margin:0}
.accord hm span{padding:0;margin:0}