html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:;
}
table {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:;
}
body {
line-height:1;
background: #aeb6b6; /* Old browsers */
background: -moz-linear-gradient(left, #aeb6b6 0%, #ffffff 20%, #ffffff 80%, #c8cdcd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#aeb6b6), color-stop(20%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#c8cdcd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #aeb6b6 0%,#ffffff 20%,#ffffff 80%,#c8cdcd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #aeb6b6 0%,#ffffff 20%,#ffffff 80%,#c8cdcd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #aeb6b6 0%,#ffffff 20%,#ffffff 80%,#c8cdcd 100%); /* IE10+ */
background: linear-gradient(to right, #aeb6b6 0%,#ffffff 20%,#ffffff 80%,#c8cdcd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb6b6', endColorstr='#c8cdcd',GradientType=1 ); /* IE6-9 */
}
blockquote {
padding-left: 10px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* Css Reset
----------------------------*/
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
header {
background:url(../images/Justice1.png) no-repeat left;
height: 267px;
width:auto;
}
.wrap {
width:1145px;
margin:0 auto;
}
nav {
background:#1b1b1e;
height:42px;
width:100%;
}
nav ul {
width:850px;
margin:0;
padding:0;
float:left;
}
nav ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0F9;
line-height:42px;
height:42px;
float:left;
list-style:none;
background:url(../images/nav_bdr.png) no-repeat right;
}
nav ul li:last-child{
background:none;
}
nav ul li a{
color: #fff;
text-decoration: none;
padding: 10px 22px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
nav ul li a:hover{
background-color:#4b688b;
}
nav .case_tab {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
line-height:42px;
height:42px;
float:right;
list-style:none;
background-image:url(../images/nav_bdr.png), url(../images/nav_bdr.png);
background-position:left center, right center;
background-repeat:no-repeat, no-repeat;
background-color:#3c1d07;
}
nav .case_tab a{
color:#fff;
text-decoration:none;
padding:10px 25px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
nav .case_tab a:hover{
background-color:#5f7f7f;
}
.content_area {
width:840px;
float:right;
margin-top:35px;
}
.content_area h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#595555;
font-weight:bold;
margin: 10px 0;
}
.content_area p {
color:#5e5d5d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 15px 0 20px;
line-height:16px;
}
.content_area .QA_section {
width:100%;
}
.content_area .QA_section h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
padding:15px;
background:#333333;
}
.content_area .QA_section .left {
width:450px;
float:left;
}
.content_area .QA_section .right {
width:380px;
float:left;
}
.content_area .ans {
border-left:1px solid #333333;
margin-top:10px;
margin-left:6px;
padding-left:10px;
padding-top:5px;
padding-bottom:15px;
}
.content_area .mrg_lft {
margin-left:24px;
}
.content_area ol {
font-family:Arial, Helvetica, sans-serif;
color:#595555;
font-size:20px;
font-weight:bold;
line-height:25px;
margin:10px 0 20px 0px;
}
.content_area ol li{
margin: 10px 0 20px 22px;
clear: both;
}
.content_area li span {
font-size:14px;
font-weight:normal;
}
.content_area .capture {
margin-left:22px;
}
.content_area .bdr_btm {
margin-bottom:40px;
}
.content_area .bdr_lft {
margin-left:22px;
}
.content_area label {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5e5d5d;
}
.content_area input {
border:0;
}
.content_area .submit {
width:186px;
height:55px;
background:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#fff;
font-weight:bold;
margin-left:23px;
line-height:55px;
box-shadow: inset 0px 3px 7px 0px black;
-webkit-box-shadow: inset 0px 3px 7px 0px black;
-moz-box-shadow: inset 0px 3px 7px 0px black;
-o-box-shadow: inset 0px 3px 7px 0px black;
display:block;
text-align:center;
text-decoration:none;
margin-top:20px;
}
.content_area .textarea {
width:560px;
height:216px;
color:#000;
border:1px solid #cbc7c7;
margin:0 55px 25px 22px;
padding:10px 10px;
box-shadow:0 0 5px #edecec;
}
.content_area .field_area {
width:340px;
float:left;
}
.content_area .label_txt{
color:#000;
margin:0 55px 0px 22px;
line-height:36px;
display:block;
}
.content_area .input{
width:280px;
height:36px;
color:#000;
border:1px solid #cbc7c7;
margin:0 55px 25px 22px;
padding:0 10px;
line-height:36px;
box-shadow:0 0 5px #edecec;
}
.content_area .alignleft {
float:left;
margin-right:0;
}
.radio-demo input[type="radio"] {
position:absolute;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
}
.radio-demo input[type="radio"] + label {
position:relative;
padding: 0 25px 0 0px;
font-size: 15px;
line-height: 16px;
margin-right:20px;
}
.radio-demo input[type="radio"] + label:before {
content:"";
display:block;
position:absolute;
top:2px;
right:0;
height: 14px;
width: 14px;
background: white;
border: 1px solid #333333;
box-shadow: inset 0px 0px 0px 3px white;
-webkit-box-shadow: inset 0px 0px 0px 3px white;
-moz-box-shadow: inset 0px 0px 0px 3px white;
-o-box-shadow: inset 0px 0px 0px 3px white;
border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
-ms-border-radius:8px 8px 8px 8px;
-o-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;
}
.radio-demo input[type="radio"]:checked + label:before {
background: #333333;
}
#radio-list input[type="radio"] {
position:absolute;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
}
#radio-list input[type="radio"] + label {
position:relative;
padding: 0 0px 0 25px;
font-size: 15px;
line-height: 16px;
margin-right:20px;
}
#radio-list input[type="radio"] + label:before {
content:"";
display:block;
position:absolute;
top:2px;
left:0;
height: 14px;
width: 14px;
background: white;
border: 1px solid #333333;
box-shadow: inset 0px 0px 0px 3px white;
-webkit-box-shadow: inset 0px 0px 0px 3px white;
-moz-box-shadow: inset 0px 0px 0px 3px white;
-o-box-shadow: inset 0px 0px 0px 3px white;
border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
-ms-border-radius:8px 8px 8px 8px;
-o-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;
}
#radio-list input[type="radio"]:checked + label:before {
background: #333333;
}
.content_area .bdr_btm80 {
margin-bottom:80px;
}
.content_area .bdr_btm20 {
margin-bottom:20px;
}
.content_area .mrg_btm5 {
margin-bottom:5px;
}
.content_area .mrg_non {
margin:0;
}
.content_area .capture_txt {
margin:0px 0 10px 22px;
font-weight:normal;
}
.contact_info {
width:100%;
}
.info_block {
width:350px;
float:left;
margin-right: 33px;
}
.info_block a{
color:#5e5d5d;
text-decoration:none;
}
.info_block h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
padding:12px;
background:#333333;
font-weight:normal;
}
.content_area h1 span {
font-size:14px;
font-weight:normal;
}
.info_block p {
color:#5e5d5d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 15px 0 20px;
line-height:16px;
}
.direction {
margin:0;
}
.input_contact {
width:280px;
height:36px;
color:#000;
border:1px solid #cbc7c7 !important;
margin:12px 77px 13px 0px;
padding:0 10px;
line-height:36px;
box-shadow:0 0 5px #edecec;
}
.input_contact:hover, .textarea_contact:hover, .input:hover, .textarea:hover {
box-shadow:0 0 5px #5f7f7f;
}
.input_contact:focus, .textarea_contact:focus, .input:focus, .textarea:focus {
box-shadow:0 0 5px #5f7f7f;
outline:none;
}
.textarea_contact {
width:560px;
height:216px;
color:#000;
border:1px solid #cbc7c7;
margin:12px 77px 13px 0px;
padding:10px 10px;
box-shadow:0 0 5px #edecec;
}
.mrg_btm40 {
margin-bottom:40px;
}
.mrg_btm20 {
margin-bottom:20px;
}
.mrg_lft_non {
margin-left:0 !important;
}
.direction li{
list-style-image:url(../images/bullit.png) ;
color:#5e5d5d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 8px 0 8px 21px;
line-height:16px;
padding:0;
}
footer {
background: #191718;
height: 70px;
width: 100%;
margin-top: 30px;
}
footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:center;
padding-top:20px;
line-height:15px;
}
.left-side{
width: 260px;
float: left;
margin-right: 40px;
margin-top: 12px;
}
.mid-side{
width: 550px;
float: left;
margin-top: 16px;
padding-top: 5px;
}
.mid-side h1{
font-size: 24px;
line-height: 28px;
padding-top: 5px;
color:#004888;
NOTE - THIS IS MAIN HEADER TEXT
}
.mid-side h2{
color: #004888;
}
.mid-side p{
padding: 8px 0;
color: #383838;
line-height: 17px;
font-size: 13px;
}
.mid-side h4{
width: 510px;
padding-left: 10 px;
margin-top: 10 px;
padding-top: 10 px;
margin-left: 30px;
line-height: 17px;
font-size: 13px;
color: #383838;
font-weight:100;
line
}
.mid-side h5{
width: 510px;
padding-left: 10 px;
margin-top: -10 px;
padding-top: -10 px;
margin-left: 30px;
line-height: 17px;
font-size: 13px;
color: #383838;
font-weight:100;
}
.mid-side h6{
float: left;
font-weight:100;
width: 170px;
color: #383838;
line-height: 17px;
font-size: 13px;
}
.right-side{
width: 260px;
float: right;
padding-top: 0px;
margin-top: 0px;
}
.left-side ul{
margin: 0;
}
.left-side ul li{
margin: 12px 0;
list-style: none;
color: #fff;
position: relative;
padding-left: 20px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
box-shadow: -2px 4px 4px #515151 inset;
}
.left-side ul li a{
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
width: 200px;
overflow: hidden;
display: block;
padding: 13px 0;
font-weight: bold;
font-size: 15px;
NOTE - This is left link bar text ie business disputes
}
.b-disputes{
background-color:#333;
}
.p-inquary{
background-color:
#4B688B;
NOTE-THIS IS COLOR OF THE BUTTONS
}
.icon-hand{
background: url(../images/icon-1.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 1px solid #1e1c1c;
border-radius: 50%;
behavior:url(PIE.htc);
}
.left-side ul li.b-disputes:hover{
background-color:#5f7f7f;
}
.left-side ul li.b-disputes:hover .icon-hand{
border: 3px solid #5f7f7f;
}
.left-side ul li .tabs {
display:none;
}
.left-side ul li:hover .tabs{
width:250px;
height:auto;
position:absolute;
right:-280px;
top:0;
background-color: #4B688B;
display:block;
padding:15px 15px;
border-radius:0 10px 10px 10px;
-moz-border-radius:0 10px 10px 10px;
-ms-border-radius:0 10px 10px 10px;
-o-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
z-index:999999;
NOTE-THIS IS POPOUT TAB FROM LEFT LINKBAR
}
.left-side ul li:hover .tabs p{
color: #fff;
line-height: 15px;
font-size:12px;
padding: 5px 0;
NOTE - This is text for rollover effect such as words next to Business Disputes
}
.left-side ul li.p-inquary:hover{
background-color:#000;
}
.icon-people{
background: url(../images/people-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #5f7f7f;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.p-inquary:hover .icon-people{
border:3px solid #000;
}
.s-fraud{
background-color:#181818;
}
.left-side ul li.s-fraud:hover{
background-color:#516651;
}
.icon-logo{
background: url(../images/log-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #181818;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.s-fraud:hover .icon-logo{
border:3px solid #516651;
}
.E-wages{
background-color:#1c2612;
}
.left-side ul li.E-wages:hover{
background-color:#5F7F7F;
}
.icon-dollar{
background: url(../images/dollar-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #1c2612;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.E-wages:hover .icon-dollar{
border: 3px solid #5F7F7F;
}
.g-wages{
background-color:#333333;
}
.left-side ul li.g-wages:hover{
background-color:#5F7F7F;
}
.icon-e{
background: url(../images/home-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #1c2612;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.g-wages:hover .icon-home{
border: 3px solid #5F7F7F;
}
.c-victim{
background-color:#516651;
}
.icon-victim{
background: url(../images/wait-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #516651;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.c-victim:hover{
background-color:#000;
}
.left-side ul li.c-victim:hover .icon-victim{
border: 3px solid #1c2612;
}
.p-b-litegation{
background-color:#4b688b;
}
.icon-tv{
background: url(../images/pc-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #5f7f7f;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.p-b-litegation:hover{
background-color:#000;
}
.left-side ul li.p-b-litegation:hover .icon-tv{
border: 3px solid #1c2612;
}
.r-estate{
background-color:#333333;
}
.icon-flag{
background: url(../images/flag-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #333333;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.r-estate:hover{
background-color:#516651;
}
.left-side ul li.r-estate:hover .icon-flag{
border: 3px solid #516651;
}
.E-Collections{
background-color:#1a1a1a;
}
.icon-collection{
background: url(../images/key-icon.png) left no-repeat;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -7px;
left: -15px;
border: 2px solid #333333;
border-radius: 50%;
z-index: 9;
behavior:url(PIE.htc);
}
.left-side ul li.E-Collections:hover{
background-color:#5F7F7F;
}
.left-side ul li.E-Collections:hover .icon-collection{
border: 3px solid #5F7F7F;
}
.main-sec{
padding:20px 0;
}
.request-evaluation{
background-color: #1a1a1a;
padding: 10px;
border-radius: 6px;
position: relative;
}
.request-evaluation h3{
color: #ffffff;
text-align: center;
line-height: 25px;
font-size: 18px;
padding-top: 50px;
}
.request-evaluation p{
color: #fff;
text-align: center;
font-size: 13px;
line-height: 18px;
padding: 10px 0;
}
.hi-icon-mobile img{
padding: 22px 0;
}
.client-testimonial{
background-color: #516651;
margin: 40px 0;
}
.hi-icon-copy{
background-color:#516651 !important;
}
.hi-icon-copy img{
padding: 22px 0;
}
.prior-result{
background-color:#333;
}
.hi-icon-arrow{
background-color:#333;
}
.hi-icon-arrow{
background-color:#333 !important;
}
.hi-icon-arrow img{
padding:22px 0;
}
/*input error*/
input.error {
border: 1px solid #BA0102 !important;
}
textarea.error {
border: 1px solid #BA0102 !important;
}
span_error {
border: 1px solid #BA0102 !important;
}
/*right-block*/
.slider .slider-header{
background:url(../images/FormHead-03.png) no-repeat left;
width: 246px;
height: 74px;
margin-top: -15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.right-block{
width: 244px;
padding:0 12px;
background:#ececec;
}
.contact-number{
background:url(../images/sprite.png) no-repeat -10px -710px;
width: 206px;
height: 101px;
text-align: center;
margin-top: 25px;
margin-left: 18px;
padding-bottom:5px;
}
.contact-number p{
color:#333333;
font-size: 18px;
font-weight: normal;
line-height: 30px;
}
.contact-number p strong{
color:#db0e05;
font-size: 26px;
font-weight: bold;
}
#slideToggle img{
cursor: pointer;
}
.slideTogglebox{
text-align: center;
padding-top: 8px;
padding-bottom: 10px;
border-left: 1px solid #959595;
border-right: 1px solid #959595;
background:#ffffff;
max-width: 242px;
height: 370px;
NOTE THIS IS BOX IN WHICH THE FORM IS
}
.slideTogglebox input.input-text, select.input-text {
border: 1px solid #959595;
height: 27px;
margin:4px 0px 4px 0px;
font-size: 11px;
color: #555555;
}
.slideTogglebox input.input-text{
padding-left: 5px;
width: 210px;
line-height: 27px;
}
select.input-text {
padding-top: 3px;
padding-bottom: 3px;
width: 215px;
line-height: 27px;
}
.btn2{
float: left;
cursor: pointer;
}
.btn1{
float: right;
cursor: pointer;
}
.slideTogglebox textarea{
border: 1px solid #959595;
width: 205px;
height: 88px;
margin-bottom: 5px;
padding: 5px;
color: #555555;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.slide-control{
float: left;
background: url(../images/sprite.png) ;
width: 234px;
height:11px;
}
.submit-btn{
background:url(../images/submit.png) no-repeat;
float: left;
width: 218px;
height: 21px;
border:none;
margin-left: 12px;
margin-top:5px;
padding-top: 5px;
cursor: pointer;
}
.small-submit{
background:url(../images/sprite.png) no-repeat -10px -1550px;
width: 52px;
height: 22px;
border: none;
float: right;
margin-right: 5px;
cursor:pointer;
}
.small-text{
width: 135px;
height: 20px;
border: 1px solid #959595;
font-size: 11px;
color: #555555;
padding-left: 3px;
}
a {
color:#699
NOTE-THIS IS COLOR OF HYPERLINKS IE IN THE BLACK FOOTER
}
a:link,
a:visited {
text-decoration: none;
NOTE-THIS IS COLOR OF VISTED HYPERLINKS IE IN THE BLACK FOOTER
}