/***************** Styles from base.css ******************************/
html, body {
    background: #ffffff;
    height: 100%;
}
fieldset{
    margin: 0;
    padding: 0;
    border: 0;
}
ol, ul {
    list-style: none;
}
html { font-size: 100.01%; }

a:link, a:visited { text-decoration: none; cursor: pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;z-index:-1;}

/* essential for Safari browser !! */
.clearfix { display: block;z-index:-1; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/***************** End - Styles from base.css ******************************/

/*---- Container ----*/
/*---- Container ----*/
div#container { height:100%; }

/*---Wrapper---*/
div.wrapper{width:1024px; margin:0 auto;}

/*---- Header ----*/
div#header { background:url(/img/header/header-bg.gif) repeat-x 0 0; height:88px;}
div#header div.wrapper{padding-top:13px;}

/*---- Main Navigation ----*/
div.navigation { background:url(/img/navigation/navigation-bg.gif) repeat-x 0 0; height:82px; margin-bottom:4px; }

/*---- Content ----*/
div#content {margin-bottom:18px;}

/*---- Main ----*/
div#main { float:left; width:714px;  }
/*---- Header - Logo ----*/
div#header div.logo{float:left; width:358px;}
div#header div.logo h1 a { position:relative; width:358px; height:62px; display:block; }

div#header div#search-form{float:right; width:494px; position:relative; padding-top:5px; position:relative;}
div#search-form div.left{background:url(/img/header/search-form-left.png) no-repeat 0 0; padding-left:10px;}
div#search-form div.left div.right{background:url(/img/header/search-form-right.png) no-repeat right 0; padding-right:10px;}
div#search-form div.left div.right div.middle{background:url(/img/header/search-form-middle.png) repeat-x 0 0; height:46px;}

div#header div#search-form img.software{position:absolute; z-index:5; left:-12px; top:0;}


/* Red bar for user pending promotion */
div.warning { background: #cf0e0f; position: relative; margin-top:-10px; margin-bottom: 10px;}
div.warning div.middle { margin: 0px auto; color: #FFF; width: 870px; padding:15px 10px 15px 10px; }
div.warning div.middle p { font-size: 140%; line-height: 150%; font-weight: bold; }
div.warning div.middle p span.featured { color: #fffab6;font-size:13px }
div.warning div.middle p a {  color: #fffab6; font-size:13px}

div#search-form p{padding:9px 0 0 38px;}
div#search-form p span.textbox{display:block; background:url(/img/header/text-box-bg.gif) no-repeat 0 0; padding:0 5px 0 23px; height:26px; width:153px; float:left; margin-right:2px;}
div#search-form p span.textbox input.textbox{border:0; background:none;  display:block; height:20px; padding-top:4px; color:#939393; font-size:100%;}
div#search-form p select{width:180px; float:left; display:block; padding:4px 0; margin-right:2px;}
div#search-form p input.submit{display:block; float:left;padding:0px;}

/*---- Main Navigation ----*/

div.navigation div.main-navigation{padding-left:5px; }
div.navigation div.main-navigation ul li{ float:left; margin-right:18px; }
div.navigation div.main-navigation ul li.last{margin:0;}
div.navigation div.main-navigation ul li.divider{background:#54a7e5; width:1px; height:23px; margin-top:8px;}
div.navigation div.main-navigation ul li a{display:block; float:left; line-height:38px; font-size:14px; color:#fff; font-weight:bold;}
div.navigation div.main-navigation ul li a:hover, div.navigation div.main-navigation ul li a.active{text-decoration:none; color:#fee865;}

div.navigation div.main-navigation ul li a.login, div.navigation div.main-navigation ul li a.register{color:#c6e7ff;}

div.navigation div.sub-navigation{padding-left:10px;}
div.navigation div.sub-navigation ul li{float:left; margin-right:20px; }
div.navigation div.sub-navigation ul li a{display:block; float:left; line-height:37px; font-size:12px; color:#277dbf; font-weight:bold;}

/*---- Drop down menus ----*/

div.navigation div.sub-navigation ul li a.rec { color:#e1ff16;}
div.navigation div.sub-navigation ul li a.rec:hover{ color:#d0f30c;}

div.navigation div.sub-navigation ul li ul {
    position: absolute;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    display: none;
    margin-top: 30px;
    z-index: 1000;

}

div.navigation div.sub-navigation ul li ul li {

  text-align:left;
  line-height:30px;
  /*height: auto;*/
  font-size:11px;
  background: none;
  padding: 0;
  border-right: 0px;

}
div.navigation div.sub-navigation ul li ul li a {
    position: relative;
    display: block;
    background: transparent url(/img/icon.gif) no-repeat center left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:auto;*/
    line-height:13px;
    margin: 0 10px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size:11px;

    }

div.navigation div.sub-navigation ul li ul li a.recommended {
    position: relative;
    display: block;
    background: transparent url(/img/icon-recommended.gif) no-repeat center left;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 10px;
    color: #b81a1a;
    font-weight: bold;
    /*height:auto;*/
    line-height:13px;
    border-bottom: 1px solid #ccc;

    }

div.navigation div.sub-navigation ul li ul li a:hover {
    color: #000;
    }

div.navigation div.sub-navigation ul li:hover ul {
    display: block;
    position: absolute;
    left: 0px;
    width: 180px;
    background: #f1f1f1;
    }

.menu_div {
   /*display: none;*/
   position: absolute;
   margin-top: 0px;
   width: 180px;
   z-index: 1000;
   /* Hacks for IE 7 and 6: */
   *margin-top: -33px;
   *clear: left;

}

div.navigation div.sub-navigation ul li:hover .menu_div {
    display: block;
}