* html ul#features { font-size: 80%; }

#wrapper_right { height: 100% !important; }

#features div.container { width: 433px; overflow: visible; position: absolute; /* to combat shifting problems (like in IE) */ top: 230px; }
#features div.container div.nav { position: absolute; top: 844px; width: 433px; text-align: center; float: left; }
#features div.container div.nav a { font-size: 12px; font-weight: bold; margin: 0.1em; }
#features div.container div.nav a.next, #features div.container div.nav a.prev { margin: 0.5em; }
#features div.container div.nav a.highlight { color: black; }
#features div.container div.nav a.nav_disabled { cursor: default; }
#features div.container div.nav a.nav_disabled:hover { text-decoration: none; color: #990000; }

ul.features_list, ul.features_single_list { list-style: none; margin: 0; padding: 0; /*float: left;*/ /* removed as was causing middle column to overlap right column */ }
ul.features_list p { padding: 0; margin: 0; }
ul.features_list h3 { margin: 0.2em 0 0 0; padding: 0; font-size: 100%; }
ul.features_list li.feature { overflow: hidden; line-height: 1.15; margin: 0; padding: 0px 8px 3px 0; display: inline; float: left; /*clear: both;*/ width: 136px; text-align: center; height: 146px; /* alternative to clear:both for short text boxes - clear will drop entire section below left column */ }
ul.features_single_list li { float: left; padding: 0.5em 0; width: 100%; border-bottom: dotted 1px #ccc; margin-bottom: 10px; }
ul.features_single_list li img { float: right; }
ul.features_single_list li div.feature { float: left; width: 300px; }

.tooltip { display: none; background-color: #ffa; border: 1px solid #cc9; padding: 3px; font-size: 13px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; }

