/* TOP MENU */
#MenuWrap {background-color:#FFFFFF; height:31px; border-bottom:3px solid #ffffff; width:876px; padding:0px; margin:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#MenuWrap ul {padding: 0; margin: 0; list-style: none; } 
#MenuWrap a {display: block; padding:8px 8px 8px 8px; text-decoration: none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; width:auto;}
#MenuWrap a:hover {color:#666666;}
#MenuWrap li {width:437px; height:31px; float:left; text-align:center;}
#MenuWrap li a, #MenuWrap li a.sfhover {color:#ffffff; display: block;}
#MenuWrap li:hover, #MenuWrap li.sfhover, #MenuWrap li a:hover {color:#ffffff; display: block; background-image:url(/images/mobility/2btnmenu-bg-blue.jpg);}
#MenuWrap .bg1 {background-image:url(/images/mobility/2btnmenu-bg.jpg); border-left:2px solid #ffffff;}
#MenuWrap .bg1-noline {background-image:url(/images/mobility/2btnmenu-bg.jpg);}
#MenuWrap .bg1On {background-image:url(/images/mobility/2btnmenu-bg-blue.jpg); border-left:2px solid #ffffff;}
#MenuWrap .bg1-nolineOn {background-image:url(/images/mobility/2btnmenu-bg-blue.jpg);}



/* NEW FOOTER */
.footerSiteMap {background-color:#FFFFFF; width:876px; border:1px solid #d3cece; padding:20px 0px 20px 0px; line-height:22px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerSiteMap ul {margin-left:20px; padding-left: 0px;}
.footerSiteMap a {text-decoration:none; color:#333333;}
.footerSiteMap a:hover {text-decoration:underline; color:#333333;}
.footerSiteMap li { list-style-type:square;}
.footerSiteMap .col1 {border-left:0px solid #d3cece; padding:0px 20px 0px 20px; float:left; width:135px;}
.footerSiteMap .col {border-left:1px solid #d3cece; padding:0px 20px 0px 20px; float:left; width:134px;}
.footerSiteMap .title {color:#666666; font-size:14px; font-weight:bold; padding-bottom:5px;}
.clear {clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px;}

.Breadcrumbjd {color:#686765; padding: 5px 0px 5px 15px; font-size:11px; background-color: #efefef;border-bottom:1px solid #a7a7a7;}
.Breadcrumbjd a  {text-decoration:underline; color:#686765;}

.jd-article-middle-right-wrap { width:657px; position:relative; float: right;}
.jd-article-container {width:876px; background-color:#FFF; padding-top:15px;}
.jd-article-container h1 {color:#0054a4; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-size:18px; font-weight:normal; padding:0px; margin:0px;} 

.mainBanner {height:356px;}
.jd-article-LeftCol {width:219px; position:relative; float:left; text-align:center;}
.jd-secondary-navMenu {margin:0px 15px 0px 15px; text-align:left;}
.sharebtn {margin:30px 0px 30px 0px;}

.jd-article-contentWrap {width:438px; position:relative; float: left;}
.jd-article-textArea {padding:15px}
.jd-article-textArea p {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
.jd-article-textArea h1 {color:#0054a4; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-size:20px;} 
.jd-article-textArea h2 {color:#0054a4; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:14px; font-weight:bold;}   
.jd-article-textArea LI {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
.jd-article-textArea A { color:#0054a4; text-decoration:none;}

.jd-article-wideContentWrap {width:657px; position:relative; float: left;}

.jd-article-faqContentWrap {width:800px; position:relative; float: left;}


.stepBoxWrap {position:relative; margin-bottom:27px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
.stepBoxLabel {position:absolute; left:0px; top:0px; background-color:#7f7f7f; color:#FFF; padding:3px 15px 3px 15px; z-index:3; font-weight:bold;}
.stepBox {position:relative; left:15px; top:12px; background-color:#daeafe; color:#444444; padding:15px; z-index:2; margin-right:15px;}
.boldTxt {font-weight:bold;}

.jd-article-RightCol {width:219px; position:relative; float:left;}

.navBox {margin:0px 15px 15px 15px; width:187px; position:relative; border:1px solid #acacac; z-index:2;}
.navBoxFixedHeight {margin:0px 15px 15px 15px; width:187px; position:relative; border:1px solid #acacac; z-index:2;min-height:190px; height: auto !important; height: 190px;}

.navBoxinner {position:relative; padding:15px;}
.navBoxinner p {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; margin:15px 0px 0px 0px; padding:0px;}

.jd-successStoryText { float: left; width:420px;}
.jd-successStoryImages {padding-left:20px;float: left; width:180px; }

.jd-successStoryListThumb { float: left; }
.jd-successStoryListText {padding-left:20px;float: left; width: 400px;  }

.jd-article-textArea LI.ErrorText {color:#ff0000;}

.formspacer { margin-top: 4px;}

.RegFormTitle { text-align: right; padding:1px 1px 1px 10px; float: left; width: 160px; color: #000000; line-height: 15px; height: 30px; background-color: #ffffff; }
.RegFormField { float: left; padding:1px 1px 1px 10px; background-color: #ffffff; width: 220px; }
.RegFormField input[type='text'] { width: 210px; }
.RegFormField input[type='password'] { width: 210px; }

.button_Spacer { float:right;width:10px; }
.button_Center_Grey { float:right;line-height:21px; color: #ffffff;font-size:11px;font-family: arial;background-image: url('/images/Buttons/Grey_Background.gif'); }
.button_Center_Brown { float:right;line-height:21px; color: #ffffff;font-size:11px;font-family: arial;background-image: url('/images/Buttons/Brown_Background.gif'); }
.button_Center_Blue { float:right;line-height:21px; color: #ffffff;font-size:11px;font-family: arial;background-image: url('/images/Buttons/Blue_Background.gif'); }
.button_Action { float:right;width:40px; }

.BlueButton_Big {background-image:url(/images/btnBlue_Big.gif); background-position: top left; background-repeat:no-repeat; width: 200px; height: 21px; text-align: left; }
.GreyButton_Big { background-image:url(/images/btnGrey_Big.gif); background-position: top left; background-repeat:no-repeat; width: 200px; height: 21px; text-align: left; }
.ButtonLink { color: #ffffff; text-decoration: none; font-size: 11px; line-height: 19px; padding-left: 10px; }
A.ButtonLink  { color: #ffffff; }

.button_Spacer_Left { float:left;width:10px; }
.button_Action_Left { float:left;width:40px; }
.button_Center_Brown_Left { float:left;line-height:21px; color: #ffffff;font-size:11px;font-family: arial;background-image: url('/images/Buttons/Brown_Background.gif'); }

.right { float: right;}

.jd-scorecard-row { background-color: #e7e7e7; height:60px;}
.jd-scorecard-altrow { background-color: #FFFFFF; height:60px;}


.subMenuItemOn .subMenuStrip {background-color:#0054a4; width:185px;}
.subMenuItem .subMenuStrip {background-color:#ececec; width:185px;}
.subMenuItemOn {width:189px; background-image:url(/images/mobility/menu-shadow-right.gif); background-repeat:repeat-y; background-position:right; margin:0px; padding:0px;}  
.subMenuItem {width:189px; background-image:url(/images/mobility/menu-shadow-right.gif); background-repeat:repeat-y; background-position:right;}  
.subMenuContent {float:left; width:185px; border:1px solid #d6d6d6;}
.subMenuItemOn .subMenuTxt {margin-left:10px; background-color:#FFF; color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; text-decoration:none; width:165px; padding:5px;}
.subMenuItem .subMenuTxt {margin-left:10px; background-color:#ececec; color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; text-decoration:none; width:165px; padding:5px;}
.subMenuTxt a {color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; text-decoration:none;}
.subMenuTxt a:hover {text-decoration:underline;}
.subMenuShadowR {width:2px; float:left; margin:0px; padding:0px; display:block;}
.subMenuShadowR img {width:2px; height:6px; margin:0px; padding:0px; display:block;}
.subMenuShadowB {background-image:url(/images/mobility/menu-shadow-bottom.gif); background-repeat:no-repeat; width:189px; height:3px; margin:0px; padding:0px; display:block;}
.subMenuShadowB img {width:189px; height:3px; margin:0px; padding:0px; display:block;}

.subMenuTxt ul {list-style-type:none; margin:0px; padding:0px;}
.subMenuTxt li {padding:5px 10px 5px 10px; border-top:1px solid #d6d6d6; margin-top:5px;}
.subMenuTxt li.subMenuOn {font-weight:bold;}

.stepBoxWrap {position:relative; margin-bottom:27px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
.stepBoxLabel {position:absolute; left:0px; top:0px; background-color:#7f7f7f; color:#FFF; padding:3px 15px 3px 15px; z-index:3; font-weight:bold;}
.stepBox {position:relative; left:15px; top:12px; background-color:#daeafe; color:#444444; padding:15px; z-index:2; margin-right:15px;}
.boldTxt {font-weight:bold;}

.nav-ad-box-Wrap {position:relative; z-index:0; margin-bottom:15px;}
.nav-ad-box-Wrap .kneeImg {position:absolute; top:0px; left:0px; z-index:2;}
.nav-ad-box1 {background-color:#e3d9d3; position:relative; left:15px; top:0px; height:215px; z-index:1; width:408px;}
.nav-ad-box1-inner {padding:15px 15px 15px 80px;}
.nav-ad-box1-inner p {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; margin:15px 0px 0px 0px; padding:0px;}

.nav-ad-box1-innerCat {padding:15px 15px 15px 15px;}
.nav-ad-box1-innerCat p {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; margin:15px 0px 0px 0px; padding:0px;}


.nav-ad-box-Wrap .dogleft {position:absolute; bottom:0px; left:-15px; z-index:2;}
.nav-ad-box-Wrap .dogright {position:absolute; bottom:0px; right:-15px; z-index:2;}
.nav-ad-box2 {background-color:#d4e3f5; position:relative; left:15px; top:0px; height:215px; z-index:1; width:408px;}
.nav-ad-box2-inner {padding:15px 100px 15px 15px; z-index:500; position:relative;}
.nav-ad-box2-inner p {z-index:500; color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; margin:15px 0px 0px 0px; padding:0px;}
.nav-ad-box2-inner .buttonWrap {margin:40px 0px 0px 95px;}

.nav-ad-box3 {position:relative; left:15px; top:0px; z-index:1; width:408px; border:1px solid #acacac;}
.nav-ad-box3-inner {padding:15px;}
.nav-ad-box3-inner p {color:#444444; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; margin:15px 0px 0px 0px; padding:0px;}
.nav-ad-box3-inner .packs {width:126px; text-align:center; margin-top:10px; float:left; height:133px; min-height:170px;}
.nav-ad-box3-inner .packImages {height:133px;}
.nav-ad-box3-inner .packs p, .nav-ad-box3-inner .packs a {text-align:center; color:#333333; font-size:13px; font-weight:bold; line-height:15px; margin:7px 3px 0px 3px; padding:0px; text-decoration:none;}
.nav-ad-box3-inner .packs a:hover {text-decoration:underline;}

.buttonWrap {height:25px; margin-top:15px;}
/*.buttonWrap2 {height:45px; margin-top:15px;}*/
.buttonWrap2 {width:155px; margin-top:15px;}
.buttonInnerWrap-whiteshadow {background-image:url(/images/mobility/btn-shad-bot-bg-white.gif); background-repeat:repeat-x; background-position:bottom; height:25px; float:left;}
.btnEnds {width:12px; height:21px; float:left;}
.btnTxtArea {float:left; height:18px; background-image:url(/images/mobility/btn-bg.gif); background-repeat:repeat-x; padding:3px 0px 0px 0px; overflow:hidden;}
.btnTxtArea a {text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-size:12px; font-weight:bold;}
.btnTxtArea a:hover, .stretchdownbtnTxtArea a:hover {text-decoration:underline;}
.btnBottomShadowWhite {clear:left;}
.btnRightShadowWhite {width:2px; height:25px; float:left;}

* html .btnBottomShadowWhite {margin: -3px;} 
* html .btnBottomShadowBlue {margin: -3px;} 
* html .btnBottomShadowBeige {margin: -3px;} 

.buttonInnerWrap-blueshadow {background-image:url(/images/mobility/btn-shad-bot-bg-blue.gif); background-repeat:repeat-x; background-position:bottom; height:25px; float:left;}
.btnBottomShadowBlue {clear:left;}
.btnRightShadowBlue {width:2px; height:25px; float:left;}

.buttonInnerWrap-beigeshadow {background-image:url(/images/mobility/btn-shad-bot-bg-beige.gif); background-repeat:repeat-x; background-position:bottom; height:25px; float:left;}
.btnBottomShadowBeige {clear:left;}
.btnRightShadowBeige {width:2px; height:25px; float:left;}


.navBoxBtnstretchdown {z-index:4; margin-top:15px; display:block; width:122px;}
.stretchdownbtnEnds {height:3px; width:122px; display:block; margin:0px; padding:0px;}
.stretchdownbtnEnds img {height:3px; width:122px; margin:0px; padding:0px; display:block;}
/*.stretchdownbtnTxtArea {width:98px; display:block; background-image:url(/images/mobility/btn-bg-down.gif); background-repeat:repeat-y; padding:0px 12px 0px 12px; margin:0px;}*/
.stretchdownbtnTxtArea {width:98px; display:block; background-image:url(/images/mobility/btn-bg-down.gif); background-repeat:repeat-y; padding:0px 22px 0px 8px; margin:0px; } 
.stretchdownbtnTxtArea a {text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-size:12px; font-weight:bold; padding:0px; margin:0px;}
.stretchdownbtnShad {height:4px; width:122px; display:block; margin:0px; padding:0px;}
.stretchdownbtnShad img {height:4px; width:122px; margin:0px; padding:0px; display:block;}


.jd-banner-bottomright {position:absolute; right:0px; bottom:0px; z-index:5;}
.jd-banner-bottomright img {position:absolute; right:0px; bottom:0px; z-index:5; width:94px; height:136px;}

.refTxt {font-size:10px; line-height:normal; color:#444444; padding:0px 15px 0px 15px;}

.ErrorText { color: Red; }


/*Jodie changes 01/04/2010*/
.btn-2wayStretch-shadowBottom {margin-top:15px; background:url(/images/JD/2way-shad-bottom.gif) repeat-x bottom; float:left; display:inline; position:relative; line-height:0px; font-size:0px;}
.btn-2wayStretch-shadowRight {background:url(/images/JD/2way-shad-right.gif) repeat-y right; float:left; display:inline; line-height:0px; font-size:0px; position:relative;}
.wrap-with-btn-right {background:url(/images/JD/2way-btn-right.gif) repeat-y right; height:1%; line-height:0px; font-size:0px;}
.btn-2wayStretch-top {height:3px; width:3px; margin:0px; padding:0px; background:url(/images/JD/2way-Btn-top-left.gif) no-repeat top; line-height:0px; font-size:0px; line-height:0px; font-size:0px;}
.btn-2wayStretch-top-bg-wrap {background:url(img/2way-btn/2way-btn-top.gif) repeat-x top; position:relative; line-height:0px; font-size:0px;}
.btn-2wayStretch-bottom {height:3px; margin:0px; padding:0px; float:left; display:inline; width:3px; background:url(../../images/JD/2way-btn/2way-Btn-bottom-left.gif) no-repeat; line-height:0px; font-size:0px;}
.btn-2wayStretch-textArea {float:left; display:inline; background: url(images/JD/2way-Btn-left.gif) repeat-y; padding:0px 12px 0px 12px; margin:0px;}
.btn-2wayStretch-textArea a {text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-size:12px; font-weight:bold; padding:0px; margin:0px;}
.wrap-with-btn-bottom {position:relative; margin-right:3px; background:url(/images/JD/2way-btn-bottom.gif) repeat-x bottom #0054a4; float:left; display:inline; line-height:0px; font-size:0px;}
.buttonInnerRightSpacer {float:left; display:inline; width:3px; line-height:0px; font-size:0px;}
.btn-2wayStretch-top-right {position:absolute; width:3px; height:3px; top:0px; right:0px; background:url(/images/JD/2way-Btn-top-right.gif) no-repeat; line-height:0px; font-size:0px;}
.btn-2wayStretch-bottom-right {position:absolute; width:3px; height:3px; bottom:0px; right:0px; background:url(/images/JD/2way-Btn-bottom-right.gif) no-repeat; line-height:0px; font-size:0px;}
.shad-2wayStretch-bottom-left {background:url(/images/JD/2way-shad-bottom-left.gif) left no-repeat; height:4px; width:7px; line-height:0px; font-size:0px;}
.shadowRightSpacer {float:left;  display:inline; width:3px; position:relative; line-height:0px; font-size:0px;}
.shad-2wayStretch-top-right {position:absolute; width:3px; height:5px; top:0px; right:0px; background:url(../../images/JD/2way-shad-top-right.gif) no-repeat; line-height:0px; font-size:0px;}
.shad-2wayStretch-bottom-right {position:absolute; width:3px; height:4px; bottom:0px; right:0px; background:url(/images/JD/2way-shad-bottom-right.gif) no-repeat; line-height:0px; font-size:0px;}
.btnInnerClearing {clear:both; height:0px; padding:0px; margin:0px; line-height:0px; font-size:0px; line-height:0px; font-size:0px;}



/*faq */
.faqQuestions{float:left;width:600px;}
.faqRightImage{float:right;width:250px;}

div#blueBoxHomeWrap {width:438px; background-image:url(/images/JD/homeDiffBgBlue.gif); background-repeat:repeat-y;  overflow:hidden;}
div#blueBoxHomeWrap h1 {width:380px; margin:10px 0 10px 30px;}
div#blueBoxHomeWrap .wrapperInnerCat {background-image:url(/images/JD/catHomeDiffBg.gif); background-repeat:no-repeat; background-position:bottom; width:438px; overflow:hidden; min-height:160px; height:auto !important; height:160px;}
div#blueBoxHomeWrap .wrapperInnerDog {background-image:url(/images/JD/dogHomeDiffBg.gif); background-repeat:no-repeat; background-position:bottom; width:438px; overflow:hidden; min-height:160px; height:auto !important; height:160px;}
div#blueBoxHomeWrap .mainText {margin-left:30px; border:0px solid #F90; width:295px; font-size:12px; color:#444444; padding-bottom:5px;}
div#blueBoxHomeWrap .clearBlueBox {clear:both; overflow:hidden; height:1px; display:block;}
div#blueBoxHomeWrap .btnWrapper {padding-left:125px; width:175px; height:80px; vertical-align:middle; margin-top:20px;}
div#blueBoxHomeWrap .btnWrapper .topImg {margin:0; padding:0; height:3px; width:175px; float:left;}
div#blueBoxHomeWrap .btnWrapper .middleText {background-image:url(/images/JD/blueDiffBtnBg.gif); background-repeat:repeat-y; width:165px; margin:0; padding:2px 5px; height:auto; float:left; text-align:center; }
div#blueBoxHomeWrap .btnWrapper .middleText a {color:#FFF; text-decoration:none; font-weight:bold; font-size:12px; text-align:center}
div#blueBoxHomeWrap .btnWrapper .bottomImg {height:6px; width:175px; margin:0; padding:0; line-height:0; float:left}
div#blueBoxHomeWrap .btnWrapper img {display:block;}

/******************************************************/
/*** Scorecard page from Margo - 15 April 2010 ***/

div#scorrecardWrapper {float:left; width:624px; border:0px solid #F39; margin-top:20px; padding-bottom:20px;}

div#scorrecardWrapper .blueHeaderBoxWrapper {width:105px; background-color:#223e99; float:left;}
div#scorrecardWrapper .blueHeaderBoxWrapper .topTextBox {background-color:#223e99; color:#FFF; width:105px; display:block; text-align:center; min-height:80px; height:auto !important; height:80px;}
div#scorrecardWrapper .blueHeaderBoxWrapper .topTextBox .text {padding:20px 10px 5px 10px; font-size:16px; color:#FFF; font-weight:bold;}
div#scorrecardWrapper .blueHeaderBoxWrapper .topBlueArrow {width:105px; height:22px;}
div#scorrecardWrapper .blueHeaderBoxWrapper .topBlueArrow img {display:block;}

div#agreeWrapper {background-image:url(/images/mobility/agreeBg.gif); background-repeat:repeat-y; float:left; margin:15px 6px 0 6px; width:400px; min-height:60px;}
.agreeBox1 {width:76px; height:auto; background-color:#b9d1ed; float:left; text-align:center; padding-top:5px; word-wrap: break-word; padding-left:2px; padding-right:2px;}
.agreeBox2 {width:76px; height:auto; background-color:#cfe0f3; float:left; text-align:center; padding-top:5px; word-wrap: break-word;padding-left:2px; padding-right:2px;}
.agreeBox3 {width:76px; height:auto; background-color:#deeaf7; float:left; text-align:center; padding-top:5px; word-wrap: break-word;padding-left:2px; padding-right:2px;}
.agreeBox4 {width:76px; height:auto; background-color:#e9f0fa; float:left; text-align:center; padding-top:5px; word-wrap: break-word;padding-left:2px; padding-right:2px;}
.agreeBox5 {width:76px; height:auto; background-color:#f0f5fc; float:left; text-align:center; padding-top:5px; word-wrap: break-word;padding-left:2px; padding-right:2px;}


.scoreQuestionWrapper {width:624px; background-color:#fff;}
.scoreQuestionWrapper .scoreQuestionInner {float:left; width:624px; text-align:center; vertical-align:middle; background-color:#e1ecf8;margin-top:5px; position:relative;}
.scoreQuestionWrapper .scoreQuestionInner .scoreBoxLeft {position:absolute; width:53px; height:53px; border:1px solid #3a9ad3; display:inline; top:-0.6em; background-color:#FFF; left:26px;}
.scoreQuestionWrapper .scoreQuestionInner .scoreBoxRight {position:absolute; width:53px; height:53px; border:1px solid #3a9ad3; display:inline; top:-0.6em; background-color:#FFF; right:26px;}

.scoreQuestionWrapper .scoreQuestionInner .scoreBigBoxLeft {position:absolute; width:64px; height:64px; border:1px solid #3a9ad3; display:inline; top:-0.7em; background-color:#FFF; left:20px;}
.scoreQuestionWrapper .scoreQuestionInner .scoreBigBoxRight {position:absolute; width:64px; height:64px; border:1px solid #3a9ad3; display:inline; top:-0.7em; background-color:#FFF; right:20px;}

.scoreQuestionWrapper .scoreQuestionInner .score {margin-top:18px; font-weight:bold; font-size:12px;}
.scoreQuestionWrapper .scoreQuestionInner .scoreTotal {margin-top:22px; font-weight:bold; font-size:14px;}

.scoreQuestionWrapper .scoreQuestionInner .scoreQuestion {padding:10px 105px 5px 105px; min-height:28px; height:auto !important; height:28px; font-size:12px; font-weight:bold;}
.scoreQuestionWrapper .scoreQuestionInner .scoreTotalQuestion {padding:10px 105px 5px 105px; min-height:28px; height:auto !important; height:28px; font-size:16px; font-weight:bold;}
.scoreQuestionWrapper .scoreQuestionInner .scoreClear15 {clear:both; height:15px; line-height:1px; font-size:1px; overflow:hidden;}
.scoreQuestionWrapper .scoreQuestionInner .scoreClear5 {clear:both; height:5px; line-height:1px; font-size:1px; overflow:hidden;}

.scoreCopy {margin:0 auto; text-align:center; font-size:12px; font-weight:bold}

div#rangesWrapper {background-image:url(/images/mobility/rangesBg.gif); background-repeat:repeat-y; float:left; width:620px; min-height:60px;}
.rangesBox1 {width:116px; float:left; text-align:center; min-height:70px; height:auto !important; height:80px; background-color:#f0f5fc; padding-top:20px; font-size:12px; padding-left:4px; padding-right:4px; padding-bottom:5px; word-wrap: break-word;}
.rangesBox2 {width:116px; float:left; text-align:center; min-height:70px; height:auto !important; height:80px; background-color:#e9f0fa; padding-top:20px; font-size:12px; padding-left:4px; padding-right:4px; padding-bottom:5px; word-wrap: break-word;}
.rangesBox3 {width:116px; float:left; text-align:center; min-height:70px; height:auto !important; height:80px; background-color:#deeaf7; padding-top:20px; font-size:12px; padding-left:4px; padding-right:4px; padding-bottom:5px; word-wrap: break-word;}
.rangesBox4 {width:116px; float:left; text-align:center; min-height:70px; height:auto !important; height:80px; background-color:#cfe0f3; padding-top:20px; font-size:12px; padding-left:4px; padding-right:4px; padding-bottom:5px; word-wrap: break-word; }
.rangesBox5 {width:116px; float:left; text-align:center; min-height:70px; height:auto !important; height:80px; background-color:#b9d1ed; padding-top:20px; font-size:12px; padding-left:4px; padding-right:4px; padding-bottom:5px; word-wrap: break-word; }


/*** END - Scorecard page from Margo - 15 April 2010 ***/
/******************************************************/

.paddingLeft30 {padding-left:30px !important;}

.bodyRight {
float:right;
}

/*** GENERIC PAGE from Margo 13 April 2010 ***/
/*********************************************/

.no-border {border:0;}

.bigBlueBar {background-color:#223e99; height:12px; line-height:1px; font-size:1px; width:876px;}


.jd-generic-container {width:876px; background-color:#FFF; padding-top:15px;}
.jd-article-LeftColGeneric {width:219px; position:relative; float:left; padding-bottom:20px; }
.jd-article-RightColGeneric {width:201px; position:relative; float:left; padding-bottom:20px; margin-left:18px;  }

.bannerHeader { text-decoration: none; cursor:hand;}

div#genericHeader {background-image:url(/images/JD/generic-top-header.jpg); background-repeat:no-repeat; width:876px; height:335px; background-color:#ffffff; margin:0; padding:0; }
div#genericHeader .headerWrapper {color:#0054a4; width:380px; padding-left:250px; font-size:27px; font-weight:400;}
div#genericHeader .v-outer {
	display: table;
	#position: relative;
	overflow: hidden;
	height: 325px; vertical-align:middle;
	color:#0054a4;
	text-align:center; 
}

div#genericHeader .v-middle {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
	text-align:center;
	#left: 50%;
}

div#genericHeader .v-inner {
	#position: relative;
	#top: -50%;
	#left: -50%;
	width:380px;
}

div#genericHeader .floatRight {float:right}
div#genericHeader .floatLeft {float:left}
div#genericHeader .biggerFont{font-size:32px; font-weight:600;}
div#genericHeader img {display:block; margin:0; padding:0;}


.blueBtnCatDog { background-image:url(/images/JD/blue-dog-cat-btn.jpg); background-repeat:no-repeat; background-position:bottom; width:172px; height:89px; text-align:center; background-color:#233e99; }
.blueBtnCatDog .outerSection {
	display: table;
	#position: relative;
	overflow: hidden;
	height: 89px; vertical-align:middle;
	color:#ffffff;
	text-align:center; 
	font-size:20px; font-weight:bold;
	margin:0 auto
}

.blueBtnCatDog .middleSection {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
	text-align:center;
	#left: 50%;
	margin:0 auto
}

.blueBtnCatDog .innerSection {
	#position: relative;
	#top: -50%;
	#left: -50%;
	margin:0 auto;
	width:170px;
}

.blueBtnCatDog a {font-size:18px; color:#FFF; text-decoration:none; font-weight:bold; text-align:center;}
.margin30 {margin-left:30px;}

.nav-ad-box-Wrap {position:relative; z-index:0; margin-bottom:15px;}
.clearBox {clear:both; overflow:hidden; height:1px; display:block;}

/** Top Box **/
div#brownBoxLink { text-align:center; width:438px; overflow:hidden; background-image:url(/images/JD/catDogBrownBoxBg.gif); background-repeat:repeat-y;}
div#brownBoxLink A { text-decoration : none; color: #0054a4;}
div#brownBoxLink h1 {text-align:center;width:380px; margin: 10px 0 10px 0; color:#0054a4; font-size:16px;}

div#brownBoxGenWrap {width:438px; overflow:hidden; background-image:url(/images/JD/catDogBrownBoxBg.gif); background-repeat:repeat-y;}
div#brownBoxGenWrap h1 {width:380px; margin:10px 0 10px 30px; color:#0054a4; font-size:16px;}
div#brownBoxGenWrap h2 {font-size:12px; font-weight:bold;padding-left:150px; width:250px; color:#666666; margin-bottom:0; padding-bottom:0;}
div#brownBoxGenWrap .catDogImgBox {background-repeat:no-repeat; background-position:bottom; min-height:120px; color:#666666; height:auto !important; height:120px;}
div#brownBoxGenWrap .catDogImgBox .innerBox {float:left; width:160px; font-size:12px; margin-top:0; padding-top:0;}

div#brownBoxGenWrap .transparentBox {float:left; width:150px;}
div#brownBoxGenWrap .transparentBox1 {float:left; width:126px;}

/** Middle box **/
div#prodBoxGenWrap {width:404px; border:1px solid #ababab; margin-left:17px;}
div#prodBoxGenWrap .packBox{float:left; text-align:center; padding:10px; width:87px;}
div#prodBoxGenWrap .prodBoxText {float:left; padding:10px 0; width:190px; color:#666666; font-size:12px;}
div#prodBoxGenWrap .prodBoxText h2 {color:#0054a4; font-size:16px;}
div#prodBoxGenWrap .prodBoxText h3 {color:#666666; font-size:12px; font-weight:bold;} 

/** Bottom box **/
div#successBoxGenWrap {width:438px; overflow:hidden; background-image:url(/images/JD/successStoriesGenBgSmall.gif); background-repeat:repeat-y;}
div#successBoxGenWrap .successBox { background-repeat:no-repeat; background-position:top; min-height:160px; height:auto !important; height:160px;}
div#successBoxGenWrap .successBox .successBoxTextWrap { float:left; width:175px; padding-top:20px; color:#666666; padding-bottom:10px; font-size:12px;}
div#successBoxGenWrap .successBox .successBoxTextWrap h2 {color:#0054a4; font-size:16px;}
div#successBoxGenWrap .successBox .successBoxTextWrap h3 {color:#666666; font-size:12px; font-weight:bold;}
div#successBoxGenWrap .transparentBox {float:left; width:136px;}
div#successBoxGenWrap .transparentBox1 {float:left; width:126px;}

/*** END GENERIC PAGE from Margo 12 April 2010 ***/


