/*
Title:      CSS Layout Masting
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    October 10 2008
Content:	
			Body
			Container
            Container Panel
            Container Popup
			Header
            Header : Tools
			Layout Navigation
			Main Content
                Content Generic
			        Sidebar-nav
			        Content
                        Content-3
                        Content-1
                        Content-2
                    Side-bar-img
                Content Home
			Footer

*/
/* ---[ body ]------------------------------- */
html {
	overflow: -moz-scrollbars-vertical;
	background: #0e0f0f url(../images/bkg_site.jpg) no-repeat top center;
	}
html,
body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:  arial, helvetica, verdana, sans-serif;
	line-height: 1.15em;	
	}
/* ---[ Container ]------------------------------- */
#container {
	width: 960px;
	font-size: 85%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	color: #999; /*#e5e5e5;*/
	}
/* ---[ Container Panel ]------------------------------- */
#container-panel {
	width: 610px;/*630px*/
	padding: 10px;
	font-size: 85%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	color: #e5e5e5;
	}	
	#container-panel #main-content {
	    width: 600px;
	    }
	    #container-panel #main-content #content {
		    margin: 2px 0 0 0;
		    width: 600px;
		    }
/* ---[ Container Popup ]------------------------------- */
#container-pop {
	width: 900px;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	color: #e5e5e5;
	}	
	#container-pop #main-content,
	#container-pop #main-content #content {
	    width: 900px;
	    }
/* ---[ Header ]------------------------------- */
#header {
	width: 960px;
	height: 100px;
	}
    #logo-brp {
	    position: absolute;
	    height: 82px;
	    top: 6px;
	    left: 12px;
	    cursor: hand;
	    cursor: pointer;
	    background: url(../images/logo_brp.png) no-repeat top left;
	    _background: none;
	    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/logo_brp.png', sizingMethod='crop');
	    }
		#header #logo-brp a {
		    display: block;
		    height: 42px;
	        padding: 40px 0 0 100px;
            }
        p.brp-print,
        img.brp-print {
            display: none;
            }
/* ---[ Header : Tools ]------------------------------- */
#header #tools {	
	position: absolute;
	/*width: 600px;*/
	height: 31px;
	top: 0;
	right: 0;
	}
	#header #tools a {
	    color: #999;
	    font-weight: bold;
	    }
	    #header #tools a:hover {
		    color: #fff;
		    text-decoration: none;
		}
	#header #tools ul {
	    height: 31px;
	    }    
	#header #tools ul li {
		float: right;
		padding: 10px 8px 0 8px;
		height: 21px;    
        background: url(../images/tools_bkg.png) no-repeat top left;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/tools_bkg.png', sizingMethod='crop');        
		}
		#header #tools ul li.first {
		    width: 111px;
		    height: 31px; 
		    padding: 0;		    
		    background: url(../images/tools_corner.png) no-repeat top left;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/tools_corner.png', sizingMethod='crop');            
		    }
		#header #tools ul li.last {
		    padding: 10px 0 0 0;
			width: 20px;
			height: 31px;
            background: url(../images/tools_border.png) no-repeat top left;
	        _background: none;
	        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/tools_border.png', sizingMethod='crop');			
            }

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

/* ---[ Main Content ]------------------------------- */
#main-content {
	width: 960px;
	margin-left: auto;
    margin-right: auto;
	}
	/* ---[ Content Generic ]--- */
	#main-content #content-generic,
	#main-content #content-generic-bottom {
	    position: static;/*IE6*/
	    width: 909px;/*915px*/
	    margin-left: auto;
        margin-right: auto;
	    border-right: 3px solid #000;
	    border-left: 3px solid #000;
	    }    
        #main-content #content-generic-bottom {		
		    height: 100px;
	        border-bottom: 3px solid #000;
		    background: url(../images/bkg_content_bottom.png) no-repeat top left;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/bkg_content_bottom.png', sizingMethod='crop');
		    }
        #main-content #content-generic {
	        padding-top: 18px;
	        min-height: 200px;
            border-top: 4px solid #000;
	        background: url(../images/bkg_content_top.png) no-repeat top left;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/bkg_content_top.png', sizingMethod='crop');
	        }
	        #content-generic #sidebar-nav {
		        float: left;
		        padding: 10px 5px 10px 35px;
		        width: 142px;/*180px*/
		        min-height: 100px;
		        background: url(../images/bkg_side_nav.jpg) no-repeat top right;
		        }
		    /*
            *   Content: 3 DIV
            *       #Side-Nav    #content     #sidebar-img
            */
	        #content-generic #content {
		        float: left;
		        padding: 0 10px 0 10px;
		        width: 510px;/*530px*/
		        }		            
	            #content-generic #content ul li {
		            padding: 0 0 0 10px;
		            margin: 0 0 5px 20px;
                    background: url(../images/arrow.gif) no-repeat 0 6px;       
		            }
		        #content-generic #content ol li {
		            margin: 0 0 5px 40px;      
		            }
		    /*
            *   Content: 1 DIV or 2 DIV
            */
            #content-generic #content-1,
            #content-generic #content-2	{
		        float: left;
		        }
                /*
                *   ex: Dealer Locator
                *       Content: 1 DIV Only
                *           #content
                */
	            #content-generic #content-1 #content {
                    width: 889px;
                    }
	            /*
                *   ex: Showroom - Lynx
                *       Content: 2 DIV
                *           #Side-Nav    #content
                */
	            #content-generic #content-2 #content {
                    width: 697px;
                    }

            #content-generic #sidebar-img {
		        float: left;
		        width: 187px;/*197px*/
		        padding: 60px 10px 0 0;
		        }		        
		        #content-generic #sidebar-img img,
		        #content-generic #sidebar-img p img {
		            display: block;
		            margin: 0 auto 0 auto;
		            text-align: center;
		            }
    /* ---[ Content Home ]--- */
    #main-content #content-home	{
        margin-left: auto;
        margin-right: auto;
	    width: 912px;
	    border-top: 4px solid #000;
	    border-right: 3px solid #000;
	    border-left: 3px solid #000;
	    background: #0a0c0c url(../images/bkg_home_content.jpg) no-repeat top left;
	    }

/* ---[ Footer ]------------------------------- */
#footer {
	width: 912px;/*960px*/
	margin: 10px auto 0 auto;
	height: 25px!important;/*IE6*/
	font-size: 93%;
	text-align: right;
	color: #6a6a6a;
	}
	#footer a {
	    color: #6a6a6a;
	    }
#footer ul.external {
	float: left;
	}
#footer ul.copy {
	float: right;
	}
#footer ul li {
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #6a6a6a;
	}
#footer ul li.last {
	padding: 0 0 0 12px;
	border-right: none;
	}
			
/* ---[ Gestion des erreurs dans Form ]---------------------- */
span.errorField {
	color:#ff3300;
	}
			
input.errorField {
	border:solid 1px #ff3300;
	position:static;
	}	
	
textarea.errorField {
	border:solid 1px #ff3300;
	position:static;
	}