﻿#projectcontent
{
	position:relative;
	margin: 9px 7px 0 7px;
	background: #f7f7f7;
}

#midcontent-gr
{
    background: transparent url(/projects/futuregenerationtechlab/assets/grey_bg.jpg) repeat-x top;    
    width: 892px;
    height: auto;
}
   
/* nav-menu-bar */
#nav 
{
    padding:0; 
    margin:0; 
    list-style:none; 
    height:38px; 
    background:#fff url(/projects/futuregenerationtechlab/assets/three_0.gif) repeat-x; 
    position:relative; 
    z-index:200; 
    font-size: 13px; 
    font-weight:bold; 
    font-family: verdana, sans-serif;
    }

#nav li.top 
{
    display:block; 
    float:left; 
    height:38px;
    }
    
#nav li a.top_link 
{
    display:block; 
    float:left; 
    height:35px; 
    line-height:33px; 
    color:#f1f1f1; 
    text-decoration:none; 
    font-size:11px; 
    font-weight:bold; 
    padding:0 0 0 13px; 
    cursor:pointer;
    background: url(/projects/futuregenerationtechlab/assets/three_0.gif);
    }

#nav li a.top_link.selected 
{
    display:block; 
    float:left; 
    height:35px; 
    line-height:33px; 
    color:#fff; 
    text-decoration:none; 
    font-size:11px; 
    font-weight:bold; 
    padding:0 0 0 12px; 
    cursor:pointer;
    background: url(/projects/futuregenerationtechlab/assets/three_1.gif);
    }
            
#nav li a.top_link span 
{
    float:left; 
    display:block; 
    padding:0 54px 0 43px; 
    height:35px; 
    background: url(/projects/futuregenerationtechlab/assets/three_0.gif) right top no-repeat;
    }

#nav li a.top_link.selected span 
{
    float:left; 
    display:block; 
    padding:0 46px 0 38px; 
    height:35px; 
    background: url(/projects/futuregenerationtechlab/assets/three_1.gif) right top no-repeat;
    }    
    
#nav li a.top_link span.down 
{
    float:left; 
    display:block; 
    padding:0 18px 0 8px; 
    height:35px; 
    background: url(/projects/futuregenerationtechlab/assets/three_0a.gif) no-repeat right top;
    }

#nav li:hover a.top_link 
{
    color:#fff; 
    background: url(/projects/futuregenerationtechlab/assets/three_1.gif) no-repeat;
    }
        
#nav li:hover a.top_link span 
{
    background:url(/projects/futuregenerationtechlab/assets/three_1.gif) no-repeat right top;
    }
    
#nav li:hover a.top_link span.down 
{
    background:url(/projects/futuregenerationgreen/assets/three_1a.gif) no-repeat right top;
    }
    
/* Default list styling */

#nav li:hover 
{
    position:relative; 
    z-index:200;
    }

#nav li:hover ul.sub
{
    left:1px; top:38px; 
    background: #bbd37e; 
    padding:3px; 
    border:1px solid #5c731e; 
    white-space:nowrap; 
    width:80px; 
    height:auto; 
    z-index:300;
    }
    
#nav li:hover ul.sub li
{
    display:block; 
    height:20px; 
    position:relative; 
    float:left; 
    width:90px; 
    font-weight:normal;
    }
    
#nav li:hover ul.sub li a
{
    display:block; 
    font-size:11px; 
    height:18px; 
    width:88px; 
    line-height:18px; 
    text-indent:5px; 
    color:#000; 
    text-decoration:none;
    border:1px solid #bbd37e;
    }
    
#nav li ul.sub li a.fly
{
    background:#bbd37e url(/projects/futuregenerationgreen/assets/arrow.gif) 80px 6px no-repeat;
    }
    
#nav li:hover ul.sub li a:hover 
{
    background:#6a812c; 
    color:#fff; 
    border-color:#fff;
    }
    
#nav li:hover ul.sub li a.fly:hover
{
    background:#6a812c url(/projects/futuregenerationgreen/assets/arrow_over.gif) 80px 6px no-repeat; 
    color:#fff;
    }


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
    left:90px; 
    top:-4px; 
    background: #bbd37e; 
    padding:3px; 
    border:1px solid #5c731e; 
    white-space:nowrap; 
    width:90px; 
    z-index:400; 
    height:auto;
    }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
    }

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
    background:#6a812c url(/projects/futuregenerationgreen/assets/arrow_over.gif) 80px 6px no-repeat; 
    color:#fff; 
    border-color:#fff;
    } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{
    background:#bbd37e url(/projects/futuregenerationgreen/assets/arrow.gif) 80px 6px no-repeat; 
    color:#000; 
    border-color:#bbd37e;
    } 

/* nav-menu-bar ends */

/* content section starts */
.midcontent-gr-right
{
    width: 590px;
    float: left;
    background: transparent url(/projects/futuregenerationtechlab/assets/grey_bg.jpg) repeat-x;    
    padding-left: 6px;
}

.midcontent-gr-right_custom
{
    width: 610px;
    float: left;
    background: transparent url(/projects/futuregenerationtechlab/assets/grey_bg.jpg) repeat-x top;
    padding-left: 6px;
}

.midcontent-gr-left
{
    width: 270px;
    float: right;
    background: #ffffff url(/projects/futuregenerationgreen/assets/shim.gif) repeat;
    padding: 7px;
    height: auto;
}


/* content section starts */
.midcontent-gr-right-sm
{
    width: 560px;
    float: left;
    background: transparent url(/projects/futuregenerationgreen/assets/bg.png) repeat-x top;
    padding-left: 6px;
}

.midcontent-gr-left-lg
{
    width: 300px;
    float: right;
    background: #ffffff url(/projects/futuregenerationgreen/assets/shim.gif) repeat;
    padding: 7px;
    min-height: 550px;
}

#projectcontent h3
    {
        color:#bf0029;
        padding-bottom:3px;
    }    
 
.myBox {
    margin: 7px auto;
    color: #333;
    width: 845px;
    height: 150px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
}


 .myBoxSmall {
    margin: 7px 5px 14px 6px;
    color: #333;
    width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 8px;
    -moz-border-radius: 8px;
    height: auto;
}

 .myBoxSmall_css {
    margin: 7px 5px 14px 6px;
    color: #333;
    width: 550px;
    padding-top: 5px;
    padding-left: 10px;
    line-height:16px;
    padding-right: 10px;
    padding-bottom: 7px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 8px;
    -moz-border-radius: 8px;
    height: auto;
}

.myBoxSmall_custom {
    margin: 7px 5px 14px 2px;
    color: #333;
    width: 550px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
}


 .myBoxSmalls {
    margin: 7px 5px 14px 6px;
    color: #333;
    width: 520px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
}

 .myBoxSmaller {
    margin: 12px;
    color: #333;
    width: 400px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
    height: 330px; 
}

.myBox p {
  padding:0;
  margin:1ex 0;
}

.recycle-box 
{
background: transparent url(/projects/futuregenerationgreen/assets/recycle_box_bg.png) no-repeat bottom right;
width: 820px;
height: auto;
margin-left: 20px;
padding-bottom: 14px;
}

.recycle-box2 
{
width: 820px;
height: auto;
margin-left: 20px;
padding-bottom: 14px;
}

.recycle-batteries-en 
{
background: transparent url(/projects/futuregenerationgreen/assets/C2R-logo-en.jpg) no-repeat bottom right;
width: 820px;
height: auto;
margin-left: 20px;
padding-bottom: 14px;
}

.recycle-batteries-fr 
{
background: transparent url(/projects/futuregenerationgreen/assets/C2R-logo-fr.jpg) no-repeat bottom right;
width: 820px;
height: auto;
margin-left: 20px;
padding-bottom: 14px;
}

.recycle-electronic-box 
{
    background: transparent url(/projects/futuregenerationgreen/assets/recycle_electronics_bg.png) no-repeat bottom right;
    width: 860px;
    height: 120px;
}


.ui-lightboxgallery, ui-lightboxgallery li{
 padding:0;
 margin:0;
 list-style:none;
}
.ui-lightboxgallery li {
	border: 1px solid #eaeaea;
	padding: 3px;
	float:left;
	width:240px;
	height:160px;
	margin:7px 7px 7px 0;
}

.header 
{
    padding: 5px 0 5px 0;
}

.other-resources-en
{
    background: transparent url(/projects/futuregenerationgreen/assets/other_resources_en.png) no-repeat center;
    width: 892px;
    height: 410px;
}

.other-resources-fr
{
    background: transparent url(/projects/futuregenerationgreen/assets/other_resources_fr.png) no-repeat center;
    width: 892px;
    height: 410px;
}


#other-resources-txt 
{
    padding: 50px 150px 0px 380px; 
    color: #fff;
    width:440px;
}

#other-resources-txt a
{
    text-decoration: underline;
    color: #fff;
}

#other-resources-txt p
{
    color:#fff;
    padding-left: 16px;
}

.storelocator-btn 
{
    padding: 7px;
}


.reduce-box
{
    width:650px;
    float:right;
}

.bgr-home
{
    background: transparent url(/projects/futuregenerationgreen/assets/rm_living.jpg) no-repeat left;
    width: 800px;
    height: 150px;
}

.bgr-kitchen
{
    background: transparent url(/projects/futuregenerationgreen/assets/rm_kitchen.jpg) no-repeat left;
    width: 800px;
    height: 210px;
}

.bgr-laundry
{
    background: transparent url(/projects/futuregenerationgreen/assets/rm_laundry.jpg) no-repeat left;
    width: 800px;
    height: 130px;
}

.bgr-theatre
{
    background: transparent url(/projects/futuregenerationgreen/assets/rm_theatre.jpg) no-repeat left;
    width: 800px;
    height: 70px;
}

.bgr-office
{
    background: transparent url(/projects/futuregenerationgreen/assets/rm_office_laptop.jpg) no-repeat left;
    width: 800px;
    height: 180px;
}

.bgw-electronics
{
    background: transparent url(/projects/futuregenerationcommunity/assets/rmjq_1.jpg) no-repeat left;
    width: 800px;
    height: 114px;
}

.bgw-fs
{
    background: transparent url(/projects/futuregenerationgreen/assets/fsbg.jpg) no-repeat left;
    width: 800px;
    height: 110px;
}

.bgw-energy
{
    background: transparent url(/projects/futuregenerationcommunity/assets/rmjq_2.jpg) no-repeat left;
    width: 800px;
    height: 150px;
}

.bgw-box
{
    background: transparent url(/projects/futuregenerationgreen/assets/r_cardboard.jpg) no-repeat left;
    width: 800px;
    height: 110px;
}

.bgw-paper
{
    background: transparent url(/projects/futuregenerationgreen/assets/r_paper.jpg) no-repeat left;
    width: 800px;
    height: 160px;
}

table.blackborder {
    background-color:white;
    border:1px inset black;
    border-collapse:collapse;

}

table, td, th, tr {
    border:1px inset black;
    border-collapse:collapse;
    padding:2px;
}

th.blackborder {
    background-color:white;
    border:1px inset black;
}

td.blackborder {
    border:1px inset black;
}

caption {
    font-weight:bold;
}

.texttop {
    vertical-align:top;
}
.textleft {
    text-align:left;
}

.trbg-alt th
{
    background: #d5d4c7;
}

#switchAreas .area    
    {
        display: none;
    }
    
#switches div
    {
        width: 590px;        
    }
    
#switches img
    {
        margin: 2px 2px 2px 2px;
    }
    
.grey_h3
{
    color: #333333;
}

.item 
{
    font-size:10px;
}   

ul.iphone-screens
{
    position: relative;
}

ul.iphone-screens li 
{
    position: absolute;
    top: 0;
}

.fg_arrow 
{
    font-size:9px; 
    font-weight: bold; 
    font-family: Arial;
}

ul.iphone-icons
{
    position: absolute;
}

ul.iphone-icons li 
{
     float: left;
     width:13px;
     background-color: #ff9eb3;
     border: 1px solid #bf0029;
     margin-right: 3px;    
}

.extend_box {
	display:none;		
	line-height: 16px;
}

#policy_list div {
	display:none;
	margin-left: 29px;
	padding: 4px 0 4px 6px;
	line-height: 16px;
}

#homepage-slide {
background:none repeat scroll 0 0 #DADADA;
height:414px;
margin:0 0 0px;
overflow:hidden;
position:relative;
}

ul.indexlinks {
background:url("/projects/_content/mainfeatures/assets/nfs_bg_2.png") no-repeat scroll 0 0 transparent;
height:29px;
left:15px;
padding-left:13px;
position:absolute;
text-align:center;
top:370px;
width:249px;
z-index:10000;
}

#progress {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #77746C;
border:3px solid #A7A39C;
height:10px;
left:196px;
position:absolute;
top:376px;
width:50px;
z-index:11000;
}

#slideshowPause {
left:170px;
position:absolute;
top:373px;
z-index:11000;
}

.faq-list
{
    padding-left: 40px;
}
