/***************************************/
/************ Top Wrapper *************/

#wrapper #top_wrapper {
    position:absolute;
    color:#FFFFFF;
    font-size:11px;
    height:25px;
    margin:0 0 0 477px;
    padding:0;
    top:0;
    width:483px;
    z-index:100;
}

#wrapper #top_wrapper_search {
      position:relative;
      top:0;
      left:625px;
      z-index:101;
      height:28px;
      padding:0;
      margin:0;
      width:140px;
      float:left;
}

#wrapper #top_wrapper_login {
      position:relative;
      top:0;
      left:625px;
      z-index:16;
      height:28px;
      width:140px;
      padding:0;
      margin:0;
      float:left;
}

#wrapper #top_wrapper_newsletter {
      position:relative;
      top:0;
      left:625px;
      z-index:16;
      height:28px;
      width:140px;
      padding:0;
      margin:0;
      float:left;
}

#wrapper #top_wrapper #search {
      margin:0 0 0 139px;
      width:107px;
      color:#fff;
      font-weight:bold;
      padding:4px 0px;
      float:left;
      display:inline;
}

#wrapper #top_wrapper #login {
      margin:0 0 0 5px;
      width:107px;
      color:#fff;
      font-weight:bold;
      padding:4px 0px;
      float:left;
      display:inline;
}

#wrapper #top_wrapper #newsletter {
      margin:0 0 0 5px;
      width:107px;
      color:#fff;
      font-weight:bold;
      padding:4px 0px;
      float:left;
      display:inline;
}


.normal {
     background: url(../images/top_button_bg.png) no-repeat bottom center;      
}

.inactive {
     background: url(../images/top_button_bg_inactive.png) no-repeat bottom center;      
}

#wrapper #top_wrapper #search a,
#wrapper #top_wrapper #login a,
#wrapper #top_wrapper #newsletter a {
      color:#fff;
      text-decoration:none;
      display:block;
      margin-left:10px;

}


#wrapper #top_wrapper #search .inactive a,
#wrapper #top_wrapper #login .inactive a,
#wrapper #top_wrapper #newsletter .inactive a  {
      color:#000;
}


#wrapper #top_wrapper .boxsearch,
#wrapper #top_wrapper .boxlogin,
#wrapper #top_wrapper .boxnewsletter {
      background:url(../images/top_wrapper_bg.png) no-repeat left bottom;
      margin:0 0 0 100px;
      padding:0 5px;
      width:373px;
      display:none;
      z-index:16;
      height:29px;
}

.boxlogin form, 
.boxsearch form {
      clear:both;
      padding:0;
      margin:0;
      background:#89b3db;
}

.boxlogin input {
      float:left;
      margin:4px 5px 2px 1px;
      padding:4px 5px 0 5px;
      width:126px;
      height:14px;
      font-size:11px;
      border:1px solid #969494;
      color:#000;
      background:#fff;
}

.boxsearch input {
      float:left;
      margin:4px 5px 2px 1px;
      padding:4px 5px 0 5px;
      width:315px;
      height:14px;
      font-size:11px;
      border:1px solid #969494;
      color:#000;
      background:#fff;
}

.boxlogin input.submitbutton,
.boxsearch input.submitbutton,
.boxnewsletter input.submitbutton {
      margin:3px 0 0 0;
      padding:0;
      border:0px solid #0073ba;
      /*background:#0073ba;*/
      background:url(../images/btn_login.jpg) no-repeat center 0 ;
      color:#fff;
      width:22px;
      height:22px;
      float:left;
}

.boxlogin a.register {
      margin:4px 5px 2px 1px;
      padding:4px 5px 0 5px;
      border:1px solid #969494;
      background:#0073ba;
      color:#fff;
      width:126px;
      float:left;
      text-align:left;
      text-decoration:none;
      font-size:11px;
      font-weight:bold;
}

.boxsearch a.text,
.boxlogin a.text,
.boxnewsletter a.text {
      margin:4px 5px 2px 1px;
      padding:4px 5px 0 5px;
      float:left;
      text-align:left;
      text-decoration:none;
      font-size:11px;
      font-weight:bold;
      color:#ffffff;
}