/* HEADER  */
/*#imagePage #header, #tech #header, #proAccount #header, #tryNowBlue #header, #tryNowRed #header, #proAccount_new #header {*/
#header {
    background: #f0f0f0;
    border-bottom: 1px solid #dedede;
    font-family: "trebuchet ms", "lucida sans unicode", "lucida grande", "lucida sans", arial, sans-serif;
    font-size: 14px;
    height: 50px;
    /*margin-bottom: 30px;*/
    min-width: 960px;
    padding: 0 30px;
    position: relative;
    z-index: 10;
}

/* HEADER  */
#imagePage #Khead #header {
    width:92%;
    margin:auto;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

/* logo */
#logo {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 30px;
    top: 5px;
}

/* menu */
#header .menu.pos  {
    position: absolute;
    top: 13px;
    left: 140px;
}

#header .menu li {
    float: left;
    height: 38px;
    margin: 0 1px;
    line-height: 25px;
}

#header .menu a {
    color: #272727 !important;
    display: inline-block;
    position: relative;
}

#header .menu a span {
    display: none;
    height: 25px;
    width: 4px;
    position: absolute;
    top: 0;
}

#header .menu a, #header .menu span.header_txt {
    padding: 0 10px;
}

#header .menu strong {
    font-weight: bold;
    padding: 0 10px;
}

.highlighted_menu {
    background: url(/images/srbs/menu-highlight.png) repeat-x;
}

.highlighted_menu span.left {
    background: url(/images/srbs/menu-highlight-left.png) no-repeat;
}

.highlighted_menu span.right {
    background: url(/images/srbs/menu-highlight-right.png) no-repeat;
}

#header .menu .do_hover a:hover {
    background: url(/images/srbs/menu-hover.jpg) repeat-x;
    color: #fff !important;
    text-decoration: none;
}

#header .menu .do_hover a:hover span {
    display: block;
    z-index: 1000;
}

#header .menu .do_hover a:hover span.left {
    background: url(/images/srbs/menu-hover-left.jpg) no-repeat;
    left: 0px;
}

#header .menu .do_hover a:hover span.right {
    background: url(/images/srbs/menu-hover-right.jpg) no-repeat;
    right: 0px;
}

#header .menu a span.arrow {
    background: url(/images/srbs/drop-down.jpg) no-repeat;
    display: block;
    height: 4px;
    width: 7px;
    right: 6px;
    top: 50%;
    z-index: 100;
}

#header .menu .do_hover a:hover span.arrow {
    background: url(/images/srbs/drop-down-hover.jpg) no-repeat;
}

/* drop down */
#header .menu li.dropDown {
    position: relative;
}

#header .menu li.dropDown a {
    padding-right: 17px;
}

#header .menu li.dropDown ul {
    display: none;
}

#header .menu li.dropDown li {
    float: none;
    margin-top: 0;
    height: auto;
}

#header .menu li.dropDown li a {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
}

#header .menu a.strong {
    font-weight:bold;
}

#header .menu li.dropDown img {
    vertical-align: text-bottom;
}

#header .menu li.dropDown:hover li a:hover {
    background: #919191;
    color: #fff !important;
}

#header .menu li.dropDown:hover ul {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    display: block;
    padding: 6px 5px;
    width: 180px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1002;
    -moz-box-shadow: #b4b4b4 2px 3px 6px;
    -webkit-box-shadow: #b4b4b4 2px 2px 4px;
    box-shadow: #b4b4b4 2px 3px 6px;
}

/* making link stay active on drop down section hover */
#header .menu  li.dropDown:hover {
    cursor: pointer;
}
#header .menu  li.dropDown:hover a {
    background: url(/images/srbs/menu-hover.jpg) repeat-x;
    color: #fff !important;
    text-decoration: none;
}

#header .menu li.dropDown:hover a span {
    display: block;
}

#header .menu li.dropDown:hover a span.left {
    background: url(/images/srbs/menu-hover-left.jpg) no-repeat;
    left: 0;
}

#header .menu li.dropDown:hover a span.right {
    background: url(/images/srbs/menu-hover-right.jpg) no-repeat;
    right: 0;
}

#header .menu li.dropDown:hover a span.arrow {
    background: url(/images/srbs/drop-down-hover.jpg) no-repeat;
}

#header .menu li.dropDown:hover li a {
    background: none;
    color: #272727 !important;
}

/* HEADER OPTIONS */
#headerOptions, #headerRight {
    position: absolute;
    top: 10px;
    right: 15px;
}

#headerOptions input[type="text"] {
    background: url(/images/srbs/header-input.jpg) no-repeat;
    border: none;
    display: inline-block;
    height: 22px;
    padding: 5px 10px 0 30px;
    width: 148px;
}

#headerOptions li {
    float: left;
    height: 38px;
    margin: 0 10px;
}

#headerOptions li a {
    color: #272727 !important;
    display: inline-block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 0 3px;
    position: relative;
}

#headerOptions li a.join {
    color: #e00000 !important;
}

#headerOptions li.dropdown a {
    color: #272727 !important;
    padding: 0 8px;
}

#headerOptions li a span {
    display: none;
    height: 25px;
    width: 4px;
    position: absolute;
    top: 0;
}

#headerOptions li a:hover {
    text-decoration: underline;
}

#headerOptions li.dropdown a:hover {
    background: url(/images/srbs/menu-hover.jpg) repeat-x;
    color: #fff !important;
    text-decoration: none;
}

#headerOptions li a:hover span {
    display: block;
    z-index: 1000;
}

#headerOptions li a:hover span.left {
    background: url(/images/srbs/menu-hover-left.jpg) no-repeat;
    left: 0;
}

#headerOptions li a:hover span.right {
    background: url(/images/srbs/menu-hover-right.jpg) no-repeat;
    right: 0;
}

#headerOptions li a span.arrow {
    background: url(/images/srbs/drop-down.jpg) no-repeat;
    display: block;
    height: 4px;
    width: 7px;
    right: 6px;
    top: 50%;
    z-index: 100;
}

#headerOptions li a:hover span.arrow {
    background: url(/images/srbs/drop-down-hover.jpg) no-repeat;
}

/* drop down */
#headerOptions li.dropDown {
    position: relative;
}

#headerOptions li.dropDown a {
    padding-right: 17px;
}

#headerOptions li.dropDown ul {
    display: none;
}

#headerOptions li.dropDown li {
    float: none;
    margin: 0;
    height: auto;
}

#headerOptions li.dropDown li a {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
}

#headerOptions li.dropDown:hover li a:hover {
    background: #919191;
    color: #fff !important;
}

#headerOptions li.dropDown:hover ul {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    display: block;
    padding: 6px 5px;
    width: 150%;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1002;
    -moz-box-shadow: #b4b4b4 2px 3px 6px;
    -webkit-box-shadow: #b4b4b4 2px 2px 4px;
    box-shadow: #b4b4b4 2px 3px 6px;
}

/* making link stay active on drop down section hover */
#headerOptions  li.dropDown:hover {
    cursor: pointer;
}
#headerOptions li.dropDown:hover a {
    background: url(/images/srbs/menu-hover.jpg) repeat-x;
    color: #fff !important;
    text-decoration: none;
}

#headerOptions li.dropDown:hover a span {
    display: block;
}

#headerOptions li.dropDown:hover a span.left {
    background: url(/images/srbs/menu-hover-left.jpg) no-repeat;
    left: 0;
}

#headerOptions li.dropDown:hover a span.right {
    background: url(/images/srbs/menu-hover-right.jpg) no-repeat;
    right: 0;
}

#headerOptions li.dropDown:hover a span.arrow {
    background: url(/images/srbs/drop-down-hover.jpg) no-repeat;
}

#headerOptions li.dropDown:hover li a {
    background: none;
    color: #272727 !important;
}

#headerOptions img#avatarImage {
    vertical-align:middle;
}