/* * * * * Index start * * * * *
 * Base
 * Base, submenu
 * Print
 * Landing page
 * * * * *  Index end  * * * * */
/* * * * * Here comes "Base" * * * * */
html, body {  
  margin:0;
  padding:0;
}
html {
  overflow-y:scroll;
}
body {
  background:#e8e6db url(/uploads/chrome/body_bg.png) left top repeat-x;
  color:#000;
  font:12px/1.5 Arial, Helvetica, sans-serif;
  margin-top:10px;
}

body.personal {
  background:#e6e6e6;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

h1 {
  color:#2da944;
  font-size:300%;
  font-weight:normal;
  line-height:1.25;
  margin:0 0 0.5em;
}

h2, h3 {
  color:#4D4E53;
  font-size:150%;
  line-height:1.25;
  margin-bottom:0.2em;
}

h3 {
  font-size:120%;
  margin:1em 0 0.1em;
}

h2 + p, h3 + p {
  margin-top:0;
}

h2 + h3 {
  margin-top:0.5em;
}

p {
  margin:1em 0;
}

p:first-child {
  margin-top:0;
}

p.lead {
  font-weight:bold;
}

img, a:focus, object, embed, canvas {
  border:0;
  outline:0;
}

.article p img {
  padding:10px;
}

.article .figure img, .article .illustration img {
  display:block;
  padding:0;
}


a {
  border:0;
  color:#2da944;
  text-decoration:none;
}

input, select, textarea {
  font:100% Arial, Helvetica, sans-serif;
}
.page {
  margin:0 auto;
  width:980px;
}
.header {
  position:relative;
  z-index:899;
}

.segment-menu, .segment-menu li {
  font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  list-style:none;
  margin:0;
  padding:0;
}
.segment-menu li {
  float:left;
}

* html .segment-menu li {
  height:0;
}

.segment-menu li.active {
  position:relative;
  z-index:1000;
}
.segment-menu a {
  background:#fff url(/uploads/chrome/section-tabs.png) no-repeat center -60px;
  border:1px solid #e4e2db;
  border-bottom:0;
  color:#979793;
  display:block;
  height:0px;
  margin-right:5px;
  padding:28px 30px 0;
  text-decoration:none;
  text-transform:uppercase;
  overflow:hidden;
}
.segment-menu .active a {
  color:#2da944;
  top:1px;
  z-index:1000;
  padding-top:29px;
  position:relative;
  margin-top:-1px;
}

.segment-menu .personal a {
  background-position:center -94px;
}

body.business .segment-menu .active a {
  background-position:center 8px;
}

body.personal .segment-menu .active a {
  background-position:center -27px;
}

.locale-menu ul {
  margin:0 0 5px;
  padding:0;
  position:relative;
  float:right;
  z-index:899;
}
.locale-menu li {
  display:inline;
}
.locale-menu a {
  text-decoration:none;
  color:#555;
  background:url(/uploads/chrome/flag_bg.png) no-repeat left top;
  float:left;
  display:block;
}
.locale-menu img { display:block; padding:4px; }
.locale-menu span {
  display:none;
  width:200px;
  position:absolute;
  right:110%;
  font:normal 11px Arial, Helvetica, sans-serif;
  text-align:right;
  line-height:20px;
  top:0px;
}
.locale-menu a:hover span {
  display:inline;
}

.header .logo {
  background:url(/uploads/chrome/header_bg.png) no-repeat left bottom;
  clear:both;
  height:56px;
  padding:18px 25px 12px;
  position:relative;
  z-index:500;
}
* html #header .logo {
  height:0;
}

.search-box {
  background:url(/uploads/chrome/search-box-bg.png) left top;
  position:absolute;
  top:60px;
  right:20px;
  height:32px;
  overflow:hidden;
  width:220px;
  z-index:9999;
}
.search-box fieldset { border:0; margin:0; padding:0; }
.search-box .query {
  background:0;
  border:0;
  color:#4d4e53;
  font:12px Arial, Helvetica, sans-serif;
  width:174px;
  margin:0;
  padding:9px 8px 7px;
  vertical-align:top;
}
.search-box .button {
  border:0;
  padding:7px 6px;
  vertical-align:top;
  width:11px;
  height:18px;
  background:url(/uploads/chrome/search-submit.png) no-repeat center; 
}

.main-menu {
  height:33px;
  background:url(/uploads/chrome/bg_smenu.png) repeat-x left bottom;
  font:normal 1em/30px 'Arial', sans-serif;
  clear:both;
  position:relative;
  z-index:8000;
}
.main-menu ul {
  padding:0;
  margin:0;
  list-style-type:none;
  float:left;
  position:relative;
  min-height:0;
  z-index:8000;
}
.main-menu li ul {
  display:none;
  position:absolute;
  z-index:8000;
  background:#fff;
  border:1px solid #D9D7CE;
  border-top:0;
  top:33px;
  *left:0;
}
.main-menu li {
  float:left;
  display:block;
  *position:relative;
  min-height:0;
}
.main-menu a {
  text-decoration:none;
  height:27px;
  line-height:28px;
  display:block;
  color:#fff;
  padding:3px 24px;
  float:left;
  text-shadow:#656562 0 1px 0; 
}

.main-menu li ul a:hover, .main-menu li.active > a {
  background:url(/uploads/chrome/menu_arrow_white.png) no-repeat 10px 11px;
  color:#fff;
}

.main-menu li ul li {
  float:none;
  position:relative;
  white-space:nowrap;
  border-top:1px solid #e5e5e5;
  padding:0;
}

.main-menu li ul a {
  background:0;
  height:auto;
  color:#4d4e53;
  text-shadow:none;
  padding:8px 16px;
  float:none;
  line-height:1.25;
  min-height:0;
  font-size:14px;
  font-weight:bold;
}

.main-menu li ul li.active > a, .main-menu li ul a:hover, .main-menu ul ul li:hover > a {
  background-image:url(/uploads/chrome/menu_arrow.png);
  color:#4d4e53;
  background-position:5px center;
  background-repeat:no-repeat;
}

.main-menu ul li:hover > a + ul {
  display:block;
}

.main-menu ul ul ul {
  display:block;
  position:relative;
  top:-4px;
  float:none;
  border:0;
  background:0;
  margin-left:14px;
  padding:0 5px 5px;
}

.main-menu ul ul ul li {
  border:0;
  padding:0;
  line-height:1.75;  
}

.main-menu ul ul ul a {
  font-weight:normal;  
  padding:0;
  font-size:12px;
  line-height:1.75;
}

.main-menu ul ul ul a:hover, .main-menu ul ul ul li.active a {
  background:0;
  color:#2da944;
}

.breadcrumbs {
  background:#fff;
  color:#4D4E53;
  border:1px solid #D9D7CE;
  border-width:0 1px;
  padding:8px 14px 0;
  font-size:11px;
}

.page-menu {
  background:url(/uploads/chrome/page-menu_bg-top.png) no-repeat left top;
}

.page-menu ul {
  background:url(/uploads/chrome/page-menu_bg-bottom.png) no-repeat left bottom;
  padding:3px 4px 32px 2px;
  margin:0;
  list-style:none;
  min-height:250px;
}

.page-menu ul ul {
  background:0;
  border:0;  
  min-height:0;
  padding-top:0;
}

.page-menu .lvl2 ul {
  background:#fff;
  padding:3px 3px 8px 8px;
  border:1px solid #e9e9e9;
  border-width:1px 1px 0;
  font-size:11px;
  display:none;
}

.page-menu .lvl1 .active ul {
  display:block;
}

.page-menu a {
  color:#4d4e53;
  display:block;
}

.page-menu li, .page-menu .lvl1 a {
  display:none;  
  min-height:0;
}

.page-menu .lvl2 a {
  display:block;
  padding:0.5em;
}

.page-menu .lvl3 a {
  padding:0.25em;
}

.page-menu .active, .page-menu .active li {
  display:block;
  border-bottom:1px solid #e9e9e9;
}

.page-menu .active .active a, .page-menu .active .active .active a {
  color:#2da944;
}

.page-menu .active .lvl3 a {
  color:#4d4e53;
}

.page-menu li.lvl1 {
  border:0;
}

.page-menu li.lvl3 {
  border-width:1px 0 0;
}

.page-menu li.lvl3:first-child {
  border:0;
}

div.page-menu li.lvl3 ul.hide {
  display:none;
}

.pageframe {
  background:#fff;
  border:1px solid #D9D7CE;
  border-bottom-color:#bbb9ae;
  border-top:0;
  clear:both;
  padding:10px;
}

.contentfooter {
  clear:both;
}

.boxes {
  float:left;
  width:100%;
  background:url(/uploads/chrome/boxes_bg.png) no-repeat left top;
  padding-top:35px;
  margin:1em 0;
}

.product-box:hover {
  position:relative;
  top:1px;
  left:1px;
  height:90px;
}

.product-box {
  background:url(/uploads/chrome/button_main.png) no-repeat left top;
  cursor:pointer;
  height:91px;
  float:left;
  padding:15px;
  width:205px;
  margin-left:16px;
  display:block;
  color:#4D4E53;
}

.product-box:first-child {
  margin-left:0;
}

.product-box div h2 {
  font-size:18px;
  margin:0 0 0.4em;
  cursor:pointer;
  white-space:nowrap;
}

.product-box blockquote {
  font-size:11px;
  line-height:1.25;
  margin:0;
}

.product-box blockquote p {
  margin:0 0 0.25em;
}

.product-box .image {
  float:left;
  margin:0 1em 0 0;
}

.product-box ul {
  margin:0.25em 0;
  padding:0;
}

.product-box li {
  list-style-position:inside;
}

* html .article .product-box ul li {
  list-style-image:0;
  list-style-position:outside;
}

.footer {
  background:url(/uploads/chrome/footer_bg.png) left top no-repeat;
  color:#555;
  font-size:11px;
  padding:8px;
  text-align:right;
}

/* Sorry IE6 */

* html .footer {
  background:0;
}

.footer p {
  float:left;
  margin:0;
}
.footer a {
  color:#555;
}
.footer p span {
  padding:0 0.75em;
}
p.copyright {
  float:none;
}

.site-links {
  border-top:1px solid #D4D3C9;
  margin:1em 0 0;
  padding-bottom:3em;
  float:left;
  width:100%;
}

.site-links ul {
  border-top:1px solid #F1F0E5;
  list-style:none;
  text-align:left;
  display:block;
  padding:0;
  margin:0;
  float:left;
  width:100%;
}

body.personal .site-links ul {
  border-color:#f0f0f0;
}

.site-links ul ul {
  padding:0;  
  float:none;
  border:0;
}

.site-links ul ul ul {
  display:none;
}

.site-links .hide { display:none; }

.site-links li {
  display:block;
  float:left;
  margin:8px;
  padding-right:15px;
}

.site-links li li {
  float:none;
  padding:0.25em 0;
  margin:0;
  width:auto;
}

.site-links a { color:#555554; font-weight:bold; display:block; }
.site-links li li a { font-weight:normal; margin:0; display: inline; }

/* IE6, hi */

* html div.header {
  position:static;
}

* html div.page {
  position:relative;
}

* html .segment-menu li a {
  float:left;
}

* html .site-links ul ul {
  display:inline;
  padding:0;
}

* html .site-links li li {
  display:inline;
}

* html .site-links li li a {
  display:block;
}

* html .breadcrumbs {
  height:0;
  z-index:0;
}

* html .main-menu li li {
  border:0;
}

* html .main-menu li li li {
  height:0;
  float:left;
  clear:left;
}

* html .main-menu li li a {  
  float:left;
  clear:left;
}

/* * * * * Here comes "Base, submenu" * * * * */
.sub-menu {
  background:url(/uploads/chrome/page-menu_bg-top.png) no-repeat left top;
}

.sub-menu ul {
  background:url(/uploads/chrome/page-menu_bg-bottom.png) no-repeat left bottom;
  padding:3px 10px 56px 6px;
  margin:0;
  list-style:none;
  min-height:250px;
}

* html .sub-menu ul {
  height:250px;
}

* html .sub-menu li {
  height:0;
}

.sub-menu li {
  border-bottom:1px solid #d0d0d0;
  min-height:0;
}

.sub-menu li li {
  border-top:1px solid #e9e9e9;
  border-bottom:0;
}

.sub-menu li li:first-child {
  border:0;
}

.sub-menu ul ul {
  background:#fff;
  padding:3px 3px 20px 8px;
  border:1px solid #d9d9d9;
  border-width:1px 1px 0;
  font-size:11px;
  display:none;
  min-height:0;
}

* html .sub-menu ul ul {
  height:0;
}

.sub-menu .active ul {
  display:block;
}

.sub-menu a {
  color:#4d4e53;
  display:block;
}

.sub-menu ul a {
  display:block;
  padding:0.5em;
}

.sub-menu ul ul a {
  padding:0.25em;
}

.sub-menu .active > a {
  color:#2da944;
}

/* * * * * Here comes "Print" * * * * */
@media print 
{
  a, input, label, div, fieldset, form, ol, ul, p, select, body, html, li {
    background:0!important;
  border:0!important;
}
body {
  font-size:12pt;
}

.segment-menu, .locale-menu, .aside, .main-menu, .left, .search-box, .footer, div.tabs-menu {
  display:none;
}
div.center {
  margin:0;
}

div.article {
  float:none;
  width:auto;
}

div.logo {
  float:right;
}

div.tabs-content {
  min-height:0;
  padding:0;
}

div.tabs-frame {
  width:auto;
  margin:0;
}

div.tabs-content .section h2 {
  display:block;
  margin-bottom:0.5em;
}

* + div.tabs-content .section h2 {
  margin-top:2em;
}

div.tabs-content div.section {
  display:block;
}

}

/* * * * * Here comes "Landing page" * * * * */
.pageframe {
  padding-bottom:30px;
}

.left {
  float:left;
  width:180px;
}

.center {
  float:left;
  margin-left:20px;
  padding:5px;
  width:740px;
}

.right {
  display:none;
}

.article .section {
  width:490px;
}

.article h2, .aside h2 {
  margin:1em 0 0;
}

.article ul li {
  list-style-image:url(/uploads/chrome/bullet_image.png);
}

* html .article ul li {
  list-style-image:none;
  list-style:none;
}

.customer-logo {
  background:url(/uploads/chrome/logo-box_bg.png) no-repeat left top;
  padding:15px 0;
  text-align:center;
}

.payex-profiles {
  text-align:center;
}

p.figure {
  margin:0 0 1em 0;
  float:right;
}

a.product-box {
  margin:10px 10px 0 0;
}

a.product-box:hover {
  height:91px;
}