/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
* {
   margin:0;
   padding:0;
}

body {
   text-align: left;
   font: normal 100%/140% georgia, "times new roman", serif;
   background: url(/images/layout/background.png) repeat-x scroll left top;
   background-color: #585858;
   color: #fff;
   margin: 1.5em;
}

div {
   font-size: 100%;
}

img {
   border: 0;
}

p {
   text-align: justify;
   padding: 0 0 1em 0;
}

a, a:link, a:active, a:visited {
  color: #458bd1;
  background-color: inherit; 
  text-decoration: none;
}

a:hover {
  text-decoration: underline;  
}

div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;
   max-width: 60em;   /* IE uses javascript magick */
   min-width: 40em;
   background-color: #fff;;
   color: black;
}

#header {
   height: 120px;
   background-color: #013fa4; 
}

#header h1 a {
   background: url(/images/layout/level-five-research.jpg) no-repeat 24px 8px; 
   display: block;
   height: 120px;
   text-indent: -999em;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}



#breadcrumbs {
   border-top: solid 2px #ffab12;
   background: url(/images/layout/page-header.png) repeat-x top; 
   padding: 9px 24px;
   font: normal 90%/90% Tahoma, Arial, sans-serif;
}

 #breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

#search {
   float: right;
   text-align: right;
   width: 23em;
   font: normal 90%/90% Tahoma, Arial, sans-serif;
   padding: 8px 24px;
   *padding: 6px 24px;
}

#searchsubmit {
   margin: 1px 0 0 0;
}  



#main {
   margin-left: 22%;
   margin-right: 30px;
}

div#sidebar {
   float: left;
   width: 20%;
   display: inline;
   margin-left: 0;
}

#content {
  color: #555;
  margin: 1.5em auto 3em 0;
  padding: 0 0 3em 0;
}

#road {
  float: right;
  margin: -5px 0px 10px 10px;
}

#news-left {
  float: left;
  margin: 5px 30px 5px 0;
}

#news-right {
  float: right;
  margin: 5px 0 5px 30px;
}

#content a, #content a:link, #content a:active, #content a:visited {
  color: #458bd1;
  background-color: inherit; 
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;  
}

#content h1 {
   color: #458bd1; 
   text-align: left; 
   font: normal 2.5em tahoma, arial, helvetica, sans-serif lowercase;
   letter-spacing:-0px;
   margin: .1em 0 .4em 0;
   padding: .1em 0 .1em 0;
   border-bottom: 1px dotted #ccc;
}

#content h2 {
   font: normal 2em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0;
}

#content h3 {
   font: bold 1.4em arial, helvetica, sans-serif lowercase;
   margin: .5em 0 .5em 0;
}

#content h4 {
   font: normal 1.2em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content h5 {
   font: normal 1.1em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content h6 {
   font: normal 1em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content p {
   text-align: justify;
   padding: 0 0 1em 0;
}

#content li {
   margin: 0 0 1em 2em;
   line-height: 1.4em;
   padding: 0;
   text-align: justify;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {
   font-weight: bold;
}

em, i {
   font-style:italic;
}

code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

div.templatecode {
  margin: 0 0 2.5em;
}

/* as we hide all hr for accessibility we create new hr with extra div element */
#hr {
   padding: 1em 0 0 0;
   border-bottom: 1px dotted #ccc;
}

#left49 {
  width: 49%;
  font: normal 90%/130% Tahoma, Arial, sans-serif;
}

#right49 {
  float: right;
  text-align: right;
  font: normal 90%/130% Tahoma, Arial, sans-serif;
}



#footer {
  clear: both;
  color: #fff;
  background-color: #000;
  overflow: hidden;
  font:normal 90%/90% Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 30px 0;
}

#footer img {
  margin: 10px 0 35px 0;
  padding: 0px;
}

#footer-left {
  float: left;
  width: 300px;
  margin: 0 0 0 35px;
}

#footer-left p {
  text-align: left;
  white-space: nowrap;
}

#footer-right {
  float: right;
  display: inline;
  width: 400px;
  margin: 0 35px 0 0;
}

#footer-right p {
  margin: .7em 0;
  padding: 0;
  text-align: right;
}

#footer a, a:link, a:active, a:visited {
  color: #458bd1;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;  
}

#poweredby {
  font:normal 80%/80% Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 0 0 30px 0;
}

#hardware {
  padding: 5mm;
}

.kasperskyTable {
  background:#eae6d6 none repeat scroll 0 0;
  border-collapse:collapse;
  font: normal 90%/120% arial, sans-serif;
}

.kasperskyTable td {
  border:1px solid #FFFFFF;
  padding:5px;
}

.kasperskyProduct {
  text-align:center;
  width:18.5%;
}

.kasperskyBg1 {
  background:#16C08F url(/images/layout/kaspersky-bg1.gif) repeat-x scroll center bottom;
}

.kasperskyBg2 {
  background:#13B385 url(/images/layout/kaspersky-bg2.gif) repeat-x scroll center bottom;
}

.kasperskyBg3 {
  background:#10A278 url(/images/layout/kaspersky-bg3.gif) repeat-x scroll center bottom;
}

.kasperskyBg4 {
  background:#0D8F69 url(/images/layout/kaspersky-bg4.gif) repeat-x scroll center bottom;
}

.kasperskyBg5 {
  background:#0A7C5A url(/images/layout/kaspersky-bg5.gif) repeat-x scroll center bottom;
}

#product {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 2em 0;
}

#product h1 {
   color: #458bd1; 
   text-align: left; 
   font: bold 100%/140% arial, helvetica, sans-serif lowercase;
   border: none;
   margin:0;
   padding: 0;
}

#productLeft {
  float: left;
  width: 400px;
  padding: 1em;
}

#productRight {
  margin: 0 0 0 450px;
  border-left: 1px dotted #ccc;
  padding: 1em;
}

.price {
  color: #999999;
  font: bold 150%/100% arial, helvetica, sans-serif lowercase;
}

.info {
  color: #999999;
  font: normal 90%/130% arial, helvetica, sans-serif lowercase;
}

sup {
  line-height: 140%;
}
/* End of 'Layout: Left sidebar + 1 column' */