/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*------------------------- Navigation General Styles ------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
.xmass{
    background: url(../img/newdesign/xmas-snow.gif) no-repeat 0 0;
    position: absolute;
    z-index: 9999;
    top: 198px;
    left: 0;
    width: 100%;
    height: 7px;
    display: block;
}
.xmass.rs-dt{
    /*background-image: url(../img/newdesign/xmas-snow-r.gif);*/
}
.xmass.ruby{
    /*background-image: url(../img/newdesign/xmas-snow-rb.gif);*/
}
.xmass.mps{
    /*background-image: url(../img/newdesign/xmas-snow-mps.gif);*/
}
.xmass.om{
    /*background-image: url(../img/newdesign/xmas-snow-om.gif);*/
}
.xmass.high{
    top: 218px;
}
body#products .xmass.high{
    top: 219px;
}
body#company .xmass{
    top: 200px;
}
#header {
    margin: 0;
    padding: 0;
    height:171px;
}
body.mps #header, body.om #header {
    height:240px;
}

/*body.phpstorm #header, body.webstorm #header, body.rs #header, body.pycharm #header, body.ruby #header, body.yt #header, body.dt #header {
    height: 171px;
}*/
/*body#products.index #header, body#products.overview.webide #header, body#buy.index #header {
    height: 147px!important;
}*/


/*-- -------- start: 1st LEVEL NAVIGATION -------- --*/
#header #jb_nav {
    height:4.15em;
    width:73em;
    _width: 973px;
    text-align: right;
    padding: 0 0 0 0;
    border-top:solid 1px #ccc;
}

#header #jb_nav a {
    border: 0;
}

#header #jb_nav ul {
    display: block;
    padding-top: 0;
    margin-right: 15px;
    margin-top: 15px;
    float: right;
}

#jb_nav li {
    font-size: 85%;
    display: block;
    float: left;
    list-style-type: none;
    text-decoration: none;
    padding: 1px 0 1px 0;
    font-family: Arial, sans-serif;
    margin: 0 0 0 0;
    position: relative;
}

#container #header #jb_nav li a {
    padding: 3px 15px 3px 15px;
    border-right: 1px solid #ccc;
    border-left-width: 0;
}

#container #header #jb_nav li.yourcart a {
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    border-right:0;
}

#container #header #jb_nav li.yourcart a:hover {
    background-image: url( ../img/yc_hov.gif );
    background-repeat: no-repeat;
}

#container #header #jb_nav ul li.search {
    margin: -1px 0 0 15px;

}

#jb_nav ul li.search form {
    margin: 0 0 0 0;
    padding: 0;
    display: inline;

}

#jb_nav ul li.search form input.words {
    margin: 0 -4px 0 0;
    padding: 3px 1px 1px 3px;
    width: 118px;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    height: 15px !important;
    height: 14px;

}

#jb_nav ul li.search form input.activ {
    color: #777;
}

.search form {
    margin: 0 0 0 0;
    display: inline;
}

.search form input.activ {
    color: #777;
}

.search form input.image {
    margin: 0 0 2px 3px;
    padding: 0 0 0 0;
    vertical-align: middle;
    font-size: 11px;
    width: 16px;
    height: 16px;
    border: 0;
}

#jb_nav li ul.dropMenu {
    margin: 0;
    padding: 0;
    position: absolute;
}
#jb_nav li ul.dropMenu li {
    margin: 0;
    padding: 0;
    position: static;
    float: none;
}

/*--  --------- end: 1st LEVEL NAVIGATION --------- --*/

/*-- -------- start: 1st LEVEL NAVIGATION ACTIVE ITEM -------- --*/

.jb_home  #jb_nav li.home, #why #jb_nav li.why, #products #jb_nav li.products, #downloads #jb_nav li.download, #support #jb_nav li.support,
    #company #jb_nav li.company, #devnet #container #jb_nav li.devnet, #partners #container #jb_nav li.partners, #buy #container #jb_nav li.buy {
    padding: 1px 15px;
    border-right: solid 1px #ccc;
    border-bottom:solid 3px orange;
    margin-bottom:-3px;
    position:relative;
}

#devnet.about #container #jb_nav li.devnet {
    padding: 1px 15px;
}

#devnet #container #jb_nav li.devnet a{
    padding:0;
}


#support #jb_nav li a:hover{
    color: #00008b;
}
#why        #container #header #jb_nav li.why a,
#products   #container #header #jb_nav li.products a,
#downloads  #container #header #jb_nav li.download a,
#support    #container #header #jb_nav li.support a,
#company    #container #header #jb_nav li.company a,
#devnet     #container #header #jb_nav li.devnet a,
#partners   #container #header #jb_nav li.partners a,
#buy #jb_nav li.buy a {
    padding: 0;
    margin: 0;
    border: 0;
}


#devnet #container #jb_nav li.devnet a, #partners #container #jb_nav li.partners a, #buy #container #jb_nav li.buy a, #support #container #jb_nav li.support a{
   padding: 0;
    border:0;
}

.jb_home #jb_nav li.jb_home {
    color: #777;
}

/*--  --------- end: 1st LEVEL NAVIGATION ACTIVE ITEM --------- --*/

/*-- -------- start: JB LOGO GENERAL -------- --*/
#header .jb_logo {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 5px;
    border: 0;
    width: 105px;
    height: 44px;
    background: url( ../img/newdesign/jb_logo_color2.gif ) no-repeat 0 3px;
    margin-left: 10px;
}

#header a:hover.jb_logo {
    background-position: -108px 3px;
}

#header .jb_logo img {
    display: none;
}

/*--  --------- end: JB LOGO GENERAL --------- --*/

/*-- -------- start: Blue/purple strip HEADER GENERAL -------- --*/

#header #page_header {
    display: block;
    /*width:73em;*/
    /*_width: 973px;*/
    background-position: 0 0;
    background-repeat:no-repeat;
}
body.yt #header #page_header {
    height: 101px;
}

#header h1 {
    color: #fff;
    display: block;
    padding-bottom: 5px;
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding-top: 54px !important;
    padding-top: 54px;
    text-indent: -50000px;
}
body.mps #header h1, body.om #header h1 {
    padding-top: 125px !important;
    padding-top: 125px;
}
/*body#products.index #header h1, body#products.overview.webide #header h1, body#buy.index #header h1, body.phpstorm #header h1, body.webstorm #header h1, body.rs #header h1, body.pycharm #header h1, body.ruby #header h1, body.yt #header h1, body.dt #header h1 {
    padding-top:54px !important;
    padding-top:54px;
}*/

#page_header #language {
    float: right;
    margin: -2.3em 0 0 0;
    color: #A7B2D9;
}

body.index #page_header, body#support #page_header, body#products.webide.overview #page_header, body#company #page_header, body#devnet #page_header, body#products.objc #page_header, body#products.decompiler #page_header {
    /*height: 250px;*/
    height: 80px;
}

body.mps #page_header, body.om #page_header {
    height: 171px;
}
/*body#products.index #page_header, body#products.overview.webide #page_header, body#buy.index #page_header, body.phpstorm #page_header, body.webstorm #page_header, body.rs #page_header, body.pycharm #page_header, body.ruby #page_header, body.yt #page_header, body.dt #page_header {
    height: 80px;
}*/

/*--  --------- end: Blue/purple strip HEADER GENERAL --------- --*/

/*---------Section navigation--------------------*/

/*-- -------- start: 2nd LEVEL NAVIGATION -------- --*/
#header ul.nav {
    display: block;
    background-color: #4E7AC8;
    width: 100%; /* TODO: Horizontal size - Container Size */
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: bold;
    border: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: white;
}

#header ul.nav li {
    font-weight: bold;
    font-size: 11px;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    border-right-style: solid;
    border-right-width: 1px;
    letter-spacing: 0.005em;
    border-color: white;
}

#header ul.nav li a {
    border: 0;
    float: left;
    padding: 2px 13px 2px 13px;
    text-decoration: none;
    color: white;
    margin: 0;
}

#header ul.nav li a:hover {
    border-color: #6E82C7;
    color: #fff;
}


#header ul.nav li.current {
    float: left;
    position:relative;
    text-decoration: none;
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
    border-bottom:solid 3px orange;  /*Not sure about bottom-border*/
    margin-bottom:-3px;          /*Not sure about bottom-border*/
}

#header #page_header ul.nav li.current a {
    color: #0158BC;
    padding: 0;
    border: 0;
    background-image: none;
}

#header #page_header ul.nav li.current a:hover {
    color: #51A2FF;
    background-color: #fff;
}

#header ul.nav li a {
    border-color: #4E7AC8;
}

#header ul.nav li a:hover {
    background-color: #89A7DE;
    border-color: #89A7DE;
    color: #fff;
}


#header ul.nav .rss {
    font-weight: bold;
    font-size: 87%;
    display: inline;
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
    list-style: none;
    border: none;
    background: none;
}

#header ul.nav .rss a, .rss a:hover {
    background: none;
    border: none;
}

#header ul.nav .rss a {
    display: block;
    width: 14px;
    height: 14px;
    padding: 2px 7px 0 0;
    background: url( ../img/rssFeed.gif ) no-repeat 1px 50%;
}

#container #header ul.nav .rss a:hover {
    background: transparent url( ../img/rssFeed_hov.gif ) no-repeat 1px center;
}

#header ul.nav .rss a img {
    display: none;
}

/*--  --------- end: 2nd LEVEL NAVIGATION --------- --*/

/*-- -------- start: REGISTRATION MARK -------- --*/
small {
    /*position: relative;*/
    *font-size: 11px;
    /*top: -12px;*/
/*margin: 0;*/
/*line-height: 0;*/
}

sup {
    *font-size: 11px;
/*position: relative;*/
    /*font-size: 0.5em;*/
}

/*--  --------- end: REGISTRATION MARK --------- --*/

/*----------------------------------------------------------*/
/* Download/Buy buttons
/*----------------------------------------------------------*/

.overview dl.intro, .overview dl.introbox dd.download, .overview dl.introbox dd.buy, #container .buttons, .overview dl.introbox dd.moredownload, .overview dl.introbox dd.morebuy {
    background-image: none;
    position: absolute;
    z-index: 10;
    top: -165px;

    right: 40px;
    /*left: 730px;*/
/*    left:56em;*/
    margin: 0;
    padding: 0;

}

.overview #container  dl.intro dd {
    padding: 0;
    margin: 0;
}

.overview dl.intro dd, #container .buttons li {
    margin-top: 0;
    padding-bottom: 15px;

}
body.buy #container .buttons{
    top: 94px;
}
body.down #container .buttons{
    top: 107px;
}
body.down.ruby #container .buttons{
    top: 100px;
}
#container .buttons {
    position:absolute;
    top: 75px;
}
#container .buttons li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

.overview dl.intro dt {
    text-indent: -5000px;
    font-size: 130%;
    display: none;
    font-family: trebuchet ms, sans-serif;
    text-indent: 260px;
    padding-top: 27px;
    font-size: 2.6em;
    font-weight: bold;
    color: #ff9b1b;

}

/*start: Button for new design. The Big Blamba*/

.buttons .download a, .overview .moredownload a, .overview dl.introbox dd.download a, .overview dl.introbox dd.buy a {
    display: block;
    height: 55px;
    width: 175px;
    text-indent: -50000px;
    border: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 50;
    outline: none;
    margin:0;

}

.overview dl.introbox dd.download a {
    position: absolute;
    z-index: 30;
    top: 0px;
    right: 0px;
}

.overview dl.introbox dd.buy a, .overview dl.introbox dd.morebuy a {
    position: absolute;
    z-index: 25;
    top: 0px;
    right: 0px;
    margin-top: 53px;

}

.rs .buttons .download a:hover, .rs .moredownload a:hover {
    border: 0;

}

.buttons .download a:hover, .overview .moredownload a:hover, .overview dl.introbox .download a:hover, .buttons .buy a:hover, .overview .morebuy a:hover, .overview dl.introbox .buy a:hover {
    border: 0;
}

.buttons .buy a, .overview .morebuy a {
    display: block;
    height: 55px;
    width: 175px;
    text-indent: -50000px;
    border: 0;
    font-size: 0;
    line-height: 0;
    margin-top: -2px;

}


.learnMore {
    padding-top: 48px;
    padding-left: 200px;
    width: 72px;
    height: 30px;
    position: absolute;
    top: 55px;
    right: 0;
    border: none!important;
}
.learnMore span {
    font-size1: 90%;
    color: #fff!important;
    border-bottom: solid 1px #fff;
}
.learnMore:hover span {
    color: #fff!important;
    border-bottom: none!important;
}
body.dt .learnMore, body.rs .learnMore, body.dotcover .learnMore, body.decompiler .learnMore {
    padding: 0;
    right: 245px;
    width: auto;
    height: auto;
}
body.dt .learnMore.rs, body.rs .learnMore.dt, body.dotcover .learnMore.rs, body.decompiler .learnMore.rs {
    top: 63px;
}
body.dt .learnMore.dc, body.rs .learnMore.dc, body.dotcover .learnMore.dt, body.decompiler .learnMore.dt {
    top: 84px;
}
body.dt .learnMore.dp, body.rs .learnMore.dp, body.dotcover .learnMore.dp, body.decompiler .learnMore.dc {
    top: 107px;
}
body.dt .learnMore span, body.rs .learnMore span, body.dotcover .learnMore span, body.decompiler .learnMore span {
    padding-bottom: 0;
    color: #ff9404!important;
    font-weight: bold;
    border-bottom: none;
    text-decoration: underline;
}
body.dt a.learnMore:hover span, body.rs a.learnMore:hover span, body.dotcover a.learnMore:hover span, body.decompiler a.learnMore:hover span {
    text-decoration: none;
}
body.webstorm .learnMore.buy {
    width: 110px;
    text-indent: -5000px;
}
body .learnMore.easter {
    width: 317px;
    text-indent: -5000px;
}
body.ruby .learnMore.easter {
    background: url( ../img/newdesign/rubymine_easterOffer.jpg ) no-repeat right 0;
}
body.yt .learnMore.easter {
    margin-top: -1px;
    padding-bottom: 3px;
    background: url( ../img/newdesign/youtrack_easterOffer.jpg ) no-repeat right 1px;
}
body.pycharm .learnMore.easter {
    background: url( ../img/newdesign/pycharm_easterOffer.jpg ) no-repeat right 0;
}
body.phpstorm .learnMore.easter {
    background: url( ../img/newdesign/phpstorm_easterOffer.jpg ) no-repeat right 0;
}
body.idea .learnMore.easter {
    background: url( ../img/newdesign/idea_easterOffer.jpg ) no-repeat right 0;
}

/*end: Button for new design. The Big Blamba*/

/*-------------end: Download/ Buy general Buttons---------*/