html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;}

body {line-height: 1;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
a {color: #576A8A;text-decoration: none;}
a:hover {color: #FF6600;}
.red{color:#ff0000;}
.gold{color:#B57619;}
.blue{color:#576A8A;}
.clear {clear: both;}
.text-center {text-align: center !important;}
.blue-box {padding: 5px; border: 1px solid #CCC;background: #F3F2F2;margin-bottom: 15px;}
.grey-rc-box {background: #eee;width: 505px;}
.grey-rc-box .top {background: #eee url(../images/grey_corner_box.gif) no-repeat;height: 16px;}
.grey-rc-box .bottom {background: #eee url(../images/grey_corner_box.gif) no-repeat bottom left;height: 16px;}

#wrapper {width: 760px;margin: 0 auto 10px auto;text-align: left;}
#header {margin: 1px 0;position: relative;z-index: 20;}
#header #logo {width: 80px;height: 65px;display: block;float: left;margin-right:1px;background: url(../images/fields_data_recovery_logo_hover.png);}
#header #logo:hover img {display: none;}
#header ul#main-nav {list-style: none;font-size: 11px;}
#header ul#main-nav li {float: left;margin-right:1px;line-height: 14px;position: relative;}
#header ul#main-nav li.last{margin-right:0px;}
#header ul#main-nav li a {padding: 17px 0 0 5px;color: #fff;text-decoration: none;background: #576a8a url(../images/main_nav_back.gif) no-repeat;width: 130px;height: 48px;float: left;}
#header ul#main-nav li:hover a,
#header ul#main-nav li.current a
  {background: #848ca5 url(../images/main_nav_back.gif) no-repeat top right;}
#header ul#main-nav li a:hover {color: #FF6600;}
#header ul#main-nav li:hover ul,
#header ul#main-nav li.hoverFix ul
  {display: block;}
#header ul#main-nav ul {display: none;position: absolute;z-index: 25;top: 65px;border-top: 1px solid #fff;left: 0;background: #848ca5;list-style: none;padding-top: 5px;min-height: 95px;}
#header ul#main-nav ul.span-1 {width: 135px;}
#header ul#main-nav ul.span-2 {width: 271px;}
#header ul#main-nav ul.span-3 {width: 407px;}
#header ul#main-nav ul.span-4 {width: 543px;}
#header ul#main-nav ul li {float: none;background: url(../images/main_nav_bullet.gif) no-repeat left center;margin-left: 10px;padding-left: 15px;margin-bottom: 5px;}
#header ul#main-nav li:hover ul a {background: none;}
#header ul#main-nav ul li a {padding: 0;background: none;width: auto;height: auto;float: none;}
#header ul#main-nav ul.last li {margin-left: 6px; padding-left: 14px; }
#header ul#main-nav ul li.sub-nav {float: left;background: none;padding-left: 0;font-weight: bold;margin: 0;}
#header ul#main-nav ul li.sub-nav a {margin-left: 10px;display: block;}
#header ul#main-nav ul li.sub-nav ul.raid {width: 80px;}
#header ul#main-nav ul li.harddrive {width: 191px;}
#header ul#main-nav ul li.laptop {width: 140px;}
#header ul#main-nav ul li.removable {width: 210px;}
#header ul#main-nav ul li.removable ul {width: 90px;}
#header ul#main-nav ul li.sub-nav ul {border-top: none;position: relative;float: left;margin: 0 5px 0 10px;top: 0;min-height: 0;padding-top: 5px;}
#header ul#main-nav ul li.sub-nav ul li {font-weight: normal;margin-left: 0px;padding-left: 15px;clear: left;float: left;display: inline;width: 100%;}
#header ul#main-nav ul li.sub-nav ul li a {margin-left: 0;}
#header ul#main-nav ul li.no-pad ul {padding-top: 0;}

/** index top banner **/
#data-recovery {background: url(../images/data_recovery_banner.jpg) no-repeat left 1px;width: 760px;height: 213px;position: relative;clear: left;margin: 1px 0 3px 0;}
#data-recovery p {position: absolute;}
#data-recovery .lost-data {font-size: 29px;color: #b37d35;top: 22px;left:44px;line-height:1.1em;}
#data-recovery .data-back {font-size: 24px;color: #536e7f;top: 81px;left: 222px;}
#data-recovery .fields-1 {text-align: right;font-size: 37px;color: #384d68;top: 8px;right: 16px; }
#data-recovery .fields-2 {font-size: 17px;color: #384d68;top: 43px;right: 16px;text-align: right;}
#data-recovery .phone {font-size: 26px;color: #c51719;top: 78px;right: 17px;}
/** header & title banner **/
#header-banner {margin: 1px 0;float:left;}
#title-banner {margin-bottom: 4px;color: #fff;font-size: 18px;line-height: 26px;clear:left;}
#title-banner div {background: #576a8a;}
#title-banner p {float: right;margin-right: 10px;}
#title-banner h2 {margin-left: 30px;font-weight: normal;}
#title-banner .t1, #title-banner .b1 {margin: 0 3px;height: 1px;background: #576a8a;font-size: 1px;line-height: 0;}
#title-banner .t2, #title-banner .b2 {margin: 0 1px;height: 2px;background: #576a8a;font-size: 1px;line-height: 0;}

/** online quote form **/
#content-left {margin-bottom: 5px;width: 199px;border-right: 1px solid #638C9C;float: left;}
#content-left #online-quote {text-align: center;}
#content-left h2.online-quote-text {font-weight: bold;font-size: 18px;margin: 5px 0 10px 0;color:#576A8A;}
#content-left form#quote {padding: 0 0px 5px 0px;margin-bottom: 25px;}
#content-left form#quote .required { text-align: right; font-size: 11px; margin-right: 10px;}
#content-left form#quote fieldset {margin-bottom: 10px;}
#content-left form#quote legend.details {padding-left: 65px;}
#content-left form#quote legend.drive {padding-left: 65px;}
#content-left form#quote legend.additional {padding-left: 40px; }
#content-left form#quote input.text {width: 100px;margin-right: 5px;}
#content-left form#quote select {width: 170px; font-size: 10px; height:18px; }
#content-left form#quote p {clear: left;margin-bottom: 4px;}
#content-left form#quote label.email {margin-top: -6px;}
#content-left form#quote label {margin-left: 7px;}
#content-left form#quote .small {font-size: 10px;padding: 0 10px;}
#content-left form#quote textarea {width: 170px;height: 60px;}
#content-left form#quote .button {width: auto;padding: 2px 15px;}
#content-left #clients-banner { display: block; width: 185px; height: 190px; margin: 0 auto 15px auto; }

#content-right {width: 550px;float: left;margin: 15px 0 5px 10px;}
#content-right h1 {color: #576A8A;text-align: center;font-weight: normal;font-size: 18px;margin-bottom: 15px;line-height: 22px;}
#content-right h2.main {color: #576A8A;text-align: center;font-weight: normal;font-size: 18px;margin-bottom: 15px;line-height: 22px;}
#content-right h3 {color: #576A8A;font-size: 14px;font-weight:normal;text-align:center;margin-bottom: 1em;}
#content-right h3.affiliate { color: #344765; font-size: 18px; }
#content-right h4 {color: #576A8A; margin-bottom: 1em;}
#content-right p {text-align: justify;margin-bottom: 1em;line-height: 15px;}
#content-right ul, #content-left ol {margin: 0 0 10px 40px;line-height: 15px;text-align:justify;}
#content-right #testimonial {clear: both;background: #EEEEEE;font-size: 11px;padding: 10px;margin-bottom: 5px;font-weight: bold;}
#content-right #testimonial p {text-align: center;margin: 0;}
#content-right #testimonial span {font-weight: normal;}
#content-right img.center {display: block;margin: 20px auto 25px auto;}
#content-right table.data {width: 350px;border: 1px solid #000;margin: 0 auto 10px auto;border-collapse: collapse;}
#content-right table.data th {background: #576A8A;color: #fff;text-align: center;padding: 2px;}
#content-right table.data td {width: 130px;padding: 4px 3px;border: 1px solid #000;}
#content-right .button-home { margin-bottom: 10px; }
/** index **/
#content-right .overflow {text-align: justify;height: 448px;overflow: auto;margin: 0 10px 12px 0;padding: 12px 10px 0 0;}
#content-right .small {font-size: 11px;}
#content-right .media-links {text-align: center;margin: 15px 0;}
#content-right .index-services {width: 505px;margin: 0 auto 20px auto;}
#content-right .index-services ul {list-style: none;float: left;margin: 0 10px;width: 222px;text-align:left; }
#content-right .index-services ul.right {float: right;}
#content-right .index-services li {background: url(../images/tick_bullet.gif) no-repeat left top;padding-left: 25px;}
/** hard drives **/
#content-right ul.list-right {float:right; margin-right: 30px; }
/** clients **/
#content-right .clients div {margin-bottom: 10px;clear: left;}
#content-right .clients p {float: left;width: 400px; margin-bottom: 20px;}
#content-right .clients img {float: left;margin: 5px 18px 0 0;width:120px; height: 60px;}
/** live success **/
#content-right .live-rates div.top {margin-top: 20px;}
#content-right .live-rates div {clear: left;margin-bottom: 22px;}
#content-right .live-rates img {float: left;margin: -5px 43px 0 30px;width: 57px;height:20px;}
#content-right .live-rates .bar {width: 285px;margin: 0 10px 0 0;height: 12px;font-size: 0;line-height: 0;float: left;clear: none;}
#content-right .live-rates .bar div {background: #576a8a;height: 100%;}
#content-right .live-rates .bar .red {background: #ff0000;}
/** offices **/
#content-right .offices div {clear: left;margin-top: 15px;position: relative; }
#content-right .offices div.info {min-height: 125px;clear: none;margin: 0 0 20px 0;float: left;width: 350px;}
#content-right .offices p strong {color: #576A8A;}
#content-right .offices p.contact {text-align: right;position: absolute;right: 15px;bottom: 10px;margin: 0;}
#content-right .offices img {float: left;margin: 5px 10px 5px 5px;width:169px;height:129px;}
/** faqs **/
#content-right .questions a {font-weight: bold;line-height: 15px;}
/** cases **/
#content-right .cases .blue-box p,
#content-right .case p
  { margin-bottom: 0;}
/** login **/
#content-right form#login {border: 1px solid #AEB1B8;padding: 10px;text-align: center;margin-bottom: 10px;}
#content-right form#login label {width: 190px;}
#content-right form#login input.text {width: 150px;}
/** contact **/
#content-right .contact-address {float: right;width: 200px;}
#content-right .contact-address p {text-align: right;}
#content-right .contact-address div {margin-bottom: 10px }
#content-right .contact-address img { float: right; margin-bottom: 10px; }
#content-right form#contact {width: 330px;float: left;margin-bottom: 10px;}
/** 3 steps **/
#content-right .step-left, #content-right .step-right {clear: both;padding: 0 55px 20px 55px;}
#content-right .step-left ul, #content-right .step-right ul {padding-top: 35px;margin-left: 10px;}
#content-right .step-left img {float: left;width: 136px;margin-right: 60px;}
#content-right .step-right img {float: right;width: 136px;margin-left: 60px;}
#content-right a.step-next {float: right;background: url(../images/arrow_next.gif) no-repeat left center;padding: 0 0 0 11px;margin-bottom: 10px;font-size: 14px;font-weight: bold;}
#content-right a.step-next:hover {background-image: url(../images/arrow_next_hover.gif) }
/** price guide **/
#content-right form#recovery {width: 450px; margin: 0 auto 10px auto;text-align: center;}
#content-right form#recovery fieldset {margin-bottom: 10px;}
#content-right form#recovery fieldset.user-details {float: left;width: 210px;margin-right: 30px;}
#content-right form#recovery fieldset.drive-details {float: left;width: 210px;text-align: left;}
#content-right form#recovery fieldset.additional {width: 450px;margin-bottom: 0;}
#content-right form#recovery legend {padding-bottom: 10px;font-weight: bold;line-height: 24px;font-size: 12px;text-align: left;}
#content-right form#recovery label { width: 85px; }
#content-right form#recovery input.text {width: 115px;}
#content-right form#recovery select {width: 210px;}
#content-right form#recovery textarea {width: 448px;height: 110px;margin: 10px 0;}
#content-right table.prices {width: 300px;border-collapse: collapse;text-align: center;margin: 0 auto 10px auto;}
#content-right table.prices th {font-weight: normal;}
#content-right table.prices td {width: 100px;padding: 2px;}
/** affiliate **/
#content-right #affiliate-links { margin-bottom: 10px; text-align: center; }
#content-right #affiliate-links img { margin: 0 2px; }
/** join **/
#content-right h4 { margin-bottom: 14px; }
#content-right h5 { font-weight: normal; font-size: 11px; margin-bottom: 10px; }
#content-right img.step-num { float: right; }
#content-right form#join-us { clear: right; background: #F7F7F7; border: 1px solid #AEB1B8; padding: 10px 110px 10px 0px; margin: 10px 0; }
#content-right form#join-us label { width: 225px; text-align: right; margin-right: 5px; }
#content-right form.step-4 { padding: 10px !important; }
#content-right form.step-4 .button { margin-left: 0 !important; }
#content-right form#join-us input.short { width: 70px; }
#content-right form#join-us input.button { margin-left: 230px; }
#content-right form#join-us .check-agree label { float: none; font-weight: normal; display: inline; }
#content-right form#join-us select { width: 148px; font-size: 10px; height:18px; }
#content-right form#join-us .pad-bottom { margin-bottom: 30px !important; }
#content-right form#join-us .radio-label { font-weight: normal; display: inline; float: none; }
#content-right form#join-us .aff { margin-bottom: 20px; }
#content-right .terms-overflow { text-align: left; margin-bottom: 10px; overflow: auto; height: 300px; border: 1px solid #638C9C; font-size: 13px; padding: 5px; background: #ebebe4; }
#content-right .terms-overflow p { line-height: 1.4em; }
/** site map **/
#content-right ul.site-map { list-style: none; margin: 0; }
#content-right .site-map li { margin-bottom: 5px; }
/** staff **/
#content-right a.next {background: url(../images/arrow_next.gif) no-repeat right center;padding: 0 11px 0 0;margin: 0 0 10px 20px;font-size: 14px;font-weight: bold;}
#content-right a.next:hover {background-image: url(../images/arrow_next_hover.gif) }
#content-right a.prev {background: url(../images/arrow_previous.gif) no-repeat left center;padding: 0 0 0 11px;margin-bottom: 10px;font-size: 14px;font-weight: bold;}
#content-right a.prev:hover {background-image: url(../images/arrow_previous_hover.gif) }

#footer {clear: left;margin-bottom: 10px;}
#footer ul {list-style: none;font-size: 11px;}
#footer li {float: left;background: #576a8a;width: 69px;margin-right: 1px;text-align: center;}
#footer li.left {width: 200px;background: #949bb2 url(../images/footer_nav_left_back.gif) no-repeat;}
#footer li.right {width: 69px;margin: 0;background: #576a8a url(../images/footer_nav_right_back.gif) no-repeat top right;}
#footer li a {color: #fff;padding: 10px 0 0 0;display: block;height: 20px;}
#footer li a:hover {background: #949bb2;}
#footer li.left a:hover {background: #576a8a url(../images/footer_nav_left_hover_back.gif) no-repeat;}
#footer li.right a:hover {background: #949bb2 url(../images/footer_nav_right_hover_back.gif) no-repeat top right;}

form legend {padding-bottom: 10px;font-weight: bold;line-height: 24px;font-size: 12px;text-align: left;}
form input.text {border: 1px solid #638C9C;padding: 0 2px; }
form select {border: 1px solid #638C9C;margin-bottom: 4px; }
form p {clear: left;margin-bottom: 4px !important;}
form label {width: 70px;text-align: left;display: block;float: left;}
form textarea {border: 1px solid #638C9C;}
form .button {background: #576A8A;color: #fff;text-align: center;border: 1px solid #638C9C;padding: 2px 15px;width: auto ;}