body, p, h1, h2, h3, h4, ul {margin: 0; padding: 0;}
.clear {clear: both;}
a:hover {color: #0078b0 !important;}
img {border: 0}
em strong, strong em {color: #db0000}

/** Here's where the magic happens **/
input {color: #999;}
input:focus, input.focused {  outline: 0; color: #333; }

.error{ color: #db0000;}
body {background: #cbcbcb url(images/bg.jpg) center top no-repeat; margin: auto; width: 980px; font: 12px Arial, sans-serif;}

#top h1 a {display: block; float: left; margin: 17px 0 22px 23px; padding-top: 64px; width: 156px; height: 0; overflow: hidden; background: url(images/atrendia_logo.gif) no-repeat;}
#lang {float: left; padding-top: 11px; width: 16px; height: 0; margin: 70px 12px 0 32px; overflow: hidden; background: (images/en.gif) no-repeat;}
#advisor_phone {float: right; margin: 70px 40px 0 0; color: #7e7e7e; }
#topmenu {float: left; list-style: none; margin: 52px 0 0 0;}
#topmenu li {float: left; background: url(images/separator.gif) left 19px no-repeat; padding: 0 0 0 5px; margin: 0 0 0 5px;}
#topmenu li a { text-decoration: none; color: #242424; font-weight: bold; display: block; padding: 18px 3px 5px 7px;}
#topmenu li.active a {background: url(images/top_active.gif) top center no-repeat;}

#content ul#top_submenu { list-style: none !important; padding: 0!important; background:  url(images/whoa!.gif) 0 13px no-repeat; margin: 0;}
#top_submenu li {font-weight: bold; padding: 0 9px 0 0; margin: 0 9px 0 0; padding-bottom: 50px; float: left; display: inline; margin-top: -21px; background: url(images/separatorred.gif) right 4px no-repeat;}
#top_submenu a {color: #242424!important; padding-top: 18px;}
#top_submenu a:hover {color: #0078b0 !important; text-decoration: none!important}
#top_submenu li.active a {background: url(images/top_active.gif) top center no-repeat;}

#sidemenu {float: left; list-style: none; margin: 0 0 0 1px; }
#sidemenu li {border-bottom: 1px solid #d9d9d9;}
#sidemenu li.active { border-right: 1px solid white; background: url(images/active_side.gif) left 19px no-repeat;}
#sidemenu li.expanded { border-right: 1px solid white; }
#sidemenu li a {color: #242424; text-decoration: none; width: 221px; padding: 1px 0 0 23px; height: 48px; line-height: 48px; display: block;}
#sidemenu ul {list-style: none; margin: -10px 0 10px 0;}
#sidemenu ul li {border-bottom: none;}
#sidemenu ul li.active {border: 0; background: url(images/active_side.gif) left center no-repeat;}
#sidemenu ul li a {height: 25px; line-height: 25px; margin: 0;}

#sidemenu ul li a { }

#body {clear: both; background: white url(images/bodybg.png); ;}
#content {min-height: 330px; padding: 36px; width: 660px; float: right; position: relative;}
#content h1 {font-size: 21px; margin: 0 0 35px 0; clear: both;}
#content h1 span {float: right; font: 12px normal Arial, sans-serif; color: #999; padding-top: 8px;}
#content h1 a {color: #999; text-decoration: none;}
#content h1 a:hover {text-decoration: underline;}

#content h2 {clear: both; height: 40px; line-height: 40px; font-size: 14px; border: 1px dotted #bfbfbf; border-left: 0; border-right: 0; margin: 20px 0 15px 0}
#content h3 {font-size: 14px; padding: 16px 0 6px 0; margin: 6px 0 0 0; border-top: 1px dotted #bfbfbf;}
#content h4 {font-size: 12px; padding: 16px 0 2px 0; margin: 6px 0 0 0; border-top: 1px dotted #bfbfbf;}
#content p {color: #4c4c4c; line-height: 20px; padding: 0 0 10px 0; margin: 0;}
#content ol {padding: 0 0 15px 25px; margin: 0; list-style: decimal outside;}
#content ul {padding: 0 0 15px 0; margin: 0 0 0 15px; list-style: square outside;}
#content li {color: #4c4c4c;line-height: 20px;}
#content li ul {padding: 0; margin: 0 0 0 30px; list-style: circle;}
#content a {color: #0078b0; text-decoration: none;}
#content a:hover {text-decoration: underline;}

#content #team {list-style: none;}
#content #team {margin-left: 0; padding-left: 0;}
#content #team li {float: left; width: 165px; margin-bottom: 20px; margin-left: 0; padding-left: 0;}

.calc {width: 595px; height: 267px; background: url(images/calc.jpg); padding: 25px 30px;}
#content .calc p {float: left; width: 100px; font-size: 15px; width: 245px; line-height: 22px;}
.calc table {float: right; width: 340px;}
.calc table td {text-align: left;}
.calc table input {width: 150px; margin: 0;}

.calc2 {color: #494949; border: 1px solid #e0e0e0; width: 653px; margin: 15px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.calc2 p {font-size: 15px; line-height: 21px; margin: 0; padding: 0;}
.calc2 .step1, .calc2 .step2, .calc2 .step3, .calc2 .step4, .calc2 .step5, .calc2 .step6{padding: 28px; border-bottom: 1px solid #e0e0e0; clear: both; height: 60px;}
.calc2 .step1 span {font-size: 72px; float: left; font-weight: bold; margin: 0 25px 0 0; padding: 0; line-height: 62px;}
.calc2 .pie-label {display: none;}
.calc2 .step1 p {float: left; width: 245px;}
.calc2 .step2 p {float: left; width: 299px;}
/*
.calc2 .step2 span {font-size: 72px; float: right; font-weight: bold; line-height: 62px; width: 270px; height: 62px; overflow: hidden;}
*/
.calc2 .step4 {height: 120px;}
#content .calc2 .step5 span, .step2 span {font-size: 36px; float: left; font-weight: bold; line-height: 15px; margin: 0 25px 0 0 ; padding: 10px 0 0 0; width: 217px; height: 62px; overflow: hidden;}
#content .calc2 .step5 span b, .step2 span b {font-size: 11px;  margin: 0; padding: 0;line-height: 1px;text-transform: uppercase; color: #888;}
.calc2 .step6 {height: 80px;}
.calc2 div.step6 {border-bottom: 0;}


form {padding: 0; margin: 0;}
form table {padding: 0; margin: 0; border: 0; border-spacing: 0;}
form table td {text-align: right; vertical-align: top; padding: 0; margin: 0; line-height: 36px; border:none; border-width: 0px;}
form input    {outline: 0; border: 1px solid #bfbfbf; margin: 3px 0 3px 14px; padding: 6px; font: 12px Arial; width: 330px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
form textarea {outline: 0; border: 1px solid #bfbfbf; margin: 3px 0 3px 14px; padding: 6px; font: 12px Arial; width: 330px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 120px;}
form span {color: #888;}
a.redbutton {display: inline; min-width:10px; width:auto !important; width:10px; height: 30px; background: red; color: white!important; background: red url(images/redbutton.gif) top left ; padding-left: 30px; margin: 0  0 0 14px; float: right; line-height: 30px; margin-bottom: 35px}
a.redbutton span {background: url(images/redbutton.gif) top right; display: block; height: 30px; padding-right: 30px; font-size: 12px; text-transform: uppercase; color: white!important;}
a.redbutton:hover {text-decoration: none!important; background: red url(images/redbuttonhov.gif) top left ;}
a.redbutton:hover span {background: url(images/redbuttonhov.gif) top right}
.fineprint {width: 346px; font-size: 11px; padding: 3px 0 3px 14px; line-height: 14px; color: gray; display: block;}

a.partner {display: inline; min-width:10px; width:auto !important; width:10px; height: 30px; background: red; color: white!important; background: red url(images/redbutton.gif) top left ; padding-left: 30px; margin: 12px 0 0 0; float: left; line-height: 30px; margin-bottom: 35px}
a.partner span {background: url(images/redbutton.gif) top right; display: block; height: 30px; padding-right: 30px; font-size: 12px; text-transform: uppercase; color: white!important;}
a.partner:hover {text-decoration: none!important; background: red url(images/redbuttonhov.gif) top left ;}
a.partner:hover span {background: url(images/redbuttonhov.gif) top right}

.header {cursor:pointer;}
.content {overflow:hidden}
#content ol.slider {padding: 0; margin: 10px 0 30px 0;}
#content ol.slider li {border-top: 1px dotted #bfbfbf; list-style: decimal outside; color: #888888; margin: 0 0 7px 0; padding: 7px 0 0 0;}
#content ol.slider li p {color: #888888; margin-left: 10px; margin: 7px 0 0 0;}
#content ol.slider li b {color: #242424; font-weight: normal; }

#content ul.slider {padding: 0; margin: 0; list-style: none;}
#content .slider li {border-top: 1px dotted #bfbfbf; padding: 20px 0 0 0px; margin: 20px 0 0 0; clear: both;}
#content .slider h2 {border: 0; clear: none; font-size: 16px; color: black; margin: 0; padding: 0; line-height: 20px; height: 20px;}
#content .slider span {color: #545454; font-size: 16px; padding: 1px 0 3px 0; margin: 0 0 0px 0; display:block;}
#content .slider .photo {width: 80px; height: 100px; float: left; margin-right: 20px;}
#content .slider .content {}
#content .slider .header {}

#footer {clear: both; color: #737373; font-size: 11px; margin-bottom: 20px; padding-top: 15px; background: url(images/bottom.gif) top no-repeat;}
#footer a {text-decoration: none; color: #737373;}
#footer a:hover {text-decoration: underline;}

.bottombanners {width: 980px; height: 122px; background: url(images/bottombanners.gif); margin: 0; margin-top: 10px; padding: 0; list-style: none;}
.bottombanners li {display: block; height: 80px; margin: 1px auto; width: 200px; padding: 20px 22px; float: left;  font-size: 12px; border-right: 1px solid #d9d9d9; line-height: 18px;}
.bottombanners li b {color: black; display: block; margin-bottom: 8px;}
.bottombanners li a {display: block; }
#footer .bottombanners li a:hover {text-decoration: none;}

.comparison {border-spacing: 0; border-collapse: collapse; font-size: 12px; line-height: 17px;}
.comparison td {border-bottom: 1px solid #ccc; padding: 8px 8px 24px 8px; vertical-align: top; color: #4c4c4c;}
.comparison td strong {color: #000;}
#content .comparison ul {padding: 0;}
#content .comparison li {margin: 0 0 6px 0;  line-height: 18px;}
.comparison .red td {background: #dc0000; border-bottom: 1px solid #bd0000; border-top: 1px solid #bd0000; color: white; font-weight: bold; padding: 4px 8px;}

ul#clientlist {margin: 0; padding: 0; list-style: none;}
#clientlist li {height: 120px;}

.terms, .solution {padding: 10px 23px 30px 23px; }
.solution {float: right;}

.sidead {display: block; width: 190px; text-decoration: none; line-height: 18px; padding: 18px 0; margin: 0 20px 0 23px; border-top: 1px solid #ddd;}
.sidead h4 {color: #555; margin-bottom: 5px;}
.sidead p {color: #888;}
.sidead:hover h4, .sidead:hover p {color: #0078b0;}

/*mano*/
.Acalc {
width: 257px; 
height: 275px; 
background-image: url(/images/Acalc.png); 
padding: 22px 26px;
float:left;
}
.Acalc2 {
margin-left:50px;
width:280px;
height:318px;
float:left;
font-size: 13px;
}
.Acalc2 .Abox {
width:280px;
height:100px;
margin:0px;
padding:0px;
}
.Acalc2 .h {
font-weight: bold;
margin-bottom: 8px;
}
.Acalc2 .num {
width:42px;
float:left;
font-weight: bold;
font-size: 14px;
}
.Acalc2 .bar {
width:237px;
height:9px;
float:left;
margin-top:3px;
}
.Acalc2 .line {
clear:both;
padding-top:6px;
font-size:14px;
}
.Acalc3 .h {
font-weight:bold;
text-align:left;
padding-top:36px;
padding-bottom: 16px;
}
.Acalc3 {
font-size:14px;
}

.Acalc input {
width:101px;
height:18px;
background-image: url(/images/Ainput.png);
border:0px;
margin-right:5px;
padding:5px;
margin-bottom: 3px;
}
.Acalc select {
width:111px;
height:28px;
background-image: url(/images/Ainput.png);
border:0px;
padding:5px;
margin-bottom: 3px; 
}