@charset "utf-8";

/* Yahoo! CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
ol 
{
	padding-left:10px;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

abbr,acronym { border:0;}

q:before,q:after {content:'';}

q{font-style:italic;}

div#main-content p, q, div#main-content ul li{text-align:justify;}

.red {color: #d5353b !important;}
.float-left {float: left;}
.float-right {float: right;}
.nowrap {white-space: nowrap;}
a.links {
	color: #4d91c1 !important;
	text-decoration: none !important;
	font-weight: normal !important;
}
a:hover.links {
	color:#d5353b !important;
	text-decoration: underline;
}

/* Default settings */

p,h1,h2,h3,h4,h5,h6,a,li,input,textarea,select,form,label,q {
	font-family: Arial, Helvetica, sans-serif;
}

p,li,input,textarea,select,form,label,q {
	font-size: 12px;
	color: #515151;
}

.left{float:left;}
.bold-italic {
	font-weight: bold;
	font-style: italic;
	color:#de0d0d;
}
.bold-italic2 {
	font-weight: bold;
	font-style: italic;
}
strong{font-weight:bold; font-style:inherit;}

em{font-style:italic; font-weight:inherit;}

sup{ vertical-align:text-top;}

/* CSS General */

div#container {
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
	width:967px;
	background-color:#FFF;
	padding:30px 16px 0px 16px;
}

div#header {
	width: 971px;
	height: 50px;
}

div#logo {
	float: left;
	width: 202px;
}

div#logo h1 {
	display: block;
	background: url('../images/jj-logo.gif') top left no-repeat;
	overflow: hidden;
	text-indent: -500000em;
}

div#logo h1 a {
	display: block;
	width: 202px;
	height: 37px;
}


/* NAV */

div#nav-lang ul,
div#nav-lang ul li span {
	color: #525252;
}

div#nav-lang li {
    float: left;
}

div#nav-lang li span {
	margin: 0 9px;
}

div#nav-lang ul li a 
{
	 font-weight: bold;
	color: #515251;
	text-decoration: none;
}

div#nav-lang ul li a:hover {
	color: #525252;
	text-decoration: underline;
	font-weight: bold;
}


/* SEARCH */
div#main-search label {
	 font-weight: bold;
	float:left;
	margin:0 4px;
}

div#main-search legend{
	display: none;
}

div#main-search input {
	margin-left: 7px;
	float:left;
}

div#main-search .search-string {
	background-color: #f5f8f8;
	border-top: 1px solid #bdc7cb;
	border-left: 1px solid #bdc7cb;
	width: 191px;
}

/*  NAV MAIN  */

div#nav-main{
	padding:0px;
	width:970px;
	float:left;
	height:47px;
	position:relative;
	background:url(../images/back-nav.gif) repeat-x bottom;
}

/* MAIN CONTENT */

div#main-content{
	float:left;
	width:491px;
	margin:31px 34px;
	margin-bottom:0;
}

div#main-content p, q{
	line-height:19px;
	margin-bottom:28px;
	color:#525252;
	text-align: left;
}

div#main-content h3{
	font-weight:bold;
	font-size:17px;
	color:#d5353b;
	margin-bottom:12px;
}

div#main-content h4, h5{
	font-weight:bold;
	font-size:12px;
	color:#525252;
	margin-bottom:12px;
}

div#main-content a
{
	text-decoration:none;
	color:#4d91c1;
	font-weight:bold;
	margin-left:2px;
}

div#main-content a:hover
{
	text-decoration:underline;
}

div#main-content ul li{
    list-style-type:disc;
	line-height:19px;
}
div#main-content ol li{
    list-style-type: decimal;
    line-height:19px;
}

div#main-content ul{
    margin-bottom:28px;
    margin-left:22px;
}

div#main-content ol{
    margin-bottom:28px;
    margin-left:15px;
    _margin-left:23px;
}

div#main-content em{font-weight:inherit;}

/* RIGHT COLUMN */

div#right-column{
	float:left;
	width:171px;
	overflow:hidden;
}

div#right-column a {
	color: #4D91C1;
	font-weight: bold;
	text-decoration:none;
}

div#right-column .box{
	margin:24px 0;
	position:relative;
}

div#right-column .top-box{
	background-image:url(../images/top-box.gif);
	height:3px;
	font-size:1px;
}

div#right-column .bottom-box{
	background-image:url(../images/bottom-box.gif);
	height:3px;
	font-size:1px;
}

div#right-column .content-box{
	background-color:#e7ebf0;
	padding:13px;
}

/* Green box for Our Workplace Culture */

div#right-your .top-box2{
	background-image:url(../images/top-box2.gif);
	height:4px;
	font-size:1px;
}

div#right-your .bottom-box2{
	background-image:url(../images/bottom-box2.gif);
	height:4px;
	font-size:1px;
}

div#right-your .content-box2{
	background-color:#c1c258;
	padding:13px;
}

div#right-your .content-box2 p{
	color:White !important;
}


div#right-column img{
	margin:9px 0;
}

div#right-column p{
	font-size:11px;
}

/* Right Column your Carrer*/

div#right-your{
	float:left;
	width:171px;
	overflow:hidden;
}
div#right-your a {
	color: #515151;
	font-weight: bold;
}

div#right-your .box{
	margin:24px 0 0 0;
	position:relative;
}

div#right-your .top-box{
	background-image:url(../images/top-box.gif);
	height:3px;
	font-size:1px;
}

div#right-your .bottom-box{
	background-image:url(../images/bottom-box.gif);
	height:3px;
	font-size:1px;
}

div#right-your .content-box{
	background-color:#e7ebf0;
	padding:13px;
}

div#right-your img{
	margin:9px 0;
}

div#right-your p{
	font-size:12px;
	font-weight:500;
}
/* FOOTER */

div#footer {
	text-align:center;
	margin:0 auto;
	position:relative;
	width:999px;
	padding-bottom:20px;
}

div#footer span,
div#footer p{
	color: #6ea0bb;
	font-size: 10px;
}


div#footer  span {
	margin: 0 5px;
}

div#footer a {
	color: #6ea0bb;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

div#footer a:hover {
	color: #6ea0bb;
	text-decoration: underline;
}

/* ############################ START DISCLAIMER ############################ */
#disclaimer {
	background: #e7ebf0 url(../images/bg-border-box.gif) repeat-y right;
	width: 281px;
	font-size: 12px;
	color: #515151;
	margin-right:250px;
	position:relative;
}
.disclaimer {
	background: #e7ebf0 url(../images/bg-border-box.gif) repeat-y right;
	width: 281px;
	font-size: 12px;
	color: #515151;
	margin-right:250px;
	
}
#disclaimer .top-disclaimer {
	background-image:url(../images/bg-top-disclaimer.gif);
	height:7px;
	font-size:1px;
}

#disclaimer .content-disclaimer {
	background: url(../images/bg-content-disclaimer.gif) no-repeat 0 0;
}
#disclaimer a {
	color: #4d91c1;
	text-decoration: none;
}
#disclaimer a:hover {
	color: #d5353b;
	text-decoration: none;
}
iframe#disclaimer-iframe {
	width:280px;
	height:175px;
	display:none;
	border:0;
	position:absolute;
	z-index:5;
}
#disclaimer #disclaimer-txt {
	width: 260px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
}
#disclaimer #disclaimer-buttons {
	width: 281px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	background:url(../images/bg-bottom-disclaimer.gif) no-repeat bottom left;
}
#disclaimer #disclaimer-buttons ul {
	list-style: none;
	height: 25px;
	width: 200px;
	margin: 0 auto;
}
#disclaimer #disclaimer-buttons ul li {
	height: 25px;
	width: 72px;
}
#disclaimer #disclaimer-buttons ul li#bt-accept {
	float: left;
}
#disclaimer #disclaimer-buttons ul li#bt-decline {
	float: right;
}


#disclaimer-brand a {
	color: #4d91c1;
	text-decoration: none;
}
#disclaimer-brand a:hover {
	color: #d5353b;
	text-decoration: none;
}
iframe#disclaimer-brand-iframe {
	width:280px;
	height:175px;
	display:none;
	border:0;
	position:absolute;
	z-index:5;
}
#disclaimer-brand #disclaimer-brand-txt {
	width: 260px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
}
#disclaimer-brand #disclaimer-brand-buttons {
	width: 260px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
#disclaimer-brand #disclaimer-brand-buttons ul {
	list-style: none;
	height: 25px;
	width: 200px;
	margin: 0 auto;
}
#disclaimer-brand #disclaimer-brand-buttons ul li {
	height: 25px;
	width: 72px;
}
.bt-continue{
	float:left;
}
.bt-continue li{
	width:89px;
}
.bt-close {
	float: right;
}

#disclaimer #disclaimer-buttons a {
	height: 25px;
	width: 72px;
	display: block;
	float: left;
}

.centered {
	position: absolute;
	top:40%;
	left: 50%;
	margin-top: -25%;
	margin-left: -15%;
}



#close{
    position:absolute;
    top:-5px;
    right:15px;
    cursor:pointer;
}

/* ############################ END DISCLAIMER ############################ */



/*ICONIZE*/

/* Iconize 0.5 */

/* websites (pictures and movies) */

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_txt.gif) no-repeat center right;
}



a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_opml.gif) no-repeat center right;
}
	
a u
{ 
	background: url(../images/icon_pdf.gif) no-repeat 100% 50%;
	padding: 2px 20px 0 0;	/* width of the img */
	display: none;	/* IE correction to show the icon */
	cursor: pointer;		/* IE correction to show hand instead of arrow */
	vertical-align: bottom;	/* Opera correction to get the last word vertical aligned */
}
	
a[href$='.pdf']
{
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;	
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_archive.gif) no-repeat center right;
}



a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_film.gif) no-repeat center right;
}

/* backYards Living Well */
#backyard-livingwell{
	margin:0 auto;	
	margin-bottom:15px;
	margin-top:10px;
	text-align: center;   
	width:auto;
	max-width: 600px;	
}

#backyard-livingwell img{
	float:left;
	margin:2px 5px 0 0;
}

div#backyard-livingwell p, div#backyard-livingwell a, div#backyard-livingwell a:hover {
	font:11px  Arial, Helvetica, sans-serif !important;
	color:#333!important;
	font-weight:bold!important;	
	
}
div#backyard-livingwell a{
 text-decoration:underline;
}

.terms-conditions{
	margin-bottom:15px;	
}

	
	


/* use this class to make sure that images won't get iconized */