﻿/* ------------------------------------------------------ */
/* FrameWork Setup */
body{background-image:url("/Assets/Design/bg-gradient-slice.jpg");background-position:center top;background-repeat:repeat-x;background-color:#01121c;font-family: Arial , Helvetica, Sans-Serif; font-size:81.3%;}
body , html{margin:0;padding:0;height:100%;}
form{height:100%;}
#container{min-height:100%;position:relative;}
#body
{
    background-image:url("/Assets/Design/body-bg-gradient-slice.png");background-position:left top;
    background-repeat:repeat-y;
    padding-bottom:221px;
    width:1050px;margin:0 auto 0 auto;}
/*------------------------------------------------------------------------------------------------*/
/* General */
a{color:#066a99;}
h1,h2,h3{margin:0 0 10px 0;}
h1{font-size:1.8em;color:#066a99;margin:0 0 15px 0;line-height:1em;}
h2{font-size:1.2em;}
h3{font-size:1.0em;}
p{margin:0 0 10px 0;}
input{font-family: Arial , Helvetica, Sans-Serif; }
textarea{font-family: Arial , Helvetica, Sans-Serif; font-size:1em;}
.sizeContainer{width:960px;margin:0 auto 0 auto; }
.clearBoth{clear:both;}
.bold{font-weight:bold;}
.floatleft{float:left;}
.generalWidth .nofloat{float:none;}
ul{list-style:none;margin:10px 0 10px 0;}
ul li{padding:0 0 0 25px;background:url("/Assets/Design/list-disc.gif") no-repeat left center;margin:0 0 5px 0;}
.errorSummary {border: 1px solid #cc0000;background-color: #cc0000;width: 80%;color:#ffffff;margin:10px 0px 10px 14px;}
.errorSummary h4 {margin:3px 0px 3px 3px;color:#ffffff;}
.errorSummary ul {margin: 0px;padding: 5px;background-color: #ffffff;color:#cc0000;list-style-type:none;}
.errorSummary ul li{background:none;}
.required{color:#ff0000;}
.login label{width:100px;display:block;float:left;}
/*----------------------------------------------------------------------------------------*/
/* Header */
#clearheader , #header{height:142px;}
#header{position:absolute;top:0;left:0;width:100%;}
.overSizeHeader{width:1050px;margin:0 auto 0 auto;}
#headerContainer{height:142px;}
#headerContainer .homeLink{margin:15px 0 10px 0;display:block;width:170px;height:85px;float:left;}
#headerContainer .contact{margin:35px 0 0 0;display:block;float:right; }
#headerContainer .contact img{margin:0;float:none;width:353px;height:41px;margin-top: -50px;}
#headerContainer a img{margin:0;float:none;width:170px;height:85px;}
/*------------------------------------------------------------------------------------------------*/
/* Footer */
#footer{bottom:0;width:100%;height:110px;position:absolute;}
#footer #footerContainer{height:90px;padding:10px 0 0 0;width:998px;margin:0 auto 0 auto;background-image:url("/Assets/Design/footer-bg-gradient-slice.jpg");background-position:left top;background-repeat:repeat-x;background-color:#fff;}
#footer #footerContainer img{float:right;margin:10px 0 0 0;}
#footer #footerContainer #footerInfo{margin: 20px 0 0 0;float:left;font-size:0.923em;}
/*----------------------------------------------------------------------------------------*/
/* footer nav */
#footerMenu .menu{width:680px;float:left;margin:0 0 10px 0;list-style:none;}
#footerMenu .menu li{background:none;margin:0;padding:0;}
#footerMenu .menu li , #footerMenu .menu li a{float:left;}
#footerMenu .menu li{height:20px;}
#footerMenu .menu li .first{padding:0 5px 0 0;}
#footerMenu .menu li a{height:20px;vertical-align:middle;line-height:20px;text-align:center;padding:0 5px 0 5px;text-decoration:none;display:block;color:#000;}
#footerMenu .menu li .selected{text-decoration:underline;}
#footerMenu .menu li a:hover{text-decoration:underline;}
/*-----------------------------------------------------------------------------------*/
/* header nav */
#headerMenu .menu{width:960px;margin:0;padding:0;height:32px;list-style:none;}
#headerMenu .menu li{background:none;margin:0;padding:0;}
#headerMenu .menu #start{width:14px;height:32px;background-image:url("/Assets/Design/header-menu-bg-left-start.jpg");background-position:left top;background-repeat:no-repeat;padding:0;border:none;font-size:0;line-height:0;}
#headerMenu .menu #end{width:16px;height:32px;background-image:url("/Assets/Design/header-menu-bg-right-end.jpg");background-position:left top;background-repeat:no-repeat;padding:0;border:none;font-size:0;line-height:0;}
#headerMenu .menu li a , #headerMenu .menu li a span , #headerMenu .menu li{float:left;}
#headerMenu .menu li a{height:30px;background:url("/Assets/Design/header-menu-left-off.jpg") no-repeat left top;padding:0 0 0 9px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;text-decoration:none;cursor:pointer;display:block;}
#headerMenu .menu li .first{border-left:solid 1px #ccc;}
#headerMenu .menu li a span{vertical-align:middle;line-height:30px;text-align:center; font-weight: bold;padding:0 35px 0 29px;display:block;background:url("/Assets/Design/header-menu-right-off.jpg") no-repeat right top;color:#000;height:30px;border:none;white-space:nowrap;letter-spacing:0.0001px;}
#headerMenu .menu .selected a span, #headerMenu .menu li a:hover span{color:#fff; }
#headerMenu .menu .selected a {background:url("/Assets/Design/header-menu-left-on.jpg") no-repeat left top;}
#headerMenu .menu .selected a span{background:url("/Assets/Design/header-menu-right-on.jpg") no-repeat right top;}
#headerMenu .menu li a:hover{background:url("/Assets/Design/header-menu-left-on.jpg") no-repeat left top;}
#headerMenu .menu li a:hover span{background:url("/Assets/Design/header-menu-right-on.jpg") no-repeat right top;}
/*-----------------------------------------------------------------------------------*/
/* home page views */
#tabsViewContainer{width:935px;margin:0 auto 0 auto;padding:15px 0 0 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:url("/Assets/Design/question-view-bg.jpg") repeat-x left top; }
#tabsViewContainer #whoare a{margin:25px 0 0;}
#tabsContainer{height:41px;width:960px;margin:0 0 20px 0;}
#tabsViewContainer #questions{background:url("/Assets/Design/question-view-bg-lady.jpg") no-repeat left top;  }
#tabsViewContainer #questions a{margin:48px 0 0 0;}
#tabsViewContainer #questions ul a{display:inline;text-indent:0;text-decoration:none;margin:0;}
#tabsViewContainer #questions a:hover{text-decoration:underline;}
#tabsViewContainer #casestudies .content li a{margin:0;text-indent:0;Display:inline;text-decoration:none;}
#tabsViewContainer #casestudies .content li a:hover{text-decoration:underline;}
#tabsViewContainer .view{height:246px;}
#tabsViewContainer .view #images{float:left;margin:0 20px 0 0;}
#tabsViewContainer #isitascam img{margin:0 0 0 100px;}
#tabsViewContainer #isitascam a img{margin:0;}
#tabsViewContainer #isitascam a{margin:0;}

#tabsViewContainer .view .content{float:left;width:500px;padding:15px 0 0 0;margin:0;}
#tabsViewContainer #whoare .content{width:638px;}
#tabsViewContainer .view .video{height:232px;margin:15px 25px 0 10px;float:left;}
#tabsViewContainer .view .whois{margin:34px 0 0 0;}
#tabsViewContainer .view .content h1{color:#066A99;font-size: 24px;line-height:1em;margin:0 0 15px 0;}
#tabsViewContainer .view .content p{letter-spacing:0.01em;line-height:1.2em;}
#tabsViewContainer .view .fullWidth{padding:10px 240px 0 0;font-size:0.923em;line-height:1.2em;}
#tabsViewContainer #questions .fullWidth{padding:10px 0 0 240px;}
#tabsViewContainer .view a{margin:56px 0 0 0;display:block;}
#tabsViewContainer .view ul{margin:10px 10px 0 0;}
#tabsViewContainer .view li{padding:0 0 0 25px;background:url("/Assets/Design/list-disc.gif") no-repeat left center;margin:0 0 5px 0;}
#tabsViewContainer .view .content li{margin:0 0 5px 0;}
#contentPods{width:950px;margin:0 auto 20px auto;padding:0 0 0 7px;}
#contentPods .contentpod
{
    background: url("/Assets/Design/content-pod-bg.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 226px;
    margin: 0 4px 0 0;
    padding: 20px 30px 0 23px;
    width: 409px;
}
#contentPods #testimonials
{
   background: url("/Assets/Design/content-pod-bg-woman.jpg") no-repeat scroll left top transparent;
   margin: 0;
   padding: 20px 26px 0 23px;
   width: 414px;
 }
 #contentPods #testimonials p{
 width: 291px;
 }
 
#contentPods #testimonials a{margin:22px 0 0;display:block;}
#contentPods #testimonials .name , #contentPods #testimonials .area{margin:0 110px 0 0;text-align:right;}
#contentPods #testimonials .quote{margin:0;}
#contentPods .contentpod h3{font-size:1.6em;color:#066a99;}
#contentPods .contentpod p{font-size:0.846em;line-height:1.2em;}
#contentPods  #janiKingInThePress{background:url("/Assets/Design/center-content-pod-bg.jpg") left top no-repeat;padding:20px 14px 0 20px;width:290px;}
#contentPods  #janiKingInThePress p{margin:0 0 5px 0;}
#contentPods  #janiKingInThePress a{display:block;margin:20px 0 0 0;}
#contentPods #askAQuestion a{display:block;margin:30px 0 0 0;}
/*tab menu*/
.tabmenu{margin:0;}
.tabmenu .tab{background:none;margin:0;padding:0;}
.tabmenu .tab , .tabmenu a{float:left;height:41px;width:240px;}
.tabmenu .tab span{display:block;}
.tabmenu #tabWhoAre span{margin:15px 0 0 70px;}
.tabmenu #tabCaseStudy span{margin:15px 0 0 90px;}
.tabmenu #tabQuestion span{margin:15px 0 0 80px;}
.tabmenu #tabExclamation span{margin:15px 0 0 80px;line-height:15px;}
.tabmenu a{display:block;color:#4e4d4d;text-decoration:none;font-weight:bold;}
.tabmenu #tabWhoAre a{background:url("/Assets/Design/whoare-off.jpg") left top no-repeat;}
.tabmenu #tabCaseStudy a{background:url("/Assets/Design/casestudies-off.jpg") left top no-repeat;}
.tabmenu #tabQuestion a{background:url("/Assets/Design/questions-off.jpg") left top no-repeat;}
.tabmenu #tabExclamation a{background:url("/Assets/Design/links-off.jpg") left top no-repeat;width:237px;}
#tabWhoAre a:hover{ background:url("/Assets/Design/whoare-on.jpg") left top no-repeat;}
#tabCaseStudy a:hover{ background:url("/Assets/Design/casestudies-on.jpg") left top no-repeat;}
#tabQuestion a:hover{ background:url("/Assets/Design/questions-on.jpg") left top no-repeat;}
#tabExclamation a:hover{ background:url("/Assets/Design/links-on.jpg") left top no-repeat;}
.tabmenu #tabWhoAre .selected{background:url("/Assets/Design/whoare-on.jpg") left top no-repeat;}
.tabmenu #tabCaseStudy .selected{background:url("/Assets/Design/casestudies-on.jpg") left top no-repeat;}
.tabmenu #tabQuestion .selected{background:url("/Assets/Design/questions-on.jpg") left top no-repeat;}
.tabmenu #tabExclamation .selected{background:url("/Assets/Design/links-on.jpg") left top no-repeat;}
/*--------------------------------------------------------------------------------------------------------------*/
/* right pod */
#podYourQuestions #podYourQuestionsTop{background:url("/Assets/Design/your-questions-header.jpg") left top no-repeat;height:31px;width:280px;}
#podYourQuestions #podYourQuestionsBottom{background:url("/Assets/Design/your-questions-footer.jpg") left top no-repeat;height:8px;width:280px;}
#podYourQuestions #podYourQuestionsContent{background:url("/Assets/Design/your-questions-bg-slice.jpg") left bottom repeat-x #fff;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px 5px 0 15px;width:258px;}
#podYourQuestions #podYourQuestionsContent a{font-size:0.846em;text-decoration:none;padding:0 0 10px;display:block;}
#podYourQuestions #podYourQuestionsContent a:hover{text-decoration:underline;}
#podYourQuestions {margin:0 0 10px 0;width:280px;}
#podAskYourQuestion{margin:0 0 10px 0;}
#podWhoAreJaniKing{height:130px;width:280px;margin:0 0 10px 0;}
#podWhoAreJaniKing #podWhoAreJaniKingTop {background:url("/Assets/Design/who-are-jani-king-header.jpg") left top no-repeat;height:31px;}
#podWhoAreJaniKing #podWhoAreJaniKingContent {background:url("/Assets/Design/who-are-jani-king-bg-slice.jpg") left top repeat-x;width:263px;height:79px;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px 0 0 15px;}
#podWhoAreJaniKing #podWhoAreJaniKingContent p{font-size:0.846em;}
#podWhoAreJaniKing #podWhoAreJaniKingContent a{float:right;text-decoration:none;margin:0 15px 0 0;font-size:0.846em;}
#podWhoAreJaniKing #podWhoAreJaniKingContent a:hover{text-decoration:underline;}
#podWhoAreJaniKing #podWhoAreJaniKingBottom {background:url("/Assets/Design/who-are-jani-king-footer.jpg") left top no-repeat;height:5px;}
#podTestimonialsContainer{height:337px;width:280px;margin:0 0 25px 0;}
#podTestimonialsContainer .podTestimonials{background:url("/Assets/Design/testimonials-pod-bg.jpg") left top no-repeat;height:267px;width:280px;}
#podTestimonialsContainer #podTestimonialsHeader{background:url("/Assets/Design/testimonials-pod-header.jpg") left top no-repeat;height:31px;width:280px;}
#podTestimonialsContainer #podTestimonialsContent{height:200px;width:255px;padding:15px 0 0 15px;font-size:0.846em;line-height:12px;}
#podTestimonialsContainer #podTestimonialsContent .paragraptwo{width:152px;}
#podTestimonialsContainer .name{margin:0 0 0 15px;font-weight:bold;font-size:0.846em;}
#podTestimonialsContainer .area{margin:0 0 0 15px;font-size:0.846em;}
/*--------------------------------------------------------------------------------------------------------------*/
#firstColumn{width:610px;background:url("/Assets/Design/two-column-bg.jpg") left top no-repeat;float:left;padding:25px 0 0 50px;line-height:18px;min-height:600px;}
#firstColumnQuestions{width:654px;float:left;padding:25px 0 0 0;line-height:18px;}
#firstColumnQuestions a{text-decoration:none;}
#firstColumnQuestions a:hover{text-decoration:underline;}
#secondColumn{width:280px;float:left;padding:25px 0 0 20px;}
.name , .date {color:#999;font-size:0.923em;margin:0 0 5px 0;  }
.content{font-size:0.923em;color:#000;margin:10px 0 10px 0;width:560px;}
#firstColumn .area{font-weight:bold;}
.generalWidth{width:560px;margin:0 0 20px 0; }
.generalWidth a{text-decoration:none;}
.generalWidth a:hover{text-decoration:underline;}
.generalWidth select{float:left;display:block;margin:5px 10px 0 0;}
.generalWidth .continue{float:left;}
#firstColumn input{margin:0 0 10px 0;}
#firstColumn label{margin:0 0 5px 0;}
#firstColumn .submit{float:right;margin:20px 0 0 0;}
#firstColumn .content{font-size:1em;}
/*--------------------------------------------------------------------------------------------------------------*/
/* case study list page */
.casestudy{width:570px;height:142px;padding:10px 0 0 0;}
.casestudy img{display:block;float:left;margin:0 15px 0 0;}
.casestudy .content{width:410px;float:left;margin:20px 0 0 0;}
.casestudy .content a{float:right;text-decoration:none;}
.casestudy .content a:hover{text-decoration:underline;}
.casestudy .content .title{float:none;}
#paginationBottomContainer{float:right;margin:20px 15px 0 15px;}
#firstColumn #paginationBottomContainer li , #firstColumn #paginationTopContainer li{float:left;}
#firstColumn #paginationBottomContainer li{border:1px solid #ccc;padding:5px;margin:0 1px 0 0;background:none;}
#firstColumn #paginationBottomContainer .previous {margin:0 10px 0 0;border:none;}
#firstColumn #paginationBottomContainer .next {margin:0 0 0 10px;border:none;}
#firstColumn #paginationBottomContainer a{color:#000;text-decoration:none}
#firstColumn #paginationBottomContainer .selected{text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------*/
/*new page */
.newsItem .pressItem{width:570px;}
.newsItem h3 a , .pressItem h3 a{text-decoration:none;}
.newsItem h3 a:hover , .pressItem h3 a:hover{text-decoration:underline;}
.newsItem h3 , .pressItem h3{margin:0 0 0 0;}
.newsItem .date , .newsItem .name , .pressItem .date{margin:0 0 0 0;}
.pressItem .pressItemContent{float:left;margin:0 0 0 10px;width:445px;}
.pressItem .content{width:445px;}
.pressItem img{float:left;width:160px;}
/*---------------------------------------------------------------------------------------------------*/
/* case study detail page*/
.caseImage{float:left;margin:0 10px 0 0;}
/*----------------------------------------------------------------------------------------------------*/
/* question list page */
.questionlistitem h3 a{text-decoration:none;}
.questionlistitem h3 a:hover{text-decoration:underline;}
.questionPods{width:319px;border:1px solid #ccc;float:left;margin:0 0 20px 0;}
#frequently{margin:0 10px 0 0;}
.questionPods .questionHeader{font-size:1.308em;color:#066a99;padding:10px 0 0 60px;height:29px;width:258px;background:url("/Assets/Design/questions_pod_newest_header.jpg") top left no-repeat;}
#frequently .questionHeader{background:url("/Assets/Design/questions_pod_faq_header.jpg") top left no-repeat;}
.questionPods .questionContent{border-top:1px solid #ccc;padding:10px 0 10px 20px;   }
.questionPods .questionContent a{display:block;line-height:13px;margin:0 0 10px;text-decoration:none;}
.questionPods .questionContent a:hover{text-decoration:underline;}
#questionCategoryPod h3{font-size:1.231em;}
#questionCategoryPod #tabsContainer{width:650px;height:35px;margin:0;}
#questionCategoryPod #tabsContainer  .tabmenu{background:none;}
#questionCategoryPod #tabsContainer  .tabmenu .tab{width:130px;height:35px;  }
#questionCategoryPod #tabsContainer  .tabmenu .tab a{  font-size: 12px;
    height: 35px;
    line-height: 14px;
    padding-top: 4px;
    width: 130px;}
#questionCategoryPod #tabsContainer  .tabmenu .tab a span{padding:0px 0 0 45px;margin:0;display:block;}
#questionCategoryPod #tabbedContent{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:638px;padding:20px 0 0 10px;}
#questionCategoryPod #tabbedContent .view{padding:0 0 10px 0;width:638px;}
#questionCategoryPod #tabbedContent .view a{float:right;margin:0 20px 0 0;text-decoration:none;}
#questionCategoryPod #tabbedContent .view a:hover{text-decoration:underline;}
#questionCategoryPod #tabbedContent .view .question a{margin:0;float:none;text-decoration:none;}
#questionCategoryPod #tabbedContent .view .question a:hover{text-decoration:underline;}
#questionCategoryPod #tabsContainer .tabmenu a{display:block;color:#4e4d4d;text-decoration:none;font-weight:bold;}
#questionCategoryPod #tabsContainer .tabmenu #tabFinance a{background:url("/Assets/Design/question-support-off.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabSupport a{background:url("/Assets/Design/question-general-off.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabFranchiseAgreement a{background:url("/Assets/Design/question-franchise-off.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabGeneral a{background:url("/Assets/Design/question-finances-off.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabScam a{background:url("/Assets/Design/question-scam-off.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer #tabFinance a:hover{ background:url("/Assets/Design/question-support-hover.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer #tabSupport a:hover{ background:url("/Assets/Design/question-general-hover.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer #tabFranchiseAgreement a:hover{ background:url("/Assets/Design/question-franchise-hover.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer #tabGeneral a:hover{ background:url("/Assets/Design/question-finances-hover.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer #tabScam a:hover{ background:url("/Assets/Design/question-scam-hover.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabFinance .selected{background:url("/Assets/Design/question-support-on.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabSupport .selected{background:url("/Assets/Design/question-general-on.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabFranchiseAgreement .selected{background:url("/Assets/Design/question-franchise-on.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabGeneral .selected{background:url("/Assets/Design/question-finances-on.jpg") left top no-repeat;}
#questionCategoryPod #tabsContainer .tabmenu #tabScam .selected{background:url("/Assets/Design/question-scam-on.jpg") left top no-repeat;}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Ask A Question Page */
#body .sizeContainer .askAQuestionBg{padding:0 0 0 50px;}
#body .sizeContainer .askAQuestionBg{background:url(/Assets/Design/question-view-bg-lady.jpg) no-repeat right 10px;}
.askAQuestionBg .generalWidth{padding:25px 0 80px 0;}
.agree{margin:0 10px 10px 0;float:left;}
.agreeText{float:left;font-size:0.846em;width:530px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
#askAQuestion
{
    background: url("/Assets/Design/contentbgslice.jpg") repeat-x scroll left top transparent !important;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 191px !important;
    padding-top: 0 !important;
    width:891px!important;
}

.content .innerContent
{
   
    margin-right: 52px; 
    color: #333; 
    font-weight: bold;
    font-size: 12px;
    float:left;
}

.content .innerContent a
{
    margin-top:0!important;
}

#tweets{width:465px;height:110px;float:left;background:url(/Assets/Design/twitter-bubble-janiking.gif);margin-left:50px;position:relative;overflow:hidden;}

#tweets a{position:absolute;display:block;height:110px;width:60px;right:0px;top:0px;cursor:pointer;}

#tweets ul li a{position:relative;}

#tweets ul.tweetList {margin-top:44px;margin-left:5px;font-size:11px;}

#tweets ul.tweetList li{background:none;width:345px;}

#tweets ul.tweetList li a{display:inline;position:relative;height:auto;}

