/*General styles for site general header*/

#header {
/*    width: 765px;*/
    margin: 0;
    padding: 0;
    /*    border-left: solid 5px #fff;
 border-right: solid 5px #fff;*/

}

/*----------Page header styling--------------------*/

#page_header {
    height: 120px;
    background-color: #003C74; /*Main Nav Bar Colour*/
    padding-top: 38px;
}

#header div #menuBreak {
    color: #fff;
    display: block;
    height: 90px;
    font-size: 200%;
    font-weight: normal;
    margin: 0 0 0 10px;
}


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

body.index #page_header, body#support #page_header, body#company #page_header, body#devnet #page_header {
    background: #fff url( ../img/bg_big.jpg ) no-repeat 0 0;
}

#language a.japan {
    padding: 0 5em 0 0;
    width: 49px;
    height: 14px;
    background: url( ../img/japana.gif ) no-repeat;
    text-decoration: none;
    border: 0;
}

#language a:hover.japan {
    background: url( ../img/japan.gif ) no-repeat;
    text-decoration: none;
    border: 0;
}

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

#header .sitefocusnav div {
height: 25px; width: 170px; text-align: right; font-size: 10pt; font-weight: bold;
}

#header .sitefocusnav div a {
    float: right;
    padding: 2px 3px 2px 0; /*top right bottom left*/
    text-decoration: none;
    color: white;
    margin: 0;
    border: 0;
    width:100%;
    background-color: #003C74;
}

#header .sitefocusnav div a:hover {
    float: right;
    padding: 2px 3px 2px 0; /*top right bottom left*/
    text-decoration: none;
    color: white;
    margin: 0;
    border: 0;    
    width:100%;
    background-color: #4E7AC8;
}

/*
#header .sitefocusnav div.current {
    float: right;
    padding-right: 3px;
    text-decoration: none;
    color: white;
    margin: 0;
    border: 0;
    width:100%;
    background-color: #4E7AC8;
}
*/

#header .sitefocusnav div.current a {
    float: right;
    padding: 2px 3px 2px 0; /*top right bottom left*/
    text-decoration: none;
    color: white;
    margin: 0;
    border: 0;
    width:100%;
    background-color: #4E7AC8;
}

#header #sitefocus1 {
	position: relative; 
	top: 9px;
}

#header #sitefocus2 {
	position: relative; 
	top: 15px;
}

#header #sitefocus3 {
	position: relative; 
	top: 21px;
}




#header .nav {
    display: block;
    background-color: #4E7AC8;
    width: 765px;
    float: left;
    padding: 0;
    list-style: none;
    font-weight: bold;
    margin: 1px 0 0 0;
    border-top: 5px solid #4E7AC8;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;    
}

#header .nav li {
    display: inline;
    float: left;
    margin: 0;
    list-style: none;
    border: 0;
    border-right: 1px solid white;
}

#header .nav li.start {
	padding-left: 8px;

}

#header .nav li.end {
    border: 0;
}

#header .nav li a {
    float: left;
    padding: 0.1em 0 0.1em 0;
    text-decoration: none;
    color: white;
    margin: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 5px;
    border-right-width: 5px;
}

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

#header .nav li.current {
    color: #4D4D4D;
    background-color: white;
    float: left;
    text-decoration: none;
    padding: 0.1em 1px 0.1em 1px;
    border: 0;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 8px;
    border-right-width: 8px;
    border-color: #fff;
}

#header .nav li.current a {
    color: #0158BC;
    padding: 0;
    border: 0;
}

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

}

body.idea #header .nav li a{
    border-color: #003C74; /*This is the nav bar padding colour*/
    padding-right:8px;
    padding-left:7px;
    padding-top:6px;
    padding-bottom:6px;
}


body.idea #header .nav li a:hover {
    background-color: #4E7AC8; /*This is nav bar hover over colour*/
    border-color: #4E7AC8; /*This is nav bar hover over colour*/
    color: #fff;
}

body.idea #header .nav {
    display: block;
    background-color:  #003C74; /*This is the nav bar colour*/
}


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


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



body.idea .page_header_top a {
    color: #fff;
    font: 12pt;
    font-weight: bold;
    padding-left: 22px;
    letter-spacing: 0.08em;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: -1px;
}

body.idea .page_header_top img {
    border: 0;
    position: relative;
    top: 3px;
}

body.idea #page_header_top_curve {
    background: #fff url(../img/bg_top_curve.png) no-repeat 0 0;
    padding-top:7px;
}

body.idea #page_header {
    background: #fff url(../img/shop_integrator_header.png) no-repeat 0 0;

}