* {font-size: 100.01%}
body {background:#ffffff; color:#000000; font:62.5%/1.4 "Trebuchet MS", Arial, sans-serif; height:auto !important; height:100%; min-height:100%; min-width:1000px;}
html, body {width:100%;}
html, body, div, p, span, table, tr, td, th, a, ul, ol, li, img, h1, h2, h3, h4 {margin:0; padding:0;}

a.popup {background:url("../i/popup.gif") no-repeat scroll 0 70% transparent; margin-left:3px; padding-left:15px;}

.header {overflow:hidden; padding:30px 10% 0 10%;}

.logo {float:left; font-size:4em; color:#000000;}
.logo a span {color:#ff6611;}
.logo a {text-decoration:none; color:#000000;}
.logo a:hover span {color:#000000;}
.logo a:hover {color:#ff6611;}

.adv {float:left; margin:15px 60px 0 60px; font:italic 1.7em Georgia, serif; color:#ff0000;}
.adv span {font-size:1.3em;}
.adv a {color:#ff0000; text-decoration:underline;}
.adv a:hover {text-decoration:none;}

.contacts {float:right; text-align:right; white-space:nowrap;}
.contacts .phone {font-size:2.8em; color:#000000;}
.contacts .phone span {color:#ff6611;}
.contacts a {font-size:1.4em; color:#000000; text-decoration:underline;}
.contacts a:hover {color:#ff6611;}

.menu {margin:4em 10%; position:relative; overflow:hidden; background-color:#eeeeee;}
.menu .corner {position:absolute; width:12px; height:12px; background:url("../i/corners.png");}
.menu .tr {background-position:left bottom; top:0; right:0;}
.menu .tl {background-position:right bottom; top:0; left:0;}
.menu .br {background-position:left top; bottom:0; right:0;}
.menu .bl {background-position:right top; bottom:0; left:0;}
.menu ul {margin:0 20px; padding:0; list-style:none; font:1.3em Verdana, sans-serif;}
.menu ul li {margin:0; padding:7px 12px; float:left; white-space:nowrap;}
.menu ul li span {color:#777777; font:.8em Verdana, sans-serif;}
.menu ul li.selected, .menu ul li.selected a {color:#ff6611;}
.menu a {color:#000000; text-decoration:underline;}
.menu a:hover {color:#ff6611;}

#content {margin:4em 10% 0 10%; font-size:1.3em;}
#content h1 {margin:0 0 1.5em 0; font-weight:normal; font-size:1.8em;}
#content div {margin-bottom:100px;}
#content div p {margin:20px 0 0 100px; width:400px;}
#content a {color:#1166dd;}
#content a:visited {color:#1166aa;}
#content a:hover {color:#ff6611;}

#description {width:100%; border-collapse:collapse; border:0; margin-bottom:100px;}
#description td {width:33%; border:0;}
#description td div {margin:0; padding:0;}
#description td.product {font-size:1.3em; font-style:italic; white-space:nowrap;}
#description td div {font-size:1.5em; padding-bottom:1em;}
#description td .low {color:#9900cc;}
#description td .medium {color:#44cc00;}
#description td .high {color:#ff6611;}
#description td.term {font-size:1.1em;}
#description td.term span {color:#11aacc; font-size:1.2em;}
#description td .subheader {font-size:1.4em; font-style:italic; padding-top:2.2em;}
#description td ol {margin:-1em 0 0 20px; padding:0;}
#description td ol li {margin:0; padding-top:1em;}

.cloud {text-align:center; padding-top:3em;}
.cloud h1 {font-weight:normal; font-size:2em !important;}
.cloud h2 {font-weight:normal; font-size:1.4em;}
.cloud h1, .cloud h2 {display:inline; margin:2em; line-height:3;}

.footer {border-top:1px solid #cccccc; color:#777777; font-size:1.2em; margin:4em 10% 0 10%; padding:2em 0;}
