* { font-size:100.01%; }

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, p, ul, form, hr {
  padding:0;
  margin:0;
}

p {
  margin:0 0 1em 0;
  font-size:1.0em;
  line-height:1.5em;
}

p.extra {
  margin:0 0 1em 0;
  font-size:0.75em;
  line-height:1.5em;
}

h1 {
  font-size:1.35em;
  font-weight:normal;
  margin-bottom:0.5em;
  color:#000000;
}

h2 {
  font-size:0.85em;
  margin-bottom:0.3em;
  color:#666666;
}

h3 { font-size:0.75em; margin-bottom:0.5em;}

table { border-collapse:collapse; }
table td {
  padding:0;
  line-height:1.5em;
}

table.grid td {
  padding:10px;
  line-height:1.5em;
  border-top:1px solid #CCCCCC;
  vertical-align:middle;
  font-size:0.75em;
}

table.grid th {
  padding:5px 10px;
  line-height:1.5em;
  vertical-align:middle;
  border-top:1px solid #CCCCCC;
  background: url(../img/block-texture.gif);
  font-size:0.85em;
  text-align:left;
}

hr { 
  border:none; 
  height:1px;
  overflow:hidden;
  border-top:1px solid #CCCCCC;
  padding-bottom:1em;
}

/*Links*/
a { color:#333333; }
a:visited { color: #552b7e;}
a:hover, a:focus { color:#d71920; }

a.hot { color:#d71920; }
a.hot:visited { color: #552b7e;}
a.hot:hover, a.hot:focus { color:#333333; }

a.selected, a.selected:visited,
a.selected:hover, a.selected:focus { color: #333333; font-weight:bold; text-decoration:none; padding-left:15px;}

.navigation a, .navigation a:visited { color:#ffffff; text-decoration:none; display: block; }
.navigation a:hover, .navigation a:focus { color: #ffbcbc; display: block;} 

.selected a, .selected  a:visited,
.selected a:hover, .selected a:focus { color:#ffffff; text-decoration:none; padding:0; display: block;}  

.extra-menu a, .extra-menu a:visited { color:#000000; }
.extra-menu a:hover, .extra-menu a:focus { color: #666666;} 


.promo a, .promo a:visited { color: #ffffff;}
.promo a:hover, .promo  a:focus { color: #cccccc;}

/*Lists*/
ul { line-height:1.5em; font-size:1.0em; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position:relative;
}

ul.line li { 
  display:inline;
  padding-right:15px;
}

ul.markered li {
  background:url(../img/marker.gif) left 0.7em no-repeat;
  padding-left:15px;
  font-size:1.1em;
}

ul.markered.check li {
  background:url(../img/check.gif) left 0.5em no-repeat;
  padding-left:15px;
}  

ol {
  margin:0;
  padding-left:25px;
}



.main ul, .main ol { margin: 0 0 1em 1em; }

/*Other*/
img { border:none; }
img.thumb { border: 1px solid #CCCCCC; padding:8px;}
.note { color:#666666; }
.hot { color:#d71920; }
.extra { font-size:0.75em;}
.more { 
  font-size:0.75em;
  margin-bottom:0.5em;
  line-height:1.3em;
}
.required { color:#d71920; }

.png { behavior: url(js/iepngfix.htc) }
 
/*Blocks*/
.default-block {
  position:relative;
  width:100%;
  background:#FFFFFF;
  border: 1px solid #c6c8ca;
  
}

.default-block .container {
  padding:10px 16px;
  margin:0; 
}

.default-block .tb, .default-block .bb { 
  height:5px;
  overflow:hidden;
  position:relative;
  margin:-1px;
}

.default-block .cn {
  position: relative;
  overflow:hidden;
  height:20px;
  width:10px;
  background: url(../img/rounded-shape.gif) no-repeat;
}

.default-block .bb .cn {
 margin-top:-10px;
}

.default-block .cn.l { margin-right:5px; width:auto; }
.default-block .cn.r { left:-5px; top:-5px; margin-left:100%; position:absolute; }

.textured { background:url(../img/block-texture.gif); }

.default-block h1 { font-size: 1.35em;}

.textured ul, 
.textured p,
.textured h3 { font-size:0.75em; line-height:1.3em;}

.textured ul li { padding-bottom:0.5em;}

.default-block td { vertical-align:top;}

/*Form*/
form { margin-bottom:0em;}
.form { font-size:0.85em;}
.form td { padding:5px 0; vertical-align:top; }
.form label { padding-right:20px;}
.form .button { font-size:1.2em;}

/*Button grey*/
.button {
  height:41px;
  position:relative;
  overflow:hidden;
  width:100%;
}

.button .rounded {
  position:absolute;
  width:100%;
  height:82px;
  left:-5px;
  top:0;
  overflow:hidden;
  background: url(../img/button.png) 0 0 no-repeat;
  -background-image: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/button.png, sizingMethod=crop);
}

a.f { text-decoration:none;}
a.f:hover { background: transparent; }
a.f:hover .button .rounded , a.f:focus .button .rounded  { top: -41px;}
  
.button .content {
  width:auto;
  margin:0px 5px;
  background:#c6c7c9;
  border-bottom:1px solid #9b9b9c;
  border-right:1px solid #9b9b9c; 
  border-top:1px solid #f8f9f9;
  border-left:1px solid #f8f9f9;  
  font-size:1.0em;
  line-height:1.5em;
  zoom:1;
  text-align:center;
}

.button .r { margin-left:100%; }

.button b {
  cursor: pointer;
  color:#333333;
  position:relative;
  display:block;
  padding:8px 10px 7px 10px;
}

.button img { margin-bottom:-5px;}

/*- Extra Menu*/
.extra-menu {
  font-size:0.85em; 
  text-align:right;
  color:#666666;
  position:absolute;
  top:0;
  right:0;
  margin-right:5px;
}
.extra-menu li { display: inline; white-space:nowrap;font-size:1.2em;}
.extra-menu li.separator { padding:0 5px;}
.footer .extra-menu { position:relative; }

/*- Navigation*/
.navigation {
  width:100%;
  font-size:0.9em;
  font-weight:bold;
  background: #cc0002 url(../img/navigation-bg.gif);
  zoom:1;
}

  .navigation td { 
    padding: 0 5px;
    text-align:center; 
    vertical-align:middle;
   }
   
  .navigation .separator { width:2px; padding:0;}
  
  .navigation .l, .navigation .r { padding:0; width:5px; height:36px; }
  .navigation .l { background: url(../img/navigation-l.gif) left top no-repeat;}
  .navigation .r { background: url(../img/navigation-r.gif) left top no-repeat;}
  
  .navigation .selected { background:url(../img/navigation-selected-bg.gif) top left repeat-x; }

/*- Promo block*/
.promo { margin-bottom:1em; background:url(../img/xslfast-illustration-bg.gif); position:relative;} 
.promo .illustration {
  height:368px;
  background:url(../img/xslfast-illustration.jpg) 0 0 no-repeat;
  position:relative; 
}

.promo .illustration .container { color:#FFFFFF; }

.promo .container h1 { font-size:2.4em; color:#FFFFFF;text-shadow:1px 1px 1px #636567;}
.promo .container h2 { font-size:1.8em; color:#FFFFFF;text-shadow:1px 1px 1px #636567;}
.promo .container h3 { font-size:1.3em; color:#FFFFFF;text-shadow:1px 1px 1px #636567;}
.promo .container ol { font-size:1.35em;}


.tab { 
 padding: 15px 30px 15px 30px;
 position:relative;
 zoom:1; 
}

.selected .tab .left { 
  position:absolute; 
  bottom:0; 
  left:0;
  width:3px;
  height:3px;
  background: transparent url(../img/tab-l.gif) 0 0 no-repeat;
  -filter:none;
  overflow:auto;
  -margin-bottom:-1px;
  
}

.selected .tab .right { 
  position:absolute; 
  bottom:0; 
  right:0;
  width:3px;
  height:3px;
  background: transparent url(../img/tab-r.gif) 0 0 no-repeat;
  -filter:none;
  overflow:auto;
  -margin-bottom:-1px;
}

.tab .right-top { 
  position:absolute; 
  top:0; 
  right:0;
  width:3px;
  height:3px;
  background: transparent url(../img/tab-r.gif) 0 0 no-repeat;
  -filter:none;
  overflow:auto;
  margin-top:-3px; 
}

.tab .left-top { 
  position:absolute; 
  top:0; 
  left:0;
  width:3px;
  height:3px;
  background: transparent url(../img/tab-l.gif) 0 0 no-repeat;
  -filter:none;
  overflow:auto;
  margin-top:-3px; 
}

.selected .tab .left-top, .selected .tab .right-top { background:none;} 

.promo .buttons  { 
  position:absolute; 
  bottom:0;
}

.promo .buttons  td { background:#ffffff; }

.promo .buttons .selected { background:none; }


/*- Title block*/
.title { margin-bottom:0.5em; background:url(../img/xslfast-illustration-bg-additional.gif);} 
.title .illustration {
  height:127px;
  background:url(../img/xslfast-illustration-additional.jpg) 0 0 no-repeat; 
}
.title .container { padding: 40px 20px 30px 20px; zoom:1;}
.title .container { color:#FFFFFF; }
.title h1 { font-size:2.6em; color:#FFFFFF; margin:0;}

  
/*- Fast run*/
.customers, .features, .news { 
  width:32%;
}

.customers .container, .features .container , .news .container {
 min-height:11.5em;
 -height:11.5em;
}

.customers .container { padding-left: 20px;}

.news { 
 position:absolute;
 top:0;
 right:0;
}

.customers { 
 position:absolute;
 top:0;
 left:0;
}

.features { margin:0 34%;}

/*- News*/
.news .image { width:125px;} 

.news-item { 
  position:relative;
  min-height:125px;
  -height:125px;
  padding-left:140px;
}
.news-item .news-image { 
  position:absolute;
  left:0;
  top:0;
}

/*- Left panel*/

/*- Footer*/
.footer p { margin:0; font-size:0.7em;}
.footer .default-block ul { font-size:0.7em;}