/*
Title:      CSS Layout Masting
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    January 12 2010
Content:	
			Body
            Container
			Header
			Main Navigation
			Main Content 
				Sidebar-a
				Sidebar-b
			Footer
			Other BRP Products
            Culture Selection Page

*/
/* ---[ body ]------------------------------- */
html {
	overflow: -moz-scrollbars-vertical;	
	background: #fff url(../../Images/neutral/bkg_site.jpg) no-repeat top center;
	}
html,
body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 1.15em;	
	}

/* ---[ Container ]------------------------------- */
#container {
	width: 970px;
	font-size: 85%;
    margin: 0 auto 10px auto;	
	text-align: left;
	color: #595f67;/*939598*/
	/*background: #fff;
	border: 1px solid red;*/
	}

/* ---[ Header ]------------------------------- */
#header {
	/*clear:both;*/
	width: 970px;
	height: 53px;
	/*padding-bottom : 30px;*/
	background: Transparent url(../../Images/neutral/bkg_header.gif) no-repeat top left;
	z-index: 2;
	}
#header #logo {
	float: right;
	margin: 4px 20px 0 0;
	}
#header #top-links {
    padding: 0 0 0 30px;
    width: 772px;/*802px*/
	height: 33px;	
	}
	#header #top-links li {
		float: left;
		height: 19px;/*19px*/
		padding: 0 7px 0 7px;
		border-bottom: 1px solid #c4c4c4;
		background: #fdfdfd url(../../Images/neutral/bkg_nav_separator.gif) no-repeat 100% 5px;
		}
	    #header #top-links li.last-item {
		    background: none;
		    }
        #header #top-links li.first-li,
        #header #top-links li.last-li {
	        width: 4px;
		    padding: 0;
		    border: none;
		    }
	        #header #top-links li.first-li {
		        background: url(../../Images/neutral/bkg_toplinks_left.gif) no-repeat top left;
		        }
	        #header #top-links li.last-li {
		        background: url(../../Images/neutral/bkg_toplinks_right.gif) no-repeat top right;
		        }
	#header #top-links a {
		color: #00264c;
		display: block;
		padding-top: 2px;		
		font-weight: bold;
		}
	    #header #top-links a:hover {
		    color: #000;
		    text-decoration: none;
		    }

/* ---[ Main Navigation = layout_Navigation.css ]------------------------------- */

/* ---[ Content ]------------------------------- */
#main-content {
	width: 970px;
	}
    #content-header {
        width: 970px;
        padding-top: 30px;
        }
        #content-header div#section-title {
            padding: 0 0 0 30px;
            }
            #content-header div#section-title p {
                font-size: 18px;
                color: #595f67;
                font-weight: bold;
                padding: 0;
                }        
    #content-box {
	    width: 970px;
	    padding: 5px 0 0 0;
	    background: url(../../Images/neutral/bkg_content_top.gif) no-repeat top left;
	    }
	    #content {
	        width: 923px;/*968px*/
	        padding: 0 15px 0 30px;
	        border-left: 1px solid #dedede;
	        border-right: 1px solid #dedede;
	        background: #fff;
	        min-height: 370px; /*To Hide the background*/
	        }	        
	    #content #sidebar-a {
	        float: left;
	        width: 600px;/*615px*/
	        padding: 35px 15px 0 0;
		    }
	    #content #sidebar-b {
	        float : left;
	        width: 308px;
	        padding: 35px 0 0 0;
		    }

/* ---[ Footer ]------------------------------- */
#footer {
	width: 970px;
	/*height: 30px!important;IE6*/
	padding: 65px 0 0 0;
	font-size: 85%;
	text-align: center;
	text-transform: uppercase;
	background: url(../../Images/neutral/bkg_content_bottom.gif) no-repeat top left;	
	}
#footer ul {
	/*float: left;*/
	width: 970px; /*IE7 inline*/
	padding-bottom: 5px;
	}
	#footer li {
		/*float: left;*/
		display: inline;	
		padding: 0 7px 0 0;
        margin: 0 7px 0 0;
	    background: url(../../Images/neutral/bkg_nav_separator.gif) no-repeat 100% 2px;
		}
	    #footer li,
	    #footer li a {
		    color: #969695;
		    }
        #footer li.last-item {
            padding: 0;
            margin: 0;
		    background: none;
		    }
		#footer li a#followUs {
            padding: 0;
            margin: 0;
            display:inline-block;
            width:25px;
            height:25px;
            }
        #footer li a.enews{
    background: url(../../Images/neutral/enews2.jpg) no-repeat 0 5px;
    height:40px;
    }
		#footer li a.facebook {
            background: url(../../Images/neutral/facebook_20x20.jpg) no-repeat 0 5px;
            }
		#footer li a.flickr {
            background: url(../../Images/neutral/flickr_20x20.jpg) no-repeat 0 5px;
            }
		#footer li a.youtube {
            background: url(../../Images/neutral/youtube_20x20.jpg) no-repeat 0 5px;
            }
        #footer li a#followUs span {
            display:none;
            }
#footer div#copy {
	color: #969695;
	}
#footer div#social-media {
    position: absolute;
    top: 0;
    right: 0;
	}
	#footer div#social-media div.media a {
        color: #969695;
	    }
/* ---[ Other BRP Products ]----------------------------------- */
div#other-brp-products {
	display: none;
	padding: 10px 0 0 100px;
	margin: 0 0 10px 0;
	min-height: 50px;
	height: auto !important;
	height: 50px;/*60*/
	width: 870px;
	text-align: left;
	background: url(../../Images/neutral/bkg_other_products.gif) repeat-x 0 0;
	}
div#other-brp-products dl {	
	float: left;
	min-height: 49px;
	height: auto !important;
	height: 49px;
	padding: 0 30px 0 0;
	}	
	div#other-brp-products dl dt {		
		color: #777;
		text-transform: uppercase;		
		font-weight: bold;		
		}	
		div#other-brp-products dl dd {		
			color: #969695;
			text-transform: uppercase;
			}	
			div#other-brp-products dl dd a {	
				display: block;
				padding: 0;
				color: #969695;
				}	
			div#other-brp-products dl dd a:hover {
				color: #000;
				}

/* ---[ Culture Selection page ]------------------------------- */
#culture-selection {
	width: 970px;
	/*height: 620px;*/
	font-size: 85%;
	margin: 0 auto 0 auto;
	text-align: left;
	color: #5f5f5f;
	background: #fff;
	}	
#culture-choice {
    float: left;
    width: 888px; /*970px*/
    padding: 20px 40px 0 40px;
    border-left: 1px solid #9d9ea3;
    border-bottom: 1px solid #9d9ea3;
    border-right: 1px solid #9d9ea3;
    background: #fff;
	}	
    #culture-selection #language {
        float: left;
        width: 560px;
        padding-bottom: 45px;
	    }
	    #culture-selection #language #usa,
	    #culture-selection #language #can {
            float: left;
            padding-top: 10px;
	        }
	        #culture-selection #language #usa {            
                width: 90px;
	            }
	        #culture-selection #language #can {
                width: 200px;
	            }
	            #culture-selection #language a {
                    color: #5f5f5f;
	                padding-left: 15px;
	                background: url(../../Images/neutral/arrow_culture_selection.gif) no-repeat 0% 50%;
	                }
    #culture-selection #intl-list {
        float: left;
        width: 328px;
        padding-top: 40px;
	    }
	    #culture-selection #intl-list #country-img {
            float: left;
            width: 150px;            
	        }
	    #culture-selection #intl-list #country-selector {
            float: left;
            width: 128px;
	        }
	        #culture-selection #intl-list a {
                color: #5f5f5f;
	            }
        #culture-selection #intl-list select {
            width: 150px;
            color: #000;
            background-color: #A1CFFA;
            border: 1px solid #000;
            }