body {}
        
        #midform table {
            width: 150px;
            margin-right: 34px;
        }
        
        #midform table td {
            padding: 3px;
        }
        
        #FoxCnn {
            padding-top: 7px;
            padding-bottom: 15px;
        }
        
        #top-main-logo {
            margin: 0 0 0 0;
        }
        
        #top-bbb {
            margin: 0 0 0 0;
            /* to remove display:  none; */
        }
        
        .wp-caption {
            margin-top: 25px;
        }
        
        #ats_lead_form_s p {
            text-align: left !important;
            padding-left: 35px;
        }
        
        #ats_lead_form_a {
            width: 300px;
        }
        
        #ats_lead_form_a p {
            text-align: left !important;
            padding-left: 70px;
        }
        
        #ats_lead_form_b {
            width: 300px;
        }
        
        #ats_lead_form_b p {
            text-align: left !important;
            padding-left: 70px;
        }
        
        #ats-form-container input#ats_lead_form_s_submit {
            border: medium none;
            height: 45px;
            width: 210px;
        }
        
        #midform input#ats_lead_form_a_submit,
        #midform input#ats_lead_form_b_submit {
            border: medium none;
            height: 40px;
            width: 230px;
        }
        
        #main-content {
            padding-right: 0px;
		min-height: 610px;
        }
        
        #main-sidebar {
            padding-left: 0px;
			position: sticky;
    		top: 100px;
        }
        
        .clear {
            clear: both;
        }
        
        .navbar-inverse,
        .navbar {
            background: none;
            border: none;
        }
        
        .clearright {
            clear: right;
        }
        
        .clearleft {
            clear: left;
        }
        
        #atslogo {
            margin-top: 15px;
        }
        
        .navbar-inverse .navbar-nav > li > a {
            color: #FFF;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
        }
        
        .navbar-inverse .navbar-nav > .active > a,
        .navbar-inverse .navbar-nav > .active > a: hover,
        .navbar-inverse .navbar-nav > .active > a:focus {
            background: #5a96a6;
        }
        
        .callus {
            margin: 23px 0 23px 2.5rem;
			text-align: center;
        }

		@media screen and (max-width: 767px) {
			.callus {
				text-align: center;
			}
		}
        
        .callus img {
            margin: -5px 0 0 0;
        }
        
        .callus a {
            margin: 0 0 0 8px;
        }
        
        /*.second_content_field ul,
        #main-content ul {
            margin-left: 10px;
            list-style-type: disc;
        }
        
        .second_content_field li,
        #main-content ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }
        
        .second_content_field li,
        #main-content ul li {
            color: #000000 !important;
            font-size: 20px;
            left: 0px;
            line-height: 120% !important;
            padding-bottom: 0;
            padding-left: 45px;
            position: relative;
            text-align: left !important;
            top: 0;
            width: 87%;
        }
        
        .second_content_field li,
        #main-content ul li {
            background-image: url("images/postbullets.png");
            background-repeat: no-repeat;
            font-size: 20px;
            overflow-x: visible;
            overflow-y: hidden;
            padding: 5px 0 5px 40px;
        }*/

        ul.icons {
            list-style-type: none;
            list-style-position: inside;
            font-weight: bold;
            display: block;
            margin: 0;
            padding: 0;
            color: #000;
            font-family: Verdana, Geneva, sans-serif;
        }
        ul.icons li {
            background: url("images/postbullets.png") no-repeat 0 5%;
            line-height: 20px;
            margin: 15px 0 35px -5px;
            padding: 7px 0 7px 40px;
        }

        .top-bullets ul.icons {
            font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        }

        #trust-logos {
            clear: both;
        }
        .trust-logo {
            display: inline-block;
            width: 32%;
            text-align: center;
            padding: 7px 0 15px;
        }
        .trust-logo img {
            max-width: 100%;
        }

        .top-image p {
            text-align: center;
        }

        
        .center {
            text-align: center;
        }
        
        ul#menu-footer-menu li a {
            color: #5B909C;
        }
        
        ul.menu-footer-menu li {
            background: none;
        }
        
        #atslogo img {
            width: 120px;
            margin-bottom: 10px;
        }
        
        #topsection {
            padding-bottom: 0;
            padding-top: 20px;
        }
        
        .content-layout-row ul.menu-footer-menu {
            padding: 10px 10px 10px 10px;
            background: none;
        }
        
        #header-content {
            color: #ffffff;
            /* font-size:  22px; */
            line-height: 1.22857;
            text-align: center;
            font-weight: bold;
        }
        
        #header-content-padding {
            padding-left: 60px;
            padding-right: 60px;
        }

		@media screen and (max-width: 767px) {
			#header-content-padding {
				padding-left: 0;
				padding-right: 0;
			}
		}
        
        .layout-cell ul#menu-footer-menu {
            padding-left: 0;
        }
        
        .layout-cell ul#menu-footer-menu li {
            background: none;
            padding-left: 0;
        }
        
        #ats-form-container {
            padding: 10px;
        }
        
        #sb_notice {
            padding: 0 10px;
            font-size: 9px !important;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        #sb_notice a {
            color: #424242;
        }
        
        .ats_privacy_msg {
            font-size: 11px;
            padding-top: 10px;
        }
        
        .ats_privacy_msg a {
            color: #424242;
            text-decoration: underline;
        }
        
        .ats_lead_form input[type=text] {
            width: 160px;
            border: 1px solid #000;
            padding: 2px;
            height: 25px;
            font-weight: normal;
        }
        /* select sidebar */
        
        #ats-form-container Select {
            width: 150px;
            border: 1px solid #CCC;
            padding: 2px;
            height: 25px;
            font-weight: normal;
        }
        
        #ats-form-container input#ats_lead_form_s_submit {
            width: 210px;
            height: 45px;
            border: none;
        }
        
        #midform input#ats_lead_form_b_submit {
            border: none;
        }
        
        #midform {
            text-align: center;
        }
        
        .ats_lead_form textarea {
            width: 160px;
            height: 70px;
            resize: none;
            border: 1px solid #000;
            padding: 2px;
            font-weight: normal;
        }
        
        .ats_lead_form_s_label {
            font-weight: bold;
            font-size: 14px;
        }
        
        .ats_lead_form_s_label_req {
            font-weight: bold;
            color: #FF0000;
        }
        
        input#ats_lead_form_s_submit {
            margin-top: 10px;
            border: none;
        }
        
        .side-form-privacy-text {
            font-weight: normal !important;
            font-size: 9px !important;
        }
        /* Side Registration Form */
        
        div[class^=sidebar] .blockcontent-body {
            float: right !important;
        }
        /* bubble/flower text */
        
        div.star h3 {
            color: red;
            /* text color */
            font-size: 17px;
            text-align: center;
            /* left right center alignment */
            line-height: 19.5px;
            /* line spacing */
			text-shadow: unset !important;
        }
        
        #menu {
            padding-top: 0;
            padding-bottom: 0;
        }
        
        #heading {
            background-size: cover;
            background: #ffffff;
            background-size: 100%;
        }
        /* Allan - I can't move this red text up now that I moved the star up */
        
        .optin-right .form_title {
            /* call in july... */
            padding-top: 46px;
            font-size: 17px !important;
            text-align: center !important;
            color: red;
            line-height: 110% !important;
            padding-bottom: 0;
            padding-left: 0px;
            padding-right: 0px;
        }
        /* Allan - .form_sub_title line height now moves the red text up and doesn't adjust the line height */
        /* This adjusts the red start in.... with no money down text */
        
        .form_sub_title {
            padding-top: 15px !important;
            font-size: 15px !important;
            /* - this works in style.css */
            text-align: center !important;
            color: #1C3136;
            line-height: 120% !important;
            padding-bottom: 0px;
            padding-left: 9px !important;
            padding-right: 9px !important;
        }
        /* 3 *** Allan - I would like to be able to change the size of the BBB image and be able to put space between it and the A+ Rating w/BBB text below it. */
        
        #sidebar {
            margin-bottom: 1px !important;
            /* spacing above accredited business (BBB) */
            width: 275px !important;
            /* width of the sidebar here */
            margin-top: 10px;
        }
		#bbb-logo {
			width: 275px !important;
		}
        
        #BBB {
            width: 80% !important;
            /* width of the image */
            height: 700px;
            /* height of the image */
            padding: 20px 0px 0px 0px !important;
            /* padding for the image spacing */
        }
        
        div p#rating {
            font-weight: bold;
            /* Font Weight*/
            font-size: 24px;
            /* Font Size  */
            text-align: center;
            /* A+ Rating w/ BBB Alignment */
        }
        /* Lane - see ***comment for div.optin-right */
        /* three red arrows */
        
        #sidebar .image-holder {
            text-align: center;
            /* alignment of all three arrows together */
        }
        /* Padding adjusts spacing between 3 red arrows. */
        
        #sidebar .image-holder img {
            padding-left: 2px !important;
            padding-right: 2px !important;
            padding-top: 0px !important;
            /* space above red arrows and form fields */
            padding-bottom: 10px !important;
            /* space below red arrows and form fields */
        }
        /* This removes padding around the opt-in box allowing extra space for the header to span */
        
        div.optin-right {
            padding: 0px !important;
        }
        /* This controls space above and below arrows. */
        
        div.optin-right span.image-holder {
            margin-top: 9px !important;
            margin-bottom: -13px !important;
        }
        /* Allan - This line-height adjustment works sometimes and doesn't others. I know that doesn't make sense but try changing the 16 px below to 6 px and then 3px. Sometimes it works and sometimes it doesn't. Also sometimes it adjusts the space between the form fields and other times only the space above the form fields between the the fields and the red arrows */
        /* Space between red required and black privacy text can be adjusted here */
        
        .note.side-form-req-text {
            padding-left: 3px !important;
            padding-right: -5px !important;
            padding-top: -30px !important;
            padding-bottom: 3px !important;
        }
        
        .note.side-form-privacy-text {
            padding-left: 6px !important;
            padding-right: 10px !important;
            padding-top: 0px !important;
            padding-bottom: 2px !important;
            font-weight: bold;
            /* value may be set to normal,  bold,  bolder or numbers from 100 to 900 */
        }
        /* this can be accomplished by adjusting the padding-top of .note.side-form-req-text which is just above ^ 5 */
        
        .content-layout .sidebar1 {
            width: 275px;
            padding: 0px 0px 0px 0px !important;
            /* this line can be adjusted to add white space between content and sidebar */
        }
        /* see #sidebar above,  with width value of 290 also which i set. that controls margin of the sidebar opt-in box and/or the width of the sidebar itself. Just always note,  that when you change the .content-layout .sidebar1 width,  you also make its independent size adjustment above */
        /* Sidebaregistration form END */
        /* header area START */
        
        .header .logo img {
            position: relative;
            width: 160px !important;
            height: 60px !important;
            top: 10px !important;
            left: 1px !important;
        }
        /* to change color,  simply change inherit to desired color hex value or know color e.g. red,  blue etc */
        
        .textblock p span {
            /*color:  white;font-weight:  bold;font-size:  26px;*/
            height: 127px;
            position: relative;
            top: 0px !important;
            /* top white header:  positive value moves text down and negative up */
            left: 0px !important;
            /* to white header:  positive value moves right and negative left */
        }
        
        #logo {
            width: 15%;
            float: left;
            padding-top: 10px;
        }
        
        #header_text {
            width: 82.5%;
            float: right;
        }
        /* to change header main text alignment,  change accordingly; and also options for padding the left and right */
        
        .header .logo #header_text p {
            text-align: cebter !important;
            padding-left: 30px;
            padding-right: 0px;
            /* margin-left:  5px !important; this was a try that didn't work */
            /* margin-right:  5px !important; this was a try that didn't work */
        }
        
        .textcall {
            /* bottom:  10px !important; */
            /* right:  10px !important; */
            font: bold 35px "Times New Roman";
        }
        /* This controls the telephone image particularly... if the actual phone number text also needs positional adjustment,  do it first,  then come back to this one for phone image position refinement */
        /* Negative top value moves up and so does negative left value does to the left; */
        
        #main .header .call-clip .call .textcall .callus img {
            height: 40px !important;
            /* this adjusts the size of the image*/
            right: 4px !important;
            position: relative !important;
            top: 7px !important;
        }
        /* Header area END */
        /* main content area START */
        
        #yellow {
            font-size: medium !important;
            color: black;
            /* this is the fore color of the text */
            line-height: 120% !important;
            /* this is the line spacing and percentage would be our choice of unit */
            line-height: 120% !important;
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            margin-top: 7px;
            margin-bottom: 10px;
            font-weight: bold;
            /* possible values > normal,  bold,  italic */
        }
        
        #yellowtext {
            background-color: yellow;
            line-height: 1.2em;
        }
        
        #bigred {
            font-size: 28px;
            color: #990000;
            /* color:  red !important;  */
            line-height: 120%;
            text-align: center;
        }
        /* Allan - Still need to be able to adjust the margins of this yellow text and red text. Close to the optin box,  further away,  a little higher up closer to the header,  a little further away from the header. Also the the same thing with the red text,  closer to the yellow text,  further away,  closer to the optin box,  further away,  closer to the image further away. I think margins and padding is the way to go. */
        /* Allan - There needs to be a way that so if the bullet point are going to go into the picture the wrap instead. */
        /* affecting all bullets */
        
        .content-layout-row .layout-cell.content li {
            position: relative;
            top: 0px;
            /* controls all of the bullets and text position */
            left: 20px;
            /* controls all of the bullets and text position */
            text-align: left !important;
            width: 87%;
            line-height: 120% !important;
            color: black !important;
            font-size: 20px;
            padding-left: 45px;
            /* spacing between the button and the text */
            padding-bottom: 0px;
            /* spacing between each bullet points and the next */
        }
        /* affects the first group of bullet only */
        
        .first-bullet li {
            position: relative;
            top: 0px;
            /* controls all of the bullets and text position */
            left: 0px;
            /* controls all of the bullets and text position */
            line-height: 120% !important;
            color: black !important;
            font-size: 20px;
            padding-left: 40px;
            /* spacing between the button and the text */
            padding-bottom: 5px;
            /* spacing between each bullet points and the next */
        }
        
        #menu .current_page_item a {
            color: #b9d7df;
        }
        
        #menu a {
            padding-top: 0;
            color: #b9d7df;
        }
        /* The bullet points below in the main text of the site still adjust with the bullet points above. */
        
        .second_content_field {
            clear: both;
        }
        /* CONTENT AREA */
        /* This controls the overall container margin of the second content area. */
        /* ###-####@@@@@---@@@@@@@--@@@@@@@###--#########*/
        
        .second_content_field p {
            margin: 0px 5px 18px 0px !important;
            color: black;
        }
        
        .mid_form_sf24 {
            font-size: 18px;
        }
        
        .or_call {
            font-size: 18px;
            font-weight: bold;
            padding-bottom: 10px;
        }
        
        #formtable {
            /* changes here affects the two forms generated by shortcode */
            width: 100% !important;
            /* maybe adjusted between 65% to 100% */
            color: black;
            /* this color only affects 'Submit Form 24 Hours a day,  including weekends' text */
        }
        /* this allows to control the image size  */
        
        #midform img {
            position: absolute;
            left: 9%;
            margin-top: 34px;
        }
        
        .ats_lead_form td {
            vertical-align: top !important;
            /* this code sets labels and  fields to align to the top of the table cell that contains them */
            width: 35%
        }
        
        .submit-image {
            top: 5px !important;
            right: 45px !important;
        }
        
        span input[id^=ats_lead_form] {}
        
        div.call-clip {
            width: 100%;
            left: 0;
            overflow: hidden;
            float: left;
            margin: 0 auto;
            background: #AEC6D0;
            height: 51px;
            /* height of the phone and number container */
        }
        
        div.call {
            width: 1000px;
            margin: 0 auto;
            text-align: center;
        }
        
        /* below code sets height of the sidebar comments box */
        
        #ats_lead_form_s_lead_source_description {
            height: 60px;
            width: 160px !important;
        }
        /* Allan - Still need to be able to adjust size and placement in form of all elements of bottom and middle forms. Also width and height of fields themselves*/
        /* Lane - Ok the codes are below for mid and bottom forms */
        /* Red text handle */
        
        #midform h2 {
            font-weight: normal;
            color: #C00;
            text-align: center;
            font-size: 20px !important;
            font-weight: bold;
        }
        
        .second_content_field h2 {
            margin: 15px 25px 0px 25px;
        }
        /* Allan - Need to be able to adjust the "Or CALL - 876-987-1234" text". I want to make it smaller and be able to have adjust the white space above and below it */
        /* this is for adjusting top and bottom spacing by padding the table */
        
        .ats_lead_form td {}
        /* this is for adjusting the width of the fields */
        
        .ats_lead_form_m_field input,
        .ats_lead_form_1_field input,
        .ats_lead_form_2_field input,
        .ats_lead_form_3_field input,
        .ats_lead_form_4_field input,
        .ats_lead_form_5_field input,
        .ats_lead_form_6_field input,
        .ats_lead_form_7_field input,
        .ats_lead_form_8_field input,
        .ats_lead_form_9_field input,
        .ats_lead_form_10_field input {
            width: 155px !important;
        }
        
        .ats_lead_form_m_field select,
        .ats_lead_form_b_field select {
            width: 155px;
            border: 1px solid #CCC;
            padding: 2px;
            height: 25px;
            font-weight: normal;
        }
        
        .required {
            color: #FF0000;
        }
        /* this is for adjusting the height of the fields,  name,  email and phone */
        
        #ats_lead_form_m_full_name_c,
        #ats_lead_form_b_full_name_c,
        #ats_lead_form_m_webtolead_email1,
        #ats_lead_form_m_federal_tax_debt_amount_c,
        #ats_lead_form_b_webtolead_email1,
        {
            height: 22px !important;
        }
        
        .footer-text p {
            padding: 0;
            margin-top: 15px;
            text-align: center;
            color: #5B909C;
            font-size: 12px;
            font: Georgia, "Times New Roman", Times, serif;
        }
        
        .ats_lead_form input {
            margin-bottom: 2px;
        }
        
        .ats_lead_form textarea {
            margin-bottom: 5px;
        }

        .postcontent h1 {
            margin-left: 0;
            margin-right: 0;
        }

        .footerheadline span {
            display: block;
            text-align: center;
        }

        @media (min-width: 992px) {
            .top-image p {
                float: right;
            }
            .footerheadline .title {
                float: left;
            }
            .footerheadline .number {
                float: right;
            }
            #midform img {
                left: 130px;
            }
		.top-bullets {
			width: 35%;
		}
        }
        @media (min-width: 1200px) {
            .postcontent h1 {
                margin-left: 120px;
                margin-right: 120px;
            }
            #midform img {
                left: 200px;
            }
		.top-bullets {
			width: 45%;
		}
        }