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;}
.black {color: #000 !important;}
.red {color: #ff0000 !important;}
.lblue {color: #576A8A !important;}
.clear {clear: both;}
.text-center {text-align: center !important;}
.blue-box {padding: 5px; border: 1px solid #CCC;background: #F3F2F2;margin-bottom: 10px;}
.grey-rc-box {background: #eee;width: 400px;}
.grey-rc-box .top {background: #eee url(../images/grey_corner_box.gif) no-repeat;height: 11px;}
.grey-rc-box .bottom {background: #eee url(../images/grey_corner_box.gif) no-repeat bottom left;height: 11px;}

#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/daten_phoenix_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 {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.last li {margin-left: 6px;padding-left: 14px;}
#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 li a:hover {background: none;}
#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: 190px;}
#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: 28px;color: #ab7c2a;top: 24px;left: 9px;}
#data-recovery .data-back {font-size: 24px;color: #536e7f;top: 81px;left: 180px;}
#data-recovery .fields-1 {text-align: right;font-size: 36px;color: #384d68;top: 10px;right: 18px; }
#data-recovery .fields-2 {font-size: 15px;color: #384d68;top: 44px;right: 18px;text-align: right;}
#data-recovery .phone {font-size: 26px;color: #c51719;top: 78px;right: 18px;}
/** 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;}

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

#footer {clear: left;margin-bottom: 10px;}
#footer ul {list-style: none;font-size: 11px;}
#footer li {float: left;background: #576a8a;width: 85px;margin-right: 1px;text-align: center;}
#footer li.big {width: 115px;}
#footer li.multi-line { width: 130px; }
#footer li.multi-line a { padding-top: 5px; padding-bottom: 5px; }
#footer li.left {width: 185px;background: #949bb2 url(../images/footer_nav_left_back.gif) no-repeat;}
#footer li.right {width: 68px;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 ;}