/* 
    Document   : sidemenu
    Created on : 16-Sep-2013, 12:27:03
    Author     : bogosi.gabonnwe
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* FEATUERS LIST */
div#feature_list { width: 983px; height: 323px; overflow: hidden; border: 1px solid #b9b9b7; border-radius: 5px; position: relative; left: 50%; margin-left: -491px; }
div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { right: 0; z-index: 2; width: 257px; border-left: 1px solid #b9b9b7; height: 100%; position: relative; }
ul#tabs li { font-size: 12px; font-family: Arial; height: 25%; background: #d6d6d6 url('images/sidemenu/rotator-bg.jpg') repeat-x top left; position: relative; border-bottom: 1px solid #b9b9b7; }
ul#tabs li a { color: #373737; text-decoration: none; display: block; height: 100%; outline: none; font-family: Arial; font-size: 14px; line-height: 22px; font-weight: bold; position: absolute; top: 0; right: 0; width: 281px; cursor: pointer; }
ul#tabs li a p { float: left; margin-left: 45px; }
ul#tabs li a.current { background: url('images/sidemenu/arrow-rotator.png') no-repeat center right; color: #fff; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }