/*---------------------------------------------------------------------------------
Stylesheet: nbe_css
Project: Nue Blue Eriu
Version: 0.9
Last change: 2008-06-23, AJ, merge to new server
---------------------------------------------------------------------------------*/

html, body, p, a, span, li, h1, h2, h3, fieldset, legend, label {
font-family: Arial;
}

body {
margin:0 auto;
width: 59.375em;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1;
background: #3698C5 url(http://www.nueblueeriu.com/graphics/body_bg.gif) repeat-y  center 0em;
}

a {
text-decoration: none;
color: #1D779F;
}

a:hover {
text-decoration: underline;
}


.right {float:right; margin: 1em 0;}


#branding_nav {
width: 10em;
float: left;
background: #48BAD5;
}

#logo {
margin-top: 2.55em;
height: 9.55em;
border-top:0.05em solid white;
}

#logo img {
width: 10em;
}

#branding_nav ul {
text-transform: capitalize;
font-size: .75em;
color: #FFF;
text-decoration: none;
text-align: center;
list-style-type: none;
}

#branding_nav li {
border-bottom: solid 0.08em #FFF;
}

#branding_nav li:first-child{
border-top: solid 0.08em #FFF;
}

#branding_nav a {
text-decoration: none;
width:100%;
display:block;
padding: 0.4em 0;
}

#branding_nav a:link, #branding_nav a:visited{
color: #FFF;
}

#branding_nav a:hover {
color: #2E2EFE;
}

#branding_nav #tabon {
background-color: #3798C5;
}

#dots {
margin-top: 2em;
width: 10em;
}

.current {
background-color: #3698C5;
width:100%;
}






#content {    
background: #FFF;
margin: 2.49em 0 0.5em 0.435em;
overflow:hidden;
width: 36.625em;
float: left;
}

#content:after { 
content: ""; 
display: block; 
height: 0; 
clear: both; 
}


/* ---------------------------------------------
sub_navigation
*/

#sub_navigation {
background-color: #3698C5;
height: 1.5em;
position:relative;
}

#sub_navigation li {
float: left;
margin-right: 0.18em;
}

#sub_navigation a {
text-align: center;
background: white;
display: block;
text-decoration: none;
font-weight: 200;
font-size: 0.75em;
color: black;
height: 1.0em;
padding: 0.4em 1em 0.4em 1em;
margin-right: 0.2em solid #3698C5;
border-bottom: 0.2em solid white;
}

#sub_navigation a.tabon {
background: white;
border-bottom: 0.2em solid white;
}

#sub_navigation a.taboff {
background: #dddddd;
border-bottom: 0.15em solid #3698C5;
}





/* ---------------------------------------------
main_content
*/

#main_content {
clear: both;
background: white;
float: left;
width: 24em;
margin-top: 1.55em;
margin-left: 0.25em;
}

#main_content h2 {
color: #3798C5;
margin: 0 0 0em 0.2em;
padding-bottom: 0.2em;
font-size: 1.7em;
font-weight: 500;
border-bottom: 0.9em solid #3698C5;
}

#main_content h2 span {
display: block;
font-size: 0.8em;
font-weight: 100;
}

#main_content p {
padding: 0.6em;
font-weight: 500;
font-size: 0.7em;
line-height: 135%;
}

#main_content p:first-child, #main_content p.first {
font-weight: 700;
font-size: 0.8em;
padding: 0.5em;
color: #555555;
}


/* ---------------------------------------------
secondary_content
*/

#secondary_content {
float: right;
width: 11.5em;
margin: 0 0.5em 0 0;
padding-top: 0.3em;
overflow: hidden;
}

#secondary_content h2 {
color: #3798C5;
margin: 0 0 0em 0em;
padding-bottom: 0.2em;
font-size: 1.1em;
font-weight: 100;
xborder-bottom: 0.9em solid #3698C5;
}

x#secondary_content h2 {
color: #3698C5;
font-size: 1.1em;
font-weight: 100;
xpadding-top: 0.5em;
}

#secondary_content #image_links {
height: 6em;
width: 12em;
border-bottom: 1.45em solid #cccccc;
}

#secondary_content #image_links li {
display: inline;
width: 5.55em;
height: 5.55em;
float: left;
margin: 0.2em 0.3em 0.3em 0.0em;
}

#secondary_content #image_links li img {
width: 100%;
height: 100%;
}

#secondary_content h3 {
color: #3698C5;
font-weight: 200;
font-size: 0.75em;
}

#secondary_content span {
color: #3698C5;
font-size: 0.75em;
font-weight: 900;
margin: 0.5em 0 0.5em 0;
display: block;
}

#secondary_content p.articleextract {
color: #5F5F5F;
border-bottom: 1em solid #cccccc;
margin-bottom: 0.5em;
padding-bottom: 1em;
font-size: 0.75em;
line-height: 130%;
}

#secondary_content p a {
display: block;
}

/* ---------------------------------------------
sidebar_images
*/

#sidebar_images {
width: 12.0em;
float: right;
margin-top: 4em;
}

#sidebar_images img {
border:0;
margin:0;
padding:0;
float:left;
width: 5.9375em;
height: 5.9375em;
}



/* ---------------------------------------------
footer
*/

#footer {
clear: both;
margin-left: 10em;
color: #fff;
padding: 0 0 0 0.5em;
line-height: 110%;

}

#footer span {
font-size:0.7em;
font-weight: 500;
line-height:125%;
}
 
#footer span.slogan{
font-size: .75em;
font-weight: 900;
display: block;
margin-bottom: 0.2em;
}

#footer li {
display: inline;
}

#footer a {
color: white;
text-decoration: none;
font-size: 0.7em;
border-left: 0.01em solid white;
padding-left: 0.5em;
}

#footer a.first {
border-left: none;
padding-left: 0em;
}





/* ==== page home ==== */

#signature {
margin: 1em 0.5em;
}

span.job_title {
color: #3698C5;
}

#sub_navigation {
background: #3698C5;
}





/* ==== page tour ==== */ 

#flashtext {
font-size: 0.7em;
margin-top: 0.5em;
line-height: 125%;
}

#flashimg {
float: left;
margin: 0.5em 0.5em;
}




/* ==== page franchising ==== */ 

img.franchisingshopfrontimg {
margin: 0.5em 0 0.2em 0;
}

p.franchisingshoplocation {
font-size: 0.75em;
margin-bottom: 2em;
}





/* ==== page news ==== */ 

#main_content h3.news_title {
color: #3698C5;
margin: 0.3em;
margin-top: 2em;
font-weight: 900;
font-size: 1em;
}

#main_content h3.news_title span {
font-size: 0.7em;
}

#main_content p.news_summary {
color: #333333;
font-size: 0.8em;
font-weight: 700;
margin-left:0.5em;
padding:0.4em 0 0.4em 0;
border-top: 0.12em solid #cccccc;
border-bottom: 0.12em solid #cccccc;
}

#main_content p.news_teaser {
color: #333333;
font-size: 0.8em;
font-weight: 200;
margin-left:0.5em;
padding:0.2em 0 0.2em 0;
border-top: 0.12em solid #cccccc;
}

#main_content p.news_body {
color: black;
margin: 0.5em 0 1em 0.7em;
padding: 0;
line-height: 140%;
}

#main_content ul {
border: none;
margin: 0 0 0 .7em;
padding: 0 0 0 0;
}

#main_content ul li {
margin:0.5em 0 0 0.7em;
padding:0 0 0 0;
font-size: 0.75em;
}

#main_content  img {
padding: 0 7em 3em 7em;
}






/* ==== page careers ==== */ 

h3.job_title {
margin: 1em 0 0 0.4em;
font-size: 1.1em;
font-weight: 200;
}

h4.job_location {
margin-left: 0.35em;
font-size: 0.8em;
border-top: 0.15em solid #3698C5;
background-color: #DFE1FF;
padding: 0.2em;
font-weight: 500;
}

#main_content p.job_summary {
margin:0.2em 0.5em 0 0.7em;
padding:0 0 0 0;
line-height: 140%;
}

#main_content p.job_body {
margin:0.2em 0.5em 0 0.7em;
padding:0 0 0 0;
line-height: 140%;
}

#careers_footer {
margin-top: 1em;
font-style: italic;
}

#distribution_brands {
margin: 0.5em 0 2em 0.5em;
}








/* ==== page franchise enquiry ==== */ 

div.hiddenFields {
display:none;
}

label {
display: block;
margin: 1.5em 0 0.2em 0.5em;
font-weight: 900;
font-size: 0.8em;
width: 27em;
}

input, textarea, select {
display:block;
margin: 0 0 0.2em 0.5em;
width: 25em;
border: 0.05em solid #cccccc;
padding: 0.15em;
}

textarea {
height: 5em;
}

input.inline_int_code {
display: inline;
width: 4em;
}

input.inline_area_code {
display: inline;
width: 4em;
}

input.inline_number {
display: inline;
width: 13em;
}

input[type="submit"] {
width: 5em;
}

label[class="typeinline"] {
width: 9em;
display: inline;
font-weight: 100;
}

input[type="radio"] {
width: 2em;
display: inline;
margin-top: 0em;
border: none;
border-top: 0.5em solid white;
}






/* ==== page distribution enquiry ==== */ 

ul#distribution_brands {
margin: 0.8em 0 0.6em 0.4em;
padding: 0;
xwidth: 24em;
xheight: 20em;
xbackground-color: red;
}

ul#distribution_brands li {
width: 10.5em;
xheight: 2em;
padding: 0.2em 0;
margin: 0 0.2em 0.2em 0;
background-color: #DFE1FF;
text-align: center;
float: left;
}

#distribution_brands li h2 {
border: none;
font-size: 0.91em;
color: #1298C5;
font-weight: 400;
}

#distribution_brands li a {
border: none;
padding: 0em;
margin: 0em;
}








/* Branding lightbox / thickbox */ 
#brand h2 {
font-size: 1.7em;
margin: 1em 0 0.2em 0;
letter-spacing: 0.07em;
color: #3698C5;
}

#brand p {
font-size: 1em;
display: inline;
float: left;
width: 20em;
line-height: 140%;
xwidth: auto;
xbackground-color: red;
}

#brand a {
border-top: 1em solid #fff;
clear: both;
font-size: 1em;
display: block;
margin-top: 1em;
}

#brand img {
float: right;
border: 1px solid #cccccc;
margin-right: 1em;
width: 9em;
height: 9em;
}



p {
clear: left;
}



fieldset {
border-top: 0.14em solid #C3D6DF;
border-right: 0.14em solid #C3D6DF;
border-bottom: 0.14em solid #C3D6DF;
margin: 1em 0 1em 0.5em;
padding: 0.5em 0.5em  1em 0.4em;
overflow: visible;
position: relative;
background: #C3D6DF;
}

fieldset legend {
font-weight: 200;
font-size: 0.8em;
padding: 0.4em 0.5em;
margin:0;
border: 0.14em solid #C3D6DF;
background: #E0EAEF;
}

fieldset label {
margin:0.5em 0 0.2em 1em;
}

fieldset input {
margin:0 0 1em 0.9em;
}


/*html*/

fieldset {
padding-top: 1.6em;
margin-top: 3em;
}

fieldset legend {
position: absolute;
top:-1em;
left: 0.4em;
}

fieldset input {
margin:0 0 1em 0.4em;
}

#footer {
position:relative;
}
span.emagine {
position:absolute;
top:0;
right:0em;
display:block;
font-size:.6em;
color:#1D779F;
width: 10em;
}
#openinghours {display:none;}

#TB_ajaxContent h3{
color:#1D779F;
}
#TB_ajaxContent li {
padding: .2em 0;
}